@media screen and (max-width: 767px) {
  .main-content{ padding: 20px;}
  .navbar-nav {
    margin:0;
  }
  /* General styles for all menus */
  .cbp-spmenu {
    background: #f8f8f8;
    position: fixed;
    padding:0;
    margin:0 !important;
    overflow-x:hidden;
    overflow-y:visible;
    display:block;
    visibility:visible;
	width: 100%;
  }
  /* Orientation-dependent styles for the content of the menu */
  .cbp-spmenu-vertical {
    width: 200px;
    height: 100%;
    top: 0;
    z-index: 1000;
  }
  .cbp-spmenu-horizontal {
    width: 100%;
    height: 150px;
    left: 0;
    z-index: 1000;
    overflow: hidden;
  }
  .cbp-spmenu-horizontal h3 {
    height: 100%;
    width: 20%;
    float: left;
  }
  .cbp-spmenu-horizontal a {
    float: left;
    width: 20%;
    padding: 0.8em;
    border-left: 1px solid #258ecd;
  }
  /* Vertical menu that slides from the left or right */
  .cbp-spmenu-left {
    left: -260px;
  }
  .cbp-spmenu-right {
    right: -260px;
  }
  .cbp-spmenu-left.cbp-spmenu-open {
	background: transparent;
    left: 0px;
	margin-top: 30px
  }
  .cbp-spmenu-right.cbp-spmenu-open {
    right: 0px;
  }
  /* Horizontal menu that slides from the top or bottom */
  .cbp-spmenu-top {
    top: -150px;
  }
  .cbp-spmenu-bottom {
    bottom: -150px;
  }
  .cbp-spmenu-top.cbp-spmenu-open {
    top: 0px;
  }
  .cbp-spmenu-bottom.cbp-spmenu-open {
    bottom: 0px;
  }
  /* Push classes applied to the body */
  .cbp-spmenu-push {
    overflow-x: hidden;
    position: relative;
    left: 0;
  }
  .cbp-spmenu-push-toright {
    left: 260px;
  }
  .cbp-spmenu-push-toleft {
    left: -260px;
  }
  /* Transitions */
  .cbp-spmenu,
  .cbp-spmenu-push {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }
  .navbar-default .navbar-nav > li > a{
    border-left: 1px solid transparent;
	border-bottom: 1px solid #fff;
  }
   .content{padding-left: 20px!important;padding-right: 20px!important;}
   .content-right{ padding-left: 10px;}
   .subpage{ padding-left: 15px!important; padding-right: 15px!important}
   .navbar-default .navbar-nav > li > a:hover > ul{display: none!important; border-left: 1px solid #000;}
   
   .navbar-default .navbar-nav > li > a { padding: 5px 16px;}

.dropdown-menu li:hover .sub-menu {
    visibility: visible;
}
.dropdown:hover .dropdown-menu {
    display: block;
}

.nav-tabs .dropdown-menu, .nav-pills .dropdown-menu, .navbar .dropdown-menu {
    margin-top: 0;
}

.navbar .sub-menu:before {
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    border-top: 1px solid #fff;
    left: -7px;
    top: 10px;
}
.navbar .sub-menu:after {
    border-top: 6px solid transparent;
    border-left: none;
    border-right: 6px solid #fff;
    border-bottom: 6px solid transparent;
    left: 10px;
    top: 11px;
    left: -6px;
	}
	
.dropdown-menu > li > a{ 
	width: 100%;
	border-bottom: 0px solid #336b0a;
    border-left: 0px solid #336b0a;
    border-right: 0px solid #336b0a;
	}
.navbar-nav > li > .dropdown-menu{ 
	padding-top: 0!important;
}
.dropdown-menu > li > a.li-first {
    border-top: 0 solid #fff!important;
	}
.splash{ padding: 30px 30px 230px 30px!important; width: 100%; float: left}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover{ border-left: 0px solid #000!important;}
}
p.a-left, p.a-right { font-size: 24px!important; }

@media screen and (max-width: 991px) {
	 .subpage{ padding-left: 55px!important; padding-right: 35px!important}
	 .splash{ padding: 60px 60px 230px 60px!important; width: 100%; float: left}
}
@media screen and (max-width: 420px) {
  .subpage{ padding-left: 10px!important; padding-right: 10px!important}
  .rg{padding-bottom:10px;}
  .c-details, .gmap{ width:100%!important;}
  .c-details{padding-bottom: 15px;}
  .splash{ padding: 30px 15px 230px 15px!important; width: 100%; float: left}
  p.a-left, p.a-right { font-size: 18px!important; }
  a.enter-site{ margin-right: 20px!important;}
  .bullet{width: 7px; height: 8px;}
}
.dropdown-menu .sub-menu {
	background: #ecf5f4;
	color: #6dac9b;
    left: 100%;
    position: absolute;
    top: 0;
    visibility: hidden;
    margin-top: -1px;
	padding: 0;
}
.main-content{ min-height: 560px!important; }

.dropdown-menu li:hover,.dropdown-menu li:active{
	background: #ecf5f4;
	color: #6dac9b;
}

.dropdown-menu li:hover .sub-menu {
    visibility: visible;
}
.dropdown:hover .dropdown-menu {
    display: block;
}

.nav-tabs .dropdown-menu, .nav-pills .dropdown-menu, .navbar .dropdown-menu {
    margin-top: 0;
}

.navbar .sub-menu:before {
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    border-top: 1px solid #fff;
    left: -7px;
    top: 10px;
}
.navbar .sub-menu:after {
    border-top: 6px solid transparent;
    border-left: none;
    border-right: 6px solid #fff;
    border-bottom: 6px solid transparent;
    left: 10px;
    top: 11px;
    left: -6px;
	}

/*Additional Styles*/
.navbar-collapse .right{right:0; }
.navbar-collapse .left{left:0;}
.navbar-brand{padding: 0}
.copyright {
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 10px;
	color: #00713D;
	text-align: center;
	padding-bottom:0;
	padding-top: 20px;
	padding-bottom: 15px;
	margin-bottom: 0;
}
.navbar{
	min-height: 25px;
	float: left!important; width: 100%!important}
}
ul{
	margin:0;
}
.main-content{
	padding-bottom: 20px;
	min-height: 560px;
}

p{ line-height: 1.3!important}
.contact p{ margin-bottom:0;}
.contact{padding-bottom: 150px;}
.presentations{padding-bottom: 60px;}

.space{ background:#336b0a; height: 30px; margin-bottom:0; line-height: 28px;}
h1.title{ color: #e28c02; font-size: 24px; font-weight: normal; margin-top: 8px; margin-bottom: 18px;}
a.enter-site{ color: #28da03; font-family: Calibri, Candara, Segoe, 'Segoe UI', Optima, Arial, sans-serif; font-style: italic; font-size: 22px; float: left;}
 span.arrow{color: #fff!important; font-family: Calibri, Candara, Segoe, 'Segoe UI', Optima, Arial, sans-serif; font-style: italic; font-size: 22px; padding: 0 5px;}
.ib{ float: left; margin-top: 2px;}
.bmenu { float: right}
.enter{float: right; margin-right: 140px;}
p.a-left{ text-align: left; font-size: 32px; font-style: italic; }
p.a-right{ text-align: right; font-size: 32px; font-style: normal;}
.splash{ color: #dd8800; padding: 70px 135px 260px 215px; width: 100%; float: left}
.content-wrap{ width: 100%; max-width: 998px; margin: 0 auto;  }
.container{box-shadow: -10px 0 8px -8px #bbbbbb, 10px 0 8px -8px #bbbbbb}
.subpage{ float: left; padding-left: 213px; padding-right: 100px; padding-bottom: 270px; width: 100%;}
.content{background: url(../images/bg.jpg) no-repeat bottom left #fff; padding: 45px 0 0 0; float: left; width: 100%;}
.rg{float: left; padding-right: 18px;}
.tcenter{ text-align: center}
.list{float: left; padding-bottom: 9px; padding-top: 9px;}
#film{padding-bottom: 15px; padding-top: 5px;}
.yframe{ width: 100%; max-width: 560px; height: 100%;}
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
} 
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
h2, .h2{ color: #767575;}
.film h2{ color: #767575; font-size: 18px;}
.film{max-width: 880px;}
.film ul{margin-top: 15px;}
.video{ width: 100%; float: left; margin-bottom: 15px;}
.yvid{ width: 100%; max-width: 560px;}
.c-details, .gmap{ width:50%; float: left;}
.l-img, .r-img{ width: 50%; float: left; text-align: center;}
.iwrap{width:100%; float: left; padding-bottom: 30px; padding-top: 15px}
.pm ul li{ float: left;}
.pm .iwrap img{padding-bottom: 3px; padding-right: 5px;}
.gmap iframe{width: 100%;}
.navbar-default .navbar-toggle { border-color: #406846; background: #336b0a; color: #28da03; width: 90px; margin-right: 25px; margin-top: 10px; }
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus{ border-left: 1px solid #000;}
.navbar-default .navbar-toggle .icon-bar { background-color: #28da03;}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background-color: #336b0a; color:#fff; }
.footer p{ text-align: center; font-size: 12px;	float: left; width: 100%; margin-top: 5px; }
.pub, .med{width: 100%; float: left;}
.med{padding-top: 30px;}