@media only screen and (min-width: 1400px) and (max-width: 1680px){
    .offerings-detail-text-wrap ul{
        grid-template-columns: repeat(2, 1fr);
    }
}

@media only screen and (max-width: 1440px) {

    .offerings-detail-text-wrap ul {
        grid-template-columns: repeat(2, 1fr);
    }
    .home-slide .carousel-caption h2 {
        font-size: 50px;
    }

}

@media only screen and (max-width: 1368px) {


}

@media only screen and (min-width: 1200px) {
    footer .collapse:not(.show) {display: block !important; }
    ul.d-md-grid {
        grid-template-columns: 50% 50%;
    }
    .story-item:nth-child(even) .row {
        flex-flow: row-reverse;
    }

}
@media only screen and (min-width: 1200px) and (max-width: 1399px){
    .offerings-detail-text-wrap ul{
        grid-template-columns: repeat(2, 1fr);
    }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {

    footer .collapse:not(.show) {display: block !important; }
    section {padding: 70px 15px;}
    .section-heading h2, .section-heading h1 { font-size: 32px;}
    .home-slide.inner-banner .carousel-caption h2 {font-size: 40px;}
    .owl-custom .owl-prev { left: -20px; background: #f8f6e7 !important; }
    .owl-custom .owl-next { right: -20px;background: #f8f6e7 !important; }
    .story-item:nth-child(even) .row {flex-flow: row-reverse;}   
    .t-desc {min-height: 130px;}
    .home-slide .carousel-caption h2, .home-slide .carousel-caption h1 {font-size: 38px;}
    .home-slide .carousel-caption p { font-size: 20px;}
    .project-info-wrap .project-info-overlay > h5 > a {padding-bottom: 0;}
    .project-info-wrap .project-info-overlay > h5 > a::after {display: none;}
    .custom-owl-carousel .owl-nav .owl-prev > img, .custom-owl-carousel .owl-nav .owl-next > img {width: 25px;}

}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    
    .navbar.custom-navbar .main-navbar-nav .nav-link {display: block;}
    footer .collapse:not(.show) {display: block !important; }
    .navbar.custom-navbar .main-navbar-nav .nav-item {
        margin-left: 0;
    }
    section {padding: 70px 15px;}
    .home-slide.inner-banner .carousel-caption h2 {font-size: 40px;}
    .section-heading h2 { font-size: 30px;}
    .owl-custom .owl-prev { left: -20px; background: #f8f6e7 !important; }
    .owl-custom .owl-next { right: -20px;background: #f8f6e7 !important; }
    
    .story-item:nth-child(even) .row {
        flex-flow: row-reverse;
    }
    .home-slide.inner-banner .carousel-item img {
        height: 320px;
    }
    .main-ft {padding: 70px 0 30px;}
    .brand-tagline { font-size: 15px;}
    .home-slide .carousel-caption h2 ,.home-slide.inner-banner .carousel-caption h2, .home-slide .carousel-caption h1 ,.home-slide.inner-banner .carousel-caption h1 {
        font-size: 32px;
    }
    .home-slide .carousel-caption p {font-size: 18px; line-height: 1.3;}
    .plan-benefits li {
        background-size: 16px;background-position: 0 1px; font-size: 15px; padding-left: 25px;
    }
    .custom-owl-carousel .owl-nav .owl-prev > img, .custom-owl-carousel .owl-nav .owl-next > img {width: 22px;}
    .project-info-wrap::before { height: 60%;}
    .custom-btn {padding: 10px 25px; font-size: 14px;}
}

@media only screen and (max-width: 767px) {

    .owl-custom .owl-prev { left: -20px; background: #f8f6e7 !important; }
    .owl-custom .owl-next { right: -20px;background: #f8f6e7 !important; }

    html{
       scroll-padding-top: 120px;
    }
    .navbar-brand > img {
        width: 120px;
    }
    .navbar.custom-navbar .main-navbar-nav .nav-link {display: block;}
    header.sticky .custom-navbar .navbar-brand > img {
        width: 110px;
    }
    .home-slide {
        padding: 5px 25px;
    }
    section {
        padding: 70px 0px;
    }
    .home-slide .carousel-caption h2 {font-size: 42px;}
    .carousel-control-next, .carousel-control-prev{
        display: none;
    }
    .main-ft {
        padding: 60px 0 60px;
    }
    .f-title {margin-bottom: 20px;padding: 0px 0 20px;}
    .f-title button, .m-title button { display: block;position: relative;color: #fff;text-shadow: none;background: none;background-image: none;background-image: none;border: 0;box-shadow: none;font-size: 12px;position: absolute;top: 0;right: 0;padding: 0;width: 100%; cursor: pointer; height: 100%; outline: 0!important; border-bottom: 1px solid #f8f6e7; }
    .f-title button:focus, .f-title button:hover, .f-title button:active, .m-title button:focus, .m-title button:hover, .m-title button:active { box-shadow: none!important; outline: 0!important; background-color: transparent; }
    .f-title .accordion-button:not(.collapsed) {
        background-color: transparent;
    }
    .offerings-detail-text-wrap ul {
        grid-template-columns: repeat(1, 1fr);
    }
    .navbar.custom-navbar .main-navbar-nav .nav-item {
        margin-left: 0;
    }
    .amenities-slide .owl-item .amenities-slide-item {
        margin-top: 20px;
    }
    .footer-logo {
        width: 130px;
    }
    .brand-tagline {
        font-size: 12px;
    }
    .section-heading h2, .section-heading h1 {
        font-size: 30px;
    }
    .section-heading h5 { font-size: 10px;}
	.col-reel { -ms-flex: 0 0 100%;flex: 0 0 100%; max-width: 100%; padding-left: 0; padding-right: 0; }
    .project-info-wrap .project-info-overlay {padding: 10px 15px;}
    .home-slide .carousel-caption {
        padding-left: 15px; padding-right: 15px;
    }
    .home-slide .carousel-caption h2 ,.home-slide.inner-banner .carousel-caption h2, .home-slide .carousel-caption h1 ,.home-slide.inner-banner .carousel-caption h1 {
        font-size: 28px;
    }
    .home-slide .carousel-caption p {
        font-size: 16px; line-height: 1.3;
    }
    .home-slide .carousel-inner .carousel-item > img {
        height: calc(100vh - 180px);
        min-height: 550px;
        max-height: unset;
    }
    .home-slide.inner-banner .carousel-item img {
        height: 320px;min-height: unset;
    }
    .desc > p, .desc > ul > li, .desc > ol > li {font-size: 16px;}
    .custom-owl-carousel .owl-nav .owl-prev > img, .custom-owl-carousel .owl-nav .owl-next > img {width: 20px;}
    .custom-btn {padding: 10px 25px; font-size: 14px;}
    .plan-benefits li {
        background-size: 16px;background-position: 0 0; font-size: 15px;
    }
    .ot-brand-img a h5 {font-size: 22px;}
    .project-info-wrap .project-info-overlay > h5 > a::after { display: none;}
    .project-info-wrap .project-info-overlay > h5 > a { padding-bottom: 0;}
    .contact-bg::after { height: 45%; width: 40%;}
    ol.breadcrumb { margin-bottom: 0; }
    .greenr-cafe-section::before, .about-bg::before, .service-section::before, .memberships-section::before, .gallery-section::before {
        background-size: 10%, 10%, 10%; background-position: bottom left, bottom center,bottom right;
    }
    .project-info-wrap::before { height: 60%;}
}

@media only screen and (max-width: 575px) {

    .home-slide {padding: 5px 25px;}
    section {padding: 70px 0px x;}
    .home-slide .carousel-caption h2 ,.home-slide.inner-banner .carousel-caption h2, .home-slide .carousel-caption h1 ,.home-slide.inner-banner .carousel-caption h1 {font-size: 30px;}
    .home-slide.inner-banner .carousel-item img {
        height: 340px;min-height: unset;
    }
    .home-slide .carousel-caption p {font-size: 18px; line-height: 1.3;}
    .section-heading h2 {font-size: 26px;}
    .ot-brand-img a h5 {font-size: 20px;}
    .project-info-wrap .project-info-overlay > h5 > a {font-size: 18px;}
    .f-title { font-size: 16px; }
    .home-slide .carousel-indicators > button {
        width: 8px;
        height: 8px;
        border-radius: 50%;
    }
}