@media only screen and (max-width: 767px) {
  html body #page .myheader .navigate_bar .logo-wrapper #site_logo {
    width: 100%;
  }
}

@media only screen and (max-width: 479px) {
  .page-banner {
    display: block;
  }
}

@media only screen and (max-width: 479px) {
  	body .product_wraper.container .product {
  		max-width: 50% !important;
      	width: 100% !important;
      	padding: 0 !important;
	}
  
  	body.page-category .product_wraper.container, body .product_wraper.container, html body .page-product-detail .product_wraper.container {
  		grid-gap: initial !important;
	}
  
  	.product .productBody,
  	.product3 {
  		border-radius: 0 !important;
      	min-width: initial !important;
	}
  
  	.product .productPriceBox form,
  	.product3 .product3PriceBox form {
  		flex-wrap: wrap;
	}
  
  	.product .productPriceBox form .input-spinner-group,
  	.product3 .product3PriceBox form .input-spinner-group {
  		width: 100%;
  		margin: 0 0 .5rem 0;
	}
  
  	.product .productPriceBox .prKs,
  	.product3 .product3PriceBox .prKs {
  		max-width: initial;
	}
  
  	.product .productPriceBox .buy_btn,
  	.product3 .product3PriceBox .buy_btn {
  		width: 100%;
	}
  
  	.product .productPriceBox {
  		margin-top: 0.3rem;
	}
  
  	.product .productBody .productTitle a {
  		font-size: .9rem;
      	min-width: initial;
	}
  
  	.product .productPriceBox .productPrice {
  		text-align: left;
	}
  
  	.product .productPriceBox #star-system {
  		justify-content: flex-start;
  		margin-top: 1rem;
      	margin-bottom: .3rem;
	}
  
  	.product .productPriceBox .productPrice,
  	.product3 .product3PriceBox .product3Price {
  		max-width: 100%;
  		flex: 0 0 100%;
  		text-align: left;
  		margin: 0.3rem 0 0 0 !important;
	}
  
  	html body .product3Price > font {
 		float: none;     
  	}
  
  	.product3PriceBox div:not(.productPriceSmall) span {
  		text-align: left;
  	}
  
  	.products_wrap.full .product .img_box, #centerpage .action-box .product3ImageBox {
  		min-height: 200px;
	}
}