﻿/*
	CR Team - Professional Web Designer
*/
@-ms-viewport {
  width: device-width;
}

@media screen and (max-width: 400px) {
  @-ms-viewport {
    width: 320px;
  }
}
.hidden {
  display: none !important;
  visibility: hidden !important;
}
@media (min-width: 1200px) {
	#contents {
		padding-top: 135px;
	}
	#contents.cart_info{
		padding-top: 30px;
	}
	#contents.video-page {
		padding-top: 0;
	}
}
@media (max-width: 1199px) {
	.sale-schedule-wapper .container {width: auto;}
	#home-page .sale-schedule-wapper .sale-items-wrapper .sale-item.go-to-shop>.wrapper-link-go-to-shop .arrow-right {display: block;margin: 5px auto;}
	.page-aboutus .intro h2 {
		font-size: 36px;
	}
	.about_us_logo {
		max-width: 190px
	}
	.paragraph p {
		font-size: 16px;
		line-height: 20px;
	}
}
@media (min-width: 1200px) and (max-width: 1388px) {
	
}
@media (min-width: 992px) and (max-width: 1280px) {
	#contents {
		padding-top: 0px;
	}
}
@media (min-width: 1200px) and (max-width: 1430px) {
	.col-hotline {display: none;}
	.col-features {width: 100%;}
}
@media (max-width: 1430px) {
	.video-page .inner {
		height: 400px;
	}
	.wrap-main {
		background:#fed700;
	}
}
@media (max-width: 768px) {
	#home-page .sale-schedule-wapper {
		padding: 30px 0;
	}
	.blog-page .inner {
		padding: 15px 0 30px 0;
	}
	.item-product {
		padding-left: 5px;
		padding-right: 5px;
	}
	#footer-com {
		padding: 0;
	}
	.owl-3-article .owl-stage {
		right: 30px;
	}
	.sale-schedule-wapper .row.products-w,.product-list .row.products-w,.row-condensed {
		margin-left: -5px;
		margin-right:-5px;
	}
	.col-order-3 {
		padding-top: 10px;
	}
	.col-order-4 {
		padding-top: 15px;
	}
	.col-order-5 {
		padding: 15px;
	}
	.row-total-price b {
		display: block;
	}
	.blog-page .title {
		margin: 0 0 5px 0;
		color: #dcdcdc;
		font-size: 26px;
		line-height: 1.3;
	}
	.artkey-product-title, .artkey-product-price {
		height: auto;
	}
}
@media (min-width: 600px) {
	.modal-dialog {
		max-width: 600px;
	}
}
@media (max-width: 1024px) and (min-width: 768px) {
	#main-menu .navbar-collapse.collapse.show {
		display: block;
	}
}
@media (max-width: 1199px) {
	
}
@media (max-width: 479px) {
	body {
		background-size: auto;
	}
	.slick-arrow {
		display: none !important;
	}
	.blog-list-scrollable {
		/* margin-left: -15px; */
		/* margin-right: -15px; */
	}
	.paragraph p,p.paragraph {
		line-height: 1.6;
	}
	.page-aboutus .intro {
		padding-left: 15px;
		border-left: 3px solid #d33833;
	}
	.page-aboutus .content {
		padding: 0;
	}
	.page-aboutus.page-gallery .content {
		padding: 15px 0;
	}
	.page-aboutus .intro h2 {
		font-size: 18px
	}
	.about_us_logo {
		max-width: 190px
	}
	.page-aboutus .container {
		padding: 0;
	}
	.page-aboutus .container .inner {
		padding: 15px;
	}
	.paragraph p {
		font-size: 16px;
		line-height: 20px;
	}
	.product_tabs h1, .product_tabs h2, .product_tabs h3, .product_tabs h4, .product_tabs h5, .product_tabs h6 {
		color: #fff;
	}
	.page-policy 	.paragraph p {
		font-size: 16px;
		line-height: 1.6;
	}
	.top-block img {
		max-width: 36px;
	}
	.page-policy .sub-title {
		font-size: 20px;
	}
	.paragraph h4 {
		margin: 15px 0 10px;
	}
	.com-article-list .article-item .blog-title-w {
		padding: 15px 10px;
	}
	.com-article-list.list-article-blog .article-title {
		min-height: 43px;
		line-height: 1.2;
	}
	.com-article-list.blog-list.row {
		margin-left: -5px;
		margin-left: -5px;
	}
	.com-article-list.mode-list .article-item {
		margin-bottom: 10px;
	}
	.astra-shop-thumbnail-wrap {
		box-shadow: none;
		margin-bottom: 10px;
		border-radius: 5px;
		overflow: hidden;
	}
	.artkey-product-title, .artkey-product-price {
		font-size: 15px;
		line-height: 22px;
		display: block;
	}
	.thumb-summary-wrapper {
		height: auto;
		padding: 10px;
	}
	.yith-wcbm-badge-custom {
		font-size: 10px;
		height: auto;
		padding: 0px 10px;
	}
	.grid-photos.row {
		margin-left: 5px;
		margin-right: 5px;
	}
	#home-page .blog-wrapper-bg {
		background: none;
	}	
	.product-detail .modal-dialog {
		margin: 30px 0.5rem 100px;
	}
	.modal-content .close {
		top: -20px;
		right: 15px;
	}
	.flex-sm-column {
		flex-direction: column;
	}
	.input_promo,.cart-total .btn-cp {
		width: 100% !important;
	}
}