@media (max-width: 600px) {
    .banner-heading h1 {
        font-size: 39px;
        line-height: 45px;
    }
    .banner-img {
        height: 483px;
        object-fit: cover;
    }
    .banner-main-img{
        height: 140px;
        object-fit: cover;
        border-radius: 8px 8px 0 8px;
    }
    .main-title h3{
        font-size: 30px;
    }
    
    .extra-top-padding{
        padding-top: 130px !important;
    }
    .unlock-content h2:after{
        right: 0;
    }
    .uc-content p {
        font-size: 14px;
        max-height: 39px;
    overflow: hidden;
    text-overflow: ellipsis;
    }
    .director-sec{
        padding: 0 20px;
        margin-bottom: 20px;
    }
    .d-bordered{
        position: relative;
        &:after{
            display: none;
        }
    }
    .footer-menu{
        margin-bottom: 30px;
    }
    .bm-font-text {
        font-size: 22px;
        line-height: 43px;
    }
    .mobo-rev{
        flex-direction: column-reverse;
    }

    .v-tab-content{
        .custom-list{            
            li{               
                width: 100% !important;              
            }
        }
    }
    .v-tab {
        flex-wrap: nowrap !important;
        overflow: auto;
        justify-content: start !important;
    }
    button.btn.v-tab-btn {
        white-space: nowrap;
    }

    .pagination{
        justify-content: center;
    }
    .dt-info{
        text-align: center;
        margin-bottom: 20px;
    }
    .table tr td, table tr th{
        white-space: nowrap;
    }
}

@media (max-width: 990px){
    .banner-heading h1 {
        font-size: 34px;
        line-height: 43px;
    }
    .banner-spiral img {
        max-height: 33px;
    }
}

@media (min-width: 576px) {
    .container, .container-sm {
        max-width: 659px;
    }
}

@media (min-width: 992px) {
    .container, .container-lg, .container-md, .container-sm {
        max-width: 1063px !important;
    }
    ul.main-menu li a{
        color: var(--textcolor);
        font-size: 12px;
    }
    .main-logo img{
        max-height: 55px;
    }
}

@media (min-width: 1220px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1360px !important;
    }
    ul.main-menu li a{
        color: var(--textcolor);
        font-size: 12px;
    }
    .main-logo img{
        max-height: 65px;
    }
}

@media (min-width: 1320px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1300px !important;
    }
    ul.main-menu li a{
        color: var(--textcolor);
        font-size: 14px;
    }
    .main-logo img{
        max-height: 85px;
    }
}

@media (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1429px !important;
    }

    ul.main-menu li a{
        color: var(--textcolor);
        font-size: 14px;
    }
    .main-logo img{
        max-height: 95px;
    }
}

@media (min-width: 1600px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1829px !important;
    }
}

@media (max-width: 992px) {
    .main-logo img{
        max-height: 55px;
    }
}