/*media css desctop mobile*/
.close_submenu {
	display: none;
}

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

     .subIco {
     	flex-direction:column;
     }

     .subIco.open {
     	background: var(--cDarkBlue);
     }
     .sub-menu {
     	position:static;
        height:0;
        visibility:visible;
        display:none;
        background: var(--cDarkBlue);
     }

     .sub-menu li {
     	height:40px;
     }

     .sub-menu li a {
     	text-align:center;
     }

     .sub-menu.open {
     	display:block;
     	opacity:1;
     	height:auto;
     	z-index:99999;
     }

	#header .topLine {
		max-height:100%;
		border:none;
	}
    .contactTop .rightBorder:after {
    	border:none;
    }
	.contactTop {
		margin-bottom:10px;
		flex-basis:100%;
        align-items:flex-end;
        gap:5px;
        height:100%;
	}

	.contactTop .schedule {
		justify-content: flex-start;
		margin:0;
	}



    .contactTop .address {
    	font-size:0.9em;
    	margin:0;
    }

    .contactTop .mail {
    	justify-content:flex-start;
    }

     .contactTop .phone {
    	font-size:0.9em;
    	order:3;
    	justify-content:flex-start;
    }

	.contactTop>div {
		width:80%;
	}
	.contactTop .topCallBack {
		justify-content: flex-start;
	}

	.contactTop .topCallBack i {
		margin-right:10px;
	}

	.contactTop .topEmail a {
    margin-left: 10px;
	}

	.razmetka {
		width: 100px;
		height: 15px;
	}

	 #header .mediumRow {
      	width:100%;
      	background:#232F3E;
      	min-height:auto;
      }

      #header .mediumRow .searchForm  {
      	order:4;
      	flex: 0 0 100%;
      	padding:10px;
      }

      #header.ps_f .mediumRow {
      	height:auto;
      	min-height:auto;
      }

      #header .mediumRow .width {
      	width:100% !important;
      	flex-direction:row;
      	flex-wrap:wrap;
        justify-content: center;

      }

      #header .mediumRowM {
      	display:flex;
      }

      #header .sliderPromo .promoText {
      	flex:0 0 100%;
      	margin:0;
      	padding:0 10px;
      }

      #header .sliderPromo .promoText .caption {
      	font-size:1.8em;
      }

      #header .sliderPromo .promoText .subCaption {
      	font-size:1em;
      }

        #header .sliderPromo .promoText .promoContent p {
        	font-size:1.1em;
        }

       #header .sliderBg {
       		height:auto;
       		padding-bottom:7vh;
       }

	.ourFeatures {
		padding:0 5px;
	}

	h1.caption {
		font-size:1.2em;
	}

	.caption {
		padding-right:0 !important;
	}

	p {
		font-size:1em;
	}

	.subCaption {
		font-size:0.9em;
	}

	.rightFeatures {
		padding:0 10px;
		margin-top:6vh;
	}
	#mainFeedback {
		height:auto;
	}

	.listShop .productImage {
		flex:0 0 90px;
	}

	.listShop .productName {
		font-size:0.9em;
	}

	.listShop .productPrice .shortPrice {
		flex-direction:column;
	}

	.listShop .productPrice {

	}

	.main_price_table tbody {
		display:flex;
		flex-direction:column;
	}
    .main_price_table tbody th,
    .main_price_table tbody .price_row {
    	display:none;
    }

    .main_price_table .product-cart-image {
    	display:table-cell;
    	width:30%;
    }

    .main_price_table tbody .price_row.price_total,
    .main_price_table tbody .price_row.wish,
    .main_price_table tbody .price_row.del
     {
    	display:table-cell;
    }

    tr.price_line {
    	border-radius: 10px;
    	margin: 10px 0;
    	background-color:var(--cGray);
    }

    .main_price_table tbody .price_row.price_total {
    	width:90%;
    	text-align: right;
    	padding-right:30px;
    }

    table.cart {
    	width:100%;
    }

    .footer .nameBox {
    	font-size:1em;
    	}

    .footer .contacts li div.footer_caption {
    	font-size:0.8em;
    	}



}

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




}



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


	.feedbackLeft {
		width:100%;
	}


        #header {
        	margin:0 !important;
        	position: relative;

        	}

        .flex-row, .flex-m-column {
        flex-direction: column;
        }

         .m_none {
         	display:none;
         }

         .width {
			width: auto;
			padding: 0 !important;
		}

        .menuBtn_mobile {
        	display:flex;
        }

        .menuBtn_mobile {
   	 display: flex;
	}

	.m_menu {
		position:fixed;
		top:0;
		left:0;
		z-index:9999;
	}


        /*top block pda  */

		.menuMask {
			position: absolute;
			min-height: 100vh;
			background:var(--cDark);
			width: 100vw;
			//z-index: 9;
			top: 0;
			//right:-100%;
			left:0;
			opacity:0;
			z-index:-1;
			transition:all 0.5s;
			box-shadow: 0 0 10px #85888C;
			padding:10vh 10%;
			visibility: hidden;

		}

		.listMenu li a {
			color:var(--cWhite);
		}

		.listMenu {
			float:left;
			width:100%;
		}

		.menuMask.open {
			right:0;
			opacity:1;
			//z-index:9;
			visibility: visible;
		}

		.listMenu {
			flex-direction:column;
		}


         .logo {
        	order:-11;
        	justify-content: center;
        	display:flex;
        }


        .contactTop .searchForm {
        	order:-1;
        	margin-top:0;
        }

        .contactsBlock .phone .ic,
        .contactsBlock .address .ic  {
        	//background-size:contain;
        	flex-basis:30px;
        }



        .contactsBlock .phone span, .contactsBlock .phone a  {
        	font-size:1em;
        }

        .contactsBlock {
        	justify-content:space-around !important;

        }

        .contactsBlock .address {
        	font-size:1em;
        }




        /* top block pda end */



        .leftSide, .rightSide {
        	flex:0 0 100%;
        }

         .content {
         	padding: 0 5px;
         }







    	.ourFeatures li {
    		flex-basis:100%;
    		margin-bottom:5px;
    	}
    	#contentBlock {
    		flex-direction: column;
    		align-items:normal;
    	}
        aside, .mainContent {
        	flex-basis:100%;
        }



        h2 {
        	font-size:12px;
        }

        .offerBox {
        	margin-bottom:0;
        }



        footer .feedback_footer {
        	flex:0 0 100%;
        }
		footer .column {
			flex-basis:100%;
		}

		.feedback .feedbackContent {
			align-items: normal;
		}


		footer .cart-block {
			width:110px;
			float:left;
			margin-right:10px;
            height:30px;

		}

		footer .menuBtn_mobile {
			display:block;
			float:right;

		}

		footer .cart-block i.fa-rub,
		.no-pda, .infoSider,
		nav .block-content,
		footer .top_btn span,
		.sort.right_cell span,

		.listShop li .cart,
		.slPrev,.slNext,
		.usage_list .block-content
		 {
			display:none ;
		}

		.sliderBlock {
			position:relative;
			z-index:1;
		}



		h1.caption {
			width:100%;
			text-align:center;
		}



		#mainCatList, #mainFeatures {
			margin:0;
			padding:0;
		}

		#mainFeatures {
			display:none;
		}



		.footer-contacts {
			margin-left:2%;
		}

		.footer .contacts,
		footer .feedback_footer,
		.footer .navigation {
			width:100%;
			border:none;
			margin:0 10px 20px 0px;
			padding:0 10px;
		}

		.footer .contacts {
			border-bottom: 1px solid #EFE19D;

		}



		.features {
		    width: 100%;
		    }
		.features .featureDesc  {
			font-size:13px !important;
			border-bottom: 2px solid #DDDDDD;
			border-right:none;
		}






@media only screen and (max-width: 800px) {
		.infoSider {
			max-width:400px;
			}

			.infoSider p {
			font-size:14px;
			}

			.top_btn span {
		   display:none;
		}
}



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

	.left {
		float: none;
	}
	.right {
		float: none;
	}
	.width {
		width: auto;
		padding: 0 10px;
	}
	#block1 {
		height: auto;
	}



	.logo a {
		display: block;
		width:150px;
	}



	.addres {
		margin-left: 30px;
	}

	.addres:before {
		top: 20px;
	}



	.cartTop {
		margin-left: 30px ;
		margin-top:30px;
		text-align: left;
		padding-left:20px;
	}

	.cartTop:before {
		top:5px;
	}

	.menuTop {
		margin: 25px 0 0 0;
	}
	.listMenu {
		padding: 0;
		margin: 0;
	}
	.menuTop:before, .menuTop:after {
		display: none;
	}
	.infoSider {
		width: 400px;
		max-width: 600px;
		left:20%;
		top:5%;
	}
	.infoSider p {
		font-size:20px;
	}

	.redBox {
		width: auto;
	}
	.services {
		width: auto;
		padding: 20px 10px;
	}
	.services:after {
		display: none;
	}
	.listServices li {
		margin: 0 0 10px 0;
	}
	.twoBox {
		width: auto;
	}
	.infoCompany {
		width: auto;
		max-width: 850px;
		padding: 20px 10px;
	}

	.aboutBox {
		margin: 0;
	}
	.aboutInfo {
	}
	.geographyBox .nameBox {
		margin: 0;
	}
	.geographyBox {
		width: auto;
		max-width: 850px;
		padding: 20px 10px;
	}
	.jcarousel {
		width: auto;
		max-width: 730px;
	}
	.sl1 {
		left: 0;
	}
	.sl2 {
		right: 0;
	}
	.carusel li {
		margin: 0 10px 0 0;
	}
	.listOffer li {
		width: auto;
		max-width: 320px;
	}
	#block5 .fsz_60 {
		font-size: 40px;
	}
	.news {
		width: auto;
		margin: 30px 0 0 0;
	}
	.brand_carousel {
		width: auto;
	}
	.contact {
		width: auto;
	}
	.formBox {
		background: none;
		width: auto;
		border-top: 1px solid #585451;
		border-left: none;
		padding: 20px 0 0 0;
		margin: 20px 0 0 0;
	}
	.w50 {
		width: auto !important;
	}
	.column {
		float: none;
	}
	.feedback {
		background: none;
	}
	input.text {
		width: 100%;
		box-sizing: border-box;
	}
	textarea.text {
		width: 100%;
		box-sizing: border-box;
	}
	.menuBottom li {
		display: block;
		margin: 10px 0 0 0;
	}
	.sidebar-left {
		float: none;
		margin: 0 0 30px 0;
		width: auto;
	}
	.mainContent {
		width: auto;
		float: none;
		margin: 0;
	}
	.w33 {
		width: 100% !important;
	}
	.listCarShop li {
		width: auto;
	}
	.itemGallery {
		width: 100%;
		float: none;
	}
	.itemDetail {
		display: block;
		float: none;
		width: auto;
		margin: 20px 0 0 0;
	}
	ul.tabs li a {
		padding: 0 10px;
	}
	ul.tabs li {
		margin-right: 5px;
	}
	.jcarousel_thumb {
		width: auto;
	}
	.tab_content td {
		display: block;
		width: 100%;
	}
	.fancybox-inner table {
		width: 100%;
	}

	ul.tabs li a {
		font-size:9px;
		padding:0 5px;
	}

}