body {
    font-family: 'mini_serifregular', serif;
}

.navbar-inverse
{
    background-color:transparent;
    border-color:transparent;
}

.nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover {
    color: #000;
    background-color: #fff;
}

.nav > li > a:focus, .nav > li > a:hover {
    background-color: #fff;
    text-decoration: underline;
}

.nav > li.active {
    text-decoration: underline;
}

nav a {
    text-transform: uppercase;
    font-family: 'mini_sans_serifregular', Helvetica, Arial, sans-serif;
}

.navbar-text
{
    text-transform:uppercase;
    font-family: 'mini_serifbold', serif;
    font-weight: bold;
    float:left;
    margin-left:auto;
    margin-right:auto;
    display:none;
}

h1 {
    text-transform: uppercase;
    font-family: 'mini_serifbold', serif;
    font-weight: bold;
}

h2 {
    text-transform: uppercase;
    font-family: 'mini_serifbold', serif;
    font-weight: bold;
}

h3 {
    text-transform: uppercase;
    font-family: 'mini_serifbold', serif;
    font-weight: bold;
}

h3.small-title {
    text-transform: uppercase;
    font-family: 'mini_serifbold', serif;
    font-weight: bold;
}

form h3 {
    font-family: 'mini_serifbold', serif;
    text-transform: none;
    border-bottom: solid 2px #000 !important;
}

p {
    color: #000;
    font-family: 'mini_serifregular', serif;
}

li {
    color: #000;
    font-family: 'mini_serifregular', serif;
}

a {
    color: #000;
    font-family: 'mini_sans_serifregular', serif;
    text-transform: uppercase;
}

a:hover {
    color: #000;
}

form label,
span.rb-label
 {
    font-family: 'mini_sans_serifregular', Helvetica, Arial, sans-serif!important;
    float: left;
}

form input[type="text"]:not(.k-formatted-value),
form input[type="email"]
{
    border: solid 2px #000!important;
    color: #000!important;
    font-size:16px!important;
    padding-left: 5px!important;
    padding-top: 13px!important;
    padding-bottom: 13px!important;
    font-family: 'mini_sans_serifregular', Helvetica, Arial, sans-serif!important;
    float: left;
    clear: left;
    width:100%;
}

form .k-textbox
{
    font-family: 'mini_sans_serifregular', Helvetica, Arial, sans-serif!important;
    border-bottom-left-radius:0px!important;
    border-bottom-right-radius:0px!important;
    border-top-left-radius:0px!important;
    border-top-right-radius:0px!important;
    width:745px!important;
    background-color:transparent!important;
    background-image:none!important;
}

form textarea
{
    padding-left:5px!important;
    padding-top:5px!important;
    font-family: 'mini_sans_serifregular', Helvetica, Arial, sans-serif!important;
}

form input[type="checkbox"] {
    border: solid 2px #000!important;
    color: #000!important;
    font-family: 'mini_sans_serifregular', Helvetica, Arial, sans-serif!important;
    float: left;
    clear: left;
    height:16px!important;
    width:16px!important;
    background-color:#fff!important;
    background-image:none!important;
}

form select {
    border: solid 2px #000!important;
    color: #000!important;
    padding: 5px 5px 5px 5px!important;
    font-family: 'mini_sans_serifregular', Helvetica, Arial, sans-serif!important;
    float: left;
    clear: left;
    width:100%;
}

form input[type="checkbox"] + label
{
    float:left;
    width:85%;
    margin-left:20px!important;
    display:block!important;
    font-family: 'mini_sans_serifregular', Helvetica, Arial, sans-serif!important;
}

.registration-form-container,
.registration-form-container p,
.registration-form-container li,
.registration-form-container a
{
    font-family: 'mini_sans_serifregular', Helvetica, Arial, sans-serif!important;
    font-size:16px!important;
}

.form-field-container {
    float: left;
    width:100%;
    margin-top:48px;
}

label.error
{
    color:#c92a22;
    float:left;
    display:block;
    clear:left;
    margin-top:5px;
}

form li.validation-error input:not(.k-formatted-value),
form li.validation-error select,
form li.validation-error textarea
{
    border-color:#c92a22! important; 
}

::-webkit-input-placeholder {
    color: #000;
}

:-moz-placeholder {
    color: #000;
}

::-moz-placeholder {
    color: #000;
}

:-ms-input-placeholder {
    color: #000;
}

a.button, 
button:not(.navbar-toggle),
.k-button {
    background-color: #c92a22!important;
    background-image:none!important;
    color: #fff!important;
    text-transform: uppercase!important;
    display:inline-block;
    border: none!important;
    font-family: 'mini_sans_serifregular', Helvetica, Arial, sans-serif!important;
    text-align:center!important;
    border-bottom-left-radius:0px!important;
    border-bottom-right-radius:0px!important;
    border-top-left-radius:0px!important;
    border-top-right-radius:0px!important;
}

input.k-textbox, 
textarea.k-textbox, 
.k-multiselect.k-header
{
    border-bottom-left-radius:0px!important;
    border-bottom-right-radius:0px!important;
    border-top-left-radius:0px!important;
    border-top-right-radius:0px!important;
    border: solid 2px #000!important;
    width:745px!important;
    height:40px!important;
    color:#000!important;
}

.k-input
{
    font-size:16px!important;
}

.countdown-container {
    background-color: #204a84;
    color: #fff;
    text-transform: uppercase;
}

.countdown-container .row {
    padding-top: 2px;
    padding-bottom: 2px;
}

.countdown-container .header-row {
    text-align: center;
}

.countdown-container .body-row > div {
    border-right: solid 1px #fff;
    text-align: center;
}

.countdown-container .body-row > div:last-child {
    border-right: none;
}

.is-countdown {
    background-color: transparent !important;
    border: none;
}

.is-countdown .countdown-row .countdown-section {
    border-right: solid 1px #fff;
}

.is-countdown .countdown-row .countdown-section:last-child {
    border-right: none;
}

.is-countdown .countdown-row .countdown-section .countdown-amount {
    display: block;
    float: left;
    margin-right: 5px;
    padding-left: 0px;
    padding-right: 0px;
    margin-left: 0px;
}

.is-countdown .countdown-row .countdown-section .countdown-period {
    display: block;
    float: left;
    margin-right: 0px;
    margin-left: 0px;
    padding-left: 0px;
    padding-right: 0px;
}

.underlined-image
{
    width:100%;
    border-bottom:solid 15px #204a84;
}

.back-to-top-container
{
    display:none;
}

.registration-form-container
{
    padding:0px!important;
    margin-top:0px!important;
}

.tabstrip
{
    background-color:transparent!important;
    border:none!important;
}

.step
{
    border-left:none!important;
    border-right:none!important;
    border-bottom:none!important;
    border-top:solid 2px #000!important;
    min-height:570px!important;
    margin-top:20px!important;
    padding-left:0px!important;
    padding-right:0px!important;
    overflow:hidden!important;
}

li.tab-container-item
{
    margin-left:0px!important;
    margin-right:20px!important;
    border-top:solid 2px #000!important;
    border-left:solid 2px #000!important;
    border-right:solid 2px #000!important;
    border-bottom:solid 2px #000!important;
    background-color:transparent!important;
    border-bottom-left-radius:0px!important;
    border-bottom-right-radius:0px!important;
    border-top-left-radius:0px!important;
    border-top-right-radius:0px!important;
    text-transform:uppercase!important;
    padding-top:18px!important;
    padding-bottom:15px!important;
    color:#000!important;
    font-size:14px!important;
    font-family:'mini_sans_serifregular', Helvetica, Arial, sans-serif!important;
    padding-top:0px!important;
    padding-bottom:0px!important;
    width:140px;
}

.tab-container-item.k-state-disabled
{
    background-color:#000!important;
    color:#fff!important;
    background-image:none!important;
    opacity:inherit!important;
}

.tab-container-item.k-state-active
{
    background-color:#fff!important;
    color:#000!important;
    background-image:none!important;
    opacity:inherit!important;
}

.tab-container-item .k-loading
{
    display:none!important;
}

.registration-widget .error
{
    font-size:16px!important;
}

.selectRegistrationTaskButton,
.start_over_button
{
    display:none!important;
}

.step UL.field-containers
{
    padding-left:0px!important;
    padding-right:0px!important;
}

.field-container
{
    padding-top:13px!important;
}

.field-container .input-container
{
    clear:left;
}

.field-container .field-wrapper>LABEL
{
    width:600px!important;
}

.field-container .field-wrapper>LABEL.required:before {
    display:none!important;
}

.field-container .field-wrapper>LABEL:not(.required)
{
    padding-left:0px!important;
}

.field-container .field-wrapper>LABEL.required:after {
    content: "*";
    margin-top: 2px;
}

.sponsorship-header-row
{
    padding-bottom:0px;
    padding-left:20px;
    padding-top:30px;
}

.sponsorship-form-container
{
    padding-top:0px;
    padding-bottom:30px;
}

.sponsorship-image-container
{
    padding-top:0px;
    padding-bottom:30px;
}

.select-registration-task-container
{
    margin-top:50px;
}

.navigationBar > input
{
    float:left!important;
    margin-right:20px!important;
}

.photo-gallery-row > div
{
    height:100%;
    padding-top:0px;
    padding-bottom:0px
}

.photo-gallery-row > div > iframe
{
    height:100%;
    width:100%;
    display:none;
}

.photo-gallery-row > div > image
{
    height:100%;
}

/*
.task-container-item
{
    float:left;
    margin-right:10px;
}
*/

.task-container-item button
{
    width:270px;
    margin-bottom:40px!important;
}

.registration-container
{
    background-color:#fff;
}

.release-container.field-container .input-container .option-group input
{
    margin-right:10px;
}

.field-container .input-container .option-group input
{
    float:left!important;
    margin-right:10px;
}

.step UL.field-containers LI
{
    clear:left!important;
}
.register-task-container .step-container > h3
{
    font-size:24px;
    text-transform:uppercase;
}

.register-task-container .field-section > h3
{
    font-size:22px;
    text-transform:uppercase;
}

.register-task-container .field-section > h4
{
    font-size:18px;
    text-transform:uppercase;
}

.promo-code-container .apply-button
{
    height:20px!important;
    margin-left:0px!important;
    margin-top:20px!important;
}

.shopping-cart-field .shopping-cart-field-items
{
    font-size:16px!important;
    border:none!important;
}

.shopping-cart-field-items
{
    border:none!important;
}

.instructions
{
    font-size:16px!important;
}

.shopping-cart-field .shopping-cart-field-item-title
{
    font-weight:normal!important;
}

.field-container .input-container .select-activities-table th.attendee-name-col span,
.field-container .input-container .select-activities-table th.guest-name-col span
{
    white-space:nowrap;
}

.select-activities-table th,
.select-activities-table td
{
    vertical-align:bottom!important;
    font-weight:normal!important;
}

.select-activities-table .activity-title
{
    font-weight:normal!important;
}

.select-activities-table .activity-desc
{
    display:none;
}

.ccard-logos img
{
    margin-right:5px;
}

/* ----------- Desktop ----------- */
@media screen and (min-device-width: 769px) {

    body {
        font-size: 18px;
        line-height: 24px;
    }

    h1 {
        font-size: 60px;
        margin-bottom: 30px;
        margin-top: 0px;
        padding-top: 0px;
        padding-bottom: 0px;
    }

    h2 {
        font-size: 40px;
        margin-top: 0px;
        margin-bottom: 20px;
        padding-top: 0px;
        padding-bottom: 0px;
    }

    h3 {
        font-size: 22px;
        margin-bottom: 30px;
        padding-top: 0px;
        padding-bottom: 0px;
    }

    h3.small-title {
        font-size: 22px;
        margin-bottom: 20px;
        margin-top: 0px;
        padding-top: 0px;
        padding-bottom: 0px;
    }

    form h3 {
        font-size: 22px;
        padding-bottom: 16px;
    }

    /*
h4 
{
    text-decoration:underline;
    font-weight:bold;
}
*/

    .no-gutter > [class*='col-'] {
        padding-right: 0;
        padding-left: 0;
    }

    p {
        font-size: 18px;
        line-height: 24px;
        margin-bottom: 30px;
    }

    ul {
        padding-left: 0px;
        list-style-type: none;
    }

    li {
        font-size: 18px;
        line-height: 24px;
    }

    a {
        font-size: 16px;
    }

    .fine-print {
        font-size: 10px;
        text-transform: uppercase;
        font-family: 'mini_sans_serifregular', serif;
    }


    hr {
        border-top: solid 15px #204a84;
    }

    .form-field-container
    {
        padding-right:10px;
    }

    #thankYouMessage
    {
        padding-top:100px;
    }

    form label,
    span.rb-label
    {
        font-size: 16px!important;
        margin-bottom: 6px!important;
        float: left!important;
    }

    form input[type="text"]:not(.k-formatted-value),
    form input[type="email"] {
        height: 40px;
        font-size: 16px!important;
        float: left;
        clear: left;
    }

    form textarea,
    form textarea.k-textbox {
        height:80px!important;
    }

    form input[type="checkbox"] {
        height: 24px;
        font-size: 16px!important;
        float: left;
        clear: left;
    }

    form select {
        height: 40px;
        font-size: 16px!important;
        float: left;
        clear: left;
    }

    /*
    form li.field-container .field-wrapper > LABEL
    {
        visibility:hidden!important;
    }

    form li.field-container.value-specified .field-wrapper > label
    {
        visibility:visible!important;
    }
    */

    .k-input,
    .k-textbox,
    .k-textbox>input:not(.k-formatted-value) 
    {
        font-size:16px!important;
    }

    a.button,
    button,
    .k-button
    {
        font-size: 16px!important;
        padding-top: 7px!important;
        padding-bottom: 10px!important;
        padding-left: 20px!important;
        padding-right: 20px!important;
        margin-top: 0px!important;
        margin-bottom: 80px!important;
        height: 40px!important;
        padding-left: 40px!important;
        padding-right: 40px!important;
        display:inline-block;
    }

    header,
    main {
        width: 1440px;
        margin-left: auto;
        margin-right: auto;
        /*border:1px dashed #999;*/
    }

    section {
        /*border:1px dashed #999;*/
    }

    nav {
        width: 900px;
        margin-left: 12px;
    }

    footer {
        background-color: #000;
        color: #fff;
        border-top: solid 15px #204a84;
        height: 200px;
    }

    .col-md-12,
    .col-md-11,
    .col-md-10,
    .col-md-9,
    .col-md-8,
    .col-md-7,
    .col-md-6,
    .col-md-5,
    .col-md-4,
    .col-md-3 {
        padding-left: 40px;
        padding-right: 40px;
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .row .row .col-md-12,
    .row .row .col-md-11,
    .row .row .col-md-10,
    .row .row .col-md-9,
    .row .row .col-md-8,
    .row .row .col-md-7,
    .row .row .col-md-6,
    .row .row .col-md-5,
    .row .row .col-md-4,
    .row .row .col-md-3 {
        padding-left: 0px;
        padding-right: 0px;
        padding-top: 0px;
        padding-bottom: 0px;
    }

    div.accent-line {
        height: 2px;
        width: 100px;
        background-color: #000;
        margin-top: -15px;
        margin-bottom: 30px;
    }

    nav a {
        font-size: 16px;
        line-height: 16px;
    }

    nav .mini-logo a {
        padding-left: 0px;
        padding-right: 0px;
    }

    .countdown-container {
        width: 350px;
        position: relative;
        left: -345px;
        top: -100px;
        margin-bottom: -48px;
    }

    .footer-container {
        width: 1440px;
        margin-left: auto;
        margin-right: auto;
    }

    .footer-container .links-row .link-container {
        margin-left: auto;
        margin-right: auto;
        width: 680px;
    }

    .footer-container .links-row .link-container a {
        width: 340px;
        text-align: center;
    }

    .footer-container .social-icons-row > div {
        padding-left: 0px;
        padding-top: 0px;
        padding-bottom: 0px;
    }

    .footer-container .social-icons-row > div img {
        height: 25px;
        margin-left: 10px;
    }

    .footer-container .links-row > div a {
        display: block;
        border: solid 1px #fff;
        color: #fff;
        text-align: left;
        padding-left: 20px;
        padding-top: 10px;
        padding-bottom: 10px;
        width: 200px;
        float: left;
    }

    div.alternating {
        background-color: #f5f5f5;
    }

    .faq-image-cell.col-md-4 {
        padding-top: 80px;
    }

    .faq-image-cell.col-md-4 img {
        width: 380px;
        float: right;
        margin-bottom: 2px;
    }

    .photo-gallery.col-md-4 {
        padding-right: 0px;
        padding-left: 0px;
    }

    .photo-gallery.col-md-4 img {
        width:100%;
        height:auto;
    }

    .join-email-list {
        padding-top: 50px;
    }

    .join-email-list .logo {
        width: 272px;
        margin-top: 50px;
    }

    .black-background {
        background-color: #000;
        color: #fff;
    }

    .black-background h1,
    .black-background h2,
    .black-background h3,
    .black-background p {
        color: #fff;
    }

    .is-countdown .countdown-row .countdown-section:last-child {
        padding-left: 25px;
        width: 113px;
    }

    .is-countdown .countdown-row .countdown-section .countdown-amount {
        font-size: 18px;
        line-height: 24px;
        font-weight: bold;
    }

    .is-countdown .countdown-row .countdown-section .countdown-period {
        font-size: 18px;
        line-height: 24px;
        font-weight: bold;
    }

    .is-countdown .countdown-row .countdown-section:first-child {
        padding-left: 10px;
        width: 116px;
    }

    .is-countdown .countdown-row .countdown-section {
        width: 120px;
        padding-left: 15px;
        width: 117px;
    }

    .mini-header-logo {
        height: 50px;
    }

    .map-container {
        padding-top: 0px;
        padding-bottom: 0px;
    }

    .map-image {
        height: 600px;
        margin-left: 188px;
    }

    .black-row {
        height:8px;
        background-color:#000;
    }

    .blue-row {
        height: 15px;
        background-color: #204a84;
    }

    .mini-shield {
        width: 300px;
        float: right;
    }

    .mini-module-2-image {
        width: 100%
    }

    .mini-module-2-content {
        padding-top: 40px;
    }

    .sign-up-warning {
        padding-left: 15px;
    }

    .join-email-list-logo-container {
        padding-left: 80px;
        padding-top:0px;
        padding-bottom:100px;
    }

    .join-email-list-event-info {
        padding-left: 50px;
        padding-top: 130px;
    }

    .join-email-list-content {
        padding-left: 20px;
        padding-top: 80px;
        padding-bottom: 0px;
    }

    .navbar-header .mini-header-logo
    {
        display:none;
    }

    .registration-container
    {
        min-height:600px;
    }

    .no-padding-container
    {
        padding-top:0px;
        padding-bottom:0px;
    }

    .no-padding-full-container
    {
        padding-left:0px;
        padding-top:0px;
        padding-right:0px;
        padding-bottom:0px;
    }

    .image-full-size
    {
        width:100%;
    }

    iframe.video
    {
        border:solid 3px #000;
        background-color:#f5f5f5;
        width:426px;
        height:240px;
    }

    iframe.mtts-interactive-map
    {
        border: currentColor; 
        width: 880px; 
        height: 660px; 
        overflow: hidden; 
        background-color: #000000;
    }

    .mosaic-content
    {
        padding-top:200px;
    }

    .mtts-2014-video-container
    {
        padding-top:40px;
        padding-bottom:40px;
    }

    .join-email-list .mini-shield-logo
    {
        display:none;
    }

    .registration-task-container>div.ui-widget-content
    {
        padding-left:0px!important;
        padding-top:0px!important;
    }

    /*
    .select-registration-task
    {
        margin-left:200px!important;
        margin-top:200px!important;
    }
    */

    .photo-gallery-header-cell
    {
        padding-left:40px;
        padding-bottom:0px;
    }

    .photo-gallery-row
    {
        height:300px;
        padding-left:40px;
        padding-right:40px;
        padding-top:0px;
        padding-bottom:0px;
    }

    .photo-gallery-row:last-child
    {
        margin-bottom:80px;
    }
}

/* ----------- Mobile Phone ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 768px) {
    body {
        font-size: 18px;
    }

    h1 {
        font-size: 36px;
    }

    h2 {
        font-size: 26px;
    }

    h3 {
        font-size: 22px;
    }

        h3.small-title {
            font-size: 18px;
        }

    p, li {
        font-size: 18px;
    }

    a {
        font-size: 16px;
    }

        a.button,
        .k-button,
        button:not(.navbar-toggle) {
            width: 100%;
            padding-top: 15px;
            padding-bottom: 15px;
            margin-bottom: 40px;
            height: 54px;
            font-size: 16px;
            display: inline-block;
        }

    .navbar-inverse .navbar-toggle {
        border-color: transparent;
    }

    .navbar-inverse .navbar-toggle .icon-bar
    {
        background-color:#000;
    }

    .navbar-inverse .navbar-toggle:focus .icon-bar , 
    .navbar-inverse .navbar-toggle:hover .icon-bar {
        background-color: #fff;
    }

    .nav > li > a {
        font-size: 16px;
    }

    .nav-justified .mini-logo {
        display: none;
    }

    .navbar-header > a:first-child {
        float: left;
    }

    .navbar-header .mini-header-logo {
        height: 37px;
        margin-top: 5px;
        margin-left: 20px;
    }

    .nav-justified > li {
        border-bottom: solid 1px #999;
    }

        .nav-justified > li > a {
            text-align: left;
        }

    .navbar-text {
        display: block;
    }

    .map-image {
        max-width: 100%;
        height: auto;
        width: auto;
    }

    .blue-row {
        height: 10px;
        background-color: #204a84;
    }

    .mini-shield {
        width: 220px;
        margin-left: auto;
        margin-right: auto;
        display: block;
        margin-bottom: 40px;
    }

    .mini-module-2-image {
        max-width: 100%;
        height: auto;
        width: auto;
    }

    .image-full-size {
        max-width: 100%;
        height: auto;
        width: auto;
    }

    .no-padding-container > img {
        max-width: 100%;
        height: auto;
        width: auto;
    }

    .no-padding-container > iframe {
        max-width: 100%;
        height: auto;
        width: auto;
    }

    .faq-image-cell img {
        max-width: 100%;
        height: auto;
        width: auto;
        margin-bottom: 20px;
    }

    .no-padding-full-container > img {
        max-width: 100%;
        height: auto;
        width: auto;
    }

    .no-padding-full-container > iframe {
        max-width: 100%;
        height: auto;
        width: auto;
    }

    .mobile-no-padding-container {
        padding-left: 0px;
        padding-right: 0px;
    }

    .no-padding-full-container {
        padding-left: 0px;
        padding-right: 0px;
    }

    .map-container {
        padding-left: 0px;
        padding-right: 0px;
    }

    .footer-container {
        border-top: solid 10px #204a84;
        background-color: #000;
        color: #fff;
    }

    .social-icons-row {
        padding-left: 20px;
        padding-right: 20px;
        margin-bottom: 120px;
    }

        .social-icons-row > div {
            border-top: solid 2px #fff;
            border-bottom: solid 2px #fff;
            padding-top: 10px;
            padding-bottom: 10px;
            padding-right: 0px;
        }

    .social-icons-container {
        float: right;
    }

        .social-icons-container img {
            height: 25px;
            margin-right: 5px;
        }

    form input[type="text"]:not(.k-formatted-value),
    form input[type="email"] {
        width: 100%;
    }

    label
    {
        display:none;
    }

    .sign-up-warning
    {
        padding-top:35px;
        padding-bottom:30px;
    }

    .link-container
    {
        padding-top:40px;
        padding-bottom:20px;
        padding-left:5px;
    }

    .link-container a
    {
        display:block;
        border-top:solid 2px #fff;
        border-left:solid 2px #fff;
        border-right:solid 2px #fff;
        width:100%;
        color:#fff;
        padding-top:15px;
        padding-bottom:15px;
        padding-left:15px;
    }

    .link-container a:last-child
    {
        border-bottom:solid 2px #fff;
    }

    .join-email-list .desktop-version
    {
        display:none;
    }

    .join-email-list .mini-shield-logo
    {
        width:95px;
        float:right;
        position:relative;
        top:20px;
    }

    .mini-mosaic-container
    {
        display:none;
    }

    iframe
    {
        max-width: 100%;
        height: auto;
        width: auto; 
        display:block;
        margin-left:auto;
        margin-right:auto; 
        margin-bottom:10px;
    }

   .is-countdown .countdown-row .countdown-section:last-child {
    }

    .is-countdown .countdown-row .countdown-section .countdown-amount {
        font-size: 16px;
        font-weight: bold;
    }

    .is-countdown .countdown-row .countdown-section .countdown-period {
        font-size: 16px;
        font-weight: bold;
    }

    .is-countdown .countdown-row .countdown-section {
        padding-left:10px;
        width:32%;
    }

    .is-countdown .countdown-row .countdown-section:first-child {
        padding-left:0px;
    }

    .sponsorship-header-row
    {
        padding-bottom:0px;
        padding-left:0px;
        padding-top:0px;
        padding-right:0px;
    }

    .sponsorship-form-container
    {
        padding-left:0px;
        padding-right:0px;
    }

    .sponsorship-image-container
    {
        display:none;
    }  

    .select-registration-task-container
    {
        width:100%;
    }

    .registration-form-container
    {
        margin:0px!important;
    }

    .registration-task-container>div.ui-widget-content
    {
        width:100%;
        padding-left:0px!important;
        padding-right:0px!important;
        padding-bottom:0px!important;
    }

    .registration-task-container>div.ui-widget-content>.field-containers
    {
        padding-left:0px!important;
    }

    .tab-container
    {
        margin-left:0px!important;
        margin-right:0px!important;
    }  

    .tab-container .tab-container-item
    {
        float:left!important;
    }

    .step
    {
        float:left;
        clear:left;
        min-height:200px!important;
    }

    .navigationBar
    {
        padding-right:0px!important;
    }

    .navigationBar .back_button
    {
        float:left;
    }

    .photo-gallery > img
    {
        height:auto!important;
        width:100%!important;
    }
}

/* ----------- Mobile Phone Portrait ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px)
{
    .tab-container
    {
        width: 280px;
    }

        .tab-container .tab-container-item
        {
            width: 260px;
        }

    .step
    {
        width: 280px;
    }

    form .k-textbox
    {
        width: 280px!important;
    }

    input.k-textbox,
    textarea.k-textbox,
    .k-multiselect.k-header
    {
        width: 280px!important;
    }

    .navigationBar > input
    {
        width: 40%!important;
        margin-bottom: 50px;
    }

    .photo-gallery
    {
        height:200px! important;
        padding-bottom:0px!important;
    }

    .photo-gallery-row > div
    {
        padding-bottom:0px! important;
    }

    .photo-gallery > iframe
    {
        margin-bottom:0px;
    }
}

/* ----------- Mobile Phone Landscape ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) 
and (orientation : landscape) {
    .tab-container
    {
        width:440px;
    }  

    .tab-container .tab-container-item
    {
        width:420px;
    }

    .step
    {
        width:440px;
    }

    form .k-textbox
    {
        width:440px!important;
    }

    input.k-textbox, 
    textarea.k-textbox, 
    .k-multiselect.k-header
    {
        width:440px!important;
    }

    .navigationBar > input
    {
        width:40%!important;
        margin-bottom:50px;
    }

    .photo-gallery-row > div
    {
        height:320px! important;
        max-height:320px! important;
    }

    .photo-gallery > image
    {
        height:320px;
        width:auto;
    }
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
    .photo-gallery-header-cell
    {
        padding-left:15px;
        padding-right:15px;
    }

    .nav-justified > li
    {
        border-bottom:0px;
    }

    .navbar-text
    {
        display:none;
    }

    .join-email-list-event-info
    {
        padding-top:0px!important;
        padding-right:75px!important;

    }

    .tab-container
    {
        width:100%!important;
        margin-left:0px!important;
        margin-right:0px!important;
    }  

    .sponsorship-form-container
    {
        width:100%;
    }

    .navigationBar > input
    {
        width:40%!important;
    }

    .photo-gallery-row > div
    {
        height:500px! important;
        margin-bottom:20px! important;
    }

    .photo-gallery > image
    {
        height:500px;
        width:auto;
    }
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape)
{
    header,
    main,
    footer {
        width: 100%;
    }

    .faq-image {
        width: 100%;
    }

    .footer-container
    {
        width:100%;
    }

    .nav-justified > li
    {
        border-bottom:none!important;
    }

    .navbar-text
    {
        display:none;
    }

    .join-email-list-logo-container
    {
        padding-left:20px;
    }

    .join-email-list-event-info
    {
        padding-left: 75px;
        padding-top: 110px;
    }
    
    iframe.mtts-interactive-map
    {
        width:650px;
        height:485px;
    }

    .mosaic-content
    {
        padding-top:70px;
    }

    .map-container
    {
        padding-top:0px;
    }

    .map-image
    {
        margin-left:0px;
    }

    .countdown-container {
        left: -300px;
        top: -100px;
    }

    form .k-textbox
    {
        width:700px!important;
    }

    input.k-textbox, 
    textarea.k-textbox, 
    .k-multiselect.k-header
    {
        width:700px!important;
    }

    .navigationBar
    {
        padding-right:0px!important;
    }

    .navigationBar > input
    {
        margin-bottom:50px;
    }

    .navigationBar .back_button
    {
        float:left;
    }

    .sponsorship-image-container
    {
        display:none;
    }  
    
    .tab-container
    {
        width:680px;
        margin-left:0px!important;
        margin-right:0px!important;
    }  

    .sponsorship-form-container
    {
        width:100%;
    }

    .step
    {
        min-height:200px!important;
    }

    li.tab-container-item
    {
        margin-right:5px!important;
    }

    .select-registration-task-container
    {
        width:100%;
    }

    .registration-form-container
    {
        margin:0px!important;
    }

    .registration-task-container>div.ui-widget-content
    {
        width:100%;
        padding-left:0px!important;
        padding-right:0px!important;
        padding-bottom:0px!important;
    }

    .registration-task-container>div.ui-widget-content>.field-containers
    {
        padding-left:0px!important;
    }

    .photo-gallery-row
    {
        height:220px! important;
    }

    .photo-gallery-row > div
    {
        height:220px! important;
    }

    .photo-gallery > image
    {
        height:220px;
        width:auto;
    }
}