body {
    font-family: "Roboto Condensed", sans-serif;
    font-size: 16px;
    color:#777;
}
h1, h2, h3, h4, h5, h6 {
    font-family: "Roboto Condensed", sans-serif;
}

.menu {    
    list-style-type: none;        
    margin-bottom: 0;  
    padding-top: 20px;
}
.menu li {
    display: inline;
    padding: 20px 10px;    
    
}

.menu li>a{
    text-decoration: none;
    font-size: 15px;
    color: #000000 !IMPORTANT;
    font-weight: 400;
    letter-spacing: .02em;
   
}
.hotline {
    border-radius: 99px;
    background: #08c;
    padding: 8px 11px;
    font-size: 14px;
    border: none;
    color: #FFFFFF;
    
}
.fa-chevron-down {
    color: #8b8b8b;
}
.col1, .col2, .col3 {position: relative;}
table th, td {
    text-align: left;
}
.box1 {
    position: absolute;
    left: -10px;
    top: 53px;
    background-color: #ececec;
    width: max-content;   
    height: max-content;  
    padding: 20px;
    display: none;
    text-align: left;
}
.box1 a {
    color: rgba(102,102,102,0.85);   
    font-size: 16px;
    text-decoration: none;    
}
.col {
    position: relative;
}
.col1 {
   
    display: block;
}
.box2 {
    position: absolute;
    left: -50px;
    top: 53px;
    background-color: #ececec;
    width: max-content;
        
    padding: 20px 15px 0px 5px;
    display: none;
    
}

.box2 a {
    color: rgba(102,102,102,0.85);   
    font-size: 16px;
    text-decoration: none;   
    
}
.danhmuc {
    font-size: 13px;
    font-weight: bold;
}
.box2 th, td {
    padding-left: 20px;
}

.box3 {
    position: absolute;
    left: -50px;
    top: 53px;
    background-color: #ececec;
    width: max-content;   
    height: max-content;     
    padding: 20px;
    display: none;
    text-align: left;
    
}
.box3 a {
    color: rgba(102,102,102,0.85);   
    font-size: 16px;
    text-decoration: none;    
   
}

.nen {    
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;    
    z-index: 1;
    background-color: rgba(0, 0, 0, 0.4); 
}

.close {
    float: right;
    padding: 5px;
    display: none;
    z-index: 2;
    color: #c5c5c5;
}
.fa-bars {
    position: absolute;
    top: 30px;
    left: 20px;
}
.boxMenu {
    position: fixed;
    top: 0;
    left: 0;
    background-color: white;
    width: 70%;
    height: 100%;
    overflow: scroll;
    padding-top: 59px;
    display: none;
    z-index: 2;
}
.boxMenu ul {
    list-style-type: none;
    padding: 0;    
}
.boxMenu li {
    padding: 20px;
    border: 1px solid #f1f1f1; 
}

.boxMenu ul a {
    text-decoration: none;
    color: #000000;
}

.menuAbout1, .menuAbout2, .menuAbout3, .boxService, .boxHatang {
    display: none;
    padding-top: 12px;
    text-align: left;
    
}

.menuMobile {display: none;}
.textFooter {
    font-weight: 500;
    font-size: 20px;
    

}
.canlefooter li {
    margin-left: 20px;
}

.canlefooter li a {
    text-decoration: none;
}
.menuFooter {
    list-style-type: none;
    padding: 20px;
}
.menuFooter li {
    display: inline;
    padding: 10px;
}
.menuFooter li a {
    text-decoration: none;
    color: rgba(255, 255, 255, 0.4); 
}
ul li {text-align: left;}

img {   
    max-width: 100%;
    height: auto !important;
}
.activePage {
    background-color: #005073;
    color: white;
}

.logo {
    margin-left: 30px;
}
.ipad11 {display: none;}

@media screen and (max-width: 835px) {
    .menu {display: none;}
    .menuMobile {display: block;}
 }

 @media screen and (min-width: 835px) and (max-width: 1195px) {
    .desktop {display: none;}
    .ipad11 {display: block;}
 }