/*
 * @media (min-width: 1200px) {}
 * @media (min-width: 980px) and (max-width: 1199px) {}
 * @media (min-width: 768px) and (max-width: 979px) {}
 * @media (max-width: 767px) {}
 * @media (max-width: 480px) {}
 */

body{
	padding:0;
}

#main_container{
	overflow:visible;
}

#small_header{
	display:none;
}

@media (min-width: 1200px) {
	
}

@media (max-width: 1199px) {
	
}

@media (min-width: 980px) {
	
}

@media (max-width: 979px) {
	#main_container .right_column{
		background:url("/images/slodkislony/container_bkg_smaller.png") 0 0 repeat-y;
	}
	.mobile_menu_toggle{
		display:none;
	}
	body{
		background-color:#F220B5;
	}
	#background_right{
		width:50%;
	}
	#main_container .right_column .left_napkins{
		position:absolute;
		left:0px;
		top:0px;
		width:80px;
		height:100%;
	}
	#top_container{
		width:690px;
	}
	#top_menu_container{
		width:290px;
	}
	#top_menu_container .top_menu_content{
		width:290px;
	}
	#content_container{
		left:65px;
	}
	.napiks_with_content_margin{
		left:615px;
	}
}

/*
@media (min-width: 767px) and (max-width: 979px) {
	.mobile_menu{
		height:auto !important;
		-webkit-box-shadow:  2px 2px 5px 1px rgba(0, 0, 0, 0.4);
    			box-shadow:  2px 2px 5px 1px rgba(0, 0, 0, 0.4);
	}
}

*/

/*
@media (max-width: 767px) {
	body{
		background:#fff;
	}
	#main_container .right_column{
		background:url("/images/slodkislony/container_bkg_tablet.png") 0 0 repeat-y;
	}
	.mobile_menu_toggle{
		display:block;
	}
	.mobile_menu{
		height:0px;
		-webkit-box-shadow:  2px 2px 5px 1px rgba(0, 0, 0, 0.0);
    			box-shadow:  2px 2px 5px 1px rgba(0, 0, 0, 0.0);
	}
	#main_container .right_column{
		min-width:480px;
		width:100%;
	}
	#top_container{
		min-width:480px;
		width:100%;	
		height:156px;	
	}
	#top_container .page_icon_container{
		height:156px;
		width:200px;
	}
	#top_container .page_icon{
		width:200px;
		height:156px;
	}
	#top_container .page_icon .icon{
		width:200px !important;
		height:156px !important;
	}
	#top_container .right_napkins{
		right:-80px;
	}
	#top_menu_container{
		width:auto;
		height:156px;
		left:290px;
	}
	#top_menu_container .top_menu_content{
		width:auto;
		margin:0px;
		line-height:15px;
	}
	.left_napkins{
		display:none;
	}
	#content_container{
		left:0px;
	}
	#main_container .right_column .top_background{
		height:156px;
	}
	#content_container .content{
		left:0px;
	}
	.napiks_with_content_margin{
		left:480px;
		top:156px;
	}
	#background_right .top_background{
		height:156px;
	}
}

@media (max-width: 480px) {
	body{
		background:#fff;
	}
	#main_container .right_column{
		background:#5A2D87;
	}
	#main_container .right_column{
		min-width:auto;
		width:100%;
	}
	#top_container{
		min-width:auto;
		width:100%;	
		height:auto;
		position:static;
		left:auto;
		top:auto;	
	}
	#top_container .page_icon_container{
		height:156px;
		width:200px;
		margin:0px auto 10px auto;
	}
	#top_container .page_icon{
		width:200px;
		height:156px;
	}
	#top_container .page_icon .icon{
		width:200px !important;
		height:156px !important;
	}
	#top_container .right_napkins{
		display:none;
	}
	#top_menu_container{
		width:auto;
		height:auto;
		left:auto;
		top:auto;
		position:static;
	}
	#top_menu_container .top_menu_content{
		width:auto;
		margin:0px;
		line-height:20px;
		text-align:center;
	}
	#content_container{
		width:100%;
		position:static;
		left:auto;
	}
	#main_container .right_column .top_background{
		height:auto;
		display:none;
	}
	#content_container .content{
		left:0px;
		width:100%;
		display:static;
	}
	#content_container .content .article_content{
		width:auto;
		padding:20px;
	}
	.gallery .photo{
		width:95%;
		height:auto;
		border:1px solid #F220B5;
		overflow:hidden;
		margin:0px 0px 10px 0px;
	}
	
	.gallery .photo:hover{
		border:1px solid #5A2D87;
	}
	
	.gallery .photo img{
		width:100%;
		height:auto;
		border:0px;
	}
	.napiks_with_content_margin{
		display:none;
	}
	#background_right .top_background{
		display:none;
	}
}
*/

@media (max-width:979px){
	#main_container .right_column{
		width:100%;
		position:static;
		float:none;
		margin:0;
		padding:0;
		overflow:visible;
		background:none;
	}
	#main_container .right_column_container{
		width:auto;
		margin-left:220px;
		min-height:100%;
		height:100%;
		height:auto !important;
		position:relative;
		background:url("/images/slodkislony/container_bkg_smaller.png") 0 0 repeat-y;
	}
	#top_menu_container .top_menu_content{
		width:auto;
	}
	#top_menu_container{
		width:auto;
	}
}

@media (max-width:940px){
	.napiks_with_content_margin{
		display:none;
	}
	#content_container{
		width:480px;
	}
	#content_container .content{
		width:480px;
	}
	#top_container{
		width:100%;
	}
	#top_container .right_napkins{
		display:none;
	}
	#top_menu_container{
		left:322px;
	}
}

@media (max-width:840px){
	.left_napkins{
		display:none;
	}
	#content_container .content{
		left:20px;
	}
	#content_container{
		left:0px;
		width:500px;
		background:#F220B5;
	}
	#main_container .right_column_container{
		background:none;
	}
}

@media (max-width:767px){
	body{
		padding-top:100px;
	}
	#background_right{
		display:none;
	}
	#main_container .left_column{
		display:none;
	}
	#main_container .right_column{
		position:relative;
		width:100%;
		margin:0;
		padding:0;
		background:none;
	}
	#main_container .right_column_container{
		width:100%;
		height:100%;
		margin:0;
		padding:0;
		background:none;
	}
	.left_napkins{
		display:none !important;
	}
	.right_napkins{
		display:none !important;
	}
	body{
		padding-top:100px;
	}
	#small_header{
		height:100px;
		position:fixed;
		top:0px;
		left:0px;
		width:100%;
		display:block;
		background:#fff;
		z-index:999;
	}
	.mobile_menu_toggle{
		right:20px;
		top:30px;
		left:auto;
		bottom:auto;
		z-index:9999;
		display:block;
	}
	#top_container .page_icon_container{
		display:none;
	}
	#top_container{
		height:auto;
		position:static;
	}
	#top_menu_container{
		width:100%;
		left:0;
		height:auto;
		padding:20px 0;
		position:static;
		background:#5A2D87;
	}
	#top_menu_container .top_menu_content{
		text-align:center;
		min-height:120px;
		margin:0;
	}
	#main_container .right_column .top_background{
		display:none;
	}
	#content_container{
		position:static;
		margin:0px auto;
		width:480px;
	}
	#content_container .content{
		left:0px;
	}
}

@media (max-width:500px){
	#content_container{
		width:auto;
		margin:0px 10px;
	}
	#content_container .content{
		width:auto;
	}
	#content_container .content .article_content{
		width:auto;
	}
}

@media (min-width:768px){
	#main_container .left_column{
		display:block;
	}
	#background_left{
		display:block;
	}
}