@media (min-width: 1200px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1320px;
    }
}

@media(max-width: 1599.98px) {
    .bannertext h1:before {
        left: -71px;
        top: -17px;
    }

    .your_world h2 {
        font-size: 150px;
    }

    .headertext h3:before {
        left: -72px;
    }

    .banner_sec, .bannerimg {
        height: 700px;
    }

    .your_world {
        padding: 100px 0;
    }

    .section2 {
        height: 700px;
    }

    .section3 {
        padding: 200px 0;
    }

    .p-120 {
        padding: 60px 0;
    }

    .slide-image {
        height: 600px;
    }

    .page_content {
        padding: 100px 0;
    }

    .aboutbanner {
        height: 430px;
    }

    .ourteam_grid {
        grid-gap: 20px;
    }

    .light_experience_top h5 {
        font-size: 24px;
        flex-basis: 200px;
    }

    .light_experience_right ul li a i {
        font-size: 15px;
    }
}

@media(max-width: 1399.98px) {
    .bannertext h1:before {
        left: -34px;
        top: -17px;
    }

    .headertext h3:before {
        left: -34px;
    }
}

@media(max-width: 1199.98px) {
    .offcanvas-body {
        padding: 30px;
    }

    #offcanvasRightLabel {
        font-size: 15px;
    }

    .main_menu li a {
        font-size: 20px;
    }

    .submenu li a {
        padding: 8px 15px;
        font-size: 18px;
    }

    .social li a {
        font-size: 22px;
        padding-right: 10px;
    }

    .social_row h5 {
        font-size: 24px;
    }

    .social_row h5 span {
        font-size: 18px;
    }

    .banner_sec, .bannerimg, .section2 {
        height: 550px;
    }

    .banner_sec .bannertext {
        width: 100%;
    }

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

    .bannertext h1:before {
        left: -71px;
    }

    .your_world h2 {
        font-size: 110px;
    }

    .section2_para {
        width: 80%;
    }

    .section3 {
        padding: 100px 0;
    }

    .section3_item h2 {
        font-size: 60px;
        line-height: 100px;
    }

    .section3_item span {
        font-size: 20px;
        margin-top: 22px;
    }

    .headertext h3:before {
        left: -70px;
    }

    .workfolio_secpic {
        height: 230px;
    }

    .workfolio_sec_card h5 {
        font-size: 22px;
    }

    .slide-image {
        height: 530px;
    }

    .p-120 {
        padding: 80px 0;
    }

    .footer_media {
        width: 50%;
    }

    .bredcam {
        padding: 20px 0;
    }

    .aboutsec1 p {
        width: 80%;
        font-size: 18px;
    }

    .our_partner p {
        width: 80%;
    }

    .headertext h3 {
        margin: 0 0 25px;
    }

    .ourteam_grid {
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }

    .ourteam_grid_card h4 {
        font-size: 17px;
    }

    .contact_right {
        width: 95%;
    }

    .contact_card_pic {
        height: 200px;
    }

    .contact_card_text {
        padding: 20px;
    }

    .contact_card_text h4 {
        font-size: 22px;
    }

    .contact_card_text h5 {
        font-size: 18px;
        color: var(--black);
        margin: 15px 0;
    }

    .contact_card_text h6 {
        font-size: 18px;
    }

    .contact_card {
        margin-bottom: 25px;
    }

    .indoorExperience p, .light_experience_left {
        width: 100%;
    }

    .indoorExperience_card_pic {
        height: 220px;
    }

    .light_experience_left {
        width: 95%;
    }

    .testimonials_card {
        width: 85%;
    }

    .projects_cardpic {
        height: 220px;
    }

    .projects_cardtext {
        padding: 15px;
    }

    .projects_card h5 {
        font-size: 18px;
    }

    .projects_card h6 {
        font-size: 16px;
    }

    .details_sec p {
        width: 100%;
    }

    .details-carouselban {
        height: 450px;
    }
}

@media (max-width: 991.98px) {
    .offcanvas-body {
        padding: 20px;
    }

    .main_menu li a {
        font-size: 18px;
        padding: 6px 0;
    }

    .has-submenu .submenu li a {
        font-size: 15px;
        top: 0;
        left: 60%;
    }

    .offcanvas.offcanvas-end {
        width: 60%;
    }

    .submenu li a:before {
        left: -20px;
        top: 7px;
        font-size: 15px;
    }

    .has-submenu .submenu {
        left: 35%;
    }

    .banner_sec, .bannerimg, .section2 {
        height: 430px;
    }

    .bannertext h1:before {
        height: 60px;
    }

    .your_world {
        padding: 50px 0;
    }

    .your_world h2 {
        font-size: 85px;
    }

    .section2_para {
        width: 100%;
    }

    .section2 p {
        font-size: 20px;
    }

    .section2 {
        padding: 40px 0;
    }

    .section3 {
        padding: 70px 0;
    }

    .section3_item h2 {
        font-size: 50px;
        line-height: 80px;
    }

    .section3_item span {
        font-size: 17px;
        margin-top: 15px;
    }

    .p-120 {
        padding: 50px 0;
    }

    .headertext h3 {
        font-size: 30px;
        margin: 0 0 30px;
    }

    .headertext h3:before {
        height: 60px;
    }

    .workfolio_secpic {
        height: 160px;
    }

    .workfolio_sec_card h5 {
        font-size: 18px;
        bottom: 15px;
        left: 15px;
    }

    .slide-image {
        height: 440px;
    }

    .page_content {
        padding: 50px 0;
    }

    .faq_accordions .accordion-header .accordion-button {
        font-size: 20px;
    }

    .accordion-button {
        padding: 15px;
        height: 70px;
    }

    .accordion-item p {
        font-size: 18px;
        line-height: normal;
    }

    .logo-marquee {
        padding: 50px 0 0;
    }

    .logo-marquee--marquee-group img {
        height: 39px;
        padding: 0 20px;
    }

    hr {
        margin: 1rem 0 35px;
    }

    .footer_media {
        width: 65%;
    }

    .copyRight ul li {
        font-size: 18px;
    }

    #backToTop, #backToTop .fa-arrow-up {
        font-size: 15px;
    }

    .aboutbanner {
        height: 350px;
    }

    .aboutsec1 {
        text-align: center;
    }

    .aboutsec1 h5, .aboutsec1 p {
        width: 100%;
    }

    .aboutsec1 p {
        margin-bottom: 15px;
    }

    .headertext h3 {
        text-align: center;
    }

    .our_partner p {
        width: 100%;
        text-align: center;
        font-size: 18px;
    }

    .ourteam_grid {
        grid-template-columns: 1fr 1fr 1fr;
        grid-gap: 15px;
    }

    .ourteam_grid_cardpic {
        height: 260px;
    }

    .ourteam_grid_card h4 {
        font-size: 16px;
    }

    .contact_card_pic {
        height: 150px;
    }

    .contact_card_text {
        padding: 15px;
    }

    .contact_card_text h4 {
        font-size: 20px;
    }

    .contact_card_text h5 {
        font-size: 16px;
    }

    .contact_card_text h6 {
        font-size: 16px;
    }

    .contact_right h4 {
        font-size: 25px;
    }

    .contact_sec .form-control, .contact_sec .textfield02, .contact_sec .form-select {
        font-size: 16px;
        height: 45px;
    }

    .field_label {
        font-size: 15px;
    }

    .indoorExperience_card_pic {
        height: 160px;
    }

    .light_experience_top h5 {
        font-size: 20px;
        flex-basis: 150px;
    }

    .light_experience_top h6 {
        font-size: 16px;
    }

    .light_experience_left p {
        font-size: 18px;
    }

    .testimonials_card_circle {
        width: 120px;
        height: 120px;
    }

    .testimonials_card_content h4 {
        font-size: 20px;
    }

    .testimonials_card_content p {
        font-size: 18px;
    }

    .testimonials_card {
        flex-direction: column;
        text-align: center;
    }

    .projects_cardpic {
        height: 160px;
    }

    .moreproject .projects_cardpic {
        height: 270px;
    }
}

@media (max-width: 767.98px) {
    .headerarea .logo {
        max-width: 100px;
    }

    .banner_sec, .bannerimg, .section2 {
        height: 320px;
    }

    .bannertext h1 {
        font-size: 20px;
    }

    .bannertext h1:before {
        left: -62px;
    }

    .your_world h2 {
        font-size: 65px;
    }

    .section2 p {
        font-size: 18px;
    }

    .section3_item h2 {
        font-size: 38px;
        line-height: 74px;
    }

    .section3_item span {
        font-size: 12px;
        margin-top: 20px;
    }

    .section3_wrapper {
        gap: 10px;
    }

    .headertext h3:before {
        left: -60px;
    }

    .footer_media {
        width: 100%;
    }

    .copyRight ul {
        text-align: center;
    }

    .copyRight ul li {
        padding-left: 0;
        padding: 0 15px;
    }

    .bredcam {
        padding: 15px 0;
    }

    .breadcrumb {
        font-size: 20px;
    }

    .aboutbanner {
        height: 300px;
    }

    .ourteam_grid {
        grid-template-columns: 1fr 1fr;
    }

    .ourteam_grid_cardpic {
        height: 300px;
    }

    .contact_card_pic {
        height: auto;
    }

    .schedule_btn {
        font-size: 16px;
        padding: 10px 20px;
    }

    .light_experience_left {
        text-align: center;
    }

    .light_experience_left p {
        font-size: 18px;
    }

    .indoorExperience_card_pic {
        height: auto;
    }

    .light_experience_top h5 {
        text-align: left;
    }

    .projects_cardpic {
        height: 310px;
    }

    .details_sec p {
        font-size: 18px;
        text-align: center;
    }

    .details-carouselban {
        height: 330px;
    }

    .projects_card h5 {
        font-size: 20px;
    }
}

@media (max-width: 639.98px) {
    .offcanvas.offcanvas-end {
        width: 85%;
    }

    .main_menu li a {
        font-size: 15px;
    }

    .has-submenu .submenu li a {
        font-size: 13px;
        top: 20px;
        left: 39%;
    }
/*.banner_sec, .bannerimg, .section2 {
    height: 300px;
}*/
    .banner_sec, .bannerimg, .section2 {
        height: auto;
    }

    .bannertext h1 {
        font-size: 18px;
        text-align: center;
    }

    .bannertext h1:before {
        left: -10px;
        height: 50px;
        width: 5px;
    }

    .your_world h2 {
        font-size: 40px;
    }

    .your_world {
        padding: 40px 0;
    }

    .section2 {
        text-align: center;
        font-size: 17px;
    }

    .p-120 {
        padding: 40px 0;
    }

    .headertext h3 {
        font-size: 24px;
        margin: 0 0 10px;
    }

    .workfolio_sec_card h5 {
        font-size: 16px;
    }

    .headertext h3:before {
        height: 50px;
        left: -12px;
    }

    .headertext h3 {
        text-align: center;
    }

    .slide-image {
        height: 350px;
    }

    .page_content {
        padding: 40px 0;
        margin-top: 30px;
    }

    .footer_row .logo {
        display: block;
        margin: 0 auto;
    }

    .footer_row {
        padding: 0 0 20px;
    }

    .aboutbanner {
        height: 260px;
    }

    .aboutsec1 h5 {
        font-size: 20px;
    }

    .aboutsec1 p {
        font-size: 17px;
    }

    .footer_row .logo img {
        max-width: 100px;
    }

    .contact_right {
        width: 100%;
    }

    .contact_right .btn01 {
        font-size: 16px;
        padding: 10px 25px;
    }

    .light_experience_left h4 {
        font-size: 20px;
        margin-bottom: 20px;
    }

    .testimonials_card {
        width: 100%;
        margin: 20px auto 0;
    }

    .testimonials .owl-nav {
        display: none;
    }

    .testimonials  .owl-dots {
        margin-top: 20px;
    }

    .projects_cardpic {
        height: auto;
    }

    .projects_card h5 {
        font-size: 20px;
    }

    .breadcrumb {
        font-size: 16px;
    }

    .details_sec p {
        font-size: 17px;
        text-align: center;
    }

    .details-carousel .owl-nav button.owl-prev {
        left: 0;
    }

    .details-carousel .owl-nav button.owl-prev, .details-carousel .owl-nav button.owl-next {
        width: 35px;
        height: 35px;
    }

    .details-carousel .owl-nav button.owl-prev span::after, .details-carousel .owl-nav button.owl-next span::before {
        font-size: 18px;
    }
}

@media (max-width: 479.98px) {
    .offcanvas.offcanvas-end {
        width: 95%;
    }

    .social_row {
        justify-content: space-between;
        flex-direction: column;
    }

    .ourteam_grid {
        grid-template-columns: 1fr;
    }

    .ourteam_grid_cardpic {
        height: auto;
    }

    .light_experience_right ul li a i {
        padding-right: 5px;
    }

    .light_experience_right ul li a {
        font-size: 17px;
    }

    .light_experience_top {
        flex-direction: column;
    }

    .light_experience_top h5 {
        flex-basis: auto;
    }

    .light_experience_top {
        align-items: center;
        justify-content: center;
        text-align: center;
    }

    .light_experience_top h6 {
        text-align: center;
    }
}

@media (max-width: 410px) {
    .headerarea .logo img {
        max-width: 100px;
    }

    .headerarea {
        padding: 10px 0;
    }

    .main_menu li a {
        font-size: 14px;
    }

    .your_world h2 {
        font-size: 30px;
    }

    .your_world {
        padding: 30px 0;
    }

    .workfolio_sec  .col-lg-4.col-md-4.col-6 {
        width: 100%;
    }

    .workfolio_secpic {
        height: 250px;
    }

    .workfolio_sec_card h5 {
        right: 0;
        text-align: center;
        font-size: 18px;
    }

    .accordion-button {
        padding: 15px 0;
    }

    .faq_accordions .accordion-header .accordion-button {
        font-size: 18px;
    }

    .copyRight ul li {
        font-size: 16px;
    }

    #backToTop, #backToTop .fa-arrow-up {
        font-size: 13px;
        line-height: 15px;
    }

    .social li a {
        font-size: 18px;
        padding-right: 7px;
    }
}