@media (min-width: 1231px) and (max-width: 1350px) {
    .listTable tr td, .listTable thead tr th {
        padding: 5px;
    }
    .listTable tr td:nth-child(1) {
        padding-left: 10px;
    }
    .COMitem .divForImg {
      height: 170px;
      min-height: 170px;
    }
}
@media (min-width: 992px) and (max-width: 1230px) {


}



@media only screen and (max-width: 1350px) {
    .tels {
        font-size: 13px;
    }
    .moreInfo {
        padding: 10px 15px;
    }
    .threeButton a, .threeButton button {
        width: 165px;
    }
   
    .catalogNavigationWrapper {
        position: relative;
        max-width: 1200px;
      }
}



@media only screen and (max-width: 1230px) {
	.center {
		padding: 10px 0;
	}
	.container {
		padding: 0 10px;
	}
	.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;
	}
	.brandsOnMain .col-lg-4 {
		margin-bottom: 10px;
	}
	.main-container {
		margin: 0 -5px;
	}
	.main-left {
		width: 70%;
		padding: 0 5px;
	}
	.main-right {
		width: 30%;	
		padding: 0 5px;
	}
	.COMitem {
		padding: 10px;
	}
	.news-on-main-title {
		padding: 0 10px;
		height: 50px;
	}
	.news-on-main-ul li {
		padding: 10px;
	}
	.brands_on_main_container {
		padding: 10px;
	}
	.brand_on_main {
		margin: 10px -5px 0 -5px;
	}
	.brand_on_main li {
		padding: 0 5px;
		margin-bottom: 10px;
	}
	#tab-on-main {
		width: 70%;
	}
	.tabs-on-main-container nav {
		height: 60px;
		padding: 0 10px;
	}
	.slick-btn-wrap {
		top: 10px;
		right: 10px;
	}
	.ItemDiv .paddingBlock {
		padding: 10px;
	}
	.ItemDiv .book {
		right: 10px;
		top: 10px;
	}
	.form_div {
		margin-left: 10px;
	}
	.title-with-crumbs {
		height: 50px;
		padding: 0 10px;
		margin: -10px 0 10px 0;
	}
	.catalog_left {
		width: 75%;
		padding: 0 5px;
	}
	.catalog-right {
		width: 25%;	
		padding: 0 5px;
	}
	.SortOne {
		padding: 0 10px;
	}
	.listTable thead tr th {
		padding: 0 5px;
		font-size: 12px;
	}
	.listTable tr td {
		padding: 0 5px;
		font-size: 12px;
	}
	.listTable thead tr th:nth-child(1) {
		padding-left: 10px;
	}
	.listTable tr td:nth-child(1) {
		padding-left: 10px;
	}
	.catalog .col-lg-3 {
		-ms-flex: 0 0 33.3333%;
		flex: 0 0 33.3333%;
		max-width: 33.3333%;
	}
	.listTable .mainButtons {
		min-width: 180px;
	}
	.checkout-left {
		width: 25%;
		padding: 0 5px;
	}
	.checkout-right {
		width: 75%;
		padding: 0 5px;
	}
	.checkout-left-content {
		padding: 10px;
	}
	.orderTable td, .orderTable th {
		padding: 0 10px;
	}
	.orderTable tr td:nth-child(1), .orderTable tr th:nth-child(1) {
		padding-left: 10px;
	}
	.after-cart-block {
		padding: 10px;
	}
	.after-cart-block-button {
		padding: 10px;
	}
	.cabinet-left {
		width: 25%;
		padding: 0 5px;
	}
	.cabinet-right {
		width: 75%;
		padding: 0 5px;
	}
	.cabinet-left-container {
		padding: 10px;
	}
	.lk-ud {
		padding: 10px;
	}
	.padding_20 {
		padding: 10px;
	}
	.news-on-main-ul li div:nth-child(2) a {
		line-height: 18px;
	}
	.COMitem div:nth-child(1) {
		margin-right: 10px;
	}
	
	
	
	
	
	
	
  .catalogNavigationWrapper {
      position: relative;
      max-width: 960px;
	  margin: 125px 10px 125px;
    }

    .headerSearchContainer .mainButtons {
        width: 140px;
    }
	.catalogMenu li a {
		font-size: 14px;
	}
	.headerTop .row {
		margin-left: -5px;
		margin-right: -5px;
	}
	.headerTop .col-auto {
		padding-left: 5px;
		padding-right: 5px;
	}
	.topNav li {
		padding: 0 5px;
	}
	.topNav li a  span {
		font-size: 14px;
	}
    .topNavigation li {
        padding: 0 5px;
    }
    .topNav li a [class^="icon-"], .topNav li a [class*=" icon-"] {
        font-size: 18px;
    }


    
    .authIcon {
        margin-left: 0;
    }

    .tels {
        font-size: 12px;
    }
    .tels a:nth-child(2) {
        margin-left: 10px;
    }
    header.fixed .tels a:nth-child(2) {
        margin-left: 20px;
    }
    .col-auto.r {
        -ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
    }
    .mainButtons {
        margin-left: 0px!important;
        margin-right: 0px!important;
    }
    .oTa tr td {
        padding: 5px 5px;
    }
	.categotiesName {
		display: inline-block;
		width: 95%;
	}
	.bannerAbolute {
		padding: 10px;
	}
	
	.filterBox {
		padding: 10px;
	}
	.quickSelection {
		width: 220px;
	}
	.priceFilter .font-16 {
		font-size: 13px;
	}
	.priceFilter .border {
    	padding: 8px 5px;
	}
	.font-13 {
		font-size: 11px;
	}
    .ordM .font-16 {
        font-size: 13px;
    }
    .balance {
        padding: 10px;
    }
    .moreInfo {
        font-size: 12px;
    }


    .ulbox label span {
        font-size: 13px;
    }
    .number input {
        width: 50%;
        padding: 0;
        box-sizing: border-box;
    }
    .number .minus, .number .plus {
        width: 25%;
    }
    .lkNav li a {
        font-size: 14px;
    }
    .brandsUl li a {
        font-size: 14px;
    }
    .fl_upld .col-8, .fl_upld .col-4 {
        padding-left: 5px;
        padding-right: 5px;
    }
}

@media only screen and (min-width: 992px) {
	.respSearchButton, .respAuthButton, .filterButton, .mobileCatButton, .gamburger, .visInResponsive {
		display: none!important;
	}
    .left_menu_block .topNav , .left_menu_block .topNavigation {
        display: none;
    }
    .catalogNavigationWrapper .topNavigation {
      display: none;
    }
	.mobile-search-button, .return-button, .menu-top-1, .menu-top-2, .menu-top-3, .menu-top-4 {
		display: none;
	}
	
}
@media only screen and (min-width: 768px) {
	.desctop-hidden {
		display: none;
	}
}

@media only screen and (max-width: 991px) {
    
    .logo {
        margin-top: 0;
    }
	.headerBottom .d-flex {
		height: 50px;
		justify-content: space-between;
		padding: 0;
	}

	.catalogNavigationWrapper .topNavigation {
		display: block!important;
	}

    .left_menu_block {
        position: fixed;
        z-index: 10000;
        height: 100%;
        width: 80%;
        background: white;
        left: 0;
        top: 0;
        overflow-x: hidden;
        overflow-y: auto;
        display: none;
    }



   
    .main-left {
		width: 100%;
	}
	.main-right {
		width: 100%;
		margin-top: 10px;
	}
    #tab-on-main {
		width: 100%;
	}
	.slick-btn-wrap {
		width: 100%;	
		top: calc(50% - 20px);
		padding: 0 5px;
		justify-content: space-between;
	}
	.slick-btn-wrap {
		right: 0;
	}
 
.headerTop .row {

		-ms-flex-align: start!important;
    	align-items: start!important;
	}
    .radBlock .col-auto, .radBlock .row {
        display: block;
    }
    .radBlock .col-auto:nth-child(1) {
        margin-bottom: 10px;
    }
	/*.headerTop .col-auto:nth-child(4) {
		display: none;
		z-index: 100;
		width: 100%;
		left: 0;
		top: 44px;
		position: absolute;
	} */
	.headerTop .col-auto:nth-child(3) {
		font-size: 13px;
	}


	.headerBottom .bootstrap-select.sortOne.btn-group:not(.input-group-btn), .bootstrap-select.btn-group[class*="col-"] {
		display: none;
	}
    .center {
        margin-top: 50px;
    }
	.mobile-search-button svg path {
		fill: rgba(249, 83, 84, 1);
	}

    .bookButton {
		border: 0;
		margin: 0;
    }
    .bookButton a {
      
    }

    .d-flex.r {
      -ms-flex-pack: start !important;
      justify-content: flex-start !important;
    }

	.headerBottom {
		padding: 0;
	}
	.catalogButton {
		display: none;
	}
	.autorization {
		display: none!important;
        top: 101px;
        position: fixed;
        right: 0;
        width: 100%;
        background: white;
        padding: 10px;
	}
    .autorization.active {
        display: flex!important;
    }
    .authIcon {
        border: 0;
    }
    .autorization br {
        display: none;
    }
	.autorization a , .autorization span {
		color: #333;
        font-size: 18px;
        max-width: inherit;
	}
    .autorization a {
        margin-left: 20px;
    }
	.autorization .font-24 {
		font-size: 24px;
	}

	.headerTop {
		padding: 0;
		display: none;
	}
	.vis-no {
		display: none!important;
	}
	.respSearchButton, .respAuthButton {
		font-size: 24px;
        text-align: center;
        height: 50px;
        width: 50px;
        display: flex;
        align-items: center;
        justify-content: center;

	}
    .respSearchButton {
		display: none;
        width: 50px;
        height: 50px;
        margin-left: 10px;
    }


	.leftSpot {
		display: none;
	}
	.informBlock .col-lg-6:nth-child(1) {
		margin-bottom: 10px;
	}
	.footerTop {
		padding: 10px 0;
	}
	.footerTop .col-lg-3 {
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.footerTop ul {
		margin-top: 5px;
	}
	.Fil {
		display: none;
	}
    .cat5 .catalog .col-lg-4 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
	.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 ul li {
		padding: 5px 10px;
	}
	.SortOne .row {
		margin-left: -5px;
		margin-right: -5px;
	}
	.COMitem div:nth-child(2) {
		font-size: 12px;
	}
	#tab-on-main a {
		font-size: 12px;
	}
	.item-table-1 tr td {
		line-height: 1;
		font-size: 10px;
		height: 27px;
	}
	.ItemDiv .m-b-number-block {
		flex-grow: 1;
		width: auto;
	}
	.ItemDiv .m-b-buttons-block {
		min-width: 40px;
		width: 40px;
	}
	.price-table-container .price1 {
		font-size: 12px;
	}
	.price-table-container .price2 {
		font-size: 10px;
	}
	.ItemDiv .ItemName {
		font-size: 12px;
		line-height: 1.5;
		height: 38px;
	}
	.sku {
		font-size: 10px;
	}
	.brand_on_main li {
		width: 50%;
	}
	.footer .container .row {
		height: auto;
		padding: 20px 0;
	}
	.footer .container .row .col-lg-4 {
		display: flex;
		justify-content: center;
		padding-top: 5px;
		padding-bottom: 5px;
	}
	.footer .container .row .col-lg-4:nth-child(3) {
		justify-content: center;
	}
	.catalog_left {
		width: 100%;
	}
	.catalog-right {
		display: none;
	}
	.catalog .col-lg-3 {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}
	.view-box {
		display: none;
	}
	
	
	
	

   body.no-scroll {
	   overflow: hidden;
   }
   .filterBox {
    	padding: 10px 0px;
	}
	.apply {
		font-size: 12px;
		color: white;
		position: fixed;
		background: #000;
		text-transform: uppercase;
		padding: 10px 0;
		text-align: center;
		bottom: 0px;
		left: 0;
		width: 100%;
		font-weight: bold;
		display: none;
	}

	
	.cabinet-left {
		width: 100%;
	}
	.cabinet-right {
		width: 100%;
		margin-top: 10px;
	}

	.lkNav {
		display: block!important;
	}
	.lkNav li {
		display: block;
	}
	.col-md-6.charakt {
		margin-top: 20px;
	}
	.mobileLayer {
	    position: fixed;
		z-index: 99;
		height: 100%;
		width: 100%;
		background: rgba(0,0,0, 0.8);
		right: 0;
		left: 0;
		top: 0;
		will-change: opacity;
		visibility: hidden;
		opacity: 0;
		-webkit-transition: opacity .5s, visibility .2s;
		-o-transition: opacity .5s, visibility .2s;
		transition: opacity .5s, visibility .2s;
	}
	.mobileLayer.active {
		opacity: 1;
		visibility: visible;
	}
	

    .brand_button {
        height: 50px;
        background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAACtVBMVEUAAAClpaWioqKjnp6inp6goKCioKCioKCgoKCgoKChoaGgoKCioqKhoaGgoKChoKChoKChoKCgoKCqqqqqqqqhoKCioKChoKChoKCgoKCgoKCfn5+jn5+cnJyhoKChoKChoaH///+hn5+hoaGmm5uhoKCgoKCAgICkpKSjo6OhoKCin5+hoaGhoaGqqqqioKCqqqqioKChoKChoKCgoKChoKChn5+dnZ2goKCioKChoKChn5+hoKCioqKhoaGhoaGhoaGhoKCjnZ2hoKChoaGhoaGfn5+in5+hoKChoaGhoKChoKCfn5+hoKChoKCioKCioKChoKCknp6hoaGgoKC/v7+fn5+kpKShoKCin5+ioKChoKChoKCenp6jn5+goKCgoKCgoKCioqKhoKCioKChoaGhoKCdnZ2hoaGin5+hoaGgoKCmpqaioqKhoKCgoKCZmZmhoaGZmZmhoaGhoKCgoKCgoKChoaGSkpKhoKChn5+ioqKhn5+hoaGhoKCfn5+hoKCZmZmhoKCioKChoKChoaGgoKChoaGhoKCgoKChoKChoKCgoKCfn5+goKChoKChoaGhoaGgoKCin5+jnp6goKChn5+hoaGioKCenp6hn5+hoKCin5+hoKChoaGhoKChoKCioKChoKCgoKCioqKfn5+hoKChoKCioqKhoaGhoaGgoKChoKChoKCioKCin5+fn5+ioKCjnZ2goKClnJyfn5+ioqKgoKChoKCfn5+enp6hoaGhoKChoaGjo6OhoaGhoaGgoKChoaGin5+hoKChoKCgoKChoKChoKChoKChoKChoaGin5+hoKChoKCgoKChn5+hoKCin5+fn5+hoaGhn5+hoaGioqKhn5+goKCgoKCioKCgoKChoKCioKCioKCgoKChoaGhoKCin5+jn5+hoKAAAACqLkYIAAAA5XRSTlMAESEyQlNjc4SUpa8LbM3e7vxhDAajrOv7WXEYPRK8+VEBjdgX1ugCHBn3SpLQA78J8Mn0Q57IDSPKu7jxPKLFSf0v/jatCHDhTObqMLbitJb1Kr1pBCUOxFik498i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');
        width: 55px;
        background-repeat: no-repeat;
        background-size: 80%;
        background-position: 50% 50%;
		display: none;
    }

   .topNavigation li a {
       color: #fff;
   }
   .topNav {
       display: block;
       margin: 0;
   }
   .topNav li {
	   display: block;
	   padding: 10px 10px 10px 15px;
   }
   .topNav li a {
	   padding: 5px 0;
   }
   .topNav li a span + span {
	   font-size: 20px;
   }
   .topNav li a span.font-20 {
	   font-size: 24px;
	   display: inline-block;
	   width: 25px;
   }
   .topNavigation {
       margin: 0;
       border: 0;
   }
   .topNavigation li {
       padding: 10px 10px 10px 5px;
       display: block;

   }
   .topNavigation li a {
       color: #000;
       font-size: 14px;
   }
   .topNavigation > li > a:after {
     display: none;
   }
   header.fixed .topNav li {
        display: block;
        padding: 10px 0px;
    }
    header.fixed .topNav li span, header.fixed .topNav li span:before {
        color: white;
    }
   .footerBottom .d-flex div:nth-child(2) {
	   text-align: right;
   }
   .catalogNavigation {
	   position: fixed;
		width: 80%;
		top: 0;
		display: flex;
		height: 100vh;
		min-height: 100vh;
		overflow: hidden;
		z-index: 9999;
		background: #fff;
		margin: 0;
		right: inherit;
		padding-right: 0;
		max-height: 100%;
		padding-bottom: 0;
		will-change: transform;
		-webkit-transform: translateX(-100%);
		-ms-transform: translateX(-100%);
		transform: translateX(-100%);
		-webkit-transition: -webkit-transform .4s;
		transition: -webkit-transform .4s;
		-o-transition: transform .4s;
		transition: transform .4s;
		transition: transform .4s, -webkit-transform .4s;
   }
   .catalogNavigation.active {
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0);
	}
	 .catalogNavigationWrapper {
		top: 0;
		left: 0;
		padding: 0;
		border-radius: 0;
		display: block;
		overflow: visible;
		margin: 0;
		width: 100%;
		max-height: calc(100% - 110px);
		height: calc(100% - 110px);
		min-height: calc(100% - 110px);
		padding-bottom: 120px;
		position: relative;
		overflow-y: auto;
	}
	header.fixed .catalogNavigationWrapper {
		margin-top: 0;
	}
	.menu-top-1 {
		height: 60px;
		padding: 0 10px;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	.menu-top-2 {
		border-top: 1px solid rgba(223, 223, 223, 1);
		border-bottom: 1px solid rgba(223, 223, 223, 1);
		display: flex;
		align-items: center;
		height: 50px;
		padding: 0 10px;
	}
	header.fixed .topNavigation, header.fixed .topNav {
		display: block!important;
		width: 100%;
	}
	header.fixed .headerBottom .topNavigation > li {
		padding: 0;
		font-weight: 400;
		font-size: 14px;
		width: 100%;
	}
	.topNavigation > li > a {
		padding-right: 0;
		display: flex;
		align-items: center;
		width: 100%;
	}
	header.fixed .headerBottom .topNavigation > li > a:after {
		content: '';
		display: block;
		width: 8px;
		height: 12px;
		position: absolute;
		right: 0;
		top: 4px;
		background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAMCAYAAABfnvydAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABySURBVHgBfZDbCcAgDEWTLNT+6Dp2k7abuI4PqAuJ1VJFQtoLgnIO1xCAmhDC3g4IQe/9iojX+z6UUucskNY6VWHrAm/CfokxmlKK5U0425KEwMIl4kLOGcQZWpxzhois+IUER8MXfIQKlwqTBEf+Vn0DxjdDmeE+4vUAAAAASUVORK5CYII=');
	}
	.topNavigation li ul {
		opacity: 1;
		visibility: visible;	
		display: block;
		position: fixed;
		width: 100%;
		height: 100%;
		left: -100%;
		top: 0;
		background: #fff;
		z-index: 99;
		padding: 0;
		margin: 0;
		right: inherit;
		transition: all .2s ease;
		overflow: auto;
		max-height: inherit;
		border-radius: 0;
		box-shadow: none;
	}
	.topNavigation li ul.active {
		left: 0;
	}
	header.fixed .headerBottom .topNavigation li ul li {
		padding: 0;
		font-weight: 400;
		font-size: 14px;
		border-top: 1px solid rgba(223, 223, 223, 1);
	}
	header.fixed .headerBottom .topNavigation li ul li a {
		height: 50px;
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		padding: 0 10px;
	}
	.return-button {
		height: 50px;
		padding: 0 10px;
		display: flex;
		align-items: center;
		text-transform: capitalize;
	}
	.return-button svg {
		width: 30px;
		height: 30px;
		margin-right: 5px;
	}
	.return-button svg path {
		fill: rgb(203, 203, 203);
	}
	
	.catalogNavigation .firstUl {
		width: 100%;
		min-height: auto;
		height: auto;
		border-radius: 0;
		padding: 0;
	}
	.fu-title {
		display: none;
	}
	.catalogNavigation .firstUl > li > a {
		padding: 0 10px;
		flex-wrap: wrap;
	}
	.catalogNavigation .firstUl div.subDiv {
		position: fixed;
		top: 0;
		left: -100%;
		width: 100%;
		height: 100%;
		min-height: 100%;
		opacity: 1;
		box-shadow: none;
		border: 0;
		padding: 0;
		background: #fff;
		z-index: 9999999;
		overflow-x: hidden;
		overflow-y: scroll;
		transition: none;
		border-radius: 0;
		display: block;
		transition: all .2s ease;
	}
	.catalogNavigation .firstUl div.subDiv.active {
		left: 0;
		padding-bottom: 100px;
	}
	.subDivTitle {
		height: 50px;
		padding: 0 10px;
		display: flex;
		align-items: center;
		text-transform: capitalize;
		border-top: 1px solid rgba(223, 223, 223, 1);
		margin-bottom: 0;
		background: #ffe9e9;
	}
	div.subDiv ul {
		margin: 0;
		display: block;
	}
	div.subDiv ul li {
		padding: 0;
		width: 100%;
		border-top: 1px solid rgba(223, 223, 223, 1);
	}
	div.subDiv ul li a {
		padding: 0 10px;
		display: flex;
		align-items: center;
		font-size: 14px;
		font-weight: 400;
		flex-wrap: wrap;
	}
	.form_div {
		display: none;
	}
	.menu-top-3 {
		border-top: 1px solid rgba(223, 223, 223, 1);
		border-bottom: 1px solid rgba(223, 223, 223, 1);
		display: flex;
		align-items: center;
		justify-content: space-between;
		height: 50px;
		padding: 0 10px;
	}
	ul.lang-unstyled {
		width: 65px;
		padding: 0;
		border: 0;
	}
	.menu-top-4 {
		display: flex;
		align-items: center;
		justify-content: space-between;
		flex-direction: column;
		padding: 0 10px;
	}
	.course {
		padding: 0;
		margin: 10px 0 0 0;
		border: 0;
	}
	.header-phone {
		margin-left: 0;
		margin-top: 15px;
		margin-bottom: 15px;
	}
	.header-telegramm {
		width: 100%;
		margin-left: 10px;
		margin-right: 10px;
	}
	.auth {
		margin-left: 0;
		width: 70px;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.mobile-search-button {
		width: 70px;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.mobileCatButton {
		width: 70px;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.form_div {
		display: none;
		z-index: 100;
		position: fixed;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
		width: 100%;
		left: 0;
		top: 0;
		margin-left: 0;
		height: 50px;
		border-radius: 0;
	}
	#search-input {
		background: #fff;
		border-radius: 0;
	}
	.form_div.active {
		display: block;
	}
	.main-container {
		flex-direction: column;
	}
	.form_div form {
		border-radius: 0;
	}
	
	
	
	
	
	
	
	
	
	
	
	
	
	


  
  .scroll-menu {
    height: 100%;
    margin: 0;
  }
  #sitemap .modal-dialog {
    right: 0;
  }
  #sitemap .modal-content {
    padding: 30px;
  }
  #sitemapBox {
    margin: 10px -5px 0;
  }
  #sitemapBox > li > a {
    font-size: 14px;
  }
  #sitemapBox > li {
    width: 100%;
    min-width: 50%;
    padding: 0 5px;
}
#sitemapBox > li > a {
  font-size: 14px;
  margin-bottom: 1px;
}


















    .buttons2 {
        display: none!important;
    }
    .ordM .bg-white .row .col-auto {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        padding-top: 5px;
        padding-bottom: 5px;
    }
    .buts {
        margin-top: 10px;
    }
    .static .col-lg-4 {
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .cimg {
        height: 70px;
    }
    .moves .col-lg-2 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        padding-top: 15px;
        padding-bottom: 15px;
    }
    .moves .col-lg-2:before {
        display: none;
    }
    .stsection {
        margin-left: -5px;
        margin-right: -5px;
        padding: 5px;
    }
    .headerSearchContainer {
      max-width: 100%;
    }
    .metismenu > li.active ul {
        left: inherit;
        top: inherit;
    }
    .metismenu > li.active ul {
        position: relative;
        opacity: 1;
        visibility: visible;
        transform: translateX(0);
    }
    .metismenu li.active .has-arrow::after {
        -webkit-transform: rotate(45deg) translate(0, -50%);
        transform: rotate(45deg) translate(0, -50%);
        -webkit-transform-origin: top;
        transform-origin: top;
    }
    .metismenu li ul li a span:nth-child(1):before {
        content: '-';
        margin-right: 3px;
    }
    .catalog_div .brandsOnMain {
        margin: 0 -5px 0 -5px;
    }
    .brandsOnMain .col-lg-2, .catalog_div .brandsOnMain .col-lg-2 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        padding-left: 5px;
        padding-right: 5px;
        margin-bottom: 10px;
    }
    .COMitem {
        padding: 10px;
    }
    .COMitem .divForImg, .catalog_div .brandsOnMain .COMitem .divForImg {
        height: auto;
        min-height: inherit;
    }
    .COMitem .divForImg img {
        position: relative;
    }
	.dd-items .col-lg-auto {
		margin-bottom: 10px;
	}
	.generationNow, .dd a {
		width: 100%;
	}
	.checkout-row {
		flex-wrap: wrap;
		flex-direction: column-reverse;
	}
	.checkout-left {
		width: 100%;
		margin-top: 10px;
	}
	.checkout-right {
		width: 100%;
	}
	.root {
		line-height: 1.2;
	}
	.static-left {
		width: 100%;
	}
	.static-right {
		display: none;
	}

}

@media only screen and (max-width: 768px) {
	.font-36 {
		font-size: 18px;
	}
	.font-30 {
    	font-size: 16px;
	}
	.font-24 {
		font-size: 15px;
	}
	.font-20 {
		font-size: 14px;
	}
    .font-18 {
        font-size: 14px;
    }
	.ItemDiv .paddingBlock {
		padding: 10px;
	}
	.containerForChekbox {
		top: 0;
	}
	.font-300 {
		font-size: 100px;
	}
	.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%;
	}
	.title-with-crumbs {
		height: 60px;
		flex-direction: column-reverse;
		align-items: flex-start;
		    justify-content: center;
	}
	.title-with-crumbs > div:nth-child(1) {
		margin-top: 5px;
	}
	.sorting {
		font-size: 12px;
		width: 100%;
        position: relative;
        right: 0;
        bottom: 0;
	}
	.sorting .sortOne {
		width: 190px;
	}
    .listTable thead {
        display: none;
    }
    .listTable {
        display: block;
    }
    .listTable tbody {
        display: block;
    }
	.listTable tr {
		display: flex;
		flex-wrap: wrap;
		width: 100%;
		position: relative;
		padding: 10px;
	}
	.listTable tr td {
		padding: 0;
		display: block;
		height: auto;
	}
    .listTable tr td:nth-child(1) {
        padding-left: 0;
        width: 70px;
        max-width: inherit;
    }
	.list-div-for-img {
		padding: 0;
	}

	.listTable tr td:nth-child(2) {
		position: absolute;
        top: 10px;
        left: 100px;
		width: calc(100% - 100px);
        min-height: 0;
	}
    .listTable tr td:nth-child(3) {
		position: absolute;
		left: 100px;
		top: 30px;
		width: calc(100% - 100px);
        height: 28px;
		overflow: hidden;
		padding-right: 10px;
	}
    .listTable tr td:nth-child(3) .containerForBadge {
        margin-left: 100px;
        top: 3px;
        position: absolute;
    }
    .listTable tr td:nth-child(3) a {
        display: block;
        width: 100%;
        overflow: hidden;
        line-height: 1.1;
    }
    .listTable tr td:nth-child(4) {
		position: absolute;
		right: 5px;
		min-height: 0;
		top: 60px;
		left: 100px;
	}
    .listTable tr td:nth-child(5) {
		position: absolute;
		right: 5px;
		min-height: 0;
		top: 75px;
		left: 100px;
	}
	.listTable tr td:nth-child(6) {
		position: absolute;
		bottom: 60px;
		right: 10px;
	}
    .ttg {
		display: inline;
		color: rgba(135, 135, 135, 1);
	}
    .listTable .vip-price-table {
        width: 100%;
    }
    .listTable .vip-price-table tbody {
        display: table-row-group;
    }
    .listTable .vip-price-table tr {
        display: table-row;
    }
    .listTable .vip-price-table tr td {
        min-height: 30px;
        float: none;
        display: table-cell;
    }
    .listTable tr.multi td.price_3 {
        margin-top: -5px;
    }
	.price_name {
		display: block;
	}
    .price_1:before {
        /*content: "ДИЛЕР";*/
        font-size: 14px;
        color: #999999;
    }
    .price_2:before {
        /* content: "Опт";*/
        font-size: 14px;
        color: #999999;
    }
    .price_3:before {
        /*content: "Диллер";*/
        font-size: 14px;
        color: #999999;
    }
    .price_1 .font-18 {
        font-size: 18px;
    }
    .price_2 div {
        color: #c0c0c0;
    }
    .simple .price_1, .simple .price_2, .simple .price_3 {
        margin-right: 0;
    }
    .listTable tr td.td_7 {
		width: 45%;
		min-height: 40px;
        position: absolute;
        left: 0;
        bottom: -4px;
	}

    .listTable tr td.td_8 {
		width: 100%;
		padding-right: 0;
		margin-top: 20px;
	}
	.listTable .root {
		width: 100%;
	}
    .wishlist-main-buttons {
		padding-left: 130px;
		justify-content: flex-end;
	}
    .l-v-gray {
        margin: 0;
        border-radius: 0;
        padding: 5px;
		
    }
    .nakladnie th, .nakladnie td {
		font-size: 12px;
		padding: 0 5px;
	}
	.nakladnie th:nth-child(1), .nakladnie td:nth-child(1) {
		padding-left: 10px;
	}
	.nakladnie th:nth-child(3), .nakladnie td:nth-child(3) {
		width: 120px;
		max-width: 120px;
		word-wrap: break-word;
		white-space: break-spaces;
	}



  .headerSearchContainer table thead {
        display: none;
    }
	.headerSearchContainer table tr {
		display: inline-block;
		width: 100%;
        position: relative;
        border-bottom: 1px solid #333;
        height: 110px;
	}
  .headerSearchContainer table tr:nth-child(1) {
        border-top: 1px solid #333;
    }
	.headerSearchContainer table tr td {
		padding: 3px 5px;
		display: block;
		float: left;
    border: 0;
	}
  .headerSearchContainer table tr td.td_1 {
        padding-left: 0;
        width: 15%;
        height: 80px;
        max-width: inherit;
    }
    .headerSearchContainer table tr td.td_1 img {
        max-width: 100%;
        width: 100%;
        height: inherit;
    }
	.headerSearchContainer table tr td.td_2 {
		position: absolute;
        top: 40px;
        right: 10px;
        min-height: 0;
	}
  .headerSearchContainer table tr td.td_3 {
		    width: 85%;
			height: 30px;
			overflow: hidden;
	}
  .headerSearchContainer table tr td.td_4 {
		position: absolute;
        top: 29px;
        width: 85%;
        left: 15%;
        min-height: 0;
        text-align: left!important;
        line-height: 1.1;
	}
  .headerSearchContainer table tr td.td_5 {
		width: 85%;
    left: 15%;
    position: absolute;
    bottom: 0;
		min-height: 40px;
        text-align: left!important;
	}
  .headerSearchContainer table tr td.td_6 {
		width: 50%;
		min-height: 40px;
	}
  .headerSearchContainer table tr td.price_3 {
        position: absolute;
        left: 0px;
        bottom: 30px;
    }
.headerSearchContainer table .chooseColor {
  height: 30px;
}

.headerSearchContainer table .list-variants-tr {
        display: none;
    }
  .headerSearchContainer table .list-variants-tr.active {
        display: table-row;
    }
    .headerSearchContainer table .list-variants-tr  td:nth-child(1) {
        max-width: 100%;
        padding: 5px;
    }
    .l-v-gray {
        margin: 0;
        border-radius: 0;
        padding: 5px;
    }
    .headerSearchContainer table .list-variants-tr table tr {
        border: 0;
        border-bottom: 1px solid #e5e5e5;
        height: inherit;
    }
    .headerSearchContainer table .list-variants-tr table tr td {
        min-height: 50px;
        border-bottom: 0;
    }
    .headerSearchContainer table .list-variants-tr table tr td:nth-child(2) {
        width: 105px;
        white-space: nowrap;
    }
    .list-variants .col-md-6:nth-child(1) {
        border-right: 0;
    }
/*
	.listTable tr td:nth-child(1) img {
		height: 60px;
		width: auto;
        max-width: 80px;
	}
	.listTable tr td:nth-child(3) {
		position: absolute;
        top: 55px;
        right: 40px;
        min-height: 0;
	}
	.listTable tr td:nth-child(4) {
		width: 60%;
	}
	.listTable tr td:nth-child(4) div {
		display: inline-block;
	}
	.listTable tr td:nth-child(5) {
		position: absolute;
        top: 55px;
        right: 10px;
        min-height: 0;
	}
	.listTable tr td:nth-child(6) {
		width: 30%;
		min-height: 40px;
        text-align: left!important;
	}
    .listTable tr td:nth-child(7) {
		width: 70%;
		min-height: 40px;
	} */
	.page-link {
		width: 30px;
		height: 30px;
		line-height: 2.5rem;
	}
    .threeButton {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .threeButton a, .threeButton button {
        width: 100%;
        margin: 5px 0;
    }
    .threeButton .clC {
      margin-right: 0;
    }






	.orderTable thead {
		display: none;
	}
	.orderTable tr {
		display: inline-block;
		width: 100%;
        position: relative;
		padding: 10px 10px 70px 10px;
	}
	.orderTable tr td {
		padding: 0;
		display: block;
		float: left;
		height: auto;
	}

	.orderTable tr td:nth-child(1) {
		width: 70px;
		max-width: 70px;
	}
	.orderTable tr td:nth-child(1), .orderTable tr th:nth-child(1) {
		padding-left: 0;
	}
    .orderTable tr td:nth-child(1) img {
        height: 100%!important;
        max-width: 70px;
    }
	.orderTable tr td:nth-child(2) {
		position: absolute;
        top: 10px;
        width: calc(100% - 140px);
		max-width: 100%;
		left: 90px;
        height: 47px;
		overflow: hidden;
	}
	.orderTable tr td:nth-child(3) {
		position: absolute;
        top: 56px;
        width: calc(100% - 100px);
		max-width: 100%;
		left: 90px;
	}
	.orderTable tr td:nth-child(3) font {
		vertical-align: middle!important;
	}
	.orderTable tr td:nth-child(4) {
		position: absolute;
		left: 10px;
		bottom: 10px;
	}
    .orderTable tr td:nth-child(5) {
		position: absolute;
		left: 90px;
		bottom: 10px;
	}
    .orderTable tr td:nth-child(6) {
		position: absolute;
		left: 220px;
		bottom: 10px;
	}
    .orderTable tr td:nth-child(7) {
		position: absolute;
        top: 75px;
        width: calc(100% - 100px);
		max-width: 100%;
		left: 90px;
	}
    .orderTable tr td:nth-child(8) {
		position: absolute;
		right: 5px;
		top: 5px;
	}
    .orderTable tr td:nth-child(9) {
		display: none;
        position: absolute;
        top: 42px;
        right: 5px;
        height: 25px;
	}
	.orderButton {
		width: 150px;
		height: 40px;
		font-size: 12px;
	}
    .clC, .issue {
		width: 150px;
		font-size: 12px;
	}

	.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;
    overflow: hidden;
}
.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: "Скачать накладную"; }


}

@media only screen and (max-width: 480px) {
	.divForImg {
		height: 160px;
	}
	.divForImg .slick-slide div div {
		height: 160px;
	}
    .autorizationBlock {
        padding: 10px;
        margin: 10px;
    }
    .login-txt pre span strong {
        display: block;
    }
	#mainBanner .moreInfo {
		display: none;
	}
	.myCarousel .owl-dots {
	    margin-top: -23px!important;
        padding-left: 4%;
        text-align: left!important;
	}
    .myCarousel .owl-nav {
        display: none;
    }

	
    .modal-content {
        padding: 10px;
    }
    #quickLookBox {
        margin-top: 30px;
    }
    button.close {
        top: -10px;
		width: 30px;
		height: 30px;
		top: 3px;
		right: 3px;
    }
    .prBox {
        padding: 5px;
    }
    .manyNews tr td {
        padding: 10px;
    }
    .manyNews tr td:nth-child(1) {
        width: 100px;
    }
    .manyNews tr td:nth-child(1) img {
        max-width: 100%;
        height: auto;
    }
    .newDescr {
        padding: 10px;
    }
    .orderTable .number {
        width: 100px;
    }
    .cat244 > .catalog_row > .col-lg-10.catalog_div .catalog .col-lg-4 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
	.cat0 > .catalog_row > .col-lg-10.catalog_div .catalog .col-lg-4 {
		-ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
	}
	.price-table-container .are-zak, .price-table-container .are-available {
		right: -6px;
	}
}

@media only screen and (max-width: 360px) {
    .oTa tr td {
        font-size: 12px;
            padding: 5px 2px;
    }
}