/*
CC CUSTOM MOBILE
Intranet  	

2017

last updated 8/11/2023 by Josh
*/
@media screen and (max-width: 1200px) {
	footer.container60.box-310L{
	width:100% !important;
	}
	.aright{
	text-align:center !important;
	}
	.left{
	text-align:center !important;
	}
	footer{
	text-align:center;}
.carousel-caption h3{
font-size:30pt !important;
}
nav#menu-dept ul li {
    font-size: 9px !important;
 }
.navicon {
    font-size: 10pt !important;
}
}

@media screen and (max-width: 799px) {
nav#menu-dept ul li {
    font-size: 14px !important;
 }
.navicon {
    font-size: 20pt !important;
}
i.fa.fa-angle-down{display:none !important;}
/*HEADER*/
	#headerline{
		margin-top:25px;
		border-bottom:solid 2px #666;
	}
	#logo,.headerline img{
		/*width:300px !IMPORTANT;
		padding-top:20px;*/
	}
	.pika-thumbs li,.thumb {
    height: .75in !important;

   }

#headerm {
    background: #18181c;
    box-shadow: 0px 0px 0px 0px;
}
.mm-menu .mm-list {
	padding-top:50px;
}
.navicon{
	float:left;
}
footer, footer .text-start, footer .text-end{
	text-align:center !important;
	}
footer .text-left,footer .text-right{
	text-align:center;
}
.slick-prev {
	position:absolute;

	left:15%;
}
.slick-next{
	position:absolute;

	right:15%;
}
}
@media screen and (max-width: 600px) {
.banner-caption{
	display:none;
}
}
@media screen and (max-width: 500px) {
	/*HEADER*/
.tadate{
	width:100%;
	float:none;
	clear:both !important;
	padding-bottom:50px;
}
.thumbnail img {
	height:1in;
}
.thumbnail {
	height:1in;
}

#pocal{
	width:100%;
	padding:0px;
}
.tali{
	padding-top:35px;
	height:500px;
	padding-bottom:20px;
}

	.carousel-inner{
	height:auto !important;
	}
	.carousel-inner img{
	height:150px !important;
	}

	.carousel-caption h3{
	 font-size:13pt !important;
	}
	.carousel-caption p{
	font-size:12pt !important;
	}
	.carousel-caption{
	top:-10px !important;
	}
	#headerline{
		padding:40px 0px 0px 0px;
		margin-top:15px;
	}
	#headerline img{
	margin-top:0px;
}

	.responive_right{
	text-align:left;
	}
	#it-btn{
	margin-top:40px;
	}

	nav#menu-dept {
	width: 100% !important;
	}
	footer{
	width:100% !important;
	}
	.mobile-margin-25{
		margin-top:25px;
	}
	.mobile-clear{
		clear:both !important;
		width:100%;
		display:block;
		padding-bottom:25px;
	}

	#headerline{
	background-color:#fff;
	height:1.5in;
	width:100%;
	padding:20px 0px 0px 0px;
	text-align:center !important;
	}
.yellowbar{
	height:4.75in;padding-top:25px;padding-bottom:25px;
}
#featuredProjects{
	height:7.5in;
	}
.slick-prev {
	position:absolute;
	top:470px;
	left:25%;
}
.slick-next{
	position:absolute;
	top:470px;
	right:25%;
}
footer .container60 .box-310L{
	text-align:center !important;
	width:100%;
}
.btn-up{
	right:40px;
	bottom:200px;
	}
input[type=text]{
	width:300px;
	clear:both;
}
label{
	clear:both;
}

/*SLIDES */
.slide {
	width:22%;
	height:4.5in !important;
	margin-right:.25%;
}

.btn-up{
	bottom:15px;
}
/*HEADERS*/
h3{
	font-size:17pt !important;
}
.featuredProjects h3{
	font-size:17pt !important;
}
.yellowbar img{
	height:75px;
	width:75px !important;
}
.ybtn{
	font-size:12px !important;
}
#meetings .slide{
	width:100% !important;
}
}
@media screen and (max-width: 425px) {
	/*HEADER*/
	#outreachtitle{
	font-size:8pt;
}
	#logo{
		margin-top:15px;
	}
	#it-btn{
	margin-top:40px;
	width:75px;
	}
#featuredProjects{
	background-size: 1300px 100%;
}
.slick-prev {
	position:absolute;

	left:15%;
}
.slick-next{
	position:absolute;

	right:15%;
}
#awardsInfo strong {
	font-size:15pt !important;
}

}
@media screen and (max-width: 990px) {
	#mynavbar {
		height:100vh !important;
		position:fixed;
		top:0px;
		right:0px;
		width:300px;
		z-index:999;
		background-color:#000;
	}
	li.nav-item p-2{
		padding:10px;
	}
	li.nav-item.d-flex{
	  display:block !important;

	}
	li.nav-item.p-2.dropdown.d-flex.align-items-center.text-center,li.nav-item.p-2.d-flex.align-items-center.text-center{
	  text-align:left !important;
	}
}