a:hover, a:focus {
    color: initial;
    text-decoration: none;
}

#header-main {
    position: relative;
}

a#register {
    top: 62px; 
    right: 28px;
    width: 306px;
}

#top-nav {
    /*height: 50px;*/
}

#top-nav a{
    cursor: pointer;
}

#top-nav > ul > li > a {
    font-size: 44px;
}

ul#menu-top {
    display: block;
} 

#date-banner {
    /*background-color: #ffdc01;*/
    padding: 15px 0 0 0;

}

#member-login-form .alert.alert-info {
    /*width: 902px;*/
    /*margin-bottom: -3px;*/
    padding: 10px 20px;
}

#member-login-form .alert.alert-info a {
    /*font-family: Arial, Helvetica;*/
}

.home .banner {
    /*margin-top: -2px;*/
}

.home .loggedin .banner {
    /*margin-top: 1px;*/
}

div#members-top {
    width: initial; 
    float: right; 
    margin-right: 15px; 
    /*margin-top: 3px;*/
}

#member-login-form {
    /*top: 325px;*/
    /*padding: 40px;*/
}

#member-login-form .title {
    margin-top: 20px;
}

#member-login-form form {
    /*margin-top: -57px;*/
}

p, ul, ol {
    margin: 0;
}

form#contact-form, form#register-form {
    margin: 0; 
    color: #18288D; 
    float: initial;
}

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak],
.ng-cloak, .x-ng-cloak,
.ng-hide:not(.ng-hide-animate) {
  display: none !important;
}

ng\:form {
  display: block;
}

.ng-animate-shim {
  visibility:hidden;
}

.ng-anchor {
  position:absolute;
}


.wrapper {
    /*width: 942px;*/
    /*margin-left: 8px;*/
}

div#dates-content ul#dates-list {
    width: 550px;
}

.dates_title {
    margin-bottom: 20px;
    float: left;
    margin-left: 25px;
    color: #18288a;
    font-size: 25px;
    font-weight: bold;
}

#location-info {
    width: 415px;
}

ul#home-gallery {
    width: 842px;
}

.adjudicators .brown-ribbon {
    left: -40px;
    margin-left: -40px;
    top: 0;
    height: 44px;
    width: 934px;
}

div.past-adjudicator .title {
    width: 140px;
}

ul#sponsors-page li {
    min-height: 177px;
    height: auto;
}

ul#sponsors-page li p {
    padding: 0 40px 20px;
}

#add-ensemble-form ul#dates li {
    min-height: 50px;
    margin-bottom: 0;
    padding: 10px;
    word-spacing: 
}

div#ensemble_summary table tbody tr td {
    vertical-align: middle;
    font-size: 13px;
}

.help-block.ng-scope.ng-active p {
    color: #ff0000;
    font-weight: bold;
}

.info-error {
    color: #d53c1e;
    font-weight: bold;
}

.info-success {
    color: #116D13;
    font-weight: bold;
}

.info-pending {
    color: #337ab7;
    font-weight: bold;
}

.info{
    color:#3c5c6a;
    font-weight:bold;
}

ul#page-sub-menu {
    display: block;
}

@media only screen and (max-width: 1023px) {
    .wrapper {
        width: 724px;
        /*margin-left: 8px;*/
    }

    #header-main {
        height: 143px;
    }

    a#register {
        top: 42px;
        right: 18px;
        width: 236px;
        height: 97px;
    }

    .home .banner {
        margin-top: 1px;
    }

    #member-login-form .alert.alert-info {
        width: 682px;
        margin-bottom: -3px;
        padding: 8px;
    }

    #member-login-form .alert.alert-info a {
        /*font-family: Arial, Helvetica;*/
    }

    #top-nav > ul > li > a {
        font-size: 33px;
    }

    img, #date-banner {
        width: 100%;
    }

    img {
        height: auto;
    }

    .sponser-list-item img {
        max-height: 125px;
    }

    #date-banner {
        /*width: 100%;*/
        /*background-size: contain;*/
        /*margin-top: -15px;*/
        /*height: 380px;*/
    }

    #header-top {
        /*width: 731px;*/
        /*padding-right: 10px;*/
    }

    #top-nav, div#dates-ctrn-home .red-ribbon {
        /*width: 732px;*/
    }

    .banner {
        height: 139px;
    }

    #content-home, #dates-content, .banner {
        /*width: 722px;*/
    }

    #member-login-form {
        /*top: 250px;*/
        /*background-color: #ffdc01;*/
        /*height: 133px;*/
        /*left: 0;*/
        /*padding-left: 20px;*/
    }

    #member-login-form .forgotpw {
        /*margin: 0;*/
        /*padding-right: 52px;*/
    }

    .banner {
        padding: 0;
    }

    .red-ribbon, .blue-ribbon, .brown-ribbon {
        width: 722px;
    }

    .brown-ribbon {
        margin-left: -11px;
    }

    .adjudicators.brown-ribbon {
        margin-left: -40px;
        width: 732px;
    }

    #dates-content img {
        width: 30%;
    }

    div#dates-content ul#dates-list {
        float: left;
        width: 440px;
        margin-left: 25px;
    }

    #sponsers-tweets-ctnr {
        height: 100%;
    }

    div#sponsors-home-list div.sponser-list-item a.even,
    div#sponsors-home-list div.sponser-list-item a.odd {
        width: 45%;
    }

    #tweets-ctnr {
        float: left;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    #tweets-ctnr {
        width: 567px;
    }

    #about-festival-content {
        width: 440px;
    }

    #location-info {
        width: 255px;
    }

    #location-map-home, #location-map-home iframe {
        width: 408px;
    }

    ul#home-gallery {
        width: 722px;
    }

    ul#home-gallery li {
        width: 163px;
    }

    ul#home-gallery li.first {
        margin-left: 14px;
        margin-right: 7px;
    }

    ul#home-gallery li {
        margin: 0 7px;
    }

    ul#home-gallery li img {
        width: initial;
        height: 100%;
    }

    h1 {
        font-size: 75px;
    }

    #col-right {
        width: 440px;
    }

    p#page-sub-title {
        width: initial;
    }

    div.past-adjudicator {
        width: 331px;
    }

    .brown-ribbon {
        width: 722px;
    }

    div.past-adjudicator .list {
        width: 165px;
    }

    ul#sponsors-page li p {
        padding: 0 20px 20px;
    }
    ul#sponsors-page li p {
        width: 355px;
    }

    #col-left-members {
        width: 180px;
    }

    ul#page-sub-menu-members {
        width: 180px;
    }

    #col-right-members {
        width: 460px;
    }

    #add-ensemble-form ul#dates label {
        width: 367px;
    }

    table#music-info-edit > tbody td input[type="text"] {
        width: 105px;
    }

    #col-right img {
        width: 100% !important;
        height: auto !important;
    }

    #col-right table {
        width: 100% !important;
    }
}

@media only screen and (max-width: 767px) {
    #main {
        padding-left: 0;
        padding-right: 0;
    }

    #main > .fusion-row > .fusion-fullwidth.fullwidth-box {
        padding-left: 0 !important;
        padding-right: 0 !important;   
    }

    #header {
        margin-top: -30px;
    }

    .container {
        padding: 0;
        /*padding-bottom: 160px;*/
        margin: 0 auto;
        min-width: 320px;
        max-width: 414px;
        width: 100%;
    }

    .wrapper {
        width: 100%;
    }

    img {
        width: 100%;
    }

    #header-top {
        width: 100%;
        margin-left: 0;
    }

    #header-main {
        min-height: 63px;
        height: auto;
    }

    a#register {
        top: 25px;
        right: 0px;
        width: 116px;
        height: 38px;
    }

    #top-nav, div#dates-ctrn-home .red-ribbon {
        width: 100%;
        margin-left: 0;
        background-position-x: -9px;
    }

    #content-home, #dates-content, body.home .banner {
        width: 100%;
        margin-top: -2px;
        height: auto;
    }

    body .banner {
        margin-top: -17px;
        width: 100%;
        height: auto;
    }

    #date-banner {
        /*width: 100%;*/
        /*background-size: contain;*/
        /*margin-top: -15px;*/
        /*min-height: 350px;*/
        /*height: 350px;*/
    }

    #member-login-form {
        /*top: 150px;*/
    }

    #member-login-form .alert.alert-info {
        width: 100%;
        margin-bottom: 15px;
    }

    #member-login-form .title {
        font-size: 26px;
        /*width: 131px;*/
    }

    #member-login-form form {
        margin-left: 0px;
        margin-top: 15px;
    }

    #member-login-form input {
        width: 100%;
        display: inline-block;
        margin-bottom: 10px;
    }

    #member-login-form .forgotpw {
        /*padding-right: 26px;*/
        /*float: left;*/
    }

    .home .banner {
        margin-top: -2px;
        height: auto;
    }

    div#sponsors-home-list div.read-more-btn {
        float: right;
        margin-right: 20px;
    }

    .ribbon-title2 {
        font-size: 1.6em;
        padding: 6px 0px 0px 6px;
        letter-spacing: 0px;
        font-family: 'Roboto';
        line-height: 30px;
    }

    #sponsers-ctnr .ribbon-title2 {
        font-size: 2.6em;
    }

    #dates-content {
        padding-left: 0px;
    }

    div#dates-content img {
        width: 80%;
        margin: 0 auto;
        display: block;
        float: none;
    }

    .dates_title {
        width: 80%;
        margin: 10px auto;
        display: block;
        float: none;
    }

    div#dates-content ul#dates-list {
        float: none;
        width: 80%;
        margin: 0 auto;
    }

    #sponsers-ctnr {
        width: 100%;
    }

    .brown-ribbon-med {
        width: 100%;
        top: 0;
        left: 0;
        background-position-x: -11px;
    }

    div#sponsors-home-list {
        width: 100%;
    }

    div#sponsors-home-list div.sponser-list-item {
        width: 100%;
    }

    .sponser-list-item img {
        max-height: 80px;
        max-width: 155px;
    }

    div#sponsors-home-list div.sponser-list-item a.even {
        float: left;
        margin-right: 20px;
    }

    div#sponsors-home-list div.sponser-list-item a.odd {
        float: left;
    }


    #tweets-ctnr {
        width: 100%;
        margin-bottom: 0px;
    }
    
    .brown-ribbon-small {
        width: 100%;
        top: 0;
        left: 0;
        background-position-x: -11px;
    }

    #tweets-ctnr ul {
        margin-top: 75px;
        width: 80%;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 0px;
    }

    .red-ribbon, .blue-ribbon, .brown-ribbon {
        width: 100%;
        margin-left: 0;
        background-position-x: -11px;
    }

    #about-festival-ctnr {
        display: inline-block;
        padding-top: 0;
        height: 100%;
        width: 100%;
    }

    #content-home ul#page-sub-menu.home {
        width: 156px;
        margin-left: 0;
    }

    #about-festival-content {
        width: calc(100% - 176px);
        margin-right: 20px;
        padding-left: 20px;
        margin-top: 0;
        height: 100%;
        float: left;
    }

    #festival-location-ctnr {
        padding-top: 0;
        margin-top: 0;
        height: 100%;
        display: inline-block;
    }

    #location-info {
        width: 100%;
        margin: 0;
        padding: 20px;
    }

    #location-map-home {
        width: 100%;
        margin: 0;
        padding: 20px;
    }

    #location-map-home iframe {
        width: 100%;
        margin: 0;
    }

    #pic-gallery-ctnr {
        position: relative;
        padding: 0px 0 35px 0;
        background-color: #FDE000;
        margin-top: -5px;
        height: 100%;
        display: inline-block;
    }

    ul#home-gallery {
        width: 100%;
        height: 100%;
        display: inline-block;
        padding: 0;
    }

    ul#home-gallery li {
        margin: 10px !important;
        width: 155px;
        margin-left: calc(55% - 195.5px) !important;
    }

    #content {
        /*padding: 10px 10px 30px 10px;*/
    }

    h1 {
        font-size: 52px;
    }

    .form-group {
        margin-bottom: 45px;
    }

    #col-left {
        width: 100%;
        margin-bottom: 20px;
    }

    ul#page-sub-menu.home, ul#page-sub-menu {
        width: 100%;
    }

    #col-right {
        width: 100%;
    }

    p#page-sub-title {
        font-size: 24px;
    }

    ul#sponsors-page li img {
        border: 0;
        width: 100%;
        height: auto;
    }

    ul#sponsors-page li p {
        width: 100%;
        padding: 20px 20px 0px 0px
    }

    div#contact-details {
        width: 100% !important;
        margin-top: 0;
        padding: 0;
    }

    ul#adjudicators-list li {
        margin: 10px 10px;
    }

    .adjudicators.brown-ribbon {
        margin-left: -11px;
        left: 0px;
        width: 105%;
    }

    div.past-adjudicator {
        width: 100%;
    }

    div.past-adjudicator div {
        padding: 10px 0 !important;
    }

    div.past-adjudicator .title {
        width: 180px;
        font-size: 24px;
    }

    div.past-adjudicator.even {
        border: 0;
    }

    form#register-form label, form#register-form input, form#register-form textarea {
        float: none;
        display: block;
    }

    #register .form-group {
        margin-bottom: 15px;
    }

    #col-left-members, #col-right-members {
        width: 100%;
    }

    #col-right img {
        width: 100% !important;
        height: auto !important;
    }

    ul#page-sub-menu.collapse:not(.in) {
        display: none;
    }

    #top-nav {
        position: relative;
    }

    #top-nav > ul {
        background-color: #FFF;
        position: absolute;
        top: 42px;
        z-index: 99999999;
    }

    ul#menu-top.collapse:not(.in) {
        display: none;
    }

    #top-nav > ul > li {
        display: block;
        width: 100%;
        border-bottom: 1px solid #eee;
    }

    #top-nav > ul > li > a {
        color: #000;
        text-align: center;
    }

    #top-nav > ul > li > a:hover {
        color: #19288d;
    }

    ul#page-sub-menu-members {
        width: 100%;
    }



    /* start responsive table */
    table {
      border: 0;
      width: 100% !important;
    }

    table thead {
      /*display: none;*/
    }

    table thead th, table thead td{
      text-align: left;
    }

    table tr {
      margin-bottom: 0px;
      display: block;
      border-bottom: 0px solid #ddd;
    }

    table th,
    table td {
      display: block;
      text-align: right;
      font-size: 13px;
      border-bottom: 1px dotted #ccc;
    }

    table td:last-child {
      border-bottom: 0;
    }

    table td:before {
      content: attr(data-label);
      float: left;
      /*padding-right: 10px;*/
      text-transform: capitalize;
      font-weight: bold;
    }

    table#compere_notes_edit textarea {
        width: 100%;
    }

    .table-striped > tbody > tr:nth-of-type(odd) {
        background-color: #f3f3f3;
    }

    div#ensemble_summary table tbody tr td {
        text-align: right;
    }

    #edit-school-form table tbody td, 
    #add-ensemble-form table tbody td, 
    #update-passw-form table tbody td, 
    #student_access_form table tbody td, 
    #view-ensemble table tbody td, 
    #forgot-pw-form table tbody td, 
    #unsubscribe-form table tbody td {
        text-align: right;
    }

    #add-ensemble-form table tbody td {
        text-align: left;
    }

    #edit-school-form input[type="text"], 
    #edit-school-form input[type="email"], 
    #add-ensemble-form input[type="text"], 
    #add-ensemble-form input[type="email"], 
    #update-passw-form input[type="password"], 
    #forgot-pw-form input[type="email"], 
    #unsubscribe-form input[type="email"] {
        width: 100%;
    }

    #edit-school-form table tbody td label, 
    #add-ensemble-form table tbody td label, 
    #update-passw-form table tbody label, 
    #student_access_form table tbody label, 
    #view-ensemble table tbody label, 
    #forgot-pw-form table tbody label, 
    #unsubscribe-form table tbody label {
        text-align: left;
    }

    #view-ensemble > table tbody td {
        width: 100%;
    }
    /* end responsive table */
}

@media only screen and (max-width: 413px) {
    ul#home-gallery li {
        margin-left: calc(55% - 87.5px) !important;
    }

    #date-banner {
        width: 100%;
        background-size: contain;
        margin-top: -15px;
        min-height: 380px;
        height: 380px;
    }

    #member-login-form {
        top: 130px;
    }

    #member-login-form input {
        width: 175px;
    }
}