@media (max-width: 480px) {
    body {
        font-size: 1em;
    }
    .green-btn {
        font-size: 0.8em;
    }
}

/* Header Menu */
@media (max-width: 1200px){
    .mobile-btn {
        background: url(../images/mobile-menu.png) no-repeat 0 0 transparent;
        width: 40px;
        height: 25px;
        cursor: pointer;
        float: right;
        margin: 6px;
    }
    .responsive-menu {
        display: none;
        position: absolute;
        top: 59px;
        left: 2%;
        padding: 0 20px 20px;
        background: #3A4263;
        border-radius: 0 0 5px 5px;
        z-index: 3;
        width: 96%;
    }
    .responsive-menu > div {
        display: block;
        width: 100%;
    }
    .responsive-menu .search {
        margin: 0 auto 20px;
        display: table;
    }
    .responsive-menu .search input[type="text"] {
        width: 100%;
    }
    .responsive-menu nav {
        margin: 0 auto 20px;
        width: 100%;
    }
    .responsive-menu nav li {
        width: 100%;
        text-align: center;
        margin-bottom: 15px
    }
    .responsive-menu nav li:last-child {
        margin-bottom: 0;
    }
    .responsive-menu nav li a {
        font-size: 1.2em;
    }
    .responsive-menu .menu-account {
        border-top: 1px solid #f5f5f5;
        padding-top: 10px;
    }
    .responsive-menu .menu-account a {
        font-size: 1.2em;
        width: 32%;
        padding: 0;
        text-align: center;
    }
    .responsive-menu .menu-account.not-authorized a {
        width: 32%;
    }
    .responsive-menu .menu-account.authorized a {
        width: 49%;
    }
    .responsive-menu .menu-account .dropdown {
        display: block;
    }
    .responsive-menu .menu-account .dropdown > a {
        width: 100%;
        font-weight: bold;
        display: block;
    }
    .responsive-menu .menu-account .dropdown .dropdown-content {
        display: block;
        position: relative;
    }
    .responsive-menu .menu-account .dropdown .dropdown-content > a {
        display: block;
        margin: 0 auto 10px;
    }
}
@media (max-width: 768px){
    .responsive-menu nav li a,
    .responsive-menu .menu-account a {
        font-size: 1.4em;
    }
}
@media (max-width: 480px){
    .responsive-menu nav li a,
    .responsive-menu .menu-account a {
        font-size: 1em;
    }
}

/* Footer */
@media (max-width: 1084px){
    footer .bottom {
        height: auto;
    }
    footer .bottom .fixW > div {
        width: auto;
    }
    footer .bottom .fixW > div:last-child {
        float: right;
    }
}
@media (max-width: 768px){
    footer {
        position: relative;
    }
    footer .top a {
        font-size: 1.1em;
    }
    footer .top p {
        font-size: 1.3em;
    }
    footer .top {
        height: auto;
    }
    footer .top .fixW > div {
        width: 50%;
        text-align: center;
    }
    footer .top .fixW > div:nth-child(2),
    footer .top .fixW > div:nth-child(3) {
        padding-bottom: 20px;
    }
    footer .top .fixW > div:first-child {
        padding: 10px 0 20px;
    }
    footer .top .fixW > div:last-child {
        padding: 10px 0;
    }
    footer .top .fixW > div:first-child,
    footer .top .fixW > div:last-child {
        display: block;
        text-align: center;
        width: 100%;
    }
    footer .top .fixW > div > ul > li {
        margin-bottom: 5px;
    }

    footer .bottom {
        padding: 10px 0;
    }
    footer .bottom .fixW > div {
        display: block;
        float: none!important;
        text-align: center;
    }
    footer .bottom a,
    footer .bottom p {
        font-size: 1.1em;
    }
    footer .bottom p {
        display: block;
        margin: 0;
    }
    footer .bottom .fixW > div:last-child > a:nth-child(2) {
        margin-left: 0;
    }
}
@media (max-width: 480px){
    footer .top a {
        font-size: 0.8em;
    }
    footer .top p {
        font-size: 1em;
    }
    footer .bottom a,
    footer .bottom p {
        font-size: 0.7em;
    }
}



/* Discover page */
.m-touch .event_tiles .event .image .hover {
    opacity: 1;
}
.m-touch .event_tiles .event .image .hover .icons {
    right: 0;
    text-align: center;
    padding: 10px;
}
.m-touch .event_tiles .event .image .hover .icons a.icon {
    margin: 10px;
}
.m-touch .event_tiles .event .image .hover .icons a.icon:first-child {
    float: left;
}
.m-touch .event_tiles .event .image .hover .icons a.icon:last-child {
    float: right;
}
@media (max-width: 1084px){
    .categories_titles .one-five {
        margin-left: 2%;
        text-align: center;
    }
    .categories_titles .one-five:nth-child(1),
    .categories_titles .one-five:nth-child(2),
    .categories_titles .one-five:nth-child(3) {
        width: 32%;
        margin-bottom: 20px;
    }
    .categories_titles .one-five:nth-child(4),
    .categories_titles .one-five:nth-child(5) {
        width: 49%;
    }
    .categories_titles .one-five:nth-child(1),
    .categories_titles .one-five:nth-child(4) {
        margin-left: 0;
    }
}
@media (max-width: 768px){
    #wrapper {
        padding: 0;
    }
    section {
        min-height: 400px;
    }
    .event_tiles .event.one-three {
        width: 49%;
        margin-left: 2%;
    }
    .event_tiles .event.one-three:nth-child(2n+1) {
        margin-left: 0;
    }
    .create_event_block {
        padding-left: 61px;
        background-position-x: 10px;
    }
}
@media (max-width: 480px){
    section .title {
        width: 100%;
    }
    .title h2 {
        font-weight: 400;
        text-align: center;
    }
    .banner > div.discover_banner h1 {
        font-size: 3em;
    }
    .event_tiles .event.one-three {
        width: 100%;
        margin-left: 0;
    }
    .event_tiles .event .image .hover .icons a.icon {
        font-size: 1.1em;
    }
    .event_tiles .event .name a {
        font-size: 1.4em;
    }
    .categories_titles .one-five {
        width: 49%!important;
        margin-left: 0!important;
        margin-bottom: 10px!important;
    }
    .categories_titles .one-five:nth-child(1),
    .categories_titles .one-five:nth-child(4) {
        margin-left: 2%!important;
    }
    .categories_titles .one-five:nth-child(5) {
        width: 100% !important;
    }
    .categories_titles .one-five a img {
        display: block;
        margin: 0 auto;
    }
    .create_event_block {
        background-position-y: 10px;
    }
    .create_event_block p {
        margin-top: 0;
    }
}

/* Event page */
@media (max-width: 1245px){
    .page-event .social-sidebar {
        position: relative;
        top: 0;
        left: 0;
        padding: 0 0 10px;
        overflow: hidden;
    }
    .page-event .social-sidebar .shadow {
        display: none;
    }
    .page-event .social-sidebar .cont {
        display: inline-block;
        width: auto;
        padding: 8px;
        border-radius: 5px;
        text-align: left;
    }
}
@media (max-width: 1147px){
    .page-event .banner {
        height: 49.3vw;
    }
    .page-event .banner .shadow {
        height: 25vw;
        background-size: contain;
    }
    .page-event .banner h1 {
        margin: 3.2vw 0;
    }
    .page-event .banner .black-cont {
        margin-top: 11.4vw!important;
    }
    .page-event .content {
        display: flex;
        flex-flow: column;
        padding: 20px 0;
    }
    .page-event .content > div {
        width: 100%;
        max-width: 100%;
        margin: 0 0 20px;
        padding: 0;
    }
    .page-event .content > div:nth-child(1) {
        order: 1;
    }
    .page-event .content > div:nth-child(2) {
        order: 3;
    }
    .page-event .content > div:nth-child(3) {
        order: 2;
    }
    .page-event .content > div .two-borders img {
        width: 100%;
    }
}
@media (max-width: 1080px) {
    .page-event .banner {
        height: 50vw;
    }
    .page-event .banner h1 {
        line-height: 1.1em;
    }
    .page-event .banner > div.fixW {
        display: inline-block;
        padding: 0 2%;
        width: 100%;
        margin: 0;
    }
    .page-event .banner .black-cont {
        margin-left: -2%;
        margin-top: 8vw!important;
    }
}
@media (max-width: 768px) {
    .page-event .banner {
        height: auto;
        padding-bottom: 20px;
    }
    .page-event .banner h1 {
        font-size: 2.6em;
    }
    .page-event .banner .black-cont {
        margin-left: 0;
        margin-top: 5vw!important;
        width: auto!important;
    }
}
@media (max-width: 480px){
    .page-event .banner {
        padding-bottom: 20px;
    }
    .page-event .banner .shadow {
        height: 50vw;
    }
    .page-event .banner h1 {
        font-size: 1.6em;
    }
    .page-event .banner .black-cont {
        margin-top: 0!important;
    }
    .page-event .banner .black-cont p {
        font-size: 0.9em;
        margin: 0;
    }
    .page-event .social-sidebar .cont a,
    .page-event .social-sidebar .cont a img {
        width: 28px;
    }
    .page-event .widget p span {
        font-size: 1em;
    }
    .page-event .two-borders > *,
    .page-event .two-borders img {
        width: 100%;
        margin-left: 0;
    }
    .page-event .two-borders .view-modes {
        margin-top: 10px;
    }
    .page-event .two-borders .view-modes .view {
        font-size: 0.7em;
    }
    .page-event ul.dash-style {
        font-size: 0.8em;
    }
    .page-event .events-list .event {
        padding: 10px 0;
    }
    .page-event .events-list .event > div.fright {
        text-align: center;
    }
    .page-event .events-list .event > div.fright > div {
        margin-top: 10px;
    }
    .page-event .events-list .event > div.fright .buy-tickets {
        font-size: 0.9em;
    }

}


/* Event Tickets Buy Choose Section page */
@media (max-width: 1147px){
    .selected-event .event {
        overflow: hidden;
    }
    .selected-event .event .image {
        float: left;
    }
    .selected-event .event .name {
        display: table;
        width: calc(100% - 424px);
        min-height: 78px;
        float: left;
    }
    .selected-event .event .name p {
        display: table-cell;
        margin: 0;
        vertical-align: middle;
    }
    .selected-event .event .date {
        float: right;
        margin: 11px 0;
    }
    .arena-steps {
        width: 100%;
        margin: 0 auto;
        overflow: hidden;
    }
    .arena-steps .step {
        margin-left: -5.5%!important;
        width: 30%;
        border-radius: 5px;
    }
    .arena-steps .step:first-child {
        background-position: 0 0;
        width: 25%;
        margin-left: 0!important;
        text-align: left;
        padding-left: 10px;
    }
    .arena-steps .step:first-child.complete {
        text-align: center;
        padding-right: 5.5%;
    }
    .arena-steps .step.active {
        text-align: center;
        padding: 0 6% 0 16px;
    }
}
@media (max-width: 1084px) {
    .selected-event .event {
        display: inline-block;
        width: 100%;
    }
    .selected-event .event .name {
        width: calc(100% - 79px);
    }
    .selected-event .event .date {
        float: none;
        text-align: center;
        height: auto;
        width: 100%;
    }
    .selected-event .event .date p {
        white-space: normal;
    }
    #arena .arena-map {
        height: 44.5vw;
    }
}
@media (max-width: 768px) {
    .arena-steps .step {
        margin-left: -5.5% !important;
        width: 25.1%;
        padding: 0 10%;
    }
    .arena-steps .step.active {
        width: 50%;
        margin-right: -9%!important;
        padding: 0 15% 0 16px;
    }
    .arena-steps .step:first-child.complete {
        padding: 0 10%;
    }
    #arena .arena-map {
        height: 53.9vw;
    }
}
@media (max-width: 480px) {
    .m-desktop .section-button {
        margin: 2px;
    }
    .selected-event .event .image {
        display: none;
    }
    .selected-event .event .name,
    .selected-event .event .name p {
        padding: 0;
        min-height: auto;
        font-size: 1.2em;
        line-height: 1.2em;
        width: 100%;
    }
    section .selected-event.two-borders {
        padding: 10px 0 0px;
        margin-bottom: 20px;
    }
    .arena-steps .step {
        font-size: 0.8em;
        width: 21.8%;
    }
    .arena-steps .step.active {
        width: 60%;
    }
    .arena-steps .step:first-child.active {
        padding-left: 5px;
    }
    .arena-steps .step:first-child.complete {
        width: 21.8%;
    }
    #admin_arena .arena-map,
    #arena .arena-map {
        margin: 10px 0!important;
    }
}


/* Event Tickets Buy Choose Row and Seat page */
@media (min-width: 1084px){
    #sector .row {
        height: auto!important;
    }
}
@media (max-width: 1084px){
    #arena .seat-popup {
        display: none;
    }
    #arena #sector {
        padding: 0;
    }
    #arena #sector .row {
        position: relative;
        margin: 0!important;
        height: 46px;
        min-height: 46px;
        overflow: hidden;
    }
    #arena #sector .row-line {
        display: none;
    }
    #arena #sector .row.open {
        /*height: auto;*/
        text-align: center;
        padding: 0 0 10px 0;
        border-bottom: 1px solid #678ebe;
    }
    #arena #sector .row .row-name {
        display: block;
        color: #678ebe;
        font-size: 18px;
        font-weight: 700;
        text-align: center;
        padding: 10px 0;
        border-bottom: 1px solid #678ebe;
        cursor: pointer;
    }
    #arena #sector .row:nth-child(2) .row-name {
        border-top: 1px solid #678ebe;
    }
    #arena #sector .row.open .row-name {
        border-bottom: none;
    }
    #arena #sector .row.no-available .row-name {
        color: #e1e1e1;
        border-top-color: #e1e1e1;
        border-bottom-color: #e1e1e1;
    }
    #arena #sector .row .seat {
        background-color: #A1D36E;
        border-radius: 16px 16px 7px 7px;
        background-image: none;
        width: 85px;
        height: auto;
        padding: 5px 5px 10px;
        min-height: 72px;
        margin-bottom: 5px;
    }
    #arena #sector .row .seat .price {
        display: block;
    }
    #arena #sector .row .seat.selected {
        background-color: #FF4E4E;
    }
    #arena #sector .row .seat:hover {
        background-color: #678EBE;
        color: inherit;
    }
    #arena #sector .row .seat.already-buyed {
        background-color: #E1E1E1;
    }
    #arena #sector .row .seat.selected:hover {
        color: #ffffff;
    }
    #arena .inf-line {
        display: block;
    }
    #arena .inf-line .inf-seat {
        margin-left: 20px;
    }
    #arena .inf-line-title {
        display: block;
        margin: 0 0 10px;
    }
    #arena + .inf-line > div {
        width: 100%;
    }
    #arena + .inf-line > div:last-child {
        display: none;
    }
}
@media (max-width: 480px) {
    #arena + .inf-line .selected-seats {
        font-size: 1em;
    }
    #arena .inf-line .title-block {
        display: block;
        margin-bottom: 5px;
    }
    #arena .inf-line .inf-seat {
        font-size: 0.8em;
        margin-left: 0;
    }
    #arena .inf-line .inf-seat .icon {
        margin-right: 0;
    }
    #arena #sector .row .seat {
        font-size: 0.9em;
        width: 92px;
    }
}


/* Order Review page */
@media (max-width: 1084px){
    .table-total {
        padding-left: 0;
        min-width: 263px;
    }
    .table-total .tr > div:first-child {
        padding-right: 4%;
    }
    .table-total .tr small {
        right: 8%;
    }
    .review-order-container .table .tr > div:nth-child(4) {
        width: 39%;
    }
}
@media (max-width: 768px) {
    .table-total + div {
        margin-bottom: 20px;
    }
    .table-total .tr > div {
        display: inline-block;
        vertical-align: bottom;
        width: 45%;
        text-align: left;
    }
    .table-total .tr > div:first-child {
        width: 45%;
        text-align: right;
        padding-right: 10%;
    }
    .table-total .tr small {
        right: 22%;
    }
    .review-order-container {
        margin-bottom: 20px;
    }
    .review-order-container .table {
        margin-bottom: 10px;
        text-align: center;
    }
    .review-order-container .table .tr {
        position: relative;
        background-color: #3a4263;
        color: #ffffff;
        width: 48%;
        display: inline-block;
        margin: 1%;
        padding: 10px;
        border-radius: 5px;
    }
    .review-order-container .table .tr:nth-child(2n) {
        margin-left: 0;
    }
    .review-order-container .table .tr.header {
        display: none;
    }
    .review-order-container .table .tr > div {
        display: block;
        width: 100%!important;
        text-align: left;
        margin: 0 0 2px;
    }
    .review-order-container .table .tr > div .header-td {
        display: inline-block;
        color: #d5dadf;
        font-weight: bold;
        margin-bottom: 2px;
    }
    .review-order-container .table .tr > div .section-name {
        vertical-align: top;
    }
    .review-order-container .table .tr .remove-icon {
        position: absolute;
        right: 5px;
        margin: 0;
        top: 5px;
    }
    .review-order-container .table .tr p {
        display: inline-block;
        margin: 0;
    }
    .review-order-container .table .tr input[type="text"] {
        width: 100%;
    }
    .review-order-container .table .tr .chosen-container {
        background-color: #ffffff;
        border-radius: 5px;
        max-width: 100%;
    }
    .review-order-container .block > div {
        float: none;
        width: 100%!important;
    }
    .page-order .block.total .coupon,
    .page-order-season .block.total .coupon {
        float: none;
    }
    .review-order-container .block.total .coupon {
        margin: 0 auto 20px;
    }
}
@media (max-width: 480px) {
    .review-order-container .table .tr {
        width: 100%;
        margin: 1% 0!important;
    }
    .table-total div {
        font-size: 1em!important;
    }
	.page-order .block.total .block.source-tags.event-wrapper-padding .title {text-align: center;}
	.page-order .block.total .block.source-tags.event-wrapper-padding,
	.page-order .block.total .block.source-tags.event-wrapper-padding + .coupon {
		padding: 0;
		width: 100%;	
	}
    .review-order-container .block.total .coupon {
        width: 100%;
    }
}

/* Payment page */
@media (max-width: 1540px) {
    .payment .block.information .information-cloud {
        display: none;
    }
    .payment .block.information small.info-credit {
        display: inline-block;
    }
}
@media (max-width: 768px) {
    .payment {
        text-align: center;
    }
    .payment .block.information {
        display: flex;
        flex-flow: column;
    }
    .payment .block.information > div:nth-child(1) {order: 1;}
    .payment .block.information > div:nth-child(2) {order: 3;}
    .payment .block.information > div:nth-child(3) {order: 2;}
    .payment .block.information .one-two-full {
        width: 100%;
    }
    .payment .sign-in-btn {
        margin: 0 0 30px;
    }
    .terms-cont {
        width: 100%;
        padding-left: 0;
    }
}
@media (max-width: 480px) {
    .payment .help,
    .full_form .help {
        right: 5px;
    }
    .alert p {
        font-size: 0.8em;
    }
    .payment .block .title,
    .full_form .title {
        font-size: 1em;
    }
    .payment .block label,
    .full_form label {
        font-size: 0.9em;
    }
    .terms-cont .red {
        font-size: 0.8em;
    }
    .payment .block .tr > div:first-child,
    .full_form .tr > div:first-child {
        width: 100%;
    }
}

/* Purchase Receipt page */
@media (max-width: 1147px) {
    .purchse-receipt-page .table .tr > div:nth-child(1) {
        width: 2%;
    }
    .purchse-receipt-page .table .tr > div:nth-child(2) {
        width: 28%;
    }
    .purchse-receipt-page .table .tr > div:nth-child(3) {
        width: 9%;
    }
    .purchse-receipt-page .table .tr > div:nth-child(4) {
        width: 9%;
    }
    .purchse-receipt-page .table .tr > div:nth-child(5) {
        width: 28%;
    }
    .purchse-receipt-page .table .tr > div:nth-child(6) {
        width: 14%;
    }
    .purchse-receipt-page .table .tr > div:nth-child(7) {
        width: 7%;
    }
}
@media (max-width: 768px) {
    .purchse-receipt-page .table {
        padding-bottom: 20px;
        text-align: center;
    }
    .purchse-receipt-page .table .tr {
        display: inline-block;
        width: 30%;
        margin: 1%;
        background-color: #3a4263;
        border-radius: 5px;
        padding: 5px;
        text-align: left;
    }
    .purchse-receipt-page .table .tr > div {
        display: table;
        width: 100%!important;
        color: #ffffff;
    }
    .purchse-receipt-page .table .tr > div span {
        color: #ccd1d9;
    }
    .purchse-receipt-page .table .tr > div:nth-child(1),
    .purchse-receipt-page .table .tr > div:nth-child(7) {
        text-align: center;
    }
    .purchse-receipt-page .table .tr > div:nth-child(7) {
        margin-top: 5px;
    }
    .purchse-receipt-page .table + div {
        margin-bottom: 20px;
    }
    .purchse-receipt-page .table + div a {
        margin: 5px 0;
    }
}
@media (max-width: 480px) {
    .purchse-receipt-page .table .tr {
        width: 47%;
    }
}

/* Login Popup */
@media (max-width: 480px) {
    .popup.login_popup .box {
        width: 84%;
        height: 300px;
        top: -200px;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }
    .popup.login_popup .box .left,
    .popup.login_popup .box .right {
        margin-left: 0;
        width: 100%;
    }
    .popup.login_popup .box .right {
        background-size: cover;
        border-radius: 3px;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        height: 200px;
        padding-top: 45px;
    }
    .popup.login_popup .box a {
        font-size: 0.8em;
    }
    .popup.login_popup .box .right .checkbox-styled label {
        line-height: 1em;
    }
    .popup .box .box-errors {
        font-size: 0.8em;
        top: -60px;
        width: 96%;
        margin: 0 2%;
    }
}

/* Authorization page */
/* Profile page */
@media (max-width: 1147px) {
    .page-register .full_form .tr > div,
    .page-profile .full_form .tr > div {
        margin-left: 0;
    }
}
@media (max-width: 768px) {
    .page-register .block > div,
    .page-profile .block > div {
        width: 100%;
        margin-left: 0;
    }
}
@media (max-width: 480px) {
    .page-register .block > div,
    .page-profile .block > div {
        text-align: center;
    }
    .page-register .full_form .tr > div,
    .page-profile .full_form .tr > div {
        width: 100%;
    }
    .page-register .full_form .tr > div:first-child,
    .page-profile .full_form .tr > div:first-child {
        margin-bottom: 5px;
    }
    .page-register .red-small-text,
    .page-profile .red-small-text {
        font-size: 0.8em;
    }
}

/* DataTables */
/* My Order page */
.dataTables_wrapper {
    margin-bottom: 20px;
}
.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter {
    text-align: left!important;
}

/* Create Event page */
@media (max-width: 768px) {
    .create_event .content > div {
        width: 100%;
    }
    .create_event .content > div:last-child {
        margin-top: 20px;
    }
    .create_event .content .right {
        padding-left: 0;
    }
}
@media (max-width: 480px) {
    .create_event .content > div .form-group {
        width: 100%;
        margin-left: 0;
    }
    .create_event .content form > div:nth-child(5) > .first {
        display: none;
    }
    .create_event  .form-group label {
        font-size: 0.9em;
    }
    .create_event .content .text,
    .create_event .content .text p {
        font-size: 1em;
    }
    .create_event .dark_blue_small_btn {
        font-size: 0.9em;
    }
}

/* My Order Tickets page */
@media (max-width: 768px) {
    .page-my-order-tickets .information > div {
        width: 100%;
        margin-left: 0;
    }
}
@media (max-width: 480px) {
    .page-my-order-tickets .table-total {
        min-width: 100%;
    }
}