@media only screen and (max-height: 667px) {
    .phone-video-slider {
        margin-top: -72px;
    }

    .vale-slider .img-slider img {
        margin-top: -78px;
    }

    .vale-slider .img-slider {
        margin-bottom: -100px;
        text-align: right;
    }
}

@media (min-width: 1500px) {
    .container {
        width: 1298px;
    }

    .account {
        margin: auto;
    }

        .account:before {
            height: 516px;
            width: 610px;
        }

    .register.account:before {
        height: 598px;
        width: 630px;
        background-size: 610px;
    }

    .onboard:before {
        height: 500px;
        width: 34vw;
    }

    .price-desktop {
        /* width: 85%; */
    }

    .slider h1 {
        font-size: 7.5rem;
    }

    .partner-slider h1 {
        font-size: 6rem;
    }

    .otopark-slider h1 {
        font-size: 5rem;
    }

    .yikama-slider h1 {
        font-size: 6rem;
    }

    .we-create {
        margin: 6.9rem 0 7.6rem 0;
    }

        .we-create li {
            font-size: 3.2rem;
        }

    .section10 {
        background: url("../img/qr-section.png");
        background-position: left center;
        background-repeat: no-repeat;
        background-size: 620px auto;
        padding: 11rem 0;
    }
}

@media (min-width:1200px) {
    .section3 .featured-box:nth-child(1),
    .section3 .featured-box:nth-child(2),
    .section3 .featured-box:nth-child(3) {
        margin-bottom: 7rem;
    }

    .section3 .featured-box:nth-child(4).m-clear {
        clear: both;
    }

    .section2 {
        background-position: center center;
    }

    .show-mobile {
        display: none !important;
    }
}

@media (max-width:1390px) {
    .account:before {
        height: 516px;
        width: 560px;
    }

    .register.account:before {
        height: 598px;
        width: 570px;
        background-size: 598px;
    }

    .onboard:before {
        height: 410px;
        width: 40vw;
    }
}

@media (max-width:1280px) {
    .account:before {
        height: 516px;
        width: 510px;
    }

    .register.account:before {
        height: 598px;
        width: 500px;
        background-size: 598px;
    }

    .onboard:before {
        /* height: 1000px; */
        /* width: 680px; */
    }
}


@media (max-width:1199px) {
    .price-desktop {
        width: 100%
    }

    .autocation.account {
        padding: 9rem 0 29rem 0 !important;
    }

    .account .hidden-mobile-login {
        display: none;
    }

    .account:after {
        height: 250px;
        width: 456px;
        background-size: 200px;
    }

    .login.account {
        padding: 10rem 0 25rem 0 !important;
    }

    .price-desktop .col-1 {
        width: 19%
    }

    .account:before {
        height: 466px;
        width: 590px;
    }

    .register.account:before {
        height: 598px;
        width: 570px;
        background-size: 598px;
    }

    .onboard:before {
        height: 361px;
        width: 40vw;
    }

    .onboard .padding-b {
        font-size: 1.3rem;
    }

    .slider h1 {
        font-weight: 700;
        color: #fff;
        text-align: left;
        font-size: 4.5rem;
    }

    .yikama-slider h1 {
        font-size: 6rem;
    }

    .slider.vale h1 {
        font-size: 4rem;
        line-height: 5rem;
    }

    .slider,
    .slider h1,
    .slider ul {
        text-align: center;
    }

    .section9 {
        background-size: 268px;
        background-position: bottom 5% right;
        padding: 9rem 0 18rem 0;
    }

    #kameraSection .slip-text.bottom {
        right: unset;
        left: 10px;
        bottom: 63px;
    }

    .home-slider, .vale-slider {
        padding: 0;
    }

    .navbar-nav > li a {
        font-size: 13px;
        padding: 2.8rem 0.8rem;
    }

    .navbar-nav > li .menu-account {
        padding: 0.8rem 0;
        margin: 1.7rem 0 1.7rem 1rem;
    }

        .navbar-nav > li .menu-account a {
        }

    .slider .col-md-12 {
        text-align: center;
    }

    .hidden-mobile {
        display: none;
    }

    .show-mobile {
        display: block;
    }

    .we-create {
        padding: 0;
        margin: 2.9rem 0 3.6rem 0;
    }

    ul.we-create li {
        font-size: 2.4rem;
        line-height: 4rem;
    }

    .home-slider a img {
        width: 12rem;
    }

    li {
    }

    .featured-box.level-4 {
        margin-left: 8rem;
    }

    .featured-box.level-3 {
        margin-left: 8rem;
    }


    .featured-box.level-2 {
        margin-left: 8rem;
    }

    .featured-box.level-1 {
        margin-left: 8rem;
    }

    .section2 figure {
        text-align: right;
    }

    #DijitalValeSection:before,
    .section2:before {
        content: "";
        background-image: linear-gradient(to right, rgba(11, 21, 62, 0.7), rgba(66, 80, 75, 0.5));
        position: absolute;
        height: 100%;
        width: 100%;
        left: 0;
        top: 0;
    }

    .section3 .featured-box:nth-child(3).m-clear, .section3 .featured-box:nth-child(5).m-clear {
        clear: both;
        margin-bottom: 20px;
    }

    #mobilodeme .featured-box:nth-child(3).m-clear, #mobilodeme .featured-box:nth-child(5).m-clear {
        clear: both;
        margin-bottom: 20px;
    }


    .section4 .featured-work {
        padding: 2rem 0 0rem 0;
    }

    #MobilPTSSection {
        padding: 8rem 0px !important;
        background-position: left 5% bottom;
        background-size: 458px;
    }

    .section10 {
        background-size: 32% auto;
    }

    #valeSection figure {
        display: none;
    }

    #valeSection {
        background: url("../img/vale-section.png");
        background-position: right 10% bottom;
        background-repeat: no-repeat;
        background-size: auto 90%;
    }

    #OtoYikamaSection {
        background-size: auto 78%;
    }

    .section3 .featured-box:nth-child(1),
    .section3 .featured-box:nth-child(2),
    .section3 .featured-box:nth-child(3) {
        margin-bottom: 2rem;
    }

    #kioskSection .container > .row:before {
        top: -3px;
        right: 0;
    }
}

@media (max-width:1100px) {

    .onboard:before {
    }

    .account:before {
        /* height: 1000px; */
        width: 530px;
    }

    .register.account:before {
        height: 598px;
        width: 500px;
        background-size: 598px;
    }
}

@media (max-width: 996px) {
    .container {
        width: 90%;
    }

    .onboard .wizard > .steps > ul > li {
        width: 16%;
    }

    .account .social-btn {
        padding: 0.9rem 0rem !important;
    }

    .account .padding-b {
        padding-bottom: 1rem;
        line-height: 2.6rem;
        font-weight: 500;
        font-size: 13px;
    }

    .account:before {
        height: 465px;
        width: 510px;
        background-position: bottom;
    }

    .register.account:before {
        height: 598px;
        width: 490px;
        background-size: 708px;
        background-position: left bottom;
    }

    .onboard:before {
        height: 298px;
        width: 28vw;
    }

    .account .row > div {
        text-align: left;
    }


    #kioskSection .container > .row:before {
        display: none;
    }

    #header-container {
        width: 95%;
    }

    .featured-work h2 {
        text-align: center;
        font-size: 3.4rem;
        line-height: 5rem;
    }

    .featured-work p.padding-b {
        text-align: center;
    }

    .section5 h2 {
        margin: 0 0 2rem 0;
    }

    .md-bottom-padding {
        margin-bottom: 50px;
    }

    .section9 {
        background-position: bottom 3% right;
    }

    .section2 figure {
        margin: 0 0 50px 0;
    }

    .featured-box.level-1,
    .featured-box.level-2,
    .featured-box.level-3,
    .featured-box.level-4 {
        margin-left: auto;
        display: inline-block;
        margin-bottom: 4rem;
    }

    .section2 figure img {
        max-width: 270px;
        margin-top: -4rem;
    }

    #DijitalValeSection .featured-box {
        width: 100%;
        margin-left: auto;
        display: inline-block;
    }

    .featured-box {
        width: 49%;
        margin-left: auto;
        display: inline-block;
    }

    .section11 .featured-box {
        width: 32%;
    }

    #ekipyonetimiSection .featured-box {
        width: 100%;
    }

    #yikamabilgileriSection .featured-work {
        padding: 3rem 0;
    }

    .featured-box-col1, .featured-box-col2 {
        float: unset;
        margin: auto;
        text-align: center;
    }

    .featured-box-col1 {
        margin-bottom: 0;
    }

    .featured-box h3 {
        margin: 1rem;
    }

    .featured-box {
        margin-bottom: 20px;
    }

    section {
        padding: 7rem 0 !important;
    }

    .section4 {
        text-align: center;
    }

    .slip-text {
        font-size: 4rem;
    }

    .contact h2 {
        text-align: center;
    }

    .contact-info-box h3 {
        position: relative;
        display: none;
    }

    .contact-info-box.address.clearfix {
        margin: auto;
        margin-bottom: 21px;
        margin-top: 22px;
    }

    .contact-info-box.address span:before {
        content: "\f041";
        font-style: normal;
        font-size: 18px;
        color: #13d69a;
        font-family: 'FontAwesome' !important;
        font-weight: normal;
        margin-right: 7px;
    }

    .contact-info-box.email span:before {
        content: "\f003";
        font-style: normal;
        font-size: 18px;
        color: #13d69a;
        font-family: 'FontAwesome' !important;
        font-weight: normal;
        margin-right: 7px;
    }

    .contact-info-box.phone span:before {
        content: "\f095";
        font-style: normal;
        font-size: 18px;
        color: #13d69a;
        font-family: 'FontAwesome' !important;
        font-weight: normal;
        margin-right: 7px;
    }

    .section1 {
        padding: 9rem 0 19rem !important;
    }

    .section2 {
        background-position: center !important;
        padding: 9rem 0 3.9rem 0 !important;
    }

    .section9 {
        padding: 9rem 0 16rem 0 !important;
    }

    #DijitalValeSection {
        background-position: left center;
    }

    .contact {
        padding: 7rem 0 !important;
        text-align: center !important;
    }

    section#contact .text-left {
        text-align: center !important;
    }



    #OtoYikamaSection {
        padding: 8rem 0 38rem 0 !important;
        background-size: auto 52%;
    }

    #valeSection {
        padding: 8rem 0 0rem 0 !important;
    }

    .section-blank {
        padding: 0px !important;
    }

    .section2 figure {
        margin: 0;
        text-align: center;
    }

    .section5 figure {
        margin-bottom: 0rem;
        padding-top: 1rem;
    }

    .footer, .footer h2 {
        text-align: center;
    }

    .col {
        margin-bottom: 20px
    }

    .social-link li {
        text-align: center;
        float: unset;
        display: inline-block;
    }

    .section8 .input-group {
        margin: 0 auto 40px auto;
    }

    .section4 .featured-work {
        margin-top: 3rem;
    }

    #valeSection figure {
        display: block;
        text-align: center;
    }

    #valeSection {
        background: #fff;
    }

    .section3 {
        background-position: center;
    }

    .page-nav li a {
        padding: 2rem 5px;
    }

    .section10 {
        background: unset;
    }

    #MobilPTSSection {
        background-size: 400px;
    }

    .bg-page {
        background: #fff;
        padding: 2rem;
    }

        .bg-page .about {
            width: 100%;
        }

            .bg-page .about p {
                padding: 1rem 0rem 4rem 0rem;
            }

            .bg-page .about .about-item {
                padding: 1rem 1rem;
            }

    .about .about-footer {
        padding: 2rem 0rem 5rem 0rem;
    }

    .bg-page .about .about-item div {
        margin: 10px 8px;
        padding: 6px;
    }

    .bg-page .about .about-item .icon {
        width: 80px;
    }

    .bg-page .about .about-item .text {
        width: calc(100% - 90px);
    }

    .bg-page .bg-subpage h1 {
        line-height: 120px;
        font-size: 4rem;
    }

        .bg-page .bg-subpage h1.high {
            line-height: 44px;
            font-size: 2.4rem;
            padding: 4rem;
        }

    .bg-page .inner-page {
        padding: 5rem 0;
        margin-top: -170px;
    }

    .bg-page .bg-subpage {
        height: 350px;
    }
}

@media (max-width:992px) {
    .account .row > div {
        text-align: center;
    }

    .register.account .register-form:before {
        border-radius: 3rem !important;
    }

    .register-form, .succeses-account-form {
        padding: 4rem 6rem;
        margin-top: 2rem;
    }

    .account .row .col-lg-4.col-md-6.col-sm-12.animated.fadeInUp.delay-02s {
        padding: 0rem 0 5rem 0;
    }

    .account:after {
        height: 290px;
        width: 100%;
        background-size: 220px;
    }

    .account .row > div h2 {
        text-align: center;
    }

    .register.account {
        padding: 9rem 0 30rem 0 !important;
    }

    #MobilPTSSection {
        padding: 8rem 0 52rem 0 !important;
        background-position: center bottom;
        background-size: 336px;
    }

    .section2 figure {
        margin: 0 0 4rem;
    }

    .section11 .featured-work .row {
        display: flex;
        margin: auto;
        width: 100%;
    }

    .section11 .featured-work .title {
        text-align: center;
    }
}

@media (max-width:904px) {
    .account:before {
        /* height: 930px; */
        width: 460px;
        background-position: left bottom;
    }

    .onboard:before {
        /* height: 930px; */
        /* width: 600px; */
    }

    .register.account:before {
        height: 598px;
        width: 460px;
        background-size: 708px;
        background-position: left bottom;
    }
}

@media (max-width:832px) {
    .account:before {
        height: 430px;
        width: 410px;
    }

    .onboard:before {
        /* height: 940px; */
        /* width: 560px; */
    }
}

@media (max-width: 768px) {
    .slider h1 {
        font-size: 6rem;
    }

    .section1 {
        padding: 9rem 0 16rem !important;
    }



    .login.account {
        padding: 9rem 0 14rem 0 !important;
    }

    .autocation.account {
        padding: 9rem 0 29rem 0 !important;
    }

    .login-form {
        padding: 0;
    }


    .account:after {
        height: 296px;
        width: 100%;
        background-size: 233px;
    }

    .account .contactForm .input-text {
        background: whitesmoke;
        border: 1px solid #e4e3e3;
    }


    #tabs .nav-tabs .nav-link {
        padding: 1.5rem 2rem 1.5rem 4rem;
    }

    #kameraSection .slip-text.bottom {
        display: none;
    }

    .yikama-slider h1 {
        font-size: 5rem;
    }

    ul.we-create li {
        font-size: 3rem;
        line-height: 5rem;
    }

    .home-slider a {
        margin: 0 0 2rem 0;
    }

    .we-create {
        padding: 0;
        margin: 4rem 0;
    }

    .phone-video-slider {
        margin-top: 3rem;
    }

    .page-nav li a {
        padding: 1rem 4px;
    }

    .page-nav li {
        display: block;
    }

    .page-nav-link:before {
        width: 20px !important;
        height: 20px !important;
        background-size: contain !important;
        margin-left: -33px !important;
        margin-top: 1px !important;
    }

    .chat-icon {
        width: 40px;
        height: 40px;
        padding: .7rem 0;
        right: 20px;
        top: 73px;
    }

        .chat-icon img {
            height: 100%;
        }

    .featured-box {
        width: 100%;
        text-align: center;
        display: inline-block;
        margin-bottom: 39px;
    }

    .bottom-footer > div {
        width: 100% !important;
        display: block;
        text-align: center;
    }

    .bottom-footer {
        display: block;
    }

    .onboard .wizard > .content > .body .kt-radio {
        width: 40%;
    }

    .autocation.account .login-form {
        padding: 0 2rem;
    }
}

@media (max-width: 767px) {
    .register.account .register-form {
        padding: 4rem 4rem;
        margin-bottom: 3rem;
    }

    #header-container {
        width: 90%
    }

    .autocation.account .login-form:before {
        display: none;
    }

    .wizard > .steps .number {
        background: #fff;
    }

    .succeses-account-form {
        padding: 8% 0 0 0rem;
    }

        .succeses-account-form .check {
            padding: 0rem 0;
        }

    .wizard > .content > .body .wizard-group .kt-radio {
        margin-left: 20px !important;
    }

    .wizard > .content > .body .kt-radio {
        border: 1px solid #eeeeee;
    }

    .onboard:before {
        height: 933px;
        width: 560px;
        background-position: right -1290px top 13px;
    }

    .account:before {
        height: 830px;
        width: 43px;
        background-position: left top;
        background-size: cover;
        top: 0;
    }

    .register.account:before {
        height: 598px;
        width: 40px;
        background-size: 708px;
        background-position: left bottom;
    }

    .register-form {
        padding: 6rem 0 0 0;
    }

    .account .row > div.login-form {
        margin-top: 6rem;
    }

    .nav > li {
        text-align: center;
    }

    li.menu-item a {
        font-size: 14px;
        padding: 1.8rem 0.8rem;
    }

    .navbar-nav {
        padding-bottom: 40px;
    }

    .menu-account {
        width: 244px;
        margin: auto !important;
    }

    .page-nav-outer {
        padding: 20px 0;
    }
}

@media (max-width: 540px) {
    .section1 {
        padding: 9rem 0 10rem !important;
    }

    .onboard .wizard > .content > .body .kt-radio {
        width: 86%;
    }

    .bg-page .bg-subpage h1.high {
        line-height: 29px;
        font-size: 2rem;
        padding: 4rem;
    }

    .section11 .featured-work .row {
        display: block !important;
        margin: auto;
        width: 100%;
    }

    .section11 .featured-box {
        width: 100%;
    }

    #tabs .nav-tabs .nav-link {
        width: 100%;
    }

    .bg-page .about .about-item .icon {
        width: 80px;
        margin: auto;
    }

    .bg-page .about .about-item .text {
        width: 100%;
        text-align: center;
        margin: 1px 0px;
        padding: 1px;
    }

    .bg-page .about .about-item {
        padding: 1rem 2rem 2rem 2rem;
        display: block;
        align-items: center;
        text-align: center;
        margin-bottom: 3rem;
    }
}

@media (max-width: 498px) {
    .slider h1 {
        font-size: 5rem;
    }

    .yikama-slider h1 {
        font-size: 4rem;
    }

    ul.we-create li {
        font-size: 2.5rem;
        line-height: 4rem;
    }

    .home-slider a {
        display: block;
    }

    .we-create {
        margin: 4rem 0;
    }
}

@media (max-width: 448px) {
    .mr10 {
        margin-right: 0px;
        margin-bottom: 20px;
        display: block;
    }

    .input-group-prepend, .input-group-append {
        /* display: none; */
    }
}


@media (max-width: 398px) {
    .bg-page .bg-subpage h1.high {
        line-height: 27px;
        font-size: 2rem;
        padding: 3.2rem;
    }

    .slider h1 {
        font-size: 4rem;
        line-height: 5rem;
    }

    .slider .partner-slider h1 {
        font-size: 3.5rem;
    }

    .featured-work h2 {
        font-size: 2.4rem;
        line-height: 4rem;
    }

    .yikama-slider h1 {
        font-size: 3rem;
    }

    .featured-work p.padding-b {
        padding: 2rem 0 2rem 0 !important;
    }

    .main-section.contact {
        padding: 5rem 0 !important;
    }

    section {
        padding: 5rem 0 !important;
    }

    .section2 {
        background-position: center !important;
    }

    ul.we-create li {
        font-size: 2rem;
        line-height: 3rem;
    }

    .input-btn {
        padding: 1rem 3rem;
        font-size: 14px;
    }


    .we-create {
        margin: 4rem 0;
    }

    .owl-next i,
    .owl-prev i {
        font-size: 4rem;
    }

    .owl-next {
        position: absolute;
        right: -25px;
        top: 50%;
    }

    .owl-prev {
        position: absolute;
        left: -25px;
        top: 50%;
    }

    #tabs .nav-tabs .nav-link {
        padding: 1.5rem 3rem;
        width: 100%;
    }
}