/*

	responsive.css: for Media-Queries

*/

/* =================== RESPONSIVE =================== */



@media (min-width: 992px) and (max-width: 1199px) {
	.visible-md {
		display: block !important;
	}
	table.visible-md {
		display: table;
	}
	tr.visible-md {
		display: table-row !important;
	}
	th.visible-md,
	td.visible-md {
		display: table-cell !important;
	}


	.discoverable .pad0{
		padding: 4px;
	}


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

	.visible-lg {
		display: block !important;
	}
	table.visible-lg {
		display: table;
	}
	tr.visible-lg {
		display: table-row !important;
	}
	th.visible-lg,
	td.visible-lg {
		display: table-cell !important;
	}
	.featured_photographer_pic.col-md-3{
		margin-right: -30px;
	}
}
@media (max-width: 767px) {

	.featured_photographer_bio{margin-left: 140px !important;}

	.hidden-xs {
		display: none !important;
	}

}
@media (min-width: 768px) and (max-width: 991px) {
	.hidden-sm {
		display: none !important;
	}
}
@media (min-width: 992px) and (max-width: 1199px) {
	.hidden-md {
		display: none !important;
	}
}
@media (min-width: 1200px) {
	.hidden-lg {
		display: none !important;
	}
}

@media (max-width: 767px) {
	input#global_search_box_input_fld {
		/*background-color:yellow;*/
		width:244px;
		margin-left:-4px!important;
	}
	#global_nav_search {
		width:244px;
	}
	#global_search_form{
		width:244px;

	}

	#footer_language_picker {
		text-align:center;
	}

	.ad160x600{display: none;}
	.pano_ad_group{
		min-height:340px;
	}

	.btn.search_btn_dark {
		margin: 0px auto;
		padding-left:18px!important;
		width: 100% !important;
		font-size: 16px;
		border:none;
		font-weight: 500;
	}

	.featured_photographer_bio{
		margin-left: 200px !important;
	}

	.homepage .img-responsive{
		padding-left: 10px !important;
		padding-top: 10px;
	}

	.homepage .user_badges{
		padding-left: 10px !important;
	}

}

@media (min-width: 768px) and (max-width: 991px) {

	/*Just hiding the top-nav icons rather than having them wrap*/
	a.dropdown-toggle span {
		display:none
	}

	ul.nav{
		font-size:12px;
	}

	#search-btn {
		width: auto;
	}


	.navbar-inverse .navbar-nav > li{
		min-width:60px;
		text-align:center;
	}


	ul.nav.navbar-nav.navbar-right  {
	}

	#global_nav_search_box{
		max-width:200px!important;

		width:60px!important;
		margin-top:200px!important;
		padding:0px!important;
		margin:0px!important;
		height:0px;
		width:0px;

	}
	.right-inner-addon{
		width:299px!important;
	}
	.global_search_class{
		max-width:200px!important;
		width:200px!important;
	}
	input#global_search_box_input_fld {
		width:200px;
		font-size:14px;
	}

	#global_search_form{
		max-width:200px!important;
		width:200px;
	}
	#global_nav_search {
		width:200px;

	}

	a.lang_choice {
		font-size:13px;

	}

	span.lang_choice_title {
		font-size:13px;
	}

}

@media (min-width: 992px) and (max-width: 1199px) {

	#global_search_form {
		max-width:280px;
	}

	input#global_search_box_input_fld {
		width:240px;
	}

	#global_nav_search {
		width:280px;
	}
	#global_nav_search .input-group-btn {
		width: none !important;
	}
}

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

	#global_nav_search {
	}

	div#searchbox_body {
		margin-left:0px;
	}
}




/* =================== IPHONE 5 RESPONSIVE =================== */

/* Portrait & Landscape */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 568px)
and (orientation : landscape) {

.wide_caption{
	text-align: center;
	margin: 0 20px;
}

.wide_caption h4 small {
	display: none;
}

.homepage .img-responsive{
	margin: 0 auto;
}

.pano_discoverable, .homepage h2, .homepage h1, .homepage .h2, .homepage .h1, .homepage p, #footer, .homepage #featured_photographers{
	text-align: center;
}

.homepage .btn-primary, .homepage .btn-blue{
	float: none !important;
}

.homepage .btn-blue{
	margin: 30px !important;
}

.homepage .featured_photographer_bio{
	margin-left: 0 !important;
	float: left;
	margin-top: 20px;
}

.badge_wrapper:last-child, .badge_wrapper:first-child{
	margin: 0 auto;
	float: none;
	width: 187px;
}


}

/* Portrait Only */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 568px)
and (orientation : portrait) {

/* --- FOR TESTING ONLY! --- */
/*#splash_pano, .pano_active_slot, #map-canvas, .cookie_warning{display: none;} */
/* - END FOR TESTING ONLY! - */


.bleed_center span, .license_button span{display: none;}
.img-responsive{margin: 0 auto; margin-bottom: 15px;}
#footer{text-align: center;}
#footer .col-md-2, #footer .col-md-3{margin-top: 50px;}
.discoverable .img-responsive{margin-bottom: 4px;}
.discoverable .col-md-6{margin-bottom: 30px;}
.discoverable .h3 {font-size: 16px; text-align: center;}
body {text-align: center;}
.hp .h1, .bleed .h1, .h2, {font-size: 1.8em;}
.homepage .h1 {font-size: 2.2em;}
.homepage .h2 {font-size: 14px;}
.icon_text_group_title{font-size: 1.6em !important;}
.icon_text_group_caption{font-size: 1em;line-height: 1.1em;}
.icon_text_group{clear: both;}
.btn {margin: 20px auto;width: 100% !important;font-size: 13px;
font-weight: 500}
.btn-primary span {margin-left: 0;}
.badge_wrapper:first-child{float: none;}
.badge_wrapper:last-child, .badge_wrapper:first-child{
	margin: 0 auto;
	width: 187px;
	height: 187px;
	margin-bottom: 50px
}
.nav a{font-size: .8em;}
.nav li a{padding: 10px;}
.ad728x90, .ad336x280{display: none;}
.badge_wrapper .img-responsive{margin-bottom: 0; }
.badge_wrapper .img-responsive{height: 187px;width: 187px;}
.homepage .featured_photographer_bio .h2{font-size: 24px;}
.homepage .featured_photographer_bio{margin-bottom: 40px;}
.featured_photographer_bio{margin-bottom: 0;}
#photographer_2{margin-top: 30px;}
#featured_bio_right{
	float: left;
	margin: 0 auto;
	text-align: center;
	width: none;
	padding: none;
	width: none;
	height: none;
	background-color:none;
}
#featured_bio_left{
background-color:none;
float: left;
}
#featured_bio_captions{
	float: left;
	text-align: center;
	right: 0;
	left: -40px;
	bottom: -20px;
}
.factList .title{
	display: block;
}
.likeBtn{font-size: 20px !important;margin-top: 0 !important;margin-bottom: 0 !important;}
.panoTitle, .panoSubTitle{float:none !important;}
.likeBtnContainer{float: none !important;}
#photographer_1{clear: both;}
.erase{display: none;}

#map-canvas{height: 350px !important;}
.map_crumbs{left:15px !important;}

.featured_photographer_bio{
	margin-left: 0 !important;
}

.featured_photographer_profile_pic img{
	padding-top: 10px;
}

.ad320x50{
	margin-left: -15px;
}


}

/* Landscape Only */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 568px)
and (orientation : landscape) {

	#splash_pano{
		max-height:160px!important;
	}

	#featured_pano{
		max-height:160px!important;
	}

	<!-- iframe: -->
	.pano360-player{
		max-height:160px!important;
	}

}


/*@media (min-width: 1025px) {
    #splash_pano{
        height: 85% !important;
    }

}
*/



/* =================== IPAD PORTRAIT =================== */

@media (min-width: 768px) and (max-width: 991px) {

	.featured_photographer_bio{margin-left: 140px !important;}
	.homepage .featured_photographer_bio, .homepage .featured_photographer_work{margin-left: 230px !important;}

	#map-canvas{height: 350px !important;}
	.map_crumbs{left:15px !important;}

	.ad160x600{display: none;}
	.pano_ad_group{min-height:340px;padding-top:0;padding-bottom:0;}
	.pano_ad_content{margin-bottom:0 !important; height: 85% !important;}


	#footer{text-align: center;}
	#footer .col-md-2, #footer .col-md-3{margin-top: 50px;}

	.discoverable{
		text-align: center;
		width: 450px;
		margin: 0 auto;
	}

	.homepage .h1 .btn, .homepage .h2 .btn{
		margin: 20px 10px 15px 40px;
	}

	.ad320x50{
		text-align: center;
		margin: 0;
	}

	.pano360-player{
		height: 90%;
	}

	input#global_search_box_input_fld{
		width:260px !important;
	}


}

/* =================== IPAD LANDSCAPE =================== */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {

	.pano360-player{
		height: 100%;
	}

	input#global_search_box_input_fld{
		width:200px !important;
	}

}


/* =================== Search Results Sizing =================== */

@media (max-width: 399px) {
	/*mobile-width tabs*/
	.nav.nav-tabs >li >a{
		font-size:10px!important;
		overflow :hidden; text-overflow:ellipsis; white-space:nowrap;
		min-width:40px;
		max-width:100px;
	}

}

@media (min-width: 400px) and (max-width: 499px) {
	/*mobile-width tabs*/
	.nav.nav-tabs >li >a{
		font-size:12px!important;
		overflow :hidden; text-overflow:ellipsis; white-space:nowrap;

		max-width:140px;
	}

}

@media (min-width: 501px) and (max-width: 1199px) {
	/*medium desktop-width tabs*/
	.nav.nav-tabs >li >a{
		font-size:14px!important;
		overflow :hidden; text-overflow:ellipsis; white-space:nowrap;


	}

}





/* ================ end RESPONSIVE ==================== */