@media only screen and (min-width: 1999px){
    .events.grid article.event-block .event-information {
        margin-top: 180px;
    }
    .events.grid article.event-block:hover .event-information {
        margin-top: 5px;
    }
}
@media only screen and (max-width: 1600px){
    body.home-page .events.grid article.event-block:hover .hover-actions.actions {
        height: 40px;
        width: 77px;
        margin-top: 15px;
    }
    body.home-page .events.grid article.event-block:hover .hover-actions.actions .share{
        margin-right: 10px;
        float: left;
    }
    body.home-page .events.grid article.event-block:hover .hover-actions.actions .save{
        margin-right: 0;
        float: left;
    }
    body.home-page .events.grid article.event-block .event-information .event-name {
        font-size: 14px;
        margin: 5px 0;
    }
    body.home-page .events.grid article.event-block .event-information .event-date {
        font-size: 11px;
        line-height: 13px;
    }
    body.home-page .events.grid article.event-block .event-information .event-location {
        font-size: 11px;
    }
}
@media only screen and (max-width: 1450px){
    body.home-page .events.grid article.event-block {
        width: 33.33333333333333%;
    }
    #ticket-table [class*="ticket-block"] .select-in-form {
        background-position: 95% 50%;
    }
}
@media only screen and (max-width: 1280px) {
    .home-heading,
    .search-events.text span,
    .register-as h3{
        font-size: 30px;
    }
    body.home-page .events.grid article.event-block {
        width: 50%;
        -webkit-transition: all ease .5s;
        -moz-transition: all ease .5s;
        -ms-transition: all ease .5s;
        -o-transition: all ease .5s;
        transition: all ease .5s;
    }
    body.home-page .events.grid article.event-block:hover .hover-actions.actions {
        height: 40px;
        width: 77px;
        margin-top: 15px;
        -webkit-transition: all ease .5s;
        -moz-transition: all ease .5s;
        -ms-transition: all ease .5s;
        -o-transition: all ease .5s;
        transition: all ease .5s;
    }
    body.home-page .events.grid article.event-block:hover .hover-actions.actions .share{
        margin-right: 25px;
        -webkit-transition: all ease .5s;
        -moz-transition: all ease .5s;
        -ms-transition: all ease .5s;
        -o-transition: all ease .5s;
        transition: all ease .5s;
    }
    body.home-page .events.grid article.event-block .event-information .event-name {
        font-size: 16px;
    }
    body.home-page .events.grid article.event-block .event-information .event-location,
    body.home-page .events.grid article.event-block .event-information .event-date{
        font-size: 12px;
    }
    .events.recom article.event-block .ticket-block {
        margin-top: 15px;
        margin-left: 15px;
    }
    .events.recom article.event-block .buy-block {
        margin-top: 15px;
        margin-left: 130px;
    }
    .events.recom article.event-block .event-information .event-name {
        width: 100%;
    }
    .upcoming-events,
    .recommended-events {
        width: 50%;
    }
    .contact-organiser.button.gray {
        font-size: 12px;
    }

}
@media (max-width: 1200px){
    form .short-search {
        padding: 10px 0 0 5%;
    }
    body.secondary-pages input.white.event-name,
    body.secondary-pages input.white.event-location{
        width: 25%;
    }
    body.secondary-pages input.white.event-date {
        max-width: 15%;
        padding-left: 35px;
        background-size: 16px;
        font-size: 12px;
    }
    form .detailed-search .details-block.category div.btn-group.bootstrap-select {
        width: 20%;
    }
    form .detailed-search .bootstrap-select .btn.dropdown-toggle.btn-default {
        width: 100%;
    }
    form .detailed-search .tags-block {
        width: 17%;
    }
    body.secondary-pages .events.grid article.event-block {
        width: 23.9%;
        -webkit-transition: all ease .5s;
        -moz-transition: all ease .5s;
        -ms-transition: all ease .5s;
        -o-transition: all ease .5s;
        transition: all ease .5s;
    }
    body.secondary-pages .events.grid article.event-block:hover .hover-actions.actions {
        width: 65px;
        -webkit-transition: all ease .5s;
        -moz-transition: all ease .5s;
        -ms-transition: all ease .5s;
        -o-transition: all ease .5s;
        transition: all ease .5s;
    }
    body.secondary-pages .actions .share {
        margin-right: 10px;
    }
    body.secondary-pages .events.grid article.event-block .event-information {
        padding-left: 5px;
    }
    body.secondary-pages .events.grid article.event-block .ticket-block {
        margin-left: 5px;
    }
    body.buy-tickets-page .content-white-bg.container-fluid > .row > .container {
        width: 100%;
    }
    body.buy-tickets-page .event-header,
    body.buy-tickets-page .event-header .event-image-overlay,
    body.buy-tickets-page .event-header img.event-image{
        max-width: 100%;
    }
    .events.list article.event-block .event-information .event-name {
        width: calc(100% - 90px);
        min-height: 40px;
    }
    .events.list article.event-block .ticket-block {
        width: 150px;}
    .events.list article.event-block .buy-block {
        margin-left: 160px;}
    .events.list article.event-block:hover .hover-actions.view-event {
        margin-left: -34.5%;}
    .events.list article.event-block .event-information .event-location {
        max-height: 19px;
        overflow: hidden;
        max-width: 86%;}
    body.buy-tickets .fancybox-close {
        right: -5px;}
    body.buy-tickets .table-div.active .clear-seats {
        right: 15px;}
    body.buy-tickets .row-table-divs.table-format .col-xs-3.col-md-2.padding-none.border-sld-gray-top.ng-scope {
        min-width: 130px;
        max-width: 130px;
    }
    body.buy-tickets .tickets-select-block .table-div.active .table-input {
        left: 23%;
    }
}
@media (max-width: 1090px) {
    .ticket-row-arrowL{
        left: -35px;
    }
    .ticket-row-arrowR{
        right: -35px;
    }
    body.buy-tickets .tickets-select-block.row-table-divs.row-format {
        width: calc(100% - 50px);
        margin: 0 25px;
    }
}
@media only screen and (max-width: 1024px) {
    .seats-title {
        width: 45%;
    }
    body.buy-tickets .tickets-select-block div.violet-block-heading h3,
    body.buy-tickets .tickets-select-block .violet-block-heading .row-right{
        margin-top: 10px;
    }
    body.buy-tickets div.violet-block-heading small {
        font-size: 12px;
        font-weight: 400;
        position: absolute;
        float: left;
        top: 45px;
        left: 15px;
    }
}
@media only screen and (max-width: 991px){
    .home-heading{
        display: block;
    }
    #search-event .name.white {
        width: 100%;
        margin-right: 0;
        margin-bottom: 10px;
    }
    #search-event .date.white {
        width: 43%;
        margin-right: 2%;
    }
    #search-event .date.white:nth-child(3) {
        margin-right: 0;
    }
    #search-event button.search.yellow{
        float: right;
    }

    .event-content.right {
        padding-left: 0;
    }
    body.secondary-pages form .short-search {
        padding: 10px 0;
    }
    body.secondary-pages input.white.event-name,
    body.secondary-pages input.white.event-location {
        width: 24%;
    }
    form .detailed-search .details-block {
        float: left;
        display: inline-block;
    }
    form .detailed-search .details-block.category {
        width: 55%;
        margin-bottom: 10px;
    }
    form .detailed-search .details-block.category div.btn-group.bootstrap-select {
        width: calc(100% - 85px);
        float: right;
        display: inline-block;
    }
    form .detailed-search .details-block.price{
        margin-bottom: 10px;
    }
    form .detailed-search .details-block.price,
    form .detailed-search .details-block.sort{
        margin-left: 5%;
    }
    form .detailed-search .details-block.tags {
        width: 55%;
    }
    form .detailed-search .tags-block {
        float: right;
        width: 100%;
        max-width: calc(100% - 75px);
    }
    form .detailed-search .details-block.sort div.btn-group.bootstrap-select,
    form .detailed-search .details-block.sort div.btn-group.bootstrap-select button,
    form .detailed-search .details-block.sort div.btn-group.bootstrap-select .dropdown-menu.open {
        width: 145px;
    }
    form .detailed-search .details-block.view{
        margin-left: 5%;
    }
    body.secondary-pages .events.grid article.event-block {
        width: 32%;
    }
    .events.recom article.event-block:hover .hover-actions.actions {
        margin-left: 75%;}
    body.home-page .events.grid article.event-block:hover .hover-actions.actions {
        width: 60px;}
    body.home-page .events.grid article.event-block:hover .hover-actions.actions .share {
        margin-right: 10px;}
    .events.list article.event-block {
        width: 100%;
        max-width: none;
    }
    body.show-event .content-white-bg.container-fluid .container {
        width: 100%;
    }
    .event-description{
        margin-top: 0;
    }
    .event-description .event-header img.event-image {
        margin: 0;
    }
    .event-description .event-content.right>div {
        width: calc(50% - 15px);
        display: inline-block;
        vertical-align: top;
    }
    .event-description .event-content.right>div:last-child {
        float: right;
    }
    body.buy-tickets .content-white-bg > div >div.container {
        width: 100%;
    }
    .ticket-row-arrowL{
        left: -30px;
        height: 30px;
        width: 30px;
    }
    .ticket-row-arrowR{
        right: -30px;
        height: 30px;
        width: 30px;
    }
    body.buy-tickets .tickets-select-block.row-table-divs.row-format {
        width: calc(100% - 70px);
        margin: 0 35px;
    }
    body.buy-tickets form div .white-bg{
        margin-bottom: 30px;
    }
    body.buy-tickets button#checkout {
        margin: 40px 15% 15px;
    }

    body.buy-tickets .tickets-select-block .table-div.active .table-input {
        left: 20%;
    }
    body.buy-tickets .row-table-divs.table-format .col-xs-3.col-md-2.padding-none.border-sld-gray-top.ng-scope:nth-child(3) ,
    body.buy-tickets .row-table-divs.table-format .col-xs-3.col-md-2.padding-none.border-sld-gray-top.ng-scope:nth-child(9) {
        margin-left: 7%;
    }
}
@media only screen and (max-width: 980px){

    body.home-page .events.grid article.event-block:hover .hover-actions.actions {
        height: 75px;
        width: 26px;
        margin-top: 15px;
    }
    body.home-page .events.grid article.event-block:hover .hover-actions.actions .share,
    body.home-page .events.grid article.event-block:hover .hover-actions.actions .save{
        margin-right: 0;
        float: left;
    }
    body.home-page .events.grid article.event-block .event-information .event-name,
    .events.grid article.event-block .event-information .event-name{
        font-size: 14px;
        margin: 5px 0;
    }
    body.home-page .events.grid article.event-block .event-information .event-date,
    .events.grid article.event-block .event-information .event-date {
        font-size: 11px;
        line-height: 13px;
        text-overflow: ellipsis;
        max-height: 16px;
        overflow: hidden;
        white-space: nowrap;
    }
    body.home-page .events.grid article.event-block .event-information .event-location,
    .events.grid article.event-block .event-information .event-location{
        font-size: 11px;
    }

    .footer-menu a {
        width: 25%;
    }

    .events.grid article.event-block {
        width: 33.33333333333333%;
    }

    .event-header .event-information .age-restrict:hover {
        width: 130px;
    }
    .event-header .event-information .age-restrict:hover .text {
        font-size: 12px;
        display: inline-block;
        float: left;
        padding-left: 5px;
    }
    .event-full-address {
        line-height: 30px;
        padding-top: 15px;
        padding-bottom: 15px;
    }
    .event-full-address div:nth-child(2) {
        float: right;
    }
    .event-full-address div:nth-child(2) span:nth-child(2n) {
        margin-right: 15px;
    }
    .event-full-address .share-event {
        margin-top: -3px;
    }
    .event-header.short .event-information h1 {
        font-size: 20px;
    }
    .event-header .event-information .organised span {
        font-size: 16px;
    }
    .event-header .event-information .organised a {
        font-size: 18px;
    }
    .event-header.short .event-information .event-date,
    .event-header.short .event-information .event-location {
        font-size: 12px;
    }
    .seats-title {
        width: 35%;
    }
    .seat-map-img-block img {
        width: 100%;
    }
}
@media (max-width: 870px) {
    .upcoming-events{
        width: 100%;
    }
    .recommended-events{
        display: none;
    }
    body.home-page .events.grid article.event-block {
        width: 33.33333333333333%;
    }
    .register-as {
        height: 20vh;
        min-height: 300px;
    }
    .register-as .container {
        margin-top: 7vh;
    }
    .logged-in.navbar-right li {
        margin-left: 6px;
    }
    .logged-in.nav.navbar-nav.navbar-right{
        margin-right: 10px;
    }
    body.home-page .events.grid article.event-block:hover .hover-actions.actions {
        margin-right: 20px;
    }
    body.home-page .upcoming-events .events.grid,
    body.home-page .recommended-events .events.recom {
        width: 98.2%;
    }
    body.buy-tickets .row-table-divs.table-format .col-xs-3.col-md-2.padding-none.border-sld-gray-top.ng-scope:nth-child(3),
    body.buy-tickets .row-table-divs.table-format .col-xs-3.col-md-2.padding-none.border-sld-gray-top.ng-scope:nth-child(9) {
        margin-left: 4%;
    }

}
@media (max-width: 830px){
    body.buy-tickets .row-table-divs.table-format .col-xs-3.col-md-2.padding-none.border-sld-gray-top.ng-scope:nth-child(3),
    body.buy-tickets .row-table-divs.table-format .col-xs-3.col-md-2.padding-none.border-sld-gray-top.ng-scope:nth-child(9) {
        margin-left: 2%;
    }
}
@media (max-width: 815px){
    body.buy-tickets .row-table-divs.table-format .col-xs-3.col-md-2.padding-none.border-sld-gray-top.ng-scope:nth-child(3),
    body.buy-tickets .row-table-divs.table-format .col-xs-3.col-md-2.padding-none.border-sld-gray-top.ng-scope:nth-child(9) {
        margin-left: 0;
    }
}
@media (max-width: 800px) {
    form#detailed-search .bootstrap-datetimepicker-widget.dropdown-menu.usetwentyfour.bottom {
        right: 0 !important;
        left: auto !important;
    }
}

@media (max-width: 797px){
    body.buy-tickets .row-table-divs.table-format .col-xs-3.col-md-2.padding-none.border-sld-gray-top.ng-scope:nth-child(3),
    body.buy-tickets .row-table-divs.table-format .col-xs-3.col-md-2.padding-none.border-sld-gray-top.ng-scope:nth-child(8) {
        margin-left: 7%;
    }
}
@media (max-width: 768px){
    .seats-title {
        width: 80%;
        text-align: center;
        float: left;
    }
    .seats-description {
        width: 100%;
        float: right;
        margin-bottom: 20px;
    }
    .register-as .container {
        margin-top: 4vh;
    }
    .register-as h3 {
        margin-bottom: 3vh;
        margin-top: 9vh;
    }
    body.buy-tickets .event-header.short .event-information,
    body.buy-tickets .event-header.short .event-image-overlay,
    body.buy-tickets .event-description .event-header.short{
        height: 150px;
    }
    body.buy-tickets .event-description .event-header.short .event-information .event-date {
        margin-top: 20px;
    }
    body.buy-tickets .event-description .event-header.short .event-information .event-date,
    body.buy-tickets .event-description .event-header.short .event-information .event-location{
        margin-left: 0;
    }
    body.buy-tickets .tickets-select-block .violet-block-heading .row-right{
        text-align: center;
        width: 100%;
        margin-top: 15px;
    }
}
@media (max-width: 768px) and (min-width: 721px){
    body.secondary-pages input.white.event-name{
        margin-left: 3%;
    }
}
@media (max-width: 767px){
    nav.main-menu {
        background-size: 100% 70px;
        background-position: top center;
    }
    nav.main-menu .navbar-toggle.collapsed {
        padding: 9px 6px;
        margin-top: 18px;
        margin-right: 35px;
        border: 0 solid rgb(255, 255, 255);
        border-radius: 100%;
    }
    nav.main-menu .navbar-toggle{
        padding: 9px 6px;
        margin-top: 18px;
        margin-right: 35px;
        border: 0 solid #edc60e;
        border-radius: 100%;
    }
    nav.main-menu .navbar-toggle.collapsed .icon-bar {
        background: #ffffff;
        height: 3px;
    }
    nav.main-menu .navbar-toggle .icon-bar {
        background: #edc60e;
        height: 3px;
    }
    #main-menu{
        background: #1b1821;
        border: none;
    }
    #main-menu::before {
        position: absolute;
        left: 93.5%;
        top: 59px;
        width: 0;
        height: 0;
        content: '';
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-bottom: 10px solid #1B1821;
    }
    #main-menu .white-link.dotted {
        text-align: center;
        background: none;
        padding: 0;
        line-height: 45px;
        margin: 0;
    }
    #main-menu a.link-to-home {
        width: 100%;
        margin: 0;
        height: 35px;
    }
    #main-menu .navbar-nav > li.pre-separator{
        display: none;
    }
    #main-menu .navbar-right,
    #main-menu .navbar-nav{
        margin: 0;
    }
    #main-menu .navbar-nav > li {
        border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    }
    #main-menu .navbar-right > li:last-child{
        border-bottom: 0 solid;
    }
    #main-menu .logged-in.nav.navbar-nav.navbar-right li{
        display: block;
    }
    #main-menu .logged-in.nav.navbar-nav.navbar-right li:nth-child(3) {
        min-height: 40px;
    }
    #main-menu .logged-in.nav.navbar-nav.navbar-right li:nth-child(3) .user-acc-type.dropdown {
        margin-top: 5px;
        margin-bottom: 5px;
        display: inline-block;
        width: 100%;
        text-align: center;
    }
    #main-menu .logged-in.nav.navbar-nav.navbar-right li:nth-child(3) .user-acc-type.dropdown a.user-type-dropdown {
        float: none;
    }
    #main-menu .logged-in.nav.navbar-nav.navbar-right li:nth-child(3) .user-acc-type.dropdown a.user-type-dropdown span.account-type-letter {
        float: none;
        display: inline-block;
    }
    #main-menu .logged-in.nav.navbar-nav.navbar-right li:nth-child(3) .user-acc-type.dropdown .acc-type.dark.dropdown-menu {
        position: relative;
        float: left;
        width: 100%;
        right: auto;
        margin-top: 0;
    }
    .user-notifications.dropdown {
        float: none;
        width: 100%;
        display: inline-block;
        margin-top: 0;
    }

    a#notification-dropdown {
        text-align: center;
        width: 100%;
        float: none;
        display: inline-block;
    }

    #notification-dropdown i, #notification-dropdown-mob i {
        width: 100%;
    }
    .acc-notifications.list.dark.dropdown-menu {
        width: 100%;
    }
    nav.main-menu .mob-block {
        position: absolute;
        width: auto;
        top: 0;
        margin-left: 50%;
    }
    nav.main-menu .mob-block li:before{
        display: none;
    }
    nav.main-menu .mob-block li {
        display: inline-block;
        float: left;
    }
    nav.main-menu .mob-block ul > li{
        margin-left: 10px;
    }
    nav.main-menu .mob-block .dark.dropdown-menu {
        position: absolute !important;
        top: 128%;
        left: -20px !important;
        float: left !important;
        background-color: #1b1821;
    }
    nav.main-menu .mob-block .user-acc.dark.dropdown-menu::before{
        left: 40%;
    }

    nav.main-menu .mob-block .acc-type.dark.dropdown-menu::before {
        left: 34%;
    }
    nav.main-menu .mob-block .acc-notifications.dark.dropdown-menu {
        left: -250% !important;
    }
    nav.main-menu .mob-block .acc-notifications.list.dark.dropdown-menu {
        left: -580% !important;
    }
    nav.main-menu .mob-block .acc-notifications.dark.dropdown-menu::before {
        left: 91%;
    }
    nav.main-menu .mob-block ul.dark.dropdown-menu li {
        display: block !important;
        float: none;
        text-align: left;
        padding: 5px;
        margin: 0;
    }
    nav.main-menu .mob-block ul.dark.dropdown-menu li a {
        padding: 5px 15px 5px 5px;
    }
    nav.main-menu .mob-block .dark.dropdown-menu .dark.dropdown-menu.sub-menu {
        top: 65%;
        left: 1px !important;
        background-color: #050507;
    }
    nav.main-menu .mob-block .logged-in.nav.navbar-nav.navbar-right {
        margin-top: 0;
    }
    .event-header .event-information .age-restrict .text{
        display: none !important;
    }
    .event-header .event-information .age-restrict:hover {
        width: 32px;
    }
    body.secondary-pages form .short-search {
        padding: 10px 10px 10px 10px;
        margin-bottom: 10px;
    }
    .events.list article.event-block:nth-child(2n) {
        float: left;
    }
    .events.list article.event-block {
        width: 98%;
        max-width: none;
        float: left;
        margin: 5px 1%;
    }
    .title-block .white-bg.text-violet {
        left: 5px;
    }
    #create-acc-checkout div {
        padding-left: 0;
        padding-right: 0;
    }
    .main-menu.logged-menu.navbar.navbar-fixed-top {
        position: relative;
    }
    body.secondary-pages.upgrade p.text-light-gray.font-semi.font-18 {
        font-size: 14px;
    }
    body.secondary-pages.upgrade .text-center.padding-30.col-xs-10.submit-btn{
        text-align: left;
    }
    .decline-form {
        right: 15px;
    }
}
@media (max-width: 767px) and (min-width: 750px){
    body.secondary-pages .events.grid article.event-block {
        width: 31.9%;
    }
}
@media (max-width: 767px) and (min-width: 400px ){
    body.buy-tickets button#checkout {
        margin: 40px 30% 15px;
    }
}
@media (max-width: 749px) {
    body.secondary-pages input.white.event-date {
        padding-left: 29px;
        background-position: 3px 50%;
    }
    body.secondary-pages .events.grid article.event-block {
        width: 32%;
        margin: 5px 0.665%;
    }
    body.buy-tickets .row-table-divs.table-format .col-xs-3.col-md-2.padding-none.border-sld-gray-top.ng-scope:nth-child(3),
    body.buy-tickets .row-table-divs.table-format .col-xs-3.col-md-2.padding-none.border-sld-gray-top.ng-scope:nth-child(8) {
        margin-left: 4.5%;
    }
}
@media (max-width: 720px){
    form .short-search {
        height: 110px;
    }
    body.secondary-pages input.white.event-name,
    body.secondary-pages input.white.event-location {
        width: 48%;
        margin-right: 2%;
    }
    body.secondary-pages input.white.event-date {
        max-width: 41.4%;
        padding-left: 46px;
        width: 100%;
        margin-top: 10px;
        background-position: 8px 50%;
    }
    .details-block {
        float: left;
        display: inline-block;
    }
    .details-block.search {
        margin-top: 10px;
    }
    .details-block.search-btn {
        margin-top: 10px;
    }
}
@media (max-width: 705px) {
    #search-event .date.white {
        width: 43%;
        margin-right: 2.4%;
    }
    .register-as {
        min-height: 350px;
    }
    .register-as .button.yellow {
        margin-right: auto;
        display: block;
        margin-bottom: 2%;
        margin-left: auto;
    }
    form .detailed-search .details-block.category,
    form .detailed-search .details-block.tags{
        width: 50%;
    }
    body.secondary-pages .events.grid article.event-block:hover .hover-actions.actions {
        width: 40px;
        margin-right: 0;
    }
    body.secondary-pages .actions .share,
    body.secondary-pages .actions .save{
        float: left;
    }
    /*.event-description .event-header.short,
    .event-description .event-header.short .event-image-overlay,
    .event-description .event-header.short .event-information{
        height: 160px;
    }
    .event-header.short .event-information .event-name,
    .event-header.short .event-information .organised {
        width: 100%;
    }
    .event-header.short .event-information .event-date,
    .event-header.short .event-information .event-location {
        width: 95%;
        margin-left: 20px;
        float: left;
    }*/
    #main-menu::before {
        left: 93%;
    }
    body.buy-tickets .row-table-divs.table-format .col-xs-3.col-md-2.padding-none.border-sld-gray-top.ng-scope:nth-child(3),
    body.buy-tickets .row-table-divs.table-format .col-xs-3.col-md-2.padding-none.border-sld-gray-top.ng-scope:nth-child(8) {
        margin-left: 0;
    }
}
@media (max-width: 667px){
    body.buy-tickets .row-table-divs.table-format .col-xs-3.col-md-2.padding-none.border-sld-gray-top.ng-scope:nth-child(3),
    body.buy-tickets .row-table-divs.table-format .col-xs-3.col-md-2.padding-none.border-sld-gray-top.ng-scope:nth-child(2n+1){
        margin-left: 5%;
    }
}
@media (max-width: 640px) {
    body.home-page .events.grid article.event-block {
        width: 50%;
    }
    .search-events.text {
        margin-top: 15vh;
    }
    .home-heading,
    .search-events.text span,
    .register-as h3{
        font-size: 25px;
    }
    .location-name.home-heading-link {
        background: none;
    }
    #search-event .date.white {
        width: 40%;
    }
    .events-categories .categories-list ul {
        height: 35px;
        overflow: hidden;
    }
    nav.main-menu .mob-block {
        margin-left: 250px;
    }
    .event-description .event-header,
    .event-description .event-header .event-image-overlay{
        height: 220px;
    }
    .event-header .event-information {
        margin-top: 15px;
    }
    .event-header .event-information h1 {
        font-size: 25px;
    }
    .event-header .event-information .age-restrict {
        margin-top: 18px;}
    .event-header .event-information .organised span {
        font-size: 16px;
    }
    .event-header .event-information .organised a {
        font-size: 18px;
    }
    .event-full-address div:nth-child(2) {
        float: left;
    }
    .event-content.left .violet-table.table.ticket-information img {
        width: 50px;
    }
    .breadcrumbs span {
        line-height: 35px;
    }
    body.secondary-pages input.white.event-date {
        max-width: 40%;
        margin-right: 2%;
    }
    .details-block.search {
        margin-left: 0%;
        width: 6%;
    }
    form .short-search a {
        margin-right: 0;
    }
    .details-block.search-btn {
        float: right;
        margin-right: 2%;
        width: 6%;
    }
    form .detailed-search .details-block.price,
    form .detailed-search .details-block.sort {
        margin-left: 2%;
    }
    body.secondary-pages .events.grid article.event-block {
        width: 48%;
        margin: 5px 1%;
    }
    button#clear-location {
        display: none;
    }
    button#add-new-company-profile {
        margin-top: 20px;
        margin-bottom: 0;
    }
}
@media (max-width: 600px){
    .modal-dialog {
        width: 95%;
    }
    body.browse-events .page-title {
        text-align: right;
        padding-right: 2%;
    }
    .modal {
        padding-right: 0 !important;
    }
    .event-description .event-content.right>div {
        width: 100%;
    }
}
@media (max-width: 595px){
    body.buy-tickets .row-table-divs.table-format .col-xs-3.col-md-2.padding-none.border-sld-gray-top.ng-scope:nth-child(3),
    body.buy-tickets .row-table-divs.table-format .col-xs-3.col-md-2.padding-none.border-sld-gray-top.ng-scope:nth-child(2n+1){
        margin-left: 0%;
    }
}
@media (max-width: 580px){
    .event-full-address div:nth-child(2) {
        width: 100%;
    }
    form .detailed-search .details-block.price,
    form .detailed-search .details-block.sort {
        margin-left: 0;
    }
    .events.list article.event-block .event-information {
        width: 55%;
    }
    .events.list article.event-block:hover .hover-actions.actions {
        width: 60px;
        margin-left: 50%;
    }
    .events.list article.event-block:hover .hover-actions.view-event {
        margin-left: -33%;
    }

}
@media (max-width: 570px){
    nav.main-menu .mob-block {
        margin-left: 180px;
    }

    form .detailed-search .details-block.category,
    form .detailed-search .details-block.tags{
        width: 48%;
    }
}
@media (max-width: 555px){
    body.buy-tickets div.violet-block-heading .not-numbered {
        margin-right: 35%;
        margin-top: 25px;
    }
    body.buy-tickets .tickets-select-block .violet-block-heading #clear-not-number-field {
        margin-top: 25px;
    }
}
@media (max-width: 531px){
    form .short-search {
        height: 155px;
        text-align: center;
    }
    body.secondary-pages input.white.event-name,
    body.secondary-pages input.white.event-location,
    body.secondary-pages input.white.event-date{
        width: 49%;
        margin-right: 2%;
        max-width: 100%;
    }
    body.secondary-pages input.white.event-location,
    body.secondary-pages input.white.event-date:nth-child(4){
        margin-right: 0;
    }
    .details-block.search-btn,
    .details-block.search{
        width: 10%;
        float: none;
    }
    button.search.black {background-size: contain;}
    form .detailed-search .details-block.category,
    form .detailed-search .details-block.tags,
    form .detailed-search .details-block.price,
    button.search.black,
    a.detailed-search{
        width: 95%;
        margin: 1% 2.5%;
    }
    form .detailed-search .title {
        width: 15%;
    }
    form .detailed-search .details-block.category div.btn-group.bootstrap-select {
        width: 80%;
    }
    form .detailed-search input[class*="price"] {
        width: calc(40% - 5px);
        margin-left: 10px;
        float: right;
    }
    form .detailed-search .details-block.sort {
        margin-left: 2%;
    }
    .black.price-to.only-number{
        margin-right: 0;
        margin-left: 0;
    }
    form .detailed-search .details-block.tags {
        margin-bottom: 10px;
    }
    form .detailed-search .details-block.view {
        float: right;
        margin-right: 3%;
    }
    form .detailed-search .tags-block {
        max-width: 80%;
        padding: 0;
    }
}
@media (max-width: 500px){
    nav.main-menu .mob-block #account-type-mob {
        font-size: 0;
    }
    nav.main-menu .mob-block #account-dropdown-mob {
        font-size: 0;
        background: none;
        padding: 12px 0 12px 18px;
    }
    nav.main-menu .mob-block {
        margin-left: 200px;
    }
    .event-header.short .event-information .age-restrict {
        float: right;
        margin-right: 10px;
    }
    .seats-description span {
        font-size: 11px;
    }
    .event-header.short .event-information h1 {
        font-size: 20px;
        display: inline-block;
        width: 90%;
        margin-top: 24px;
    }

}
@media (max-width: 480px) {
    .home-heading,
    .search-events.text span,
    .register-as h3{
        font-size: 18px;
    }
    .event-header .event-information {
        margin-top: 60px;
    }
    .event-header .event-information .event-name {
        min-height: 30px;
    }
    .event-header .event-information h1 {
        font-size: 20px;
        margin: 0;
        display: block;
        width: 100%;
        height: auto;
    }
    .event-header .event-information .age-restrict {
        margin-top: -70px;
        position: absolute;
        right: 15px;
    }
    .event-content.left .violet-table.table.ticket-information img {
        width: 55px;
        margin-bottom: 5px;
    }
    body.browse-events .page-title {
        font-size: 25px;
    }
    .title-block .white-bg.text-violet {
        top: 30px;
        left: 0;
        right: 0;
        margin-left: auto;
        margin-right: auto;
        max-width: 40%;
    }

    .events.list article.event-block .ticket-block {
        width: 140px;
    }
    .events.list article.event-block .ticket-block .price {
        font-size: 14px;
    }
    .events.list article.event-block .buy-block {
        margin-left: 150px;
    }
    .events.list article.event-block:hover .hover-actions.view-event {
        margin-left: -31%;
    }
    .events.list article.event-block:hover .hover-actions.view-event .button {
        padding: 0 15px;
    }
    .events.list article.event-block .event-information .event-date,
    .events.list article.event-block .event-information .event-location{
        font-size: 12px;
        margin: 10px 0;
    }
    .events.list article.event-block:hover .hover-actions.actions {
        width: 55px;
    }
    .events.list article.event-block:hover .hover-actions.actions .share,
    .events.list article.event-block:hover .hover-actions.actions .save {
        width: 20px;
        background-size: 100%;
    }
    .scrollable-table.events tbody td:first-child,
    .scrollable-table.events thead th:first-child,
    .scrollable-table.affiliates tbody td:first-child,
    .scrollable-table.affiliates thead th:first-child {
        width: 50%;
        float: left;
        padding-left: 1%;
    }
    .footer-menu a {
        border-bottom: 1px solid rgba(117, 82, 135, 0.7);
        width: 100%;
        line-height: 35px;
    }
    .footer-menu a:nth-child(1),
    .footer-menu a:nth-child(4),
    .footer-menu a:nth-child(7),
    .footer-menu a:nth-child(2),
    .footer-menu a:nth-child(5),
    .footer-menu a:nth-child(3),
    .footer-menu a:nth-child(6),
    .footer-menu a:nth-child(8){
        background: transparent;
    }
    body.secondary-pages input.white.event-name,
    body.secondary-pages input.white.event-location,
    body.secondary-pages input.white.event-date {
        font-size: 16px;
        padding-left: 30px;
    }
    body.browse-events .page-title {
        margin-bottom: 40px;
    }
}
@media (max-width: 440px){
    form .detailed-search .details-block.category div.btn-group.bootstrap-select,
    form .detailed-search .tags-block{
        width: 75%;
    }
    form .detailed-search input[class*="price"] {
        width: calc(37.5% - 5px);
    }
}
@media (max-width: 430px) {
    #main-menu::before {
        left: 88.5%;
    }
    .events.list article.event-block img.event-image {
        width: 0;
    }
    .events.grid article.event-block .age-restrict {
        width: 35px;
        margin-right: 0;}
    body.secondary-pages .events.grid article.event-block:hover .hover-actions.actions {
        width: 35px;}
    #search-event button.search.yellow {
        margin-left: -2%;
    }
    #share-event .modal-dialog {
        width: 100%;}
    div#chose-ticket .violet-table.violet-header > thead > tr > th{
        font-size: 10px;
    }
    .featured-events-dash .events.grid article.event-block {
        width: 100% !important;
    }
    body.buy-tickets .tickets-select-block.row-table-divs.row-format .violet-block-heading {
        margin-left: -35px;
        margin-right: -35px;
        width: calc(100% + 70px);
    }
    body.buy-tickets div.violet-block-heading small {
        left: -20px;
    }
}
@media (max-width: 400px) {
    #main-menu::before {
        left: 87%;
    }
    #search-event .date.white {
        width: 100%;
        margin-right: 0;
        margin-bottom: 10px;
    }
    #search-event button.search.yellow {
        float: none;
    }
    body.home-page .events.grid article.event-block:first-child,
    body.home-page .events.grid article.event-block:first-child .hover-overlay,
    body.home-page .events.grid article.event-block:first-child img.event-image{
        width: 100%;
        max-width: 400px;
    }
    body.home-page .upcoming-events .events.grid{
        max-height: 540px;
        min-height: 540px;
    }
    body.home-page .events.grid article.event-block,
    body.home-page .events.grid article.event-block .hover-overlay,
    body.home-page .events.grid article.event-block img.event-image,
    .events.grid article.event-block,
    body.secondary-pages .events.grid article.event-block,
    .events.grid article.event-block .hover-overlay,
    .events.grid article.event-block img.event-image{
        height: 180px;
    }
    body.home-page .events.grid article.event-block img.event-image,
    .events.grid article.event-block img.event-image {
        width: 100%;
    }
    body.secondary-pages .events.grid article.event-block {
        width: 50%;
        margin: 0;
    }
    body.home-page .events.grid article.event-block .ticket-block,
    .events.grid article.event-block .ticket-block{
        width: 70px;
        height: 25px;
        padding: 3px;
        margin-top: 5px;
        margin-left: 15px;
    }
    body.home-page .events.grid article.event-block .ticket-block .from,
    .events.grid article.event-block .ticket-block .from{
        font-size: 8px;
        line-height: 8px;
    }
    body.home-page .events.grid article.event-block .ticket-block .price,
    .events.grid article.event-block .ticket-block .price{
        font-size: 12px;
        line-height: 13px;
    }
    body.home-page .events.grid article.event-block .buy-block,
    .events.grid article.event-block .buy-block{
        height: 25px;
        width: 25px;
        margin-top: 5px;
    }
    body.home-page .events.grid article.event-block .buy-block a,
    .events.grid article.event-block .buy-block a{
        height: 25px;
        width: 25px;
        background-position: center center;
        background-size: 120%;
    }
    body.home-page .events.grid article.event-block .buy-block a:hover,
    .events.grid article.event-block .buy-block a:hover{
        background: #000000 url("../images/buttons/buy-ticket-active.png");
        height: 25px;
        width: 25px;
        background-position: center center;
        background-size: 120%;
    }
    body.home-page .events.grid article.event-block .age-restrict,
    .events.grid article.event-block .age-restrict{
        width: 25px;
        height: 25px;
        line-height: 12px;
        font-size: 11px;
        margin-top: 5px;
        margin-right: 15px;
    }
    body.home-page .events.grid article.event-block:hover .hover-actions.actions,
    body.secondary-pages .events.grid article.event-block:hover .hover-actions.actions{
        height: 25px;
        width: 55px;
        margin-top: 5px;
        margin-right: 0;
    }
    body.home-page .events.grid article.event-block:hover .hover-actions.actions .share,
    body.secondary-pages .events.grid article.event-block:hover .hover-actions.actions .share{
        margin-right: 5px;
        height: 25px;
        background-size: 80%;
    }
    body.home-page .events.grid article.event-block:hover .hover-actions.actions .save,
    body.secondary-pages .events.grid article.event-block:hover .hover-actions.actions .save{
        height: 25px;
        background-size: 80%;
    }
    body.home-page .events.grid article.event-block:hover .hover-actions.view-event,
    .events.grid article.event-block:hover .hover-actions.view-event{
        margin: 50px auto 15px;
        width: 127px;
    }
    body.home-page .events.grid article.event-block:hover .hover-actions.view-event .button,
    .events.grid article.event-block:hover .hover-actions.view-event .button {
        padding: 0 20px;
    }
    body.home-page .events.grid article.event-block .event-information,
    .events.grid article.event-block .event-information{
        margin-top: 85px;
        padding-left: 20px;
        padding-top: 10px;
    }
    body.home-page .events.grid article.event-block:hover .event-information,
    .events.grid article.event-block:hover .event-information{
        margin-top: -15px;
    }
    body.home-page .events.grid article.event-block:first-child:hover .event-information {
        margin-top: -5px;
    }
    body.home-page .events.grid article.event-block:first-child .event-information {
        margin-top: 95px;
    }
    body.home-page .events.grid article.event-block .event-information .event-date,
    .events.grid article.event-block .event-information .event-date{
        font-size: 10px;
        line-height: 10px;
        max-width: calc(100% - 20px);
    }
    body.home-page .events.grid article.event-block .event-information .event-location,
    .events.grid article.event-block .event-information .event-location{
        font-size: 10px;
    }


    .footer-menu  a{
        width: 100%;
        line-height: 35px;
        border-bottom: 1px solid RGBA(70, 41, 85, 0.44);
    }
    nav.main-menu {
        background-repeat: repeat;
    }
    .logged-menu .logotype-div {
        float: left;
        width: 100%;
        display: block;
        text-align: center;
    }
    .logged-menu .logotype-div a.logotype{
        float: none;
        display: inline-block;
    }
    nav.main-menu .mob-block {
        margin-left: 40px;
        top: 70px;
    }
    #main-menu.logged-in-menu.navbar-collapse::before{
        left: 85%;
        top: 126px;
    }
    nav.main-menu .mob-block .acc-notifications.list.dark.dropdown-menu {
        left: -300% !important;
    }
    nav.main-menu .mob-block .acc-notifications.list.dark.dropdown-menu::before {
        left: 50%;
    }
    .acc-notifications.list.dark.dropdown-menu {
        width: 313px;
    }
    .main-menu.logged-menu.navbar.navbar-fixed-top {
        margin-bottom: -15vh;
    }
    .event-header .event-information {
        margin-top: 70px;
    }
    .event-header .event-information .event-name,
    .event-header .event-information .organised{
        padding-left: 5px;
    }
    .event-header .event-information h1 {
        font-size: 18px;
    }
    .event-header .event-information .age-restrict {
        margin-top: -70px;
    }
    .event-header .event-information .event-date {
        margin-top: 10px;
    }
    .event-header .event-information .event-date,
    .event-header .event-information .event-location {
        margin-left: 5px;
        font-size: 14px;
    }
    .event-full-address .share-event {
        margin-top: 5px;
        float: left;
    }
    .breadcrumbs {
        padding-left: 10px;
        font-size: 11px;
    }
    .breadcrumbs span {
        line-height: 25px;
    }
    .ticket-info-block {
        overflow-x: scroll;
        float: left;
        width: 100%;
    }
    .events.list article.event-block .hover-overlay {
        padding-left: 0;
        background: #fff;
    }
    .events.list article.event-block .age-restrict {
        margin-left: 85%;
    }
    .events.list article.event-block:hover .hover-actions.view-event {
        margin-left: -100%;
    }
    .events.list article.event-block:hover .hover-actions.actions {
        margin-left: 80%;
    }
    .events.list article.event-block .event-information {
        width: 80%;
    }
    body.dashboard-org .violet-block-heading,
    body.dashboard-org table.scrollable-table{
        min-width: 500px;
    }
    button#add-new-company-profile b {
        display: none;
    }
    body.show-event .event-description button.become-affiliate,
    body.show-event .event-description .contact-organiser{
        max-width: 150px;
    }

}
@media (max-width: 380px){
    .modal-body form .checkbox.text-left,
    .modal-body .violet-link,
    .modal-body .violet-link:hover,
    .modal-body .violet-link:focus{
        width: 100%;
        text-align: left;
    }
    .page-title {font-size: 25px;
        margin-bottom: 0;}
}
@media (max-width: 375px){
    .details-block.search-btn, .details-block.search {
        width: 15%;}
    body.buy-tickets .event-description .event-header.short .event-information .event-date {
        margin-top: 10px;
    }
    body.buy-tickets .select-ticket .view-seat-map {
        max-width: 110px;
    }
    body.buy-tickets .select-ticket tr.select-ticket .radio-style input[type="radio"] + label span {
        width: 16px;
        height: 16px;
    }
    body.buy-tickets div.violet-block-heading .not-numbered {
        margin-right: 29%;}
    .featured-dashboard h2{
        font-size: 25px;
        margin-top: 0;
        margin-bottom: 15px;
    }
}
@media (max-width: 360px){
    .title-block .white-bg.text-violet {
        max-width: 50%;
    }
    .event-header .event-information .event-name,
    .event-header .event-information .organised {
        padding-left: 15px;
    }
    .event-header.short .event-information h1 {
        max-height: 44px;
        overflow: hidden;
    }
    .event-header.short .event-information .age-restrict {
        margin-right: -15px;
    }
    button#add-new-company-profile {
        font-size: 12px;
        width: 100%;
    }
    .modal-title {
        font-size: 20px;
        margin-top: 30px;
        margin-bottom: -10px;
    }
    .modal-subtitle {
        font-size: 14px;
    }
    .modal a.rectangle-button {
        display: block;
        max-width: 80%;
        margin: 10px auto;
    }
    #register-form .choose-acc-type.form-group.clearfix {
        height: 35px;
    }
    label.btn.acc-type {
        margin-left: 4%;
        line-height: 20px;
        margin-bottom: 0;
        font-size: 12px;
    }
    body.show-event .event-description button.become-affiliate,
    body.show-event .event-description .contact-organiser{
        max-width: 125px;
        font-size: 12px;
    }
    .event-description .event-header,
    .event-description .event-header .event-image-overlay {
        height: 200px;
    }
    .event-header .event-information {
        margin-top: 60px;
    }
    body.buy-tickets div.violet-block-heading h3 {
        font-size: 20px;
    }
    .seats-description span:nth-child(2n) {
        margin-right: 5px;
    }
}
@media (max-width: 330px){
    #main-menu::before {
        left: 84.3%;
    }
    body.home-page .events.grid article.event-block:hover .hover-actions.actions,
    body.secondary-pages .events.grid article.event-block:hover .hover-actions.actions {
        width: 50px;}
    body.home-page .events.grid article.event-block:hover .hover-actions.actions .share,
    body.secondary-pages .events.grid article.event-block:hover .hover-actions.actions .share {
        background-size: 100%;
        width: 20px;
    }
    body.home-page .events.grid article.event-block:hover .hover-actions.actions .save,
    body.secondary-pages .events.grid article.event-block:hover .hover-actions.actions .save {
        background-size: 100%;
        width: 20px;
    }
    .event-header .event-information .event-date,
    .event-header .event-information .event-location {
        font-size: 12px;
    }
    body.buy-tickets div.violet-block-heading .not-numbered {
        margin-right: 25%;
    }
    .seats-description span:nth-child(2n) {
        margin-right: 3px;
    }
    .buy-ticket-row-num {
        margin-left: 5px;
    }
    .ticket-row-container {
        width: calc(100% - 50px);
        margin-right: 10px;
    }
}