/*------------------------------------------------
* @media max-width: 1199px
---------------------------------------------------*/

@media (max-width: 1199px) {

/*---------- topbar ---------*/
    .top-navbar li a {
        padding: 10px 5px;
        font-size: 11px;
    }
    .top-search-form .form-control {
        width: 135px!important;
        margin-right: 0px;
    }
    .topbar ul{
        padding: 0;
    }
    form.navbar-form.navbar-left.search-form {margin-bottom: 10px!important;}

/*------------ navbar -----------*/
    .navbar-header {
        float: none;
    }
    .navbar-left,
    .navbar-right {
        float: left !important;
		width:100%;
    }
    
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    
    .navbar-nav {
        float: none!important;
        margin-top: 7.5px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .nav>li>a {
        position: relative;
        display: block;
        padding: 10px 10px;
    }
    .navbar-brand {
        padding: 8px 15px 8px 0px;
        height: auto;
    }
    .nav>li>a {
        font-size: 12px;
        text-transform: uppercase;
    }
    .navbar-right {
        margin-top: 38px;
        display: none;
    }
    
/*--------- navbar toogle --------*/
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .collapse.in {
        display: block !important;
    }
    .navbar-toggle .icon-bar {
        display: block;
        width: 25px;
        height: 4px;
        border-radius: 3px;
        background: #ffffff;
    }
    .navbar-toggle {
        margin-top: 43px;
    }
    #showRight {
        display: block;
    }
    .cbp-spmenu .top-search-form .form-control {
        width: 74%;
    }
    
/*--------- mega menu --------*/
    .mega-img img {
        margin-left: 0;
    }
    
/*-------- slider bottom content --------*/
    .home-button a {
        font-size: 13px;
    }
    .program{
        width: 100%;
        padding: 13px 0px;
        margin-bottom: 20px!important;
        background: #016e1a;
    }
	 .tour {
        width: 100%;
        padding: 11px 12px;
        margin-bottom: 20px!important;
        background: #016e1a;
    }
	.visit {
        width: 100%;
        padding: 10px 12px;
        margin-bottom: 20px!important;
        background: #016e1a;
    }
    .mobile-connection {
        background: #014711;
        margin-bottom: 20px;
        padding-bottom: 25px;
    }
    .mobile-connection h1 {
        font-size: 37px;
        font-weight: 700;
        font-style: italic;
        text-transform: uppercase;
        letter-spacing: 0.8px;
        color: #ffc423;
        line-height: 51px;
        border-bottom: 1px solid #ffffff;
    }
    .mobile-connection p {
        font-size: 18px;
        font-weight: 300;
        color: #fff;
        line-height: 32px;
    }
    .home-button a {
        font-size: 14px;
    }
    
/*------- slider carousel content --------*/
    .carousel {
        height: 700px;
    }
    .carousel-caption {
        top: 28%;
    }
    .carousel-caption .move-top {
        top: 0;
    }
    .carousel-indicators {
        display: none;
    }
    .tour img {
        width: 30px;
    }
    
/*-------- page content -------*/
    .box-heading {
        width: 150px;
        font-size: 18px;
        top: 25px;
    }
    .box-heading-bottom {
        font-size: 14px;
    }
    .box-table {
        height: 200px;
    }
    .box-icon {
        top: 40px;
        margin-bottom: 0px;
    }
    .black-overlay {
        top: 154px;
    }
    
/*----------- resnick.html css -----------*/
    .on-meet-area h4 {
        font-size: 22px;
    }
/*----------- campus-residence page ------------*/
    .residence-halls-area {
        min-height: 500px;
    }
    
}

/*------------------------------------------------
* @media max-width: 991px
---------------------------------------------------*/

@media (max-width: 991px) {
/*----------- top bar -------------*/
    .top-search-form .form-control{
        width: 135px;
    }
    
/*------------ pages sub menu --------------*/
    .page-submenu-list ul{
        margin-bottom: 0;
    }
    .page-submenu-list ul li {
        float: none;
        margin-bottom: 0;
    }
    
/*----------- slider content ------------*/
    .carousel-caption .move-top {
        margin: 0;
        left: 12%;
    }
    .program span, .tour span, .visit span {
        margin-right: 4px;
        margin-left: 0px;
    }
/*------------ footer ---------*/
    .social-links img {
        width: 38px;
    }
    
/*------------------ page content ----------------*/
        
    /*.academic-table-titel h1{
        top: 215px;
    }
    .academic-table-titel p{
        top: 185px;
    }
    .animated-button{
        top: 35px;
    }*/
    .main-bg h1 {
        right: 5%;
        top: 55%; /* was 24% */
        width: 280px; /*was 270px */
        font-size: 24px;
        line-height: 34px;
        padding: 20px 20px;
    }
    .resnick-bg h1 {
        top: auto;
        right: 0;
        width: 525px;
    }
	    .main-bg h2 {
        right: 5%;
        top: 55%; /* was 24% */
        width: 280px; /*was 270px */
        font-size: 24px;
        line-height: 34px;
        padding: 20px 20px;
    }
    .resnick-bg h2 {
        top: auto;
        right: 0;
        width: 525px;
    }
    .online-lear-area, .meet-lear-area{
        padding: 20px;
    }
    .on-meet-area h4 {
        padding-left: 3px;
        font-size: 17px;
    }
   /* .meet-lear-area img {
        width: 60px;
    }*/
    
   /*--------- financial-aid page ---------*/
    .related-info-connect3 .related-area, .related-info-connect3 .connect-area {
        min-height: 315px;
    }
    
    /*-----------campus-residence page------------*/
    .campus-residence-meet-area .meet-lear-area, .campus-residence-meet-area .online-lear-area {
        padding: 15px 20px;
    }
   .related-info-connect4  .related-area, .related-info-connect4  .connect-area {
        min-height: 286px;
    }
    .residence-halls-area {
        min-height: 460px;
    }
}


/*------------------------------------------------
* @media max-width: 767px
---------------------------------------------------*/

@media (max-width: 767px) {

/*-------- top bar ------------*/
    .top-bar {
        position: relative;
        height: 125px;
        background: #014711!important;
        border-top: 5px solid #fdca01;
    }
    .topbar{
        display: none;
    }
/*--------------- navbar ------------*/
    .navbar-form .form-group {
        display: inline-block;
    }
    .top-search-form .form-control {
        width: auto;
    }
    .navbar-brand {
        padding: 8px 15px 8px 15px;
    }
    .navbar-brand>img {
        display: block;
        width: 184px;
    }
    .navbar-toggle {
        margin-top: 43px;
    }
    .navbar-toggle .icon-bar {
        display: block;
        width: 25px;
        height: 4px;
        border-radius: 3px;
        background: #ffffff;
    }
    .cbp-spmenu:first-child ul {
        border-bottom: 1px solid #000;
    }
    
/*------------ top-bar.nav-sticky ----------*/
    .top-bar.nav-sticky {
        height: 60px;
    }
    .top-bar.nav-sticky .navbar-toggle {
        margin-top: 8px;
    }
    .top-bar.nav-sticky .navbar-brand {
        padding: 13px 15px 13px 15px;
    }
    
    
/*---------- slider carousel-caption --------------*/
    .carousel {
        height: 50%;
    }
    .carousel-caption .move-top {
        margin: 0;
        left: 0;
        padding-left: 15px!important;
        padding-right: 35px!important;
    }
	    .carousel-caption .move-top p {
        display:none;
    }
    
   /* .carousel-caption {
        display: none;
    }
    .home-button{
        display: none;
    }
    .mobile-carousel-caption .home-button{
        position: relative;
        display: block;
        padding-top: 25px;
    } */
 
 
	.home-button {
    position: relative;
    bottom: auto;
    width: 100%;
    margin-top: 30px;
}
	
/*----------- footer --------*/
    .footer-menu,
    .social-area {
        padding: 0px 10px;
    }
    .social-links li a {
        margin-right: 5px;
    }
    .social-links {
        margin-top: 0;
    }
    
/*---------- page content ---------*/
    .inner-page-content-area {
        padding-top: 0px;
    }
       .box-heading{
        font-size: 20px;
    }
    .aca-info-box{
        margin-bottom: 30px;
    }
    /*.academic-table-titel h1{
    top: 135px;
    }
    .academic-table-titel p{
    top: 115px;
    }
    .animated-button{
    top: 0;
    }*/ 
    
    .content-titel {
        font-size: 29px;
    }    
    .page-subtitel{
        font-size: 22px;
        line-height: 34px;
    }
	 .main-bg h1 {
        position: relative;
        right: auto;
        top: auto;
        width: auto;
        font-size: 28px;
        line-height: 38px;
        background: rgb(5, 115, 30);
        padding: 20px 20px;
        margin-top: 0;
    }
    .main-bg h2 {
        position: relative;
        right: auto;
        top: auto;
        width: auto;
        font-size: 28px;
        line-height: 38px;
        background: rgb(5, 115, 30);
        padding: 20px 20px;
        margin-top: 0;
    }
    
/*---- related-area ------*/
    .related-area, .connect-area{
        margin-bottom: 30px
    }
    .related-area-content ul {
        padding: 20px;
    }
    .online-lear-area, .meet-lear-area {
        margin-bottom: 30px;
    }
    .related-info-connect2 .related-area-content {
        padding: 0 20px 20px;
    }
    
/*------- on-meet-area ------*/
    .on-meet-area {
        text-align: center;
		padding-top:50px;
    }
    .on-meet-area h4{
        padding-left: 0;
        font-size: 20px;
    }
    .online-lear-area, .meet-lear-area{
        padding: 25px;
    }
    
/*--------- academics-main-area ---------*/
    /* .academics-main-area .row {
    display: -webkit-flex;
    -webkit-flex-direction: column-reverse;
    display: flex;
    flex-direction: column-reverse;
    }*/
    .academic-image {
        background: none;
        height: 100%;
    }
    .academic-image img{
        width: 100%;
        display: block;
    }
    .academic-table-titel{
        padding: 135px 5px;
        height:380px;
    }
    .academic-table-titel h1,.academic-table-titel p {
        top: auto;
        margin-bottom: 0;
    }
    
    /*--------- financial-aid page ---------*/
    .page-head-title h2 {
        font-size: 26px;
    }
    .financial-aid-step-area .page-subtitel {
        font-size: 30px;
    }
    
    /*--------- campus-residence page ---------*/
    .campus-residence-bg h2 {
        font-size: 24px;
        position: absolute;
        right: 0;
        left: auto;
        padding: 6px 20px;
    }
    .residence-halls-area {
        min-height: 495px;
        margin-bottom: 20px;
	
    }
    .campus-residence-wrapper, .residence-table-area, .residence-quote-area{
       /* display: none; */
    }
	.bba-wrapper {
		padding-bottom: 0px;
	}
    .residence-halls-wrapper {
        background: #fff; /*was #f4f3f3*/
		padding-top: 25px;
    }
}

/*------------------------------------------------
* @media max-width: 480px
---------------------------------------------------*/

@media (max-width: 480px) {
    .residence-halls-wrapper .col-xs-6{
        width: 100%;
    }
    .campus-residence-bg img {
        width: 100%;
        height: 218px;
        object-fit: cover;
    }
        .top-alert {
    padding: 2px 0px;
}

    .alert-padding {
    padding-left: 0;
    font-size: 13px;
    font-weight: bold;
    color: #fff;
    line-height: 13px;
    font-family: arial;
    padding-top: 5px;
    padding-right: 0;
}

}