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

/* Normal desktop :992px. */

@media (min-width: 992px) and (max-width: 1197px) {
    .slider-content h2 {
        font-size: 30px;
        line-height: 70px;
    }
    .slider-content p {
        font-size: 18px;
    }
    .slider-text {
        padding-left: 90px;
    }
    .line {
        height: 900px;
        left: 70px;
    }
    .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: 14px;
    }
}

/* 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;
    }
}

@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%;
    }
    .responsive-menu-wrap .slicknav_nav {
        top: 56px;
        width: 260px;
    }
    .slider-items {
        height: 450px;
    }
    .slider-content h2 {
        font-size: 24px;
        line-height: 30px;
        margin-bottom: 15px;
    }
    .slider-content p {
        font-size: 14px;
    }
    .slider-text {
        padding-left: 70px;
    }/*
    .next-prev-style .owl-nav div {
        display: none !important;
    }*/
    .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;
    }
    .maxlogo {
        max-width: 190%!important;
    }
    .responsive-menu-wrap .slicknav_menu {
        padding: 85px 0px;
    }
    .responsive-menu-wrap .slicknav_nav {
        top: 40px;
    }
    .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;}
    /*pestana services.php*/
    
}

@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) {
    /*.preloader .loader{left: 13%!important;}*/
    /*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: 316px!important;}
    /*header*/
    .bg-header {background: #fff!important;}
    /*menuresponsive*/
    .responsive-menu-wrap .slicknav_menu .slicknav_icon-bar {background: #0826a2!important;}
    .responsive-menu-wrap .slicknav_nav{width: 135px!important;}
    .imgt{width: 300px!important; height: 300px!important;margin-top: 20px!important;}  
}
@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: #fff!important;}
    /*menuresponsive*/
    .responsive-menu-wrap .slicknav_menu .slicknav_icon-bar {background: #0314a8!important;}
    .responsive-menu-wrap .slicknav_nav{width: 170px!important;}
    /*bg-2*/
    .bg-img-2{background-size: 213% 100%!important;}
    /*contact.php*/
    .iconform{left: 6%!important;}
}
@media (min-width: 414px) and (max-width: 736px) {
    /*pestana about.php*/
    .about-area2 .about-wrap:after {height:847px!important;}
    /*header*/
    .bg-header {background: #fff!important;}
    /*menuresponsive*/
    .responsive-menu-wrap .slicknav_menu .slicknav_icon-bar {background: #0314a8!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;}
    /*header*/
    .bg-header {background: #fff!important;}
    /*menuresponsive*/
    .responsive-menu-wrap .slicknav_menu .slicknav_icon-bar {background: #0314a8!important;}
    .responsive-menu-wrap .slicknav_nav{width: 170px!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;}
}
/*tablet*/
@media (min-width: 648px) and (max-width: 768px) {
    /*.preloader .loader{left: 37%!important;}*/
    /*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: #0314a8!important;}
    .responsive-menu-wrap .slicknav_nav {top: 85px!important;width: 200px!important;padding: 5px 40px!important;}
    /*header*/
    .bg-header {background: #fff!important;}
    /*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{width: 400px!important; height: 400px!important;margin-top: 20px!important;}
    .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: 554px!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;}
}
@media (min-width: 375px) and (max-width: 667px) {
    .line{top: -74px!important;}.slider-items {height: 398px!important; }
    .imgt{width: 400px!important; height: 400px!important;margin-top: 20px!important;}
}
/*desktop */
@media (min-width: 648px) and (max-width: 1024px) {
    /*seccion-about*/
    .about-content{margin:-3px!important;}
    .about-img{margin-top: 380px!important;}
    .about-wrap:after{height: 352px!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;}

}