
@media screen and (max-width: 1815px){
    
    #header .row { width: 100%!important; padding: 5px 20px 0; }
    .row { width: 98%!important; }

}
@media screen and (max-width: 1600px){
    .banner-box h2{ font-size: 60px; }
    .banner-box p{ font-size: 17px; line-height: 160%; }
    .banner-content{ bottom: 10%; }
}
@media screen and (max-width: 1570px){
    
    /*HEADER*/
    
    .header-left { width: 23%; }
    .header-right { width: 60%; }

    /*SERVICES*/

    .services-list { padding-left: 30px; }

}

@media screen and (max-width: 1325px){
    
    /*HEADER*/
    
    .header-right { width: 65%; }


    /*SERVICES*/

    .services-list .right { width: 45.02%; }

}

@media screen and (max-width: 1225px){


    /*HEADER*/

    .header-left { width: 27%; }
    .header-right .button .btn { font-size: 14px; }


    /*TESTMONIALS*/

    .testimonials-item .content-text { max-width: 900px; }

}

@media screen and (max-width: 1080px){

    /*HEADER*/

    #header nav ul li a { font-size: 16px; }
    .header-right .button { width: 31%; }

}

@media screen and (max-width: 1024px){
    
    /*HEADER*/
    .header-right .button { width: 33%; }

    /*TESTIMONIALS*/

    .testimonials-item .content-text { max-width: 700px; }
    
}

@media screen and (max-width: 925px){


    /*HEADER*/
    .header-right { width: 68%; }
    .header-right .button .btn { font-size: 13px; }


    /*BANNER*/
    .banner-box h2 { font-size: 70px; }
    .banner-box p { font-size: 16px; }

    /*FOOTER*/
    .footer-info.flex { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

}

@media screen and (max-width: 860px){
    
    body { min-width: 320px!important; }
    .row { width: 95%!important; }
    .flex, .flexs, .flexc, .flexe { -ms-flex-wrap: wrap; flex-wrap: wrap; }

    .btn { max-width: 200px; padding: 15px 0; font-size: 13px; }

    .formCol { width: 100%; } 

    #about, #services, #testimonials, #footer { padding: 30px 0; }

    /*HEADER*/
    
    /*HEADER*/
    #header {padding: 0; background: none;}
    #header, #header * { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
    #header .row {width: 100%!important; padding: 0;}
    #header nav {display:block; height: auto; width: 100%;}
    #header nav ul { width: 100%; display: none; height: auto; padding: 0;}
    #header nav ul li { width: 100%;position: relative; margin: 0; }
    #header nav ul li a { display: block; float:none; padding: 10px 0;}
    #header nav a {text-align: left; width: 100%;}
    #header nav a strong {position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 15px;}
    #header nav a#pull {display: block; color: #fff; background-color: #1C2D3F; height: 60px;padding: 10px 0; width: 100%; position: relative;}
    #header nav a#pull:after { content:""; background: url('../images/nav-icon.png') no-repeat; width: 20px; height: 20px; display: inline-block; position: absolute; right: 15px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);}
    #header nav a#pull img { max-width: 145px; padding-left: 10px; }
    #header nav ul li.active-menu { padding: 0; width: 100%; }
    #header nav ul li.active-menu a, #header nav ul li a:hover { width: 100%; background: transparent; padding: 10px 15px; }
    #header nav ul li { background: rgba(255,255,255,0.95); padding: 0; }
    #header nav ul li a { padding: 10px 15px; max-width: 100%; }
    #header nav ul li a:hover::before, #header nav ul li.active-menu a::before { display: none; }
    .header-wrap { padding: 0; }
    .header-left, .header-right .button { display: none; }
    .header-right, .header-nav { width: 100%; }
    .sticky-header #header .row { padding: 0; }

    /*BANNER*/
    
    #banner { padding-top: 60px; }
    .banner-content { top: 40%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
    .banner-slide img { height: 100%; }
    .banner-box h2 { font-size: 40px; }
    .banner-box p{ font-size: 15px; line-height: 140%; }

    /*SERVICES*/

    .services-wrap { padding-top: 30px; }
    .services-left, .services-right { width: 100%; }
    .services-col.flex { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; }
    .services-image.alt { margin: 0; }
    .services-image img { height: 100%; }
    .services-list { max-width: 100%; padding-left: 0; }

    /*TESTIMONIALS*/
    
    .testimonials-item .content-text { max-width: 100%; }
    .testimonials-box .owl-nav { display: none; }

    /*FOOTER*/
    
    .footer-logo { max-width: 400px; }
    .footer-info { padding: 30px 0; }
    .footer-info .info-sm, .footer-info .info-lg { width: 100%; border: none; }
    .footer-info .info-lg { margin: 20px auto; }

    /*INNER PAGE*/

    .inner #content { padding: 80px 0 30px; }

    .inner .ctc-form input[type="text"] { height: 45px; }
    .inner .ctc-form textarea { height: 120px; }

}


@media screen and (max-width: 695px){

    /*CONTENT*/

    .content-text h1, .content-text h2 { font-size: 35px; }
    .content-text p { font-size: 14px; }

    /*BANNER*/
    
    .banner-box { padding: 0 10px; }
    .banner-box h2 { font-size: 30px; }
    .banner-box p { font-size: 14px; line-height: 120%;}

    /*SERVICES*/
    
    .services-content .content-text h3 { padding: 15px 0; }
    .services-list .left, .services-list .right { width: 100%; }
    .services-list ul { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; }

    /*TESTIMONIALS*/

    .testimonials-content .content-text p { padding: 30px 0; }

    /*FOOTER*/

    .footer-bottom { padding-top: 30px; }
    .copyright { text-align: center; width: 100%; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; }
    .socials { margin: 0 auto 10px; }
    
    /*INNER PAGE*/

    .inner #content h1 { font-size: 50px; }


}


@media screen and (max-width: 600px){
    .banner-content{ background: #1C2D3F; position: static; transform: none; padding: 15px 0;}
    .service-wrap { flex-direction: column; }

    .fr-image-pi{ float: none; display: block; margin: 20px auto; }
}

@media screen and (max-width: 540px){

    /*CONTENT*/
    
    .content-text h1, .content-text h2 { font-size: 30px; }

    
    /*BANNER*/
    .banner-slide img { height: 350px; }



}

@media screen and (max-width: 480px){

    .banner-box .button a{ display: block; margin: 10px auto;}
    
    /*SERVICES*/

    .services-list ul { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; }

    /*FOOTER*/
    
    .footer-logo { max-width: 300px; }

}

@media screen and (max-width: 415px){

    /*CONTENT*/

    .content-text p { font-size: 13px; }

    /*BANNER*/

    .banner-box h2 { font-size: 30px; }

    /*ABOUT*/

    .about-content .about-text p { margin-bottom: 20px; }

    /*INNER PAGE*/

    .inner #content h1 { font-size: 40px; }

}

@media screen and (max-width: 380px){

    /*CONTENT*/

    .content-text h1, .content-text h2 { font-size: 25px; }

    /*ABOUT*/

    .about-content .content-text span { font-size: 16px; }
    
    /*BANNER*/

    .banner-box h2 { font-size: 25px; }


}