/* For screens between 0px and 767px (small devices) */
@media (max-width: 767px) {
    section#action_section .container{
        border-radius:0px;
    }
    .banner_svg img {
        height: 324px;
    }
    .banner_content h2.section_title{
        font-size: 19px;
    }
    .banner_content h1.section_subtitle{
        font-size: 17px;
        line-height:13px;
    }
    div.form_wrapper form#banner_form .submit_collumn {
        right: 43px;
    }
    section#category_section div.slider-wrapper h2.section_title,
    section#whatwedo .container .whatwedo_title{
        font-size: 16px;
    }
    .whatwedo_description{
        font-size: 14px;
    }
   
    section#whatwedo .container .right_col .row .right_inner_col .row{
        padding-top: 10px;
    }
     section#busines_section .busines_title{
        font-size: 23px;
        line-height: 24px;
    }
    .busines_description{
        font-size: 16px;
        margin-top: 20px;
    }
    .busines_button_div{
        text-align: center;
    }
    .busines_section_img{
        height:300px;
    }
    .circle_div {
        width: 160px;
        height: 160px;
        right: 30px;
        top: 48px;
    }
    .svg_collumn{
        width:100%;
    }
    section#whatwedo .container{
        width: 90%;
        margin: auto;
        border-radius: 0px  ;
    }
    section#busines_section .container{
        width: 90%;
        padding-bottom: 0px;
        border-radius: 0px  ;
    }
    .bb_title h2,.bb_title{
        font-size: 20px;
    }
    section#action_section h2.action_section_title{
        font-size: 20px;
    }
  
   .card.category_card {
        width: 135px;
    }
    
    .category_slider .item .category_card .category_content p{
        font-size:12px;
    }
    

    section.banner_section {
        
    }
    
    section.banner_section .banner_content{
        top: -10px;
    }
    
}

/* For screens between 768px and 991px (medium devices) */
@media (min-width: 768px) and (max-width: 991px) {
   
    
}

@media(max-width:991px){
  
}
/* For screens between 992px and 1199px (large devices) */
@media (min-width: 992px) and (max-width: 1199px) {
    
}

/* For screens between 1200px and 1399px (extra large devices) */
@media (min-width: 1200px) and (max-width: 1399px) {
     .root .container{
		max-width: 1240px;
	}
	.slider-wrapper {
        width: 1240px;
        overflow: hidden;
        margin-bottom: 10px;
    }
}

/* For screens 1400px and above (extra-extra large devices) */
@media (min-width: 1400px) {
  
}