@media screen and (max-width: 640px) {
 .nav{display:block;clear:both;}
 .wrapper:after{display:block;clear:both;content:"";}
 .fm-container{border:solid #292929;border-width:1px 0;background:#333 url('../images/bg-nav_gradient.png?1380865101') repeat-x }
 .fm-button{display:none;box-sizing:border-box;margin:2px 0 2px 20px;padding:14px;width:52px;border-radius:3px }
 .fm-button:hover{cursor:pointer;background-color:#555;-webkit-box-shadow:inset 0 0 8px rgba(0, 0, 0, 0.3);-moz-box-shadow:inset 0 0 8px rgba(0, 0, 0, 0.3);box-shadow:inset 0 0 8px rgba(0, 0, 0, 0.3) }
 .fm-button:hover .fm-bar{background-color:#fff }
 .fm-button .fm-bar{display:block;width:24px;height:2px;border-radius:1px;background-color:#dfdfdf }
 .fm-button .fm-bar{margin-top:4px }
 .flexmenu:before, .flexmenu:after{display:table;content:" " }
 .flexmenu:after{clear:both }
 .flexmenu a{text-decoration:none }
 .flexmenu.fm-toggle.fm-sm{display:none }
 .fm-outer{position:relative;overflow:hidden;height:100%;width:100% }
 .fm-inner{position:relative;height:100%;width:100%;left:0 }
 .fm-inner.open{left:70% }
 .fm-inner.open .flexmenu.fm-sm{left:0 }
 .flexmenu.fm-offcanvas.fm-sm{z-index:100;overflow-y:auto;overflow-x:hidden;position:fixed;top:0;left:-70%;width:70%;height:100%;-webkit-box-shadow:inset -10px 0 10px -10px rgba(0, 0, 0, 0.3);-moz-box-shadow:inset -10px 0 10px -10px rgba(0, 0, 0, 0.3);box-shadow:inset -10px 0 10px -10px rgba(0, 0, 0, 0.3);background:#333 }
 .flexmenu.fm-sm ul{margin:0;padding:0;list-style:none }
 .flexmenu.fm-sm ul li{position:relative }
 .flexmenu.fm-sm ul li a{display:block;padding:14px 15px;font-size:16px;text-shadow:0 0 1px rgba(255, 255, 255, 0.1);color:#ccc }
 .flexmenu.fm-sm ul li a:hover, .flexmenu.fm-sm ul li a.active{color:#fff;text-decoration:none }
 .flexmenu.fm-sm ul li{border-top:1px solid #4d4d4d;border-bottom:1px solid #1a1a1a }
 .flexmenu.fm-sm ul li a{background-color:#333 }
 .flexmenu.fm-sm ul li a:hover, .flexmenu.fm-sm ul li a.active{background-color:#262626 }
 .flexmenu.fm-sm ul ul li{border-top:1px solid #6e6e6e;border-bottom:1px solid #3b3b3b }
 .flexmenu.fm-sm ul ul li a{background-color:#555 }
 .flexmenu.fm-sm ul ul li a:hover, .flexmenu.fm-sm ul ul li a.active{background-color:#484848 }
 .flexmenu.fm-sm ul ul li ul li{border-top:1px solid #919191;border-bottom:1px solid #5e5e5e }
 .flexmenu.fm-sm ul ul li ul li a{background-color:#777 }
 .flexmenu.fm-sm ul ul li ul li a:hover, .flexmenu.fm-sm ul ul li ul li a.active{background-color:#6a6a6a }
 .flexmenu.fm-sm .navicon{position:absolute;top:0;right:2px;height:50px;width:50px;border-radius:5px;-webkit-box-shadow:0 0 8px rgba(0, 0, 0, 0.3);-moz-box-shadow:0 0 8px rgba(0, 0, 0, 0.3);box-shadow:0 0 8px rgba(0, 0, 0, 0.3);background:url('../images/bg-nav_gradient.png?1380865101') repeat-x }
 .flexmenu.fm-sm .navicon:hover{cursor:pointer }
 .flexmenu.fm-sm .navicon:after{border:5px solid transparent;border-top-color:#888;content:"";position:absolute;right:18px;top:25px }
 .fm-inner:after{clear:both;content:"";display:block;}

 body *:after{content:"";clear:both;display: block;}
 body #container *, body #footer *{max-width: 100%;float: inherit !important;}
 #header{background:#EEE;}
 #header #nav{background: #d00000}
 #header, #header div.banner img.banner, #header .inner-header, #header .top, #header div.banner, #form_search, #header .top .social, #header .lang, #header .top .time, #header #nav, #form_search .search_inner,
 #container, #main, #main .pull-left, #main .pull-center, #main .pull-right, #main .pull-bottom, #footer, #main .pull-top, #main .pull-top .row-top,
 #main .product ul li, #main .product ul, #main .product, #main .product ul li .image, #main .product ul li .title, #main .product ul li .inner, #main .product ul li .image a.unitip, #main .product ul li .title a,
#main .pull-top .row-bottom, #main .row5
 {float: inherit !important;display: block !important; width: auto !important; max-width: 100%;height:auto !important;position: relative !important; top:inherit !important;left:inherit !important; right:inherit !important;}
 #form_search .search_inner{margin: 10px 0px 0px;}
 #form_search .search_inner div.text{width: 99%;}
 #form_search .search_inner div.button{position: absolute;right:5px; top: 0px;}
 #header .top .time{margin:0px; padding:5px; text-align: center !important;}
 #header .lang{text-align: center;}
 #header .lang li{display: inline-block;vertical-align: top;float: inherit;}
 #header .top{background: #333; margin-bottom: 10px;padding-top:5px;}
#main, #main .pull-left, #main .pull-center, #main .pull-right, #main .pull-bottom, #footer{margin:0px; padding:0px;}
#main .pull-left, #main .pull-right{display: none !important;}
#main .pull-top .row-top{width: 100% !important;}
#main .product ul li, #main .product ul li .image, #main .product ul li .title, #main .product ul li .inner{display: block; text-align: center;margin-left:auto; margin-right: auto;width: 100% !important;}
#main .product ul li .title a{display: block; text-align: center;margin-left:auto; margin-right: auto; width: 96% !important;}
#main .product ul li .title{max-width: 230px;}
#main .product ul li{background-position: center bottom;}
#header #nav.scrollTopActive{position: fixed !important;top:0px !important;width: 100% !important;}
.banner-doitac, #footer .inner-footer .nav{display: none !important;}
#footer{background: #EEE;}
#footer .document{padding:10px; }
#slider{float: inherit !important;display: block; }
#main{padding-left:15px !important; padding-right: 15px !important;}
#main p img{max-width: 100%; height:auto !important;}
#main .link b:after{content:"";clear: inherit;display: inline-block;}
#hinhanh .thumbs li{width: 48% !important;}
form.contact .row_contact1{padding:10px 0px 0px 0px !important;}
form.contact .row_contact1 label{font-weight: bold; display: block ; text-align: left !important;padding-bottom: 0px !important;}
}
