/* mutual css for xs and sm devices */

@media screen and (max-width: 991px) {
    * {
        -webkit-overflow-scrolling: touch;
    }


    #contactInformations {
        align-items: center;
    }
    #map .map-inner {
        background-image: url(../../images/mobil-harita.svg);
    }
    #slider .slider-form {
        display: block;
    }
    #changeLang {
        right: 10px;
        top: 10px;
    }
    #completedAnimation {
        width: 300px;
        height: 300px;
    }
    body:not(#thanksPage) {
        margin-bottom: 100px;
    }
    #sticky-footer {
        border-top: 2px solid #F9B500;
        background: #ffffff;
        bottom: 0px !important;
        height: 75px !important;
        left: 0px !important;
        overflow: hidden !important;
        position: fixed !important;
        right: 0px !important;
        z-index: 100 !important;
        transition: -ms-transform 0.2s cubic-bezier(0, 0, 0.1, 1) 0s,
        -webkit-transform 0.2s cubic-bezier(0, 0, 0.1, 1) 0s,
        transform 0.2s cubic-bezier(0, 0, 0.1, 1) 0s,
        visibility 0s ease 0s !important;
    }

    #sticky-footer a {
        color: #ffffff;
        font-size: 21px;
        font-weight: 500;
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }

    #sticky-footer .sticky-wrapper {
        flex-direction: row;
        -webkit-box-pack: center !important;
        display: flex !important;
        height: 100% !important;
        justify-content: space-evenly !important;
        margin: 0 auto !important;
        max-width: 560px !important;
    }

/*    #sticky-footer .sticky-wrapper .sticky-inner {
        flex: 0 1 33.333333%;
        height: 100%;
    }*/

    #sticky-footer .sticky-wrapper .sticky-inner {
        -webkit-box-pack: center !important;
        -webkit-box-direction: normal !important;
        -webkit-box-orient: vertical !important;
        -webkit-box-align: center !important;
        outline: none !important;
        align-items: center !important;
        border-radius: 8px !important;
        cursor: pointer !important;
        display: flex !important;
        flex: 1 1 0 !important;
        flex-direction: column !important;
        height: 64px !important;
        hyphens: auto !important;
        justify-content: center !important;
        max-width: 20% !important;
        min-width: 0 !important;
        padding: 0 2px !important;
        text-align: center !important;
        text-decoration: none !important;
        -webkit-tap-highlight-color: transparent !important;
        color: rgb(0, 0, 0) !important;
    }

    #sticky-footer .sticky-wrapper .sticky-inner > .text {
        overflow: clip !important;
        font-size: 10px !important;
        line-height: 12px !important;
        max-height: 24px !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        display: -webkit-box !important;
        -webkit-line-clamp: 2 !important;
        -webkit-box-orient: vertical !important;
        font-weight: 600 !important;
        overflow-wrap: break-word !important;
    }

    #sticky-footer .sticky-wrapper .sticky-inner > .image {
        height: 30px !important;
        margin-bottom: 10px !important;
        padding: 3px !important;
        width: 30px !important;
    }

   /* #sticky-footer .sticky-wrapper .sticky-inner > .image {
        filter: invert(100%);
    }*/

    #features .feature-wrapper .feature-img img {
        height: auto;
        width: auto;
        min-width: 100%;
    }

    #features .feature-wrapper > .d-flex {
        flex-direction: column;
    }

    #features .feature-wrapper .feature-img {
        margin-right: 0;
    }

    #features .feature-wrapper .feature-content {
        text-align: center;
        margin-top: 15px;
    }

    #features .feature-wrapper .feature-title {
        font-size: 20px;
    }

    .footer-mid-area,
    .footer-right-area {
        justify-content: center;
        align-items: center;
        text-align: center;
    }

    .copyright {
        text-align: center;
    }

    #items {
        margin-bottom: 0;
    }

    footer .col-12:not(:first-of-type) {
        margin-top: 30px;
    }

    #slider .slider-form .form-area {
        height: initial;
        padding: 100px 50px;
    }

    #slider .slider-inner {
        width: 100%;
        height: 500px;
        position: relative;
    }

    #slider .slider-form {
        position: relative;
        width: 100%;
        height: 100%;
    }

    .feature-flex-wrapper .feature-wrapper {
        flex: 0 1 50%;
    }

    .feature-wrapper:first-of-type,
    .feature-wrapper:nth-of-type(2) {
        margin-bottom: 35px;
    }


    #features {
        height: auto;
    }

    #features .row {
        margin: 0;
    }


    #items .row:nth-of-type(2) {
        flex-direction: column-reverse;
    }

    #items .bg-img {
        height: 500px;
        width: 100%;
        background-size: cover;
    }

    #items .item-content {
        padding: 10% 5% 15%;
    }

    #slider .slider-inner {
        background-attachment: scroll !important;
    }

    .feature-flex-wrapper {
        padding: 100px 0;
    }

    #lightbox-tabs li.nav-item a {
        width: unset !important;
    }

    #lightbox-tabs ul {
        width: 100%;
        overflow-x: auto;
        -ms-overflow-style: none;
        flex-wrap: inherit;
        overflow: -moz-scrollbars-none;
        display: flex;
        flex-flow: row nowrap;
        flex-direction: row;
    }

    #lightbox-tabs ul li {
        flex: 0 1 33.33333%;
    }

    #lightbox-tabs li.nav-item a {
        font-size: 20px;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    #lightbox-tabs li.nav-item:not(:last-of-type) {
        margin-right: 5px;
    }

    #lightbox-tab-content {
        margin-top: 30px;
    }

    .footer-inner-area {
        padding: 100px 50px;
    }

    #map {
        background-position: left center;
        background-size: cover;
    }


}

/* small devices (landscape phones etc) */
@media screen and (max-width: 767px) {
    #slider .slider-inner {
        background-image: url(../../images/mobil-slider.png);
        height: 70vh;
    }

    #items .item-button > .button-content .button-title {
        font-size: 20px;
    }

    #items .item-button > .button-content .button-text {
        font-size: 12px;
    }

    #thanksPage footer {
        position: relative;
    }
    .heading-block h1 {
        font-size: 26px;
    }


    .heading-block > span {
        font-size: 16px;
    }
    .map-header {
        font-size: 36px;
    }

    #slider .slider-form .form-area .form-inner-tel {
        flex-direction: row;
        margin-top: 45px;
        justify-content: space-around;
    }

    footer {
        padding: 90px 10px;
    }


   /* #slider .slider-inner {
        height: 350px;
    }*/

    #slider .slider-headline {
        top: 25%;
        left: 50%;
        transform: translate(-50%, -50%);
        font-size: 24px;
        text-align: center;
        letter-spacing: 1px;
        width: 100%;
        padding: 0 75px;
    }

    .feature-flex-wrapper .feature-wrapper {
        flex: 0 1 100%;
    }

    .feature-wrapper:not(:last-of-type) {
        margin-bottom: 35px;
    }

    #items .bg-img {
        height: 300px;
    }

    #items .item-content h3 {
        font-size: 23px;
        line-height: 1.7;
    }

    #items .item-content p {
        font-size: 18px;
        line-height: 1.7;
        font-weight: 400;
    }

    #lightbox-tabs li.nav-item a {
        font-size: 13px;
    }

    #lightbox-tab-content ul li {
        flex: 0 1 50%;
    }

    #lightbox-tab-content ul li:nth-child(odd) {
        padding-left: 0;
    }

    #lightbox-tab-content ul li:nth-child(even) {
        padding-right: 0;
    }

    #map .map-inner {
        height: 500px !important;
    }

    #map a {
        padding: 15px 25px !important;
        height: 40px;
    }

    #polygons .polygons-inner {
        width: 100%;
        display: flex;
        justify-content: center;
        padding: 40px 0;
    }

    #polygons .polygons-inner > svg:not(:last-of-type) {
        margin-right: 10px;
    }

    #slider .slider-form .form-area {
        padding: 60px 30px;
    }

    #items .item-content h3 {
        margin-bottom: 20px
    }

  /*  #items .item-content {
        margin-top: 50px;
        margin-bottom: 50px;
    }*/

    #items {
        margin-bottom: 30px;
    }

}

/* just medium devices (tablets etc.) */
@media screen and (min-width: 768px) and (max-width: 991px ) {
    .feature-wrapper:last-of-type {
        margin-top: 35px;
    }

    #slider .slider-headline {
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    #slider .slider-headline .slider-headline-inner {
        text-align: center;
    }

    #mobil-feature #features-wrapper {
        padding: 5% 10%;
    }
}

@media screen and (min-width: 768px) and (max-width: 1140px) {
    footer {
        padding-left: 65px;
        padding-right:65px;
    }

    #items .item-content h3 {
        font-size: 28px;
    }

    #items .item-content p {
        font-size: 16px;
    }

    #items .item-content {
        padding: 5% 5%;
    }

    #items .bg-img {
        height: 500px;
    }

    #items {
        margin-bottom: 100px;
    }
}


@media screen and (min-width: 768px) {
    #lightbox-tab-content ul li:first-of-type,
    #lightbox-tab-content ul li:nth-of-type(4n+1) {
        padding-left: 0;
    }

    #lightbox-tab-content ul li:nth-child(4n+0) {
        padding-right: 0;
    }

    #slider .slider-headline {
        width: 450px;
    }

    #sticky-footer {
        display: none;
    }

    #slider .slider-form .form-area .form-inner-tel {
        justify-content: space-between;
    }
}


@media screen and (min-width: 2200px) {
    #items .bg-img {
        height: 1000px;
    }
}

@media screen and (max-width: 1200px) {
    #items .item-content {
        width: 100%;
    }
}

@media screen and (min-width: 1250px) {
    #items .item-content {
        width: 82%;
    }
}