D7net Mini Sh3LL v1
Current File : C:/Domains/maymaytinson.com/httpdocs/lib/images/13/../10/../7/../16/../activity/../JUKI/../15/../zip_food/../18/../17/../2/../21/../20/../22/../../images/25/../14/../7/../23/../SALOON/../15/../upload/../HIỆU JACK/../../css/mobile.css |
@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%;
}
}
AnonSec - 2021 | Recode By D7net