@media (min-width: 1025px) {

.left-sidebar ul li:hover {
	color:#ece810;
}

.sidebar ul li:hover {
	color:#ece810;
}

.overlay:hover img {
	-webkit-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg); 
	-o-transform:rotate(-45deg);
	z-index: -1;
}

}

@media (max-width: 1000px) {

        .splashit > .container {
          display: none;
        }
	.container {
		max-width: none;
		min-width: 0;
		padding-left: 0;
		padding-right: 0;
	}

	.column-set {
		margin: 0 auto !important;
		width: 97%;
	}

        #bbpress-forums {
          margin: 0 0 20px;
          width: 100%;
        }

	header {
		height: 160px;
	}

        .header h1 {
          float: left;
        }

	.header, .image-overlay {
		max-width: 950px;
	}

	.content-area {
		width: 100%;
	}

	.round-corner {
		border-bottom-right-radius: 0;
	}

	/*.content-area img {
		float: right !important;
	}*/

	footer {
		width: 96.5%;
	}

	footer .widget ul {
		margin: 17px 0 0 0;
	}

	.column {
		max-height: none !important;
	}

	#col-1,
	#col-2,
	#col-3 {
		position: relative !important;
		width: 33.3%;
		float: left;
		left: 0;
	}

	.overlay h3 {
		font-size: 18px;
	}

	body, .image-overlay {
		background-size: cover;
	}

	.container {
		text-align: center;
	}

	.header {
		float:none;
		left: 0px;
    height: 160px;
    padding-top: 28px;
    -webkit-transition: all .75s ease-in-out;
    -moz-transition: all .75s ease-in-out;
    -o-transition: all .75s ease-in-out;
    transition: all .75s ease-in-out;
	}

	.logo {
		float:left;
	}

	.sub-logo {
		margin-top: 0px;
	}

	.column-set {
		margin:0px;
	}

	.column, .column:first-of-type, .column:last-of-type {
		float:none;
		width: 100%;
		overflow: hidden;
		max-height:240px;
		display: inline-block;
		margin:0px;
	}

	.column img {
		width: 100%;
		height: auto;
	}

        .column .overlay img {
          width: auto;
        }

	.overlay h3 {
		margin-top:70px;
	}

	.bg-img {
		height: 100%;
		max-width: auto;
	}

	.content-area {
		max-height:100%;
		padding-bottom: 43px;
	}

        .content-area.home-info .content-wrap {
          width: 100%;
        }

	.content-wrap {
		display: block;
	}

	.content-wrap p {
		text-align: left;
		-webkit-column-count: 1;
		-moz-column-count: 1;
		column-count: 1;
	}

	.content-area .alignRight {
		float:none;
	}

	footer .widget {
		text-align: left;
	}

	.bar:first-of-type, .bar:last-of-type {
		margin-right: 0px;
		margin-left: 0px;
	}

	.bar {
		margin-top: 10px;
		margin-bottom: 10px;
		text-align: left;
	}

	.full-bar {
		display: none;
	}
    
        .full-bar.ccc-programs {
          display: block;
          max-height: 690px;
        }

	.career-wrap {
		text-align: center;
	}

	.career-bar {
		width: 100%;
                max-width: none;
                margin: 0 0 10px;
		display: inline-block;
	}
        
        .industry-sidebar {
          width: 100%;
          margin-bottom: 10px;
        }

        .content-area {
          max-width: 100%!important;
          margin-bottom: 10px;
          padding: 0;
        }

        .labor .content-area {
          padding: 0;
        }

        .content-area.home-info {
          padding-top: 20px;
        }

        .content-area .ft-img {
          width: 100%;
          height: auto;
          margin: 0 0 35px 0;
        }

        .content-area h2 {
          width: 100%;
          padding-left: 0;
        }

        .content-area p {
          padding: 0 5%;
        }
    
        .content-page.labor h3 {
          margin-bottom: 15px;
        }

        #docSearch {
          float: right;
          left: 0;
          margin: 50px 0 10px;
        }

}

/*============================
TABLET STYLES
============================*/
@media screen and (max-width: 770px) {



}

/*============================
MOBILE PHONE STYLES
============================*/
@media screen and (max-width: 520px) {

	.logo, body.shrink .logo {
		float: left;
                height: 100%;
                max-height: 26px;
                margin: 7px 0 0 49px;
	}
	.sub-logo {
		display: none;
	}

       .relspike {
         width: 100%;
       }

        .relspike nav {
          margin-left: 0;
        }

        #nav-tab {
          border: 0;
          background: none;
          padding-top: 4px;
        }

	.hide {
		display: none !important;
	}

	.container {
		max-width: none;
		min-width: 0;
		padding: 0;
	}

	.overlay img {
		display: none;
	}

	header, body.shrink header {
		height: 44px;
                max-width: 100%;
                margin: 0;
	}

        .header, body.shrink .header {
          padding: 0;
          height: 44px;
        }
 
        .header h1, body.shrink .header h1 {
          display: block!important;
          float: left;
          max-width: 220px;
          margin-top: 5px;
          padding-left: 10px;
          font-size: 8px;
          text-align: left;
        }

        .column-set {
          width: 100%;
        }

        .button-wrap, body.shrink .header .button-wrap {
          right: 0;
          top: 0;
          width: 70px;
        }

	.button-wrap > * {
		display: none!important;
	}

        .button-wrap > a {
          display: block!important;
        }

        .button-wrap > a button {
          display: block;
          width: 50px;
          margin-top: 0;
          font-size: 12px;
          color: #ece810;
          letter-spacing: 0px!important;
          background: none;
        }

	.column {
		max-height: none !important;
	}

        .column .overlay {
          background-size: cover;
        }

	.column-set {
		height: auto;
	}

	.content-img, .header .breadcrumbs {
		display: none;
	}

	#col-1,
	#col-2,
	#col-3 {
		position: relative !important;
		width: 100%;
		height: 150px;
		left: 0;
		float: none;
	}
 
        .content-area.banner {
          display: inline-block;
          padding: 0!important;
          margin: 0;
          text-align: left;
        }
 
        .content-area.banner h3 {
          display: inline-block;
          width: 83%;
          padding: 10px 0 10px 9px;
          vertical-align: middle;
        }
 
        .banner-arrow {
          position: relative;
          display: inline-block;
          left: 0;
          right: 0;
          top: 0;
          vertical-align: middle;
        }

	.overlay h3 {
		font-size: 18px;
	}
 
        .frontpage-lower-img {
          display: none;
        }

	.navigation {
		left: -5px;
	}

	.footer-logo {
		float: none;
	}

	.image-overlay, body.shrink .image-overlay {
		height: 44px;
	}

	footer {
                width: 100%;
		margin: -15px 0 0 0;
		padding: 0;
	}

	footer p {
		padding-left: 10px;
		padding-right: 10px;
	}

	footer .widget {
                display: none;
		max-width: none;
	}

	footer .widget ul {
		width: 100%;
		max-width: none;
		margin: 0;
	}

	footer .widget ul li {
		width: 92%;
		text-align: center;
	}

	body {
		background-image: url('images/background-mobile.jpg');
	}
      
        .full-bar table tbody td {
           background: none;
         }

        .full-bar table thead th:nth-child(odd), .full-bar table tbody td:nth-child(odd) {
          display: none;
         }

         .full-bar.ccc-programs h2 {
           font-size: 14px;
           padding: 0;
         }

         .program-search div.selectricWrapper {
           float: left;
           display: block;
           margin: 5px 0 0;
           width: 100%;
         }

         .program-search form {
           width: 100%;
           margin: 5px 0 0;
         }

         .full-bar tbody {
           height: 355px;
         }

         footer .widget, footer .footer-widget, footer .footer-right {
           width: 100%;
         }

        footer .footer-widget {
          margin: 0;
        }

        footer .footer-right img {
          margin-top: 0;
        }

        footer .footer-right p {
          text-align: center;
        }

        .dp_pec_event_title {
          text-align: left;
        }

        .reports {
          width: 100%;
          padding: 0;
          margin: 0;
          -webkit-transition: all .5s ease-in-out;
          -moz-transition: all .5s ease-in-out;
          -o-transition: all .5s ease-in-out;
          transition: all .5s ease-in-out;
        }

        .reports li {
          padding-left: 1.6%;
        }

        .reports li p {
          width: 68%;
          font-size: 14px;
        }

        .reports.mobilehide {
          margin-left: -200%;
        }

        .labor .content-wrap > div:first-of-type {
          position: relative;
        }

        .sub-show-container {
          position: absolute;
          top: 0;
          left: 100%;
          width: 100%;
          -webkit-transition: all .5s ease-in-out;
          -moz-transition: all .5s ease-in-out;
          -o-transition: all .5s ease-in-out;
          transition: all .5s ease-in-out;
        }

        .sub-show-container.mobilehide {
          left: 0;
        }

        .sub-show-container > button {
          display: block;
          width: 80%;
          margin: 0 auto;
        }

        .sub-top {
          display: none;
        }

        .sub-show-container li ul {
          padding: 0;
          margin: 0;
        }

        .sub-show-container li ul li {
          padding: 0;
          background: none;
        }

        .sub-show-container li ul li:last-of-type {
          display: none;
        }

        .content-page.labor h3 {
          margin-bottom: 32px;
        }

        #docSearch {
          margin: 18px 0 0;
        }

        .searchmode .labor-search-results {
          top: 83px;
          left: 0;
          width: 100%;
        }
      
        .labor-search-results > ul {
          width: 100%;
        }

        .labor-search-results > div {
          display: none;
        }

}