/*responsive*/
@media (min-width: 1400px) {
  .banner{height: auto;}
}
@media (min-width: 1300px) {
  .container-lg{max-width: 1280px;}
}

@media (min-height: 1024px) {
}

@media (min-height: 1280px) {
}

@media (max-width: 1370px) {
    
    .carousel-item {
        max-height: 90vh;
    }
}
@media (max-width: 991.9px) {
    .sideBanner{top: 10%;}
    .sideBanner .inner{box-shadow: 0 0 0 1px var(--secondary-color);}
    .readmore .button{margin-left: auto; margin-right: auto;}
    .iconBox:not(:last-of-type){margin-bottom: 1rem;}
    .iconBox .in{padding: 1rem; background-color: #fff; box-shadow: 0 10px 2rem rgb(0 0 0 / 15%);}
}

@media (max-width: 768px) {
}

@media (max-width: 767.9px) {
    html{font-size: 87.5%;}
    .padding{padding-top: 3rem; padding-bottom: 3rem;}
    .container-lg{padding-left: 20px; padding-right: 20px;}
    .display-4{font-size: 2.5rem;}
    .row{margin-left: -10px; margin-right: -10px;}
    .row.gap-row{row-gap: 20px;}
    .row div[class^=col]{padding-left: 10px; padding-right: 10px;}
    .heading{margin-bottom: 20px;}
    .heading .h1{font-size: 2.25rem;}
    .loc-container .loc-text ul li .loc-row p{text-align: left;}
    .button-top{width: 30px; height: 30px;}
}

@media (max-width: 680px) {
    .foot-menu{width: 50%;}
}

@media (max-width: 575.9px) {
    html{font-size: 81.25%;}
    .sideBanner{position: static;}
    .h4, h4 {font-size: 1.4rem;}
    p{text-align: justify; line-height: 1.4;}
    .gall img{height: 400px;}
    .swiper-button-next, .swiper-button-prev{width: 30px; height: 30px;}
    .gall .galleryCaption h4{font-size: 1.5rem;}
    .gall .galleryCaption p{text-align: center;}
    .heading{margin-left: auto; margin-right: auto;}
    .heading .h1 {font-size: 2rem;}
    .heading h5{font-size: 1rem;}
    .form-close{display: none;}
    .button-top{bottom: 50px;}
    .enquiry-form .inner {
        padding: 2rem;
    }
    .priceBox {
        position: static;
        width: 100%;
    }
    .priceBox .inner {
        width: 100%;
        padding: 10px;
        clip-path: unset;
        border: 1px solid var(--secondary-color);
        text-align: center;
    }
    .priceBox .inner .h3 {
        font-size: 1.25rem;
    }
	.table thead th:first-of-type, .table tbody td:first-of-type{display: none;}
	.table .readmore .button{width: 100%;}
}

@media (max-width: 480px) {
}

@media (max-width: 425px) {
    .header{padding: 4px 0;}
	.hero {margin-top: 60px;}
    .statBox .in h2{font-size: 1.75rem; font-weight: 700;}
    .iconBox .in{gap: 5px;}
    .iconBox .in img {width: 50px; padding: 5px;}
    .form-img .logo img{width: 120px; margin-right: 0;}
    .readmore.d-flex{gap: 5px;}
    .readmore .button{padding: 7px 10px; letter-spacing: normal; font-size: 12px;}
    .row{margin-left: -5px; margin-right: -5px;}
    .row.gap-row{row-gap: 10px;}
    .row div[class^=col]{padding-left: 5px; padding-right: 5px;}
    .location-img img{height: 280px !important;}
}

@media (max-width: 375px) {
}

@media (max-width: 320px) {
    html{font-size: 68.75%;}
    .iconBox .in{padding: 1rem;}
    .enquiry-form .inner, .form-img .inner{padding: 1.5rem;}
}
