@charset "utf-8";

@media screen and (max-width:1170px) and (min-width:801px){
	.page_holder,
	.content_content table{
		width:100% !important;
	}
	
	.content_content,
	.jcarousel-skin-catalog .jcarousel-container-horizontal,
	.jcarousel-skin-tango .jcarousel-container-horizontal,
	.jcarousel-skin-products .jcarousel-container-horizontal,
	.top_container .top_content{
		width:98% !important;
		margin:auto !important;
	}
	
	.page_holder .menu_container .main_menu{
		padding-left:0px !important;
		width:400px !important;
	}
	
	.page_holder .menu_container .main_menu a{
		padding:3px 5px !important;
	}
	
	.page_holder .menu_container .search{
		position:relative;
		width:46px;
		float:right;
		margin-right:5px !important;
		margin-left:5px !important;
	}
	
	.page_holder .menu_container .search .input{
		display:none;
		position:absolute;
	}
	
	.page_holder .menu_container .search .search_button{
		border:1px solid #d3d3d3;
		border-radius:5px;
		overflow:hidden;
	}
	
	.header_container .header_main_image img{
		width:auto;
		height:100%;
	}
	
	.header_container .header_side_image,
	.cats_container a.cat_item_small{
		width:32.8%;
	}
	
	.header_container,
	.header_container .header_side_image{
		height:auto !important;
	}
	
	#nav ul li ul{
		width:800px;
		margin-left:-475px;
		left:50%;
	}
	
	.cats_container,
	.top_banners{
		width:98% !important;
		margin:auto !important;
	}
	
	.cats_container a.cat_item_big{
		width:33% !important;
	}
	
	.cats_container a.cat_item_big div:not(.title) img,
	.cats_container .cat_minis .cat_item_mini div:not(.title) img,
	.cats_container a.cat_item_small div:not(.title) img,
	.top_banners .banner_left img,
	.top_banners .banner_right img,
	.bottom_banners .right img,
	.bottom_banners .left img{
		width:100% !important;
		height:auto !important;
	}
	
	.cats_container .cat_minis{
		width:32% !important;
	}
	
	.cats_container .cat_minis .cat_item_mini{
		font-size:17px !important;
	}
	
	.top_banners .banner_left,
	.top_banners .banner_right{
		width:49% !important;
		margin-left:0.5% !important;
		margin-right:0.5% !important;
	}
	
	.bottom_banners .left{
		width:48% !important;
		margin-left:1% !important;
	}
	
	.bottom_banners .right{
		width:51% !important;
	}
	
	.bottom_banners .right .banner_item{
		width:48% !important;
		margin:3px 1% !important;
	}
	
	.newsletter{
		text-align:center !important;
	}
	
	.newsletter div{
		float:none !important;
	}
	
	.newsletter input{
		margin-left:0px;
		width:50%;
		padding:5px 3%;
		margin-top:5px;
		margin-bottom:5px;
	}
	
	.newsletter a{
		text-align:center;
		width:auto;
		display:inline-block;
		margin-left:0px;
		float:none !important;
	}
	
	.jcarousel-skin-catalog .jcarousel-clip-horizontal,
	.jcarousel-skin-tango .jcarousel-clip-horizontal,
	.jcarousel-skin-products .jcarousel-clip-horizontal{
		width:770px !important;
		margin:auto !important;
	}

	.jcarousel-skin-catalog .jcarousel-item,
	.jcarousel-skin-tango .jcarousel-item,
	.jcarousel-skin-products .jcarousel-item{
		width:255px !important;
		margin-right:0px !important;
		margin-left:0px !important;
		text-align:center !important;
	}
	
	.jcarousel-clip-horizontal .jcarousel-item{
		width:253px !important;
		margin-left:1px !important;
		margin-right:1px !important;
	}
	
	/*CATS*/
	.content_container .content_content .cat_item{
		width:32% !important;
		margin:3px 0.5% !important;
		display:inline-block !important;		
	}
	
	.art_conteiner{
		width:32% !important;
		margin:10px 0.5% !important;
	}
	
	.art_conteiner .title,
	.art_conteiner .bottom_conteiner{
		width:auto !important;
	}
	
	.art_conteiner .more_button{
		width:30% !important;
	}

	.art_conteiner .add_to_cart{
		width:70% !important;
	}
	
	.location_out{
		height:auto !important;
	}
	
	.flash_header_layout,
	#customer_data .input_element_container.max_height{
		height:auto !important;
		width:100% !important;
	}
	
	.content_container .content_content div.right:nth-of-type(3){
		width:100% !important;
	}
	
	#customer_data .input_element_container.max_height{
		margin-bottom:20px !important;
	}
	
	.art_content{
		width:98% !important;
		margin:auto !important;
	}
	
	.art_content .art_left,
	.art_content .art_right{
		width:49% !important;
		margin:0px 0.5% !important;
	}
	
	.potrditev_button{
		margin-left:100px !important;
	}
	
	.notify_text{
		padding-left:100px !important;
	}
	
	.input_title,
	.input_container{
		float:left !important;
	}
	
	.input_container textarea{
		margin-top:0px !important;
		margin-left:10px !important;
		width:625px !important;
	}
	
	.action_item a{
		width:auto !important;
	}
	
	.art_conteiner .price,
	.art_conteiner .price_old{
		line-height:16px !important;
		margin-top:5px !important;
	}
	
	.jcarousel-list.jcarousel-list-horizontal{
		padding-left:0px;
	}
	
	.contact_holder{
		width:90% !important;
		padding:40px 5% !important;
	}
	
	.contact_left,
	.contact_right{
		width:49% !important;
		margin:0px 0.5% !important;
		padding:0px !important;
	}
	
	.responsive_form{
		float:right !important;
		width:49% !important;
		margin:0px 0.5% !important;
	}
	
	.form_row .item_input{
		width:100% !important;
	}
	
	.text_field, .text_field_focus, .text_field_error,
	.text_area, .text_area_focus, .text_area_error{
		width:90% !important;
		padding:5px 5% !important;
	}
	
	#customer_data{
		padding:0px !important;
	}
	
	/*GALLERY ICONS*/
	.content_all_conteiner a{
		width:31% !important;
		margin-bottom:20px !important;
		margin-left:1% !important;
		margin-right:1% !important;
	}
	
	/*FOOTER*/
	.footer{
		width:98% !important;
		margin:0px 1% !important;
	}
	
	.footer div{
		width:25% !important;
	}
	
	#search_query{
		position:absolute;
		bottom:-30px;
		left:-85px;
	}
}

@media screen and (max-width:800px) and (min-width:531px){
	.page_holder,
	.content_content table,
	.cats_container,
	.bottom_banners .left .banner_item{
		width:100% !important;
		margin:5px auto !important;
	}
	
	.bottom_banners .right{
		text-align:center !important;	
	}
	
	.bottom_banners .right .banner_item{
		display:inline-block;
		width:49% !important;
		float:none !important;
		margin:0px !important;
		height:175px !important;
		overflow:hidden !important;
	}
	
	.top_container .top_content,
	.menu_container,
	.content_container,
	.top_banners,
	.jcarousel-skin-catalog .jcarousel-container-horizontal,
	.jcarousel-skin-tango .jcarousel-container-horizontal,
	.jcarousel-skin-products .jcarousel-container-horizontal,
	.bottom_banners .left,
	.bottom_banners .right,
	.partners{
		width:96% !important;
		margin:auto !important;
		float:none !important;
	}
	
	.top_container .top_content{
		text-align:center;
	}
	
	.top_container .top_content a{
		margin-right:0px !important;
		padding:3px 0px;
	}
	
	.page_holder .menu_container{
		padding:15px 0px;
	}
	
	.page_holder .menu_container .logo{
		margin-top:0px;
	}
	
	.cats_container .cat_item_small div:not(.title) img,
	.cats_container .cat_item_big div:not(.title) img,
	.top_banners .banner_left img,
	.top_banners .banner_right img,
	.cats_container .cat_item_mini div:not(.title) img,
	.bottom_banners .banner_item img,
	.content_container .content_content .content img{
		width:100% !important;
		height:auto !important;
	}
	
	.page_holder .menu_container .main_menu{
		display:none;
	}
	
	.page_holder .menu_container .search{
		position:relative;
		width:46px;
		float:right;
		margin-left:10px;
	}
	
	.page_holder .menu_container .search .input{
		display:none;
		position:absolute;
	}
	
	.page_holder .menu_container .search .search_button{
		border:1px solid #d3d3d3;
		border-radius:5px;
		overflow:hidden;
	}
		
	.responsive_menu,
	.responsive_menu a{
		display:block;
		margin-top:5px;
	}
	
	/*HEADER*/
	.header_main_image,
	.header_container,
	.header_container .header_side_image{
		height:auto !important;
	}
	
	.header_container .header_side_image{
		width:32.6%;
	}
	
	.header_container .header_main_image .overlay{
		position:static;
		width:90%;
		padding:5%;
		height:auto;
		text-align:center;
	}
	
	.header_container .header_main_image .overlay img{
		margin:auto;
	}
	
	.header_container .header_main_image .overlay a{
		display:block;
		width:100%;
		padding:12px 0px;
		text-align:center;
	}
	/*HEADER*/
	
	.content_container .content_content h1{
		font-size:30px;
		line-height:60px;
		padding:0px 45px !important;
		height:30px;
		text-align:center;
	}
	
	.cats_container .cat_item_big,
	.cats_container .cat_minis{
		float:none !important;
		width:100% !important;
	}
		
	.top_banners .banner_left,
	.top_banners .banner_right{
		width:49% !important;
		margin-left:0.5% !important;
		margin-right:0.5% !important;
	}
	
	.cats_container .cat_minis{
		padding:0px !important;
	}
	
	.cats_container .cat_minis .clear:nth-child(2){
		display:none;
	}
	
	.cats_container .cat_item_small,
	.cats_container .cat_item_mini{
		margin:0px 0.5% !important;
		margin-top:6px;
		width:49% !important;
		float:left !important;
	}
	
	.cats_container a.cat_item_mini .title{
		border:none !important;
		margin-top:3px !important;
	}
	
	.cats_container a.cat_item_small .title{
		margin-top:10px !important;
	}
		
	.jcarousel-skin-catalog .jcarousel-clip-horizontal,
	.jcarousel-skin-tango .jcarousel-clip-horizontal,
	.jcarousel-skin-products .jcarousel-clip-horizontal{
		width:510px !important;
		margin:auto !important;
	}
	
	.cats_container .cat_item_small:nth-child(7){
		clear:both !important;
	}
	
	.jcarousel-skin-catalog .jcarousel-item,
	.jcarousel-skin-tango .jcarousel-item,
	.jcarousel-clip-horizontal .jcarousel-item{
		width:255px !important;
		margin-right:0px !important;
		margin-left:0px !important;
		text-align:center !important;
	}
	
	.jcarousel-clip-horizontal .jcarousel-item{
		width:251px !important;
		margin-left:1px !important;
		margin-right:1px !important;
	}
	
	.catalog_item .content{
		width:235px !important;
	}
	
	.catalog_item .content .right{
		width:80px !important;
		margin-left:20px !important;
	}
	
	.newsletter{
		text-align:center !important;
	}
	
	.newsletter div{
		float:none !important;
	}
	
	.newsletter input{
		margin-left:0px;
		width:50%;
		padding:5px 3%;
		margin-top:5px;
		margin-bottom:5px;
	}
	
	.newsletter a{
		text-align:center;
		width:auto;
		display:inline-block;
		margin-left:0px;
		float:none !important;
	}
	
	.menu_dropdown{
		width:60% !important;
		left:auto !important;
		right:0px !important;
		top:132px !important;
	}
	
	.slider h2{
		width:96% !important;
		margin:auto !important;
	}
	
	/*CATS, ARTS*/
	.content_container .content_content .cat_item{
		width:49% !important;
		margin:3px 0.5% !important;
		display:inline-block !important;
	}
	
	.art_conteiner{
		width:49% !important;
		margin:10px 0.3% !important;
	}
	
	.art_conteiner .title,
	.art_conteiner .bottom_conteiner{
		width:auto !important;
	}
	
	.art_conteiner .more_button{
		width:30% !important;
	}

	.art_conteiner .add_to_cart{
		width:70% !important;
	}
	
	.location_out{
		height:auto !important;
	}
	
	.flash_header_layout{
		height:auto !important;
		width:100% !important;
	}
	
	.art_content{
		width:96% !important;
		margin:auto !important;
	}
	
	.art_content div:nth-child(1),
	.art_content div:nth-child(2){
		width:100% !important;
	}
	
	.action_item a{
		width:auto !important;
	}
	
	.art_conteiner .price,
	.art_conteiner .price_old{
		line-height:16px !important;
		margin-top:5px !important;
	}
	
	.jcarousel-list.jcarousel-list-horizontal{
		padding-left:0px;
	}
	
	/*CONTENT*/
	.content_container .content_content table tr td{
		display:block !important;
		width:100% !important;
		margin:5px auto !important;
	}
	
	.content_container .content_content iframe,
	.form_row .item_input,
	.responsive_form{
		width:100% !important;
	}
	
	.contact_holder{
		width:90% !important;
		padding:40px 5% !important;
	}
		
	.contact_holder .contact_left,
	.contact_holder .contact_right{
		float:none !important;
		width:100% !important;
		padding:0px !important;
	}
	
	.text_field, .text_field_focus, .text_field_error,
	.text_area, .text_area_focus, .text_area_error{
		width:90% !important;
		padding:5px 5% !important;
	}
	
	/*CART*/
	.titles_container{
		display:none;
	}
	
	.layout_left{
		width:100%;
		float:none;
		margin-bottom:20px;
	}
	
	.layout_left .art_data{
		float:none;
		margin-top:0px;
		width:100%;
	}
	
	.layout_left .art_data .image{
		float:left;
		border:1px solid #e5e5e5;
		width:264px;
		height:193px;
		overflow:hidden;
	}
	
	.layout_left .art_data .image .inner{
		width:264px;
		height:193px;
	}
	
	.quantity input{
		width:30% !important;
	}
	
	#customer_data{
		padding:0px !important;
	}
		
	#customer_data .left,
	#customer_data .input_element_container,
	#customer_data .right{
		width:100% !important;
		height:auto !important;
	}
	
	#customer_data .input_element_container input{
		width:96% !important;
		margin-left:0px !important;
		padding:3px 2% !important
	}
	
	#customer_data .input_element_container .input_container{
		float:none !important;
		width:100% !important;
		padding-top:10px;
	}
	
	.potrditev_button{
		width:100% !important;
		text-align:center !important;
		padding:15px 0px !important;
		margin:0px !important;
	}
	
	.notify_text{
		padding-left:0px !important;
	}
	
	.row_item div.layout_left a.title .price_old{
		margin-right:20px !important;
	}
	
	.row_item div.layout_left a.title .price{
		margin-left:0px !important;
	}
	
	#input_comment{
		width:96% !important;
		margin-top:0px;
		padding:5px 2% !important;
	}
	
	.row_item div.layout_left a.title{
		padding-top:30px;
		padding-left:0px;
	}
	
	/*GALLERY ICONS*/
	.content_all_conteiner a{
		width:48% !important;
		margin-bottom:20px !important;
		margin-left:1% !important;
		margin-right:1% !important;
		float:none !important;
		display:inline-block !important;
	}
	
	/*FOOTER*/
	.footer{
		width:98% !important;
		margin:0px 1% !important;
	}
	
	.footer div{
		width:50% !important;
	}
	
	#search_query{
		position:absolute;
		bottom:-30px;
		left:-90px;
		width:120px;
	}
}

@media screen and (max-width:530px){
	.page_holder,
	.content_content table,
	.cats_container,
	.bottom_banners .banner_item{
		width:100% !important;
		margin:5px auto !important;
	}
	
	.top_container .top_content,
	.menu_container,
	.content_container,
	.top_banners,
	.jcarousel-skin-catalog .jcarousel-container-horizontal,
	.jcarousel-skin-tango .jcarousel-container-horizontal,
	.jcarousel-skin-products .jcarousel-container-horizontal,
	.bottom_banners .left,
	.bottom_banners .right,
	.partners{
		width:96% !important;
		margin:auto !important;
		float:none !important;
	}
	
	.top_container .top_content{
		text-align:center;
		height:39px;
	}
	
	.top_container .top_content a{
		margin-right:0px !important;
		padding:3px 0px;
	}
	
	.page_holder .menu_container{
		padding:15px 0px;
	}
	
	.page_holder .menu_container .logo{
		width:35%;
		margin-top:0px;
	}
	
	.page_holder .menu_container .logo img,
	.cats_container .cat_item_small div:not(.title) img,
	.cats_container .cat_item_big div:not(.title) img,
	.top_banners .banner_left img,
	.top_banners .banner_right img,
	.cats_container .cat_item_mini div:not(.title) img,
	.bottom_banners .banner_item img,
	.content_container .content_content .content img{
		width:100% !important;
		height:auto !important;
	}
	
	.page_holder .menu_container .main_menu{
		display:none;
	}
	
	.page_holder .menu_container .search{
		position:relative;
		width:46px;
		float:right;
		margin-left:10px;
	}
	
	.page_holder .menu_container .search .input{
		display:none;
		position:absolute;
	}
	
	.page_holder .menu_container .search .search_button{
		border:1px solid #d3d3d3;
		border-radius:5px;
		overflow:hidden;
	}
	
	.page_holder .menu_container .cart,
	.page_holder .menu_container .search{
		margin-top:0px;
	}
	
	.responsive_menu,
	.responsive_menu a{
		display:block;
	}
	
	/*HEADER*/
	.header_main_image,
	.header_container,
	.header_container .header_side_image{
		height:auto !important;
	}
	
	.header_container .header_side_image{
		width:32.2%;
	}
	
	.header_container .header_main_image .overlay{
		position:static;
		width:90%;
		padding:5%;
		height:auto;
		text-align:center;
	}
	
	.header_container .header_main_image .overlay img{
		margin:auto;
	}
	
	.header_container .header_main_image .overlay a{
		display:block;
		width:100%;
		padding:12px 0px;
		text-align:center;
	}
	/*HEADER*/
	
	.content_container .content_content h1{
		font-size:20px;
		line-height:30px;
		padding:0px 45px !important;
		height:30px;
		text-align:center;
	}
	
	.cats_container .cat_item_big,
	.cats_container .cat_minis,
	.top_banners .banner_left,
	.top_banners .banner_right{
		float:none !important;
		width:100% !important;
	}
	
	.cats_container .cat_minis{
		padding:0px !important;
	}
	
	.cats_container .cat_item_small,
	.cats_container .cat_item_mini{
		margin-top:6px;
		width:100% !important;
		float:none !important;
	}
		
	.jcarousel-skin-catalog .jcarousel-clip-horizontal,
	.jcarousel-skin-tango .jcarousel-clip-horizontal,
	.jcarousel-skin-products .jcarousel-clip-horizontal{
		width:300px !important;
		margin:auto !important;
	}
	
	.jcarousel-skin-catalog .jcarousel-item,
	.jcarousel-skin-tango .jcarousel-item,
	.jcarousel-skin-products .jcarousel-item{
		width:300px !important;
		margin-right:0px !important;
		margin-left:0px !important;
		text-align:center !important;
	}
	
	.jcarousel-skin-products .jcarousel-item{
		width:298px !important;
	}
	
	.catalog_item .content{
		width:280px !important;
	}
	
	.newsletter{
		text-align:center !important;
	}
	
	.newsletter div{
		float:none !important;
	}
	
	.newsletter input{
		margin-left:0px;
		width:94%;
		padding:5px 3%;
		margin-top:5px;
		margin-bottom:5px;
	}
	
	.newsletter a{
		text-align:center;
		width:auto;
		display:inline-block;
		margin-left:0px;
		float:none !important;
	}
	
	.slider h2{
		width:96% !important;
		margin:auto !important;
	}
	
	/*CATS, ARTS*/
	.content_container .content_content .cat_item{
		width:100% !important;
	}
	
	.art_conteiner{
		width:100% !important;
		margin:10px auto !important;
	}
	
	.art_conteiner .title,
	.art_conteiner .bottom_conteiner{
		width:auto !important;
	}
	
	.art_conteiner .more_button{
		width:40% !important;
	}

	.art_conteiner .add_to_cart{
		width:60% !important;
	}
	
	.location_out{
		height:auto !important;
	}
	
	.flash_header_layout{
		height:auto !important;
		width:100% !important;
	}
	
	.art_content{
		width:96% !important;
		margin:auto !important;
	}
	
	.art_content div:nth-child(1),
	.art_content div:nth-child(2){
		width:100% !important;
	}
	
	.action_item a{
		width:auto !important;
	}
	
	.art_conteiner .price,
	.art_conteiner .price_old{
		line-height:16px !important;
		margin-top:5px !important;
	}
	
	.jcarousel-list.jcarousel-list-horizontal{
		padding-left:0px;
	}
	
	/*CONTENT*/
	.content_container .content_content table tr td{
		display:block !important;
		width:100% !important;
		margin:5px auto !important;
	}
	
	.content_container .content_content iframe,
	.form_row .item_input,
	.responsive_form{
		width:100% !important;
	}
	
	.contact_holder{
		width:90% !important;
		padding:40px 5% !important;
	}
		
	.contact_holder .contact_left,
	.contact_holder .contact_right{
		float:none !important;
		width:100% !important;
		padding:0px !important;
	}
	
	.text_field, .text_field_focus, .text_field_error,
	.text_area, .text_area_focus, .text_area_error{
		width:90% !important;
		padding:5px 5% !important;
	}
	
	/*CART*/
	.titles_container{
		display:none;
	}
	
	.layout_left{
		width:100%;
		float:none;
		margin-bottom:20px;
	}
	
	.layout_left .art_data{
		float:none;
		margin-top:0px;
		width:100%;
	}
	
	.layout_left .art_data .image{
		float:none;
		border:1px solid #e5e5e5;
		width:100%; height:220px;
		overflow:hidden;
	}
	
	.layout_left .art_data .image .inner{
		width:100%;
		height:220px;
		background-size:contain !important;
	}
	
	.quantity input{
		width:30% !important;
	}
	
	#customer_data .left,
	#customer_data .right{
		width:100% !important;
	}
	
	#customer_data .input_element_container{
		width:100% !important;
		height:auto !important;
	}
	
	#customer_data .input_element_container input{
		width:96% !important;
		margin-left:0px !important;
		padding:3px 2% !important
	}
	
	#customer_data .input_element_container .input_container{
		float:none !important;
		width:100% !important;
		padding-top:10px;
	}
	
	.potrditev_button{
		width:100% !important;
		text-align:center !important;
		padding:15px 0px !important;
		margin:0px !important;
	}
	
	.notify_text{
		padding-left:0px !important;
	}
	
	.row_item div.layout_left a.title .price_old{
		margin-right:20px !important;
	}
	
	.row_item div.layout_left a.title .price{
		margin-left:0px !important;
	}
	
	#input_comment{
		width:96% !important;
		margin-top:0px;
		padding:5px 2% !important;
	}
	
	.row_item div.layout_left a.title{
		padding-top:30px;
		padding-left:0px;
	}
	
	/*GALLERY ICONS*/
	.content_all_conteiner a{
		width:100% !important;
		margin-bottom:20px !important;
		float:none !important;
		display:inline-block !important;
	}
	
	#customer_data{
		padding:0px !important;
	}
	
	/*FOOTER*/
	.footer{
		width:98% !important;
		margin:0px 1% !important;
	}
	
	.footer div{
		width:100% !important;
		text-align:center !important;
	}
	
	#search_query{
		position:absolute;
		bottom:-30px;
		left:-90px;
		width:120px;
	}
}