/* 10.1 DESKTOPS
 * =========================== */ 
@media only screen and (min-width: 970px) and (max-width: 1260px) {
	.wrapper {
		width: 980px;
	}	
	.logo{
		width:210px;
	}
	.right_top_head{
		width:16%;
	}
	.content_head{
		width:760px;
	}
	.left_content_head{
		width: 550px;		
	}
	.right_content_head{
		width:199px;
		height:94px;
	}
	.top_content_head{
		margin-bottom: 20px;
		margin-top:0;
	}
	.width_product2{
		height:280px;
	}
	#search_form_shops .input_search input{
		width:280px;
	}
	.chinh-sach li{
		width:170px;
		line-height:18px;
		font-size:13px;
	}
	.chinh-sach li i{
		font-size: 35px;
	}
	.right_content{
		width: 720px;	
	}
	.left_content{
		width: 250px;
	}
	.products .product_info .product_img{
		height:150px;
	}
	.products .product_info .product_img_n{
		height:135px;
	}
	.list_products .product_info .product_img{
		width:180px;
		height:130px;
	}
	.list_products .product_info .info_product{
		width: 515px;
		height: 130px;
	}
	.list_products .product_info .product_description{
		height:63px;
	}
	.gift_detail p{
		width:auto;
	}
	.infomation{
		width:340px;
	}
	div.post-title{
		font-size:13px;
		line-height:18px;
	}
	.description_news{
		width:545px;
	}
	ul.slimmenu li a{
		padding:10px 6px;
	}
	ul.slimmenu li .sub-collapser{
		right: -15px;
	}

	.footer1 {
		width: 40%;
		float: left;
		margin-right: 2%;
	}
	.footer2 {
		float: left;
		width: 25%;
	}
	.footer3 {
		float: right;
		width: 32%;
	}
}

/* 10.2. Tablet Portrait (devices and browsers)
================================================= */
@media only screen and (min-width: 754px) and (max-width: 969px) {
	.wrapper {
		width: 720px;
	}
	.left_top_head{
		width:58%;
	}
	.right_top_head{
		width:21%;
	}
	.width_product1{
		width:100%;
		float:none;
	}
	.width_product2{
		width:100%;
		float:none;
		height:auto;
		max-height:190px;
	}
	.chinh-sach li{
		width: 32%;
		font-size: 13px;
		margin-left: 1%;
		line-height: 17px;
	}
	.chinh-sach li i {
		font-size: 33px;
		margin-right: 3%;
	}
	.socialList li, .contactList li{
		margin-right:5px;
	}
	.top_content_head{
		margin-bottom:5px;
	}
	#search_form_shops {
		text-align:left;
	}
	#search_form_shops .input_search input{
		width:295px;
		padding:7px 5px;
	}
	#search_form_shops .select_cat select{
		padding:6px 5px;
	}
	#search_form_shops .btn_search{
		padding: 6px 15px;
	}
	.logo{
		width:100%;
		height:100px;
		text-align:center;
		margin-bottom:10px;
	}
	.logo img{
		max-height:100%;
		width:auto;
	}
	.content_head{
		width:100%;
	}
	.left_content_head{
		width:540px;
	}
	.right_content_head {
		width: 170px;
	}
	.right_content{
		width: 460px;	
	}
	.left_content{
		width: 250px;
	}
	.products .list_items{
		width:50%;
	}
	.products .list_items_c{
		width:50%;
	}
	.products .product_info .product_img{
		height:150px;
	}
	.products .product_info .product_img_n{
		height:150px;
	}
	.list_products .list_items{
		position:relative;
		height:160px;
	}
	.list_products .product_info .product_img{
		width:150px;
		height:130px;
		z-index:2;
	}
	.list_products .product_info .product_img img{
		height:100%;
		width:100%;
	}	
	.list_products .product_info .info_product{
		width: 100%;
		height: 160px;
		position:absolute;
		z-index:1;
	}
	.list_products .product_info .product_name{
		width:310px;
		left:165px;
		top:0;
		position:absolute;
	}
	.gift_detail p{
		width:178px;
		padding-top:0;
	}
	.absolute_l_b{
		position:absolute;
		bottom:0;
		left:0;
		margin-bottom:0;
	}
	.list_products .product_info .product_description{
		height:99px;
		position:absolute;
		width:310px;
		left:165px;
		top:30px;
	}
	.image_product{
		width:200px;
	}
	#product-slider {
		width: 100%;
		position: relative;	
		text-align:center;
		background-color:#fff;
		height: 200px;
	}
	#product-slider img {
		max-width: 100% !important;
		height:200px !important;
	}
	.infomation{
		width:240px;
	}
	.hometext{
		max-height:100px;
		overflow-x:auto;
	}
	ul.tin_moi li img{
		width:60px;
		height:50px;
	}
	ul.tin_moi li p{
		height:40px;
	}
	div.post-title{
		font-size:13px;
		line-height:18px;
	}
	.callbacks .caption{
		padding:5px 20px;
		font-size:15px;
	}
	.callbacks_tabs{
		bottom:1px;
	}
	ul.slimmenu li a{
		padding: 7px 16px 7px 16px;
	}
	.view_all{
		display:none;
	}
	.img_news{
		width:120px;
	}
	.description_news{
		width:315px;
	}
	ul.slimmenu.collapsed li .sub-collapser{
		height:35px;
	}
	ul.slimmenu li .sub-collapser{
		right:8px;
		background-color:#50ADA8;
		width:36px;
		border-radius:50%;
	}
	ul.slimmenu li .sub-collapser::before{
		margin-right:0;
		
	}
	ul.slimmenu li .sub-collapser > i {
		color: #FFFFFF;
		font-size: 28px;
		display: inline-block;
		vertical-align: middle;
	}
	ul.slimmenu li > ul{
		border:none;
		box-shadow:none;
	}
	.review1{
		width:100%;
		float:none;
		margin-bottom:20px;
	}
	.top_menu{
		background:none;
	}
	.footer1{
		width:100%;
		float:none;
		margin-right:0;
		margin-bottom:20px;
	}
	.footer2{
		float:left;
		width:49%;
	}
	.footer3{
		float:right;
		width:49%;
	}
	.btn {
		padding: 3px 7px;		
		font-size: 13px;
		font-weight: 400;
	}
}

/* 10.3. Mobile Landscape Size to Tablet Portrait (devices and browsers)
========================================================================== */
@media only screen and (min-width: 480px) and (max-width: 753px) {
	.wrapper {
		width: 100%;
	}
	#content {
		width:90%;
		margin:0 auto;
	}
	.top_head{
		background:none;
	}
	.left_top_head{
		width:100%;
		float:none;
		background-color: #444;
		text-align:center;
	}
	.right_top_head{
		width:100%;
		float:none;
		text-align:center;
	}
	.width_product1{
		width:100%;
		float:none;
	}
	.width_product2{
		width:100%;
		float:none;
		height:auto;
		max-height:200px;
	}
	.chinh-sach li{
		width: 32%;
		font-size: 13px;
		margin-left: 1%;
		line-height: 17px;
	}
	.chinh-sach li i {
		font-size: 33px;
		margin-right: 3%;
	}
	.logo{
		width:100%;
		text-align:center;
		height:120px;
		margin-bottom:15px;
		float:none;
	}
	.logo img{
		max-height:100%;
	}
	.content_head{
		width:100%;
		float:none;
		height:auto;
	}
	.top_content_head{
		margin-bottom:10px;
	}
	.left_content_head{
		width: 90%;
		margin:0 auto 10px;
		float:none;
	}
	.right_content_head{
		width:100%;
		text-align:center;
		float:none;
	}
	.right_content{
		width: 100%;
		float:none;
	}
	.left_content{
		width: 100%;
		float:none;
	}
	#search_form_shops .input_search input, #search_form_shops .select_cat select{
		width:100%;
	}
	.products .list_items{
		width:50%;
	}
	.products .list_items_c{
		width:50%;
	}
	.products .product_info .product_img{
		height:170px;
	}
	.products .product_info .product_img_n{
		height:180px;
	}
	.list_products .list_items{
		position:relative;
		height:160px;
	}
	.list_products .product_info .product_img{
		width:150px;
		height:130px;
		z-index:2;
	}
	.list_products .product_info .product_img img{
		height:100%;
		width:100%;
	}	
	.list_products .product_info .info_product{
		width: 100%;
		height: 160px;
		position:absolute;
		z-index:1;
	}
	.list_products .product_info .product_name{
		left:165px;
		top:0;
		height:20px;
		overflow:hidden;
		position:absolute;
	}
	.gift_detail p{
		width:auto;
	}
	.absolute_l_b{
		position:absolute;
		bottom:0;
		left:0;
		margin-bottom:0;
	}
	.list_products .product_info .product_description{
		height:99px;
		position:absolute;
		left:165px;
		top:30px;
	}
	.image_product{
		width:100%;
		float:none;
		margin-bottom:10px;
	}
	#product-slider {
		width: 100%;
		position: relative;	
		text-align:center;
		background-color:#fff;
		height: 300px;
	}
	#product-slider img {
		max-width: 100% !important;
		height:300px !important;
	}
	.infomation{
		width:100%;
		float:none;
	}
	.hometext{
		height:auto;
		overflow-x:hidden;
	}
	ul.tin_moi li img{
		width:80px;
	}
	div.post-title{
		font-size:16px;
		line-height:18px;
	}
	.wrapper_footer{
		width:90%;
		margin:0 auto;
	}
	.footer1{
		width:100%;
		float:none;
		margin-right:0;
		margin-bottom:20px;
	}
	.footer2{
		width:100%;
		float:none;
	}
	.footer3{
		width:100%;
		float:none;
	}
	.callbacks .caption{
		padding:5px 20px;
		font-size:15px;
	}
	.callbacks_tabs{
		bottom:1px;
	}
	ul.slimmenu li a{
		padding: 7px 16px 7px 16px;
	}
	.view_all{
		display:none;
	}
	.img_news{
		width:30%;
	}
	.description_news{
		width:67%;
	}
	ul.slimmenu.collapsed li .sub-collapser{
		height:35px;
	}
	ul.slimmenu li .sub-collapser{
		right:8px;
		background-color:#50ADA8;
		width:36px;
		border-radius:50%;
	}
	ul.slimmenu li .sub-collapser::before{
		margin-right:0;
		
	}
	ul.slimmenu li .sub-collapser > i {
		color: #FFFFFF;
		font-size: 28px;
		display: inline-block;
		vertical-align: middle;
	}
	ul.slimmenu li > ul{
		border:none;
		box-shadow:none;
	}
	#tooltip{
		display:none !important;
	}
	.review1{
		width:100%;
		float:none;
		margin-bottom:20px;
	}
}

/* 10.4. Mobile Portrait Size to Mobile Landscape Size (devices and browsers)
====================================================================== */
@media only screen and (max-width: 479px) {
	.wrapper {
		width: 100%;
	}
	#content {
		width:90%;
		margin:0 auto;
	}
	.top_head{
		background:none;
		padding:0;
	}
	.left_top_head{
		width:100%;
		float:none;		
		margin-top:0;
		text-align:center;
		padding:5px 0;
		background-color: #2A2B2C;
	}
	.right_top_head{
		text-align:center;
		width: 100%;
		float: none;
	}
	.top_content_head{
		margin-bottom:10px;
	}
	.right_content_head{
		width:100%;
		text-align:center;
		float:none;
	}
	.option{
		top:0;
	}
	.option-cart {
		border-top-left-radius: 0;
	}
	.hot-phone{
		width:100%;
		background-color: #0092DD;
		padding:2px 0;
		height:30px;
		line-height:30px;
		border-radius:0;
		position:fixed;
		bottom:0;
		left:0;
		z-index:9999;
		font-size:20px;
	}
	.chinh-sach{
		display:none;
	}
	.content_head{
		width:100%;
		height:auto;
	}
	#search_form_shops{
		margin-top: 5px;
		text-align:center;
	}
	#search_form_shops .input_search input{
		width:100%;
	}
	#search_form_shops .select_cat{
		display:none;
	}
	.logo{
		width:100%;
		text-align:center;
		height:120px;
		margin-bottom:10px;
	}
	.logo img{
		max-height:100%;
		width:auto;
	}
	.left_content_head{
		width:90%;
		float:none;
		margin:0 auto;
		text-align:center;
	}
	.top_content_head{
		display:none;
	}
	.bottom_content_head{
		width:100%;
		float:none;
	}
	.width_product1{
		width:100%;
		float:none;
	}
	.width_product2{
		width:100%;
		float:none;
		height:auto;
		max-height:200px;
	}
	.right_content{
		width: 100%;
		float:none;
	}
	.left_content{
		width: 100%;
		float:none;
	}
	.products .list_items{
		width:100%;
	}
	.products .list_items_c{
		width:50%;
	}
	.products .product_info .product_img{
		height:130px;
	}
	.products .product_info .product_img_n{
		height:110px;
	}
	.list_products .list_items{
		position:relative;
		height:160px;
	}
	.list_products .product_info .product_img{
		width:150px;
		height:130px;
		z-index:2;
	}
	.list_products .product_info .product_img img{
		height:100%;
		width:100%;
	}	
	.list_products .product_info .info_product{
		width: 100%;
		height: 160px;
		position:absolute;
		z-index:1;
	}
	.list_products .product_info .product_name{
		left:160px;
		top:0;
		height:20px;
		overflow:hidden;
		position:absolute;
	}
	.absolute_l_b{
		position:absolute;
		bottom:0;
		left:0;
		margin-bottom:0;
	}
	.list_products .product_info .product_description{
		height:99px;
		position:absolute;
		left:160px;
		top:30px;
	}
	.image_product{
		width:100%;
		float:none;
		margin-bottom:10px;
	}
	.gift_detail p{
		width:70%;
		padding-top:0;
	}
	#product-slider {
		width: 100%;
		position: relative;	
		text-align:center;
		background-color:#fff;
		height: 300px;
	}
	#product-slider img {
		max-width: 100% !important;
		height:300px !important;
	}
	.infomation{
		width:100%;
		float:none;
	}
	.hometext{
		height:auto;
		overflow-x:hidden;
	}
	ul.tin_moi li img{
		width:80px;
	}
	div.post-title{
		font-size:16px;
		line-height:18px;
	}
	.wrapper_footer{
		width:90%;
		margin:0 auto;
	}
	.footer1{
		width:100%;
		float:none;
		margin-right:0;
		margin-bottom:20px;
	}
	.footer2{
		width:100%;
		float:none;
	}
	.footer3{
		width:100%;
		float:none;
	}
	.callbacks .caption{
		padding:5px 20px;
		font-size:15px;
	}
	.callbacks_tabs{
		bottom:1px;
	}
	ul.slimmenu li a{
		padding: 7px 16px 7px 16px;
	}
	.view_all{
		display:none;
	}
	.img_news{
		width:30%;
		display:none;
	}
	.description_news{
		width:100%;
		float:none;
		margin-bottom:15px;
	}
	ul.slimmenu.collapsed li .sub-collapser{
		height:35px;
	}
	ul.slimmenu li .sub-collapser{
		right:8px;
		background-color:#50ADA8;
		width:36px;
		border-radius:50%;
	}
	ul.slimmenu li .sub-collapser::before{
		margin-right:0;
		
	}
	ul.slimmenu li .sub-collapser > i {
		color: #FFFFFF;
		font-size: 28px;
		display: inline-block;
		vertical-align: middle;
	}
	ul.slimmenu li > ul{
		border:none;
		box-shadow:none;
	}
	#tooltip{
		display:none !important;
	}
	.review1{
		width:100%;
		float:none;
		margin-bottom:20px;
	}
	.products .product_info .info_link{
		height:30px;
		line-height:30px;
	}
	.products .product_info .btn_cart{
		width:100px;
		height:30px;
		line-height:30px;
	}
	.products .product_info .btn_detail{
		width:100px;
		height:30px;
		line-height:30px;
	}
	#search_form_shops .input_search{
		margin-bottom:10px;
	}
	#search_form_shops .input_search input{
		width:200px;
	}
	#search_form_shops .btn_search{
		padding: 7px 20px;
	}
	#sort{
		width:100%;
	}
	.cart_back{
		margin-bottom:20px;
	}
	table tr td{
		padding:5px;
	}
	.TabViews .Tabs a{
		padding: 0 5px;
	}
	.row_search input{
		width:93%;
	}
	.row_search50 input{
		width:85%;
	}
	.thanhtoan{
		padding:3px 0px;
	}
	.inhoadon{
		padding:3px 0px;
	}
	.left_bottom_content{
		width:100%;
		float:none;
	}
	.right_bottom_content{
		width:100%;
		float:none;
	}
	.products .product_info .btn_cart{
		float:none;
	}
	.products .product_info .btn_detail{
		display:none;
	}
	.products .product_info .content_price{
		height:auto;
		text-align:center;
		line-height: 20px;
		margin:5px 0;
	}
	.products .product_info .content_price del{
		margin-right:0;
		display:block;
	}
	.products .product_info .content_price span{
		display:block;
	}
	.mobile_none{
		display:none
	}
}