.modal .close{top: -5px;}

@media (max-width: 1199px) and (min-width: 992px){
	.head-block .phone b{
		display: block;
	}
	.call-btn{
		padding: 10px;
		margin-bottom: 5px;
	}
	.call-btn:after{
		display: none;		
	}
	.rel-menu a{
		margin-right: 0;
		width: 20%;
	}
	.rel-menu a img{
		max-width: 100%;
	}
	.header .cart{
		padding-top: 9px;
	}
	.header .cart:after{
		display: none;
	}	
	.pay-label .delivery-label span{
		left: 100px;
	}
	.delivery-label.label3 label:after, 
	.delivery-label.label4 label:after,
	.delivery-label.label5 label:after
	{
		left: 30px;
	}
	.all-label label img{
		max-width: 90%;
	}
	.all-label label:before{
		top: 11px;
	}
	.footer .socially a{
		margin-right: 2px;
		width: 20%;
	}
	.footer .socially a img{
		max-width: 100%;
	}
	.product-wrap .price{
		font-size: 27px;
		line-height: 10px;
	}
	.buy-link{
		font-size: 12px;
		white-space: nowrap;
	}
	.prod-promo .item{
		font-size: 10px;
	}
	.prod-benefits .item{
		font-size: 12px;
		line-height: 14px;
	}
	.main-menu > li > a{
		font-size: 13px;
	}
	.article-item p{
		height: 150px;
		overflow: hidden;
		text-overflow: ellipsis;		
		position: relative;
	}
	.article-item p:after{
		content: '';
		display: block;
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0;
		height: 50px;		
		background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 60%, rgba(255,255,255,1) 99%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 60%,rgba(255,255,255,1) 99%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 60%,rgba(255,255,255,1) 99%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */

	}
}

/*@media (max-width: 1199px) and (min-width: 992px){
	.main-slider{
		height: 266px;
	}
	.main-slider img{
		height: 100%;
		width: auto;
	}
}*/

@media (max-width: 991px) {
	.top-nav li a{
		padding-left: 5px;
		padding-right: 5px;
	}
	.user-nav a.reg{
		margin-left: 10px;
	}
	.head-ind{
		padding-top: 10px;
	}
	.head-block.text-right{
		text-align: left;
	}
	.head-block.contact{
		margin-left: 0;
	}
	.head-ind .head-block{
		margin-left: 0;
	}
	.price{
		font-size: 13px;
		white-space: nowrap;
	}
	.main-menu > li > a{
		font-size: 10px;
	}
	.main-slider{
		margin-bottom: 20px;
	}
	.agree{
		margin-top: 0;
	}
	.footer .head-block.time, 
	.footer .head-block.delivery{
		margin-left: 0;		
	}
	.f-menu{
		height: 120px;
	}	
	.footer .slogan{
		height: 57px;
	}
	.buy-btn.disabled{
		margin-left: 0;
		width: auto;
		min-width: auto;
		max-width: 100%;
		text-overflow: ellipsis;
		overflow: hidden;
		width: 100%;
	}
	.cart-table td .name{
		margin-top: 0;
	}
	.main-slider{
		margin-top: 0;
	}
	.footer .socially a{
		margin-right: 2px;
		width: 20%;
	}
	.footer .socially a img{
		max-width: 100%;
	}
	.header .logo{
		margin-top: 20px;
	}
	.act-ch label{
		padding-right: 0;
	}
	.act-ch label:after{
		right: -27px;
	}
	.act-ch label:before{
		right: -24px;
	}
	.article-item .title{
		font-size: 20px;
	}
	.article-item p{
		margin-bottom: 15px;
	}
	.article-item img{
		margin-bottom: 15px;
	}
	.comm-item .text p{
		height: auto;
	}
}

@media (max-width: 767px) {
	.head-top{
		text-align: center;
	}
	.slogan{
		margin-bottom: 10px;
	}
	.head-block{
		text-align: left;
		display: inline-block;
	}
	.head-block.payment,
	.head-block.contact,
	.head-block.time{
		margin-left: 0;
	}
	.head-block.payment{
		padding-top: 0;
	}
	.pay-menu img{
		margin-right: 5px;
	}
	.top-nav li{
		display: block;
	}
	.top-nav li a{
		padding: 5px;
	}
	.cat-item .img-wrp{
		height: auto;
	}
	.benefits-wrap .it4{
		background: #F3FCFB;
	}
	.benefits-wrap .it3{
		background: #E8F8F7;
	}
	.agree{
		margin-top: 0;
		margin-bottom: 5px;
	}
	.form-btn{
		margin-bottom: 5px;
	}
	.header .dropdown-menu{
		position: static;
		width: 100%;
	}
	.main-menu > li > a{
		font-size: 16px;
		padding: 8px;
		border-bottom: 1px solid #F3FCFB !important;
		margin-bottom: 0;
	}
	.main-menu > li:last-child > a{
		border-bottom: 0;
	}
	.main-menu > li > a:after{
		display: none;
	}
	.ftr-btm{
		text-align: center;
	}
	.head-btm{
		padding: 10px 15px;
		background: #33C6B6;
	}
	.header .collapse-btn{
		display: block;
		margin: 0;
		border: 1px solid #F3FCFB;
		width: 30px;
		height: 30px;
		padding: 5px;
		border-radius: 3px;
		background: none !important;
	}
	.header .collapse-btn span{
		display: block;
		width: 18px;
		height: 2px;
		margin-bottom: 3px;
		background: #F3FCFB;
	}
	.sort-row .text-center,
	.sort-row .text-right{
		text-align: center;
	}
	.owl-carousel .cat-item{
		margin-right: 0;
		float: none;
		width: 100%;
	}
	.prod-promo .item{
		height: 40px;
	}
	.prod-promo .item br{
		display: none;
	}
	.nav-tabs li a{
		width: auto;
		padding: 9px;
	}
	.tab-content{
		padding: 20px;
	}
	.tab-content .title{
		margin-bottom: 20px;
	}
	.comm-item .text-right{
		text-align: left;
	}
	.tab-container{
		margin-bottom: 0;
	}
	.btn-row .form-btn,
	.btn-row .pay-btn{
		width: 100%;
		margin-bottom: 5px;
	}
	.thumbs-wrap{
		margin-bottom: 20px;
	}
	.main-menu > li.has-menu a:before{
		display: none !important;
	}
	.logo-box{
		text-align: center;		
	}
	.ftr-top{
		padding-top: 0px;
	}
	.article-item{
		margin-bottom: 30px;
	}
	.article-nav a{
		margin-bottom: 15px;
	}
	.head-block.text-right{
		text-align: center;
	}
	.article-nav a{
		max-width: none;
	}
}

@media (max-width: 500px){
	.logo-box{
		width: 100%;
	}
	.logo img{
		max-width: 100%;
	}		
	.call-btn:after{
		display: none;
	}
	.head-block .phone b{
		display: block;
		font-size: 12px;
	}	
	.head-block.contact{
		display: none;
	}
	.head-block{
		display: block;
	}
	.head-block .note, .head-block .phone{
		/*display: none;*/
	}
	.head-block .call-btn{
		display: block;
		width: 100%;
		padding-left: 12px;
	}
	.hidden-head{
		width: 100%;
	}		
	.nav-tabs li a{
		padding: 5px;
		font-size: 11px;
	}
	.owl-prev, .owl-next{
		width: 25px;		
	}
	.owlnav{
		margin-top: -9px;
	}
	.delivery-label b{
		font-size: 13px;
	}	
	.article-nav a{
		height: 40px;
		overflow: hidden;
	}
}

@media screen and (max-width: 600px) {	
	table#cart thead { display: none; }
	table#cart tbody td { display: block; padding: .6rem; /* min-width:320px; */ text-align: right;}
	table#cart tbody tr td:first-child { text-align: left;}
	table#cart tbody tr td:first-child br{
		display: none;
	}
	table#cart tbody td:before {
		content: attr(data-th);
		display: inline-block; 
		margin-right: 10px;
	}	
	table#cart tfoot td{display:block; }
	table#cart tfoot td .btn{display:block;}
	.sort-row > div{
		width: 100% !important;
		margin-bottom: 10px;
	}
	.ftr-top .cos-xs-2{
		width: 100% !important;
		text-align: center;
	}			
	.ftr-hidden{
		display: none;
	}
	.footer .socially a{
		width: auto;		
	}
	.footer .head-block{
		text-align: center;
	}
	table td{
		font-size: 11px;
		padding: 5px;
	}
	.prod-benefits{
		display: none;
	}
	.product-nav-box{
		display: none;
	}
	.base-btn{
		min-width: auto;
	}
	.buy-btn, .base-btn{
		font-size: 11px;
	}
	.nav-tabs>li{
		margin-bottom: 5px;
	}	
}

@media screen and (max-width: 400px){
	.article-nav a{
		font-size: 0;		
	}
	.link-col{
		width: 100%;
	}
	.modal-dialog{
		width: auto;
	}
	.modal-dialog .foto{
		display: none;
	}
	.modal-dialog .text{
		margin-left: 0;
	}
}

@media (max-width: 360px){	
	.headline span{padding-right: 0;}
	.headline span:after{display: none;}
	.modal-socially .socially {  
    margin-left: -10px;
    margin-right: -10px;
	}
	.modal .base-btn{
		font-size: 12px;
		padding: 0 10px;
	}
	.modal-content{
		padding: 30px 15px 35px;
	}
}