/******************************
RESPONSIVE STYLES 
******************************/
@media screen and (max-width: 1200px){

	.sub-banner > .cell > .relative:before{
		height: 211px;
	}
}
@media screen and (max-width: 1100px){
	.header-menu .cell:first-child{
    	width: 306px;
	}
	.nav-menu li a {
  	padding: 44px 0 45px;
	}
	.nav-menu{
		display: table;
		width: 100%;
		table-layout: fixed;
	}
	.nav-menu > li{
		display: table-cell;
	}
	.nav-menu > li:last-child{
		width: 234px;
	}
	.logo {
    	width: 280px;
	}
	.events-wrapper .inner-box{
		width: 100%;
	    padding: 0 30px 0 115px;
	}
	.quick-links-wrapper li{
		width: 30%;
	}
	.statistics-wrapper > div {
    	padding: 22px 20px 17px;
	}
	.footer-wrapper{
		padding: 0 20px;
	}
	.sub-banner .inner-box{
	    width: auto;
        padding: 0 20px 110px 20px;
	}
	.sub-banner > .cell{
		text-align: left !important;
	}
}

@media screen and (max-width:1000px) { /* Target Screen Width */
	.header-menu .cell:first-child {
    	width: 252px;
	}
	.header-menu .cell:last-of-type{
		width: 130px;
	}
	.nav-menu > li{
		width: auto;	
	}
	.nav-menu > li > a{
		padding-left: 6px;
		padding-right: 6px;
	}	
	.nav-menu > li:last-child {
    	width: 224px;
    	padding-right: 6px;
	}
	.nav-menu li a{
		font-size: 15px;
	}
	.sub-menu{
		left: 0;
	}
	.logo{
    	width: 226px;
	}
	.signup-wrapper .page .cell:first-child{
		padding: 0 20px;
	}
	.sign-form{
    	padding-right: 20px;
	}
/*
	.quick-links-wrapper li{
		width: 270px;
	}
*/
	.quick-links-wrapper h2{
		margin-bottom: 0;
	}
	.main-content {
    	padding: 60px 40px;
	}
	.search-form > .table > .cell {
  	padding: 0px 25px;
	}
	.banner-grad {
  	padding: 0px 25px;
	}
}

@media screen and (max-width:950px) {
  .quick-links-wrapper li > .table > .cell {
    padding: 30px;
  }
  .quick-links-wrapper li .ico-first-aid{
	  width: 42px;
	  height: 41px;
  }
  .quick-links-wrapper li .ico-hand{
  	width: 35px;
	  height: 45px;
  }
  .quick-links-wrapper li .ico-news{
	  width: 38px;
	  height: 38px;
  }
  .quick-links-wrapper li .overlay {
  	background: rgba(4, 98, 146, 0.75);
  }
  .quick-links-wrapper li .ql-info{
    opacity: 1
  }
  .quick-links-wrapper li .btn{
  	bottom: -25px;
  }
}

@media screen and (max-width:900px) {
	#nav-btn {
		display: block;
    width: 35px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 25px;
	}
	#nav-btn span {
		width: 35px;
		height: 6px;
		background-color: #1c95b8;
		display: block;
		margin: 0 auto 5px;
	}
	#nav-close-btn {
		display: block;
		background: url(../images/icons/close-menu.png) no-repeat;
		width: 28px;
		height: 28px;
		position: absolute;
		margin: 0;
		top: 20px;
    right: 28px;
		z-index: 5;
	}
	.main-nav {
		display: block;
		position: fixed;
		top: 0;
		bottom: 0;
		right: 0;
		z-index: 110;
		max-width: 60%;
		overflow: hidden;
		overflow-y: auto;
		width: 0;
		transition: all 0.6s ease 0s;
		background-color: #00476b;
	}
	#inner .main-nav, .fixed .main-nav {
		padding-top: 0;
	}
	.nav-menu {
		display: block;
	}
	.open .main-nav {
		width: 100%;
		transition: all 0.8s ease 0s;
	}
	.main-nav nav {
		padding: 75px 80px 40px 50px;
		text-align: left !important;
		min-width: 450px;
	}
	.main-nav li {
		display: block;
		text-align: left;
		padding: 0;
	}
	.main-nav, .main-nav nav, .nav-menu,
	.nav-menu > li, .nav-menu li a{
		height: auto;
	}
	.nav-menu > li:first-child{
		background: transparent;
	}
	.nav-menu > li:last-child{
		width: 100%;
		padding-right: 0;
		background: transparent;
	}
	.nav-menu > li > a {
		box-shadow: 0px 1px rgba(255, 255, 255, 0.1);
		border-bottom: 1px solid #042b3e;
		color: #ffffff;
		padding: 10px 30px 10px 15px;
		font: 22px/32px 'Raleway-SemiBold';
		text-transform: capitalize;
	}
	.nav-menu > li.active > a::after, .nav-menu > li > a::after{
		content: none;
	}
	/*.sub-ctrl{
		width: 30px;
		height: 40px;
		background: url(../images/icons/sub-ctrl.png) center no-repeat;
		position: absolute;
		right: 0;
		top: 7px;
		cursor: pointer;
		z-index: 1;

	}
	.sub-ctrl.show{
		-webkit-transform: rotate(90deg);
		-moz-transform: rotate(90deg);
		-ms-transform: rotate(90deg);
		-o-transform: rotate(90deg);
		transform: rotate(90deg);
	}*/
	.sub-menu {
		position: static;
		opacity: 1;
		visibility: visible;
		-webkit-transform: none;
		-moz-transform: none;
		transform: none;
		background: none;
		padding: 15px 0 10px 15px;
		width: auto;
		/*display: none;*/
		transition: none;
	}
	.sub-menu li {
		padding-left: 20px;
	}
	.sub-menu li a {
		font-size: 18px !important;
		padding: 6px 0 !important;
	    letter-spacing: 0.5px;
		background: none;
		text-transform: capitalize;
	}
	.sub-menu li a:after{
		content: none !important;
	}
	.main-nav .social{
		display: block;
		padding: 12px 0 0 15px;
	}
	.main-nav .social .fa{
		font-size: 28px;
		margin-right: 10px;

	}
	.main-nav .btn{
		border: none;
		margin: 10px 0 0 15px;
		color: #252525;
		padding: 10px 30px;
	}
	.main-nav .btn:hover{
		background: #c1a144;
		color: #252525
	}
	#header{
		height: 0;
	}
	.header-menu{
		padding: 0 20px;
		background-color: #fff;
	}
	.header-menu .cell:last-of-type{
		width: 100%;
		padding-right: 55px;
		background-color: transparent;
		color: #1c95b8;
		text-align: right !important;
	}
	.fixed .header-menu .cell:first-child, .fixed .logo,
	#inner .header-menu .cell:first-child, #inner .logo,
	.header-menu .cell:first-child, .logo{
		width: 200px;
		padding-left: 0;
	}
	#innher .header-menu,
	.fixed .header-menu,
	.header-menu{
		height: 75px;
	}
	.events-wrapper .inner-box {
    	width: 100%;
    	padding: 0 20px 0 55px;
	}
	.btn-play{
	    width: 89px;
    	height: 90px;
    	background-size: cover;
	}
	.sign-form input:nth-child(3) {
	    width: 32%;
	}
	.sign-form input:nth-child(4) {
    	width: 22%;
	}
	.statistics-wrapper h3{
		font-size: 24px;
	}
	.statistics-wrapper h3 span{
		font-size: 48px;
		margin-bottom: 0;
	}
	.statistics-wrapper .icon:before{
		width: 65px;
		left: -69px;
	}
	.statistics-wrapper .icon:after{
		width: 65px;
		right: -69px;
	}
	.main-content aside.col-right.sidebar {
    width: 38%;
    padding-left: 55px;
  }
  #inner #main {
    padding-top: 75px;
  }
  .header-menu > .table {
    background-color: transparent;
  }
  .nav-menu > li:nth-child(2) {
    background: transparent !important;
  }
}

@media screen and (max-width:770px) { /* Tablet View */

	
	/* iOS Clicking Fix */
	body {
		cursor: pointer;
	}
	.header-wrapper{
		position: fixed !important;
	}
	.banner-text{
    	max-width: 320px;
    	width: 100%;
    	margin: 0 auto;
	}
	.banner-text .large-text{
    	font-size: 36px;
	}
	.banner-text h1{
		font-size: 36px;
		line-height: 42px;
	}
	.banner-text .large-text span{
	    font-size: 28px;
	}
	#inner .banner-text {
  	right:0px
	}
	.quick-links-wrapper {
	    padding: 50px 20px 30px;
	    color: #fff;
	    background: url(../images/layout/striped.png) #b4c24f;
	}
	.quick-links-wrapper li{
	    display: block;
    	width: 100% !important;
		  margin: 0 !important;
	}
	.quick-links-wrapper li + li {
  	margin-top: 55px !important;
	}
	.events-wrapper{
		text-align: center;
	}
	.events-wrapper,
	.events-wrapper > .cell,
	.signup-wrapper .table,
	.signup-wrapper .table .cell,
	.statistics-wrapper,
	.statistics-wrapper > .cell,
	.footer-wrapper .table,
	.footer-wrapper .table .cell:first-child,
	.main-content .table,
	.main-content .table .cell{
		display: block;
	}
	.events-wrapper > div:last-child{
		padding: 60px 0 30px;
	}
	.events-wrapper > div:last-child p{
		margin-bottom: 0;
	}
	.events-wrapper .inner-box{
		padding: 0 20px;
	}
	.btn-play{
		top: -106px;
    	left: 50%;
    	margin: 0 0 0 -45px;
	}
	.signup-wrapper{
		height: auto;
		padding: 30px 0 20px;
		text-align: center;
	}
	.signup-wrapper .page .cell:first-child{
	    width: 100%;
	    padding: 0 20px;
	}
	.sign-form input[type="text"]{
	    display: block;
	    width: 85%;
	    margin: 0 auto;
	    padding: 12px 10px 12px 0;
	    font-size: 16px;
	}
	.sign-form input[type="submit"]{
		width: auto;
		margin-top: 20px;
		background: url(../images/layout/striped.png) #b4c24f;
		border-bottom: none;
		padding: 14px 25px 12px;
	}
	#inner .sign-form input[type=submit]{
		background: #1c95b8;
	}
	.footer-wrapper{
		text-align: center;
		padding: 20px;
	}
	.footer-wrapper .cell:first-child{
		width: 100%;
		margin-bottom: 10px;
	}
	.footer-wrapper .table .cell:not(:first-child){
		display: inline-block;
	}
	.footer-wrapper .cell:last-child{
		margin-left: 20px;
	}
	.main-content{
    	padding: 60px 20px;
	}
	.main-content .col-left{
		padding-right: 0;
	}
	.main-content .col-right{
		width: 100%;
	}
	.main-content ul{
		display: inline-block;
	    text-align: left;
	}
	.call-to-action{
	    width: 320px;
    	margin: 0 auto;
	}
	.highslide-container iframe{
		height: 350px;
		width: 100%;
	}
	#events {
  	height: auto;
	}
	#events > .video-placeholder {
  	height: 340px;
	}
	.banner-grad {
    padding: 0px 85px;
  }
  #slider-dots {
    right: 16px;
  }
  .main-content aside.col-right.sidebar {
    width: 100%;
    padding-left: 0;
  }
  #inner .sub-banner.table {
    height: 345px
  }
  #inner .main-content aside.col-right.sidebar {
    padding: 55px 0px 0px 0px;
    text-align: center;
    width: 100%;
  }
  #inner .staff-list {
    text-align: center;
  }
  #inner .staff-list > .staff-profile {
    width: 40%;
  }
  #inner .staff-list > .staff-profile:nth-child(n+3) {
    margin-top: 10%;
  }
  #inner .staff-list > .staff-profile:nth-child(3n-1) {
    margin-left: 0;
    margin-right: 0;
  }
  #inner .staff-list > .staff-profile:nth-child(2n) {
    margin-left: 10%;
    margin-right: 0;
  }
  #inner .logos > img,
  #inner .logos > a {
    margin: 0 auto;
    display: block;
    text-align: center;
  }
  #inner .logos > img + img,
  #inner .logos > a + a {
    margin: 45px auto 0;
  }
  
}

@media screen and (max-width:670px) {
	/* Phone View */
	.main-nav{
		max-width: 80%;
	}
	.banner-text p{
		font-size: 18px;
	}
}
@media screen and (max-width:480px){
	.main-nav{
		max-width: 95%;
	}
	.main-nav nav{
		padding: 75px 20px 40px 20px;
	    min-width: 304px;
	}
	body > div:not(#inner) .banner-text {
	    max-width: 100%;
	}
	body > div:not(#inner) .banner-text .large-text span{
	    width: 260px;
    	margin: 0 auto 7px;
	}
/*
	#inner .banner-text .large-text{
		display: inline-block;
		vertical-align: top;
	}
	#inner .banner-text{
		max-width: 100%;
		text-align: center;
		width: 100%;
	}
	#inner .banner-text .large-text span{
		width: auto;
	}
	#inner .banner-text{
		max-width: 100%;
	}
*/
	.footer-wrapper p:first-child span{
		display: none;
	}
	.footer-wrapper p:first-child a,
	.footer-wrapper strong{
		display: block;
	}
	.quick-links-wrapper .ico-first-aid{
		width: 42px;
		height: 41px;
	}
	.quick-links-wrapper .ico-heart{
		width: 43px;
		height: 41px;
	}
	.quick-links-wrapper .ico-hand {
	    width: 35px;
	    height: 45px;
	}
	.quick-links-wrapper li .btn, 
	.quick-links-wrapper li .ql-info {
	    height: auto;
	    overflow: visible;
	    opacity: 1;
	}
	.quick-links-wrapper li .btn {
	    bottom: -23px;
	}
	.video-placeholder a {
	    opacity: 1;
	    visibility: visible;
	}
	.video-placeholder,
	.video-placeholder iframe,
	.highslide-container iframe{
		height: 250px;
	}
	.banner-grad {
    padding: 0px 15px;
  }
  
  #slider-dots {
    height: 23px;
    width: 100%;
    text-align: center;
    top:auto;
    bottom: 35px;
    right: auto;
    transform: none;
  }
  
  #slider-dots ul li {
    display: inline-block;
    width: 23px;
    margin-top: 0px;
  }
  
  #slider-dots ul li {
    margin-left: 7px;
  }
  #events > .video-placeholder {
  	height: 200px;
	}
	
	#inner .sub-banner .inner-box {
	  position: absolute;
	  width: 100%;
	  z-index: 9990;
	  top: 0px;
	  left: 0px;
	}
  #inner .sub-banner.table {
    height: 290px
  }
  #inner .banner-text h1 {
	  font-size: 30px;
	  line-height: 32px;
	}
	
	#inner .banner-text h1 span {
	  font-size: 22px;
	}
  #inner .banner-text {
    bottom: 56px;
  }
  #inner .sub-banner > .cell > .relative {
    overflow: hidden;
  }
  #inner .sub-banner > .cell > .relative:before {
    bottom: -30px;
  }
  #inner .staff-list > .staff-profile {
    width: 80%;
    margin: 0 !important;
  }
  
  #inner .staff-list > .staff-profile + .staff-profile {
    margin-top: 45px !important;
  }
  
  .staff-board {
    text-align: center;
  }
  
}
@media screen and (max-width:380px) {
	.fixed .header-menu .cell:first-child,
	.fixed .logo, #inner .header-menu .cell:first-child,
	#inner .logo, .header-menu .cell:first-child, .logo {
	    width: 180px;
	}
	.nav-menu > li > a{
		font-size: 20px;
		line-height: 28px;
	}
	.quick-links-wrapper li,
	.quick-links-wrapper li:last-child,
	.call-to-action{
		width: 280px;
	}
	
	
}