:root {
    --white: #ffffff;
    --muted: #666666;
    --red: #C80428;
    --green:#2B9348;
    --yellow:#FB8B24;
    --primary:#123452;
    --primary-light:#59C0CE;
    --secondary: #089CD5;
    --specialgreen: #149E99;


    --nutral-light-1 : #F2F3F3;
    --nutral-light-2 : #E6E6E7;
    --nutral-light-3 : #CCCECE;
    --nutral-light-4 : #B3B5B6;
    --nutral-light-5 : #999C9D;

    --nutral-dark-1: #676B6C;
    --nutral-dark-2: #4D5254;
    --nutral-dark-3: #34393B;
    --nutral-dark-4: #1A2122;
    --nutral-dark-5: #010709;

    --primary-dark-1 : #D0D6DC;
    --primary-dark-2 : #A0AEBA;
    --primary-dark-3 : #718597;
    --primary-dark-4 : #415D75;
    --primary-dark-5 : #123452;
    --primary-dark-6 : #0E2A42;
    --primary-dark-7 : #0B1F31;
    --primary-dark-8 : #071521;
    --primary-dark-9 : #040A10;

    --primary-light-1 : #DEF2F5;

 
}


@media only screen and (min-width: 992px) and (max-width: 1260px) {
    .header .container{
        max-width: 95% !important;padding:.5rem 1rem;
    }
    .why_choose_us .container{ 
        max-width: 100% !important;
    }
    .why_choose_us ._content_holder{ padding: 3rem;}
    .contact_us .container{ width: 100% !important;}
   

    .why_choose_us ._content_holder img{ width: 100px; height: 100px;}
    .why_choose_us ._content_holder .text{ width: 85%;}

    .title_2x{font-size: 28px;}
    .title_support{ font-size: 14px;}
    

}
@media only screen and (min-width: 992px) and (max-width: 1120px) {
    .contact-head{
        /* display: none; */
        
    }
    .contact-head ul li{
        font-size: 10px;
    }
    .navbar-nav .nav-item{ margin: 0; font-size: 14px;}
}


@media only screen and (min-width: 300px) and (max-width: 991px) {
    .header{ width: 100%; padding: 0; position: fixed; top: 0;}
    .navbar-brand{ padding: 0;}
    
    .contact-head{
        display: none;
        
    }
    .header .container{ padding-right: 1rem; max-width: 100% !important; border-radius: 0;}
    ._openNav .navbar-collapse {  display: flex;
        justify-content: flex-start !important;
        flex-direction: column;

    }
    ._openNav { 
        transition: all .3s ease;
        /* height: calc(100vh - 5%); */
    }
    ._openNav .navbar-nav { width: 100%; padding: 8px; border-top: 1px solid var(--primary-dark-1); margin-top: 2rem;
        padding-top: 2rem;}
    ._openNav .active{ 
        /* background: var(--nutral-light-1); */
         border-radius: 4px;}
    ._openNav .navbar-nav .nav-item{ margin-bottom: 8px;}
    ._openNav .navbar-nav .nav-item .nav-link{ border: none; padding: 8px;}
   ._openNav .navbar-nav .nav-item.active .nav-link{ border: none; padding: 8px;}
   .quick_connect{ 
    display: flex;
    flex-direction: column;
    text-align: center;
    width: 100%;
}
   .quick_connect li{
    margin-left: 1rem;
    text-align: left;
    padding: 0.5rem;
    display: flex;
    }
    .quick_connect li a{ color: var(--primary-dark-4); width: 100%; margin-left: 8px;}

    ._affix {
        position: fixed;
        top: 0;
        width: 95%;
        width: 100%;
        box-shadow: 0px 2px 4px rgba(48, 48, 48, 0.04), 0px 8px 16px rgba(96, 96, 96, 0.16);
        border-radius: 0;
        background:var(--white);
        z-index: 9999;
        transform: translate(10s);
        /* left: 2.5%; */
        /* top: 2.5%; */
        left: 0;

        border-radius: 0;
        padding: 1rem;
        

}
._affix .container{ padding-top: 0; padding-bottom: 0;}
.home_page{ padding-top: 89px;}
.about_us p{width: 100%;}

.why_choose_us ._content_holder{ padding: 24px;}
.why_choose_us ._content_holder img{ width: 90px; height: 90px;}
.why_choose_us .container{ max-width: 100% !important;}
.why_choose_us ._content_holder .text{ width: 100%;}
p{font-size: 14px;}
.title_2x{font-size: 24px;}
.title_support{font-size: 14px;}
.serv_title{font-size: 18px; font-weight: 600;}

.contact_us .container{ width: 100%;}


.Service_page_container{ padding-bottom: 40px;
}
.title_xl{
    font-size: 28px;
}
.serv_text_support{ font-size: 16px; width: 100%;}

.service_image{ margin-bottom: 1rem;}
.service_row h2{ font-size: 22px;}

.floating_widget{ padding: .8rem; right: 25px;}





@media only screen and (min-width: 769px) and (max-width: 991px) {
    .container{ max-width: 95% !important;}
    .why_choose_us{ padding: 1rem;}
    .quick_connect{ 
        margin-top: 2rem;
        /* border-top: 1px solid #E6E6E7; */
        background: #E6E6E7;
        padding-top: 1rem;
        border-radius: .5rem;
    }
    
}


@media only screen and (min-width: 300px) and (max-width: 768px) {

    .about_images_sec{ display: none;}
    .wcw_inner{ background: var(--primary-dark-7); padding: 1rem; margin-bottom: 1rem; border-radius: 1.5rem;}
    .container{max-width: 100%  !important;}

    .why_choose_us{ padding: 0;}
    .why_choose_us .container{ margin: 0; padding: 0; }
    .why_choose_us ._content_holder{border-radius: 0; padding-top: 2rem; }


    .contact_us .container{ border-radius: 0; padding: 2rem 1rem;}
    .contact_us{ margin: 0;}
    .contact_form{ margin-top: 3rem; padding: 1rem;}
    
.testimonial_image { display: none;}
.testimonial_wrapper img{ height: 32px; width: 32px; border-radius: 100px;}
.testimonial_wrapper .testimonial_content h4{ font-size: 16px; font-weight: 600;}

    ._openNav{
        background: var(--primary-dark-5);
    WIDTH: 100%;
    TOP: 0;
    BORDER-RADIUS: 0;
    LEFT: 0;
    HEIGHT: 100%;
    /* padding: calc(2.5% + 1rem); */
    padding: 0rem;
    z-index: 9999;
    }
    
    ._affix .container{ 
        padding: 0rem 0;
    }
    ._openNav .container{
        max-width: 100%  !important;
        padding: 1rem;
        height: 100%;
        border-radius: .0rem;
    }
    .quick_connect{ 
        margin-top: 2rem;
        /* border-top: 1px solid #E6E6E7; */
        background: #E6E6E7;
        padding-top: 1rem;
        border-radius: .5rem;
    }
    ._openNav .navbar-nav .nav-item, .quick_connect li{
        padding: 1rem;
    }
    ._openNav .navbar-nav{ padding-top: 0;}
    .serv_sec{ margin-bottom: 1.5rem;}
    .serv_title{ font-size: 24px;}
    .quick_connect li a{ color: var(--primary-dark-7); }
    .quick_connect li{ margin-left: 0;}
    footer{ padding: 20px;}
    footer .container{ margin: 0; padding: 0;}
    footer .quicklinks{ margin: 1rem 0;}
    .quicklinks li a{font-size: 14px !important; }
    
    
    #carouselWeb{ display: none;}
    #carouselMob{ display: block;}
}
    
    
}

/*
@media only screen and (min-width: 300px) and (max-width: 991px) {
    .brands{ padding: 3rem 0 0; margin:0;}
    .brand_count_holder{ display: none;}
    .brand_icon_holder{ max-width: 100%; flex: 0 0 100%;}
    .btn_major { padding: 6px 12px ;}
    .navbar-collapse {  display: none;}
    ._openNav .navbar-collapse {  display: flex;
        justify-content: flex-start !important;

    }
    ._openNav .navbar-nav { width: 100%; padding: 8px;}
    ._openNav .active{ background: var(--nutral-light-1); border-radius: 4px;}
    ._openNav .navbar-nav .nav-item{ margin-bottom: 8px;}
    ._openNav .navbar-nav .nav-item .nav-link{ border: none; padding: 8px;}
   ._openNav .navbar-nav .nav-item.active .nav-link{ border: none; padding: 8px;}
}


@media only screen and (min-width: 768px) and (max-width: 991px) {
    .container{
        max-width: 90%;;
    }

    .title_2x { font-size: 28px;;}
    .home_page{ height: auto; padding: 50px 0; border-radius: 0;}
    .home_page .title_2x{ padding: 0; margin-bottom: 1rem;}
    

    
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
    /* *{ font-size: 14px;} *//*

    .container{
        max-width: 100%;;
    }
    header .container{ max-width: 95%; margin: 0;}
    .navbar-toggler{ padding:8px;}
    .title_2x{ font-size: 24px;}

    /* HEADER *

    .home_page{ height: auto; border-radius: 0; padding: 4rem 0;}
    .banner_section{ width: 100%; flex-direction: column-reverse; height: auto !important;}
    .home_page .width_50{
        width: 100% !important;
        display: block;
        text-align: center;
    }
    .banner_img{ width: 60%;}
    .banner_title{ padding: 0 0 20px ; width: 100%; font-size: 28px; }
    .text_style_underline{ font-size: 18px; font-weight: 200; }
    .download_wrapper  .download_holder{  flex-direction: column-reverse; }
.download_wrapper .width_50{
    width: 100% !important;
    display: block;
    text-align: center;
}
.download_img{ width: 60% !important;}
.btn_link img{ width: 140px !important; }

.get_in_touch_wrapper{ padding: 30px;}
.footer_nav .items{ font-size: 12px;}
.copy_right a, .copy_right p { font-size: 12px;}
.social_icon { padding: 5px; width: 25px;}

/* ABOUT US *
.about_us .width_50:nth-child(1){ display: none;}
.about_us .width_50{width: 100%; text-align: center;} 
.about_us .text_style_underline{ margin:auto;}


/* TEXT RESPONSIVE *
.text_xs_md{ font-size: 14px;}
}

@media only screen and (min-width: 320px) and (max-width: 459px) {  
    .title_2x {
        font-size: 20px;
        font-weight: bold;
        ;
    }
    .text_style_underline{
         font-size: 16px;;
    }
    .get_in_touch_wrapper{ padding: 20px; top: -40px;}
    .get_in_touch_wrapper ._form_wrapper{ flex-direction: column}
    .get_in_touch_wrapper ._form_wrapper .form-row{ margin: 0 0 10px !important;}
    .footer_nav .list-inline-item{ margin-right: 10px;}
    .footer_nav .list-inline-item::after{ right: -12px;}

    .copy_right p,.copy_right a  { font-size: 10px;}
    .copy_right{align-items: center;}

    .services{ padding-bottom: 0; padding-top: 50px;}

    .download_wrapper {
        padding-bottom: 70px;
    }
}