.mobile-only{display: none !important;}

@media all and (max-width: 1125px) {
    #secondaryMenu{clear: both; padding-top: 25px;}
    #mainMenu{clear: both;}
    .news-image {max-height:273px;}
}

@media all and (max-width: 1025px) {
    #subCalendar.cal-wide .eventItem {height: 100px; padding-right: 2%; width: 48%;}
}

@media all and (max-width: 935px) {
    #social img{margin-left: 10px;}
    .news-image {max-height:231px;}
    #subCalendar.cal-wide .eventItem {height: 100px; padding-right: 2%; width: 48%;}
}

@media all and (max-width: 900px) {
    #buttons div{display: block;}
    #buttons div.rowTwo{margin-top: 16px;}
    #buttons img{max-width: 100%;}
    #newsFeed, #eventsFeed{width: 46% !important; margin-bottom: 30px;}
    #eventsFeed{width:46%;}
    #videoFeed{width: 46% !important;}
    #subCalendar{display: none;}
    #subCalendar.cal-wide {display:block;}
    #quote{width: 100%; padding: 0;}
    #footerLinks, #unkContact{width: 100%; max-width: 600px; margin: 0px auto;}
    #students{width: 33%; padding-right: 3%;}
    #resources{width: 28%; padding-right: 3%;}
    #affiliates{width: 33%; padding-right: 0;}
    #unkContact{float: none; clear: both; padding-top: 40px;}
    #social img{margin-left: 15px;}
    .eventDate{min-height:150px;}
    .news-image {max-height:215px;}
    #feedWrapper{min-height: 350px;}
#feedWrapper .feedContent{height: 350px;}
}


@media all and (max-width: 830px) {
    #logo img{width: 400px;}
    #secondaryMenu{clear: both; padding-top: 20px;}
    #secondaryMenu, #secondaryMenu a:link, #secondaryMenu a:visited{font-size: 15px;}
    .flexnav li a {padding-left: 45px;}
    .flexnav li > ul {width: 600px;}
    .flex-caption h3{font-size: 32px; line-height: 38px;}
    .flex-caption p{font-size: 18px; line-height: 23px;}
    
    .news-image {max-height:300px;}
    .flex-caption-wrapper{width: 100%; padding-bottom: 0px;}
    .flex-caption{position: static; width: auto; background-color: #444; max-height: 500px; height:130px;}
    .flex-viewport{padding-bottom: 0px;}
     #gallery{margin-bottom:20px; box-shadow:0 0 5px 0 rgba(50,50,50,0.4);}
     .close-slider {display:none !important;}

div.open {display:none !important;}
div.close {display:none !important;}
.open-slider {display:none !important;}
}

@media all and (max-width: 730px) {
    #header .setWidth{width: 100%;}
    #logo{float: none; text-align: center; padding: 31px 5% 0px; display:none;}
    #logo img{width: 100%; max-width: 500px;}
    #logo-mobile {display:block;}
    #menuSearch{float: left; padding-left: 5%; padding-top:15px;}
    #menuSearch, #searchField{width: 91%;}
    #search{float: none; text-align: left; margin: 0px;}
    #secondaryMenu{display: none;}
    #mainMenu{clear: none; padding-top: 15px; float: none;}
    .mobile-only{display: block !important;}
    .flexnav li > ul {width: 100%;}
    .flexnav.flexnav-show li {border-top: 1px solid #e3e3e3;}
    .flexnav li a {color: #004d86;}
    .flexnav.flexnav-show > li:hover > a, .flexnav.flexnav-show > li.active > a{color: #ce8901;}
    .flexnav.flexnav-show li ul li:hover a, .fiexnav.flexnav-show li ul li.active a {color:#ce8901 !important;}
    .flex-caption-wrapper{width: 100%; padding-bottom: 0px;}
    .flex-caption{position: static; width: auto; background-color: #444; max-height: 500px; height:140px;}
    .flex-viewport{padding-bottom: 0px;}
    
    .it_services {float: left; min-width: 320px; padding: 0; width: 100%;}
    #subCalendar.cal-wide .eventItem {height: 80px; padding-right: 0%; width: 100%;}
    .flexnav.no-script-menu { }
    .flexnav.no-script-menu {
    background-color: #ffffff;
   
    
    transition: all 0.5s ease-in-out 0s;
}
.flexnav.no-script-menu li {
    border-top: 1px solid #e3e3e3;
}
}

@media all and (max-width: 650px) {
	#menuSearch, #searchField{width: 90%;}
    #mainTagline h1{font-size: 65px; line-height: 70px;}
    #buttons img{max-width: 40%;}
    #buttons{padding: 6% 0px;}
    #newsFeed, #eventsFeed{float: none !important; clear: both; width: 100% !important; margin-bottom: 30px;}
    #eventsFeed{border-left: none; padding: 28px 0 0; border-right:0px;}
    #videoFeed{border-top: 2px solid #999; width: 100% !important; padding: 28px 0 0;}
    #newsFeed{padding: 0;}
    #footerTagline{height: 140px; padding-top: 0px;}
    #footerTagline img#regular{display: none;}
    #footerTagline img#stacked{display: inline;}
    #feedWrapper .feedContent {float:none;}
    .it_services {float: left; min-width: 320px; padding: 0; width: 100%;}
    
}

@media all and (max-width: 525px) {
    #menuSearch, #searchField{width: 88%;}
    #searchField input#searchTxt {width:88%;} 
    #mainTagline h1{font-size: 50px; line-height: 55px;}
    #applyNow h2, #applyNow h2 a:link, #applyNow h2 a:visited, #applyNow h2 a:active, #applyNow h2 a:hover{font-size: 32px; line-height: 37px;}
    #applyNow .yellowBracket{font-size: 40px; line-height: 40px; margin: 0 2px;}
	#applyNow { font-size: 32px; line-height: 37px; }
	.gold-bracket { font-size: 40px; line-height: 40px;}
    .quoteText{font-size: 26px; line-height: 32px;}
    #quoteByline{padding: 5px 0px 0px 0px;}
    .quoteName{font-family:'Roboto Condensed', sans-serif; font-size: 22px; line-height: 34px;}
    .quoteSub{font-family:'Roboto Condensed', sans-serif; font-weight: 300; font-size: 18px; line-height: 24px;}

    .it_services {float: left; min-width: 320px; padding: 0; width: 100%;}
    .flex-caption{height:175px;}
    h1{font-size: 30px; line-height: 36px;}
}

@media all and (max-width: 445px) {
    /*------ #contentWrapper td{display: block; width: 100%;}	 --------*/
	.columnContent div.landing-list, .columnContent div.landing-list-3 { width:100%; float:none; }
    #social img{margin-left: 10px;}
    #footerContent h6{font-size: 15px; line-height: 15px;}
    #footerContent, .footerLinks, .footerLinks a:link, .footerLinks a:visited{font-size: 13px; line-height: 18px;}
	.button-text {font-size:18px;}

    .it_services {float: left; min-width: 320px; padding: 0; width: 100%;}
    .flex-caption{height:200px;}
    .flex-caption h3 {
    font-size: 30px;
    line-height: 36px;
}
}

@media all and (max-width: 375px) {
    #menuSearch, #searchField{width: 87%;}
    #mainTagline h1{font-size: 38px; line-height: 43px;}
	.button-text {font-size:16px;}
    #footerTagline{height: 120px; padding-top: 0px;}
    #socialIcons img.univ-logo{width: 125px;}
    #social img{width: 20px; margin-left: 10px;}
    #socialIcons{margin-top: -69px;}

    .it_services {float: left; min-width: 320px; padding: 0; width: 100%;}
    .flex-caption{height:160px;}
    .flex-caption p {
    font-size: 16px;
    line-height: 21px;
}

    
}