/*==========  Desktop First Method  ==========*/


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


}

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {

	:root{
		--slider-h: 400px;
	}


	.main-header .menu{
		display: none;
	}

	.mobile-menu-button{
		display: block;
	}


	body.menu-open {
		height: 100vh;
		overflow: hidden;
	}



	.card-products .card-products-title,
	.card-blog .card-blog-content .card-blog-title{
		font-size: 18px;
		line-height: 1.4;
	}


	.main-header .menu {
		display: none;
		position: absolute;
		top: 100%;
		z-index: 999;
		background: #fff;
		margin: 0;
		left: -1px;
		padding: 15px;
		padding-top: 10px;
		padding-bottom: 10px;
		z-index: 99;
		box-shadow: 0px 5px 10px 2px rgba(34, 60, 80, 0.2);
	}

	.main-header {
		padding: 0;
	}

	.header-container {
		padding: 10px 0;
	}

	.main-header .menu li {
		margin: 0;
		text-align: center;
	}

	.main-header .menu li a {
		display: block;
	}

	.main-header .menu.active{
		display: block;
	}



}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {

	:root {
		--section-padding: 40px;
		--slider-h: 350px;
	}

	.page-title, .section-title, .slider-title{
		font-size: 22px;
		line-height: 30px;
	}

	.swiper-slide .row{
		--slider-height:auto;
	}



	.main-slider {
		padding-bottom: 30px;
	}

	.benefit-item{
		margin-bottom: 12px;
	}

	.blog-section .col-12:last-child {
		display: none;
	}

	.form-contacts{
		margin-bottom: 24px;
	}

	.main-footer .widget-title{
		font-size: 20px;
		line-height: 140%;
		letter-spacing: 0.01em;
		margin-top: 24px;
	}

	.brands-list .brands-item-col{
		width: 50%;
	}

	.shop-benefits-container {
		flex-wrap: wrap;
		margin-bottom: -12px;
	}

	.shop-benefits-container .shop-benefit {
		width: 50%;
		margin-bottom: 12px;
	}

	.shop-benefits-container br {
		display: none;
	}

	.footer-container {
		flex-wrap: wrap;
	}

}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {

	.product-container {
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}

	.form-footer,
	.form-row{
		flex-direction: column;
	}

	.form-footer .copyright{
		margin-left: 0;
	}

	.form-footer .btn,
	.form-row .form-col{
		margin-bottom: 12px;
	}

	.footer-copyright {
		flex-direction: column;
	}

	.footer-copyright p {
		margin: 0;
	}


	.slider-btns {
		flex-direction: column;
	}

	.slider-list{
		font-size: 16px;
	}

	.about-footer {
		flex-direction: column;
		max-width: 100%;
	}

	.about-footer .gmp-logos {
		margin-bottom: 24px;
	}

	.img-desktop{
		display: none;
	}

	.img-mobile{
		display: block;
	}


}



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

	.product-slider-thumbs{
		display: none;
	}

	.header-contacts{
		display: none;
	}

	.logo img {
		height: 50px;
	}

	.main-header .logo {
		margin: auto;
	}

	.main-header .logo .logo-slogan{
		display: none;
	}

	.card-products {
		flex-direction: column;
		justify-content: stretch;
		align-items: stretch;
/*		margin-bottom: 8px;*/
padding-bottom: 8px;
	}

	.card-products .card-products-image {
		width: 100%;
	}

	.card-products-image{
/*		margin-bottom: 24px;*/
	}

	.spec-table{
		max-width: 100%;
	}

	.footer-container {
		flex-wrap: wrap;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		text-align: center;
	}

	.shop-benefits-container .shop-benefit {
		width: 100%;
	}

	.brands-list .brands-item-col {
		width: 100%;
	}

	.footer-contacts {
		text-align: center;
	}

	.contacts-socials {
		justify-content: center;
	}

	.main-footer .logo {
		justify-content: center;
		align-items: center;
	}


	.product-slider .slick-slide{
		margin-bottom: 30px;
	}

	.slider-nav {
		display: block;
	}

	.product-form {
		width: 100%;
	}

}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {


}


/* Custom, iPhone Retina */
@media only screen and (max-width : 360px) {


}


/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {

}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {

}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {

}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {

}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {


}

@media only screen and (min-width : 1400px) {

}

@media only screen and (min-width : 1200px) {


}