/***********************/
/****** DESKTOP *******/
/***********************/
@media only screen and (max-width: 1200px){
	.SlideMETRO{
		width: 100%;
	}
	.SlideMETRO1{
		display: none;
	}
	.alwayontop{
		display: none;
	}
	#top{
		top: 0;
	}
	#slideshow {
    padding-top: 70px;
}
div.main_menu li {
    max-width: 280px;
    }
	.width16.floatleft {
		width: 25%;
		padding: 0 23px;
	}
	.browseProductImage, .vmgroup img {
		height: auto;
		width: auto;
	}
	.width25.floatleft {
		margin: 0;
		width: 25%;
	}
	.banner {
		display: block;
	}
	.bannerManu{
		width: 100%;
	}
	.CategoryR {
		width: 100%;
	}
	.Responsive2 {
		width: 92%;
	}
	.Responsive6 {
		width: 26%;
	}
}
/***********************/
/** DESKTOP NORMAL **/
/***********************/
@media only screen and (max-width: 1100px){
	.k2Pagination ul li .pagenav, .pagination ul li .pagenav {
		font-size: x-large;
	}
	#jf_logo, .main_menu_box {
		float: none;
	}
	.main_menu_box {
		padding-top: 0;
		margin-bottom: 5px;
		width: 100%;
		display: block;
	}
	#navbutton {
		display: block;
	}
	.main_menu {
		display: none;
		padding: 0;
		float: none;
	}
	.main_menu li a{
		color: #fff !important;
		text-shadow: 0 0 0 #fff !important;
	}
	div.main_menu li {
		width: 100%;
		float: none;
		padding: 5px 10px;
		margin: auto;
	}
	div.main_menu li a, div.main_menu li span.separator {
		font-size: 18px;
		padding: 3px 0;
	}
	div.main_menu li ul {
		position: static;
		width: auto;
		background: none;
		border: none;
		margin: 0;
		padding: 0;
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		box-shadow: none;
	}
	div.main_menu li:hover ul {
		left: auto;
		top: auto;
		width: auto;
	}
	div.main_menu li ul li {
		border: none;
		width: auto;
	}
	div.main_menu li ul li a, div.main_menu li ul li span.separator {
		border-bottom: 1px solid #EDEDED;
		padding: 3px 0;
		width: max-content;
		margin: auto;
	}
	#submenu ul, #submenu ul li, #k2-menu-container ul#filters, #k2-menu-container li {
		float: none;
	}
	#submenu ul li:first-child, #k2-menu-container li:first-child {
		background: url(../images/k2-menu-container-separator.png) no-repeat scroll 15px 22px;
	}
	.jfprev_button, .jfnext_button {
		display: none;
	}
	.jflabel_skitter {
		left: 0 !important;
		top: 0 !important;
	}
	#search {
		padding: 0;
		float: none;
		margin-top: 3px;
	}
	.slidedescription {
		max-width: 100%;
		margin: 0 !important;
		padding: 0 !important;
	}
	div.catItemCommentsLink {
		margin-bottom: 10px;
	}
	div.c-bottom1, div.c-bottom2, div.c-bottom3 {
		float: none;
		width: 100% !important;
	}
	div#left, div#cholder-l {
		border-left: medium none;
		float: none;
		padding: 0;
		width: 100%;
	}
	div.cholder-inner {
		border-left: none;
		margin: 0;
		padding: 0;
	}
	div#right {
		width: calc(100vw - 20px) !important;
		margin: 0 10px;
	}
	.vm-product-container .vm-product-media-container{
		width: 100%;
	}
	.backToTop {
		position: static;
		margin-left: 0 !important;
	}
	#google-map {
		float: none;
		width: 100%;
		margin: 27px 0 0;
	}
	#jform_contact_message {
		width: 240px;
	}
	#bot .user {
		float: none;
		padding: 0;
		width: auto !important;
	}
	.user1, .user2, .user3, .user4, .user5, .user6 {
		background: none;
	}
	.user2 > div, .user5 > div, .user3 > div, .user6 > div {
		padding: 0 3px;
	}
	.moduletablebanner{
		display: none;
	}
	.QR{
		display: none;
	}
	.SlideMETRO{
		display: none;
	}
	.browseProductImage, .vmgroup img{
		height: auto;
		width: 100%;
	}
	.nspArts, .nspLinksWrap{
		padding: 0;
	}
	div#left{
		border-radius: 0;
	}
	.visitorcounter{
		display: none;
	}
	.width16.floatleft{
		width: 33%;
		margin: 0;
		padding: 0;
	}
	.width20.floatleft{
		width: 50%;
	}
	.width25.floatleft{
		width: 25%;
		margin: 0;
	}
	.width33.floatleft{
		width: 100%;
	} 
	.width50.floatleft{
		width: 50%;
		padding: 0;
		margin: 0;
	}
	.moduletablebanner img{
		width: 100%;
	}
	.vm-order-list{
		float: none;
		text-align: center;
		padding-bottom: 30px;
	}
	div.spacer {
		display: grid;
	}
}
/***********************/
/******* TABLET *******/
/***********************/
@media only screen and (max-width: 1024px){
	ul.nav.menu.mod-list {
		text-align: center;
	}
	.jflabel_skitter {
		left: 15% !important;
		position: absolute;
		top: 25% !important;
	}
	#google-map {
		float: none;
		width: 100%;
	}
	#jform_contact_message {
		max-width: 100%;
		width: auto;
		padding: 5px;
	}
	span.catItemImage img, span.userItemImage img, span.tagItemImage img, .blog .item img {
		max-width: 370px;
	}
	div.catItemLinks, div.userItemLinks, div.tagItemLinks {
		margin: 0 0 30px;
	}
	.items-row {
		margin-bottom: 20px !important;
		padding-bottom: 20px;
	}
	.rotate h1 a {
		color: #717376;
		text-decoration: none;
	}
	div.spacer {
		display: grid;
	}
	.width16.floatleft {
		width: 33.33%;
	}
	.width25.floatleft {
		width: 25%;
	}
	.vm-col-6 {
		width: 33.3%;
	}
	.product.vm-col {
		min-height: 410px;
	}
	.vm-product-LEFT {
		display: block;
		width: 100%;
		float: none;
	}
	.vm-product-RIGHT {
		display: block;
		width: 100%;
		float: none;
	}
}
/***********************/
/******* MOBILE *******/
/***********************/
@media only screen and (max-width: 480px){ 
	.browseProductImage, .vmgroup img {
		max-width: 100%;
	}
	.pull-right.item-image {
		float: none;
		margin: 0 0 15px;
		text-align: center;
	}
	.jfprev_button, .jfnext_button {
		display: none;
	}
	.jflabel_skitter {
		left: 0 !important;
		top: 20% !important;
	}
	.MobileOnly{
		display: block;
	}
	.avatar{
		margin: 1px;
	}
	.avatarC {
		padding-top: 0;
		display: inline-block;
		width: 50px;
		height: auto;
		padding-left: 10px;
	}
	.banner{
		display: block;
	}
	.bannerManu{
		width: 100%;
	}
	.bannerManu img{
		border-radius: 20px;
		max-width: calc(100% - 20px);
	}
	.category_description{
		display: none;
	}
	div.product {
		width: 50%;
	}
	.CategoryR{
		width: 100%;
	}
	.width16.floatleft{
		width: 50%;
		min-height: 330px;
	}
	.width20.floatleft{
		width: 50%;
	}
	.width33.floatleft{
		width: 50%;
	} 
	.width25.floatleft {
		width: 50%;
		margin: 0;
	}
	.spacer {
		margin: 6px;
	}
	.product.vm-col {
		min-height: 350px;
	}
	.vm-product-container {
		width: fit-content;
		float: none;
	}
	#slideshow .sj-vm-filter .ft-wrap .ft-group {
		display: block;
	}
	#slideshow .ft-group.ft-open{
		max-height: 220px;
	}
	#slideshow .ft-heading {
		width: 100%;
	}
	.vm-btn.vm-btn-primary{
		width: 95%;
	}
	.vm-btn.vm-btn-secondary {
		width: 95%;
	}
	.uudaithanhvien img{
		width: calc(100% - 6px);
	}
	.TEXT3D img{
		width: 100%;
		margin: 10px 0;
	}
	footer > ul li { float: none; width: auto; }
}