@media only screen and (max-width:1199px) {
    .navbar-brand img {
        width: 144px;
    }
    .navbar-right {margin-top: 0;}
    .navbar-right li {
        width: 85px;
        height: 85px;
    }
    .navbar-right li a {
        font-weight: 500;
        padding: 15px 5px;
        font-size: 12px;
        line-height: 18px;
    }
    /*.navbar-right li.link-top1 a {padding: 32px 26px;}
    .navbar-right li.link-top2 a {padding: 32px 18px;}
    .navbar-right li.link-top3 a {padding: 32px 12px;}*/
    .nav .hvr-hang .hvr-icon-float-away .hvr-icon {line-height: normal;}
}
@media only screen and (max-width:991px) {
    .navbar-brand img {
        width: 119px;
    }
    .navbar-right li {
        width: 67px;
        height: 67px;
        margin: 15px 0 5px 4px;
    }
    .navbar-right li a {
        /*padding: 22px 0;*/
        font-size: 9px;
        line-height: 13px;
    }
    /*.navbar-right li.link-top1 a {padding: 22px 10px;}
    .navbar-right li.link-top2 a {padding: 22px 0px;}
    .navbar-right li.link-top3 a {padding: 22px 0px;}*/
}
@media only screen and (max-width:768px) {
    .d-no-mobile {display: none;}
    .top-menu {
        text-align: center;
        padding: 7px 0;
    }
    .top-menu a {
        /*font-size: 28px;*/
        margin: 7px 20px;
    }
    .container>.navbar-header {
        box-shadow: 0 5px 20px #636363;
    }
    .navbar-right li {
        width: 100%;
        border-radius: 0;
        background: transparent;
        margin: 0 0 20px 0;
        height: auto;
    }
    .navbar-right li a {
        display: inline-block;
        font-weight: 600;
        padding: 22px 0px;
        transition: 0.3s;
        font-size: 16px;
        width: 80%;
        max-width: 220px;
    }
    .navbar-right li a .hvr-icon {
        color: #000 !important;
        font-size: 12px;
    }
    .navbar-right li.link-top1 a, .navbar-right li.link-top5 a {
        border: 1px solid #f04f33;
        color: #f04f33 !important;
    }
    .navbar-right li.link-top2 a, .navbar-right li.link-top6 a {
        border: 1px solid #77a22f;
        color: #77a22f !important;
    }
    .navbar-right li.link-top3 a {
        border: 1px solid #009cc9;
        color: #009cc9 !important;
    }
    .navbar-right li.link-top4 a {
        border: 1px solid #faa535;
        color: #faa535 !important;
    }
    .navbar-right li.link-top1 a:hover, .navbar-right li.link-top5 a:hover {
        background: #f04f33;
        color: #fff !important;
    }
    .navbar-right li.link-top2 a:hover, .navbar-right li.link-top6 a:hover {
        background: #77a22f;
        color: #fff !important;
    }
    .navbar-right li.link-top3 a:hover {
        background: #009cc9;
        color: #fff !important;
    }
    .navbar-right li.link-top4 a:hover {
        background: #faa535;
        color: #fff !important;
    }
    .hvr-hang:hover, .hvr-hang:focus, .hvr-hang:active {
        -webkit-animation-name: none;
        animation-name: none;
        -webkit-animation-duration: none;
        animation-duration: none;
        -webkit-animation-delay: none;
        animation-delay: none;
        -webkit-animation-timing-function: none;
        animation-timing-function: none;
        -webkit-animation-iteration-count: none;
        animation-iteration-count: none;
        -webkit-animation-fill-mode: none;
        animation-fill-mode: none;
        -webkit-animation-direction: none;
        animation-direction: none;
        cursor: default;
    }
    .navbar-right {
        margin: 30px 0 15px;
    }
    .footer-left .btn-box.d-none {display: none;}
    .footer-right .btn-box.d-none {display: block;}
    .logos-box p {font-size: 18px;}
    .partners li {padding: 10px;}
    .sub-menu {
        position: relative;
        background: transparent !important;
        margin: 0 auto;
        top: 100%;
        margin-top: 5px;
        box-shadow: none;
    }
    .sub-menu li.menu-item {margin-bottom: 3px;}
    .nav .hvr-hang .hvr-icon-float-away .hvr-icon {display: block;}
    .navbar-collapse {
        width: 300px;
        background-color: rgba(255, 255, 255, 0.85);
        box-shadow: 0 5px 5px rgba(162, 162, 162, 0.5);
        float: right;
    }
    .navbar-fixed-top {
        background-color: transparent;
        box-shadow: none;
    }
}
