@media only screen and (max-width: 760px)
{
/* For iPhone & iPad Đứng */
.cot-2 {width:48%; display:block;}

.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: 0px;}
.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;}

.sanpham {margin:2px; margin-bottom:5px; padding:0px; border:0px; width:150px;}
.sanpham .title { font-size: 12px;}
.sanpham .img { width: 100%;height: 150px;}
.sanpham .longname {font-size: 11px; padding:0px 2px; }

.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%}

.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 {height:30px;}
#navigatemenu,#footer {width:100%;background-color:#000000;    border: 0px; }
#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: 35px; padding:0px;}
#hoadonlist .hdid { width: 50px;}
#hoadonlist .billmoney { width:50px;}
#hoadonlist .logoshop {width:70px;}
#hoadonlist td { padding: 5px 3px ; font-weight: normal ;}
#hoadonlist th { padding: 5px 3px ; font-weight: bold;}
#hoadonlist .clockship span.timetag { width:40px;}
#hoadonlist .clockship { width: 40px;}
#hoadonlist .iconmore { width:30px;}
#myloginbox { top:25%;}
/*  Chua sua */
.hdinfo {width:100%; min-width:0px;}
.hdinfo td.cont {  padding-right:5px;}
.hdinfo td.cont.smallcol { width:145px;}
.hdinfo td span {  display: inline-block;}
.hdinfo .input select { display:block; width:100%; margin-bottom:4px;}
.hdinfo .input select:last-child { margin-bottom:0px;}
.hdinfo span.ngaytao {width:130px;}
.hdinfo input.longtext { }
.hdinfo input.smalltext { max-width:90px;}
.hdinfo .hinhsanpham img { width:68px; height:68px;}

.myradio input[type=radio] + .lab {min-width:120px; }
.awecheckbox input[type=checkbox] + .lab {width:auto; min-width:0px; display:inline-flex; }
.awecheckbox input[type=checkbox] + .lab.float-left {  width:auto; min-width:130px; max-width:210px; }
.awecheckbox input[type=checkbox] + .lab:before { float:none;}
.awecheckbox input[type=checkbox] + .lab.float-left:before { float:left;}
.mytimepicker { width:auto;}

.shopcart-list .table td { padding:5px; vertical-align:middle;}
.shopcart-list .bookname {font-size:12px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;margin: 0px 0px; display:block;}
.shopcart-list .col-bookcount { width:130px;}
.searandadditem > span.form-control-feedback { width:34px;}
.tableforcontrol { width:100%;}

#minitable input { width:65px;}

}