/*
 Theme Name:     Readr Child Theme
 Theme URI:      http://wordpress.org/extend/themes/readr
 Description:    Readr Child Theme
 Author:         Flavius Matis
 Author URI:     http://flaviusmatis.github.com/
 Template:       readr
 Version:        1.0.0
 Tags: dark, light, two-columns, flexible-width, left-sidebar, editor-style, theme-options
*/

@import "slider.css";
@import "carousel-backend.css";
 

/* =Theme customization starts here
------------------------------------------------------- */
@import url(http://fonts.googleapis.com/css?family=Comfortaa:400,300,700);
/*font-family: 'Comfortaa', cursive;*/
@import url(http://fonts.googleapis.com/css?family=Josefin+Sans:100,300,400,600,700,100italic,300italic,400italic,600italic,700italic);
/*font-family: "Gill Sans MT", Arial, Helvetica, sans-serif;*/
@import url(http://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700,700italic,900,900italic);
/*font-family: 'Roboto', sans-serif;*/
@import url(http://fonts.googleapis.com/css?family=Lato:100,300,400,700);




@font-face {
    font-family: 'josefin_sanslight';
    src: url('fonts/JosefinSans-Light-webfont.eot');
    src: url('fonts/JosefinSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/JosefinSans-Light-webfont.woff') format('woff'),
         url('fonts/JosefinSans-Light-webfont.ttf') format('truetype'),
         url('fonts/JosefinSans-Light-webfont.svg#josefin_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;
	

}

@font-face {
  font-family: 'Gill Sans MT';
  src: url('fonts/gillsansmtpro-light-webfont.eot') format('eot'), url('fonts/gillsansmtpro-light-webfont.woff') format('woff'), url('fonts/gillsansmtpro-light-webfont.ttf') format('truetype');
}

/* =============================================================================
   Global styles for hyperlinks.
   ========================================================================== */

a {
	color: #b8b8b8;
	text-decoration: none;
}

a:hover, a:active {
	text-decoration: none;
}

/* =============================================================================
   Clearfix
   ========================================================================== */

.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

/* =============================================================================
   General Content Styles
   ========================================================================== */

body {
	font-family: "Source Sans Pro", "Helvetica", "Arial", sans-serif;
	font-size: 16px;
	color: #b8b8b8;
	font-weight: 400;
	margin: 0;
	padding: 0;
	background: #000;
	background-color: #000;
}
html, body {
  height: 100%;
  padding:0px;
  margin:0px;
}
#body-slider-on {
	overflow:hidden;
	height:660px;
}
#masthead {
}
.wrapper {

	padding: 50px 10px 0;
	margin: 0 0 0 150px;
	font-size: 1.2em;
	line-height: 1.5em;
}


input, textarea {
	box-shadow: none;
	border-radius: 0;
}

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

.sticky {
	display: block;
}

.gallery-caption {
	display: block;
}

.bypostauthor {
	display: block;
}

.alignnone {
	margin: 0;
}

.aligncenter,
div.aligncenter {
	display: block;
	margin: 0 auto 0 auto;
}

.alignright {
	float:right;
	margin: 0;
}

.alignleft {
	float: left;
	margin: 0;
}

a img.alignright {
	float: right;
	margin: 0;
}

a img.alignnone {
	margin: 0;
}

a img.alignleft {
	float: left;
	margin: 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: 5px 20px 20px 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: 100%;
	padding: 0;
	width: auto;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	margin: 0;
	padding: 0 4px 5px;
}

.widget-title {
	margin: 0 0 10px 0;
	padding: 0 15px;
}

.nav-previous a, .nav-next a {
	display: block;
	color: #EEE;
	font-weight: 600;
	font-size: 14px;
	background: #222;
	padding: 5px 15px;
}

.nav-previous a:hover, .nav-next a:hover {
	color: #FFF;
}

/* =============================================================================
   Header
   ========================================================================== */

.site-header {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	width: 160px;
	text-align: left;
	padding: 40px 10px 0 20px;
	box-shadow: inset -6px 0 7px -6px rgba(0,0,0,0.3);
	text-shadow: 0 1px 0 rgba(0,0,0,0.2);
	overflow: auto;
	overflow-y:hidden;
}



.header-content {
	max-width: 600px;
	margin: 0 auto;
	position: relative;
	padding-bottom: 30px;
}

.site-header img {
	width: auto;
	height: auto;
	max-width: 100%;
	border: none;
}

/* =============================================================================
   Blog Title & Description
   ========================================================================== */

.site-title {
	margin: 0 0 0px 0;
	padding-top:35px;
	padding-bottom:40px;
	line-height: 1.1em;
	overflow: hidden;
	position:absolute;
	width:100%;
	z-index:2;
	
}

.site-title a {
	color: #575757;
}
div.site-title {
	padding-left:20px;
	position:fixed;
	z-index:9999999;
	background-color:#000;
}

@media (max-width: 799px) {
	div.site-title {position:relative;z-index:1;} .main-navigation {margin-top:20px;}
	.site-title {overflow:visible;width:90%;margin:auto;margin-bottom:0px;padding-bottom:10px;text-align: center;}
}

@media (max-width: 794px) {div.photographer img{margin-top:10px;}}
@media (max-width: 920px) {div.site-title {}}
@media (max-width: 698px) {.site-title {margin-top:15px;}}
@media (max-width: 530px) {div.site-title {padding-left:0px;}.site-title {margin-top:5px;} div.photographer img{margin-top:5px;}}

	
.gavin-oneil {display:inline;letter-spacing:1px;max-width:315px;}
.photographer {display:inline;color:#393939;margin-left:15px;letter-spacing:1px;max-width:361px;}
.gavin-oneil img{width:100%;max-width:315px;}
.photographer img{width:100%;max-width:361px;}
@media (max-width: 480px) {.photographer {margin-left:0px;}}
.site-description {
	margin: 0 0 10px 0;
	font-weight: normal;
	font-size: 18px;
	overflow: hidden;
}

/* =============================================================================
   Search Form
   ========================================================================== */

#searchform {
display:none;
	padding: 10px 30px 5px 0;
	position: relative;
}

#searchform label {
	position: absolute;
	right: 10px;
	top: 16px;
	color: #000;
	opacity: 0.2;
	cursor: text;
}

#searchform input[type=submit] {
	display: none;
}

#searchform input[type=text] {
	border: none;
	background: #FFF;
	width: 100%;
	margin: 0;
	padding: 10px 15px;
	box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
}

/* =============================================================================
   Main Menu
   ========================================================================== */

.main-navigation {
	padding: 10px 0 5px 0;
	margin: 80px 0 0 0;
	word-wrap: break-word;
	overflow: hidden;
}

.main-navigation ul {
	margin: 0;
	padding: 0;
}

.main-navigation li {
	list-style: none;
	margin-bottom: 1px;
	padding: 0;
	float: none;
	display: block;
}

.main-navigation li a {
	display: block;
	padding: 5px 15px;
	line-height: 26px;
	background: rgba(0,0,0,0.05);
	color:#3d3d3d;
}

.main-navigation .current_page_item a {
	background: rgba(0,0,0,0.1);
}

.main-navigation li a:hover {
	text-decoration: none;
	background: rgba(0,0,0,0.1);
}


/* =============================================================================
   Comment Form
   ========================================================================== */

#commentform p {
	padding-right: 22px;
	font-size: 16px;
}

#commentform input, #commentform textarea {
	border: 1px solid #DDD;
	padding: 10px;
	width: 100%;
}

#commentform textarea {
	resize:vertical;
}

#commentform input[type=submit] {
	background: #f6f6f6;
	background: -moz-linear-gradient(top, #f6f6f6 0%, #e9e9e9 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f6f6), color-stop(100%,#e9e9e9));
	background: -webkit-linear-gradient(top, #f6f6f6 0%,#e9e9e9 100%);
	background: -o-linear-gradient(top, #f6f6f6 0%,#e9e9e9 100%);
	background: -ms-linear-gradient(top, #f6f6f6 0%,#e9e9e9 100%);
	background: linear-gradient(to bottom, #f6f6f6 0%,#e9e9e9 100%);
	width: auto;
	padding: 10px 30px;
	color: #333;
	font-weight: bold;
	cursor: pointer;
}

#commentform label {
	display: block;
}

.required {
	color: #fff;
}

/* =============================================================================
   Comments
   ========================================================================== */

.commentlist {
	padding: 0;
	margin: 0;
	list-style: none;
}

.avatar {
	border-radius: 50%;
	vertical-align: middle;
	margin: 0 10px 0 0;
}

.reply {
	font-size: 16px;
	margin-top: -20px;
}

.comment-date {
	border-bottom: 1px dotted #999;
	color: #666;
}

/* =============================================================================
   Posts List
   ========================================================================== */

.wrapper h1,
.wrapper h2,
.wrapper h3,
.wrapper h4,
.wrapper h5,
.wrapper h6 {
	color: #222;
}
.site-content {
	margin-top:70px;	
}
.site-content p {
	margin-bottom: 1.5em;
}

.site-content img {
	height: auto;
	width: auto;

	border: none;
}

.entry-title {
	font-size: 2.4em;
	line-height: 1.1em;
}

.entry-title a {
	color: #333;
}

.entry-date {
	margin-top: -2.4em;
	font-size: 14px;
	font-style: italic;
}

.comments-link, .comments-link a {
	color: #333;
}

.site-content .post {
	word-wrap: break-word;
}

.post .entry-meta {
	border-bottom: 1px dotted #ccc;
	clear: both;
}

.post:last-of-type .entry-meta {
	border: none;
}

/* =============================================================================
   Footer
   ========================================================================== */

.footer {
	margin: 0 0 0 0px;
	padding: 0 0px 0px;
	width:100%;
	text-align:right;
	float:right;
	position:static;
	margin-bottom:15px;
	height:40px;
}

.footer-content {
	border-top: 0px dotted #ccc;
	width:100%;
	float:right;
	padding-top:0px;
	color:#3d3d3d;
}

.the-footer-links {display:inline-block;color: #3d3d3d;font-family: "Helvetica", Arial, sans-serif;font-size:16px;max-width:800px;-webkit-text-stroke: 0.5px;height:10px;margin-bottom:10px;float:none;text-align:top;}
.the-footer-links a {color: #3d3d3d;-webkit-text-stroke: 0.5px;}
.the-footer-links a:hover {color: #b8b8b8;-webkit-text-stroke: 0.5px;}
.gavin-link {margin-left:20px;}

.social-share-buttons {
	width:25px;
	height:25px;	
	background-image: url(http://www.gavinoneill.com/wp-content/uploads/2014/04/share.png);
	background-size:contain;
}

.dc-social-float .tab {visibility:hidden;}
.dc-social-float-content ul li {list-style:none;padding-bottom:20px;}  
@media (max-width: 470px) {
	.gavin-link {margin-left:10px;}
	.the-footer-links {height:5px;width:auto;font-size:10px;text-align:top;}
	.footer-content {}
	.footer {margin-bottom:30px;}
	.social-share-buttons {width:25px;height:25px;}
}
.page-wrap {
  min-height: 100%;
  /* equal to footer height */
  margin-bottom: -40px; 
}
.page-wrap:after {
  content: "";
  display: block;
}
.site-footer, .page-wrap:after {
  /* .push must be the same height as footer */
  height: 40px; 
}
.site-footer {
  background: black;
  text-align:right;
  padding-right:20px;
}
div.footer-content {width:100%;}
.footer p {
	padding: 0;
}

.footer .credits {
	font-size: 14px;
}

/* =============================================================================
   Responsive
   ========================================================================== */
.wrapper-content {padding-top:10px;min-height:354px;margin-bottom:10px;display:box;}
@media (max-width: 799px) {
	.site-header {
		padding: 5px 30px 0;
		position: relative;
		width: auto;
		box-shadow: inset 0 -6px 7px -6px rgba(0,0,0,0.3);
	}

	.header-content {
		max-width: none;
		padding-bottom:0px;
	}

	.main-navigation {
		padding-bottom: 0;
		margin-top:20px;
	}

	.main-navigation li {
		float: left;
		padding: 0 5px 0 0;
		margin-bottom: 5px;
		list-style: none;
	}

	.wrapper {
		margin: 0;
		padding: 0 0px;
	}
	.site-content {
		margin-top:30px;
	}

	.footer {
		padding: 0 30px 30px;
		margin: 10px;
		float:none;
	}
	.contact-navigation ul li {list-style:none;margin-left:-15px;display:inline;line-height:40px;}
	.contact-navigation ul li a {padding: 5px 15px;}

}


@media (max-width: 356px) {
	.main-navigation li:nth-child(2n+0) {float:right;}
	.main-navigation {background-image:url(/uploads/2014/04/spacer-menu.jpg);background-repeat:repeat-y;background-position:center;}
	
}

/* =============================================================================
   Sidebar/Header Colors
   ========================================================================== */

.site-header {
	background: #778899;
	color: #b8b8b8;
	text-shadow: 0 1px 0 rgba(0,0,0,0.2);
}

.site-header a {
	color: #b8b8b8;
}

a {
	color: #b8b8b8;
}

/* =============================================================================
   Dark Theme
   ========================================================================== */

.dark .site-header {
	background: #000;
	color: #FFF;
	text-shadow: 0 1px 0 rgba(0,0,0,0.2);
	width:140px;
	padding-right:0px;
	padding-top:40px;
	margin-top:0px;
	height:655px;
  -o-transition:color 0.3s ease-out, background 0.3s ease-in;
  -ms-transition:color 0.3s ease-out, background 0.3s ease-in;
  -moz-transition:color 0.3s ease-out, background 0.3s ease-in;
  -webkit-transition:color 0.3s ease-out, background 0.3s ease-in;
  /* ...and now override with proper CSS property */
  transition:color .2s ease-out, background .3s ease-in;
}
.dark .site-header:hover {background: #000;}
.dark .site-header a {font-family: "Gill Sans MT", Arial, Helvetica, sans-serif;font-weight:300;-webkit-text-stroke: 0.5px;}
.dark .site-header a:hover {color: #b8b8b8;-webkit-text-stroke: 0px;}
.menu-themenu-container .current_page_item a:link, .menu-themenu-container .current_page_item a:visited {color: #b8b8b8;-webkit-text-stroke: 0px;background-color:transparent;}

/* div hover change menu color */
.dark .site-header:hover .main-navigation li a {
	color:#b8b8b8;-webkit-text-stroke: 0px;
	-o-transition:color 0.3s ease-out;
  -ms-transition:color 0.3s ease-out;
  -moz-transition:color 0.3s ease-out;
  -webkit-transition:color 0.3s ease-out;
  /* ...and now override with proper CSS property */
  transition:color .3s ease-out;
  }
.dark .site-header:hover .main-navigation li a:hover {color:#fff;-webkit-text-stroke: 0px;}
.dark .site-header:hover ul.contact-menu li a{color:#b8b8b8;-webkit-text-stroke: 0px;}
.dark .site-header:hover ul.contact-menu li a:hover{color:#fff;-webkit-text-stroke: 0px;}
/* end of that */

.menu-themenu-container ul li {width:100%;}
.hobbajooba a {color:#fff;}
.contact-navigation {margin-left:0px;margin-top:140px;}
.contact-navigation ul li {list-style:none;margin-left:none;}
.contact-navigation ul {margin-left:none;padding-left:0px;}
.contact-navigation .current_page_item a:link, .contact-navigation .current_page_item a:visited {color: #b8b8b8;-webkit-text-stroke: 0px;}
ul.contact-menu li {padding-top:5px;}
#mobmenuleft .current_page_item a:link, #mobmenuleft .current_page_item a:visited {color: #b8b8b8;-webkit-text-stroke: 0px;}
ul.contact-menu li a{color:#3d3d3d;}
ul.contact-menu li a:hover{color:#b8b8b8;}
ul.nav-menu li {}
ul.nav-menu li a{padding:2px;background-color:transparent;}
ul.nav-menu li a:hover {background-color:transparent;}

.sub-menu { display: none;}
.current_page_item .sub-menu, .current_page_parent .sub-menu{ display: block;margin-left:30px;background-color:transparent;}
.current_page_item .sub-menu li a:link, .current_page_item .sub-menu li a:visited{color:#b8b8b8;-webkit-text-stroke: 0px;font-size:11px;background-color:transparent;}
.current_page_item .sub-menu li:nth-child(2) a:link, .current_page_item .sub-menu li:nth-child(2) a:visited{color:#3d3d3d;font-size:11px;background-color:transparent;}
.current_page_item .sub-menu li:nth-child(3) a:link, .current_page_item .sub-menu li:nth-child(3) a:visited{color:#3d3d3d;}
.current_page_item .sub-menu li:nth-child(4) a:link, .current_page_item .sub-menu li:nth-child(4) a:visited{color:#3d3d3d;}
ul.sub-menu li:nth-child(2) a:hover {color:#b8b8b8;}

ul.sub-menu li a {font-size:11px;}


.sub-menu li{display:inline;position:relative;float:left;}
ul.sub-menu {margin-bottom:30px;}
ul.sub-menu li {width:40px;height:10px;padding:0px;margin:0px;margin-right:5px;}
ul.sub-menu li a{padding:0px;margin:0px;height:10px;}
ul.sub-menu li a:hover{-webkit-text-stroke: 0px;}



.current_page_parent #mobmenuleft  li > ul { display:block;margin-left: 0px;}
ul.sub-menu li < .current_page_item  a:link, ul.sub-menu li < a:visited{color:#3d3d3d;}
ul.sub-menu li:nth-child(2) > .current_page_item  a:link, ul.sub-menu li:nth-child(2) > a:visited{color:#3d3d3d;}
#mobmenuleft li ul {margin-left:0px;}
#mobmenuleft li a:hover{-webkit-text-stroke: 0px;}

/* ===========================================================================================
   super carousel edits
   =========================================================================================== */

/*
.supercarousel_wrapper {overflow-x:scroll;}
*/

.supercarousel_wrapper {overflow-x:scroll;  height:600px;-webkit-overflow-scrolling: touch; }
.supercarousel .supercarousel_wrapper {overflow:hidden;}


/* =============================================================================================
	for moblie menu
============================================================================================ */
	
.mobile-menu {display:none;}

.mobile-menu {
	float:left;
	width:320px;
	background-color:#333;
	z-index:99999999;
	position:fixed;
	height:900px;
	margin-left:0px;
}
ul.mobile-side li {list-style:none;}
ul.mobile-side li a {color: #3d3d3d;font-family: "Gill Sans MT", Arial, Helvetica, sans-serif; font-size:14px; font-weight:300;}
ul.mobile-side li a:hover {color: #b8b8b8;}

.slide-button {
	display:none;
	z-index:999999999;
	float:right;
	cursor:pointer;
}


@media (max-width: 799px) {.mobile-menu {display:inline-block;} .header-content{display:none;} .slide-button {display:inline;} .dark .site-header {display:none;}}

#mobmenuleft li a {color: #3d3d3d;font-family: "Gill Sans MT", Arial, Helvetica, sans-serif;font-weight:300;-webkit-text-stroke: 0.5px;}

#mobmenuleft li a:hover {color: #b8b8b8;}




/*-----------------contact form--------------------*/
.contact-form-text {
	display:inline;
	float:left;
	height:60px;
	position:relative;
	line-height:12px;
}
.contact-form-box {
	display:inline;
	float:right;
	height:60px;
	position:relative;
}
.wpcf7-form {
	max-width:400px;
	margin-top:130px;
	float:none;
	height:500px;
	color: #555454;font-family: "Gill Sans MT", Arial, Helvetica, sans-serif;font-size:16px;font-weight:300;-webkit-text-stroke: 0.5px;
	line-height:14px;
}
.wpcf7-form a {
	color: #555454;font-family: "Gill Sans MT", Arial, Helvetica, sans-serif;font-size:16px;font-weight:300;-webkit-text-stroke: 0.5px;
}
.wpcf7-form a:hover {
	color: #fff;
}

.wpcf7-textarea {
	max-width:269px;
}
.wpcf7-text {
	max-width:269px;
	height:30px;
}
.wpcf7-submit {margin-top:86px;}
@media (max-width: 799px) {.wpcf7-form {margin-top:20px;}}
@media (max-width: 453px) {
.wpcf7-textarea {max-width:269px;}
.contact-form-box {float:left;}
.wpcf7-form {width:269px;}
.wpcf7-submit {margin-top:108px;}
.wpcf7-form {height:640px;}
}

div.wpcf7-validation-errors {
	background-color:#000;
	border:0px;	
	z-index:99999999;
	float:left;
	position:absolute;
}
div.wpcf7-mail-sent-ok {
	background-color:#000;
	border:0px;	
	z-index:10;
	float:left;
	position:absolute;
}


.contact-wrapper {color: #898686;font-family: "Gill Sans MT", Arial, Helvetica, sans-serif;font-size:16px;font-weight:300;line-height:14px;max-width:800px;-webkit-text-stroke: 0.3px;padding-left:30px; line-height:18px;}
.contact-wrapper a {color: #898686;font-family: "Gill Sans MT", Arial, Helvetica, sans-serif;font-size:16px;font-weight:300;-webkit-text-stroke: 0.3px;}
.contact-wrapper a:hover {color: #b8b8b8;-webkit-text-stroke: 0px;}

.bio-wrapper {color: #898686;font-family: "Gill Sans MT", Arial, Helvetica, sans-serif;font-size:16px;font-weight:300;line-height:16px;max-width:800px;margin-top:128px;-webkit-text-stroke: 0.3px;padding-left:30px;}
.bio-wrapper a {color: #898686;font-family: "Gill Sans MT", Arial, Helvetica, sans-serif;font-size:16px;font-weight:300;-webkit-text-stroke: 0.3px;}
.bio-wrapper a:hover {color: #b8b8b8;-webkit-text-stroke: 0px;}

@media (max-width: 799px) {.bio-wrapper  {margin-top:20px;} .contact-wrapper  {margin-top:20px;}}

.link-pic { vertical-align:middle;margin-right:10px;}

.mobmenu_content {
	overflow:hidden;}
	
#mobmenu-center img{border:0px;padding:0px;}

.fade {
   opacity: 1;
   transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
   }

   .fade:hover {
      opacity: 0.5;
      }
	  
#hideAll
 {
   position: fixed;
   left: 0px; 
   right: 0px; 
   top: 0px; 
   bottom: 0px; 
   background-color: white;
   z-index: 99; /* Higher than anything else in the document */

 }
 

#preloader {
    position:fixed;
    top:0;
    left:150px;
    right:0;
    bottom:0;
    background-color:#000; /* change if the mask should have another color then white */
    z-index:999999; /* makes sure it stays on top */
}
@media (max-width: 799px) {#preloader {left:0px;Display:block;background-color:transparent;} #body-slider-on {height:420px;}}
#status {
    width:30px;
    height:30px;
    position:absolute;
    left:50%; /* centers the loading animation horizontally one the screen */
    top:50%; /* centers the loading animation vertically one the screen */
    background-repeat:no-repeat;
    background-position:center;
	z-index:99999999;
}
div.supercarousel_wrapper {max-height:769px;}
div.supercarousel {max-height:769px;}
	div.supercarousel img{max-height:755px;}
.leftmtop {display:none;}


.mCustomScrollBox {
	-webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}

/*-----------------------------Iphone sizes -------------------------------------*/
@media (max-width: 667px)  {
	div.site-title {display:none;}
	.wrapper-content {padding-top:0px;min-height:300px;margin-top:0px;}
	.site-content {margin-top:0px;padding-top:0px;}
	
	#status {left:47%;}
	div.supercarousel_wrapper {max-height:300px;}
	div.supercarousel {max-height:300px;}
	div.supercarousel img{max-height:286px;}
	#body-slider-on {height:324px;}
	.gavin-text-link {}
	.gavin-link {margin-bottom:10px;}
	.leftmtop {display:block;}
	ul.sub-menu li { height: 40px; }
	
}

@media (max-width: 460px)  {#status {left:47%;}
	div.site-title {display:none;}
	div.supercarousel_wrapper {max-height:445px;}
	div.supercarousel {max-height:445px;}
	div.supercarousel img{max-height:431px;}
	.wrapper-content {min-height:354px;}
	#body-slider-on {height:454px;}
	.footer {position:absolute;}
	.site-footer, .page-wrap:after {
  		/* .push must be the same height as footer */
  		height: 10px !important; 
  		padding-top:20px;
	}
}

@media (max-width: 380px)  {#status {left:47%;}
	div.site-title {display:none;}
	div.supercarousel_wrapper {height:445px;}
	div.supercarousel {height:445px;}
	div.supercarousel img{height:433px;}
	.wrapper-content {height:auto;}
	#body-slider-on {height:354px;}
	.footer {position:absolute;margin-bottom:20px;}
}


/*------------------new gallery css----------------------*/
#gallery-1 {
	width:10000px;
	
	max-height:600px;
}
.new-galler-wrapper {
	width:100%;
	max-height:600px;
	overflow-x:scroll;
	overflow-y:hidden;
}
ul.sprcrsl-admin.img-panel{
	max-width:30%;
}