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

    .shell {
        width: 1100px;
    }

    #cancel-post-comment.backend {
        position: absolute;
        bottom: 0;
        left: 0;
        margin: 0;
        font-size: 15px;
        z-index: 99;
    }

    div.reply-box .ticketaAttachFile {
        float: left;
    }

    #close-ticket-block {
        position: relative;
        bottom: auto;
        left: auto;
        display: block;
        margin-top: 20px;
    }

    #close-ticket-block .private-comment-checkbox:before {
        content: " ";
        display: block;
    }

    #close-ticket-block .private-comment-checkbox {
        display: inline-block;
        margin: 0 0 0 10px;
    }

}

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

    .shell {
        width: 90%;
    }

    .shell.tight {
        width: 90%;
    }

    .ticketBlock h2 {
        padding-left: 240px;
        line-height: 1.4;
        padding-top: 5px;
    }

}

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

    .shell, .shell.tight {
        width: 84%;
    }

    #articles-list > article > h3 .list-formats {
        display: none;
    }

    body .ticket-list a.ticket {
        padding: 14px 66px 13px 70px;
        min-height: auto;
    }

    body .ticket-list a.ticket .avatar {
        width: 30px;
        height: 30px;
        top: 15px;
        right: 20px;
    }

    body .ticket-list a.ticket span.right {
        top: 9px;
        left: 14px;
    }

    body .ticket-list a.ticket .ticket-title {
        font-size: 15px;
    }

    body .ticket-list a.ticket .ticket-customer {
        font-size: 12px;
        margin: 0 0 6px;
    }

    body .ticket-list a.ticket .description {
        display: none;
    }

    body .ticket-list a.ticket span {
        padding-right: 0;
    }

    body .ticket-list a.ticket .mini-status.private,
    body .ticket-list a.ticket .mini-status.public {
        position: relative;
        top: -2px;
        right: 0;
    }

    body .ticket-list a.ticket span.ticket-right {
        width: 46px;
    }

    body .ticket-list a.ticket span.ticket-right .needs-response-dot {
        top: 22px;
        right: 15px;
    }

    body .ticket-list a.ticket span.ticket-right .star-ticket {
        display: none;
    }

    body .ticket-list a.ticket span.ticket-right .verified-icon {
        display: none;
    }

    body .ticket-list.extended a.ticket span.excerpt {
        display: none;
    }

}

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

    h1.page-title {
        width: 100%;
    }

    body {
        padding-top: 51px;
        -webkit-text-size-adjust: 100%;
    }

    header#header {
        display: none;
    }

    .container, footer {
        opacity: 1;
    }

    input[type='text'],
    input[type='number'],
    input[type='email'],
    input[type='password'],
    textarea,
    select,
    body .redactor-layer,
    body .redactor-layer * {
        font-size: 16px;
    }

    /* Mobile Header */
    header#mobile-header {
        display: block;
        text-align: left;
        z-index: 9998;
        position: fixed;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        top: 0;
        right: 0;
        padding: 0;
        height: 51px;
        line-height: 50px;
        width: 100%;
    }

    header#mobile-header .shell {
        height: 50px;
    }

    header#mobile-header .logo {

        background-size: auto 100%;
        background-position: center;
        background-repeat: no-repeat;
        height: 20px;
        /*margin-right: 5%;*/
        /*width: 100%;*/
        display: block;
        text-decoration: none;
        font-size: 17px;
        font-weight: 400;
        /*margin-top: 13px;*/
        /*position: relative;*/
        /*top: 2px;*/

    }




    header#mobile-header .logo {
        /*color: #fff;*/
        font-size: 20px;
        text-align: center;
        position: absolute;
        line-height: 1;
        top: 14px;
        right: 10%;
        /* width: 15%; */
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }



    header#mobile-header .logo img {
        /*visibility: hidden;*/
        height: 23px;
        width: auto;
    }

    header#mobile-header .menu-toggle {
        color: #fff;
        font-size: 20px;
        text-align: center;
        position: absolute;
        line-height: 1;
        top: 14px;
        right: -5%;
        width: 15%;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    header#mobile-header .menu-toggle2 {
        color: #fff;
        font-size: 20px;
        text-align: center;
        position: absolute;
        line-height: 1;
        top: 14px;
        left: -5%;
        width: 15%;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    header#mobile-header.with-button .logo {
        background-position: 25px center;
        top: -13px;
    }

    .not-login header#mobile-header.with-button .logo {
        background-position: 25px center;
        top: 16px;
    }

    .not-login header#mobile-header .logo {
         right: 10%;
    }

    header#mobile-header.with-button .signin,header#mobile-header.with-button .signin2 {
        position: absolute;
        top: 12px;
        left: 65px;
    }
    header#mobile-header.with-button .email-registration ,header#mobile-header.with-button .email-registration2{
        position: absolute;
        top: 12px;
        left: -5px;
    }
    #sidebar-menu {
        display: block;
        transform: translate3d(100%, 0, 0);
        top: 0;
        width: 100%;
        height: 100%;
        padding-right: 15%;
        background: #333;
        position: fixed;
    }

    #sidebar-menu .sidebar-menu-section {
        margin-top: 10px;
        font-size: 17px;
        font-weight: 500;
        background: #444;
        letter-spacing: 0;
        color: #fff;
        padding: 16px 20px 15px;
        line-height: 1;
        text-transform: uppercase;
    }

    #sidebar-menu > div a {
        position: relative;
        display: block;
        border-top: 1px solid #444;
        padding: 15px 20px;
        color: #fff;
        font-size: 17px;
    }

    #sidebar-menu > div a:first-child {
        border: none;
    }

    #sidebar-menu > div a:active, #sidebar-menu > div a:focus, #sidebar-menu > div a.current-page {
        background: #111;
    }

    #sidebar-menu > div a em {
        position: absolute;
        top: 9px;
        left: 9px;
        -moz-border-radius: 15px;
        -webkit-border-radius: 15px;
        border-radius: 15px;
        padding: 0 5px;
        width: auto;
        min-width: 29px;
        height: 29px;
        line-height: 29px;
        font-size: 15px;
        text-align: center;
        font-weight: 500;
        font-style: normal;
    }

    #sidebar-menu > div a i.ti-star {
        float: left;
        margin: 0 0 0 -10px;
        font-size: 25px;
    }

    #sidebar-menu > div .avatar {
        width: 20px;
        height: 20px;
        float: right;
        margin: -1px 0 0 6px;
    }

    #sidebar-menu .mobile-search-form {
        width: 100%;
        position: relative;
    }

    #sidebar-menu .mobile-search-form .search-box {
        display: block;
        padding: 9px 9px 0 9px;
    }

    #sidebar-menu .mobile-search-form .search-box input {
        -webkit-appearance: none;
        border: 1px solid #fff;
        display: block;
        width: 100%;
        padding: 10px;
        font-size: 16px;
    }

    #sidebar-menu .mobile-search-form .ticketa-instant-results {
        width: 100%;
        box-sizing: border-box;
        right: 0;
        padding: 0 9px;
        background: transparent;
        border: none;
    }

    #sidebar-menu .mobile-search-form .ticketa-instant-results .tc-tab-wrapper {
        background: #fff;
        padding: 5px;
    }

    #sidebar-menu .mobile-search-form .ticketa-instant-results .tc-tab-content {
        background: #fff;
        padding: 5px;
    }

    body.sidebar-active {
        height: 100%;
        width: 100%;
        overflow: hidden;
        top: 0;
        left: 0;
        position: fixed;
    }

    body.sidebar-active header#mobile-header {
        -webkit-transform: translate3d(-85%, 0, 0);
        transform: translate3d(-85%, 0, 0);
    }

    body.sidebar-active #sidebar-menu {
        overflow-y: scroll;
        -webkit-overflow-scrolling: touch;
        z-index: 9999;
        -webkit-transform: translate3d(15%, 0, 0);
        transform: translate3d(15%, 0, 0);
    }

    body #banner, body .container, body footer {
        opacity: 1;
    }

    body .sidebar-overlay {
        display: block;
        height: 1px;
        width: 100%;
        position: fixed;
        z-index: 9997;
        top: 0;
        right: 0;
    }

    body.sidebar-active .sidebar-overlay {
        height: 100%;
    }

    body.sidebar-active .container, body.sidebar-active footer, body.sidebar-active #banner {
        opacity: 0;
    }

    body.sidebar-active header#mobile-header .menu-toggle i.ti:before {
        content: '\f078';
    }

    body.sidebar-active header#mobile-header .menu-toggle2 i.ti:before {
        content: '\f078';
    }

    header#mobile-header, #sidebar-menu, body .container, body footer, body #banner, header#mobile-header .menu-toggle, header#mobile-header .menu-toggle2 {
        -webkit-transition: all 300ms cubic-bezier(0.420, 0.000, 0.160, 1.000);
        -moz-transition: all 300ms cubic-bezier(0.420, 0.000, 0.160, 1.000);
        -o-transition: all 300ms cubic-bezier(0.420, 0.000, 0.160, 1.000);
        transition: all 300ms cubic-bezier(0.420, 0.000, 0.160, 1.000); /* custom */

        -webkit-transition-timing-function: cubic-bezier(0.420, 0.000, 0.160, 1.000);
        -moz-transition-timing-function: cubic-bezier(0.420, 0.000, 0.160, 1.000);
        -o-transition-timing-function: cubic-bezier(0.420, 0.000, 0.160, 1.000);
        transition-timing-function: cubic-bezier(0.420, 0.000, 0.160, 1.000); /* custom */
    }

    .action-bar .inline-dropdowns-wrapper {
        border-bottom: none;
        display: block;
        top: 0;
        line-height: 1.6;
        right: 0;
        float: none;
        margin: 0 13px 15px 8px;
        width: auto;
        padding: 0;
    }

    .action-bar .inline-dropdowns-wrapper .top-level {
        float: right;
        padding: 0 6px;
        height: 20px;
    }

    .action-bar .inline-dropdowns-wrapper .top-level > a, .action-bar .inline-dropdowns-wrapper .top-level section {
        height: 20px;
    }

    #article-categories a.article {
        float: none;
        width: auto;
        display: block;
        margin: 0 0 20px;
    }

    #articles-list article {
        width: 100%;
        float: none;
        margin: 0 0 5%;
    }

    .fields.tight .column_1-1,.fields.tight .column_1-2, .fields.tight .column_1-3, .fields.tight .column_1-4 {
        float: none;
        width: 100%;
        margin: 0 0 20px;
    }

    #pageForm-block .fields.tight .column_1-1 label.above_label,#pageForm-block .fields.tight .column_1-2 label.above_label, #pageForm-block .fields.tight .column_1-3 label.above_label, #pageForm-block .fields.tight .column_1-4 label.above_label {
        padding: 0;
    }

    select.ticketa-link-select {
        -webkit-appearance: menulist;
        background: #fff;
        border: 1px solid #ccc;
        height: 30px;
        display: block;
        width: 100%;
        margin: 0 0 15px;
    }

    select.ticketa-link-select:last-child {
        margin: 15px 0 0;
    }

    p.public-private-switch span.private,
    p.public-private-switch span.public {
        display: block;
        width: 100%;
        float: none;
        text-align: center;
        padding: 0;
        margin: 10px 0;
    }

    #pageForm-block {
        padding: 7%;
    }

    .page-content {
        padding: 4% 0;
    }

    footer {
        padding: 1% 0 5%;
    }

    .right-content, .left-content, .shell.tighter-sidebar .left-content {
        padding-top: 0;
        float: none;
        width: 100%;
    }

    aside.sidebar.right {
        float: none;
        width: 100% !important;
    }

    #articles-list.ticket-list article.full-width {
        padding: 0;
    }

    /* 	.ticket-list { margin:0 0 25px; } */
    #articles-list {
        padding: 0 0 25px;
    }

    .ticket-list a.ticket {
        padding: 20px 95px 17px 55px;
        min-height: auto;
    }

    .ticket-list a.ticket:hover {
        background: none;
    }

    .ticket-list a.ticket > img {
        right: 25px;
        top: 20px;
        width: 50px;
        height: 50px;
    }

    .ticket-list a.ticket span.right {
        display: none;
    }

    .ticket-list.compact a.ticket span.ticket-title {
        margin: 0;
    }

    .ticket-list a.ticket span.description {
        padding-right: 0;
    }

    .ticket-list a.ticket span.description img {
        margin-top: -2px;
    }

    .ticket-list a.ticket span.description .ticket-meta-spacer {
        display: block;
        height: 1px;
    }

    .mini-status.private, .mini-status.public {
        right: auto;
        left: 5px;
    }

    #articles-list.ticket-list article.full-width a:hover {
        background: #fff;
    }

    #pageForm-block .button {
        text-align: center;
    }

    #pageForm-block .delete-article {
        display: block;
        text-align: center;
        padding: 20px 0;
    }

    .edit-article-button {
        display: block;
        float: none;
        width: 100%;
        text-align: center;
        margin: 0 0 30px;
    }

}

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

    span.ticketa-custom-select[data-select-id="categoryJumper"] {
        width: 100% !important;
        position: relative !important;
        top: 0 !important;
        margin: 0 0 20px;
    }

    .shell > h1 {
        padding: 5px 0 10px !important;
    }

    body .button.print-button, body .button.edit-article-button, #manage-articles-button {
        display: none;
    }

    .article-buttons {
        margin: 0;
    }

    #articles-list article.full-width .articles-padded .single-article {
        float: none;
        width: 100%;
        padding: 0 20px 30px;
        display: block;
    }

    #articles-list article.full-width .articles-padded .single-article:first-child {
        padding-top: 20px;
    }

    #articles-list article.full-width .articles-padded .single-article.single-cat {
        float: none;
        width: 100%;
        display: block;
    }

    #fourohfour {
        text-align: center;
        position: absolute;
        top: 100px;
        right: 50%;
        width: 74%;
        margin: 0 -37% 0 0;
        margin-top: 0 !important;
    }

    #fourohfour i.ti-clock {
        font-size: 110px;
    }

    #fourohfour h1 {
        font-size: 19px;
    }

    #fourohfour p {
        font-size: 16px;
    }

    #support-verified ul {
        font-size: 14px;
    }

    #support-verified ul strong {
        display: block;
        float: none;
    }

    .slicknav_nav > li {
        width: 90%
    }

    .shell, .shell.tight {
        width: 90%;
    }

    .ticket-status, .ticket-status.bumped {
        position: relative;
        display: block;
        top: 0;
        right: auto;
        left: 0;
        margin: 0 0 20px;
        text-align: center;
    }

    .action-bar {
        height: auto;
        padding: 10px 15px;
    }

    .action-bar a.button,
    .action-bar a.reply,
    .action-bar a.note,
    .action-bar a.customer-notes {
        float: none;
        width: 100%;
        text-align: center;
        margin: 7px 0;
        padding: 13px 0 12px;
    }

    .response-needed-block {
        right: 0;
        left: auto;
    }

    .action-bar a.reply i.ti {
        position: relative;
        top: 2px;
    }

    ul.comment-list > li .left .author {
        display: none;
    }

    ul.comment-list > li .left {
        padding: 8% 8% 0 0;
    }

    ul.comment-list > li .right {
        padding: 4% 4% 4% 4%;
    }

    ul.comment-list > li .post-date {
        font-size: 12px;
    }

    ul.comment-list > li .left {
        margin: 0;
    }

    ul.comment-list > li .left img {
        margin: 0;
        width: 100%;
        height: auto;
        display: inline-block;
    }

    ul.comment-list > li .left .author span {
        font-size: 11px;
        display: inline;
    }

    ul.comment-list .comment {
        padding: 0;
    }

    ul.comment-list > li:first-child {
        border-top: 1px solid #ddd;
    }

    ul.comment-list .comment .edit-delete {
        display: none !important;
    }

    .ticketBlock h2 {
        margin: 0 0 22px;
        padding-left: 15%;
    }

    .ticketBlock h2 .ticket-title, #ticketTitleEdit {
        margin: 0 0 20px;
    }

    .ticketBlock h2 > a, .ticketBlock h2 > span {
        margin: 3px 0 0 10px;
        display: block;
    }

    .page-content {
        padding: 5% 0;
    }
/*
    #pageForm-block .reorder-grabber,
    #pageForm-block .category-thumb,
    #pageForm-block .delete-category,
    #pageForm-block > div > h2 span,
    #pageForm-block > div > hr,
    #pageForm-block .ticketaAttachFile,
    .page-content h3.section-title i.ti {
        display: none;
    }
*/
    #pageForm-block {
        padding: 7% 7% 1%;
    }

    #pageForm-block .subtext {
        font-size: 12px;
        line-height: 1.4;
    }

    #pageForm-block > div > h2 {
        text-align: center;
        margin: 0 0 15px;
    }

    #pageForm-block .button {
        width: 100%;
        display: block;
        padding: 12px 0;
    }

    p.public-private-switch {
        padding: 0 0 25px;
    }

    #pageForm-block .conditional-hidden {
        width: 100% !important;
        margin: 0 0 20px 0 !important;
    }

    #pageForm-block p label {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 80%;
        top: 7px;
    }

    #pageForm-block #avatar-dropzone, #pageForm-block #hero-dropzone, #pageForm-block #logo-dropzone, #pageForm-block #favicon-dropzone, #pageForm-block #mobile_icon-dropzone {
        display: block;
    }

    #pageForm-block .avatar-upload-wrapper img {
        margin: 0 auto 15px;
    }

    .page-content h3.section-title, .page-content h3.section-title:first-child {
        border: none;
        font-size: 15px;
        letter-spacing:0;
        margin: 0px 0px 25px;
    }

    .page-content h3.section-title span, .page-content h3.section-title span:first-child {
        padding: 0;
        top: 0;
        position: relative;
    }

    .page-content h3.section-title span {
        text-align: center;
        display: block;
    }

    .slicknav_nav {
        padding: 5% 0;
    }

    .slicknav_nav .search {
        display: block;
    }

    .slicknav_nav li.search form .search-box {
        margin: 5px 5px 0;
        position: relative;
    }

    .slicknav_nav li.search form .search-box input {
        width: 100%;
        height: 35px;
        line-height: 35px;
        border: 1px solid #ddd;
    }

    .slicknav_nav li.search form .search-box .ti-search {
        width: auto;
        line-height: 1;
        font-size: 20px;
        position: absolute;
        top: 7px;
        left: 10px;
    }

    .fields.tight .column_1-2 {
        float: none;
        width: 100%;
    }

    .ticketa-modal {
        padding: 0;
    }

    .ticketa-modal .tm-overlay {
        background: rgba(0, 0, 0, 0.7);
    }

    .ticketa-modal .tm-window {
        margin: 3%;
        width: 94%;
        padding: 30px;
        box-sizing: border-box;
    }

    .ticketa-modal .tm-window .button {
        display: block;
        margin: 0 0 5px;
        width: 100%;
    }

    .ticketa-modal input[type="submit"].button {
        margin-top: 15px;
    }

    .shell.submit-ticket-shell {
        width: 90%;
    }

}

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

    .mobile-only {
        display: inherit;
    }

    .signin-or-block {
        margin: -5px 0 -1px !important;
    }

    .tc-tabs .tab .desktop-title {
        display: none;
    }

    .tc-tabs .tab .mobile-title {
        display: inline-block;
    }

    #edit-profile-form .ticketa-custom-select {
        width: 100% !important;
    }

    .toggle-panel-link[data-panel="api_settings"] {
        display: none !important;
    }

    #articles-list, .ticketa-page-panel {
        padding: 0 !important;
    }

    #articles-list.ticket-list {
        padding: 0 0 30px !important;
    }

    #pageForm-block {
        margin: 0;
    }

    #attachment-visuals .dz-preview {
        display: block;
        margin: 0 0 5px;
    }

    #attachment-visuals .dz-preview:last-child {
        margin: 0 0 20px;
    }

    #attachment-visuals .dz-preview .ti.ti-times {
        float: left;
    }

    .reply-box .button,
    #customer-notes .button,
    .note-box .button,
    .ticketa-modal .button.sm {
        text-align: center;
        width: 100%;
        padding: 12px 0;
        display: block;
        float: none;
        margin: 0 0 10px;
    }

    div.reply-box .ticketaAttachFile {
        float: none;
    }

    #cancel-post-comment.front, #cancel-post-note, .close-customer-notes {
        margin: 0;
        font-size: 15px;
        display: block;
        text-align: center;
        padding-top: 5px;
    }

    #submit-ticket-comment-button {
        margin: 0 0 -10px;
    }

    .ticketa-modal .tm-window {
        margin: 0;
        width: 100%;
        box-shadow: none;
    }

    .ticketa-modal .tm-overlay {
        background: #f5f5f5;
    }

    .ticketa-modal h3.bordered, .ticketa-modal h3.ticketa-modal-cap, .ticketa-modal .tm-window {
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        border-radius: 0;
    }

    #close-ticket-block .private-comment-checkbox:before {
        content: "";
        display: inline;
    }

    #close-ticket-block .private-comment-checkbox {
        display: block;
        padding-top: 5px;
    }

    #close-ticket-block .close-ticket-checkbox {
        display: block;
        padding-top: 5px;
    }

}




/* bootstrap */

.container-fluid {
    padding-left: 15px;
    padding-right: 15px;
    margin-left: auto;
    margin-right: auto;
}
.row {
    margin-left: -15px;
    margin-right: -15px;
}
.row-no-gutters {
    margin-left: 0;
    margin-right: 0;
}
.row-no-gutters [class*="col-"] {
    padding-left: 0;
    padding-right: 0;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
    float: right;
}
.col-xs-12 {
    width: 100%;
}
.col-xs-11 {
    width: 91.66666667%;
}
.col-xs-10 {
    width: 83.33333333%;
}
.col-xs-9 {
    width: 75%;
}
.col-xs-8 {
    width: 66.66666667%;
}
.col-xs-7 {
    width: 58.33333333%;
}
.col-xs-6 {
    width: 50%;
}
.col-xs-5 {
    width: 41.66666667%;
}
.col-xs-4 {
    width: 33.33333333%;
}
.col-xs-3 {
    width: 25%;
}
.col-xs-2 {
    width: 16.66666667%;
}
.col-xs-1 {
    width: 8.33333333%;
}
.col-xs-pull-12 {
    left: 100%;
}
.col-xs-pull-11 {
    left: 91.66666667%;
}
.col-xs-pull-10 {
    left: 83.33333333%;
}
.col-xs-pull-9 {
    left: 75%;
}
.col-xs-pull-8 {
    left: 66.66666667%;
}
.col-xs-pull-7 {
    left: 58.33333333%;
}
.col-xs-pull-6 {
    left: 50%;
}
.col-xs-pull-5 {
    left: 41.66666667%;
}
.col-xs-pull-4 {
    left: 33.33333333%;
}
.col-xs-pull-3 {
    left: 25%;
}
.col-xs-pull-2 {
    left: 16.66666667%;
}
.col-xs-pull-1 {
    left: 8.33333333%;
}
.col-xs-pull-0 {
    left: auto;
}
.col-xs-push-12 {
    right: 100%;
}
.col-xs-push-11 {
    right: 91.66666667%;
}
.col-xs-push-10 {
    right: 83.33333333%;
}
.col-xs-push-9 {
    right: 75%;
}
.col-xs-push-8 {
    right: 66.66666667%;
}
.col-xs-push-7 {
    right: 58.33333333%;
}
.col-xs-push-6 {
    right: 50%;
}
.col-xs-push-5 {
    right: 41.66666667%;
}
.col-xs-push-4 {
    right: 33.33333333%;
}
.col-xs-push-3 {
    right: 25%;
}
.col-xs-push-2 {
    right: 16.66666667%;
}
.col-xs-push-1 {
    right: 8.33333333%;
}
.col-xs-push-0 {
    right: auto;
}
.col-xs-offset-12 {
    margin-right: 100%;
}
.col-xs-offset-11 {
    margin-right: 91.66666667%;
}
.col-xs-offset-10 {
    margin-right: 83.33333333%;
}
.col-xs-offset-9 {
    margin-right: 75%;
}
.col-xs-offset-8 {
    margin-right: 66.66666667%;
}
.col-xs-offset-7 {
    margin-right: 58.33333333%;
}
.col-xs-offset-6 {
    margin-right: 50%;
}
.col-xs-offset-5 {
    margin-right: 41.66666667%;
}
.col-xs-offset-4 {
    margin-right: 33.33333333%;
}
.col-xs-offset-3 {
    margin-right: 25%;
}
.col-xs-offset-2 {
    margin-right: 16.66666667%;
}
.col-xs-offset-1 {
    margin-right: 8.33333333%;
}
.col-xs-offset-0 {
    margin-right: 0%;
}
@media (min-width: 768px) {
    .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
        float: right;
    }
    .col-sm-12 {
        width: 100%;
    }
    .col-sm-11 {
        width: 91.66666667%;
    }
    .col-sm-10 {
        width: 83.33333333%;
    }
    .col-sm-9 {
        width: 75%;
    }
    .col-sm-8 {
        width: 66.66666667%;
    }
    .col-sm-7 {
        width: 58.33333333%;
    }
    .col-sm-6 {
        width: 50%;
    }
    .col-sm-5 {
        width: 41.66666667%;
    }
    .col-sm-4 {
        width: 33.33333333%;
    }
    .col-sm-3 {
        width: 25%;
    }
    .col-sm-2 {
        width: 16.66666667%;
    }
    .col-sm-1 {
        width: 8.33333333%;
    }
    .col-sm-pull-12 {
        left: 100%;
    }
    .col-sm-pull-11 {
        left: 91.66666667%;
    }
    .col-sm-pull-10 {
        left: 83.33333333%;
    }
    .col-sm-pull-9 {
        left: 75%;
    }
    .col-sm-pull-8 {
        left: 66.66666667%;
    }
    .col-sm-pull-7 {
        left: 58.33333333%;
    }
    .col-sm-pull-6 {
        left: 50%;
    }
    .col-sm-pull-5 {
        left: 41.66666667%;
    }
    .col-sm-pull-4 {
        left: 33.33333333%;
    }
    .col-sm-pull-3 {
        left: 25%;
    }
    .col-sm-pull-2 {
        left: 16.66666667%;
    }
    .col-sm-pull-1 {
        left: 8.33333333%;
    }
    .col-sm-pull-0 {
        left: auto;
    }
    .col-sm-push-12 {
        right: 100%;
    }
    .col-sm-push-11 {
        right: 91.66666667%;
    }
    .col-sm-push-10 {
        right: 83.33333333%;
    }
    .col-sm-push-9 {
        right: 75%;
    }
    .col-sm-push-8 {
        right: 66.66666667%;
    }
    .col-sm-push-7 {
        right: 58.33333333%;
    }
    .col-sm-push-6 {
        right: 50%;
    }
    .col-sm-push-5 {
        right: 41.66666667%;
    }
    .col-sm-push-4 {
        right: 33.33333333%;
    }
    .col-sm-push-3 {
        right: 25%;
    }
    .col-sm-push-2 {
        right: 16.66666667%;
    }
    .col-sm-push-1 {
        right: 8.33333333%;
    }
    .col-sm-push-0 {
        right: auto;
    }
    .col-sm-offset-12 {
        margin-right: 100%;
    }
    .col-sm-offset-11 {
        margin-right: 91.66666667%;
    }
    .col-sm-offset-10 {
        margin-right: 83.33333333%;
    }
    .col-sm-offset-9 {
        margin-right: 75%;
    }
    .col-sm-offset-8 {
        margin-right: 66.66666667%;
    }
    .col-sm-offset-7 {
        margin-right: 58.33333333%;
    }
    .col-sm-offset-6 {
        margin-right: 50%;
    }
    .col-sm-offset-5 {
        margin-right: 41.66666667%;
    }
    .col-sm-offset-4 {
        margin-right: 33.33333333%;
    }
    .col-sm-offset-3 {
        margin-right: 25%;
    }
    .col-sm-offset-2 {
        margin-right: 16.66666667%;
    }
    .col-sm-offset-1 {
        margin-right: 8.33333333%;
    }
    .col-sm-offset-0 {
        margin-right: 0%;
    }
}
@media (min-width: 992px) {
    .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
        float: right;
    }
    .col-md-12 {
        width: 100%;
    }
    .col-md-11 {
        width: 91.66666667%;
    }
    .col-md-10 {
        width: 83.33333333%;
    }
    .col-md-9 {
        width: 75%;
    }
    .col-md-8 {
        width: 66.66666667%;
    }
    .col-md-7 {
        width: 58.33333333%;
    }
    .col-md-6 {
        width: 50%;
    }
    .col-md-5 {
        width: 41.66666667%;
    }
    .col-md-4 {
        width: 33.33333333%;
    }
    .col-md-3 {
        width: 25%;
    }
    .col-md-2 {
        width: 16.66666667%;
    }
    .col-md-1 {
        width: 8.33333333%;
    }
    .col-md-pull-12 {
        left: 100%;
    }
    .col-md-pull-11 {
        left: 91.66666667%;
    }
    .col-md-pull-10 {
        left: 83.33333333%;
    }
    .col-md-pull-9 {
        left: 75%;
    }
    .col-md-pull-8 {
        left: 66.66666667%;
    }
    .col-md-pull-7 {
        left: 58.33333333%;
    }
    .col-md-pull-6 {
        left: 50%;
    }
    .col-md-pull-5 {
        left: 41.66666667%;
    }
    .col-md-pull-4 {
        left: 33.33333333%;
    }
    .col-md-pull-3 {
        left: 25%;
    }
    .col-md-pull-2 {
        left: 16.66666667%;
    }
    .col-md-pull-1 {
        left: 8.33333333%;
    }
    .col-md-pull-0 {
        left: auto;
    }
    .col-md-push-12 {
        right: 100%;
    }
    .col-md-push-11 {
        right: 91.66666667%;
    }
    .col-md-push-10 {
        right: 83.33333333%;
    }
    .col-md-push-9 {
        right: 75%;
    }
    .col-md-push-8 {
        right: 66.66666667%;
    }
    .col-md-push-7 {
        right: 58.33333333%;
    }
    .col-md-push-6 {
        right: 50%;
    }
    .col-md-push-5 {
        right: 41.66666667%;
    }
    .col-md-push-4 {
        right: 33.33333333%;
    }
    .col-md-push-3 {
        right: 25%;
    }
    .col-md-push-2 {
        right: 16.66666667%;
    }
    .col-md-push-1 {
        right: 8.33333333%;
    }
    .col-md-push-0 {
        right: auto;
    }
    .col-md-offset-12 {
        margin-right: 100%;
    }
    .col-md-offset-11 {
        margin-right: 91.66666667%;
    }
    .col-md-offset-10 {
        margin-right: 83.33333333%;
    }
    .col-md-offset-9 {
        margin-right: 75%;
    }
    .col-md-offset-8 {
        margin-right: 66.66666667%;
    }
    .col-md-offset-7 {
        margin-right: 58.33333333%;
    }
    .col-md-offset-6 {
        margin-right: 50%;
    }
    .col-md-offset-5 {
        margin-right: 41.66666667%;
    }
    .col-md-offset-4 {
        margin-right: 33.33333333%;
    }
    .col-md-offset-3 {
        margin-right: 25%;
    }
    .col-md-offset-2 {
        margin-right: 16.66666667%;
    }
    .col-md-offset-1 {
        margin-right: 8.33333333%;
    }
    .col-md-offset-0 {
        margin-right: 0%;
    }
}
@media (min-width: 1200px) {
    .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
        float: right;
    }
    .col-lg-12 {
        width: 100%;
    }
    .col-lg-11 {
        width: 91.66666667%;
    }
    .col-lg-10 {
        width: 83.33333333%;
    }
    .col-lg-9 {
        width: 75%;
    }
    .col-lg-8 {
        width: 66.66666667%;
    }
    .col-lg-7 {
        width: 58.33333333%;
    }
    .col-lg-6 {
        width: 50%;
    }
    .col-lg-5 {
        width: 41.66666667%;
    }
    .col-lg-4 {
        width: 33.33333333%;
    }
    .col-lg-3 {
        width: 25%;
    }
    .col-lg-2 {
        width: 16.66666667%;
    }
    .col-lg-1 {
        width: 8.33333333%;
    }
    .col-lg-pull-12 {
        left: 100%;
    }
    .col-lg-pull-11 {
        left: 91.66666667%;
    }
    .col-lg-pull-10 {
        left: 83.33333333%;
    }
    .col-lg-pull-9 {
        left: 75%;
    }
    .col-lg-pull-8 {
        left: 66.66666667%;
    }
    .col-lg-pull-7 {
        left: 58.33333333%;
    }
    .col-lg-pull-6 {
        left: 50%;
    }
    .col-lg-pull-5 {
        left: 41.66666667%;
    }
    .col-lg-pull-4 {
        left: 33.33333333%;
    }
    .col-lg-pull-3 {
        left: 25%;
    }
    .col-lg-pull-2 {
        left: 16.66666667%;
    }
    .col-lg-pull-1 {
        left: 8.33333333%;
    }
    .col-lg-pull-0 {
        left: auto;
    }
    .col-lg-push-12 {
        right: 100%;
    }
    .col-lg-push-11 {
        right: 91.66666667%;
    }
    .col-lg-push-10 {
        right: 83.33333333%;
    }
    .col-lg-push-9 {
        right: 75%;
    }
    .col-lg-push-8 {
        right: 66.66666667%;
    }
    .col-lg-push-7 {
        right: 58.33333333%;
    }
    .col-lg-push-6 {
        right: 50%;
    }
    .col-lg-push-5 {
        right: 41.66666667%;
    }
    .col-lg-push-4 {
        right: 33.33333333%;
    }
    .col-lg-push-3 {
        right: 25%;
    }
    .col-lg-push-2 {
        right: 16.66666667%;
    }
    .col-lg-push-1 {
        right: 8.33333333%;
    }
    .col-lg-push-0 {
        right: auto;
    }
    .col-lg-offset-12 {
        margin-right: 100%;
    }
    .col-lg-offset-11 {
        margin-right: 91.66666667%;
    }
    .col-lg-offset-10 {
        margin-right: 83.33333333%;
    }
    .col-lg-offset-9 {
        margin-right: 75%;
    }
    .col-lg-offset-8 {
        margin-right: 66.66666667%;
    }
    .col-lg-offset-7 {
        margin-right: 58.33333333%;
    }
    .col-lg-offset-6 {
        margin-right: 50%;
    }
    .col-lg-offset-5 {
        margin-right: 41.66666667%;
    }
    .col-lg-offset-4 {
        margin-right: 33.33333333%;
    }
    .col-lg-offset-3 {
        margin-right: 25%;
    }
    .col-lg-offset-2 {
        margin-right: 16.66666667%;
    }
    .col-lg-offset-1 {
        margin-right: 8.33333333%;
    }
    .col-lg-offset-0 {
        margin-right: 0%;
    }
}
.clearfix:before,
.clearfix:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after {
    display: table;
    content: " ";
}
.clearfix:after,
.container:after,
.container-fluid:after,
.row:after {
    clear: both;
}
.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

/* end bootstrap */

@media only screen and (max-width: 1024px) {
    .ticket-left-payment-btn{
        top: -60px;
        left: 50px;
    }
}


header#mobile-header .dropdown { cursor:default; display:none; border:none; padding:15px 20px 15px; position:absolute; top:36px; left:0; width:210px; margin:0; line-height:2; background:#fff; -moz-border-radius:0 0 3px 3px; -webkit-border-radius:0 0 3px 3px; border-radius:0 0 3px 3px; -moz-box-shadow:0 2px 3px rgba(0,0,0,0.15); -webkit-box-shadow:0 2px 3px rgba(0,0,0,0.15); box-shadow:0 2px 3px rgba(0,0,0,0.15); }
header#mobile-header .dropdown a { font-size:15px; color:#888; font-weight:400; display:block; text-align:right; }
header#mobile-header .dropdown a i.ti { font-size:14px; color:#555; }
header#mobile-header .dropdown a:hover { color:#333; }
header#mobile-header :hover span.dropdown { display:block; }
header#mobile-header  span.dropdown span.spacer { border-bottom:1px solid #e5e5e5; height:1px; display:block; padding:8px 0 0; margin:0 0 8px; }

header#mobile-header #notifications { display:inline-block; }
header#mobile-header .notifications { color:rgba(255,255,255,0.75); line-height:50px;padding: 0 3px; }
header#mobile-header .notifications > i.ti-alert { font-size:17px; position:relative; top:1px; margin:0 0 0 3px; }
header#mobile-header .notifications > i.ti-caret-down { color:#fff; }
header#mobile-header .notifications.new i.ti-alert:before { content:"\f043"; }
header#mobile-header .notifications { position:relative; cursor:pointer; text-align:center; }
header#mobile-header #notifications:hover { background:#fff;}
header#mobile-header .notifications:hover { color:#555; }
header#mobile-header .notifications:hover > i.ti-caret-down { color:#555; }


header#mobile-header .notifications span.notification-count { font-weight:500; color:#fff; }
header#mobile-header .notifications:hover span.notification-count { color:#555; }
header#mobile-header .notifications span.dropdown { padding:10px 4px 0; width:375px; line-height:1.5; }
header#mobile-header .notifications span.dropdown .scrollable-area { display:block; margin-bottom:0; }
header#mobile-header .notifications span.dropdown a { overflow: hidden; text-overflow: ellipsis; border-bottom:1px solid #e5e5e5; font-size:14px; line-height:1.4; display:block; padding:13px 68px 13px 15px; position:relative; margin:0 7px; }
header#mobile-header .notifications span.dropdown a:last-child { border:none; margin-bottom:10px; }
header#mobile-header .notifications span.dropdown a.marked-read-0 { color:#333; }
header#mobile-header .notifications span.dropdown a.marked-read-0:hover { color:#000; }
header#mobile-header .notifications span.dropdown a.marked-read-1:hover { color:#555; background:#f9f9f9; }
header#mobile-header .notifications span.dropdown a.marked-read-1 i.ti-featured { color:#aaa; }
header#mobile-header .notifications span.dropdown span.title { display:block; text-align:right; font-size:12px; padding:10px 15px 18px 0; margin:0 7px; font-weight:500; color:#555; text-transform:uppercase; letter-spacing:0; border-bottom:1px solid #e5e5e5; }
header#mobile-header .notifications span.dropdown span.mark-as-read { cursor:pointer; font-size:12px; position:absolute; top:19px; left:25px; color:#aaa; }
header#mobile-header .notifications span.dropdown span.mark-as-read:hover { color:#000; }
header#mobile-header .notifications span.dropdown a small { font-size:12px; color:#aaa; display:block; padding:5px 0 0 0; }
header#mobile-header .notifications span.dropdown a small.alt { padding:0 0 5px; }
header#mobile-header .notifications span.dropdown a.marked-read-1 small { color:#ccc; }
header#mobile-header .notifications span.dropdown a.marked-read-1:hover small { color:#aaa; }
header#mobile-header .notifications span.dropdown a.marked-read-1 .comment-from span:last-child { color:#888 !important; }

header#mobile-header .notifications span.dropdown a > i.ti { position:absolute; font-size:28px; width:30px; text-align:center; color:#aaa; top:18px; right:18px; }
header#mobile-header .notifications span.dropdown a img.avatar { position:relative; display:inline-block; top:3px; width:15px; height:auto; }
header#mobile-header .notifications span.dropdown a.marked-read-1:hover i.ti { color:#888 !important; }
header#mobile-header .notifications span.dropdown a strong { font-weight:500; display:inline-block; padding-bottom:3px; }
header#mobile-header .notifications span.dropdown a span.quoted { padding:5px 0 0; font-size:14px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin:0; display:block; }
header#mobile-header .notifications span.dropdown a span.quoted i.ti-quote-right { color:#ccc !important; margin:0 -1px 0 5px; display:inline-block; }