/************************************************************************************
-----------  Smartphones (landscape)
*************************************************************************************/
@media only screen and (min-device-width : 320px) {


}




/************************************************************************************
-----------  Smartphones (portrait)
*************************************************************************************/
@media only screen and (max-device-width : 319px) {


}





/************************************************************************************
-----------  Smartphones (portrait and landscape)
*************************************************************************************/
@media only screen and (min-width : 320px) and (max-width : 480px) {



html>body #all, #wrapper:before, #wrapper:after, .full-width:before, .full-width:after {background: transparent;}
.full-width {width: 94%; padding: 20px 3% 2px 3%;}


.content a,
.content a:visited {color:#da251d;text-decoration:underline;}
.content a:hover{color: #ff0b00;text-decoration:none;}

.content, .category-info {font-size: 13px;}

a#top, a:visited#top {display: none ! important;}

.logo {
	float: left;
	position: relative;
	top: -20px;
	width: 100%;
	text-align: center;
	}
.phone {
	float: left;
	width: 100%;
	height: 20px;
	margin-bottom: 30px;
	text-align: center;
	}
	.ico-phone1, .ico-phone2, .ico-mail {float: none;}
#search-block {
	float: left;
	position: relative;
	width: 100%;
	margin-left: 0%;
	margin-top: 0px;
	}
	.searchhere {width:270px;}
.shoping-cart {
	margin-top: 40px;
	width: 90%;
	padding: 0px 5%;
	}
.cart-full:after, .cart-empty:after {
	right: auto;
	left: 30px;
	}

#main-menu ul, .dop-menu ul {
	margin: 0px;
	}
#main-menu li a, .dop-menu li a {
	font-family: Arial, Tahoma, sans-serif;
	font-size: 12px;
	line-height: 14px;
	}
#main-menu li, .dop-menu li {padding: 0 2% 0 2%;}
#main-menu li a.mybtn {padding: 2px 6px;}
#main-menu li:after {background: transparent;}


.footer-width {width: 94%; padding: 0px 3% 0 3%;}
.footer-width footer {background: transparent; padding: 0px 0px;}
.footer-width footer:before {right:0px;background:transparent;}
.footer-width footer:after {left:0px;background:transparent;}

footer .left-col {width:100%;}
footer .copy {text-align:center;font-size:11px;}
footer .copy small, footer .copy strong {font-size:11px;}
footer .ctell {
	font-size:11px;
	line-height:15px;
	text-align:center;
	}
	footer .ctell dt {text-align:right;}
	footer .ctell dt, footer .ctell dd {margin-bottom:0px;}
footer .right-col {margin:0%;}
footer .dop-menu, footer .banner {display:none;}
footer .made {
	float: left;
	width: auto;
	margin: 0 auto;
	margin-top: 15px;
	margin-left: 8%;
	padding-top: 5px;
	font-size: 11px;
	line-height: 14px;
	}
.footer-width {background-image:none;}
.footer-width footer {top: -25px;}


.title-inner {margin-bottom: 0px;padding: 0px 0px 30px 0px;background: transparent;}
.title-inner:before, .title-inner:after {background:transparent;}
.title-inner h1.catalog, .title-inner h2.catalog, .title-inner h2 {font-size:140%;}
.title-inner h1, .title-inner h2 {text-shadow: 0px 1px 1px #814c1a;}



.left-col { width: 92%; }
.catalog-list { width: 100%; }

.catalog-wrapp .catalog-cleft, .catalog-wrapp .catalog-cright {width:100%;margin:0px;}

.fade-nav { background: #f5e5cb; left: -320px; width: 320px; display: none; position: absolute; top:0px; padding: 4%; }
.fade-nav.open {width: 92%;}
.open_bt, .fade-nav-close { display: block; }
.icons-nav-catalog {left: 0px;}
.open_bt {width: 220px; font-size: 18px; padding: 2px 0px 0px 50px; line-height: 20px;}


.crumbs li a, .crumbs li a:visited, .crumbs li span {font-size:11px; line-height: 12px; display: inline-block;	}

.tovar-block {width:280px; margin: 0 auto; padding-left:0px;}
.tovar-item {width:230px;}
.tovar-item .foto {width:100%;height:100%;}

.tovar-info {float:left;display:block; width:100%; margin-left: 0px;}



}








/************************************************************************************
-----------  Smartphones / iPads
*************************************************************************************/
@media only screen and (min-width : 480px) and (max-width : 767px) {
/*.row {background: rgba(0,0,0,0.2);}*/


.content a,
.content a:visited {color:#da251d;text-decoration:underline;}
.content a:hover{color: #ff0b00;text-decoration:none;}

.logo {
	float: left;
	position: relative;
	top: -20px;
	width: 100%;
	text-align: center;
	}
.phone {
	float: left;
	width: 100%;
	height: 20px;
	margin-bottom: 30px;
	text-align: center;
	}
	.ico-phone1, .ico-phone2, .ico-mail {float: none;}
#search-block {
	float: left;
	position: relative;
	width: 45%;
	margin-left: 0%;
	margin-top: 10px;
	}
.shoping-cart {
	width: 45%;
	}
#main-menu li a, .dop-menu li a {
	font-family: Arial, Tahoma, sans-serif;
	font-size: 16px;
	}



footer .left-col {width:100%;}
footer .copy {text-align:center;font-size:12px;}
footer .copy small, footer .copy strong {font-size:12px;}
footer .ctell {
	font-size:12px;
	line-height:16px;
	text-align:center;
	}
	footer .ctell dt {text-align:right;}
	footer .ctell dt, footer .ctell dd {margin-bottom:0px;}
footer .right-col {margin:0%;}
footer .dop-menu, footer .banner {display:none;}
footer .made {
	float: left;
	width: auto;
	margin: 0 auto;
	margin-top: 35px;
	margin-left: 25%;
	padding-left: 40px;
	padding-top: 5px;
	font-size: 11px;
	line-height: 14px;
	}
.footer-width {background-image:none;}
.footer-width footer {top: -25px;}


.title-inner {margin-bottom: 0px;padding: 0px 0px 30px 0px;background: transparent;}
.title-inner:before, .title-inner:after {background:transparent;}
.title-inner h1.catalog, .title-inner h2.catalog, .title-inner h2 {font-size:180%;}
.title-inner h1, .title-inner h2 {text-shadow: 0px 1px 1px #814c1a;}


.left-col { width: 92%; }
.catalog-list { width: 100%; }

.catalog-wrapp .catalog-cleft, .catalog-wrapp .catalog-cright {width:100%;margin:0px;}

.fade-nav { background: #f5e5cb; left: -320px; width: 320px; display: none; position: absolute; top:0px; padding: 4%; }
.fade-nav.open {width: 92%;}
.open_bt, .fade-nav-close { display: block; }

.crumbs li a, .crumbs li a:visited, .crumbs li span {font-size:11px; line-height: 12px; display: inline-block;	}

.tovar-info {float:left;display:block; width:100%; margin-left:0px;}
.tovar-block {width:400px; margin: 0 auto;}
.tovar-item {width:100%;}
.tovar-item .foto {width:100%;height:100%;}




}









/************************************************************************************
-----------  iPads (portrait and landscape)
*************************************************************************************/
@media only screen and (min-width : 768px) and (max-width : 1024px) {



.content a,
.content a:visited {color:#da251d;text-decoration:underline;}
.content a:hover{color: #ff0b00;text-decoration:none;}

.logo {
	float: left;
	position: relative;
	top: -20px;
	width: 100%;
	text-align: center;
	}
.phone {
	float: left;
	width: 100%;
	height: 20px;
	margin-bottom: 30px;
	text-align: center;
	}
	.ico-phone1, .ico-phone2, .ico-mail {float: none;}
#search-block {
	float: left;
	position: relative;
	width: 45%;
	margin-left: 0%;
	margin-top: 10px;
	}
.shoping-cart {
	width: 45%;
	}
#main-menu li a, .dop-menu li a {
	font-family: Arial, Tahoma, sans-serif;
	font-size: 16px;
	}


footer .left-col {width:100%; margin-top:10px; margin-bottom: 20px;}
footer .copy {text-align:center;font-size:14px;}
footer .copy small, footer .copy strong {font-size:14px;}
footer .ctell {
	width: 100%;
	margin-bottom:25px;
	font-size:12px;
	line-height:16px;
	text-align:center;
	}
	footer .ctell dt, footer .ctell dd {margin-bottom:0px; width: 35%;}
	footer .ctell dt {text-align:right; width: 15%;}
	
footer .right-col {margin:0%;}
footer .dop-menu, footer .banner {display:none;}
footer .made {
	float: none;
	clear: both;
	text-align: center;
	position: relative;
	width: auto;
	margin: 0 auto;
	font-size: 11px;
	line-height: 14px;
	}
footer .made .ico-ip5 {display:none;}
.footer-width {background-image:none;}
.footer-width footer {top: -25px;}


.title-inner {margin-bottom: 0px;padding: 0px 0px 30px 0px;background: transparent;}
.title-inner:before, .title-inner:after {background:transparent;}
.title-inner h1.catalog, .title-inner h2.catalog, .title-inner h2 {font-size:180%;}
.title-inner h1, .title-inner h2 {text-shadow: 0px 1px 1px #814c1a;}


.left-col { width: 92%; }
.catalog-list { width: 100%; }

.catalog-wrapp .catalog-cleft, .catalog-wrapp .catalog-cright {width:100%;margin:0px;}

.fade-nav { background: #f5e5cb; left: -320px; width: 320px; display: none; position: absolute; top:0px; padding: 4%; }
.fade-nav.open {width: 92%;}
.open_bt, .fade-nav-close { display: block; }


.tovar-info {float:left;display:block; width:100%; margin-left:0px;}
.tovar-block {float:none; width:500px; padding-left: 0px; margin: 0 auto;}
.tovar-item {width:100%;}
.tovar-item .foto {width:100%;height:100%;}



}





/************************************************************************************
-----------  iPads (landscape)
*************************************************************************************/
@media only screen and (min-width : 768px) and (max-width : 1024px) and (orientation : landscape) {


/*header {background: rgba(0,0,0,0.2);}*/

.content a,
.content a:visited {color:#da251d;text-decoration:underline;}
.content a:hover{color: #ff0b00;text-decoration:none;}

.logo {
	float: left;
	position: relative;
	top: -20px;
	width: 100%;
	text-align: center;
	}
.phone {
	float: left;
	width: 100%;
	height: 20px;
	margin-bottom: 30px;
	text-align: center;
	}
	.ico-phone1, .ico-phone2, .ico-mail {float: none;}
#search-block {
	float: left;
	position: relative;
	width: 45%;
	margin-left: 0%;
	margin-top: 10px;
	}
.shoping-cart {
	width: 45%;
	}
#main-menu li a, .dop-menu li a {
	font-family: Arial, Tahoma, sans-serif;
	font-size: 16px;
	}



footer .left-col {width:100%; margin-top:10px; margin-bottom: 20px;}
footer .copy {text-align:center;font-size:14px;}
footer .copy small, footer .copy strong {font-size:14px;}
footer .ctell {
	width: 100%;
	margin-bottom:25px;
	font-size:12px;
	line-height:16px;
	text-align:center;
	}
	footer .ctell dt, footer .ctell dd {margin-bottom:0px; width: 35%;}
	footer .ctell dt {text-align:right; width: 15%;}
	
footer .right-col {margin:0%;}
footer .dop-menu, footer .banner {display:none;}
footer .made {
	float: none;
	clear: both;
	text-align: center;
	position: relative;
	width: auto;
	margin: 0 auto;
	font-size: 11px;
	line-height: 14px;
	}
footer .made .ico-ip5 {display:none;}
.footer-width {background-image:none;}
.footer-width footer {top: -25px;}


.title-inner {margin-bottom: 0px;padding: 0px 0px 30px 0px;background: transparent;}
.title-inner:before, .title-inner:after {background:transparent;}
.title-inner h1.catalog, .title-inner h2.catalog, .title-inner h2 {font-size:180%;}
.title-inner h1, .title-inner h2 {text-shadow: 0px 1px 1px #814c1a;}


.left-col { width: 92%; }
.catalog-list { width: 100%; }

.catalog-wrapp .catalog-cleft, .catalog-wrapp .catalog-cright {width:100%;margin:0px;}

.fade-nav { background: #f5e5cb; left: -320px; width: 320px; display: none; position: absolute; top:0px; padding: 4%; }
.fade-nav.open {width: 92%;}
.open_bt, .fade-nav-close { display: block; }


.tovar-info {float:left;display:block; width:100%; margin-left:0px;}
.tovar-block {float:none; width:500px; padding-left: 0px; margin: 0 auto;}
.tovar-item {width:100%;}
.tovar-item .foto {width:100%;height:100%;}



}






/************************************************************************************
-----------  iPads (portrait)
*************************************************************************************/
@media only screen and (min-width : 768px) and (max-width : 1024px) and (orientation : portrait) {




.content a,
.content a:visited {color:#da251d;text-decoration:underline;}
.content a:hover{color: #ff0b00;text-decoration:none;}

.logo {
	float: left;
	position: relative;
	top: -20px;
	width: 100%;
	text-align: center;
	}
.phone {
	float: left;
	width: 100%;
	height: 20px;
	margin-bottom: 30px;
	text-align: center;
	}
	.ico-phone1, .ico-phone2, .ico-mail {float: none;}
#search-block {
	float: left;
	position: relative;
	width: 45%;
	margin-left: 0%;
	margin-top: 10px;
	}
.shoping-cart {
	width: 45%;
	}
#main-menu li a, .dop-menu li a {
	font-family: Arial, Tahoma, sans-serif;
	font-size: 16px;
	}



footer .left-col {width:100%; margin-top:10px; margin-bottom: 20px;}
footer .copy {text-align:center;font-size:14px;}
footer .copy small, footer .copy strong {font-size:14px;}
footer .ctell {
	width: 100%;
	margin-bottom:25px;
	font-size:12px;
	line-height:16px;
	text-align:center;
	}
	footer .ctell dt, footer .ctell dd {margin-bottom:0px; width: 35%;}
	footer .ctell dt {text-align:right; width: 15%;}
	
footer .right-col {margin:0%;}
footer .dop-menu, footer .banner {display:none;}
footer .made {
	float: none;
	clear: both;
	text-align: center;
	position: relative;
	width: auto;
	margin: 0 auto;
	font-size: 11px;
	line-height: 14px;
	}
footer .made .ico-ip5 {display:none;}
.footer-width {background-image:none;}
.footer-width footer {top: -25px;}


.title-inner {margin-bottom: 0px;padding: 0px 0px 30px 0px;background: transparent;}
.title-inner:before, .title-inner:after {background:transparent;}
.title-inner h1.catalog, .title-inner h2.catalog, .title-inner h2 {font-size:180%;}
.title-inner h1, .title-inner h2 {text-shadow: 0px 1px 1px #814c1a;}


.left-col { width: 92%; }
.catalog-list { width: 100%; }

.catalog-wrapp .catalog-cleft, .catalog-wrapp .catalog-cright {width:100%;margin:0px;}

.fade-nav { background: #f5e5cb; left: -320px; width: 320px; display: none; position: absolute; top:0px; padding: 4%; }
.fade-nav.open {width: 92%;}
.open_bt, .fade-nav-close { display: block; }


.tovar-info {float:left;display:block; width:100%; margin-left:0px;}
.tovar-block {float:none; width:500px; padding-left: 0px; margin: 0 auto;}
.tovar-item {width:100%;}
.tovar-item .foto {width:100%;height:100%;}



}









/* Desktops and laptops ----------- */
@media only screen and (min-width : 1025px) and (max-width : 1224px) {


.left-col {width:30%;}
.catalog-cright {width:70%;}

.tovar-block {width:570px; margin: 0 auto;}
.tovar-item {width:94%; padding: 20px 3% 10px 3%;}
.tovar-item .foto {width:100%;height:100%;}
.tovar-info {float:left;display:block;width:100%;margin-left:0px;}

}


/* Desktops and laptops ----------- */
@media only screen and (min-device-width : 1224px) {}


/* Large screens ----------- */
@media only screen and (min-device-width : 1480px) {/*.row {background: rgba(0,0,0,0.2);}*/}