@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
/* Styles */
.body{
	margin: 0;padding: 0;width: 110%;
}
#zip_content table tr td{
	height: 200px;
}
#zip_footer{
	font-size:40px;
}
#zip_content button{
	height:100px;font-size:50px;
}
#zip_content input{
	height:100px;font-size:50px	
}
#zip_content input::placeholder{
	height: 100px;font-size: 50px;line-height: 80px;	
}
#paymentMobile{
	display: block;
}
#paymentPc{
	display: none;
}
#online,#send{
	font-size: 30px;
}
#send img{
	width: 30px;
}
#send input::placeholder,#send textarea::placeholder{
	font-size: 30px;
}
#send button{
	font-size: 30px;height: 50px;
}
#send input,#send textarea{
	font-size: 30px;
}

#infoBankC{
	padding: 0px 20px;border-radius: 4px;
	width: 100%;display: none;font-size: 40px;text-align: left;
}
#myCart #method{
	background-color: white;padding: 0;float: none;margin-bottom: 5%;width: 100%;
	font-size: 40px;text-align: center;
}
#method input.radio{
	height: 40px;margin:10px 0;width: 10%;line-height: 44px;font-size: 40px;
}
#myCart{
	padding: 0;position: relative;
}
#myCart #frameMyCart{
	overflow-y: scroll;height: 800px;width: 122%;margin: 0;
	position: relative;background-color: white;
}
#myCart table{
	width: 100%;border: 1px solid #E6E6E6;font-size: 40px;
}
#myCart #totals{
	background-color: white;padding: 0;float: none;margin-bottom: 5%;
	font-size: 50px;width: 100%;
}
#myCart #totals .price{
	text-align: center;font-size: 18px;font-weight: bold;font-size: 45px;
}
#myCart #totals button{
	font-weight: bolder;font-size: 17px;cursor: pointer;line-height: 60px;height: 60px;font-size: 40px;
	width: 122%;
}
#frameCart{
	position: fixed;background-color: white;top: 10%;z-index: 3;
	width: 70%;left: 15%;height: 80%;display: none;
}




#infoBankM{
	width: 100%;font-size: 35px;padding: 0;margin: 0;display: none;
}
#infoPayment{
	width: 122%;text-align: center;position: relative;
}
#infoPayment table{
	width: 100%;margin: 0;text-align: center;position: relative;
}
#infoPayment table tr td:first-child{
	padding: 0;margin: 0;width: 100%;
}
#infoPayment input::placeholder{
	height: 100px;font-size: 50px;line-height: 80px;	
}
#infoPayment #paymentMobile select{
	height: 100px;font-size: 50px;line-height: 80px;
}
#infoPayment input{
	height: 100px;font-size: 50px;line-height: 80px;
}
#infoPayment input.radio{
	height: 100px;font-size: 50px;line-height: 80px;
}
#infoPayment table tr td{
	width: 100%;
}
#infoPayment input.radio{
	height: 13px;margin: 15.5px 0;width: 10%;line-height: 44px;font-size: 13px;
}
#infoPayment button{
	width: 50%;font-size: 50px;line-height: 80px;height: 80px;
}
#infoPayment .method{
	height: 100px;padding:0px 0px;border-radius: 4px;border: solid 1px #e5e6ec;
	width: 100%;font-size: 50px;text-align: left;
}
#infoPayment input.radio{
	height: 50px;margin: 15.5px 0;width: 10%;line-height: 80px;font-size: 50px;
}
#infoPayment h3{
	font-size: 70px;
}
#error{
	background-color: white;position: fixed;width: 90%;left: 5%;top: 30%;z-index: 3;
	text-align: center;
	height: 30%;
}
#error h2{
	border-bottom: solid 1px #e5e6ec;font-size: 80px;line-height: 100px;margin-top: 5%;
}
#error div{
	margin: 5% 10%;font-size: 50px;
}
#error button{
	width: 50%;font-size: 50px;line-height: 90px;height: 90px;
}
#register{
	padding: 0 65.5px;background-color: white;line-height: 100px;
	font-size: 30px;width: 110%;
}
#register table{
	width: 100%;margin: 0;box-shadow: 0 0 0;
}
#register table tr td input{
	font-size: 40px;line-height: 60px;height: 80px;
}
#register table tr td input::placeholder{
	font-size: 40px;line-height: 60px;height: 80px;
}
#register table tr td button{
	font-size: 70px;line-height: 90px;height: 90px;
}
#login table{
	width: 100%;margin: 0;box-shadow: 0 0 0;
}
#leftTop,#rightTop{
	display: none;
}
#menuMobile .logout a{
	color: yellow;
}
#user{
	text-align: center;margin: 0;width: 122%;background-color: white;
	font-size: 40px;
}
#user a{
	cursor: pointer;color: #0168B7;
}
#user table{
	width: 100%;margin: 0;
}
#user table tr td{
	height: 100px;
}
#user button{
	height: 100px;font-size: 50px;
}
#user input{
	height: 80px;font-size: 50px;
}
#header{
	position: relative;background-color: white;width: 110%;height: 200px;border-bottom: 1px solid #E6E6E6;
}
#leftHeader{
	text-align: center;background-color: white;display: block;height: 200px;
	position: relative;
}
#leftHeader img{
	height: 95%;position: absolute;left: 45%;top: 2.5%;
}
#rightHeader{
	position: absolute;right: 0;background-color: white;
	height: 200px;top: 0;
}
#cart{
	width: 100px;height: 100px;margin: 50px;
}
#cart img{
	width: 50px;height: 50px;margin: 25px 0;
}
#countCart{
	height: 40px;width: 40px;line-height: 40px;font-size: 25px;
}
#midHeader{
	background-color: white;padding: 0 5%;
}
#midHeader #searchBox{
	height: 110%;margin: 0;width: 100%;font-size: 40px;padding: 0px 50px;
	border: 1px solid gray;
}
#searchBox::placeholder{
	font-size: 40px;
}
#leftHeader,#midHeader{
	float: none;width: 100%;clear: both;
}
#menu,#pc,#log,#searchButton{
	display: none;
}
#bottom{
	width: 120%;
}
#content{
	margin: 0 50px;margin-top: 150px;
}
#direct{
	padding: 0 65.5px;background-color: #FAFAFA;line-height: 100px;
	font-size: 40px;width: 110%;
}
#rightDetail{
	font-size: 30px;margin-top: 7px;
}
#picture img{
	width: 112%;margin:2% 5%;
}
#slide{
	width: 122%;margin-left: 0;padding: 0;
}
#show{
	margin: 0;width: 110%;
}
.title{
	width: 50%;height: 100px;margin-top: 5%;
}
.title h2{
	height: 100px;line-height: 100px;font-size: 40px;
	padding: 0 10%;text-transform: uppercase;color: white;
}
.title:before{
	border-bottom: 100px solid transparent;
    border-right: 50px solid #F2F2F2;
    border-top: 0 solid transparent;
    border-left: 0;
    content: '';
    position: absolute;
    right: 0;
    top: 0;
}
.title:after{
	border-bottom: 0 solid transparent;
    border-right: 50px solid #F2F2F2;
    border-top: 100px solid transparent;
    bottom: 0;
    content: '';
    position: absolute;
    right: 0;
}
#leftInfoProduct img{
	width: 100%;height: auto;
}
#leftInfoProduct iframe{
	width: 100%;height: 600px;
}
.showProduct{
	width: 110%;background-color:#F2F2F2;
}
.showProduct .product{
	height: 1200px;width: calc(50% - 22px);
	position: relative;background-color: white;border: 1px solid #E6E6E6; 
	padding: 0 10px;float: left;
}
.product{
	height: 1200px;width: calc(50% - 22px);
	position: relative;background-color: white;border: 1px solid #E6E6E6; 
	padding: 0 10px;float: left;margin: 0;
}
.product img{
	height: 100%;
}
.detailProduct{
	background-color: white;margin: 25% 5%;
}
.info{
	color: #2f2f33;margin-top: 5%;font-size: 40px;
}
.price{
	color: #FF8000;margin-top: 5%;font-size: 39px;
}
#rightContent .hinh{
	height: 250px;
}
.hinh{
	height: 300px;
}
#other{
	margin-top: 10%;clear: both;margin-bottom: 360px;
}
#showOther{
	width: 122%;clear: both;margin: 0;padding: 0;
}
.other{
	float: none;width: 100%;margin-bottom: 5%;
}
.other:first-child{
	margin: 0%;margin-bottom: 5%;
}
.other:last-child{
	margin: 0%;
}
#support{
	background-color: white;width: 122%;
	margin-bottom: 450px;
}
#leftSupport,#rightSupport{
	float: left;
}
#support{
	margin: 0;padding: 0;
}
.support{
	width: 100%;background-color: white;margin: 0;padding: 0;height: 300px;
}
.support table tr:first-child td:first-child{
	padding: 30px;padding-right: 10px;width: 20%;
}
.support table tr:first-child td:first-child img{
	width: 60%;
}
.support table tr:first-child td:last-child{
	font-size: 40px;padding-left: 30px;
}
.support table tr:last-child td{
	font-size: 40px;padding-left: 30px;
}
.support table tr td b{
	font-size: 50px;
}
#footer{
	background-color: #F2F2F2;min-height: 200px;width: 133%;clear: both;border-top: 1px solid #E6E6E6;
	border-bottom: 1px solid #E6E6E6;padding: 0;margin: 0;
}
#mobile{
	background-color: #F2F2F2;display: block;
}
#mobile li{
	font-size: 45px;line-height: 200px;font-weight: bold;
}
#mobile ul{
	background-color: #F2F2F2;
}
#mobile ul li{
	font-size: 40px;line-height: 100px;font-weight: 400;
}
#mobile ul li a{
	padding: 35px;line-height: 200px;
}
#mobile input{
	width: 80%;height: 100px;line-height: 30px;font-size: 30px;
	padding: 0 50px;
}
#mobile input::placeholder{
	font-size: 30px;
}
#mobile button{
	height: 100px;width: 20%;font-size: 30px;line-height: 30px;
}
#menuchinh{
	float: left;position: absolute;display: block;top: 0;z-index: 1;top: 55px;left: 5%;
}
#menuMobile{
	display: none;position: fixed;background-color: #0168B7;color: white;
	height: 100%;width: 75%;z-index: 2;top: 0;
}
#menuMobile a{
	color: white;
}
#logo{
	background-color: white;height: 12%;text-align: center;position: relative;margin: 0;
	width: 100%;
}
#logo img{
	position: absolute;height: 100%;left: 30%;
}
.ul{
	font-size: 50px;height: 130px;line-height: 130px;font-weight: normal;
	border-bottom: 1px solid gray;padding: 10px 50px;
}
#leftContent{
	display: none;
}
#rightContent{
	float: none;width: 122%;
}
#rightContent #slide{
	width: 100%;
}
#leftProduct{
	background-color: white;width: 100%;
}
#rightProduct{
	width: 100%;font-size: 50px;
}
#rightProduct p{
	font-size: 100px;
}
#rightProduct .price{
	font-size: 90px;
}
#rightProduct b{
	font-size: 50px;
}
#rightProduct ul li,#rightProduct ul li span{
	font-size: 40px;
}
#guest #addCart,#guest #addPay,#guest #addPayMobile{
	width: 100%;height: 100px;margin: 0;font-size: 50px;margin-top: 80px;cursor: pointer;
}
#guest #addPayMobile{
	display: block;
}
#guest #addPay{
	display: none;
}
#rightProduct img{
	width: 50px;
}
#rightProduct a{
	padding: 20px 50px;margin: 0 5px;
}
#tweet{
	background-color: #1b95e0;color: white;font-size: 20px;
	border-radius: 4px;
}
#printerest{
	background-color: #e60023;color: white;font-size: 20px;
	border-radius: 4px;
}
#facebook{
	background-color: #4267b2;color: white;font-size: 20px;
	border-radius: 4px;
}
#infoProduct{
	width: 100%;
}
#leftTitleProduct{
	float: none;width: 100%;background-color: white;color: #2f2f33;font-size: 60px;
}
#leftInfoProduct h2{
	font-size: 100px;
}
#leftInfoProduct{
	font-size: 50px;
}
#leftInfoProduct ul li{
	font-size: 50px;line-height: 100px;
}
#rightTitleProduct{
	display: none;
}
#rightTitle{
	font-size: 80px;margin-top: 5%;line-height: 100px;
}
.productCollections{
	height: 10%;width: calc(50% - 22px);float: left;margin: 0;
	position: relative;background-color: white;border: 1px solid #E6E6E6; 
	padding: 0 10px;margin-bottom: 30px;
}
#sort,#sort select{
	font-size: 50px;margin-top: 50px;
}
.detailProduct .info,.detailProduct .price{
	font-size: 60px;
}
#page a{
	background-color: #F2F2F2;line-height: 80px;width: 80px;margin: 0 40px;font-size: 80px;
	border: 1px solid #E6E6E6;color: gray;display:inline-block;
}
#video{
	margin: 0;padding: 0;width: 124%;margin: 0 5%;background-color: black;
	margin-top: 20%;
}
#videos{
	width: 100%;padding: 0;margin: 0;
}
.detailVideo{
	width: 100%;margin: 0;text-align: center;position: relative;
}
.video{
	background-color: #132442;border-radius: 8px 8px 0 0;padding:0 5px;
	height: 650px;position: relative;
}
.video iframe{
	margin: 30px 0;width: 100%;height: 90%;
}
.infoVideo{
	font-size: 50px;
}
#pageVideo{
	font-size: 50px;
}
#noteVideo{
	float: none;width: 100%;
}
#numberPageVideo{
	text-align: center;width: 100%;margin: 5% 0;
}
#numberPageVideo img{
	width: 50px;
}
#numberPageVideo a:first-child{
	border-radius: 5px 0 0 5px;border: 1pt solid #E6E6E6;
}
#numberPageVideo a:last-child{
	border-radius: 0 5px 5px 0;border: 1pt solid #E6E6E6;
}
#numberPageVideo a{
	background-color: white;line-height: 100px;width: 100px;font-size: 50px;height: 100px;
	color: gray;display:inline-block;color: #337ab7;border-collapse: collapse;border-top: 1pt solid #E6E6E6;
	border-bottom: 1pt solid #E6E6E6;
}
#news{
	float: none;width: 100%;margin: 0;
}
#leftNews{
	display: none;
}
#rightNews{
	float: none;width: 122%;
}
.rightNewsContent .leftNews,.rightNewsContent .rightNews{
	background-color: white;width: 100%;
}
.rightNewsContent .rightNews div a{
	font-size: 70px;width: 100%;text-align: center;
}
.rightNewsContent .rightNews span{
	font-size: 30px;text-align: left;
}
.rightNewsContent .rightNews .infoNews{
	font-size: 50px;
}
.rightNewsContent .rightNews a{
	font-size: 20px;
}
#rightNews #page a{
	background-color: #F2F2F2;line-height: 70px;width: 70px;margin: 20px;font-size: 50px;
	border: 1px solid #E6E6E6;color: gray;display:inline-block;
}
#payment{
	position: fixed;background-color: white;top: 5%;z-index: 3;
	width: 90%;left: 5%;height: 90%;display: none;
}
#payment a{
	margin: 0 30px;font-size: 60px;line-height: 100px;
}
#payment h2{
	font-size: 50px;
}
#contentPayment table{
	display: none;
}
#total h5{
	font-size: 60px;width: 100%;
}
#total button{
	font-weight: bolder;font-size: 80px;width: 100%;
	height: 120px;line-height: 120px;
}
#total{
	position: absolute;width: 100%;right: 0;bottom: 5%;
}
#total .price{
	text-align: center;font-size: 80px;
}
#contactContent{
	width: 100%;margin: 0;padding: 0;
}
#leftContact{
	background-color: white;width: 122%;float: none;color: #2f2f33
}
#leftContact a{
	line-height: 50px;color: #2f2f33;font-size: 50px;
}
#leftContact input{
	font-size: 50px;line-height: 80px;height: 80px;
}
#leftContact input::placeholder,#leftContact textarea::placeholder{
	font-size: 50px;
}
#leftContact button{
	font-size: 50px;width: 100%;line-height: 80px;height: 80px;
}
#rightContact{
	float: none;width: 100%;
}
#map{
	width: 122%;
}


}