@media (max-width: 520.98px) {
    header .personal span{
        display: none;
    }
    header .personal{
        padding:0!important;
        border:0;
    }
    header .personal .icon-user{
        font-size:1.9rem!important;
        margin-right:0!important;
    }
    header .main-logo{
        width:150px;
    }
    header .personal-flybox{
        right:-50px;
        width:290px;
    }
    header .personal-flybox:after{
        right:60px;
        top:-12px;
    }
}
@media (min-width: 521px) and (max-width: 758.9px) {
    header .personal span{
        display: none;
    }
    header .personal{
        padding:0!important;
        border:0;
    }
    header .personal .icon-user{
        font-size:1.9rem!important;
        margin-right:0!important;
    }
    header .main-logo{
        width:150px;
    }
    header .personal-flybox{
        right:-50px;
        width:290px;
    }
    header .personal-flybox:after{
        right:60px;
        top:-12px;
    }
}
@media (min-width: 759px) and (max-width: 999.98px) {
    header .personal span{
        display: none;
    }
    header .personal{
        padding:0!important;
        border:0;
    }
    header .personal .icon-user{
        font-size:1.9rem!important;
        margin-right:0!important;
    }
    header .main-logo{
        width:170px;
    }
    header .personal-flybox{
        right:-50px;
        width:290px;
    }
    header .personal-flybox:after{
        right:60px;
        top:-12px;
    }
}
@media (min-width: 1000px) and (max-width: 1199.98px) {
    .container {
        max-width: 1000px;
    }
    header .personal span{
        display: none;
    }
    header .personal{
        padding:0!important;
        border:0;
    }
    header .personal .icon-user{
        font-size:1.6rem!important;
        margin-right:0!important;
    }
    header .main-logo{
        width:170px;
    }
    header .personal-flybox{
        right:-50px;
        width:290px;
    }
    header .personal-flybox:after{
        right:60px;
        top:-12px;
    }
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
    .container {
        max-width: 1180px;
    }
    header .main-logo{
        width:180px;
    }
}
@media (min-width: 1600px) and (max-width: 1899.98px){
    .container {
        max-width: 1450px;
    }
}

@media (min-width: 1900px) and (max-width: 2199.98px){
    .container {
        max-width: 1450px;
    }
}

@media (min-width: 2200px) {
    .container {
        max-width: 2100px;
    }
}