@-ms-viewport {
  width: device-width;
}

@viewport {
  width: device-width;
}
  
@media screen and (max-width:1366px){

}

@media screen and (max-width:1314px){


}
@media screen and (max-width:1200px){

}
@media screen and (max-width:1199px){
	.menu-content .navbar-nav > li > a {
		padding: 10px 5px;
		font-size:12px;
	}
	.show-lg{display: none !important;}
	.support_top{text-align: center;}
	.col-xs-15 {
		width: 25%;
		float: left;
	}
	.slideshow-element{

		width: 90%;
	}
	.box-products .box-product-content .box-product-adv{display: none;}
	.box-products .box-product-content .box-product-list{width:100%;}
	.box-products .box-product-content .box-product-list{margin-left: -5px;		margin-right: -5px;}
}


@media screen and (max-width:991px){
	.slideshow-element{

		width: 89%;
	}
	.box-vertical-megamenus .vertical-menu-list{min-height: inherit;}
	.col-xs-15 {
		width: 33.333%;

	}
	.img-video-home{text-align: center;}

	.contact-social{padding-left:0px;}
	#Header .navbar-nav > li + li {
		margin: 0 0 0 25px
	}

	#Header .navbar-nav > li > .sub-nav {
		width: 600px
	}
	.home-product{width: 33%;float: left;}
	.search-wrapper .control .cat-select select{width:80px;}
	.search-wrapper .control .cat-select {

		width: 80px;
	}
}



@media screen and (max-width:768px) {
	.hotnews{display: none;}
	.box-tabs{display: none;}
	.box-products .box-product-content .box-product-adv {
		display: none;
	}
	.box-products .box-product-content .box-product-list {
		width: 100%;
		margin: 0;
	}
	.box-vertical-megamenus .title{margin-bottom: 0px;margin-top: 10px;}
	.navbar-default {

		padding-top: 10px;
	}

	.img_logo{text-align: center;}

	/*** menu ***/
	#Header .navbar-collapse {
		background: #fff;
		float: none;
		position: absolute;
		left: 0;
		top: 60px;
		width: 100%;
		margin: 0;
		border: none;
	}
	#Header .navbar-nav > li {
		border-bottom: 1px solid #edeae6;
		padding: 0
	}

	#Header .navbar-nav > li > a {
		padding: 10px
	}

	#Header .navbar-nav > li.has-sub > a {
		background: 0 0;
		position: relative
	}

	#Header .navbar-nav > li.has-sub > a:after {
		content: "";
		position: absolute;
		right: 17px;
		top: 13px;
		background: url(../images/ico_menu.png) center center no-repeat;
		background-size: 12px;
		width: 12px;
		height: 10px
	}

	#Header .navbar-nav > li > .sub-nav {
		background: #fff;
		border: none;
		position: static;
		box-shadow: none;
		width: auto
	}

	#Header .navbar-nav > li > .sub-nav > ul {
		max-width: inherit;
		border: none
	}

	#Header .navbar-nav > li > .sub-nav > ul li .s-sub-nav {
		position: static;
		height: auto !important;
		max-width: inherit
	}

	#Header .navbar-nav > li > .sub-nav > ul li .s-sub-nav li {
		padding-left: 20px
	}

	#Header .navbar-nav > li > .sub-nav > ul li .s-sub-nav li a {
		padding: 0
	}

	#Header .navbar-nav > li > .sub-nav > ul li .s-sub-nav li:active a, #Header .navbar-nav > li > .sub-nav > ul li .s-sub-nav li:focus a, #Header .navbar-nav > li > .sub-nav > ul li .s-sub-nav li:hover a {
		padding-left: 20px
	}

	#Header .navbar-nav > li > .sub-nav > ul li .s-sub-nav li:last-child a {
		padding-top: 10px;
		padding-bottom: 10px
	}

	#Header .navbar-nav > li > .sub-nav > ul .has-s-sub.active > a {
		background: url(../images/ico_detail.png) 0 3px no-repeat;
		color: #22b24c;
		padding-left: 20px;
		background-size: 9px
	}

	#Header .navbar-nav > li > .sub-nav > ul .has-s-sub.active > a:after {
		-webkit-transform: rotate(90deg);
		-moz-transform: rotate(90deg);
		-ms-transform: rotate(90deg);
		-o-transform: rotate(90deg)
	}

	#Header .navbar-nav > li + li {
		margin: 0
	}
	.hidden-nav{display: none;}
    .item-group .btn-log-reg{margin-bottom: 10px;}
    .title-login{padding-left: 25px;}

    /*** list invoice ***/
     .box-gray .invoice-list .list-item {
        border: 1px solid #eee;
        background: #fff;
        border-radius: 3px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        -o-border-radius: 3px;
        padding: 8px 10px;
    }
   .box-gray .invoice-list .list-item+.list-item {
        margin: 20px 0 0;
    }
    .cart-list .cart-item .img-cart img {
        border: 1px solid #efefef;
        width: 100%;
    }
     .cart-list .cart-item .item-wrap>[class*=col-] {
        display: block;
        float: none;
        vertical-align: middle;
        width: 100%;
        margin-bottom: 10px;
    }
     .cart-list{padding: 15px;}
    .cart-list .title-bar {
        display: none;
    }
    .cart-list .list-item .prize {
        padding: 10px 0 0;
        text-align: left;
    }
}


@media screen and (max-width:575px){
	.text-center{

		clear:both;
	}
    .box-gray .box-log {
        padding: 15px 10px;
    }
    .box-gray .box-log .nav-tabs li a {
        width: 120px;
        font-size: 13px;
    }
   .box-gray .box-log .nav-tabs li.active a span {
        background-size: 10px;
        background-position: 0 7px;
    }
   .product-special-home .nav-tabs > li{float: none;}
}

@media screen and (max-width:521px){
	.tab-content .col-xs-4{width: 50%;}
	.col-xs-15 {
		width: 50%;

	}
	.home-product{width: 50%;float: left;}

}
@media screen and (max-width:460px){

}
@media screen and (max-width:320px){
	.col-xs-15 {
		width: 100%;

	}
	.tab-content .col-xs-4{width: 100%;}

}
@media screen and (min-width: 768px) {

	.dropdown:hover .dropdown-menu {
		display: block;
	}
}