/* Media Queries */

/* Smaller screens */  
@media only screen and (min-width: 1208px) {                                      		
	.container {
		width: 1192px;
	}                                                                           	
	#search {
		width: 420px;
	}                                                                           	
	#top-page,
	#right-page { 		 	
		width: 928px; 
		float: right;
	}                                                                            	
	.gallery .wrap {		
		width: 25%;		
	}
	.subcategories li {
		width: 20%;
	}                                                                           	
	.page-hp .category {
		display: block;
	}                                                                           	
	#detail-buy {
		font-size: 1.1em;
	}                                                                           	
	.column.top-field {
		margin-top: 45px;
		display: block;
	}                                                                           	
	#filter #tab2 div {
		width: 33.33%;
	} 
	#filter #tab3 div {
		width: 20%;
	}
	#detail-left {
		width: 56.4%;
	}  
	#other-photos {
		padding-left: 46px;
	}                                                                        
} 

/* Portrait tablets */
@media only screen and (max-width: 980px) {                            	
	.container {
		width: 728px;
	}                                                                	
	#user-cart a,
	#user-cart span,
	.column.right,
	#social-roll {  
		display: none;
	}                                                                	
	#top-page,
	#right-page,
	#left-page,
	.left-section {  	
		width: 100%;
	}                                                                 	
	#search {
		width: 350px;
		right: 75px;
	}                                                                	
	.catalog-link {
		display: block;
		margin: 0 1.2em .6em 0;		
		float: left;
	}                                                                	
	#breadcrumb div {
		width: 76%;
	}                                                                	
	.contact-us textarea {
		width: 654px;
	}                                                                		
	#headlines section {
		text-align: center;
		margin: 0 2% 0 2%;
		width: 29%;
	}                                                                		
		#headlines img {
			margin: .8em 0 0 0;
			float: none;
		}                                                          	
		#headlines p {  	
			margin-top: 12px;
		}                                                          	
	#bottom nav,
	#bottom-author {
		width: 100%;
		float: none;
		text-align: center;
		clear: both;
	}                                                                	
	#bottom nav {   			
	      margin-bottom: 2em;
	}                                                                	
	#bottom-author {
	      border-top: 1px solid #dfdfdf;
	      padding-top: 2em;
	}                                                                
} 

/* Tablets to smartphones */                                                            
@media only screen and (max-width: 767px) {                                             	
	.cart-img,
	#customer-discount,
	.marketing .separator,
	#breadcrumb {
		display: none;
	}
	.text object {
		max-width: 100%;
		margin-left: 0;
		float: none;
	}                                                                                 	
	.hidden-mobile,
	.page-shipment .italic {
		font-size: 0;
		padding: 0;
		width: 0;
	}                                                                                 	
	.container {
		width: 497px;
	}
	#banner1 {
		height: 53%;
	}
		#banner1 img {
			width: 100%;
			height: 100%;
		}
	#logo {
		margin-top: 10px;
	}                                                                                	
		#logo img {
			height: 40px;
			width: auto;
		}                                                                                 	
	#top-info div {
		padding-left: 0;
		border: none;
	}                                                                                 	
		#top-info a {
			padding-left: 0;
			background: none;
		}                                                                           	
	#top-info .languages {
		padding-left: 0;
	}                                                                                 	
      #search {
		width: auto;
		left: 15px;
	}
	.header-bottom {
		background-repeat: repeat-x;
		overflow: hidden; 		
	}
		#menu {
			display: none;
		}                   
		#menu-select {
			display: block;
			width: 93.8%;
			margin: .7em 15px;
			font-size: 1.2em;
			font-style: italic;
		} 
			#menu-select option {
				font-style: normal;
				font-size: 1em;
			} 
	.footer .content {
		padding: 0;
	} 
	.table-form th,
	.table-form td,
	.list.short-th th {
		width: 100%;
	      float: left;
	      text-align: left;
	}
		.table-form th {
			padding-top: 0;
			padding-bottom: 0;
		      line-height: 200%;
		      position: relative;
		      top: .4em;
		}
		.table-form.list th,
		.table-form.list td {
		      position: static; 
		      width: 94%;
		      padding-left: 3%;
		      padding-right: 3%;
		}                                                                       	
			.table-form input[type="text"],
			.table-form input[type="password"],
			.table-form textarea {
				width: 98%;			
			}                                                                                 	
			.table-form select {
				width: 100%;
			}                                                                                 	
	.created {
		display: block;
		border: none;
		line-height: 150%;
	}                                                                                 	
	.subcategories li {
		width: 33.333%;
	}                                                                                 	
	#headlines section {
		text-align: left;
		margin: 0;
		width: 100%;
	}                                                                                 	
		#headlines h2 {
			float: none;
		}                                                                           		
		#headlines img {
			margin: .8em 1.2em .8em 0;
			float: left;
		}                                                                           	
		#headlines p {  	
			margin-top: 12px;
			clear: right;
		}    
	.controls {
		width: 16px;
	}                                                                                 	
		.accordion .controls {
			top: 10px;
		}                                                                           		
	.field .controls {
		width: auto;
	}                                                                                 	
	.acc-panel,
	#product-tabs,
	.slider-field {
		-webkit-border-top-right-radius: 0;
		-moz-border-radius-topright: 0; 
		border-top-right-radius: 0;
	}                                                                                 		
	.text .photo {
		max-width: 50%;
		height: auto;
	}                                                                                 	
	.gallery .wrap {
		width: 50%;
	}      
	.text .photo {
		max-width: 30%;
		height: auto;
	} 
	.recommend-item {   
		width: 463px;
	}                                                                                    		
	.recommend-item .in {
		min-height: 210px;
	}                                                                                 	
		.recommend-item .product-icons {
			top: 1.2em;
			left: 0;
		}                                                                           	
		.recommend-item .wrap {				
			width: 47%;
			height: auto;
		}                                                                           		
			.recommend-item .wrap, 
			.recommend-item .wrap div {  
				height: 210px;
			}                                                                     		
			.recommend-item .wrap img {
				max-width: 90%;
				height: auto;
			}                                                                     		
		.recommend-right {
			margin-left: 50%;
		}                                                                           		
			.recommend-item h2 {
				font-size: 2.4em;
			}                                                                     		
			.recommend-item .desc {
				display: none;
			} 
	.accordion {
	 	border: none;
	}   
		.accordion .acc-item {
			list-style: none; 
		}                                                                                       
			.acc-head {
				display: block;
				margin: 0;  
				margin-top: -1px; 				
			}   
				.acc-head strong {
					padding: 0 15px; 
					border: 1px solid #d0d0d0; 					
				}                                                                                 
			.acc-panel {
				float: none;
				top: 0;
				margin-bottom: 0;
				margin-top: -1px;                                                               
			}                                                              	
		                                                              	
	#filter #tab2.acc-in div {
		width: 100%;
	}
	#filter #tab3 div {
		width: 50%;
	}  	
	.cancel {
		display: none;
	}                                                                             	
	fieldset.half,
	.page-customer.page-view .half,
	.page-customer.page-view .half.right {
		width: auto;
		float: none;
	}                                                                                 		
	#contact-form,
	.marketing .survey {
		width: 100%;
		float: none;
		clear: both;
		margin-bottom: 1.2em;
		overflow: hidden;	
	}   	                                                                          	
		#contact-form textarea {
			width: 96%;
		}                                                                           		
		#contact-form .input {
			width: 78%;
		}                                                                              	
	.discuss-head {
		margin-bottom: 1.2em;
	}                                                                                 	
		.discuss .textarea-comments {
			float: none;
			height: 6em;
			width: 96%;
		}                                                                           		
		.discuss .input {
			float: left; 
			width: 82%;  		
			margin: 0.8em 0 0 0;
		}                                                                           		
		.di-submit {
			margin: 1.2em 0 0 .8em;
		}                                                                           		
		.discuss-item div small {
			display: none;
		}                                                                           		
		.discuss-item.level-2 {
			margin-left: 0;
		}                                                                           		
	#bottom nav {
		margin-bottom: 0;
	}                                                                                 			
		#bottom nav ul li {
			float: none;
			border-left: none;
			border-top-style: solid;
			border-top-width: 1px;
			font-size: 1.1em;
		}                                                                           		
			#bottom nav a {  
				line-height: 150%;
				padding-top: .5em;
				padding-bottom: .5em;				
			}                                                                     		
			#bottom nav ul li ul li {
				line-height: 240%;
				font-size: 1em;
			} 	                                                                		
	#bottom-author {
		padding-top: 3em;
	}                                                                                 	
	#detail-left,
	#detail-right {
		width: 100%;
		float: none;
	}                                                                                 	
	#detail-buy {
		font-size: 1.1em;
	}
	#product-tabs .acc-panel .acc-in {
		padding: 15px;
	}                                                                                 	
	#other-photos .wrap div {
		width: 97px;
	}                                                                                 	
		#other-photos img {
			max-width: 80%;
			height: auto;
		}                                                                           		
	.contact-us textarea {
		width: 424px;
	}                                                                                 	                                                                                  
	.contacts-right {
		position: static;
		width: auto;
	} 
	.cart-table .in-mobile {
		display: block;
	}  
	.cart-cross .ico-cross {
		display: none;
	}
	.cart-table .ico-cross {
		margin-top: 3px;
	}
	.tab-note {
		margin-left: 0;
		margin-top: .6em;
		display: block;
	}
	.acc-panel,
	.slider-field,
	.acc-panel .acc-in {
		-webkit-border-radius: 0 0 10px 10px;
		-moz-border-radius: 0 0 10px 10px; 
		border-radius: 0 0 10px 10px;
	}
}                                                                                 
	
/* Landscape Smartphones */      
@media only screen and (max-width: 540px) {                          	
	.container {
		width: 100%;
	} 
	#page {
		width: 100%;
		overflow: hidden;
	}
	
	.content {
		padding: 10px;
	} 
	#menu-select,
	.under-line,
	.page-customer .discuss-item,
	.page-customer .discuss-item.level-2,
	.page-sitemap .item-list {
		margin-left: 10px;
		margin-right: 10px;
	}  
	.n-list .in {
		padding: 0 15px;
	}
	.target-text h1 {
		margin-left: 0;
		margin-right: 0;
	}                                                                                	
	.table-form select {
		width: 100%;
	}  
	.articles img,
	.n-list img {
		max-width: 30%;
	}  
	fieldset .target-text .table-form,
	.table-form.list {
		margin-left: 0;
		margin-right: 0;
	}
		.list th {
			padding-bottom: 0;
		}
		.list td {
			padding-top: 0;
		}
	#breadcrumb {
		padding-top: 0;
	}
	#link-back {
		top: 0;
	}
	.n-list ul,
	.marketing {
		padding-left: 15px;
		padding-right: 15px;
	}                                  
	h1, h2, h3, h4 {
		line-height: 130%;
	} 
	.field .head {
		padding-left: 15px;
	} 
		.field #contact-form .head,
		.field .survey .head,
		.field .discuss .head {
			padding-left: 0;
		}			 
	.files .head {
		padding-left: 0;
	}                                     	
	h1 {
		font-size: 2.2em;
	} 
	.header-top .container, 
	.header-top .content {
		height: 100px;
		padding-top: 0;
		padding-bottom: 0;
	} 
	#logo img {
		height: 30px;
	}
	#user-cart {
		top: 42px;
	} 
	#search {	
		top: 48px;
		left: 10px;
	}                                         	
	#user-registration,
	.subcategories th,
	#left-page .box,
	#headlines,
	.share,
	.like,
	.header .languages,
	.not-mobile,
	.subcategories,
	.accordion.top-offer-hp,
	.page-hp .subcategories,
	.product-item .product-icons,
	.recommend-item .product-icons,
	.top-offer-site,
	.page-hp #left-page,
	.left-section {
		display: none;
	}                                          	
	.photo.left {
		margin: 0 .6em .6em 0;
	}                                          	
	.photo.right {
		margin: 0 0 .6em .6em;
	}                                          	
	.item-list a {
		padding-right: .8em;
	}                                          		
		.item-list small {
			display: none;
		}                                    	
	.accordion {
		display: block;
	} 
		.acc-in.text {
			margin: 0;
		}                               	
	.device-mobile .photo {
		width: auto !important;
		height: auto !important;
	}  
	.catalog-mobile,
	#left-page .box.category,
	.page-hp .catalog-mobile .category {
		display: block;
	}                                        	
	#top-info div {
		padding-left: 0;
	}
	#menu-select {
		width: 95.8%;
	} 
	#bottom nav a {
		padding-left: 15px;
		padding-right: 15px;
	} 
	.paging {
		font-size: 1.2em;
	}
		.field .paging {
			margin-right: 0;
			margin-left: 0;
		}                    	
	.footer .languages {
		padding-left: 0;
		text-align: center;
		display: block;
		margin-bottom: 1.2em;
	}                                          	
		.footer .languages img {
			margin: 0 8px;
		}                                           	
	.subcategories ul {
		padding: 0;
	}                                          	
		.subcategories li,
		.subcategories li.no-picture {
			width: 100%;
			background-image: none;
		}  
			.subcategories li table {
				text-align: left;
			}                                  		
				.subcategories li td {
					padding: .5em 15px;
					line-height: 150%;
				}    
					.subcategories li td a {
						padding: 0;	
					}  
					.subcategories li td strong { 
						height: auto; 					
					}                          				
	.gallery .wrap {
		width: 100%;
		height: auto;
	} 
		.gallery .wrap div {
			height: auto;
		}
		.gallery .wrap figcaption {
			position: relative;
			bottom: -0.6em;	
		}     	                                     	
	.tabs#filter nav li {
		width: auto;
	}                                          	
		.filter-sorting table {
			width: 100%;
		}                                    		
			.filter-sorting .arrow {
				margin-left: .3em;
			}  
	
	#filter #tab3 div {
		width: 100%;
	}                             			
	.slider-container {
		width: 100%;
		margin-left: 1px;
	}                                              	
	a.prev { 
		left: 5px;				
	}                                          	
	a.next { 
		right: 5px;
	}                                          	
	.n-list h3,
	.n-list .first h3 {
		font-size: 1.2em;
		font-weight: bold;
	} 
	.mobile-tops {   
		display: block;
		margin-bottom: 1.2em;		
	}
		.mobile-tops .field {
			overflow: visible;
			margin-bottom: 0;
			margin-top: -1px;
		} 
			.mobile-tops a.next,
			.mobile-tops a.prev {
				padding-top: 2.9em;
			}                                        	
	#product-list {
		width: 100%;
	}                                          	
		.product-item {
			float: none;
			height: auto;
			width: auto;
			border-right-width: 0; 
		}                                    		
			.product-item .in {
				text-align: left;
				min-height: 80px; 
				padding: .6em 1.6em .6em .6em;
			}                              			
				.product-item h3 {
					float: left;
					height: auto;
					padding-left: 0;
					padding-right: 0;
					margin-left: 95px;
					font-size: 1.1em;
					font-weight: bold;
				}                        				
				.product-item .wrap {  
					position: absolute; 
					width: 90px;
				}                        				
					.product-item .wrap, 
					.product-item .wrap div {  
						height: 80px;   
					}                  					
						.device-desktop .product-item .wrap img {
							max-width: 80%;
							height: auto;
							vertical-align: top;	
						}            					
				.prices {
					float: left; 
					clear: left;  
					margin-left: 95px;				
				}                        				
					.prices table {
						height: auto;
						margin: 0; 
						font-size: 1.05em;
					}  
						.prices tr {
						      float: left;
						}								
						.prices th {
							display: none;
						}	      						
						.prices td {
							padding: 0;
							margin-right: .7em; 
							display: list-item;
							white-space: nowrap;
							line-height: 30px;
						}      
							.prices .cart {
								float: none;
							}    							
							.prices small,
							.prices .cart small {
								display: none;
							} 
							.prices .standard_price {
								text-decoration: line-through;
							}       
	.slider .product-item .in {
		padding-right: 40px;
	}
	.ui-tabs-panel {
		margin: 0;
	}
	#detail-right {
		margin-top: 1.2em;
	}
	#other-photos a.prev { 
		left: 5px;				
	}                                                                            				
	#other-photos a.next { 
		right: 5px;
	} 
	.dialog-popup {
		min-width: 20em;
		width: 20em;
	}  
		.to-cart {
			width: auto;
		} 
		.dialog-popup .button {
			float: none;
			margin-bottom: 1.2em;
		} 
	#order-buttons {
		text-align: center;
	}
		#order-buttons .button,
		#order-buttons .button.btn-colored-big {
			float: none;
			margin: 1em auto;
			display: block;
		} 
	.right-total {
		margin-right: 1em;
	}
	.left-total {
		margin-left: 1em;
		margin-bottom: 1em;
	}   	                            
}

/* Portrait smartphones */
@media only screen and (max-width: 380px) { 	
	body {
		font-size: .85em;
	}                                   	
	.product-item table {
		margin-top: 0;
	}                                                                       	
		.product-item th,
		.product-item td {
			float: left;
			clear: left;
			width: 100%;
			padding-left: 0;
		}                                                                 		
	.tabs nav li {
		width: 100%;
	}
	#menu-select {
		width: 93.5%;
	}
	#other-photos .wrap div {
		width: 90px;	
	}                                                                       
}