@media (min-width: 1200px) {
    .container {
        position: relative;
        max-width: 1320px;
        margin: 0 auto;
        padding: 0 20px;
    }
}

@media(max-width: 1299px) {
    .menu ul li a {
        padding: 18px 36px;
    }
}

@media (max-width: 1199px) {
    .menu ul li a {
        padding: 15px 24px;
    }

    /* footer-start */
    .footer-row {
        --bs-gutter-x: 22px;
    }

    .footer-heading,
    .footer-email-cont a {
        font-size: 22px;
    }

    .footer-contact-cont a {
        font-size: 35px;
    }

    .footer-top {
        padding: 55px 0 70px;
    }

    .footer-list li a,
    .footer-bottom p {
        font-size: 18px;
    }

    /* footer-end */
    /* banner-start */
    h1 {
        font-size: 100px;
    }

    .banner-content .red-bg {
        font-size: 55px;
        padding: 9px 25px 5px;
    }

    .banner-content {
        padding: 170px 0;
    }

    /* banner-end */
    /* about-us-start */
    .about-us-sec {
        padding: 60px 0;
    }

    .about-us-sec-inner .row {
        --bs-gutter-x: 30px;
    }

    /* about-us-end */

    h2 {
        font-size: 35px;
        line-height: 46px;
    }

    .Gallery-section {
        padding: 60px 0;
    }

    .page-title h2 span {
        font-size: 50px;
        line-height: 47px;
    }

    /* 19-02-26 */
    .menu ul li ul {
        column-count: 4;
    }

    .inner-banner-content {
        padding: 130px 0;
    }

    .inner-banner-content h2 {
        font-size: 55px;
    }

    .know-more {
        padding-bottom: 50px;
    }

    .Introductions-text,
    .video-section {
        padding: 50px 0;
    }

    .Introductions-box h3 {
        font-size: 24px;
        line-height: 30px;
        padding-bottom: 20px;
    }

    .Introductions-inner {
        padding-top: 15px;
    }

    .orange-btn {
        margin: 50px 0;
    }

    .orange-btn a {
        font-size: 35px;
        line-height: 40px;
        padding: 29px 130px;
    }

    .guide-info h4 {
        font-size: 30px;
        line-height: 20px;
        padding-bottom: 20px;
    }

    /* gallery-page start */
    .filter-item {
        padding: 13px 15px 3px 20px;
    }

    .checkbox-sec {
        gap: 12px;
    }

    /* gallery-page end */
}

@media(max-width: 991px) {
    .header-area {
        padding: 5px 20px 0;
    }

    .header-body {
        flex-direction: row;
    }

    .header-menu {
        width: 100%;
        background-color: transparent;
        justify-content: end;
    }

    .menu {
        background-color: transparent;
    }

    .menu ul li a {
        padding: 9px 24px;
    }

    .header-body .logo {
        justify-content: start;
    }

    /* footer-start */
    .footer-row {
        --bs-gutter-y: 20px;
    }

    .footer-list li a,
    .footer-bottom p {
        font-size: 17px;
    }

    .footer-heading,
    .footer-email-cont a {
        font-size: 20px;
    }

    .footer-contact-cont a {
        font-size: 30px;
    }

    .footer-bottom {
        padding: 18px 0 21px;
    }

    .footer-top {
        padding: 50px 0 60px;
    }

    /* footer-end */
    /* banner-start */
    h1 {
        font-size: 90px;
    }

    .banner-content .red-bg {
        font-size: 48px;
        padding: 8px 22px 4px;
    }

    .banner-content {
        padding: 130px 0;
    }

    /* banner-end */

    .about-us-sec-inner .row {
        --bs-gutter-y: 30px;
    }

    h2 {
        font-size: 30px;
        line-height: 40px;
    }

    .Gallery-section {
        padding: 50px 0;
    }

    .page-title h2 span {
        font-size: 40px;
        line-height: 34px;
    }

    .make-simple {
        background-color: #FDF6FA;
        padding: 50px 0 35px;
    }

    /* 19-02-26 */
    .menu ul li ul {
        column-count: 1;
        padding: 0 15px;
    }

    .menu ul li ul li,
    .menu ul li ul li:last-child {
        padding: 6px 0;
    }

    .inner-banner-content {
        padding: 90px 0;
    }

    .inner-banner-content h2 {
        font-size: 45px;
    }

    .know-more {
        padding-bottom: 30px;
    }

    .Introductions-box h3 {
        font-size: 20px;
        line-height: 25px;
        padding-bottom: 15px;
    }

    .Introductions-box {
        padding: 20px 15px;
    }

    .guide-info h4 {
        font-size: 23px;
        padding-bottom: 15px;
    }

    .guide-info p {
        font-size: 16px;
        line-height: 24px;
        padding-bottom: 15px;
    }

    /* gallery-page start */
    .filter-item {
        padding: 13px 13px 0px 17px;
    }

    .label-text {
        font-size: 16px;
    }

    /* gallery-page end */
}

@media(max-width: 767px) {

    .header-body .logo {
        min-width: fit-content;
    }

    /* footer-start */
    .footer-row {
        --bs-gutter-y: 25px;
    }

    .footer-heading,
    .footer-email-cont a {
        font-size: 18px;
    }

    .footer-list li a,
    .footer-bottom p {
        font-size: 16px;
    }

    .footer-contact-cont a {
        font-size: 25px;
    }

    .footer-bottom {
        padding: 17px 0 20px;
    }

    .footer-top {
        padding: 45px 0 55px;
    }

    /* footer-end */
    /* banner-start */
    h1 {
        font-size: 80px;
    }

    .banner-content .red-bg {
        font-size: 40px;
        padding: 7px 20px 3px;
    }

    /* banner-end */

    .Gallery-section {
        padding: 40px 0;
    }

    .page-text p,
    .page-text p a {
        font-size: 16px;
        line-height: 25px;
    }

    .make-simple {
        background-color: #FDF6FA;
        padding: 40px 0 25px;
    }

    /* 19-02-26 */
    .inner-banner-content h2 {
        font-size: 40px;
    }

    .video-wrapper {
        max-width: 465px;
        margin: 0 auto 15px;
    }

    .orange-btn a {
        font-size: 28px;
        line-height: 40px;
        padding: 20px 100px;
    }

    .orange-btn {
        margin: 40px 0;
    }

    .travertine-specials-row{
        --bs-gutter-y: 25px;
        justify-content: center;
    }

}

@media(max-width: 575px) {
    .header-body .logo img {
        max-width: 200px;
    }

    /* footer-start */
    .footer-heading {
        font-size: 18px;
    }

    .footer-top {
        padding: 40px 0 50px;
    }

    /* footer-end */
    /* banner-start */
    h1 {
        font-size: 70px;
    }

    .banner-content .red-bg {
        font-size: 35px;
        padding: 7px 15px 3px;
    }

    .banner-content {
        padding: 70px 0;
    }

    /* banner-end */
    /* about-us-start */
    .about-us-sec {
        padding: 40px 0;
    }

    .about-us-sec-inner .row {
        --bs-gutter-y: 22px;
    }

    /* about-us-end */
    h2 {
        font-size: 25px;
        line-height: 35px;
    }

    .page-title h2 span {
        font-size: 30px;
        line-height: 34px;
    }

    .page-title {
        margin-bottom: 15px;
    }

    /* 19-02-26 */
    .menu ul li ul {
        padding: 0;
    }

    .menu ul {
        min-width: 230px;
        left: auto;
        right: 0;
    }

    .inner-banner-content h2 {
        font-size: 35px;
    }

    .Introductions-text,
    .video-section {
        padding: 40px 0;
    }

    .orange-btn a {
        font-size: 22px;
        line-height: 40px;
        padding: 20px 38px;
    }

    .guide-info h4 {
        font-size: 20px;
    }

    .guide-info {
        padding-top: 15px;
    }
}

@media(max-width: 480px) {
    .header-body .logo img {
        max-width: 170px;
    }

    /* footer-start */
    .footer-heading {
        font-size: 17px;
    }

    /* footer-end */

    /* banner-start */
    h1 {
        font-size: 60px;
    }

    .banner-content .red-bg {
        font-size: 32px;
    }

    /* banner-end */

    /* 19-02-26 */
    .inner-banner-content h2 {
        font-size: 32px;
    }
}

@media(max-width: 420px) {

    /* footer-start */
    .footer-top {
        padding: 35px 0 45px;
    }

    .footer-contact-cont a {
        font-size: 24px;
    }

    .footer-bottom {
        padding: 15px 0 17px;
    }

    /* footer-end */

    /* 19-02-26 */
    .inner-banner-content h2 {
        font-size: 30px;
    }
}