@media (max-height: 700px) {
  .hideVideosIfSmall {
    display: none;
  }
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px){

/*--- Header ---*/

	.mobileDevice {
		display:none;
	}

	#logo {
		float:none !important;
		width:244px !important;
		background: url(../images/mobilelogo.png) no-repeat 0 0 !important;
		margin:auto !important;
	}

	#header2{
		width:auto !important;
		margin:0 auto;
		margin-top:0px !important;
		background: url(../images/header_bg.png) repeat-x 0 0;
	}

	.moduletable_menu select {
		display:block !important;
		width: 85%;
		padding:0;
		height:30px;
		margin:15px auto;
		font-size: 18px;
	}

	#pha-course ul#button-box1  {width:300px !important;}

	#nav-search {
		background:none;
	}

	div.lcol,#rContainer, .sd-lCont  {
		float:none !important;
		width:auto !important;
	}

	#content, .sd-sb {
		margin-top:0 !important;
		float:none !important;
	}

	.mobileCol {display:none !important;}

	.mobilebtn{
		font-size: 13px;
		color: #F2F2F2 !important;
		border: none;
		font-weight: 300;
		border-radius: 3px;
		display: inline-block;
		background-color: #39F;
		padding: 10px;
		width: 100%;
		margin: 5px 0;
		text-align: center;
	}

	.staticSpan {float:none !important;}

	.mainHeader span:first-child{padding-left:10px !important;}
	.mainHeader span:nth-child(2){padding-left:40px !important;}
	.mainHeader span:nth-child(3){padding-left:120px !important;}

	.mobilebtndiv {margin-top:25px !important;}

	.mobileschedulehead{height:160px !important;}

	.course-collapse-information .training-button{
		padding: 5px 0px !important;
	    margin: 5px 0;
		width: 100%;
	}

	.width, .content-wrapper, #content, .main-topic-nav, .topic-banner, #email-add, .sd-rcc, #mainCnt {
  		width:auto !important;
 		margin: 0 auto;
	}
	.social-cont {
		display:none;
	}

	.menu_top{
		display: none;
	}

	#navlist ul {
	margin-left: 0;
	padding-left: 0;
	margin:0px;
	padding:0px;
	white-space: nowrap;
	margin-top:5px;
	}

	#navlist li
	{
	float: none;
  	margin: 0 5px;
  	display: inline-block;
  	position: relative;
	}

	.top-menu-cont {
		background:url(../images/top_menu_bg.png) no-repeat 0 0;
		float:right;
		margin-left:50px;
		height:26px;
		width:233px;
		text-align:center;
	}
	.top-menu-cont #navlist a {color:white;}

	#header-menu-bottom{
	   height:26px;
	   margin-top:32px;
	}
	.contact-number {
		float:left;
		width: 300px;
		overflow: hidden;
	}
	.bottom-menu-cont {
	   background: url(../images/bottom_menu_bg3.png) no-repeat 0 0;
	   float: right;
	   height: 26px;
	   width: 525px;
	   text-align:center;
	}
	#header-left{
		float:none !important;
		width: auto !important;
	}
	#header-right {
	float:right;
	width:665px;
	background:url(../images/right_header_bg.png) no-repeat top right;
	height:84px;
	}
	#header .inside{
	padding:0px;
	margin:0px;
	}
/*--- End Header ---*/
/*--- Top Menu ---*/

	#topmenu{
		font-size:0.9em;
		font-family:Georgia, "Times New Roman", Times, serif;
		margin:0 0 0px 0;
	}
	#topmenu .inside{
		padding:10px;
	}
	#topmenu ul, #topmenu li{
		margin:0;
		padding:0;
		list-style:none;
	}
	#topmenu li{
		display:inline;
	}
	#topmenu li a{
		text-decoration:none;
		margin:0 5px;
	}

/*---End Top Menu---*/
/*---Start Main Content and Sidebar---*/
	.topic-banner {
		width: 33% !important;
  		max-width: 100px;
	}

	/* #main-content {
		background:none !important;
		width:auto !important;
	} */

	#left-banner {
		float:none !important;
		margin:0 auto;
		display:none;
	}

	#right-banner {
		display:none;
	}

	#main-banner {
		display:none;
	}

	.rsform-block .rsform-submit-button {width:125px !important;}
	.rsform-block .rsform-text-box {width:220px !important;}
	.rsform-block .rsform-select-box{width:230px !important;}

	#services-nav #navlist2 a, .style14, .rsform-block input, .rsform-block select, .rsform-block textarea {
		width: auto !important;
	}

	.inside table {padding:0px !important}

	.services-left, .services-right {
		float: none !important;
	}

	.download-link {
		float: right !important;
		padding-right: 10px;
	}

	.blue .bt {
		height: 47px !important;
		margin: 0 0 0 18px;
		background: #2659BA !important;
	}

	 #contact-cont h4 {
		background: #2659BA !important;
	 }

	#webinar-placeholder {
		padding:0 !important;
	}

	#pha-course {
		float:none !important;
	}

	.yellow .bt, .yellow .bt div {
		background: #E8B011 !important;
	}

	.maroon .bt, .maroon .bt div {
		background: #7C231C !important;
	}

	.charcoal .bt, .charcoal .bt div {
		background: #444240 !important;
	}

	.brown .bt, .brown .bt div {
		background: #B4751E !important;
	}

	#consulting-services h2{
		background: #E8B011 !important;
	}

	.item-page{
		padding-top:20px;
	}

	.item-page p, .inside ul, #navlist3, .style4{
		line-height:32px;
	}

	.main-topic-nav {  height: 200px !important; }

	.blue .bt div {
		background: #2659BA !important;
	}

	#news-cont h2 {
		padding-bottom:0 !important;
	}

	.main-topic-nav .topic-description-title {
		padding-top: 15px;
	}

	.main-topic-nav .topic-description-text {
		line-height:30px;
		padding-top: 16px !important;
	}

	#offered {
		padding: 10px 0 0 0px !important;
		background: url(../images/128.png) no-repeat -6px -6px !important;
	}

	#collapse-content h4 a {
		background: #2659BA !important;
	}

	#navlist3{
		list-style-type: disc !important;
		list-style-image:none;
		padding-top:10px;
	}

	.rss-icon, .promicon, .newsicon, .empicon, .view-all, .trainicon, .infoicon{
		display:none !important;
	}

	#sidebar {
		width:auto !important;
		margin-left: 0px !important;
		margin-top: 20px;
		float:none !important;
	}

	.style5 {
		float:none !important;
	}

	ul#navlist2 {
		  white-space: inherit !important;
	}

/*---End Main Content and Sidebar---*/

}

.open-mobile-nav-sidebar {
  display: none;
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px)
{
  .mobile-nav-sidebar
  {
    height: 100%; /* 100% Full-height */
    width: 0; /* 0 width - change this with JavaScript */
    position: fixed; /* Stay in place */
    z-index: 1; /* Stay on top */
    top: 0; /* Stay at the top */
    left: 0;
    background-color: #f8f8f8; /* Black*/
    overflow-x: hidden; /* Disable horizontal scroll */
    padding-top: 60px; /* Place content 60px from the top */
    transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */
  }

  .mobile-nav-sidebar a
  {
    padding: 8px 8px 8px 24px;
    text-decoration: none;
    font-size: 25px;
    color: #676767 !important;
    display: block;
    transition: 0.3s;
    font-family: lato;
    clear: both;
  }

  .mobile-nav-sidebar a:hover
  {
    color: #333;
  }

  .mobile-nav-sidebar .menu_top
  {
    display: block;
    float: inherit;
  }

  .mobile-nav-sidebar li
  {
    float: inherit;
    display: inline-block;
    width: 100%;
  }

  .mobile-nav-sidebar select
  {
    display: none !important;
  }

  .open-mobile-nav-sidebar, .open-mobile-nav-container.open {
    display: none;
    position: inherit;
    left: -80px;
    transition: 0.3s;
    padding: 15px;
    width: 100px;
    text-decoration: none;
    font-size: 20px;
    color: white;
    border-radius: 0 5px 5px 0;
    background-color: #1b4ea9;
    height: 22px;
  }

  .open-mobile-nav-container.open
  {
    left: 0;
    top: 0;
    z-index: 3;
    position: fixed;
  }

  .open-mobile-nav-sidebar .fa-bars
  {
    display: block;
    float: left;
    margin-right: 8px;
  }

  li.deeper a
  {
    float: left;
  }

  li.deeper .top_span
  {
    color: #676767;
    font-size: 22px;
    padding: 10px 8px 8px 8px;
    float: right;
    display: inline-block;
  }

  li.deeper .top_span::before {
    display: none;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
  }

  li.deeper .top_span::before {
    content: "\f054";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
  }

  li.deeper ul {
    /* display: inline;
    position: relative;
    top: 0;
    left: 15px; */
    width: 0;
    position: fixed;
    overflow-x: hidden;
  }

  li.deeper ul a {
    font-size: 12px;
  }
}