/* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
@media screen and (max-width: 1200px) {
	#topmenu a, span.off-btn{padding: 20px 0;margin-left: 20px;}
}
@media screen and (max-width: 1024px) {
	#topmenu > .menu{display: none;}
	ul.contacts li { font-size: 14px; margin:10px 10px; line-height: 1;float: right;}
}


@media screen and (max-width: 800px) {
	#topmenu > .menu{display: none;}
	ul.contacts > li > .fa{color: #444;display: inline-block;font-size: 16px;font-weight: 400;padding: 0;text-align: center;text-transform: uppercase;margin-right: 10px;}
	#logo { padding-bottom:0px;padding-top:10px;}
	#logo img{ height:120px; }
}

@media screen and (max-width: 700px) {
ul.socialIcons, ul.contacts {
    margin: 10px 0;
}
}
@media screen and (max-width: 600px) {

  #topnav_wrap{padding-bottom: 15px;}
  #logo img{ height:100px; }

  span.off-btn{padding: 0 0; font-size: 24px;}

  ul.socialIcons li.hours{display: block;}

  ul.socialIcons, ul.contacts{margin:  10px 0;}

  .offcanvas {padding-top: 15px;}

  .offcanvas a {font-size: 18px;}

  ul.contacts li { font-size: 14px; margin:0 10px; line-height: 1;float: right;}

  ul.contacts > li > .fa{border:none; width:10px;}

  .inner{padding-left: 0px;}

  #topmenu > .menu{display: none;}

  #search { padding-right:10px;}

  h3.ja-masthead-title{font-size: 30px; }

  .ja-masthead-description{font-size: 16px;}

  body { font-size: 0.8em; }

  h1,h2,h3{font-size: 110%;}

  dl.article-info{margin-bottom: 25px;}

  dl.article-info dd{display: block}

  dl.article-info dd, .article-info dd{border: none;}

  .bSites,.LSides,.RSides{border-left:none; border-right: none;}

  .ja-masthead .ja-masthead-detail{padding-top: 85px;}

  #content-menu_wrap_bg{margin: 0;}

  #content{padding: 15px;}

  .articleTitle, .page-header span.contact-name, span.subheading-category{font-size: 24px;}

  dl.article-info{margin-bottom: 10px;}

  #box{margin-bottom: 20px;}

  #sidebar { padding: 0 15px; font-size:  1em; }

  .blog .intro_wrap, #section .intro_wrap{display: none;}

  #section .home > div > h2, #section .services h3{font-size: 24px;padding-top: 10px;}

  .spacer{padding: 10px 0;}

  .mid{margin-top: 0px;}

  #midSection { padding: 10px 0 10px 30px; }

  .sp-corporex-layout .sp-slider-content{left:0;}

  .sp-corporex-layout .sp-slider-content .sp-pretitle{font-size: 20px;}

  .sp-corporex-layout .sp-slider-content .sp-title{font-size: 24px;}



  ul.columns,#section .services ul { columns: 1; -webkit-columns: 1; -moz-columns: 1; list-style: none; }

  #section .services ul > li,ul.columns li{ margin-bottom: 10px; padding-left: 20px; font-size: 14px; }

  #section .services ul > li::before,ul.columns li::before { left: -30px; width: 10px; height: 10px; }
  .bgOne p{font-size:18px;}

}