@media (max-width:950px) {
    body{font-size:14px;background-color:#eee;}
	.input-content{line-height:19px;font-size:14px!important;}
	

    .title{display:none;height:20px;overflow:hidden; line-height:22px; position:unset;overflow:hidden;padding:5px 10px;}
    .title span{float:right;font-size:16px;}
    .title h4{display:none;}


    #banner{height:41px;padding:5px 10px;margin:0; overflow:hidden;border-radius:0;background-color:#ddd;border-top:1px solid #eee;border-bottom:1px solid #ccc;}
    #banner img{height:32px;margin-top:5px;}
    #banner .menu-icon{display:block; background:url(../images/menu.png) no-repeat right center; cursor:pointer;
	position:absolute;z-index:3;right:10px; top:5px; width:40px; height:40px; border-radius:3px;}

    #top-menu{display:none;width:200px;height:auto;position:absolute; z-index:3; right:-200px; top:0px; background-color:#fff;}
    #top-menu a, #top-menu .home{width:100%!important;margin:0;border-radius:0;}
    #top-menu a span{width:auto}

    .cart{position:static; padding:10px;overflow:hidden;margin:0;border-top:#fff;}
    #shopping-cart{margin:0;float:left;}
    .login, .welcome{float:right; margin:2px 0 0 0;}
	#user-menu{margin-top:21px;}

    .search{background:#fff; /* url(../images/search-icon.png) no-repeat 10px 6px; background-size:20px;*/ border:1px solid #ccc; padding:6px 10px 8px 33px; margin:0px 8px 10px 8px; border-radius:16px;width:auto;float:none;}

    #content-box, .shortcut, #left-menu{width:auto; float:none;padding:0px;margin:0;overflow:hidden;}
    #content-box{padding:0 10px}

    ul.products{margin:-1%;padding:0;width:100%}
    ul.products li {width:31%; margin:1%;}
    ul.products li.cmg{margin-right:1%!important;}


    #left-menu{width:auto;background-color:#eee;padding:5px 10px;margin:10px 0}
    

    #main-content{margin:3px;padding:15px; background-color:#fff; border-radius:6px;}
    #middle{border:none;background-color:#fff;padding:15px 2%;}
    #product-content{padding:0;}
	
	#left-menu ul.best-sellers li a {font-size:14px;}
	
	#left-menu ul li ul li{width:32%;float:left}
	#left-menu ul li{width:100%;overflow:hidden}
	#left-menu ul.best-sellers li{width:32%;float:left}
	
	.shortcut div{float:left; width:25%; margin:0;}
	.reply-form{border-radius:0; margin:0;border-bottom:1px solid #ccc;border-top:1px solid #fff; width:100%;height:auto;float:none!important;padding:10px 0 20px 0px;background:none;}
	.check-proof div label{width:20%;}
	.check-proof div span{width:70%;}
	.reply-form #txtReplyComments{width:95%;}
	.reply-form #txtCustomerName{width:50%;}
}

@media (max-width:767px) {
	ul.products{margin:-1.2%;padding:0;}
	ul.products li {width:47%; margin:1.2%;}
	ul.products li.cmg{margin-right:1.2%!important;}
	
	#left-menu ul li ul li{width:49%;float:left}
	#left-menu ul.best-sellers li{width:49%;float:left}
	td ul li span {text-align:left;padding:10px 0 5px 0;}
	.note ul{margin:10px 0 20px 15px;padding:0;}
	#checkout-comments{width:91%;}
    .container{padding:0;margin:0 0 20px 0;}
	.popup{position:absolute;}
	#cart-detail{width:100%;overflow-x:scroll;overflow-y:auto;}
	.order-info{overflow-y:auto;overflow-x:scroll;}
}

@media (max-width: 520px) {
	.order-info div label{width:40%;float:left;margin:5px 0}
	.order-info div span{width:55%;float:right; margin:5px 0}
	.order-info div {margin:0; padding:0;}
    .branch-info li label, #user-info li label{min-width:95px;}
	#user-info input{width:95%;margin:5px 0 10px 0}
	#user-info select{width:97%;margin:5px 0 10px 0}
}
/* ============================ */
/* 		MAX 470
/* ============================ */
@media (max-width:470px) {
    #shopping-cart label, .login label, .welcome label{display:none;}
	ul.products{margin:0;padding:0;}
    ul.products li {width:100%; margin:5px 0;float:none;}
	ul.products li.cmg{margin-right:0!important;}
	
     #left-menu .mn-gr, .tools{width:auto; float:none;}

     #middle,#instant-price,#step2{width:auto;float:none;overflow:hidden;margin-bottom:15px;}

     #main-content{margin:10px 0 10px 0;padding:0 0 10px 0; background:none;
	 
	 border-bottom:2px solid #ccc;border-radius:0;}
	 #left-menu ul li ul li{width:100%;float:none;}
	 #left-menu ul.best-sellers li{width:100%;float:none}
	 
	 #form_login {width:90%}
	 #right{width:100%;}
	 #form_login, #form_register, #form_getpassword{width:90%;overflow:hidden;height:auto;}
	 #form_login input, #form_getpassword input, #form_register input, #form_login label, #form_getpassword label,     #form_register label{width:95%; text-align:left;}
	 .popup{left:4%!important;position:absolute;}
	 .shortcut div{width:50%;}
	 
	 .proof img,.proof_preview img{float:none;width:99%;height:auto;max-width:100%;max-height:100%}
	 .proof_preview ul{float:none;width:auto;margin:10px 0;padding:10px 0}
}