@charset "utf-8";

@media screen and (max-width:1100px) and (min-width:681px){
	.main,
	.section_container .content_content,
	.jcarousel-skin-avto .jcarousel-container-horizontal,
	.responsive_w,
	.content_content table tr td img:not(.non-responsive),
	/*.arts_container,*/
	.main table,
	.content_content table {
		width:100% !important;
	}
	
	.section_container .content_content,
	.responsive_w,
	.rsMinW .rsGCaption,
	.caption,
	.content_content{
		width:96% !important;
		padding:0px 2% !important;
	}
	
	.rsMinW .rsGCaption,
	.caption{
		left:0px !important;
		margin-left:0px !important;
		text-align:center !important;
	}
	
	.menu_links a{
		display:none;
	}
	
	#side_cart_container{
		width:auto;
		margin-right:80px;
	}
	
	#side_cart_container a,
	a.responsive_button{
		display:inline-block !important;
		padding:12px 0px 0px 0px;
		width:auto;
	}
	
	a.responsive_button{
		padding:18px 15px 0px 0px;
	}
	
	.jcarousel-skin-avto .jcarousel-clip-horizontal{
		width:80% !important;
	}
	
	.jcarousel-skin-avto .jcarousel-item{
		width:300px !important;	
	}
	
	.content_content table tr td{
		width:50% !important;
	}
	
	.banners_container {
		width:40%;
	}
	.banners_container .banner {
		width:auto;
	}
	.banners_container .banner a {
		font-size: 26px;
	}
	
	.arts_container{
		width:60%;
		text-align:center !important;
	}
	.arts_container .art_container {
		display:inline-block !important;
		width: 30%;
		margin-left: 4px;
		margin-right: 4px;
	}
	
	.article {
		width:96% !important;
		padding:0px 2% !important;
	}
	.article .center {
		width:40%;
	}
	#art_image {
		width: 100%;
		height: auto;
	}
	.art_container .art-thumbs {
		width:100%;
	}
	.article .right {
		padding-left: 1%;
		width: 57% !important;
	}
	.art_title h1 {
		font-size:32px;
	}
	
	.art_related .art_item {
		float: none;
		display: inline-block;
	}
	
	.section_container{
		height:auto !important;
		padding-top:40px;
		padding-bottom:40px;
		background-size: contain !important;	
	}
	
	.content_content a img{
		width:auto !important;
	}
	
	.header_title h1{
		left:2% !important;
		margin-left:0px !important;
		bottom:30px !important;
		position:relative !important;
		width:98% !important;
	}
	
	.titles_container{
		display:none !important;
	}

	.wrapper div:not(.layout_left):not(.item_thumb):not(.price_container):not(.price){
		width:17% !important;
	}
	
	.wrapper div div{
		width:auto !important;
	}
	
	.item_thumb{
		width:5% !important;
	}
			
	.layout_left{
		width:95% !important;
	}
	
	#row_59 .layout_left{
		width: auto !important;
		margin-left:28% !important;
	}
	
	.input_container,
	.input_container input,
	.input_container select{
		width:100% !important;
	}
	
	.payment_container{
		width:31% !important;
	}
	
	#header_slider_content,
	#header_slider_content .header_content{
		height:200px !important;
		background-size:cover !important;
		background-position:left 65% center !important;
	}
	
	#contact .box{
		width:100% !important;
	}
	
	#contact .box input,
	#contact .box textarea,
	.input_field{
		width:96% !important;
	}
	
	.line{
		width:98% !important;
	}
	
	/*.left, .right{
		width:96% !important;
		float:none !important;
	}*/
}

@media screen and (max-width:680px){
	.main,
	.jcarousel-skin-avto .jcarousel-container-horizontal,
	.arts_container,
	.main table,
	.content_content table {
		width:100% !important;
	}
	
	.section_container .content_content,
	.responsive_w,
	.rsMinW .rsGCaption,
	.content_content,
	.caption{
		width:96% !important;
		padding:0px 2% !important;
	}
	
	.rsMinW .rsGCaption,
	.caption{
		left:0px !important;
		margin-left:0px !important;
		text-align:center !important;
	}
	
	.menu_links a,
	.mnenja_floater{
		display:none;
	}
	
	#side_cart_container{
		width:auto;
	}
	
	#side_cart_container a,
	a.responsive_button{
		display:inline-block !important;
		padding:12px 0px 0px 0px;
		width:auto;
	}
	
	a.responsive_button{
		padding:18px 15px 0px 0px;
	}
	
	.jcarousel-skin-avto .jcarousel-clip-horizontal{
		width:80% !important;
	}
	
	.jcarousel-skin-avto .jcarousel-item{
		width:250px !important;	
	}
	
	.content_content table tr td{
		display:block !important;
		width:100% !important;
	}
	
	.content_content {
		position: relative;
	}
	
	.banners_container {
		position: absolute;
		width: 96%;
		text-align: center;
	}
	.banners_container .banner {
		display: inline-block;
		margin-top: 0px;
	}
	.banners_container .banner-spacer-0 {
		height: 120px !important;
	}
	.banners_container .banner-spacer-1 {
		height: 1070px !important;
	}
	.banners_container .banner-spacer-2 {
		height: 1070px !important;
	}
	.banners_container .banner-spacer-3 {
		height: 1070px !important;
	}
	.banner_holder_0-680 {
		margin-top: 30px;
		width: 100%;
		height: 325px;
	}
	
	.arts_container,
	#section_footer{
		text-align:center !important;
	}
	
	.arts_container .arts {
		font-size:26px;
		line-height: 32px;
	}
	
	.arts_container .art_container{
		display:inline-block !important;
		/*float:none !important;*/
	}
	
	.article {
		width:96% !important;
		padding:0px 2% !important;
	}
	.article .center {
		margin-right: 0px;
		width:100%;
	}
	#art_image {
		width: 100%;
		height: auto;
	}
	#art_image a {
		width: 100%;
		height: 100%;
		min-width: 300px;
		min-height: 300px;
	}
	.art_container .art-thumbs {
		width:100%;
	}
	.article .right {
		width: 100%;
	}
	.art_title h1 {
		font-size:32px;
	}
	.art_related .art_item {
		display: inline-block;
		margin-right: 0px;
		float: none;
	}
	
	.section_container{
		height:auto !important;
		padding-top:40px;
		padding-bottom:40px;
		background-size: contain !important;	
	}
	
	#section_footer table tr td{
		display:inline-block;
	}
	
	#section_footer table tr td:nth-child(odd){
		padding-left:20px;
	}
	
	.content_content a img{
		width:auto !important;
	}
	
	.main_menu .logo{
		width:40% !important;
		padding-top:15px;
	}
	
	.main_menu .logo img{
		width:100% !important;
	}
	
	a.art_container{
		width:100% !important;
		margin:0px;
	}
	
	.section_container .content_content h1{
		font-size:30px !important;	
	}
	
	.responsive_w h1{
		font-size:30px !important;
	}
	
	.header_title h1{
		left:2% !important;
		margin-left:0px !important;
		bottom:30px !important;
		position:relative !important;
		width:98% !important;
		font-size:50px !important;
		line-height:55px !important;
	}
	
	.titles_container{
		display:none !important;
	}
	
	.titles_container{
		display:none !important;
	}

	.wrapper div:not(.layout_left):not(.item_thumb):not(.price_container):not(.price){
		width:22% !important;
		margin-left:2% !important;
	}
	
	.wrapper div div{
		width:auto !important;
	}
	
	.item_thumb{
		width:5% !important;
	}
			
	.layout_left{
		width:95% !important;
	}
	
	#row_59 .layout_left{
		width: auto !important;
		margin-left:15% !important;
	}
	
	.input_container,
	.input_container input,
	.input_container select{
		width:100% !important;
	}
	
	.payment_container{
		width:100% !important;
		margin:0px !important;
	}
	
	.layout_left div:nth-child(1){
		display:none;
	}
	
	.layout_left div div{
		display:block !important;
	}
	
	#row_59 .layout_left div:nth-child(1){
		display:block !important;
	}
	
	.left, .right{
		width:96% !important;
		float:none !important;
	}
	
	.rsMinW .rsGCaption h1, .rsMinW .rsGCaption h2,
	.caption h1, .caption h2{
		font-size:20px !important;
	}
	
	.caption{
		top:100px !important;
	}
	
	#language{
		positon:static !important;
		top:0px !important;
	}
	
	.menu_links{
		padding-top:14px !important;
	}
	
	#header_container{
		display:none !important;
	}
	
	.responsive_header{
		display:block !important;
	}
	
	#header_slider_content,
	#header_slider_content .header_content{
		height:200px !important;
		background-size:cover !important;
		background-position:left 65% center !important;
	}
	
	.credits table tr td{
		font-size:16px !important;
		display:inline-block !important;
	}
	
	.credits .production {
		display: block;
		position: static;
		margin-top: 20px;
		margin-bottom:20px;
	}
	
	#contact .box{
		width:100% !important;
	}
	
	#contact .box input,
	#contact .box textarea,
	.input_field{
		width:96% !important;
	}
	
	.line{
		width:98% !important;
	}
	
	img.non-responsive{
		width:auto !important;
		height:auto !important;
	}
}