.blue_section_main{ background:#515a65; padding:25px 0; margin:0 0 2rem 0;}
.blue_section_main .title{ font-size:30px; color:#fff; text-align:center; margin:0 0 45px 0; font-weight:700; padding:0;}
.inner_table_main{ max-width:850px; width:100%; margin:0 auto;}
.blue_section_main .inner_table_main table th{ font-size:16px; color: #ffffff; line-height:14px; text-transform:uppercase; font-weight:400; padding:15px 0; border-bottom:2px solid #FFFFFF;}
.blue_section_main .inner_table_main table td{ font-size:16px; color:#fff; line-height:17px; font-weight:600; padding:10px 0 7px 0; vertical-align:middle; }
.blue_section_main .inner_table_main table td .first_character{ background:#457ec6;
    width:auto; float:left; height:50px; font-size:22px !important; text-align:center; font-weight:700;
    padding: 15px 0 0;
    margin-right:15px;}
.blue_section_main .inner_table_main .ticket_type table td {
    width:auto; float:left; height:50px; text-align:center; font-weight:700;
    padding: 2px;
    margin-left: 10px;
    margin-right:15px;}
/*.blue_section_main .inner_table_main table td span{ float:left; margin-top:16px;}*/


.black_section_main{ background:#000000; padding:10px; margin-top:30px; display:table; width:100%;}
.black_section_main a.browse_more_events{ font-size:13px; color:#fff; line-height:14px; text-decoration:underline; margin-top:12px; float:left; margin-left:10px;}
.black_section_main a.browse_more_events:hover{ text-decoration:none;}
.black_section_main a.checkout_button{ font-size:13px; color:#d30c0c; line-height:14px; text-decoration:none; float:right; background:#fff; padding:13px 30px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; -o-transition:.5s;  -ms-transition:.5s;  -moz-transition:.5s;  -webkit-transition:.5s;  /* ...and now for the proper property */  transition:.5s;}
.black_section_main a.checkout_button:hover{ background:#d30c0c; color:#fff; text-decoration:none;}
.black_section_main a.checkout_button:focus{ background:#fff; color:#d30c0c; text-decoration:none;}


#field_quantity{ max-width:120px; width:100%; border:2px solid #fff; display:table;}
#field_quantity input{ width:40%; float:left; background:#021f44; padding:0 0; border:none; outline:none; text-align:center; height:37px;}
#field_quantity .sub{ width:30%; float:left;}
#field_quantity .add{ width:30%; float:left;}
#field{ max-width:60px; width:100%; border:2px solid #fff; display:table; padding: 5px;}
#field .remove {width: 100%; font-size: 14px; padding:5px 0;  background:#d30c0c; color:#fff; border:none; -o-transition:.5s;  -ms-transition:.5s;  -moz-transition:.5s;  -webkit-transition:.5s;  /* ...and now for the proper property */  transition:.5s;}
#field_quantity button{ background:#00aeef; font-size:20px; color:#fff; padding:10px 0; border:none; -o-transition:.5s;  -ms-transition:.5s;  -moz-transition:.5s;  -webkit-transition:.5s;  /* ...and now for the proper property */  transition:.5s;}
#field_quantity button:hover{ background:#6a819e;}

.borderTop{
    border-top:2px solid #FFFFFF;
}
.clsRemoveTyp{
    color: #dc6868;
}

.section-space-default2-less30 {
    padding-bottom: 1rem;
}

.grandTotal{
    font-size:20px !important; font-weight:700;
}

@media
only screen
and (max-width: 639px) {
    /* Force table to not be like tables anymore */
    .blue_section_main .inner_table_main table, .blue_section_main .inner_table_main thead, .blue_section_main .inner_table_main tbody, .blue_section_main .inner_table_main th, .blue_section_main .inner_table_main td, .blue_section_main .inner_table_main tr {
        display: block;
    }
    /* Hide table headers (but not display: none;, for accessibility) */
    .blue_section_main .inner_table_main thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }
    .blue_section_main .inner_table_main tr {
        margin: 0 0 1rem 0;
    }
    .blue_section_main .inner_table_main table tr:first-child th{ display:none;}
    .blue_section_main .inner_table_main .ticketTypes tr:nth-child(odd) {
        background: #032959;
    }
    .blue_section_main .inner_table_main .ticketTotals {
        background: #3a3a3a;
    }
    .blue_section_main .inner_table_main td {
        /* Behave  like a "row" */
        border: none;
        border-bottom: 1px solid rgba(255,255,255,0.2) !important;
        position: relative;
        padding-left: 50% !important;
    }
    .blue_section_main .inner_table_main td:before {
        /* Now like a table header */
        position: absolute;
        /* Top/left values mimic padding */
        top: 10px;
        left: 10px;
        width: 45% !important;
        padding-right: 10px !important;
        white-space: nowrap;
    }
    /*
    Label the data
    You could also use a data-* attribute and content for this. That way "bloats" the HTML, this way means you need to keep HTML and CSS in sync. Lea Verou has a clever way to handle with text-shadow.
    */
    .blue_section_main .inner_table_main .ticketTypes td:nth-of-type(1):before { content: ""; }
    .blue_section_main .inner_table_main .ticketTypes td:nth-of-type(2):before { content: "Tickets"; }
    .blue_section_main .inner_table_main .ticketTypes td:nth-of-type(3):before { content: "Price"; }
    .blue_section_main .inner_table_main .ticketTypes td:nth-of-type(4):before { content: "Qty"; }
    .blue_section_main .inner_table_main .ticketTypes td:nth-of-type(5):before { content: "Total"; }

    .blue_section_main .inner_table_main .ticketTotals td[data-status="subtotal"]:before { content: "Subtotal"; }
    .blue_section_main .inner_table_main .ticketTotals td[data-status="fees"]:before { content: "Fees"; }
    .blue_section_main .inner_table_main .ticketTotals td[data-status="total"]:before { content: "Total"; }

    .blue_section_main .inner_table_main .ticketTotals td:nth-of-type(2){ display:none; }
    /*.blue_section_main .inner_table_main .ticketTotals td:nth-of-type(5):before { content: ""; }*/

    /*.containerTopPadding {*/
        /*padding-top: 1.5rem;*/
    /*}*/

    /*.section-space-default2-less30 {*/
        /*padding: 0 0 7rem;*/
    /*}*/
}

@media only screen and (max-width : 1023px) {
    .inner_table_main {
        width: 90%;
    }

    /*.containerTopPadding {*/
        /*padding-top: 1.5rem;*/
    /*}*/

    /*.section-space-default2-less30 {*/
        /*padding: 14rem 0 7rem;*/
    /*}*/
}

@media only screen and (max-width : 480px) {

    .blue_section_main .inner_table_main table td {
        font-size: 13px;
    }

    .black_section_main a.checkout_button {
        padding: 13px 20px;
    }

    .send_request {
        display: table;
        width: 100%;
    }

    .send_request a {
        float: left;
    }

    .blue_section_main .inner_table_main table td {
        padding: 10px 0;
    }

    .blue_section_main .inner_table_main table td span {
        float: none;
        margin-top: 0;
    }

    .blue_section_main .inner_table_main table td .first_character {
        display: none;
    }

    .blue_section_main {
        margin: 0 0 20px 0;
    }

    .blue_section_main .title {
        font-size: 25px;
        margin-bottom: 25px;
    }

    .section-space-default2-less30 {
        padding: 0 0 1rem 0;
    }

    /*.containerTopPadding {*/
        /*padding-top: 1.5rem;*/
    /*}*/

    .blue_section_main .inner_table_main table td{ font-size:13px;}
    .black_section_main a.checkout_button{ padding:13px 20px;}
    .send_request{ display:table; width:100%;}
    .send_request a{ float:left;}
    .blue_section_main .inner_table_main table td{ padding:10px 0;}
    .blue_section_main .inner_table_main table td span { float: none; margin-top: 0;}
    .blue_section_main .inner_table_main table td .first_character{ display:none;}

    .blue_section_main .inner_table_main table td .ticket_type{
        float:none;
    }
}


@media only screen and (max-width : 1024px) {

    .section-space-default2-less30 {
        padding: 12rem 0 1rem 0;
    }
}

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

    .containerTopPadding {
        padding-top: 1.5rem;
    }

    .section-space-default2-less30 {
        padding: 0 0 1rem 0;
    }
}