@media only screen and (max-width: 1350px) {
	.authorized li a {
		padding: 11px 5px 12px 5px;
	}
	.topNav li {
		padding: 0 5px;
	}
	.preim .col-auto table tr td:nth-child(1) {
		padding-right: 5px;
	}
	.preim .col-auto table tr td:nth-child(2) span {
		font-size: 14px;
	}
	.catalogNavigation .firstUl {
		min-height: 475px;
	}
}
@media only screen and (max-width: 1230px) {
	.topNav li {
		padding: 0 3px;
	}
	.authorized li a {
		font-size: 12px;
	}
	.searchContainer {
	    -ms-flex: 0 0 30%;
	    flex: 0 0 30%;
	    max-width: 30%;
	}
	.topBrands ul > li > a{
		font-size: 13px;
	}
	.bannerAbolute {
		padding: 40px;
	}
	.ItemDiv .paddingBlock {
		padding: 5px;
	}
	.social a {
		width: 40px;
		height: 40px;
		font-size: 16px;
	}
	.quickSelection {
		width: 250px;
	}
	.sorting .sortOne {
		width: 155px;
	}
	.listTable tr td:nth-child(3) {
		width: 150px;
	}
	.productManyColors .col-md-6 {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
	.savePrice .font-13 {
		font-size: 11px;
	}
	.telegramButton {
		font-size: 11px;
	}
	.orderTable td, .orderTable th {
		padding: 10px 2px;
	}
	.orderTable td img {
		max-width: 30px;
		height: auto;
	}
	.orderTable .number {
		width: 55px;
	}
	.orderTable tr td {
		font-size: 12px;
	}
	.orderTable tr td:nth-child(5) a{
		font-size: 12px;
	}
	.optPriceDiv {
		font-size: 12px;
	}
	.optQ {
		margin-left: 1px;
	}
	.catalogNavigation .firstUl {
		min-height: 416px;
	}
}

@media only screen and (min-width: 992px) {
	.apply , .filterButton, .gamburger, .responsiveBar, .j-content-block, .authorizedButton, button.i-pop-close, .mobCat .course, .desk-vis-no {
		display: none;
	}
}

@media only screen and (max-width: 991px) {
	.menuAndSlider .catalogNavigation {
		display: none!important;
	}
	.course {
		font-size: 12px;
		display: none;
	}

	.subscribeForm {
		-ms-flex-pack: center;
    	justify-content: center;
	}
	.mobileLayer {
	    display: none;
	    position: fixed;
	    z-index: 99;
	    height: 100%;
	    width: 100%;
	    background: rgba(0,0,0, 0.7);
	    left: 0;
	    top: 0;
	}
	.topNav {
		background: white;
		top: 0;
		left: 0;
		position: fixed;
		height: 100%;
		z-index: 100;
		width: 70%;
		margin-left: 0;
		margin-right: 0;
		-ms-flex-direction: column;
		flex-direction: column;
		-ms-flex-pack: start;
    	justify-content: start;
		display: none;
	}
	.topNav li {
		border-bottom: 1px solid #ddd;
		display: block;
		padding: 10px;
	}
	.topNav li a {
		color: #000;
		font-weight: bold;
		font-size: 16px;
	}
	.topNav li a:hover {
		color: #000;
	}
	.gamburger {
		height: 32px;
		width: 32px;
		background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAAA7DAAAOwwHHb6hkAAAAGXRFWHRTb2Z0d2FyZQB3d3cuaW5rc2NhcGUub3Jnm+48GgAAAKhJREFUWIXt1j0OAUEUAOBvVxQKrU6vcALncQm90g3U4gAqJ6EQd6DYTTQ0tHaYEX/zJS+Z4s28+UlehuzfFQE5JQboJK5dYxOSuMT5RbEIuYEjumGHetixFZg4Qjtx8QrTxGtm2RcqMMRY+k7XpMYc9l7X6ZpiV14Hb/MRT5Bl2bOG4ppYhUnMBmYRxW9xKCM2sMYpYj6sQj6l9/TQf3JuhW1k/ewHXAD8s2geAQyhbQAAAABJRU5ErkJggg==);
	}
	.authUl {
		position: absolute;
        left: 5px;
        top: 68px;
    
	}
	.authUl li a span {
		vertical-align: middle;
		font-size: 12px;
	}
	    .authUl li a span.font-18 {
        font-size: 17px;
    }
	.catalogNavigation div.subDiv .row {
		margin-left: 0;
		margin-right: 0;
	}
	.preim {
		margin-top: 0;
	}
	.hr-1, .hr-2 {
		padding: 5px 0;
	}
	 .hr-2 {
		 justify-content: flex-end !important;
	 }
	.headerTop {
		padding: 0;
	}
	.container {
		padding-left: 5px;
		padding-right: 5px;
	}
	body {
		overflow-x: hidden;
	}
	.row {
		margin-left: -5px;
		margin-right: -5px;
	}
	.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto {
		padding-left: 5px;
		padding-right: 5px;
	}
	.searchContainer {
		display: none;
		z-index: 100;
		position: fixed;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
		width: 100%;
		left: 0;
		top: 40px;
	}
	.form_div {
		width: 100%;
		height: 50px;
		max-width: 100%;
		background: white;
		transition: inherit;
		border: 0;
	}
	.form_div #search-input {
		background: none;
		border: 0;
	}
	.tels {
		display: none;
		z-index: 100;
		position: fixed;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
		width: 100%;
		left: 0;
		top: 40px;
		background: white;
		padding: 20px 10px;
	}
	.mobCat {
		background: white;
		top: 0;
		left: 0;
		position: fixed;
		overflow-x: scroll;
		height: 100%;
		z-index: 100;
		width: 70%;
		margin-left: 0;
		margin-right: 0;
		display: none;
	}
	.mobCat.active {
		display: block;
	}
	.mobCat .container {
		padding-left: 0;
		padding-right: 0;
	}
	.catalogButton {
		display: none;
	}
	.topBrands .d-flex {
		-ms-flex-direction: column;
		flex-direction: column;
		-ms-flex-pack: start;
    	justify-content: start;
	}
	.topBrands ul {
		display: block;
		margin-left: 0;
	}
	.topBrands ul li {
		border-bottom: 1px solid #ddd;
		display: block;
		padding: 5px 10px;
		display: block;
		height: auto;
	}
	.topBrands li .subDiv ul li:last-child {
		border-bottom: 0;
	}
	.topBrands ul li.active {
		background: #bbdbfa;
	}
	.topBrands ul > li.hasUl > a {
		  background-position: 100% 65%;
	}
	.topBrands ul > li.hasUl > a.active {
		color: #4d165b;
        background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCIgdmlld0JveD0iMCAwIDI4NC45MjkgMjg0LjkyOSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjg0LjkyOSAyODQuOTI5OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnPgoJPHBhdGggZD0iTTI4Mi4wODIsMTk1LjI4NUwxNDkuMDI4LDYyLjI0Yy0xLjkwMS0xLjkwMy00LjA4OC0yLjg1Ni02LjU2Mi0yLjg1NnMtNC42NjUsMC45NTMtNi41NjcsMi44NTZMMi44NTYsMTk1LjI4NSAgIEMwLjk1LDE5Ny4xOTEsMCwxOTkuMzc4LDAsMjAxLjg1M2MwLDIuNDc0LDAuOTUzLDQuNjY0LDIuODU2LDYuNTY2bDE0LjI3MiwxNC4yNzFjMS45MDMsMS45MDMsNC4wOTMsMi44NTQsNi41NjcsMi44NTQgICBjMi40NzQsMCw0LjY2NC0wLjk1MSw2LjU2Ny0yLjg1NGwxMTIuMjA0LTExMi4yMDJsMTEyLjIwOCwxMTIuMjA5YzEuOTAyLDEuOTAzLDQuMDkzLDIuODQ4LDYuNTYzLDIuODQ4ICAgYzIuNDc4LDAsNC42NjgtMC45NTEsNi41Ny0yLjg0OGwxNC4yNzQtMTQuMjc3YzEuOTAyLTEuOTAyLDIuODQ3LTQuMDkzLDIuODQ3LTYuNTY2ICAgQzI4NC45MjksMTk5LjM3OCwyODMuOTg0LDE5Ny4xODgsMjgyLjA4MiwxOTUuMjg1eiIgZmlsbD0iI2M0YzRjNCIvPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo=);
         background-size: 10px;
          background-position: 100% 65%;
          background-repeat: no-repeat;
	}
	.topBrands li a {
		color: #000;
		font-weight: bold;
		font-size: 16px;
		width: 100%;
		display: block;
	}
	.topBrands li a:hover {
		color: #000;
	}
	.topBrands li .subDiv {
		position: relative;
		top: 0;
		left: 0;
		width: 100%;
		max-height: inherit;
		opacity: 1;
		box-shadow: none;
		border: 0;
		padding: 10px;
		display: none;
		background: transparent;
	}
	.topBrands li .subDiv .arrow {
		display: none!important;
	}
	.mobCat .catalogNavigation {
		display: block;
		position: relative;
		top: 0;
		left: 0;
	}
	.catalogNavigation .firstUl {
		width: 100%;
		min-height: inherit;
	}
	.catalogNavigation div.subDiv{
		position: relative;
		left: 0;
		min-width: 100%;
		padding: 0 0 0 15px;
	}
	.catalogNavigation div.subDiv ul li .subDiv {
		left: 0;
	}
	.catalogNavigation .firstUl > li {
		border-bottom: 1px solid #8C7228;
	}
	.catalogNavigation .firstUl > li:nth-child(1) {
		border-top: 1px solid #8C7228;
	}
	.catalogNavigation div.subDiv ul {
		width: 100%;
		padding-top: 0;
	}
	.catalogNavigation div.subDiv ul li {
	    padding: 6px 0;
		line-height: 1;
		width: 100%;
	}
	.catalogNavigation div.subDiv ul li a {
		padding: 0;
		font-size: 16px;
	}
	.catalogNavigation .firstUl > li > a {
        padding: 10px 15px 10px 10px;
		font-size: 17px;
	}
	.catalogNavigation .firstUl > li > a.active {
        color: #8C7228;
		font-weight: 900;
	}
	.catalogNavigation .firstUl  li  a.active .right-arrow {
		-webkit-transform: rotate(90deg);
		-ms-transform: rotate(90deg);
		transform: rotate(90deg);
		top: 15%;
	}
	.catalogNavigation .firstUl li .subDiv ul li a  .right-arrow {
		top: -50%;
	}
	.catalogNavigation .firstUl li .subDiv ul li a.active  .right-arrow {
		top: -30%;
	}
	#tm2 {
		display: none!important;
	}
	.subDivTitle {
		display: none;
	}
	.mobCat .course {
		display: block;
		padding: 5px 5px 5px 10px;
		font-size: 20px;
		background: #8C7228;
		color: #fff;
	}



	#allBr {
		font-size: 20px;
		font-weight: bold;
	}
	.withBrands li:last-child {
		width: 100%;
	}

	.bookButton {
		border-left: 0;
	}
	.authorized li a {
		font-size: 12px;
		padding: 11px 2px 12px 2px;
	}
	.logo {
		position: absolute;
		top: 5px;
		left: 0;
		right: 0;
		margin: auto;
		display: block;
		width: 100px;
	}
	.headerCenter {
		padding: 5px 0;
	}
	.headerBottom {
		padding: 0;
	}
	.responsiveBar {
		height: 50px;
		display: flex;
		border-bottom: 1px solid #ddd;
	}
	.flex-grow-1 {
	    -ms-flex-positive: 1!important;
	    flex-grow: 1!important;
		display: flex;
	}
	.telButton {
		width: 50px;
	    float: left;
	    border-right: 1px solid #ddd;
	    height: 100%;
		background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMS4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDQ4MC41NiA0ODAuNTYiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDQ4MC41NiA0ODAuNTY7IiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iMzJweCIgaGVpZ2h0PSIzMnB4Ij4KPGc+Cgk8Zz4KCQk8cGF0aCBkPSJNMzY1LjM1NCwzMTcuOWMtMTUuNy0xNS41LTM1LjMtMTUuNS01MC45LDBjLTExLjksMTEuOC0yMy44LDIzLjYtMzUuNSwzNS42Yy0zLjIsMy4zLTUuOSw0LTkuOCwxLjggICAgYy03LjctNC4yLTE1LjktNy42LTIzLjMtMTIuMmMtMzQuNS0yMS43LTYzLjQtNDkuNi04OS04MWMtMTIuNy0xNS42LTI0LTMyLjMtMzEuOS01MS4xYy0xLjYtMy44LTEuMy02LjMsMS44LTkuNCAgICBjMTEuOS0xMS41LDIzLjUtMjMuMywzNS4yLTM1LjFjMTYuMy0xNi40LDE2LjMtMzUuNi0wLjEtNTIuMWMtOS4zLTkuNC0xOC42LTE4LjYtMjcuOS0yOGMtOS42LTkuNi0xOS4xLTE5LjMtMjguOC0yOC44ICAgIGMtMTUuNy0xNS4zLTM1LjMtMTUuMy01MC45LDAuMWMtMTIsMTEuOC0yMy41LDIzLjktMzUuNywzNS41Yy0xMS4zLDEwLjctMTcsMjMuOC0xOC4yLDM5LjFjLTEuOSwyNC45LDQuMiw0OC40LDEyLjgsNzEuMyAgICBjMTcuNiw0Ny40LDQ0LjQsODkuNSw3Ni45LDEyOC4xYzQzLjksNTIuMiw5Ni4zLDkzLjUsMTU3LjYsMTIzLjNjMjcuNiwxMy40LDU2LjIsMjMuNyw4Ny4zLDI1LjRjMjEuNCwxLjIsNDAtNC4yLDU0LjktMjAuOSAgICBjMTAuMi0xMS40LDIxLjctMjEuOCwzMi41LTMyLjdjMTYtMTYuMiwxNi4xLTM1LjgsMC4yLTUxLjhDNDAzLjU1NCwzNTUuOSwzODQuNDU0LDMzNi45LDM2NS4zNTQsMzE3Ljl6IiBmaWxsPSIjMDAwMDAwIi8+CgkJPHBhdGggZD0iTTM0Ni4yNTQsMjM4LjJsMzYuOS02LjNjLTUuOC0zMy45LTIxLjgtNjQuNi00Ni4xLTg5Yy0yNS43LTI1LjctNTguMi00MS45LTk0LTQ2LjlsLTUuMiwzNy4xICAgIGMyNy43LDMuOSw1Mi45LDE2LjQsNzIuOCwzNi4zQzMyOS40NTQsMTg4LjIsMzQxLjc1NCwyMTIsMzQ2LjI1NCwyMzguMnoiIGZpbGw9IiMwMDAwMDAiLz4KCQk8cGF0aCBkPSJNNDAzLjk1NCw3Ny44Yy00Mi42LTQyLjYtOTYuNS02OS41LTE1Ni03Ny44bC01LjIsMzcuMWM1MS40LDcuMiw5OCwzMC41LDEzNC44LDY3LjJjMzQuOSwzNC45LDU3LjgsNzksNjYuMSwxMjcuNSAgICBsMzYuOS02LjNDNDcwLjg1NCwxNjkuMyw0NDQuMzU0LDExOC4zLDQwMy45NTQsNzcuOHoiIGZpbGw9IiMwMDAwMDAiLz4KCTwvZz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K);
	    background-position: 50% 50%;
	    background-repeat: no-repeat;
	}
	.resp-search-button {
		width: 50px;
	    float: left;
	    height: 100%;
		background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTguMS4xLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDI1MC4zMTMgMjUwLjMxMyIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjUwLjMxMyAyNTAuMzEzOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjMycHgiIGhlaWdodD0iMzJweCI+CjxnIGlkPSJTZWFyY2giPgoJPHBhdGggc3R5bGU9ImZpbGwtcnVsZTpldmVub2RkO2NsaXAtcnVsZTpldmVub2RkOyIgZD0iTTI0NC4xODYsMjE0LjYwNGwtNTQuMzc5LTU0LjM3OGMtMC4yODktMC4yODktMC42MjgtMC40OTEtMC45My0wLjc2ICAgYzEwLjctMTYuMjMxLDE2Ljk0NS0zNS42NiwxNi45NDUtNTYuNTU0QzIwNS44MjIsNDYuMDc1LDE1OS43NDcsMCwxMDIuOTExLDBTMCw0Ni4wNzUsMCwxMDIuOTExICAgYzAsNTYuODM1LDQ2LjA3NCwxMDIuOTExLDEwMi45MSwxMDIuOTExYzIwLjg5NSwwLDQwLjMyMy02LjI0NSw1Ni41NTQtMTYuOTQ1YzAuMjY5LDAuMzAxLDAuNDcsMC42NCwwLjc1OSwwLjkyOWw1NC4zOCw1NC4zOCAgIGM4LjE2OSw4LjE2OCwyMS40MTMsOC4xNjgsMjkuNTgzLDBDMjUyLjM1NCwyMzYuMDE3LDI1Mi4zNTQsMjIyLjc3MywyNDQuMTg2LDIxNC42MDR6IE0xMDIuOTExLDE3MC4xNDYgICBjLTM3LjEzNCwwLTY3LjIzNi0zMC4xMDItNjcuMjM2LTY3LjIzNWMwLTM3LjEzNCwzMC4xMDMtNjcuMjM2LDY3LjIzNi02Ny4yMzZjMzcuMTMyLDAsNjcuMjM1LDMwLjEwMyw2Ny4yMzUsNjcuMjM2ICAgQzE3MC4xNDYsMTQwLjA0NCwxNDAuMDQzLDE3MC4xNDYsMTAyLjkxMSwxNzAuMTQ2eiIgZmlsbD0iIzAwMDAwMCIvPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo=);
	    background-position: 50% 50%;
	    background-repeat: no-repeat;
	}
	.resp-tg-button, .resp-viber-button {
		-ms-flex: 0 0 50px;
		flex: 0 0 50px;
		max-width: 50px;
		font-size: 25px;
		font-weight: bold;
		text-transform: uppercase;
		text-align: center;
		border-left: 1px solid #e5e5e5;
		border-right: 1px solid #e5e5e5;
		line-height: 2.3;
	}
	.resp-tg-button span:before {
		color: #458ecb;
	}

	.resp-catalog-button {
		font-size: 16px;
		font-weight: bold;
		text-transform: uppercase;
		text-align: center;
		line-height: 3.3;
		background: rgba(77, 79, 65, 1);
		padding-left: 10px;
		color: white;
		-ms-flex-positive: 1!important;
	    flex-grow: 1!important;
	    display: flex;
	}
	.resp-catalog-button:after {
		content: '+';
		margin-left: 5px;
	}

	.brands {
		padding: 10px;
		-ms-flex-wrap: wrap;
    	flex-wrap: wrap;
	}
	.brands a {
		padding: 10px;
		-ms-flex: 0 0 25%;
	    flex: 0 0 25%;
	    max-width: 25%;
	}
	.title {
    	padding: 10px 5px;
	}
	.catalog .col-md-6, .catalog .col-lg-2 {
		-ms-flex: 0 0 33.3333333%;
	    flex: 0 0 33.33333333%;
	    max-width: 33.3333333%;
	}
	.noVisible {
		padding:  5px;
	}
	.margin-top-md {
		margin-top: 12px;
	}
	.margin-top-lg {
		margin-top: 10px;
	}
	.margin-top-xs {
		margin-top: 7px;
	}
	.margin-top-sm {
		margin-top: 5px;
	}
	.margin-top-s {
		margin-top: 3px;
	}
	.padding_30 {
		padding: 15px;
	}
	.padding_20 {
		padding: 10px;
	}
	.footerTop {
		padding: 10px 0;
	}
	.footerTop .col-lg-3 {
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.footerTop ul {
		margin-top: 5px;
	}
	.footerBottom .d-flex div:nth-child(2) {
		text-align: right;
	}
	.footerBottom .d-flex div:nth-child(1) {
		-ms-flex: 0 0 auto;
	    flex: 0 0 auto;
	    width: auto;
	    max-width: none;
	}
	.catalog, .mainButtons {
		margin-left: 0!important;
		margin-right: 0!important;

	}
		.prBox .mainButtons {
		flex: 100%;
		min-width: 190px;
	}
	.product .prBox .icon-svg6 {
		display: none;
	}
	.prBox .col, .prBox .d-flex {
		min-width: 100%;
	}
	.prDF {
		padding: 0 5px;
	}
	.prBox .mainButtons .col-4 {
		-ms-flex: 0 0 45%;
    flex: 0 0 45%;
    max-width: 45%;
	}
	.prBox .mainButtons .col-8 {
		-ms-flex: 0 0 55%;
    flex: 0 0 55%;
    max-width: 55%;
	}
	.prDF .mainButtons {
		margin-left: -5px!important;
		margin-right: -5px!important;
	}
	.prDF .mainButtons .col-8 {
		flex-grow: 1;
		        flex: auto;
				max-width: inherit;
	}
	.prDF form .mainButtons .col-4 {
		flex: 0 0 110px;
         max-width: 110px;
	}
	.productPrice .greenButton span + span {
		display: none;
	}
	.number input {
		min-width: 29px;
		width: 29px;
		padding: 0;
		box-sizing: border-box;
		display: block;
	}

	.containerForChekbox  {
		top: 5px;
	}
	.filterButton {
		width: 100%;
		position: fixed;
		bottom: 0px;
		left: 0;
		z-index: 98;
		background: #fff;
		padding: 10px 0;
		text-align: center;
		border: 1px solid #4D4F41;
	}
	.filterButton.active {
		display: none;
	}
	.filterButton .icon {
		width: 24px;
		height: 24px;
		display: inline-block;
		vertical-align: middle;
		background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjI0cHgiIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAwIDQ1OSA0NTkiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDQ1OSA0NTk7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPGc+Cgk8ZyBpZD0iZmlsdGVyIj4KCQk8cGF0aCBkPSJNMTc4LjUsMzgyLjVoMTAydi01MWgtMTAyVjM4Mi41eiBNMCw3Ni41djUxaDQ1OXYtNTFIMHogTTc2LjUsMjU1aDMwNnYtNTFoLTMwNlYyNTV6IiBmaWxsPSIjMDAwMDAwIi8+Cgk8L2c+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==);
		margin-right: 5px;
	}
	.Fil {
	   display: none;
	   position: fixed;
	   z-index: 99999;
	   height: 100%;
	   background: white;
	   left: 0;
	   top: 0;
	   overflow-y: scroll;
	   border-radius: 0;
	   width: 80%;
	   padding: 0 10px 50px 10px;
   }
   body.no-scroll {
	   overflow: hidden;
   }
   .filterBox {
    	padding: 10px 0px;
	}

	.clearCart {
		margin-top: 10px;
	}
	.center {
		padding: 10px 0;
	}
	.SortOne .col-lg-9, .SortOne .col-lg-3 {
    	padding-left: 5px;
    	padding-right: 5px;
	}
	.SortOne .col-lg-9 {
		-ms-flex: 0 0 75%;
	    flex: 0 0 75%;
	    max-width: 75%;
	}
	.SortOne .col-lg-3 {
		-ms-flex: 0 0 25%;
	    flex: 0 0 25%;
	    max-width: 25%;
	}
	.SortOne .row {
		margin-left: -5px;
		margin-right: -5px;
	}
	.cloud {
	    position: absolute;
	    width: 100%;
	    height: 100%;
	    z-index: 99;
	    left: 0;
	    top: 0;
	}
	.zoomContainer {
		display: none!important;
	}
	.zoomWrapper img {

		max-width: 100%;
		height: auto!important;
		    max-height: 100%;

	}
	.product-main {
		position: relative;
	}
	#gallery_01 a {
		width: 100%;
	}
	.i-ul {
		text-align: left;
		margin-top: 10px;
		margin-bottom: 10px;
	}
	.lkNav {
		display: block!important;
	}
	.lkNav li {
		display: block;
	}
	.ordM {
		margin-top: 20px;
	}
	.p5 {
		padding: 5px;
	}
	.footer {
		text-align: center;
	}
	#popup__toggle{bottom:25px;right:-5px;position:fixed;z-index:999;display: none;}
	.img-circle{background-color:#83b00b;box-sizing:content-box;-webkit-box-sizing:content-box;}
	.circlephone{box-sizing:content-box;-webkit-box-sizing:content-box;border: 2px solid #83b00b;width:120px;height:120px;bottom:-25px;right:10px;position:absolute;-webkit-border-radius:100%;-moz-border-radius: 100%;border-radius: 100%;opacity: .5;-webkit-animation: circle-anim 2.4s infinite ease-in-out !important;-moz-animation: circle-anim 2.4s infinite ease-in-out !important;-ms-animation: circle-anim 2.4s infinite ease-in-out !important;-o-animation: circle-anim 2.4s infinite ease-in-out !important;animation: circle-anim 2.4s infinite ease-in-out !important;-webkit-transition: all .5s;-moz-transition: all .5s;-o-transition: all .5s;transition: all 0.5s;}
	.circle-fill{box-sizing:content-box;-webkit-box-sizing:content-box;background-color:#83b00b;width:70px;height:70px;bottom:0px;right:35px;position:absolute;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;border: 2px solid transparent;-webkit-animation: circle-fill-anim 2.3s infinite ease-in-out;-moz-animation: circle-fill-anim 2.3s infinite ease-in-out;-ms-animation: circle-fill-anim 2.3s infinite ease-in-out;-o-animation: circle-fill-anim 2.3s infinite ease-in-out;animation: circle-fill-anim 2.3s infinite ease-in-out;-webkit-transition: all .5s;-moz-transition: all .5s;-o-transition: all .5s;transition: all 0.5s;}
	.img-circle{box-sizing:content-box;-webkit-box-sizing:content-box;width:42px;height:42px;bottom: 14px;right: 49px;position:absolute;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;border: 2px solid transparent;opacity: .7;}
	.img-circleblock{box-sizing:content-box;-webkit-box-sizing:content-box;width:42px;height:42px;background-image:url(../images/mini.png);background-position: center center;background-repeat:no-repeat;background-size: 15px;animation-name: tossing;-webkit-animation-name: tossing;animation-duration: 1.5s;-webkit-animation-duration: 1.5s;animation-iteration-count: infinite;-webkit-animation-iteration-count: infinite;}
	.img-circle:hover{opacity: 1;}
	@keyframes pulse {0% {transform: scale(0.9);opacity: 1;}
	  50% {transform: scale(1); opacity: 1; }
	  100% {transform: scale(0.9);opacity: 1;}}
	 @-webkit-keyframes pulse {0% {-webkit-transform: scale(0.95);opacity: 1;}
	  50% {-webkit-transform: scale(1);opacity: 1;}
	  100% {-webkit-transform: scale(0.95);opacity: 1;}}
	@keyframes tossing {
	  0% {transform: rotate(-8deg);}
	  50% {transform: rotate(8deg);}
	  100% {transform: rotate(-8deg);}}
	@-webkit-keyframes tossing {
	  0% {-webkit-transform: rotate(-8deg);}
	  50% {-webkit-transform: rotate(8deg);}
	  100% {-webkit-transform: rotate(-8deg);}}
	@-moz-keyframes circle-anim {
	  0% {-moz-transform: rotate(0deg) scale(0.5) skew(1deg);opacity: .1;-moz-opacity: .1;-webkit-opacity: .1;-o-opacity: .1;}
	  30% {-moz-transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .5;-moz-opacity: .5;-webkit-opacity: .5;-o-opacity: .5;}
	  100% {-moz-transform: rotate(0deg) scale(1) skew(1deg);opacity: .6;-moz-opacity: .6;-webkit-opacity: .6;-o-opacity: .1;}}
	@-webkit-keyframes circle-anim {
	  0% {-webkit-transform: rotate(0deg) scale(0.5) skew(1deg);-webkit-opacity: .1;}
	  30% {-webkit-transform: rotate(0deg) scale(0.7) skew(1deg);-webkit-opacity: .5;}
	  100% {-webkit-transform: rotate(0deg) scale(1) skew(1deg);-webkit-opacity: .1;}}
	@-o-keyframes circle-anim {
	  0% {-o-transform: rotate(0deg) kscale(0.5) skew(1deg);-o-opacity: .1;}
	  30% {-o-transform: rotate(0deg) scale(0.7) skew(1deg);-o-opacity: .5;}
	  100% {-o-transform: rotate(0deg) scale(1) skew(1deg);-o-opacity: .1;}}
	@keyframes circle-anim {
	  0% {transform: rotate(0deg) scale(0.5) skew(1deg);opacity: .1;}
	  30% {transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .5;}
	  100% {transform: rotate(0deg) scale(1) skew(1deg);
	opacity: .1;}}
	@-moz-keyframes circle-fill-anim {
	  0% {-moz-transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;}
	  50% {-moz-transform: rotate(0deg) -moz-scale(1) skew(1deg);opacity: .2;}
	  100% {-moz-transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;}}
	@-webkit-keyframes circle-fill-anim {
	  0% {-webkit-transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;  }
	  50% {-webkit-transform: rotate(0deg) scale(1) skew(1deg);opacity: .2;  }
	  100% {-webkit-transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;}}
	@-o-keyframes circle-fill-anim {
	  0% {-o-transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;}
	  50% {-o-transform: rotate(0deg) scale(1) skew(1deg);opacity: .2;}
	  100% {-o-transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;}}
	@keyframes circle-fill-anim {
	  0% {transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;}
	  50% {transform: rotate(0deg) scale(1) skew(1deg);opacity: .2;}
	  100% {transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;}}
	.j-opacity-block {
    display: block;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    position: fixed;
    opacity: 0;
    visibility: hidden;
    background-color: #000;
    z-index: 0;
    opacity: 0;
    transition: visibility .3s ease,opacity .3s ease;
}
.j-opacity-block.active {
    visibility: visible;
    opacity: .8;
    z-index: 9999999;
}
.j-content-block {
    position: fixed;
    width: 100%;padding:15px;
    z-index: 9999999999;
    padding-bottom: 10px;
    bottom: 0;
    left: -100%;
    background-color: #fff;
    transition: left .5s ease-in-out;
}
.j-content-block.active {
    left: 0;
}
.menuTitle_gc{    display: block;z-index:9999;
    font-size: 18px;
	text-transform:uppercase;
    font-family: sans-serif;

    margin-top: 5px;
    margin-bottom: 15px;
    transition: opacity .3s ease;}


	.j-content-block a{
    display: inline-block;width:100%;border-top:1px solid #ddd;
   padding:10px 0px;
    font-size: 14px;
    color: #000;
    font-family: sans-serif;}
	.j-content-block a:hover{text-decoration:none;}
	.j-content-block a img, .j-content-block a span {vertical-align:middle;}
	.j-content-block a img{margin-right:5px;}
	.top-contacts li img{display:none;}

	.j-content-block a.j-cancel{display:block;border:0;}
	.j-content-block a.j-cancel span {display:block;text-align:center;text-transform:uppercase;padding:9px 0;font-size:14px;text-transform:uppercase;border:1px solid #ddd;}
	.j-content-block a#telegramLink {border-top:0;}
	.j-content-block a#telegramLink span{font-size:13px;text-align:center;padding-top:11px;padding-bottom:11px;display:block;color:white;background:#2ba6e1;margin-top:10px;}
	.TeL .vam{float:left;}
	.TeL b{float:right;}
	.TeL span{width:100%;}
	.TeL  .icon-svg17:before {
		color: #2ba6e1;
	}
	.zoomWrapper {
		max-width: 100%!important;
		min-height: inherit;
		height: 350px!important;
	}
	.product-main .containerForBadge {
		z-index: 8;
		right: 0;
		width: 100%;
		text-align: right;
	}
	.product-main .containerForBadge .badge {
		display: inline-block;
		margin-bottom: 0;
		margin-left: 5px;
		vertical-align: top;
	}
	.statUlone li {
		padding: 5px;
	}
	.moves .col-lg-2 {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
		padding-top: 20px;
		padding-bottom: 20px;
		position: relative;
	}
	.moves .col-lg-2:before {
		display: none;
	}

	.modal-content .dismiss, .popover-body .dismiss {
		margin-top: 0;
	}
	.telegramButton, .viberButton {
		display: none;
	}

	.vis-no {
		display: none;
	}
	.wi {
		margin-bottom: 20px;
	}
	.topNav li ul {
		position: relative;
	}
	#go-top {
		right: inherit;
		left: 5px;
	}
	.ItemDiv {
		min-height: inherit;
	}
	.manyColorsTable td:last-child form {
		width: 165px;
	}
	.manyColorsTable .greenButton {
		text-align: center;
		display: inline-block;
		width: 100%;
		padding: 0;
		line-height: 0;
		position: relative;
	}
	.greenButton span {
		text-align: center;
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		margin: auto;
		line-height: 1.8;
	}
	.manyColorsTable .book {
		display: inline-block;
		text-align: center;
		min-width: 40px;
	}
	.static .no_pred span, .static .is_pred  span {
		line-height: 2.2;
		font-size: 25px;
	}

	.orderTable .number input {
		padding: 0;
		box-sizing: border-box;
	}
	.catalog .col-lg-3 {
	    -ms-flex: 0 0 50%;
	    flex: 0 0 50%;
	    max-width: 50%;
	}
	.headerTop .container {
		display: block;
		position: relative;
	}
	.headerTop-left {
		width: 100%;
	}
	.headerTop-right {
		margin-left: 0;
	}
	.hr-1 {
		height: 55px;
	}
	.logo svg {
		width: 100px;
		height: auto;
	}
	.number .minus, .number .plus {
		width: 25%;
	}
	.number input {
		width: 50%;
		padding: 0;
		box-sizing: border-box;
	}
	.rightSort {
		display: none!important;
	}
	#ordering-form .row {
		-ms-flex-direction: column-reverse!important;
    	flex-direction: column-reverse!important;
	}
	#ordering-form .row .col-lg-3 {
		margin-top: 10px;
	}
	.static .col-lg-3 {
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.static .font-24 {
		font-size: 17px;
	}
}

@media only screen and (max-width: 768px) {
	.font-36 {
    	font-size: 20px;
	}
	.font-20 {
		font-size: 16px;
	}
	.font-18 {
		font-size: 15px;
	}
	section.orangeBg .col-8, section.orangeBg .col-4 {
		-ms-flex: 0 0 100%;
	    flex: 0 0 100%;
	    max-width: 100%;
	}
	.SortOne .col-lg-9 {
		-ms-flex: 0 0 60%;
	    flex: 0 0 60%;
	    max-width: 60%;
	}
	.SortOne .col-lg-3 {
		-ms-flex: 0 0 40%;
	    flex: 0 0 40%;
	    max-width: 40%;
		padding-right: 10px;
	}
	.SortTwo .d-flex {
		-ms-flex-wrap: wrap;
    	flex-wrap: wrap;
	}
	.SortTwo .d-flex .otb {
		-ms-flex: 0 0 100%;
	    flex: 0 0 100%;
	    max-width: 100%;
		margin-bottom: 10px;
	}
	.quickSelection {
		width: 88%;
	}
	.SortOne, .SortTwo  {
		padding: 10px 5px;
	}



	.sorting .sortOne {
		width: 100%;
	}
	.listTable tr {
		display: inline-block;
		width: 100%;
	}
	.listTable tr td {
		padding: 5px;
		display: block;
		float: left;
		min-height: 50px;
		text-align: left!important;
	}
	.listTable tr td:nth-child(1) {
		padding: 5px;
		width: 10%;
	}
	.listTable tr td:nth-child(2) {
		width: 20%;
		text-align: center;
	}
	.listTable tr td:nth-child(2) img {
		height: 40px;
		width: auto;
	}
	.listTable tr td:nth-child(3) {
		width: 70%;
	}
	.listTable tr td:nth-child(4) {
		width: 50%;
		text-align: right;
	}
	.listTable tr td:nth-child(4) div {
		display: inline-block;
	}
	.listTable tr td:nth-child(5) {
		width: 50%;
		min-height: 40px;
	}
	.listTable tr td:nth-child(6) {
		width: 100%;
		min-height: 40px;
	}
	button.close {
		z-index: 99;
	}
	.history td:last-child {
		text-align: left!important;
	}
	.history, .history thead, .history tbody, .history th, .history td, .history tr,
		.oneOrder, .oneOrder thead, .oneOrder tbody, .oneOrder th, .oneOrder td, .oneOrder tr {
		display: block;
	}
	.history thead tr , .oneOrder thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	.history tr , .oneOrder tr { border: 1px solid #ccc; }
	.history td , .oneOrder td {
		border: none;
		border-bottom: 1px solid #eee;
		position: relative;
		padding: 5px;
		padding-left: 50%!important;
	}
	.history td:before, .oneOrder td:before {
		position: absolute;
		top: 6px;
		left: 6px;
		width: 45%;
		padding-right: 10px;
		white-space: nowrap;
	}

		.oneOrder td:nth-of-type(1):before { content: "ФОТО"; }
		.oneOrder td:nth-of-type(2):before { content: "НАЗВАНИЕ"; }
		.oneOrder td:nth-of-type(3):before { content: "ЦЕНА"; }
		.oneOrder td:nth-of-type(4):before { content: "КОЛ-ВО"; }
		.oneOrder td:nth-of-type(5):before { content: "СУММА"; }
		.oneOrder tr td:nth-child(2), .oneOrder tr th:nth-child(2) {
			max-width: 100%;
		}


	.history td:nth-of-type(1):before { content: "Дата"; }
	.history td:nth-of-type(2):before { content: "Номер заказа"; }
	.history td:nth-of-type(3):before { content: "Сумма"; }
	.history td:nth-of-type(4):before { content: "Статус оплаты	"; }
	.history td:nth-of-type(5):before { content: "Статус заказа"; }
	.history td:nth-of-type(6):before { content: ""; }

	.history.nakladnie td:nth-of-type(1):before { content: "Данные"; }
	.history.nakladnie td:nth-of-type(2):before { content: "Время"; }
	.history.nakladnie td:nth-of-type(3):before { content: "Номер накладной"; }
	.history.nakladnie td:nth-of-type(4):before { content: "Скачать накладную"; }

	/* .orderTable tr td:nth-child(4), .orderTable tr th:nth-child(4), .orderTable tr td:nth-child(5), .orderTable tr th:nth-child(5) {
		max-width: 100%;
		width: 100%;
	} */

	.orderTable {
		display: block;
	}
	.orderTable thead {
		display: none;
	}
	.orderTable tr {
		display: inline-block;
		width: 100%;
		position: relative;
		padding-top: 5px;
		padding-bottom: 15px;
	}
	.orderTable tr:nth-child(1) {
		border-top: 1px solid #e5e5e5;
	}
	.orderTable td {
		display: block;
		float: left;
		padding: 2px 5px;
	}
	.orderTable tr td:nth-child(1) {
		position: absolute;
		top: 50px;
	}
	.orderTable tr td:nth-child(2) {
		width: 20%;
	    min-height: 65px;
	}
	.orderTable td img {
	    max-width: 50px;
	}
	.orderTable tr td:nth-child(3) {
		position: absolute;
	}
	.orderTable tr td:nth-child(4) {
		width: 68%;
		    min-height: 65px;
	}
	.orderTable tr td:nth-child(5) {
		position: absolute;
		bottom: 0;
	}
	.orderTable tr td:nth-child(6){
		width: 25%;
		padding-top: 6px;
	}
	.orderTable tr td:nth-child(7) {
		width: 50%;
	}
	.orderTable tr td:nth-child(8) {
		width: 25%;
		padding-top: 6px;
	}
	.orderTable .number {
    	width: 100%;
	}


	.commentButton  {
		display: inline-block;
	}
	.orderTable tr td:last-child {
		position: absolute;
		right: 0;
		top: 5px;
		text-align: center;
	}
	.closeTr {
		display: inline-block;
	}

	.cartButtonsDiv {
		padding: 10px 5px;
	}
	.threeButton {
		-ms-flex-wrap: wrap;
    	flex-wrap: wrap;
		width: 100%;
	}
	.cartButtonsDiv .col-lg-9 {
		-ms-flex-pack: start !important;
		justify-content: start !important;
	}
	.threeButton a, .threeButton button {
		width: 100%;
		min-width: 100%;
		flex: 100%;
		margin-left: 0;
		margin-top: 5px;
		margin-bottom: 5px;
	}
	.price-table tr td {
		display: block;
		padding: 5px 10px;
	}
	.price-table tr td:nth-child(1) {
		padding-left: 10px;
	}
	.preim .d-flex {
		-ms-flex-wrap: wrap;
    	flex-wrap: wrap;
	}
	.preim .col-auto {
		-ms-flex: 0 0 100%;
	    flex: 0 0 100%;
	    max-width: 100%;
		border-bottom: 1px solid #e5e5e5;
		border-right: 0;
	}
	.wishlistTable tr {
		position: relative;
	}
	.wishlistTable tr td:nth-child(1) {
		padding: 5px;
		width: 80px;
	}
	.wishlistTable tr td:nth-child(1) img {
		max-width: 100%;
		height: auto;
	}
	.wishlistTable tr td:nth-child(2) {
		width: 65%;
		text-align: center;
	}
	.wishlistTable tr td:nth-child(2) img {
		height: 40px;
		width: auto;
	}
	.wishlistTable tr td:nth-child(3) {
		width: 100%;
		min-height: 30px;
	}
	.wishlistTable .ItemName {
		height: 55px;
	}
	.wishlistTable tr td:nth-child(3) span {
		display: inline-block;
		margin-right: 20px;
	}
	.wishlistTable tr td:nth-child(4) {
		position: absolute;
		text-align: right;
		width: inherit;
		right: 0;
		top: 86px;
		min-height: 10px;
		width: auto;
	}
	.wishlistTable tr td:nth-child(4) div {
		display: inline-block;
	}
	.wishlistTable tr td:nth-child(5) {
		width: 100%;
		min-height: 40px;
	}
	#variants .listTable tr {
		position: relative;
	}
	#variants .listTable tr td:nth-child(1) {
		padding: 5px;
		width: 50px;
	}
	#variants .listTable tr td:nth-child(1) img {
		max-width: 100%;
		height: auto;
	}
	#variants .listTable tr td:nth-child(2) {
		width: 65%;
		text-align: center;
	}
	#variants .listTable tr td:nth-child(2) img {
		height: 40px;
		width: auto;
	}
	#variants .listTable tr td:nth-child(3) {
		position: absolute;
		right: 0;
		top: 0;
		width: initial;
	}
	#variants .listTable tr td:nth-child(4) {
		position: absolute;
		text-align: right;
		width: inherit;
		left: 50px;
    	top: 20px;
		min-height: 10px;
		width: auto;
	}
	#variants .listTable tr td:nth-child(5) {
		width: 100%;
		min-height: 40px;
	}
	#variants .listTable tr td:nth-child(5) form {
		margin-left: 0;
		width: 100%;
	}

}

@media only screen and (max-width: 480px) {
	.modal-content {
		padding: 20px;
	}
	.brands a {
		padding: 10px;
		-ms-flex: 0 0 50%;
	    flex: 0 0 50%;
	    max-width: 50%;
	}
	.catalog .col-md-6, .catalog .col-lg-2 {
		-ms-flex: 0 0 50%;
	    flex: 0 0 50%;
	    max-width: 50%;
	}
	.oneService {
		padding: 10px;
	}
	.soc {
		height: 90px;
	}
	.bordRad  {
		padding: 10px;
	}
	.modal {
		z-index: 9999;
	}
	#pikame li img {
	    width: 40px!important;
    	height: 40px!important;
	}
	.product .col-2 {
		-ms-flex: 0 0 25%;
	    flex: 0 0 25%;
	    max-width: 25%;
	}
	.product .col-10 {
		-ms-flex: 0 0 75%;
	    flex: 0 0 75%;
	    max-width: 75%;
	}
	#gallery_01 a {
		margin: 0;
	}
	#gallery_01 {
		margin: 0 0 20px 0;
	}
	.prBox .col, .prBox .d-flex {
		padding-top: 5px;
		padding-bottom: 5px;
	}
	.zoomWrapper {
		max-width: 100%!important;
		min-height: inherit;
		height: 250px!important;
	}
	.newsOnmain .row .col-3 {
    	padding-left: 0;
    	padding-right: 0;
		-ms-flex: 0 0 100%;
	    flex: 0 0 100%;
	    max-width: 100%;
	}
	.modal-content .manyColorsTable tbody tr {
		display: -ms-flexbox;
	    display: flex;
	    -ms-flex-wrap: wrap;
	    flex-wrap: wrap;
		width: 100%;
	}
	.modal-content .manyColorsTable tr td:nth-child(1), .modal-content .manyColorsTable tr td:nth-child(2) {
		display: block;
		min-width: 50%;
		flex: 50%;
		height: auto;
	}
	.modal-content .manyColorsTable tr td:nth-child(3) {
		min-width: 100%;
		flex: 100%;
		height: auto;
	}
	.popover {
		max-width: 360px;
	}
	.popover-body, .popover-body .font-13 {
		font-size: 12px;
	}
	.statTableOne {
		margin-top: 5px;
	}
	#variants .catalog .col-lg-3 {
		-ms-flex: 0 0 100%;
	    flex: 0 0 100%;
	    max-width: 100%;
	}
}
