@media (max-width: 1350px) {
    .container {
        padding-left: 6rem;
        padding-right: 6rem;
    }
}

@media (max-width: 1100px) {
    .container {
        padding-left: 6rem;
        padding-right: 6rem;
    }

    .request__container .form__container {
        grid-template-columns: repeat(1, 1fr);
    }
}

@media (max-width: 992px) {
    .header .navigation {
        background-color: #ffffff;
        border-left: 1px solid #6a6a6a77;
        position: fixed;
        top: 0;
        right: -100%;
        height: 100vh;
        width: 35%;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
        padding-left: 2rem;
        transition: all 0.3s ease;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
    }

    .header .navigation.active {
        right: 0;
    }

    .header .navigation .nav__list {
        flex-direction: column;
    }

    .header .hamburger {
        display: block;
    }

    .header .navigation .close__hamburger {
        display: block;
    }

    .header {
        padding: 1rem 4rem;
    }

    .about__section .back__objects {
        display: none;
    }

    .consultation__section .back__objects {
        display: none;
    }

    .book__section form {
        grid-template-columns: repeat(1, 1fr);
    }

    .book__section form .submit__btn {
        grid-column: auto;
    }

    .contact__section form {
        grid-template-columns: repeat(1, 1fr);
    }

    .contact__section form .submit__btn {
        grid-column: auto;
    }

    .faq__hero .overlay  h1 {
        font-size: 4rem;
        line-height: 5rem;
    }

    .booking__container {
        grid-template-columns: repeat(1, 1fr);
        row-gap: 4rem;
    }
    
}

@media (max-width: 768px) {
    html {
        font-size: 55%;
    }

    .container {
        padding-left: 4rem;
        padding-right: 4rem;
    }

    .hero__content h1 {  
        font-size: 7rem;
    }

    .hero__content h2 {
        font-size: 4rem;
    }

    .about__container .para__2 {
        padding: 2rem 5rem;
    }
}

@media (max-width: 600px) {
    .container {
        padding-left: 2rem;
        padding-right: 2rem;
    }

    .header .navigation {
        align-items: center;
        padding-left: 0;
    }

    .hero__content h1 {  
        font-size: 6rem;
    }

    .hero__content h2 {
        font-size: 3rem;
    } 

    .request__container .form__container {
        justify-items: normal;
    }
    
    .request__container .form__container .input__box input {
        width: 100%;
    }

    .footer .footer__nav .nav__list {
        gap: 6rem;
        row-gap: 4rem;
    }

    .contact__hero .overlay  h1 {
        font-size: 6rem;
        line-height: 7rem;
    }

    .faq__hero .overlay  h1 {
        font-size: 2.5rem;
        line-height: 3.5rem;
    }

    .faq__hero .overlay  h2 {
        font-size: 1.8rem;
        line-height: 2rem;
    }

    .faq__section .accordion-container .accordion-item .accordion-content {
        font-size: 1.4rem;
    }

    .booking__section h2 {
        font-size: 3rem;
    }
}

@media (max-width: 425px) {
    html {
        font-size: 50%;
    }

    .header .logo {
        width: 15rem;
        height: 7rem;
    }

    .header {
        padding: 1rem 2rem;
    }

    .header .navigation .nav__contact p {
        font-size: 1.2rem;
    }

    .hero__content h1 {  
        font-size: 5rem;
        line-height: 7rem;
    }

    .hero__content h2 {
        font-size: 2.5rem;
    }

    .hero__content {
        position: relative;
        top: 50%;
        transform: translateY(-50%);
    }

    .about__container .para__2 {
        padding: 2rem 4rem;
        line-height: 3.5rem;
    }

    .session__container .selected-item {
        width: 43rem;
    }

    .session__container .dropdown-list {
        width: 43rem;
    }


}

@media (max-width: 375px) {
    html {
        font-size: 45%;
    }

    .hero__content h1 {  
        font-size: 4.5rem;
    }

    .hero__content h2 {
        font-size: 2rem;
    }

    .faq__hero .overlay  h1 {
        font-size: 2.2rem;
        line-height: 3.2rem;
    }

    .faq__hero .overlay  h2 {
        font-size: 1.6rem;
        line-height: 1.8rem;
    }

    .booking__section h2 {
        font-size: 2.8rem;
    }

}