


@media only screen and (min-width: 992px) and (max-width: 1260px) {
   
    

}
@media only screen and (min-width: 992px) and (max-width: 1120px) {
    
.home_banner .text_xxl{ font-size: 48px;}

    
}


@media only screen and (min-width: 300px) and (max-width: 991px) {
    
    .banner_text{text-align: center; margin-bottom: 36px;}
    .home_banner .text_xxl{ font-size: 48px;}
    .highlight_inner{ width: 48%;}
    .highlight_wrapper{ width: 100%;}
    .hiw_wrapper{ 
        flex-direction: column;
        padding: 24px;
        width: 46%;
        margin: 1% 1%; border-radius: 24px;
    }
    .hiw_content{ text-align: center;}
    .hiw_content h1{text-align: center; width: 100%;}
    .line_h1, .line_v1{ display: none;}
    .row_2{ margin: 0;}
    /* .row_1, .row_2{ width: 100%;} */
    .hiw_number{ height: 50px; width: 50px;}
    .footer{ padding: 100px 0;}
    /* .location_card{ flex-direction: row;} */
    .footer_nav_holder{padding-top: 100px;}
    .footer_logo_wrapper{ margin-bottom: 40px;}

    .Why_choose_us{ padding: 0; background: #fff;}
    .highlight{ border-radius: 0; padding: 80px 0; text-align: center;}

    .nav_bar_content .btn_yellow{
        margin-top: 32px;
    }
    .nav-link.active{
        border: 1px solid #ddd;
        border-radius: 5px;
    }
    .nav_bar_content{
        padding: 32px 0;
    }
    
        

}







@media only screen and (min-width: 769px) and (max-width: 991px) {
    
    .text_xxl{ font-size: 40px;}
    .text_l{ font-size: 32px;}
    .container{max-width: 90% !important;}
    .price_content{ padding-bottom: 0px;}
    .price-header{ font-size: 18px;}
    .highlight_inner img{ width: 36%;}

    .home_banner{
        padding-top: 156px;
    }
    .footer_logo{
        height: 100px;
    }
    .footer .text_xxl {
        text-align:center;
        margin-bottom: 56px;
    }
    .hiw_wrr{ margin-top: 1.5rem;}
    .service_row .text_l{ 
        font-size: 28px;
        margin-bottom: 1rem !important;
    }
    .how_schedule_works{
        display: none;
    }

    .header .container{
        max-width: 95% !important;
        padding: 0;
    }
    .navbar-nav{
        gap: 24px;
    }
   
    
}


@media only screen and (min-width: 300px) and (max-width: 768px) {
    .container{ max-width: 96% !important;}
    .home_banner .text_xxl{ font-size: 40px;}
    .col_left{ padding: 0;}
    .col_right{padding: 0;}
    .text_xxl{ font-size: 36px;}
    .innepage_header{padding-bottom: 32px; }
    .text_l{ font-size: 24px;}
    .service_row .text_l{ margin-top: 32px;}
    .service_row{ margin-bottom: 24px; padding: 16px; background: #fff; 
        border: 1px solid #eee; 
        border-radius: 5px;
        flex-direction: column;}

    .service_row:nth-child(even){ flex-direction: column-reverse;}
    /* .header{ background: transparent;} */
    .aboutus_content_wrapper{ flex-direction: column;}
    .aboutus_content_wrapper .text_l{ margin-top: 24px; margin-bottom: 16px !important;}
    .innerpage_main{ padding-top: 100px; padding-bottom: 20px;}
    

    .modal-dialog{ max-width: 100% !important;}
    .modal-title{ font-size: 24px;}
    .modal-dialog .subtitle{ font-size: 18px;}
    .hiw_content{ width: 100%;}
    .navbar-collapse{ margin-top: 20px; height: 100%;}
    .home_banner .carousel-indicators{ bottom: 0 }
    .footer .text_xxl{ margin-bottom: 20px; text-align: left;}
    .location_card{ margin-bottom: 24px;}

    .highlight_wrapper{ padding-left: 16px; padding-right: 16px;}

    .header{
        padding: 0;
        top: 0;
    }
    .header .container{ 
        max-width: 100% !important;

    }
    ._affix .container{
        border-radius: 0;
    }

     /*  MENU ICON*/
     .nav_bar_content{
        display: none;

    }
    ._open_header .nav_bar_content{
        display: block;
    }
    
    .menu-icon{
        display: flex;

    }
    .about_content_holder{
        margin-top: 32px;
    }

    .how_schedule_works{ display: none;}

    .hiw_wrapperr .col-md-6{
        margin-bottom: 1.5rem;
    }
    .service-card{
        height: 340px;
    }
    .lc_card{
        margin-bottom: 1.5rem;
    }
    .footer_logo{
        width: 35%;
    }

    

   }
   @media only screen and (min-width: 300px) and (max-width: 575px) {
    .text_xxl{ font-size: 32px;}
    .text_md{ font-size: 18px;}
    .container{ max-width: 100% !important;}
    .service_row .text_l{ font-size: 20px; margin: 20px 0 12px !important}
    .service_row p{ font-size: 16px;}
    .service_item_list{ font-size: 16px;  margin-left: 22px; margin-top: 15px;}
    .innerpage_main{ padding-top: 100px; padding-bottom: 40px;}
    .aboutus_content_wrapper{ flex-direction: column;}

    .home_banner .text_xxl{ font-size: 36px;}
    .home_banner .text_md{ font-size: 18px;}
    .home_banner{ min-height: auto !important;}
    .services{ padding: 36px 0;}
    .service-overlay h3{ font-size: 24px;}
    .highlight{ padding: 32px 0px;}
    .highlight_inner{ width: 46%;}
    .highlight_inner .title{ font-size: 16px;}
    .highlight_inner img{ width: 32%;}
    .how_it_work{ padding: 32px 16px;}
    .hiw_content{width: 100%;}
    .hiw_content h1{font-size: 18px;}
    .hiw_content p{ width: 100%; font-size: 14px;}
    .hiw_wrapper{ width: 100%; margin-bottom: 12px;}

    .customer_review{ padding: 32px 0px; }
    .customer_review .justify-content-between{ flex-direction: row; display: block !important; }
    .customer_review .text_xxl { text-align: center; margin-bottom: 0px;}
    .g_review{ display: none !important;}
    .scroll-title , .rating-text{ font-size: 14px !important; }
    .scroll-text{ font-size: 14px; margin-bottom: 8px;}


    .footer { padding: 44px 0;}
    .footer .text_xxl{ margin-bottom: 20px; text-align: center;}
    
    .location_card{ width: 100%; text-align: center;}
    .location_card h3{ text-align: center; width: 100%;}
    .location_card p{ text-align: center; width: 100%;}
    
    .footer_nav{ text-align: center; margin-bottom: 32px; }
    iframe{ margin-top: 1rem;}




   

   }

  
