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

@media all and (max-width: 1500px) {
    .noBanner {padding-bottom:2%;}
}

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


@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%;}
            table.course {float:left;}

table.courseTitle {width:100%;}

table.additional {width:100%;}

table.course.days {width:100%;}

table.course.days.mathematics {width:100%;}

table thead tr.tutoringSubhead td {background:#33719e !important;}


/*--------- 4 year schedule ----------*/

.semester {border:2px solid #eeeeee; float:left; width:49%; margin:.5%; min-height:200px;}

}

@media all and (max-width: 900px) {
    #buttons div{display: block;}
    #buttons div.rowTwo{margin-top: 16px;}
    #buttons img, #buttons.relMajor img {max-width: 100%;}
    #newsFeed, #eventsFeed{width: 46% !important; margin-bottom: 30px;}
    #eventsFeed{border-right: none; padding-right: 0;}
    #videoFeed{float: none !important; clear: both; border-top: 2px solid #999; width: 100% !important; padding: 28px 0 0;}
    #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;}
    .video-list { width: 16%;}
    .news-image {max-height:215px;}

}

@media all and (max-width: 830px) {
    #logo img{width: 265px;}
    #secondaryMenu{clear: both; padding-top: 20px;}
    #secondaryMenu, #secondaryMenu a:link, #secondaryMenu a:visited{font-size:15px; font-size:.9375rem;}
    .flexnav li a {padding-left: 45px;}
    .flexnav li > ul {width: 600px;}

    .video-list { width: 18%;}
    .news-image {max-height:300px;}
    .flex-caption-wrapper{width: 100%; padding-bottom: 0px;}
    .flex-caption{position: static; width: auto; background-color: #004d86; max-height: 500px; height:130px; max-width: 900px;}
    .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;}
/*------------ Tutoring Schedule -------------*/

#contentWrapper .tutoring p {
    font-size:15px; font-size:.9375rem;
}
.noBanner {padding-bottom:0%;}

}

@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:focus > 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;}
    .flexnav > li:hover > a, .flexnav > li.active > a, .flexnav > li a:focus {color: #e4a115; text-decoration: underline;}
    .flex-caption-wrapper{width: 100%; padding-bottom: 0px;}
    .flex-caption{position: static; width: auto; background-color: #004d86; max-height: 500px; height:140px;}
        .flex-caption h3, .flex-caption span.rotator-title {font-size: 36px; font-size:2.25rem; line-height:42px; line-height:2.625rem;}
    .flex-caption p {font-size: 18px; font-size:1.125rem; line-height:23px; line-height:1.4375rem;}
    .flex-viewport{padding-bottom: 0px;}
    .video-list { width: 20%;}
    .it_services {float: left; min-width: 320px; padding: 0; width: 100%;}
    #subCalendar.cal-wide .eventItem {height: 80px; padding-right: 0%; width: 100%;}
    #header.navbar-fixed {position:relative;}
    .gallery {margin-top: 0px !important;}
    .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;
}
#contentDiv div.landing-list { width:100%; float:none; }
.logoBox {
    display: grid;
    /* grid-auto-columns: auto; */
    grid-column-gap: 20px;
    grid-template-columns: auto auto auto;
    grid-row-gap: 20px;
    text-align: center;
}
}

@media all and (max-width: 650px) {
	#menuSearch, #searchField{width: 90%;}
    #mainTagline h1{font-size: 65px; font-size:4.0625rem; line-height:70px; line-height:4.375rem;}
    #buttons img{max-width: 40%;}
    #buttons.relMajor img { max-width: 97%;}
    #buttons{padding: 6% 0px;}
    #newsFeed, #eventsFeed{float: none !important; clear: both; width: 100% !important; margin-bottom: 30px;}
    #eventsFeed{border-top: 2px solid #999; border-left: none; padding: 28px 0 0;}
    #newsFeed{padding: 0;}
    #footerTagline{height: 180px; padding-top: 25px;}
    #footerTagline img#regular, #footerTagline a.tagFull {display: none;}
    #footerTagline img#stacked, #footerTagline a.tagMobile {display: inline;}
    .video-list { width: 25%;}
    .it_services {float: left; min-width: 320px; padding: 0; width: 100%;}
    
    /*--------- 4 year schedule ----------*/

.semester {border:2px solid #eeeeee; float:left; width:100%; margin:0% 0% 10px; min-height:200px;}
    .flex-caption h3, .flex-caption span.rotator-title {font-size: 32px; font-size:2rem; line-height:36px; line-height:2.25rem;}
  .setCopyWidth div.landing-list-4, .columnContent div.landing-list-4 { width:50%; }
}
    
}

@media all and (max-width: 525px) {
    #menuSearch, #searchField{width: 88%;}
    #searchField input#searchTxt {width:88%;} 
    #mainTagline h1{font-size: 50px; font-size:3.125rem; line-height:55px; line-height:3.4375rem;}
    #applyNow h2, #applyNow h2 a:link, #applyNow h2 a:visited, #applyNow h2 a:active, #applyNow h2 a:hover{font-size: 32px; font-size:2rem; line-height:37px; line-height:2.3125rem;}
    #applyNow .yellowBracket{font-size: 40px; font-size:2.5rem; line-height:40px; line-height:2.5rem; margin: 0 2px;}
	#applyNow { font-size: 32px; font-size:2rem; line-height:37px; line-height:2.3125rem; }
	.gold-bracket { font-size: 40px; font-size:2.5rem; line-height:40px; line-height:2.5rem;}
    .quoteText{font-size: 26px; font-size:1.625rem; line-height:32px; line-height:2rem;}
    #quoteByline{padding: 5px 0px 0px 0px;}
    .quoteName{font-family:'Roboto Condensed', sans-serif; font-size: 22px; font-size:1.375rem; line-height:34px; line-height:2.125rem;}
    .quoteSub{font-family:'Roboto Condensed', sans-serif; font-weight: 300; font-size: 18px; font-size:1.125rem; line-height:24px; line-height:1.5rem;}
    .video-list { width: 30%;}
    .it_services {float: left; min-width: 320px; padding: 0; width: 100%;}
    .flex-caption{height:175px;}
    h1{font-size: 30px; font-size:1.875rem; line-height:36px; line-height:2.25rem;}
}

@media all and (max-width: 445px) {
    /*------ #contentWrapper td{display: block; width: 100%;}	 --------*/
	.columnContent div.landing-list, .columnContent div.landing-list-3, div.landing-list, #contentDiv div.landing-list, .setCopyWidth div.landing-list-3, .setCopyWidth div.landing-list-4, .columnContent div.landing-list-4 { width:100%; float:none; }
    #social img{margin-left: 10px;}
    #footerContent h6{font-size:15px; font-size:.9375rem; line-height:15px; line-height:.9375rem;}
    #footerContent, .footerLinks, .footerLinks a:link, .footerLinks a:visited{font-size: 13px; font-size:.8125rem; line-height:18px; line-height:1.125rem;}
	.button-text {font-size:18px; font-size:1.125rem;}
    .video-list { width: 37%;}
    .it_services {float: left; min-width: 320px; padding: 0; width: 100%;}
    .flex-caption{height:200px;}
.flex-caption h3, .flex-caption span.rotator-title {font-size: 26px; font-size:1.625rem; line-height:30px; line-height:1.875rem;}
}

@media all and (max-width: 375px) {
    #menuSearch, #searchField{width: 87%;}
    #mainTagline h1{font-size: 38px; font-size:2.375rem; line-height:43px; line-height:2.6875rem;}
	.button-text {font-size:16px; font-size:1rem;}
    #footerTagline{height: 120px; padding-top: 0px;}
    #socialIcons img.univ-logo{width: 125px;}
    #social img{width: 20px; margin-left: 10px;}
    #socialIcons{margin-top: -69px;}
    .video-list { width: 40%;}
    .it_services {float: left; min-width: 320px; padding: 0; width: 100%;}
    .flex-caption{height:160px;}
    .flex-caption p {
    font-size: 16px; font-size:1rem;
    line-height:21px; line-height:1.3125rem;
}

    
}