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

@media (max-width: 1200px) {
    .top-bar.nav-sticky{
        display: none;
    }
    /*---------- topbar ---------*/
    .top-navbar{
        display: none;
    }
    .top-navbar li a {
        padding: 10px 5px;
        font-size: 11px;
    }
    .top-search-form .form-control {
        width: 73%!important;
        margin-right: 0px;
        margin-top: 5px;
    }
    .topbar ul {
        padding: 0;
    }
    .top-nav-collapse .col-md-4{
        width: 25%;
    }
    .top-nav-collapse .navbar-brand {
        padding: 8px 0px 8px 0;
    }
    form.navbar-form.navbar-left.search-form {
        padding: 0px 0px 29px 0px;
        margin-bottom: 30px!important;
        box-shadow: none;
        border: none;
        border-bottom: 5px solid #f5dc6d;
    }
    .destop-search {
        display: none;
    }
    /*------------ navbar -----------*/
    .first-row {
        padding: 17.5px 0px;
    }
    button#showRight{
        top: 0px;
    
    }
    .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 {
    visibility: visible!important;}
    .cbp-spmenu .top-search-form .form-control {
        width: 73%!important;
    }
    /*--------- 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;
    }
    .home-button a {
        font-size: 14px;
    }
    /*------- slider carousel content --------*/
        .fill {
        background-position: right top;
    }
    .carousel-inner .item, .carousel-inner>.active .item {
    padding: 0;
    background: transparent;
}
   

    .scroll-fix {}
    .carousel-caption {
        top: 28%;
    }
    .carousel-caption .move-top {
        top: 0;
    }
    .carousel-indicators {
        /*display: none;*/
        
        bottom: 0;
    }
    .carousel-control .icon-prev{
        left: 30%    
    }
     .carousel-control .icon-next{
        right: 30%    
    }
    .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;
    }
    .event-details {
        min-height: 60px;
        margin-bottom: 5px;
        width: 64%;
        float: left;
    }
    /**/
    
    .wizard_nav {
        /* padding: 104.3px 94.3px 104.3px 20px;*/
        
        width: 167.5px;
    }
    .catlog-rightside {
        padding-left: 0;
    }
    .undergraduate-graduate-catalog h4 {
        font-size: 16px;
    }
    .academic-right-content {
        /*padding: 51.5px 70px 51.5px 70px;*/
        padding: 38px 40px 38px 40px;
    }
    .academic-sidebar {
        padding-left: 0;
    }
    .top-nav-collapse .navbar-brand img {
    width: 156px;
}
}
/*------------------------------------------------
* @media max-width: 991px
---------------------------------------------------*/

@media (max-width: 991px) {
      .navbar-fixed-top {
        top: 0;
        height: 59px;
        border-width: 0 0 1px;
    }
    
      .first-row {
        padding: 0px 0px;
    }
    /*----------- top bar -------------*/
    
    .top-search-form .form-control {
        width: 135px;
    }
      button#showRight{
        /*top: 21px;*/
      right: 10px;
          width: 50px;
    }
    /*------------ 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%;
    }
    /*------------ 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 h2 {
        right: 5%;
        top: 24%;
        width: 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;
    }
    /**/
    /*.wizard_nav{
        display: none;
    }*/
    .date-box{
            margin: 0px 20px 0px 0px;
    }
    .event-details {
        width: 63%;
    }
    .academic-right-content {
        /*padding: 10px 20px 40px 20px;*/
        padding: 0px 0px 0 20px;
    }
    .academic-right-content p {
        font-size: 17px;
        line-height: 33px;
    }
    .wizard_nav {
        /*    padding: 110px 0;
    width: auto;*/
        
        background: transparent;
    }
}
/*------------------------------------------------
* @media max-width: 767px
---------------------------------------------------*/

@media (max-width: 767px) {
    .news-wrapper, .college-catlog-area {
    padding-top: 75px;
}
    .aca-banner {
    padding-top: 76px;
}
    button#showRight {
        /*top: -45px;*/
    }
    .first-row {
        padding: 0px 0px;
    }
    form.navbar-form.navbar-left.search-form {
        margin: 0;
    }
    .cbp-spmenu .form-group.top-search-form {
        padding: 0 20px;
    }
    .top-search-form .form-control {
        float: left;
    }
    .searchsub img {
        margin-left: 10px;
    }
    .top-nav-collapse .col-md-4{
       width: 186px;
    }

    /*-------- top bar ------------*/
    
    .top-bar {
       /*position: relative;
        height: 125px;*/ 
        background: #452f8c!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 0 8px 0;
    }
    .navbar-brand>img {
        display: block;
        width: 156px;
    }
    .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: 86px;
    }
    .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%;
    }
    .fix-top {
        margin-top: 0px;
    }
    .mobile-carousel-caption {
        display:block;
        background: #492f92;
        padding: 20px 15px;
        color: #ffffff;
        font-size: 28px;
    }
    .mobile-carousel-caption a {
		visibility:hidden;
        color: #f5dc6d;
        font-size: 15px;
        font-weight: bold;
        font-family: 'Fira Sans', sans-serif;
    }
    .carousel-caption {
        display: none;
    }
    .home-button {
        display: none;
    }
    .mobile-carousel-caption .home-button {
        position: relative;
        display: block;
        padding-top: 25px;
    }
    .mobile-carousel-caption h2 {
        font-size: 28px;
        line-height: 45px;
        margin-top: 0;
    }
    /*----------- 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 {
        padding: 14px 14px;
        text-align: left;
    }
    .apply-academic.aca-info-box {
        margin-right: 0;
        margin-bottom: 2px;
    }
    .information-academic.aca-info-box {
        margin-left: 0;
    }
    .cta-button {
        text-align: left;
    }
    .content-titel {
        font-size: 29px;
    }
    .page-subtitel {
        font-size: 22px;
        line-height: 34px;
    }
    .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;
    }
    .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;
    }
    .residence-halls-wrapper {
        background: #f4f3f3;
    }
    /*footer area*/
    
    .mobile-padding {
        padding: 0px 40px;
    }
    footer {
        background: rgba(58, 58, 58, 0.95) url(../images/mobile-footer.jpg)50% 50% / cover no-repeat;
        padding: 40px 0 0;
    }
    .copyright, .copyright a{
            padding-top: 20px;
    }
    .copyright p {
        padding: 0px 35px 0 35px;
    }
    .date-box {
        margin: 7px 20px 0px 0px;
    }
    
    .event-box {
        margin-bottom: 40px;
        float: left;
        width: 100%;
    }
    .events-detail {
        padding: 40px 0px 0px 0px;
    }
    .event-details {
        width: 70%;
    }
    .events-detail h2 {
        margin-left: 0;
        margin: 0px 0px 0px 0px;
    }
    .events-detail-titels a{
        margin-top: 5px;
    }
    .college-spotlights h2 {
        font-size: 26px;
        line-height: 31px;
    }
    .highlights {
        padding-top: 20px;
        padding-bottom: 50px;
    }
    /*.highlights .container {
        padding: 0;
    }*/
    .feature, .headlines {
        padding-top: 20px;
    }
    .feature-fetute-image{
        margin-bottom: 20px;
    }
    .top-navbar {
        display: none;
    }
    .education-fetute-image img,
    .feature-fetute-image img {
        width: 100%;
    }
    .education-post-titel img {
        max-width: 100%!important;
        width: auto!important;
    }
    /**/
    
    .mobile-cta {
        padding: 0;
    }
    .mob-col {
        padding: 0;
    }
    .major,
    .visit,
    .apply {
        padding: 19px 36px;
        border-bottom: 1px solid #595756;
    }
    .apply {
        border-bottom: none;
    }
    .academic-link-heading a {
        font-size: 18px;
    }
    .academic-image.academic-box img {
        display: none;
    }
/*    .academic-right-content {
        position: relative;
        background: #414143;
    }*/
    .right-sidebar {
        display: none;
    }
    .mobile-additional-nav {
        display: block;
        margin: 0 15px 30px 15px;
    }
    /**/
    .news-wrapper h2{
        margin-bottom: 10px;
    }
    .news-box {
        width: 100%;
        float: left;
        margin-bottom: 45px;
    }
    .news-box-images {
        width: 40%;
        float: left;
    }
    .news-content-box {
        width: 60%;
        float: left;
        padding-left: 10px;
    }
    .news-box .news-date-time {
        margin: 0 0 5px 0;
        line-height: 16px;
    }
    .news-pagination {
        padding: 30px 0 50px;
    }
    .news-pagination .pagination li{
        margin-bottom: auto;
        margin: 0 3px;
    }
}

/*------------------------------------------------
* @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;
    }
    .cta-button {
        background: #201f1d;
        padding: 0px 0px;
        text-align: left;
    }
    .visit span {
        margin-right: 23px;
    }
    .academic-right-content p {
       font-size: 16px;
        line-height: 28px;
    }
    .academics-area p {
    font-size: 16px;
    line-height: 31px;
    margin-bottom: 35px;
}
    .academic-right-content h2 {
        font-size: 29px;
    }
    .wizard_nav {
        width: 94.5px;
    }
    .wizard_left.wizard_nav img,
    .wizard_right.wizard_nav img {
        top: 34%;
    }
    li.pagi-five, li.pagi-six, li.pagi-seven, li.pagi-eight, li.pagi-nine {
        display: none!important;
    }
    .news-pagination .pagination li a{
            padding: 4px 6px;
    }
    
}


@media screen and (min-device-width: 481px) and (max-device-width: 768px) { 
  
  .date-box {
    width: 55px!important;
    height: 60px!important;
	margin: 0px 6px 0px 0px!important;}
  
}