@media only screen and (min-width: 1025px) and (max-width: 1169px){

}
@media only screen and (min-width: 768px) and (max-width: 1024px){
	#banner-home {
	    display: none;
	}
	.wrap{
		width: 95%;
		margin: 0 auto;
	}
	.title-home:before {
	    position: unset; 
	}
	.title-home {
	    font-size: 20px;
	}
	.product-item{
		width: 32%;
	}
	.product-item:nth-child(4n+4) {
	    float: left;
	}
	.product-item:nth-child(3n+3){
		float: right;
	}
	.product-item:nth-child(4n+2) {
	    margin: 0;
	}
	.product-item .action {
	    display: none;
	}
	.product-item:nth-child(3n+2){
		margin: 0 2%;
	}
	#products-new .product-item:nth-child(4){
		display: none;
	}
	#products-new .product-item:nth-child(8){
		display: none;
	}
	.news-item-home {
	    width: 32%;
	    height: auto; 
	}
	.news-item-home img {
	     height: auto; 
	}
	.news-item-home:nth-child(2) {
	    margin: 0 2%;
	}
	.news-item-home .infomation {
	    bottom: 10px;
	}
	#subscribe-email .left, #subscribe-email .right {
	    width: 100%;
	}
	#subscribe-email .left p {
	    text-align: center;
	    float: unset; 
	    line-height: 20px;
	    font-size: 18px;
	    padding-right: 0; 
	    padding-top: 30px;
	}
	#subscribe-email .right {
	    padding-top: 15px;
	}
	#subscribe-email input {
	    width: calc(100% - 200px);
	    margin-left: 40px;
	}
	#footer .col {
	    width: 100%;
	    padding-top: 20px;
	}
	#category .products {
	    width: 100%;
	    float: left;
	}
	#category .sidebar {
	    width: 100%;
	    float: left;
	}
	#detail .left {
	    width: 360px;
	    float: left;
	}
	#detail .right {
	    width: calc(100% - 360px);
	}
	#detail .image-product {
	    height: 400px;
	}
	#detail .image-product img {
	    max-height: 400px;
	}
	#detail .state {
	     padding-left: 0; 
	    clear: both;
	}
	#detail .right .action {
	    margin: 0px 0 15px 0px;
	}
	#detail .amount {
	    margin: 25px 0 10px;
	}
	#detail {
	    margin: 10px 0 0;
	}
	#popup-cart {
	    width: 770px;
	}
	#orders table {
	    width: 1170px!important;
	}
	#orders .content {
	    overflow-y: scroll;
	}
	.payments .left {
	    width: 100%;
	}
	.payments .right {
	    width: 100%;
	}
	.payments .info {
	    width: 100%;
	}
	.payments .payments-info {
	    margin: 0 0 0 0;
	}
	.content-news {
	    width: 100%;
	}
	.news-item .image {
	    width: 280px;
	}
	.news-item .infomation {
	    width: calc(100% - 300px);
	}
	.sidebar-news {
	    width: 50%;
	    float: left;
	    margin-top: 20px;
	}
	#category-news {
	    margin: 10px 0;
	}
	#contacts .left {
	    width: 100%;
	}
	#contacts .right {
	    width: 100%;
	}
}
@media only screen and (max-width: 767px){
	.wrap{
		width: 95%;
		margin: 0 auto;
	}
	#slides i {
	    font-size: 20px;
	}
	.product-item {
	    width: 48%;
	}
	#banner-home {
	    display: none;
	}
	.product-item:nth-child(2n+2){
		float: right;
	}
	.product-item:nth-child(4n+2) {
	    margin: 0;
	}
	#footer .col2 {
	    margin: 0;
	}
	#footer .col {
	    width: 100%;
	    margin-bottom: 30px;
	}
	#footer .subscribe-email a {
	    float: left;
	}
	#footer input {
	    width: 200px;
	}
	#footer .col1 img {
	    width: auto;
	}
	#category .products {
	    width: 100%;
	    float: left;
	    margin-top: 20px;
	}
	#category .sidebar {
	    width: 100%;
	    float: left;
	    margin-top: 20px;
	}
	.info-breadcrumb{
	    display: none;
	}
	#detail .left {
	    width: 100%;
	}
	#detail .image-product {
	    height: 440px;
	}
	#detail .slides-product li img {
	    max-height: 90px;
	}
	#detail .image-product img {
	    max-height: 440px;
	}
	#detail .right {
	    width: 100%;
	}
	#detail .right h1 {
	    font-size: 20px;
	}
	#detail .right .price {
	    font-size: 20px;
	}
	.news-item {
	    width: 100%;
	}
	div#news-category {
	    margin-top: 20px;
	}
	.content-news {
	    width: 100%;
	}
	.sidebar-news {
	    width: 100%;
	    float: left;
	}
	.info-customer .left {
	    width: 100%;
	}
	.info-customer .right {
	    width: 100%;
	    margin-top: 20px;
	}
	.info-customer input[type="text"] {
	    width: 100%;
	}
	#order-step2 {
	    margin-top: 20px;
	}
	.payments .left {
	    width: 100%;
	}
	.payments .right {
	    width: 100%;
	}
	.payments .info {
	    width: 100%;
	}
	.payments .payments-info {
	    margin: 0 0 0 0;
	}
	.product-item .action {
	    display: none;
	}
	#products-new .content {
	    margin-top: 0;
	}
	#subscribe-email .left, #subscribe-email .right {
	    width: 100%;
	}
	#subscribe-email .left p {
	    text-align: center;
	    float: unset; 
	    line-height: 20px;
	    font-size: 18px;
	    padding-right: 0; 
	    padding-top: 30px;
	}
	#subscribe-email .right {
	    padding-top: 15px;
	}
	#subscribe-email input {
	    width: calc(100% - 200px);
	    margin-left: 40px;
	}
	#footer .col {
	    padding-top: -0;
	    margin-bottom: 20px;
	}
	#footer .col1 {
	    padding-right: 0; 
	}
	.title-home:before {
	    position: unset; 
	}
	.news-item-home {
	    width: 90%;
	    height: auto; 
	    margin-left: 5%;
	}
	.news-item-home:nth-child(2) {
	    margin: 20px 5%;
	}
	.news-item-home .infomation {
	    bottom: 10px;
	}
	.news-item-home img {
	     height: auto; 
	}
	#category {
	    margin: 0;
	}
	#detail .right {
	    width: 100%;
	     padding-left: 0; 
	}
	#category-news {
	    margin: 10px 0 0;
	}
	#detail-news {
	    margin: 10px 0 0;
	}
	#subscribe-email {
	    margin-top: 30px;
	}
	#contacts .left {
	    width: 100%;
	}
	#contacts .right {
	    width: 100%;
	    padding-left: 0;
	    margin-top: 20px;
	}
	#contacts .right iframe {
	    height: 350px;
	}
	#contacts {
	    margin: 10px 0 0;
	}
	#contacts .left h1.title {
	    padding-bottom: 10px;
	}
	#orders table {
	    width: 1000px!important;
	}
	#orders .content {
	    overflow-y: scroll;
	}
	#breadcrumb {
	    padding: 10px 0;
	}
	#breadcrumb .crumb_item {
	    line-height: 22px;
	}
}
@media only screen and (max-width: 480px){
	#orders .action a {
	    padding: 7px 15px!important;
	    font-size: 12px;
	}
	.news-item .image {
	    width: 100%;
	}
	.news-item .infomation {
	    width: 100%;
	    padding-top: 15px;
	}
	#detail .price-old {
	    padding: 0px 0 0 20px;
	}
	#detail .right .action a {
	    height: 35px;
	    line-height: 35px;
	}
	#detail .right .action {
	    width: 170px;
	}
	#detail .content-detail .title {
	    height: 35px;
	    line-height: 35px;
	}
	#subscribe-email input {
	    width: calc(100% - 120px);
	    margin-left: 0;
	}
	.news-item-home {
	    width: 90%;
	    height: auto; 
	    margin-left: 5%;
	}
	.news-item-home:nth-child(2) {
	    margin: 20px 5%;
	}
	.news-item-home .infomation {
	    bottom: 10px;
	}
	#news-new .content {
	    margin-top: 0; 
	}
	.news-item-home img {
	     height: auto; 
	}
	.title-home:before {
	    position: unset; 
	}
	.title-home {
	    font-size: 20px;
	}
	#products-new {
	    margin-top: 21px;
	}
	.item-popup .item-image {
	    display: none;
	}
	#popup-cart {
	    width: 400px!important;
	}
	.item-popup .item-info {
	    width: 50%!important;
	}
	.thead-popup div:nth-child(1) {
		width: 50%!important;
	}
	.thead-popup div:nth-child(4) {
		width: 20%!important;
	}
	.item-popup .cart-price {
	    width: 20%;
	}
	.item-popup .item-amount {
	    padding: 10px 0px 0 15px;
	}
	#detail-comment-tab {
	    border-bottom: none!important; 
	}
	#detail .action {
	    margin: 25px 0 25px 0px;
	}
	#detail .amount {
	    width: 110px;
	}
	input.number-product {
	    width: 35px;
	    height: 35px;
	}
	.tru {
	    width: 35px;
	    height: 35px;
	    line-height: 35px;
	}
	.cong {
	    width: 35px;
	    height: 35px;
	    line-height: 35px;
	}
	#detail .slides-product li {
	    width: 90%!important;
	}
	#detail #show-img {
	    max-height: 340px;
	}
	#detail .show {
	    height: 350px;
	}
	#breadcrumb {
	    padding: 10px 0;
	}
	#breadcrumb .crumb_item {
	    line-height: 22px;
	}
	#footer-bottom {
		height: auto;
		padding: 15px 0;
	}
	#footer-bottom .left {
	    width: 100%;
	}
	#footer-bottom p {
	    line-height: 22px;
	    text-align: center;
	}
	#footer-bottom .right {
	    display: none;
	}
	#footer {
	     padding-bottom: 0; 
	}
	.wrap{
		width: 95%;
		margin: 0 auto;
	}
	#top-web .left, #top-web .right {
	    width: 100%;
	}
	#top-web .right{
		display: none;
	}
	#slides .image-next {
	    width: 30px;
	    right: 20px;
	}
	#slides .image-prev {
	    width: 30px;
	    left: 20px;
	}
	#banner {
	    display: none;
	}
	.product-item {
	    width: 48%;
	}
	.product-item:nth-child(2n+2){
		float: right;
	}
	.product-item:nth-child(4n+2) {
	    margin: 0;
	}
	#footer .col2 {
	    margin: 0;
	}
	#footer .col {
	    width: 100%;
	    margin-bottom: 30px;
	}
	#footer .subscribe-email a {
	    float: left;
	}
	#footer input {
	    width: 200px;
	}
	#footer .col1 img {
	    width: auto;
	}
	.product-item .image {
	    height: 250px;
	}
	.product-item img {
	    max-height: 250px;
	}
	#category .products {
	    width: 100%;
	    float: left;
	    margin-top: 20px;
	}
	#category .sidebar {
	    width: 100%;
	    float: left;
	    margin-top: 20px;
	}
	.info-breadcrumb{
	    display: none;
	}
	#detail .left {
	    width: 100%;
	}
	#detail .image-product {
	    height: 360px;
	}
	#detail .image-product img {
	    max-height: 350px;
	}
	#detail .right {
	    width: 100%;
	}
	#detail .right h1 {
	    font-size: 20px;
	    text-transform: uppercase;
	    font-weight: bold;
	}
	#detail .right .price {
	    font-size: 20px;
	}
	.news-item {
	    width: 100%;
	}
	div#news-category {
	    margin-top: 20px;
	}
	.content-news {
	    width: 100%;
	}
	.sidebar-news {
	    width: 100%;
	    float: left;
	    margin-top: 20px;
	}
	.info-customer .left {
	    width: 100%;
	}
	.info-customer .right {
	    width: 100%;
	    margin-top: 20px;
	}
	.info-customer input[type="text"] {
	    width: 100%;
	}
	#order-step2 {
	    margin-top: 20px;
	}
	.payments .left {
	    width: 100%;
	}
	.payments .right {
	    width: 100%;
	}
	.payments .info {
	    width: 100%;
	}
	.payments .payments-info {
	    margin: 0 0 0 0;
	}
	.news-sidebar-item {
	    width: 80%;
	    float: left;
	    padding: 10px 0;
	}
}
@media only screen and (max-width: 400px){
	#popup-cart {
	    width: 350px!important;
	}
}
@media only screen and (max-width: 375px){
	.product-item .image {
	    height: 220px;
	}
	.product-item img {
	    max-height: 220px;
	}
	#detail .image-product {
	    width: calc(100% - 60px);
	    height: 380px;
	}
	#detail .image-product img {
	    max-height: 380px;
	}

}
@media only screen and (max-width: 320px){

}