@media screen and (max-width: 1200px) {
    header .navbar-center {
        display: none;
    }

    header .navbar-right.navbar-right-1 {
        margin-left: auto;
    }

    #premiumUpgradeModal .row-c .col-item{
        width: 430px;
    }
}

@media screen and (max-width: 900px) {
    #premiumUpgradeModal .row-c{
        gap: 10px;
    }
    #premiumUpgradeModal .row-c .col-item{
        width: 350px;
    }

    #premiumUpgradeModal .row-c .col-item .container-content .item-content{
        gap: 10px;
    }

    #premiumUpgradeModal .row-c .col-item .container-content .item-content .item-desc{
        font-size: 15pt;
    }
}

@media screen and (max-width: 768px) {
    header .navbar-center,
    header .navbar-right-1 {
        display: none;
    }

    header .navbar-right-2 {
        margin-left: auto;
    }

    header {
        flex-wrap: wrap;
        gap: 1rem;
        padding: 20px;
    }

    #loginModal .wrapper-login{
        padding: 0px;
    }

    #loginModal .wrapper-login .form-login .item-input{
        padding: 10px;
    }
    #loginModal .wrapper-login .form-login .item-input input{
        font-size: 17pt;
    }

    #loginModal .wrapper-login .form-login .item-email{
        margin-bottom: 15px;
    }

    #loginModal .logo-row{
        margin-bottom: 10px;
        padding: 15px;
    }

    #loginModal .logo-row img{
        width: 150px;
    }

    #loginModal .wrapper-login .top-row .top-title{
        font-size: 26pt;
    }

    #loginModal .wrapper-login .top-row .top-subtitle{
        font-size: 16pt;
        padding-bottom: 10px;
    }

    #loginModal .wrapper-login .form-login .submit-btn{
        width: 251px;
        height: 57px;
        margin-bottom: 20px;
        font-size: 23px;
    }

    #loginModal .wrapper-login .form-login > .signup-label{
        font-size: 15pt;
    }

    #premiumUpgradeModal .row-a .col-a{
        font-size: 19pt;
        width: 100%;
        text-align: center;
    }

    #premiumUpgradeModal .row-a .col-b{
        font-size: 13pt;
    }

    #premiumUpgradeModal .row-b{
        font-size: 19pt;
    }

    #premiumUpgradeModal .row-c .col-item .item-price{
        font-size: 38pt;
    }

    #premiumUpgradeModal .row-c .col-item .item-monthly{
        font-size: 20pt;
    }

    #premiumUpgradeModal .row-c .col-item .item-month{
        font-size: 17pt;
    }

    #premiumUpgradeModal .row-c .col-item .item-copoun{
        font-size: 14pt;
    }

    footer .footer-menu{
        flex-flow: column;
        gap: 10px;
    }

    footer .footer-menu span{
        display: none;
    }

}

@media screen and (max-width: 400px) {
    header .navbar-left img.logo{
        width: 120px;
    }
}