.header{
    width:100%;
    background:#005aaa;
    transition:0.4s;
    position: fixed;
    z-index:99999999;
}

.menu-mobile{
    display:none;
    box-shadow:0 5px 15px rgba(0,0,0,0.1);
}

.header.fixed{
    position:fixed;
    top:0;
    left:0;
    box-shadow:0 5px 15px rgba(0,0,0,0.1);
    animation:slideDown 0.4s ease;
}

@keyframes slideDown{
    from{transform:translateY(-100%);}
    to{transform:translateY(0);}
}

.header .container{
    max-width:80%;
    margin:auto;
    padding:15px;
}

.menu-wrap{
    display:flex;
    align-items:center;
    justify-content:space-between;
}

.menu-right{
    display:flex!important;
}
.menu-left a,
.menu-right a{
    text-decoration:none;
    color:#fff;
    margin:0 40px;
    font-weight:500;
    transition:0.3s;
    font-size:18px;
}

.menu-left a:hover,
.menu-right a:hover{
    color:#fb181c;
}
/* dropdown */
.dropdown{
    position:relative;
    display:inline-block;
}

.dropbtn i{
    margin-left:5px;
    font-size:13px;
}

.dropdown-content{
    position:absolute;
    top:55px;
    left:20px;
    background:#005aaa;
    min-width:270px;
    box-shadow:0 10px 30px rgba(0,0,0,0.15);
    opacity:0;
    visibility:hidden;
    transform:translateY(10px);
    transition:0.3s;
    z-index:999;
}

.dropdown-content a{
    display:block;
    padding:12px 0px;
}

.dropdown-content a:hover{
    color:#ee1c23;
}

/* hover laptop */
.dropdown:hover .dropdown-content{
    opacity:1;
    visibility:visible;
    transform:translateY(0);
}

.logo img{
    height:55px;
    margin-bottom:0!important;
}

.hotline{
    margin-left:15px;
    color:#fff;
    font-size:16px;
}

.hotline b{
    color:#fb181c;
}

.hamburger{
    display:none;
    font-size:28px;
    cursor:pointer;
}
.hotline i{
    color:#fb181c;
    margin-right:6px;
    animation:ring 1.2s infinite;
}

@keyframes ring{
    0%{transform:rotate(0)}
    25%{transform:rotate(15deg)}
    50%{transform:rotate(-15deg)}
    75%{transform:rotate(10deg)}
    100%{transform:rotate(0)}
}

.hamburger i{
    font-size:26px;
    color:#fff;
}

.mobile-menu{
    position:fixed;
    top:60px;
    left:-260px;
    width:260px;
    height:100%;
    background:#fff;
    padding:30px;
    box-shadow:5px 0 15px rgba(0,0,0,0.2);
    transition:0.4s;
    z-index:99999;
}

.mobile-menu.active{
    left:0;
}

.mobile-menu a{
    display:block;
    margin-bottom:25px;
    text-decoration:none;
    color:#0d6fbf;
    font-weight:600;
    font-size: 18px;
}

.mobile-bar{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 15px;
}

@media (min-width: 1025px) and (max-width: 1366px) {
    .menu-left a, .menu-right a {
        margin: 0 25px !important;
    }
    .linhvuc-title {
        font-size: 17px !important;
    }
}

@media(max-width:1450px){
    .header .container {
        max-width: 90% !important;
    }   
}

@media(max-width:900px){

.menu-laptop{
    display:none!important;
}

.menu-mobile{
    display:block;
    
}

.header .container{
    max-width:80%;
    margin:auto;
    padding:5px;
}

.menu-left,
.menu-right{
    display:none !important;
}


.hamburger{
    display:block;
}


}