@media screen and (max-width: 767px) {
  .main-content{ padding: 20px;}
  .navbar-nav {
    margin:0;
  }
  /* General styles for all menus */
  .cbp-spmenu {
    background: transparent;
    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;
	top: 20px;
  }
  .cbp-spmenu-right {
    right: -260px;
  }
  .cbp-spmenu-left.cbp-spmenu-open {
	background: #transparent;
    left: 0px;
	top: 20px;
  }
  .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 .open .dropdown-menu > li > a:hover{
	color: #fff;
    background-color: #ecf5f4;
  }
  .navbar-default .navbar-nav > li > a{
    border-left: 1px solid transparent;
	border-bottom: 1px solid #fff;
	padding: 15px 20px;
	background: #737373;
  }
  .navbar-default .cbp-spmenu-open  .navbar-nav > li > a{
    color: #b6ddfb!important;
  }
  .navbar-default .cbp-spmenu-open  .navbar-nav > li > a:hover{
    color: #ffffff!important;
  }
}
@media screen and (max-width: 667px) {
	.click a{ font-size: 20px!important; display: block; }
	.main-content{ background: url(../images/bgtexture.jpg) #fff 0 0 no-repeat!important; padding: 40px 35px 40px!important;}
}
@media screen and (max-width: 562px) {
	.subpage .left, .subpage .right{ width: 100%!important; padding-bottom: 15px;}
	.content-left{ width: 100%!important; float: left}
	.content-right{ width: 100%!important; float: right; padding-right: 0!important; margin-top: 20px;}
	.click a{ font-size: 18px!important; display: block; }
	.spage p{ padding:0!important;}
	.registration ul{ margin-left: 30px!important;}
	section.slider{ width: 100%!important; height: auto;}
	.speakers .sleft{ width: 30%!important; margin: 0 auto 20px!important; padding-right: 10px;}
	.speakers .sright{ width: 68%!important; }
	.speakers .c { margin: 0!important; }
	.prog h4{ margin-left: 0!important;}
	.main-content{ background: url(../images/bgtexture.jpg) #fff 0 0 no-repeat!important; padding: 40px 25px 40px!important;}
}

@media screen and (max-width: 420px) {
	body{ margin: 3px!important;}
	.logo{width: 100%!important;  margin-top: 0!important; }
	.content-right{ padding-left: 0;}
	.footer{ padding: 4px 5px!important;}	
	.slideshow-wrapper{ width: 100%!important}
	.sponsor img{ width: 75%!important}
	.topNav ul{ padding: 0 1px!important}
	.topNav ul li{ padding: 2px 3px!important}
	.spage p{ text-align: left; padding:0!important;}
	.c{ padding: 20px 10px 20px; margin: 0!important}
	.spage .sponsor p{ padding: 10px 0!important;}
	.content-left{ width: 100%!important; float: left}
	.content-right{ width: 100%!important; float: right; padding-right: 0!important; margin-top: 20px;}
	.click a{ font-size: 14px!important; padding: 20px 10px!important; display: block;}
	.registration ul{ margin-left: 0!important;}
	section.slider{ width: 100%!important;}
	.gallery .flexslider { border: 5px solid #fff!important}
	.gallery  #carousel img{ padding: 3px 3px}
	.speakers .sleft{ width: 85%!important; margin: 0 auto 20px!important;}
	.speakers .sleft .flexslider .slides img{ text-align: center;}
	.speakers .sright{ width: 100%!important; }
	.pdf-links2{ display: inline!important; float: left; width: 100%; margin-top: 30px; text-align: center;}
	.pdf-links{ display: none}
	.speakers .c{ width: 100%!important}
	.prog h4{ margin-left: 0!important;}
	.banner .mlogo{ display: block!important}
	.banner .logo{ display: none!important;}
	.main-content{ background: url(../images/bgtexture.jpg) #fff 0 0 no-repeat!important; padding: 40px 15px 40px!important;}
}

/*Additional Styles*/
body { 
  font: 12px/18px Verdana, Arial, Helvetica, sans-serif; 
  color: #666666; 
  background: url(../images/gradientbgS.gif) top repeat-x;
}
.content{ 
  background: #fff; 
  float: left; 
  width: 100%;
}
.homepage{ 
  background: #fff; 
  float: left; 
  width: 100%; 
}
.homepage p{ 
  color: #666666;
}
.fullwidth{ 
  background:#fff; 
  float: left; 
  width: 100%;  
  border-bottom: 1px dashed #b5b6b6;
}
.main-content{ 
  background: url(../images/bgtexture.jpg) #fff 75px top no-repeat; 
  padding:40px 150px 40px;
}
.topNav { 
  text-align: right;
}
.topNav ul {  
  width: 100%; 
  background: #737373; 
  padding: 1px 67px 1px 0; 
  margin: 0;
}
.topNav ul li {
 list-style: none; 
 display: inline; 
 padding: 2px 8px; 
}
.topNav ul li a {font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 11px; color: #b6ddfb;; text-align: right; 
  text-decoration: none; 
  font-weight: bold;
}
.topNav ul li a:hover{
  color: #fff;
}
.content h3{ 
  font-weight: bold; 
  font-size: 14px;
}
.main-content h4{ 
  padding: 20px; 
  margin-top: 0px;
  text-align: center;
}
.main-content h2{ 
 font: 18px/20px Verdana, Arial, Helvetica, sans-serif;
 color: #444444;
 padding: 15px 0 12px;
 text-decoration: none;
}
.footer { 
  width: 100%; 
  float: left;
}
.footer p{
 text-align: center;
 color: #545454;
 font-size: 11px;
 line-height: 17px;
 margin: 0;
 padding: 7px 0  0; 
}
.ib{ 
  float: left;
  margin-top: 2px;
}
.bmenu { 
  float: right
}
.banner .mlogo{ 
  display: none
}
.logo, .mlogo{
  width: 100%;
}
.mlogo{ 
  text-align: center
}
.title{
  background: #fff;
  text-align: center;
  width: 100%;
}
.title img{ 
  width: 100%; 
  max-width: 750px; 
  height: auto;
}
.banner{
  background: #fff;
}
li.strong{
	font-weight: bold;
}
@media (min-width: 1200px){
.container {
    width: 900px;
	
 }
 .navbar-nav {
  padding: 0 65px 5px!important;
 }
}
@media (min-width: 768px){
 .container {
    padding: 0;
 }
@media (min-width: 991px){
 .navbar-nav {
	padding: 0 105px 5px;
	width: 100%;
  }
}