/* (1366x768) WXGA Display */
@media screen and (min-width: 1366px) and (max-width: 1919px) {}



@media(max-width:1440px){
    .bg-header { background: linear-gradient(234deg, #00426c 65%, #ffffff 10%);}
}

/* Normal desktop :992px. */

@media (min-width: 992px) and (max-width: 1197px) {
    .slider-content h2 {
        font-size: 60px;
        line-height: 70px;
    }
    .slider-content p {
        font-size: 18px;
    }
    .slider-text {
        padding-left: 90px;
    }
    .line {
        height: 340px;
        left: 45px;
    }
    .mainmenu ul li {
        margin-left: 15px;
    }
    .about-area2 .about-images {
        bottom: -57px;
    }
    .about-active {
        margin-right: -60px;
        margin-top: 8px;
    }
    .mainmenu ul li a {
        font-size: 17px;
    }
    .btn-blue, .btn-blue:hover {padding: 16px 10px; }
    .sizeservices{font-size: 26px;}
}

/* Normal desktop :991px. */

@media (min-width: 768px) and (max-width: 991px) {
    .slider-items {
        height: 450px;
    }
    .slider-content h2 {
        text-transform: uppercase;
        font-size: 50px;
        line-height: 60px;
    }
    .slider-content p {
        font-size: 16px;
    }
    .line {
        height: 320px;
    }
    .next-prev-style .owl-nav div {
        height: 45px;
        width: 45px;
        line-height: 45px;
    }
    .about-wrap {
        padding: 60px 30px 60px 30px;
    }
    .about-wrap:after {
        right: 0;
        width: 0px;
        height: 60%;
    }
    .ptb-120 {
        padding: 100px 0px;
    } 
    .service-area,
    .spacial-area,
    .footer-top {
        padding: 100px 0px 70px;
    }      
    .about-area2 .about-wrap {
        padding: 80px 30px 80px 30px;
    }
    .about-area2 .about-img2 {
        margin-bottom: 50px;
    }    
    .about-active {
        margin-right: -20px;
        margin-top: 0;
    }
    .about-img-active {
        z-index: 9999999;
        position: relative;
        margin: 52px 0;
    }
    .md-revarce-wrap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap-reverse;
            flex-wrap: wrap-reverse;
    }
    .bg-header{background:#ececec;}
    .responsive-menu-wrap .slicknav_menu .slicknav_icon-bar{background:#00426c!important;}
    .responsive-menu-wrap .slicknav_nav{top: 78px; width: 168px; text-align: center;}
    .btn-blue, .btn-blue:hover {margin: 5px; }
}

@media (min-width: 740px) and (max-width: 990px) {
    .smallservices{font-size: 30px;}
    .blog-card .photo {top: -3px; width: 115%;}
    .blog-card p {font-size: 15px!important; }
}

@media (min-width: 576px) and (max-width: 767px) {
    body {
        line-height: 24px;
        font-size: 14px;
    }
    .responsive-menu-wrap .slicknav_nav {
        width: 510px;
    }
    .slider-items {
        height: 450px;
    }
    .slider-content h2 {
        font-size: 40px;
        line-height: 50px;
    }
    .slider-content p {
        font-size: 16px;
    }
    .line {
        height: 320px;
        width: 430px;
    }
    .next-prev-style .owl-nav div {
        height: 45px;
        width: 45px;
        line-height: 45px;
    }
    .about-wrap {
        padding: 60px 30px 60px 30px;
    }
    .about-wrap:after {
        right: 0;
        width: 0px;
        height: 60%;
    }   
    .about-wrap h3 {
        font-size: 20px;
    }
    .section-title h3 {
        font-size: 18px;
    }
    .section-title h2 {
        font-size: 25px;
    }
    .ptb-120 {
        padding: 100px 0px;
    }
    .service-area,
    .spacial-area,
    .footer-top {
        padding: 100px 0px 70px;
    } 
    .testmonial-area {
        padding: 100px 0 145px;
    }
    ul.slick-dots {
        left: 30px;
    }
    .revarce-wrap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap-reverse;
            flex-wrap: wrap-reverse;
    }
    .sticky-menu {
        position: static;
    }
    .logo {
        margin: 15px 0px;
    }

    .mainmenu {
        padding: 32px 0px;
    }

    .responsive-menu-wrap .slicknav_menu {
        padding: 42px 0px;
    }
    .responsive-menu-wrap .slicknav_nav {
        top: 40px;
    }
    .about-area2 .about-img2 {
        margin-bottom: 50px;
    }
    .about-area2 .about-wrap {
        padding: 40px 0px 40px 30px;
    }
    .test-active .owl-nav div {
        left: -20px;
    }
    .test-active .owl-nav div.owl-next {
        right: -20px;
    }
    .about-active {
        margin-right: 0;
        margin-top: 0;
    }
}

/* small mobile :320px. */

@media (max-width: 575px) {
    body {line-height: 24px; font-size: 14px; }
    .container {width: 100% }
    .about-wrap {padding: 60px 20px 30px 20px; }
    .about-content {margin-bottom: 30px; }
    .about-wrap:after {right: 0; width: 0px; height: 100%; }
    .sevice-box figure{border: 2px solid #fff;box-shadow: none;}       
    .responsive-menu-wrap .slicknav_nav {top: 56px; width: 260px; }
    .slider-items {height: 450px; }
    .slider-content h2 {font-size: 36px; line-height: 40px; margin-bottom: 15px; }
    .shine.shine-4 {left: 50%;}
    .footer-contact ul li{padding-left: 34px;}
    .slider-content p {font-size: 14px; }
    .slider-text {padding-left: 55px; }
    .line {width: 240px; height: 320px; left: 36px!important; }
    .about-wrap h2 {font-size: 20px; }
    .about-wrap h3 {font-size: 25px; }
    .section-title h2 {font-size: 20px; }
    .section-title h3 {font-size: 15px; line-height: 26px; }
    .spacial-wrap {padding: 0px 0px 0px; }
    .service-area, .spacial-area, .footer-top {padding: 100px 0px 70px; }
    .revarce-wrap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap-reverse;
            flex-wrap: wrap-reverse;
    }
    .test-img-active {padding: 30px 20px 0px 0px; }
    .test-img ul li {font-size: 14px; }
    .sticky-menu {position: static; }
    .logo {margin: 15px 0px; }
    .mainmenu {padding: 32px 0px; }.borders{width: 100%}
    .maxlogo {max-width: 190%!important; }
    .responsive-menu-wrap .slicknav_menu {padding: 85px 0px; }
    .responsive-menu-wrap .slicknav_nav {top: 37px; }
    .about-area2 .about-wrap {padding: 40px 16px 40px 16px; }
    .test-active .owl-nav div {left: -10px; }
    .test-active .owl-nav div.owl-next {right: -10px; }
    .ptb-120 {padding: 100px 0; }
    .brand-area {padding: 50px 0px; }
    .about-active {margin-right: 0; margin-top: 0; }
    /*services seccion*/
    .mbservices{margin-bottom: 10%!important;}
    .pbservices{padding-bottom: 50px!important;}
    .mt-10 {margin-top: 10px!important; }
    /*seccion-gallery2*/
    ul.slick-dots {bottom: 40px!important; left: 45%!important;}
    /*pestana about.php*/
    .about-area2 .about-wrap:after {height: 657px!important;}
    
    /*.btn-blue, .btn-blue:hover {margin: 10px; }*/
}

@media (min-width: 480px) and (max-width: 575px) {
    .container {
        width: 450px;
    }
    .responsive-menu-wrap .slicknav_nav {
        top: 42px;
        width: 420px;
    }
}
@media (min-width: 320px) and (max-width: 648px) {
    .spinner {margin: 80% auto;}
    .preloader .loader{left: 23%!important;width: 80%;}
    /*pestana about.php*/
    .about-area2 .about-wrap:after {height:776px!important;}
    /*SERVICES.PHP*/
    .blog-card .photo {top: 0px!important;}    
    .blog-card .description {padding: 2rem!important;}
    .blog-card .meta {height: 221px!important; }
    .blog-card p:first-of-type:before{width:264px!important;}
    /*header*/
    .bg-header {background: #ececec!important;}
    .preload {padding-top: 80%!important; }
    /*menuresponsive*/
    .responsive-menu-wrap .slicknav_menu .slicknav_icon-bar {background: #00426c!important;}
    .responsive-menu-wrap .slicknav_nav{width: 135px!important;top:47px!important;}
    .imgt{width: 300px!important; 
        height: 300px!important;
        margin-top: 20px!important;  
        box-shadow: 1px -1px 0px 12px #f17a2f;
        /*border-left: 2px dashed;
        border-bottom: 2px dashed;*/
        border-radius: 42px;}
    figure.snip0042 {max-width: 270px; }
}
@media (min-width: 375px) and (max-width: 648px) {
    .preloader .loader{left: 24%!important;}
    /*pestana about.php*/
    .about-area2 .about-wrap:after {height:681px!important;}
    /*pestana services.php*/
    .blog-card .meta {height: 260px!important;}
    /*header*/
    .bg-header {background: #ececec!important;}
    .preload {padding-top: 60%!important; }
    /*menuresponsive*/
    .responsive-menu-wrap .slicknav_menu .slicknav_icon-bar {background:#00426c!important;}
    .responsive-menu-wrap .slicknav_nav{width: 170px!important;top: 63px!important;}
    /*bg-2*/
    .bg-img-2{background-size: 213% 100%!important;}
    /*contact.php*/
    .iconform{left: 6%!important;}
    figure.snip0042 {max-width: 325px; }    
}
@media (min-width: 414px) and (max-width: 736px) {
    /*pestana about.php*/
    .about-area2 .about-wrap:after {height:847px!important;}
    /*header*/
    .bg-header {background: #ececec!important;}
    /*menuresponsive*/
    .responsive-menu-wrap .slicknav_menu .slicknav_icon-bar {background: #00426c!important;}
    .responsive-menu-wrap .slicknav_nav{width: 170px!important;}    
}
@media (min-width: 425px) and (max-width: 648px) {   
    /*.preloader .loader{left: 21%!important;} */
    /*slider*/
    .slider-items {height: 410px!important; }
    /*pestana about.php*/
    .about-area2 .about-wrap:after {height: 633px!important;}
    /*.colorblack{background: #000;}*/
    .imgt{box-shadow: -1px -1px 10px 1px #ffffff;}
    .sevice-box figure{border: 2px solid #fff;box-shadow: none;}
    /*header*/
    .bg-header {background: #ececec!important;}
    .preload {padding-top: 60%!important; }

    /*menuresponsive*/
    .responsive-menu-wrap .slicknav_menu .slicknav_icon-bar {background: #00426c!important;}
    .responsive-menu-wrap .slicknav_nav{width: 160px!important;top: 63px!important; }
    /*bg-2*/
    .bg-img-2{background-size: 213% 100%!important;}
    /*seccion-services*/
    .sevice-box .service-text {margin: -81px 41px 0px 41px;}
    .img-scale:hover img {width: 96%!important;}
    /*contact.php*/
    .iconform{left:5%!important;}
    figure.snip0042 {max-width: 375px; }

}
/*tablet*/
@media (min-width: 648px) and (max-width: 768px) {
    .preload {padding-top: 35%!important;}
   .spinner {margin: 39% auto;}
    /*menu*/
    .responsive-menu-wrap .slicknav_menu {font-size: 27px!important; padding: 57px 4px!important;right: -107px!important;}
    .responsive-menu-wrap .slicknav_menu .slicknav_icon-bar {background:#00426c!important;}
    .responsive-menu-wrap .slicknav_nav {top: 66px!important;width: 200px!important;padding: 5px 40px!important;}
    /*header*/
    .bg-header {background: #ececec!important;}
    .borders{width: 80%}
    ul.slick-dots {bottom: -255px;}
    .seccion-gallery2-img ul li {font-size: 16px;}
    /*slider*/
    .line {width: 398px!important; height: 415px!important; left: 24px!important; top: -76px!important; }
    /*seccion-about*/
    .about-wrap {padding:31px 3px 52px 18px!important; }
    .imgt{margin-top: 20px!important; box-shadow: 1px -1px 0px 12px #f17a2f; /* border-left: 2px dashed; */ /* border-bottom: 2px dashed; */ border-radius: 42px;}
    .about-img {margin-top: 227px!important;}
    .about-wrap:after {height: 41%!important;}
    /*bg-2 */
    .bg-img-2{background-size: 170% 100%!important;}
    /*seccion-services*/
    .sevice-box .service-text {padding: 16px 12px!important; margin: -25px 11px 0px 8px!important;}
     /*pestana about.php*/
    .about-area2 .about-wrap:after {height: 505px!important;}
    /*pestana services.php*/
    .blog-card{margin-bottom: 23.6%!important;}
    .mt-10 {margin-top: 10px!important;}
    .img1services{width: 100%!important; height: max-content!important;}
    .blog-card .description:before {transform: skewX(0deg)!important; background: none!important;}
    .blog-card .meta {flex-basis: 68%!important;}.blog-card .photo{width: 169%!important;}
    .blog-card .description {padding: 1rem!important;flex-basis: 70%!important;}.blog-card .details{height: 213%!important;}
    /*contact.php*/
    .iconform{left:11%!important;}
    .preloader .loader{left: 35%;}
    .pbservices{padding-bottom: 50px;}
}
@media (min-width: 375px) and (max-width: 667px) {
    .line{top: -74px!important;}.slider-items {height: 398px!important; }
    .imgt{margin-top: 20px!important;
        box-shadow: 1px -1px 0px 12px #f17a2f;
        /*border-left: 2px dashed;
        border-bottom: 2px dashed;*/
        border-radius: 42px;
    }
}
/*desktop */
@media (min-width: 648px) and (max-width: 1024px) {
    .maxlogo { max-width: 86%!important;}
    .bg-header { background: linear-gradient(234deg, #00426c 67%, #ffffff 10%);}
    .mainmenu ul li a { font-size: 16px;}
    /*seccion-about*/
    .about-content{margin:-3px!important;}
    .about-img{margin-top:290px!important;}
    .about-wrap:after{height:250px!important;}
    /*pestana services.php*/    
    .mt-10 {margin-top: -112px!important;}
    /*contact.php*/
    .iconform{left: 10%!important;bottom: 50%!important;}
    .blog-card p:first-of-type{margin-top: 1rem;}
    .blog-card p{font-size: 16px!important;}
    .blog-card .details{top: 11px!important;}

}