@charset "UTF-8";
@media (min-width: 1400px) {
	html{
		min-width: 1200px
	}
	body{
		padding-top: 500px;
	}
	.page-wrap{
		width: 1200px;
	}
	.page-wrap .page-wrap{
		width: 970px;
	}
	.page-column{
		width: 200px;
	}
	.page-main{
		width: 740px;
	}
	.logo{
		margin-left: -600px;
	}
	.page-head{
		height: 500px;
	}
	.topfader{
		height: 360px;
	}
	.topfader-img img{
		max-height: 350px;
		height: 350px;
	}
	.sidemenu ul li a:first-child{
		background-size: 190px 34px;
	}
	.breadcrumb{
		width: 740px;
		margin-left: -370px;
	}
	.filtering-item{
		width: 236px;
	}
	.catalog-grid{
		width: 760px;
	}
	.catalog-grid .catalog-item{
		margin-right: 20px;
	}
	.detail-info{
		width: 460px;
	}
	.imagefader{
		width: 740px;
		height: 160px;
	}
	.imagefader img{
		width: 730px !important;
		height: 150px !important;
	}
	.imagefader-wrap{
		width: 100%;
		height: 100%;
	}
	
	.bottommenu-item{
		width: 180px;
	}
	
	.page-main .grid .grid-half {
	  width: 355px;
	}
	.page-main .grid .grid-third {
	  width: 226px;
	}
	.page-main .grid .grid-two-third {
	  width: 484px;
	}
	.page-main .grid .grid-quarter {
	  width: 162px;
	}
	.page-main .grid .grid-three-quarter {
	  width: 548px;
	}
	.page-main .grid .grid-fifth {
	  width: 124px;
	}
	.page-main .grid .grid-two-fifth {
	  width: 278px;
	}
	.page-main .grid .grid-three-fifth {
	  width: 432px;
	}
	.page-main .grid .grid-four-fifth {
	  width: 586px;
	}
	.page-main .grid .grid-sixth {
	  width: 98px;
	}
	.page-main .grid .grid-five-sixth {
	  width: 612px;
	}
}
@media (max-width: 980px) {
	html {
	  min-width: 760px;
	}
	.page-wrap .page-wrap{
		float: none;
	}
	.page-wrap{
		width: 760px;
	}
	.page-column-right{
		float: none;
		margin: 0 auto;	
	}
	
	.logo{
		margin-left: -375px;
	}
	
	.topmenu{
		margin-left: 225px;
	}
	.topbar-menu ul{
		margin-top: 0;
	}
	.topmenu li {
		margin-right: 0.5em;
		margin-left: 0;
	}
	.topmenu-item:before {
		left: 3px;
	}
	
	.topbar {
		margin-left: 225px;
	}
	
	.banner img{
		max-width: 540px;
	}
	#order-list td, #order-list th, #kosik td, #kosik th{
		padding: 0.2em;
	}
}

@media (max-width: 790px) {
	html{
		min-width: 440px;
	}
	body{
		padding-top: 430px;
	}
	
	.sidemenu::before{
		display:none;
	}
	.page-wrap .page-wrap, .page-wrap, .bottombar, .bottombar-copyright, .catalog-grid, .imagefader{
		width: 440px;
	}
	.page-column-left, .page-main{
		float: none;
		width: 100%;
	}
	.page-column-left, .topbar-menu{
		display: none;
	}
	.logo{
		margin-left: -210px;
		top: 70px;
	}
	.logo p{
		margin: 0;
	}
	.logo img{
		width: 150px;
	}
	
	.topbar-menu ul{
		margin-top: 0;
	}
	.topmenu{
		margin-left: 55px;
	}
	.topmenu li {
		margin-right: 0.5em;
		margin-left: 0;
	}
	.topmenu a{
		margin: 2px;
		line-height: 1.9em;
	}

	.topbar-search{
		margin-top: 3em;
	}
	
	.topfader{
		bottom: 0px;
	}
	
	.breadcrumb{
		width: 440px;
		margin-left: -220px;
	}
	.breadcrumb a{
		line-height: 2.2em;
	}
	
	.paging-item{
		float: none;
		margin: 0 auto;
		text-align: center;
	}
	.paging-item-right{
		margin-top: 5px;
	}
	.filtering{
		margin-left: 4px;
	}
	.filtering-item{
		width: 135px;
	}
	.catalog-grid .catalog-item{
		margin-left: 29px;
	}
	
	.detail-img{
		width: 160px;
	}
	.detail-variant .detail-variant-item{padding: 0.25em}
	.detail-variant p > .detail-variant-item:nth-child(1){width: 80px}
	.detail-variant p > .detail-variant-item:nth-child(2){width: 95px}
	.detail-variant p > .detail-variant-item:nth-child(3){width: 95px}
	.detail-variant p > .detail-variant-item:nth-child(4){width: 75px}
	.detail-variant p > .detail-variant-item:nth-child(5){width: 100px}
	#kosik  table tr:first-child th:first-child{
		text-indent: -99999px;
		font-size: 0;
	}
	#order-list tr:first-child th:nth-child(7), #order-list tr td:nth-child(7){
		display: table-cell !important;
	}
	#order-list tr th:nth-child(3), #order-list tr td:nth-child(3), #order-list tr th:nth-child(4), #order-list tr td:nth-child(4),
	#order-list tr th:nth-child(5), #order-list tr td:nth-child(5){
		display: none;
	}
	#order-list tr td:last-child{
		text-align: center;
	}
	#orderform th, #orderform td{
		padding: 0.25em;
	}
	#orderform textarea{
		width: 440px;
	}
	.orderDetail:before, .order-detail-box-close:before{
		font-family: FontAwesome;
		font-style: normal;
		font-weight: normal;
		line-height: 1;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		content: "\f002";
		margin-right: 0.3125em;
		color: #0060a0;
		cursor: pointer;
		font-size: 23px;
	}
	.order-detail-box-close:before{
		content: "\f00d";
		color: #000;
	}
	.order-detail-box{
		width: 100%; 
		position: absolute; 
		background: white; 
		display: block; 
		z-index: 99999;
		text-align: center;
	}
	.order-detail-box-close{
		padding: 4px;
		position: absolute; 
		right: 5px; 
		top: 5px;
		cursor: pointer;
	}
	
	.banner img{
		max-width: 440px;
	}
	.imagefader img{
		width: 430px !important;
	}

	.page-main .grid .grid-half {
	  width: 205px;
	}
	.page-main .grid .grid-third {
	  width: 125px;
	}
	.page-main .grid .grid-two-third {
	  width: 280px;
	}
	.page-main .grid .grid-quarter {
	  width: 87px;
	}
	.page-main .grid .grid-three-quarter {
	  width: 321px;
	}
	.page-main .grid .grid-fifth {
	  width: 64px;
	}
	.page-main .grid .grid-two-fifth {
	  width: 158px;
	}
	.page-main .grid .grid-three-fifth {
	  width: 252px;
	}
	.page-main .grid .grid-four-fifth {
	  width: 346px;
	}
	.page-main .grid .grid-sixth {
	  width: 48px;
	}
	.page-main .grid .grid-five-sixth {
	  width: 360px;
	}
	
	.bottomcontact, .bottommenu{
		width: 400px;
		margin: 0 auto;
	}
	
	.mobileMenu{
		display: block;
		position: absolute;
		left: 50%;
		margin-left: -210px;
		top: 10px;
		z-index: 9999;
	}
	.mobileMenu > .menuToggle:before{
		font-family: FontAwesome;
		font-style: normal;
		font-weight: normal;
		font-size: 25px;
		line-height: 1.4em;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		content:"\f0c9";
		cursor: pointer;
		padding: 7px;
		background: #C6E189;
	}
	.mobileMenu > ul{
		background: #CFE59B; 
		padding: 10px;
		padding-left: 30px;
		margin: 0px;
	}
	.meobileMenu > .bookmark-list, .mobileMenu > ul{
		width: 300px;
		border: 5px solid #C6E189;
		
	}
	.mobileMenu > .bookmark-list > .bookmark{
		display: inline-block;
		padding: 6px;
		background: #C6E189;
		width: 50%;
		border-right: 2px solid #fff;
		text-align: center;
		color: #fff;
		color: #2d3023;
		font-weight: bold;
		-webkit-transition: color 0.4s;
		-moz-transition: color 0.4s;
		-o-transition: color 0.4s;
		transition: color 0.4s;
		cursor: pointer;
	}
	.mobileMenu > .bookmark-list > .bookmark.active, .mobileMenu > .bookmark-list > .bookmark:hover, .mobileMenu ul li.active > a{
		color: #147ab8;
	}
	.mobileMenu > .bookmark-list > .bookmark:last-child{
		border-right: none;
	}	
	.mobileMenu li{
		position: relative;
	}
	.mobileMenu ul{
		list-style: none;
	}
	.mobileMenu li:before {
		font-family: FontAwesome;
		font-style: normal;
		font-weight: normal;
		line-height: 1;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		content: "\f06c";
		display: block;
		position: absolute;
		top: 0.14285714em;
		left: -19px;
		font-size: 16px;
		color: #9bc648;
		cursor: default;
		-webkit-transition: color 0.4s;
		-moz-transition: color 0.4s;
		-o-transition: color 0.4s;
		transition: color 0.4s;
	}
	.mobileMenu li.active:before, .mobileMenu li:hover:before, .mobileMenu li.active > a, .mobileMenu li:hover > a{
		color: #0765A5;
	}
     
     .bottommenu-content li{
          margin-top: 1.25em;
     }  
     .bottomcontact-item > a{
          display: none;
     }
}

@media (max-width: 470px) {
	html{
		min-width: 320px;
	}
	body{
		padding-top: 190px; 
	}
	.page-wrap .page-wrap, .page-wrap, .bottombar, .bottombar-copyright, .catalog-grid, .imagefader, .bottomcontact, .detail-info, .detail-img, .detail-img-thumb {
		width: 320px;
	}
	.topfader{
		display: none;
	}
	.logo{
		margin-left: -75px;
		top: 70px;
	}
	#kosik td, th{
		padding: 0.1em;
	}
	#kosik{
		font-size: 15px;
	}
	#order-list tr th:nth-child(6), #order-list tr td:nth-child(6){
		display: none;
	}
	#orderform th, #orderform td{
		padding: 0.1em;
		font-size: 14px;
	}
	#orderform textarea{
		width: 320px;
	}
	.logo p{
		margin: 0;
	}
	button, input[type="button"], input[type="submit"], input[type="reset"] {padding: 4px 6px;}
	.topmenu{
		margin-left: 0;
	}
	.topmenu li {	  
		margin-left: 0em;
		margin-left: 0;
		margin-right: 0.4em;
	}
	.topmenu li:first-child {
		margin-left: 0;
	}
	.topbar{
		margin-right: 75px;
	}
	.topbar-search{
		margin-top: 5em;
		float: none;
		position: absolute;
		left: 50%;
		margin-left: -96px;
	}
	.login-popup{
		left: 50% !important;
		margin-left: -140px !important;
	}
	.breadcrumb {
		width: 320px;
		margin-left: -155px;
	}
	.detail-img{
		overflow: hidden;
	}
	.detail-img-thumb img {height: auto;max-width: 100%;}
	.detail-variant form:first-child, .detail-variant p > .detail-variant-item:nth-child(2){
		font-size: 14px;
	}
	.detail-variant form:first-child .detail-variant-item:nth-child(4), .detail-variant form:first-child .detail-variant-item:nth-child(5){
		display: none;
	}
	.detail-variant form:nth-child(even){
		background: #d9eca4;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
	}
	.detail-variant p > .detail-variant-item{
		display: inline-block;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
	}
	.detail-variant p > .detail-variant-item strong{
		display: block;
	}
	.detail-variant p > .detail-variant-item:nth-child(1){width: 100px}
	.detail-variant p > .detail-variant-item:nth-child(2){width: 95px}
	.detail-variant p > .detail-variant-item:nth-child(3){width: 110px}
	.detail-variant p > .detail-variant-item:nth-child(4){width: 165px}
	.detail-variant p > .detail-variant-item:nth-child(5){width: 150px}


	.banner img{
		max-width: 320px;
	}
	.imagefader img{
		width: 310px !important;
	}
	
	.filtering-item{
		width: auto;
		display: block;
		float: none;
		margin-left: auto;
		margin-top: 5px;
	}

	
	.catalog-grid .catalog-item{
		margin-left: 75px;
	}
	.page-main .grid .grid-half {
	  width: 145px;
	}
	.page-main .grid .grid-third {
	  width: 86px;
	}
	.page-main .grid .grid-two-third {
	  width: 204px;
	}
	.page-main .grid .grid-quarter {
	  width: 57px;
	}
	.page-main .grid .grid-three-quarter {
	  width: 233px;
	}
	.page-main .grid .grid-fifth {
	  width: 40px;
	}
	.page-main .grid .grid-two-fifth {
	  width: 110px;
	}
	.page-main .grid .grid-three-fifth {
	  width: 180px;
	}
	.page-main .grid .grid-four-fifth {
	  width: 250px;
	}
	.page-main .grid .grid-sixth {
	  width: 28px;
	}
	.page-main .grid .grid-five-sixth {
	  width: 262px;
	}
	
	.mobileMenu{
		margin-left: -150px;
		top: 80px;
	}
	.bottomcontact, .bottommenu{
		width: 320px;
		margin: 0 auto;
	}
	.bottommenu .bottommenu-item{
		margin-left: 80px;
		float: none;
	}
}

@media (max-width: 350px) {
	html{
		min-width: 220px;
	}
	body{
		padding-top: 200px;
	}
	.page-wrap .page-wrap, .page-wrap, .bottombar, .bottombar-copyright, .catalog-grid, .imagefader, .bottomcontact, .detail-info, .detail-img, .detail-img-thumb{
		width: 220px;
	}
	.logo{
		margin-left: -50px;
		top: 95px;
	}
	.mobileMenu{
		margin-left: -95px;
		top: 105px;
	}
	.topbar-search{
		margin-top: 6.5em;
	}
	.breadcrumb {
		width: 220px;
		margin-left: -110px;
	}
	.banner img{
		max-width: 220px;
	}
	.imagefader img{
		width: 210px !important;
	}
	.catalog-grid .catalog-item {
		margin-left: 25px;
	}
	.detail-img{
		overflow: hidden;
	}
	.detail-variant form:first-child .detail-variant-item:nth-child(4), .detail-variant form:first-child .detail-variant-item:nth-child(5){
		display: none;
	}
	.detail-variant p > .detail-variant-item:nth-child(1){width: 58px}
	.detail-variant p > .detail-variant-item:nth-child(2){width: 73px}
	.detail-variant p > .detail-variant-item:nth-child(2) strong{font-size: 13px;}
	.detail-variant p > .detail-variant-item:nth-child(3){width: 80px}
	.detail-variant p > .detail-variant-item:nth-child(4){width: 115px}
	.detail-variant p > .detail-variant-item:nth-child(5){width: 100px}
	.detail-info img{max-width:140px !important;	}
	
	#order-list tr th:nth-child(2), #order-list tr td:nth-child(2){
		display: none;
	}
	#orderform textarea{
		width: 220px;
	}
	.order-detail-box{
		font-size: 14px;
		padding-top: 20px;
	}
	
	.page-main .grid .grid-item {
	  margin-left: 15px;
	}
	.page-main .grid .grid-item:first-child {
	  margin-left: 0;
	}
	.page-main .grid .grid-half {
	  width: 102px;
	}
	.page-main .grid .grid-third {
	  width: 63px;
	}
	.page-main .grid .grid-two-third {
	  width: 142px;
	}
	.page-main .grid .grid-quarter {
	  width: 43px;
	}
	.page-main .grid .grid-three-quarter {
	  width: 162px;
	}
	.page-main .grid .grid-fifth {
	  width: 32px;
	}
	.page-main .grid .grid-two-fifth {
	  width: 79px;
	}
	.page-main .grid .grid-three-fifth {
	  width: 126px;
	}
	.page-main .grid .grid-four-fifth {
	  width: 173px;
	}
	.page-main .grid .grid-sixth {
	  width: 24px;
	}
	.page-main .grid .grid-five-sixth {
	  width: 181px;
	}
	
	.bottomcontact, .bottommenu{
		width: 220px;
	}
	.bottommenu .bottommenu-item {
		margin-left: 30px;
		float: none;
	}
	
	.meobileMenu > .bookmark-list, .mobileMenu > ul{
		width: 200px;		
	}
	.mobileMenu ul{
		margin-left: 15px;
	}
	.mobileMenu > ul {
		margin-left: initial;
	}
	
}