@media (max-width: 2000px) {}

@media (max-width: 1920px) {}

@media (max-width: 1800px) {}

@media (max-width: 1700px) {}

@media (max-width: 1600px) {
    .main-container {
        padding: 0 60px;
    }

    .right-container {
        padding-right: 60px;
    }

    .left-container {
        padding-left: 60px;
    }
    
    .common-heading h2 {
        font-size: var(--font-42px);
    }

    .common-heading p {
        font-size: var(--font-16px) !important;
    }
    .custom-navbar .nav-link {
        color: #f5dabc !important;
        font-size: 13px;
        padding: 0px !important;
        letter-spacing: 1px;
        text-transform: uppercase;
        margin: 0px 5px;
        transition: 0.3s;
    }
}

@media (max-width: 1500px) {}

@media (max-width: 1440px) {}

@media (max-width: 1400px) {
        .custom-navbar .nav-link {
        color: #f5dabc !important;
        font-size: 11px;
        padding: 0px !important;
        letter-spacing: 1px;
        text-transform: uppercase;
        margin: 0px 5px;
        transition: 0.3s;
    }
    .left-menu .nav-item:not(:last-child)::after {
            margin-left: 10px !important;
    }
}

@media (max-width: 1300px) {
    
}

@media (max-width: 1240px) {}

@media (max-width: 1200px) {}

@media (max-width: 1140px) {}

@media (max-width: 1024px) {}

@media (max-width: 991px) {}

@media (max-width: 992px) {
    .border-right {
        border: none !important;
    }
}

@media (max-width: 993px) {
    .main-container {
        padding: 0 24px;
    }

    .left-container {
        padding: 0 24px;
    }

    .right-container {
        padding: 0 24px;
    }

    .common-heading h2 {
        font-size: var(--font-40px);
    }

    .common-heading p {
        font-size: var(--font-18px);
    }

    .section-padding-top {
        padding-top: 35px;
    }

    .section-padding-bottom {
        padding-bottom: 35px;
    }

    .common-heading h2 br {
        display: none;
    }

    .common-heading p br {
        display: none;
    }
    .comman-card {
       padding: 20px 0px !important;
    }
    .story h2 {
        font-size: 35px !important;
    }
    .story {
        background-position: left !important;
    }

}

@media (max-width: 768px) {
    .common-heading h2,
    .heading-col-right h2 {
        font-size: var(--font-36px) !important;
    }

    .common-heading p {
        font-size: var(--font-16px);
        margin-top: 10px;
    }

    .custom-card .custom-card-top img {
        height: 300px;
    }
}

@media (max-width: 670px) {
    .main-heading {
        font-size: 34px;
    }
}

@media (max-width: 600px) {}

@media (max-width: 576px) {}

@media (max-width: 480px) {
    .primary-btn,
    .secondary-btn {
        font-size: var(--font-14px);
    }

    .common-heading h2 br {
        display: none;
    }

    .common-heading h2 {
        font-size: var(--font-28px) !important;
    }

    .common-heading h6 {
        font-size: var(--font-16px);
    }
}

@media (max-width: 426px) {
    .common-heading p {
        font-size: var(--font-14px);
    }

    .common-heading h2 {
        font-size: var(--font-26px);
    }
}

@media (max-width: 390px) {
    .common-heading h2 {
        font-size: var(--font-24px);
    }
}

@media (max-width: 320px) {}