/* Mobile
================================================== */
a#navigation-toggle { height: 50px; line-height: 50px; margin: 0; float: left; cursor: pointer; color: #888; padding-left: 0; font-weight: 600; position: relative; z-index: 9; text-decoration: none !important; font-size: 1.1em;}
a#navigation-toggle .fa { margin-right: 0; }
#navigation-toggle { color: #8b8b8b; }
#navigation-toggle:hover { color: #000; }
#sidr-main { font-family: 'Helvetica Neue', Helvetica, Arial; position: absolute; position: fixed; top: 51px; height: 100%; z-index: 999999; width: 100%; overflow-x: none; overflow-y: auto;font-size: 1.0em; background: #222; color: #fff;}
#sidr-main { padding: 30px 30px 30px; font-size: 16px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.sidr.right { left: auto; right: -320px; }
.sidr.left { left: -320px; right: auto; }
#sidr-main a { color: #707070; }
#sidr-main a:hover { color: #fff; }
#sidr-main ul a { display: block; border-bottom: 1px solid #333; padding: 7px 0; font-weight: 400;}
#sidr-main ul li ul { margin-left: 0; margin: 0;}
#sidr-main ul li ul li a { padding-left: 10px;}
#sidr-main ul li ul li li a { padding-left: 20px;}
#sidr-main ul li ul li li li a { padding-left: 30px;}
#sidr-main ul li ul li a:before { content: ''; display: inline-block; -webkit-font-smoothing: antialiased;color: #888; margin-right: 10px; }
.sidr-class-toggle-sidr-close:before {position: absolute; top:30px; left: 30px; content: '  ';color: #fff; margin: 0;}

/* Smaller Then Desktop
================================================== */
@media only screen and (max-width: 959px) {
	a#navigation-toggle { display: block; }
	#site-navigation #main-menu > ul{ display: none; }
}

/* Tablet (Portrait)
================================================== */
@media only screen and (min-width: 768px) and (max-width: 959px) {
	.container { max-width: 85%; }
	.left-content { width: 60%; }
	.sidebar-container { width: 36%; }
}

/* Mobile (Portrait & Landscape)
================================================== */
@media only screen and (max-width: 767px) {
	.container { max-width: 480px; width: 90%; }
	.sidebar-container,
	.left-content { width: 100%; }
	.sidebar-container {margin-top: 40px; padding-top: 40px; border-top: 10px solid #eee; }
	.col{ width: 100%; margin-left: 0; margin-bottom: 25px; }
  #homepage-slider-wrap {  max-height: 450px; top: 51px; height:auto;  }
	#preface-wrap { padding: 90px 0 0; }
	.imagecrop-news {height: 100% !important;overflow:visible }
	.imagecrop-news img {margin-top:0}
}

/* Mobile (Landscape)
================================================== */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	.sidr { width: 480px; }
	.sidr.right { right: -480px; }
	#preface-wrap { padding: 90px 0 0; }
	.imagecrop-news {height: 100% !important;overflow:visible }
	.imagecrop-news img {margin-top:0}
  #homepage-slider-wrap {max-height: 450px; top: 51px; height:auto;  }
}

@media only screen and (max-width: 767px) {
  #footer-menu ul li {display: block;list-style: none;border-left: none;padding: 10px;margin-left: 0;border-top: 1px solid #fff;text-align:left;font-weight:bold;}
  #footer-menu .menu li.first {border-top:1px solid #fff;padding:10px;}
  #copyright {padding:0 10px 10px 10px;text-align:left}
  #footer-wrap {background:#eee;padding-top:0}
  #footer-bottom div.row.border-top.pad-top {border:0}
}

@media only screen and (min-width: 1000px) {.flexslider .slides img{ margin-top:  -60px}  .homepage-slide-title  {-webkit-margin-before: 60px !important}}
@media only screen and (min-width: 1200px) {.flexslider .slides img{ margin-top:-120px}  .homepage-slide-title  {-webkit-margin-before:120px !important}}
@media only screen and (min-width: 1400px) {.flexslider .slides img{ margin-top:-170px}  .homepage-slide-title  {-webkit-margin-before:170px !important}}
@media only screen and (min-width: 1600px) {.flexslider .slides img{ margin-top:-220px}  .homepage-slide-title  {-webkit-margin-before:220px !important}}
@media only screen and (min-width: 1800px) {.flexslider .slides img{ margin-top:-240px}  .homepage-slide-title  {-webkit-margin-before:240px !important}}
@media only screen and (min-width: 2000px) {.flexslider .slides img{ margin-top:-280px}  .homepage-slide-title  {-webkit-margin-before:280px !important}}
@media only screen and (min-width: 2200px) {.flexslider .slides img{ margin-top:-340px}  .homepage-slide-title  {-webkit-margin-before:340px !important}}
@media only screen and (min-width: 2400px) {.flexslider .slides img{ margin-top:-400px}  .homepage-slide-title  {-webkit-margin-before:400px !important}}