@media only screen and (max-width: 320px) {
	
}
/**********************************************/
@media only screen and (max-width: 480px) {
	
	#header,
	#head-slideshow,
	#page,
	#footer{
		width: 100%;
	}
	
	#page{
		padding-left: 10px;
		padding-right: 10px;
	}
	
	#page #center{
		width: 100%;
		display: block;
	}
	#page #right{
		width: 100%;
		display: block;
		margin-left: 0;
		margin-top: 60px;
	}
	

	
	#select_lng{
		margin-right: 10px;	
	}
	
	#maingallery_nav_prev{
		left: 10px;
	}
	#maingallery_nav_next{
		right: 10px;
	}
	
	#fooldal-slider .slides li a .slide_container .slide_text, #fooldal-slider .slides li a .slide_container .slide_text p{
		padding-top: 60px;
		font-size: 24px;
	}
	
	
	#d_mobile{
		display: block;
		position: fixed;
		top: 0;
		left: 0;
		bottom: 0;
		width: 0%;
		z-index: 10000;
		background: white;
		overflow: hidden;
		
		padding-top: 80px;
		padding-bottom: 60px;
	}
	#header .mobile_menu_button{
		background-image: url('/parameters/ropo/templates/_img/mobmenu.svg');
		background-repeat: no-repeat;
		background-size: 100% 100%;
		background-position: center center;
		z-index: 10005;
		position: fixed;
		top: 15px;
		right: 15px;
		height: 42px;
		width: 42px;
		cursor: pointer;
	}
		#header:after{
			content: ' ';
			background-image: url('/parameters/ropo/templates/_img/mobmenu_shadow.svg');
			background-repeat: no-repeat;
			background-size: 100% 100%;
			background-position: center center;
			z-index: 10004;
			position: fixed;
			top: 17px;
			right: 14px;
			height: 42px;
			width: 42px;
		}
	
	#d_mobile .menu-container{
		height: 100%;
		width: 100%
	}
	#d_mobile .menu-container > div{
		display: block;
		width: 100%;
	}
	#d_mobile .menu-container div .pncustommenumenu{
		display: block;
	}
	#d_mobile .menu-container div .pncustommenumenu li{
		display: block;
		margin-bottom: 20px;
	}
	#d_mobile .menu-container div .pncustommenumenu li div{
		background-color: white;
		border: 1px solid #ebeff5;
		border-top-left-radius: 0;
		border-bottom-left-radius: 0;
		border-top-right-radius: 8px;
		border-bottom-right-radius: 8px;
		margin-right: 5px;
	}
	#d_mobile .menu-container div .pncustommenumenu li div{
		padding-top: 15px !important;
	}
	#d_mobile  .menu-container .social-container{
		width: 100%;
		display: block;
		text-align: center;
		padding-top: 20px !important;
	}
	#d_mobile .menu-container .social-container a{
		margin-right: 15px;
	}
	#d_mobile .menu-container .lang-selector{
		display: block;
		margin: 0 auto;
		text-align: center;
	}
	
	
	#maingallery_nav_prev, #maingallery_nav_next{
		transform: none;
		-webkit-transform: none;
		-ms-transform: none;
		top: 70%;
	}
	
	
	#d_mobile .header-logo{
		height: 72px;
		width: 77px;
		left: 50%;
		transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		background-size: 100% 100%;
	}
	
	.slide_container .slide_text, .slide_container .slide_image{
		display: table-row;
		width: 100%;
	}
	
	#head-slideshow,
	.flexslider .slides,
	.flexslider .slides > li,
	.slide_container{
		height: 320px !important;
		max-height: 320px !important;
	}
	.flex-control-nav{
		bottom: -30px !important;
	}
	.slideshow_bgimg{
		max-height: 300px !important;
		height: 300px;
		overflow: hidden;
	}
	
	table{
		width: 100%;
	}
	table tr td{
		display: block;
		width: 100%;
		height: 100%;
	}
}

/**********************************************/
@media only screen and (min-width: 481px) and (max-width: 768px) {
	#header,
	#head-slideshow,
	#page,
	#footer{
		width: 100%;
	}
	
	#page{
		padding-left: 10px;
		padding-right: 10px;
	}
	
	#page #center{
		width: 100%;
		display: block;
	}
	#page #right{
		width: 100%;
		display: block;
		margin-left: 0;
		margin-top: 60px;
	}
	

	
	#select_lng{
		margin-right: 10px;	
	}
	
	#maingallery_nav_prev{
		left: 10px;
	}
	#maingallery_nav_next{
		right: 10px;
	}
	
	#fooldal-slider .slides li a .slide_container .slide_text, #fooldal-slider .slides li a .slide_container .slide_text p{
		margin-right: 35px !important;
		padding-left: 40px;
	}
	
	
	#d_mobile{
		display: block;
		position: fixed;
		top: 0;
		left: 0;
		bottom: 0;
		width: 0%;
		z-index: 10000;
		background: white;
		overflow: hidden;
		
		padding-top: 80px;
		padding-bottom: 60px;
	}
	#header .mobile_menu_button{
		background-image: url('/parameters/ropo/templates/_img/mobmenu.svg');
		background-repeat: no-repeat;
		background-size: 100% 100%;
		background-position: center center;
		z-index: 10005;
		position: fixed;
		top: 15px;
		right: 15px;
		height: 42px;
		width: 42px;
		cursor: pointer;
	}
		#header:after{
			content: ' ';
			background-image: url('/parameters/ropo/templates/_img/mobmenu_shadow.svg');
			background-repeat: no-repeat;
			background-size: 100% 100%;
			background-position: center center;
			z-index: 10004;
			position: fixed;
			top: 17px;
			right: 14px;
			height: 42px;
			width: 42px;
		}
	
	#d_mobile .menu-container{
		height: 100%;
		width: 100%
	}
	#d_mobile .menu-container > div{
		display: block;
		width: 100%;
	}
	#d_mobile .menu-container div .pncustommenumenu{
		display: block;
	}
	#d_mobile .menu-container div .pncustommenumenu li{
		display: block;
		margin-bottom: 20px;
	}
	#d_mobile .menu-container div .pncustommenumenu li div{
		background-color: white;
		border: 1px solid #ebeff5;
		border-top-left-radius: 0;
		border-bottom-left-radius: 0;
		border-top-right-radius: 8px;
		border-bottom-right-radius: 8px;
		margin-right: 5px;
	}
	#d_mobile .menu-container div .pncustommenumenu li div{
		padding-top: 15px !important;
	}
	#d_mobile  .menu-container .social-container{
		width: 100%;
		display: block;
		text-align: center;
		padding-top: 20px !important;
	}
	#d_mobile .menu-container .social-container a{
		margin-right: 15px;
	}
	#d_mobile .menu-container .lang-selector{
		display: block;
		margin: 0 auto;
		text-align: center;
	}
	
	
	
	
	
	#d_mobile .header-logo{
		height: 72px;
		width: 77px;
		left: 50%;
		transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		background-size: 100% 100%;
	}
}
/**********************************************/
@media only screen and (min-width: 769px) and (max-width: 1090px) {
	
	#header,
	#head-slideshow,
	#page,
	#footer{
		width: 100%;
	}
	
	#page{
		padding-left: 10px;
		padding-right: 10px;
	}
	
	#page #center{
		width: 65%;
	}
	#page #right{
		width: 30%;
	}
	
	#select_lng{
		margin-right: 10px;	
	}
	
	#maingallery_nav_prev{
		left: 10px;
	}
	#maingallery_nav_next{
		right: 10px;
	}
}