@charset "utf-8";
/* CSS Document */

/******************************

[Table of Contents]

1. 1600px
2. 1440px
3. 1280px
4. 1199px
5. 1024px
6. 991px
7. 959px
8. 880px
9. 768px
10. 767px
11. 539px
12. 479px
13. 400px

******************************/

@media only screen and (max-height: 920px)
{
	.home_slider_dots_container
	{
		display: none !important;
	}
}

/************
1780px
************/

@media only screen and (max-width: 1780px)
{
	.search_input
	{
		width: 310px;
	}
	.main_nav
	{
		margin-left: 100px;
	}
}

/************
1. 1600px
************/

@media only screen and (max-width: 1600px)
{
	.search_input
	{
		width: 210px;
	}
	.main_nav
	{
		margin-left: 70px;
	}
	.main_nav ul li:not(:last-of-type)
	{
		margin-right: 39px;
	}
	.header_search
	{
		margin-right: 47px;
	}
}

/************
2. 1440px
************/

@media only screen and (max-width: 1440px)
{
	.main_nav
	{
		display: none;
	}
	.header_phone > div:first-child > div
	{
		width: 24px;
		height: 24px;
	}
	.header_phone > div:last-child
	{
		font-size: 16px;
	}
	.cart a > div
	{
		width: 25px;
		height: 25px;
	}
	.user a > div
	{
		width: 26px;
		height: 26px;
	}
	.user a > div > div
	{
		width: 18px;
		height: 18px;
		font-size: 11px;
		line-height: 18px;
	}
	.header_search
	{
		margin-right: 39px;
	}
	.hamburger
	{
		display: block;
	}
	.search_input
	{
		width: 300px;
	}
}

/************
3. 1380px
************/

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

}

/************
3. 1280px
************/

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

}

/************
4. 1199px
************/

@media only screen and (max-width: 1199px)
{
	.boxes > .container
	{
		max-width: 960px;
		padding-left: 15px;
		padding-right: 15px;
	}
	.boxes_container
	{
		height: auto;
	}
	.box
	{
		width: 100%;
		height: 296px;
	}
	.box:not(:last-child)
	{
		margin-bottom: 39px;
	}
	#pills-list-tab>.row>.col-12>.col-lg-9>.item>.d-flex>.product>.top_content>.top_info>.top_price>.d-flex{margin-right:20px!important}
#pills-list-tab>.row>.col-12>.col-lg-9>.item>.d-flex>.product>.top_content>.top_info>.top_price>.d-flex:last-child{margin-left:0px!important}
#pills-list-tab>.row>.col-12>.col-lg-9>.item>.d-flex>.product>.list-title>.top_info>.top_price>.cat-price-title{
	margin-right:5px!important;
	margin-left:15px!important;
}

.list-title{font-size: 12px;}
.total-price-box{position: absolute;
right:95px;}
#total-quantity-l {
   right: 25px;
}
#accordionFilter{margin-bottom:15px;}
.top_price .d-flex:first-child {
    margin-right: 2rem;
}
.slider-text{top:20%;}
    .total_price_q{padding-right:20px!important;}

.comment-field textarea{width: 100%}

.cart_top_price .d-flex:first-child, #top_price_total{margin-right:5px;}
    .cart-prod-price, .cart-prod-qty-number{font-size:14px;}
    .total_price_q-1{
        margin-right: 15px;
    }
    .top_price-1 .d-flex:first-child {
        margin-right: 25px;
    }
}


/************
5. 1024px
************/

@media only screen and (max-width: 1024px)
{
	.nav-pills .nav-link{font-size:36px;}
	footer .card-header >h2>button{
		font-size:12px;
		letter-spacing: 1px;
		text-transform:uppercase;
	}
	footer 	.card-header >h2>button[aria-expanded="true"]{
	color: #fff;
	}
	footer .card-header >h2>button:after{
		top:5px;
	}
	h3{font-size:28px;}
}

/************
6. 991px
************/

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

	.product-slider .slick-slide img{height: 55vh!important;}
	.product-slider.slick-vertical .slick-slide{
		height: 60vh!important;
		width: auto!important;
	}
	.header_phone
	{
		display: none !important;
	}
	.search_input
	{
		width: 210px;
	}
	.home_item_side
	{
		margin-top: 127px;
	}
	.header_content
	{
		padding-right: 25px;
	}
	.cart
	{
		margin-right: 0;
	}
    .cart-list{padding:0;}
	.boxes > .container
	{
		max-width: 720px;
	}
	.feature_col:not(:last-child)
	{
		margin-bottom: 30px;
	}
	.feature_col:not(:nth-child(2)) .feature
	{
		margin-top: 0px;
	}
	.feature_col:nth-child(2) .feature
	{
		width: 100%;
		left: auto;
	}
	.feature_col:nth-child(3) .feature_title
	{
		max-width: 100%;
	}

	.card-header >h2>button{
		width:100%;
		text-align:left;
		color:#fff;
		/*text-transform: capitalize;*/
		font-weight: bold;
		font-size:18px;
	}
.card-header >h2>button[aria-expanded="true"]{
  color: #F2994A;
}
.card-header >h2>button:after{
	 content: " ";
	  font-size: 24pt;
    text-align: center;
    line-height: 42px;
    color: #fff;
    float: right;
    position: relative;
    top: 25px;
    background:url("../images/arrow-down.png") -0 0 no-repeat;

 height: 10px;
    width: 10px;
}
.card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 0 1.25rem!important;
}
.card-header {
    padding: 0rem 1.25rem!important;
    margin-bottom: 0;
    background-color: rgba(0,0,0,.03);
    border-bottom: 1px solid rgba(0,0,0,.125);
}
.card-header >h2>button:hover{color:#F2994A;}
.card-header >h2{line-height:15px;}
.footer_desktop{display:none;}
.footer-logo img{width:100%;}
#accordionFooter{display:block;}
.footer-inst svg, .footer-tel svg{
	margin-right:0;
	fill:white;
}
.super_container_inner{padding-bottom:290px;}
.footer-mobile{display: block;}
#btnTop{
	text-align: right;
	border-top:0;
	padding-right:30px;
	padding-top:10px;
	padding-bottom:10px;
}
 .border-t{
 	border-top:1px solid #fff;
 	margin:0 auto;
 	padding-top:10px;
 	padding-bottom:20px;
 }
.cart-form{order:0; margin-top:7vh;}
.cart-form .breadcrumbs{display: none;}
.inst-post{padding-bottom:20px;}

 }
/************
7. 959px
************/

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

	.navbar-brand, .desktopbot{display: none;}

	.mobile{display:block;}

	.header_content{justify-content: space-around;}
	.logo{order:2;}
	.navbar{order:1;}
	.cart{order:3;}

	.slider-text{top: 20%;}
	.slick-dots{top: 35%;}
	.mobile-nav{
	padding-left:7%;
	display: flex;
	width:100%;
	flex-direction:column;
	justify-content:flex-start;
	align-items:flex-start;
	}
	.section_title{
		font-size:35px;
		padding-top:25px;
		padding-bottom:0;}
	#accordionHeader{width:350px;}
	#accordionHeader .card{
		background:#000;
	}

	.top-nav-products {padding-left:15px;}

	.top-nav-product {
    font-size: 16px;
    line-height: 30px;
    font-weight: normal;
    text-transform: capitalize;
}
.inst-subscr {
    padding-right: 0;
    text-align: center;
    padding-top: 20px;
    padding-left: 0;
    padding-bottom: 20px;
	text-align:center;
}
.inst-subscr-link{
	background: #F2994A;
	text-align:center;
}
.inst-subscr-link:after{display: none;}

.desktop-nav, .desktop{display:none;}
.telegram-chat{display: none!important;}
.delivery{display: none;}
#categories{padding-bottom:10px;}
.products_row{padding-bottom:40px;}
}

/************
8. 880px
************/



/************
9. 768px
************/

@media only screen and (max-width: 768px)
{
	.inst-post{	flex-wrap:wrap;}
	.slick-dots{
		transform: rotate(0deg)!important;
		bottom:15px!important;
		top:auto!important;
		left:33%!important;
	}
	.slick-slide img {
    	width: auto;
	height:100vh;
}
.slider-text{width:330px;}
	.slider-text-title{font-size: 3em;}
	.slider-text-descr{
		font-size: 14px;
		margin-bottom: 2rem !important;
		padding-right: 20px;
	}
#total-quantity-l {
   right: -1px;
   top:1px;
}
	.category-filter{margin-top:0;}
	.products_row{padding-bottom:80px;}
    .total_price_q{
    padding-right: 30px !important;
}

}

/************
10. 767px
************/

@media only screen and (max-width: 767px)
{
	.header_search
	{
		display: none;
	}
	.menu_search
	{
		display: block;
	}
	.home_item_side
	{
		display: none;
	}
	.boxes > .container
	{
		max-width: 540px;
	}
	.product_category_m a {
    color: #000 !important;
    font-size: 22px;
    font-weight: bold;
}
.product_name_m a {
    color: #000 !important;
    font-size: 16px;
}
.slider-text-descr{padding-right:30px;}
	.footer_bar_content
	{
		height: auto;
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.copyright
	{
		margin-top: 10px;
	}
	.image-left{margin-left:-22%;}
	.image-right{margin-right:-22%;}
	.shipping-page .container-fluid .row .col-12{flex-wrap:wrap;}
	.shipping-page .container-fluid{padding-left:15px!important;}
	.shipping-page .container-fluid .row .col-12 {
		padding-left:15px!important;
		margin-left:0!important;}
	.shipping-images{order:2;}
	.shipping-method-block, .payment-method-block{width:100%;}
	.total-price-box{position: absolute;
right:65px;}

.top_price .d-flex:first-child{margin-right: 1rem;}
    .cart-prod-title, .form-control{font-size: 14px;}
    .cart-prod-price, .cart-prod-qty-number {
        font-size: 12px;
    }
    .top_price-1 .d-flex:first-child {
        margin-right: 10px;
    }
    #pills-list-tab > .row > .col-12 > .col-lg-9 > .item > .d-flex > .product > .top_content > .top_info > .top_price > .d-flex {
        margin-right: 5px !important;
    }
    .top_cart_content .top_info{flex-direction:column;}
    .cart_top_price, .top_price-1{justify-content: flex-end;}
    .cart-prod-title{padding-bottom:10px;}
    .top_cart_content{padding:0!important;}
    #category_here_7{padding-left:0!important;}
    .modal-footer-box .justify-content-end{font-size: 18px;}
    .modal-footer {
        padding-top: 20px;
    }
    #cartPopupQuantity .modal-dialog .modal-content, #cartPopupQuantity .modal-dialog{max-width:500px !important; width:500px !important; }
}

/************
11. 575px
************/

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

    #cartPopupQuantity .modal-dialog .modal-content, #cartPopupQuantity .modal-dialog{max-width:400px !important; width:400px !important;}
	.logo a > div > div:first-child
	{
		width: 20px;
		margin-top: -3px;
	}
	.logo a > div > div:last-child
	{
		font-size: 16px;
		padding-left: 10px;
	}
	.hamburger
	{
		margin-top: 2px;
	}
	.hamburger i
	{
		font-size: 20px;
	}
	.home_slider_nav,
	.home_slider_custom_dots
	{
		display: none !important;
	}
	.home_container
	{
		padding-top: 59px;
	}
	.home_title,
	.home_subtitle
	{
		font-size: 28px;
	}
	.home_subtitle
	{
		margin-top: 3px;
	}
	.home_items
	{
		margin-top: 40px;
	}
	.home_item_large
	{
		max-width: 350px;
		margin-left: auto;
		margin-right: auto;
	}
	.home_item_large .product_image
	{
		width: 170px;
	    margin-left: auto;
	    margin-right: auto;
	    margin-bottom: 30px;
	}
	.product_tag
	{
		width: 87px;
		height: 87px;
		right: 47px;
	}
	.product_tag > div > div:first-of-type
	{
		font-size: 18px;
	}
	.product_tag > div > div:last-of-type
	{
		font-size: 24px;
	}
	.product_tag > div > div:last-of-type span
	{
		font-size: 15px;
	}
	.user a > div,
	.cart a > div
	{
		width: 24px;
		height: 24px;
	}
	.boxes > .container
	{
		max-width: 100%;
	}
	.footer_logo
	{
		margin-left: 0;
	}
	.footer_title
	{
		font-size: 30px;
	}
	.footer_list li a
	{
		font-size: 16px;
	}
	.footer_list li a > div::after
	{
		font-size: 10px;
	}
    .total_price_q {
    padding-right: 0px !important;
}
#total-quantity-l {
    right: 57px;
    top: 1px;
}
.product-card{padding-left:20px;}
}

/************
11. 539px
************/

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


}

/************
12. 480px
************/

@media only screen and (max-width: 480px)
{
	.cart {
    margin: 0 0 0 20px;
     width: 35px;
    height: 35px;}
    .top_info .top_price{
    	flex-direction:column;
    	align-items: flex-start;
    	}
    	.product_image a img{height:auto;}
    	.top_price .d-flex:first-child{margin-right: 1rem;}
    	#cartPopup .close{right:10px;}
    	#cartPopup .modal-dialog .modal-content,
        #cartPopupQuantity .modal-dialog .modal-content, #cartPopupQuantity .modal-dialog{max-width:320px !important; width:320px !important;}
    	.super_container_inner{    padding-bottom: 275px;}
		.products_row .col-lg-3 .white{max-height: 400px!important;}
		.product-cart-button:after{display: none;}
		.list-title{font-size:10px;}
		.modal-footer-box .justify-content-end, .total-sum{font-size: 20px;}
		h3{font-size:28px;}
		.modal-footer{padding-top:20px;}
		.cart-list{padding:0;}
		.top_content{padding:10px 5px;}

		.section_title{font-size:28px;}
		.text-right-title, .text-left-title{
			margin-bottom:10px;
			font-size:18px;
		}
		.text-left{	padding-left:0;}
		.text-right{padding-right:0;}


}
/************
13. 479px
************/

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

}

/************
14. 400px
************/

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

}