/* (1366x768) WXGA Display */
@media screen and (min-width: 1366px) {
    .bg-header {  background: linear-gradient(298deg, #000000 64%, #ffffff 7%);}
}

@media screen and (max-width:1920px){
    .bg-header { background: linear-gradient(298deg, #000000 61%, #ffffff 7%);}
}

@media screen and (max-width:1440px){
    .bg-header { background: linear-gradient(298deg, #000000 65%, #ffffff 7%);}
}
/* 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: 15px;
    }
    .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:#fff;}
    .responsive-menu-wrap .slicknav_menu .slicknav_icon-bar{background:#e8201a!important;}
    .responsive-menu-wrap .slicknav_nav{top: 71px; 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%;
    }
    /*.colorblack{background: #000;} */
    .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: 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: 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;}
    /*pestana services.php*/
    .btn-blue, .btn-blue:hover {margin: 5px; }
}

@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: #fff!important;}
    /*menuresponsive*/
    .responsive-menu-wrap .slicknav_menu .slicknav_icon-bar {background: #e8201a!important;}
    .responsive-menu-wrap .slicknav_nav{width: 135px!important;top:54px!important;}
    .imgt{width: 300px!important; height: 300px!important;margin-top: 20px!important;}
    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: #fff!important;}
    /*menuresponsive*/
    .responsive-menu-wrap .slicknav_menu .slicknav_icon-bar {background:#e8201a!important;}
    .responsive-menu-wrap .slicknav_nav{width: 170px!important;top: 83px!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: #fff!important;}
    /*menuresponsive*/
    .responsive-menu-wrap .slicknav_menu .slicknav_icon-bar {background: #e8201a!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: #fff!important;}
    /*menuresponsive*/
    .responsive-menu-wrap .slicknav_menu .slicknav_icon-bar {background: #e8201a!important;}
    .responsive-menu-wrap .slicknav_nav{width: 160px!important;top: 83px!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) {
   .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:#e8201a!important;}
    .responsive-menu-wrap .slicknav_nav {top: 90px!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: 549px!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%;}
}
@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:306px!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;}    
}

/*@media(max-width:882px) and (min-width:1024px){
    .bg-header {    background: linear-gradient(298deg, #000000 64%, #ffffff 7%)!important;}
    .mainmenu ul li a {margin:5px 5px!important; font-size: 17px!important;}
}*/