/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {}

/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 321px) {}

/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 320px) {
    /* Styles */
}

/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 767px) {

    .sectionContent h1 {
        font-size: 24px;
    }

    .sectionContent a.btn-primary {
        font-size: 16px;
    }

    .fancybox-infobar {
        display: none;
    }

    #umang-gallery,
    #umang-gallery-2,
    #oneBHk360,
    #studio360 {
        height: 100%;
        overflow-y: scroll;
    }

    .accomplimshment-gallery .aGallery {
        width: 50%;
    }

    .close-btn {
        width: 40px;
        height: 40px;
    }

    .top-container {
        position: absolute;
        width: 90%;
        top: 30%;
    }

    .top-container h1 {
        font-size: 30px;
    }

    .accomplimshment-gallery {
        width: 100%;
        margin: 0 auto;
    }

    .umang-gallery .accomplimshment-gallery {
        width: 100%
    }

    .owl-carousel .owl-nav button.owl-prev {
        position: absolute;
        top: 50%;
        left: -20px;
        transform: translateY(-50%);
    }

    .owl-carousel .owl-nav button.owl-next {
        position: absolute;
        top: 50%;
        right: -20px;
        transform: translateY(-50%);
    }

    .owl-carousel .owl-nav button i.fa {
        font-size: 30px;
    }

    .main-heading h1 {
        font-size: 24px;
        margin-bottom: 30px;
    }

    .owl-carousel .owl-dots.disabled {
        display: block;
    }

    .aGallery img {
        height: 170px;
    }

    .aGallery.firstdiv.yt-first img,
    .aGallery.firstdiv img {
        height: 300px;
    }

    .aGallery.firstdiv.utility img,
    .aGallery.firstdiv.promise img {
        height: auto;
        object-fit: unset;
    }

    .remove-mbpadd {
        padding: 0;
    }

    .aGallery.umang-gallry-big.umang img {
        height: 280px;
    }

    .aGallery.umang-small.umang-img img {
        height: 145px;
    }

    .aGallery.garden img {
        height: 140px;
    }

    .accomplimshment-gallery .aGallery.umang-small-big.umang-img.b-radius img {
        height: 170px;
    }

}

/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
    /* Styles */
}

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

/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {

    /* Styles */
    @media (min-width: 767px) and (max-width:991px) {
        .aGallery.firstdiv img {
            height: auto;
        }

        .aGallery.firstdiv.cust-h img {
            height: 250px !important;
        }

        .aGallery img {
            height: 230px;
        }

        .aGallery.firstdiv.ytimg img,
        .aGallery.firstdiv.offering {
            height: auto;
        }
    }
}


/***Medium devices (tablets, 768px and up) ****/
@media (min-width: 768px) {
    ...
}

/*** Large devices (desktops, 992px and up) ****/
@media (min-width: 992px) {
    ...
}

/*** Extra large devices (large desktops, 1200px and up) ****/
@media (min-width: 1200px) {
    .custom-container {
        width: 1050px;
    }

    .whybuycontainer {
        width: 600px;
        margin: 0 auto;
    }

    .accomplimshment-gallery .aGallery {
        width: 50%;
    }

    .owl-carousel .owl-dots.disabled {
        display: block;
    }

    .aGallery.firstdiv.utility img {
        height: auto;
    }

    .aGallery.firstdiv.utility img,
    .aGallery.firstdiv.promise img {
        height: auto;
        object-fit: unset;
    }
}

@media (min-width: 1400px) {
    .custom-container {
        width: 1200px;
    }

    .custom-container.width {
        width: 1050px;
    }

    .main-heading {
        /*        margin-bottom: 50px;*/
    }
}