@media only screen and (min-width: 1200px) { 
	#banner0 {display: none;}
}
@media only screen and (max-width: 1200px){
	#banner0 {display: none;}
	.main{ min-width:270px; width: auto;}
	.prapper{ min-width:300px; width: auto; padding:0px 20px;}
	.prapper .prapper{ padding:0px;}
	.top_info{ right:20px;}
	.colormenu{ min-width:270px; width: auto;}
	.colormenu #search{ right:24px;} 
	.category-list ul li{ width:12.5%;} 
	#fon_slider {display: none;}
	.addcategory-post {margin: 0 20px 20px 20px;}
	.addcategory-post:nth-child(4n+4) {margin-right: 20px;}
}
@media only screen and (max-width: 1024px){
    .product-info .price{ float:none; border-bottom:1px solid #ddd;}
	.product-list .block{ width:auto;}
     table.form textarea, .product-info textarea{ width:150px;}
	select{ width:150px;}
	input.large-field, select.large-field{ width:180px;}
	.return-quantity input{ width:120px;}
	 .image_slider { 
	-moz-background-size: 100%; /* Firefox 3.6+ */
  -webkit-background-size:100% auto; /* Safari 3.1+ и Chrome 4.0+ */
  -o-background-size:100% auto; /* Opera 9.6+ */
  -khtml-background-size:100%;
   background-size:100%;
   min-width:270px;
   width:auto;
   height:auto;
   } 
   .category-list ul li{ width:28.5%;}
    #footer .vcomcolumn {width: 50%; margin-bottom:10px;}
	#footer .part2 .part { width: 99%; float: none;}
	#footer .part1 .part{ width:50%}
}
@media only screen and (max-width: 990px) {
	.top-nav {float:none;}
	.top-header #search{ width:99%; position:relative; margin-bottom:10px;}
	.top-header #search input{ width:95%;float:none;}
	.product-list .buttonrow{ display:block; clear:both;}
	.product-compare a{ clear:both}

	 #cart .content{width:300px;padding: 0;}
     #fon_slider .containermenu{ height:250px; }
	 #navbox a{min-height:250px;}
	 
	.top_info > div{ font-size:1em; margin-left:0;}
	
	.boxbanner div+ div { margin-left:0;} 
    .boxbanner div.number-2{ width:50%;}
.boxbanner div.number-3{ width:33.1%;}
.boxbanner div.number-4{ width:50%;}
.boxbanner div.number-5{ width:20%;}
.boxbanner div.number-6{ width:33.1%;}
.boxbanner div.number-7{ width:25%;}
.boxbanner div.number-8{ width:25%;}
#navbar-inner {border: 1px solid #a0a0a0;}
 .category-list ul li{ width:27.5%;}	
#menu {
	border: none;
	padding: 0;
}
.colormenu #search {top: 3px;}
.btn-navbar {padding: 8px 0 10px;}
.btn-navbar .icon-bar {
    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.8);
    -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.8);
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.8);
}
.btn-navbar div {
	font-size: 20px;
    margin-left: 25px;
    padding: 3px 12px 0px;
}
#search input, #search .fa-icon-search, #search .button-search {border-radius: 0;}
.top_logo { width: 240px;}
.top_logo img {width: 100%;}
.top_info {padding: 30px 0 0 0;}
.jcarousel img {
    display: block;
    max-width: 100%;
    height: auto !important;
}
/**/
.jcarousel-wrapper {
    margin: 20px auto;
    position: relative;
    border: 10px solid #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 2px #999;
    -moz-box-shadow: 0 0 2px #999;
    box-shadow: 0 0 2px #999;
}

/** Carousel **/

.jcarousel {
    position: relative;
    overflow: hidden;
    width: 100%;
}

.jcarousel ul {
    width: 20000em;
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
}

.jcarousel li {
    width: 200px;
    float: left;
    border: 1px solid #fff;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.jcarousel img {
    display: block;
    max-width: 100%;
    height: auto !important;
}

/** Carousel Controls **/

.jcarousel-control-prev,
.jcarousel-control-next {
    position: absolute;
    top: 50%;
    margin-top: -15px;
    width: 30px;
    height: 30px;
    text-align: center;
    background: #4E443C;
    color: #fff;
    text-decoration: none;
    text-shadow: 0 0 1px #000;
    font: 24px/27px Arial, sans-serif;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    -webkit-box-shadow: 0 0 4px #F0EFE7;
    -moz-box-shadow: 0 0 4px #F0EFE7;
    box-shadow: 0 0 4px #F0EFE7;
}

.jcarousel-control-prev {
    left: 15px;
}

.jcarousel-control-next {
    right: 15px;
}

/** Carousel Pagination **/

.jcarousel-pagination {
    position: absolute;
    bottom: -40px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    margin: 0;
}

.jcarousel-pagination a {
    text-decoration: none;
    display: inline-block;

    font-size: 11px;
    height: 10px;
    width: 10px;
    line-height: 10px;

    background: #fff;
    color: #4E443C;
    border-radius: 10px;
    text-indent: -9999px;

    margin-right: 7px;


    -webkit-box-shadow: 0 0 2px #4E443C;
    -moz-box-shadow: 0 0 2px #4E443C;
    box-shadow: 0 0 2px #4E443C;
}

.jcarousel-pagination a.active {
    background: #4E443C;
    color: #fff;
    opacity: 1;

    -webkit-box-shadow: 0 0 2px #F0EFE7;
    -moz-box-shadow: 0 0 2px #F0EFE7;
    box-shadow: 0 0 2px #F0EFE7;
}
}

@media only screen and (max-width: 820px){
.product-info .right  {
	margin-left: 0px;
	margin-right:0px;
    }
	.product-info .left{ float:none;}
    .product-info .left .image{ float:none;}
	.product-info .image-additional{ float:none; margin:0 auto;}
	
	.category-info .image{ float:none; margin-right:0;}
	.boxbanner div.number-3{ width:100%;}
.boxbanner div.number-5{ width:33.1%;}
.boxbanner div.number-6{ width:50%;}
.boxbanner div.number-7{ width:33.1%;}
#footer .part1 .part{ width:99%}
.edition-holder ul li {margin: 30px 0;width: 100%;	}
}

@media only screen and (max-width: 770px){
	 #mobile-menu, #mobile-welcome{display: block;}
	 .topmobile, .topaccount{ display:none;}
	 #mobile-menu{ clear:right; margin-right:0;}
	  #cart{ margin-bottom:4px;}
	.top_logo img{ max-width:100%; height:auto !important;}
	#column-left, #column-right{ display:none;   }
	#column-left + #column-right + #content, #column-left + #content,  #column-right + #content , #content { margin-left:0px; margin-right:0px; }
	
	.return-model, .return-name, .return-reason, .return-opened{ float:none; width:90%;}
	#content .content .right, #content .content .left{ float:none; width:90%;}

    .cart-info .model, .cart-info .price{ display:none;}
	#footer .footerleft, #footer .footerright{ float:none; width:99%;}
	#topfooter .part{ width:100%; float:none;}
	#footer .part{ width:100%; float:none;}
	#footer .column {width: 50%;}
	#powered #copy, #social-icons{ float:none;}

	.box-category ul li ul  li:hover ul{ display:none;}
	.checkout-content .left, .checkout-content .right{ float:none; width:90%;}
	
	.boxbanner div.number-2,.boxbanner div.number-3{ width:100%;}
	.category-list ul li{ width:26%;}
	#footer .vcomcolumn{width:99%; margin-right:0px; float:none;}
	.flexbox .edition-holder ul, .flexbox .box__categoryhome .box-product, .flexbox .modulnews {justify-content: center;}
	.head-link li {display: block;text-align: right;}
	.head-link li + li {margin: 10px 0 0 0;}
	.top_logo {width: 220px;}
	.top_info {padding: 10px 0 0 0;}
	.top_info > div {margin-bottom: 12px;}
	.footer_lnks li, .footer_lnks .footer_lnks-dstrb {float: none;}
	 .footer_lnks li,
	 .footer_lnks li + li {margin: 10px 0;}
	 #footer .social {float: none;clear: both;text-align: center;}
	 .body-information-information.information_id-18 #content img {margin: 20px;}
}

@media only screen  and (max-width: 480px) {
	#banner0 { display: block; width: 285px; margin: 0 auto 20px; }
	.top-header #search input{ width:89%;}
	 .top_logo{ width:99%;}
    .relat #search{ width:99%;}
	.relat #search input{ width:89%;}
	.top_info {width: 100%;}
	.head-link li {display: inline-block;font-size: 11px;}
	.head-link li .download {padding: 9px 12px 9px 30px;}
	.head-link li .dstrb {padding: 9px 5px;}
	.head-link li .btn {padding: 10px 5px 10px 33px;}
	/*.colormenu #search{ position:relative; width:94%; margin:0 3% 10px; right:0;} 
	.colormenu #search input{ width:88%;}  */
	.boxfeatured .block, .product-grid .block{ width:230px;}
	
	#fon_slider .containermenu{ height:150px; }
	#navbox a{min-height:150px;}
	
	.checkout-product thead td{ font-size:12px;}
	
	.htabs a{ font-size:12px;}
	.htabs{ height:21px;}
	
	.wishlist-info td{ padding: 7px 4px;}
     .product-info #inlinebox{ width:100%;}
	 .product-list .left{ float:none;}
	 .product-list .buttonrow{ max-width:200px;}
	  .product-filter .sort{ clear:both;}
	
	.login-content .left, .login-content .right{ width:100%; margin-right:0;}
	.wishlist-info thead .image, .wishlist-info tbody .image{ display:none;}
	.cart-info tbody .image, .cart-info thead .image{ display:none;}
     
    /*.jcarousel-skin-opencart a img { width:100px; }*/
	#footer .part1 .column, #footer .part2 .column {width: 99%; float:none;}
    #footer .column{ width:99%; padding-bottom:10px; margin-right:0px; float:none;min-height: 100px; }
	
	table.form textarea, .product-info textarea{ width:150px;}
	select{ width:150px;}
	
    #footer .leftpart, #footer .rightpart{ width:90%; float:none; }

	.login-content .left, .login-content .right { float:none; width:initial; margin-right:30px }

	.sitemap-info .left, .sitemap-info .right{ float:none; width:98%;}
	
	.boxbanner div.number-5{ width:50%;}
	
	.boxbanner div.number-4{ width:100%;}
	.boxbanner div.number-7{ width:50%;}
	.boxbanner div.number-8{ width:50%;}
.category-list ul li{ width:40%;}
	 .product-info .left .image img{ width:300px; height:auto !important;}
	 .product-info .image-additional{ width: 220px;}
	 .product-info .image-scroll .viewport { width:180px;}
	 .quickview{ display:none;}
	 #search.active-search {width: 170px;}
	.categoryhome img {width: 100%;}
	.modulnews .box-news {
    	margin: 0;
    	width: 100%;
    	text-align: center;
	}
	.newsimage.boximg {
    	float: none;
    	margin: auto;
	}
	.footer_logo {
		margin: 10px auto;
		float: none;
	}
	.box__categoryhome .box-product > div {font-size: 16px;}
}
@media only screen  and (max-width: 340px) {
	.top-header #search input{ width:86%;}
	 .colormenu #search {right: 8px;}
	 .product-info .buttonrow .cart{ display:block;}
	 select{ width:120px;}
	 #mobile-menu select{ width:150px;}
	 .product-compare{ display:none;}
      .category-info .image img{ width:100% !important; height:auto !important;}
	  .boxbanner div.number-5,.boxbanner div.number-6,
	  .boxbanner div.number-7{ width:100%;}
	  .category-list ul li{ width:38%;}
	  .product-info .left .image{ margin-left:-20px;}
	  .prapper{min-width:300px; width: auto; padding:0 6px;}
}