/**
* Media Query - Maximum Width 960px
*/

@media screen and (max-width: 960px) {
    /*Header And Menu*/


    /*Main Page*/
    .home .content-container{
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding-left: 0;
        padding-top: 90px;
    }

    .section-welcome .background-mobile{
        display: block;
    }

    .section-welcome h1{
        width: 370px;
        left: 50%;
        transform: translate(-50%, -50%) !important;
    }

    /*Section TV*/

    .section-about-us .tv{
        height: 42%;
        width: 65%;
    }

    .page-about-us .info .sections .section-slider{
        background-color: #282828;
    }

    .section-about-us .info{
        top: calc(150px + 42%);
        left: 50%;
        transform: translateX(-50%);
        width: 80%;
        background-color: #ed1550;
        padding: 20px;
    }

    /*Section Tenants*/
    .tenant-container .tenants-list{
        display: none;
    }

    .tenant-container .tenant.full{
        width: 100%;
        height: 100%;
        position: relative;
        margin: 0;
    }

    .tenant-container .tenant .image-container{
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 50%;
        background-position: top;
    }

    .tenant-container .tenant .info{
        position: absolute;
        top: 50%;
        left: 0;
        width: 100%;
        height: 50%;
        background: #303030;
    }

    .tenant-container .tenant .btn p{
        display: none;
    }

    .tenant-container .tenant .btn.next,
    .tenant-container .tenant .btn.prev{
        background: #ffde00;
        width: 60px;
        height: 60px;
        box-shadow: none;
    }

    .tenant-container .tenant .btn.next{
        position: absolute;
        right: 0;
        left: auto;
        top: calc(50% + 27px);
    }

    .tenant .btn.prev .arrow,
    .tenant .btn.next .arrow{
        width: 100%;
        height: 100%;
        background-image: url("../images/mobile-tenant-arrow.png");
        background-repeat: no-repeat;
        left: 50%;
        background-position: center;
        transform: translate(-60%,-50%);
        -webkit-transform: translate(-60%,-50%);
        background-size: auto;
    }

    .tenant-container .tenant .image-container a div span{
        top: 90%;
        font-size: 1.5em;
        padding: 10px 8px;
    }

    .tenant .btn.prev .arrow{
        -webkit-transform: translate(-40%, -50%) rotate(180deg);
        transform: translate(-40%, -50%) rotate(180deg);
        transform-origin: center;
    }

    .tenant-container .tenant .btn.prev{
        position: absolute;
        left: 0;
        top: calc(50% + 27px);
    }

    .tenant-container .tenant .info .desc{
        max-height: 50%;
    }

    .tenant-container .tenant .info h1,
    .tenant-container .tenant .info .link a,
    .tenant-container .tenant .info .desc{
        color: white;
    }

    /*Section Events*/
    .section-events .events-wrapper{
        flex-direction: column-reverse;
        justify-content: flex-end;
        height: 125%;
        bottom: auto;
        top: 0;
        -webkit-transition: transform 550ms ease;
        transition: transform 550ms ease;
    }

    .section-events .events-wrapper.transformed{
        -webkit-transform: translateY(-43%);
        -ms-transform: translateY(-43%);
        transform: translateY(-43%);
    }

    .section-events .events-wrapper .highlighted-event{
        width: 100%;
        height: 43%;
        margin-bottom: 1%;
    }

    .section-events .events-wrapper .events .event .name{
        bottom: 55px;
        -webkit-transition: bottom 250ms;
        transition: bottom 250ms;
    }

    .section-events .events-wrapper.transformed .events>:first-child .name{
        bottom: 25px;
    }

    .section-events .events-wrapper .highlighted-event .bottom-container .info,
    .section-events .events-wrapper .highlighted-event .bottom-container .desc{
        display: none;
    }

    .section-events .events-wrapper .highlighted-event .bottom-container{
        padding: 0;
        height: 13%;
    }
    .section-events .events-wrapper .highlighted-event .top-container{
        height: 87%;
    }

    .section-events .events-wrapper .highlighted-event .bottom-container .read-more{
        width: 100%;
        height: 100%;
        margin: 0;
        padding: 0;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .section-events .highlighted-event .bottom-container .read-more a{
        font-size: 1.2em;
    }

    .events-wrapper .events>:first-child,
    .section-events .events-wrapper .events{
        width: 100%;
    }

    .section-events .events-wrapper .highlighted-event .top-container .countdown{
        background: #e8104b;
        top: auto;
        bottom: 0;
        padding: 1.5em 0;
        transform: translateY(0);
    }

    .section-events .events-wrapper .highlighted-event .top-container .name,
    .section-events .events-wrapper .highlighted-event .top-container .date{
        bottom: 100px;
    }

    .events-wrapper .events>:first-child, .section-events .events-wrapper .events{
        height: 38.5%;
    }

    .events-wrapper .events>:first-child, .section-events .events-wrapper .events .event{
        height: 100%;
    }

    .section-events .events-wrapper .highlighted-event .top-container .date{
        padding: 0.5em 1.3em;
    }

    /*MAP AND CONTACTS*/

    .section-map{
        flex-direction: column-reverse;
        height: calc(100% - 90px);
    }

    .section-map .contact-info{
        flex-direction: column;
        justify-content: space-around;
        height: 50%;
        padding: 0px;
    }

    .section-map .home-map{
        height: 50%;
    }

    .section-map .contact-info .info,
    .section-map .contact-info .newsletter{
        width: 100%;
        padding-left: 40px;
    }

    .section-map .contact-info .info{
        height: 60%;
        padding-top: 20px;
    }

    .section-map .contact-info .newsletter{
        height: 40%;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .section-map .contact-info .newsletter .links,
    .section-map .map-button{
        display: none;
    }

    .section-map .contact-info .info p{
        text-align: left;
        color: white !important;
    }

    .section-map .contact-info .info a{
        color: white !important;
    }

    .section-map .contact-info .info *{
        color: white !important;
    }

    .section-map .contact-info .info div{
        justify-content: flex-start;
        color: white;
    }

    .section-map .contact-info .newsletter .email-input{
        min-width: 250px;
    }

    .section-map .contact-info .info div .line{
        background: white;
    }

    .section-map .contact-info .info{
        background: #303030;
    }

    .section-map .contact-info .newsletter > div,
    .section-map .contact-info .info > div{
        margin-bottom: 2.25em;
    }

    /*
        ABOUT US PAGE
    */
    .page-about-us{
        padding: 90px 0 0 0;
        position: relative;
    }

    .page-about-us .container .flexslider{
        height: 35%;
        width: 100%;
    }

    .page-about-us .container .info{
        position: relative;
        height: auto;
        width: 100%;
    }

    .page-about-us .info .sections .about-us .slimScrollBar,
    .page-about-us .info .sections .about-team .slimScrollBar,
    .page-about-us .info .sections .about-us .slimScrollRail,
    .page-about-us .info .sections .about-team .slimScrollRail{
        display: none !important;
    }

    .page-about-us .info.full-screen .sections .about-us .slimScrollBar,
    .page-about-us .info.full-screen .sections .about-team .slimScrollBar,
    .page-about-us .info.full-screen .sections .about-us .slimScrollRail,
    .page-about-us .info.full-screen .sections .about-team .slimScrollRail{
        /*display: block !important;*/
    }

    .page-about-us .container .info.full-screen{
        height: 100%;
        position: absolute;
        top: auto;
        bottom: 0;
        padding-top: 210px;
        background: #282828;
        -webkit-transition: all 500ms;
        transition: all 500ms;
    }

    .page-about-us .container .info.mid{
        padding-top: 0 !important;
        height: 51%;
    }

    .page-about-us .container .info.full-screen .sections{
        height: 75%;
    }

    .page-about-us .info.full-screen .sections .about-us .slimScrollDiv,
    .page-about-us .info.full-screen .sections .about-team .slimScrollDiv{
        height: 88% !important;
        padding-right: 0;
    }

    .page-about-us .info .sections .about-us > h1,
    .page-about-us .info .sections .about-team > h1,
    .page-about-us .info .switch-button .label p{
        font-family: 'Arial';
        font-weight: bold;
    }

    .page-about-us .info .sections .about-us > h1,
    .page-about-us .info .sections .about-team > h1{
        font-size: 2.2em;
        padding: 3.5% 0;
    }

    .page-about-us .info .switch-button .label p{
        font-size: 1.8em;
        color: white;
    }

    .page-about-us .info .switch-button .arrow{
        background-image: url("../images/button-circle-arrow-white.png");
    }

    .page-about-us .info .sections{
        top: 0%;
        height: calc(100% - 50px);
    }

    .page-about-us .info .sections .about-us,
    .page-about-us .info .sections .about-team{
        justify-content: flex-start;
        padding: 0 3.5%;
    }

    .page-about-us .info .sections .about-us .slimScrollDiv,
    .page-about-us .info .sections .about-team .slimScrollDiv{
        height: auto !important;
        padding-right: 0;
    }

    .page-about-us .info .switch-button{
        top: 0%;
        background: none;
        padding: 0;
        margin-top: -5px;
        width: 200px;
    }

    .page-about-us .flex-control-paging li a{
        width: 12px;
        height: 12px;
    }

    .page-about-us .flex-control-paging li a.flex-active{
        width: 15px;
        height: 15px;
    }

    .page-about-us .flex-control-nav{
        flex-direction: row;
        width: 100%;
        height: 30px;
        top: auto;
        bottom: 2%;
    }

    .page-about-us .info .sections .about-us .desc{
        padding-bottom: 60px;
    }

    .page-about-us .info .sections .about-team{
        padding: 0;
    }

    .page-about-us .info .sections .about-team .team .member{
        padding: 3px 0;
        min-height: 150px;
        height: auto;
        background: rgba(0, 0, 0, 0.4);
        margin-bottom: 1em;
        position: relative;
    }

    .page-about-us .info .sections .about-team .team .member .info-container{
        padding:3% 0;
    }

    .page-about-us .info .sections .about-team .team .member .links{
        position: absolute;
        right: 10px;
    }

    .page-about-us .info .sections .about-team .team .member .links a div{
        width: 22px;
        height: 22px;
        margin-right: 0px;
        margin-left: 5px;
    }

    /*
        BLOG PAGE
    */
    .blog{
        background-image: none;
        background: #232323;
        padding: 175px 0 0 0;
        overflow: auto;
    }

    .blog .container{
        background-image: none !important;
        overflow: hidden;
    }

    .lb-blog-container{
        display: block;
        padding: 0;
    }

    /*Categories*/
    .lb-categories p{
        margin: 0;
    }

    .lb-categories>:first-child{
        display: flex;
        justify-content: space-between;
        padding-left: 10px;
        padding-right: 15px;
    }

    .lb-category-button{
        display: block;
        width: auto;
        height: 40px;
        background: #ffde00;
        line-height: 2.4;
        text-align: center;
        z-index: 10;
        transition: all 0.2s linear;
    }

    .lb-category-button p{
        display: block;
        box-sizing: content-box;
        line-height: 2.4;
        width: 75px;
        margin: 0px 10px;
        padding: 0px 10px;
        text-align: right;
        transition: all 0.2s linear;
    }

    .lb-category-button:lang(ka) p{
        font-size: 1.8em;
        line-height: 2;
    }

    .lb-category-button p:lang(ka){
        line-height: 2.1;
    }

    .blog .lb-categories{
        padding: 0;
    }

    .lb-blog-container .lb-page-title{
        margin: 0;
    }

    .lb-category-button.active p{
        width: 100px;
        border-bottom: 1px solid black;
    }

    .lb-category-list{
        display: none;
        position: absolute;
        background: #ffde00;
        top: 40px;
        right: 15px;
        margin: 0;
        padding: 15px 20px 0px 20px;
        width: 100px;
        box-sizing: content-box;
    }
    .lb-category-list.active{
        height: auto;
    }

    .lb-category-list li,
    .lb-category-list li.active{
        color: black;
        font-size: 14px;
        margin-top: 0px;
        margin-bottom: 20px;
    }

    .lb-category-list li div,
    .lb-category-list li div:before,
    .lb-category-list li.active div,
    .lb-category-list li.active div:before{
        background: black;
    }

    .lb-category-list li div{
        width: 9px;
        height: 9px;
    }

    .lb-category-list li div:before{
        height: 9px;
        left: 4px;
    }

    .lb-category-list li.active div:before{
        transform: scale(1, 2);
    }

    /*Content*/
    .lb-blog-container .lb-content{
        margin: 10px 0 0 0;
        padding-bottom: 90px;
        overflow: scroll;
        height: 100%;
    }

    .blog .lb-content,
    .blog .lb-categories,
    .lb-post-image,
    .lb-post-content{
        width: 100%;
    }

    .lb-post:hover .lb-post-image:after{
        display: none;
    }

    .lb-post{
        width: 100%;
        height: auto;
        min-height: auto;
        flex-direction: column;
        justify-content: flex-start;
        padding: 0;
        margin: 25px 0 0 0;
        position: relative;
        opacity: 1;
        top: 0;
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
    }

    .lb-post.active{
        top: 0;
    }

    .lb-post-content .lb-post-title{
       margin: 0;
    }

    .lb-post-content p{
        padding-right: 20px;
    }

    .lb-post:hover  .lb-post-date p{
        color: white;
    }

    .lb-post-date{
        position: absolute;
        top: 15px;
        left: 15px;
        padding: 0;
    }

    .lb-day, .lb-month{
        color: white;
    }

    .lb-post-image{
        height: 180px;
        margin: 0;
        padding: 20px 0 0 20px;
        box-sizing: border-box;
        position: relative;
    }

    .lb-post-content{
        height: auto;
        position: relative;
        display: block;
    }

    .lb-post-buttons .lb-read-more{
        width: 135px;
        height: 45px;
        margin: 0;
    }

    .lb-read-more .arrow{
        display: block;
    }


    .lb-read-more:hover *{
        left: 5px;
    }

    /*Navigation*/

    .lb-navigation{
        display: none;
    }
    
    .blog .lb-up-arrow,
    .blog .lb-down-arrow{
        display: none;
    }

    /*Opened Post*/
    .opened-post-wrapper{
        top: 0;
        left: 0;
        padding-left: 0;
    }

    .lb-opened-post{
        position: fixed;
        width: 100%;
        top: 195px;
        height: calc(100% - 195px);
    }

    .scroll-content .post-text{
        padding: 25px;
        background: white;
    }


    .blog .arrow{
        background-size: contain;
        background-repeat: no-repeat;
        width: 40px;
        height: 20px;
    }

    .lb-opened-post .slimScrollBar,
    .lb-opened-post .slimScrollRail {
        right: 0px !important;
        display: none !important;
    }

    .lb-opened-post .post-footer{
        padding: 0 30px;
        margin-bottom: 55px;
    }

    .post-footer .right div{
        margin-left: 15px;
        width: 24px;
        height: 24px;
    }
    
    .lb-opened-post .post-top{
        position: absolute;
        top: 0;
        -webkit-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        transform: translateY(-100%);
        width: 100%;
        height: 35px;
        background: black;
        display: block;
    }

    .lb-opened-post .post-top > div{
        position: absolute;
        background-color: #ffde00;
        padding: 3px 8px;
        right: 12px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    /*
        Offers Page
    */

    .page-offer{
        background: #232323;
        padding: 90px 0 0 0;
    }

    .page-offer .background{
        background-image: none !important;
    }

    .page-offer .lb-page-title{
        color: white;
        margin: 0;
        /*height: 80px;*/
        padding-left: 10px;
        position: relative;
        top: 0;
        left: 0;
        padding-top: 0;
        padding-bottom: 20px;
    }

    .lb-offers-container{
        padding: 80px 0 0 0;
        overflow: hidden;
    }

    .lb-offers{
        width: 100%;
        height: calc(100% - 80px);
        margin: 0;
    }

    .lb-offer-post .lb-dates .shares{
        display: none;
    }

    .lb-dates .day-month,
    .lb-dates .hour{
        display: none;
    }

    .lb-dates .from-to{
        margin-top: 10px;
    }

    .lb-offers-container{
        width: 100%;
        height: 100%;
        box-sizing: border-box;
    }

    .lb-offers .lb-offer-post{
        padding: 0;
        width: 100%;
        height: 100%;
        justify-content: flex-start;
        align-items: flex-start;
        -webkit-transform: translateY(0%) translateX(100%);
        -ms-transform: translateY(0%) translateX(100%);
        transform: translateY(0%) translateX(100%);
        top: 0;
    }

    .lb-offers .lb-offer-post.up{
        -webkit-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        transform: translateX(-100%);
    }

    .lb-offers .lb-offer-post.down{
        -webkit-transform: translateX(100%);
        -ms-transform: translateX(100%);
        transform: translateX(100%);
    }

    .lb-offers .lb-offer-post.active{
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
        z-index: 5;
    }

    .lb-offer-inner{
        position: relative;
        flex-direction: column;
        align-items: center;
        min-height: 100%;
        height: auto;
        justify-content: flex-start;
    }

    .lb-offers .lb-dates{
        position: absolute;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }

    .lb-offers .lb-image{
        width: 100%;
    }

    .lb-offers .lb-content{
        width: 100%;
        overflow: scroll;
        position: absolute;
        top: 0;
        height: 100%;
        padding-bottom: 50px;
    }

    .lb-offers .shares{
        display: none;
    }

    .lb-content .lb-post-title{
        text-align: center;
        padding: 10px 15px;
        background: white;
        margin: 0;
    }

    .lb-content .lb-post-text{
        padding: 20px 0;
        background: white;
        margin: 0;
    }

    .lb-empty-space{
        height: 200px;
    }

    .lb-navigation{
        display: flex;
        flex-direction: row;
        position: absolute;
        width: 100%;
        min-height: auto;
        height: auto;
        top: 310px;
        z-index: 6;
        left: 0;
    }

    .lb-bullets{
        display: none
    }

    .page-offer .lb-down-arrow,
    .page-offer .lb-up-arrow{
        background-image: url('../images/mobile-arrow.png');
        transform: rotate(0deg);
        width: 30px;
        height: 60px;
        background-size: cover;
        background-position: center;
    }

    .page-offer .lb-down-arrow{
        transform: rotate(180deg);
    }

    .page-offer .lb-down-arrow:hover,
    .page-offer .lb-up-arrow:hover{
        background-image: url('../images/mobile-arrow.png');
    }

    /*
        Events Page
    */

    .lb-image-slider{
        height: 360px;
    }
    /*
    .lb-arrows{
        top: 420px;
    }
    */
    .events-container{
        height: auto;
        background: #282828;
        padding: 90px 0 0 0;
    }

    .lb-upcoming-list>:first-child,
    .lb-past-list>:first-child{
        color: white;
        padding-left: 15px;
    }

    .lb-event-list{
        width: 100%;
        overflow: inherit;
        padding-bottom: 70px;
        height: calc(100% - 300px);
    }

    .lb-event{
        background: none;
        padding: 0 30px;
        width: 100%;
    }

    .lb-upcoming-list>:first-child,
    .lb-past-list>:first-child{
        margin: 15px 0;
    }

    .lb-event .lb-event-buttons{
        width: auto;
        height: 85%;
        justify-content: space-around;
    }

    .lb-event .lb-info {
        min-width: 325px;
    }

    /*.lb-upcoming .lb-event-buttons>:last-child,
    .lb-past .lb-event-buttons>:first-child,*/
    .lb-event .lb-location,
    .lb-left-arrow,
    .lb-right-arrow,
    .lb-event-single .lb-overlay,
    .lb-event-single .lb-image .lb-event-time{
        display: none;
    }

    .lb-event .lb-info,
    .lb-event .lb-info .lb-left{
        color: white;
    }

    .lb-event .lb-info .lb-left{
        margin-right: 10px;
    }

    .events-container .slimScrollRail,
    .events-container .slimScrollBar{
        display: none !important;
    }

    .events-container .slimScrollDiv{
        width: 100% !important;
        margin: 0;
    }

    .events-container .flex-direction-nav,
    .events-container .flex-control-nav{
        width: 100%;
    }

    .events-container .flex-direction-nav,
    .events-container .flexslider{
        padding: 0;
    }

    .events-container .flex-direction-nav a{
       display: none;
    }

    .lb-event .lb-info .lb-left>:first-child{
        margin-bottom: 5px;
    }

    /*
        Events Single Page
    */

    .lb-event-single{
        background: #282828;
        flex-direction: column-reverse;
        position: absolute;
        top: 90px;
        left: 0;
        height: calc(100% - 90px);
    }

    .lb-event-single .lb-image{
        width: 100%;
        height: 350px;
        position: absolute;
        top: 0;
        left: 0;
    }

    .lb-event-single .lb-info{
        height: 100%;
        width: 100%;
        padding: 0;
        overflow: scroll;
        position: absolute;
        top: 0;
        z-index: 1;
    }

    .lb-event-single .lb-info .lb-event-text{
        overflow: inherit;
    }

    .lb-event-single .lb-buttons{
        top: 220px;
        width: 100%;
        left: 0;
        transform: translate(0, -100%);
        display: flex;
        justify-content: center;
    }

    .lb-event-single .lb-buttons .lb-ticket,
    .lb-event-single .lb-buttons .lb-date{
        width: 170px;
        height: 60px;
        line-height: 60px;
        margin: 0 8px;
    }

    .lb-event-single .lb-info .lb-event-name{
        color: #ffde00;
    }
    .lb-event-single .lb-info .lb-event-artist{
        color: #a0a0a0;
    }
    .lb-event-single .lb-info .lb-event-text{
        color: white;
        font-weight: normal;
    }
    .lb-event-single .lb-info .lb-event-time{
        display: block;
        color: white;
        width: 180px;
        margin-bottom: 8px;
        font-size: 1.3em;
        line-height: 1;
    }

    .lb-event-single .lb-info .lb-content{
        padding: 20px;
        background: #282828;
        height: auto;
    }
    .lb-event-single .lb-info .lb-empty-space{
        height: 350px;
    }

    .lb-event-single .title-wrapper{
        height: auto;
    }

    .lb-event-single .lb-buttons.up{
        top: 125px !important;
        box-sizing: border-box;
    }

    .cover.active{
        background-color: #303030;
    }

    .lb-image .lb-overlay,
    .lb-image .lb-event-time{
        display: none;
    }

    .lb-event-single .slimScrollBar,
    .lb-event-single .slimScrollRail{
        display: none !important;
    }

    .lb-event-single .lb-event-text{
        padding-right: 0;
        padding-bottom: 40px;
    }

    .lb-event-single .lb-info .lb-event-artist{
        margin: 8px 0;
    }

    .lb-event-single .lb-event-time p{
        margin-bottom: 5px;
    }

    /*
        Tenants Page
    */

    .page-tenant section{
        background-image: none !important;
        background-color: #1d1d1d;
        padding: 155px 0 0 0;
    }

    .page-tenant .tenants-container{
        flex-direction: column;
    }

    .tenants-container .tenants-filter{
        margin: 5px 8px 0;
        padding: 0;
        width: 240px;
        position: relative;
        z-index: 10;
    }

    .overlay.tenant {
        z-index: 2;
        opacity: 0.6;
    }

    .page-tenant .slimScrollRail,
    .page-tenant .slimScrollBar{
        display: none !important;
    }

    .tenants-container .slimScrollDiv{
        width: 100% !important;
        padding: 0 8px !important;
        height: auto; !important;
        padding-bottom: 60px !important;
        overflow: scroll !important;
        margin-top: 10px;
    }

    .tenants-container .tenants-list .sizer{
        width: 50%;
        height: 300px;
        position: relative;
    }

    .tenants-container .tenants-list .tenant{
        width: 49%;
        margin: 0;
    }

    .tenants-container .tenants-list .tenant .top .workspace{
        display: none;
    }

    .tenants-container .tenants-list .tenant .top .workspace.mobile{
        display: block;
        height: auto;
        font-size: 16px;
    }

    .tenants-container .tenants-list .tenant .top .name>:first-child{
        width: 100%;
        margin-bottom: 1em;
        line-height: 1.35;
    }

    .tenants-container .tenants-list .tenant .top .wrapper{
        height: 100%;
    }

    .tenants-container .tenants-list .tenant .bottom{
        height: 27%;
    }
    .tenants-container .tenants-list .tenant .top{
        height: 73%;
    }

    .tenants-container .tenants-list .tenant .top .wrapper .name{
        flex-direction: column;
        justify-content: center;
    }

    .tenants-container .tenants-list .tenant{
        height: 270px;
    }

    .tenants-container .tenants-list .tenant .bottom .button{
        padding: 1em;
        color: white;
        background: #262626;
    }

    .tenants-container .tenants-list .tenant .top .wrapper .image-container{
        justify-content: flex-end;
    }

    .tenants-container .tenants-filter .filter-container{
        position: absolute;
    }


    /*
        Tenants Single Page
    */

    .single-tenant section{
        padding: 90px 0 0 0;
        background-image: none !important;
        background-color: #1d1d1d;
        overflow: auto;
    }

    .single-tenant-container .wrapper{
        display: block;
    }

    .single-tenant-container .wrapper .left,
    .single-tenant-container .wrapper .right{
        width: 100%;
        height: auto;
        flex-direction: column;
    }

    .single-tenant-container .wrapper .right{
        height: auto;
    }

    .single-tenant-container .wrapper .left .flexslider{
        width: 100%;
        height: 240px;
    }

    .single-tenant-container .wrapper .left .tenant-info{
        width: 100%;
        height: 135px;
        top: 0;
        position: static;
        min-height: auto;
        display: flex;
        flex-direction: row;
    }

    .single-tenant-container .wrapper .left .tenant-info .image-container{
        height: 100%;
        width: 35%;
    }

    .single-tenant-container .wrapper .left .tenant-info .contact .social-networks{
        justify-content: flex-start;
        height: 20px;
    }

    .single-tenant-container .wrapper .left .tenant-info .contact .social-networks div{
        width: 20px;
        height: 20px;
        margin: 0 7px 0 0;
    }

    .single-tenant-container .wrapper .left .tenant-info .contact .categories{
        text-align: left;
    }

    .single-tenant-container .flexslider{
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }

    .single-tenant-container .wrapper .left .tenant-info .image-container div{
        width: 115px;
        height: 115px;
    }

    .single-tenant-container .wrapper .left .tenant-info .contact{
        height: 100%;
        width: 65%;
        text-align: left;
        justify-content: center;
        padding: 0 0 0 8px;
    }

    .single-tenant-container .wrapper .left .tenant-info .contact{
        justify-content: space-around;
    }

    .single-tenant-container .wrapper .left .tenant-info .contact *{
        margin: 0;
    }

    .single-tenant-container .wrapper .right .workspace-info{
        padding-top: 1em;
        padding-left: 1em;
    }

    .single-tenant-container .wrapper .right .workspace-desc{
        background-color: #1d1d1d;
        color: white;
        padding-top: 1em;
        padding-left: 1em;
        padding-right: 1em;
    }

    .single-tenant-container .wrapper .right .workspace-desc .text,
    .single-tenant-container .wrapper .right .slimScrollDiv{
        height: auto !important;
        padding-right: 0;
    }

    .single-tenant-container .wrapper .right .workspace-info .workspace-name{
        margin-bottom: 8px;
    }

    .single-tenant-container .wrapper .right .workspace-info{
        height: auto;
    }

    .single-tenant-container .wrapper .right .workspace-desc{
        height: auto;
    }

    .single-tenant-container .wrapper .right .workspace-url{
        margin-top: 5px;
    }

    .single-tenant-container .flex-control-nav{
        bottom: 1em;
    }

    .single-tenant-container .flex-control-nav li a {
        height: 10px;
        width: 10px;
    }

    .single-tenant-container .flex-direction-nav{
        display: none;
    }

    .single-tenant-container .slimScrollBar,
    .single-tenant-container .slimScrollRail{
        display: none !important;
    }

    .single-tenant-container .wrapper .left .tenant-info .contact > p,
    .single-tenant-container .wrapper .left .tenant-info .contact .social-networks{
        margin: 0;
    }

    /*
        Contacts Page
    */

    .page-contact section{
        padding: 90px 0 0 0;
        display: block;
        overflow: scroll;
        background-color: #303030;
    }

    .page-contact .map{
        height: 300px;
        width: 100%;
    }

    .page-contact .send-email{
        height: calc(100% - 250px);
        width: 100%;
        padding-top: 0;
    }

    .page-contact .send-email .title{
        display: none;
    }

    .page-contact .contact-info{
        width: 100%;
        height: auto;
        top: 0;
        left: 0;
        flex-wrap: wrap;
        flex-direction: row;
    }

    .page-contact .contact-info .enquiries,
    .page-contact .contact-info .reservation,
    .page-contact .contact-info .address-box {
        border: none;
    }

    .page-contact .contact-info .enquiries .group-header,
    .page-contact .contact-info .reservation .group-header{
        border: none;
    }

    .page-contact .contact-info .reservation .group-header{
        display: flex;
        justify-content: flex-end;
    }

    .page-contact .contact-info .reservation .group{
        text-align: right;
    }

    .page-contact .contact-info .reservation .group-header,
    .page-contact .contact-info .reservation .group{
        padding-left: 0;
        padding-right: 15px;
    }

    .page-contact .contact-info .address-box{
        width: 100%;
        height: auto;
    }

    .page-contact .contact-info .enquiries,
    .page-contact .contact-info .reservation {
        width: 50%;
    }

    .page-contact .send-email{
        justify-content: flex-start;
        padding-top: 5px;
        height: auto;
        padding-bottom: 50px;
        background-color: #303030;
    }

    .page-contact .send-email input,
    .page-contact .send-email textarea{
        margin: 5px 0;
        height: 45px;
        padding-left: 1%;
        border-radius: 0;
    }

    .page-contact .send-email textarea{
        height: 100px;
        padding-top: 1%;
    }

    .page-contact .contact-info .enquiries .group .email,
    .page-contact .contact-info .reservation .group .email{
        margin-bottom: 4px;
    }

    .page-contact .contact-info .enquiries .group-header,
    .page-contact .contact-info .enquiries .group,
    .page-contact .contact-info .reservation .group{
        padding: 0;
    }

    .page-contact .contact-info .enquiries .group-header{
        display: none;
    }

    .page-contact .contact-info .reservation .group-header,
    .page-contact .contact-info .reservation .group{
        padding: 0;
    }

    .page-contact .contact-info .enquiries,
    .page-contact .contact-info .reservation{
        width: 100%;
        display: block;
    }

    .page-contact .contact-info .enquiries .group{
        display: block;
        text-align: center;
        height: auto;
    }

    .page-contact .contact-info{
        flex-direction: column;
    }

    .page-contact .contact-info .social-icons{
        justify-content: center;
    }

    .page-contact .contact-info .enquiries .group p{
        margin-bottom: 0px !important;
        padding-bottom: 8px;
    }

    .page-contact .contact-info .social-icons a div{
        width: 22px;
        height: 22px;
        background-color: black;
        margin: 0 5px;
    }

    .page-contact .contact-info{
        justify-content: center;
        z-index: 0;
        position: static;
        padding: 2.5%;
        display: block;
    }


    /*
        Gallery Page
    */

    .page-gallery > section {
        background-color: #232323;
        background-image: none !important;
        padding: 90px 0 0 0;
        overflow: inherit;
    }

    .page-gallery .popup-wrapper{
        height: calc(100% - 0px);
    }

    .page-gallery .main-wrapper .navigation,
    .page-gallery #carousel .flex-direction-nav,
    .page-gallery #carousel .flex-control-nav,
    .page-gallery #slider .flex-direction-nav{
        display: none;
    }

    .page-gallery .main-wrapper .container .gallery-section,
    .page-gallery .main-wrapper .container .gallery-section .left,
    .page-gallery .main-wrapper .container .gallery-section .right{
        display: block;
    }

    .page-gallery .main-wrapper .container .gallery-section.active,
    .page-gallery .main-wrapper .container .gallery-section.up,
    .page-gallery .main-wrapper .container .gallery-section.down{
        -webkit-transform: translateY(0%);
        -ms-transform: translateY(0%);
        transform: translateY(0%);
    }

    .page-gallery .main-wrapper .container .left .title{
        height: auto;
        width: 100%;
        padding:0;
        justify-content: flex-start;
        padding-left: 10px;
        display: none;
    }

    .page-gallery .main-wrapper .container > .title{
        height: auto;;
        padding-top: 100px;
        padding-bottom: 35px;
        padding-left: 10px;
        width: 100%;
        justify-content: flex-start;
    }

    .page-gallery .main-wrapper .container,
    .page-gallery .main-wrapper .container .left,
    .page-gallery .main-wrapper .container .right{
        width: 100%;
    }

    .page-gallery .main-wrapper .container .gallery-section{
        height: auto;
        position: relative;
    }

    .page-gallery .main-wrapper .container .left .gallery,
    .page-gallery .main-wrapper .container .right .gallery{
        width: 100% !important;
        height: 350px !important;
        margin-bottom: 25px;
    }

    .page-gallery .popup-wrapper .top{
        height: 55px;
        background-color: black;
    }

    .page-gallery .popup-wrapper .top .exit{
        height: 20px;
        width: 20px;
    }

    .page-gallery .popup-wrapper .top .title{
        left: 10px;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .page-gallery .popup-wrapper .container .image-slider #slider{
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
    }

    .page-gallery .popup-wrapper .container .image-slider #slider ul li div{
        background-size: cover;
    }

    .page-gallery .popup-wrapper .container .image-slider #carousel .flex-viewport{
        padding: 15px;
    }

    .page-gallery .popup-wrapper .container .image-slider #carousel .flex-viewport ul{
        padding: 0;
        height: 100%;
    }

    .page-gallery .popup-wrapper .container .image-slider #carousel .slide-button{
        position: absolute;
        left: 0;
        bottom: 99.5%;
        background-color: rgba(0, 0, 0, 0.85);
        background-image: url("../images/arrow-up-white.png");
        background-position: center center;
        background-repeat: no-repeat;
        background-size: auto;
        height: 25%;
        width: 100%;
    }

    .page-gallery .popup-wrapper .container .image-slider #carousel .flex-viewport{
        overflow: inherit !important;
    }

    .page-gallery .popup-wrapper .container .image-slider #carousel{
        -webkit-transform: translateY(100%);
        -ms-transform: translateY(100%);
        transform: translateY(100%);
        -webkit-transition: transform 500ms ease;
        transition: transform 500ms ease;
    }

    .page-gallery .popup-wrapper .container .image-slider #carousel.active{
        -webkit-transform: translateY(0%);
        -ms-transform: translateY(0%);
        transform: translateY(0%);
    }

    .page-gallery .popup-wrapper .container .image-slider #carousel.active .slide-button{
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
    }
}

@media screen and (max-height: 700px) {
    .single-tenant-container .wrapper .left .tenant-info .image-container div{
        height: 95px;
        width: 95px;
    }
}