/* Medium Layout: 1280px. */
@media only screen and (min-width: 992px) and (max-width: 1200px) { 
}

/* Tablet Layout: 768px. */
@media only screen and (min-width: 768px) and (max-width: 991px) { 

}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) { /* STYLES GO HERE */
    
}

/* Mobile Layout: 320px to 767px. */
@media only screen and (max-width: 767px) {
    .slick-slide img{ width: 100%; }
    .slide_area{ height: auto; padding: 0 0px; }
    .menu-banner-area{ overflow: hidden; }
    .menu-area{ display: none; position: fixed; top: 0px; left: 0; width: 100%; height: 100vw; background: rgb(255 255 255 / 93%); z-index: 128; margin: 0; }
    .menuBar{ display: block; position: absolute; top: -50px; right: 0; font-size: 24px; color: #000; z-index: 999; padding: 10px; }
    .menuBar:focus{ color: #000; outline: none; }
    .menu-area ul{ margin: 120px 0 0; }
    .menu-area ul li{ width: 100%; }
    .menu-area ul li a{ padding: 15px 0; text-align: center; color: #000; font-size: 16px; }
    .logo-area a{ padding: 10px 0; }
    .logo-area a img{ width: 137%; }

    a.enquiryBTN{ margin-right: 50px; }
    .colors{ color: #000 !important; }
    .banner-content-area{ margin-top: 105px; height: auto; }

  	.slide-content{ padding: 10px 0; z-index: 123 }
	.slide-content h1{ font-size: 32px; line-height: 30px; padding: 5px 0; }
	.image-area{ height: 370px; }
	.image-area img{ width: 90%; }
	.image-area:after{ width: 335px; height: 315px; left: -21px; }
	.slide-content h3, .slide-content h2{ margin: 0 0 5px; }
	.banner-content-area:after { left: inherit;  font-size: 145px; line-height: 91px; right: -10px;}
	.slick-slider{ z-index: 123; }

    .products ul li{ width: 100%; }
    .promise-products{ padding: 0; }
    .promise-products .single-product{ margin-bottom: 15px; }
    .small-thumb-gallary-area { position: relative; float: left; width: 100%;}
    .imgBxH { width: 90%; margin: 15px 5%; height: 435px; position: relative; top: inherit;  right: inherit;}
    .imgBxW1 { width: 90%; margin: 15px 5%; height: 200px; position: relative; top: inherit; right: inherit;}
    .imgBxW2 { width: 90%; margin: 15px 5%; height: 260px; position: relative; top: inherit; right: inherit;}
    .imgBxW3 { width:90%; margin: 15px 5%;   height: 220px; position: relative; top: inherit; right: inherit;}
    .imgBxW4 { width: 90%; margin: 15px 5%; height: 180px; position: relative; top: inherit; right: inherit;}
    .imgBxW5 {width: 90%;margin: 15px 5%;height: 180px; position: relative; top: inherit; right: inherit;}
    .imgBxW6 { width: 90%; margin: 15px 5%; height: 130px;position: relative; top: inherit; right: inherit;}

/* ----------------------- inner page -----------------------*/

    .inner-banner-area p{ padding-top: 30px; padding-bottom: 60px; }
    .builddoor-page h3{ font-size: 36px; line-height: 42px; }
    .benefits-area ul li{ width: 70%; margin: 0 15% 50px; }

    .serviceproductarea .products ul li{ width: 50%; padding: 0 5px; }
    .serviceproductarea .products ul li a{ margin: 15px 0 0;     padding: 7px 12px; font-size: 10px; }
    .adBanner{ height: 250px; display: flex; justify-content: center; align-items: center; }
    .adBanner img{ width: 100%; height: 350px; object-fit: cover; object-position: top left; }

    .modal-dialog{ width: 95%; }
    .popup-left-area, .popup-right-area{ width: 100%; }
    .popup-right-area a.enquiryBTN{ margin: 10px 0 0; }
    .bigImg{ height: 220px; }
    .thumbImg ul li a{ height: 50px; }
    .popup-right-area h2{ font-size: 24px; line-height: 24px; }
    .serviceproductarea .single-img-area {
    width: 120px;
    height: 120px;}
    .serviceproductarea .single-product h3{ font-size: 16px; }
    .serviceproductarea .single-product{ min-height: 235px; }
    .innerAddrbok>div{ display: block; padding: 15px 0 0; }

    .callBtn {
        position: fixed;
        width: 52px;
        height: 52px;
        background-color: #ed283f;
        bottom: 15px;
        right: 15px;
        z-index: 123;
        display: block;
        border-radius: 100%;
        font-size: 24px;
    color: #fff;
    text-align: center;
    line-height: 55px;
    }

}