
@media only screen and (max-width: 1200px){
	.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:20px;} 
	.category-list ul li{ width:12.5%;} 
	.left, .right{
		float: none;
		display: block;
    	width: 100%;
    	margin: 0 auto;
	} 
	.services_items{
		max-width: 563px;
    	width: 100%;
	}
	.main_footer_block{
  		flex-direction: column;
    	align-items: center;
	}
}
@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%}
	.top_logo{
		position: static;
		margin: 0 auto;
		float: none;
	}
	.right_block, .left_block{
		display: block;
		float: none;
		width: 100%;
	}
	.left_block>figure>img{
		    width: 75%;
	}
	.right_block{
		padding: 0 20px;
	}
	.localization_block{
	    position: relative;
	    top: 40px;
	    right: -10px;
	}
}
@media only screen and (max-width: 980px){
	.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:240px;}
     #fon_slider .containermenu{ height:250px; }
	 #navbox a{min-height:250px;}
	
	.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%;}

	 .category-list ul li{ width:27.5%;}	
	#navbar-inner{
		float: left;
	}
	.our_qualities{
		display: block;
	}
	.item_qualities{
		width: 49%;
	    margin: 20px auto;
	    display: inline-block;
	    float: left;
	}
	.slick-slide img{
    	height: 150px;
	}
}

@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%}
	
	.product_item{
		margin: 10px 5%;
		width: auto;
	}
}

@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{ width:44%;}
	.top_logo img{ max-width:100%; height:auto !important;}
	.top_info{ padding-left:0;text-align: center;}

	#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;}
	.colormenu{
		margin: 0 auto;
	}
	.ladtop-banner{
		display: block;
	}
	.desktop-banner{
		display: none;
	}
}

@media only screen  and (max-width: 580px) {
	.localization_block{
	    position: relative;
	    top: 89px;
	    right: -83%;
	}	
}

@media only screen  and (max-width: 480px) {
	#header>.relat{margin-top: 15px;}
	.top-header #search input{ width:89%;}
    .relat #search{ width:99%;}
	.relat #search input{ width:89%;}
	.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:40px; }
	#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;}
	.top_info > div{
		margin: 8px;
	}
	.item_qualities{
		width: 100%;
		display: block;
		float: none;
	}
	.services_items>span{
		padding: 18px 0 0 0;
	}
	.info_services_items{
		width: 100%;
    	padding: 0px 10px 20px;
	}
	.services_img{
		width: 100%;
		float: none;
		margin-top: 25px;
	}
	.info_services{
		float: none;
		width: 100%;
		margin-top: 25px;
	}
	.to_order{
		position: static;
		margin: 0 auto;
	}
	.left_block>figure>img{
		    width: 100%;
		    display: none;
	}
	.heading, 
	.red_letter, 
	.prise_info,
	.form-builder>.box-heading{
		font-size: 16px;
	}
	.product_item>span, 
	.items_button, 
	input[name="form_builder_1-1"], 
	input[name="form_builder_1-2"], 
	textarea[name="form_builder_1-3"],
	.field-block>.button,
	.be_contacted,
	.services_items>span,
	.article,
	.services_items>.add_info,
	.pre-text{
		font-size: 14px;
	}
	.be_contacted,
	.prise_info{
		display: block;
    	padding: 0 11%;
	}
	.top_info .topinfo1, 
	.top_info .topinfo2 {
		margin: 0 0 0 18%;
    	font-size: 12px;
    	display: inline-block;
	}
	.top_info{
		display: block;
    	width: 100%;
	}
	.topinfo1::before,
	.topinfo2::before {
		width: 15px;
    	height: 15px;
    	top: 0px;
	}
	#navbar-inner{
		float: right;
	}
	#navbar-inner>.btn-navbar>div,
	.description_services>p{
		display: none;
	}
	.top_logo{
	    position: absolute;
	    width: 100px;
	    height: 60px;
	    top: 45px;
	    background-size: 100%;
	    background-repeat: no-repeat;
	    padding: 0;
	}
	.main{margin-top: 25px;}
	.colormenu {
		margin-top: 10px;
    	padding-top: 5px;
    	padding-bottom: 40px;
    	border-top: 1px solid;
	}
	.to_order{
		width: 90%;
    	height: 37px;
    	padding: 8px 0;
    	border: 2px solid;
    	background: #fff;
    	color: #000;
	} 
	.our_printing_house {
		padding: 19px 0;
	}
	.topinfo2{
		width: 40%;
	}
	.topinfo2:hover{
		height: 105px;	
		width: 160px;
	}
	.topinfo2::before {
		left: 9%;
	}
	.topinfo2:hover .arrow{
		top: 14px;
	}
	.arrow {
		top: 3px;
		width: 5px;
    	height: 5px;
    	right: 30px;
	}
	.topinfo1{
		right: 75px;
	}
	.main_footer_block{
		display: none;
	}
	.main_mobile_footer_block{
		display: block;
	}
	.topinfo2:hover .phone{
		width: 90px;
	}
	.about_our_printing_house>.heading{
		margin-right: 40px;
		margin-bottom: 25px;
	}
	.about_our_printing_house>.heading>.red_letter{
		padding: 2px 0px 2px 45px;
	}
	.our_production>.heading>.red_letter{
		padding: 2px 0px 2px 77px;
	}
	.our_production {
		padding: 20px 0 25px;
	}
	div>form>input[placeholder="Коментарий"],
	.field-block>textarea[name="form_builder_1-3"]{
		padding: 20px 0px 70px 10px;
	}
	.field-block>.button{
		margin: 0 auto;
	}
	.our_services{
		padding: 25px 0 25px;
	}
	.description_services>.heading{
		margin-bottom: 25px;
	}
	.services{
		margin: 20px auto 0;
		width: 90.5%;
	}
	.prise{
		margin: 35px auto 0px;
	}
	div>form>.callback{
		margin: 5px auto;
	}
	.be_contacted, .prise>.heading,
	.box-content>.pre-text{
		margin-bottom: 20px;
	}
	.items_button{
		margin: 10px auto 0px;
	}
	.product_item>img{
		height: auto;
	}
	.product_item{
		min-height: 250px;
		max-width: 282px;
		max-height: 275px;
	}
	.our_production>.heading{
		margin-bottom: 15px;
	}
	.menu1 .mobilemenu a{
		text-align: center;
		color: #fff;
		padding: 10px 12px;
	    font-family: 'Montserrat', sans-serif;
	}
	.btn-navbar{
		text-align: -webkit-right;
	}
	.menu1 .mobilemenu span.head a{
	    transform: rotate(180deg);
	}
	.menu1 .mobilemenu span.head{
	    right: 0;
    	top: 0px;
    	padding: 4px 69% 4px 22%;
	}
	#ma-mobilemenu>.home, .ladtop-banner {
		display: none;	
	}
	.be_contacted{
		margin: 0px;
	}
	.arrow_to_down{
		right: -96%;
		top: -14px;
	}
	.services_items>.add_info{
		padding: 17px 15px;
		height: 50px;
		min-height: 50px;
	}
	.services_items {
		margin: 10px auto;
	}
	.topinfo1::before{
		left: -20px;
	}
	.arrow{
  	    top: -10px;
	    width: 5px;
	    height: 5px;
	    right: -90%;
	    position: relative;
	}
	.topinfo2:hover::before{
		left: 20px;
    	top: 13px;
	}
	.topinfo2>.viber::before{
		width: 15px;
    	height: 15px;
    	left: 20px;
    	top: 35px;
	}
	.third_phone::before{
		width: 15px;
    	height: 15px;
        left: 20px;
    	top: 56px;
	}
	.fourth_phone::before{
		left: 20px;
    	top: 78px;
        width: 15px;
    	height: 15px;
	}
	.our_production{
		margin: 0 auto;
	}
	.slider{
	    margin: 50px auto;
	}
	.navbar-active{
    	width: 82%;
    	min-height: 300px;
	}
	.btn-navbar .icon-bar{
		position: relative;
		right: 0;
	}
	#navbar-inner{
		position: absolute;
		right: 0;
	}
	.btn-navbar{
		position: relative;
    	right: 15px;
	}
	#ma-mobilemenu{
	background: #000000cc;
    position: relative;
    top: 10px;
	}
	.customlink>div>p{
		color: #fff;
		font-size: 12px;
		font-family: 'Montserrat', sans-serif;
	}
	.mobile-banner,
	.information_id-9 #container>.breadcrumb
	.information_id-10 #container>.breadcrumb{
		display: block;
	}
	.accordion-menu>li{
		margin-bottom: 10px;
	}
	.dropdownlink{
		font-size: 14px;
		padding: 10px 10px 10px 35px;
	}
	.accordion-menu li.open .dropdownlink>.fa-chevron-down{
		top: 17px;
	}
	.dropdownlink>i{
		top: 15px;
	}
	.services_img>img{
	    width: 60%;
    	margin: 0 auto;
	}
	.menu1 .mobilemenu li div{
		padding: 0;
	}
	.menu1 .mobilemenu ul a{
		padding: 10px;
	}
	.information_id-9 #content h1,
	.information_id-10 #content h1{
		margin: 35px 0;
		font-size: 18px;
	}
	.information_id-9 #content h2{
		font-size: 16px;
	}
	.information_id-9 #content ul>li,
	.information_id-10 #content h1{
		font-size: 14px;
	}
	.relat>.top_logo>a{
	    display: block;
	    width: 100%;
	    height: 100%;
	    position: relative;
	}
}

@media only screen  and (max-width: 340px) {
	.top-header #search input{ width:86%;}
	 .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:0px;}
}

@media only screen  and (min-width: 991px){
	#navbar-inner{
		height: 70px;
		border-top: 1px solid #ccc;
	    padding: 8px 0 0 0;
	}
	#menu{
		margin-top: 17px;
		width: 775px;
	}
	.topinfo1{
		right: 290px;
	}
}

@media only screen  and (min-width: 480px){
	.top_logo{
		left: 45px;
	}
}

@media only screen  and (min-width: 320px) and (max-width: 430px){
	.topinfo2::before{
		left: 4%;
	}
}
@media only screen  and (min-width: 430px) and (max-width: 480px){
	.topinfo2::before{
	  	left: 9%;
	}
}

@media screen and  (max-width: 1003px){
	.main_footer_item>img{
		margin-top: 10px;
	}
	.main_footer_item{
		display: block;
		width: 214px;
		text-align: center;
		margin: 0 auto;
		float: none;
	}
	.additional_info>.footer_info{
		width: 200px;
    	margin: 10px auto;
    	display: block;
	}
	.main_footer_item>div {
		margin: 20px 0 0 0;
	}
	.info_phone>.footer_info::before{
		left: 15px;
	}
	.info_email>.footer_info{
		margin-bottom: 20px;
	}
}	