@media only screen and (max-width: 1440px) {
	.brands {margin: -8% auto 7%;}
}

@media only screen and (max-width: 1280px) {
	
	.brands {margin: -10% auto 7%;}
	.menu ul li a {font-size: 11px;line-height: 14px;}
	.magnetGlue .menu ul li a {font-size: 10px;line-height: 14px;} 


	.footer .subscribe input {width: 100%; margin: 0 0 5px;}
	.footer .subscribe:hover input {padding: 0 4%; }

	ul.twelveColumns li {width: 7.9%;}

	.best ul.elements li .btn, .best ul.elements li .btn:hover {width: calc(90% - 40px);}
	.catBlock .btn:hover{padding: 12px 20px;}
}

@media only screen and (max-width: 1120px) {
	.magnet .phone a {font-size: 17px; line-height: 22px;}
	.magnet .phone .caption {font-size: 9px;}
    .magnet .workTime { font-size: 10px; }
  
}

@media only screen and (max-width: 1078px) {
	.menu ul li:nth-child(5) {display:none;}
	.best ul.elements li .image {min-height: 164px;}
	.news .image{min-height: 150px;}
}

@media only screen and (max-width: 970px) {
	h1, .h1 {font-size: 22px;line-height: 25px;}
	h2, .h2 {font-size: 18px;line-height: 22px;}
	h3, .h3 {font-size: 16px;line-height: 21px;}

	.magnet .top .search {width: calc(45% - 50px);}
	.magnet .phone {width: 20%;}
	.magnet .phone a {font-size: 16px;}

	.sidebar {width:25%;}
	.mainContent {width:72.9%;}
	.sortBlock ul.twoThree li {font-size: 11px; line-height: 13px;}
	.sortBlock ul.oneThree li {font-size: 11px; line-height: 13px;}
	.sidebar .catBlock .title {font-size: 13px; line-height: 17px;}
	.best ul.elements li .title {font-size: 13px; line-height: 18px;}
	.best ul.elements li .price {font-size: 16px; line-height: 20px;}
	.catBlock .btn {font-size: 10px;}

	ul.threeColumns li {width: 32%; margin: 0 1% 20px 0;}
	.magnet .supertTop ul.wideMenu li {margin: 0 10px 0 0;}

	ul.fourColumns li {width: 32%;margin: 0 1% 20px 0;}
	ul.fourColumns li:nth-child(4n) {width: 32%;margin: 0 1% 20px 0;}
	.best ul.fourColumns.elements li:nth-child(4n) {border-right: 1px solid #efefef;}
	ul.fourColumns li:nth-child(3n) {width: 32%;margin: 0 0 20px 0;border-right: 0;}

	.section ul.oneColumn li .caption .title {font-size: 32px;line-height: 36px;}

	.w80 {width: 100%;}
	ul.fiveColumns li {width: 23.8%;margin: 0 1% 20px 0;}
	ul.fiveColumns li:nth-child(5n) {width: 23.8%;margin: 0 1% 20px 0;}
	ul.fiveColumns li:nth-child(4n) {width: 23.8%;margin: 0 0 20px 0;}

	.brandPage ul.twelveColumns li {width: 13.7%;margin: 0 0.1% 20px 0;}
	.brandPage ul.twelveColumns li:nth-child(12n) {margin: 0 0.1% 20px 0;}
	.brandPage ul.twelveColumns li:nth-child(7n) {margin: 0 0 10px 0;}

	.news {padding: 10px 0 35px 0;}
	.news .image {width: 99%;}

	.section ul.twoColumns li.twoThree {width: 100%;margin: 0 auto 20px;}
	.section ul.twoColumns li.oneThree {width: 100%;margin: 0 auto 20px;}
	ul.twoColumns2 li {width: 100%;}
	.section ul.oneColumn li .caption .title, .section ul.twoColumns li .caption .title {font-size: 30px;line-height: 36px;}

	.section ul.threeColumns li {width: 49%;margin: 0 1% 20px 0;}
	.section ul.threeColumns li:last-child {width: 100%;margin: 0 0 20px 0;}
	.section ul.threeColumns li:last-child:hover {box-shadow: none;}
	.section ul.threeColumns li ul li {width: 90%; margin: 0 0 10px 0;}

	.section ul.threeColumns li ul.listed li {width: 49%;margin: 0 1% 20px 0; display: inline-block; vertical-align: top;}
	.section ul.threeColumns li ul.listed li:last-child {width: 49%;margin: 0 0 20px 0;}
	.section ul.threeColumns li ul.listed li ul li {width: 90%; margin: 0 0 10px 0;}

	.cartochka ul.imageSet {width: 12%;}

	ul.table .thead {font-size: 10px;line-height: 10px;}
	ul.table .row .column:nth-child(1) {width: 10%;}
	ul.table .row .column:nth-child(4) {width: 12%;}
	ul.table li .count {font-size: 10px;}
	ul.table li .title {font-size: 13px;}
	ul.table li .price, ul.table li .total {font-size: 16px;line-height: 21px;}
	ul.table li .percent {font-size: 15px;line-height: 21px;}
	.cart .tfooter .title {font-size: 14px;line-height: 19px;}
	ul.table li .count input {width: 40%;}
	.cart .tfooter {padding: 10px 2%;}
	.cart .tfooter input {max-width: 110px;padding: 0 2%;}
	.cart .tfooter .btn:hover {padding: 12px 20px;}

	.footer ul.fourColumns li {width: 23.8%;margin: 0 1% 20px 0;}
	ul.fiveColumns li:last-child {margin: 0 0 20px 0;}

	.footer .title {font-size: 12px;line-height: 16px;}
	.footer .logo img {max-width: 100px;margin: 5px 0 30px;}
	.auth {padding: 30px 5%;margin: 0 auto;}
	.auth ul.twoColumns li ul.simple li { width: 100%; }

	.news .image{min-height: 130px;}
}

@media only screen and (max-width: 768px) {
	.supertTop .wrap {padding: 2px 5%;}
	h2, .h2 {font-size: 21px;line-height: 25px;}
	h3, .h3 {font-size: 19px; line-height: 23px;}
	p {font-size: 1.1em;line-height: 1.5em;}
	.dumb {height: 85px;}
	.promo {margin: 110px 0 0 0;}
	#slider .slick-slide {aspect-ratio: initial;}
	#slider img {width: 120%; margin-left: -10%}
	ul.twoColumns li {width: 100%; margin: 0 auto 20px;}
	.magnet .supertTop a.openform {width: 50%; text-align: left; font-size: 13px;}
	.magnet .supertTop .phone {display: inline-block;}
	.magnet .supertTop .phone a { font-size: 13px; }
	.magnet .supertTop ul.wideMenu {display: none}
	.magnet .burger {display: inline-block;}
	.magnet .top .logo {width: 30%;}
	.magnet .top .logo img, .magnetGlue .top .logo img {max-width: 135px;}
	.magnet .top .search {width: 17%; text-align: center; margin: 0 0 0 2%;}
	.magnet .top .search input {display: none;}
	.magnet .top .search button { position: relative; left: auto; top: auto; right: auto; margin: 0 auto; width: 24px; height: 24px; display: none; }
	.magnet .phone {display: none;}
	.magnet .menu, .footer .menu {display: none;}
	.magnet .topIcons {width: calc(53% - 60px);}
	.magnet .workTime {}
	.magnet .topIcons ul li {width: 33%;}
	.magnet .topIcons ul li img {width: auto; height: 24px;}
	.magnet .top .logo img {margin: 5px 0 -2px;}
	.magnet .topIcons a {margin: 0 auto;font-size: 0; line-height: 0;}
	.magnet .topIcons img {max-width: 24px;}

	.brands {margin: 30px auto 30px; padding: 5px 0 5px; width: calc(100% - 40px); background: #fff; border: 1px solid #efefef}
	.brands .overflow {background: #fff;}

	.best {padding: 5px 0 40px;}
	.best ul.elements li {width: 49%; margin: 0 auto 50px; border: 0; }
	.best ul.elements li .title {font-size: 14px; line-height: 18px; height: 38px;}
	.best ul.elements li .price {font-size: 18px; line-height: 26px;}
	.best ul.elements li .btn {display: block !important; opacity: 1;}
	.best .seeAll {width: 75%;padding: 12px 0; font-size: 15px!important; line-height: 19px;}
	.best .seeAll:hover {width: 88%;padding: 12px 0; font-size: 18px!important; line-height: 21px;}

	.innerHeader {margin: 0 auto 10px;padding: 20px 5% 12px;max-width: 1280px}

	.interesting a.title {font-size: 22px; line-height: 26px;}
	.interesting ul.fourColumns li {max-height: 350px; overflow: hidden; width: 48% !important;}

	.news ul.threeColumns {width: 100%!important;}
	.news ul.threeColumns li {width: 100%!important; margin: 0 auto 20px!important;}
	.news ul.arrows {display: none!important;}
	.news a.title {font-size: 20px;line-height: 24px;}
	ul.fourColumns li {border: 0 !important;}
	ul.fourColumns li:nth-child(odd) {width: 49%; margin: 0 1% 15% 0;}
	ul.fourColumns li:nth-child(even){width: 49%; margin: 0 0 15% 0;}
	.btn {font-size: 12px; line-height: 16px; padding: 8px 20px; text-align: center; margin: 0 auto 10px;}
	.btn:hover {font-size: 12px; line-height: 16px; padding: 8px 20px; text-align: center; margin: 0 auto 10px;}

	.catBlock .btn {font-size: 12px;}

	.textBlock, .sideBlock {width: 100%!important; margin: 0 auto 20px!important;}
	.sideBlock .title {font-size: 30px;line-height: 36px;}
	.sideBlock .image { width: 99%; }
	.sideBlock .title a.btn {width: 200px; padding: 8px 0; font-size: 18px!important; line-height: 21px;}
	.sideBlock .title a.btn:hover {padding: 8px 20px;}
	.footer ul.fourColumns {padding-top: 30px;}
	.footer ul.fourColumns li {width: 100%!important; margin: 0 auto 20px!important; text-align: center;}
	.footer .logo img {max-width: 150px;margin: 5px auto 20px;}
	.footer ul.fourColumns li ul.threeColumns.socials {margin: 0 auto 10px;}
	.footer ul.fourColumns li ul.threeColumns.socials li {width: 32%!important; margin: 0 auto 10px; text-align: center;}
	.footer .title {font-size: 18px;line-height: 23px;}
	.footer a {font-size: 15px;line-height: 20px;}

	.footer .subscribe input {width: 44%;margin: 0 0 5px;}

	.brandPage ul.twelveColumns li {width: 18.1%;margin: 0 1% 20px 0;}
	.brandPage ul.twelveColumns li:nth-child(12n) {width: 18.1%; margin: 0 1% 20px 0;}
	.brandPage ul.twelveColumns li:nth-child(7n) {width: 18.1%; margin: 0 0 10px 0;}

	.cartochka ul.mainImage {width: 100%; margin: 0 auto 10px;}
	.cartochka ul.imageSet {width: 100%; margin: 0 auto 10px;}
	.cartochka ul.imageSet li {max-width: 70px; display: inline-block; vertical-align: middle;}

	.cartochka ul.paramsList li {display: inline-block; vertical-align: middle; width: 49%;}
	.cartochka ul.paramsList li:nth-child(2n) {margin: 0 auto 20px;}

	.textContent ul li {font-size: 1.1em;line-height: 1.5em;}

	.sidebar, .mainContent {width: 100%; margin: 0 auto 20px;}

	.about img {margin-bottom: 10px;}
	.w50 {width: 100% !important;}

	.about ul.threeColumns.w80 li {width: 100%;}
	.content.innerSeo {padding-top: 0;}
	.section ul.threeColumns li {width: 100%; margin: 0 auto 10px;}
	.section ul.threeColumns li ul.listed li:first-child,
	.section ul.threeColumns li ul.listed li:last-child {width: 100%; margin: 0 auto 10px;}

	
	.section ul.threeColumns li ul li {-webkit-box-shadow: none;box-shadow: none;}
	.section ul.twoColumns li {-webkit-box-shadow: 0 0 20px 0 rgba(0,0,0,0.2);box-shadow: 0 0 20px 0 rgba(0,0,0,0.2);}
	.section ul.twoColumns li ul li {-webkit-box-shadow: none;box-shadow: none;}
	.section ul.twoColumns li .image {opacity: 0.65;}
	.section ul.threeColumns li .image {opacity: 0.8;}
	.section ul.oneColumn li .shadow {top: 30%; height: 70%;}
	.section ul.oneColumn li .caption  {bottom: 30px;}
	.section ul.twoColumns li ul.submenu {bottom: 0; height: auto;}
	.section ul.threeColumns li ul.submenu {bottom: 0; height: auto;}

	ul.filter ul.params {column-count: 2;page-break-inside: avoid;break-inside: avoid;}
	ul.filter ul.params li {padding: 10px 0 0 10px;margin: 0 0 5px;font-size: 14px;}
	ul.filter li input {padding: 10px 3%;font-size: 14px;border-radius: 50px;}

	a.btn, .auth input[type="submit"].btn_style {padding: 12px 20px!important;line-height: 16px!important;}

	.catBlock .btn {padding: 12px 20px;}
	.sortBlock {display: none;}

	.auth label, .auth input {font-size: 16px;line-height: 18px; max-width: 100%;}
	.auth p {font-size: 16px;line-height: 18px;}

	.e404 .info404 {right: auto;width: 100%;top: 5%;}
	.e404 .sign404 {font-size: 170px;line-height: 170px;}

	#authWindow, #cartWindow {display: none !important;}
	.mobile_menu ul li .caption {display: none;}
	.hElement .ttitle .column {font-size: 14px;}

	ul.table .thead {display: none;}
	ul.table .row .column, ul.table .row .column .image, ul.table .row .column .image img {display: block !important; width: 100% !important; }
	ul.table li .title {font-size: 18px; line-height: 24px;}

	ul.table .row .column:nth-child(3),
	ul.table .row .column:nth-child(4),
	ul.table .row .column:nth-child(5) { display: none !important; }

	.main-cart ul.table .row .column:nth-child(3),
	.main-cart ul.table .row .column:nth-child(4),
	.main-cart ul.table .row .column:nth-child(5),
	.main-cart ul.table .row .column:nth-child(6),
	.main-cart ul.table .row .column:nth-child(7) { display: inline-block !important; width: auto !important; margin-right: 3% !important; }
	.main-cart ul.table .row .column:nth-child(7) {margin-right: 0 !important; position: absolute !important; top: 4px;}

	.bx_ordercart ul.table .row .column:nth-child(3),
	.bx_ordercart ul.table .row .column:nth-child(4),
	.bx_ordercart ul.table .row .column:nth-child(5),
	.bx_ordercart ul.table .row .column:nth-child(6),
	.bx_ordercart ul.table .row .column:nth-child(7) { display: block !important; width: auto !important; margin: 0 3% 5px 0 !important; padding: 0 0 10px 0; }
	
	ul.table li .price, ul.table li .total {font-size: 20px; line-height: 26px;}
	
	.cart .discount, .cart .tfooter .title, .cart .totalAmount {width: 100%; margin-bottom: 10px;}
	.cart .tfooter, .cart .discount, .cart .tfooter .title {text-align: center;text-transform: uppercase; font-weight: 500;}
	 .cart .totalAmount {text-align: left;text-transform: uppercase; font-weight: 500;}
	.btn, a.btn, .auth input[type="submit"].btn_style, .cart .tfooter input#coupon {width: -webkit-fill-available; margin-bottom: 20px;}
	.cart.right {text-align: center;}

	ul.table.checkoutTable li .column:nth-child(4) .percent:before {content: 'Количество: '; display: inline;}
	ul.table.checkoutTable li .column:nth-child(4) .percent:after {content: ' шт.'; display: inline;}
	ul.table.checkoutTable li .column:nth-child(3) .total:before {content: 'Цена: '; display: inline;}
	ul.table.checkoutTable li .column:nth-child(5) .price:before {content: 'Итого: '; display: inline;}

	ul.table li .title, #order_form_div .title a, #order_form_div .title {font-size: 23px; line-height: 28px;}
	ul.table li .percent {text-align: left !important;}
	ul.table.checkoutTable li .column:nth-child(2) .percent:before {content: 'Ваша скидка: '; display: inline;}
	#ORDER_CONFIRM_BUTTON {display: block;}
	.deliver_type_body {font-size: 14px; line-height: 19px;}
	.main-cart ul.table .row .column:nth-child(5).cart_product_list_pr_td_discount {display: none !important;}

	.auth .cart_order_left input {width: 92%;}
	.auth input[type="submit"].btn_style { width: 100%; }
	.auth label, .auth input  {width: 92%;}

	#order_form_content .tfooter {box-shadow: none;}
	#order_form_content .tfooter .totalAmount .title {margin-top: 5px; text-align: left;}
	#order_form_content .tfooter .totalAmount .title strong {display: block; margin-top: 5px;}

	ul.twoColumns li.checkout label span {display: inline-block;width: calc(100% - 30px);vertical-align: middle; font-weight: 400;}
	#sale_order_props label span {display: inline;width: 30px;vertical-align: middle;}
	#warning_message, .errortext {width: 78%; text-align: left; margin-left: 0;}
	.checkout.auth p {line-height: 21px;}
	.cart .tfooter a.btn {display: none;}
	.footer .subscribe input {width: 82%;}
	ul.twoColumns li.checkout input {font-size: 14px !important;}
	form[name="SIMPLE_FORM_1"] input[type="submit"], form[name="SIMPLE_FORM_1"] input[type="submit"]:hover {width: 100%;}
	.about {overflow: scroll;}

	.main-cart ul.table .row .column.cart_product_list_pr_td_price {width: 90% !important; display: block !important; margin-bottom: 0px!important;}
	.main-cart ul.table .row .column.cart_product_list_pr_td_price:before {content: 'Цена: ';display: inline-block; font-size: 20px;line-height: 26px;}


	.main-cart ul.table .row .column.cart_product_list_pr_td_quantity {width: 90% !important; display: block !important; margin-bottom: 0px!important; text-align: left!important;}
	.main-cart ul.table .row .column.cart_product_list_pr_td_quantity:before {content: 'Кол-во: ';display: inline-block; font-size: 20px;line-height: 26px;}
	ul.table li .count {margin-left: 0 !important;}

	.main-cart ul.table .row .column.cart_product_list_pr_td_sum {width: 90% !important; display: block !important; margin-bottom: 0px!important;}
	.main-cart ul.table .row .column.cart_product_list_pr_td_sum:before {content: 'Итого: ';display: inline-block; font-size: 20px;line-height: 26px;}

	.imgNewsRight {width: 100%; margin: 0 0 2% 0;}
	.imgNewsLeft {width: 100%; margin: 0 0 2% 0;}
	.imgNewsRight2 {width: 100%; margin: 0 0 2% 0;}
	.imgNewsLeft2 {width: 100%; margin: 0 0 2% 0;}

	.imgNews3 { vertical-align: top; width: 47%; margin: 3% 3% 3% 0; }
	.imgNews3n { vertical-align: top; width: 47%; margin: 0 3% 3% 0; }

	ul.twoColumns li.searchIcon {display: inline-block;}
	.magnet .top .search {position: absolute; left: -2%; bottom: -57px; display: none; width: 92%; padding: 8px 5%; background: #fff; box-shadow: 0 10px 10px 0 rgba(0,0,0,0.1);}
	.magnet .top .search input {display: inline-block; }
	div.title-search-result {position: absolute !important;border: 0;left: 0;top: 48px;width: 100%;text-align: left;background: #fff;box-shadow: 0 10px 10px 0 rgba(0,0,0,0.2);z-index: 999;}

	img.calendar-icon {left: 90%};

	.hElement.active .pay p {display: block;width: 100%; margin: 0 0 20px;}
	.notification{margin:0;}
	.best ul.elements li .image {min-height: 290px;}
	.news .image{min-height: 140px;}

	.textBlockInner { margin-top: 0px;}
}


@media only screen and (max-width: 568px) {
	.promoImage .promoTitle { font-size: 22px; line-height: 26px; font-weight: 500;}
	.personal ul.lineMenu li.btn {display: block; margin-bottom: 10px;}

	.best ul.elements li .image {min-height: 157px;}
	.news .image{min-height: 140px;}
}


@media only screen and (max-width: 414px) {
	.auth .cart_order_left input {width: 92%;}
	.promoImage .promoTitle { font-size: 17px; line-height: 24px; font-weight: 500; }
	.brands { margin: 0px auto 30px; }
	.burger { width: 11%; }
	.section ul.twoColumns li:first-child ul.submenu { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; }
	.section ul.submenu { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; }
	.section ul li .image { height: 455px; }
}


@media only screen and (max-width: 375px) {
	.auth .cart_order_left input {width: 90%;}
	.brands { margin: -5px auto 30px; }
	.dumb {height: 70px;}

	.imgNews3 { vertical-align: top; width: 100%; margin: 3% 0 0 0; }
	.imgNews3n { vertical-align: top; width: 100%; margin: 3% 0; }

	.best ul.elements li .image {min-height: 143px;}

}


@media only screen and (max-width: 320px) {
	.magnet .topIcons {margin: 0;}
	.mobile_menu ul {padding: 30px 5%;}
	.mobile_menu ul li a {font-size: 14px;margin: 0 0 15px 0;}
	.dumb {height: 65px;}

	.best ul.elements li .image {min-height: 122px;}
}



























