@media (max-width: 767px) {
}
@media (max-width: 991px) {
    .hidem{display: none}
    .logo1{height: 30px}
    .ul-menu{display: none; }
    .icon-menu{display: block}
    .icon-menu{color: #333; font-size: 25px; cursor: pointer; text-align: right;}
    .ul-menu-mobile{z-index: 1000;background: #eee;text-align: right; width: 100%; padding: 0;position: fixed; right: 0}
    .ul-menu-mobile > li{display: block; float: none;}
    .ul-menu-mobile > li:last-child{border: none}
    .ul-menu-mobile li{list-style: none}
    .ul-menu-mobile > li > ul{display: none}
    .ul-menu-mobile a{color: #333; padding: 10px; display: block}
    .ul-menu-mobile > li  a{text-transform: uppercase; border-bottom: 1px solid #ccc;}
    ul.sub-menu a{color: #7d7d7d !important;}
    .ul-menu-mobile > li > ul > li > a{text-transform: uppercase}
    #top-header{min-height: 65px}
    #top-header .top{display: block}
    .title-customer{text-align: center; margin-top: 10px}
    #footer{text-align: center}
    .fb-page{margin-top: 10px}
    .top-small{height: 50px}
    .top-small .logo{width: 50px}
    .top-small .icon-menu{margin-top: -10px; margin-bottom: 0}
    .about{margin-top: 0}
    .cmobile{display: block}
    .desktop{display: none}
    #sidebar{display: none}
}
@media (max-width: 1199px) {
    .ul-menu > li > a{padding: 22px 10px}
}
@media (min-width: 1200px) {
}