/*
Common mobile phone - hide all pseudo-elements, not necessary on mobile view
*/
@media only screen and (max-width: 900px) and (orientation: landscape) {
    #wrapper {
        display: none;
    }
    #wrapper-horizontal {
        display: block !important;
    }
}

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

    #wrapper-horizontal {
        display: none !important;
    }
    #wrapper {
        display: block !important;
    }

    .top-purple-panel {
        background: url(https://demo.kaico.cz/invest-redesign/www/images/left_panel_mobile2.png) top left no-repeat;
        background-size: 100% auto;
        position: absolute;
        height: 200vh;
        right: 0px;
        left: 0px;
    }

    .map-panel-desktop {
        display: none;
    }

    .map-panel-mobile {
        display: block;
    }

    .contact-form-desktop-padding {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    .price-align {
        text-align: center !important;
    }

    .margin-left-desktop-64 {
        margin-left: 0px;
    }

    .mobile-margin-top {
        margin-top: 20px;
    }

    .mobile-margin-top-100 {
        margin-top: 100px;
    }

    .text-width-50 {
        max-width: 100% !important;
    }

    .text-left-0 {
        left: 0 !important;
    }

    .text-width-75 {
        width: 100%;
    }

    .content-wrap {
        padding-top: 0px !important;
    }

    #inner {
        margin-top: 72px;
    }

    .primary-menu {
        text-align: center;
    }

    .primary-menu .menu-item{
        margin-top: 15px;
    }

    #header-wrap .container {
        margin-top: 0px;
    }

    .mobile-margin-bottom {
        margin-bottom: 15px;
        display: flex;
        justify-content: center;
    }

    .menu-item .nav-button {
        padding: 20px 20px 20px 20px;
    }

    #header-wrap {
        z-index: 100;
        position: absolute;
    }

    .tablet-only {
        display: none !important;
    }

    .mobile-only {
        display: flex !important;
    }

    .desktop-only {
        display: none !important;
    }

    #innerText {
        left: 20px;
        top: 200px;
        position: absolute;
        z-index: 3;
    }

    .emphasis-title h1, .emphasis-title h2 {
        font-size: 30px !important;
    }


    .desktop-only {
        display: none;
    }

    .mobile-only {
        display: block;
    }

    .header-with-margin {
        margin-top: 20px !important;
    }

    #content:after {
        display: none;
    }

    .introduction-header {
        transform: none !important;
        margin-top: 20px;
    }

    .left-top-corner-white:after {
        display: none;
    }

    .section-with-purple-shape:after {
        display: none;
    }

    .right-top-corner-white:after {
        right: 0;
        position: absolute;
        width: 400px;
        height: 800px;
        margin: -750px -400px -400px;
        transform: rotate(45deg);
        background-color: #fff;
        content: "";
    }

    .right-top-corner-white-services:after {
        display: none;
    }

    .left-top-corner-white-map:after {
        display: none;
    }

    .right-top-corner-white-map:after {
        right: 0;
        top: 0;
        position: absolute;
        width: 400px;
        height: 800px;
        margin: 10px -400px -400px;
        transform: rotate(45deg);
        background-color: #fff;
        content: "";
    }

    .right-bottom-corner-white:after {
        right: 0;
        position: absolute;
        width: 400px;
        height: 800px;
        margin: -400px;
        transform: rotate(45deg);
        background-color: #fff;
        content: "";
    }

    .left-bottom-corner-white:after {
        display: none;
    }

    .right-bottom-corner-white-rent:after {
        right: 0;
        position: absolute;
        width: 400px;
        height: 800px;
        margin: -400px;
        transform: rotate(45deg);
        background-color: #fff;
        content: "";
    }

    .panel-list-item {
        padding: 8px;
    }

    .map-sector {
        position: absolute;
        height: 500px;
        width: 90%;
        left: 5%;
        margin-top: -200px;
        z-index: 1;
    }

    .map-sector-advert {
        position: absolute;
        height: 500px;
        margin-top: -200px;
        z-index: 1;
    }

    .detail-advert-btn {
        width: 50% !important;
        padding: 20px 20px 20px 20px;
        font-size: 1.5rem !important;
        color: #4980c1;
        border: 1px solid rgba(0,0,0,0.07);
    }

    .detail-advert-btn:hover {
        border: 1px solid #4980c1;
        background-color: #f0ecf5;
    }

    .advert-detail-panel {
        background-color: #fff;
        padding: 30px 30px 30px 30px;
        font-family: Grotesk !important;
    }

    .advert-form {
        padding: 50px 50px 50px 50px;
    }

    .purple-corner-right-bottom {
        background: linear-gradient(to bottom right, #40c1ac, #407ec9); /* W3C */
        color: #fff !important;
        padding: 40px 40px 40px 40px;
    }

    .purple-corner-right-bottom h1 {
        color: #fff !important;
        font-size: 44px;
    }

    .purple-corner-right-bottom:after {
        right: 0; bottom: 0;
        position:absolute;
        width:200px;
        height:200px;
        margin: -100px;
        transform:rotate(45deg);
        background-color:#F9F9F9; /* to see where it is */
        content: "";
    }

    .purple-corner-right-bottom-services {
        background: linear-gradient(to bottom right, #6D4598, #554899); /* W3C */
        color: #fff !important;
        padding: 80px 80px 80px 80px;
    }

    .purple-corner-right-bottom-services h1 {
        color: #fff !important;
        font-size: 44px;
    }

    .purple-corner-right-bottom-services:after {
        right: 0;
        position:absolute;
        width:200px;
        height:200px;
        margin: -100px;
        transform:rotate(45deg);
        background-color:#F9F9F9; /* to see where it is */
        content: "";
    }

    .posts-md {
        padding-top: 20px;
    }

    .footer-with-panel {
        margin-top: 450px !important;
    }

    .footer-with-panel-blog {
        margin-top: 545px !important;
    }

    .footer-with-panel-rent {
        margin-top: 450px !important;
    }

    .footer-with-panel:after {
        display: none;
    }

    .footer-with-panel-blog:after {
        display: none;
    }

    .footer-with-panel-no-reviews:after {
        display: none;
    }

    .footer-with-panel-blog-post:after {
        display: none;
    }

    .footer-with-panel-contact:after {
        display: none;
    }

    .right-map-column {
        margin-top: 700px;
        margin-bottom: 500px;
    }

    .map-row {
        height: auto;
    }

    .meeting-pills {
        display: inline-block;
        float: right;
        margin-right: 210px;
    }

    .purple-corner-left-bottom {
        background: #407ec9; /* W3C */
        color: #fff !important;
        padding: 40px 40px 40px 40px;
    }

    .purple-corner-left-bottom h1 {
        color: #fff !important;
        font-size: 44px;
    }

    .purple-corner-left-bottom:after {
        display: none;
    }

    .purple-corner-left-bottom-light-grey {
        background: #407ec9; /* W3C */
        color: #fff !important;
        padding: 40px 40px 40px 40px;
    }

    .purple-corner-left-bottom-light-grey h1 {
        color: #fff !important;
    }

    .purple-corner-left-bottom-light-grey:after {
        display: none;
    }

    .purple-corner-left-bottom-white {
        background: #407ec9; /* W3C */
        color: #fff !important;
        padding: 40px 40px 40px 40px;
    }

    .purple-corner-left-bottom-white h1 {
        color: #fff !important;
        font-size: 44px;
    }

    .purple-corner-left-bottom-white:after {
        display: none;
    }

    .footer-with-panel-rent:after {
        display: none;
    }

    .right-bottom-corner-white-rent:after {
        display: none;
    }

    .services-purple {
        position: absolute;
        z-index: 100;
        left: 0;
        right: 0;
        margin-left: auto;
        margin-right: auto;
        margin-top: 207px !important;
    }

    .pictogram img {
        max-width: 60%;
        height: 80px;
    }

    .pictogram p {
        margin-top: 30px;
    }

    .pictogram-number {
        position: absolute;
        top: 0;
        margin-left: 30px;
    }

    .with-arrow:after {
        display: none;
    }

    .map-panel {
        padding: 40px;
        background-color: #fff;
        color: #4980c1;
        width: 80%;
        margin-left: 10%;
        margin-top: -90px;
        z-index: 10;
        position: relative;
    }

    .contact-map-section {
        margin-top: 300px !important;
    }

    .contact-map-section-advert {
        margin-top: 250px !important;
    }

    .similar-posts-panel {
        margin-top: 692px;
        padding-top: 250px;
    }

    .similar-posts-panel:after {
        display: none;
    }

    .arrow-btn {
        color: #4980c1 !important;
        font-size: 1.5rem;
        transition: margin-left 0.3s ease;
    }

    .arrow-btn-container:hover .arrow-btn {
        margin-left: 10px;
    }

    .arrow-back-btn {
        color: #4980c1 !important;
        font-size: 1.5rem;
        transition: margin-right 0.3s ease;
    }

    .arrow-back-btn-container:hover .arrow-back-btn {
        margin-right: 10px;
    }

    .arrow-btn-white-right {
        color: #fff !important;
        font-size: 1.5rem;
        transition: margin-left 0.3s ease;
    }

    .arrow-btn-white-left {
        color: #fff !important;
        font-size: 1.5rem;
    }

    .arrow-btn-container-right:hover .arrow-btn-white-right {
        margin-left: 10px;
    }

    .review-text {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 6; /* number of lines to show */
        -webkit-box-orient: vertical;
    }

    .arrow-btn-container-left {
        padding-left: 10px;
        transition: padding-left 0.3s ease;
    }

    .arrow-btn-container-left:hover {
        padding-left: 0px;
    }

    .white-corner-right-bottom {
        background: white;
        /*padding: 80px 40px 80px 80px;*/
    }

    .white-corner-right-bottom:after {
        display: none;
    }

    .grey-corner-bottom-right:after {
        right: 0; bottom: 0;
        position:absolute;
        width:200px;
        height:200px;
        margin: -100px;
        transform:rotate(45deg);
        background-color:#fff; /* to see where it is */
        content: "";
    }

    .grey-corner-top-right:after {
        right: 0; top: 0;
        position:absolute;
        width:200px;
        height:200px;
        margin: -100px;
        transform:rotate(45deg);
        background-color:#fff; /* to see where it is */
        content: "";
    }

    .small-btn-panel {
        position: absolute;
        z-index: 10;
        color: #fff;
        padding: 20px 20px 10px 20px;
        right: 0;
        bottom: 0;
        background: linear-gradient(to bottom right, #6D4598, #554899);
    }

    .small-btn-panel-advert {
        position: absolute;
        z-index: 10;
        color: #fff;
        padding: 20px 20px 10px 20px;
        left: 50%;
        top: 25%;
        transform: translate(-50%, -50%);
        background: linear-gradient(to bottom right, #6D4598, #554899);
    }

    .overlay-text {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        height: 100%;
        width: 100%;
        background-color: rgba(0, 0, 0, 0.5);
    }

    .team-section {
        margin-top: -240px !important;
    }

    .team-section-services {
        margin-top: -210px !important;
    }

    .team-section-text {
        margin-top: 200px;
    }

    .team-section-rent {
        margin-top: -240px !important;
    }

    .team-section-text-rent {
        margin-top: 200px;
    }

    .small-btn-panel-team {
        position: absolute;
        z-index: 10;
        color: #fff;
        padding: 10px 10px 0px 10px;
        left: 0;
        top: 0;
        background: url(https://www.explicitreality.cz/images/small_team_panel_background.png) no-repeat;
        background-size: contain !important;
    }

    .small-btn-panel:after{
        right: 0; bottom: 0;
        position:absolute;
        width:20px;
        height:20px;
        margin: -10px;
        transform:rotate(45deg);
        background-color:#F9F9F9; /* to see where it is */
        content: "";
    }

    .grid-item-corner-white:after {
        right: 0; bottom: 0;
        position:absolute;
        width:60px;
        height:80px;
        margin: -40px;
        transform:rotate(45deg);
        background-color:#fff;
        content: "";
    }

    .light-grey-background .grid-item-corner-white:after {
        background-color: #F9F9FA;
    }

    .grid-item-corner-white-lg:after {
        right: 0;
        bottom: 0;
        position: absolute;
        width: 150px;
        height: 250px;
        margin: -90px;
        transform: rotate(45deg);
        background-color: #fff;
        content: "";
    }

    .image-container {
        position: relative;
    }

    .purple-overlay {
        position: absolute;
        left: 0;
        top: 0;
        background-color: rgba(64, 193, 172, 0.8);
        overflow: hidden;
        width: 100%;
        height:100%;
        opacity: 0;
        transition: .3s ease;
    }

    .image-container:hover .purple-overlay {
        opacity: 1;
    }

    .overlay-inner-text {
        color: white;
        font-size: 20px;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        text-align: center;
    }

    #content {
        margin-top: 750px !important;
    }

    .swiper-slide p {
        font-size: 0.9rem;
    }

    .swiper-slide h5 {
        font-size: 14px;
    }

    .purple-corner-right-bottom h1 {
        font-size: 23px !important;
    }

    .purple-corner-left-bottom h1 {
        font-size: 23px !important;
    }

    .margin-top-350-on-mobile-850 {
        margin-top: 850px !important;
    }

    #casto-kladene-dotazy {
        margin-top: 700px;
    }
}

/*
iPad Air
 */
@media only screen and (width: 1180px) and (height: 820px){
    .emphasis-title h1, .emphasis-title h2 {
        font-size: 40px !important;
    }

    #innerText {
        left: 100px;
    }

    .inner-subtitle {
        font-size: 20px;
    }

    #content:after {
        top: 0;
        left: 0;
        position: absolute;
        width: 600px;
        height: 800px;
        margin: -400px;
        transform: rotate(45deg);
        background-color: #fff;
        content: "";
    }
}

/*
Common tablet - hide most of the pseudo-elements, only on vertical tablet view, horizontal will be covered by desktop-responsive stylesheet
*/
@media only screen and (min-width: 768px) and (max-width: 1023px){
    .top-purple-panel {
        background: url(https://demo.kaico.cz/invest-redesign/www/images/left_panel_mobile.png) top left no-repeat;
        background-size: 100% auto;
        position: absolute;
        height: 200vh;
        right: 0px;
        left: 0px;
    }

    .contact-form-desktop-padding {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    .price-align {
        text-align: center !important;
    }

    .margin-left-desktop-64 {
        margin-left: 0px;
    }

    .margin-left-desktop-64 .first-name,
    .margin-left-desktop-64 .last-name {
        font-size: 30px !important;
    }

    .mobile-margin-top {
        margin-top: 20px;
    }

    .mobile-margin-top-100 {
        margin-top: 550px;
    }

    .text-width-50 {
        max-width: 100% !important;
    }

    .text-left-0 {
        left: 0 !important;
    }

    .text-width-75 {
        width: 100%;
    }

    .content-wrap {
        padding-top: 0px !important;
    }

    #inner {
        margin-top: 72px;
    }

    .primary-menu {
        text-align: center;
    }

    .primary-menu .menu-item{
        margin-top: 15px;
    }

    #header-wrap .container {
        margin-top: 0px;
    }

    .mobile-margin-bottom {
        margin-bottom: 15px;
        display: flex;
        justify-content: center;
    }

    .menu-item .nav-button {
        padding: 20px 20px 20px 20px;
    }

    #header-wrap {
        z-index: 100;
        position: absolute;
    }

    .tablet-only {
        display: flex !important;
    }

    .mobile-only {
        display: flex !important;
    }

    .hide-on-tablet {
        display: none !important;
    }

    .desktop-only {
        display: none !important;
    }

    #innerText {
        left: 50px;
        top: 400px;
        position: absolute;
        z-index: 3;
    }

    .emphasis-title .higher-name {
        margin-bottom: 0px !important;
    }

    .emphasis-title h1, .emphasis-title h2 {
        font-size: 60px !important;
    }

    .desktop-only {
        display: none;
    }

    .mobile-only {
        display: block;
    }

    .header-with-margin {
        margin-top: 20px !important;
    }

    #content:after {
        display: none;
    }

    .introduction-header {
        transform: none !important;
        margin-top: 20px;
    }

    .left-top-corner-white:after {
        display: none;
    }

    .section-with-purple-shape:after {
        display: none;
    }

    .right-top-corner-white:after {
        right: 0;
        position: absolute;
        width: 400px;
        height: 800px;
        margin: -750px -400px -400px;
        transform: rotate(45deg);
        background-color: #fff;
        content: "";
    }

    .right-top-corner-white-services:after {
        display: none;
    }

    .left-top-corner-white-map:after {
        display: none;
    }

    .right-top-corner-white-map:after {
        right: 0;
        top: 0;
        position: absolute;
        width: 400px;
        height: 800px;
        margin: 10px -400px -400px;
        transform: rotate(45deg);
        background-color: #fff;
        content: "";
    }

    .right-bottom-corner-white:after {
        right: 0;
        position: absolute;
        width: 400px;
        height: 800px;
        margin: -400px;
        transform: rotate(45deg);
        background-color: #fff;
        content: "";
    }

    .left-bottom-corner-white:after {
        display: none;
    }

    .right-bottom-corner-white-rent:after {
        right: 0;
        position: absolute;
        width: 400px;
        height: 800px;
        margin: -400px;
        transform: rotate(45deg);
        background-color: #fff;
        content: "";
    }

    .panel-list-item {
        padding: 8px;
    }

    .map-sector {
        position: absolute;
        height: 500px;
        width: 90%;
        left: 5%;
        margin-top: -200px;
        z-index: 1;
    }

    .map-sector-advert {
        position: absolute;
        height: 500px;
        margin-top: -200px;
        z-index: 1;
    }

    .detail-advert-btn {
        width: 50% !important;
        padding: 20px 20px 20px 20px;
        font-size: 1.5rem !important;
        color: #4980c1;
        border: 1px solid rgba(0,0,0,0.07);
    }

    .detail-advert-btn:hover {
        border: 1px solid #4980c1;
        background-color: #f0ecf5;
    }

    .advert-detail-panel {
        background-color: #fff;
        padding: 30px 30px 30px 30px;
        font-family: Grotesk !important;
    }

    .advert-form {
        padding: 50px 50px 50px 50px;
    }

    .purple-corner-right-bottom {
        background: linear-gradient(to bottom right, #6D4598, #554899); /* W3C */
        color: #fff !important;
        padding: 40px 40px 40px 40px;
    }

    .purple-corner-right-bottom h1 {
        color: #fff !important;
        font-size: 44px;
    }

    .purple-corner-right-bottom:after {
        right: 0; bottom: 0;
        position:absolute;
        width:200px;
        height:200px;
        margin: -100px;
        transform:rotate(45deg);
        background-color:#F9F9F9; /* to see where it is */
        content: "";
    }

    .purple-corner-right-bottom-services {
        background: linear-gradient(to bottom right, #6D4598, #554899); /* W3C */
        color: #fff !important;
        padding: 80px 80px 80px 80px;
    }

    .purple-corner-right-bottom-services h1 {
        color: #fff !important;
        font-size: 44px;
    }

    .purple-corner-right-bottom-services:after {
        right: 0;
        position:absolute;
        width:200px;
        height:200px;
        margin: -100px;
        transform:rotate(45deg);
        background-color:#F9F9F9; /* to see where it is */
        content: "";
    }

    .posts-md {
        padding-top: 20px;
    }

    .footer-with-panel {
        margin-top: 450px !important;
    }

    .footer-with-panel-blog {
        margin-top: 545px !important;
    }

    .footer-with-panel-rent {
        margin-top: 450px !important;
    }

    .footer-with-panel:after {
        display: none;
    }

    .footer-with-panel-blog:after {
        display: none;
    }

    .footer-with-panel-no-reviews:after {
        display: none;
    }

    .footer-with-panel-blog-post:after {
        display: none;
    }

    .footer-with-panel-contact:after {
        display: none;
    }

    .right-map-column {
        margin-top: 700px;
        margin-bottom: 500px;
    }

    .map-row {
        height: auto;
    }

    .meeting-pills {
        display: inline-block;
        float: right;
        margin-right: 210px;
    }

    .purple-corner-left-bottom {
        background: #407ec9; /* W3C */
        color: #fff !important;
        padding: 40px 40px 40px 40px;
    }

    .purple-corner-left-bottom h1 {
        color: #fff !important;
        font-size: 44px;
    }

    .purple-corner-left-bottom:after {
        display: none;
    }

    .purple-corner-left-bottom-light-grey {
        background: #407ec9; /* W3C */
        color: #fff !important;
        padding: 40px 40px 40px 40px;
    }

    .purple-corner-left-bottom-light-grey h1 {
        color: #fff !important;
    }

    .purple-corner-left-bottom-light-grey:after {
        display: none;
    }

    .purple-corner-left-bottom-white {
        background: #407ec9; /* W3C */
        color: #fff !important;
        padding: 40px 40px 40px 40px;
    }

    .purple-corner-left-bottom-white h1 {
        color: #fff !important;
        font-size: 44px;
    }

    .purple-corner-left-bottom-white:after {
        display: none;
    }

    .footer-with-panel-rent:after {
        display: none;
    }

    .right-bottom-corner-white-rent:after {
        display: none;
    }

    .services-purple {
        position: absolute;
        z-index: 100;
        left: 0;
        right: 0;
        margin-left: auto;
        margin-right: auto;
        margin-top: 207px !important;
    }

    .pictogram img {
        max-width: 60%;
        height: 80px;
    }

    .pictogram p {
        margin-top: 30px;
    }

    .pictogram-number {
        position: absolute;
        top: 0;
        margin-left: 30px;
    }

    .with-arrow:after {
        display: none;
    }

    .map-panel {
        padding: 40px;
        background-color: #fff;
        color: #4980c1;
        width: 80%;
        margin-left: 10%;
        margin-top: -90px;
        z-index: 10;
        position: relative;
    }

    .contact-map-section {
        margin-top: 300px !important;
    }

    .contact-map-section-advert {
        margin-top: 250px !important;
    }

    .similar-posts-panel {
        margin-top: 692px;
        padding-top: 250px;
    }

    .similar-posts-panel:after {
        display: none;
    }

    .arrow-btn {
        color: #4980c1 !important;
        font-size: 1.5rem;
        transition: margin-left 0.3s ease;
    }

    .arrow-btn-container:hover .arrow-btn {
        margin-left: 10px;
    }

    .arrow-back-btn {
        color: #4980c1 !important;
        font-size: 1.5rem;
        transition: margin-right 0.3s ease;
    }

    .arrow-back-btn-container:hover .arrow-back-btn {
        margin-right: 10px;
    }

    .arrow-btn-white-right {
        color: #fff !important;
        font-size: 1.5rem;
        transition: margin-left 0.3s ease;
    }

    .arrow-btn-white-left {
        color: #fff !important;
        font-size: 1.5rem;
    }

    .arrow-btn-container-right:hover .arrow-btn-white-right {
        margin-left: 10px;
    }

    .review-text {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 6; /* number of lines to show */
        -webkit-box-orient: vertical;
    }

    .arrow-btn-container-left {
        padding-left: 10px;
        transition: padding-left 0.3s ease;
    }

    .arrow-btn-container-left:hover {
        padding-left: 0px;
    }

    .white-corner-right-bottom {
        background: white;
        padding: 80px 40px 80px 80px;
    }

    .white-corner-right-bottom:after {
        display: none;
    }

    .grey-corner-bottom-right:after {
        right: 0; bottom: 0;
        position:absolute;
        width:200px;
        height:200px;
        margin: -100px;
        transform:rotate(45deg);
        background-color:#fff; /* to see where it is */
        content: "";
    }

    .grey-corner-top-right:after {
        right: 0; top: 0;
        position:absolute;
        width:200px;
        height:200px;
        margin: -100px;
        transform:rotate(45deg);
        background-color:#fff; /* to see where it is */
        content: "";
    }

    .small-btn-panel {
        position: absolute;
        z-index: 10;
        color: #fff;
        padding: 20px 20px 10px 20px;
        right: 0;
        bottom: 0;
        background: linear-gradient(to bottom right, #6D4598, #554899);
    }

    .small-btn-panel-advert {
        position: absolute;
        z-index: 10;
        color: #fff;
        padding: 20px 20px 10px 20px;
        left: 50%;
        top: 25%;
        transform: translate(-50%, -50%);
        background: linear-gradient(to bottom right, #6D4598, #554899);
    }

    .overlay-text {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        height: 100%;
        width: 100%;
        background-color: rgba(0, 0, 0, 0.5);
    }

    .team-section {
        margin-top: -240px !important;
    }

    .team-section-services {
        margin-top: -210px !important;
    }

    .team-section-text {
        margin-top: 200px;
    }

    .team-section-rent {
        margin-top: -240px !important;
    }

    .team-section-text-rent {
        margin-top: 200px;
    }

    .small-btn-panel-team {
        position: absolute;
        z-index: 10;
        color: #fff;
        padding: 10px 10px 0px 10px;
        left: 0;
        top: 0;
        background: url(https://www.explicitreality.cz/images/small_team_panel_background.png) no-repeat;
        background-size: contain !important;
    }

    .small-btn-panel:after{
        right: 0; bottom: 0;
        position:absolute;
        width:20px;
        height:20px;
        margin: -10px;
        transform:rotate(45deg);
        background-color:#F9F9F9; /* to see where it is */
        content: "";
    }

    .grid-item-corner-white:after {
        right: 0; bottom: 0;
        position:absolute;
        width:60px;
        height:80px;
        margin: -40px;
        transform:rotate(45deg);
        background-color:#fff;
        content: "";
    }

    .light-grey-background .grid-item-corner-white:after {
        background-color: #F9F9FA;
    }

    .grid-item-corner-white-lg:after {
        right: 0;
        bottom: 0;
        position: absolute;
        width: 150px;
        height: 250px;
        margin: -90px;
        transform: rotate(45deg);
        background-color: #fff;
        content: "";
    }

    .image-container {
        position: relative;
    }

    .purple-overlay {
        position: absolute;
        left: 0;
        top: 0;
        background-color: rgba(64, 193, 172, 0.8);
        overflow: hidden;
        width: 100%;
        height:100%;
        opacity: 0;
        transition: .3s ease;
    }

    .image-container:hover .purple-overlay {
        opacity: 1;
    }

    .overlay-inner-text {
        color: white;
        font-size: 20px;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        text-align: center;
    }
}

/* IPAD HORIZONTAL */
@media screen and (width: 1024px) and (height: 768px) {
    .menu-link {
        font-size: 0.7rem !important;
    }

    #innerText {
        left: 50px;
    }

    .higher-name,
    .lower-name {
        font-size: 40px !important;
    }

    .inner-subtitle {
        font-size: 16px !important;
    }

    #content:after {
        top: 0;
        left: 0;
        position: absolute;
        width: 550px;
        height: 800px;
        margin: -400px;
        transform: rotate(45deg);
        background-color: #fff;
        content: "";
    }

    .left-top-corner-white:after {
        display: none;
    }

    .footer-with-panel-blog {
        margin-top: 545px !important;
    }

    .margin-left-desktop-64 {
        margin-left: 0px;
    }

    .footer-with-panel-contact:after {
        display: none;
    }

    .purple-corner-left-bottom:after {
        display: none;
    }

    .right-top-corner-white-services:after {
        display: none;
    }

    .section-with-purple-shape:after {
        display: none;
    }
}

/* IPAD PRO */
@media only screen and (min-width: 1024px) and (max-width: 1025px) and (min-height: 1366px) and (max-height: 1367px) {
    .menu-link {
        font-size: 0.7rem !important;
    }

    .right-top-corner-white-services:after {
        display: none;
    }

    .section-with-purple-shape:after {
        display: none;
    }

    .footer-with-panel-contact:after {
        display: none;
    }

    #content:after {
        top: 0;
        left: 0;
        position: absolute;
        width: 550px;
        height: 800px;
        margin: -400px;
        transform: rotate(45deg);
        background-color: #fff;
        content: "";
    }

    .left-top-corner-white:after {
        display: none;
    }

    .margin-left-desktop-64 {
        margin-left: 0px;
    }

    .purple-corner-left-bottom:after {
        display: none;
    }

    .similar-posts-panel {
        margin-top: 552px;
        padding-top: 250px;
    }

    .top-purple-panel {
        background: url(https://demo.kaico.cz/invest-redesign/www/images/left_panel3.png) top left no-repeat;
        background-size: 85% auto;
        position: absolute;
        height: 200vh;
        right: 0px;
        left: 0px;
    }

    #innerText {
        left: 200px;
        top: 15%;
        position: absolute;
        z-index: 3;
    }

    .min-vh-200 {
        min-height: 160vh !important;
    }
}

@media only screen and (min-height: 1024px) and (max-height: 1025px) and (min-width: 1366px) and (max-width: 1367px) {
    #innerText {
        left: 100px;
        top: 15%;
        position: absolute;
        z-index: 3;
    }

    #content:after {
        top: 0;
        left: 0;
        position: absolute;
        width: 600px;
        height: 800px;
        margin: -400px;
        transform: rotate(45deg);
        background-color: #fff;
        content: "";
    }

    .left-top-corner-white:after {
        left: 0;
        position: absolute;
        width: 400px;
        height: 800px;
        margin: -790px -400px -400px;
        transform: rotate(45deg);
        background-color: #fff;
        content: "";
    }

    .margin-left-desktop-64 {
        margin-left: 0px;
    }

    .right-top-corner-white-services:after {
        display: none;
    }
}