@media only screen and (max-width: 990px)
{
/* For iPhone & iPad Đứng */
.cot-2 {width:48%; display:block;}
.hdinfo {}
.hdinfo .hang {}
.hdinfo .hang i { width:20px;  vertical-align: top; padding-top: 8px;}
.hdinfo .hang div {}
.hdinfo .hang div span {display:block;}
.hdinfo .hang div:first-child { width:auto;}
.hdinfo .hang div:last-child {}
.hdinfo .hang div.address { width:270px;}

.lbl2 { font-size: 14px; height: 26px;}
.lbl3 { font-size: 16px; height: 26px;}
.desktop {display:none !important;}
.fa-angle-left {width: auto;height: auto;padding: 0;margin-right: 10px;margin-top: 3px;}
.push-menu {background: #47a3da;position:fixed; width: 240px;	height: 100%;	top: 0;	z-index: 10;	left: -240px;overflow: auto; overflow-x: hidden; overflow-y: auto;}
.push-menu-open {left: 0px; float:left;} /* đẩy menu từ trái qua phải */
.push-menu-blocker-hide {display:none;}
.push-menu-blocker {background: rgba( 0, 0, 0, 0.7 );	display: block;	width: 100%;	height: 100%;	position: fixed;	top: 0;	z-index: 50; left:0px;}

.menuicon { display:inline-block; margin-left:2px;}
.menuicon img { width:30px; height:30px;}
.push-menu, .mybody {-webkit-transition: all 0.3s ease;	-moz-transition: all 0.3s ease;	transition: all 0.3s ease;}

.menu {     top:0px; width:100%;	height:100%; }
.menu li {display: block;    background: #26373c;}
.menu li:first-child { /*display:none;*/}
.menu li:first-child a { /*border-top: none; */}
.menu li:last-child a{ /* border-bottom: none; */ }
.menu li:hover > a { color: #fff; border-left-color: #3c8dbc;background-color: #1e282c;}
.menu li:hover > ul {max-height:999px; }
.menu li:hover > a > .fa-angle-left  { -webkit-transform: rotate(-90deg);-ms-transform: rotate(-90deg);-o-transform: rotate(-90deg);transform: rotate(-90deg);}
.menu li a 
{
    display: block;
    text-decoration: none;
    font-size: 16px;   
    padding: 6px 0px 6px 10px;
    text-align: left;
    cursor: pointer;
       
    -webkit-transition: color .3s ease-in-out;
    -moz-transition: color .3s ease-in-out;
    -o-transition: color .3s ease-in-out;
    -ms-transition: color .3s ease-in-out;
    transition: color .3s ease-in-out;
    border-left: 3px solid transparent;
    margin-right: 1px;
    color: #b8c7ce;
    font-family: 'Source Sans Pro','Helvetica Neue',Helvetica,Arial,sans-serif;
    font-weight: 400;
}

.menu ul a li  {    /* mau cua menu lop trong */ color:#8aa4af;display: inline-block;padding-left:5px; background-color: transparent;}
.menu li ul {
    padding: 0px; 
    background-color: #374850;
	max-height:0px;
    overflow: hidden;
	
    -moz-transition: 1s;
    -ms-transition: 1s;
    -o-transition: 1s;
    -webkit-transition: 1s;
    transition: 1s;
}
.menu ul li a {	margin-left:-50px;	padding-left: 35px;border: none;}
.menu li ul a:hover > li { color: #fff;}
.menu .menu-header { display: block; height:0px; background-color: #26373c;}
.menu .menu-header .menu-m-logo { margin:auto; left:0; right:0; }
.menu .menu-footer { display: block; height:100%; background-color: #26373c;}

.mybox {padding: 5px 0px;margin: 3px;}
.mybox .box-header .box-title { font-size:16px; }
.mybox-title-2 { margin: 2px 6px;}
.mybody-toright {left: 240px; overflow: hidden ; } /* Đẩy Body sang phải */
.mybody-torightx { margin-left:240px; margin-right:-240px;} /* Đẩy Body sang phải */

.myradiopayment { margin:0px;}
.myradiopayment input[type=radio] + .lbl { width:90px;}
.my-login-box { width:300px; top:140px;}
.my-register-box {width:300px; top:35px;}
.my-register-box-body { padding:10px 12px;}
.my-register-box-body .form-group {margin-bottom: 8px;}
.my-register-box-body .form-group label {padding: 2px 0px;}
.my-register-box-body .form-control {height:30px;}
.my-register-box-body .form-control-feedback { top:6px;}

.my360 {width:80%;}
.my360 .backgroud {width:80%;}

.sanpham {margin:2px; margin-bottom:5px; padding:0px; border:0px; width:24%;}
.sanpham .title { font-size: 12px;}
.sanpham .img { width: 100%;height: auto;}
.sanpham .longname {font-size: 11px; padding:0px 2px; }
.sanpham .view360 > img {width: 25px; left:5px; position: inherit;}

.sanpham-tb .sanpham-info { padding:0px; }
.sanpham-tb .sanpham-info-rightside { display:none}
.sanpham-tb .sanpham-info .sp-imggroup { width:auto; display:block ; }
.sanpham-tb .sanpham-info .sp-infogroup { width:auto; display:block;padding-left:0px;}
.sanpham-tb .sanpham-info .sp-infogroup .sp-longname{ display: block; text-align: center;}
.sanpham-tb .sanpham-info .sp-infogroup .colname { width:110px;} 
.sanpham-tb .sanpham-info .sp-pic-all img { width:100%}
.sanpham-tb .sanpham-info .face-follow { width:300px;}

.shopcart-list .table td { padding:5px; vertical-align:middle;}
.shopcart-list .bookname {font-size:12px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;margin: 5px 0px; display:block;}
.shopcart-minimenu ul {left: 25px; }
.usercontrol  {height:30px; display:inline-block;}
.userinfo select {display:inline-block; width:100%; max-width: 250px;}

#content { width:100%;}
#navigatemenu,#footer {width:100%;border: 0px; }
#navigatemenu {height:30px; position:fixed; background-color:#4D90FE;}

#footer {background-color:#fff;}
#mainfrm { padding-top:30px;}

#filter-table .filter-name { padding:3px 0px 3px 6px; text-align: left; width:60px; font-size: 14px; font-weight:none;}
#homebanner {}
#homebanner img { width:100%;}
#homesp {width:none;}
#homesp .homesp {display:none;}
#homesp .homesp img{display:none;}

#viewside {width:100%;}
#searchbox {width:110px;}
#payoption { padding:0px}
#hoadonlist .state { width: 90px;}
#headertitle { display:none;}
}

@media only screen and (max-width: 480px)
{
.sanpham {margin:2px; margin-bottom:5px; padding:0px; border:0px; width:48%;}
.sanpham .title { font-size: 12px;}
.sanpham .img { width: 100%; height:auto;}
.sanpham .longname {font-size: 11px; padding:0px 2px; }
}