@media (max-width:1440px) {
    .nav_row nav ul li a {
        font-size: 16px;
    }
}

@media (max-width:1366px) {
    .container {
        max-width: 100%;
        padding: 0 5%;
    }
}

@media (max-width:1224px) {
    .about_img_box .info_box h4 {
        font-size: 24px;
    }
}

@media (max-width:1199px) {
    .about_sec .row .col-2 {
        width: 100%;
    }

    .small_flex_box .col-2 {
        width: calc(100% / 2 - 20px) !important;
    }

    .inspired_image_box .info-box {
        position: static;
    }

    .inspired-row {
        align-items: center;
    }

    .nav_row nav ul li a {
        padding: 6px;
    }
}

@media (max-width:991px) {
    .has-sub-menu ul {
        position: relative !important;
    }

    .nav_row nav {
        width: 60%;
        position: fixed;
        left: -100%;
        min-height: 100vh;
        z-index: 999;
        background: #ffffff;
        top: 0;
        transition: all .3s linear;
    }

    .nav-active {
        left: 0 !important;
    }

    .animate-toggle span {
        transition: all .3s linear;
    }

    .animate-toggle span:nth-child(1) {
        transform: rotate(45deg) translate(4px, 6px);
    }

    .animate-toggle span:nth-child(2) {
        width: 0;
    }

    .animate-toggle span:nth-child(3) {
        transform: rotate(-44deg) translate(8px, -12px);
    }

    .nav_row nav ul {
        display: flex;
        gap: 12px;
        align-items: baseline;
        justify-content: left;
        flex-direction: column;
    }

    .toggle-button {
        display: flex !important;
    }

    .col-nav.nav-btn-box {
        display: none;
    }

    .nav_row nav ul li {
        width: 100%;
        border-bottom: 1px solid #d4d4d4;
    }

    .nav_row nav ul li a {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .has-sub-menu ul {
        width: 100% !important;
        transform: translateY(0) !important;
        background: #b1b1b1;
        border-top: 3px solid #e6af5d;
        opacity: 1 !important;
        visibility: visible !important;
        display: none;
        position: relative;
    }

    .has-sub-menu:hover ul {
        opacity: unset !important;
        visibility: unset !important;
    }

    .inspired-row {
        flex-direction: column;
    }

    .inspired-row .col-div {
        width: 100%;
    }

    .inspired_image_box img {
        width: 678px;
    }

    .inspired_image_box .info-box {
        margin-top: -95px;
        z-index: 1;
        position: relative;
    }

    .inspired_image_box .info-box p {
        font-size: 20px;
    }

    .explore_sec .row .col-div {
        width: calc(100% / 2 - 20px);
    }

    .logo_div {
        width: 22%;
    }

    section.banner-section {
        height: 468px;
    }

    .about_img_box img {
        width: 100%;
        padding-left: 0;
    }

    .nav_row nav ul li ul {
        background: #b2b2b2;
        display: none;
        transition: all .3s linear;
    }

    .mob-logo {
        display: block;
    }
}

@media (max-width:768px) {
    .form-row {
        width: 100%;
    }

    .footer-row .footer-col {
        width: calc(100% / 2 - 23px);
    }

    .explore_sec .row .col-div {
        width: 100%;
    }

    .heading-box {
        align-items: baseline;
        flex-direction: column;
    }

    .grid-row,
    .gallery-row,
    .grid-row2 {
        grid-template-columns: 100%;
    }

    .row .col-2 {
        width: 100%;
    }
}

@media (max-width:525px) {
    .footer-row .footer-col {
        width: 100%;
    }

    .sec_heading {
        font-size: 34px;
    }

    .mission_row {
        flex-direction: column;
    }

    .mission_row .col-div {
        width: 100%;
    }

    .mission-left {
        position: unset;
    }

    .update-content h3 {
        font-size: 16px;
    }

    .bread-crumbbanner-section {
        padding: 68px 0;
    }

    .page_heading {
        font-size: 26px;
    }

    .address_item .top {
        flex-direction: column;
    }

    .contact-page-sec .form-row {
        padding: 0;
    }


}

@media (max-width:424px) {
    p {
        font-size: 14px;
        text-align: justify;
    }

    .sec_heading {
        font-size: 22px;
    }
}