/*
    Import custom fonts
    - Font's in example is Open Sans
*/
@import url('fonts.css');

a, a:hover {color: #000000;text-decoration: underline;}

@-moz-document url-prefix() {
    fieldset { display: table-cell; }
}

/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */

/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

input[type=text], input[type=password], input[type=number], input[type=tel], input[type=email], textarea, select {
    border: 1px solid #9a9b9b;
}

html,
button,
input,
select,
textarea {
    color: #222;
    padding: 0px 15px;
    border-radius:0px;
    background: #fff
}
input[type='radio']:checked,
input[type='checkbox']:checked{
background: #1949b7;
}
input[type="radio"]{
    border-radius: 50%;
}

html {
    font-size: 1em;
    line-height: 1.4;
}
.best_buy_policy a{color: #1949b7!important}

body,html {
    width: 100%;
    min-width: 320px;
    padding:0px;
    margin:0px;
    color:#000;
    background: #ffffff;
    font-family: 'human_regular','Arial','Helvetica Neue', Helvetica, sans-serif;
}

input[type='image']:active,input[type='image']:focus,input[type='submit']:focus,input[type='submit']:active {border: 0px !important;outline:0;}

video {
    width: 100%;
    height: auto;
}
/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between images, videos, audio and canvas and the bottom of
 * their containers: h5bp.com/i/440
 */

audio,
canvas,
img,
video {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Browse Happy prompt
   ========================================================================== */

.browsehappy {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Image replacement
 */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}

body .body_container{float: left; width: 100%; padding: 0px 15px}
    body .body_container .container{display: block; margin: 0 auto; width: 100%; max-width: 760px; padding: 0px!important}

a{font-family: 'human_bold'}
h1{font-family: 'human_bold'!important}
h4 { color:#1949b7;font-size:14px; margin: 0px; font-family: 'human_bold'!important}
h3, h2 { width:100%;color:#000;  margin-top: 0px; font-family: 'human_bold'!important; margin-bottom: 10px; text-align:center; }
h3 { text-align:left;font-size:20px; }
div.select select { border:none; width:100%; margin:3px 0; width:100%; outline:none; }
.home_slogan { width:100%; text-align:center; color:#000; font-size:16px;}
input.btn,input[type=submit],input[type=button]:not(.no_style), button:not(.close) { display: block; font-weight: normal; font-family: 'human_bold'; font-size: 20px; margin-top: 5px; color:#fff !important; border: 0px; padding: 0px 30px; min-width:180px; height: 60px; line-height: 40px; background: #1949b7; border-radius:8px }
label{color: #000}
.pull-right{float: right;}
.modal{z-index: 2000}
.modal-header{border-bottom: 0px}
.modal-footer{border-top: 0px; text-align: center;; padding-bottom: 50px}
.modal-footer .btn{display: inline; font-family: "human_bold"; font-size: 16px; margin-top: 5px;  color: #fff !important; border: 0px; padding: 0px 30px; min-width: 101px; height: 40px; line-height: 40px; background: #1949b7; border-radius: 8px; }
.modal-footer .btn-primary{background: #1949b7}
.bx-wrapper .bx-controls.bx-has-pager{z-index: 1200}
.errors_box{padding: 0px 0px 30px; color: #ff0000}
input.errors, select.errors, textarea.errors{border: 1px solid #ff0000!important; color:#ff0000}
div.errors label, label.errors{color:#ff0000!important}
.btn-default{background: #d1d1d1!important; color: #fff; font-weight: normal; font-family: 'human_bold';}
.error{color:#ff0000}
b{font-weight: normal; font-family: 'human_bold';}
.close{opacity: 1}
.form-control{border-radius: 0px; font-size: 16px}
.valid{border: 1px solid #000!important; color: #000!important}


/* ==========================================================================
   Header
========================================================================== */

body .header{float: left; width: 100%; padding:0px 15px; border-bottom: 20px solid #0046be; background: #fff}
    body .header .inner{display: block; width: 100%; max-width: 760px; margin:0px auto; padding: 0px}
        body .header .inner img.bb_logo{position: relative; height: auto; width: 80%; max-width: 450px;}
        body .header .inner .cart_logo_container { position: relative; display: block; margin-top:3%; float: right;}
            body .header .inner .cart_logo_container img.cart_logo{position: relative; float: left; height: auto; width: 35px;}
            body .header .inner .cart_logo_container .cart_bubble{position: absolute; top: -7px; right: -10px; padding: 4px; text-align: center; line-height: 14px; height: 22px; width: 22px; background-color: #5fb157; color: white; font-size: 12px; border-radius: 50%; display: none; z-index:99}

  .notify-bubble {
    position: absolute;
    top: -8px;
    right: -7px;
    padding: 2px 5px 2px 6px;
    background-color: green;
    color: white;
    font-size: 0.65em;
    border-radius: 50%;
    box-shadow: 1px 1px 1px gray;
    display: none;
  }

/* ==========================================================================
   Banner
========================================================================== */

body .banner_container{float: left; width: 100%;}
    body .banner_container .container{display: block; width: 100%; max-width: 1700px; margin: 0px auto; padding: 0px}
        body .banner_container .container .banner{float: left; width: 100%; padding: 0px; background: #061f37;}
            body .body_container .container .banner .banner_item img.event_img{float: left; width: 100%; height: auto;}

.bx-wrapper {margin-bottom: 30px}
.bx-wrapper .bx-pager{bottom: -30px}
.bx-wrapper .bx-pager.bx-default-pager a{background: #e6e7e7}
.bx-wrapper .bx-pager.bx-default-pager a.active{background: #0046be}


/* ==========================================================================
   Progress tracker
========================================================================== */

body .progress_box{float: left; width: 100%; padding: 20px 0px 10px}
    body .progress_box .mobile_progress_text{float: left; width: 100%; padding:0px 15px 15px; }
        body .progress_box .mobile_progress_text h4{float: left; width: 100%; padding:15px 0px; font-weight: normal; text-align: center; font-size: 15px}
            body .progress_box .mobile_progress_text h4 .step_num{}
            body .progress_box .mobile_progress_text h4 .step_val{color: #4f4f4f;}
    body .progress_box .progress-tracker{position: relative; margin: 0px auto; max-width: 500px; width: 100%; padding:20px 50px 0px;}
        body .progress_box .progress-tracker .progress-step::before { background-color: #e6e7e7;}
        body .progress_box .progress-tracker .progress-step:first-child::after{z-index:auto; content: ''; background-color: #1949b7; display: block; position: absolute; top: 0.2px; bottom: 12px; right: 0px; width: 100%; height: 10px;}
        body .progress_box .progress-tracker .progress-step:first-child .progress-marker{left:-3px}
        body .progress_box .progress-tracker .progress-step.is-complete::before,
        body .progress_box .progress-tracker .progress-step.is-active::before { background-color: #1949b7; }
        body .progress_box .progress-tracker .progress-step .progress-text { white-space:normal!important; text-align: center;}
        body .progress_box .progress-tracker .progress-step .progress-marker { background: #e6e7e7; width: 10px; height: 10px; padding-bottom: 0px; border: 0px; border-radius: 50%; -webkit-transition: none; transition: none; -webkit-transition-duration: 0s; transition-duration: 0s; right: -3px; float: right}
        body .progress_box .progress-tracker .progress-step.is-active .progress-marker { width: 10px!important; height: 10px!important; background: #1949b7;}
        body .progress_box .progress-tracker .progress-step.is-complete .progress-marker{ background: #1949b7; }
        body .progress_box .progress-tracker .progress-step:not(:first-child)::before{z-index:auto; content: ''; display: block; position: absolute; top: 0.2px; bottom: 12px; right: 0px; width: 100%; height: 10px;}
        body .progress_box .progress-tracker .progress-step .progress-title { font-family: 'human_bold'; color: #333 }

/* ==========================================================================
   Find tour form
========================================================================== */

body .find_a_tour{float: left; width: 100%; margin:0px auto; padding: 70px 0px;}
    body .find_a_tour .find_seciton_content{}
        body .find_a_tour .find_section {padding: 0px;}
        body .find_a_tour .divider{padding: 0px; text-align: center; height: 100%}
            body .find_a_tour .divider hr{border:none; border-right: 1px solid #000; position: absolute; left: 50%; margin: 0px}
            body .find_a_tour .divider span{font-size: 20px; display: inline-block; vertical-align: middle; position: relative; z-index: 999}
                body .find_a_tour .divider span b{background: #fff; padding: 10px}
        body .find_a_tour .right_side{padding: 0px; text-align: center; height: 100%}
        body .find_a_tour .right_side .submit_input{display: inline-block; vertical-align: middle; width: 100%; text-align: center;}
            body .find_a_tour .right_side .submit_input button{display: inline-block;}

/* ==========================================================================
   Choose Event content
========================================================================== */

body .body_container.event{padding: 0px}
body .body_container.event .container{max-width: none;}
body .body_container.event .container .location_heading{display: block; color: #1949b7; position: relative; width: 100%; text-align: center; font-size: 20px; padding: 15px}
body .body_container.event .container .section_note_below{font: 16px 'human_regular'; text-align: center;display: block;margin: 0px;padding: 10px 0px 5px}
body .body_container.event .container .notify_me_callout{}
body .body_container .container .event_content{display: block; width: 100%; margin: 25px auto 0px; padding-bottom: 35px; color: #000}
    body .body_container .container .event_content .event_item .event_item_heading .container,
    body .body_container .container .event_content .event_item .event_item_body .container,
    body .body_container .container .event_content .event_item_divider{display: block; width: 100%; max-width: 760px; margin: 0px auto;}
    body .body_container .container .event_content .event_item_divider hr{margin: 0px}
    body .body_container .container .event_content .event_item .event_item_heading{padding: 40px 15px 15px}
        body .body_container .container .event_content .event_item .event_item_heading .item_text{display:inline-block; width:auto; max-width: 45%}
        body .body_container .container .event_content .event_item .event_item_heading .item_text span{font-size: 16px}

        body .body_container .container .event_content .event_item .event_item_heading .addon_text{display:inline-block; width:auto; color:#c90202; float:right; max-width: 50%}
    body .body_container .container .event_content .event_item .event_item_body{background: #d2d8e2; padding: 0px 15px 20px; display: none;}
        body .body_container .container .event_content .event_item .event_item_body .container .event_item_body_section{padding: 20px 0px; border-bottom: 1px solid #222}
            body .body_container .container .event_content .event_item .event_item_body .container .event_item_body_section .event_item_body_section_heading{color:#000; font-size: 16px}
        body .body_container .container .event_content .event_item .event_item_body .container .event_item_body_section:last-child{border-bottom: 0px}
            body .body_container .container .event_content .event_item .event_item_body .container .event_item_body_section [class*='col-']{padding: 0px}
            body .body_container .container .event_content .event_item .event_item_body .container .event_item_body_section .host_headshot{display: inline-block; width: auto;}
                body .body_container .container .event_content .event_item .event_item_body .container .event_item_body_section .host_headshot img{position: relative; width: 100%;  max-width: 150px; height: auto;}
            body .body_container .container .event_content .event_item .event_item_body .container .event_item_body_section .host_label{display: inline-block; width: auto; padding: 0px 0px 0px 20px; vertical-align: middle;}
                body .body_container .container .event_content .event_item .event_item_body .container .event_item_body_section .host_label h4{margin: 10px 0px 0px}
                body .body_container .container .event_content .event_item .event_item_body .container .event_item_body_section .host_label .host_label_name{font-family: 'human_bold'; font-size: 18px}
                body .body_container .container .event_content .event_item .event_item_body .container .event_item_body_section .host_label .host_label_desc{max-width: 315px}

/* ==========================================================================
   RSVP Content
========================================================================== */

body .body_container.rsvp{padding: 0px}
body .body_container .container .selected_events{float:left; position: relative; width: 100%;}
body .body_container.rsvp .bx-wrapper .bx-viewport{background: #fff; min-height: 100px}
    body .body_container .container .selected_events .selected_event_item{position: relative; width: 100%; max-width: 760px; padding: 15px; text-align: center;}
    body .body_container .container .selected_events .selected_event_item .workshop_requirsments{text-align:left; width:100%; display:block; padding:15px 0px; border-bottom:1px solid #000}
    body .body_container .container .selected_events .selected_event_item .workshop_requirsments h3{font-size: 18px}

span.title{font-family: 'human_bold'; color: #0f2e4b}
.radio_action { display:block;float: left;}
    .radio_action .radio_btn{float: left;}
    .radio_action .block_radio{ display:block; margin-left: 20px;}
.form_label{font-weight: normal;}
body .body_container.rsvp .section_title{float: left;width: 100%; text-align: left; margin-bottom: 20px; font-size: 18px; font-family: 'human_bold'; color: #000; background: #d2d8e2;}
.text-input{padding:0px 5px 15px; font-size: 18px}
.text-input input, .text-input select, .text-input textarea{float: left; width: 100%; border: 1px solid #000; font-size: 16px}
.text-input input, .text-input select{ height: 40px}
.text-input textarea{min-height: 100px}


/* ==========================================================================
   Order Content
========================================================================== */

body .body_container.order{padding: 0px}
body .body_container.order .section_title{float: left;width: 100%; text-align: left; margin-bottom: 20px; font-size: 18px; font-family: 'human_bold'; color: #000; background: #d2d8e2; padding: 15px 0px}
.StripeElement{border: 1px solid #000; padding: 10px 15px;border-radius: 0px}
.StripeElement.invalid{border:1px solid #ff0000!important}

/* ==========================================================================
   Confirmation Content
========================================================================== */
body .body_container .container .thank_you{ float: left; width:100%; text-align: center; font-size: 30px; color: #0046be}
.activity_calendar{padding: 25px 0px; }
.activity_box{border-right: 1px solid #000; width: 100%; margin: 0 auto; padding: 0px 20px; max-width: 378px; display: inline-block; }
.activity_box.one_activity{display:block; border-right: none}
.activity_box.right_item{border-right: none}
.activity_calendar .activity_box .activity_title{font-size: 22px;}
.activity_calendar .activity_box .activity_date{font-size: 16px;}
.activity_calendar .activity_box .activity_form{width: 100%; max-width: 220px; margin: 0 auto}
.activity_calendar .activity_box .activity_form select{font-size: 16px; text-align: center; text-align-last: center; padding: 0px}
.activity_calendar .activity_box .activity_form select option {text-align: left;}
.activity_calendar .download_cal_btn.is_clicked{opacity: 0.7;cursor: not-allowed !important;}
body .body_container .container .message{display: block; max-width: 550px; margin: 0px auto; width:100%; text-align: center; color: #000; padding: 0px 15px}
body .body_container .container .social_icons{display: block; max-width: 550px; margin: 0px auto; width:100%;}


/* ==========================================================================
   Footer
========================================================================== */

body .footer{float: left; width: 100%; padding:0px 15px; background: #0046be}

    body .footer .inner{display: block; width: 100%; max-width: 960px; margin:0px auto; padding: 0px}
    body .footer .inner .footer_header_text{ width: 100%; color: #fff;font: 21px 'human_regular';padding: 40px 0px 10px}
    body .footer .inner .footer_header_text p{ margin:0px;padding: 0px;width: 100%;text-align: center}
    body .footer .inner .footer_logos{display: block; width: 100%; margin: 0px auto;}
    body .footer .inner .footer_logos img{max-width: 928px; width: 100%; margin: 0px auto;}
    body .footer .inner .foot_img{display: block; max-width: 170px; width: 100%; height: auto; margin: 0px auto;}
    body .footer .inner .foot_bottom{float: left; width:100%; padding: 20px 15px 50px}
        body .footer .inner .foot_bottom h4{padding:15px 0px; color: #fff; font-size: 15px}
            body .footer .inner .foot_bottom h4 a,
            body .footer .inner .foot_bottom span,
            body .footer .inner .foot_bottom span a{color: #fff}


.cart_box{position: fixed; top: 0px; right:-100%; width: 100%; max-width: 500px; height: 100%; overflow-y: auto; background: #fff; border-left:1px solid #0046be; z-index: 1500}
.cart_box_header{float: left; width: 100%; padding:30px 30px 25px; background: #0046be; position: absolute; z-index: 1000}
.cart_box_header span{float:left; width:auto; font-family: 'human_bold'; color:#fff; font-size:30px}
.cart_box_header .close_cart{display: block; float: right; color: #fff; font-size: 30px; font-weight: 100; margin-top: 7px }
.cart_box_body{float: left; width: 100%; padding: 100px 30px; height: 100%; overflow-y: scroll;}
.cart_item{display: flex; float: left; width: 100%; padding: 15px 0px; border-bottom: 1px solid #000}
.cart_item .desc{float: left; flex-direction: column; padding: 0px; width: 50%}
.cart_item .desc h3{display:inline; float: left; width: 100%; margin-bottom:3px }
.cart_item .desc span{display:inline; float: left; width: 100%; line-height: 18px; font-size: 16px}
.cart_item .qty{width: 25%; flex-direction: column; padding: 0px; line-height: 100%; text-align: center;}
.cart_item .qty span{display: inline-block; vertical-align: middle; height: 100%; line-height: 100%;}
.cart_item .qty span:before { content: ""; display: inline-block; height: 100%; vertical-align: middle;}
.cart_item .action{width: 25%; flex-direction: column; padding: 0px}
.cart_item .action a{float: left; color:#1949b7; text-align:right; width: 100%}
.cart_item .action span{float: left; width: 100%; text-align: right; padding: 20px 0px; font-size: 16px}
.cart_summary{float: left; width: 100%; margin: 15px 0px 20px}
.cart_summary .subtotal_box{float: left; width: 100%; display: inline; text-align: right; font-size: 20px;}
.cart_summary .subtotal_box b{}
.cart_summary .subtotal_box span{}
body .cart_box .cart_box_body .cart_empty{float: left; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center;}
    body .cart_box .cart_box_body .cart_empty label{float: left; text-align: center; width: 100%}

.up_arrow{position: fixed; width: auto;right:0px; padding: 30px; bottom: 0}
    .up_arrow img{float: right; width: 50px; height: auto; cursor: pointer;}

#notify_workshopModal .modal-content{float: left;width:100%}
#notify_workshopModal .modal-content .modal-header{float: left;width:100%;padding: 5px 15px}
#notify_workshopModal .modal-content .modal-header button{position: relative !important;right: 0px;min-width: auto}
#notify_workshopModal .modal-content .modal-header button:focus{outline: none}
#notify_workshopModal .modal-content .modal-body{float: left;width:100%;padding: 0px 15px 15px}


/* Custom styles for lg */
@media (min-width: 1200px) {

}

/* Custom styles for md */
.hidden-sm{display: block!important;}
@media (min-width: 992px) and (max-width: 1199px) {
    .hidden-sm{display: block!important;}
}

/* Custom styles for sm */
@media (min-width: 768px) and (max-width: 991px) {
    .hidden-sm{display: none!important;}
    body .body_container .container .banner .banner_item .event_desc h1{font-size: 22px;}
}

/* Custom styles for sm, md, lg */
@media (min-width: 768px) {

}

/* Custom xs styles */
@media (max-width: 767px) {
    .hidden-sm{display: none!important;}
    body .progress_box .mobile_progress_text{display: block}
    body .progress_box .progress-tracker .progress-step .progress-text{display: none}

    body .find_a_tour .divider{padding: 0px; text-align: center; height: auto; margin: 20px 0px}
        body .find_a_tour .divider hr{border:none; border-bottom: 1px solid #000; position: absolute; top:50%; margin: 0px; max-width: 100%; left: 0; right: 0; margin-left: auto; margin-right: auto;}
    body .find_a_tour .right_side .submit_input button{display: inline-block; padding: 5px 15px; height: auto;}

    body .body_container .container .banner .event_info{padding:0px 15px 15px; }
        body .body_container .container .banner .event_banner img{float: right;}

    body .body_container .container .selected_events .selected_event_item{text-align: center;}
    body .body_container .container .selected_events .selected_event_item .workshop_requirsments{text-align: center;}
        body .body_container .container .selected_events .selected_event_item .workshop_requirsments h3{text-align: center;}
    body .body_container .container .event_content .event_item .event_item_body .container .event_item_body_section .button_box{padding: 15px 0px}

    body .body_container .container .event_content .event_item .event_item_heading .item_text{max-width: 80%}
    body .body_container .container .event_content .event_item .event_item_heading .addon_text{float:left; max-width: 100%}

    body .footer .inner .footer_logos{display: block; width: 100%; margin: 0px auto;}
    body .footer .inner .footer_logos img{max-width: 697px; width: 100%; margin: 0px auto;}

    .activity_box{display: block; }
    .activity_box{border-right: none; border-bottom: 1px solid #000}

}

/* Anything greater than the smaller phone size */
@media (min-width: 468px) {
    .visible-mobile { display:none !important;}
    .hidden-mobile { display:block !important;}
}

@media (max-width: 548px) {
    .radio_action .block_radio{font-size: 18px}

    body .header .inner img.bb_logo{max-width: 300px}

    body .body_container .container .banner .event_info span{font-size: 13px;}
    body .body_container .container .banner .event_banner img{float: right; width: auto; height: 100%;}

    body .body_container .container .thank_you{font-size: 30px;}

    body .footer .inner .foot_bottom h4{font-size: 12px;}
    body .footer .inner .foot_bottom span{font-size: 11px; line-height: 13px; display: inline-block;}
}

@media (max-width: 519px) {
    body .body_container .container .event_content .event_item .event_item_body .container .event_item_body_section .host_label{ width: 100%; padding: 15px 0px}

}

/* Custom mobile styles (Smaller phones) */
@media (max-width: 467px) {
    .visible-mobile { display:block !important;}
    .hidden-mobile { display:none !important;}
    body .footer .inner .foot_bottom span{font-size: 10px; line-height: 12px; display: inline-block;}

    body .progress_box .progress-tracker .progress-step h4 { font-size: 10px!important}

    body .body_container .container .banner .event_info h2{font-size: 20px; margin-top: 20px }

    body .cart_box{border: none}
    body .cart_box .cart_box_header{float: left; width: 100%; padding:25px 20px 20px; background: #0046be}
        body .cart_box .cart_box_header span{font-size:20px}
        body .cart_box .cart_box_header .close_cart{font-size: 16px}
        body .cart_box .cart_box_body{padding: 90px 20px 20px}
        body .cart_box .cart_box_body .cart_item .desc{width: 55%}
            body .cart_box .cart_box_body .cart_item .desc h3{font-size: 16px; margin-bottom: 5px}
            body .cart_box .cart_box_body .cart_item .desc span{font-size: 14px; line-height: 14px; width: 100%}
        body .cart_box .cart_box_body .cart_item .qty{width: 25%;}
        body .cart_box .cart_box_body .cart_item .action{width: 20%;}
        body .cart_box .cart_box_body .cart_item .action span{padding: 10px 0px}
        #registration_index_index h2{font-size: 24px!important }

}

@media (max-width: 366px) {
    body .header .inner img.bb_logo{max-width: 250px}
}

/*** Styles added to fix the issue with zoom in on iphone ***/
/* iPhone < 5: */
@media screen and (device-aspect-ratio: 2/3) {
    select, textarea, input[type="text"], input[type="password"],
    input[type="datetime"], input[type="datetime-local"],
    input[type="date"], input[type="month"], input[type="time"],
    input[type="week"], input[type="number"], input[type="email"],
    input[type="url"]{ font-size: 16px; }
}

/* iPhone 5, 5C, 5S, iPod Touch 5g */
@media screen and (device-aspect-ratio: 40/71) {
    select, textarea, input[type="text"], input[type="password"],
    input[type="datetime"], input[type="datetime-local"],
    input[type="date"], input[type="month"], input[type="time"],
    input[type="week"], input[type="number"], input[type="email"],
    input[type="url"]{ font-size: 16px; }
}

/* iPhone 6, iPhone 6s, iPhone 7 portrait/landscape */
@media screen and (device-aspect-ratio: 375/667) {
    select, textarea, input[type="text"], input[type="password"],
    input[type="datetime"], input[type="datetime-local"],
    input[type="date"], input[type="month"], input[type="time"],
    input[type="week"], input[type="number"], input[type="email"],
    input[type="url"]{ font-size: 16px; }
}

/* iPhone 6 Plus, iPhone 6s Plus, iPhone 7 Plus portrait/landscape */
@media screen and (device-aspect-ratio: 9/16) {
    select, textarea, input[type="text"], input[type="password"],
    input[type="datetime"], input[type="datetime-local"],
    input[type="date"], input[type="month"], input[type="time"],
    input[type="week"], input[type="number"], input[type="email"],
    input[type="url"]{ font-size: 16px; }
}