@media(max-width: 1024px){
    body{
    	width: 100%;
    	overflow-x: hidden;
    }

	h1 span{
		line-height: 1.4em;
	}
    div.layout {
	    width: 100%;
	}
	/*TOPLINE START*/
	div.upper-block{
		width: 100%;
		margin: 0;
		background: rgba(255,255,255,0.5);
		height: 40px;
		box-sizing: border-box;
		box-shadow: 0px 4px 5px 0 rgba(55,55,55,0.3);
		display: flex;
		align-items: center;
		margin-bottom: 30px;
	}
	div.upper-block>div{
		margin: 0 15px;
		height: auto;
	}

	div.select-currency.active{
		align-self: flex-start;
		margin-top:7px;
	}

	div.upper-cart{
		width: auto;
	}
	div.upper-cart img{
		width: 20px;
		margin-bottom: -7px;
	}
	span.upper-cart-count{font-size: 17px; top: 6px;}
	div.upper-cart a{width: auto;white-space: nowrap;}
    /*TOPLINE END*/

    /*HEADER START*/
    div.logo-block{margin: 0 15px;}
    div.search-block{
    	float: right;
    	margin: 0;
    }

    /*HEADER END*/

    /*TOPMENU START*/
	div.topmenu-block {
		margin: 20px 0;
	    padding: 0px 15px;
	    width: 100%;
	    box-sizing: border-box;
	    height: auto;
	    background-size: cover;
	    display: flex;
	    align-items: center;
	    justify-content: space-between;
	}
	.tompenu_wrapper{
		width: 100%;
	}
	.tm, .tm:hover {
	    display: block;
	    margin: 15px 0;
	    width: 20%;
	    height: 30px;
	    float: left;
	    background-size: contain;
	    background-position: center center;
	}
	/*TOPMENU END*/

	/*CAROUSEL BLOCK START*/
	div.carousel-block {
	    display: flex;
	    align-items: center;
	    justify-content: center;
	    margin: 15px;
	    box-sizing:border-box;
	    padding: 0px 0px 0px 0px;
	    width: calc(100% - 30px);
	    height: 280px;
     	background: none;
     	border: 5px solid #fff;
     	box-shadow: 0px 4px 5px 0 rgba(55,55,55,0.3);
	}
	div.carousel-block table {
	    margin: 0;
	}
	td.carousel-prev,
	td.carousel-next{
		width: auto;
	}
	/*CAROUSEL BLOCK END*/

	/*MAIN BLOCK START*/
	.main-block{
		margin: 0 15px !important;
	}
	/*MAIN BLOCK END*/

	/*LEFT MENU START*/
	div.leftmenu-block {
	    margin: 0;
	    width: 250px;
	}
	div.leftmenu-top, div.leftmenu-middle, div.leftmenu-bottom,
	div.content-block
	{
		background: #ffffff;
		box-shadow: 0px 4px 5px 0 rgba(55,55,55,0.3);
	}
	div.leftmenu-middle h2 {
	    margin: 0 0 0 10px;
	    padding: 6px 15px;
	    font-size: 25px;
	    color: #FFFFFF;
	    width: calc(100% - 40px);
	    height: auto;
	}
	div.leftmenu-middle h2+a{
		 margin: 0 5px 0 20px !important;
	}
	div.leftmenu-middle h2+a img{
		max-width: 100% !important;
	}
	div.leftmenu, div.articles {
	    margin: 0px 5px 0px 25px;
	    padding: 1px 0px 10px 0px;
	    width: calc(100% - 30px);
	}
	/*LEFT MENU END*/

	/*CONTENT BLOCK START*/
	div.content-block {
	    margin: 0;
	    width: calc(100% - 265px);
	    float: right;
	}
	div.content-top, div.content-middle, div.content-bottom{
		background: transparent;
	}
	h1.content-title {
	    margin: 0;
	    padding: 6px 15px;
	    font-size: 25px;
	    width: calc(100% - 30px);
	    height: auto;
	}
	div.content-body {
	    margin: 0 15px;
	    padding: 0;
	    width: calc(100% - 30px);
	    border: none;
	    position: relative;
	    top: 20px;
	}
	div.content-body img, div.content-body table{
		max-width: 100% !important;
		height: auto !important;
	}
	div.content-body table{
		margin:15px auto !important;
	}
	div.contacts-info {
	    padding: 0;
	    border-right: none;
	    width: 100%;
	}
	a.comm-toform, a.comments-all {
	    display: block;
	    width: 100%;
	    text-align: right;
	    margin: 15px 0;
	    width: 168px;
	    height: 35px;
	}
	div.tovar-comm-item {
	    margin: 0px 0px 22px 0;
	    width: 100%;
	    min-height: 115px;
	}
	div.tci-right {
	    padding: 13px 0px 10px 0px;
	    width: calc(100% - 180px);
	    min-height: auto;
	}
	div.comm-pagination {
	    width: 100%;
	}
	div.tovar-comments-form {
	    margin: 40px 0px 0px 0;
	    width: 100%;
	}
	div.comm-form {
	    padding: 15px;
	}

	select.comm-select {
	    width: 48%;
	    float: left;
	}
	div.comm-select-text {
	    margin: 0px 0px 0px 3%;
	    width: 48%;
	    float: right;
	}
	div.comm-form input, div.comm-form textarea{
		width: calc(100% - 30px) !important;
	}
	div.comm-button {
	    margin: 10px 0px 0px 0px;
	    width: 100%;
	}
	div.tci2-border {
	    width: 100%;
	    height: 9px;
	}
	div.tci2-left {
	    padding: 0;
	    width: 162px;
	}
	div.tci2-name{ width: 100%;padding: 15px 0;}
	div.tci2-right{
		width: calc(100% - 180px);
	}
	div.comm-bigblock {
	    padding: 0;
	}
     /*CONTENT BLOCK END*/


     /*FOOTER START*/
      div.footer-block {
	    margin: 15px 15px;
	    padding: 15px;
	    width: calc(100% - 60px);
	    height: auto;
	    box-shadow: 0px 4px 5px 0 rgba(55,55,55,0.3);
	    background: #fff;
	}
	div.footer-block .fm {
	    display: block;
	    margin: 35px 15px 0px 15px;
	    margin-left: 0;
	    width: 83px;
	    height: 23px;
	    float: left;
	}
	div.footer-text {
	    margin: 20px 0;
	    width: 50%;
	}
	a.footer-logo {
	    margin: 20px 0;
	    float:right;
	}
     /*FOTER END*/


	/*PRODUCT CARDS START*/
	div.gal-block {
    	padding: 0;
	}
	div.gal-block a{
		 width: 30%;
		 margin: 15px 1.5% !important;
	}
	div.gal-block a>*{
		width: calc(100% - 2px) !important;
	}
	/*PRODCAT CARDS END*/

    /*DISPLAY NONE START*/
	.upper-cart-text
	,div.upper-block>div:last-of-type
	,div.home-ref
	{display: none;}
	/*DISPLAY NONE END*/

}


@media(max-width: 768px){
	div.topmenu-block {
		justify-content: start;
		margin: 0 0 20px 0;
	}
	.hide_show_menu{
		width: 34px;
		height: 28px;
		display: block;
		line-height: 0px;
		margin: 15px 0;
	}
	.hide_show_menu span{
		display: inline-block;
		width: 100%;
		height:6px;
		margin: 2px;
		background: #EC304C;
	}
	.hide_show_leftside{
		display: inline-block;
		font: bold 15px arial, sans-serif;
		text-decoration: none;
		margin: 3px 0 0 20px;
		color: #EC304C;
		border: 2px solid #EC304C;
		padding: 4px 10px;
	}
	.tompenu_wrapper{
		opacity:0;
		left: -1000px;
		transition: left 0.3s ease 0s, opacity 0.3s ease 0s;
		display: block;
		position: fixed;
		top:0;
		bottom:0;
		width:80%;
		background: #fff;
		box-shadow: 10px 0px 50px -5px rgba(55,55,55,0.5);
		z-index: 50;
		overflow-y: scroll;
	}
	.tompenu_wrapper.active{
		left:0;
		opacity:1;
	}
	.tompenu_wrapper.active .tm, .tompenu_wrapper.active .tm:hover{
		display: block;
		margin: 15px 0;
		width: 100%;
		box-sizing: border-box;
	}

    div.leftmenu-block{
    	opacity:0; left: -1000px; transition: left 0.3s ease 0s, opacity 0.3s ease 0s;
    	display: block;
		position: fixed;
		top:0;
		bottom:0;
		width:80%;
		background: #fff;
		box-shadow: 10px 0px 50px -5px rgba(55,55,55,0.5);
		z-index: 50;
		overflow-y: scroll;
    }
	div.leftmenu-block.active {
		left:0;
		opacity:1;
	}

	div.content-block {
	    margin: 0;
	    width: 100%;
	    float: none;
	}

	#cboxTopLeft,#cboxTopCenter,#cboxTopRight,#cboxMiddleRight,#cboxBottomLeft,#cboxBottomCenter,#cboxBottomRight{
		display: none;
	}

}


@media(max-width: 640px){
    /*HEADER START*/
    div.vvb-logo {
	    margin: 0;
	    width: auto;
	    height: auto;
	}
	div.vvb-logo a{
		width: auto;
		height: auto;
	}
	div.vvb-logo a img{
		width: 140px;
	}
    div.search-block{
    	float: right;
    	margin: 0;
    	width: 215px;
    	height: auto;
    }
    input.findtext {
	    width: 130px;
	}
	.search-area input+img{
		height: 7px;
		top: -2px !important;
	}
	.search-area p:last-of-type img{
		height:9px;
		top:0px !important;
	}
    /*HEADER END*/
	#colorbox, #cboxWrapper, #cboxContent{
		max-width: 96% !important;
	}

    div.tovar-info {
	    padding: 0;
	    width: 100%;
	    float: left;
	}

	.cart-table td:nth-of-type(2),
	.cart-table td:nth-of-type(4){
		display: none;
	}

	div.content-body table.cart-table{
		margin-bottom: 70px !important;
	}

	.cart-table tr.cart_summary{
		position:absolute;
		display: block;
		width: 100%;
		bottom:0;
	}
	.cart-table tr.cart_summary>td.contiune_shopping{
		display: block;
		position:absolute;
		left:0; top:0px;
		width: 80px;
	}
	.contiune_shopping .continue_btn{
		font-size: 0.8em;
		padding: 10px 5px;
		text-align: center;
		line-height: 15px;
	}
	.cart-table tr.cart_summary>td.ct-allamount{
		display: block;
		position:absolute;
		left:70px; top:0px;
		right:0;
	}

	div.contacts-form{
		width: 100% !important;
		padding:0;
	}
	div.content-body table.cart-order-table {
	    width: 100% !important;
	    margin-top: 0 !important;
	}
	.cart-order-table, .cart-order-table tbody, .cart-order-table tr{
		display: block;
		width: 100%;
	}
	.cart-order-table tr, .cart-order-table td{
		display: inline-block;
		width: 100% !important;
	}
	.cart-order-table input.input-info, .cart-order-table select.input-info, .cart-order-table textarea, .SumoSelect {
		box-sizing: border-box;
		margin: 5px 0 5px 0 !important;
		padding: 7px 0 6px 5px !important;
		line-height: 1.2em;
		height: auto !important;
		width: 100% !important;
	}
	.cart-order-table textarea{
		height: 80px !important;
	}
	.cart-order-table .SumoSelect{
		padding: 0 !important;
	}
	.cart-order-table .SumoSelect > .CaptionCont{
		width: 100% !important;
		padding: 7px 0 6px 7px !important;
		line-height: 1.2em;
		height: auto;
	}
	.cart-order-table input.input-button{
		width: 142px !important;
		margin: -30px auto 0 auto;
	}
	td.ct-allamount {
	    padding: 10px 0 0 0;
	}
}


@media(max-width: 520px){
	div.gal-block a{
		 width: 47%;
	}
}
@media(max-width: 460px){
	div.footer-block .fm {
	    margin: 15px 15px 15px 0;
	    width: calc(50% - 30px);
	}
	div.upper-block>div{
		margin-right: 8px;
		margin-left: 8px;
	}
	div.select-currency{
		font-size: 12px;
		width: 80px;
		height:20px;
	}
	div.select-currency>ul{
		padding: 3px 22px 3px 4px;
	}
	div.select-currency>ul:after{
		right: 4px;
		top: 3px;
		font-size: 11px;
	}
	div.select-currency.active{
		margin-top:9px;
	}
}

@media(max-width: 400px){
	 /*HEADER START*/
    div.vvb-logo a img{
		width: 100px;
		height: auto;
	}
	/*HEADER END*/
}

@media(max-width: 360px){
	 /*HEADER START*/
	 div.search-block{
    	float: right;
    	margin: 0;
    	width: 180px;
    	height: auto;
    }
    td.search-area{overflow-x: visible;width: 90px !important;}
    td.search-area p{ white-space: nowrap;}
    input.findtext {
	    width: 100px;
	}
	td.search-button input{
		margin-left: -25px;
		height: 26px;
	}

	/*HEADER END*/
}