@media screen and (min-width:1367px) and (max-width:1920px) {
    .ortala {
        margin-left: 275px !important;
        max-width: 960px;
        height: 510px !important;
    }

    .item {
        background: #999;
        text-align: center;
    }

    .anasayfa-iconlar {
        margin-top: 160px;
    }

    .asagiIndir {
        margin-top: 50px;
    }

    .bottombuttons {
        bottom: 20%;
        padding-left: 15px;
        position: absolute;
    }
    .cottonbuttons {
        bottom: 20%;
        padding-left: 15px;
        position: absolute;
    }

    .worktextsize {
        Width: 300px;
        Font-Size: small;
    }

    .workwithusbutton {
        margin: 0px !important;
        text-align: center;
        margin-bottom: 70px !important;
        display: table !important;
        cursor: pointer;
        transition: all .2s ease-in-out;
        height: 2.5vw;
        background-color: darkblue;
        text-align: center;
        position: relative;
    }

    #id02 .w3-modal-content {
        position: absolute;
        bottom: 30%;
        left: 30%;
        right: 30%;
    }

    #id02 center {
        font-size: 20px;
    }

    .bottombuttonscenterbutton {
        margin: 0px !important;
        text-align: center;
        background-color: rgba(83,105,128,0.7);
        display: table !important;
        cursor: pointer;
        transition: all .2s ease-in-out;
        height: 2.5vw;
        text-align: center;
        position: relative;
    }

    .bottombuttonsleftbutton {
        margin: 0px !important;
        text-align: center;
        background-color: rgba(51, 123, 169, 0.7);
        display: table !important;
        cursor: pointer;
        transition: all .2s ease-in-out;
        height: 2.5vw;
        text-align: center;
        position: relative;
    }

    .bottombuttonsrightbutton {
        margin: 0px !important;
        text-align: center;
        background-color: rgba(55, 165, 119, 0.7);
        display: table !important;
        cursor: pointer;
        transition: all .2s ease-in-out;
        height: 2.5vw;
        text-align: center;
    }

    #ContentPlaceHolder1_crwpic {
        height: 90px;
        width: 163px;
        margin-left: 80px !important;
    }

    .hm-top-genel {
        margin-top: 300px;
    }

    #id01 .w3-modal-content {
        position: absolute;
        bottom: 40%;
        left: 25%;
        right: 25%;
    }

    #id01 center {
        font-size: 18px;
    }

    .mainmessage {
        margin-top: 100px;
        color: white;
        text-align: center;
    }

    .SubMenu ul {
        display: none;
        background: #5b5b5a;
        color: white;
        list-style: none;
    }

    #computer-menu {
        display: block;
        height: 85px;
    }

    #mobile-menu {
        display: none;
    }

    .ustBar {
        width: 100%;
        height: 25px;
        background: #595859;
    }

    .UstBar-Sag {
        width: 240px;
        height: 25px;
        float: left;
        margin-top: -3px;
    }

    .AramaInput {
        border-bottom: 1px solid #7d7d7d;
        background-color: transparent;
        border-left: none;
        border-right: none;
        border-top: none;
        color: #B9B3B9;
        margin-top: 2px;
        width: 70px;
        float: left;
        outline: none;
    }

    .aramaIcon {
        margin-top: 8px;
        width: 15px;
        height: 16px;
        float: left;
    }

    .DilSecenegi {
        color: #ffffff;
        margin-top: 5px;
        margin-left: 10px;
        float: right;
    }

        .DilSecenegi a {
            color: #ffffff;
            text-decoration: none;
            font-size: 11px;
            margin: 0 4px 0 4px;
        }

    .header {
        width: 100%;
        height: 95px;
        background-color:white;
        /*background-image: url(/images/HeaderEkspertiz.png);*/
        position: relative;
        z-index: 6;
        border-bottom: 1px solid #cfcfcf;
        box-sizing: unset !important;
    }

    #nav-bar {
        position: relative;
        background: #c85a01;
        left: 0;
        transition: all .2s ease-out;
        width: 87px;
        height: 1px;
        margin-left: 62px;
        top: -2px;
    }

    .menu-container {
        margin-top: 55px;
        width: 900px;
    }

        .menu-container ul {
            padding: 0;
            list-style: none;
        }

            .menu-container ul li {
                position: relative;
                color: #5b5b5a;
                font-size: 13px;
                line-height: 14px;
                border-right: 1px solid #5b5b5a;
                float: left;
                height: 21px;
                width: 135px;
                text-align: center;
                padding-top: 4px;
                cursor: pointer;
            }

                .menu-container ul li a {
                    text-decoration: none;
                    color: #5b5b5a;
                }

                    .menu-container ul li a:hover {
                    }

                .menu-container ul li ul.dropdown {
                    margin-top: 5px;
                    min-width: 250px; /* Set width of the dropdown */
                    background: #fdfdfd;
                    display: none;
                    position: absolute;
                    z-index: 999;
                    left: 0;
                    border-right: 0px !important;
                }

                .menu-container ul li:hover ul.dropdown {
                    display: block;
                    border: none;
                    float: initial;
                    width: 225px;
                    text-align: left;
                    padding-left: 10px;
                }

    ul li ul li:hover {
        text-decoration: underline;
    }

    .menu-container ul li ul.dropdown li {
        display: block;
        border: none;
        float: initial;
        width: 225px;
        text-align: left;
        padding-left: 10px;
    }

    .menu-list-last {
        border-right: none !important;
    }

    .menu-list-first {
        margin-left: 41px;
    }

    .contentbg {
        width: 100%;
        background: url(/images/header.jpg);
        background-size: cover;
        height: 790px;
        background-repeat: no-repeat;
        background-attachment: fixed;
        background-position: center;
        z-index: 2;
        margin-top: -95px;
    }

    .logo-content {
        color: #0b2d7b;
        font-size: 11px;
        display: block;
        margin-top: -5px;
    }

    .content-span {
        font-size: 1.7vw;
        line-height: 1.7vw;
        display: block;
        font-family: 'Muli', sans-serif !important;
        font-style: italic !important;
        text-shadow: 3px 2px 12px #FFFFde, 0 0 25px #ffffde, 0 0 5px #FFFFdE !important;
        color: #094c83 !important;
        -webkit-text-stroke: 0.1px white;
    }

    .container-a {
        position: relative;
        /*top: 2.5vw;*/
        color: #fff;
        text-decoration: none;
        font-size: 1.2vw;
        transition: all .2s ease-in-out;
        padding: 2vw;
        margin: -2vw;
        display: table-cell;
        vertical-align: middle;
        padding-left: 0;
        padding-right: 0;
    }

    .container-b {
        position: relative;
        /*top: 2.5vw;*/
        color: #293e68;
        text-decoration: none;
        font-size: 2.2vw;
        display: table-cell;
        vertical-align: middle;
        padding-left: 0;
        padding-right: 0;
    }

    .container-a:hover {
        transition: all .2s ease-in-out;
        color: #DFE8F7;
        text-decoration: none;
    }

    .container-harita-a {
        position: relative;
        color: #fff;
        text-decoration: none;
        font-size: 0.8vw;
        transition: all .2s ease-in-out;
        padding: 1vw;
        margin: -1vw;
        display: table-cell;
        vertical-align: middle;
        padding-left: 0;
        padding-right: 0;
    }

        .container-harita-a:hover {
            transition: all .2s ease-in-out;
            color: #DFE8F7;
            text-decoration: none;
        }

    .container-anabaslik {
        height: 8vw;
        margin-top: -2vw;
        text-align: center;
        background: rgb(88, 147, 193);
        transition: all .2s ease-in-out;
        display: table !important;
        width: 100%;
    }

    .container-anabaslik0 {
        height: 3vw;
        margin-top: -3vw;
        margin-bottom: 2vw;
        text-align: center;
        display: table !important;
        width: 100%;
    }

    .container-anabaslik:hover {
        background: rgb(51, 123, 169);
    }

    .container-anabaslik-harita {
        height: 2.5vw;
        margin-top: 4vw;
        text-align: center;
        background: rgba(83,105,128,0.7);
        transition: all .2s ease-in-out;
        display: table !important;
        width: 100%;
    }

        .container-anabaslik-harita:hover {
            background: rgba(83,105,128,0.9);
        }

    .container-anabaslik2 {
        height: 8vw;
        margin-top: -2vw;
        text-align: center;
        background: rgb(104, 165, 114);
        transition: all .2s ease-in-out;
        display: table !important;
        width: 100%;
    }

        .container-anabaslik2:hover {
            background: rgb(55, 165, 119);
        }

    /*Ekspertiz Sayfası Cssleri*/
    .headerEkspertiz {
        width: 100%;
        height: 95px;
        /*background-image: url(/images/HeaderEkspertiz.png);*/
        background-color:white;
        position: relative;
        border-bottom: 1px solid #cfcfcf;
        z-index: 1;
    }

    .containerEkspertiz-a {
        position: relative;
        color: #5e5e5e;
        text-decoration: none;
        font-size: 1.2vw;
        transition: all .2s ease-in-out;
        padding: 2vw;
        margin: -2vw;
        display: table-cell;
        vertical-align: middle;
        padding-left: 0px;
        padding-right: 0px;
    }

        .containerEkspertiz-a:hover {
            transition: all .2s ease-in-out;
            text-decoration: none;
        }

    .IcerikDetay {
        width: 100%;
        height: 30vw;
        margin-top: 50px;
    }

    .AsagiCek {
        margin-top: 30px;
    }

    .containerEkspertiz-anabaslik {
        height: 6.5vw;
        margin-top: 1vw;
        text-align: center;
        background: rgba(101,109,141,0.2);
        transition: all .2s ease-in-out;
        display: table;
        width: 100%;
    }

        .containerEkspertiz-anabaslik:hover {
            background: rgba(101,100,131,0.5);
        }

    .containerEkspertiz-anabaslik2 {
        height: 6.5vw;
        margin-top: 1vw;
        text-align: center;
        background: rgba(40,58,132,0.4);
        transition: all .2s ease-in-out;
        display: table;
        width: 100%;
    }

        .containerEkspertiz-anabaslik2:hover {
            background: rgba(40,08,122,0.6);
        }

    .contentEkspertiz {
        width: 100%;
        background: url(/images/HeaderEkspertizBg.png);
        background-size: cover;
        height: 790px;
        background-repeat: no-repeat;
        background-attachment: fixed;
        background-position: center;
        z-index: 2;
    }

    .contentGozetim {
        width: 100%;
        background: url(/images/HeaderGozetimBg.png);
        background-size: cover;
        height: 790px;
        background-repeat: no-repeat;
        background-attachment: fixed;
        background-position: center;
        z-index: 2;
    }

    .contentBilgiBankasi {
        width: 100%;
        background: url(/images/bilgibankasi.png);
        background-size: cover;
        height: 790px;
        background-repeat: no-repeat;
        background-attachment: fixed;
        background-position: center;
        z-index: 2;
    }

    .Icerik2 {
        color: #363535;
        font-family: 'PT Sans', sans-serif;
        font-size: 0.8vw;
        text-align: justify;
        padding-left: 20px;
        padding-right: 20px;
        padding-top: 10px;
        padding-bottom: 20px;
        width: 93%;
        height: 35vw;
        overflow: hidden;
    }
    /*Ekspertiz Sayfası Cssleri Bitiş*/

    .LogoYan {
        display: none;
    }

    /*popup*/
    .Baslik {
        color: #3d4f9a;
        font-size: 20px;
        font-family: 'PT Sans', sans-serif;
        font-weight: bold;
    }

    .Icerik {
        color: #363535;
        font-family: 'PT Sans', sans-serif;
        font-size: 12px;
        text-align: justify;
        padding-left: 20px;
        padding-right: 20px;
        padding-top: 10px;
        padding-bottom: 20px;
    }

        .Icerik ul {
            list-style-type: disc;
            padding-left: 15px;
            font-size: 12px;
        }

    .scrool {
        height: 27.2vw;
        width: 60.0vw;
        overflow: auto;
    }

    #PopupIc {
        padding-left: 30px;
        padding-right: 30px;
        display: none;
        width: 63vw;
        height: 30vw;
        background-color: #E8EAF1;
        top: 140px;
        z-index: 5;
        position: relative;
        text-align: justify;
        right: -50%;
        border-radius: 5px;
        -moz-border-radius-topright: 5px;
        -moz-border-radius-bottomleft: 5px;
        -webkit-border-top-right-radius: 5px;
        -webkit-border-bottom-left-radius: 5px;
    }

    .icerikTab {
        margin-right: 1.5vw;
        float: left;
        position: relative;
        height: 24.5vw;
        width: 230px;
    }

    .icerikTab2 {
        margin-right: 2vw;
        float: left;
        position: relative;
        height: 21.5vw;
        width: 18.5vw;
    }

    #clear {
        display: none;
    }
    /*popup*/

    .footerposition {
        position: absolute;
        right: 50px;
        bottom: 15px;
    }

    .footer {
        margin-top: 9%;
    }
}