/* Project CSS UF/IFAS IT 2017 */
 @import url('https://fonts.googleapis.com/css?family=Cabin|Roboto');

 .navbar{
     z-index:0;
     position: static;
}

 #aa{
     position: relative;
}

/*Above are the overlay icon to display  */
 #partner{
     font-size: 24px;
     font-family:'Merriweather Sans', sans-serif;
     text-shadow:1px 1px;
}
#login_register:hover {
    text-decoration: underline;
}
 .customContainer{
     margin-left: 5%;
     margin-right:5%;
}
}
 .carousel-caption{
     font-size:30px;
     font-weight:bold;
}
 #eventHeader{
     font-weight: bold;
     font-size: 24px;
     margin-bottom: -15px;
     margin-top: 15px;
     text-align: center;
}
 #eventTitle{
     font-weight: bold;
     font-family:'Merriweather Sans', sans-serif;
     margin-left: 5px;
     font-size: 20px;
}
 #eventDetail{
     font-size: 16px;
     font-family: 'Merriweather Sans', sans-serif;
     word-wrap: break-word;
     width: 100%;
     font-stretch: expanded;
}


 body, h1, h2, h3, h4 {
     font-family: 'Merriweather Sans', sans-serif;
     font-weight:500;
    /* font-family: 'Montserrat', sans-serif;
     Merriweather Sans used in Farm Bureau font-family: 'Open Sans', sans-serif;
     font-family: 'Lato', sans-serif;
     font-family: 'Roboto', sans-serif;
     font-family: Roboto,Arial,sans-serif;
     font-size: 14px;
     color:#333;
     */
}
/* navbar */
 .navbar {
     margin-bottom: 0px;
     border: 0px;
}
 .navbar-default {
     background-color: #0021A5;
     border-radius: 0px;
}
 .navbar-default .navbar-nav > li > a {
     color: white;
     font-size: 1.2em;
     height: 54px;
}
 .navbar > a {
     color: white;
     font-size: 1.2em;
     height: 54px;
}
 .nav-link > a {
     color: white;
     font-size: 1.2em;
     height: 54px;
}
 .navbar-default .navbar-nav>li>a:focus {
     color: white;
}
 .navbar-default .navbar-nav>li>a:hover {
     color: burlywood;
}
 .navbar ul{
     float:left;
}
/* collapse */
 .navbar-collapse {
     padding-left: 0px;
}
/* navbar brand */
 .navbar-brand {
     padding: 0px;
}
 .navbar-brand > img{
     height:100%;
     padding: 7px 20px;
     width: auto;
}
 #mobileHeader{
     display:none;
}
#training:hover {
    text-decoration: underline;

}
/* dropdown menu */
 .navbar-nav>li>.dropdown-menu {
     margin-left: -1px;
}
 .dropdown-menu {
    /*background-color: #0021A5;
    */
     background-color: #003366;
    ;
}
 .dropdown-menu > a{
     padding: 10px 10px;
     color: white;
     font-size: 1.0em;
}
 .dropdown-menu > li > a {
     padding: 10px 10px;
     color: white;
     font-size: 1.0em;
}
 .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {
     color: black;
}
#navbarDropdownMenuLink:hover {
     color: black;
     background-color:#FFFFFF; 

}
#navbarDropdownMenuLink {
     color: white;
}

/* search bar */
 .stylish-input-group .input-group-addon{
     background: white !important;
}
 .stylish-input-group .form-control{
     border-right:0;
     box-shadow:0 0 0;
     border-color:#ccc;
}
 .stylish-input-group button{
     border:0;
     background:transparent;
}
/* icon bar */
 #iconbar .col-lg-2 {
     text-align: center;
     padding-bottom: 40px;
}
 #iconbar .icon {
     width: 100px;
     margin: 0 auto;
}
 #iconbar {
     max-width: 1200px;
     margin: 0 auto;
}
/* event panel */
 .date-block {
     background-color: #FFFFFF;
     float: left;
     width: 42px;
     margin: -10px 10px 0px -30px;
}
 .date-block .month {
     background-color: #243778;
     color: #FFFFFF;
     display: block;
     font-size: 1.1em;
     font-weight: bold;
     text-align: center;
     text-transform: uppercase;
}
 .date-block .day {
     border-right: 1px solid #999999;
     border-style: none solid solid;
     border-width: medium 0.1px 0.7px;
     display: block;
     font-size: 1.1em;
     font-weight: bold;
     padding: 1px;
     text-align: center;
}
 .date-block .weekday {
     background-color: #243778;
     color: #FFFFFF;
     display: block;
     font-size: 1.0em;
     font-weight: bold;
     text-align: center;
     text-transform: uppercase;
}
 .date-block .event-content {
}
/* monthly cards */
 #monthly-cards .img-responsive {
     margin-bottom: 5%;
}
/* login modal */
 .loginmodal-container {
     padding: 30px;
     max-width: 350px;
     width: 100% !important;
     background-color: #F7F7F7;
     margin: 0 auto;
     border-radius: 2px;
     box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
     overflow: hidden;
     font-family: roboto;
}
 .loginmodal-container h1 {
     text-align: center;
     font-size: 1.8em;
     font-family: roboto;
}
 .loginmodal-container input[type=submit] {
     width: 100%;
     display: block;
     margin-bottom: 10px;
     position: relative;
}
 .loginmodal-container input[type=text], input[type=password] {
     height: 44px;
     font-size: 16px;
     width: 100%;
     margin-bottom: 10px;
     -webkit-appearance: none;
     background: #fff;
     border: 1px solid #d9d9d9;
     border-top: 1px solid #c0c0c0;
    /* border-radius: 2px;
     */
     padding: 0 8px;
     box-sizing: border-box;
     -moz-box-sizing: border-box;
}
 .loginmodal-container input[type=text]:hover, input[type=password]:hover {
     border: 1px solid #b9b9b9;
     border-top: 1px solid #a0a0a0;
     -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
     -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
     box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
}
 .loginmodal {
     text-align: center;
     font-size: 14px;
     font-family: 'Arial', sans-serif;
     font-weight: 700;
     height: 36px;
     padding: 0 8px;
    /* border-radius: 3px;
     */
    /* -webkit-user-select: none;
     user-select: none;
     */
}
 .loginmodal-submit {
    /* border: 1px solid #3079ed;
     */
     border: 0px;
     color: #fff;
     text-shadow: 0 1px rgba(0,0,0,0.1);
     background-color: #4d90fe;
     padding: 17px 0px;
     font-family: roboto;
     font-size: 14px;
    /* background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#4d90fe), to(#4787ed));
     */
}
 .loginmodal-submit:hover {
    /* border: 1px solid #2f5bb7;
     */
     border: 0px;
     text-shadow: 0 1px rgba(0,0,0,0.3);
     background-color: #357ae8;
    /* background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#4d90fe), to(#357ae8));
     */
}
 .loginmodal-container a {
     text-decoration: none;
     color: #666;
     font-weight: 400;
     text-align: center;
     display: inline-block;
     opacity: 0.6;
     transition: opacity ease 0.5s;
}
 .login-help{
     font-size: 14px;
}
/* background image */
 .bgimage{
    /* background-image:url('https://flsartt.ifas.ufl.edu/bootstrap-demo/asset/images/banner1.jpg');
     */
     background-color: #0021A5;
     background-position:center center;
     background-size: cover;
     height: 280px;
     margin-top:50px;
}
 .bgimage .col-sm-4{
     margin-top:30px;
}
 .bannerheading{
     margin-top:75px;
     text-align:center;
}
 .bannerheading h1{
     color: white;
}
 .bannerheading h2{
     color: yellow;
}
 .imageAndText {
     position: relative;
}
 .imageAndText .col {
     position: absolute;
     color: white;
     z-index: 1;
     top: 0;
     left: 0;
}
 .imageAndText .col-sm-12 > h1 {
    /*font-family: 'Tangerine', serif;
    */
     font-family: 'Montserrat', serif;
     font-size:40px;
     text-align:center;
     margin-top:95px;
}
 .headerbox {
     background-color: #607D8B;
}
.modal-body {
  position:relative;
  padding:0px;
}
 #footer{
    float:left;
    width:100%;
    color:#FFFFFF;
    font-size:85%;
    padding:10px 0px 15px 0px;
    text-align:center;
    background:#3975AE;
}
 #footer a{
    color:#FFFFFF;
}
 #footer a:hover{
    color:#fbf88d;
}
 #footer ul{
    padding-right:390px;
}
 #footer ul a:hover{
    color:#fbf88d;
}
 #footer li{
    display:inline;
    padding-right:1px;
    padding-top:15px;
    font-size:95%;
}
/**MARGIN 5*/
 .margin5{
    margin:5px !important
}
 .marginTop5{
    margin-top:5px !important
}
 .marginBottom5{
    margin-bottom:5px !important
}
 .marginRight5{
    margin-right:5px !important
}
 .marginLeft5{
    margin-left:5px !important
}
 .footer {
     background-color: #0021a5;
     width: 100%;
     border-top: 1px solid #f56f02;
     min-height: 150px;
     color: #FFF;
     padding-bottom: 15px;
}
 .footer2 {
     margin-top: 15px;
     border-top: 1px solid #5F5D97;
     border-width: thin;
     padding-left: 10px;
     width: 100%;
     font-size: 11px;
}
 .footer2 ul li a:link, .footer2 ul li a:visited {
     text-decoration: none;
     color: #FFF;
}
 .footer2 ul li a:hover {
     text-decoration: underline;
     color: #FFF;
}
 .footer2 ul {
     list-style-type: none;
     padding-left: 0 !important;
     margin-bottom: 5px;
}
 .footer2 ul li {
     display: inline;
     border-left: 1px solid #5F5D97;
     padding-left: 10px;
     margin-left: 10px;
}
 .footer2 ul li:nth-child(1) {
     border-left: 0;
     padding-left: 0;
     margin-left: 0;
}
 .footlogo {
     margin-top: 25px;
}
 .spacer10 {
     height: 10px;
}
 .margin-top-05 {
     margin-top: 0.5em;
}
 .margin-top-10 {
     margin-top: 1.0em;
}
 .margin-top-15 {
     margin-top: 1.5em;
}
 .margin-top-20 {
     margin-top: 2.0em;
}
 .margin-top-25 {
     margin-top: 2.5em;
}
 .margin-top-30 {
     margin-top: 3.0em;
}
 .margin-bottom-05 {
     margin-bottom: 0.5em;
}
 .margin-bottom-10 {
     margin-bottom: 1.0em;
}
 .margin-bottom-15 {
     margin-bottom: 1.5em;
}
 .margin-bottom-20 {
     margin-bottom: 2.0em;
}
 .margin-bottom-25 {
     margin-bottom: 2.5em;
}
 .margin-bottom-30 {
     margin-bottom: 3.0em;
}
 #partner-field .col-lg-2 {
    height: 70px;
     line-height: 70px;
}
 #partner-field .col-lg-3 {
    height: 70px;
     line-height: 70px;
}
 #partner-field .col-md-3 {
    height: 70px;
     line-height: 70px;
}
 #partner-field .col-md-4 {
    height: 70px;
     line-height: 70px;
}
 #partner-field .col-md-5 {
    height: 70px;
     line-height: 70px;
}
 #partner-field .col-md-6 {
    height: 70px;
     line-height: 70px;
}
 #partner-field .col-sm-4 {
    height: 70px;
     line-height: 70px;
}
 #partner-field .col-sm-6 {
    height: 70px;
     line-height: 70px;
}
 #partner-field .col-xs-5 {
    height: 70px;
     line-height: 70px;
}
 #partner-field .col-xs-6 {
    height: 70px;
     line-height: 70px;
}
 #partner-field .col-xs-7 {
    height: 70px;
     line-height: 70px;
}
 #partner-field .col-xs-12 {
    height: 70px;
     line-height: 70px;
}
 .imageClipper{
     height:100px;
     overflow:hidden;
}
/* Sponsor Display*/
 #rig {
     max-width:100%;
     margin:0 auto;
    /*center aligned*/
     padding:0;
     font-size:0;
    /* Remember to change it back to normal font size if have captions */
     list-style:none;
}
 #rig li {
     display: inline-block;
     *display:inline;
    /*for IE6 - IE7*/
     width:25%;
     vertical-align:middle;
     box-sizing:border-box;
     margin:0;
     padding:0;
}
#rig :hover #rig-img {
    transform:scale(1.15);
}
/* The wrapper for each item */
 .rig-cell {
    /*margin:12px;
     box-shadow:0 0 6px rgba(0,0,0,0.3);
    */
     display:block;
     position: relative;
     overflow:hidden;
}
/* If have the image layer */
 .rig-img {
     display:block;
     width: 100%;
     height: 50%;
     border:none;
     transform:scale(1);
     transition:all 1s;
     margin:0 auto;
}

/* If have the overlay layer */
 .rig-overlay {
     position: absolute;
     display:block;
     top: 0;
     left: 0;
     bottom: 0;
     right: 0;
     margin: auto;
     background: #3DC0F1;
     background-size:50px 50px;
     opacity:0;
     filter:alpha(opacity=0);
    /*For IE6 - IE8*/
     transition:all 0.6s;
}
/* If have captions */
 .rig-text {
     display:block;
     padding:0 30px;
     box-sizing:border-box;
     position:relative;
     left:0;
     width:100%;
     text-align:left;
     text-transform:capitalize;
     font-size:18px;
     font-weight:bold;
     font-family: 'Oswald', sans-serif;
     font-weight:normal!important;
     top:40%;
     color:white;
     opacity:0;
     filter:alpha(opacity=0);
    /*For older IE*/
     transform:translateY(-20px);
     transition:all .3s;
}
 .img-icon {
     height:110px;
     width:110px;
}
.partners-img {
    transition:all 2.5s;
}
.partners :hover .partners-img {
    transform:scale(1.5);
}
/******************* Four icon elements ********************/
/********************* top jumbotron style *********************/
 .flsart {
     padding-left: 90px;
     padding-right: 40px;
     padding-top: 5%;
     font-size:60px;
     font-weight:bold;
     color: white;
}
 .flsartvalue {
     font-size:36px;
     color: white;
     font-weight:200;
}
.my-auto {
    margin-top: auto;
margin-bottom: auto;
}
/* Meida CSS */
 .sentinel {
     background-color: #16225f;
}
 .hottopics {
     background-color: #16225f;
}
 .presentationLibrary {
     background-color: #16225f;
}
 .mediaGallery {
     background-color: #16225f;
}
 .panel-heading {
     background: #000;
}
 .centered-form{
     margin-top: 60px;
}
 .centered-form .panel{
     background: #e9e9e9;
}
/*Circle*/
 .navlinks div {
     position: relative;
}
 .navlinks div::before {
     position: absolute;
     top: 50%;
     left: 50%;
     z-index: 2;
     display: block;
     content: '';
     width: 0;
     height: 0;
     background: rgba(255,255,255,.2);
     -webkit-transform: translate(-50%, -50%);
     transform: translate(-50%, -50%);
     opacity: 0;
}
 .navlinks div:hover::before {
     -webkit-animation: circle .75s;
     animation: circle .75s;
}
 @-webkit-keyframes circle {
     0% {
         opacity: 1;
    }
     40% {
         opacity: 1;
    }
     100% {
         width: 120%;
         height: 120%;
         opacity: 0;
    }
}
 @keyframes circle {
     0% {
         opacity: 1;
    }
     40% {
         opacity: 1;
    }
     100% {
         width: 120%;
         height: 120%;
         opacity: 0;
    }
}
/* End Meida CSS*/
/* Meida 2 CSS for SART Sentinel, hot topics , presentation library. media gallery*/
 #brochureList p{
     font-size:24px;
     color: white;
     font-weight:bold;
}
/* End media 2 */
/* News CSS */
 .jasgrid{
    padding:0;
}
 .box-item {
     float: center;
     opacity: 1;
     overflow: hidden;
     position: relative;
}
 .box-item img {
     width: 100%;
}
 .box-item a{
    color:#FFF;
}
 .box-item .box-post span.meta {
     font-family: sans-serif;
     font-size: 12px;
     color: #fff;
     margin-top: 15px;
     display: block;
}
 .box-item .box-post span.meta span {
     margin-right: 15px;
}
 .box-item .box-post {
     position: absolute;
     left: 0;
     bottom: 0;
     width: 100%;
     background: linear-gradient(to top, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%);
     padding: 40px;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
}
 .box-item .box-post h1 .post-title {
     font-size:10pt;
}
/* End news CSS */
/* Newsfeed CSS */
 .index-content a:hover{
     color:black;
     text-decoration:none;
}
 .index-content{
     margin-bottom:20px;
     padding:50px 0px;
}
 .index-content .row{
     margin-top:20px;
}
 .index-content a{
     color: black;
}
 .index-content .card{
     background-color: #FFFFFF;
     padding:0;
     -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
     border-radius:4px;
     box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14), 0 1px 10px 0 rgba(0,0,0,0.12), 0 2px 4px -1px rgba(0,0,0,0.3);
}
 .index-content .card:hover{
     box-shadow: 0 16px 24px 2px rgba(0,0,0,0.14), 0 6px 30px 5px rgba(0,0,0,0.12), 0 8px 10px -5px rgba(0,0,0,0.3);
     color:black;
}
 .index-content .card img{
     width:100%;
     border-top-left-radius: 4px;
     border-top-right-radius: 4px;
}
 .index-content .card h4{
     margin:20px;
}
 .index-content .card p{
     margin:20px;
    /* opacity: 0.65;
     if want grey text, remove the*/
}
 .index-content .blue-button{
     width: 100px;
     -webkit-transition: background-color 1s , color 1s;
    /* For Safari 3.1 to 6.0 */
     transition: background-color 1s , color 1s;
     min-height: 20px;
     background-color: #002E5B;
     color: #ffffff;
     border-radius: 4px;
     text-align: center;
     font-weight: lighter;
     margin: 0px 20px 15px 20px;
     padding: 5px 0px;
     display: inline-block;
}
 .index-content .blue-button:hover{
     background-color: #dadada;
     color: #002E5B;
}
 input {
     outline: none;
     
}
 input[type=search] {
     -webkit-appearance: textfield;
     -webkit-box-sizing: content-box;
     font-family: inherit;
     font-size: 90%;
}
 input::-webkit-search-decoration, input::-webkit-search-cancel-button {
     display: none;
    /* remove the search and cancel icon */
}
/* search input field */
/* add #ededed if you want grey background for the search area https://www.dreamtemplate.com/dreamcodes/web_icons/find-smini-16.png */
 input[type=search] {
     background:url(/asset/images/gray-classic-search-icon.png) no-repeat 3px center;
     border: solid 0px #fff;
     padding: 6px 8px 4px 25px;
     width: 80px;  /*change from 55px to fix IE out screen display */
     -webkit-border-radius: 8em;
     -moz-border-radius: 8em;
     border-radius: 8em;
     -webkit-transition: all .5s;
     -moz-transition: all .5s;
     transition: all .5s;
     height:26px;
}
 input[type=search]:focus {
     width: 130px;
     background-color: #fff;
     border-color: #6dcff6;
     -webkit-box-shadow: 0 0 5px rgba(109,207,246,.5);
     -moz-box-shadow: 0 0 5px rgba(109,207,246,.5);
     box-shadow: 0 0 5px rgba(109,207,246,.5);
}
/* placeholder */
 input:-moz-placeholder {
     color: #999;
}
 input::-webkit-input-placeholder {
     color: #999;
}
/* End Search Bar CSS*/
/* Header CSS*/
 .carousel-caption {
     left: 5%;
     text-align: left;
     background-color: transparent;
     max-width: 550px;
     right:  auto;
     padding:5px;
}
/* change navbar-toggler inside lines color (stroke) */
.navbar span.navbar-toggler-icon {
    border-color:white;
     background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 2.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
 }
/* change hamburger button border color */
 button.navbar-toggler.navbar-toggler-right {
     border-color: white;
}
/* Hidding the background of the login and search icon*/
 button {
     background-color: Transparent;
     background-repeat:no-repeat;
     border: none;
     cursor:pointer;
     overflow: hidden;
}
 .navbar {
     clip: rect(1px, 1px, 1px, 1px);
     -webkit-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.3);
     -moz-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.3);
     box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.3);
}
 #verticleAlign{
     position: relative;
     top:40%;
     transform: translateY(10%);
}
 #partner h2{
     font-family: 'entypo', sans-serif;
     font-weight: 700;
     font-style: normal;
}
/*ABOUTUS/CONTACT CSS */
 .contact p {
     margin-bottom: 24px;
     font: 13px/20px 'Open Sans', sans-serif;
}
/*END ABOUTUS/CONTACT CSS */
 @media screen and (max-width: 9000px) {
    .carousel-caption{
         font-size:28px;
         font-weight:bold;
    }
     #rig li {
         width:12%;

    }
     #overviewVideo{
      /*  This is for the video display in aboutus/overview.jsp page */
      width: 450px;
    }
}
 @media (max-width: 1200px){
    #overviewVideo{
      /*  This is for the video display in aboutus/overview.jsp page */
      padding-top: 15px;
      width: 325px;
    }
     .carousel-caption{
         font-size:22px;
         font-weight:bold;
    }
    }
     #eventTitle{
         font-weight: bold;
         font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
         font-size: 14px;
    }
     #eventDetail{
         font-size: 13px;
         font-family: Verdana, Geneva, sans-serif;
         word-wrap: break-word;
         width: 100%;
         font-stretch: expanded;
    }
     #jumbotrontext{
         margin-top: 5%;
         font-size: 25px;
    }
    #jumbotrontext2{
         margin-top: 5%;
         margin-bottom: 5%;
         margin-left: 10%; 
         margin-right: 10%;
         text-align: center; 
         font-size:30px;
    }
    #homeCard {
        margin-top: -4%;
        margin-left: -3%; 
        margin-right: -3%;
        
    }
    #homeCardBody {
        font-size: 17px;
        margin-bottom: 15%;
    }
    #register {
        margin-left: 16.7%; 
        margin-bottom:5%;
    }
    #register:hover {
        text-decoration: underline;
    }
     .flsart {
         padding-top: 5%;
         margin-right :57%;
         font-size:30px;
         font-weight:bold;
         color: white;
    }    
     .flsartvalue {
         font-size:30px;
         color: white;
    }
     #rig li {
         width:25%;
    }
    #bottom-left {
      position: absolute;
      bottom: 0;
      left: 0;
    }
   

 .btn-outlined.btn-success {
     background: none;
     border: 3px solid #5cb85c;
     color: #5cb85c;
}
 .btn-outlined.btn-success:hover, .btn-outlined.btn-success:active {
     color: #FFF;
     background: #47a447;
}
 .btn-outlined.btn-info {
     background: none;
     border: 3px solid #5bc0de;
     color: white;
     padding-left: 90px;
}
 .btn-outlined.btn-info:hover, .btn-outlined.btn-info:active {
     color: #FFF;
     background: #39b3d7;
     padding-left: 90px;
}
/*End header css*/
/* Media Query */
 @media screen and (min-width: 769px) {
     #mobileCarousel {
         display: none;
    }
     #mobileSign {
         display: none;
    }
	
	 #mobileSign1 {
         display: none;
    }
	
     #mobileSearchBar {
         display: none;
    }
    .context {
        margin-left:2%;
        margin-right:1%;
        margin-top: 1%;
    }
}

@media screen and (max-width: 768px) and (min-width: 768px) {


    .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-static-top {
        top: 0;
        border-width: 0 0 1px;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin-top: 7.5px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
        display:block !important;
    }

    .navbar-default .navbar-nav > li {
        padding-left: 0px !important;
    }

    .navbar-nav .open .dropdown-menu {
      position: static !important;
      float: none !important;
      width: auto;
      margin-top: 0;
      background-color: transparent;
      border: 0;
      box-shadow: none;
      padding-left: 10px;
    }

    .navbar-default .navbar-nav > li {
        padding-left: 10px;
    }

    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: white;
        padding-top: 5px;
        padding-bottom: 10px;
    }

    #desktopSearchBar {
      display: none;
    }

    #wrapper {
      display: none;
    }

    #mobileCarousel {
      display: block;
    }

    .carousel-inner .item img {
      margin: auto;
    }

    #jumbo h4 {
      font-size: 1.4em;
    }

    #jumbo h5 {
      font-size: 1.2em;
    }

    #first-navbar {
      height: 65px;
    }

    #mobileSign {
    padding-right:10%;
    text-align:right;
    }
  
	#mobileSign1 {
	text-align:center;
    }
	
    #desktopSign {
      display: none;
    }

    .glyphicon-user {
      color: white;
    }
    .glyphicon-user:active {
      color: #C0C0CA;
    }
}
 @media screen and (max-width: 767px) {
     .carousel-caption{
         top:40%;
         font-size:14px;
         font-weight:bold;
    }
     #eventTitle{
         font-weight: bold;
         font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
         font-size: 14px;
    }
     #eventDetail{
         font-size: 12px;
         font-family: Verdana, Geneva, sans-serif;
         word-wrap: break-word;
         width: 100%;
         font-stretch: expanded;
    }
     h1 {
         font-size: 15px;
    }
     .navbar-default .navbar-nav > li {
         padding-left: 10px;
    }
     .navbar-default .navbar-nav .open .dropdown-menu > li > a {
         color: white;
         padding-top: 5px;
         padding-bottom: 10px;
    }
     #desktopSearchBar {
         display: none;
    }
     #wrapper {
         display: none;
    }
     #mobileCarousel {
         display: block;
    }
     .carousel-inner .item img {
         margin: auto;
    }
     #jumbo h4 {
         font-size: 1.4em;
    }
     #jumbo h5 {
         font-size: 1.2em;
    }
     #mobileSign {
         padding-right:22%;
         text-align:right;
    }
    #register {
        margin-left: 0%; 
    }
    #register:hover {
        text-decoration: underline;
    }
	
	#mobileSign1 {
		 text-align:center;
    }
	
     #desktopSign {
         display: none;
    }
     .glyphicon-user {
         color: white;
    }
     .glyphicon-user:active {
         color: #C0C0CA;
    }
     .flsart {
         padding-top: 20%;
         padding-left: 20px;
         font-size:25px;
         font-weight:bold;
         color: white;
    }
     .flsartvalue {
         font-size:18px;
         color: white;
    }
}
 @media screen and (max-width: 568px) {
     #cards{
         margin-top: -10%;
    }
     #brochure-img{
         width:75px;
         height:75px;
    }
     #brochureList p{
         font-size:12px;
         color: white;
         font-weight:bold;
    }
     #eventTitle{
         font-weight: bold;
         font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif font-size: 14px;
    }
     #eventDetail{
         font-size: 12px;
         font-family: Verdana, Geneva, sans-serif;
         word-wrap: break-word;
         width: 100%;
         font-stretch: expanded;
    }
     h1 {
         font-size: 1.5em;
    }
     h2 {
         font-size: 1.3em;
    }
     #rig li {
         width:33.33%;
    }
     #partner{
         display:none;
    }
     #jumbotrontext{
         font-size: 15.5px;
         margin-top: 15%;
    }
    #jumbotrontext2{
         margin-top: 10%;
         margin-bottom: 10%;
         margin-left: 10%; 
         margin-right: 10%;
         text-align: center; 
         font-size:17px;
    }
     .date-block {
         background-color: #FFFFFF;
         float: left;
         width: 42px;
         margin: -10px 10px 0px 0px;
    }
     .flsart {
         padding-top: 35%;
         padding-left: 20px;
         font-size:25px;
         font-weight:bold;
         color: white;
    }
     .flsartvalue {
         font-size:18px;
         color: white;
    }
	
}
  @media screen and (max-width: 456px) {
    /*
  iPhone 5/SE view Pixel 2XL, Galaxy S5 etc.
    */
    #overviewVideo{
    /*  This is for the video display in aboutus/overview.jsp page */
    width: 250px;
    }
    }
/*table*/