@charset "utf-8";
/* CSS Document */


/* Smartphones (portrait and landscape) ----------- */
/*@media only screen and (min-device-width : 320px) and (max-device-width : 760px) {	*/
@media  screen and (min-width : 100px) and (max-width : 760px) {	
	body{ font-size: 12px; }
	.wrapper { width:300px; margin: 0 auto;}
	.grey-patch
	{
		width:auto;
	}
	/*.image_map_div
	{
		width:aut;
	}*/
	.header_form
	{
		margin-top:10px;
	}
	nav.primary
	{
		width:auto;
		height:270px;
	}
	nav.cities_primary
	{
		width:auto;
	}
	nav
	{
		height:180px;
	}
	header{ padding-top: 10px; }
	h1{ font-size: 20px; line-height: 22px;}
	h3{ font-size: 14px; }
	h4{ font-size: 14px; }
	.city_div
	{
		font-size:12px;
	}
	
	.w323{ width: auto; }
	.h253{ height: auto; }
	.w800,.w775,.w830,.w350{ width: auto; }
	.marb50{ margin-bottom: 15px; }
	.h243{ height:auto; } 
	.w180{ width:169px; }
	footer li{ float:none; }
	/*Header*/
	.caps.c_blue.light{ margin-top: 25px; }
	.header_form div{ margin-right: 0px; }
	.logo { margin-bottom: 15px; }
	.logo img{ width:200px; /*margin:10px 0;*/ }
	header .floatl,header .floatr{ float:none; text-align:center; }
	.flag img{ width:40px;}
	.facebook img{width: 262px; margin: 10px 0 0 0;}
	.mobile { width:300px !important;}
	.mobile h2 { font-size:20px;}
	.c_whitelabal { color: #FFF; margin: 10px auto 10px auto; border-left:none; border-bottom: 1px solid #fff; border-top: 1px solid #fff; padding-left: 10px; padding:10px 0; width:110px;}
	header h3{ margin-bottom:5px;}
	header .selector{margin-bottom: 5px !important;}
	#search{margin-bottom: 15px;}
	#search input{ width: 122px; }
	.box{ margin-right:auto ;margin-left:auto ; width:270px; float:none;}
	.scrollbar1{ width:270px; }
	.scrollbar1 .track{ margin-left: -10px; }
	/*Nav*/

	.responsive_nav_parent{ display: block; text-align: center; margin-bottom: 5px; }

	/**/
	.home_step,.steps{display: none;}
	.home_step_responsive .ico{ margin-bottom: 10px; }
	.step01{ margin-top: -100px; }
	.home_step_responsive .ico a{margin: 0 auto;}
	.r_step_content{ padding: 10px; background-color: #1C496B; margin-bottom: 15px;}
	.r_step_content p {color: #FFFFFF;font-size: 13px;}
	.r_step_content a {color: #70B913;font-family: 'sourcesanspro-semibold';text-decoration: underline;}
	
	.tourist_link{ word-break: break-word; }

	/**/
	.home_step_responsive_parent{ display: block; }
	.note{width: 268px; ,margin: 0 auto; height: auto;}
	.note p{ width: auto; text-align: center;}
	.i_icon{float: none; text-align: center;}
	.banner_home {  margin-bottom: 20px; margin-top: 0px; }
	.banner_home img{  width: 300px; }
	.step_icons{ padding: 0px; }
	#scrollbar_section ul li, #scrollbar_section02 ul li, #short_term ul li, #long_term ul li{ font-size: 12px; margin-bottom: 14px; }
	
	/**/
	.number{ line-height: 18px; font-size: 15px; }
	.helpline_a img{ width: 20px; }
	.tourist_title_main{ font-size: 16px; }
	.tourist_text{ font-size: 13px; }
	
	/*Tabs*/
		.content_nav{ background: none; height: auto; }
		.nav_visatypes{ display: none; }
		.nav_visatypes_select{ display: block; text-align: center;}
	/**/
	/*Table*/
	.v_centers .floatl ,.v_centers .floatr{ float: none; } 
	.v_centers{ width: auto; }
	.v_centers .th,.v_centers .tr{ border-right: 0px; min-height: 0; width:100%;}
	.v_centers .th-last{ border-top: 1px solid #d7d7d7; }
	/**/

	.news_text{ float: none; width: auto; }
	.news_date{ float: none; margin: 0 auto; text-align: center;}
	.newsMar{ margin-left: 0px; }
	.list_style{ width: auto; }

	.helpline .jcarousel-skin-tango .jcarousel-container-horizontal, .helpline .jcarousel-skin-tango .jcarousel-clip-horizontal{ width: auto; }
	.helpline .jcarousel-skin-tango .jcarousel-item{ width: 175px; border-right:0px; margin-right: 0px; }
	.mail{ padding: 20px; }
	.mail img{ display: block; float: none; margin: 0 auto; width: 21px;margin-bottom: 10px;}
	.pad_mail{ padding: 0px; }
	.span_border{display: none;}
	.mail a{ float: none; }
	.helpline{ padding-bottom: 0px; }
	.bottomLinks .floatl{ float: none; }
	.quickLinks{ border-right: 0px; padding-right:0px;margin-right:0px; margin-bottom: 15px;}
	.up_top{ display: none !important; }
	.helpline_a li{ border-right: 0px; width: auto;  }
	footer{ padding: 10px; }
	footer .floatl,footer .floatr{ float: none; text-align: center; }
	footer p{margin-bottom: 5px;}
	.w395 {width:85%;}

	.w500 {width:85%;}
	/**/
	.download_icon {
	width:15px;
	height:13px;
	margin-right:10px;
	margin-top: 1px;
	}
	.pdf_icon {
		width:9px;
		height:12px;
		margin-left:10px;
		margin-top: 2px;
	}
	/**/
	
	/* ------------------------------------------------------------------------------- */
/*  8. Portfolio
/* ------------------------------------------------------------------------------- */


#filters
{
/*margin-top:30px;
margin-left:30px;	*/
	}

	.isotope-item {
		z-index: 2;
	}

	.isotope-hidden.isotope-item {
		z-index: 1;
	}

	.isotope, .isotope .isotope-item {
	    -webkit-transition-duration: 0.8s;
		   -moz-transition-duration: 0.8s;
			    transition-duration: 0.8s;
	}

	.isotope {
	    -webkit-transition-property: height;
		   -moz-transition-property: height;
			    transition-property: height;
	}

	.isotope .isotope-item {
	    -webkit-transition-property: -webkit-transform, opacity;
		   -moz-transition-property:    -moz-transform, opacity;
			    transition-property:         transform, opacity;
	}

	.isotope-item  img {
		/*width:100%;*/
		
	}

	.portfolio {
		width:90.3%;
		margin:0 auto;
		background-color:#333;		
		padding:10px 10px 50px 20px;
		border-radius:15px;
		
	}
	
	nav.primary ul {
		float:left;
		margin-top:10px;
		
		margin:0 auto;
	    margin-left:25px;

	}
	
	nav.primary ul li  {
		display:inline;
		
	
	}
	
	nav.primary ul li p {
		font-size:12px;
	}
	
	nav.primary ul li a {
		display:block;

	}
	
	nav.primary ul li a:hover {
		color:#363942;
		
	}
	
	nav.primary ul li a:active, nav.primary ul li a.selected {
			
		color:#fff;
	}	



	
	
}

@media  screen and (min-width : 960px) and (max-width : 1200px) {	
.grey-patch
	{
		width:941px;
		height:550px;
	}
	.menu
	{
		
		width:1000px;
		
	}
	
	.menu li
	{
		
		width:250px;
		margin-top:100px;
	}
	
	
	.portfolio {
		width:90.3%;
		margin:0 auto;
		background-color:#333;		
		padding:10px 10px 50px 20px;
		border-radius:15px;
		
	}
	
	nav.primary ul {
		float:left;
		margin-top:10px;
		
		margin:0 auto;
	    margin-left:25px;

	}
	
	nav.primary ul li  {
		display:inline;
		
	
	}
	
	nav.primary ul li p {
		font-size:12px;
	}
	
	nav.primary ul li a {
		/*height:90px;
		width:110px;
		display:block;*/

	}
	
	nav.primary ul li a:hover {
		color:#363942;
		
	}
	
	nav.primary ul li a:active, nav.primary ul li a.selected {
			
		color:#fff;
	}	

	

}

@media  screen and (min-width : 810px) and (max-width : 960px) {
	.grey-patch
	{
		width:780px;
		height:550px;
	}
	.wrapper
	{
		width:780px;
	}
}
/*@media  screen and (min-width : 761px) and (max-width : 1024) {	
nav.primary
{
	width:700px;
}
}*/
@media  screen and (min-width : 761px) and (max-width : 810px) {	
.grey-patch
	{
		width:auto;
		height:550px;
	}
	.wrapper
	{
		width:auto;
	}
	.menu
	{
		
		width:300px;
		
	}
	.logo
	{
		margin-left:5%;
	}
	.wrapper .apply_for_div
	{
		margin-right:5%;
	}
	.header_form 
	{
		margin-right:5%;
	}
	
	.menu li
	{
		
		width:250px;
		margin-top:100px;
	}
	
	.portfolio {
		width:90.3%;
		margin:0 auto;
		background-color:#333;		
		padding:10px 10px 50px 20px;
		border-radius:15px;
		
	}
	
	nav.primary ul {
		float:left;
		margin-top:10px;
		
		margin:0 auto;
	    margin-left:25px;

	}
	
	nav.primary ul li  {
		display:inline;
		
	
	}
	
	nav.primary ul li p {
		font-size:12px;
	}
	
	nav.primary ul li a {
		display:block;

	}
	
	nav
	{
		height:180px;
	}
	
	nav.primary ul li a:hover {
		color:#363942;
		
	}
	
	nav.primary ul li a:active, nav.primary ul li a.selected {
			
		color:#fff;
	}	


}



@media  screen and (min-width : 200px) and (max-width : 500px) {	
	.grey-patch
	{
		width:400px;
		/*height:1000px;*/
	}
	.menu
	{
		
		width:400px;
		
	}
	
	.menu li
	{
		
		width:130px;
		margin-top:100px;
		padding-left:25px;
	}
	
	
	.portfolio {
		width: 70.3%;
		margin-left:25px;
		background-color:#333;		
		padding:10px 10px 50px 20px;
		border-radius:15px;
		
	}
	
	.portfolio li { 
		float: left; 
		width:25.6%;
		margin:0!important;
		padding:0!important; 
		-webkit-transition: none;
		-moz-transition: none;
		-ms-transition: none;
		-o-transition: none;
		transition: none;
		overflow:hidden;	
		
			
	}
	
	.portfolio a { 
		display:block;
		text-decoration: none; 
		padding-left:20px;
		
	}
	
	.portfolio img { 
		width: 50%; 
		height: auto; 
		display: block; 
		border:1px solid #FFF;
		
		
	}


.portfolio {
		
		margin:0 auto;
		background-color:#333;		
		padding:10px 10px 50px 20px;
		border-radius:15px;
		display:none;
		
	}
	
	nav.primary ul {
		margin-top:10px;		
		margin:0 auto;	   
		width:50%;
		display:none;

	}
	
	nav.primary ul li  {
		
		
	
	}
	
	nav.primary ul li p {
		font-size:12px;
	}
	
	nav.primary ul li a {
		display:block;

	}
	
	nav.primary ul li a:hover {
		color:#363942;
		
	}
	
	nav.primary ul li a:active, nav.primary ul li a.selected {
			
		color:#fff;
	}	
	
	.mobile_primary
	{
		display:block;
	}
	
	.mobile_primary p , .mobile_portfolio p
	{
		margin-bottom:10px;
	}

	.mobile_portfolio
	{
		margin-top:50px;
		display:block;
	}
	
	.cities_primary
	{
		display:none;
	}
	
	nav.primary
	{
		display:none;
	}
	
	.header_form 
	{
		margin-top:10px;
	}
	
	.info_text
	{
		display:none;
	}
	
	.mobile_info_text
	{
		display:block;
	}

}