.menuMobile{
	display: none;
	font-family: arial;
	transition: all 0.9s;
    -moz-transition: all 0.9s;
    -webkit-transition: all 0.9s;
    -o-transition: all 0.9s;
    overflow-y:scroll;overflow: auto;position: absolute;top: 0;bottom:0;right: 0;width: 280px;background: #ef4122;}
.menuMobile ul{list-style: none;margin: 0;padding: 0}
.menuMobile ul li{list-style: none;margin: 0;padding: 0}
.menuMobile ul li a{text-decoration: none;}
.menuMobile .menu >ul{padding-top: 0px;}
.menuMobile .menu >ul >li{position: relative;}
.menuMobile .menu >ul >li >a{font-weight: bold;display: block;padding: 12px 12px;font-size: 12px;color: #fff;border-bottom: 1px solid rgba(255,255,255,0.2);}
.menuMobile .menu >ul >li.active >a{background: #fff;color: #ef4122}
.menuMobile .menu >ul >li >.buttonShowMenuLv2{top: 0;height: 43px;}
.buttonShowMenuLv2{position: absolute;top: -7px;right: 0;width: 40px;height: 39px;cursor: pointer;}
.buttonShowMenuLv2:after{
    color: #fff;
	content: "";
    display: block;
    width: 5px;
    height: 5px;
    border-width: 0 0 2px 2px;
    border-style: solid;
    transform: rotate(-45deg) translate(0px, -50%);
    -webkit-transform: rotate(-45deg) translate(0px, -50%);
    -moz-transform: rotate(-45deg) translate(0px, -50%);
    -o-transform: rotate(-45deg) translate(0px, -50%);
    -ms-transform: rotate(-45deg) translate(0px, -50%);
    position: absolute;
    right: 15px;
    top: 50%;
}
.logoMobile{background: #fff;text-align: center;padding: 15px 0}
.logoMobile img{height: 62px;}
.menuMobile .menu{width: 100%;float: left;}
.menuMobile .menu >ul >li ul{display: none;padding-left:15px;}
.menuMobile .icon{width: 16px;height: 16px;margin-right: 5px;vertical-align: middle;}
.menuMobile .menu >ul >li ul li{position: relative;}
.menuMobile .menu >ul >li ul li a{color: #fff;font-size: 12px;font-weight: bold;padding: 8px 20px;line-height: 18px;border-bottom: 1px solid rgba(255,255,255,0.2);display: block;}
.bgFull{display: none;box-shadow: 0 0 7px #333;width: 100%;height: 100%;position: absolute;z-index: 9999;background: rgba(255,255,255,0.5);top: 0;right: 0;}
.bgFull.open{display: block;}
.buttonMenuMobile{border:1px solid rgba(239, 65, 34, 0.6);border-radius: 6px;display: none;position: absolute;width: 40px;height: 36px;right: 15px;top:12px;text-align: center;cursor: pointer;}
.buttonMenuMobile span:first-child{margin-top: 7px;}
.buttonMenuMobile span{display: inline-block;height: 2px;background: #ef4122;width: 25px;margin: 4px 0 2px;border-radius:3px; }
.menuMobile .menu >ul >li ul li a{}
.menuMobile .menu >ul >li ul li li a{}
.buttonUser{width: 100%;float: left;}
.buttonUser a{width: 50%;padding: 10px 20px;display: block;color: #ef4122;float: left;background: #fff;margin-bottom: 1px;}
.buttonUser a.customer_cart{width: 100%;box-shadow: 0 0 15px #ccc inset;}
.buttonUser span.space{display: none;}
.menuMobile .customer_cart .number{    color: red;
    display: inline-block;
    width: 21px;
    height: 21px;
    background: url(../template/images/cart.png) center no-repeat;
    text-align: center;
    line-height: 27px;
    font-size: 10px;
    font-weight: bold;}
@media all and (max-width: 1024px){

	body{overflow-x: hidden;}
    .showMenu{display: none;}
	.wrapMiddle{overflow: hidden;}
    .wrapPosition{position: relative;width: 100%;float: left;}
    .buttonMenuMobile{display: block;}
    .menuMobile{opacity: 0;display: block;}
    .menuMobile.open{opacity: 1;-webkit-overflow-scrolling:touch;}
    #wrap {
        background: #fff;
        transition: transform 0.5s;
        -webkit-transition: transform 0.5s;
        -moz-transition: transform 0.5s;
        -o-transition: transform 0.5s;
        -ms-transition: transform 0.5s;
    }
    #wrap.open {
        transform: translateX(-280px);
        -moz-transform: translateX(-280px);
        -webkit-transform: translateX(-280px);
        -o-transform: translateX(-280px);
        -ms-transform: translateX(-280px);
        top: 0;
        bottom: 0;
        position: fixed;
    }
    #wrapHeader .topMenu .menu{display: none;}
    #wrapHeader .topMenu .hotline{width: 100%;text-align: center;}
    #wrapHeader .rightHeader{display: none;}
    #wrapHeader .boxSearch{width: auto;float: none;margin: 0 50px 0 110px;}
    #wrapHeader .logo{width: 100px;}
    #wrapHeader .logo img{max-width: 100%}
    .menuLeft{display: none;}
    .contentHot{width: 100%}
    .listHome .contentListHome .listStory{text-align: center;}
    .storyProduct{width: 25%;float: none;display: inline-block;}
    .listHome .titleListHome .link a{padding:0;margin: 0 10px;}
    .listHome .titleListHome h2{width:auto;font-size: 14px;}
    .listHome .titleListHome h2 *{padding: 5px;padding-right: 20px;}
    .listHome .titleListHome h2 img{margin-right: 5px;}
    .listHome .titleListHome .link{margin-left: 0;}
    .listNews{width: 100%;}
    .resgEmail{height: auto;}
    .resgEmail .titleRegEmail{width: 100%;margin: 0 0 10px 0;font-size: 14px;}
    .frmEmail button{position: absolute;top: 0;right: 0;}
    .resgEmail form{float: left;position: relative;}
    .resgEmail form input{max-width: 100%;}
    .middleHeader{box-shadow: 0 0 5px #555;margin-bottom: 10px;}
    .wrapLeft2,.wrapRight3,.wrapCenter2,.wrapRight4{width: 100%;}
    .right_adv{display: none;}
    .leftStyle3 .middle .story{width: 33.33%;float: left;}
    .listsubcat10 .listsubcat10Listing li{padding: 5px;width: 33.33%;}
    .wrapLeft,.wrapRight,.wrapLeft3,.viewPage .wrapRight4{width: 100%;}
    .zoomPad{width: 100%}
    .advRight{display: none;}
    .boxPartner{display: none;}
    .product_info .tabProductInfo ul{margin-left: 0;}
    .product_info .tabProductInfo li{width: 25%;float: left;margin: 0;border:1px solid #fff;}
    .product_info .tabProductInfo li a{display: block;width: 100%;padding: 10px 2px;margin: 0;border-radius: 0;text-align: center;}
}
@media all and (max-width: 768px){
	.wrapProfileRight{width: 100%}
	.wrapProfileLeft{width: 100%}
	.boxProfileContent table{display: block;width: 100%;}
	.boxProfileContent tbody{display: block;width: 100%;}
	.boxProfileContent td{display: block;width: 100%;}
	.boxProfileContent tr{display: block;width: 100%;}
	.boxProfileContent .input_style input{width: 100% !important;}
	.slideHighlight .story .thumb{width: 100%;}
	.slideHighlight .story .text{width: 100%;margin-left: 0;}
	.slideHighlight .story .title{text-align: center;}
	.buttonMenuMobile{right: 5px;}
	#wrapHeader .boxSearch{margin-left: 100px}
	.wrapAuto{padding: 0 5px;}
    .listHome .titleListHome .showLink{display: block;}
    .supportOnlineHome .hotlineBox{background: none;height: auto}
    .supportOnlineHome .hotlineBox .hotline{margin: 10px}
    .slideLROtherProducts .story .price_basic span,.slideLROtherProducts .story .price span.leftStyle3 .middle .story .price_basic span,.leftStyle3 .middle .story .price span,.listnews10 .listingGrid .story .price span,.listnews10 .listingGrid .story .price_basic span{display: none;}
    .footerInfo .colInfo:first-child{display: none;}
    .footerInfo .colInfo{width: 50%;margin: 0;min-height: 136px;margin-bottom: 10px;}
    .storyProduct{width: 33.33%;}
    .listHome .titleListHome .link{position: absolute;top: 32px;right: 0;width: 200px;display: none;}
    .listHome .titleListHome .link a{background: #ef4122;display: block;color: #fff;margin: 0;padding:0 10px;line-height: 30px;border-top:1px solid #fff; }
    #slideHot .slider{height: 220px;}
    #slideHot .slider li img{height: 220px;}
    .listnews10 .listingGrid{text-align: center;}
    .listnews10 .listingGrid .story,.slideLROtherProducts .story{vertical-align: top;width: 33.33%;display: inline-block;float: none;padding: 0 5px}
}
@media all and (max-width: 640px){
	.product_info .tabProductInfo li{width: 50%;}
    .product_info .productDetail .detailLeft,.product_info .productDetail .detailRight{margin-bottom: 10px;width: 100%;}
    .storyProduct{width: 50%;}
    .listNews .highlights{width: 100%;}
    .listNews .news{width: 100%;padding-left: 0}
}
@media all and (max-width: 480px){
	.windowVehicleTrip{width: 320px;margin-left: -160px;}
	.windowVehicleTrip .windowDocument{width: 300px;}
	.loginWindowInput .input_text{width: 100% !important;}
	.directory2 a{padding: 2px 14px 2px 20px;}
	#wrapHeader .boxSearch form{border-width: 1px}
    .filterFormStyle1{margin-bottom: 10px;}
    .listnews10 .listingGrid .story,.slideLROtherProducts .story{width: 50%;}
    .listsubcat10 .listsubcat10Listing li{padding: 5px;width: 50%}
    .leftStyle3{display: none;}
    #slideHot .slider{height: 160px;}
    #slideHot .slider li img{height: 160px;}
    #wrapHeader .boxSearch .txtSearch{padding: 5px 50px 5px 10px;}
    #wrapHeader .boxSearch select{display: none;}
    #mainMenuBottom ul li{margin: 0;background: #ccc;color: #fff;padding: 5px;border: 1px solid #fff;}
    #mainMenuBottom ul li.space{display: none}
}
@media all and (max-width: 360px){
	#wrapHeader .topMenu .hotline img{display: none;}
	#wrapHeader .topMenu .hotline{font-size: 11px;}
	.product_info .tabProductInfo li a{font-size: 11px;}
    .storyProduct .thumb{height: 120px;}
    .storyProduct .thumb img{max-height: 120px}
}
@media all and (max-width: 320px){
    .listnews10 .listingGrid .story,.slideLROtherProducts .story{width: 100%;}
    .resgEmail form{width: 100%;}
}