@media (min-width: 1200px){
    .container {
        max-width: 1600px;
    }

}

@media only screen and (max-width: 1850px) {
    .bg{
        width: 5%;
    }

    .footer-ust {
        padding-left: 30%;
    }

    .hizmet-menu a {
        font-size: 25px;
    }

}

@media only screen and (max-width: 1600px) {
    .aslan {
        position: absolute;
        top: -460px;
        width: 150%;
        left: -45%;
    }

    .bg{
        width: 15px;
    }

    .footer-ust {
        padding-left: 35%;
    }

    .col-md-1 {
        margin-left: 0;
    }

    .slider-alt h1{
        margin-top: 30%;
    }

    .slider-alt p {
        font: 300 18px/30px Montserrat Alternates;
        margin-top: 20px;
    }

    .container {
        max-width: 1400px;
    }

    .Create {
        font-size: 130px;
    }

    .weeb {
        font-size: 150px;
    }

}

@media only screen and (max-width: 1400px) {
    .weeb img {
        margin-left: 10px;
    }

    .Create {
        font-size: 74px;
    }

    .weeb {
        font: 700 80px/100px Montserrat Alternates;
        letter-spacing: -15px;
    }

    .footer-ust .col-md-6 {
        min-width: 80% !important }

        .footer-ust {
            padding-left: 40%;
        }

        .bg-grey-liner{
            height: 200px !important;
        }

        .hizmet-menu section {
            width: 70%;
            margin: 80px 5%;
        }

        .pc-img {
            position: absolute;
            top: 240px;
            width: 60%;
            left: 11%;
        }

        .pc-bg {
            width: 100%;
            height: 450px !important;
        }

        .pc-txt {
            position: absolute;
            bottom: 31px;
            width: 26%;
            padding-left: 40px;
        }

        .container {
            max-width: 1200px;
        }

    }

    @media only screen and (max-width: 1225px) {
        .bg-grey-liner img {
            width: 94%;
        }

        .mbl-mck {
            margin-top: -400px;
        }

        footer h6 {
            font: 400 30px/24px Montserrat Alternates;
        }

        .carousel-caption {
            top: 25% !important;
        }

        .farklar {
            padding: 100px 0;
            background-size: contain;
            min-height: 1000px;
        }

        .menu {
            bottom: -25px;
        }

        .fnt-gread {
            font-size: 200px !important;
        }

        .back-grey {
            display: none;
        }

        .bize-yazin-form {
            width: 100%;
        }

        .bize-yazin input[type="submit"]{
            right: 10%;
        }

        .col-md-12.sos {
            margin-top: -25px;
            margin-bottom: 0;
            width: 200%;
            position: absolute;
            right: 0;
        } 

        .bg-grey-liner{
            height: 100px !important;
        }

        .logos a {
            width: 47%;
            position: absolute;
        }

        .col-md-1 {
            max-width: auto;
            min-width: auto;
        }

        .logos small{
            right: 0;
        }

        .slider-alt h1{
         margin-top: 50%;
     }

     nav.navbar.navbar-expand-lg.navbar-light {
         margin-top: 5px;
     }


     .footer-ust {
        background-image: url(../img/2.png);
        background-size: cover;
        background-position-x: right;
        padding-left: 0;
        padding-top: 30%;
    }

    .menu .scroll-hide{
        display: none;
    }

    header button.btn.btn-purple {
        right: -85%;
    }

}

@media only screen and (max-width: 1250px) {
    footer h6 {
        font: 400 30px/24px Montserrat Alternates;
    }

    .carousel-caption{
        top: 30%;
    }

    .col-md-1 {
        min-width: 150px;
    }

    .proje-box h1 {
        font: 500 25px/30px Montserrat Alternates;
    }

    .proje-box h2 {
        margin-top: 20px;
    }

    .proje-box h2{
        margin-top: 10px }

        .slide h1 {
            font: 300 30px/58px Montserrat Alternates;
            width: 100% !important;
            line-height: 1.5;
        }

        .footer-ust h3 {
            font: 500 30px/58px Montserrat Alternates;
            line-height: 1.5;
        }

        .footer-ust span a{
            font: 300 30px/58px Montserrat Alternates;
            color: #B6B6B6 !important;
        }

        .urun p {
            font: 200 29px/50px Montserrat Alternates;
        }

        .urun {
            padding: 50px 15px;
        }

        .col-md-9 {
            max-width: 100%;
        }

        .urun-detay h4, .footer-top h4,.destek-detay h4{
            font: 200 30px/58px Montserrat Alternates !important;
            letter-spacing: -2px !important;
        }

    }

    @media only screen and (max-width: 1100px) {
        .sag-menu{
            width: 30%;
        }

        .hizmet-menu section {
            width: 78%;
            margin: 80px -3%;
        }

        .pc-img {
            position: absolute;
            top: 234px;
            width: 67%;
            left: 35px;
        }

        .pc-txt {
            position: relative;
            bottom: 31px;
            width: 100%;
            padding-left: 40px;
        }

    }

    @media only screen and (max-width: 992px) {
        .box {
            margin-bottom: 30px;
        }

        .bg-grey-img{
            margin-top: -19px !important;
        }

        .aslan-div {
            min-height: auto;
        }

        .check-lbl  {
            font-size: 12px;
        }

        .hiza {
            width: 100%;
            text-align: left;
            margin-left: 15%;
        }

        .mbl-mck{
            margin: -300px;
            margin-bottom: -150px;
        }

        .bg-grey-liner{
            height: auto !important;
        }

        body{
            overflow-x: hidden;
        }

        footer h6 {
            font: 500 25px/24px Montserrat Alternates;
            margin-top: 50px;
            margin-bottom: 10px;
        }

        .carousel-caption h6,.bg-pink,.hakk-box h2, .hakk-hizmet h5{
            font: 500 25px/24px Montserrat Alternates;
        }

        .urun{
            padding: 50px 15px;
        }

        .slide{
            padding: 0;
            background: transparent url('../img/slide.png')  0% 30% no-repeat;
            background-size: contain;
        }

        .carousel-caption {
            top: 5%;
        }

        .slide-bottom {
            background-image: none;
            background-color: #d6d5e8;
            margin-top: -250px;
        }

        .slide-bottom a{
            position: relative;
            left: 0 !important;
        }

        .logos{
            min-width: 50%;
            margin-top: 50px !important;
        }

        .menu {
            max-width: 50%;
            margin-top: 10px;
        }

        footer .col-md-3{
            margin:10px 0;
        }

        footer .copy p {
            margin: 17px 0px;
            text-align: center;
        }

        div#navbarSupportedContent {
            position: relative;
            background: #d3d2d2;
            top: 50px;
            text-align: center;
            margin-bottom: 40px;
            right: -15px;
        }

        .urun-detay .slide{
            margin-bottom: 0px;
            height: auto;
        }

        .slide-img img {
            width: 100%;
            position: relative;
            bottom: 0;
            margin-top: 50px;
        }

        .slide-img {
            width: 100%;
            position: relative;
            height: auto;
            bottom: 10px;
        }

        .slide-text {
            float: initial;
            width: 100%;
        }

        .pl-18 {
            padding-left: 15px;
        }

        .auto {
            margin: 0;
            width: 100%;
        }

        .footer-top img {
            width: 100%;
            margin: 50px 0%;
        }

        .iletisim .slide{
            margin-bottom: 0;
        }

        .form-orange {
            margin-left: 0;
            margin: 15px;
        }

        .destek .slide {
            background-position-x: right;
            background-size: cover !important;
            margin: 0;
        }

        .destek-footer-ust{
            padding-left: 15px 
        }

        .footer-ust {
            padding-left: 15px !important;
            padding-right: 15px !important;
        }

        .top-menu-right a {
            font-size: 16px !important;
        }

        .urun-detay-box article {
            padding-right: 0;
        }

        .destek .destek-detay .col-md-5 p{
            padding-right: 0 }

            .destek-detay{
                padding: 0 }

                .col-xs-4{
                    width: 33.33%;
                    float: left;
                }

                .markalarimiz-box{
                    border-right: 1px solid #bcbdbd !important;
                    border-bottom: 1px solid #bcbdbd  !important;
                    padding: 25px;
                }

                .txt-center{
                    text-align: left;
                    margin-top: 250px;
                }

                .bulten .txt-center{
                    text-align: left;
                    margin-top: 30px;
                }

                .slider-alt .bg-wh {
                    padding: 7%;
                    min-height: 378px;
                }

                .row-fluid.weeb-admin {
                    padding: 0 15px;
                }

                .col-md-1 {
                    max-width: 100%;
                    text-align: right;
                    display: none;
                }

                .farklar img {
                    width: 100%;
                    margin-left: 0;
                }

                .fark-odd img {
                    width: 100%;
                    margin-left: 0 !important;
                }

                .farklar-fil {
                    background-position: 100% 100%;
                    padding: 0;
                    background-size: contain;
                    height: 800px;
                    min-height: auto;
                }

                .banner img {
                    width: 100%;
                    margin: 0;
                }

                .fnt-gread {
                    font-size: 80px !important;
                    color: #ebebeb;
                    font-weight: 900 !important;
                    margin-bottom: 0 !important;
                    line-height: 1 !important;
                    font-family: sans-serif !important;
                }

                .ml-5 {
                    margin-left: 0  !important;
                }

                .pr-260 {
                    padding-right: 0;
                }

                .web-tasarim img {
                    position: relative;
                    width: 100%;
                }

                .hakk-box {
                    padding: 15px;
                }

                .bg-grey-liner{
                    height: auto;
                    margin: 0;
                }

                .bg-grey-liner img {
                    position: relative;
                    top: 0;
                }

                .proje img {
                    position: relative;
                    bottom: 0;
                }

                .proje-zlux {
                    padding: 15px;
                }

                .hakk-box h2 {
                    margin-top: 30px;
                }

                .hakk-box .col-md-6 img{
                    height: auto !important;
                    width: 100%  !important;
                }

                .lg-img {
                    position: relative;
                    height: auto;
                    width: 100%;
                    left: 0;
                }

                .slider-alt h1 {
                    margin-top: 30%;
                    font-size: 1700%;
                }

                .logos a {
                    width: auto !important;
                }

                .carousel-indicators {
                    bottom: 0px;
                }

                .carousel-indicators li {
                    width: 50px;
                    height: 5px;
                }

                .weeb-admin p {
                    font: 200 18px/30px Montserrat Alternates;
                }

                footer .logos {
                    margin: 0;
                    padding: 0;
                    position: relative;
                    width: 39%;
                    margin-bottom: 150px;
                }

                footer .logos img {
                    width: 100%;
                }

                .proje-box .txt {
                    padding: 15px 30px;
                }

                .bg-grey {
                    padding: 15px 30px;
                }

                .banner p, .farklar p {
                    font: 200 18px/30px Montserrat Alternates;
                    font-weight: 300;
                }

                .hakk-box p,.bg-grey-dark p {
                    font: 200 18px/30px Montserrat Alternates;
                }

                .proje-box h2 {
                    font: 200 24px/25px Montserrat Alternates;
                    margin: 10px 0 20px !important;
                    letter-spacing: 0;
                    color: #000000;
                }

                .proje {
                    margin: 0;
                }

                .banner a, .farklar a {
                    font-size: 18px;
                }

                .hakk-box .container{
                    padding: 0 15px !important}

                    .weeb-admin h1 {
                        font: 500 30px/48px Montserrat Alternates;
                    }

                    .markalarimiz h1 {
                        font: 500 30px/48px Montserrat Alternates;
                    }

                    .blog-box h5 a {
                        font-size: 25px;
                    }

                    .proje-box p {
                        font: 300 18px/30px Montserrat Alternates;
                        margin-top: 10px;
                    }

                    .markalarimiz h1{
                        margin-bottom: 50px }

                        .blog-box h5 {
                            padding-top: 10px;
                            margin-bottom: 10px;
                        }

                        .blog-box{
                          margin-bottom: 30px;
                      }

                      .adobe {
                        position: absolute;
                        width: 100%;
                        right: 0;
                        text-align: center;
                    }

                    .menu .nav-item a {
                        text-transform: uppercase;
                        font-weight: 500;
                        letter-spacing: 2px;
                    }

                    .slider-proje p {
                        font-size: 37px;
                    }

                    button.navbar-toggler {
                        float: right;
                        position: absolute;
                        top: 0;
                        right: 0;
                    }

                    .top-menu {
                        margin: 0px auto 0px;
                        min-height: 100px;
                        padding: 0;
                    }

                    .navbar-nav .dropdown-menu {
                        text-align: center;
                    }

                    img.aslan {
                        position: relative;
                        top: -100px;
                        left: auto;
                        margin-bottom: -100px;
                    }

                    .aslan-div {
                        margin-bottom: 0;
                    }

                    .bize-yazin input[type="submit"] {
                        right: 10%;
                        position: relative;
                        bottom: -10px;
                        left: 0;
                    }

                    .bize-yazin .col-md-4{
                        text-align: center;
                    }

                    .bize-yazin .col-md-4 img{
                        float: inherit !important;
                    }

                    .bize-yazin-form input {
                        border: 2px solid #bdbdbd;
                        background: #fff;
                        width: 100%;
                    }

                    .txt-bg-gr{
                        background: transparent;
                        margin-bottom: -50px;
                    }

                    .sol-wmn{
                        width: 100%;
                        position: relative;
                        right: 0;
                        top: 0;
                    }

                    .terzi{
                        position: relative;
                        width: 100%;
                        left: 0;
                        bottom: 0;
                    }

                    .ml-5-row {
                        margin-left: 0% !important;
                    }

                    .fit-auto{
                        height: auto;
                        width: 100%;
                    }

                    .img-360{
                        width: 100px;
                        height: auto;
                        bottom: 0;
                    }

                    .proje-banner img {
                        min-height: 250px;
                        width: auto;
                        position: absolute;
                        margin-bottom: 250px;
                        right: -22%;
                    }

                    .iletisim-box small{
                        margin-left: 0;
                    }

                    .iletisim-box a{
                        margin-left: 0;
                    }

                    .weeb img{
                        top: 0;
                        width: 20px;
                        margin-left: -5px;
                    }

                    .sos a{
                        display: none;
                    }

                    .diller a{
                        display: contents;
                    }

                }

                @media only screen and (max-width: 550px) {
                    .logos a {
                        width: 70% !important;
                        margin-top: 10px;
                    }

                    .farklar-fil {
                        background-position: 100% 100%;
                        padding: 0;
                        background-size: contain;
                        height: 550px;
                        min-height: auto;
                    }

                    .row-fluid.farklar.farklar-fil.bg-eee {
                        padding-top: 175px;
                        min-height: 700px;
                    }

                    .sosyal a {
                        margin: 5px;
                    }

                    .logos {
                        margin-top: 10px !important;
                    }

                }