
@media (max-width: 1580px) {
	.sectionAboutFirst .aboutFlexText {
		padding-right:30px;
	}
	.sectionAboutLast .aboutFlexText {
		padding-left:30px;
	}
	.sectionCatalog {
		padding:0px 15px;
	}
	.sectionCatalog .elemAccess {
		width:100%;
		max-width:24%;
	}
}	
@media (max-width: 1366px) { 
	.contactFlexText {
		left:0px;
	}
}	
@media (max-width: 1280px) { 
	.flexAccessSlider .slick-prev {
		right:55px;
	}
	.flexAccessSlider .slick-next {
		right:15px;
	}
	.accessTitle h3 {
		margin-left:0px;
	}
	.catalogListText h4 {
		font-size:45px;
	}
	.abTitle {
		font-size:100px;
	}
}
@media (max-width: 1080px) { 
	.sectionMainRewievs,
	.sectionMainAdvant {
		padding: 0px 15px;
	}
}
@media (max-width: 1024px) { 
	.titleSectionText {
		padding: 150px 0 100px 15px;
	}
	.accessTitle h3 {
		font-size:32px;
	}
	.elemCatalogRight .catalogListText {
		left: 75px;
	}
	.elemCatalogLeft .catalogListText {
		right: 75px;
	}
	.catalogListText h4 {
		font-size:40px;
	}
}
@media (max-width: 992px) { 
	.mainBrendText {
		padding: 30px 20px 30px 28px;
	}
	.catalogListText h4 span,
	.catalogListText h4 {
		font-size:32px;
	}
	.elemCatalogRight .catalogListText {
		left: 50px;
	}
	.elemCatalogLeft .catalogListText {
		right: 50px;
	}
	.elemRewievs, .sectionCatalog .elemAccess {
		max-width: 32%;
	}
	.sectionAboutFirst .aboutFlexText h4, .sectionAboutLast .aboutFlexText h4 {
		font-size: 18px;
	}
	.abTitle {
		font-size:80px;
	}
	.h1_title {
		font-size:40px;
	}
	.titleSectionText h4 {
		font-size:55px;
	}
	.titleSectionText span {
		font-size: 70px;
		margin: 0 0 -40px 50px;
	}
	.titleSection {
		background-position:50% center;
	}
	.header .headerBox .logo {
		position:relative;
		left:0px;
		margin-left:0px;
	}
}
@media (max-width: 880px) { 
	.flexMainBrend, .sectionListCatalog {
		flex-wrap:wrap;
	}
	.mainBrendImg {
		background:none;
	}
	.mainBrendImg img {
		display:block;
		width:100%;
		opacity:0;
	}
	.mainBrendImg, .mainBrendTextWrap, .mainBrendText,
	.elemCatalogLeft, .elemCatalogRight	{
		max-width:100%;
	}
	.mainBrendText {
		padding-left:0px;
	}
	.catalogListText h4 {
		font-size:60px;
	}
	.elemCatalogLeft, .elemCatalogRight, .mainBrendImg {
		height: 450px;
		overflow: hidden;
	}
	.aboutFlexText {
		padding:15px;
	}
	.sectionAboutFirst .aboutFlexText {
		padding-right: 15px;
	}
	.sectionAboutLast .aboutFlexText {
		padding-left: 15px;
	}
	.titleSectionText h4 {
		font-size:45px;
	}
	.titleSectionText span {
		font-size: 60px;
		margin: 0 0 -30px 50px;
	}
	.titleSection {
		background-position:45% center;
	}
}
@media (max-width: 780px) { 
	.header .headerBox .menu {
		display:none;
	}
	.header .headerBox .headerLink {
		padding-right:50px;
	}
	.nav-toggle {
		display:block;
	}
	body {
		padding-top:70px;
	}
	.header {
		position: fixed;
		z-index: 10;
		width: 100%;
		left:0px;
		top:0px;
	}
	.flexRewievs, .flexAdvant, .footerFlex, .aboutFlexWrap, .contactFlexWrap {
		flex-wrap:wrap;
	}
	.elemRewievs, .footerFlexColl, .footertAbout, ul.footerCategory, .aboutFlexText, .aboutFlexWrap .elImgs,
	.contactFlexWrap .elImgs	{
		max-width:100%;
	}
	.elemAdvant {
		max-width:48%;
	}
	.footerWhite .footerFlex .footerFlexColl:first-child {
		margin-bottom:15px;
	}
	ul.footerCategory li {
		max-width:33%;
	}
	.aboutFlexWrap .elImgs,
	.contactFlexWrap .elImgs{
		height:450px;
		overflow:hidden;
	}
	.h1_title {
		font-size:30px;
	}
	.sectionCatalog .elemAccess {
		max-width:49%;
	}
	.iconDelivFlex, .elemDeliv span {
		padding-left:0px;
	}
	.i-deliv {
		max-width:120px;
		height:120px;
	}
	.i-deliv img {
		max-width:60px;
	}
	.iconDelivFlex img {
		max-width:50px;
	}
	.elemNg {
		max-width:100%;
	}
	.elemNg {
		display:none;
	}
	.sectionCatalogFilter form {
		flex-wrap:wrap;
	}
	.filterVar {
		width:100%;
		margin-bottom:15px;
		margin-right:0px;
		flex-wrap:wrap;
	}
	.sectionCatalogFilter form label {
		margin-bottom:15px;
	}
	.titleSectionCatalog h1 {
		font-size:24px;
	}
	.titleSectionText h4 {
		font-size:35px;
	}
	.titleSectionText span {
		font-size: 50px;
		margin: 0 0 -10px 30px;
	}
	.titleSectionText {
		padding: 200px 0 80px 15px;
	}
	.titleSectionText h4, .titleSectionText h1 {
		font-size:48px;
	}
}
@media (max-width: 650px) { 
	.elemCatalogLeft, .elemCatalogRight, .mainBrendImg, .aboutFlexWrap .elImgs,
	.contactFlexWrap .elImgs	{
		height: 400px;
	}
}
@media (max-width: 580px) { 
	.catalogListText h4 {
		font-size: 45px;
	}
	.mainBrendTitle {
		font-size:24px;
	}
	.titleSectionText p {
		font-size:16px;
	}
	.titleSectionText h4, .titleSectionText p span {
		font-size:30px;
	}

	.accessTitle h3 {
		margin-bottom:80px;
	}
	.LinkCatalog {
		margin-top: 0;
	}
	.elemCatalogLeft, .elemCatalogRight, .mainBrendImg, .aboutFlexWrap .elImgs,
	.contactFlexWrap .elImgs	{
		height: 350px;
	}
	.mainBrendTitle {
		font-size: 18px;
	}
	.header .headerBox .headerLink a {
		margin: 0px 10px;
	}
	.deliveryFlexWrap {
		flex-wrap:wrap;
	}
	.elemDeliv {
		max-width: 100%;
		margin-bottom:30px;
	}
	.elemDeliv:last-child {
		margin-bottom:0px;
	}
	.h1_title {
		font-size: 22px;
	}
	.pageDescription p {
		font-size:14px;
	}
	.logo {
		max-width:120px;
	}
	.logo img, .headerLink a svg {
		max-width:100%;
	}
	.headerLink a {
		max-width:23px;
		height:23px;
	}
	.header .headerBox .headerLink {
		padding-right: 40px;
	}
	.sectionAboutFirst .aboutFlexText h4, .sectionAboutLast .aboutFlexText h4 {
		font-size: 16px;
	}
	.titleSectionCatalogText  {
		max-width:100%;
	}
	.bgCatalog {
		display:none;
	}
	.titleSectionCatalog ul.breadcrumb {
		margin-bottom:20px;
	}
	.titleSectionCatalog {
		padding-bottom:20px;
	}
	.catalogListText h4 span {
		display:inline;
		font-size:24px !important;	
	}
	.catalogListText h4 {
		margin-bottom:0px;
		font-size:24px !important;	
	}
	.catalogListText {
		bottom:30px;
	}
	.catalogListText a {
		font-size:12px;
	}
}
@media (max-width: 480px) { 
	.elemCatalogLeft, .elemCatalogRight, .mainBrendImg, .aboutFlexWrap .elImgs,
	.contactFlexWrap .elImgs	{
		height: 350px;
	}
	.catalogListText h4 {
		font-size: 32px;
	}
	.elemAdvant {
		max-width:100%;
	}
	.abTitle {
		font-size: 50px;
	}
	.titleSectionCatalog p, .sectionCatalogFilter form label {
		font-size:12px;
	}
	.titleSectionCatalog h1 {
		font-size:18px;
	}
	.titleSectionText h4, .titleSectionText h1 {
		font-size:36px;
	}
}
@media (max-width: 420px) { 
	.elemCatalogLeft, .elemCatalogRight, .mainBrendImg, .aboutFlexWrap .elImgs,
	.contactFlexWrap .elImgs	{
		height: 270px;
	}
}