@media screen and (max-width: 980px) {
    header .logo {
        display: block;
        margin: auto;
        text-align: center;
        margin-bottom: 20px;
    }

    header .row * {
        display: flex;
        align-items: center !important;
        text-align: center !important;
        justify-content: center;
    }

    section {
        padding-top: 20px;
        padding-bottom: 20px;

    }

    .container,
    .container-fluid {
        width: 88%;
    }

    .followers-wrapper {
        padding: 0;
    }

    .followers>div:not(:first-child) {
        grid-gap: 5px;
    }

    .followers img {
        width: 30px !important;
        height: 30px !important;
        margin-bottom: 0 !important;
    }

    .followers h4 {
        font-size: 12px;
        margin-top: 0px !important;
    }

    .followers h5 {
        font-size: 8px;
        margin-bottom: 0;
    }

    .followers {
        padding-top: 0;
    }

    .box-1-wrapper>.box-1 {
        margin: 0 !important;
    }

    .box-1-wrapper {
        grid-template-columns: 1fr !important;
        padding: 15px;
    }

    .marquee-wrapper {
        white-space: unset;
    }

    .box-1-wrapper>.box-1>img {
        display: block;
        margin: auto;
    }

    br.dt {
        display: none;
    }

    .btn-2 {
        font-size: 25px;
    }

    .row.pl-5.pr-5 {
        padding: 0 !important;
    }

    .mb-5 {
        margin-bottom: 20px !important;
    }

    .pb-5 {
        padding-bottom: 20px !important;
    }

    .pt-5 {
        padding-top: 20px !important;
    }

    .box-1 {
        padding: 20px 0 !important;
    }

    .bg-1 {
        padding-top: 139.16px !important;
        padding-bottom: 20px;
    }

    .box-3 {
        padding: 20px;
    }

    .box-3 img {
        margin-bottom: 20px;
    }

    .accordion {
        padding-right: 50px !important;
    }

    .accordion:before {
        right: 0;
    }

    .col-12.c-0 {
        padding: 0 !important;
    }

    .col-12,
    .container-fluid {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    h4.type-1 {
        position: relative;
        left: -20px;
    }

    h4.type-2 {
        position: relative;
        right: -20px;
    }

    .gallery-container {
        padding-top: 100px;
        padding-bottom: 50px;
        margin-top: -50px !important;
        margin-bottom: 0 !important;
        overflow: hidden;
    }


    img.right.type-1 {
        margin: 0;
        right: 0;
        margin-bottom: 20px;
        float: none;
    }



    .bg-6 {
        background: #030627;
    }

    .bg-6 h2,
    .bg-6 p {
        color: #fff;
    }

    .box-1-wrapper .box-1 {
        background: #fff;
    }

    .box-1 {
        background: #030627;
        box-shadow: unset;
    }

    .fs-1 {
        font-size: 30px;
    }

    .fs-6 {
        font-size: 50px;
    }

    .accordion h4 {
        font-size: 21px;
    }

    footer,
    footer a {
        font-size: 13px;
    }

    h4.type-1,
    h4.type-2 {
        font-size: 25px;
    }

    h4.type-1:before,
    h4.type-2:before {
        background-size: contain;
        background-repeat: no-repeat;
    }


    .row.type-1,
    .row.type-2,
    .box-3 {
        max-width: 100%;
        width: 100%;
    }



    .price-box-wrapper {
        grid-template-columns: 1fr;
    }
    .price-box{
        padding: 30px;
    }
    .fs-0 {
        font-size: 35px;
    }
    .fs-2 {
        font-size: 30px;
    }
    .flex-1 img {
        width: 140px;
        height: 33px;
    }
    .divider:before {
        border-top-width: 15px;
        border-left-width: 15px;
        border-right-width: 15px;
        width: 15px;
    }
    .container-fluid {
        width: 100% !important;
    }
    .box-4 .box-body {
        grid-template-columns: 1fr;
        grid-gap: 20px;
    }
    .btn-3 {
        font-size: 21px;
    }
    .box-1-wrapper .box-1 {
        padding: 20px !important;
    }
    .row.type-1, .row.type-2, .box-3 {
        width: 88%;
    }
    h4.type-1, h4.type-2 {
        padding: 20px 50px;
    }
    .bg-9 {
        padding-top: 30px;
    }
    .box-1 {
        background: unset;
        box-shadow: unset;
    }
    .followers > div:first-child {
        grid-gap: 5px;
        flex-direction: column;
        text-align: center;
    }
    .followers {
        grid-gap: 10px;
    }
    .flex-1 {
        flex-wrap: wrap;
    }
    .pos-1 {
        bottom: 0;
        margin: 1rem 0;
    }
    .box-4 {
        padding: 20px !important;
    }
    .text-wrapper-1 > span:nth-child(3) {
        font-size: 20px;
    }
    .text-wrapper-1 > span:nth-child(1), .text-wrapper-1 > span:nth-child(2) {
        font-size: 16px;
    }
    ul.menu.desktop {
        display: none;
    }
    .menu-wrapper {
        display: flex;
        justify-content: space-between !important;
        gap: 20px;
    }
    .btn-1 {
        padding: 5px;
        width: 150px;
    }
    .mobile-menu-container ul.menu.mobile a {
        font-size: 21px;
        color: #fff;
    }
    .mobile-menu-container ul.menu.mobile {
        display: flex;
        flex-direction: column;
        margin: 0;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
    }
    .mobile-menu-container {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: rgba(0, 0, 0, 0.9);
        z-index: 9999;
        text-align: center;
    }
    .toggle-menu-icon{
        display:block;
    }

        

}