/*   
Theme Name: Molly Moon Salon 2015
Theme URI: http://analogpixel.com
Description: A fully custom Bootstrap-based theme for Molly Moon Salon
Author: Analog Pixel, Inc.
Author URI: http://analogpixel.com
Version: 2.0
*/

/* Apply a natural box layout model to all elements: http://paulirish.com/2012/box-sizing-border-box-ftw/ */
* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

.chromeframe {position: absolute; top: 0;}


/* Internet Explorer 10 doesn't differentiate device width from viewport
width, and thus doesn't properly apply the media queries in Bootstrap's
CSS. Normally you'd just add a quick snippet of CSS to fix this:
@-ms-viewport       { width: device-width; }
However, this doesn't work for devices running Windows Phone 8 versions
older than Update 3 (a.k.a. GDR3), as it causes such devices to show a
mostly desktop view instead of narrow "phone" view. To address this,
you'll need to include the following CSS and JavaScript to work around
the bug. */
@-webkit-viewport   { width: device-width; }
@-moz-viewport      { width: device-width; }
@-ms-viewport       { width: device-width; }
@-o-viewport        { width: device-width; }
@viewport           { width: device-width; }


/* Ok, this is where the fun starts.
-------------------------------------------------------------------------------*/

html { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; background: #000; color: #fff; }

body { cursor: pointer; font-size: 1.6rem; line-height: 1.45; font-family: Arial, Helvetica, 'Trebuchet MS', sans-serif; background: #000; color: #fff; }
.no-touch body { cursor: default; }

body { font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-style: normal;
	font-variant: normal;
	font-weight: 400;
}

body, select, input, textarea { color: #333; }

/* Custom text-selection colors (remove any text shadows: http://twitter.com/miketaylr/status/12228805301) */
::-moz-selection{background: #008fc5; color: #fff; text-shadow: none;}
::selection {background: #008fc5; color: #fff; text-shadow: none;} 

a:link { -webkit-tap-highlight-color: rgba(0,0,0,0.4); } 

ins {background-color: #f36d27; color: #000; text-decoration: none;}
mark {background-color: #f36d27; color: #000; font-style: italic; font-weight: normal; font-family: FuturaLTPro-Bold; }

/* Mozilla dosen't style place holders by default */
input:-moz-placeholder { color: #a9a9a9; }
textarea:-moz-placeholder { color: #a9a9a9; }

.screen-reader-text { display: none; }

/* CLEARFIX */
.clearfix:before, .clearfix:after { content: ' '; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

/* BOOTSTRAP CHANGES */
p, ul, ol { margin: 0 0 20px; }
ul { list-style-type: circle; }
li { margin-bottom: 5px; }
hr { border-top: 1px solid #4c4c4c; margin: 25px 0; }

a { color: #e10098; text-decoration: none; -o-transition: color 0.3s linear; -moz-transition: color 0.3s linear; -khtml-transition: color 0.3s linear; -webkit-transition: color 0.3s linear; -ms-transition: color 0.3s linear; transition: color 0.3s linear; }
.no-touch a:hover { color: #777; text-decoration: none; }

.questrial { font-family: 'Questrial', sans-serif; text-transform: uppercase; letter-spacing: 2px; }
h1,h2,h3,h4,h5,h6 { font-family: 'Questrial', sans-serif; text-transform: uppercase; letter-spacing: 2px; }

h1 { color: #e10098; font-size: 4.0rem; line-height: 1.1; }



#content { background: #ffffff; padding: 30px 0 60px 0; }
body.home #content { padding: 0; }

section { margin-top: 15px; margin-bottom: 15px; }


.intro { font-size: 2.0rem; line-height: 1.5; margin: 0 0 2.5em 0; text-align: center; font-family: 'Questrial', sans-serif; font-weight: normal; }
.intro h1 { text-align: center; }



.double-space { line-height: 2.25em; }




/* CONTACT */
#contact-form .help-block { text-align: right; }

.form-control { background: #eee; border: 1px solid #eee; box-shadow: none !important; }
.form-control:focus { background: #fff;
	border-color: #66afe9;
	outline: 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}
#contact-form .required { color: #a94442; }

/* CONTACT - FLEXIBLE GOOGLE MAP IFRAME */
.flexible-map-container { position: relative; padding-bottom: 450px; height: 0; overflow: hidden; }
.flexible-map-container iframe,   
.flexible-map-container object,  
.flexible-map-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; max-height: 450px; }



/* HOME */
section#section-home-cycle { margin: 0; background: #000; }
section#section-home-instagram { margin: 50px 0; }
section#section-home-cycle .col-xs-12 { padding-left: 0; padding-right: 0; }
section#section-home-intro { margin: 0; padding: 30px 0; background: #000; color: #fff; }
section#section-home-intro .intro { margin: 0; }
section#section-home-intro .intro p { margin: 0; }

/* GALLERY */
#gallery-1 img { border: none !important; }
#gallery-1 .gallery-item { margin: 0 !important; border: 1px solid #fff; }
#gallery-1 dl { margin: 0 !important; }


/* PRODUCT */
.row-product { margin-bottom: 30px; }

/* TEAM */

.page-tear-top, .page-tear-bottom {
	width: 100%;
}

.single-team em { font-family: 'Shadows Into Light Two', cursive; font-size: 2.0rem; letter-spacing: 1px; border-bottom: 1px dotted #999; }

.team-grid-item {
    position: relative;
    overflow: hidden;
    padding: 0;
	z-index: 100;
	background: #000;
}
.team-grid-item img {
    display: block;
    width: 100%;
    height: auto;
	z-index: 100;
}
.team-grid-item .overlay {
	font-family: 'Questrial', sans-serif;
	font-size: 1.6rem;
	line-height: 1.15;
	text-align: center;
	width: 100%;
	overflow: hidden;
	display: block;
	z-index: 101;
	padding: 15px 10px 10px 10px;
	color: #fff;
	background: #000;
}
.team-grid-item a,
.team-grid-item a:hover {
	color: #fff;
	text-decoration: none;
}
.no-touch .team-grid-item .overlay {
	position: absolute;
	top: 999px;
	left: 0;
	background: rgba(0, 0, 0, 0.7); 
	-webkit-transform: translateY(100%);
	transform: translateY(100%);
	transition: -webkit-transform .25s ease-in-out;
	transition: transform .25s ease-in-out;
}
.no-touch .team-grid-item.hover .overlay {
	-webkit-transform: translateY(-100%);
	transform: translateY(-100%);
}



/* FOOTER */
#footer .small { font-size: 1.3rem; }
#footer .big { font-size: 2.2rem; }

#footer { background: #000 url(./img/graffiti-pattern.png) bottom center repeat-x; border-top: 1px solid #333; font-family: 'Questrial', sans-serif; text-transform: uppercase; letter-spacing: 2px; color: #fff; font-size: 1.4rem; line-height: 1.5; padding-top: 15px; padding-bottom: 45px; }
#footer a, #footer a span.white { cursor: pointer; color: #fff; text-decoration: none; }
.no-touch #footer a:hover { color: #999; text-decoration: none; }
#footer p { margin: 0 0 15px 0; }
#footer ul.icon-social { list-style-type:none; margin: 15px 0 30px 0; padding: 0; }
#footer ul.icon-social li { list-style-type:none; margin: 0 5px; padding: 5px; display: inline; }
a.icon-social {
    opacity: 1.0;
    filter: alpha(opacity=100);
    width: 32px;
    height: 32px;
    display: inline-block;
    text-indent: -999em;
    overflow: hidden;
    -o-transition: opacity 0.3s linear;
    -moz-transition: opacity 0.3s linear;
    -khtml-transition: opacity 0.3s linear;
    -webkit-transition: opacity 0.3s linear;
    -ms-transition: opacity 0.3s linear;
    transition: opacity 0.3s linear;
    text-align: left;
}
a.icon-social:hover { opacity: 0.5; filter: alpha(opacity=50); }
a.icon-social-facebook { background: transparent url(./img/icon-social-facebook.png) 0 0 no-repeat; }
a.icon-social-instagram { background: transparent url(./img/icon-social-instagram.png) 0 0 no-repeat; }
a.icon-social-twitter { background: transparent url(./img/icon-social-twitter.png) 0 0 no-repeat; }
a.icon-social-yelp { background: transparent url(./img/icon-social-yelp.png) 0 0 no-repeat; width: 64px; }
@media (min-resolution: 192pi), (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
	a.icon-social-facebook { background: transparent url(./img/icon-social-facebook@2x.png) 0 0 no-repeat; background-size: 32px 32px; }
	a.icon-social-instagram { background: transparent url(./img/icon-social-instagram@2x.png) 0 0 no-repeat; background-size: 32px 32px; }
	a.icon-social-twitter { background: transparent url(./img/icon-social-twitter@2x.png) 0 0 no-repeat; background-size: 32px 32px; }
	a.icon-social-yelp { background: transparent url(./img/icon-social-yelp@2x.png) 0 0 no-repeat; background-size: 64px 32px; }
}
@media (min-resolution: 288pi), (-webkit-min-device-pixel-ratio: 3), (min--moz-device-pixel-ratio: 3), (-o-min-device-pixel-ratio: 3/1), (min-device-pixel-ratio: 3), (min-resolution: 3dppx) {
	a.icon-social-facebook { background: transparent url(./img/icon-social-facebook@3x.png) 0 0 no-repeat; background-size: 32px 32px; }
	a.icon-social-instagram { background: transparent url(./img/icon-social-instagram@3x.png) 0 0 no-repeat; background-size: 32px 32px; }
	a.icon-social-twitter { background: transparent url(./img/icon-social-twitter@3x.png) 0 0 no-repeat; background-size: 32px 32px; }
	a.icon-social-yelp { background: transparent url(./img/icon-social-yelp@3x.png) 0 0 no-repeat; background-size: 64px 32px; }
}


/* INSTAFEED */
.col-instafeed { padding-left: 0; padding-right: 0; }
.col-instafeed img { width: 100%; max-width: 100%; height: auto; }
#instafeed .instafeed-details {
  background:rgba(0,0,0,0.5);
  font-family:sans-serif;
  font-size:1em;
  position:absolute;
  color:#ffffff;
  opacity:0;
  text-align:center;
top: 0;
padding-top: 50%;
left: 0;
width: 100%;
height: 100%;
  line-height:100%;
  text-shadow:0 1px rgba(0,0,0,0.5);
  -webkit-font-smoothing:antialiased;
  -webkit-transition: opacity 100ms ease;
	-moz-transition: opacity 100ms ease;
	-o-transition: opacity 100ms ease;
	-ms-transition: opacity 100ms ease;
	transition: opacity 100ms ease;
}

.no-touch #instafeed a:hover .instafeed-details {
  opacity:1;
}











/* CYCLE SLIDESHOWS */
.cycle-slideshow img { width: 100%; max-width: 100%; height: auto; }
.cycle-pager { z-index: 120; text-align: center; width: 100%; position: absolute; bottom: 5px; overflow: hidden; }
.cycle-pager span {
	width: 24px;
	height: 24px;
	padding: 15px;
	background: url(./img/cycle-pager.png) center center no-repeat;
	opacity: 0.5;
	filter: alpha(opacity=50);
	z-index: 130;
	cursor: pointer;
	text-decoration: none;
	overflow: hidden;
	text-indent: -9999px;
	display: inline-block;
}
.cycle-pager span:hover, .cycle-pager span.cycle-pager-active {
	background: url(./img/cycle-pager.png) center center no-repeat;
	opacity: 1;
	filter: alpha(opacity=100);
}
@media (min-resolution: 192pi), (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
	#home-cycle .cycle-pager span { background: url(./img/cycle-pager@2x.png) 0 0 no-repeat; background-size: 24px 24px; }
	#home-cycle .cycle-pager span:hover, #home-cycle .cycle-pager span.cycle-pager-active { background: url(./img/cycle-pager@2x.png) 0 0 no-repeat; background-size: 24px 24px; }
}
@media (min-resolution: 288pi), (-webkit-min-device-pixel-ratio: 3), (min--moz-device-pixel-ratio: 3), (-o-min-device-pixel-ratio: 3/1), (min-device-pixel-ratio: 3), (min-resolution: 3dppx) {
	#home-cycle .cycle-pager span { background: url(./img/cycle-pager@3x.png) 0 0 no-repeat; background-size: 24px 24px; }
	#home-cycle .cycle-pager span:hover, #home-cycle .cycle-pager span.cycle-pager-active { background: url(./img/cycle-pager@3x.png) 0 0 no-repeat; background-size: 24px 24px; }
}







article img { max-width: 100%; height: auto; }
.uppercase { text-transform: uppercase; }
.javascript-required { background: #a00; color: #fff; font-size: 2rem; line-height: 1.2; text-align: center; padding: 20px 0; }






/* HEADER + FOOTER*/
#header { height: 100px; /* z-index: 1000; position: fixed; */ width: 100%; background: #000; color: #fff; font-size: 1.6rem; line-height: 1.375; /* webkit-box-shadow: 0px 0px 5px 2px rgba(255, 255, 255, 0.5); -moz-box-shadow: 0px 0px 5px 2px rgba(255, 255, 255, 0.5); box-shadow: 0px 0px 5px 2px rgba(255, 255, 255, 0.5); */ }
#header-brand-logo { margin: 10px 0; width: 220px; height: 60px; display: block; overflow: hidden; text-indent: -999em; background: transparent url(./img/logo-molly-moon-salon.png) 0 0 no-repeat; background-size: 220px 60px; }
@media (min-resolution: 192pi), (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
	#header-brand-logo { background: transparent url(./img/logo-molly-moon-salon@2x.png) 0 0 no-repeat; background-size: 220px 60px; }
}
@media (min-resolution: 288pi), (-webkit-min-device-pixel-ratio: 3), (min--moz-device-pixel-ratio: 3), (-o-min-device-pixel-ratio: 3/1), (min-device-pixel-ratio: 3), (min-resolution: 3dppx) {
	#header-brand-logo { background: transparent url(./img/logo-molly-moon-salon@3x.png) 0 0 no-repeat; background-size: 220px 60px; }
}

















/* BOOTSTRAP OVERRIDES */
.form-control { -webkit-appearance: none; }
.btn-default { border: 2px solid #e10098; font-family: 'Questrial', sans-serif; text-transform: uppercase; letter-spacing: 2px; }
.btn-default:hover { background: #e10098; border: 2px solid #e10098; color: #fff; }
.btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default:active.focus, .btn-default:active:focus, .btn-default:active:hover, .open>.dropdown-toggle.btn-default.focus, .open>.dropdown-toggle.btn-default:focus, .open>.dropdown-toggle.btn-default:hover { border: 2px solid #a63173; background: #a63173; color: #fff; }





/* And here begins the WordPress fun.
-------------------------------------------------------------------------------*/



/* =WordPress Core
-------------------------------------------------------------------------------*/

@media (max-width: 767px) {
	body.admin-bar { position: absolute; top: 0; }
	body.admin-bar #wpadminbar { display: none; }
}

#sidebar { }
#sidebar ul { list-style-type: none; padding-left: 0; }

.post {}

.entry-content {}
.entry-content a {}
.entry-content a:hover {}
.entry-content-date {}

#meta {}
.postmetadata {}

.navigation:after { content: ""; display: table; clear: both; margin: 20px 0; }
.next-posts { width: 50%; float: left; text-align: left; }
.prev-posts { width: 50%; float: right; text-align: right; }

#searchform {}
#s {}
#searchsubmit {}
	
ol.commentlist {list-style: none;}
ol.commentlist li {}
ol.commentlist li.alt {}
ol.commentlist li.bypostauthor {}
ol.commentlist li.byuser {}
ol.commentlist li.comment-author-admin {}
ol.commentlist li.comment {border-bottom: 1px dotted #666; padding: 10px;}
ol.commentlist li.comment div.comment-author {}
ol.commentlist li.comment div.vcard {}
ol.commentlist li.comment div.vcard cite.fn {font-style: normal;}
ol.commentlist li.comment div.vcard cite.fn a.url {}
ol.commentlist li.comment div.vcard img.avatar {float:right; margin: 0 0 10px 10px;}
ol.commentlist li.comment div.vcard img.avatar-32 {}
ol.commentlist li.comment div.vcard img.photo {}
ol.commentlist li.comment div.vcard span.says {}
ol.commentlist li.comment div.commentmetadata {}
ol.commentlist li.comment div.comment-meta {font-size: 10px;}
ol.commentlist li.comment div.comment-meta a {color: #ccc;}
ol.commentlist li.comment p {}
ol.commentlist li.comment ul {}
ol.commentlist li.comment div.reply {font-size: 11px;}
ol.commentlist li.comment div.reply a { font-family: FuturaLTPro-Bold; }
ol.commentlist li.comment ul.children {list-style: none; margin: 10px 0 0;}
ol.commentlist li.comment ul.children li {}
ol.commentlist li.comment ul.children li.alt {}
ol.commentlist li.comment ul.children li.bypostauthor {}
ol.commentlist li.comment ul.children li.byuser {}
ol.commentlist li.comment ul.children li.comment {}
ol.commentlist li.comment ul.children li.comment-author-admin {}
ol.commentlist li.comment ul.children li.depth-2 {border-left: 5px solid #555; margin: 0 0 10px 10px;}
ol.commentlist li.comment ul.children li.depth-3 {border-left: 5px solid #999; margin: 0 0 10px 10px;}
ol.commentlist li.comment ul.children li.depth-4 {border-left: 5px solid #bbb; margin: 0 0 10px 10px;}
ol.commentlist li.comment ul.children li.depth-5 {}
ol.commentlist li.comment ul.children li.odd {}
ol.commentlist li.even {background: #fff;}
ol.commentlist li.odd {background: #f6f6f6;}
ol.commentlist li.parent {border-left: 5px solid #111;}
ol.commentlist li.thread-alt {}
ol.commentlist li.thread-even {}
ol.commentlist li.thread-odd {}

.alignnone { margin: 0; }
.aligncenter, div.aligncenter { display: block;  margin: 60px auto 60px auto;}
.alignright { float: right; margin: 5px 0 20px 20px; }
.alignleft { float: left; margin: 5px 20px 20px 0; }
.aligncenter { display: block; margin: 60px auto 60px auto; }
a img.alignright { float: right; margin: 5px 0 20px 20px; }
a img.alignnone { margin: 0; }
a img.alignleft { float: left; margin: 5px 20px 20px 0; }
a img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.wp-caption { background: #fff; border: 1px solid #f0f0f0; max-width: 96%; /* Image does not overflow the content area */ padding: 5px 3px 10px; text-align: center; }
.wp-caption.alignnone { margin: 0; }
.wp-caption.alignleft {  margin: 5px 20px 20px 0; }
.wp-caption.alignright { margin: 5px 0 20px 20px; }
.wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0;  width: auto; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 1.5; margin: 0; padding: 0 4px 5px; }


/* Print styles!
-------------------------------------------------------------------------------*/
@media print {
	html, body, section, .container { width: 1140px !important;}
	
	#nav a[href]:after,
	#footer a[href]:after,
	#sidebar a[href]:after { content: ""; }
	
	.navbar-right,
	#nav { display: none; }

}


/*==================================================
=            Bootstrap 3 Media Queries             =
==================================================*/


/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {

	/* GLOBAL */
	h1 { font-size: 3.0rem; }
	#header { height: 80px; }

#header-brand-logo { margin: 10px 0; width: 220px; height: 60px; background-size: 220px 60px; background: transparent url(./img/logo-molly-moon-salon-sm.png) 0 0 no-repeat; }
@media (min-resolution: 192pi), (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
	#header-brand-logo { background: transparent url(./img/logo-molly-moon-salon-sm@2x.png) 0 0 no-repeat; background-size: 220px 60px; }
}
@media (min-resolution: 288pi), (-webkit-min-device-pixel-ratio: 3), (min--moz-device-pixel-ratio: 3), (-o-min-device-pixel-ratio: 3/1), (min-device-pixel-ratio: 3), (min-resolution: 3dppx) {
	#header-brand-logo { background: transparent url(./img/logo-molly-moon-salon-sm@3x.png) 0 0 no-repeat; background-size: 220px 60px; }
}


	#nav { display: none; }
	#content { padding: 0 0 30px 0; }

	/* HOME */
	.intro { font-size: 1.6rem; }

	/* OUR TEAM */
	.team-grid-item .overlay { font-size: 1.4rem; padding: 10px; }

}



/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {

	/* OUR TEAM */
	.team-grid-item .overlay { padding: 15px 10px 10px 10px; }

}



/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {

	/* GLOBAL */
	h1 { font-size: 4.0rem; }
	#header .navbar-right { display: none; }
	#header { padding: 30px 0 20px 0; height: auto; background: #000 url(./img/graffiti-pattern.png) 0 0 repeat-x; }
#header-brand-logo { margin: 15px 0; width: 450px; height: 122px; background-size: 450px 122px; background: transparent url(./img/logo-molly-moon-salon.png) 0 0 no-repeat; }
@media (min-resolution: 192pi), (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
	#header-brand-logo { background: transparent url(./img/logo-molly-moon-salon@2x.png) 0 0 no-repeat; background-size: 450px 122px; }
}
@media (min-resolution: 288pi), (-webkit-min-device-pixel-ratio: 3), (min--moz-device-pixel-ratio: 3), (-o-min-device-pixel-ratio: 3/1), (min-device-pixel-ratio: 3), (min-resolution: 3dppx) {
	#header-brand-logo { background: transparent url(./img/logo-molly-moon-salon@3x.png) 0 0 no-repeat; background-size: 450px 122px; }
}

#header-appt {
	margin: 45px 0 10px 0;
	font-size: 1.3rem;
}
#header-appt a.tel {
	font-size: 2.4rem;
	color: #fff;
	text-decoration: none;
}
#header-appt a.tel:hover {
	color: #fff;
	text-decoration: none;
}

	#content { padding: 30px 0 60px 0; }
	#nav { display: block; }

	/* HOME */
	.intro { font-size: 1.8rem; }

	/* OUR TEAM */
	.team-grid-item .overlay { font-size: 1.6rem; padding: 15px 10px 10px 10px; }

}



/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {

	/* GLOBAL */

	/* HOME */
	.intro { font-size: 2.0rem; }

	/* OUR TEAM */
	.team-grid-item .overlay { padding: 15px 10px 10px 10px; }

}



/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {

	/* GLOBAL */

	/* OUR TEAM */
	.team-grid-item .overlay { padding: 15px 10px 10px 10px; }

}



/* Extra Wide Screens */
@media only screen and (min-width : 1600px) {
}
@media only screen and (min-width : 2000px) {
}



/*==========  Non-Mobile First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
	.flexible-map-container { padding-bottom: 400px; }
	.flexible-map-container iframe,   
	.flexible-map-container object,  
	.flexible-map-container embed { max-height: 400px; }
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
	.flexible-map-container { padding-bottom: 350px; }
	.flexible-map-container iframe,   
	.flexible-map-container object,  
	.flexible-map-container embed { max-height: 350px; }
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
	.flexible-map-container { padding-bottom: 250px; }
	.flexible-map-container iframe,   
	.flexible-map-container object,  
	.flexible-map-container embed { max-height: 250px; }
}
@media only screen and (max-width : 768px) and (orientation: landscape) {
	.flexible-map-container { padding-bottom: 150px; }
	.flexible-map-container iframe,   
	.flexible-map-container object,  
	.flexible-map-container embed { max-height: 150px; }
}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {
}

/* Custom, iPhone Retina */ 
@media only screen and (max-width : 320px) {
}