body {
    margin: 0;
    padding: 0;
    background-color: #f7fafc;
}

a {
    text-decoration: none;
    position: relative;
}

ul {
    list-style: none;
}

*, *:before, *:after {
    box-sizing: border-box;
}
#menu{
    z-index:555;
}
@font-face {
    font-family: 'Flexo Bold';
    src: url('font/Flexo-Bold.eot');
    src: url('font/Flexo-Bold.eot?#iefix') format('embedded-opentype'), url('Flexo-Bold.woff2') format('woff2'), url('font/Flexo-Bold.woff') format('woff'), url('font/Flexo-Bold.ttf') format('truetype'), url('font/Flexo-Bold.svg#Flexo-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Flexo Medium';
    src: url('font/Flexo-Medium.eot');
    src: url('font/Flexo-Medium.eot?#iefix') format('embedded-opentype'), url('font/Flexo-Medium.woff2') format('woff2'), url('font/Flexo-Medium.woff') format('woff'), url('font/Flexo-Medium.ttf') format('truetype'), url('font/Flexo-Medium.svg#Flexo-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Flexo Regular';
    src: url('font/Flexo-Regular.eot');
    src: url('font/Flexo-Regular.eot?#iefix') format('embedded-opentype'), url('font/Flexo-Regular.woff2') format('woff2'), url('font/Flexo-Regular.woff') format('woff'), url('Flexo-Regular.ttf') format('truetype'), url('font/Flexo-Regular.svg#Flexo-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

.banner-img {
    width: 100%;
    height: 100%;
    position: relative;
}

.video {
    position: absolute;
    width: 32px;
    height: 32px;
    top: calc(50% - 103px);
    left: calc(50% - 22px);
    text-align: center;
    display: table;
}

    .video i {
        font-size: 18px;
        color: #e10d19;
        display: table-cell;
        vertical-align: middle;
        position: relative;
        z-index: 1;
    }

    .video::before {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        content: "";
        background-color: white;
        border-radius: 50%;
        opacity: .4;
    }

.main {
    width: 1200px;
    margin: 0 auto;
}

.header {
    display: table;
    position: relative;
    width: 100%;
}

.header-shape {
    width: 99.7%;
    /*width: 62.6%;*/
    content: '';
    position: absolute;
    border-width: 198px 351px 0px;
    border-style: solid;
    border-color: #fff transparent;
    left: 0;
}

    .header-shape::after {
        content: '';
        position: relative;
        display: inline-block;
        width: 0px;
        height: 0;
        border-left: 153px solid transparent;
        border-right: 2px solid transparent;
        border-bottom: 435px solid #fff;
        margin-top: -390px;
        margin-left: -233px;
        transform: rotate(119deg);
        box-shadow: 17px 2px 16px -10px rgb(57 54 68 / 11%);
    }

    .header-shape::before {
        content: '';
        position: absolute;
        display: inline-block;
        width: 0px;
        height: 0;
        border-left: 153px solid transparent;
        border-right: 2px solid transparent;
        border-bottom: 393px solid #fff;
        margin-top: -30.8%;
        margin-left: 105%;
        transform: rotate(61deg);
        box-shadow: 17px 0px 48px -8px rgb(57 54 68 / 11%);
        z-index: -5;
    }

.header-shape-bottom {
    width: 1200px;
    height: 56px;
    background: #fff;
    position: absolute;
    top: -64px;
    z-index: -8;
    box-shadow: -1px 16px 25px -12px rgb(57 54 68 / 11%);
}

.header-right {
    width: 72%;
    display: table;
    float: right;
}

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

.banner-top {
    width: 100%;
    display: table;
}

.header .main {
    position: relative;
}

.header-logo {
    float: left;
    padding-top: 12px;
}

.header-menu {
    display: inline-block;
    padding-top: 47px;
    float: left;
    /* padding-left: 113px;*/
    padding-left: 8px;
}

    .header-menu ul {
        display: inline-block;
        margin: 0;
        padding: 0;
    }

    .header-menu li {
        display: table;
        height: 100%;
        float: left;
        margin: 0 12px 0 12px;
        font-family: 'Flexo Medium';
        font-size: 14px;
    }

        .header-menu li a {
            color: #757575;
        }

            .header-menu li a:hover {
                color: #d36212;
            }

.banner-link {
    width: 100%;
    height: 100%;
    display: block;
}

.service-form {
    float: left;
    background: #d36212;
    padding: 12px 15px;
    color: #FFF;
    font-family: 'Flexo Medium';
    font-size: 14px;
    cursor: pointer;
    border-radius: 23px;
    margin: 34px 0px 0 5px;
}

    .service-form:hover {
        border-radius: 1px;
        transition: 0.6s;
        background: #EF8B47;
    }

.phone {
    background-image: url(../images/tel.svg);
    background-repeat: no-repeat;
    background-position: left 93%;
    background-size: 23%;
    float: left;
    z-index: 66;
    padding-top: 34px;
    /*margin-left: 23px;*/
    margin-left: 9px;
}



    .phone ul {
        display: table;
        margin: 0;
        padding: 0;
        margin-left: 52px;
        font-family: 'Flexo Medium';
        font-size: 16px;
    }

        .phone ul li {
            width: 100%;
        }

            .phone ul li a {
                color: #d36212;
                /*   bottom: 47px;*/
            }

.clear {
    clear: both;
}


.service-menu {
    border-top: 1px solid #f4f4f4;
    z-index: 5;
    display: block;
    margin-bottom: 11px;
}


    .service-menu ul {
        margin: 0;
        padding: 0;
        width: 116%;
    }

    .service-menu li {
        display: inline-block;
        text-align: center;
        padding: 35px 0px 22px 0;
        margin-right: 55px;
        margin-left: 4px;
    }

    .service-menu a {
        font-family: 'Flexo Medium';
        font-size: 16px;
        color: #212020;
    }

        .service-menu a:hover {
            color: #d36212;
        }

.banner-image {
    background-image: url(../images/banner-back.png);
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    width: 100%;
    height: 100%;
    background-size: cover;
}
/* .banner-image #image{
        display:none;
    }*/
.banner {
    position: relative;
}

.sosyal {
    position: fixed;
    display: block;
    bottom: -5px;
    z-index: 1000;
}

.whatsapp {
    display: table;
    width: 120px;
    margin-top: 0px;
    bottom: 0;
}

    .whatsapp img {
        width: 60%;
    }

.phone-icon {
    display: block;
    position: relative;
    bottom: 0;
}

    .phone-icon img {
        width: 72px;
    }

.tick::-webkit-resizer {
    display: block;
    position: absolute;
    margin-top: -20px;
}

.tick ul {
    margin: 0;
    padding: 0;
}

.tick li {
    display: inline-block;
    float: left;
    width: 22%;
}

.tick img {
    width: 10%;
    height: 100%;
    object-fit: cover;
}

.tick li span {
    font-family: 'Flexo Medium';
    font-size: 16px;
    color: #ffffff;
    display: block;
    margin-left: 41px;
    margin-top: -27px;
    width: 106%;
}


.shape {
    width: 100%;
    height: 175px;
    background: #fff;
    position: absolute;
    left: 0;
    margin-top: -15px;
}

/*Markalar*/

.main-brands {
    margin: 30px 0;
}

.main-brands-header {
    max-width: 1200px;
    text-align: left;
    font-size: 24px;
    color: #d36212;
    margin: 38px auto;
    font-family: 'Flexo Medium';
    font-weight: 500;
}

    .main-brands-header h1 {
        font-size: 24px;
        color: #d36212;
        margin: 38px auto;
        font-family: 'Flexo Medium';
        font-weight: 500;
    }

.list-group {
    width: 100px;
    height: 100px;
    background: #fff;
}


.main-brands-list {
    display: table;
    width: 106%;
    margin: 0;
    padding: 0;
    margin-left: -23px;
}

    .main-brands-list li {
        float: left;
        border: 2px solid #f7f7f7;
        background: #fff;
        /*    width: 158px;
    height: 112px;*/
        margin-right: 17px;
        margin-top: 8px;
        display: none;
    }

        .main-brands-list li:nth-child(1) {
            display: inline-block;
            margin: 7px 11px 0 -42px;
        }

.main-brands-list-img {
    width: 100%;
    height: 115px;
    display: table;
}

.img-cell {
    vertical-align: middle;
    text-align: center;
    display: table-cell;
}

.main-brands-list-img img {
    max-width: 100%;
    max-height: 83px;
    margin: 0 auto;
}

/*.main-brands-list li:nth-child(4) img {
    margin-top: 26px;
}*/

.main-brands-list li:nth-child(5) img {
    max-height: 107px;
    background-size: cover;
    width: 154px;
}

/*.main-brands-list li:nth-child(7) img {
    max-height: 98px;
    margin-top: 3px;
}*/

/* Hizmetler */
.main-our-services-header {
    text-align: left;
    font-size: 24px;
    color: #d36212;
    font-family: 'Flexo Medium';
    margin-top: 31%;
}

    .main-our-services-header h1 {
        font-size: 24px;
        color: #d36212;
        font-family: 'Flexo Medium';
        margin-top: 31%;
        font-weight: 100;
    }

.our-services {
    float: right;
    background: #d36212;
    padding: 19px 29px;
    font-family: 'Flexo Medium';
    font-size: 14px;
    cursor: pointer;
    margin-right: 0;
    bottom: 49px;
    color: #fff;
}

    .our-services:hover {
        transition: 0.6s;
        background: #EF8B47;
    }

    .our-services a:hover {
        background: #ffa500;
        transition: 0.4s;
    }

.main-our-services {
    margin: 60px 0 0 0;
}

.our-services-shape {
    width: 1200px;
    height: 159px;
    background: #fff;
    margin-bottom: 44px;
}

.our-services-list {
    display: inline-block;
}

    .our-services-list ul {
        margin: 0;
        padding: 0;
    }

.our-services-img {
    display: block;
    margin-top: 37px;
    border-radius: 50%;
}

.our-services-daire {
    width: 191px;
    height: 184px;
    background: #f7fafc;
    border-radius: 59%;
    margin-left: 30px;
    margin-top: -12px;
    display: inline-block;
    float: left;
}

.our-services-img img {
    float: left;
    border-radius: 50%;
    width: 168px;
    height: 164px;
    margin-top: -28px;
    margin-left: 11px;
    object-fit: cover;
}

.our-services-right {
    width: 80%;
    display: table;
    float: left;
}

.our-services-header {
    font-family: 'Flexo Medium';
    font-size: 20px;
    color: #212020;
    width: 100%;
    margin-top: 22px;
    margin-left: 50px;
}

.our-services-text {
    font-family: 'Flexo Medium';
    font-size: 16px;
    color: #757575;
    display: table;
    width: 91%;
    line-height: 1.5;
    margin-top: 9px;
    margin-left: 49px;
}

.icon {
    width: 41px;
    color: #d36212;
    height: 35px;
    background: #f7fafc;
    float: right;
    margin-right: -20px;
    cursor: pointer;
    margin-top: -2px;
}

    .icon .fa-solid {
        margin-left: 13px;
        margin-top: 11px;
    }

.icon-detay {
    width: 41px;
    color: #d36212;
    height: 35px;
    background: #f7fafc;
    float: right;
    margin-right: -20px;
    cursor: pointer;
    margin-top: -1px;
}

    .icon-detay .fa-solid {
        margin-left: 13px;
        margin-top: 11px;
    }
/*Bölgeler*/
.main-regions {
    margin: 60px 0;
    z-index: 999;
    position: relative;
}

    .main-regions .main {
        position: relative;
        z-index: 100;
    }

.main-regions-header {
    text-align: left;
    font-size: 24px;
    color: #d36212;
    margin: 0px auto;
    font-family: 'Flexo Medium';
    display: inline-block;
    margin-top: 27px;
    font-weight: 100;
}

    .main-regions-header h1 {
        font-size: 24px;
        color: #d36212;
        margin: 0px auto;
        font-family: 'Flexo Medium';
        font-weight: 100;
    }

.regions {
    float: right;
    background: #d36212;
    padding: 17px 33px;
    color: #FFF;
    font-family: 'Flexo Medium';
    font-size: 14px;
    cursor: pointer;
    margin-right: 0;
    top: 16px;
}

    .regions:hover {
        transition: 0.6s;
        background: #EF8B47;
    }

.address {
    position: absolute;
    z-index: 0;
    top: 109px;
}

    .address img {
        width: 100%;
        height: 100%;
    }

.regions-shape {
    width: 1200px;
    height: 1640px;
    background: #fff;
    z-index: 99;
    position: relative;
    top: 39px;
}

.shape-img {
    display: inline-block;
    margin-top: 78px;
    margin-left: 36px;
    float: left;
    width: 168px;
    height: 164px;
    border-radius: 50%;
}

.regions-header {
    display: inline-block;
    font-family: 'Flexo Medium';
    font-size: 20px;
    color: #212020;
    margin-top: 57px;
    margin-left: 40px;
    width: 100%;
}

.regions-text {
    font-family: 'Flexo Medium';
    font-size: 16px;
    color: #757575;
    display: inline-block;
    width: 96%;
    margin-top: 15px;
    font-weight: 500;
    margin-left: 39px;
    text-align: justify;
}

.neighbourhood {
    margin: 0;
    padding: 0;
    padding-left: 48px;
    margin-top: 45px;
}

    .neighbourhood li {
        float: left;
        background-image: url(../images/adres.png);
        background-repeat: no-repeat;
        margin-left: 0px;
        background-position: center top;
        width: 12%;
    }


    .neighbourhood a {
        display: inline-block;
        margin-top: 61px;
        font-family: 'Flexo Regular';
        font-size: 14px;
        color: #212020;
        text-align: center;
        font-weight: 600;
        margin-left: 9px;
    }

.regions-neighbourhood {
    display: inline-block;
    margin-top: 99px;
    font-family: 'Flexo Regular';
    font-size: 14px;
    color: #212020;
    text-align: center;
    font-weight: 600;
}

.see-all {
    display: table;
    margin-top: 50px;
    float: right;
}

    .see-all a {
        font-family: 'Flexo Medium';
        font-size: 14px;
        color: #d36212;
        text-decoration: underline;
        transition-property: color;
        transition-duration: 0.2s;
        transition-delay: 0.2s;
    }

        .see-all a:hover {
            color: #EF8B47;
        }

.regions-shape-right {
    width: 80%;
    display: table;
    float: left;
}

.regions-list {
    margin-top: 15px;
    display: table;
    width: 100%;
}

    .regions-list:nth-child(2) {
        border-top: 1px solid #f7fafc;
        display: table;
        width: 100%;
    }

    .regions-list:nth-child(3) {
        border-top: 1px solid #f7fafc;
        display: table;
        width: 100%;
    }

    .regions-list:nth-child(4) {
        border-top: 1px solid #f7fafc;
        display: table;
        width: 100%;
    }

    .regions-list:nth-child(5) {
        border-top: 1px solid #f7fafc;
        display: table;
        width: 100%;
    }


/*Footer*/

.footer {
    display: inline-block;
    margin: 150px 0 0 0px;
    width: 100%;
}

    .footer img {
        display: inline-block;
        margin-left: 50px;
        margin-bottom: 20px;
        float: left;
    }

.locksmith-service-right {
    width: 52%;
    display: table;
    float: right;
}

.locksmith-service-header {
    font-family: 'Flexo Medium';
    font-size: 24px;
    color: #212020;
    display: inline-block;
    display: inline-block;
    width: 100%;
}

.locksmith-service-text {
    font-family: 'Flexo Medium';
    font-size: 16px;
    color: #757575;
    display: inline-block;
    margin-top: 20px;
}

.caution-header {
    font-family: 'Flexo Medium';
    font-size: 24px;
    color: #212020;
    display: inline-block;
    margin-top: 37px;
}

.caution-text {
    font-family: 'Flexo Medium';
    font-size: 16px;
    color: #757575;
    display: inline-block;
    margin-top: 16px;
}

.footer-shape {
    width: 100%;
    height: 95px;
    background: #2d3049;
    float: left;
    position: relative;
    margin-top: 92px;
    border: 3px solid #f7fafc;
    display: inline-block;
    right: 66%;
}

.footer-shape-2 {
    width: 96%;
    height: 95px;
    background: #fff;
    margin-top: -95px;
    position: relative;
    float: right;
    border: 3px solid #f7fafc;
    display: inline-block;
    left: 29.3%;
}

.armut-logo {
    position: absolute;
    display: inline-block;
    margin-left: 62%;
    margin-top: 2%;
}

    .armut-logo::after {
        content: '';
        width: 2px;
        background: #191b2e;
        height: 89px;
        display: inline-block;
        margin-top: -24px;
        margin-left: 28px;
    }

.armut-logo-text span {
    font-family: 'Flexo Medium';
    font-size: 18px;
    color: #fff;
    display: inline-block;
    margin-left: 88%;
    margin-top: 31px;
}

.armut-logo-text {
    width: 100%;
    display: inline-block;
}

    .armut-logo-text img {
        width: 23px;
        display: block;
        margin-top: 33px;
        position: absolute;
        margin-left: 85%;
        z-index: 66;
    }

    .armut-logo-text::after {
        content: '';
        width: 2px;
        background: #454861;
        height: 88px;
        display: block;
        position: relative;
        left: 81%;
        z-index: 56;
        bottom: 52px;
    }

.locksmith-text {
    display: inline-block;
    font-family: 'Flexo Medium';
    font-size: 16px;
    color: #d36212;
    margin-left: 8%;
    margin-top: 34px;
}

.locksmith-service-form {
    float: right;
    background: #d36212;
    padding: 17px 33px;
    color: #FFF;
    font-family: 'Flexo Medium';
    font-size: 14px;
    cursor: pointer;
    display: inline-block;
    position: absolute;
    left: 49%;
    z-index: 55;
    margin-top: 22px;
}

    .locksmith-service-form:hover {
        transition: 0.6s;
        background: #EF8B47;
    }

.footer-shape-3 {
    width: 100%;
    /* height: 1087px; */
    height: 790px;
    background: #fff;
    display: block;
    position: absolute;
    z-index: -2;
    margin-top: 455px;
}

.footer-bottom {
    display: flex;
    width: 100%;
}

.footer-left {
    display: table;
    width: 43%;
    float: left;
}

.footer-left-locksmith-specialist {
    margin-right: 61px;
    float: left;
    display: table;
    width: 88%;
    text-align: justify;
}

.footer-left-locksmith-services {
    margin-top: 54px;
    display: table;
}

.locksmith-specialist-header {
    margin-top: 50px;
    display: inline-block;
    font-family: 'Flexo Medium';
    font-size: 20px;
    color: #212020;
    float: left;
    width: 100%;
    margin-bottom: 15px;
}

.locksmith-specialist-text {
    font-family: 'Flexo Medium';
    font-size: 16px;
    color: #757575;
    margin-top: 13px;
    width: 100%;
    line-height: 1.5;
    display: table;
}

.locksmith-services-header {
    font-family: 'Flexo Medium';
    font-size: 20px;
    color: #212020;
    float: right;
    display: table;
    width: 100%;
    margin-bottom: 13px;
}

.locksmith-services-text {
    font-family: 'Flexo Medium';
    font-size: 16px;
    color: #757575;
    display: inline-block;
    width: 100%;
    margin: 0;
    padding: 0;
    line-height: 1.5;
    padding-bottom: 14px;
}

    .locksmith-services-text li a {
        font-family: 'Flexo Medium';
        font-size: 16px;
        color: #757575;
    }

        .locksmith-services-text li a:hover {
            color: #d36212;
        }

.footer-right {
    float: right;
    display: table;
    width: 36%;
}


.our-regions-header {
    margin-top: 50px;
    display: inline-block;
    font-family: 'Flexo Medium';
    font-size: 20px;
    color: #212020;
    padding-bottom: 14px;
}

.footer-right-our-regions {
    float: left;
    display: table;
}

.our-regions-text {
    display: block;
}

    .our-regions-text li a {
        font-family: 'Flexo Medium';
        font-size: 16px;
        color: #757575;
        line-height: 1.5;
    }

        .our-regions-text li a:hover {
            color: #d36212;
        }

    .our-regions-text ul {
        margin: 0;
        padding: 0;
    }

.footer-right-menu {
    margin-top: 54px;
    display: inline-block;
    padding-left: 103px;
}

.menu-header {
    font-family: 'Flexo Medium';
    font-size: 20px;
    color: #212020;
}

.menu-text {
    margin-top: 14px;
    display: block;
}

    .menu-text ul {
        margin: 0;
        padding: 0;
    }

    .menu-text li a {
        font-family: 'Flexo Medium';
        font-size: 16px;
        color: #757575;
        line-height: 1.5;
    }

        .menu-text li a:hover {
            color: #d36212;
        }

.footer-phone {
    display: inline-block;
    padding-top: 69px;
}

    .footer-phone img {
        width: 60px;
        margin: 0 0 0 0;
        float: left;
    }

    .footer-phone ul {
        display: block;
        margin: 0;
        padding: 0;
        width: 100%;
        font-family: 'Flexo Medium';
        font-size: 16px;
        float: right;
    }

        .footer-phone ul li {
            display: table;
            float: left;
            width: 53%;
            margin-left: 75px;
        }

            .footer-phone ul li a {
                color: #d36212;
                bottom: 48px;
            }

.footer-address {
    display: inline-block;
    border-top: 1px solid #f4f4f4;
}

    .footer-address ul {
        margin: 0;
        padding: 0;
        margin-top: 44px;
    }

    .footer-address li {
        width: 16%;
        float: left;
        display: block;
        margin-left: 8px;
        padding-left: 0px;
    }

        .footer-address li a {
            font-family: 'Flexo Medium';
            font-size: 10px;
            color: #c3c3c3;
        }

            .footer-address li a:hover {
                color: #d36212;
            }

.footer-bottom-left {
    float: left;
    margin-top: 61px;
    margin-left: 5px;
    display: table;
    width: 35%;
    font-family: 'Flexo Medium';
    font-size: 10px;
    color: #212020;
}


.footer-bottom-center {
    float: left;
    display: table;
}

    .footer-bottom-center img {
        position: relative;
        margin-top: 27px;
        margin-left: 59px;
        opacity: 0.5;
    }


.footer-bottom-right a {
    font-family: 'Flexo Medium';
    font-size: 10px;
    float: right;
    color: #212020;
    margin-top: 55px;
    margin-right: 4px;
}

@media only screen and (min-height:912px) {
    .phone-icon {
        margin-top: -19px;
    }
}
/*
@media only screen and (min-height:937px) {
    .slider > ul {
        bottom: 44px;
        right: 13px;
    }
}*/

/* Kurumsal */

.header-logo-corporate {
    float: left;
    padding-top: 12px;
}

.header-right-corporate {
    width: 80%;
    display: table;
    float: right;
}

.header-shape-corporate {
    width: 63%;
    height: 0px;
    content: '';
    position: absolute;
    border-width: 198px 351px 0px;
    border-style: solid;
    border-color: #fff transparent;
    left: 0;
}

    .header-shape-corporate::after {
        content: '';
        position: relative;
        display: inline-block;
        width: 0px;
        height: 0;
        border-left: 153px solid transparent;
        border-right: 2px solid transparent;
        border-bottom: 435px solid #fff;
        margin-top: -390px;
        margin-left: -233px;
        transform: rotate(119deg);
        box-shadow: 17px 20px 46px -10px rgb(57 54 68 / 11%)
    }

    .header-shape-corporate::before {
        content: '';
        position: absolute;
        display: inline-block;
        width: 0px;
        height: 0;
        border-left: 153px solid transparent;
        border-right: 2px solid transparent;
        border-bottom: 393px solid #fff;
        margin-top: -30.3%;
        margin-left: 105%;
        transform: rotate(61deg);
        box-shadow: 17px 20px 46px -10px rgb(57 54 68 / 11%);
        z-index: -5;
    }

.header-menu-corporate {
    display: inline-block;
    padding-top: 47px;
    float: left;
    padding-left: 113px;
}

    .header-menu-corporate ul {
        display: inline-block;
        margin: 0;
        padding: 0;
    }

    .header-menu-corporate li {
        display: table;
        height: 100%;
        float: left;
        margin: 0 12px 0 12px;
        font-family: 'Flexo Medium';
        font-size: 14px;
    }

        .header-menu-corporate li a {
            color: #757575;
        }

            .header-menu-corporate li a:hover {
                color: #d36212;
            }

.service-form-corporate {
    float: left;
    background: #d36212;
    padding: 12px 15px;
    color: #FFF;
    font-family: 'Flexo Medium';
    font-size: 14px;
    cursor: pointer;
    border-radius: 23px;
    margin: 34px 0px 0 5px;
}

    .service-form-corporate:hover {
        border-radius: 1px;
        transition: 0.6s;
        background: #EF8B47;
    }


.phone-corporate {
    background-image: url(../images/tel.svg);
    background-repeat: no-repeat;
    background-position: left 93%;
    background-size: 23%;
    float: left;
    z-index: 66;
    padding-top: 34px;
    margin-left: 23px;
}



    .phone-corporate ul {
        display: table;
        margin: 0;
        padding: 0;
        margin-left: 52px;
        font-family: 'Flexo Medium';
        font-size: 16px;
    }

        .phone-corporate ul li {
            width: 100%;
        }

            .phone-corporate ul li a {
                color: #d36212;
            }

.service-menu-corporate {
    border-top: 1px solid #f4f4f4;
    z-index: 5;
    display: block;
    margin-bottom: 11px;
}


    .service-menu-corporate ul {
        margin: 0;
        padding: 0;
        width: 116%;
    }

    .service-menu-corporate li {
        display: inline-block;
        text-align: center;
        padding: 35px 0px 22px 0;
        margin-right: 55px;
        margin-left: 4px;
    }

    .service-menu-corporate a {
        font-family: 'Flexo Medium';
        font-size: 16px;
        color: #212020;
    }

        .service-menu-corporate a:hover {
            color: #d36212;
        }

.page-content {
    width: 1200px;
    margin: 15px auto;
}

.corporate-header {
    display: table;
    margin: 0;
    font-family: 'Flexo Regular';
    color: #d36212;
    width: 100%;
}

    .corporate-header h1 {
        font-size: 30px;
        margin: 15px 0 0 0;
        font-weight: 500;
    }

.breadcrumb {
    display: block;
    margin: 0px auto 0 auto;
}

.breadcrum-list {
    display: table;
    height: 100%;
    width: 100%;
}

    .breadcrum-list ul {
        margin: 0;
        padding: 0;
    }

    .breadcrum-list li {
        display: table;
        padding: 10px 0px 10px 0;
        float: left;
        font-family: 'Flexo Medium';
        font-size: 14px;
    }

        .breadcrum-list li::after {
            content: '/';
            margin: 0 5px 0 5px;
            color: #757575;
        }

        .breadcrum-list li:last-child::after {
            display: none;
        }

        .breadcrum-list li a {
            color: #757575;
        }

            .breadcrum-list li a:hover {
                color: #d36212;
            }

.our-regions-detail-right {
    width: 100%;
    margin: 0px 0px -40px 5px;
}

.our-regions-detail-right2 {
    width: 100%;
    margin: 0px 0px 40px 5px;
    /*    display: grid;*/
}

.regions-images-detail {
    width: 111%;
    margin-left: -40px;
    display: inline-block;
}

    .regions-images-detail li {
        display: inline-block;
        width: 341px;
        height: 229px;
        padding: 14px 17px 0px 0px;
        margin-right: 89px;
    }

        .regions-images-detail li::after {
            content: url(../images/image-shadow.png);
            display: block;
            position: relative;
            bottom: 23px;
            right: 9px;
            z-index: -9;
            width: 152px;
        }

.our-regions-detail-right-video {
    width: 100%;
    margin: 0px 0 40px 5px;
}

    .our-regions-detail-right-video a {
        margin: 0 73px 0 0;
        display: inline-block;
    }

.regions-images-detail-video {
    padding: 0;
    margin: 0;
}

    .regions-images-detail-video li {
        display: inline-block;
        float: left;
        width: 36%;
        padding: 20px 0px 0 0px;
        margin: 0 -39px -24px 0;
    }

.icerik-video {
    position: absolute;
    width: 32px;
    height: 32px;
    top: calc(50% - 19px);
    left: calc(50% - 22px);
    text-align: center;
    display: table;
}

    .icerik-video i {
        font-size: 18px;
        color: #e10d19;
        display: table-cell;
        vertical-align: middle;
        position: relative;
        z-index: 1;
    }

    .icerik-video::before {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        content: "";
        background-color: white;
        border-radius: 50%;
        opacity: .4;
    }

.corporate-contents {
    display: table;
    width: 100%;
}

.corporate-contents-right {
    display: block;
    float: left;
    width: 27%;
    margin-top: 38px;
    clip-path: inset(0px -18px 0px 1px);
    box-shadow: 9px -6px 20px -6px rgb(0 0 0 / 19%);
}

.sideMenu {
    width: 100%;
}

.resim {
    display: none;
}

.Aciklama {
    display: block;
    float: right;
    width: 104%;
}


.corporate-contents-right ul {
    margin: 0;
    padding: 0;
}

.corporate-contents-right li {
    margin: 26px 0 38px 0;
    font-family: 'Flexo Medium';
    font-size: 16px;
}

.corporate-contents-right .active::after {
    content: '';
    width: 8px;
    height: 38px;
    display: block;
    float: right;
    background: #d36212;
}

.corporate-contents-right a.active {
    color: #d36212;
}

.corporate-contents-right li a {
    color: #212020;
}

    .corporate-contents-right li a:hover {
        color: #d36212;
    }

.corporate-contents-left {
    display: block;
    float: right;
    width: 73%;
}

    .corporate-contents-left .corporate-img {
        width: 952px;
        height: 348px;
    }

        .corporate-contents-left .corporate-img img {
            /*width: 100%;*/
            display: inline-block;
            margin-top: 42px;
            max-width: 952px;
            max-height: 382px;
        }

.corporate-contents-bottom {
    display: inline-block;
    margin-left: 47px;
    margin-top: 16px;
}

.corporate-contents-header {
    font-family: 'Flexo Medium';
    font-size: 24px;
    color: #d36212;
}

    .corporate-contents-header h2 {
        font-size: 24px;
        font-weight: 100;
        margin: 0 auto;
    }

.corporate-contents-text {
    font-family: 'Flexo Medium';
    font-size: 16px;
    color: #757575;
    padding: 25px 0 45px 0;
    text-align: justify;
    line-height: 1.9;
}

.footer-shape-corporate-3 {
    width: 100%;
    height: 1097px;
    background: #fff;
    display: block;
    position: absolute;
    z-index: -2;
    left: 0;
    top: 177%;
}

.armut-logo-corporate {
    position: absolute;
    display: inline-block;
    margin-left: 63%;
    margin-top: 2%;
}

    .armut-logo-corporate::after {
        content: '';
        width: 2px;
        background: #191b2e;
        height: 93px;
        display: inline-block;
        margin-top: -24px;
        margin-left: 60px;
    }

.armut-logo-text-corporate span {
    font-family: 'Flexo Medium';
    font-size: 18px;
    color: #fff;
    display: inline-block;
    margin-left: 88.4%;
    margin-top: 37px;
}

.armut-logo-text-corporate {
    width: 100%;
    display: inline-block;
}

    .armut-logo-text-corporate img {
        width: 23px;
        display: block;
        margin-top: 37px;
        position: absolute;
        margin-left: 85.8%;
        z-index: 66;
    }

    .armut-logo-text-corporate::after {
        content: '';
        width: 2px;
        background: #454861;
        height: 92px;
        display: block;
        position: relative;
        left: 84.5%;
        z-index: 56;
        bottom: 58px;
    }

.footer-shape-corporate {
    width: 100%;
    height: 95px;
    background: #2d3049;
    float: left;
    position: relative;
    margin-top: 96px;
    border: 3px solid #f7fafc;
    display: inline-block;
    right: 67%;
}

.footer-shape-corporate-2 {
    width: 96%;
    height: 95px;
    background: #fff;
    margin-top: -101px;
    position: relative;
    float: right;
    border: 3px solid #f7fafc;
    display: inline-block;
    left: 29.3%;
}

/* hizmetlerimiz */
.header-shape-regions {
    width: 63%;
    height: 0px;
    content: '';
    position: absolute;
    border-width: 198px 351px 0px;
    border-style: solid;
    border-color: #fff transparent;
    left: 0;
}



    .header-shape-regions::after {
        content: '';
        position: relative;
        display: inline-block;
        width: 0px;
        height: 0;
        border-left: 153px solid transparent;
        border-right: 2px solid transparent;
        border-bottom: 435px solid #fff;
        margin-top: -390px;
        margin-left: -233px;
        transform: rotate(119deg);
        box-shadow: 17px 20px 46px -10px rgb(57 54 68 / 11%)
    }

    .header-shape-regions::before {
        content: '';
        position: absolute;
        display: inline-block;
        width: 0px;
        height: 0;
        border-left: 153px solid transparent;
        border-right: 2px solid transparent;
        border-bottom: 393px solid #fff;
        margin-top: -30.3%;
        margin-left: 105%;
        transform: rotate(61deg);
        box-shadow: 17px 20px 46px -10px rgb(57 54 68 / 11%);
        z-index: -5;
    }

.header-logo-our-service {
    float: left;
    padding-top: 12px;
}

.header-right-our-service {
    width: 80%;
    display: table;
    float: right;
}

.our-service-menu {
    border-top: 1px solid #f4f4f4;
    z-index: 5;
    display: block;
    margin-bottom: 11px;
}

.header-menu-our-service {
    display: inline-block;
    padding-top: 47px;
    float: left;
    padding-left: 113px;
}

    .header-menu-our-service ul {
        display: inline-block;
        margin: 0;
        padding: 0;
    }

    .header-menu-our-service li {
        display: table;
        height: 100%;
        float: left;
        margin: 0 12px 0 12px;
        font-family: 'Flexo Medium';
        font-size: 14px;
    }

        .header-menu-our-service li a {
            color: #757575;
        }

            .header-menu-our-service li a:hover {
                color: #d36212;
            }

.our-service-form {
    float: left;
    background: #d36212;
    padding: 12px 15px;
    color: #FFF;
    font-family: 'Flexo Medium';
    font-size: 14px;
    cursor: pointer;
    border-radius: 23px;
    margin: 34px 0px 0 5px;
}

    .our-service-form:hover {
        border-radius: 1px;
        transition: 0.6s;
        background: #EF8B47;
    }

.our-service-menu ul {
    margin: 0;
    padding: 0;
    width: 116%;
}

.our-service-menu li {
    display: inline-block;
    text-align: center;
    padding: 35px 0px 22px 0;
    margin-right: 55px;
    margin-left: 4px;
}

.our-service-menu a {
    font-family: 'Flexo Medium';
    font-size: 16px;
    color: #212020;
}

    .our-service-menu a:hover {
        color: #d36212;
    }

.footer-shape-services-4 {
    width: 100%;
    height: 1113px;
    background: #fff;
    display: block;
    position: absolute;
    z-index: -2;
    left: 0;
    top: 164%;
}

.footer-shape-services {
    width: 100%;
    height: 95px;
    background: #2d3049;
    float: left;
    position: relative;
    margin-top: 96px;
    border: 3px solid #f7fafc;
    display: inline-block;
    right: 67%;
}

.armut-logo-services {
    position: absolute;
    display: inline-block;
    margin-left: 62%;
    margin-top: 2%;
}

    .armut-logo-services::after {
        content: '';
        width: 2px;
        background: #191b2e;
        height: 93px;
        display: inline-block;
        margin-top: -24px;
        margin-left: 29px;
    }

.armut-logo-text-services span {
    font-family: 'Flexo Medium';
    font-size: 18px;
    color: #fff;
    display: inline-block;
    margin-left: 88%;
    margin-top: 31px;
}

.armut-logo-text-services {
    width: 100%;
    display: inline-block;
}

    .armut-logo-text-services img {
        width: 23px;
        display: block;
        margin-top: 33px;
        position: absolute;
        margin-left: 85%;
        z-index: 66;
    }

    .armut-logo-text-services::after {
        content: '';
        width: 2px;
        background: #454861;
        height: 92px;
        display: block;
        position: relative;
        left: 81%;
        z-index: 56;
        bottom: 52px;
    }


/*Hizmetlerimiz Detay*/

.header-shape-regions-detail {
    width: 63%;
    height: 0px;
    content: '';
    position: absolute;
    border-width: 198px 351px 0px;
    border-style: solid;
    border-color: #fff transparent;
    left: 0;
}


    .header-shape-regions-detail::after {
        content: '';
        position: relative;
        display: inline-block;
        width: 0px;
        height: 0;
        border-left: 153px solid transparent;
        border-right: 2px solid transparent;
        border-bottom: 435px solid #fff;
        margin-top: -390px;
        margin-left: -233px;
        transform: rotate(119deg);
        box-shadow: 17px 20px 46px -10px rgb(57 54 68 / 11%)
    }

    .header-shape-regions-detail::before {
        content: '';
        position: absolute;
        display: inline-block;
        width: 0px;
        height: 0;
        border-left: 153px solid transparent;
        border-right: 2px solid transparent;
        border-bottom: 393px solid #fff;
        margin-top: -30.3%;
        margin-left: 105%;
        transform: rotate(61deg);
        box-shadow: 17px 20px 46px -10px rgb(57 54 68 / 11%);
        z-index: -5;
    }

.our-service-detail-menu {
    border-top: 1px solid #f4f4f4;
    z-index: 5;
    display: block;
    margin-bottom: 11px;
}

.header-right-our-detail {
    width: 80%;
    display: table;
    float: right;
}

.our-service-detail-menu ul {
    margin: 0;
    padding: 0;
    width: 116%;
}

.our-service-detail-menu li {
    display: inline-block;
    text-align: center;
    padding: 35px 0px 22px 0;
    margin-right: 55px;
    margin-left: 4px;
}

.our-service-detail-menu a {
    font-family: 'Flexo Medium';
    font-size: 16px;
    color: #212020;
}

    .our-service-detail-menu a:hover {
        color: #d36212;
    }

.our-detail-service-form {
    float: left;
    background: #d36212;
    padding: 12px 15px;
    color: #FFF;
    font-family: 'Flexo Medium';
    font-size: 14px;
    cursor: pointer;
    border-radius: 23px;
    margin: 34px 0px 0 5px;
}

    .our-detail-service-form:hover {
        border-radius: 1px;
        transition: 0.6s;
        background: #EF8B47;
    }

.header-logo-our-detail {
    float: left;
    padding-top: 12px;
}

.header-menu-our-detail {
    display: inline-block;
    padding-top: 47px;
    float: left;
    padding-left: 113px;
}

    .header-menu-our-detail ul {
        display: inline-block;
        margin: 0;
        padding: 0;
    }

    .header-menu-our-detail li {
        display: table;
        height: 100%;
        float: left;
        margin: 0 12px 0 12px;
        font-family: 'Flexo Medium';
        font-size: 14px;
    }

        .header-menu-our-detail li a {
            color: #757575;
        }

            .header-menu-our-detail li a:hover {
                color: #d36212;
            }

.regions-detail-header {
    display: table;
    margin: 0;
    font-family: 'Flexo Regular';
    color: #d36212;
    width: 100%;
}

    .regions-detail-header h1 {
        font-size: 30px;
        margin: 15px 0 0 0;
        font-weight: 500;
    }

.regions-detail-left {
    display: block;
    float: left;
    width: 15%;
}

.regions-detail-img {
    vertical-align: middle;
    text-align: center;
    display: table-cell;
}

.regions-detail-img {
    float: left;
    border-radius: 50%;
    width: 268px;
    height: 271px;
    margin-top: 10px;
    object-fit: cover;
    margin-right: 68px
}

.regions-detail-right {
    display: block;
    width: 100%;
}

.regions-detail-header-2 {
    font-family: 'Flexo Medium';
    font-size: 24px;
    color: #d36212;
    padding-top: 46px;
}

    .regions-detail-header-2 h2 {
        font-size: 24px;
        font-weight: 100;
        margin: 0 auto;
    }

.regions-detail-text {
    font-family: 'Flexo Medium';
    font-size: 16px;
    color: #757575;
    text-align: justify;
    line-height: 1.9;
    padding-top: 13px;
}

.regions-images {
    display: inline-block;
    margin: 45px 0 50px 0;
    padding: 0;
    width: 110%;
}

    .regions-images img {
        /*  max-width: 338px;
        max-height: 225px;*/
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.regions-images-video {
    display: inline-block;
    margin: 20px 0 50px 0;
    padding: 0;
    width: 110%;
}

    .regions-images-video li {
        display: inline-block;
        float: left;
        width: 36%;
        padding: 20px 0px 0 0px;
        margin: 0 -39px -24px 0;
    }

.regions-images.dokuman {
    display: inline-block;
    margin: 20px 0 50px 0;
    padding: 0;
    font-family: 'Flexo Medium';
    font-size: 16px;
}

    .regions-images.dokuman li::after {
        display: none;
    }

    .regions-images.dokuman a {
        color: #d36212;
    }

        .regions-images.dokuman a::before {
            content: "\f019";
            font-family: "Font Awesome 6 Free";
            font-weight: 900;
            margin-right: 10px;
        }

.regions-images li {
    display: inline-block;
    width: 341px;
    height: auto;
    padding: 14px 17px 0px 0px;
    margin-right: 89px;
    float: left;
    margin-top: 30px;
    /*   display: inline-block;
        float: left;
        width: 36%;
        padding: 20px 0px 0 0px;
        margin: 0 -39px -24px 0;*/
}

    .regions-images li::after {
        content: url(../images/image-shadow.png);
        display: block;
        position: relative;
        bottom: 28px;
        right: 8px;
        z-index: -9;
        width: 152px;
    }

    .regions-images li:last-child {
        display: block;
        padding-left: 4px;
        padding-right: 0px;
    }

.footer-shape-services-detail-5 {
    width: 100%;
    height: 1113px;
    background: #fff;
    display: block;
    position: absolute;
    z-index: -2;
    left: 0;
    top: 194%;
}

/* Servis Bölgelerimiz */


.header-shape-our-service-areas {
    width: 63%;
    height: 0px;
    content: '';
    position: absolute;
    border-width: 198px 351px 0px;
    border-style: solid;
    border-color: #fff transparent;
    left: 0;
}


    .header-shape-our-service-areas::after {
        content: '';
        position: relative;
        display: inline-block;
        width: 0px;
        height: 0;
        border-left: 153px solid transparent;
        border-right: 2px solid transparent;
        border-bottom: 435px solid #fff;
        margin-top: -390px;
        margin-left: -233px;
        transform: rotate(119deg);
        box-shadow: 17px 20px 46px -10px rgb(57 54 68 / 11%)
    }

    .header-shape-our-service-areas::before {
        content: '';
        position: absolute;
        display: inline-block;
        width: 0px;
        height: 0;
        border-left: 153px solid transparent;
        border-right: 2px solid transparent;
        border-bottom: 393px solid #fff;
        margin-top: -30.3%;
        margin-left: 105%;
        transform: rotate(61deg);
        box-shadow: 17px 20px 46px -10px rgb(57 54 68 / 11%);
        z-index: -5;
    }

.header-logo-our-service-areas {
    float: left;
    padding-top: 12px;
}

.header-right-our-service-areas {
    width: 80%;
    display: table;
    float: right;
}

.header-menu-our-service-areas {
    display: inline-block;
    padding-top: 47px;
    float: left;
    padding-left: 113px;
}

    .header-menu-our-service-areas ul {
        display: inline-block;
        margin: 0;
        padding: 0;
    }

    .header-menu-our-service-areas li {
        display: table;
        height: 100%;
        float: left;
        margin: 0 12px 0 12px;
        font-family: 'Flexo Medium';
        font-size: 14px;
    }

    .header-menu-our-service-areas a {
        color: #757575;
    }

    .header-menu-our-service-areas li a:hover {
        color: #d36212;
    }

.service-menu-our-service-areas {
    border-top: 1px solid #f4f4f4;
    z-index: 5;
    display: block;
    margin-bottom: 11px;
}


    .service-menu-our-service-areas ul {
        margin: 0;
        padding: 0;
        width: 116%;
    }

    .service-menu-our-service-areas li {
        display: inline-block;
        text-align: center;
        padding: 35px 0px 22px 0;
        margin-right: 55px;
        margin-left: 4px;
    }

    .service-menu-our-service-areas a {
        font-family: 'Flexo Medium';
        font-size: 16px;
        color: #212020;
    }

        .service-menu-our-service-areas a:hover {
            color: #d36212;
        }

.service-form-our-service-areas {
    float: left;
    background: #d36212;
    padding: 12px 15px;
    color: #FFF;
    font-family: 'Flexo Medium';
    font-size: 14px;
    cursor: pointer;
    border-radius: 23px;
    margin: 34px 0px 0 5px;
}

    .service-form-our-service-areas:hover {
        border-radius: 1px;
        transition: 0.6s;
        background: #EF8B47;
    }

.our-service-header {
    display: table;
    margin: 0;
    font-family: 'Flexo Regular';
    color: #d36212;
    width: 100%;
}

    .our-service-header h1 {
        font-size: 30px;
        margin: 15px 0 0 0;
        font-weight: 500;
    }

.our-service-areas-address {
    position: absolute;
    z-index: -5;
    top: 356px;
}


    .our-service-areas-address img {
        width: 100%;
        height: 100%;
    }

.footer-shape-our-service-areas-6 {
    width: 100%;
    height: 1113px;
    background: #fff;
    display: block;
    position: absolute;
    z-index: -2;
    left: 0;
    top: 283%;
}

.our-service-areas-shape {
    width: 1200px;
    height: 1535px;
    background: #fff;
    z-index: 99;
    position: relative;
    top: 41px;
}

/* Servis Bölgelerimiz Liste */

.header-shape-our-service-areas-list {
    width: 63%;
    height: 0px;
    content: '';
    position: absolute;
    border-width: 198px 351px 0px;
    border-style: solid;
    border-color: #fff transparent;
    left: 0;
}


    .header-shape-our-service-areas-list::after {
        content: '';
        position: relative;
        display: inline-block;
        width: 0px;
        height: 0;
        border-left: 153px solid transparent;
        border-right: 2px solid transparent;
        border-bottom: 435px solid #fff;
        margin-top: -390px;
        margin-left: -233px;
        transform: rotate(119deg);
        box-shadow: 17px 20px 46px -10px rgb(57 54 68 / 11%)
    }

    .header-shape-our-service-areas-list::before {
        content: '';
        position: absolute;
        display: inline-block;
        width: 0px;
        height: 0;
        border-left: 153px solid transparent;
        border-right: 2px solid transparent;
        border-bottom: 393px solid #fff;
        margin-top: -30.3%;
        margin-left: 105%;
        transform: rotate(61deg);
        box-shadow: 17px 20px 46px -10px rgb(57 54 68 / 11%);
        z-index: -5;
    }

.header-menu-our-service-areas-list {
    display: inline-block;
    padding-top: 47px;
    float: left;
    padding-left: 113px;
}

    .header-menu-our-service-areas-list ul {
        display: inline-block;
        margin: 0;
        padding: 0;
    }

    .header-menu-our-service-areas-list li {
        display: table;
        height: 100%;
        float: left;
        margin: 0 12px 0 12px;
        font-family: 'Flexo Medium';
        font-size: 14px;
    }

        .header-menu-our-service-areas-list li a {
            color: #757575;
        }

            .header-menu-our-service-areas-list li a:hover {
                color: #d36212;
            }

.service-menu-our-service-areas-list {
    border-top: 1px solid #f4f4f4;
    z-index: 5;
    display: block;
    margin-bottom: 11px;
}


    .service-menu-our-service-areas-list ul {
        margin: 0;
        padding: 0;
        width: 116%;
    }

    .service-menu-our-service-areas-list li {
        display: inline-block;
        text-align: center;
        padding: 35px 0px 22px 0;
        margin-right: 55px;
        margin-left: 4px;
    }

    .service-menu-our-service-areas-list a {
        font-family: 'Flexo Medium';
        font-size: 16px;
        color: #212020;
    }

        .service-menu-our-service-areas-list a:hover {
            color: #d36212;
        }

.service-form-our-service-areas-list {
    float: left;
    background: #d36212;
    padding: 12px 15px;
    color: #FFF;
    font-family: 'Flexo Medium';
    font-size: 14px;
    cursor: pointer;
    border-radius: 23px;
    margin: 34px 0px 0 5px;
}

    .service-form-our-service-areas-list:hover {
        border-radius: 1px;
        transition: 0.6s;
        background: #EF8B47;
    }

.header-logo-our-service-areas-list {
    float: left;
    padding-top: 12px;
}

.header-right-our-service-areas-list {
    width: 80%;
    display: table;
    float: right;
}

.our-service-areas-shape-right {
    width: 80%;
    display: table;
    float: left;
}

.our-service-areas-shape-2 {
    width: 1200px;
    height: max-content;
    background: #fff;
    z-index: 99;
    position: relative;
    margin-bottom: 50px;
    margin-top: 54px;
}

.our-service-img {
    display: inline-block;
    margin-top: 40px;
    margin-left: 36px;
    float: left;
    border-radius: 50%;
    width: 168px;
    height: 164px;
}

.our-service-list {
    display: table;
    width: 100%;
}

.li our-service-list:nth-child(2) {
    border-top: 1px solid #f7fafc;
    display: table;
    width: 100%;
}

.li our-service-list:nth-child(3) {
    border-top: 1px solid #f7fafc;
    display: table;
    width: 100%;
}

.our-service-list:nth-child(4) {
    border-top: 1px solid #f7fafc;
    display: table;
    width: 100%;
}

.our-service-list:nth-child(5) {
    border-top: 1px solid #f7fafc;
    display: table;
    width: 100%;
}

.our-service-list:nth-child(6) {
    border-top: 1px solid #f7fafc;
    display: table;
    width: 100%;
}

.our-service-list:nth-child(7) {
    border-top: 1px solid #f7fafc;
    display: table;
    width: 100%;
}

.our-service-list:nth-child(8) {
    border-top: 1px solid #f7fafc;
    display: table;
    width: 100%;
}

.our-service-list:nth-child(9) {
    border-top: 1px solid #f7fafc;
    display: table;
    width: 100%;
}

.detail {
    display: table;
    margin: 40px 0 20px 0;
    float: right;
}

    .detail a {
        font-family: 'Flexo Medium';
        font-size: 14px;
        color: #d36212;
        text-decoration: underline;
        transition-property: color;
        transition-duration: 0.6s;
        transition-delay: 0.6s;
    }

        .detail a:hover {
            color: #EF8B47;
        }

.footer-shape-our-service-areas-7 {
    width: 100%;
    height: 1113px;
    background: #fff;
    display: block;
    position: absolute;
    z-index: -2;
    left: 0;
    top: 302%;
}

/* Servis Bölgelerimiz Detay */


.header-shape-our-service-areas-detail {
    width: 63%;
    height: 0px;
    content: '';
    position: absolute;
    border-width: 198px 351px 0px;
    border-style: solid;
    border-color: #fff transparent;
    left: 0;
}


    .header-shape-our-service-areas-detail::after {
        content: '';
        position: relative;
        display: inline-block;
        width: 0px;
        height: 0;
        border-left: 153px solid transparent;
        border-right: 2px solid transparent;
        border-bottom: 435px solid #fff;
        margin-top: -390px;
        margin-left: -233px;
        transform: rotate(119deg);
        box-shadow: 17px 20px 46px -10px rgb(57 54 68 / 11%)
    }

    .header-shape-our-service-areas-detail::before {
        content: '';
        position: absolute;
        display: inline-block;
        width: 0px;
        height: 0;
        border-left: 153px solid transparent;
        border-right: 2px solid transparent;
        border-bottom: 393px solid #fff;
        margin-top: -30.3%;
        margin-left: 105%;
        transform: rotate(61deg);
        box-shadow: 17px 20px 46px -10px rgb(57 54 68 / 11%);
        z-index: -5;
    }

.header-logo-our-service-areas-detail {
    float: left;
    padding-top: 12px;
}

.header-right-our-service-areas-detail {
    width: 80%;
    display: table;
    float: right;
}

.header-menu-our-service-areas-detail {
    display: inline-block;
    padding-top: 47px;
    float: left;
    padding-left: 113px;
}

    .header-menu-our-service-areas-detail ul {
        display: inline-block;
        margin: 0;
        padding: 0;
    }

    .header-menu-our-service-areas-detail li {
        display: table;
        height: 100%;
        float: left;
        margin: 0 12px 0 12px;
        font-family: 'Flexo Medium';
        font-size: 14px;
    }

        .header-menu-our-service-areas-detail li a {
            color: #757575;
        }

            .header-menu-our-service-areas-detail li a:hover {
                color: #d36212;
            }

.service-form-our-service-areas-detail {
    float: left;
    background: #d36212;
    padding: 12px 15px;
    color: #FFF;
    font-family: 'Flexo Medium';
    font-size: 14px;
    cursor: pointer;
    border-radius: 23px;
    margin: 34px 0px 0 5px;
}

    .service-form-our-service-areas-detail:hover {
        border-radius: 1px;
        transition: 0.6s;
        background: #EF8B47;
    }

.service-menu-our-service-areas-detail {
    border-top: 1px solid #f4f4f4;
    z-index: 5;
    display: block;
    margin-bottom: 11px;
}


    .service-menu-our-service-areas-detail ul {
        margin: 0;
        padding: 0;
        width: 116%;
    }

    .service-menu-our-service-areas-detail li {
        display: inline-block;
        text-align: center;
        padding: 35px 0px 22px 0;
        margin-right: 55px;
        margin-left: 4px;
    }

    .service-menu-our-service-areas-detail a {
        font-family: 'Flexo Medium';
        font-size: 16px;
        color: #212020;
    }

        .service-menu-our-service-areas-detail a:hover {
            color: #d36212;
        }

.our-service-region {
    float: right;
    background: #d36212;
    padding: 17px 33px;
    color: #FFF;
    font-family: 'Flexo Medium';
    font-size: 14px;
    cursor: pointer;
    margin-right: 0;
    bottom: 66px;
}

    .our-service-region:hover {
        transition: 0.6s;
        background: #EF8B47;
    }

.our-regions-detail-header-2 {
    font-family: 'Flexo Medium';
    font-size: 20px;
    color: #212020;
    padding-top: 46px;
}

    .our-regions-detail-header-2 h2 {
        font-size: 24px;
        font-weight: 100;
        margin: 0 auto;
    }

.our-regions-detail-img {
    /* max-width: 338px;
    max-height: 225px;*/
    width: 100%;
    height: 100%;
    object-fit: cover;
}

    .our-regions-detail-img img {
        float: left;
        border-radius: 50%;
        width: 230px;
        height: 227px;
        margin-top: 11px;
        object-fit: cover;
        margin-right: 68px;
    }

.our-regions-detail-text {
    font-family: 'Flexo Medium';
    font-size: 16px;
    color: #757575;
    text-align: justify;
    padding-top: 14px;
    line-height: 1.6;
}

.our-key-services-header {
    font-family: 'Flexo Medium';
    font-size: 20px;
    color: #212020;
    margin-top: 88px;
}

.our-regions-detail-text-2 {
    font-family: 'Flexo Medium';
    font-size: 16px;
    color: #757575;
    text-align: justify;
    padding: 15px 0 15px 0;
    line-height: 1.8;
}

.our-key-services-header-2 {
    font-family: 'Flexo Medium';
    font-size: 20px;
    color: #212020;
    padding-top: 15px;
}

.our-regions-detail-text-3 {
    font-family: 'Flexo Medium';
    font-size: 16px;
    color: #757575;
    text-align: justify;
    padding: 15px 0 15px 0;
    line-height: 1.8;
}

.our-key-services-header-3 {
    font-family: 'Flexo Medium';
    font-size: 20px;
    color: #212020;
    padding-top: 15px;
}

.our-regions-detail-text-4 {
    font-family: 'Flexo Medium';
    font-size: 16px;
    color: #757575;
    text-align: justify;
    padding: 15px 0 15px 0;
    line-height: 1.8;
}

.galeri {
    width: 100%;
    /* height: 115px;*/
    position: relative;
}

.our-regions-images {
    display: inline-block;
    margin: 20px 0 20px 0;
    padding: 0;
    width: 110%;
}

    .our-regions-images img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .our-regions-images.dokuman {
        display: inline-block;
        margin: 20px 0 -100px 0;
        padding: 0;
        font-family: 'Flexo Medium';
        font-size: 16px;
    }

        .our-regions-images.dokuman a::before {
            content: "\f019";
            font-family: "Font Awesome 6 Free";
            font-weight: 900;
            margin-right: 10px;
            color: #d36212;
        }

        .our-regions-images.dokuman a {
            color: #d36212;
        }

        .our-regions-images.dokuman li::after {
            display: none;
        }

        .our-regions-images.dokuman li {
            display: block;
            float: left;
            margin-top: 30px;
        }

    .our-regions-images li {
        display: block;
        float: left;
        width: 341px;
        height: 229px;
        margin-left: 0;
        margin-top: 30px;
        margin-right: 89px;
    }

.our-regions-images-video {
    display: inline-block;
    margin: 20px 0 50px 0;
    padding: 0;
    width: 110%;
}

.our-regions-images li::after {
    content: url(../images/image-shadow.png);
    display: block;
    position: relative;
    bottom: 28px;
    right: 8px;
    z-index: -9;
}

.our-regions-images li:last-child {
    display: block;
    padding-left: 0px;
    padding-right: 0px;
}

.our-regions-table {
    font-family: 'Flexo Medium';
    font-size: 16px;
    color: #757575;
}

    .our-regions-table table {
        width: 1200px !important;
        text-align: left;
        border-collapse: collapse;
    }

        .our-regions-table table tbody tr:first-child {
            background-color: #efefef;
            font-family: 'Flexo Medium';
            font-size: 20px;
            color: #212020;
        }

        .our-regions-table table tbody tr:nth-child(2n+1) {
            background-color: #efefef;
        }

        .our-regions-table table td {
            vertical-align: top;
            line-height: 24px;
            padding: 0 0px 10px 20px;
        }

.footer-shape-services-detail-8 {
    width: 100%;
    height: 1113px;
    background: #fff;
    display: block;
    position: absolute;
    z-index: -2;
    left: 0;
    top: 299%;
}

/* İletişim */

.header-shape-contact {
    width: 63%;
    height: 0px;
    content: '';
    position: absolute;
    border-width: 198px 351px 0px;
    border-style: solid;
    border-color: #fff transparent;
    left: 0;
}


    .header-shape-contact::after {
        content: '';
        position: relative;
        display: inline-block;
        width: 0px;
        height: 0;
        border-left: 153px solid transparent;
        border-right: 2px solid transparent;
        border-bottom: 435px solid #fff;
        margin-top: -390px;
        margin-left: -233px;
        transform: rotate(119deg);
        box-shadow: 17px 20px 46px -10px rgb(57 54 68 / 11%)
    }

    .header-shape-contact::before {
        content: '';
        position: absolute;
        display: inline-block;
        width: 0px;
        height: 0;
        border-left: 153px solid transparent;
        border-right: 2px solid transparent;
        border-bottom: 393px solid #fff;
        margin-top: -30.3%;
        margin-left: 105%;
        transform: rotate(61deg);
        box-shadow: 17px 20px 46px -10px rgb(57 54 68 / 11%);
        z-index: -5;
    }

.header-logo-contact {
    float: left;
    padding-top: 12px;
}

.header-right-contact {
    width: 80%;
    display: table;
    float: right;
}

.header-menu-contact {
    display: inline-block;
    padding-top: 47px;
    float: left;
    padding-left: 113px;
}

    .header-menu-contact ul {
        display: inline-block;
        margin: 0;
        padding: 0;
    }

    .header-menu-contact li {
        display: table;
        height: 100%;
        float: left;
        margin: 0 12px 0 12px;
        font-family: 'Flexo Medium';
        font-size: 14px;
    }

        .header-menu-contact li a {
            color: #757575;
        }

            .header-menu-contact li a:hover {
                color: #d36212;
            }

.service-form-contact {
    float: left;
    background: #d36212;
    padding: 12px 15px;
    color: #FFF;
    font-family: 'Flexo Medium';
    font-size: 14px;
    cursor: pointer;
    border-radius: 23px;
    margin: 34px 0px 0 5px;
}

    .service-form-contact:hover {
        border-radius: 1px;
        transition: 0.6s;
        background: #EF8B47;
    }

.service-menu-contact {
    border-top: 1px solid #f4f4f4;
    z-index: 5;
    display: block;
    margin-bottom: 11px;
}


    .service-menu-contact ul {
        margin: 0;
        padding: 0;
        width: 116%;
    }

    .service-menu-contact li {
        display: inline-block;
        text-align: center;
        padding: 35px 0px 22px 0;
        margin-right: 55px;
        margin-left: 4px;
    }

    .service-menu-contact a {
        font-family: 'Flexo Medium';
        font-size: 16px;
        color: #212020;
    }

        .service-menu-contact a:hover {
            color: #d36212;
        }

.iletisim-page {
    display: block;
    width: 100%;
}

.iletisim-page-left {
    display: table;
    width: 42%;
    float: left;
}

.iletisim-adres {
    font-family: 'Flexo Regular';
    font-size: 18px;
    color: #757575;
    display: inline-block;
    padding: 60px 0 0 0;
    text-align: justify;
    line-height: 1.5;
    margin: 60px 0px 7px 0px;
    padding: 0px 0 0 32px;
    background-image: url(../images/iletisim-konum.png);
    background-repeat: no-repeat;
    background-position: left center;
    width: 92%;
}

.iletisim-sosyal {
    display: inline-block;
    margin: 20px 25px 0px 0px;
    padding: 0px 0 0 32px;
    background-image: url(../images/iletisim-telefon.png);
    background-repeat: no-repeat;
    background-position: left center;
}

    .iletisim-sosyal a {
        font-family: 'Flexo Regular';
        font-size: 16px;
        color: #757575;
    }

.iletisim-sosyal-2 {
    font-family: 'Flexo Regular';
    font-size: 16px;
    color: #757575;
    margin: 0px 0px 7px 0px;
    padding: 0px 0 0 32px;
    display: inline-block;
    background-image: url(../images/iletisim-whatsapp.png);
    background-repeat: no-repeat;
    background-position: left center;
}

    .iletisim-sosyal-2 a {
        font-family: 'Flexo Regular';
        font-size: 16px;
        color: #757575;
    }

.iletisim-image {
    background-image: url(../images/iletisim-2.png);
    background-repeat: no-repeat;
    background-position: center center;
    width: 490px;
    height: 490px;
    display: inline-block;
    margin-top: 50px;
}

.iletisim-shape {
    width: 489px;
    height: 324px;
    background: #c75b11;
    display: inline-block;
    background: rgba(174, 72, 0, 79%);
    margin-top: 166px;
}

.iletisim-header {
    font-family: 'Flexo Medium';
    font-size: 30px;
    color: #ffffff;
    text-align: justify;
    width: 84%;
    padding: 60px 0px 30px 24px;
}

.iletisim-text {
    font-family: 'Flexo Regular';
    font-size: 23px;
    color: #fff;
    text-align: justify;
    line-height: 1.5;
    padding: 20px 0px 0px 0px;
}

.iletisim-page-right {
    display: table;
    width: 55%;
    float: right;
    margin: 67px 0 0 0;
    height: 193px;
}

    .iletisim-page-right iframe {
        width: 100%;
        height: 331%;
    }

.opinions-suggestions {
    display: block;
    width: 100%;
}

.opinions-header {
    font-family: 'Flexo Bold';
    font-size: 30px;
    color: #ff9630;
    display: block;
    padding: 29px 0px 0 30px;
}

.opinions-suggestions-image {
    background-image: url(../images/cerrajero-las-tablas-scaled.jpg);
    background-repeat: no-repeat;
    display: inline-block;
    width: 1920px;
    height: 445px;
    margin: 35px 0 0px -369.9px;
    background-size: 100.9%;
}

.opinions-suggestions-image-shape {
    width: 1920px;
    height: 445px;
    background: rgba(249, 250, 249, 79%);
}

.opinions-suggestions-image-shape-2 {
    width: 1254px;
    height: 445px;
    background: rgba(252, 243, 243, 23%);
    margin-left: 17%;
    box-shadow: 0px 0px 24px -10px rgb(0 0 0 / 69%);
}

.iletisim-form-bottom {
    display: table;
    width: 100%;
}

.iletisim-form-left {
    display: inline-block;
    float: left;
    width: 43%;
}

.iletisim-form-right {
    display: inline-block;
    width: 57%;
}

.iletisim-form.konu input {
    background-color: #fff;
    padding: 15px 31px;
    margin: 27px 0 0 -7px;
    border: 2px solid #edecec;
    width: 85%;
    font-family: 'Flexo Medium';
    font-size: 16px;
    color: #b4b4b4;
    outline: 0;
}

.iletisim-form.konu .iletisim-form-shape {
    display: inline-block;
    position: relative;
    z-index: 78;
}

    .iletisim-form.konu .iletisim-form-shape::after {
        content: '';
        display: inline-block;
        width: 15px;
        height: 12px;
        box-shadow: 7px 0px 3px -2px rgb(0 0 0 / 30%);
        /* margin-top: -69px; */
        margin-bottom: 68px;
        margin-left: 50px;
    }


.iletisim-form-shape.mesaj .iletisim-form-shape {
    display: inline-block;
    position: relative;
    z-index: 79;
}

    .iletisim-form-shape.mesaj .iletisim-form-shape::after {
        content: '';
        display: inline-block;
        width: 15px;
        height: 16px;
        box-shadow: 7px 0px 3px -2px rgb(0 0 0 / 30%);
        margin-top: -70px;
        margin-bottom: 63px;
        margin-left: 50px;
    }

.iletisim-form {
    width: 100%;
    margin-bottom: 10px;
    float: left;
    position: relative
}

.FormError {
    position: absolute;
    top: 30px
}

.iletisim-form-shape {
    width: 65px;
    height: 66px;
    background: #fff;
    float: left;
    margin: 20px 7px 0px 25px;
    box-shadow: 0px 0px 23px -14px rgb(0 0 0 / 74%) inset
}

    .iletisim-form-shape::after {
        content: '';
        display: inline-block;
        width: 15px;
        height: 66px;
        box-shadow: 7px 0px 3px -2px rgb(0 0 0 / 30%);
        margin-top: -68px;
        margin-bottom: 13px;
        margin-left: 50px;
    }


    .iletisim-form-shape img {
        width: 39px;
        height: 43px;
        display: block;
        margin: 11px 13px;
    }

.iletisim-form input {
    background-color: #fff;
    padding: 14px 31px;
    margin: 27px 0 0 -7px;
    border: 2px solid #edecec;
    width: 65%;
    font-family: 'Flexo Medium';
    font-size: 16px;
    color: #b4b4b4;
    outline: 0;
}

.iletisim-form:nth-child(4) {
    display: inline-block;
    float: right;
    width: 75%;
    margin-top: -288px;
    margin-right: -221px;
}

    .iletisim-form:nth-child(4) input {
        background-color: #fff;
        margin: 26px 0 0 -7px;
        border: 2px solid #edecec;
        width: 60%;
        font-family: 'Flexo Medium';
        font-size: 16px;
        color: #b4b4b4;
        outline: 0;
    }

.iletisim-form:nth-child(5) {
    display: inline-block;
    float: right;
    width: 59%;
    margin-top: -198px;
    margin-right: 11px;
}

.iletisim-form-shape.mesaj {
    display: inline-block;
    margin-left: 24px;
    z-index: 458;
    position: relative;
}

    .iletisim-form-shape.mesaj::after {
        margin-bottom: 62px;
        z-index: -8;
        position: relative;
        height: 15px;
    }

.iletisim-form textarea {
    font-family: 'Flexo Medium';
    font-size: 16px;
    width: 92%;
    height: 151px;
    background-color: white;
    color: #b4b4b4;
    resize: none;
    margin: 34px 0 0 -55px;
    padding: 18px 0 0 81px;
    border: 2px solid #edecec;
    outline: 0;
}

.recapthca {
    background-image: url(../images/re-capthca.png);
    background-repeat: no-repeat;
    width: 270px;
    height: 72px;
    display: block;
    margin-left: 60%;
    margin-top: -85px;
}

.iletisim-form-send-button {
    display: block;
    float: right;
    width: 133px;
    height: 61px;
    background-color: #212020;
    border-radius: 7px;
    margin-right: 18px;
    margin-top: 1px;
    box-shadow: inset 0px 5px 13px -5px rgb(255 255 255);
}

    .iletisim-form-send-button a {
        font-family: 'Flexo Regular';
        font-size: 18px;
        padding: 19px 37px 19px 34px;
        display: block;
        color: #fff;
        width: 100%;
    }

span#ContentPlaceHolder1_lblSonuc {
    display: block;
    float: left;
    color: green;
    margin-top: -25px;
    margin-top: 18px;
    margin-left: 31px;
    font-size: 18px;
}

span#ContentPlaceHolder1_reqEPosta {
    display: block;
    margin-top: 13px;
    margin-left: 93px;
    position: absolute
}

.contact-form-warning {
    color: red !important;
    display: block;
    float: left;
    margin-top: 26px;
    margin-left: 112px;
    font-size: 18px;
}

.servis-form-success {
    display: block;
    float: left;
    color: green;
    margin-top: 31px;
    margin-left: 115px;
    font-size: 18px;
}

.FormMessageError {
    display: block;
    position: relative;
    bottom: 136px;
}

.ServisError {
    position: relative;
    bottom: -32px;
    float: right;
    right: 23px;
}

.ServisTextError {
    position: relative;
    bottom: -22px;
    float: right;
    right: 23px;
}

.FormTelefonError {
    color: red;
}

.contact-form-success {
    display: block;
    float: left;
    color: green;
    margin-top: -25px;
    margin-left: 31px;
}

.footer-iletisim-8 {
    width: 100%;
    height: 1113px;
    background: #fff;
    display: block;
    position: absolute;
    z-index: -2;
    left: 0;
    top: 217%;
}

/* Servis Talep Formu */

.header-shape-service-request-form {
    width: 63%;
    height: 0px;
    content: '';
    position: absolute;
    border-width: 198px 351px 0px;
    border-style: solid;
    border-color: #fff transparent;
    left: 0;
}


    .header-shape-service-request-form::after {
        content: '';
        position: relative;
        display: inline-block;
        width: 0px;
        height: 0;
        border-left: 153px solid transparent;
        border-right: 2px solid transparent;
        border-bottom: 435px solid #fff;
        margin-top: -390px;
        margin-left: -233px;
        transform: rotate(119deg);
        box-shadow: 17px 20px 46px -10px rgb(57 54 68 / 11%)
    }

    .header-shape-service-request-form::before {
        content: '';
        position: absolute;
        display: inline-block;
        width: 0px;
        height: 0;
        border-left: 153px solid transparent;
        border-right: 2px solid transparent;
        border-bottom: 393px solid #fff;
        margin-top: -30.3%;
        margin-left: 105%;
        transform: rotate(61deg);
        box-shadow: 17px 20px 46px -10px rgb(57 54 68 / 11%);
        z-index: -5;
    }

.header-logo-service-request-form {
    float: left;
    padding-top: 12px;
}

.header-right-service-request-form {
    width: 80%;
    display: table;
    float: right;
}

.header-menu-service-request-form {
    display: inline-block;
    padding-top: 47px;
    float: left;
    padding-left: 113px;
}

    .header-menu-service-request-form ul {
        display: inline-block;
        margin: 0;
        padding: 0;
    }

    .header-menu-service-request-form li {
        display: table;
        height: 100%;
        float: left;
        margin: 0 12px 0 12px;
        font-family: 'Flexo Medium';
        font-size: 14px;
    }

        .header-menu-service-request-form li a {
            color: #757575;
        }

            .header-menu-service-request-form li a:hover {
                color: #d36212;
            }

.service-form-service-request-form {
    float: left;
    background: #d36212;
    padding: 12px 15px;
    color: #FFF;
    font-family: 'Flexo Medium';
    font-size: 14px;
    cursor: pointer;
    border-radius: 23px;
    margin: 34px 0px 0 5px;
}

    .service-form-service-request-form:hover {
        border-radius: 1px;
        transition: 0.6s;
        background: #EF8B47;
    }

.service-menu-service-request-form {
    border-top: 1px solid #f4f4f4;
    z-index: 5;
    display: block;
    margin-bottom: 11px;
}


    .service-menu-service-request-form ul {
        margin: 0;
        padding: 0;
        width: 116%;
    }

    .service-menu-service-request-form li {
        display: inline-block;
        text-align: center;
        padding: 35px 0px 22px 0;
        margin-right: 55px;
        margin-left: 4px;
    }

    .service-menu-service-request-form a {
        font-family: 'Flexo Medium';
        font-size: 16px;
        color: #212020;
    }

        .service-menu-service-request-form a:hover {
            color: #d36212;
        }

.service-request-form {
    background-image: url(../images/servis-form.png);
    background-repeat: no-repeat;
    width: 1233px;
    height: 632px;
    display: inline-block;
    position: relative;
    right: 36px;
    top: 20px;
}

.request-form {
    width: 100%;
    display: inline-block;
    margin-bottom: 10px;
}

    .request-form input::placeholder {
        color: #b4b4b4;
    }

    .request-form textarea::placeholder {
        color: #b4b4b4;
    }

.service {
    width: 100%;
    float: left;
    margin: 60px 0 -12px 90px;
    display: inline-block;
}

.service-form-shape {
    width: 65px;
    height: 66px;
    background: #fff;
    float: left;
    margin: 15px 7px 0px 25px;
    box-shadow: 0px 0px 23px -14px rgb(0 0 0 / 74%) inset;
    position: relative;
}

    .service-form-shape::after {
        content: '';
        display: inline-block;
        width: 15px;
        height: 66px;
        box-shadow: 7px 0px 3px -2px rgb(0 0 0 / 30%);
        margin-top: -68px;
        margin-bottom: 13px;
        margin-left: 50px;
    }

    .service-form-shape img {
        width: 39px;
        height: 43px;
        display: block;
        margin: 11px 13px;
    }

.request-form input {
    background-color: #fff;
    padding: 13px 30px;
    margin: 23px 0 0 -7px;
    border: 2px solid #edecec;
    width: 32%;
    font-family: 'Flexo Medium';
    font-size: 16px;
    color: #b4b4b4;
    outline: 0;
    position: absolute;
}

span#ContentPlaceHolder1_revTelefonTxt {
    display: block;
    float: right;
    margin: 27px 19px 0px 0px;
}

span#ContentPlaceHolder1_revEpostatxt {
    display: block;
    margin: 86px 0px -32px 32px;
    bottom: 0px;
    color: #d36212 !important;
}
/*.request-form select {
    background-color: #fff;
    padding: 13px 31px;
    margin: 23px 0 0 -7px;
    border: 2px solid #edecec;
    width: 32.3%;
    font-family: 'Flexo Medium';
    font-size: 16px;
    color: #b4b4b4;
    outline: 0;
    position: absolute;
}*/
/*  .request-form select::after {
        content: "\f0d7";
        font-family: "Font Awesome 6 Free";
        font-size: 20px;
    }*/
/*.request-form #neighbourhood {
    background-color: #fff;
    padding: 13px 31px;
    margin: 28px 0 0 -7px;
    border: 2px solid #edecec;
    width: 32.3%;
    font-family: 'Flexo Medium';
    font-size: 16px;
    color: #b4b4b4;
    outline: 0;
    position: absolute;
}*/
.request-form-left {
    display: inline-block;
    float: left;
    width: 42%;
}

.request-form-right {
    display: inline-block;
    width: 47%;
    margin-left: 15px;
}

.request-form textarea {
    font-family: 'Flexo Medium';
    font-size: 16px;
    width: 88%;
    height: 136px;
    background-color: white;
    color: #b4b4b4;
    resize: none;
    margin: 33px 0 0 -59px;
    padding: 21px 0 0 76px;
    border: 2px solid #edecec;
    outline: 0;
}

.request-form.adres {
    margin-bottom: 30px;
}

    .request-form.adres .service-form-shape {
        display: inline-block;
        position: relative;
        z-index: 78;
    }

        .request-form.adres .service-form-shape::after {
            content: '';
            display: inline-block;
            width: 15px;
            height: 16px;
            box-shadow: 7px 0px 3px -2px rgb(0 0 0 / 30%);
            margin-top: -70px;
            margin-bottom: 63px;
            margin-left: 50px;
        }

.request-form.talep textarea {
    height: 239px;
}

.request-form.talep .service-form-shape {
    display: inline-block;
    position: relative;
    z-index: 79;
}

    .request-form.talep .service-form-shape::after {
        content: '';
        display: inline-block;
        width: 15px;
        height: 16px;
        box-shadow: 7px 0px 3px -2px rgb(0 0 0 / 30%);
        margin-top: -70px;
        margin-bottom: 63px;
        margin-left: 50px;
    }

.recapthca-form {
    background-image: url(../images/re-capthca.png);
    background-repeat: no-repeat;
    width: 270px;
    height: 72px;
    display: block;
    margin-left: 56%;
    margin-top: -69px;
    position: relative;
}

.request-form-send-button {
    display: block;
    float: right;
    width: 133px;
    height: 61px;
    background-color: #212020;
    border-radius: 7px;
    margin-right: 59px;
    margin-top: 7px;
    box-shadow: inset 0px 5px 13px -5px rgb(255 255 255);
}

    .request-form-send-button a {
        font-family: 'Flexo Regular';
        font-size: 18px;
        padding: 19px 37px 19px 34px;
        display: block;
        color: #fff;
        width: 100%;
    }

.footer-request-8 {
    width: 100%;
    height: 1113px;
    background: #fff;
    display: block;
    position: absolute;
    z-index: -2;
    left: 0;
    top: 160%;
}
/* 404.aspx */
.header-logo-hata {
    float: left;
    padding-top: 12px;
}

.header-shape-404 {
    width: 99.7%;
    /*width: 62.6%;*/
    content: '';
    position: absolute;
    border-width: 198px 351px 0px;
    border-style: solid;
    border-color: #fff transparent;
    left: 0;
}

    .header-shape-404::after {
        content: '';
        position: relative;
        display: inline-block;
        width: 0px;
        height: 0;
        border-left: 153px solid transparent;
        border-right: 2px solid transparent;
        border-bottom: 435px solid #fff;
        margin-top: -390px;
        margin-left: -233px;
        transform: rotate(119deg);
        box-shadow: 17px 2px 16px -10px rgb(57 54 68 / 11%);
    }

    .header-shape-404::before {
        content: '';
        position: absolute;
        display: inline-block;
        width: 0px;
        height: 0;
        border-left: 153px solid transparent;
        border-right: 2px solid transparent;
        border-bottom: 393px solid #fff;
        margin-top: -30.8%;
        margin-left: 105%;
        transform: rotate(61deg);
        box-shadow: 17px 0px 48px -8px rgb(57 54 68 / 11%);
        z-index: -5;
    }

.header-shape-bottom-404 {
    width: 1200px;
    height: 64px;
    background: #fff;
    position: absolute;
    top: -67px;
    z-index: -8;
    box-shadow: -1px 16px 25px -12px rgb(57 54 68 / 11%);
}



.error {
    background-color: #fff;
}

.breadcrumb-hata {
    display: block;
    margin: 0px auto 0 auto;
}

.breadcrum-list-hata {
    display: table;
    height: 100%;
    width: 100%;
}

    .breadcrum-list-hata ul {
        margin: 0;
        padding: 0;
    }

    .breadcrum-list-hata li {
        display: table;
        padding: 10px 0px 10px 0;
        float: left;
        font-family: 'Flexo Medium';
        font-size: 14px;
    }

        .breadcrum-list-hata li::after {
            content: '/';
            margin: 0 5px 0 5px;
            color: #757575;
        }

        .breadcrum-list-hata li:last-child::after {
            display: none;
        }

        .breadcrum-list-hata li a {
            color: #757575;
        }

            .breadcrum-list-hata li a:hover {
                color: #d36212;
            }

.phone-404 {
    background-image: url(../images/tel.svg);
    background-repeat: no-repeat;
    background-position: left 93%;
    background-size: 23%;
    float: right;
    z-index: 66;
    padding-top: 34px;
    margin-left: 23px;
}



    .phone-404 ul {
        display: table;
        margin: 0;
        padding: 0;
        margin-left: 52px;
        font-family: 'Flexo Medium';
        font-size: 16px;
    }

        .phone-404 ul li {
            width: 100%;
        }

            .phone-404 ul li a {
                color: #d36212;
                /*   bottom: 47px;*/
            }

.page-content.hata2 {
    width: 1200px;
    margin: 89px auto;
}

.hata-404 {
    display: block;
    /* float: left; */
    width: 100%;
}

.hata {
    display: inline-block;
    position: relative;
    margin-left: -135px;
    float: left;
    width: 38%;
}

.hata-2 {
    display: inline-block;
    float: right;
    width: 53%;
    margin-right: -42px;
}

.hata-404-header {
    font-family: 'Flexo Bold';
    font-size: 260px;
    display: block;
    margin-bottom: 20px;
    color: #252322;
    margin: 0 0 -25px 0px;
}

.hata-text {
    font-family: 'Flexo Bold';
    font-size: 47px;
    color: #252322;
}

.hata-text2 {
    font-family: 'Flexo Regular';
    font-size: 30px;
    color: #252322;
    width: 103%;
    margin-top: 66px;
    line-height: 1.5;
}

.footer-bottom-left-404 {
    float: left;
    margin-top: 50px;
    margin-left: 5px;
    display: table;
    width: 35%;
}

    .footer-bottom-left-404 p {
        font-family: 'Flexo Medium';
        font-size: 10px;
        color: #212020;
    }


.footer-bottom-center-404 {
    float: left;
    display: table;
}

    .footer-bottom-center-404 img {
        position: relative;
        margin-top: 27px;
        margin-left: 59px;
        opacity: 0.5;
    }


.footer-bottom-right-404 a {
    font-family: 'Flexo Medium';
    font-size: 10px;
    float: right;
    color: #212020;
    margin-top: 55px;
    margin-right: 4px;
}
/* 500.aspx */
.header-logo-hata {
    float: left;
    padding-top: 12px;
}

.header-shape-500 {
    width: 99.7%;
    /*width: 62.6%;*/
    content: '';
    position: absolute;
    border-width: 198px 351px 0px;
    border-style: solid;
    border-color: #fff transparent;
    left: 0;
}

    .header-shape-500::after {
        content: '';
        position: relative;
        display: inline-block;
        width: 0px;
        height: 0;
        border-left: 153px solid transparent;
        border-right: 2px solid transparent;
        border-bottom: 435px solid #fff;
        margin-top: -390px;
        margin-left: -233px;
        transform: rotate(119deg);
        box-shadow: 17px 2px 16px -10px rgb(57 54 68 / 11%);
    }

    .header-shape-500::before {
        content: '';
        position: absolute;
        display: inline-block;
        width: 0px;
        height: 0;
        border-left: 153px solid transparent;
        border-right: 2px solid transparent;
        border-bottom: 393px solid #fff;
        margin-top: -30.8%;
        margin-left: 105%;
        transform: rotate(59deg);
        box-shadow: 17px 0px 48px -8px rgb(57 54 68 / 11%);
        z-index: -5;
    }

.header-shape-bottom-500 {
    width: 1191px;
    height: 64px;
    background: #fff;
    position: absolute;
    top: -64px;
    z-index: -8;
    box-shadow: -1px 16px 25px -12px rgb(57 54 68 / 11%);
}

.header-shape-bottom-500 {
    width: 1191px;
}

.error {
    background-color: #fff;
}

.breadcrumb-hata {
    display: block;
    margin: 0px auto 0 auto;
}

.breadcrum-list-hata {
    display: table;
    height: 100%;
    width: 100%;
}

    .breadcrum-list-hata ul {
        margin: 0;
        padding: 0;
    }

    .breadcrum-list-hata li {
        display: table;
        padding: 10px 0px 10px 0;
        float: left;
        font-family: 'Flexo Medium';
        font-size: 14px;
    }

        .breadcrum-list-hata li::after {
            content: '/';
            margin: 0 5px 0 5px;
            color: #757575;
        }

        .breadcrum-list-hata li:last-child::after {
            display: none;
        }

        .breadcrum-list-hata li a {
            color: #757575;
        }

            .breadcrum-list-hata li a:hover {
                color: #d36212;
            }

.phone-404 {
    background-image: url(../images/tel.svg);
    background-repeat: no-repeat;
    background-position: left 93%;
    background-size: 23%;
    float: right;
    z-index: 66;
    padding-top: 34px;
    margin-left: 23px;
}



    .phone-404 ul {
        display: table;
        margin: 0;
        padding: 0;
        margin-left: 52px;
        font-family: 'Flexo Medium';
        font-size: 16px;
    }

        .phone-404 ul li {
            width: 100%;
        }

            .phone-404 ul li a {
                color: #d36212;
                /*   bottom: 47px;*/
            }

.page-content.hata2 {
    width: 1200px;
    margin: 89px auto;
}

.hata-404 {
    display: block;
    /* float: left; */
    width: 100%;
}

.hata {
    display: inline-block;
    position: relative;
    margin-left: 0;
    float: left;
    width: 46%;
    margin-top: 28px;
}

    .hata img {
        max-width: 100%;
        max-height: 100%;
        object-fit: cover;
    }

.hata-2 {
    display: inline-block;
    float: right;
    width: 53%;
    margin-right: -42px;
}

.hata-500 {
    font-family: 'Flexo Bold';
    font-size: 260px;
    display: block;
    color: #252322;
    margin: 0 0 -25px 0px;
}

.hata-text {
    font-family: 'Flexo Bold';
    font-size: 41px;
    color: #252322;
}

.hata-text2 {
    font-family: 'Flexo Regular';
    font-size: 30px;
    color: #252322;
    width: 103%;
    margin-top: 66px;
    line-height: 1.5;
}

.footer-bottom-left-500 {
    float: left;
    margin-top: 50px;
    margin-left: 5px;
    display: table;
    width: 35%;
}

    .footer-bottom-left-500 p {
        font-family: 'Flexo Medium';
        font-size: 10px;
        color: #212020;
    }


.footer-bottom-center-500 {
    float: left;
    display: table;
}

    .footer-bottom-center-500 img {
        position: relative;
        margin-top: 27px;
        margin-left: 59px;
        opacity: 0.5;
    }


.footer-bottom-right-500 a {
    font-family: 'Flexo Medium';
    font-size: 10px;
    float: right;
    color: #212020;
    margin-top: 55px;
    margin-right: 4px;
}
/* width:1680 */
@media only screen and (min-width:1601px) and (max-width: 1680px) {

    /* Ansayfa */
    .header-shape::before {
        border-left: 155px solid transparent;
        border-right: 2px solid transparent;
        border-bottom: 287px solid #fff;
        margin-top: -24.5%;
        margin-left: 99%;
        transform: rotate(52.5deg);
        box-shadow: 7px -3px 20px -10px rgb(57 54 68 / 11%);
    }

    .header-shape::after {
        border-left: 121px solid transparent;
        border-right: 2px solid transparent;
        border-bottom: 315px solid #fff;
        margin-top: -311px;
        margin-left: -147px;
        transform: rotate(128.5deg);
        box-shadow: 12px 5px 17px -10px rgb(57 54 68 / 11%);
    }

    .header-shape-bottom {
        top: -65px;
    }

    .header-shape {
        border-width: 186px 238px 0px;
    }

    .tick {
        margin-top: 21px;
    }

    .footer-shape-2 {
        width: 88%;
        left: 20%;
    }
    /* Kurumsal */
    .header-shape-corporate {
        border-width: 178px 243px 0px;
        width: 71%;
    }

        .header-shape-corporate::after {
            border-left: 121px solid transparent;
            border-right: 2px solid transparent;
            border-bottom: 315px solid #fff;
            margin-top: -297px;
            margin-left: -147px;
            transform: rotate(126deg);
            box-shadow: -3px 36px -50px -13px rgb(57 54 68 / 11%);
        }

        .header-shape-corporate::before {
            border-left: 155px solid transparent;
            border-right: 2px solid transparent;
            border-bottom: 286px solid #fff;
            margin-top: -24.9%;
            margin-left: 100%;
            transform: rotate(54.5deg);
            box-shadow: 64px 36px 78px -65px rgb(57 54 68 / 11%);
        }

    .header-shape-corparete-2 {
        width: 1191px;
    }

    .armut-logo-corporate {
        margin-left: 62.7%;
    }

        .armut-logo-corporate::after {
            margin-left: 63px;
        }

    .locksmith-service-form {
        left: 54.7%;
    }

    .footer-shape-corporate-3 {
        top: 245%;
        width: 99.8%;
    }

    .footer-shape-corporate-2 {
        width: 86.7%;
        left: 20%;
    }

    .service-menu-corporate {
        border-top: 1px solid #f4f4f4;
        z-index: 5;
        display: block;
        margin-bottom: 11px;
    }

    /*Hizmetlerimiz*/
    .header-shape-regions {
        border-width: 178px 243px 0px;
        width: 71%;
    }

        .header-shape-regions::before {
            border-left: 155px solid transparent;
            border-right: 2px solid transparent;
            border-bottom: 286px solid #fff;
            margin-top: -24.9%;
            margin-left: 100%;
            transform: rotate(54.5deg);
            box-shadow: 64px 36px 78px -65px rgb(57 54 68 / 11%);
        }

        .header-shape-regions::after {
            border-left: 121px solid transparent;
            border-right: 2px solid transparent;
            border-bottom: 315px solid #fff;
            margin-top: -297px;
            margin-left: -147px;
            transform: rotate(126deg);
            box-shadow: -3px 36px -50px -13px rgb(57 54 68 / 11%);
        }

    .header-shape-regions-3 {
        width: 1191px;
    }

    .footer-shape-services-4 {
        top: 225%;
        width: 99.8%;
    }
    /*Hizmetlerimiz Detay*/
    .header-shape-regions-detail {
        border-width: 178px 243px 0px;
        width: 71%;
    }

        .header-shape-regions-detail::before {
            border-left: 155px solid transparent;
            border-right: 2px solid transparent;
            border-bottom: 286px solid #fff;
            margin-top: -24.9%;
            margin-left: 100%;
            transform: rotate(54.5deg);
            box-shadow: 64px 36px 78px -65px rgb(57 54 68 / 11%);
        }

    .header-shape-regions-detail-4 {
        width: 1191px;
    }

    .header-shape-regions-detail::after {
        border-left: 121px solid transparent;
        border-right: 2px solid transparent;
        border-bottom: 315px solid #fff;
        margin-top: -297px;
        margin-left: -147px;
        transform: rotate(126deg);
        box-shadow: -3px 36px -50px -13px rgb(57 54 68 / 11%);
    }

    .footer-shape-services-detail-5 {
        top: 269%;
    }
    /*Servis Bölgelerimiz*/
    .header-shape-our-service-areas {
        border-width: 178px 243px 0px;
        width: 71%;
    }

        .header-shape-our-service-areas::before {
            border-left: 155px solid transparent;
            border-right: 2px solid transparent;
            border-bottom: 286px solid #fff;
            margin-top: -24.9%;
            margin-left: 100%;
            transform: rotate(54.5deg);
            box-shadow: 64px 36px 78px -65px rgb(57 54 68 / 11%);
        }

    .header-shape-our-service-areas-4 {
        width: 1191px;
    }

    .header-shape-our-service-areas::after {
        border-left: 121px solid transparent;
        border-right: 2px solid transparent;
        border-bottom: 315px solid #fff;
        margin-top: -297px;
        margin-left: -147px;
        transform: rotate(126deg);
        box-shadow: -3px 36px -50px -13px rgb(57 54 68 / 11%);
    }

    .footer-shape-our-service-areas-6 {
        top: 393%;
    }
    /*Servis Bölgelerimiz Detay*/
    .header-shape-our-service-areas-detail {
        border-width: 178px 243px 0px;
        width: 71%;
    }

        .header-shape-our-service-areas-detail::before {
            border-left: 155px solid transparent;
            border-right: 2px solid transparent;
            border-bottom: 286px solid #fff;
            margin-top: -24.9%;
            margin-left: 100%;
            transform: rotate(54.5deg);
            box-shadow: 64px 36px 78px -65px rgb(57 54 68 / 11%);
        }

    .header-shape-our-service-areas-detail-5 {
        width: 1191px;
    }

    .header-shape-our-service-areas-detail::after {
        border-left: 121px solid transparent;
        border-right: 2px solid transparent;
        border-bottom: 315px solid #fff;
        margin-top: -297px;
        margin-left: -147px;
        transform: rotate(126deg);
        box-shadow: -3px 36px -50px -13px rgb(57 54 68 / 11%);
    }

    .footer-shape-services-detail-8 {
        top: 417%;
    }
    /*Servis Bölgelerimiz Liste*/
    .header-shape-our-service-areas-list {
        border-width: 178px 243px 0px;
        width: 71%;
    }

        .header-shape-our-service-areas-list::before {
            border-left: 155px solid transparent;
            border-right: 2px solid transparent;
            border-bottom: 286px solid #fff;
            margin-top: -24.9%;
            margin-left: 100%;
            transform: rotate(54.5deg);
            box-shadow: 64px 36px 78px -65px rgb(57 54 68 / 11%);
        }

    .header-shape-our-service-areas-list-5 {
        width: 1191px;
    }

    .header-shape-our-service-areas-list::after {
        border-left: 121px solid transparent;
        border-right: 2px solid transparent;
        border-bottom: 315px solid #fff;
        margin-top: -297px;
        margin-left: -147px;
        transform: rotate(126deg);
        box-shadow: -3px 36px -50px -13px rgb(57 54 68 / 11%);
    }

    .footer-shape-our-service-areas-7 {
        top: 418%;
    }
    /*İletişim*/
    .header-shape-contact {
        border-width: 178px 243px 0px;
        width: 71%;
    }

        .header-shape-contact::before {
            border-left: 155px solid transparent;
            border-right: 2px solid transparent;
            border-bottom: 286px solid #fff;
            margin-top: -24.9%;
            margin-left: 100%;
            transform: rotate(54.5deg);
            box-shadow: 64px 36px 78px -65px rgb(57 54 68 / 11%);
        }

    .header-shape-contact-4 {
        width: 1191px;
    }

    .header-shape-contact::after {
        border-left: 121px solid transparent;
        border-right: 2px solid transparent;
        border-bottom: 315px solid #fff;
        margin-top: -297px;
        margin-left: -147px;
        transform: rotate(126deg);
        box-shadow: -3px 36px -50px -13px rgb(57 54 68 / 11%);
    }

    .opinions-suggestions-image {
        width: 1790px;
    }

    .opinions-suggestions-image-shape {
        width: 1790px;
    }

    .footer-iletisim-8 {
        top: 299%;
    }
    /*Servis Talep Formu*/
    .header-shape-service-request-form {
        border-width: 178px 243px 0px;
        width: 71%;
    }

        .header-shape-service-request-form::before {
            border-left: 155px solid transparent;
            border-right: 2px solid transparent;
            border-bottom: 286px solid #fff;
            margin-top: -24.9%;
            margin-left: 100%;
            transform: rotate(54.5deg);
            box-shadow: 64px 36px 78px -65px rgb(57 54 68 / 11%);
        }

    .header-shape-service-request-form-8 {
        width: 1191px;
    }

    .header-shape-service-request-form::after {
        border-left: 121px solid transparent;
        border-right: 2px solid transparent;
        border-bottom: 315px solid #fff;
        margin-top: -297px;
        margin-left: -147px;
        transform: rotate(126deg);
        box-shadow: -3px 36px -50px -13px rgb(57 54 68 / 11%);
    }

    .footer-request-8 {
        top: 222%;
    }
    /*404*/
    .header-shape-404::before {
        border-left: 151px solid transparent;
        border-right: 2px solid transparent;
        border-bottom: 287px solid #fff;
        margin-top: -24.5%;
        margin-left: 99%;
        transform: rotate(52.5deg);
        box-shadow: 7px -4px 10px -4px rgb(57 54 68 / 11%);
    }

    .header-shape-404::after {
        border-left: 121px solid transparent;
        border-right: 2px solid transparent;
        border-bottom: 315px solid #fff;
        margin-top: -311px;
        margin-left: -147px;
        transform: rotate(128.5deg);
        box-shadow: 12px 9px 9px -11px rgb(57 54 68 / 11%);
    }

    .header-shape-bottom-404 {
        height: 64px;
        box-shadow: 0px -13px 13px 15px rgb(57 54 68 / 11%);
        top: -65px;
        left: 5px;
        width: 1179px;
    }

    .header-shape-404 {
        border-width: 186px 238px 0px;
    }

    .hata img {
        max-width: 90%;
    }

    .hata-404-header {
        font-size: 230px;
    }
    /*500*/
    .header-shape-500::before {
        border-left: 151px solid transparent;
        border-right: 2px solid transparent;
        border-bottom: 287px solid #fff;
        margin-top: -24.5%;
        margin-left: 99%;
        transform: rotate(52.5deg);
        box-shadow: 7px -4px 10px -4px rgb(57 54 68 / 11%);
    }

    .header-shape-500::after {
        border-left: 121px solid transparent;
        border-right: 2px solid transparent;
        border-bottom: 315px solid #fff;
        margin-top: -311px;
        margin-left: -147px;
        transform: rotate(128.5deg);
        box-shadow: 12px 9px 9px -11px rgb(57 54 68 / 11%);
    }

    .header-shape-bottom-500 {
        height: 64px;
        box-shadow: 0px -13px 13px 15px rgb(57 54 68 / 11%);
        top: -65px;
        left: 5px;
        width: 1179px;
    }

    .header-shape-500 {
        border-width: 186px 238px 0px;
    }
}
/* width 1600 */
@media only screen and (min-width:1551px) and (max-width: 1600px) {
    /*Anasayfa*/
    .header-shape {
        width: 100%;
        border-width: 180px 182px 0px;
    }

        .header-shape::before {
            border-left: 107px solid transparent;
            border-right: 2px solid transparent;
            border-bottom: 250px solid #fff;
            margin-top: -20.3%;
            margin-left: 100%;
            transform: rotate(45.8deg);
            box-shadow: 14px 9px 26px -6px rgb(57 54 68 / 11%);
            z-index: -5;
        }

        .header-shape::after {
            border-left: 119px solid transparent;
            border-right: 2px solid transparent;
            border-bottom: 366px solid #fff;
            margin-top: -379px;
            margin-left: -149px;
            transform: rotate(135deg);
        }

    .tick {
        margin-top: -7px;
    }

    .footer-shape-2 {
        width: 83%;
        left: 16.7%;
    }
    /*Kurumsal*/
    .header-shape-corporate {
        width: 74.4%;
        border-width: 200px 205px 0px;
    }

        .header-shape-corporate::after {
            height: 57px;
            border-left: 67px solid transparent;
            border-right: 2px solid transparent;
            border-bottom: 279px solid #fff;
            margin-top: -274px;
            margin-left: -95px;
            transform: rotate(135deg);
            box-shadow: 32px 22px 17px -31px rgb(57 54 68 / 11%);
        }

        .header-shape-corporate::before {
            border-left: 155px solid transparent;
            border-right: 2px solid transparent;
            border-bottom: 279px solid #fff;
            margin-top: -24.9%;
            margin-left: 96.9%;
            transform: rotate(44.8deg);
            box-shadow: 32px 22px 17px -31px rgb(57 54 68 / 11%);
        }

    .header-shape-corparete-2 {
        width: 1191px;
    }

    .footer-shape-corporate-2 {
        width: 83%;
        left: 16.7%;
    }

    .footer-shape-corporate-3 {
        top: 190%;
    }
    /*Hizmetlerimiz*/
    .header-shape-regions {
        width: 76.5%;
        border-width: 180px 182px 0px;
    }

        .header-shape-regions::before {
            border-left: 107px solid transparent;
            border-right: 2px solid transparent;
            border-bottom: 250px solid #fff;
            margin-top: -21.3%;
            margin-left: 100%;
            transform: rotate(45.8deg);
            box-shadow: 14px 9px 26px -6px rgb(57 54 68 / 11%);
            z-index: -5;
        }

    .header-shape-regions-3 {
        width: 1190px;
        height: 72px;
    }

    .header-shape-regions::after {
        border-left: 119px solid transparent;
        border-right: 2px solid transparent;
        border-bottom: 366px solid #fff;
        margin-top: -379px;
        margin-left: -149px;
        transform: rotate(135deg);
    }

    .footer-shape-services-4 {
        top: 175%;
    }
    /*Hizmetlerimiz Detay*/
    .header-shape-regions-detail {
        width: 74.4%;
        border-width: 200px 205px 0px;
    }

        .header-shape-regions-detail::before {
            border-left: 155px solid transparent;
            border-right: 2px solid transparent;
            border-bottom: 279px solid #fff;
            margin-top: -24.9%;
            margin-left: 96.9%;
            transform: rotate(44.8deg);
            box-shadow: 32px 22px 17px -31px rgb(57 54 68 / 11%);
        }

    .header-shape-regions-detail-4 {
        width: 1191px;
    }

    .header-shape-regions-detail::after {
        height: 57px;
        border-left: 67px solid transparent;
        border-right: 2px solid transparent;
        border-bottom: 279px solid #fff;
        margin-top: -274px;
        margin-left: -95px;
        transform: rotate(135deg);
        box-shadow: 32px 22px 17px -31px rgb(57 54 68 / 11%);
    }

    .footer-shape-services-detail-5 {
        top: 207%;
    }
    /*Servis Bölgelerimiz*/
    .header-shape-our-service-areas {
        width: 76.5%;
        border-width: 180px 182px 0px;
    }

        .header-shape-our-service-areas::before {
            border-left: 107px solid transparent;
            border-right: 2px solid transparent;
            border-bottom: 250px solid #fff;
            margin-top: -21.3%;
            margin-left: 100%;
            transform: rotate(45.8deg);
            box-shadow: 14px 9px 26px -6px rgb(57 54 68 / 11%);
            z-index: -5;
        }

    .header-shape-our-service-areas-4 {
        width: 1190px;
        height: 72px;
    }

    .header-shape-our-service-areas::after {
        border-left: 119px solid transparent;
        border-right: 2px solid transparent;
        border-bottom: 366px solid #fff;
        margin-top: -379px;
        margin-left: -149px;
        transform: rotate(135deg);
    }

    .footer-shape-our-service-areas-6 {
        top: 303%;
    }
    /*Servis Bölgelerimiz Detay*/
    .header-shape-our-service-areas-detail {
        width: 76.5%;
        border-width: 180px 182px 0px;
    }

        .header-shape-our-service-areas-detail::before {
            border-left: 107px solid transparent;
            border-right: 2px solid transparent;
            border-bottom: 250px solid #fff;
            margin-top: -21.3%;
            margin-left: 100%;
            transform: rotate(45.8deg);
            box-shadow: 14px 9px 26px -6px rgb(57 54 68 / 11%);
            z-index: -5;
        }

    .header-shape-our-service-areas-detail-5 {
        width: 1190px;
        height: 72px;
    }

    .header-shape-our-service-areas-detail::after {
        border-left: 119px solid transparent;
        border-right: 2px solid transparent;
        border-bottom: 366px solid #fff;
        margin-top: -379px;
        margin-left: -149px;
        transform: rotate(135deg);
    }

    .footer-shape-services-detail-8 {
        top: 324%;
    }
    /*Servis Bölgelerimiz Liste*/
    .header-shape-our-service-areas-list {
        width: 76.5%;
        border-width: 180px 182px 0px;
    }

        .header-shape-our-service-areas-list::before {
            border-left: 107px solid transparent;
            border-right: 2px solid transparent;
            border-bottom: 250px solid #fff;
            margin-top: -21.3%;
            margin-left: 100%;
            transform: rotate(45.8deg);
            box-shadow: 14px 9px 26px -6px rgb(57 54 68 / 11%);
            z-index: -5;
        }

    .header-shape-our-service-areas-list-5 {
        width: 1190px;
        height: 72px;
    }

    .header-shape-our-service-areas-list::after {
        border-left: 119px solid transparent;
        border-right: 2px solid transparent;
        border-bottom: 366px solid #fff;
        margin-top: -379px;
        margin-left: -149px;
        transform: rotate(135deg);
    }

    .footer-shape-our-service-areas-7 {
        top: 325%;
    }
    /*İletişim*/
    .header-shape-contact {
        width: 76.5%;
        border-width: 180px 182px 0px;
    }

        .header-shape-contact::before {
            border-left: 107px solid transparent;
            border-right: 2px solid transparent;
            border-bottom: 250px solid #fff;
            margin-top: -21.3%;
            margin-left: 100%;
            transform: rotate(45.8deg);
            box-shadow: 14px 9px 26px -6px rgb(57 54 68 / 11%);
            z-index: -5;
        }

    .header-shape-contact-4 {
        width: 1190px;
        height: 72px;
    }

    .header-shape-contact::after {
        border-left: 119px solid transparent;
        border-right: 2px solid transparent;
        border-bottom: 366px solid #fff;
        margin-top: -379px;
        margin-left: -149px;
        transform: rotate(135deg);
    }

    .opinions-suggestions-image {
        width: 1770px;
        background-size: cover;
        height: 445px;
    }

    .opinions-suggestions-image-shape {
        width: 100%;
    }

    .opinions-suggestions-image-shape-2 {
        margin-left: 20%;
    }

    .footer-iletisim-8 {
        top: 234%;
    }
    /*Servis Talep Formu*/
    .header-shape-service-request-form {
        width: 76.5%;
        border-width: 180px 182px 0px;
    }

        .header-shape-service-request-form::before {
            border-left: 107px solid transparent;
            border-right: 2px solid transparent;
            border-bottom: 250px solid #fff;
            margin-top: -21.3%;
            margin-left: 100%;
            transform: rotate(45.8deg);
            box-shadow: 14px 9px 26px -6px rgb(57 54 68 / 11%);
            z-index: -5;
        }

    .header-shape-service-request-form-8 {
        width: 1190px;
        height: 72px;
    }

    .header-shape-service-request-form::after {
        border-left: 119px solid transparent;
        border-right: 2px solid transparent;
        border-bottom: 366px solid #fff;
        margin-top: -379px;
        margin-left: -149px;
        transform: rotate(135deg);
    }

    .footer-request-8 {
        top: 172%;
    }
    /*400*/
    .header-shape-404 {
        border-width: 186px 186px 0px;
    }

        .header-shape-404::before {
            border-left: 107px solid transparent;
            border-right: 2px solid transparent;
            border-bottom: 250px solid #fff;
            margin-top: -21%;
            margin-left: 100%;
            transform: rotate(44.8deg);
            box-shadow: 7px -4px 10px -4px rgb(57 54 68 / 11%);
        }

        .header-shape-404::after {
            border-left: 76px solid transparent;
            border-right: 2px solid transparent;
            border-bottom: 269px solid #fff;
            margin-top: -292px;
            margin-left: -104px;
            transform: rotate(134.5deg);
            box-shadow: 12px 9px 9px -11px rgb(57 54 68 / 11%);
        }

    .header-shape-bottom-404 {
        width: 1217px;
        height: 64px;
        box-shadow: 0px -13px 13px 15px rgb(57 54 68 / 11%);
        top: -65px;
        left: 5px;
    }
    /*500*/
    .header-shape-500 {
        border-width: 186px 186px 0px;
    }

        .header-shape-500::before {
            border-left: 107px solid transparent;
            border-right: 2px solid transparent;
            border-bottom: 250px solid #fff;
            margin-top: -21%;
            margin-left: 100%;
            transform: rotate(44.8deg);
            box-shadow: 7px -4px 10px -4px rgb(57 54 68 / 11%);
        }

        .header-shape-500::after {
            border-left: 76px solid transparent;
            border-right: 2px solid transparent;
            border-bottom: 269px solid #fff;
            margin-top: -292px;
            margin-left: -104px;
            transform: rotate(134.5deg);
            box-shadow: 12px 9px 9px -11px rgb(57 54 68 / 11%);
        }

    .header-shape-bottom-500 {
        width: 1217px;
        height: 64px;
        box-shadow: 0px -13px 13px 15px rgb(57 54 68 / 11%);
        top: -65px;
        left: 5px;
    }
}
/*width 1550*/
@media only screen and (min-width:1441px) and (max-width:1550px) {
    /*Anasayfa*/
    .banner-image {
        height: 16%;
    }

    .header-shape {
        width: 100%;
        border-width: 180px 181px 0px;
    }

        .header-shape::before {
            border-left: 107px solid transparent;
            border-right: 2px solid transparent;
            border-bottom: 250px solid #fff;
            margin-top: -23%;
            margin-left: 100%;
            transform: rotate(43.8deg);
            box-shadow: 14px 9px 26px -6px rgb(57 54 68 / 11%);
            z-index: -5;
        }

        .header-shape::after {
            border-left: 119px solid transparent;
            border-right: 2px solid transparent;
            border-bottom: 366px solid #fff;
            margin-top: -379px;
            margin-left: -149px;
            transform: rotate(134deg);
        }

    .header-shape-bottom {
        width: 1162px;
        top: -76px;
    }

    .service-menu ul {
        width: 104%;
    }
    /*   .service-menu li {
        margin-right: 34px;
        margin-left: 25px;
    }*/
    .tick {
        margin-top: 13px;
    }

        .tick li {
            margin-left: 19px;
        }

            .tick li span {
                margin-left: 41px;
                margin-top: -27px;
                width: 106%;
            }

    .footer-shape-2 {
        width: 81%;
        left: 13.4%;
    }
    /*   Kurumsal*/
    .header-shape-corporate {
        width: 76.5%;
        border-width: 180px 182px 0px;
    }

        .header-shape-corporate::before {
            border-left: 107px solid transparent;
            border-right: 2px solid transparent;
            border-bottom: 250px solid #fff;
            margin-top: -21.3%;
            margin-left: 100%;
            transform: rotate(45.8deg);
            box-shadow: 14px 9px 26px -6px rgb(57 54 68 / 11%);
            z-index: -5;
        }

    .header-shape-corparete-2 {
        width: 1190px;
        height: 72px;
    }

    .header-shape-corporate::after {
        border-left: 119px solid transparent;
        border-right: 2px solid transparent;
        border-bottom: 366px solid #fff;
        margin-top: -379px;
        margin-left: -149px;
        transform: rotate(135deg);
    }

    .page-content {
        margin: 15px auto 0 auto;
    }

    .locksmith-service-form {
        left: 56.7%;
    }

    .service-menu-corporate ul {
        width: 104%;
    }

    .footer-shape-corporate-2 {
        width: 80.6%;
        left: 14.5%;
    }

    .service-menu {
        width: 101%;
        margin-left: 18px;
    }

        .service-menu li {
            padding: 15px 0px 42px 0;
            margin-right: 50px;
            margin-left: 6px;
        }

    .footer-shape-corporate-3 {
        top: 245%;
    }
    /*Hizmetlerimiz*/
    .header-shape-regions {
        width: 76.5%;
        border-width: 180px 182px 0px;
    }

        .header-shape-regions::before {
            border-left: 107px solid transparent;
            border-right: 2px solid transparent;
            border-bottom: 250px solid #fff;
            margin-top: -21.3%;
            margin-left: 100%;
            transform: rotate(45.8deg);
            box-shadow: 14px 9px 26px -6px rgb(57 54 68 / 11%);
            z-index: -5;
        }

    .header-shape-regions-3 {
        width: 1190px;
        height: 72px;
    }

    .header-shape-regions::after {
        border-left: 119px solid transparent;
        border-right: 2px solid transparent;
        border-bottom: 366px solid #fff;
        margin-top: -379px;
        margin-left: -149px;
        transform: rotate(135deg);
    }

    .our-service-menu ul {
        width: 104%;
    }

    .footer-shape-services-4 {
        top: 228%;
    }
    /*Hizmetlerimiz Detay*/
    .header-shape-regions-detail {
        width: 76.5%;
        border-width: 180px 182px 0px;
    }

        .header-shape-regions-detail::before {
            border-left: 107px solid transparent;
            border-right: 2px solid transparent;
            border-bottom: 250px solid #fff;
            margin-top: -21.3%;
            margin-left: 100%;
            transform: rotate(45.8deg);
            box-shadow: 14px 9px 26px -6px rgb(57 54 68 / 11%);
            z-index: -5;
        }

    .header-shape-regions-detail-4 {
        width: 1190px;
        height: 72px;
    }

    .header-shape-regions-detail::after {
        border-left: 119px solid transparent;
        border-right: 2px solid transparent;
        border-bottom: 366px solid #fff;
        margin-top: -379px;
        margin-left: -149px;
        transform: rotate(135deg);
    }

    .service-menu-our-service-areas ul {
        width: 104%;
    }

    .footer-shape-services-detail-5 {
        top: 267%;
    }
    /* Servis Bölgelerimiz*/
    .header-shape-our-service-areas {
        width: 76.5%;
        border-width: 180px 182px 0px;
    }

        .header-shape-our-service-areas::before {
            border-left: 107px solid transparent;
            border-right: 2px solid transparent;
            border-bottom: 250px solid #fff;
            margin-top: -21.3%;
            margin-left: 100%;
            transform: rotate(45.8deg);
            box-shadow: 14px 9px 26px -6px rgb(57 54 68 / 11%);
            z-index: -5;
        }

    .header-shape-our-service-areas-4 {
        width: 1190px;
        height: 72px;
    }

    .header-shape-our-service-areas::after {
        border-left: 119px solid transparent;
        border-right: 2px solid transparent;
        border-bottom: 366px solid #fff;
        margin-top: -379px;
        margin-left: -149px;
        transform: rotate(135deg);
    }

    .service-menu-our-service-areas ul {
        width: 104%;
    }

    .footer-shape-our-service-areas-6 {
        width: 99.8%;
        top: 393%;
    }
    /*Servis Bölgelerimiz Detay*/
    .header-shape-our-service-areas-detail {
        width: 76.5%;
        border-width: 180px 182px 0px;
    }

        .header-shape-our-service-areas-detail::before {
            border-left: 107px solid transparent;
            border-right: 2px solid transparent;
            border-bottom: 250px solid #fff;
            margin-top: -21.3%;
            margin-left: 100%;
            transform: rotate(45.8deg);
            box-shadow: 14px 9px 26px -6px rgb(57 54 68 / 11%);
            z-index: -5;
        }

    .header-shape-our-service-areas-detail-5 {
        width: 1190px;
        height: 72px;
    }

    .header-shape-our-service-areas-detail::after {
        border-left: 119px solid transparent;
        border-right: 2px solid transparent;
        border-bottom: 366px solid #fff;
        margin-top: -379px;
        margin-left: -149px;
        transform: rotate(135deg);
    }

    .service-menu-our-service-areas-detail ul {
        width: 104%;
    }

    .footer-shape-services-detail-8 {
        top: 415%;
    }
    /*Servis Bölgelerimiz Liste*/
    .header-shape-our-service-areas-list {
        width: 76.5%;
        border-width: 180px 182px 0px;
    }

        .header-shape-our-service-areas-list::before {
            border-left: 107px solid transparent;
            border-right: 2px solid transparent;
            border-bottom: 250px solid #fff;
            margin-top: -21.3%;
            margin-left: 100%;
            transform: rotate(45.8deg);
            box-shadow: 14px 9px 26px -6px rgb(57 54 68 / 11%);
            z-index: -5;
        }

    .header-shape-our-service-areas-list-5 {
        width: 1190px;
        height: 72px;
    }

    .header-shape-our-service-areas-list::after {
        border-left: 119px solid transparent;
        border-right: 2px solid transparent;
        border-bottom: 366px solid #fff;
        margin-top: -379px;
        margin-left: -149px;
        transform: rotate(135deg);
    }

    .service-menu-our-service-areas-list ul {
        width: 104%;
    }

    .footer-shape-our-service-areas-7 {
        top: 418%;
    }
    /*İletişim*/
    .header-shape-contact {
        width: 76.5%;
        border-width: 180px 182px 0px;
    }

        .header-shape-contact::before {
            border-left: 107px solid transparent;
            border-right: 2px solid transparent;
            border-bottom: 250px solid #fff;
            margin-top: -21.3%;
            margin-left: 100%;
            transform: rotate(45.8deg);
            box-shadow: 14px 9px 26px -6px rgb(57 54 68 / 11%);
            z-index: -5;
        }

    .header-shape-contact-4 {
        width: 1190px;
        height: 72px;
    }

    .header-shape-contact::after {
        border-left: 119px solid transparent;
        border-right: 2px solid transparent;
        border-bottom: 366px solid #fff;
        margin-top: -379px;
        margin-left: -149px;
        transform: rotate(135deg);
    }

    .service-menu-contact ul {
        width: 104%;
    }

    .opinions-suggestions-image {
        width: 1744px;
        height: 445px;
        background-size: cover;
    }

    .opinions-suggestions-image-shape {
        width: 100%;
    }

    .opinions-suggestions-image-shape-2 {
        margin-left: 19%;
    }

    .footer-iletisim-8 {
        top: 301%;
    }
    /*Servis Talep Formu*/
    .header-shape-service-request-form {
        width: 76.5%;
        border-width: 180px 182px 0px;
    }

        .header-shape-service-request-form::before {
            border-left: 107px solid transparent;
            border-right: 2px solid transparent;
            border-bottom: 250px solid #fff;
            margin-top: -21.3%;
            margin-left: 100%;
            transform: rotate(45.8deg);
            box-shadow: 14px 9px 26px -6px rgb(57 54 68 / 11%);
            z-index: -5;
        }

    .header-shape-service-request-form-8 {
        width: 1190px;
        height: 72px;
    }

    .header-shape-service-request-form::after {
        border-left: 119px solid transparent;
        border-right: 2px solid transparent;
        border-bottom: 366px solid #fff;
        margin-top: -379px;
        margin-left: -149px;
        transform: rotate(135deg);
    }

    .service-menu-service-request-form ul {
        width: 104%;
    }

    .footer-request-8 {
        top: 222%;
    }
    /*400*/
    .header-shape-404 {
        border-width: 186px 186px 0px;
    }

        .header-shape-404::before {
            border-left: 107px solid transparent;
            border-right: 2px solid transparent;
            border-bottom: 250px solid #fff;
            margin-top: -22.4%;
            margin-left: 100%;
            transform: rotate(44.8deg);
            box-shadow: 7px -4px 10px -4px rgb(57 54 68 / 11%);
        }

        .header-shape-404::after {
            border-left: 76px solid transparent;
            border-right: 2px solid transparent;
            border-bottom: 269px solid #fff;
            margin-top: -292px;
            margin-left: -104px;
            transform: rotate(134.5deg);
            box-shadow: 12px 9px 9px -11px rgb(57 54 68 / 11%);
        }

    .header-shape-bottom-404 {
        width: 1157px;
        height: 64px;
        box-shadow: 0px -13px 13px 15px rgb(57 54 68 / 11%);
        top: -65px;
        left: 5px;
    }

    /*500*/
    .header-shape-500 {
        border-width: 186px 186px 0px;
    }

        .header-shape-500::before {
            border-left: 107px solid transparent;
            border-right: 2px solid transparent;
            border-bottom: 250px solid #fff;
            margin-top: -22.4%;
            margin-left: 100%;
            transform: rotate(44.8deg);
            box-shadow: 7px -4px 10px -4px rgb(57 54 68 / 11%);
        }

        .header-shape-500::after {
            border-left: 76px solid transparent;
            border-right: 2px solid transparent;
            border-bottom: 269px solid #fff;
            margin-top: -292px;
            margin-left: -104px;
            transform: rotate(134.5deg);
            box-shadow: 12px 9px 9px -11px rgb(57 54 68 / 11%);
        }

    .header-shape-bottom-500 {
        width: 1139px;
        height: 64px;
        box-shadow: 0px -13px 13px 15px rgb(57 54 68 / 11%);
        top: -65px;
        left: 5px;
    }
}


/* width 1440 */
@media only screen and (min-width:1367px) and (max-width:1440px) {
    /*Anasayfa*/

    .header-shape {
        width: 100%;
        border-width: 169px 118px 0px;
    }
    /*   .banner-image {
        height: 13%;
    }*/

    .header {
        display: block;
        overflow: hidden
    }

    .main-our-services {
        overflow: hidden
    }

    .footer {
        overflow: hidden
    }

    .page {
        overflow: hidden;
        width: 100%
    }

    .header-shape::before {
        border-left: 116px solid transparent;
        border-right: 2px solid transparent;
        border-bottom: 208px solid #fff;
        margin-top: -19%;
        margin-left: 96%;
        transform: rotate(33.8deg);
        box-shadow: 14px 9px 26px -6px rgb(57 54 68 / 11%);
        z-index: -5;
    }

    .header-shape-bottom {
        width: 1173px;
    }

    .header-shape::after {
        border-left: 35px solid transparent;
        border-right: 2px solid transparent;
        border-bottom: 303px solid #fff;
        margin-top: -379px;
        margin-left: -91px;
        transform: rotate(146deg);
        box-shadow: 13px -1px 16px -9px rgb(57 54 68 / 11%);
    }

    .tick {
        margin-top: 43px;
    }

    .service-menu ul {
        width: 104%;
    }

    .footer-shape-2 {
        width: 76.7%;
        left: 10%;
    }
    /*Kurumsal*/
    .header-shape-corporate {
        width: 83.5%;
        border-width: 179px 118px 0px;
    }

        .header-shape-corporate::before {
            border-left: 107px solid transparent;
            border-right: 2px solid transparent;
            border-bottom: 212px solid #fff;
            margin-top: -21.3%;
            margin-left: 97%;
            transform: rotate(30.8deg);
            box-shadow: 14px 9px 26px -6px rgb(57 54 68 / 11%);
            z-index: -5;
        }

        .header-shape-corporate::after {
            border-left: 35px solid transparent;
            border-right: 2px solid transparent;
            border-bottom: 315px solid #fff;
            margin-top: -379px;
            margin-left: -91px;
            transform: rotate(146deg);
            box-shadow: 13px -1px 16px -9px rgb(57 54 68 / 11%);
        }

    .service-menu-corporate ul {
        width: 106%;
    }

    .footer-shape-corporate-2 {
        width: 76.5%;
        left: 10%;
    }

    .footer-shape-corporate-3 {
        top: 285%;
    }

    /*Hizmetlerimiz*/
    .header-shape-regions {
        width: 83.5%;
        border-width: 179px 118px 0px;
    }

        .header-shape-regions::before {
            border-left: 107px solid transparent;
            border-right: 2px solid transparent;
            border-bottom: 212px solid #fff;
            margin-top: -21.3%;
            margin-left: 97%;
            transform: rotate(30.8deg);
            box-shadow: 14px 9px 26px -6px rgb(57 54 68 / 11%);
            z-index: -5;
        }

        .header-shape-regions::after {
            border-left: 35px solid transparent;
            border-right: 2px solid transparent;
            border-bottom: 315px solid #fff;
            margin-top: -379px;
            margin-left: -91px;
            transform: rotate(146deg);
            box-shadow: 13px -1px 16px -9px rgb(57 54 68 / 11%);
        }

    .our-service-menu ul {
        width: 106%;
    }

    .footer-shape-services-4 {
        top: 265%;
    }
    /*Hizmetlerimiz Detay*/
    .header-shape-regions-detail {
        width: 83.5%;
        border-width: 179px 118px 0px;
    }

        .header-shape-regions-detail::before {
            border-left: 107px solid transparent;
            border-right: 2px solid transparent;
            border-bottom: 212px solid #fff;
            margin-top: -21.3%;
            margin-left: 97%;
            transform: rotate(30.8deg);
            box-shadow: 14px 9px 26px -6px rgb(57 54 68 / 11%);
            z-index: -5;
        }

        .header-shape-regions-detail::after {
            border-left: 35px solid transparent;
            border-right: 2px solid transparent;
            border-bottom: 315px solid #fff;
            margin-top: -379px;
            margin-left: -91px;
            transform: rotate(146deg);
            box-shadow: 13px -1px 16px -9px rgb(57 54 68 / 11%);
        }

    .our-service-detail-menu ul {
        width: 106%;
    }

    .footer-shape-services-detail-5 {
        top: 313%;
    }
    /*Servis Bölgelerimiz*/
    .header-shape-our-service-areas {
        width: 83.5%;
        border-width: 179px 118px 0px;
    }

        .header-shape-our-service-areas::before {
            border-left: 107px solid transparent;
            border-right: 2px solid transparent;
            border-bottom: 212px solid #fff;
            margin-top: -21.3%;
            margin-left: 97%;
            transform: rotate(30.8deg);
            box-shadow: 14px 9px 26px -6px rgb(57 54 68 / 11%);
            z-index: -5;
        }

        .header-shape-our-service-areas::after {
            border-left: 35px solid transparent;
            border-right: 2px solid transparent;
            border-bottom: 315px solid #fff;
            margin-top: -379px;
            margin-left: -91px;
            transform: rotate(146deg);
            box-shadow: 13px -1px 16px -9px rgb(57 54 68 / 11%);
        }

    .service-menu-our-service-areas ul {
        width: 106%;
    }

    .footer-shape-our-service-areas-6 {
        top: 458%;
    }
    /*Servis Bölgelerimiz Detay*/
    .header-shape-our-service-areas-detail {
        width: 83.5%;
        border-width: 179px 118px 0px;
    }

        .header-shape-our-service-areas-detail::before {
            border-left: 107px solid transparent;
            border-right: 2px solid transparent;
            border-bottom: 212px solid #fff;
            margin-top: -21.3%;
            margin-left: 97%;
            transform: rotate(30.8deg);
            box-shadow: 14px 9px 26px -6px rgb(57 54 68 / 11%);
            z-index: -5;
        }

        .header-shape-our-service-areas-detail::after {
            border-left: 35px solid transparent;
            border-right: 2px solid transparent;
            border-bottom: 315px solid #fff;
            margin-top: -379px;
            margin-left: -91px;
            transform: rotate(146deg);
            box-shadow: 13px -1px 16px -9px rgb(57 54 68 / 11%);
        }

    .service-menu-our-service-areas-detail ul {
        width: 106%;
    }

    .footer-shape-services-detail-8 {
        top: 487%;
    }
    /*Servis Bölgelerimiz Liste*/
    .header-shape-our-service-areas-list {
        width: 83.5%;
        border-width: 179px 118px 0px;
    }

        .header-shape-our-service-areas-list::before {
            border-left: 107px solid transparent;
            border-right: 2px solid transparent;
            border-bottom: 212px solid #fff;
            margin-top: -21.3%;
            margin-left: 97%;
            transform: rotate(30.8deg);
            box-shadow: 14px 9px 26px -6px rgb(57 54 68 / 11%);
            z-index: -5;
        }

        .header-shape-our-service-areas-list::after {
            border-left: 35px solid transparent;
            border-right: 2px solid transparent;
            border-bottom: 315px solid #fff;
            margin-top: -379px;
            margin-left: -91px;
            transform: rotate(146deg);
            box-shadow: 13px -1px 16px -9px rgb(57 54 68 / 11%);
        }

    .service-menu-our-service-areas-list ul {
        width: 106%;
    }

    .footer-shape-our-service-areas-7 {
        top: 487%;
    }
    /*İletişim*/
    .header-shape-contact {
        width: 83.5%;
        border-width: 179px 118px 0px;
    }

        .header-shape-contact::before {
            border-left: 107px solid transparent;
            border-right: 2px solid transparent;
            border-bottom: 212px solid #fff;
            margin-top: -21.3%;
            margin-left: 97%;
            transform: rotate(30.8deg);
            box-shadow: 14px 9px 26px -6px rgb(57 54 68 / 11%);
            z-index: -5;
        }

        .header-shape-contact::after {
            border-left: 35px solid transparent;
            border-right: 2px solid transparent;
            border-bottom: 315px solid #fff;
            margin-top: -379px;
            margin-left: -91px;
            transform: rotate(146deg);
            box-shadow: 13px -1px 16px -9px rgb(57 54 68 / 11%);
        }

    .service-menu-contact ul {
        width: 106%;
    }

    .opinions-suggestions-image {
        width: 1624.5px;
        margin-left: -305px;
        background-size: cover;
        height: 445px;
    }

    .opinions-suggestions-image-shape {
        width: 100%;
    }

    .footer-iletisim-8 {
        top: 350%;
    }
    /*Servis Talep Formu*/
    .header-shape-service-request-form {
        width: 83.5%;
        border-width: 179px 118px 0px;
    }

        .header-shape-service-request-form::before {
            border-left: 107px solid transparent;
            border-right: 2px solid transparent;
            border-bottom: 212px solid #fff;
            margin-top: -21.3%;
            margin-left: 97%;
            transform: rotate(30.8deg);
            box-shadow: 14px 9px 26px -6px rgb(57 54 68 / 11%);
            z-index: -5;
        }

        .header-shape-service-request-form::after {
            border-left: 35px solid transparent;
            border-right: 2px solid transparent;
            border-bottom: 315px solid #fff;
            margin-top: -379px;
            margin-left: -91px;
            transform: rotate(146deg);
            box-shadow: 13px -1px 16px -9px rgb(57 54 68 / 11%);
        }

    .service-menu-service-request-form ul {
        width: 106%;
    }

    .footer-request-8 {
        top: 259%;
    }
    /*400*/
    .header-shape-404 {
        border-width: 186px 186px 0px;
    }

        .header-shape-404::before {
            border-left: 107px solid transparent;
            border-right: 2px solid transparent;
            border-bottom: 250px solid #fff;
            margin-top: -24%;
            margin-left: 100%;
            transform: rotate(44.8deg);
            box-shadow: 7px -4px 10px -4px rgb(57 54 68 / 11%);
        }

        .header-shape-404::after {
            border-left: 76px solid transparent;
            border-right: 2px solid transparent;
            border-bottom: 269px solid #fff;
            margin-top: -292px;
            margin-left: -104px;
            transform: rotate(134.5deg);
            box-shadow: 12px 9px 9px -11px rgb(57 54 68 / 11%);
        }

    .header-shape-bottom-404 {
        width: 1062px;
        height: 64px;
        box-shadow: 0px -13px 13px 15px rgb(57 54 68 / 11%);
        top: -65px;
        left: 5px;
    }
    /*500*/
    .header-shape-500 {
        border-width: 186px 186px 0px;
    }

        .header-shape-500::before {
            border-left: 107px solid transparent;
            border-right: 2px solid transparent;
            border-bottom: 250px solid #fff;
            margin-top: -24%;
            margin-left: 100%;
            transform: rotate(44.8deg);
            box-shadow: 7px -4px 10px -4px rgb(57 54 68 / 11%);
        }

        .header-shape-500::after {
            border-left: 76px solid transparent;
            border-right: 2px solid transparent;
            border-bottom: 269px solid #fff;
            margin-top: -292px;
            margin-left: -104px;
            transform: rotate(134.5deg);
            box-shadow: 12px 9px 9px -11px rgb(57 54 68 / 11%);
        }

    .header-shape-bottom-500 {
        width: 1062px;
        height: 64px;
        box-shadow: 0px -13px 13px 15px rgb(57 54 68 / 11%);
        top: -65px;
        left: 5px;
    }
}
/*width 1366*/
@media only screen and (min-width:1359px) and (max-width:1366px) {
    /*anasayfa*/
    .header-shape {
        width: 100%;
        border-width: 176px 83px 0px;
    }

        .header-shape::before {
            border-left: 62px solid transparent;
            border-right: 0px solid transparent;
            border-bottom: 205px solid #fff;
            margin-top: -18%;
            margin-left: 98.4%;
            transform: rotate(25deg);
            width: 14px;
            height: 0;
        }

    .header-shape-bottom {
        width: 1185px;
    }

    .header-shape::after {
        border-left: 18px solid transparent;
        border-right: 2px solid transparent;
        border-bottom: 291px solid #fff;
        margin-top: -379px;
        margin-left: -64px;
        transform: rotate(154deg);
        box-shadow: 13px -1px 16px -9px rgb(57 54 68 / 11%);
    }

    .service-menu ul {
        width: 101%;
    }

    .service-menu li {
        margin-right: 41px;
        margin-left: 11px;
    }

    .tick {
        margin-top: 14px;
    }

    .phone-icon img {
        width: 67px;
    }

    .whatsapp {
        width: 111px;
    }

    .footer-shape-2 {
        width: 73.5%;
        left: 6.9%;
    }
    /*Kurumsal*/
    .header-shape-corporate {
        width: 88%;
        border-width: 176px 80px 0px;
    }

        .header-shape-corporate::before {
            border-left: 107px solid transparent;
            border-right: 0px solid transparent;
            border-bottom: 204px solid #fff;
            margin-top: -19%;
            margin-left: 90%;
            transform: rotate(24.9deg);
            width: 56px;
            height: 0;
        }

    .header-shape-corparete-2 {
        width: 1186px;
    }

    .header-shape-corporate::after {
        border-left: 18px solid transparent;
        border-right: 2px solid transparent;
        border-bottom: 291px solid #fff;
        margin-top: -379px;
        margin-left: -59px;
        transform: rotate(155deg);
        box-shadow: 13px -1px 16px -9px rgb(57 54 68 / 11%);
    }

    .service-menu-corporate ul {
        width: 101%;
    }

    .service-menu-corporate li {
        margin-right: 16px;
        margin-left: 37px;
    }

    .footer-shape-corporate-2 {
        left: 6.8%;
        width: 73.2%;
    }

    .footer-shape-corporate-3 {
        top: 270%;
    }

    .our-regions-detail-right2 {
        width: 106%;
        margin-left: 0px;
    }

    .regions-images-detail {
        width: 100%;
        margin-left: 0;
    }

    .regions-images-detail-video {
        margin-left: 145px;
    }

    .regions-images-detail li {
        margin-right: 69px;
    }

    .main-brands-list {
        width: 107%;
        margin-left: -50px;
    }
    /*Hizmetlerimiz*/
    .header-shape-regions {
        width: 90%;
        border-width: 176px 61px 0px;
    }

        .header-shape-regions::before {
            border-left: 107px solid transparent;
            border-right: 0px solid transparent;
            border-bottom: 211px solid #fff;
            margin-top: -20%;
            margin-left: 92%;
            transform: rotate(32.9deg);
            width: 56px;
            height: 0;
        }

    .header-shape-regions-3 {
        width: 1186px;
    }

    .header-shape-regions::after {
        border-left: 18px solid transparent;
        border-right: 2px solid transparent;
        border-bottom: 291px solid #fff;
        margin-top: -379px;
        margin-left: -44px;
        transform: rotate(160deg);
        box-shadow: 13px -1px 16px -9px rgb(57 54 68 / 11%);
    }

    .our-service-menu ul {
        width: 101%;
    }

    .our-service-menu li {
        margin-right: 16px;
        margin-left: 37px;
    }

    .footer-shape-services-4 {
        top: 253%;
    }
    /*Hizmetlerimiz Detay*/
    .header-shape-regions-detail {
        width: 90%;
        border-width: 176px 61px 0px;
    }

        .header-shape-regions-detail::before {
            border-left: 107px solid transparent;
            border-right: 0px solid transparent;
            border-bottom: 211px solid #fff;
            margin-top: -20%;
            margin-left: 92%;
            transform: rotate(32.9deg);
            width: 56px;
            height: 0;
        }

    .header-shape-regions-detail-4 {
        width: 1186px;
    }

    .header-shape-regions-detail::after {
        border-left: 18px solid transparent;
        border-right: 2px solid transparent;
        border-bottom: 291px solid #fff;
        margin-top: -379px;
        margin-left: -44px;
        transform: rotate(160deg);
        box-shadow: 13px -1px 16px -9px rgb(57 54 68 / 11%);
    }

    .our-service-detail-menu ul {
        width: 101%;
    }

    .our-service-detail-menu li {
        margin-right: 16px;
        margin-left: 37px;
    }

    .footer-shape-services-detail-5 {
        top: 297%;
    }

    .regions-images {
        width: 104%
    }

    .regions-images-video {
        width: 104%;
    }
    /*Servis Bölgelerimiz*/
    .header-shape-our-service-areas {
        width: 90%;
        border-width: 176px 61px 0px;
    }

        .header-shape-our-service-areas::before {
            border-left: 107px solid transparent;
            border-right: 0px solid transparent;
            border-bottom: 211px solid #fff;
            margin-top: -20%;
            margin-left: 92%;
            transform: rotate(32.9deg);
            width: 56px;
            height: 0;
        }

    .header-shape-our-service-areas-4 {
        width: 1186px;
    }

    .header-shape-our-service-areas::after {
        border-left: 18px solid transparent;
        border-right: 2px solid transparent;
        border-bottom: 291px solid #fff;
        margin-top: -379px;
        margin-left: -44px;
        transform: rotate(160deg);
        box-shadow: 13px -1px 16px -9px rgb(57 54 68 / 11%);
    }

    .service-menu-our-service-areas ul {
        width: 104%;
    }

    .footer-shape-our-service-areas-6 {
        top: 436%;
    }
    /*Servis Bölgelerimiz Detay*/
    .header-shape-our-service-areas-detail {
        width: 90%;
        border-width: 176px 61px 0px;
    }

        .header-shape-our-service-areas-detail::before {
            border-left: 107px solid transparent;
            border-right: 0px solid transparent;
            border-bottom: 211px solid #fff;
            margin-top: -20%;
            margin-left: 92%;
            transform: rotate(32.9deg);
            width: 56px;
            height: 0;
        }

    .header-shape-our-service-areas-detail-5 {
        width: 1186px;
    }

    .header-shape-our-service-areas-detail::after {
        border-left: 18px solid transparent;
        border-right: 2px solid transparent;
        border-bottom: 291px solid #fff;
        margin-top: -379px;
        margin-left: -44px;
        transform: rotate(160deg);
        box-shadow: 13px -1px 16px -9px rgb(57 54 68 / 11%);
    }

    .service-menu-our-service-areas-detail ul {
        width: 101%;
    }

    .service-menu-our-service-areas-detail li {
        margin-right: 16px;
        margin-left: 37px;
    }

    .our-regions-images {
        width: 106%;
    }

        .our-regions-images li {
            margin-right: 83px;
        }

    .our-regions-images-video {
        width: 100%;
    }

    .our-regions-images.dokuman li {
        width: auto;
        height: 92px;
    }

    .footer-shape-services-detail-8 {
        top: 462%;
    }
    /*Servis Bölgelerimiz Liste*/
    .header-shape-our-service-areas-list {
        width: 90%;
        border-width: 176px 61px 0px;
    }

        .header-shape-our-service-areas-list::before {
            border-left: 107px solid transparent;
            border-right: 0px solid transparent;
            border-bottom: 211px solid #fff;
            margin-top: -20%;
            margin-left: 92%;
            transform: rotate(32.9deg);
            width: 56px;
            height: 0;
        }

    .header-shape-our-service-areas-list-5 {
        width: 1186px;
    }

    .header-shape-our-service-areas-list::after {
        border-left: 18px solid transparent;
        border-right: 2px solid transparent;
        border-bottom: 291px solid #fff;
        margin-top: -379px;
        margin-left: -44px;
        transform: rotate(160deg);
        box-shadow: 13px -1px 16px -9px rgb(57 54 68 / 11%);
    }

    .service-menu-our-service-areas-list ul {
        width: 101%;
    }

    .service-menu-our-service-areas-list li {
        margin-right: 16px;
        margin-left: 37px;
    }

    .footer-shape-our-service-areas-7 {
        top: 464%;
    }
    /*İletişim*/
    .header-shape-contact {
        width: 90%;
        border-width: 176px 61px 0px;
    }

        .header-shape-contact::before {
            border-left: 107px solid transparent;
            border-right: 0px solid transparent;
            border-bottom: 211px solid #fff;
            margin-top: -20%;
            margin-left: 92%;
            transform: rotate(32.9deg);
            width: 56px;
            height: 0;
        }

    .header-shape-contact-4 {
        width: 1186px;
    }

    .header-shape-contact::after {
        border-left: 18px solid transparent;
        border-right: 2px solid transparent;
        border-bottom: 291px solid #fff;
        margin-top: -379px;
        margin-left: -44px;
        transform: rotate(160deg);
        box-shadow: 13px -1px 16px -9px rgb(57 54 68 / 11%);
    }

    .service-menu-contact ul {
        width: 101%;
    }

    .service-menu-contact li {
        margin-right: 16px;
        margin-left: 37px;
    }

    .opinions-suggestions-image {
        width: 1615px;
        margin-left: -332px;
        background-size: cover;
        height: 445px;
    }

    .opinions-suggestions-image-shape {
        width: 100%;
    }

    .opinions-suggestions-image-shape-2 {
        width: 1200px;
        height: 445px;
        background: rgba(252, 243, 243, 23%);
        margin-left: 20.5%;
        box-shadow: 0px 0px 24px -10px rgb(0 0 0 / 69%);
    }

    .footer-iletisim-8 {
        top: 335%;
    }
    /*Servis Talep Formu*/
    .header-shape-service-request-form {
        width: 90%;
        border-width: 176px 61px 0px;
    }

        .header-shape-service-request-form::before {
            border-left: 107px solid transparent;
            border-right: 0px solid transparent;
            border-bottom: 211px solid #fff;
            margin-top: -20%;
            margin-left: 92%;
            transform: rotate(32.9deg);
            width: 56px;
            height: 0;
        }

    .header-shape-service-request-form-8 {
        width: 1186px;
    }

    .header-shape-service-request-form::after {
        border-left: 18px solid transparent;
        border-right: 2px solid transparent;
        border-bottom: 291px solid #fff;
        margin-top: -379px;
        margin-left: -44px;
        transform: rotate(160deg);
        box-shadow: 13px -1px 16px -9px rgb(57 54 68 / 11%);
    }

    .service-menu-service-request-form ul {
        width: 101%;
    }

    .service-menu-service-request-form li {
        margin-right: 16px;
        margin-left: 37px;
    }

    .service {
        margin: 60px 0 -12px 72px;
    }

    .footer-request-8 {
        top: 244%;
    }
    /*404*/
    .header-shape-404 {
        border-width: 186px 186px 0px;
    }

        .header-shape-404::before {
            border-left: 107px solid transparent;
            border-right: 2px solid transparent;
            border-bottom: 250px solid #fff;
            margin-top: -26%;
            margin-left: 100%;
            transform: rotate(43.8deg);
            box-shadow: 7px -4px 10px -4px rgb(57 54 68 / 11%);
        }

        .header-shape-404::after {
            border-left: 76px solid transparent;
            border-right: 2px solid transparent;
            border-bottom: 269px solid #fff;
            margin-top: -292px;
            margin-left: -104px;
            transform: rotate(134.5deg);
            box-shadow: 12px 9px 9px -11px rgb(57 54 68 / 11%);
        }

    .header-shape-bottom-404 {
        width: 974px;
        height: 64px;
        box-shadow: 0 -5px 13px 15px rgb(57 54 68 / 11%);
        top: -73px;
        left: 5px;
    }

    .header-logo-hata {
        padding-left: 85px;
    }

    .phone-404 {
        margin-right: 111px;
    }

    .breadcrumb-hata {
        margin-left: 108px;
    }
    /*500*/
    .header-shape-500 {
        border-width: 186px 186px 0px;
    }

        .header-shape-500::before {
            border-left: 107px solid transparent;
            border-right: 2px solid transparent;
            border-bottom: 250px solid #fff;
            margin-top: -26%;
            margin-left: 100%;
            transform: rotate(43.8deg);
            box-shadow: 7px -4px 10px -4px rgb(57 54 68 / 11%);
        }

        .header-shape-500::after {
            border-left: 76px solid transparent;
            border-right: 2px solid transparent;
            border-bottom: 269px solid #fff;
            margin-top: -292px;
            margin-left: -104px;
            transform: rotate(134.5deg);
            box-shadow: 12px 9px 9px -11px rgb(57 54 68 / 11%);
        }

    .header-shape-bottom-500 {
        width: 974px;
        height: 64px;
        box-shadow: 0 -5px 13px 15px rgb(57 54 68 / 11%);
        top: -73px;
        left: 5px;
    }

    .header-logo-hata {
        padding-left: 85px;
    }

    .phone-404 {
        margin-right: 111px;
    }

    .breadcrumb-hata {
        margin-left: 108px;
    }
}
/*width 1360*/
@media only screen and (min-width:1277px) and (max-width:1360px) {
    /*Anasayfa*/
    .header-right {
        width: 72%;
    }

    .footer-shape-2 {
        width: 73.5%;
        left: 6.7%;
    }
    /*Kurumsal*/
    .header-menu-corporate {
        padding-left: 100px;
    }

    .header-shape-corporate {
        border-width: 162px 60px 0px;
        width: 91%;
    }

    .header-shape-corparete-2 {
        width: 117px;
    }

    .header-shape-corporate::after {
        height: 25px;
        border-left: 29px solid transparent;
        margin-top: -47.9%;
        margin-left: -4.5%;
        transform: rotate(159deg);
        box-shadow: 17px -1px 11px -10px rgb(57 54 68 / 11%);
    }

    .header-shape-corporate::before {
        border-left: 58px solid transparent;
        border-bottom: 194px solid #fff;
        transform: rotate(31deg);
        margin-top: -17.5%;
        margin-left: 95.5%;
        width: 53px;
    }

    .header-logo-corporate img {
        max-width: 140px;
    }

    .service-menu-corporate ul {
        width: 104%;
    }

    .footer-shape-corporate-2 {
        width: 73%;
        left: 6.6%;
    }

    .locksmith-service-form {
        left: 64%;
    }

    .locksmith-text {
        margin-left: 13%;
    }

    .footer-shape-corporate-3 {
        width: 99.7%;
        top: 221%;
    }

    /*Hizmetlerimiz*/
    .header-shape-regions {
        border-width: 171px 60px 0px;
        width: 91%;
    }

        .header-shape-regions::before {
            border-left: 58px solid transparent;
            border-bottom: 194px solid #fff;
            transform: rotate(31deg);
            margin-top: -17.5%;
            margin-left: 95.5%;
            width: 53px;
        }

    .header-shape-regions-3 {
        width: 117px;
    }

    .header-shape-regions::after {
        height: 25px;
        border-left: 29px solid transparent;
        margin-top: -47.9%;
        margin-left: -4.5%;
        transform: rotate(159deg);
        box-shadow: 17px -1px 11px -10px rgb(57 54 68 / 11%);
    }

    .our-service-menu ul {
        width: 104%;
    }

    .our-service-menu li {
        margin-right: 16px;
        margin-left: 37px;
    }

    .header-menu-our-service {
        padding-left: 100px;
    }

    .our-service-form {
        margin-right: 0px;
    }

    .footer-shape-services-4 {
        top: 208%;
    }

    /*Hizmetlerimiz Detay*/
    .header-shape-regions-detail {
        border-width: 170px 60px 0px;
        width: 91%;
    }

        .header-shape-regions-detail::before {
            border-left: 58px solid transparent;
            border-bottom: 194px solid #fff;
            transform: rotate(31deg);
            margin-top: -17.5%;
            margin-left: 95.5%;
            width: 53px;
        }

    .header-shape-regions-detail-4 {
        width: 1200px;
    }

    .header-shape-regions-detail::after {
        height: 25px;
        border-left: 29px solid transparent;
        margin-top: -47.9%;
        margin-left: -4.5%;
        transform: rotate(159deg);
        box-shadow: 17px -1px 11px -10px rgb(57 54 68 / 11%);
    }

    .our-service-detail-menu ul {
        width: 104%;
    }

    .our-service-detail-menu li {
        margin-right: 16px;
        margin-left: 37px;
    }

    .header-menu-our-detail {
        padding-left: 100px;
    }

    .our-detail-service-form {
        margin-right: 0px;
    }

    .footer-shape-services-detail-5 {
        top: 242%;
    }
    /*Servis Bölgelerimiz*/
    .header-shape-our-service-areas {
        border-width: 171px 60px 0px;
        width: 91%;
    }

        .header-shape-our-service-areas::before {
            border-left: 58px solid transparent;
            border-bottom: 194px solid #fff;
            transform: rotate(31deg);
            margin-top: -17.5%;
            margin-left: 95.5%;
            width: 53px
        }

    .header-shape-our-service-areas-4 {
        width: 1186px;
    }

    .header-shape-our-service-areas::after {
        height: 25px;
        border-left: 29px solid transparent;
        margin-top: -47.9%;
        margin-left: -4.5%;
        transform: rotate(159deg);
        box-shadow: 17px -1px 11px -10px rgb(57 54 68 / 11%);
    }

    .service-menu-our-service-areas ul {
        width: 104%;
    }

    .service-menu-our-service-areas li {
        margin-right: 16px;
        margin-left: 37px;
    }

    .header-menu-our-service-areas {
        padding-left: 100px;
    }

    .footer-shape-our-service-areas-6 {
        top: 357%;
    }
    /*Servis Bölgelerimiz Detay*/
    .header-shape-our-service-areas-detail {
        border-width: 171px 60px 0px;
        width: 91%;
    }

        .header-shape-our-service-areas-detail::before {
            border-left: 58px solid transparent;
            border-bottom: 194px solid #fff;
            transform: rotate(31deg);
            margin-top: -17.5%;
            margin-left: 95.5%;
            width: 53px;
        }

    .header-shape-our-service-areas-detail-5 {
        width: 1186px;
    }

    .header-shape-our-service-areas-detail::after {
        height: 25px;
        border-left: 29px solid transparent;
        margin-top: -47.9%;
        margin-left: -4.5%;
        transform: rotate(159deg);
        box-shadow: 17px -1px 11px -10px rgb(57 54 68 / 11%);
    }

    .header-menu-our-service-areas-detail {
        padding-left: 100px;
    }

    .footer-shape-services-detail-8 {
        top: 380%;
    }
    /*Servis Bölgelerimiz Liste*/
    .header-shape-our-service-areas-list {
        border-width: 171px 60px 0px;
        width: 91%;
    }

        .header-shape-our-service-areas-list::before {
            border-left: 58px solid transparent;
            border-bottom: 194px solid #fff;
            transform: rotate(31deg);
            margin-top: -17.5%;
            margin-left: 95.5%;
            width: 53px;
        }

    .header-shape-our-service-areas-list-5 {
        width: 1186px;
    }

    .header-shape-our-service-areas-list::after {
        height: 25px;
        border-left: 29px solid transparent;
        margin-top: -47.9%;
        margin-left: -4.5%;
        transform: rotate(159deg);
        box-shadow: 17px -1px 11px -10px rgb(57 54 68 / 11%);
    }

    .header-menu-our-service-areas-list {
        padding-left: 100px;
    }

    .service-form-our-service-areas-list {
        margin-right: 0px;
    }

    .service-menu-our-service-areas-list ul {
        width: 104%
    }

    .service-menu-our-service-areas-list li {
        margin-right: 16px;
        margin-left: 37px;
    }

    .footer-shape-our-service-areas-7 {
        top: 381%;
    }
    /*İletişim*/
    .header-shape-contact {
        border-width: 171px 60px 0px;
        width: 91%;
    }

        .header-shape-contact::before {
            border-left: 58px solid transparent;
            border-bottom: 194px solid #fff;
            transform: rotate(31deg);
            margin-top: -17.5%;
            margin-left: 95.5%;
            width: 53px;
        }

    .header-shape-contact-4 {
        width: 1186px;
    }

    .header-shape-contact::after {
        height: 25px;
        border-left: 29px solid transparent;
        margin-top: -47.9%;
        margin-left: -4.5%;
        transform: rotate(159deg);
        box-shadow: 17px -1px 11px -10px rgb(57 54 68 / 11%);
    }

    .header-menu-contact {
        padding-left: 100px;
    }

    .service-menu-contact ul {
        width: 104%;
    }

    .service-menu-contact li {
        margin-right: 16px;
        margin-left: 37px;
    }

    .opinions-suggestions-image {
        width: 1615px;
        margin-left: -337px;
        background-size: cover;
        height: 445px;
    }

    .opinions-suggestions-image-shape {
        width: 100%;
    }

    .opinions-suggestions-image-shape-2 {
        width: 1200px;
        height: 445px;
        background: rgba(252, 243, 243, 23%);
        margin-left: 20.8%;
        box-shadow: 0px 0px 24px -10px rgb(0 0 0 / 69%);
    }

    .footer-iletisim-8 {
        top: 274%;
    }
    /*Servis Talep Formu*/
    .header-shape-service-request-form {
        border-width: 171px 60px 0px;
        width: 91%;
    }

        .header-shape-service-request-form::before {
            border-left: 58px solid transparent;
            border-bottom: 194px solid #fff;
            transform: rotate(31deg);
            margin-top: -17.5%;
            margin-left: 95.5%;
            width: 53px;
        }

    .header-shape-service-request-form-8 {
        width: 1186px;
    }

    .header-shape-service-request-form::after {
        height: 25px;
        border-left: 29px solid transparent;
        margin-top: -47.9%;
        margin-left: -4.5%;
        transform: rotate(159deg);
        box-shadow: 17px -1px 11px -10px rgb(57 54 68 / 11%);
    }

    .header-menu-service-request-form {
        padding-left: 100px;
    }

    .service-form-service-request-form {
        margin-right: 0px;
    }

    .service-menu-service-request-form ul {
        width: 104%;
    }

    .service-menu-service-request-form li {
        margin-right: 16px;
        margin-left: 37px;
    }


    .footer-request-8 {
        top: 202%;
    }
}
/*width 1278*/
@media only screen and (min-width:1269px) and (max-width:1278px) {
    /* Anasayfa*/


    .header-right {
        width: 81%;
    }

    .header {
        display: block;
        overflow: hidden
    }

    .main-our-services {
        overflow: hidden
    }

    .footer {
        overflow: hidden
    }



    .header-shape {
        border-width: 166px 40px 0px;
        width: 100%;
    }

        .header-shape::before {
            border-left: 66px solid transparent;
            border-bottom: 173px solid #fff;
            transform: rotate(14deg);
            margin-top: -14.9%;
            margin-left: 95.9%;
            width: 33px;
        }

        .header-shape::after {
            border-left: 6px solid transparent;
            margin-top: -61.9%;
            margin-left: -3.5%;
            transform: rotate(166deg);
            box-shadow: 17px -1px 11px -10px rgb(57 54 68 / 11%);
        }

    .header-menu {
        padding-left: 100px;
    }

    .service-menu ul {
        width: 103%;
    }

    .service-menu li {
        padding: 26px 0px 0px 0;
        margin-right: 53px;
    }

    .main-brands-list {
        width: 104%;
        margin-left: -31px;
    }

    .tick {
        margin-top: 17px;
    }

    .phone-icon img {
        width: 60px;
    }

    .whatsapp {
        width: 101px;
    }

    .footer-shape-2 {
        width: 69.4%;
        left: 3.2%;
    }
    /*  Kurumsal*/
    .header-shape-corporate {
        border-width: 158px 40px 0px;
        width: 93.6%;
    }

    .header-shape-corparete-2 {
        width: 1198px;
    }

    .header-shape-corporate::after {
        border-left: 29px solid transparent;
        margin-top: -59.9%;
        margin-left: -4.5%;
        transform: rotate(166deg);
        box-shadow: 17px -1px 11px -10px rgb(57 54 68 / 11%);
    }

    .header-shape-corporate::before {
        border-left: 66px solid transparent;
        border-bottom: 173px solid #fff;
        transform: rotate(27deg);
        margin-top: -15.5%;
        margin-left: 91.5%;
        width: 33px;
    }


    .service-menu-corporate ul {
        width: 100%;
    }

    .service-menu-corporate li:last-child {
        margin-right: 0;
        margin-left: 0;
    }

    .corporate-contents-left .corporate-img {
        width: 845px;
    }

        .corporate-contents-left .corporate-img img {
            max-width: 915px;
        }

    .footer-shape-corporate-2 {
        width: 69%;
        left: 3%;
    }

    .locksmith-service-form {
        left: 64.8%;
    }

    .footer-shape-corporate-3 {
        top: 260%;
    }

    .our-regions-detail-right2 {
        width: 100%;
        margin-left: 0px;
    }

    .regions-images-detail {
        width: 100%;
        margin-left: 0;
    }

        .regions-images-detail li {
            margin-right: 45px;
        }

    /*Hizmetlerimiz*/
    .header-shape-regions {
        border-width: 170px 40px 0px;
        width: 93.6%;
    }

        .header-shape-regions::before {
            border-left: 66px solid transparent;
            border-bottom: 173px solid #fff;
            transform: rotate(27deg);
            margin-top: -15.5%;
            margin-left: 91.5%;
            width: 33px;
        }

    .header-shape-regions-3 {
        width: 1198px;
    }

    .header-shape-regions::after {
        border-left: 29px solid transparent;
        margin-top: -59.9%;
        margin-left: -4.5%;
        transform: rotate(166deg);
        box-shadow: 17px -1px 11px -10px rgb(57 54 68 / 11%);
    }

    .header-menu-our-service {
        padding-left: 100px;
    }

    .our-service-menu ul {
        width: 100%;
    }

    .our-service-menu li:last-child {
        margin-right: 0;
        margin-left: 0;
    }

    .footer-shape-services-4 {
        top: 245%;
    }
    /*Hizmetlerimiz Detay*/
    .header-shape-regions-detail {
        border-width: 170px 40px 0px;
        width: 93.6%;
    }

        .header-shape-regions-detail::before {
            border-left: 66px solid transparent;
            border-bottom: 173px solid #fff;
            transform: rotate(27deg);
            margin-top: -15.5%;
            margin-left: 91.5%;
            width: 33px;
        }

    .header-shape-regions-detail-4 {
        width: 1198px;
    }

    .header-shape-regions-detail::after {
        border-left: 29px solid transparent;
        margin-top: -59.9%;
        margin-left: -4.5%;
        transform: rotate(166deg);
        box-shadow: 17px -1px 11px -10px rgb(57 54 68 / 11%);
    }

    .our-service-detail-menu ul {
        width: 100%;
    }

    .our-service-detail-menu li {
        margin-right: 16px;
        margin-left: 37px;
    }

    .footer-shape-services-detail-5 {
        width: 99.9%;
        top: 308%;
    }

    .regions-images {
        width: 100%
    }

    .regions-images-video {
        width: 100%;
    }
    /*Servis Bölgelerimiz*/
    .header-shape-our-service-areas {
        border-width: 170px 40px 0px;
        width: 93.6%;
    }

        .header-shape-our-service-areas::before {
            border-left: 66px solid transparent;
            border-bottom: 173px solid #fff;
            transform: rotate(27deg);
            margin-top: -15.5%;
            margin-left: 91.5%;
            width: 33px;
        }

    .header-shape-our-service-areas-4 {
        width: 1198px;
    }

    .header-shape-our-service-areas::after {
        border-left: 29px solid transparent;
        margin-top: -59.9%;
        margin-left: -4.5%;
        transform: rotate(166deg);
        box-shadow: 17px -1px 11px -10px rgb(57 54 68 / 11%);
    }

    .header-menu-our-service-areas {
        padding-left: 100px;
    }

    .service-menu-our-service-areas ul {
        width: 102%;
    }

    .service-menu-our-service-areas li {
        margin-right: 16px;
        margin-left: 37px;
    }

    .footer-shape-our-service-areas-6 {
        top: 424%;
    }
    /*Servis Bölgelerimiz Detay*/
    .header-shape-our-service-areas-detail {
        border-width: 170px 40px 0px;
        width: 93.6%;
    }

        .header-shape-our-service-areas-detail::before {
            border-left: 66px solid transparent;
            border-bottom: 173px solid #fff;
            transform: rotate(27deg);
            margin-top: -15.5%;
            margin-left: 91.5%;
            width: 33px;
        }

    .header-shape-our-service-areas-detail-5 {
        width: 1198px;
    }

    .header-shape-our-service-areas-detail::after {
        border-left: 29px solid transparent;
        margin-top: -59.9%;
        margin-left: -4.5%;
        transform: rotate(166deg);
        box-shadow: 17px -1px 11px -10px rgb(57 54 68 / 11%);
    }

    .header-menu-our-service-areas-detail {
        padding-left: 100px;
    }

    .service-form-our-service-areas-detail {
        margin-right: 0px;
    }

    .service-menu-our-service-areas-detail ul {
        width: 100%;
    }

    .service-menu-our-service-areas-detail li {
        margin-right: 16px;
        margin-left: 37px;
    }

    .our-regions-images {
        width: 100%;
    }

        .our-regions-images li {
            margin-right: 59px;
        }

    .our-regions-images-video {
        width: 100%;
    }

    .our-regions-images.dokuman li {
        width: auto;
        height: 148px;
    }

    .footer-shape-services-detail-8 {
        top: 463%;
    }
    /*Servis Bölgelerimiz Liste*/
    .header-shape-our-service-areas-list {
        border-width: 170px 40px 0px;
        width: 93.6%;
    }

        .header-shape-our-service-areas-list::before {
            border-left: 66px solid transparent;
            border-bottom: 173px solid #fff;
            transform: rotate(27deg);
            margin-top: -15.5%;
            margin-left: 91.5%;
            width: 33px;
        }

    .header-shape-our-service-areas-list-5 {
        width: 1198px;
    }

    .header-shape-our-service-areas-list::after {
        border-left: 29px solid transparent;
        margin-top: -59.9%;
        margin-left: -4.5%;
        transform: rotate(166deg);
        box-shadow: 17px -1px 11px -10px rgb(57 54 68 / 11%);
    }

    .header-menu-our-service-areas-list {
        padding-left: 100px;
    }

    .service-form-our-service-areas-list {
        margin-right: 0px;
    }

    .service-menu-our-service-areas-list ul {
        width: 102%;
    }

    .service-menu-our-service-areas-list li {
        margin-right: 16px;
        margin-left: 37px;
    }

    .footer-shape-our-service-areas-7 {
        top: 452%;
    }
    /*İletişim*/
    .header-shape-contact {
        border-width: 170px 40px 0px;
        width: 93.6%;
    }

        .header-shape-contact::before {
            border-left: 66px solid transparent;
            border-bottom: 173px solid #fff;
            transform: rotate(27deg);
            margin-top: -15.5%;
            margin-left: 91.5%;
            width: 33px;
        }

    .header-shape-contact-4 {
        width: 1186px;
    }

    .header-shape-contact::after {
        border-left: 29px solid transparent;
        margin-top: -59.9%;
        margin-left: -4.5%;
        transform: rotate(166deg);
        box-shadow: 17px -1px 11px -10px rgb(57 54 68 / 11%);
    }

    .header-menu-contact {
        padding-left: 100px;
    }

    .service-form-contact {
        margin-right: 0px;
    }

    .service-menu-contact ul {
        width: 100%;
    }

    .service-menu-contact li {
        margin-right: 16px;
        margin-left: 37px;
    }

    .opinions-suggestions-image {
        width: 117.8%;
        background-size: cover;
        margin-left: -175px;
    }

    .opinions-suggestions-image-shape {
        width: 100%
    }

    .opinions-suggestions-image-shape-2 {
        width: 1200px;
        margin-left: 12%;
    }

    .footer-iletisim-8 {
        top: 337%;
    }
    /*Servis Talep Formu*/
    .header-shape-service-request-form {
        border-width: 170px 40px 0px;
        width: 93.6%;
    }

        .header-shape-service-request-form::before {
            border-left: 66px solid transparent;
            border-bottom: 173px solid #fff;
            transform: rotate(27deg);
            margin-top: -15.5%;
            margin-left: 91.5%;
            width: 33px;
        }

    .header-shape-service-request-form-8 {
        width: 1198px;
    }

    .header-shape-service-request-form::after {
        border-left: 29px solid transparent;
        margin-top: -59.9%;
        margin-left: -4.5%;
        transform: rotate(166deg);
        box-shadow: 17px -1px 11px -10px rgb(57 54 68 / 11%);
    }

    .header-menu-service-request-form {
        padding-left: 100px;
    }

    .service-form-service-request-form {
        margin-right: 0px;
    }

    .service-menu-service-request-form ul {
        width: 100%;
    }

    .service-menu-service-request-form li {
        margin-right: 16px;
        margin-left: 37px;
    }

    .service {
        width: 96%;
    }

    .footer-request-8 {
        top: 252%;
    }
    /*400*/
    .header-logo-hata {
        margin-left: 134px;
    }

    .header-shape-404 {
        border-width: 186px 186px 0px;
    }

        .header-shape-404::before {
            border-left: 103px solid transparent;
            border-right: 2px solid transparent;
            border-bottom: 250px solid #fff;
            margin-top: -29.3%;
            margin-left: 101%;
            transform: rotate(44.8deg);
            box-shadow: 7px -4px 10px -4px rgb(57 54 68 / 11%);
        }

        .header-shape-404::after {
            border-left: 76px solid transparent;
            border-right: 2px solid transparent;
            border-bottom: 269px solid #fff;
            margin-top: -292px;
            margin-left: -104px;
            transform: rotate(134.5deg);
            box-shadow: 12px 9px 9px -11px rgb(57 54 68 / 11%);
        }

    .header-shape-bottom-404 {
        width: 897px;
        height: 64px;
        box-shadow: 0px -13px 13px 15px rgb(57 54 68 / 11%);
        top: -65px;
        left: 5px;
    }

    .phone-404 {
        margin-right: 158px;
    }

    .breadcrumb-hata {
        margin-left: 147px;
    }

    .hata {
        left: 0px;
        width: 42%;
    }

    .hata-2 {
        width: 57%;
        margin-right: 0;
    }

    /*500*/
    .header-logo-hata {
        margin-left: 134px;
    }

    .header-shape-500 {
        border-width: 186px 186px 0px;
    }

        .header-shape-500::before {
            border-left: 103px solid transparent;
            border-right: 2px solid transparent;
            border-bottom: 250px solid #fff;
            margin-top: -29%;
            margin-left: 101%;
            transform: rotate(44.8deg);
            box-shadow: 7px -4px 10px -4px rgb(57 54 68 / 11%);
        }

        .header-shape-500::after {
            border-left: 76px solid transparent;
            border-right: 2px solid transparent;
            border-bottom: 269px solid #fff;
            margin-top: -292px;
            margin-left: -104px;
            transform: rotate(134.5deg);
            box-shadow: 12px 9px 9px -11px rgb(57 54 68 / 11%);
        }

    .header-shape-bottom-500 {
        width: 897px;
        height: 64px;
        box-shadow: 0px -13px 13px 15px rgb(57 54 68 / 11%);
        top: -65px;
        left: 5px;
    }

    .phone-404 {
        margin-right: 158px;
    }

    .breadcrumb-hata {
        margin-left: 147px;
    }

    .hata {
        left: 0px;
        width: 42%;
    }

    .hata-2 {
        width: 57%;
        margin-right: 0;
    }
}

/*width 1270*/
@media only screen and (min-width:1025px) and (max-width:1270px) {
    /*   Anasayfa*/
    .header-right {
        width: 80%;
    }

    .service-menu ul {
        width: 100%;
    }

    .service-menu li {
        padding: 26px 0px 0px 0;
        margin-right: 53px;
    }

    .footer-shape-2 {
        width: 69.5%;
        left: 2.8%;
    }

    .service-menu li:last-child {
        margin-right: 0;
        margin-left: 0;
    }

    .main-brands-list li:nth-child(1) {
        margin: 0 auto;
    }
    /*Kurumsal*/
    .header-shape-corporate {
        width: 94.5%;
        border-width: 179px 34px 0px;
    }

    .header-shape-corparete-2 {
        width: 1199px;
    }

    .header-shape-corporate::after {
        width: 8px;
        height: 24px;
        border-left: 35px solid transparent;
        border-right: 2px solid transparent;
        border-bottom: 206px solid #fff;
        margin-top: -280px;
        margin-left: -1.5%;
        transform: rotate(169deg);
        box-shadow: 14px 7px 11px -10px rgb(57 54 68 / 11%);
    }

    .header-shape-corporate::before {
        width: 30px;
        border-left: 78px solid transparent;
        border-right: 2px solid transparent;
        border-bottom: 198px solid #fff;
        margin-top: -18.3%;
        margin-left: 91.6%;
        transform: rotate(15.5deg);
        box-shadow: 28px 5px 22px -18px rgb(57 54 68 / 11%);
    }

    .corporate-contents-left .corporate-img {
        width: 820px;
    }

        .corporate-contents-left .corporate-img img {
            max-width: 895px;
        }

    .service-menu-corporate ul {
        width: 100%;
    }

    .footer-shape-corporate-2 {
        width: 69%;
        left: 2.8%;
    }

    .locksmith-service-form {
        left: 67.8%;
    }

    .footer-shape-corporate-3 {
        top: 280%;
    }

    .regions-images-detail-video {
        margin-left: 145px;
    }

    .main-brands-list {
        width: 102%;
        margin-left: -26px;
    }
    /*Hizmetlerimiz*/
    .header-shape-regions {
        width: 94.5%;
        border-width: 179px 34px 0px;
    }

        .header-shape-regions::before {
            width: 30px;
            border-left: 78px solid transparent;
            border-right: 2px solid transparent;
            border-bottom: 198px solid #fff;
            margin-top: -18.3%;
            margin-left: 91.6%;
            transform: rotate(15.5deg);
            box-shadow: 28px 5px 22px -18px rgb(57 54 68 / 11%);
        }

    .header-shape-regions-3 {
        width: 1199px;
    }

    .header-shape-regions::after {
        width: 8px;
        height: 24px;
        border-left: 35px solid transparent;
        border-right: 2px solid transparent;
        border-bottom: 206px solid #fff;
        margin-top: -280px;
        margin-left: -1.5%;
        transform: rotate(169deg);
        box-shadow: 14px 7px 11px -10px rgb(57 54 68 / 11%);
    }

    .our-service-menu ul {
        width: 100%;
    }

    .footer-shape-services-4 {
        top: 262%;
    }
    /*Hizmetlerimiz Detay*/
    .header-shape-regions-detail {
        width: 94.5%;
        border-width: 179px 34px 0px;
    }

        .header-shape-regions-detail::before {
            width: 30px;
            border-left: 78px solid transparent;
            border-right: 2px solid transparent;
            border-bottom: 198px solid #fff;
            margin-top: -18.3%;
            margin-left: 91.6%;
            transform: rotate(15.5deg);
            box-shadow: 28px 5px 22px -18px rgb(57 54 68 / 11%);
        }

    .header-shape-bottom {
        width: 1182px;
        top: -59px;
    }

    .header-shape-regions-detail-4 {
        width: 1199px;
    }

    .header-shape-regions-detail::after {
        width: 8px;
        height: 24px;
        border-left: 35px solid transparent;
        border-right: 2px solid transparent;
        border-bottom: 206px solid #fff;
        margin-top: -280px;
        margin-left: -1.5%;
        transform: rotate(169deg);
        box-shadow: 14px 7px 11px -10px rgb(57 54 68 / 11%);
    }

    .our-service-detail-menu li {
        margin-right: 0px;
        margin-left: 0px;
    }

    .regions-images {
        width: 102%;
        display: block;
        margin-left: 11px;
    }

        .regions-images li {
            margin-right: 67px;
        }

        .regions-images.dokuman li {
            width: auto;
            height: 0;
            margin-right: 67px;
            padding: 0;
            margin-left: 15px;
        }

    .regions-images-video li {
        margin-left: 15px;
    }
    /*    Servis Bölgelerimiz*/
    .header-shape-our-service-areas {
        width: 94.5%;
        border-width: 179px 34px 0px;
    }

        .header-shape-our-service-areas::before {
            width: 30px;
            border-left: 78px solid transparent;
            border-right: 2px solid transparent;
            border-bottom: 198px solid #fff;
            margin-top: -18.3%;
            margin-left: 91.6%;
            transform: rotate(15.5deg);
            box-shadow: 28px 5px 22px -18px rgb(57 54 68 / 11%);
        }

    .header-shape-our-service-areas-4 {
        width: 1199px;
    }

    .header-shape-our-service-areas::after {
        width: 8px;
        height: 24px;
        border-left: 35px solid transparent;
        border-right: 2px solid transparent;
        border-bottom: 206px solid #fff;
        margin-top: -280px;
        margin-left: -1.5%;
        transform: rotate(169deg);
        box-shadow: 14px 7px 11px -10px rgb(57 54 68 / 11%);
    }

    .header-menu-our-service-areas {
        padding-left: 100px;
    }

    .service-menu-our-service-areas ul {
        width: 100%;
    }

    .service-menu-our-service-areas li {
        margin-right: 0px;
        margin-left: 0px;
    }

    .footer-shape-our-service-areas-6 {
        top: 363%;
    }
    /*Servis Bölgelerimiz Detay*/
    .header-shape-our-service-areas-detail {
        width: 94.5%;
        border-width: 179px 34px 0px;
    }

        .header-shape-our-service-areas-detail::before {
            width: 30px;
            border-left: 78px solid transparent;
            border-right: 2px solid transparent;
            border-bottom: 198px solid #fff;
            margin-top: -18.3%;
            margin-left: 91.6%;
            transform: rotate(15.5deg);
            box-shadow: 28px 5px 22px -18px rgb(57 54 68 / 11%);
        }

    .header-shape-our-service-areas-detail-5 {
        width: 1199px;
    }

    .header-shape-our-service-areas-detail::after {
        width: 8px;
        height: 24px;
        border-left: 35px solid transparent;
        border-right: 2px solid transparent;
        border-bottom: 206px solid #fff;
        margin-top: -280px;
        margin-left: -1.5%;
        transform: rotate(169deg);
        box-shadow: 14px 7px 11px -10px rgb(57 54 68 / 11%);
    }

    .header-menu-our-service-areas-detail {
        padding-left: 100px;
    }

    .service-menu-our-service-areas-detail {
        width: 100%;
    }

        .service-menu-our-service-areas-detail li {
            margin-right: 0px;
            margin-left: 0px;
        }

    .footer-shape-services-detail-8 {
        top: 479%;
    }
    /*Servis Bölgelerimiz Liste*/
    .header-shape-our-service-areas-list {
        width: 94.5%;
        border-width: 179px 34px 0px;
    }

        .header-shape-our-service-areas-list::before {
            width: 30px;
            border-left: 78px solid transparent;
            border-right: 2px solid transparent;
            border-bottom: 198px solid #fff;
            margin-top: -18.3%;
            margin-left: 91.6%;
            transform: rotate(15.5deg);
            box-shadow: 28px 5px 22px -18px rgb(57 54 68 / 11%);
        }

    .header-shape-our-service-areas-list-5 {
        width: 1199px;
    }

    .header-shape-our-service-areas-list::after {
        width: 8px;
        height: 24px;
        border-left: 35px solid transparent;
        border-right: 2px solid transparent;
        border-bottom: 206px solid #fff;
        margin-top: -280px;
        margin-left: -1.5%;
        transform: rotate(169deg);
        box-shadow: 14px 7px 11px -10px rgb(57 54 68 / 11%);
    }

    .header-menu-our-service-areas-list {
        padding-left: 100px;
    }

    .service-menu-our-service-areas-list ul {
        width: 102%;
    }

    .footer-shape-our-service-areas-7 {
        top: 480%;
    }
    /*İletişim*/
    .header-shape-contact {
        width: 94.5%;
        border-width: 179px 34px 0px;
    }

        .header-shape-contact::before {
            width: 30px;
            border-left: 78px solid transparent;
            border-right: 2px solid transparent;
            border-bottom: 198px solid #fff;
            margin-top: -18.3%;
            margin-left: 91.6%;
            transform: rotate(15.5deg);
            box-shadow: 28px 5px 22px -18px rgb(57 54 68 / 11%);
        }

    .header-shape-contact-4 {
        width: 1199px
    }

    .header-shape-contact::after {
        width: 8px;
        height: 24px;
        border-left: 35px solid transparent;
        border-right: 2px solid transparent;
        border-bottom: 206px solid #fff;
        margin-top: -280px;
        margin-left: -1.5%;
        transform: rotate(169deg);
        box-shadow: 14px 7px 11px -10px rgb(57 54 68 / 11%);
    }

    .header-menu-contact {
        padding-left: 100px;
    }

    .service-menu-contact ul {
        width: 100%;
    }

    .service-menu-contact li {
        margin-right: 0px;
        margin-left: 0px
    }

    .opinions-suggestions-image {
        width: 117.5%;
        background-size: cover;
        margin-left: -175px;
    }

    .opinions-suggestions-image-shape {
        width: 100%;
    }

    .opinions-suggestions-image-shape-2 {
        width: 1200px;
        margin-left: 12.8%;
    }

    .footer-iletisim-8 {
        top: 339%;
    }
    /*Servis Talep Formu*/
    .header-shape-service-request-form {
        width: 94.5%;
        border-width: 179px 34px 0px;
    }

        .header-shape-service-request-form::before {
            width: 30px;
            border-left: 78px solid transparent;
            border-right: 2px solid transparent;
            border-bottom: 198px solid #fff;
            margin-top: -18.3%;
            margin-left: 91.6%;
            transform: rotate(15.5deg);
            box-shadow: 28px 5px 22px -18px rgb(57 54 68 / 11%);
        }

    .header-shape-service-request-form-8 {
        width: 1199px;
    }

    .header-shape-service-request-form::after {
        width: 8px;
        height: 24px;
        border-left: 35px solid transparent;
        border-right: 2px solid transparent;
        border-bottom: 206px solid #fff;
        margin-top: -280px;
        margin-left: -1.5%;
        transform: rotate(169deg);
        box-shadow: 14px 7px 11px -10px rgb(57 54 68 / 11%);
    }

    .service-menu-service-request-form ul {
        width: 100%;
    }

    .service-menu-service-request-form li {
        margin-right: 0px;
        margin-left: 0px;
    }

    .service {
        width: 94%;
    }
    /*404*/
    .header-shape-bottom-404 {
        top: -66px;
        width: 891px;
    }
}

/* Mobil Dikey*/

/* iphone 5/5s dikey */
@media only screen and (max-width:359px) {
    .our-regions-table {
        font-size: 10px;
    }
    /*Menü*/
    #header {
        position: absolute;
        height: 0px;
        padding: 0 80px;
        top: 0;
        font-size: 16px;
        font-weight: bold;
        color: #d36212;
        line-height: 44px;
        text-align: center;
        z-index: 5;
    }

        #header a {
            display: block;
            position: absolute;
            top: -3px;
            left: -15px;
            width: 80px;
            height: 50px;
            padding: 15px 25px;
        }

            #header a:before,
            #header a:after {
                content: "";
                display: block;
                background: #d36212;
                height: 2px;
            }

            #header a span {
                background: #d36212;
                display: block;
                height: 2px;
                margin: 7px 0;
            }

    /*Anasayfa*/
    .phone-icon {
        top: 53px;
        width: 38%;
    }

    .phone-icon img {
        width: 49px;
    }
    #linkWhatssapp {
        display: inline-block;
        width: 38%;
        float: right;
        position: relative;
        padding-left: 0px;
    }
    .whatsapp {
        width: 84px;
        margin-left: 0px;
    }

    .header-shape {
        width: 7%;
        content: '';
        position: absolute;
        border-width: 94px 159px 0px;
        border-style: solid;
        border-color: #fff transparent;
        left: 0;
        background: #fff;
    }

        .header-shape::after {
            display: none;
        }

        .header-shape::before {
            display: none;
        }

    .header-shape-bottom {
        display: none;
    }

    .banner-image {
        display: none;
    }

    .header-logo {
        margin-top: 1px;
        margin-left: 84px;
    }

        .header-logo img {
            width: 130px;
        }

    .header-right {
        display: none;
    }

    .service-menu {
        display: none;
    }

    .tick {
        display: none;
    }

    .banner {
        width: 100%;
    }

    .main {
        width: 100%;
    }

    .slider {
        margin-bottom: 20px;
        height: 190px;
    }

    .main-brands-list {
        width: 104%;
    }

    .shape {
        margin-top: -57px;
    }

    .main-our-services-header {
        margin-top: 75%;
        margin-left: 5px;
        font-size: 16px;
    }

    .main-brands-header {
        margin-left: 5px
    }

    .our-services {
        margin-right: 0;
        bottom: 10px;
        right: 5px;
        padding: 7px 14px;
    }

    .our-services-list {
        width: 100%;
    }

    .our-services-shape {
        max-width: 100%;
    }

    .our-services-daire {
        width: 145px;
        height: 142px;
        margin-left: 6px;
        margin-top: -4px;
    }

    .our-services-right {
        width: 100%;
        float: none;
    }

    .our-services-img img {
        width: 123px;
        height: 123px;
    }

    .our-services-shape {
        height: 364px;
    }

    .our-services-header {
        width: 50%;
        margin-top: -92px;
        margin-left: 155px;
        float: none;
    }

    .our-services-text {
        width: 93%;
        margin-top: 69px;
        margin-left: 13px;
        line-height: 1.5;
    }

    .icon {
        margin-right: 0px;
        margin-top: -2px;
    }

    .main-regions {
        margin: 0px 0;
    }

        .main-regions .main {
            width: 100%;
        }

    .address {
        display: none;
    }

    .main-regions-header {
        margin-top: -10px;
        font-size: 19px;
        margin-left: 5px;
    }

    .regions {
        bottom: 77px;
        padding: 12px 18px;
        right: 5px;
    }

    .regions-shape {
        width: 100%;
        height: auto;
        top: 68px;
    }

    .shape-img {
        margin-top: 0;
        margin-left: 10px;
        width: 130px;
        height: 131px
    }

    .regions-list {
        margin-bottom: 12px;
    }

    .regions-shape-right {
        max-width: 100%;
        margin-bottom: 6px;
    }

    .regions-header {
        width: 40%;
        float: right;
        margin-top: -93px;
    }

    .regions-text {
        width: 114%;
        margin-top: 15px;
        margin-left: 13px;
    }

    .neighbourhood {
        padding-left: 10px;
        width: 124%;
    }

        .neighbourhood li {
            width: 24%;
            max-height: 73px;
            margin-top: 30px;
        }

        .neighbourhood a {
            margin-left: 3px;
            font-size: 11px;
        }

    .see-all {
        margin-top: 9px;
        margin-right: -55px;
        margin-bottom: 1px;
        display: inline-block;
        width: 100%;
        text-align: right;
    }

    .footer {
        margin: 90px 0 0 0px;
    }

    .footer-shape-3 {
        height: 526px;
        margin-top: 667px;
    }

    .footer img {
        max-width: 80%;
        max-height: 90%;
    }

    .locksmith-service-right {
        width: 98%;
    }

    .footer-shape {
        width: 166%;
        margin-top: 51px;
    }

    .armut-logo {
        margin-left: 31%;
        margin-top: 3%;
    }

        .armut-logo::after {
            margin-top: -16px;
            margin-left: 10px;
        }

    .armut-logo-text {
        width: 87.4%;
    }

        .armut-logo-text img {
            margin-top: 33px;
            margin-left: 73%;
        }

        .armut-logo-text::after {
            bottom: 55px;
        }

        .armut-logo-text span {
            margin-left: 90%;
            margin-top: 34px;
            width: 24%;
        }

    .footer-shape-2 {
        width: 100%;
        float: none;
        left: 0;
        margin-top: 1px;
    }

    .locksmith-text {
        margin-left: 3%;
        margin-top: 4px;
    }

    .locksmith-service-form {
        padding: 6px 34px;
        left: 11%;
        margin-top: 49px;
    }

    .footer-bottom {
        display: block;
    }

    .footer-left {
        width: 96%;
        float: none;
        margin-left: 11px;
    }

    .footer-left-locksmith-specialist {
        width: 97%;
        margin-right: 0;
    }

    .footer-phone {
        padding-top: 27px;
        width: 72%;
    }

    .footer-left-locksmith-services {
        width: 43%;
        margin-left: 87px;
        margin-top: -5px;
    }

    .footer-right-our-regions {
        width: 47%;
        float: right;
    }

    .footer-right-menu {
        margin-top: 53px;
        padding-left: 11px;
    }

    .footer-bottom-left {
        margin-top: 55px;
        margin-left: 7px;
        width: 43%;
    }

    .footer-bottom-center {
        display: none;
    }

        .footer-bottom-center img {
            margin-top: 11px;
            margin-left: 13px;
        }

    .footer-bottom-right a {
        margin-top: 55px;
        margin-right: 10px;
    }

    .footer-address li {
        width: 30%;
        margin-left: 8px;
        padding-left: 0px;
    }

    .priv_arrow {
        display: none !important;
    }

    .next_arrow {
        display: none !important;
    }

    .slick-slide {
        width: 148px !important;
        margin-right: 10px !important;
    }

    .slick-track {
        left: 73px !important;
    }

    /*Kurumsal*/
    .page-content {
        width: 96%;
    }

    .header-shape-corporate {
        width: 7%;
        content: '';
        position: absolute;
        border-width: 108px 159px 0px;
        border-style: solid;
        border-color: #fff transparent;
        left: 0;
        background: #fff;
    }

        .header-shape-corporate::after {
            display: none;
        }

        .header-shape-corporate::before {
            display: none;
        }

    .header-shape-corparete-2 {
        display: none;
    }

    .banner-image {
        display: none;
    }

    .header-logo-corporate {
        margin-top: 15px;
        margin-left: 87px;
    }

        .header-logo-corporate img {
            width: 130px;
        }

    .header-right-corporate {
        display: none;
    }

    .service-menu-corporate {
        display: none;
    }

    .corporate-header {
        width: 68%;
    }

    .breadcrum-list {
        width: 73%;
    }

        .breadcrum-list li {
            padding: 5px 0px 5px 0;
        }

    .corporate-contents {
        width: 89%;
        display: table;
    }

    .corporate-contents-right {
        display: none;
    }

    .corporate-contents-left {
        display: block;
        float: none;
        width: 100%;
    }

        .corporate-contents-left .corporate-img {
            width: 22%;
            height: 163px;
            float: left;
            display: block;
        }

    .corporate-contents-bottom {
        margin-left: 31px;
        margin-top: 15px;
    }

    .corporate-contents-left .corporate-img img {
        display: inline-block;
        margin-top: 42px;
        max-width: 285px;
        max-height: 322px;
    }

    .corporate-contents-header {
        margin-left: -22px;
        width: 94%;
    }

    .regions-images-detail-video li {
        margin: -68px 0 0px -7px;
    }

    .regions-images-detail-video img {
        width: 283px;
    }

    .our-regions-detail-right-video a {
        margin: 0 0px 0 16px;
    }

    .corporate-contents-text {
        width: 112%;
        margin-left: -18px;
    }
    /* .regions-images-detail {
        width: 28%;
        margin-left: -84px;
    }*/
    .regions-images-detail li::after {
        display: none;
    }

    .regions-images-detail li {
        width: 300px;
        height: 221px;
        margin-right: 0;
        margin-left: 16px;
    }

    .our-regions-detail-right2 {
        width: 56%;
    }

    .footer {
        margin: 60px 0 0 0px;
    }

        .footer img {
            max-width: 80%;
            max-height: 90%;
        }

    .locksmith-service-right {
        width: 98%;
    }

    .footer-shape-corporate {
        width: 166%;
        margin-top: 51px;
    }

    .armut-logo-corporate {
        margin-left: 31%;
        margin-top: 3%;
    }

        .armut-logo-corporate::after {
            margin-top: -16px;
            margin-left: 10px;
        }

    .armut-logo-text-corporate {
        width: 87.4%;
    }

        .armut-logo-text-corporate img {
            margin-top: 33px;
            margin-left: 73%;
        }

        .armut-logo-text-corporate::after {
            bottom: 55px;
        }

        .armut-logo-text-corporate span {
            margin-left: 90%;
            margin-top: 34px;
            width: 24%;
        }

    .footer-shape-corporate-2 {
        width: 100%;
        float: none;
        left: 0;
        margin-top: 1px;
    }

    .locksmith-text {
        margin-left: 10%;
        margin-top: 4px;
    }

    .locksmith-service-form {
        padding: 6px 34px;
        left: 11%;
        margin-top: 49px;
    }

    .footer-bottom {
        display: block;
    }

    .footer-left-locksmith-specialist {
        width: 97%;
        margin-right: 0;
    }

    .footer-phone {
        padding-top: 27px;
        width: 72%;
    }

    .footer-left-locksmith-services {
        display: none;
    }

    .footer-right-our-regions {
        display: none;
    }

    .footer-right-menu {
        display: none;
    }

    .footer-address {
        display: none;
    }

    .footer-bottom-center img {
        margin-top: 11px;
        margin-left: 13px;
    }

    .footer-address li {
        width: 30%;
        margin-left: 8px;
        padding-left: 0px;
    }
    /*Hizmetlerimiz*/
    .our-services-shape.mobil {
        height: 400px;
    }

    .icon-detay {
        margin-right: 0px;
        margin-top: 10px;
    }
    /*Hizmetlerimiz Detay*/
    .regions-detail-img {
        margin: 0px 51px 20px 22px;
        width: 214px;
        height: 212px;
    }

    .regions-images {
        width: 100%;
        margin: 45px 0 0px 0;
    }

    .regions-detail-header-2 {
        margin-left: 5px;
    }

    .regions-detail-text {
        width: 96%;
        margin-left: 5px;
        font-size: 14px;
    }

    .regions-images li {
        width: 302px;
        margin-top: 0;
    }

        .regions-images li::after {
            display: none;
        }

    .regions-images-video {
        width: 100%;
    }

        .regions-images-video img {
            width: 305px;
        }

    .regions-images.dokuman {
        width: 50%;
    }
    /*Servis Bölgeleri*/
    .our-service-areas-shape {
        width: 100%;
        height: auto;
    }

    /*Servis Bölgeleri Liste*/
    #wrapper {
        width: 100% !important;
    }

    .our-service-areas-shape-2 {
        width: 100%;
    }

    .our-service-img {
        width: 150px;
        height: 151px;
        margin-top: 33px;
        margin-left: 10px;
    }

    .our-service-areas-address {
        top: 259px;
    }

    .regions-header.mobil3 {
        width: 28%;
        float: right;
        margin-top: -113px;
        font-size: 18px;
    }

    .detail {
        margin: 40px -44px 20px 0;
    }

    .page_navigation, .alt_page_navigation {
        left: 29% !important;
    }
    /*Servis Bölgeleri Detay*/
    .our-service-region {
        float: left;
        padding: 12px 18px;
        bottom: 0px;
        top: 8px;
    }

    .our-regions-detail-img img {
        float: left;
        margin: 20px 20px 40px 30px;
    }

    .our-regions-detail-text {
        width: 96%;
    }

    .our-regions-images {
        width: 100%;
    }

        .our-regions-images li::after {
            display: none;
        }

        .our-regions-images li {
            width: 301px;
            height: 229px;
            margin-left: 4px;
        }

    .our-regions-images-video img {
        width: 301px;
    }

    .our-regions-table table {
        width: 100% !important;
    }

        .our-regions-table table td {
            padding: 0 0px 7px 0px;
        }

    .our-regions-images-video {
        width: 100%;
    }

    .our-regions-images.dokuman {
        width: 100%;
    }

        .our-regions-images.dokuman li {
            height: 85px;
        }

    /*İletişim*/
    .FormError {
        right: 9px;
    }

    .FormTelefonError {
        position: absolute;
        top: 30px;
        right: 11px;
    }

    span#ContentPlaceHolder1_rfvEposta {
        position: absolute;
        top: 27px;
        right: 11px;
    }

    .FormMessageError {
        position: absolute;
        right: 9px;
    }

    span#ContentPlaceHolder1_reqEPosta {
        margin-top: 4px;
        margin-left: 99px;
    }

    span#ContentPlaceHolder1_lblSonuc {
        margin-top: 10px;
        margin-left: 14px;
        font-size: 16px;
        text-align: center;
    }

    .header-shape-our-service-areas-detail {
        width: 7%;
        content: '';
        position: absolute;
        border-width: 94px 159px 0px;
        border-style: solid;
        border-color: #fff transparent;
        left: 0;
        background: #fff;
    }

        .header-shape-our-service-areas-detail::after {
            display: none;
        }

        .header-shape-our-service-areas-detail::before {
            display: none;
        }

    .header-shape-our-service-areas-detail-5 {
        display: none;
    }

    .iletisim-adres {
        width: 90%;
        float: left;
    }

    .iletisim-sosyal {
        margin: 20px 25px 10px 0px;
        float: left;
        width: 52%;
    }

    .iletisim-image {
        max-width: 309px;
    }

    .iletisim-shape {
        width: 100%;
    }

    .iletisim-header {
        width: 86%;
        padding: 44px 0 6px 14px;
    }

    .iletisim-text {
        font-size: 18px
    }

    .iletisim-page-right {
        width: 100%;
        float: none;
    }

        .iletisim-page-right iframe {
            height: 260%;
        }

    .opinions-header {
        width: 100%;
        padding: 29px 0px 0 20px;
    }

    .opinions-suggestions-image {
        width: 298px;
        height: 567px;
        margin: 314px 0 275px -369.9px;
    }

    .opinions-suggestions-image-shape {
        width: 683px;
        height: 843px;
    }

    .opinions-suggestions-image-shape-2 {
        width: 320px;
        height: 843px;
        margin-left: 53%;
    }

    .iletisim-form-right {
        width: 100%;
        float: left;
    }

    .iletisim-form-left {
        width: 100%;
    }

    .iletisim-form.konu .iletisim-form-shape {
        float: left;
    }

    .iletisim-form.konu input {
        width: 66%;
        margin: 27px 10px 0 -7px;
    }

    .iletisim-form textarea {
        width: 81%;
        height: 151px;
        margin: 34px 9px 0px -55px;
        padding: 18px 0 0 64px;
    }

    .iletisim-form-send-button {
        width: 140px;
        height: 61px;
        margin-right: 88px;
        margin-top: 82px;
    }

    .recapthca {
        margin-left: 4%;
        margin-top: -199px;
        transform: scale(0.8);
        margin-bottom: 137px;
    }

    .armut-logo-services {
        margin-left: -15%;
        margin-top: 6%;
    }

        .armut-logo-services::after {
            margin-top: -16px;
            margin-left: 10px;
            height: 86px;
        }

    .armut-logo-text-services {
        width: 78.4%;
    }

        .armut-logo-text-services img {
            margin-top: 33px;
            margin-left: 55%;
        }

        .armut-logo-text-services::after {
            margin-left: 79%;
            margin-top: 34px;
            width: 46%;
            height: 87px; /*
            background:none;*/
            display: none
        }

        .armut-logo-text-services span {
            margin-left: 82%;
            margin-top: 34px;
            width: 45%;
        }

    .footer-shape-services {
        width: 100%;
        float: none;
        left: 0;
        margin-top: 18px;
    }

    .footer-iletisim-8 {
        height: 2404px;
        top: 489%;
    }

    /*Servis Talep Formu*/
    .ServisError {
        bottom: -23px;
        right: 15px;
    }
    .contact-form-warning {
        margin-top: 10px;
        margin-left: 13px;
        font-size: 14px;
    }
    .service-request-form {
        max-height: 1109px;
        width: 303px;
        height: 1104px;
        right: -2px;
        top: -24px;
        background-position: center center;
        background-size: cover;
    }
    .ServisTextError {
        bottom: 117px;
        right: -70px;
    }
    span#ContentPlaceHolder1_rfvtxtTalebiniz {
        bottom: 135px;
    }
    .service {
        margin: 58px 0 3px 0px;
    }

    .request-form-left {
        float: none;
        width: 100%;
    }

    .request-form input {
        width: 62%;
    }

    .form-select-lg {
        width: 61% !important;
    }

    .request-form-right {
        width: 71%;
        margin-left: 5px
    }

    .request-form textarea {
        width: 98%;
        height: 114px;
        margin: -55px 1px 0 64px;
        padding: 21px 0 0 46px;
    }

    .request-form.talep textarea {
        height: 133px;
        padding: 21px 0 0 48px;
    }

    .request-form.adres .service-form-shape {
        margin-top: -3px;
        margin-left: 20px;
    }

    .request-form.talep .service-form-shape {
        margin-top: -23px;
        margin-left: 20px;
    }

    .recapthca-form {
        margin-left: 2%;
        transform: scale(0.9);
        margin-top: -278px;
        margin-bottom: 105px;
    }

    .request-form-send-button {
        margin-right: 78px;
        margin-top: 89px;
        display: inline-block;
    }
    /*404*/
    #header-404 {
        position: fixed;
        height: 0px;
        padding: 0 80px;
        top: 0;
        font-size: 16px;
        font-weight: bold;
        color: #d36212;
        line-height: 44px;
        text-align: center;
        z-index: 5;
    }

        #header-404 a {
            display: block;
            position: absolute;
            top: 9px;
            left: -15px;
            width: 71px;
            height: 49px;
            padding: 15px 25px;
        }

            #header-404 a:before, #header-404 a:after {
                content: "";
                display: block;
                background: #d36212;
                height: 2px
            }

            #header-404 a span {
                background: #d36212;
                display: block;
                height: 2px;
                margin: 5px 0;
            }

    .header-shape-404 {
        width: 7%;
        content: '';
        position: absolute;
        border-width: 94px 159px 0px;
        border-style: solid;
        border-color: #fff transparent;
        left: 0;
        background: #fff;
    }

        .header-shape-404::after {
            display: none;
        }

        .header-shape-404::before {
            display: none;
        }

    .header-shape-bottom-404 {
        display: none;
    }

    .header-logo-hata {
        margin-top: -6px;
        margin-left: 47px;
    }

        .header-logo-hata img {
            width: 115px;
        }

    .page-content.hata2 {
        margin: 42px auto 0 auto;
        width: 100%;
    }

    .breadcrum-list-hata {
        width: 46%;
        margin-left: 12px;
    }

    .phone-404 {
        background-size: 21%;
        margin-right: 8px;
        padding-top: 19px;
        margin-left: 0px;
    }

        .phone-404 ul {
            margin-left: 39px;
        }

            .phone-404 ul li {
                font-size: 14px;
            }

    .hata {
        width: 100%;
        margin-top: 15px;
    }

    .hata-2 {
        width: 80%;
        margin-left: -81%;
        margin-top: 121%;
        float: left;
    }

    .hata-404-header {
        font-size: 106px;
        margin: -25px 0 -12px 0px;
    }

    .hata-text {
        font-size: 23px;
    }

    .hata-text2 {
        width: 86%;
        margin-top: 7px;
        line-height: 1.3;
        font-size: 18px;
    }

    .footer-bottom-left-404 {
        margin-top: 127%;
        margin-left: 7px;
        width: 46%;
    }

    .footer-bottom-center-404 {
        margin-left: -60px;
        margin-top: 95%;
        margin-bottom: 34px;
    }

        .footer-bottom-center-404 img {
            margin-top: 27px;
            margin-left: 2px;
            max-width: 78%;
        }

    .footer-bottom-right-404 a {
        margin-top: -7%;
        margin-right: 3%;
    }
    /*500*/
    #header-500 {
        position: fixed;
        height: 0px;
        padding: 0 80px;
        top: 0;
        font-size: 16px;
        font-weight: bold;
        color: #d36212;
        line-height: 44px;
        text-align: center;
        z-index: 5;
    }

        #header-500 a {
            display: block;
            position: absolute;
            top: 9px;
            left: -15px;
            width: 71px;
            height: 49px;
            padding: 15px 25px;
        }

            #header-500 a:before, #header-500 a:after {
                content: "";
                display: block;
                background: #d36212;
                height: 2px
            }

            #header-500 a span {
                background: #d36212;
                display: block;
                height: 2px;
                margin: 5px 0;
            }

    .header-shape-500 {
        width: 7%;
        content: '';
        position: absolute;
        border-width: 94px 159px 0px;
        border-style: solid;
        border-color: #fff transparent;
        left: 0;
        background: #fff;
    }

        .header-shape-500::after {
            display: none;
        }

        .header-shape-500::before {
            display: none;
        }

    .header-shape-bottom-500 {
        display: none;
    }

    .page-content.hata2 {
        margin: 42px auto 0 auto;
        width: 100%;
    }

    .breadcrum-list-hata {
        width: 46%;
        margin-left: 12px;
    }


    .hata {
        width: 100%;
        margin-top: 15px;
    }

    .hata-2 {
        width: 80%;
        margin-left: -81%;
        margin-top: 121%;
        float: left;
    }

    .hata-500 {
        font-size: 106px;
        margin: -25px 0 -12px 0px;
    }

    .hata-text {
        font-size: 23px;
    }

    .hata-text2 {
        width: 86%;
        margin-top: 7px;
        line-height: 1.3;
        font-size: 18px;
    }

    .footer-bottom-left-500 {
        margin-top: 127%;
        margin-left: 7px;
        width: 46%;
    }

    .footer-bottom-center-500 {
        margin-left: -60px;
        margin-top: 95%;
        margin-bottom: 34px;
    }

        .footer-bottom-center-500 img {
            margin-top: 27px;
            margin-left: 2px;
            max-width: 78%;
        }

    .footer-bottom-right-500 a {
        margin-top: -7%;
        margin-right: 3%;
    }
}
/*Galaxy s3 Dikey*/
@media only screen and (min-width:360px) and (max-width:369px) {
    .our-regions-table {
        font-size: 12px;
    }
    /*Menü*/

    #header {
        position: absolute;
        height: 0px;
        padding: 0 80px;
        top: 0;
        font-size: 16px;
        font-weight: bold;
        color: #d36212;
        line-height: 44px;
        text-align: center;
        z-index: 5;
    }

        #header a {
            display: block;
            position: absolute;
            top: -3px;
            left: -15px;
            width: 80px;
            height: 50px;
            padding: 15px 25px;
        }

            #header a:before,
            #header a:after {
                content: "";
                display: block;
                background: #d36212;
                height: 2px;
            }

            #header a span {
                background: #d36212;
                display: block;
                height: 2px;
                margin: 7px 0;
            }
    /*Anasayfa*/
    .whatsapp {
        margin-left: 0px;
    }
    #linkWhatssapp {
        display: inline-block;
        width: 38%;
        float: right;
        position: relative;
        padding-left: 0px;
    }
    .phone-icon {
        top: 54px;
        width: 38%;
    }
    .phone-icon img {
        width: 50px;
    }

    .whatsapp {
        width: 84px;
    }

    .header-shape {
        width: 7%;
        content: '';
        position: absolute;
        border-width: 90px 179px 0px;
        border-style: solid;
        border-color: #fff transparent;
        left: 0;
        background: #fff;
    }

        .header-shape::after {
            display: none;
        }

        .header-shape::before {
            display: none;
        }

    .header-shape-bottom {
        display: none;
    }

    .banner-image {
        display: none;
    }

    .header-logo {
        margin-top: 0px;
        margin-right: 113px;
        float: right;
    }

        .header-logo img {
            width: 130px;
        }

    .header-right {
        display: none;
    }

    .shape {
        margin-top: -35px;
    }

    .service-menu {
        display: none;
    }

    .tick {
        display: none;
    }

    .banner {
        width: 100%;
        height: 207px !important;
    }

    .main {
        width: 100%;
    }

    .slider {
        margin-bottom: 20px;
        height: 190px;
    }

    .main-brands-list {
        width: 98%;
        margin-left: -33px;
    }

    .main-our-services-header {
        margin-top: 76%;
        margin-left: 5px;
        font-size: 18px;
    }

    .our-services {
        margin-right: 0;
        bottom: 49px;
        right: 5px;
        padding: 10px 8px;
    }

    .our-services-list {
        width: 100%;
    }

    .our-services-shape {
        max-width: 100%;
    }

    .our-services-daire {
        width: 145px;
        height: 142px;
        margin-left: 6px;
        margin-top: -4px;
    }

    .our-services-right {
        width: 100%;
        float: none;
    }

    .our-services-img img {
        width: 123px;
        height: 123px;
    }

    .our-services-shape {
        height: 364px;
    }

    .our-services-header {
        width: 50%;
        margin-top: -92px;
        margin-left: 155px;
        float: none;
    }

    .our-services-text {
        width: 93%;
        margin-top: 69px;
        margin-left: 13px;
        line-height: 1.5;
    }

    .icon {
        margin-right: 0px;
        margin-top: -2px;
    }

    .main-regions {
        margin: 0px 0;
    }

        .main-regions .main {
            width: 100%;
        }

    .address {
        display: none;
    }

    .main-regions-header {
        margin-top: 14px;
        font-size: 14px;
        margin-left: 5px;
    }

    .regions {
        bottom: 55px;
        padding: 8px 12px;
        top: 10px;
        right: 5px;
    }

    .regions-shape {
        width: 100%;
        height: auto;
        top: 63px;
    }

    .shape-img {
        margin-top: 0;
        margin-left: 10px;
        width: 130px;
        height: 131px
    }

    .regions-list {
        margin-bottom: 11px;
        display: inline-block;
    }

    .regions-shape-right {
        max-width: 100%;
        display: block;
        margin-bottom: 15px;
    }

    .regions-header {
        width: 40%;
        float: right;
        margin-top: -93px;
    }

    .regions-text {
        width: 114%;
        margin-top: 15px;
        margin-left: 13px;
    }

    .neighbourhood {
        padding-left: 5px;
        width: 124%;
    }

        .neighbourhood li {
            width: 24%;
            max-height: 77px;
            margin-top: 29px;
        }

        .neighbourhood a {
            margin-left: 3px;
            font-size: 12px;
        }

    .see-all {
        margin-top: 29px;
        margin-right: -53px;
        margin-bottom: -9px;
        display: inline-block;
        width: 100%;
        text-align: right;
    }

    .footer {
        margin: 90px 0 0 0px;
    }

    .footer-shape-3 {
        height: 1492px;
        margin-top: 717px;
    }

    .footer img {
        max-width: 80%;
        max-height: 90%;
    }

    .locksmith-service-right {
        width: 98%;
    }

    .footer-shape {
        width: 166%;
        margin-top: 51px;
    }

    .armut-logo {
        margin-left: 32%;
        margin-top: 3%;
    }

        .armut-logo::after {
            margin-top: -18px;
            margin-left: 21px;
        }

    .armut-logo-text {
        width: 87.4%;
    }

        .armut-logo-text img {
            margin-top: 33px;
            margin-left: 73%;
        }

        .armut-logo-text::after {
            bottom: 55px;
            left: 79%;
        }

        .armut-logo-text span {
            margin-left: 90%;
            margin-top: 34px;
            width: 24%;
        }

    .footer-shape-2 {
        width: 100%;
        float: none;
        left: 0;
        margin-top: 1px;
    }

    .locksmith-text {
        margin-left: 3%;
        margin-top: 4px;
    }

    .locksmith-service-form {
        padding: 6px 34px;
        left: 14%;
        margin-top: 49px;
    }

    .footer-bottom {
        display: block;
    }

    .footer-left {
        width: 96%;
        float: none;
        margin-left: 11px;
    }

    .footer-left-locksmith-specialist {
        width: 97%;
        margin-right: 0;
    }

    .footer-phone {
        padding-top: 27px;
        width: 72%;
    }

    .footer-left-locksmith-services {
        display: none;
    }

    .footer-right-our-regions {
        display: none;
    }

    .footer-right-menu {
        display: none;
    }

    .footer-bottom-left {
        margin-top: 64px;
        margin-left: 7px;
        width: 43%;
    }

    .footer-bottom-center {
        display: none;
    }

        .footer-bottom-center img {
            margin-top: 11px;
            margin-left: 13px;
        }

    .footer-bottom-right a {
        margin-top: 66px;
        margin-right: 10px;
    }

    .footer-address {
        display: none;
    }

    .priv_arrow {
        display: none !important;
    }

    .next_arrow {
        display: none !important;
    }

    .slick-slide {
        width: 152px !important;
        margin-right: 7px !important;
    }

    .slick-track {
        left: 81px !important;
    }

    /*Kurumsal*/
    .page-content {
        width: 96%;
    }

    .header-shape-corporate {
        width: 7%;
        content: '';
        position: absolute;
        border-width: 108px 159px 0px;
        border-style: solid;
        border-color: #fff transparent;
        left: 0;
        background: #fff;
    }

        .header-shape-corporate::after {
            display: none;
        }

        .header-shape-corporate::before {
            display: none;
        }

    .header-shape-corparete-2 {
        display: none;
    }

    .banner-image {
        display: none;
    }

    .header-logo-corporate {
        margin-top: 15px;
        margin-left: 87px;
    }

        .header-logo-corporate img {
            width: 130px;
        }

    .header-right-corporate {
        display: none;
    }

    .service-menu-corporate {
        display: none;
    }

    .corporate-header {
        width: 68%;
    }

    .breadcrum-list {
        width: 70%;
    }

    .corporate-contents {
        width: 89%;
        display: table;
    }

    .corporate-contents-right {
        display: none;
    }

        .corporate-contents-right li {
            margin: 10px 0 10px 0;
        }

    .corporate-contents-left {
        display: block;
        float: none;
        width: 100%;
    }

        .corporate-contents-left .corporate-img {
            width: 22%;
            height: 163px;
            float: left;
            display: block;
        }

    .corporate-contents-bottom {
        margin-left: 31px;
        margin-top: 15px;
    }

    .corporate-contents-left .corporate-img img {
        display: inline-block;
        margin-top: 31px;
        max-width: 320px;
        max-height: 322px;
    }

    .corporate-contents-header {
        margin-left: -22px;
        width: 94%;
    }

    .our-regions-detail-right-video a {
        margin: 0 0 0 0;
    }

    .regions-images-detail-video li {
        margin: -19px -45px -3px 25px;
    }

    .regions-images-detail-video img {
        width: 300px;
    }

    .corporate-contents-text {
        width: 112%;
        margin-left: -18px;
    }
    /* .regions-images-detail {
        width: 28%;
        margin-left: -84px;
    }*/
    .regions-images-detail li::after {
        display: none;
    }

    .regions-images-detail li {
        width: 300px;
        height: 221px;
        margin-right: 0;
        margin-left: 32px;
    }

    .our-regions-detail-right2 {
        width: 56%;
    }

    .footer {
        margin: 60px 0 0 0px;
    }

    .footer-shape-3 {
        height: 538px;
        margin-top: 618px;
    }

    .footer img {
        max-width: 80%;
        max-height: 90%;
    }

    .locksmith-service-right {
        width: 98%;
    }

    .footer-shape-corporate {
        width: 166%;
        margin-top: 51px;
    }

    .armut-logo-corporate {
        margin-left: 31%;
        margin-top: 3%;
    }

        .armut-logo-corporate::after {
            margin-top: -16px;
            margin-left: 10px;
        }

    .armut-logo-text-corporate {
        width: 87.4%;
    }

        .armut-logo-text-corporate img {
            margin-top: 33px;
            margin-left: 73%;
        }

        .armut-logo-text-corporate::after {
            bottom: 55px;
        }

        .armut-logo-text-corporate span {
            margin-left: 90%;
            margin-top: 34px;
            width: 24%;
        }

    .footer-shape-corporate-2 {
        width: 100%;
        float: none;
        left: 0;
        margin-top: 1px;
    }

    .locksmith-text {
        margin-left: 3%;
        margin-top: 4px;
    }

    .locksmith-service-form {
        padding: 6px 34px;
        left: 16%;
        margin-top: 46px;
    }

    .footer-bottom {
        display: block;
    }

    .footer-left {
        width: 96%;
        float: none;
        margin-left: 11px;
    }

    .footer-left-locksmith-specialist {
        width: 97%;
        margin-right: 0;
    }

    .footer-phone {
        padding-top: 27px;
        width: 72%;
    }


    .footer-right-menu {
        margin-top: 53px;
        padding-left: 11px;
    }

    .footer-bottom-center img {
        margin-top: 11px;
        margin-left: 13px;
    }

    .footer-address li {
        width: 30%;
        margin-left: 8px;
        padding-left: 0px;
    }
    /*Hizmetlerimiz*/
    .our-services-shape.mobil {
        height: 400px;
    }

    .icon-detay {
        margin-right: 0px;
        margin-top: 34px;
    }
    /*Hizmetlerimiz Detay*/
    .regions-detail-img {
        margin: 0px 51px 23px 35px;
        width: 214px;
        height: 212px;
    }

    .regions-detail-text {
        width: 97%;
        margin-left: 5px;
        font-size: 14px;
    }

    .regions-detail-header-2 {
        margin-left: 5px;
    }

    .regions-images {
        width: 100%;
        margin: 45px 0 0px 0;
    }

        .regions-images li {
            width: 302px;
            margin-left: 17px;
        }

            .regions-images li::after {
                display: none;
            }

    .regions-images-video {
        width: 100%;
    }

        .regions-images-video li {
            margin: 0px 0 0 18px;
        }

        .regions-images-video img {
            width: 305px;
        }

    .regions-images.dokuman {
        width: 50%;
        margin: 0px 0 38px 0;
    }
    /*Servis Bölgeleri*/
    .our-service-areas-shape {
        width: 100%;
        height: auto;
    }

    .our-service-areas-address {
        top: 275px;
    }
    /*Servis Bölgeleri Liste*/
    #wrapper {
        width: 100% !important;
    }

    .our-service-areas-shape-2 {
        width: 100%;
    }

    .our-service-img {
        width: 150px;
        height: 151px;
        margin-top: 33px;
        margin-left: 10px;
    }

    .regions-header.mobil3 {
        width: 59%;
        float: right;
        margin-top: -113px;
        font-size: 18px;
        margin-right: -63px;
    }

    .detail {
        margin: 40px -44px 20px 0;
    }

    .page_navigation, .alt_page_navigation {
        left: 29% !important;
    }
    /*Servis Bölgeleri Detay*/
    .our-service-region {
        float: right;
        padding: 12px 18px;
        bottom: 0px;
        top: 8px;
    }

    .our-regions-detail-img img {
        float: left;
        margin: 30px 15px 40px 51px;
    }

    .our-regions-detail-text {
        width: 96%;
    }

    .our-regions-images {
        width: 100%;
    }
    .our-regions-detail-header-2 {
        width: 90%;
    }
    .our-regions-images li::after {
        display: none;
    }

        .our-regions-images li {
            width: 301px;
            height: 229px;
            margin-left: 22px;
        }

    .our-regions-images-video img {
        width: 301px;
    }

    .our-regions-table table {
        width: 100% !important;
    }

        .our-regions-table table td {
            padding: 0 0px 7px 0px;
        }

    .our-regions-images-video {
        width: 96%;
        margin-left: 20px;
    }

    .our-regions-images.dokuman {
        width: 100%;
    }

        .our-regions-images.dokuman li {
            height: 85px;
        }
    /*İletişim*/
    .FormMessageError {
        bottom: 152px;
        float: right;
        right: 11px;
    }

    span#ContentPlaceHolder1_lblSonuc {
        margin-top: 7px;
        margin-left: 46px;
    }

    .header-shape-our-service-areas-detail {
        width: 7%;
        content: '';
        position: absolute;
        border-width: 94px 179px 0px;
        border-style: solid;
        border-color: #fff transparent;
        left: 0;
        background: #fff;
    }

        .header-shape-our-service-areas-detail::after {
            display: none;
        }

        .header-shape-our-service-areas-detail::before {
            display: none;
        }

    .header-shape-our-service-areas-detail-5 {
        display: none;
    }

    .iletisim-adres {
        width: 90%;
        float: left;
    }

    .iletisim-sosyal {
        margin: 20px 25px 10px 0px;
        float: left;
        width: 52%;
    }

    .iletisim-image {
        max-width: 350px;
        margin-left: -2px;
    }

    .iletisim-shape {
        width: 100%;
    }

    .iletisim-header {
        width: 86%;
        padding: 44px 0 6px 14px;
    }

    .iletisim-text {
        font-size: 18px
    }

    .iletisim-page-right {
        width: 101%;
        float: none;
    }

        .iletisim-page-right iframe {
            height: 260%;
            margin-left: -2px;
        }

    .opinions-header {
        width: 91%;
    }

    .opinions-suggestions-image {
        width: 298px;
        height: 567px;
        margin: 314px 0 275px -369.9px;
    }

    .opinions-suggestions-image-shape {
        width: 683px;
        height: 843px;
    }

    .opinions-suggestions-image-shape-2 {
        width: 360px;
        height: 843px;
        margin-left: 53%;
    }

    .iletisim-form-right {
        width: 100%;
        float: left;
    }

    .iletisim-form-left {
        width: 100%;
    }

    .iletisim-form input {
        width: 69%;
    }

    .iletisim-form.konu .iletisim-form-shape {
        float: left;
    }

    .iletisim-form.konu input {
        width: 71%;
        margin: 26px 5px 0 -15px;
    }

    .iletisim-form textarea {
        width: 82%;
        height: 151px;
        margin: 34px 21px 0px -55px;
        padding: 18px 0 0 64px;
    }

    .iletisim-form-send-button {
        width: 140px;
        height: 61px;
        margin-right: 103px;
        margin-top: 103px;
    }

    .recapthca {
        margin-left: 8%;
        margin-top: -184px;
        transform: scale(0.97);
        margin-bottom: 106px;
    }

    .footer-shape-services {
        width: 100%;
        float: none;
        left: 0;
        margin-top: 18px;
    }

    /*Servis Talep Formu*/
    .contact-form-warning {
        margin-top: 24px;
        margin-left: 18px;
        font-size: 15px;
    }
    .ServisTextError {
        position: relative;
        bottom: 119px;
        float: right;
        right: -78px
    }
    .service-request-form {
        max-height: 923px;
        width: 333px;
        height: 994px;
        right: -6px;
        top: -24px;
        background-position: center center;
        background-size: cover;
    }

    .service {
        margin: 58px 0 3px 0px;
    }

    .request-form-left {
        float: none;
        width: 100%;
    }

    .request-form input {
        width: 62%;
    }

    .form-select-lg {
        width: 61% !important;
    }

    .request-form-right {
        width: 71%;
        margin-left: 5px
    }

    .request-form textarea {
        width: 98%;
        height: 114px;
        margin: -55px 1px 0 64px;
        padding: 18px 0 0 47px;
    }

    .request-form.talep textarea {
        height: 133px;
        padding: 21px 0 0 48px;
    }

    .request-form.adres .service-form-shape {
        margin-top: -3px;
        margin-left: 20px;
    }

    .request-form.talep .service-form-shape {
        margin-top: -23px;
        margin-left: 20px;
    }

    .recapthca-form {
        margin-left: 8%;
        transform: scale(0.9);
        margin-top: -79px;
        margin-bottom: 92px;
    }

    .request-form-send-button {
        margin-right: 98px;
        margin-top: 105px;
        position: relative;
        display:inline-block;
    }
    /*404*/
    #header-404 {
        position: fixed;
        height: 0px;
        padding: 0 80px;
        top: 0;
        font-size: 16px;
        font-weight: bold;
        color: #d36212;
        line-height: 44px;
        text-align: center;
        z-index: 5;
    }

        #header-404 a {
            display: block;
            position: absolute;
            top: 9px;
            left: -15px;
            width: 71px;
            height: 49px;
            padding: 15px 25px;
        }

            #header-404 a:before, #header-404 a:after {
                content: "";
                display: block;
                background: #d36212;
                height: 2px
            }

            #header-404 a span {
                background: #d36212;
                display: block;
                height: 2px;
                margin: 5px 0;
            }

    .header-shape-404 {
        width: 7%;
        content: '';
        position: absolute;
        border-width: 94px 159px 0px;
        border-style: solid;
        border-color: #fff transparent;
        left: 0;
        background: #fff;
    }

        .header-shape-404::after {
            display: none;
        }

        .header-shape-404::before {
            display: none;
        }

    .header-shape-bottom-404 {
        display: none;
    }

    .header-logo-hata {
        margin-top: -4px;
        margin-left: 56px;
    }

        .header-logo-hata img {
            width: 115px;
        }

    .page-content.hata2 {
        margin: 42px auto 0 auto;
        width: 100%;
    }

    .breadcrum-list-hata {
        width: 46%;
        margin-left: 12px;
    }

    .phone-404 {
        background-size: 23%;
        margin-right: 13px;
        padding-top: 22px;
    }

        .phone-404 ul {
            margin-left: 39px;
        }

            .phone-404 ul li {
                font-size: 14px;
            }

    .hata {
        width: 100%;
        margin-top: 15px;
    }

    .hata-2 {
        width: 80%;
        margin-left: -81%;
        margin-top: 121%;
        float: left;
    }

    .hata-404-header {
        font-size: 106px;
        margin: -25px 0 -12px 0px;
    }

    .hata-text {
        font-size: 23px;
    }

    .hata-text2 {
        width: 86%;
        margin-top: 7px;
        line-height: 1.3;
        font-size: 18px;
    }

    .footer-bottom-left-404 {
        margin-top: 127%;
        margin-left: 7px;
        width: 46%;
    }

    .footer-bottom-center-404 {
        margin-left: -60px;
        margin-top: 95%;
        margin-bottom: 34px;
    }

        .footer-bottom-center-404 img {
            margin-top: 27px;
            margin-left: 2px;
            max-width: 78%;
        }

    .footer-bottom-right-404 a {
        margin-top: -7%;
        margin-right: 3%;
    }
    /*500*/
    #header-500 {
        position: fixed;
        height: 0px;
        padding: 0 80px;
        top: 0;
        font-size: 16px;
        font-weight: bold;
        color: #d36212;
        line-height: 44px;
        text-align: center;
        z-index: 5;
    }

        #header-500 a {
            display: block;
            position: absolute;
            top: 9px;
            left: -15px;
            width: 71px;
            height: 49px;
            padding: 15px 25px;
        }

            #header-500 a:before, #header-500 a:after {
                content: "";
                display: block;
                background: #d36212;
                height: 2px
            }

            #header-500 a span {
                background: #d36212;
                display: block;
                height: 2px;
                margin: 5px 0;
            }

    .header-shape-500 {
        width: 7%;
        content: '';
        position: absolute;
        border-width: 94px 159px 0px;
        border-style: solid;
        border-color: #fff transparent;
        left: 0;
        background: #fff;
    }

        .header-shape-500::after {
            display: none;
        }

        .header-shape-500::before {
            display: none;
        }

    .header-shape-bottom-500 {
        display: none;
    }


    .page-content.hata2 {
        margin: 42px auto 0 auto;
        width: 100%;
    }

    .breadcrum-list-hata {
        width: 46%;
        margin-left: 12px;
    }

    .hata {
        width: 100%;
        margin-top: 15px;
    }

    .hata-2 {
        width: 80%;
        margin-left: -81%;
        margin-top: 121%;
        float: left;
    }

    .hata-500 {
        font-size: 106px;
        margin: -25px 0 -12px 0px;
    }

    .hata-text {
        font-size: 23px;
    }

    .hata-text2 {
        width: 86%;
        margin-top: 7px;
        line-height: 1.3;
        font-size: 18px;
    }

    .footer-bottom-left-500 {
        margin-top: 127%;
        margin-left: 7px;
        width: 46%;
    }

    .footer-bottom-center-500 {
        margin-left: -60px;
        margin-top: 95%;
        margin-bottom: 34px;
    }

        .footer-bottom-center-500 img {
            margin-top: 27px;
            margin-left: 2px;
            max-width: 78%;
        }

    .footer-bottom-right-500 a {
        margin-top: -3%;
        margin-right: 3%;
    }
}
/*iphone 6/6s dikey*/
@media only screen and (min-width:370px) and (max-width:389px) {
    .our-regions-table {
        font-size: 13px;
    }


    /*Menü*/

    #header {
        position: absolute;
        height: 0px;
        padding: 0 80px;
        top: 0;
        font-size: 16px;
        font-weight: bold;
        color: #d36212;
        line-height: 44px;
        text-align: center;
        z-index: 5;
    }

        #header a {
            display: block;
            position: absolute;
            top: -3px;
            left: -15px;
            width: 80px;
            height: 50px;
            padding: 15px 25px;
        }

            #header a:before,
            #header a:after {
                content: "";
                display: block;
                background: #d36212;
                height: 2px;
            }

            #header a span {
                background: #d36212;
                display: block;
                height: 2px;
                margin: 7px 0;
            }
    /*Anasayfa*/
    .phone-icon {
        top: 81px;
        width: 38%;
    }
    #linkWhatssapp {
        display: inline-block;
        width: 38%;
        float: right;
        position: relative;
        padding-left: 0px;
    }
        .phone-icon img {
            width: 77px;
        }
        .whatsapp {
            margin-left: 2px;
        }
    .header-shape {
        width: 7%;
        content: '';
        position: absolute;
        border-width: 100px 187px 0px;
        border-style: solid;
        border-color: #fff transparent;
        left: 0;
        background: #fff;
    }

        .header-shape::after {
            display: none;
        }

        .header-shape::before {
            display: none;
        }

    .header-shape-bottom {
        display: none;
    }

    .banner-image {
        display: none;
    }

    .header-logo {
        margin-top: 0px;
        margin-right: 113px;
        float: right;
    }

        .header-logo img {
            width: 130px;
        }

    .header-right {
        display: none;
    }

    .shape {
        margin-top: -30px;
    }

    .service-menu {
        display: none;
    }

    .tick {
        display: none;
    }

    .banner {
        width: 100%;
        height: 207px !important;
    }

    .main {
        width: 100%;
    }

    .slider {
        margin-bottom: 20px;
        height: 190px;
    }

    .main-brands-list {
        width: 102%;
        margin-left: -25px;
    }

    .main-our-services-header {
        margin-top: 76%;
        margin-left: 5px;
        font-size: 16px;
    }

        .main-our-services-header h1 {
            font-size: 20px;
        }

    .our-services {
        margin-right: 0;
        bottom: 39px;
        right: 5px;
        padding: 11px 15px;
    }

    .our-services-list {
        width: 100%;
    }

    .our-services-shape {
        max-width: 100%;
    }

    .our-services-daire {
        width: 145px;
        height: 142px;
        margin-left: 6px;
        margin-top: -4px;
    }

    .our-services-right {
        width: 100%;
        float: none;
    }

    .our-services-img img {
        width: 123px;
        height: 123px;
    }

    .our-services-shape {
        height: 364px;
    }

    .our-services-header {
        width: 50%;
        margin-top: -92px;
        margin-left: 155px;
        float: none;
    }

    .our-services-text {
        width: 93%;
        margin-top: 69px;
        margin-left: 13px;
        line-height: 1.5;
    }

    .icon {
        margin-right: 0px;
        margin-top: 23px;
    }

    .main-regions {
        margin: 0px 0;
    }

        .main-regions .main {
            width: 100%;
        }

    .address {
        display: none;
    }

    .main-brands-header {
        margin-left: 5px;
    }

    .main-regions-header {
        width: 61%;
        margin-top: -10px;
        font-size: 19px;
    }

    .regions {
        bottom: 77px;
        padding: 12px 18px;
        top: -3px;
    }

    .regions-shape {
        width: 100%;
        height: auto;
    }

    .shape-img {
        margin-top: 0;
        margin-left: 10px;
        width: 130px;
        height: 131px
    }

    .regions-list {
        margin-bottom: 12px;
    }

    .regions-shape-right {
        max-width: 100%;
        margin-bottom: 10px;
    }

    .regions-header {
        width: 40%;
        float: right;
        margin-top: -93px;
    }

    .regions-text {
        width: 114%;
        margin-top: 15px;
        margin-left: 13px;
    }

    .neighbourhood {
        padding-left: 10px;
        width: 124%;
    }

        .neighbourhood li {
            width: 24%;
            max-height: 77px;
            margin-top: 18px;
            margin-bottom: 12px;
        }

        .neighbourhood a {
            margin-left: 3px;
            font-size: 12px;
        }

    .see-all {
        margin-top: 9px;
        margin-right: -55px;
        margin-bottom: 1px;
        display: inline-block;
        width: 100%;
        text-align: right;
    }

    .footer {
        margin: 90px 0 0 0px;
    }

        .footer img {
            max-width: 80%;
            max-height: 90%;
        }

    .locksmith-service-right {
        width: 98%;
    }

    .footer-shape {
        width: 166%;
        margin-top: 51px;
    }

    .armut-logo {
        margin-left: 33%;
        margin-top: 3%;
    }

        .armut-logo::after {
            margin-top: -19px;
            margin-left: 24px;
        }

    .armut-logo-text {
        width: 87.4%;
    }

        .armut-logo-text img {
            margin-top: 33px;
            margin-left: 73%;
        }

        .armut-logo-text::after {
            bottom: 55px;
            left: 79%;
        }

        .armut-logo-text span {
            margin-left: 90%;
            margin-top: 34px;
            width: 24%;
        }

    .footer-shape-2 {
        width: 100%;
        float: none;
        left: 0;
        margin-top: 1px;
    }

    .locksmith-text {
        margin-left: 6%;
        margin-top: 4px;
    }

    .locksmith-service-form {
        padding: 6px 34px;
        left: 19%;
        margin-top: 42px;
    }

    .footer-bottom {
        display: block;
    }

    .footer-left {
        width: 96%;
        float: none;
        margin-left: 11px;
    }

    .footer-left-locksmith-specialist {
        width: 97%;
        margin-right: 0;
    }

    .footer-phone {
        padding-top: 27px;
        width: 72%;
    }

    .footer-left-locksmith-services {
        display: none;
    }

    .footer-right-our-regions {
        display: none;
    }

    .footer-right-menu {
        display: none;
    }

    .footer-bottom-left {
        margin-top: 48px;
        margin-left: 7px;
        width: 43%;
    }

    .footer-bottom-center {
        display: none;
    }

    .footer-address {
        display: none;
    }

        .footer-address li {
            width: 30%;
            margin-left: 8px;
            padding-left: 0px;
        }

    .priv_arrow {
        display: none !important;
    }

    .next_arrow {
        display: none !important;
    }

    .slick-slide {
        width: 160px !important;
        margin-right: 13px !important;
    }

    .slick-track {
        left: 81px !important;
    }
    /*Kurumsal*/
    .page-content {
        width: 96%;
    }

    .header-shape-corporate {
        width: 7%;
        content: '';
        position: absolute;
        border-width: 108px 159px 0px;
        border-style: solid;
        border-color: #fff transparent;
        left: 0;
        background: #fff;
    }

        .header-shape-corporate::after {
            display: none;
        }

        .header-shape-corporate::before {
            display: none;
        }

    .header-shape-corparete-2 {
        display: none;
    }

    .banner-image {
        display: none;
    }

    .header-logo-corporate {
        margin-top: 15px;
        margin-left: 87px;
    }

        .header-logo-corporate img {
            width: 130px;
        }

    .header-right-corporate {
        display: none;
    }

    .service-menu-corporate {
        display: none;
    }

    .corporate-header {
        width: 82%;
    }

    .breadcrum-list {
        width: 70%;
    }

    .corporate-contents {
        width: 93%;
        display: table;
    }

    .corporate-contents-right {
        display: none;
    }

        .corporate-contents-right li {
            margin: 10px 0 10px 0;
        }

    .corporate-contents-left {
        display: block;
        float: none;
        width: 100%;
    }

        .corporate-contents-left .corporate-img {
            width: 22%;
            height: 163px;
            float: left;
            display: block;
        }

    .corporate-contents-bottom {
        margin-left: 31px;
        margin-top: 15px;
    }

    .corporate-contents-left .corporate-img img {
        display: inline-block;
        margin-top: 26px;
        max-width: 347px;
        max-height: 322px;
    }

    .corporate-contents-header {
        margin-left: -22px;
        width: 94%;
    }

    .regions-images-detail-video li {
        margin: 0px -45px -3px 27px;
    }

    .regions-images-detail-video img {
        width: 285px;
    }

    .our-regions-detail-right-video a {
        margin: 0 0px 0 0;
    }

    .corporate-contents-text {
        width: 105%;
        margin-left: -18px;
    }
    /* .regions-images-detail {
        width: 28%;
        margin-left: -84px;
    }*/
    .regions-images-detail li::after {
        display: none;
    }

    .regions-images-detail li {
        width: 300px;
        height: 221px;
        margin-right: 0;
        margin-left: 32px;
    }

    .our-regions-detail-right2 {
        width: 56%;
    }

    .footer {
        margin: 60px 0 0 0px;
    }

    .footer-shape-3 {
        height: 414px;
        margin-top: 707px;
    }

    .footer img {
        max-width: 80%;
        max-height: 90%;
    }

    .locksmith-service-right {
        width: 98%;
    }

    .footer-shape-corporate {
        width: 166%;
        margin-top: 51px;
    }

    .armut-logo-corporate {
        margin-left: 31%;
        margin-top: 3%;
    }

        .armut-logo-corporate::after {
            margin-top: -16px;
            margin-left: 10px;
        }

    .armut-logo-text-corporate {
        width: 87.4%;
    }

        .armut-logo-text-corporate img {
            margin-top: 33px;
            margin-left: 73%;
        }

        .armut-logo-text-corporate::after {
            bottom: 55px;
        }

        .armut-logo-text-corporate span {
            margin-left: 90%;
            margin-top: 34px;
            width: 24%;
        }

    .footer-shape-corporate-2 {
        width: 100%;
        float: none;
        left: 0;
        margin-top: 1px;
    }


    .footer-bottom {
        display: block;
    }

    .footer-left {
        width: 96%;
        float: none;
        margin-left: 11px;
    }

    .footer-left-locksmith-specialist {
        width: 97%;
        margin-right: 0;
    }

    .footer-phone {
        padding-top: 27px;
        width: 72%;
    }

    .footer-bottom-right a {
        margin-top: 46px;
        margin-right: 9px;
    }

    .footer-address li {
        width: 30%;
        margin-left: 8px;
        padding-left: 0px;
    }
    /*Hizmetlerimiz*/
    .our-services-shape.mobil {
        height: 400px;
    }

    .icon-detay {
        margin-right: 0px;
        margin-top: 34px;
    }
    /*Hizmetlerimiz Detay*/
    .regions-detail-img {
        margin: 0px 51px 23px 35px;
        width: 214px;
        height: 212px;
    }

    .regions-detail-header-2 {
        width: 52%;
        margin-left: 5px;
    }

    .regions-detail-text {
        width: 96%;
        margin-left: 5px;
        margin: 45px 0 0px 0;
        font-size: 14px;
    }

    .regions-images {
        width: 100%;
    }

        .regions-images li {
            width: 302px;
            margin-left: 24px;
        }

            .regions-images li::after {
                display: none;
            }

    .regions-images-video {
        width: 100%;
    }

        .regions-images-video li {
            margin: 0px 0 0 24px;
        }

        .regions-images-video img {
            width: 305px;
        }

    .regions-images.dokuman {
        width: 50%;
        margin: 10px 0 10px 0;
    }
    /*Servis Bölgeleri*/
    .our-service-areas-shape {
        width: 100%;
        height: auto;
    }

    .our-service-areas-address {
        top: 276px;
    }
    /*Servis Bölgeleri Liste*/
    #wrapper {
        width: 100% !important;
    }

    .our-service-areas-shape-2 {
        width: 100%;
    }

    .our-service-img {
        width: 150px;
        height: 151px;
        margin-top: 33px;
        margin-left: 10px;
    }

    .regions-header.mobil3 {
        width: 59%;
        float: right;
        margin-top: -113px;
        font-size: 18px;
        margin-right: -63px;
    }

    .detail {
        margin: 40px -44px 20px 0;
    }

    .page_navigation, .alt_page_navigation {
        left: 29% !important;
    }
    /*Servis Bölgeleri Detay*/
    .our-service-region {
        float: right;
        padding: 12px 18px;
        top: -58px;
    }

    .our-regions-detail-img img {
        float: left;
        margin: 20px 20px 40px 55px;
    }

    .our-regions-detail-text {
        width: 97%;
    }

    .our-regions-images {
        width: 100%;
    }

        .our-regions-images li::after {
            display: none;
        }

        .our-regions-images li {
            width: 301px;
            height: 229px;
            margin-left: 22px;
        }

    .our-regions-images-video img {
        width: 301px;
    }

    .our-regions-table table {
        width: 100% !important;
    }

        .our-regions-table table td {
            padding: 0 0px 7px 0px;
        }

    .our-regions-images-video {
        width: 96%;
        margin-left: 20px;
    }

    .our-regions-images.dokuman {
        width: 100%;
    }

        .our-regions-images.dokuman li {
            height: 85px;
        }
    /*İletişim*/
    span#ContentPlaceHolder1_rfvEposta {
        position: absolute;
        top: 28px;
    }
    .FormTelefonError {
        position: absolute;
        top: 29px;
    }
    .FormError {
        right: 18px;
    }
    .FormMessageError {
        position: absolute;
        right: 16px;
    }
    span#ContentPlaceHolder1_lblSonuc {
        margin-top: 18px;
        margin-left: 29px;
        font-size: 16px;
    }
    .header-shape-our-service-areas-detail {
        width: 7%;
        content: '';
        position: absolute;
        border-width: 94px 187px 0px;
        border-style: solid;
        border-color: #fff transparent;
        left: 0;
        background: #fff;
    }

        .header-shape-our-service-areas-detail::after {
            display: none;
        }

        .header-shape-our-service-areas-detail::before {
            display: none;
        }

    .header-shape-our-service-areas-detail-5 {
        display: none;
    }

    .iletisim-adres {
        width: 90%;
        float: left;
    }

    .iletisim-sosyal {
        margin: 20px 25px 10px 0px;
        float: left;
        width: 52%;
    }

    .iletisim-sosyal-2 {
        margin: 15px 0px 7px 0px;
        float: left;
        width: 52%;
    }

    .iletisim-image {
        max-width: 362px;
    }

    .iletisim-shape {
        width: 100%;
    }

    .iletisim-header {
        width: 86%;
        padding: 44px 0 6px 14px;
    }

    .iletisim-text {
        font-size: 18px
    }

    .iletisim-page-right {
        width: 101%;
        float: none;
    }

        .iletisim-page-right iframe {
            height: 260%;
            width: 99.9%;
        }

    .opinions-header {
        width: 83%;
    }

    .opinions-suggestions-image {
        width: 298px;
        height: 567px;
        margin: 314px 0 275px -369.9px;
    }

    .opinions-suggestions-image-shape {
        width: 683px;
        height: 843px;
    }

    .opinions-suggestions-image-shape-2 {
        width: 375px;
        height: 886px;
        margin-left: 53%;
    }

    .iletisim-form-right {
        width: 100%;
        float: left;
    }

    .iletisim-form-left {
        width: 100%;
    }

    .iletisim-form input {
        width: 69%;
    }

    .iletisim-form.konu .iletisim-form-shape {
        float: left;
    }

    .iletisim-form.konu input {
        width: 71%;
        margin: 26px 5px 0 -15px;
    }

    .iletisim-form textarea {
        width: 82%;
        height: 151px;
        margin: 34px 21px 0px -55px;
        padding: 18px 0 0 64px;
    }

    .iletisim-form-send-button {
        width: 140px;
        height: 61px;
        margin-right: 115px;
        margin-top: 95px;
    }

    .recapthca {
        margin-left: 11%;
        margin-top: -151px;
        transform: scale(1.01);
        margin-bottom: 115px;
    }
    /*Servis Talep Formu*/
    .ServisError {
        bottom: -21px;
        right: 9px;
    }
    .ServisTextError {
        bottom: 397px;
        position: absolute;
        right: 7px;
    }
    span#ContentPlaceHolder1_rfvtxtAdres {
        bottom: 535px;
        position: absolute;
        right: 8px;
    }
    .contact-form-warning {
        margin-top: 14px;
        margin-left: 18px;
        font-size: 16px;
    }
    .service-request-form {
        max-height: 1108px;
        width: 351px;
        height: 1102px;
        right: -6px;
        top: -24px;
        background-position: center center;
        background-size: cover;
    }

    .service {
        margin: 58px 0 3px 0px;
    }

    .request-form-left {
        float: none;
        width: 100%;
    }

    .request-form input {
        width: 69%;
    }

    .form-select-lg {
        width: 69% !important;
    }

    .request-form-right {
        width: 77%;
        margin-left: 5px
    }

    .request-form textarea {
        width: 98%;
        height: 114px;
        margin: -55px 1px 0 64px;
        padding: 21px 0 0 46px;
    }

    .request-form.talep textarea {
        height: 133px;
        padding: 21px 0 0 48px;
    }

    .request-form.adres .service-form-shape {
        margin-top: -3px;
        margin-left: 20px;
    }

    .request-form.talep .service-form-shape {
        margin-top: -23px;
        margin-left: 20px;
    }

    .recapthca-form {
        margin-left: 9%;
        transform: scale(0.9);
        margin-top: -279px;
        margin-bottom: 85px;
    }

    .request-form-send-button {
        margin-right: 107px;
        margin-top: 101px;
    }
    /*404*/
    #header-404 {
        position: fixed;
        height: 0px;
        padding: 0 80px;
        top: 0;
        font-size: 16px;
        font-weight: bold;
        color: #d36212;
        line-height: 44px;
        text-align: center;
        z-index: 5;
    }

        #header-404 a {
            display: block;
            position: absolute;
            top: 9px;
            left: -15px;
            width: 71px;
            height: 49px;
            padding: 15px 25px;
        }

            #header-404 a:before, #header-404 a:after {
                content: "";
                display: block;
                background: #d36212;
                height: 2px
            }

            #header-404 a span {
                background: #d36212;
                display: block;
                height: 2px;
                margin: 5px 0;
            }

    .header-shape-404 {
        width: 7%;
        content: '';
        position: absolute;
        border-width: 94px 159px 0px;
        border-style: solid;
        border-color: #fff transparent;
        left: 0;
        background: #fff;
    }

        .header-shape-404::after {
            display: none;
        }

        .header-shape-404::before {
            display: none;
        }

    .header-shape-bottom-404 {
        display: none;
    }

    .header-logo-hata {
        margin-top: -5px;
        margin-left: 64px;
    }

        .header-logo-hata img {
            width: 120px;
        }

    .page-content.hata2 {
        margin: 42px auto 0 auto;
        width: 100%;
    }

    .breadcrum-list-hata {
        width: 46%;
        margin-left: 12px;
    }

    .phone-404 {
        background-size: 23%;
        margin-right: 15px;
        padding-top: 22px;
    }

        .phone-404 ul {
            margin-left: 39px;
        }

            .phone-404 ul li {
                font-size: 14px;
            }

    .hata {
        width: 100%;
        margin-top: 15px;
    }

    .hata-2 {
        width: 80%;
        margin-left: -81%;
        margin-top: 121%;
        float: left;
    }

    .hata-404-header {
        font-size: 106px;
        margin: -25px 0 -12px 0px;
    }

    .hata-text {
        font-size: 23px;
    }

    .hata-text2 {
        width: 86%;
        margin-top: 7px;
        line-height: 1.3;
        font-size: 18px;
    }

    .footer-bottom-left-404 {
        margin-top: 127%;
        margin-left: 7px;
        width: 46%;
    }

    .footer-bottom-center-404 {
        margin-left: -60px;
        margin-top: 95%;
        margin-bottom: 34px;
    }

        .footer-bottom-center-404 img {
            margin-top: 27px;
            margin-left: 2px;
            max-width: 78%;
        }

    .footer-bottom-right-404 a {
        margin-top: -7%;
        margin-right: 3%;
    }
    /*500*/
    #header-500 {
        position: fixed;
        height: 0px;
        padding: 0 80px;
        top: 0;
        font-size: 16px;
        font-weight: bold;
        color: #d36212;
        line-height: 44px;
        text-align: center;
        z-index: 5;
    }

        #header-500 a {
            display: block;
            position: absolute;
            top: 9px;
            left: -15px;
            width: 71px;
            height: 49px;
            padding: 15px 25px;
        }

            #header-500 a:before, #header-500 a:after {
                content: "";
                display: block;
                background: #d36212;
                height: 2px
            }

            #header-500 a span {
                background: #d36212;
                display: block;
                height: 2px;
                margin: 5px 0;
            }

    .header-shape-500 {
        width: 7%;
        content: '';
        position: absolute;
        border-width: 94px 159px 0px;
        border-style: solid;
        border-color: #fff transparent;
        left: 0;
        background: #fff;
    }

        .header-shape-500::after {
            display: none;
        }

        .header-shape-500::before {
            display: none;
        }

    .header-shape-bottom-500 {
        display: none;
    }

    .page-content.hata2 {
        margin: 42px auto 0 auto;
        width: 100%;
    }

    .breadcrum-list-hata {
        width: 46%;
        margin-left: 12px;
    }


    .hata {
        width: 100%;
        margin-top: 15px;
    }

    .hata-2 {
        width: 80%;
        margin-left: -81%;
        margin-top: 121%;
        float: left;
    }

    .hata-500 {
        font-size: 106px;
        margin: -25px 0 -12px 0px;
    }

    .hata-text {
        font-size: 23px;
    }

    .hata-text2 {
        width: 86%;
        margin-top: 7px;
        line-height: 1.3;
        font-size: 18px;
    }

    .footer-bottom-left-500 {
        margin-top: 127%;
        margin-left: 7px;
        width: 46%;
    }

    .footer-bottom-center-500 {
        margin-left: -60px;
        margin-top: 95%;
        margin-bottom: 34px;
    }

        .footer-bottom-center-500 img {
            margin-top: 27px;
            margin-left: 2px;
            max-width: 78%;
        }

    .footer-bottom-right-500 a {
        margin-top: -3%;
        margin-right: 3%;
    }
}

/*iphone 12 pro*/
@media only screen and (min-width:390px) and (max-width:399px) {
    .our-regions-table {
        font-size: 14px;
    }
    /*Menü*/

    #header {
        position: absolute;
        height: 0px;
        padding: 0 80px;
        top: 0;
        font-size: 16px;
        font-weight: bold;
        color: #d36212;
        line-height: 44px;
        text-align: center;
        z-index: 5;
    }

        #header a {
            display: block;
            position: absolute;
            top: -3px;
            left: -15px;
            width: 80px;
            height: 50px;
            padding: 15px 25px;
        }

            #header a:before,
            #header a:after {
                content: "";
                display: block;
                background: #d36212;
                height: 2px;
            }

            #header a span {
                background: #d36212;
                display: block;
                height: 2px;
                margin: 7px 0;
            }
    /*Anasayfa*/
    .phone-icon {
        top: 78px;
        width: 38%;
    }
        .phone-icon img {
            width: 74px;
        }
    #linkWhatssapp {
        display: inline-block;
        width: 38%;
        float: right;
        position: relative;
        padding-left: 0px;
    }
    .whatsapp {
        margin-left: 2px;
    }
        .whatsapp img {
            width: 56%;
        }
        .header-shape {
            width: 7%;
            content: '';
            position: absolute;
            border-width: 86px 194px 0px;
            border-style: solid;
            border-color: #fff transparent;
            left: 0;
            background: #fff;
        }

        .header-shape::after {
            display: none;
        }

        .header-shape::before {
            display: none;
        }

    .header-shape-bottom {
        display: none;
    }

    .banner-image {
        display: none;
    }

    .header-logo {
        margin-top: 0px;
        margin-right: 113px;
        float: right;
    }

        .header-logo img {
            width: 130px;
        }

    .header-right {
        display: none;
    }

    .shape {
        margin-top: -30px;
    }

    .service-menu {
        display: none;
    }

    .tick {
        display: none;
    }

    .banner {
        width: 100%;
        height: 207px !important;
    }

    .main {
        width: 100%;
    }

    .slider {
        margin-bottom: 20px;
        height: 190px;
    }

    .main-brands-list {
        width: 98%;
        margin-left: -25px;
    }

    .main-our-services-header {
        margin-top: 76%;
        margin-left: 5px;
    }

    .our-services {
        margin-right: 0;
        bottom: 48px;
        right: 5px;
        padding: 12px 17px;
    }

    .our-services-list {
        width: 100%;
    }

    .our-services-shape {
        max-width: 100%;
    }

    .our-services-daire {
        width: 145px;
        height: 142px;
        margin-left: 6px;
        margin-top: -4px;
    }

    .our-services-right {
        width: 100%;
        float: none;
    }

    .our-services-img img {
        width: 123px;
        height: 123px;
    }

    .our-services-shape {
        height: 364px;
    }

    .our-services-header {
        width: 50%;
        margin-top: -92px;
        margin-left: 155px;
        float: none;
    }

    .our-services-text {
        width: 93%;
        margin-top: 69px;
        margin-left: 13px;
        line-height: 1.5;
    }

    .icon {
        margin-right: 0px;
        margin-top: 23px;
    }

    .main-regions {
        margin: 0px 0;
    }

        .main-regions .main {
            width: 100%;
        }

    .address {
        display: none;
    }

    .main-brands-header {
        margin-left: 5px;
    }

    .main-regions-header {
        width: 61%;
        margin-top: -10px;
        font-size: 19px;
        margin-left: 5px;
    }

    .regions {
        bottom: 77px;
        padding: 12px 18px;
        top: -3px;
    }

    .regions-shape {
        width: 100%;
        height: auto;
    }

    .shape-img {
        margin-top: 0;
        margin-left: 10px;
        width: 130px;
        height: 131px
    }

    .regions-list {
        margin-bottom: 18px;
    }

    .regions-shape-right {
        max-width: 100%;
        margin-bottom: 45px;
    }

    .regions-header {
        width: 40%;
        float: right;
        margin-top: -93px;
    }

    .regions-text {
        width: 114%;
        margin-top: 15px;
        margin-left: 13px;
    }

    .neighbourhood {
        padding-left: 10px;
        width: 124%;
    }

        .neighbourhood li {
            width: 24%;
            max-height: 77px;
            margin-top: 18px;
            margin-bottom: 12px;
        }

        .neighbourhood a {
            margin-left: 3px;
            font-size: 12px;
        }

    .see-all {
        margin-top: 6px;
        margin-right: -55px;
        margin-bottom: -17px;
        display: inline-block;
        width: 100%;
        text-align: right;
    }

    .footer {
        margin: 90px 0 0 0px;
    }

        .footer img {
            max-width: 80%;
            max-height: 90%;
        }

    .locksmith-service-right {
        width: 98%;
    }

    .footer-shape {
        width: 166%;
        margin-top: 51px;
    }

    .armut-logo {
        margin-left: 33%;
        margin-top: 3%;
    }

        .armut-logo::after {
            margin-top: -20px;
            margin-left: 32px;
        }

    .armut-logo-text {
        width: 87.4%;
    }

        .armut-logo-text img {
            margin-top: 33px;
            margin-left: 73%;
        }

        .armut-logo-text::after {
            bottom: 55px;
            left: 79%;
        }

        .armut-logo-text span {
            margin-left: 90%;
            margin-top: 34px;
            width: 24%;
        }

    .footer-shape-2 {
        width: 100%;
        float: none;
        left: 0;
        margin-top: 1px;
    }

    .locksmith-text {
        margin-left: 6%;
        margin-top: 4px;
    }

    .locksmith-service-form {
        padding: 6px 34px;
        left: 19%;
        margin-top: 42px;
    }

    .footer-bottom {
        display: block;
    }

    .footer-left {
        width: 96%;
        float: none;
        margin-left: 11px;
    }

    .footer-left-locksmith-specialist {
        width: 97%;
        margin-right: 0;
    }

    .footer-phone {
        padding-top: 27px;
        width: 72%;
    }

    .footer-left-locksmith-services {
        display: none;
    }

    .footer-right-our-regions {
        display: none;
    }

    .footer-right-menu {
        display: none;
    }

    .footer-bottom-left {
        margin-top: 0px;
        margin-left: 7px;
        width: 43%;
        display:inline-block;
    }

    .footer-bottom-center {
        display: none;
    }

    .footer-address {
        display: none;
    }

        .footer-address li {
            width: 30%;
            margin-left: 8px;
            padding-left: 0px;
        }

    .priv_arrow {
        display: none !important;
    }

    .next_arrow {
        display: none !important;
    }

    .slick-slide {
        width: 160px !important;
        margin-right: 13px !important;
    }

    .slick-track {
        left: 81px !important;
    }
    /*Kurumsal*/
    .page-content {
        width: 96%;
    }

    .header-shape-corporate {
        width: 7%;
        content: '';
        position: absolute;
        border-width: 108px 159px 0px;
        border-style: solid;
        border-color: #fff transparent;
        left: 0;
        background: #fff;
    }

        .header-shape-corporate::after {
            display: none;
        }

        .header-shape-corporate::before {
            display: none;
        }

    .header-shape-corparete-2 {
        display: none;
    }

    .banner-image {
        display: none;
    }

    .header-logo-corporate {
        margin-top: 15px;
        margin-left: 87px;
    }

        .header-logo-corporate img {
            width: 130px;
        }

    .header-right-corporate {
        display: none;
    }

    .service-menu-corporate {
        display: none;
    }

    .corporate-header {
        width: 82%;
        display: block;
        margin-top: 40px;
    }

    .breadcrum-list {
        width: 70%;
    }

    .corporate-contents {
        width: 93%;
        display: table;
    }

    .corporate-contents-right {
        display: none;
    }

        .corporate-contents-right li {
            margin: 10px 0 10px 0;
        }

    .corporate-contents-left {
        display: block;
        float: none;
        width: 100%;
    }

        .corporate-contents-left .corporate-img {
            width: 22%;
            height: 163px;
            float: left;
            display: block;
        }

    .corporate-contents-bottom {
        margin-left: 31px;
        margin-top: 15px;
    }

    .corporate-contents-left .corporate-img img {
        display: inline-block;
        margin-top: 26px;
        max-width: 347px;
        max-height: 322px;
    }

    .corporate-contents-header {
        margin-left: -22px;
        width: 94%;
    }

    .regions-images-detail-video li {
        margin: 0px -45px -3px 27px;
    }

    .regions-images-detail-video img {
        width: 285px;
    }

    .our-regions-detail-right-video a {
        margin: 0 0px 0 0;
    }

    .corporate-contents-text {
        width: 110%;
        margin-left: -18px;
    }
    /* .regions-images-detail {
        width: 28%;
        margin-left: -84px;
    }*/
    .regions-images-detail li::after {
        display: none;
    }

    .regions-images-detail li {
        width: 300px;
        height: 221px;
        margin-right: 0;
        margin-left: 32px;
    }

    .our-regions-detail-right2 {
        width: 56%;
        margin: 0px 0px 26px 24px;
    }

    .footer {
        margin: 60px 0 0 0px;
    }

    .footer-shape-3 {
        height: 382px;
        margin-top: 704px;
    }

    .footer img {
        max-width: 80%;
        max-height: 90%;
    }

    .locksmith-service-right {
        width: 98%;
    }

    .footer-shape-corporate {
        width: 166%;
        margin-top: 51px;
    }

    .armut-logo-corporate {
        margin-left: 31%;
        margin-top: 3%;
    }

        .armut-logo-corporate::after {
            margin-top: -16px;
            margin-left: 10px;
        }

    .armut-logo-text-corporate {
        width: 87.4%;
    }

        .armut-logo-text-corporate img {
            margin-top: 33px;
            margin-left: 73%;
        }

        .armut-logo-text-corporate::after {
            bottom: 55px;
        }

        .armut-logo-text-corporate span {
            margin-left: 90%;
            margin-top: 34px;
            width: 24%;
        }

    .footer-shape-corporate-2 {
        width: 100%;
        float: none;
        left: 0;
        margin-top: 1px;
    }


    .footer-bottom {
        display: block;
    }

    .footer-left {
        width: 96%;
        float: none;
        margin-left: 11px;
        display:inline-block;
    }

    .footer-left-locksmith-specialist {
        width: 97%;
        margin-right: 0;
    }

    .footer-phone {
        padding-top: 27px;
        width: 72%;
    }

    .footer-bottom-right a {
        margin-top: 0px;
        margin-right: 11px;
    }

    .footer-address li {
        width: 30%;
        margin-left: 8px;
        padding-left: 0px;
    }
    /*Hizmetlerimiz*/
    .our-services-shape.mobil {
        height: 400px;
    }

    .icon-detay {
        margin-right: 0px;
        margin-top: 59px;
    }
    /*Hizmetlerimiz Detay*/
    .regions-detail-img {
        margin: 0px 51px 23px 35px;
        width: 214px;
        height: 212px;
    }

    .regions-detail-header-2 {
        width: 52%;
    }

    .regions-images {
        width: 100%;
        margin: 45px 0 0px 0;
    }

    .regions-detail-header-2 {
        margin-left: 5px;
    }

    .regions-detail-text {
        width: 96%;
        margin-left: 5px;
        font-size: 14px;
    }

    .regions-images li {
        width: 302px;
        margin-left: 24px;
    }

        .regions-images li::after {
            display: none;
        }

    .regions-images-video {
        width: 100%;
    }

        .regions-images-video li {
            margin: 0px 0 0 24px;
        }

        .regions-images-video img {
            width: 305px;
        }

    .regions-images.dokuman {
        width: 50%;
        margin: 0px 0 15px 0;
    }
    /*Servis Bölgeleri*/
    .our-service-areas-shape {
        width: 100%;
        height: auto;
    }

    .our-service-areas-address {
        top: 276px;
    }
    /*Servis Bölgeleri Liste*/
    #wrapper {
        width: 100% !important;
    }

    .our-service-areas-shape-2 {
        width: 100%;
    }

    .our-service-img {
        width: 150px;
        height: 151px;
        margin-top: 33px;
        margin-left: 10px;
    }

    .regions-header.mobil3 {
        width: 59%;
        float: right;
        margin-top: -113px;
        font-size: 18px;
        margin-right: -63px;
    }

    .detail {
        margin: 40px -44px 20px 0;
    }

    .page_navigation, .alt_page_navigation {
        left: 29% !important;
    }
    /*Servis Bölgeleri Detay*/
    .our-service-region {
        float: right;
        padding: 12px 18px;
        top: -58px;
    }
    span#ContentPlaceHolder1_revEpostatxt {
        margin: 75px 0px -38px 32px;
        bottom: -9px;
        position: relative;
    }
    .our-regions-detail-img img {
        float: left;
        margin: 20px 20px 40px 55px;
    }

    .our-regions-detail-text {
        width: 97%;
    }

    .our-regions-images {
        width: 100%;
    }

    .our-regions-detail-header-2 {
        width: 92%;
    }

    .our-regions-images li::after {
        display: none;
    }

    .our-regions-images li {
        width: 301px;
        height: 229px;
        margin-left: 22px;
    }

    .our-regions-images-video img {
        width: 301px;
    }

    .our-regions-table table {
        width: 100% !important;
    }

        .our-regions-table table td {
            padding: 0 0px 7px 0px;
        }

    .our-regions-images-video {
        width: 96%;
        margin-left: 20px;
    }

    .our-regions-images.dokuman {
        width: 100%;
    }

        .our-regions-images.dokuman li {
            height: 85px;
        }
    /*İletişim*/
    .FormError {
        top: 27px;
        right: 18px;
    }

    .FormMessageError {
        position: absolute;
        right: 18px;
    }

    span#ContentPlaceHolder1_rfvEposta {
        position: absolute;
        top: 29px;
        right: 18px;
    }

    span#ContentPlaceHolder1_lblSonuc {
        margin-top: 6px;
        margin-left: 54px;
        font-size: 17px;
    }

    .header-shape-our-service-areas-detail {
        width: 7%;
        content: '';
        position: absolute;
        border-width: 94px 187px 0px;
        border-style: solid;
        border-color: #fff transparent;
        left: 0;
        background: #fff;
    }

        .header-shape-our-service-areas-detail::after {
            display: none;
        }

        .header-shape-our-service-areas-detail::before {
            display: none;
        }

    .header-shape-our-service-areas-detail-5 {
        display: none;
    }

    .iletisim-adres {
        width: 90%;
        float: left;
    }

    .iletisim-sosyal {
        margin: 20px 25px 10px 0px;
        float: left;
        width: 52%;
    }

    .iletisim-sosyal-2 {
        margin: 15px 0px 7px 0px;
        float: left;
        width: 52%;
    }

    .iletisim-image {
        max-width: 378px;
        margin-left: -2px;
    }

    .iletisim-shape {
        width: 100%;
    }

    .iletisim-header {
        width: 86%;
        padding: 44px 0 6px 14px;
    }

    .iletisim-text {
        font-size: 18px
    }

    .iletisim-page-right {
        width: 101%;
        float: none;
    }

        .iletisim-page-right iframe {
            height: 260%;
            margin-left: -2px;
        }

    .opinions-header {
        width: 83%;
    }

    .opinions-suggestions-image {
        width: 298px;
        height: 567px;
        margin: 314px 0 275px -369.9px;
    }

    .opinions-suggestions-image-shape {
        width: 683px;
        height: 843px;
    }

    .opinions-suggestions-image-shape-2 {
        width: 390px;
        height: 860px;
        margin-left: 53%;
    }

    .iletisim-form-right {
        width: 100%;
        float: left;
    }

    .iletisim-form-left {
        width: 100%;
    }

    .iletisim-form input {
        width: 69%;
    }

    .iletisim-form.konu .iletisim-form-shape {
        float: left;
    }

    .iletisim-form.konu input {
        width: 71%;
        margin: 26px 5px 0 -15px;
    }

    .iletisim-form textarea {
        width: 82%;
        height: 151px;
        margin: 34px 21px 0px -55px;
        padding: 18px 0 0 64px;
    }

    .iletisim-form-send-button {
        width: 140px;
        height: 61px;
        margin-right: 124px;
        margin-top: 103px;
    }

    .recapthca {
        margin-left: 11%;
        margin-top: -185px;
        transform: scale(1.01);
        margin-bottom: 94px;
    }
    /*Servis Talep Formu*/
    span#ContentPlaceHolder1_rfvtxtTalebiniz {
        bottom: 398px;
        position:absolute;
    }
    .service-request-form {
        max-height: 1103px;
        width: 364px;
        height: 1103px;
        right: -6px;
        top: -24px;
        background-position: center center;
        background-size: cover;
    }
    .ServisError {
        bottom: -23px;
        right: 15px;
    }
    .service {
        margin: 58px 0 0px 0px;
    }
    .contact-form-warning {
        margin-top: 168px;
        margin-left: 24px;
        font-size: 16px;
    }
    .ServisTextError {
        bottom: 532px;
        right: 10px;
        position: absolute;
    }
    .servis-form-success {
        margin-top: 169px;
        margin-left: 45px;
    }
    .request-form-left {
        float: none;
        width: 100%;
    }

    .request-form input {
        width: 69%;
    }

    .form-select-lg {
        width: 69% !important;
    }

    .request-form-right {
        width: 77%;
        margin-left: 5px;
        display: inline-block;
        margin-top: 14px;
    }

    .request-form textarea {
        width: 98%;
        height: 114px;
        margin: -55px 1px 0 64px;
        padding: 21px 0 0 46px;
    }

    .request-form.talep textarea {
        height: 133px;
        padding: 21px 0 0 48px;
    }
 
    .request-form.adres .service-form-shape {
        margin-top: -3px;
        margin-left: 20px;
    }

    .request-form.talep .service-form-shape {
        margin-top: -23px;
        margin-left: 20px;
    }

    .recapthca-form {
        margin-left: 11%;
        transform: scale(0.9);
        margin-top: -288px;
        margin-bottom: 110px;
    }
    .request-form-send-button {
        top: 84%;
        left: 113px;
        position: absolute;
    }
    /*404*/
    #header-404 {
        position: fixed;
        height: 0px;
        padding: 0 80px;
        top: 0;
        font-size: 16px;
        font-weight: bold;
        color: #d36212;
        line-height: 44px;
        text-align: center;
        z-index: 5;
    }

        #header-404 a {
            display: block;
            position: absolute;
            top: 9px;
            left: -15px;
            width: 71px;
            height: 49px;
            padding: 15px 25px;
        }

            #header-404 a:before, #header-404 a:after {
                content: "";
                display: block;
                background: #d36212;
                height: 2px
            }

            #header-404 a span {
                background: #d36212;
                display: block;
                height: 2px;
                margin: 5px 0;
            }

    .header-shape-404 {
        width: 7%;
        content: '';
        position: absolute;
        border-width: 94px 159px 0px;
        border-style: solid;
        border-color: #fff transparent;
        left: 0;
        background: #fff;
    }

        .header-shape-404::after {
            display: none;
        }

        .header-shape-404::before {
            display: none;
        }

    .header-shape-bottom-404 {
        display: none;
    }

    .header-logo-hata {
        margin-top: -5px;
        margin-left: 64px;
    }

        .header-logo-hata img {
            width: 120px;
        }

    .page-content.hata2 {
        margin: 42px auto 0 auto;
        width: 100%;
    }

    .breadcrum-list-hata {
        width: 46%;
        margin-left: 12px;
    }

    .phone-404 {
        background-size: 23%;
        margin-right: 15px;
        padding-top: 22px;
    }

        .phone-404 ul {
            margin-left: 39px;
        }

            .phone-404 ul li {
                font-size: 14px;
            }

    .hata {
        width: 100%;
        margin-top: 15px;
    }

    .hata-2 {
        width: 80%;
        margin-left: -81%;
        margin-top: 121%;
        float: left;
    }

    .hata-404-header {
        font-size: 106px;
        margin: -25px 0 -12px 0px;
    }

    .hata-text {
        font-size: 23px;
    }

    .hata-text2 {
        width: 86%;
        margin-top: 7px;
        line-height: 1.3;
        font-size: 18px;
    }

    .footer-bottom-left-404 {
        margin-top: 127%;
        margin-left: 7px;
        width: 46%;
    }

    .footer-bottom-center-404 {
        margin-left: -60px;
        margin-top: 95%;
        margin-bottom: 34px;
    }

        .footer-bottom-center-404 img {
            margin-top: 27px;
            margin-left: 2px;
            max-width: 78%;
        }

    .footer-bottom-right-404 a {
        margin-top: -7%;
        margin-right: 3%;
    }
    /*500*/
    #header-500 {
        position: fixed;
        height: 0px;
        padding: 0 80px;
        top: 0;
        font-size: 16px;
        font-weight: bold;
        color: #d36212;
        line-height: 44px;
        text-align: center;
        z-index: 5;
    }

        #header-500 a {
            display: block;
            position: absolute;
            top: 9px;
            left: -15px;
            width: 71px;
            height: 49px;
            padding: 15px 25px;
        }

            #header-500 a:before, #header-500 a:after {
                content: "";
                display: block;
                background: #d36212;
                height: 2px
            }

            #header-500 a span {
                background: #d36212;
                display: block;
                height: 2px;
                margin: 5px 0;
            }

    .header-shape-500 {
        width: 7%;
        content: '';
        position: absolute;
        border-width: 94px 159px 0px;
        border-style: solid;
        border-color: #fff transparent;
        left: 0;
        background: #fff;
    }

        .header-shape-500::after {
            display: none;
        }

        .header-shape-500::before {
            display: none;
        }

    .header-shape-bottom-500 {
        display: none;
    }

    .page-content.hata2 {
        margin: 42px auto 0 auto;
        width: 100%;
    }

    .breadcrum-list-hata {
        width: 46%;
        margin-left: 12px;
    }


    .hata {
        width: 100%;
        margin-top: 15px;
    }

    .hata-2 {
        width: 80%;
        margin-left: -81%;
        margin-top: 121%;
        float: left;
    }

    .hata-500 {
        font-size: 106px;
        margin: -25px 0 -12px 0px;
    }

    .hata-text {
        font-size: 23px;
    }

    .hata-text2 {
        width: 86%;
        margin-top: 7px;
        line-height: 1.3;
        font-size: 18px;
    }

    .footer-bottom-left-500 {
        margin-top: 127%;
        margin-left: 7px;
        width: 46%;
    }

    .footer-bottom-center-500 {
        margin-left: -60px;
        margin-top: 95%;
        margin-bottom: 34px;
    }

        .footer-bottom-center-500 img {
            margin-top: 27px;
            margin-left: 2px;
            max-width: 78%;
        }

    .footer-bottom-right-500 a {
        margin-top: -3%;
        margin-right: 3%;
    }
}
/*iphone Plus dikey*/
@media only screen and (min-width:400px) and (max-width:479px) {

    .our-regions-table {
        font-size: 15px;
    }
    /*Menü*/

    #header {
        position: absolute;
        height: 0px;
        padding: 0 80px;
        top: 0;
        font-size: 16px;
        font-weight: bold;
        color: #d36212;
        line-height: 44px;
        text-align: center;
        z-index: 5;
    }

        #header a {
            display: block;
            position: absolute;
            top: -3px;
            left: -15px;
            width: 80px;
            height: 50px;
            padding: 15px 25px;
        }

            #header a:before,
            #header a:after {
                content: "";
                display: block;
                background: #d36212;
                height: 2px;
            }

            #header a span {
                background: #d36212;
                display: block;
                height: 2px;
                margin: 7px 0;
            }
    /*Anasayfa*/
    .phone-icon {
        top: 75px;
        width: 38%;
    }
    #linkWhatssapp {
        display: inline-block;
        width: 38%;
        float: right;
        position: relative;
        padding-left: 0px;
    }
    .whatsapp {
        margin-left: 0px;
    }
    .header-shape {
        width: 7%;
        content: '';
        position: absolute;
        border-width: 92px 207px 0px;
        border-style: solid;
        border-color: #fff transparent;
        left: 0;
        background: #fff;
    }

        .header-shape::after {
            display: none;
        }

        .header-shape::before {
            display: none;
        }

    .header-shape-bottom {
        display: none;
    }

    .banner-image {
        display: none;
    }

    .header-logo {
        margin-top: 0px;
        margin-right: 133px;
        float: right;
    }

        .header-logo img {
            width: 130px;
        }

    .header-right {
        display: none;
    }

    .shape {
        margin-top: -15px;
    }

    .service-menu {
        display: none;
    }

    .tick {
        display: none;
    }

    .banner {
        width: 100%;
        height: 207px !important;
    }

    .main {
        width: 100%;
    }

    .slider {
        margin-bottom: 20px;
        height: 190px;
    }

    .main-brands-list {
        width: 112%;
        margin-left: -66px;
    }

    .main-our-services-header {
        margin-top: 76%;
        margin-left: 5px;
    }

    .our-services {
        margin-right: 0;
        bottom: 49px;
        right: 5px;
    }

    .our-services-list {
        width: 100%;
    }

    .our-services-shape {
        max-width: 100%;
    }

    .our-services-daire {
        width: 145px;
        height: 142px;
        margin-left: 6px;
        margin-top: -4px;
    }

    .our-services-right {
        width: 100%;
        float: none;
    }

    .our-services-img img {
        width: 123px;
        height: 123px;
    }

    .our-services-shape {
        height: 327px;
    }

    .our-services-header {
        width: 50%;
        margin-top: -92px;
        margin-left: 167px;
        float: none;
    }

    .our-services-text {
        width: 93%;
        margin-top: 69px;
        margin-left: 13px;
        line-height: 1.5;
    }

    .icon {
        margin-right: 0px;
        margin-top: -14px;
    }

    .main-brands-header {
        margin-left: 5px;
    }

    .main-regions {
        margin: 0px 0;
    }

        .main-regions .main {
            width: 100%;
        }

    .address {
        display: none;
    }

    .main-regions-header {
        margin-top: 18px;
        font-size: 16px;
        margin-left: 5px;
    }

    .regions {
        bottom: 77px;
        padding: 12px 18px;
        top: 12px;
        right: 5px;
    }

    .regions-shape {
        width: 100%;
        height: auto;
        top: 68px;
    }

    .shape-img {
        margin-top: 0;
        margin-left: 10px;
        width: 130px;
        height: 131px
    }

    .regions-list {
        margin-bottom: 12px;
    }

    .regions-shape-right {
        max-width: 100%;
        margin-bottom: 10px;
    }

    .regions-header {
        width: 40%;
        float: right;
        margin-top: -93px;
    }

    .regions-text {
        width: 114%;
        margin-top: 15px;
        margin-left: 13px;
    }

    .neighbourhood {
        padding-left: 5px;
        width: 124%;
    }

        .neighbourhood li {
            width: 24%;
            max-height: 77px;
            margin-top: 22px;
            margin-bottom: 16px;
        }

        .neighbourhood a {
            margin-left: 3px;
        }

    .see-all {
        margin-top: 9px;
        margin-right: -55px;
        margin-bottom: 1px;
        display: inline-block;
        width: 100%;
        text-align: right;
    }

    .footer {
        margin: 90px 0 0 0px;
    }

        .footer img {
            max-width: 80%;
            max-height: 90%;
        }

    .locksmith-service-right {
        width: 98%;
    }

    .footer-shape {
        width: 166%;
        margin-top: 51px;
    }

    .armut-logo {
        margin-left: 35%;
        margin-top: 3%;
    }

        .armut-logo::after {
            margin-top: -20px;
            margin-left: 35px;
        }

    .armut-logo-text {
        width: 87.4%;
    }

        .armut-logo-text img {
            margin-top: 33px;
            margin-left: 73%;
        }

        .armut-logo-text::after {
            bottom: 55px;
            left: 79%;
        }

        .armut-logo-text span {
            margin-left: 90%;
            margin-top: 34px;
            width: 24%;
        }

    .footer-shape-2 {
        width: 100%;
        float: none;
        left: 0;
        margin-top: 1px;
    }

    .locksmith-text {
        margin-left: 8%;
        margin-top: 4px;
    }

    .locksmith-service-form {
        padding: 6px 34px;
        left: 19%;
        margin-top: 45px;
    }

    .footer-bottom {
        display: block;
    }

    .footer-left {
        width: 96%;
        float: none;
        margin-left: 11px;
    }

    .footer-left-locksmith-specialist {
        width: 97%;
        margin-right: 0;
    }

    .footer-phone {
        padding-top: 27px;
        width: 72%;
    }

    .footer-left-locksmith-services {
        display: none;
    }

    .footer-right-our-regions {
        display: none;
    }

    .footer-right-menu {
        display: none;
    }

    .footer-bottom-left {
        margin-top: 84px;
        margin-left: 7px;
        width: 43%;
    }

    .footer-bottom-center {
        display: none;
    }

    .footer-address {
        display: none;
    }

        .footer-address li {
            width: 30%;
            margin-left: 8px;
            padding-left: 0px;
        }

    .priv_arrow {
        display: none !important;
    }

    .next_arrow {
        display: none !important;
    }

    .slick-slide {
        width: 118px !important;
        margin-right: 11px !important;
    }

    .slick-track {
        left: 81px !important;
    }
    /*Kurumsal*/
    .page-content {
        width: 96%;
    }

    .header-shape-corporate {
        width: 7%;
        content: '';
        position: absolute;
        border-width: 108px 159px 0px;
        border-style: solid;
        border-color: #fff transparent;
        left: 0;
        background: #fff;
    }

        .header-shape-corporate::after {
            display: none;
        }

        .header-shape-corporate::before {
            display: none;
        }

    .header-shape-corparete-2 {
        display: none;
    }

    .banner-image {
        display: none;
    }

    .header-logo-corporate {
        margin-top: 15px;
        margin-left: 87px;
    }

        .header-logo-corporate img {
            width: 130px;
        }

    .header-right-corporate {
        display: none;
    }

    .service-menu-corporate {
        display: none;
    }

    .corporate-header {
        width: 96%;
    }

    .breadcrum-list {
        width: 87%;
    }

    .corporate-contents {
        width: 93%;
        display: table;
    }

    .corporate-contents-right {
        display: none;
    }

        .corporate-contents-right li {
            margin: 15px 0 15px 0;
        }

    .corporate-contents-left {
        display: block;
        float: none;
        width: 100%;
    }

        .corporate-contents-left .corporate-img {
            width: 22%;
            height: 163px;
            float: left;
            display: block;
        }

    .corporate-contents-bottom {
        margin-left: 31px;
        margin-top: 15px;
    }

    .corporate-contents-left .corporate-img img {
        display: inline-block;
        margin-top: 48px;
        max-width: 365px;
        max-height: 321px;
    }

    .corporate-contents-header {
        margin-left: -22px;
        width: 94%;
    }

    .regions-images-detail-video li {
        margin: 0px -45px -3px 41px;
    }

    .our-regions-detail-right-video a {
        margin: 0 0px 0 0;
    }

    .regions-images-detail-video img {
        width: 320px;
    }

    .corporate-contents-text {
        width: 112%;
        margin-left: -18px;
    }
    /* .regions-images-detail {
        width: 28%;
        margin-left: -84px;
    }*/
    .regions-images-detail li::after {
        display: none;
    }

    .regions-images-detail li {
        width: 339px;
        height: 221px;
        margin-right: 0;
        margin-left: 42px;
    }

    .our-regions-detail-right2 {
        width: 56%;
    }

    .regions-images-detail li::after {
        display: block;
    }

    .footer {
        margin: 60px 0 0 0px;
    }

    .footer-shape-3 {
        height: 392px;
        margin-top: 722px;
    }

    .footer img {
        max-width: 80%;
        max-height: 90%;
    }

    .locksmith-service-right {
        width: 98%;
    }

    .footer-shape-corporate {
        width: 166%;
        margin-top: 51px;
    }

    .armut-logo-corporate {
        margin-left: 31%;
        margin-top: 3%;
    }

        .armut-logo-corporate::after {
            margin-top: -16px;
            margin-left: 10px;
        }

    .armut-logo-text-corporate {
        width: 87.4%;
    }

        .armut-logo-text-corporate img {
            margin-top: 33px;
            margin-left: 73%;
        }

        .armut-logo-text-corporate::after {
            bottom: 55px;
        }

        .armut-logo-text-corporate span {
            margin-left: 90%;
            margin-top: 34px;
            width: 24%;
        }

    .footer-shape-corporate-2 {
        width: 100%;
        float: none;
        left: 0;
        margin-top: 1px;
    }

    .locksmith-text {
        margin-left: 8%;
        margin-top: 4px;
    }

    .locksmith-service-form {
        padding: 6px 34px;
        left: 19%;
        margin-top: 44px;
    }

    .footer-bottom {
        display: block;
    }

    .footer-left {
        width: 96%;
        float: none;
        margin-left: 11px;
    }

    .footer-left-locksmith-specialist {
        width: 97%;
        margin-right: 0;
    }

    .footer-phone {
        padding-top: 27px;
        width: 72%;
    }

    .footer-bottom-left {
        margin-top: 41px;
        margin-left: 7px;
        width: 43%;
    }

    .footer-bottom-right a {
        margin-top: 44px;
        margin-right: 11px;
    }

    .footer-address li {
        width: 30%;
        margin-left: 8px;
        padding-left: 0px;
    }
    /*Hizmetlerimiz*/
    .our-services-shape.mobil {
        height: 376px;
    }

    .icon-detay {
        margin-right: 0px;
        margin-top: 34px;
    }
    /*Hizmetlerimiz Detay*/
    .regions-detail-img {
        margin: 0px 51px 23px 35px;
        width: 214px;
        height: 212px;
    }

    .regions-detail-header-2 {
        width: 52%;
        margin-left: 5px;
    }

    .regions-detail-text {
        width: 97%;
        margin-left: 5px;
        font-size: 14px;
    }

    .regions-images {
        width: 100%;
        margin: 45px 0 10px 0;
    }

        .regions-images li {
            width: 314px;
            margin-left: 35px;
        }

            .regions-images li::after {
                display: none;
            }

    .regions-images-video {
        width: 100%;
    }

        .regions-images-video li {
            margin: 0px 0 0 35px;
        }

        .regions-images-video img {
            width: 319px;
        }

    .regions-images.dokuman {
        width: 50%;
        margin: 20px 0 26px 0;
    }
    /*Servis Bölgeleri*/
    .our-service-areas-shape {
        width: 100%;
        height: auto;
    }

    .our-service-areas-address {
        top: 242px;
    }
    /*Servis Bölgeleri Liste*/
    #wrapper {
        width: 100% !important;
    }

    .our-service-areas-shape-2 {
        width: 100%;
    }

    .our-service-img {
        width: 150px;
        height: 151px;
        margin-top: 33px;
        margin-left: 10px;
    }

    .regions-header.mobil3 {
        width: 59%;
        float: right;
        margin-top: -113px;
        font-size: 18px;
        margin-right: -63px;
    }

    .detail {
        margin: 40px -44px 20px 0;
    }

    .page_navigation, .alt_page_navigation {
        left: 29% !important;
    }

    .our-service-areas-address {
        top: 240px;
    }
    /*Servis Bölgeleri Detay*/
    .our-service-region {
        float: left;
        padding: 12px 18px;
        bottom: 0px;
        top: 8px;
    }

    .our-regions-detail-img img {
        float: left;
        margin-left: 52px;
        margin-top: 22px;
        margin-bottom: 30px
    }

    .our-regions-detail-text {
        width: 96%;
    }

    .our-regions-images {
        width: 100%;
    }

        .our-regions-images li::after {
            display: none;
        }

        .our-regions-images li {
            width: 361px;
            height: 229px;
            margin-left: 22px;
        }

    .our-regions-images-video img {
        width: 361px;
    }

    .our-regions-table table {
        width: 100% !important;
    }

        .our-regions-table table td {
            padding: 0 0px 7px 0px;
        }

    .our-regions-images-video {
        width: 96%;
        margin-left: 20px;
    }

    .our-regions-images.dokuman {
        width: 100%;
    }

        .our-regions-images.dokuman li {
            height: 85px;
        }
    /*İletişim*/
    span#ContentPlaceHolder1_rfvEposta {
        position: absolute;
        top: 29px;
    }
    .FormTelefonError {
        position: absolute;
        top: 29px;
    }
    .FormMessageError {
        position: absolute;
        right: 20px;
    }
    span#ContentPlaceHolder1_lblSonuc {
        margin-top: 7px;
        margin-left: 21px;
    }
    .header-shape-our-service-areas-detail {
        width: 7%;
        content: '';
        position: absolute;
        border-width: 94px 187px 0px;
        border-style: solid;
        border-color: #fff transparent;
        left: 0;
        background: #fff;
    }

        .header-shape-our-service-areas-detail::after {
            display: none;
        }

        .header-shape-our-service-areas-detail::before {
            display: none;
        }

    .header-shape-our-service-areas-detail-5 {
        display: none;
    }

    .iletisim-adres {
        width: 90%;
        float: left;
    }

    .iletisim-sosyal {
        margin: 20px 25px 10px 0px;
        float: left;
        width: 52%;
    }

    .iletisim-sosyal-2 {
        margin: 15px 0px 7px 0px;
        float: left;
        width: 52%;
    }

    .iletisim-image {
        max-width: 401px;
    }

    .iletisim-shape {
        width: 100%;
    }

    .iletisim-header {
        width: 86%;
        padding: 44px 0 6px 14px;
    }

    .iletisim-text {
        font-size: 18px
    }

    .iletisim-page-right {
        width: 101%;
        float: none;
    }

        .iletisim-page-right iframe {
            height: 260%;
        }

    .opinions-header {
        width: 83%;
    }

    .opinions-suggestions-image {
        width: 298px;
        height: 567px;
        margin: 314px 0 275px -369.9px;
    }

    .opinions-suggestions-image-shape {
        width: 683px;
        height: 843px;
    }

    .opinions-suggestions-image-shape-2 {
        width: 400px;
        height: 850px;
        margin-left: 54%;
    }

    .iletisim-form-right {
        width: 100%;
        float: left;
    }

    .iletisim-form-left {
        width: 100%;
    }

    .iletisim-form input {
        width: 69%;
    }

    .iletisim-form.konu .iletisim-form-shape {
        float: left;
    }

    .iletisim-form.konu input {
        width: 71%;
        margin: 26px 5px 0 -15px;
    }

    .iletisim-form textarea {
        width: 82%;
        height: 151px;
        margin: 34px 21px 0px -55px;
        padding: 18px 0 0 64px;
    }

    .iletisim-form-send-button {
        width: 140px;
        height: 61px;
        margin-right: 125px;
        margin-top: 103px;
    }

    .recapthca {
        margin-left: 13%;
        margin-top: -182px;
        margin-bottom: 131px;
        transform: scale(1.08);
    }
    /*Servis Talep Formu*/
    .ServisError {
        bottom: -24px;
        right: 21px;
    }
    .ServisTextError {
        bottom: 547px;
        position: absolute;
        right: 16px;
    }
    span#ContentPlaceHolder1_rfvtxtTalebiniz {
        bottom: 409px;
        position: absolute;
    }
    .contact-form-warning {
        margin-top: 12px;
        margin-left: 60px;
        font-size: 17px;
    }
    .service-request-form {
        max-height: 1113px;
        width: 387px;
        height: 1115px;
        right: -6px;
        top: -24px;
        background-position: center center;
        background-size: cover;
    }

    .service {
        margin: 58px 0 3px 0px;
    }

    .request-form-left {
        float: none;
        width: 100%;
    }

    .request-form input {
        width: 69%;
    }

    .form-select-lg {
        width: 69% !important;
    }

    .request-form-right {
        width: 77%;
        margin-left: 5px
    }

    .request-form textarea {
        width: 98%;
        height: 114px;
        margin: -55px 1px 0 64px;
        padding: 21px 0 0 47px;
    }

    .request-form.talep textarea {
        height: 133px;
        padding: 21px 0 0 48px;
    }

    .request-form.adres .service-form-shape {
        margin-top: -3px;
        margin-left: 20px;
    }

    .request-form.talep .service-form-shape {
        margin-top: -23px;
        margin-left: 20px;
    }

    .recapthca-form {
        margin-left: 14%;
        transform: scale(1);
        margin-top: -289px;
        margin-bottom: 120px;
    }

    .request-form-send-button {
        margin-right: 121px;
        margin-top: 103px;
    }
    /*404*/
    #header-404 {
        position: fixed;
        height: 0px;
        padding: 0 80px;
        top: 0;
        font-size: 16px;
        font-weight: bold;
        color: #d36212;
        line-height: 44px;
        text-align: center;
        z-index: 5;
    }

        #header-404 a {
            display: block;
            position: absolute;
            top: 9px;
            left: -15px;
            width: 71px;
            height: 49px;
            padding: 15px 25px;
        }

            #header-404 a:before, #header-404 a:after {
                content: "";
                display: block;
                background: #d36212;
                height: 2px
            }

            #header-404 a span {
                background: #d36212;
                display: block;
                height: 2px;
                margin: 5px 0;
            }

    .header-shape-404 {
        width: 7%;
        content: '';
        position: absolute;
        border-width: 94px 159px 0px;
        border-style: solid;
        border-color: #fff transparent;
        left: 0;
        background: #fff;
    }

        .header-shape-404::after {
            display: none;
        }

        .header-shape-404::before {
            display: none;
        }

    .header-shape-bottom-404 {
        display: none;
    }

    .header-logo-hata {
        margin-top: -7px;
        margin-left: 71px;
    }

        .header-logo-hata img {
            width: 130px;
        }

    .page-content.hata2 {
        margin: 42px auto 0 auto;
        width: 100%;
    }

    .breadcrum-list-hata {
        width: 46%;
        margin-left: 12px;
    }

    .phone-404 {
        background-size: 28%;
        margin-right: 22px;
        padding-top: 23px;
    }

        .phone-404 ul {
            margin-left: 51px;
        }

            .phone-404 ul li {
                font-size: 14px;
            }

                .phone-404 ul li a {
                    bottom: 5px;
                }

    .hata {
        width: 100%;
        margin-top: 15px;
    }

    .hata-2 {
        width: 80%;
        margin-left: -81%;
        margin-top: 121%;
        float: left;
    }

    .hata-404-header {
        font-size: 106px;
        margin: -25px 0 -12px 0px;
    }

    .hata-text {
        font-size: 23px;
    }

    .hata-text2 {
        width: 86%;
        margin-top: 7px;
        line-height: 1.3;
        font-size: 18px;
    }

    .footer-bottom-left-404 {
        margin-top: 127%;
        margin-left: 7px;
        width: 46%;
    }

    .footer-bottom-center-404 {
        margin-left: -60px;
        margin-top: 95%;
        margin-bottom: 34px;
    }

        .footer-bottom-center-404 img {
            margin-top: 27px;
            margin-left: 2px;
            max-width: 78%;
        }

    .footer-bottom-right-404 a {
        margin-top: -7%;
        margin-right: 3%;
    }
    /*500*/
    #header-500 {
        position: fixed;
        height: 0px;
        padding: 0 80px;
        top: 0;
        font-size: 16px;
        font-weight: bold;
        color: #d36212;
        line-height: 44px;
        text-align: center;
        z-index: 5;
    }

        #header-500 a {
            display: block;
            position: absolute;
            top: 9px;
            left: -15px;
            width: 71px;
            height: 49px;
            padding: 15px 25px;
        }

            #header-500 a:before, #header-500 a:after {
                content: "";
                display: block;
                background: #d36212;
                height: 2px
            }

            #header-500 a span {
                background: #d36212;
                display: block;
                height: 2px;
                margin: 5px 0;
            }

    .header-shape-500 {
        width: 7%;
        content: '';
        position: absolute;
        border-width: 94px 159px 0px;
        border-style: solid;
        border-color: #fff transparent;
        left: 0;
        background: #fff;
    }

        .header-shape-500::after {
            display: none;
        }

        .header-shape-500::before {
            display: none;
        }

    .header-shape-bottom-500 {
        display: none;
    }

    .page-content.hata2 {
        margin: 42px auto 0 auto;
        width: 100%;
    }

    .breadcrum-list-hata {
        width: 46%;
        margin-left: 12px;
    }


    .hata {
        width: 100%;
        margin-top: 15px;
    }

    .hata-2 {
        width: 80%;
        margin-left: -81%;
        margin-top: 121%;
        float: left;
    }

    .hata-500 {
        font-size: 106px;
        margin: -25px 0 -12px 0px;
    }

    .hata-text {
        font-size: 23px;
    }

    .hata-text2 {
        width: 86%;
        margin-top: 7px;
        line-height: 1.3;
        font-size: 18px;
    }

    .footer-bottom-left-500 {
        margin-top: 127%;
        margin-left: 7px;
        width: 46%;
    }

    .footer-bottom-center-500 {
        margin-left: -60px;
        margin-top: 95%;
        margin-bottom: 34px;
    }

        .footer-bottom-center-500 img {
            margin-top: 27px;
            margin-left: 2px;
            max-width: 78%;
        }

    .footer-bottom-right-500 a {
        margin-top: 2%;
        margin-right: 3%;
    }
}
/*tablet dikey*/
@media only screen and (min-width:760px) and (max-width:810px) {
    /*Menü*/

    #header {
        position: absolute;
        height: 0px;
        padding: 0 80px;
        top: 0;
        font-size: 16px;
        font-weight: bold;
        color: #d36212;
        line-height: 44px;
        text-align: center;
        z-index: 5;
    }

        #header a {
            display: block;
            position: absolute;
            top: -3px;
            left: -15px;
            width: 80px;
            height: 50px;
            padding: 15px 25px;
        }

            #header a:before,
            #header a:after {
                content: "";
                display: block;
                background: #d36212;
                height: 2px;
            }

            #header a span {
                background: #d36212;
                display: block;
                height: 2px;
                margin: 7px 0;
            }
    /*Anasayfa*/
    .header-shape {
        width: 7%;
        content: '';
        position: absolute;
        border-width: 81px 384px 0px;
        border-style: solid;
        border-color: #fff transparent;
        left: 0;
        background: #fff;
    }

        .header-shape::after {
            display: none;
        }

        .header-shape::before {
            display: none;
        }

    .header-shape-bottom {
        display: none;
    }

    .banner-image {
        width: 100%;
        height: 100%;
        display: block;
        height: 468px !important;
    }

    .header-logo {
        margin-top: 0px;
        margin-right: 42%;
        float: right;
        display: block;
    }

    .main-brands-list li:nth-child(1) {
        display: none;
    }

    .header-logo img {
        width: 130px;
    }

    .header-right {
        display: none;
    }

    .shape {
        margin-top: 22px;
    }

    .service-menu {
        display: none;
    }

    .tick {
        display: none;
    }

    .banner {
        width: 100%;
        height: 207px !important;
    }

    .main {
        width: 98%;
    }

    .main-brands-header {
        margin-left: 5px;
    }

    .slider {
        margin-bottom: 20px;
        height: 190px;
    }

    .main-brands-list {
        width: 98%;
        margin-left: -66px;
    }

    .main-our-services-header {
        margin-top: 76%;
        width: 50%;
        margin-left: 10px;
    }

    .main-our-services {
        margin: -206px 0 0 0;
    }

    .our-services {
        margin-right: 0;
        bottom: 49px;
        right: 5px;
    }

    .our-services-list {
        width: 100%;
    }

    .our-services-shape {
        max-width: 100%;
    }

    .our-services-daire {
        width: 145px;
        height: 142px;
        margin-left: 6px;
        margin-top: -4px;
    }

    .our-services-right {
        width: 100%;
        float: none;
    }

    .our-services-img img {
        width: 123px;
        height: 123px;
    }

    .our-services-shape {
        height: 282px;
    }

    .our-services-header {
        width: 50%;
        margin-top: -92px;
        margin-left: 167px;
        float: none;
    }

    .our-services-text {
        width: 98%;
        margin-top: 69px;
        margin-left: 13px;
        line-height: 1.5;
    }

    .icon {
        margin-right: 0px;
        margin-top: 13px;
    }

    .main-regions {
        margin: 0px 0;
    }

        .main-regions .main {
            width: 100%;
        }

    .address {
        display: none;
    }

    .main-regions-header {
        width: 61%;
        margin-top: -10px;
        font-size: 19px;
        margin-left: 5px;
    }

    .regions {
        bottom: 77px;
        padding: 12px 18px;
        top: -3px;
        right: 5px;
    }

    .regions-shape {
        width: 100%;
        height: auto;
    }

    .shape-img {
        margin-top: 0;
        margin-left: 10px;
        width: 130px;
        height: 131px
    }

    .regions-list {
        margin-bottom: 12px;
    }

    .regions-shape-right {
        max-width: 100%;
    }

    .regions-header {
        width: 31%;
        float: none;
        margin-top: 15px;
        margin-left: 12px;
    }

    .regions-text {
        width: 97%;
        margin-top: 25px;
        margin-left: 12px;
        -webkit-appearance: none;
    }

    .neighbourhood {
        padding-left: 0;
        width: 85%;
    }

        .neighbourhood li {
            width: 24%;
            max-height: 76px;
            margin-top: 17px;
            margin-bottom: 26px;
        }

        .neighbourhood a {
            margin-left: 3px;
        }

    .see-all {
        margin-top: 77px;
        margin-right: -1px;
        margin-bottom: 28px;
    }

    .footer {
        margin: 90px 0 0 0px;
    }

    .footer-shape-3 {
        height: 351px;
        margin-top: 418px;
    }

    .footer img {
        max-width: 80%;
        max-height: 90%;
        margin-left: 10px;
        margin-bottom: 19px;
    }

    .locksmith-service-right {
        width: 48%;
    }

    .footer-shape {
        width: 112%;
        margin-top: 51px;
    }

    .armut-logo {
        margin-left: 59%;
        margin-top: 2%;
    }

        .armut-logo::after {
            margin-top: -11px;
            margin-left: 16px;
            height: 82px;
        }

    .armut-logo-text {
        width: 87.4%;
    }

        .armut-logo-text img {
            margin-top: 33px;
            margin-left: 81%;
        }

        .armut-logo-text::after {
            bottom: 54px;
            left: 90%;
        }

        .armut-logo-text span {
            margin-left: 98%;
            margin-top: 34px;
            width: 24%;
        }

    .footer-shape-2 {
        width: 54%;
        float: right;
        left: 0;
        margin-top: -94px;
    }

    .locksmith-text {
        margin-left: 8%;
        margin-top: 4px;
    }

    .locksmith-service-form {
        padding: 6px 34px;
        left: 19%;
        margin-top: 45px;
    }

    .footer-bottom {
        display: block;
    }


    .footer-phone {
        padding-top: 27px;
        width: 113%;
    }

    .footer-left-locksmith-services {
        display: none;
    }

    .footer-right-our-regions {
        display: none;
    }

    .footer-right-menu {
        display: none;
    }

    .footer-bottom-left {
        margin-top: 8px;
        margin-left: 7px;
        width: 43%;
    }

    .footer-bottom-center {
        display: none;
    }

    .footer-bottom-right a {
        margin-top: 13px;
        margin-right: 19px;
    }

    .footer-address {
        display: none;
    }

    .priv_arrow {
        display: none !important;
    }

    .next_arrow {
        display: none !important;
    }

    .slick-slide {
        width: 151px !important;
        margin-right: 4px !important;
    }

    .slick-track {
        left: 176px !important;
    }

    /*Kurumsal*/
    .page-content {
        width: 96%;
    }

    .header-shape-corporate {
        width: 7%;
        content: '';
        position: absolute;
        border-width: 108px 159px 0px;
        border-style: solid;
        border-color: #fff transparent;
        left: 0;
        background: #fff;
    }

        .header-shape-corporate::after {
            display: none;
        }

        .header-shape-corporate::before {
            display: none;
        }

    .header-shape-corparete-2 {
        display: none;
    }


    .header-logo-corporate {
        margin-top: 15px;
        margin-left: 87px;
    }

        .header-logo-corporate img {
            width: 130px;
        }

    .header-right-corporate {
        display: none;
    }

    .service-menu-corporate {
        display: none;
    }

    .corporate-header {
        width: 96%;
    }

    .breadcrum-list {
        width: 87%;
    }

    .corporate-contents {
        width: 93%;
        display: table;
    }

    .corporate-contents-right {
        width: 49%;
    }

        .corporate-contents-right li {
            margin: 15px 0 15px 0;
        }

    .corporate-contents-left {
        display: block;
        float: none;
        width: 100%;
    }

        .corporate-contents-left .corporate-img {
            width: 22%;
            height: 163px;
            float: left;
            display: block;
        }

    .corporate-contents-bottom {
        margin-left: 19px;
        margin-top: 38px;
    }

    .corporate-contents-left .corporate-img img {
        display: inline-block;
        margin-top: 48px;
        max-width: 411px;
        max-height: 321px;
    }

    .corporate-contents-header {
        margin-left: -22px;
        width: 94%;
    }

    .regions-images-detail-video li {
        margin: -26px -45px -3px 15px;
    }

    .regions-images-detail-video img {
        width: 330px;
    }

    .corporate-contents-text {
        width: 112%;
        margin-left: -18px;
    }
    /* .regions-images-detail {
        width: 28%;
        margin-left: -84px;
    }*/
    .regions-images-detail li::after {
        display: none;
    }

    .regions-images-detail li {
        width: 339px;
        height: 221px;
        margin-right: 0;
        margin-left: 42px;
    }

    .our-regions-detail-right2 {
        width: 100%;
    }

    .regions-images-detail {
        width: 109%;
        margin-left: -60px;
    }

        .regions-images-detail li::after {
            display: block;
        }

    .footer {
        margin: 90px 0 0 0px;
    }


        .footer img {
            max-width: 80%;
            max-height: 90%;
        }

    .locksmith-service-right {
        width: 46%;
        float: right;
    }

    .footer-shape-corporate {
        width: 166%;
        margin-top: 51px;
    }

    .armut-logo-corporate {
        margin-left: 31%;
        margin-top: 3%;
    }

        .armut-logo-corporate::after {
            margin-top: -16px;
            margin-left: 10px;
        }

    .armut-logo-text-corporate {
        width: 87.4%;
    }

        .armut-logo-text-corporate img {
            margin-top: 33px;
            margin-left: 73%;
        }

        .armut-logo-text-corporate::after {
            bottom: 55px;
        }

        .armut-logo-text-corporate span {
            margin-left: 90%;
            margin-top: 34px;
            width: 24%;
        }

    .footer-shape-corporate-2 {
        width: 100%;
        float: none;
        left: 0;
        margin-top: 1px;
    }

    .locksmith-text {
        margin-left: 3%;
        margin-top: 4px;
    }

    .locksmith-service-form {
        padding: 6px 34px;
        left: 11%;
        margin-top: 49px;
    }

    .footer-bottom {
        display: block;
    }

    .footer-left {
        width: 86%;
        float: left;
        margin-left: 11px;
    }

    .footer-left-locksmith-specialist {
        width: 100%;
        margin-right: 0;
    }

    .footer-phone {
        padding-top: 27px;
        width: 112%;
    }

    /*Hizmetlerimiz*/
    .our-services-shape.mobil {
        height: 294px;
    }

    .main-our-services.mobil2 {
        margin-top: 40px;
    }

    .icon-detay {
        margin-right: -1px;
        margin-top: 24px;
    }
    /*Hizmetlerimiz Detay*/
    .regions-detail-img {
        margin: 8px 50px 23px 3px;
        width: 214px;
        height: 212px;
    }

    .regions-detail-header-2 {
        width: 58%;
        padding-top: 12px;
    }

    .regions-images {
        width: 100%;
        margin: 45px 0 10px 0;
    }

        .regions-images li {
            width: 221px;
            margin-left: 6px;
            margin-right: 14px;
        }

            .regions-images li::after {
                display: none;
            }

    .regions-images-video {
        width: 100%;
        margin: 20px 0 10px 0;
    }

    .video {
        top: calc(50% - 73px);
        left: calc(50% - 22px)
    }

    .regions-images-video li {
        margin: 0px 0 0 6px;
    }

    .regions-images-video img {
        width: 225px;
    }

    .regions-images.dokuman {
        width: 50%;
        margin: 20px 0 25px 0;
    }
    /*Servis Bölgeleri*/
    .our-service-areas-shape {
        width: 100%;
        height: auto;
        top: 63px;
    }

    .our-service-areas-address {
        top: 263px;
    }
    /*Servis Bölgeleri Liste*/
    #wrapper {
        width: 100% !important;
    }

    .our-service-areas-shape-2 {
        width: 100%;
    }

    .our-service-areas-shape-right {
        width: 77%;
        float: right;
        margin-top: 37px;
    }

    .our-service-list {
        margin-bottom: 30px;
    }

    .our-service-img {
        width: 150px;
        height: 151px;
        margin-top: 33px;
        margin-left: 10px;
    }

    .regions-header.mobil3 {
        width: 59%;
        font-size: 18px;
        margin-right: 41px;
    }

    .detail {
        margin: 40px 28px 0px 0;
    }

    .page_navigation, .alt_page_navigation {
        left: 39% !important;
    }
    /*Servis Bölgeleri Detay*/
    .our-service-region {
        float: right;
        padding: 12px 18px;
        bottom: 67px;
    }

    .our-regions-detail-img img {
        float: left;
        margin-top: 22px;
    }

    .galeri {
        margin-left: 10px;
    }

    .our-regions-detail-text {
        width: 96%;
    }

    .our-regions-images {
        width: 100%;
    }

        .our-regions-images li::after {
            display: block;
        }

        .our-regions-images li {
            width: 322px;
            height: 229px;
            margin-left: 5px;
            margin-right: 41px;
        }

    .our-regions-images-video img {
        width: 323px;
    }

    .our-regions-table table {
        width: 100% !important;
    }

        .our-regions-table table td {
            padding: 0 0px 7px 0px;
        }

    .our-regions-images-video {
        width: 96%;
        margin-left: 20px;
    }

    .our-regions-images.dokuman {
        width: 98%;
        margin-left: 17px;
    }

        .our-regions-images.dokuman li {
            height: 85px;
        }
    /*İletişim*/
    span#ContentPlaceHolder1_rfvEposta {
        position: absolute;
        top: 31px;
    }
    .FormMessageError {
        position: absolute;
        right: 15px;
    }
    .FormTelefonError {
        position: absolute;
        top: 30px;
    }
    span#ContentPlaceHolder1_lblSonuc {
        margin-top: 124px;
    }
    .header-shape-our-service-areas-detail {
        width: 7%;
        content: '';
        position: absolute;
        border-width: 94px 187px 0px;
        border-style: solid;
        border-color: #fff transparent;
        left: 0;
        background: #fff;
    }

        .header-shape-our-service-areas-detail::after {
            display: none;
        }

        .header-shape-our-service-areas-detail::before {
            display: none;
        }

    .header-shape-our-service-areas-detail-5 {
        display: none;
    }

    .iletisim-adres {
        width: 90%;
        float: left;
    }

    .iletisim-sosyal {
        margin: 20px 25px 10px 0px;
        float: left;
        width: 52%;
    }

    .iletisim-sosyal-2 {
        margin: 15px 0px 7px 0px;
        float: left;
        width: 52%;
    }

    .iletisim-image {
        max-width: 371px;
        float: left;
    }

    .iletisim-shape {
        width: 100%;
    }

    .iletisim-header {
        width: 86%;
        padding: 44px 0 6px 14px;
    }

    .iletisim-text {
        font-size: 18px
    }

    .iletisim-page-right {
        width: 49%;
        float: right;
        margin: 263px 0 0 0;
        height: 187px;
    }

        .iletisim-page-right iframe {
            height: 260%;
        }

    .opinions-header {
        margin-left: 0%;
    }

    .opinions-suggestions-image {
        width: 896px;
        height: 516px;
        margin: 34px 0 0px -143.9px;
    }

    .opinions-suggestions-image-shape {
        width: 896px;
        height: 516px;
    }

    .opinions-suggestions-image-shape-2 {
        margin-left: 17%;
        width: 714px;
        height: 515px;
    }

    .iletisim-form-right {
        width: 53%;
        float: right;
    }

    .iletisim-form-left {
        width: 47%;
    }

    .iletisim-form input {
        width: 69%;
    }

    .iletisim-form.konu .iletisim-form-shape {
        float: left;
    }

    .iletisim-form.konu input {
        width: 71%;
        margin: 26px 5px 0 -15px;
    }

    .iletisim-form textarea {
        width: 82%;
        height: 151px;
        margin: 34px 21px 0px -55px;
        padding: 18px 0 0 64px;
    }

    .iletisim-form-send-button {
        width: 140px;
        height: 61px;
        margin-right: 33px;
        margin-top: 43%;
        left: 551px;
        display: inline-block;
        position: absolute;
    }

    .recapthca {
        margin-left: 25%;
        margin-top: -128px;
        transform: scale(1.08);
        margin-bottom: 76px;
    }
    /*Servis Talep Formu*/
    .ServisError {
        bottom: -24px;
        right: 2px;
    }
    .ServisTextError {
        bottom: 625px;
        right: 3px;
        position: absolute;
    }
    span#ContentPlaceHolder1_rfvtxtTalebiniz {
        bottom: 417px;
        position: absolute;
    }
    .contact-form-warning {
        margin-top: 95px;
        margin-left: 23px;
    }
    .service-request-form {
        max-height: 731px;
        width: 730px;
        height: 994px;
        right: -6px;
        top: -24px;
        background-position: center center;
        background-size: cover;
    }

    .service {
        margin: 58px 0 3px 0px;
    }

    .request-form-left {
        width: 46%;
    }

    .request-form-right {
        width: 51%;
    }

    .recapthca-form {
        margin-left: 37%;
        transform: scale(1);
        margin-top: -190px;
    }

    .request-form-send-button {
        margin-right: 19px;
        margin-top: 30px;
        width: 118px;
        height: 58px;
    }

        .request-form-send-button a {
            padding: 18px 6px 0px 29px
        }
    /*404*/
    #header-404 {
        position: fixed;
        height: 0px;
        padding: 0 80px;
        top: 0;
        font-size: 16px;
        font-weight: bold;
        color: #d36212;
        line-height: 44px;
        text-align: center;
        z-index: 5;
    }

        #header-404 a {
            display: block;
            position: absolute;
            top: 9px;
            left: -15px;
            width: 71px;
            height: 49px;
            padding: 15px 25px;
        }

            #header-404 a:before, #header-404 a:after {
                content: "";
                display: block;
                background: #d36212;
                height: 2px
            }

            #header-404 a span {
                background: #d36212;
                display: block;
                height: 2px;
                margin: 5px 0;
            }

    .header-shape-404 {
        width: 7%;
        content: '';
        position: absolute;
        border-width: 94px 159px 0px;
        border-style: solid;
        border-color: #fff transparent;
        left: 0;
        background: #fff;
    }

        .header-shape-404::after {
            display: none;
        }

        .header-shape-404::before {
            display: none;
        }

    .header-shape-bottom-404 {
        display: none;
    }

    .header-logo-hata {
        margin-top: 0px;
        margin-left: 95px;
    }

        .header-logo-hata img {
            width: 150px;
        }

    .page-content.hata2 {
        margin: 42px auto 0 auto;
        width: 100%;
    }

    .breadcrum-list-hata {
        width: 46%;
        margin-left: 12px;
    }

    .phone-404 {
        background-size: 26%;
        margin-right: 38px;
        padding-top: 25px;
    }

        .phone-404 ul {
            margin-left: 63px;
        }

            .phone-404 ul li a {
                font-size: 20px;
            }

    .hata {
        width: 41%;
        margin-top: 70px;
    }

    .hata-2 {
        margin-right: 1%;
        margin-top: 18%;
        float: right;
    }

    .hata-404-header {
        font-size: 106px;
        margin: -25px 0 -12px 0px;
    }

    .hata-text {
        font-size: 23px;
    }

    .hata-text2 {
        width: 86%;
        margin-top: 7px;
        line-height: 1.3;
        font-size: 18px;
    }

    .footer-bottom-left-404 {
        margin-top: 45%;
        margin-left: 7px;
        width: 46%;
    }

        .footer-bottom-left-404 p {
            font-size: 14px;
        }

    .footer-bottom-center-404 {
        margin-left: -60px;
        margin-top: 17%;
        margin-bottom: 34px;
    }

        .footer-bottom-center-404 img {
            margin-top: 27px;
            margin-left: 2px;
            max-width: 100%;
        }

    .footer-bottom-right-404 a {
        margin-top: 47%;
        margin-right: 2%;
        font-size: 14px;
    }
    /*500*/
    #header-500 {
        position: fixed;
        height: 0px;
        padding: 0 80px;
        top: 0;
        font-size: 16px;
        font-weight: bold;
        color: #d36212;
        line-height: 44px;
        text-align: center;
        z-index: 5;
    }

        #header-500 a {
            display: block;
            position: absolute;
            top: 9px;
            left: -15px;
            width: 71px;
            height: 49px;
            padding: 15px 25px;
        }

            #header-500 a:before, #header-500 a:after {
                content: "";
                display: block;
                background: #d36212;
                height: 2px
            }

            #header-500 a span {
                background: #d36212;
                display: block;
                height: 2px;
                margin: 5px 0;
            }

    .header-shape-500 {
        width: 7%;
        content: '';
        position: absolute;
        border-width: 94px 159px 0px;
        border-style: solid;
        border-color: #fff transparent;
        left: 0;
        background: #fff;
    }

        .header-shape-500::after {
            display: none;
        }

        .header-shape-500::before {
            display: none;
        }

    .header-shape-bottom-500 {
        display: none;
    }

    .page-content.hata2 {
        margin: 42px auto 0 auto;
        width: 100%;
    }

    .breadcrum-list-hata {
        width: 46%;
        margin-left: 12px;
    }


    .hata {
        width: 41%;
        margin-top: 70px;
    }

    .hata-2 {
        margin-right: 1%;
        margin-top: 18%;
        float: right;
    }

    .hata-500 {
        font-size: 106px;
        margin: -25px 0 -12px 0px;
    }

    .hata-text {
        font-size: 23px;
    }

    .hata-text2 {
        width: 86%;
        margin-top: 7px;
        line-height: 1.3;
        font-size: 18px;
    }

    .footer-bottom-left-500 {
        margin-top: 45%;
        margin-left: 7px;
        width: 46%;
    }

        .footer-bottom-left-500 p {
            font-size: 14px;
        }

    .footer-bottom-center-500 {
        margin-left: -60px;
        margin-top: 17%;
        margin-bottom: 34px;
    }

        .footer-bottom-center-500 img {
            margin-top: 27px;
            margin-left: 2px;
            max-width: 100%;
        }

    .footer-bottom-right-500 a {
        margin-top: 47%;
        margin-right: 2%;
        font-size: 14px;
    }
}
/*iphone 5/5s yatay*/
@media only screen and (min-width:560px) and (max-width:639px) {
    /*Menü*/

    #header {
        position: absolute;
        height: 0px;
        padding: 0 80px;
        top: 0;
        font-size: 16px;
        font-weight: bold;
        color: #d36212;
        line-height: 44px;
        text-align: center;
        z-index: 5;
    }

        #header a {
            display: block;
            position: absolute;
            top: -3px;
            left: -15px;
            width: 80px;
            height: 50px;
            padding: 15px 25px;
        }

            #header a:before,
            #header a:after {
                content: "";
                display: block;
                background: #d36212;
                height: 2px;
            }

            #header a span {
                background: #d36212;
                display: block;
                height: 2px;
                margin: 7px 0;
            }
    /*Anasayfa*/
    .phone-icon {
        top: 53px;
        width: 38%;
    }
    #linkWhatssapp {
        display: inline-block;
        width: 38%;
        float: right;
        position: relative;
        padding-left: 0px;
    }
    .phone-icon img {
        width: 50px;
    }

    .whatsapp {
        width: 84px;
        margin-left: 0px;
    }

    .header-shape {
        width: 7%;
        content: '';
        position: absolute;
        border-width: 84px 284px 0px;
        border-style: solid;
        border-color: #fff transparent;
        left: 0;
        background: #fff;
    }

        .header-shape::after {
            display: none;
        }

        .header-shape::before {
            display: none;
        }

    .header-shape-bottom {
        display: none;
    }

    .banner-image {
        display: none;
    }

    .banner {
        width: 100%;
        height: 207px !important;
    }

    .header-logo {
        margin-top: -6px;
        margin-left: 38%;
        float: none;
    }

        .header-logo img {
            width: 130px;
        }

    .header-right {
        display: none;
    }

    .shape {
        margin-top: 59px;
    }

    .service-menu {
        display: none;
    }

    .tick {
        display: none;
    }

    .main-brands-list {
        width: 103%;
        margin-left: -31px;
    }

    .main {
        width: 100%;
    }

    .main-brands-header {
        margin-left: 5px;
    }

    .main-our-services-header {
        margin-top: 76%;
        width: 50%;
        margin-left: 5px;
    }

    .main-our-services {
        margin: -48px 0 0 0;
    }

    .our-services {
        margin-right: 0;
        bottom: 49px;
        right: 5px;
    }

    .our-services-list {
        width: 100%;
    }

    .our-services-shape {
        max-width: 100%;
    }

    .our-services-daire {
        width: 145px;
        height: 142px;
        margin-left: 6px;
        margin-top: -4px;
    }

    .our-services-right {
        width: 100%;
        float: none;
    }

    .our-services-img img {
        width: 123px;
        height: 123px;
    }

    .our-services-shape {
        height: 282px;
    }

    .our-services-header {
        width: 50%;
        margin-top: -92px;
        margin-left: 167px;
        float: none;
    }

    .our-services-text {
        width: 96%;
        margin-top: 69px;
        margin-left: 13px;
        line-height: 1.5;
    }

    .icon {
        margin-right: 0px;
        margin-top: -12px;
    }

    .main-regions {
        margin: 0px 0;
    }

        .main-regions .main {
            width: 100%;
        }

    .address {
        display: none;
    }

    .main-regions-header {
        width: 61%;
        margin-top: -10px;
        font-size: 19px;
        margin-left: 5px;
    }

    .regions {
        bottom: 77px;
        padding: 12px 18px px;
        top: -12px;
        right: 5px;
    }

    .regions-shape {
        width: 100%;
        height: auto;
    }

    .shape-img {
        margin-top: 0;
        margin-left: 10px;
        width: 130px;
        height: 131px
    }

    .regions-list {
        margin-bottom: 12px;
    }

    .regions-shape-right {
        max-width: 100%;
        float: right;
        width: 99%;
        margin-bottom: 14px;
    }

    .regions-header {
        width: 57%;
        float: left;
        margin-top: -114px;
        margin-left: 162px;
    }

    .regions-text {
        width: 74%;
        margin-top: -65px;
        margin-left: 133px;
        -webkit-appearance: none;
    }

    .neighbourhood {
        padding-left: 0;
        width: 82%;
        left: 0;
        display: inline-block;
        margin-top: 23px;
    }

        .neighbourhood li {
            width: 22%;
            max-height: 77px;
            margin-top: 17px;
            margin-bottom: 11px;
        }

        .neighbourhood a {
            margin-left: 3px;
            font-size: 12px;
        }

    .see-all {
        margin-top: -16px;
        margin-right: 14px;
        margin-bottom: 1px;
        display: inline-block;
        width: 100%;
        text-align: right;
    }

    .footer {
        margin: 90px 0 0 0px;
    }

    .footer-shape-3 {
        height: 479px;
        margin-top: 417px;
    }

    .footer img {
        max-width: 45%;
        max-height: 90%;
        margin-left: 10px;
        margin-bottom: 19px;
    }

    .locksmith-service-right {
        width: 48%;
    }

    .footer-shape {
        width: 112%;
        margin-top: 51px;
        height: 83px;
    }

    .armut-logo {
        margin-left: 60.6%;
        margin-top: 5%;
    }

        .armut-logo::after {
            margin-top: -32px;
            margin-left: 16px;
            height: 76px;
        }

    .armut-logo-text {
        width: 86%;
    }

        .armut-logo-text img {
            margin-top: 33px;
            margin-left: 79%;
        }

        .armut-logo-text::after {
            bottom: 52px;
            left: 90%;
            height: 75px;
        }

        .armut-logo-text span {
            margin-left: 98%;
            margin-top: 33px;
            width: 21%;
            font-size: 16px;
        }

    .footer-shape-2 {
        width: 55%;
        float: right;
        left: 0;
        margin-top: -83px;
        height: 83px;
    }

    .locksmith-text {
        margin-left: 10%;
        margin-top: 4px;
        width: 87%;
    }

    .locksmith-service-form {
        padding: 6px 34px;
        left: 11%;
        margin-top: 45px;
    }

    .footer-bottom {
        display: block;
    }

    .footer-left {
        width: 85%;
        float: left;
        margin-left: 11px;
    }

    .footer-left-locksmith-specialist {
        width: 111%;
    }

    .footer-phone {
        padding-top: 27px;
        width: 113%;
    }

    .footer-left-locksmith-services {
        display: none;
    }

    .footer-right-our-regions {
        display: none;
    }

    .footer-right-menu {
        display: none;
    }

    .footer-address {
        display: none;
    }

    .footer-bottom-left {
        margin-top: 104px;
        margin-left: 7px;
        width: 43%;
    }

    .footer-bottom-center {
        display: none;
    }

        .footer-bottom-center img {
            margin-top: 19px;
            margin-left: 20px;
            max-width: 65%;
        }

    .footer-bottom-right a {
        margin-top: 107px;
        margin-right: 8px;
    }

    .footer-address li {
        width: 30%;
        margin-left: 8px;
        padding-left: 0px;
    }

    .footer-phone ul {
        margin: -23px 0 0 0;
    }

    .priv_arrow {
        display: none !important;
    }

    .next_arrow {
        display: none !important;
    }

    .slick-slide {
        width: 134px !important;
        margin-right: 4px !important;
    }

    .slick-track {
        left: 76px !important;
    }
    /*Kurumsal*/
    .page-content {
        width: 96%;
    }

    .header-shape-corporate {
        width: 7%;
        content: '';
        position: absolute;
        border-width: 108px 159px 0px;
        border-style: solid;
        border-color: #fff transparent;
        left: 0;
        background: #fff;
    }

        .header-shape-corporate::after {
            display: none;
        }

        .header-shape-corporate::before {
            display: none;
        }

    .header-shape-corparete-2 {
        display: none;
    }

    .banner-image {
        display: none;
    }

    .header-logo-corporate {
        margin-top: 15px;
        margin-left: 87px;
    }

        .header-logo-corporate img {
            width: 130px;
        }

    .header-right-corporate {
        display: none;
    }

    .service-menu-corporate {
        display: none;
    }

    .corporate-header {
        width: 75%;
    }

    .breadcrum-list {
        width: 70%;
    }

    .corporate-contents {
        width: 55%;
        display: table;
    }

    .corporate-contents-right {
        display: none;
    }

        .corporate-contents-right li {
            margin: 10px 0 10px 0;
        }

    .corporate-contents-left {
        display: block;
        float: none;
        width: 100%;
    }

        .corporate-contents-left .corporate-img {
            width: 22%;
            height: 163px;
            float: left;
            display: block;
        }

    .corporate-contents-bottom {
        margin-left: 31px;
        margin-top: 44px;
    }

    .corporate-contents-left .corporate-img img {
        display: inline-block;
        margin-top: 22px;
        max-width: 462px;
        max-height: 332px;
    }

    .corporate-contents-header {
        margin-left: -22px;
        width: 94%;
    }

    .regions-images-detail-video li {
        margin: 0px -45px -3px 52px;
        padding: 0;
    }

    .regions-images-detail-video img {
        width: 210px;
        height: 104px;
    }

    .corporate-contents-text {
        width: 119%;
        margin-left: -18px;
    }
    /* .regions-images-detail {
        width: 28%;
        margin-left: -84px;
    }*/
    .regions-images-detail li::after {
        display: none;
    }

    .regions-images-detail li {
        width: 193px;
        height: 130px;
        margin: 0 0px 0 61px;
    }

    .our-regions-detail-right2 {
        width: 100%;
    }

    .regions-images-detail {
        width: 100%;
        margin-left: 0;
    }
    /*Hizmetlerimiz*/
    .our-services-shape.mobil {
        height: 294px;
    }

    .main-our-services.mobil2 {
        margin-top: 40px;
    }

    .icon-detay {
        margin-right: -1px;
        margin-top: 1px;
    }
    .regions-detail-text {
        font-size: 14px;
    }
  
    /*Hizmetlerimiz Detay*/
    .regions-detail-img {
        margin: 0px 26px 20px 2px;
        width: 214px;
        height: 212px;
    }

    .regions-images {
        width: 100%;
        margin: 45px 0 0px 0;
    }

        .regions-images li {
            width: 170px;
            margin-left: 7px;
            margin-right: 4px;
        }

            .regions-images li::after {
                display: none;
            }

    .regions-images-video {
        width: 100%;
        margin: 20px 0 0px 0;
    }

        .regions-images-video li {
            margin: 0 0 0px 11px;
        }

        .regions-images-video img {
            width: 170px;
        }

    .video {
        top: calc(50% - 60px);
        left: calc(50% - 19px);
    }

    .regions-images.dokuman {
        width: 50%;
        margin: 20px 0 0px 0;
    }
    /*Servis Bölgeleri*/
    .our-service-areas-shape {
        width: 100%;
        height: auto;
    }
    /*Servis Bölgeleri*/
    .our-service-areas-shape {
        width: 100%;
        height: auto;
    }

    /*Servis Bölgeleri Liste*/
    #wrapper {
        width: 100% !important;
    }

    .our-service-areas-shape-2 {
        width: 100%;
    }

    .our-service-img {
        width: 150px;
        height: 151px;
        margin-top: 33px;
        margin-left: 10px;
    }

    .detail {
        margin: 50px -81px 20px 0;
    }

    .page_navigation, .alt_page_navigation {
        left: 37% !important;
    }
    /*Servis Bölgeleri Detay*/
    .our-service-region {
        float: right;
        padding: 12px 18px;
        bottom: 92px;
    }

    .our-regions-detail-img img {
        float: left;
        margin-top: 20px;
    }

    .our-regions-detail-text {
        width: 96%;
    }

    .our-regions-images {
        width: 100%;
    }

        .our-regions-images li::after {
            display: none;
        }

        .our-regions-images li {
            width: 239px;
            height: 169px;
            margin-left: 20px;
            margin-right: 11px;
        }

    .our-regions-images-video img {
        width: 239px;
        margin-left: 20px;
    }

    .our-regions-table table {
        width: 100% !important;
    }

        .our-regions-table table td {
            padding: 0 0px 7px 0px;
        }

    .our-regions-images-video {
        width: 100%;
    }

    .our-regions-images.dokuman {
        width: 97%;
        margin-left: 4px;
    }

        .our-regions-images.dokuman li {
            height: 85px;
        }
    /*İletişim*/
    span#ContentPlaceHolder1_rfvEposta {
        position: absolute;
        top: 29px;
    }
    .FormTelefonError {
        position: absolute;
        top: 29px;
    }
    .FormError {
        right: 27px;
    }
    .FormMessageError {
        right: 22px;
    }
    span#ContentPlaceHolder1_lblSonuc {
        margin-top: 31px;
        margin-left: 51px;
    }
    .header-shape-our-service-areas-detail {
        width: 7%;
        content: '';
        position: absolute;
        border-width: 94px 159px 0px;
        border-style: solid;
        border-color: #fff transparent;
        left: 0;
        background: #fff;
    }

        .header-shape-our-service-areas-detail::after {
            display: none;
        }

        .header-shape-our-service-areas-detail::before {
            display: none;
        }

    .header-shape-our-service-areas-detail-5 {
        display: none;
    }

    .iletisim-adres {
        width: 553px;
    }

    .iletisim-image {
        width: 548px;
    }

    .iletisim-shape {
        width: 100%;
    }

    .iletisim-header {
        width: 86%;
        padding: 44px 0 6px 14px;
    }

    .iletisim-text {
        font-size: 18px
    }

    .iletisim-page-right {
        width: 100%;
        float: none;
    }

        .iletisim-page-right iframe {
            height: 260%;
        }

    .opinions-header {
        width: 83%;
    }

    .opinions-suggestions-image {
        width: 298px;
        height: 567px;
        margin: 314px 0 275px -369.9px;
    }

    .opinions-suggestions-image-shape {
        width: 683px;
        height: 843px;
    }

    .opinions-suggestions-image-shape-2 {
        width: 552px;
        height: 786px;
        margin-left: 54%;
    }

    .iletisim-form-right {
        width: 100%;
        float: left;
    }

    .iletisim-form-left {
        width: 100%;
    }

    .iletisim-form.konu .iletisim-form-shape {
        float: left;
    }

    .iletisim-form input {
        width: 77%;
    }

    .iletisim-form.konu input {
        width: 77%;
        margin: 27px 27px 0 -7px;
    }

    .iletisim-form textarea {
        width: 86%;
        height: 151px;
        margin: 34px 21px 0px -55px;
        padding: 18px 0 0 64px;
    }

    .iletisim-form-send-button {
        width: 140px;
        height: 61px;
        margin-right: 37px;
        margin-top: 9px;
    }

    .recapthca {
        margin-left: 7%;
        margin-top: -191px;
        transform: scale(0.9);
        margin-bottom: 65px;
    }
    /*Servis Talep Formu*/
    .ServisError {
        bottom: -22px;
        right: 13px;
    }
    .ServisTextError {
        bottom: 114px;
        right: -137px;
    }
    span#ContentPlaceHolder1_rfvtxtAdres {
        bottom: 135px;
    }
    .contact-form-warning {
        margin-top: 19px;
    }
    .service-request-form {
        max-height: 1028px;
        width: 536px;
        height: 1040px;
        right: -6px;
        top: -24px;
        background-position: center center;
        background-size: cover;
    }

    .service {
        margin: 58px 0 3px 0px;
    }

    .request-form-left {
        float: none;
        width: 100%;
    }

    .request-form input {
        width: 79%;
    }

    .form-select-lg {
        width: 79% !important;
    }

    .request-form-right {
        width: 71%;
        margin-left: 5px
    }

    .request-form textarea {
        width: 117%;
        height: 114px;
        margin: -55px 1px 0 64px;
        padding: 21px 0 0 47px;
    }

    .request-form.talep textarea {
        height: 133px;
        padding: 21px 0 0 48px;

    }

    .request-form.adres .service-form-shape {
        margin-top: 0px;
        margin-left: 20px;
    }

    .request-form.talep .service-form-shape {
        margin-top: -23px;
        margin-left: 20px;
    }

    .recapthca-form {
        margin-left: 11%;
        transform: scale(0.9);
        margin-top: -207px;
    }

    .request-form-send-button {
        margin-right: 21px;
        margin-top: 3px;
    }
    /*404*/
    #header-404 {
        position: fixed;
        height: 0px;
        padding: 0 80px;
        top: 0;
        font-size: 16px;
        font-weight: bold;
        color: #d36212;
        line-height: 44px;
        text-align: center;
        z-index: 5;
    }

        #header-404 a {
            display: block;
            position: absolute;
            top: 9px;
            left: -15px;
            width: 71px;
            height: 49px;
            padding: 15px 25px;
        }

            #header-404 a:before, #header-404 a:after {
                content: "";
                display: block;
                background: #d36212;
                height: 2px
            }

            #header-404 a span {
                background: #d36212;
                display: block;
                height: 2px;
                margin: 5px 0;
            }

    .header-shape-404 {
        width: 7%;
        content: '';
        position: absolute;
        border-width: 94px 159px 0px;
        border-style: solid;
        border-color: #fff transparent;
        left: 0;
        background: #fff;
    }

        .header-shape-404::after {
            display: none;
        }

        .header-shape-404::before {
            display: none;
        }

    .header-shape-bottom-404 {
        display: none;
    }

    .header-logo-hata {
        margin-top: -4px;
        margin-left: 77px;
    }

        .header-logo-hata img {
            width: 150px;
        }

    .page-content.hata2 {
        margin: 42px auto 0 auto;
        width: 100%;
    }

    .breadcrum-list-hata {
        width: 46%;
        margin-left: 12px;
    }

    .phone-404 {
        background-size: 28%;
        margin-right: 41px;
        padding-top: 28px;
    }

        .phone-404 ul {
            margin-left: 51px;
            font-size: 18px;
        }

    .hata {
        width: 41%;
        margin-top: 15px;
    }

    .hata-2 {
        float: right;
        margin-right: 2px;
        margin-top: 13px;
    }

    .hata-404-header {
        font-size: 106px;
        margin: -25px 0 -12px 0px;
    }

    .hata-text {
        font-size: 23px;
    }

    .hata-text2 {
        width: 86%;
        margin-top: 7px;
        line-height: 1.3;
        font-size: 18px;
    }

    .footer-bottom-left-404 {
        margin-left: 7px;
        width: 46%;
        margin-top: 19%;
    }

    .footer-bottom-center-404 {
        margin-left: -60px;
        margin-bottom: 34px;
    }

        .footer-bottom-center-404 img {
            margin-top: 27px;
            margin-left: 2px;
            max-width: 78%;
        }

    .footer-bottom-right-404 a {
        margin-top: 21%;
        margin-right: 3%;
    }
    /*500*/
    #header-500 {
        position: fixed;
        height: 0px;
        padding: 0 80px;
        top: 0;
        font-size: 16px;
        font-weight: bold;
        color: #d36212;
        line-height: 44px;
        text-align: center;
        z-index: 5;
    }

        #header-500 a {
            display: block;
            position: absolute;
            top: 9px;
            left: -15px;
            width: 71px;
            height: 49px;
            padding: 15px 25px;
        }

            #header-500 a:before, #header-500 a:after {
                content: "";
                display: block;
                background: #d36212;
                height: 2px
            }

            #header-500 a span {
                background: #d36212;
                display: block;
                height: 2px;
                margin: 5px 0;
            }

    .header-shape-500 {
        width: 7%;
        content: '';
        position: absolute;
        border-width: 94px 159px 0px;
        border-style: solid;
        border-color: #fff transparent;
        left: 0;
        background: #fff;
    }

        .header-shape-500::after {
            display: none;
        }

        .header-shape-500::before {
            display: none;
        }

    .header-shape-bottom-500 {
        display: none;
    }

    .page-content.hata2 {
        margin: 42px auto 0 auto;
        width: 100%;
    }

    .breadcrum-list-hata {
        width: 46%;
        margin-left: 12px;
    }

    .hata {
        width: 41%;
        margin-top: 15px;
    }

    .hata-2 {
        float: right;
        margin-right: 2px;
        margin-top: 13px;
    }

    .hata-500 {
        font-size: 106px;
        margin: -25px 0 -12px 0px;
    }

    .hata-text {
        font-size: 23px;
    }

    .hata-text2 {
        width: 86%;
        margin-top: 7px;
        line-height: 1.3;
        font-size: 18px;
    }

    .footer-bottom-left-500 {
        margin-left: 7px;
        width: 46%;
        margin-top: 19%;
    }

    .footer-bottom-center-500 {
        margin-left: -60px;
        margin-bottom: 34px;
    }

        .footer-bottom-center-500 img {
            margin-top: 27px;
            margin-left: 2px;
            max-width: 78%;
        }

    .footer-bottom-right-500 a {
        margin-top: 21%;
        margin-right: 3%;
    }
}

/*Samsung S3 yatay*/
@media only screen and (min-width:640px) and (max-width:659px) {
    /*Menü*/

    #header {
        position: absolute;
        height: 0px;
        padding: 0 80px;
        top: 0;
        font-size: 16px;
        font-weight: bold;
        color: #d36212;
        line-height: 44px;
        text-align: center;
        z-index: 5;
    }

        #header a {
            display: block;
            position: absolute;
            top: -3px;
            left: -15px;
            width: 80px;
            height: 50px;
            padding: 15px 25px;
        }

            #header a:before,
            #header a:after {
                content: "";
                display: block;
                background: #d36212;
                height: 2px;
            }

            #header a span {
                background: #d36212;
                display: block;
                height: 2px;
                margin: 7px 0;
            }
    /*Anasayfa*/
    .phone-icon {
        top: 63px;
        width: 38%;
    }
    #linkWhatssapp {
        display: inline-block;
        width: 38%;
        float: right;
        position: relative;
        padding-left: 0px;
    }
    .whatsapp {
        margin-left:0px;
    }
    .phone-icon img {
        width: 59px;
    }
    .whatsapp img {
        width: 50%;
    }
    .header-shape {
        width: 7%;
        content: '';
        position: absolute;
        border-width: 87px 319px 0px;
        border-style: solid;
        border-color: #fff transparent;
        left: 0;
        background: #fff;
    }

        .header-shape::after {
            display: none;
        }

        .header-shape::before {
            display: none;
        }

    .header-shape-bottom {
        display: none;
    }

    .banner-image {
        display: none;
    }

    .header-logo {
        margin-top: 0px;
        margin-left: 251px;
        float: left;
    }

        .header-logo img {
            width: 130px;
        }

    .header-right {
        display: none;
    }

    .shape {
        margin-top: 57px;
    }

    .service-menu {
        display: none;
    }

    .tick {
        display: none;
    }

    .banner {
        width: 100%;
        height: 207px !important;
    }

    .main {
        width: 100%;
    }

    .slider {
        margin-bottom: 20px;
        height: 190px;
    }

    .main-brands-header {
        margin-left: 5px;
    }

    .main-brands-list {
        width: 100%;
        margin-left: -18px;
    }

    .main-our-services-header {
        margin-top: 58%;
        width: 50%;
        margin-left: 5px;
    }

    .our-services {
        margin-right: 0;
        bottom: 49px;
        right: 5px;
    }

    .our-services-list {
        width: 100%;
    }

    .our-services-shape {
        max-width: 100%;
    }

    .our-services-daire {
        width: 145px;
        height: 142px;
        margin-left: 6px;
        margin-top: -4px;
    }

    .our-services-right {
        width: 100%;
        float: none;
    }

    .our-services-img img {
        width: 123px;
        height: 123px;
    }

    .our-services-shape {
        height: 281px;
    }

    .our-services-header {
        width: 58%;
        margin-top: -92px;
        margin-left: 179px;
        float: none;
    }

    .our-services-text:nth-child(1) {
        width: 93%;
        margin-top: 69px;
        margin-left: 24px;
        line-height: 1.5;
    }

    .our-services-text {
        width: 93%;
        margin-top: 79px;
        margin-left: 27px;
        line-height: 1.5;
        -webkit-appearance: none;
    }

    .icon {
        margin-right: 0px;
        margin-top: 1px;
        display: block;
    }

    .main-regions {
        margin: 0px 0;
    }

        .main-regions .main {
            width: 100%;
        }

    .address {
        display: none;
    }

    .main-regions-header {
        width: 61%;
        margin-top: -10px;
        font-size: 19px;
        margin-left: 5px;
    }

    .regions {
        bottom: 77px;
        padding: 12px 18px;
        top: -3px;
        right: 5px;
    }

    .regions-shape {
        width: 100%;
        height: auto;
    }

    .shape-img {
        margin-top: 0;
        margin-left: 10px;
        width: 130px;
        height: 131px
    }

    .regions-list {
        margin-bottom: 12px;
    }

    .regions-shape-right {
        max-width: 100%;
        margin-bottom: 10px;
    }

    .regions-header {
        width: 65%;
        float: right;
        margin-top: -93px;
    }

    .regions-text {
        width: 114%;
        margin-top: 15px;
        margin-left: 13px;
        -webkit-appearance: none;
    }

    .neighbourhood {
        padding-left: 0;
        width: 100%;
    }

        .neighbourhood li {
            width: 24%;
            max-height: 76px;
            margin-top: 18px;
            margin-bottom: 16px;
        }

        .neighbourhood a {
            margin-left: 6px;
            font-size: 12px;
        }

    .see-all {
        margin-top: -17px;
        margin-right: -88px;
        margin-bottom: 1px;
        display: inline-block;
        width: 100%;
        text-align: right;
    }

    .footer {
        margin: 90px 0 0 0px;
    }

    .footer-shape-3 {
        height: 421px;
        margin-top: 399px;
    }

    .footer img {
        max-width: 37%;
        max-height: 90%;
        margin-left: 18px;
    }

    .locksmith-service-right {
        width: 58%;
    }

    .footer-shape {
        width: 112%;
        margin-top: 51px;
    }

    .armut-logo {
        margin-left: 57%;
        margin-top: 3%;
    }

        .armut-logo img {
            max-width: 60%;
        }

        .armut-logo::after {
            margin-top: -21px;
            margin-left: 14px;
        }

    .armut-logo-text {
        width: 87.4%;
    }

        .armut-logo-text img {
            margin-top: 33px;
            margin-left: 79%;
        }

        .armut-logo-text::after {
            bottom: 55px;
            left: 88%;
        }

        .armut-logo-text span {
            margin-left: 96%;
            margin-top: 34px;
            width: 24%;
        }

    .footer-shape-2 {
        width: 54%;
        float: right;
        left: -1px;
    }

    .locksmith-text {
        margin-left: 3%;
        margin-top: 4px;
    }

    .locksmith-service-form {
        padding: 6px 34px;
        left: 14%;
        margin-top: 49px;
    }

    .footer-bottom {
        display: block;
    }

    .footer-left {
        width: 97%;
        float: left;
        margin-left: 11px;
    }

    .footer-left-locksmith-specialist {
        width: 100%;
        margin-right: 0;
    }

    .footer-phone ul li {
        margin-left: 84px;
    }

    .footer-phone {
        padding-top: 27px;
        width: 72%;
    }

    .footer-left-locksmith-services {
        display: none;
    }

    .footer-right-our-regions {
        display: none;
    }

    .footer-right-menu {
        display: none;
    }

    .footer-bottom-left {
        margin-left: 7px;
        width: 43%;
        margin-top: 96px;
    }

    .footer-bottom-center {
        display: none;
    }

    .footer-address {
        display: none;
    }

    .footer-bottom-right a {
        margin-top: 96px;
        margin-right: 14px;
    }

    .footer-address li {
        width: 30%;
        margin-left: 8px;
        padding-left: 0px;
    }

    .priv_arrow {
        display: none !important;
    }

    .next_arrow {
        display: none !important;
    }

    .slick-slide {
        width: 146px !important;
        margin-right: 7px !important;
    }

    .slick-track {
        left: 76px !important;
    }

    .slick-dots {
        display: none !important;
    }

    .page-content {
        width: 96%;
    }

    .header-shape-corporate {
        width: 7%;
        content: '';
        position: absolute;
        border-width: 108px 159px 0px;
        border-style: solid;
        border-color: #fff transparent;
        left: 0;
        background: #fff;
    }

        .header-shape-corporate::after {
            display: none;
        }

        .header-shape-corporate::before {
            display: none;
        }

    .header-shape-corparete-2 {
        display: none;
    }

    .banner-image {
        display: none;
    }

    .header-logo-corporate {
        margin-top: 15px;
        margin-left: 87px;
    }

        .header-logo-corporate img {
            width: 130px;
        }

    .header-right-corporate {
        display: none;
    }

    .service-menu-corporate {
        display: none;
    }

    .corporate-header {
        width: 68%;
    }

    .breadcrum-list {
        width: 70%;
    }

    .corporate-contents {
        width: 55%;
        display: table;
    }

    .corporate-contents-right {
        display: none;
    }

        .corporate-contents-right li {
            margin: 10px 0 10px 0;
        }

    .corporate-contents-left {
        display: block;
        float: none;
        width: 100%;
    }

        .corporate-contents-left .corporate-img {
            width: 4%;
            height: 169px;
            float: none;
            display: block;
            margin-left: 31px;
        }

    .corporate-contents-bottom {
        margin-left: 22px;
        margin-top: 65px;
    }

    .corporate-contents-left .corporate-img img {
        display: inline-block;
        margin-top: 25px;
        max-width: 500px;
        max-height: 322px;
    }

    .corporate-contents-header {
        margin-left: -22px;
        width: 94%;
    }

    .regions-images-detail-video li {
        margin: 0px -11px -3px 16px;
    }

    .regions-images-detail-video img {
        width: 255px;
    }

    .corporate-contents-text {
        width: 117%;
        margin-left: -18px;
    }
    /* .regions-images-detail {
        width: 28%;
        margin-left: -84px;
    }*/
    .regions-images-detail li::after {
        display: none;
    }

    .regions-images-detail li {
        width: 253px;
        height: 181px;
        margin: 0 29px 0 25px;
    }

    .regions-images-detail {
        width: 106%;
        margin-left: 0px;
    }

    .our-regions-detail-right2 {
        width: 99%;
    }
    /*Hizmetlerimiz*/
    .our-services-shape.mobil {
        height: 305px;
    }

    .main-our-services.mobil2 {
        margin-top: 40px;
    }

    .icon-detay {
        margin-right: -1px;
        margin-top: 1px;
    }
    .regions-detail-text {
        font-size: 14px;
    }
    
    /*Hizmetlerimiz Detay*/
    .regions-detail-img {
        margin: 0px 26px 20px 2px;
        width: 214px;
        height: 212px;
    }

    .regions-images {
        width: 100%;
        margin: 45px 0 0px 0;
    }

        .regions-images li {
            width: 183px;
            margin-left: 13px;
            margin-right: 4px;
        }

            .regions-images li::after {
                display: none;
            }

    .regions-images-video {
        width: 100%;
        margin: 20px 0 0px 0;
    }

        .regions-images-video li {
            margin: 0 0 0px 16px;
        }

        .regions-images-video img {
            width: 183px;
        }

    .video {
        top: calc(50% - 60px);
        left: calc(50% - 19px);
    }

    .regions-images.dokuman {
        width: 50%;
        margin: 20px 0 0px 0;
    }
    /*Servis Bölgeleri*/
    .our-service-areas-shape {
        width: 100%;
        height: auto;
    }
    /*Servis Bölgeleri Liste*/
    #wrapper {
        width: 100% !important;
    }

    .our-service-areas-shape-2 {
        width: 100%;
    }

    .our-service-img {
        width: 150px;
        height: 151px;
        margin-top: 33px;
        margin-left: 10px;
    }

    .regions-header.mobil3 {
        width: 59%;
        float: right;
        margin-top: -90px;
        font-size: 18px;
    }

    .detail {
        margin: 50px -81px 20px 0;
    }

    .page_navigation, .alt_page_navigation {
        left: 37% !important;
    }
    /*Servis Bölgeleri Detay*/
    .our-service-region {
        float: right;
        padding: 12px 18px;
        bottom: 92px;
    }

    .our-regions-detail-img img {
        float: left;
        margin-top: 20px;
    }

    .our-regions-detail-text {
        width: 96%;
    }

    .our-regions-images {
        width: 100%;
    }

        .our-regions-images li::after {
            display: none;
        }

        .our-regions-images li {
            width: 262px;
            height: 169px;
            margin-left: 24px;
            margin-right: 11px;
        }

    .our-regions-images-video img {
        width: 262px;
        margin-left: 24px;
    }

    .our-regions-table table {
        width: 100% !important;
    }

        .our-regions-table table td {
            padding: 0 0px 7px 0px;
        }

    .our-regions-images-video {
        width: 100%;
    }

    .our-regions-images.dokuman {
        width: 97%;
        margin-left: 4px;
    }

        .our-regions-images.dokuman li {
            height: 85px;
        }
    /*İletişim*/
    .FormError {
        right: 26px;
    }

    .FormMessageError {
        right: 21px;
    }

    .header-shape-our-service-areas-detail {
        width: 7%;
        content: '';
        position: absolute;
        border-width: 94px 159px 0px;
        border-style: solid;
        border-color: #fff transparent;
        left: 0;
        background: #fff;
    }

        .header-shape-our-service-areas-detail::after {
            display: none;
        }

        .header-shape-our-service-areas-detail::before {
            display: none;
        }

    .header-shape-our-service-areas-detail-5 {
        display: none;
    }
    /* .iletisim-page-left {
        width: 100%;
    }*/

    .iletisim-adres {
        width: 553px;
    }

    /*   .iletisim-sosyal {
        margin: 20px  25px 10px 0px;
        float: left;
        width: 27%;
    }*/
    /*  .iletisim-sosyal-2 {
        margin: 20px 0px 7px 0px;
    }*/
    .iletisim-image {
        margin-left: 54px;
        background-position: unset;
    }

    .iletisim-header {
        width: 86%;
        padding: 44px 0 6px 14px;
    }

    .iletisim-text {
        font-size: 18px
    }

    .iletisim-page-right {
        width: 79.5%;
        float: none;
        margin: 67px 0 0 55px;
    }

        .iletisim-page-right iframe {
            height: 260%;
        }

    .opinions-header {
        width: 83%;
    }

    .opinions-suggestions-image {
        width: 298px;
        height: 567px;
        margin: 314px 0 275px -369.9px;
    }

    .opinions-suggestions-image-shape {
        width: 736px;
        height: 843px;
    }

    .opinions-suggestions-image-shape-2 {
        width: 552px;
        height: 786px;
        margin-left: 54%;
    }

    .iletisim-form-right {
        width: 100%;
        float: left;
    }

    .iletisim-form-left {
        width: 100%;
    }

    .iletisim-form.konu .iletisim-form-shape {
        float: left;
    }

    .iletisim-form input {
        width: 77%;
    }

    .iletisim-form.konu input {
        width: 77%;
        padding: 15px 25px;
        margin: 27px 27px 0 -7px;
    }

    .iletisim-form textarea {
        width: 86%;
        height: 151px;
        margin: 34px 21px 0px -55px;
        padding: 18px 0 0 64px;
    }

    .iletisim-form-send-button {
        width: 140px;
        height: 61px;
        margin-right: 37px;
        margin-top: 24px;
    }

    .recapthca {
        margin-left: 12%;
        margin-top: -177px;
        transform: scale(0.9);
    }
    /*Servis Talep Formu*/
    .service-request-form {
        max-height: 1032px;
        width: 606px;
        height: 1036px;
        right: -6px;
        top: -24px;
        background-position: center center;
        background-size: cover;
    }

    .service {
        margin: 58px 0 3px 0px;
    }
    .ServisError {
        bottom: -23px;
        right: 10px;
    }
    .ServisTextError {
        bottom: 458px;
        position: absolute;
        right: 10px;
    }
    .contact-form-warning {
        margin-top: 17px;
    }
    .request-form-left {
        float: none;
        width: 100%;
    }

    .request-form input {
        width: 82%;
    }

    .form-select-lg {
        width: 82% !important;
    }

    .request-form-right {
        width: 71%;
        margin-left: 5px
    }

    .request-form textarea {
        width: 120%;
        height: 114px;
        margin: -55px 1px 0 64px;
    }

    .request-form.talep textarea {
        height: 133px;
        padding: 21px 0 0 48px;
        padding: 21px 0 0 50px;
    }

    .request-form.adres .service-form-shape {
        margin-top: 0px;
        margin-left: 20px;
    }

    .request-form.talep .service-form-shape {
        margin-top: -23px;
        margin-left: 20px;
    }

    .recapthca-form {
        margin-left: 10%;
        transform: scale(0.9);
        margin-top: -203px;
        margin-bottom: 35px;
    }

    .request-form-send-button {
        margin-right: 23px;
        margin-top: 9px;
        position: relative;
        display: inline-block;
    }
    /*404*/
    #header-404 {
        position: fixed;
        height: 0px;
        padding: 0 80px;
        top: 0;
        font-size: 16px;
        font-weight: bold;
        color: #d36212;
        line-height: 44px;
        text-align: center;
        z-index: 5;
    }

        #header-404 a {
            display: block;
            position: absolute;
            top: 9px;
            left: -15px;
            width: 71px;
            height: 49px;
            padding: 15px 25px;
        }

            #header-404 a:before, #header-404 a:after {
                content: "";
                display: block;
                background: #d36212;
                height: 2px
            }

            #header-404 a span {
                background: #d36212;
                display: block;
                height: 2px;
                margin: 5px 0;
            }

    .header-shape-404 {
        width: 7%;
        content: '';
        position: absolute;
        border-width: 94px 159px 0px;
        border-style: solid;
        border-color: #fff transparent;
        left: 0;
        background: #fff;
    }

        .header-shape-404::after {
            display: none;
        }

        .header-shape-404::before {
            display: none;
        }

    .header-shape-bottom-404 {
        display: none;
    }

    .header-logo-hata {
        margin-top: -4px;
        margin-left: 77px;
    }

        .header-logo-hata img {
            width: 150px;
        }

    .page-content.hata2 {
        margin: 42px auto 0 auto;
        width: 100%;
    }

    .breadcrum-list-hata {
        width: 46%;
        margin-left: 12px;
    }


    .phone-404 {
        background-size: 28%;
        margin-right: 41px;
        padding-top: 28px;
    }

        .phone-404 ul {
            margin-left: 51px;
            font-size: 18px;
        }

    .hata {
        width: 41%;
        margin-top: 15px;
    }

    .hata-2 {
        float: right;
        margin-right: 2px;
        margin-top: 13px;
    }

    .hata-404-header {
        font-size: 106px;
        margin: -25px 0 -12px 0px;
    }

    .hata-text {
        font-size: 23px;
    }

    .hata-text2 {
        width: 86%;
        margin-top: 7px;
        line-height: 1.3;
        font-size: 18px;
    }

    .footer-bottom-left-404 {
        margin-left: 7px;
        width: 46%;
        margin-top: 19%;
    }

    .footer-bottom-center-404 {
        margin-left: -60px;
        margin-bottom: 34px;
    }

        .footer-bottom-center-404 img {
            margin-top: 27px;
            margin-left: 2px;
            max-width: 78%;
        }

    .footer-bottom-right-404 a {
        margin-top: 21%;
        margin-right: 3%;
    }
    /*500*/
    #header-500 {
        position: fixed;
        height: 0px;
        padding: 0 80px;
        top: 0;
        font-size: 16px;
        font-weight: bold;
        color: #d36212;
        line-height: 44px;
        text-align: center;
        z-index: 5;
    }

        #header-500 a {
            display: block;
            position: absolute;
            top: 9px;
            left: -15px;
            width: 71px;
            height: 49px;
            padding: 15px 25px;
        }

            #header-500 a:before, #header-500 a:after {
                content: "";
                display: block;
                background: #d36212;
                height: 2px
            }

            #header-500 a span {
                background: #d36212;
                display: block;
                height: 2px;
                margin: 5px 0;
            }

    .header-shape-500 {
        width: 7%;
        content: '';
        position: absolute;
        border-width: 94px 159px 0px;
        border-style: solid;
        border-color: #fff transparent;
        left: 0;
        background: #fff;
    }

        .header-shape-500::after {
            display: none;
        }

        .header-shape-500::before {
            display: none;
        }

    .header-shape-bottom-500 {
        display: none;
    }

    .page-content.hata2 {
        margin: 42px auto 0 auto;
        width: 100%;
    }

    .breadcrum-list-hata {
        width: 46%;
        margin-left: 12px;
    }


    .hata {
        width: 41%;
        margin-top: 15px;
    }

    .hata-2 {
        float: right;
        margin-right: 2px;
        margin-top: 13px;
    }

    .hata-500 {
        font-size: 106px;
        margin: -25px 0 -12px 0px;
    }

    .hata-text {
        font-size: 23px;
    }

    .hata-text2 {
        width: 86%;
        margin-top: 7px;
        line-height: 1.3;
        font-size: 18px;
    }

    .footer-bottom-left-500 {
        margin-left: 7px;
        width: 46%;
        margin-top: 19%;
    }

    .footer-bottom-center-500 {
        margin-left: -60px;
        margin-bottom: 34px;
    }

        .footer-bottom-center-500 img {
            margin-top: 27px;
            margin-left: 2px;
            max-width: 78%;
        }

    .footer-bottom-right-500 a {
        margin-top: 21%;
        margin-right: 3%;
    }
}
/*iphone 4 yatay*/
@media only screen and (min-width:480px) and (max-width:559px) {
    /*Menü*/

    #header {
        position: absolute;
        height: 0px;
        padding: 0 80px;
        top: 0;
        font-size: 16px;
        font-weight: bold;
        color: #d36212;
        line-height: 44px;
        text-align: center;
        z-index: 5;
    }

        #header a {
            display: block;
            position: absolute;
            top: -3px;
            left: -15px;
            width: 80px;
            height: 50px;
            padding: 15px 25px;
        }

            #header a:before,
            #header a:after {
                content: "";
                display: block;
                background: #d36212;
                height: 2px;
            }

            #header a span {
                background: #d36212;
                display: block;
                height: 2px;
                margin: 7px 0;
            }
    /*Anasayfa*/

    .phone-icon {
        top: 58px;
        width: 38%;
    }
    #linkWhatssapp {
        display: inline-block;
        width: 38%;
        float: right;
        position: relative;
        padding-left: 0px;
    }
        .phone-icon img {
            top: 58px;
            width: 55px;
        }

    .whatsapp {
        width: 91px;
        margin-left:0px;
    }

    .header-shape {
        width: 7%;
        content: '';
        position: absolute;
        border-width: 84px 240px 0px;
        border-style: solid;
        border-color: #fff transparent;
        left: 0;
        background: #fff;
    }

        .header-shape::after {
            display: none;
        }

        .header-shape::before {
            display: none;
        }

    .header-shape-bottom {
        display: none;
    }

    .banner-image {
        display: none;
    }

    .banner {
        width: 100%;
        height: 207px !important;
    }

    .header-logo {
        margin-top: -6px;
        margin-left: 38%;
        float: none;
    }

        .header-logo img {
            width: 130px;
        }

    .header-right {
        display: none;
    }

    .shape {
        margin-top: 26px;
    }

    .service-menu {
        display: none;
    }

    .tick {
        display: none;
    }

    .main-brands-list {
        width: 100%;
        margin-left: -33px;
    }

    .main {
        width: 100%;
    }

    .main-our-services-header {
        margin-top: 76%;
        width: 50%;
        margin-left: 5px;
    }

    .main-our-services {
        margin: -48px 0 0 0;
    }

    .our-services {
        margin-right: 0;
        bottom: 49px;
        right: 5px;
    }

    .our-services-list {
        width: 100%;
    }

    .our-services-shape {
        max-width: 100%;
    }

    .our-services-daire {
        width: 145px;
        height: 142px;
        margin-left: 6px;
        margin-top: -4px;
    }

    .our-services-right {
        width: 100%;
        float: none;
    }

    .our-services-img img {
        width: 123px;
        height: 123px;
    }

    .our-services-shape {
        height: 307px;
    }

    .our-services-header {
        width: 50%;
        margin-top: -92px;
        margin-left: 167px;
        float: none;
    }

    .our-services-text {
        width: 96%;
        margin-top: 69px;
        margin-left: 13px;
        line-height: 1.5;
        -webkit-appearance: none;
    }

    .icon {
        margin-right: 0px;
        margin-top: 13px;
    }

    .main-regions {
        margin: 0px 0;
    }

        .main-regions .main {
            width: 100%;
        }

    .address {
        display: none;
    }

    .main-regions-header {
        margin-left: 5px;
        margin-top: -10px;
        font-size: 19px;
    }

    .regions {
        bottom: 77px;
        padding: 12px 18px;
        top: -3px;
        right: 5px;
    }

    .regions-shape {
        width: 100%;
        height: auto;
    }

    .shape-img {
        margin-top: 7px;
        margin-left: 5px;
        width: 130px;
        height: 131px
    }

    .regions-list {
        margin-bottom: 12px;
    }

    .regions-shape-right {
        max-width: 100%;
        float: right;
        width: 101%;
    }

    .regions-header {
        width: 35%;
        float: left;
        margin-top: -124px;
        margin-left: 140px;
    }

    .regions-text {
        width: 70%;
        margin-top: -44px;
        margin-left: 134px;
        -webkit-appearance: none;
    }

    .neighbourhood {
        padding-left: 0;
        width: 78%;
        left: 0;
        display: inline-block;
    }

        .neighbourhood li {
            width: 25%;
            max-height: 76px;
            margin-top: 18px;
            margin-bottom: 34px;
        }

        .neighbourhood a {
            margin-left: 3px;
            font-size: 12px;
        }

    .see-all {
        margin-top: -26px;
        margin-right: 17px;
        margin-bottom: 10px;
        display: inline-block;
        width: 100%;
        text-align: right;
    }

    .footer {
        margin: 60px 0 0 0px;
    }

    .footer-shape-3 {
        height: 418px;
        margin-top: 499px;
    }

    .footer img {
        max-width: 45%;
        max-height: 90%;
        margin-left: 10px;
        margin-bottom: 19px;
    }

    .locksmith-service-right {
        width: 48%;
    }

    .footer-shape {
        width: 112%;
        margin-top: 51px;
        height: 83px;
    }

    .armut-logo {
        margin-left: 58.6%;
        margin-top: 5%;
    }

        .armut-logo::after {
            margin-top: -26px;
            margin-left: 12px;
            height: 76px;
        }

    .armut-logo-text {
        margin-top: -17px;
        margin-left: 77%;
        width: 3%;
    }

        .armut-logo-text img {
            margin-top: 46px;
            margin-left: 3%;
            width: 3%;
        }

        .armut-logo-text::after {
            bottom: 67px;
            left: 9%;
            height: 75px;
        }

        .armut-logo-text span {
            margin-top: 33px;
            width: 76%;
            font-size: 14px;
            margin-left: 48px;
        }

    .footer-shape-2 {
        width: 55%;
        float: right;
        left: 0;
        margin-top: -83px;
        height: 83px;
    }

    .locksmith-text {
        margin-left: 11%;
        margin-top: 1px;
        width: 83%;
    }

    .locksmith-service-form {
        padding: 4px 21px;
        left: 11%;
        margin-top: 45px;
    }

    .footer-bottom {
        display: block;
    }

    .footer-left {
        width: 86%;
        float: left;
        margin-left: 11px;
    }

    .footer-left-locksmith-specialist {
        width: 110%;
        margin-right: 0;
    }

    .footer-phone {
        padding-top: 27px;
        width: 113%;
    }

        .footer-phone ul {
            margin-top: -22px;
        }

    .footer-left-locksmith-services {
        display: none;
    }

    .footer-right-our-regions {
        display: none;
    }

    .footer-right-menu {
        display: none;
    }

    .footer-address {
        display: none;
    }

    .footer-bottom-left {
        margin-left: 7px;
        width: 43%;
        margin-top: 80px;
    }

    .footer-bottom-center {
        display: none;
    }

        .footer-bottom-center img {
            margin-top: 19px;
            margin-left: 24px;
            max-width: 65%;
        }

    .footer-bottom-right a {
        margin-right: 9px;
        margin-top: 80px;
    }

    .footer-address li {
        width: 30%;
        margin-left: 8px;
        padding-left: 0px;
    }

    .priv_arrow {
        display: none !important;
    }

    .next_arrow {
        display: none !important;
    }

    .slick-slide {
        width: 130px !important;
        margin-right: 17px !important;
    }

    .slick-track {
        left: 76px !important;
    }

    .page-content {
        width: 96%;
    }

    .header-shape-corporate {
        width: 7%;
        content: '';
        position: absolute;
        border-width: 108px 159px 0px;
        border-style: solid;
        border-color: #fff transparent;
        left: 0;
        background: #fff;
    }

        .header-shape-corporate::after {
            display: none;
        }

        .header-shape-corporate::before {
            display: none;
        }

    .header-shape-corparete-2 {
        display: none;
    }

    .banner-image {
        display: none;
    }

    .header-logo-corporate {
        margin-top: 15px;
        margin-left: 87px;
    }

        .header-logo-corporate img {
            width: 130px;
        }

    .header-right-corporate {
        display: none;
    }

    .service-menu-corporate {
        display: none;
    }

    .corporate-header {
        width: 75%;
        margin-left: 6px;
    }

    .breadcrum-list {
        width: 70%;
        margin-left: 7px;
    }

    .corporate-contents {
        width: 55%;
        display: table;
    }

    .corporate-contents-right {
        display: none;
    }

        .corporate-contents-right li {
            margin: 10px 0 10px 0;
        }

    .corporate-contents-left {
        display: block;
        float: none;
        width: 100%;
    }

        .corporate-contents-left .corporate-img {
            width: 22%;
            height: 163px;
            float: left;
            display: block;
        }

    .corporate-contents-bottom {
        margin-left: 31px;
        margin-top: 44px;
    }

    .corporate-contents-left .corporate-img img {
        display: inline-block;
        margin-top: 52px;
        max-width: 416px;
        max-height: 332px;
    }

    .corporate-contents-header {
        margin-left: -22px;
        width: 94%;
    }

    .regions-images-detail-video li {
        margin: -7px -45px px -3px 8px;
    }

    .regions-images-detail-video img {
        width: 180px;
    }

    .corporate-contents-text {
        width: 108%;
        margin-left: -18px;
    }
    /* .regions-images-detail {
        width: 28%;
        margin-left: -84px;
    }*/
    .regions-images-detail li::after {
        display: none;
    }

    .regions-images-detail li {
        width: 193px;
        height: 130px;
        margin-right: 0;
        margin-left: 14px;
    }

    .our-regions-detail-right2 {
        width: 100%;
    }

    .regions-images-detail {
        width: 106%;
        margin-left: -36px;
    }
    /*Hizmetlerimiz*/
    .our-services-shape.mobil {
        height: 319px;
    }

    .main-our-services.mobil2 {
        margin-top: 40px;
    }

    .icon-detay {
        margin-right: -1px;
        margin-top: 1px;
    }
    .regions-detail-text {
        font-size: 14px;
    }
   
    /*Hizmetlerimiz Detay*/
    .regions-detail-img {
        margin: 0px 26px 20px 2px;
        width: 214px;
        height: 212px;
    }

    .regions-images {
        width: 100%;
        margin: 45px 0 0px 0;
    }

        .regions-images li {
            width: 196px;
            margin-left: 19px;
            margin-right: 4px;
        }

            .regions-images li::after {
                display: none;
            }

    .regions-images-video {
        width: 100%;
        margin: 20px 0 0px 0;
    }

        .regions-images-video li {
            margin: 0 0 0px 24px;
        }

        .regions-images-video img {
            width: 183px;
        }

    .video {
        top: calc(50% - 60px);
        left: calc(50% - 19px);
    }

    .regions-images.dokuman {
        width: 50%;
        margin: 20px 0 0px 0;
    }
    /*Servis Bölgeleri*/
    .our-service-areas-shape {
        width: 100%;
        height: auto;
    }
    /*Servis Bölgeleri Liste*/
    #wrapper {
        width: 100% !important;
    }

    .our-service-areas-shape-2 {
        width: 100%;
    }

    .our-service-img {
        width: 150px;
        height: 151px;
        margin-top: 33px;
        margin-left: 10px;
    }

    .our-service-areas-address {
        top: 234px;
    }

    .regions-header.mobil3 {
        width: 54%;
        float: right;
        margin-top: -90px;
        font-size: 18px;
    }

    .detail {
        margin: 50px -81px 20px 0;
    }

    .page_navigation, .alt_page_navigation {
        left: 37% !important;
    }
    /*Servis Bölgeleri Detay*/
    .our-service-region {
        float: right;
        padding: 12px 18px;
        bottom: 92px;
    }

    .our-regions-detail-img img {
        float: left;
        margin-top: 20px;
    }

    .our-regions-detail-text {
        width: 96%;
    }

    .our-regions-images {
        width: 100%;
    }

        .our-regions-images li::after {
            display: none;
        }

        .our-regions-images li {
            width: 322px;
            height: 195px;
            margin-left: 58px;
            margin-right: 11px;
        }

    .our-regions-images-video img {
        width: 322px;
        margin-left: 60px;
    }

    .our-regions-table table {
        width: 100% !important;
    }

        .our-regions-table table td {
            padding: 0 0px 7px 0px;
        }

    .our-regions-images-video {
        width: 100%;
    }

    .our-regions-images.dokuman {
        width: 97%;
        margin-left: 4px;
    }

        .our-regions-images.dokuman li {
            height: 85px;
        }
    /*İletişim*/
    .EmailError {
        position: absolute;
        top: 28px;
    }

    .FormTelefonError {
        position: absolute;
        top: 28px;
    }

    .header-shape-our-service-areas-detail {
        width: 7%;
        content: '';
        position: absolute;
        border-width: 94px 159px 0px;
        border-style: solid;
        border-color: #fff transparent;
        left: 0;
        background: #fff;
    }

        .header-shape-our-service-areas-detail::after {
            display: none;
        }

        .header-shape-our-service-areas-detail::before {
            display: none;
        }

    .header-shape-our-service-areas-detail-5 {
        display: none;
    }
    /* .iletisim-page-left {
        width: 100%;
    }*/

    .iletisim-adres {
        width: 82%;
    }

    /*   .iletisim-sosyal {
        margin: 20px  25px 10px 0px;
        float: left;
        width: 27%;
    }*/
    /*  .iletisim-sosyal-2 {
        margin: 20px 0px 7px 0px;
    }*/
    .iletisim-image {
        margin-left: 6px;
        width: 438px;
    }

    .iletisim-header {
        width: 86%;
        padding: 44px 0 6px 14px;
    }

    .iletisim-shape {
        width: 441px;
    }

    .iletisim-text {
        font-size: 18px
    }

    .iletisim-page-right {
        width: 95%;
        float: none;
        margin: 67px 0 0 8px;
    }

        .iletisim-page-right iframe {
            height: 260%;
        }

    .opinions-header {
        width: 83%;
    }

    .opinions-suggestions-image {
        width: 298px;
        height: 567px;
        margin: 314px 0 275px -369.9px;
    }

    .opinions-suggestions-image-shape {
        width: 736px;
        height: 843px;
    }

    .opinions-suggestions-image-shape-2 {
        width: 444px;
        height: 823px;
        margin-left: 51%;
    }

    .iletisim-form-right {
        width: 100%;
        float: left;
    }

    .iletisim-form-left {
        width: 100%;
    }

    .iletisim-form.konu .iletisim-form-shape {
        float: left;
    }

    .iletisim-form input {
        width: 77%;
    }

    .iletisim-form.konu input {
        width: 77%;
        margin: 30px 0px 0 -6px;
    }

    .iletisim-form textarea {
        width: 88%;
        height: 151px;
        margin: 34px 0px 0px -55px;
        padding: 17px 0 0 70px;
    }

    .iletisim-form-send-button {
        width: 140px;
        height: 61px;
        margin-right: 150px;
        margin-top: 68px;
    }

    .recapthca {
        margin-left: 18%;
        margin-top: -204px;
        transform: scale(0.8);
        margin-bottom: 82px;
    }
    /*Servis Talep Formu*/
    .service-request-form {
        max-height: 1023px;
        width: 449px;
        height: 1025px;
        right: -6px;
        top: -24px;
        background-position: center center;
        background-size: cover;
    }
    .ServisError {
        bottom: -22px;
        right: 14px;
    }
    .ServisTextError {
        bottom: 120px;
        right: -110px;
    }
    .service {
        margin: 58px 0 3px 0px;
    }

    .request-form-left {
        float: none;
        width: 100%;
    }

    .request-form input {
        width: 75%;
    }

    .form-select-lg {
        width: 75% !important;
    }

    .request-form-right {
        width: 71%;
        margin-left: 5px
    }
    .contact-form-warning {
        margin-top: 12px;
        font-size: 16px;
    }
    .request-form textarea {
        width: 112%;
        height: 114px;
        margin: -55px 1px 0 64px;
        padding: 21px 0 0 47px;
    }

    .request-form.talep textarea {
        height: 133px;
        padding: 21px 0 0 48px;
    }

    .request-form.adres .service-form-shape {
        margin-top: 0px;
        margin-left: 20px;
    }

    .request-form.talep .service-form-shape {
        margin-top: -23px;
        margin-left: 20px;
    }

    .recapthca-form {
        margin-left: 0%;
        transform: scale(0.9);
        margin-top: -200px;
    }

    .request-form-send-button {
        margin-right: 14px;
        margin-top: 3px;
        display:inline-block;
        position:relative;
    }
    /*404*/
    #header-404 {
        position: fixed;
        height: 0px;
        padding: 0 80px;
        top: 0;
        font-size: 16px;
        font-weight: bold;
        color: #d36212;
        line-height: 44px;
        text-align: center;
        z-index: 5;
    }

        #header-404 a {
            display: block;
            position: absolute;
            top: 9px;
            left: -15px;
            width: 71px;
            height: 49px;
            padding: 15px 25px;
        }

            #header-404 a:before, #header-404 a:after {
                content: "";
                display: block;
                background: #d36212;
                height: 2px
            }

            #header-404 a span {
                background: #d36212;
                display: block;
                height: 2px;
                margin: 5px 0;
            }

    .header-shape-404 {
        width: 7%;
        content: '';
        position: absolute;
        border-width: 94px 159px 0px;
        border-style: solid;
        border-color: #fff transparent;
        left: 0;
        background: #fff;
    }

        .header-shape-404::after {
            display: none;
        }

        .header-shape-404::before {
            display: none;
        }

    .header-shape-bottom-404 {
        display: none;
    }

    .header-logo-hata {
        margin-top: -4px;
        margin-left: 77px;
    }

        .header-logo-hata img {
            width: 150px;
        }

    .page-content.hata2 {
        margin: 42px auto 0 auto;
        width: 100%;
    }

    .breadcrum-list-hata {
        width: 46%;
        margin-left: 12px;
    }

    .phone-404 {
        background-size: 28%;
        margin-right: 41px;
        padding-top: 28px;
    }

        .phone-404 ul {
            margin-left: 51px;
            font-size: 18px;
        }

    .hata {
        width: 41%;
        margin-top: 15px;
    }

    .hata-2 {
        float: right;
        margin-right: 2px;
        margin-top: 13px;
    }

    .hata-404-header {
        font-size: 106px;
        margin: -25px 0 -12px 0px;
    }

    .hata-text {
        font-size: 23px;
    }

    .hata-text2 {
        width: 86%;
        margin-top: 7px;
        line-height: 1.3;
        font-size: 18px;
    }

    .footer-bottom-left-404 {
        margin-left: 7px;
        width: 46%;
        margin-top: 22%;
    }

    .footer-bottom-center-404 {
        margin-left: -60px;
        margin-bottom: 34px;
    }

        .footer-bottom-center-404 img {
            margin-top: 27px;
            margin-left: 2px;
            max-width: 78%;
        }

    .footer-bottom-right-404 a {
        margin-top: 24%;
        margin-right: 3%;
    }
    /*500*/
    #header-500 {
        position: fixed;
        height: 0px;
        padding: 0 80px;
        top: 0;
        font-size: 16px;
        font-weight: bold;
        color: #d36212;
        line-height: 44px;
        text-align: center;
        z-index: 5;
    }

        #header-500 a {
            display: block;
            position: absolute;
            top: 9px;
            left: -15px;
            width: 71px;
            height: 49px;
            padding: 15px 25px;
        }

            #header-500 a:before, #header-500 a:after {
                content: "";
                display: block;
                background: #d36212;
                height: 2px
            }

            #header-500 a span {
                background: #d36212;
                display: block;
                height: 2px;
                margin: 5px 0;
            }

    .header-shape-500 {
        width: 7%;
        content: '';
        position: absolute;
        border-width: 94px 159px 0px;
        border-style: solid;
        border-color: #fff transparent;
        left: 0;
        background: #fff;
    }

        .header-shape-500::after {
            display: none;
        }

        .header-shape-500::before {
            display: none;
        }

    .header-shape-bottom-500 {
        display: none;
    }


    .page-content.hata2 {
        margin: 42px auto 0 auto;
        width: 100%;
    }

    .breadcrum-list-hata {
        width: 46%;
        margin-left: 12px;
    }

    .hata {
        width: 41%;
        margin-top: 15px;
    }

    .hata-2 {
        float: right;
        margin-right: 2px;
        margin-top: 13px;
    }

    .hata-500 {
        font-size: 106px;
        margin: -25px 0 -12px 0px;
    }

    .hata-text {
        font-size: 23px;
    }

    .hata-text2 {
        width: 86%;
        margin-top: 7px;
        line-height: 1.3;
        font-size: 18px;
    }

    .footer-bottom-left-500 {
        margin-left: 7px;
        width: 46%;
        margin-top: 22%;
    }

    .footer-bottom-center-500 {
        margin-left: -60px;
        margin-bottom: 34px;
    }

        .footer-bottom-center-500 img {
            margin-top: 27px;
            margin-left: 2px;
            max-width: 78%;
        }

    .footer-bottom-right-500 a {
        margin-top: 24%;
        margin-right: 3%;
    }
}

/*iphone 6/6s yatay*/
@media only screen and (min-width:660px) and (max-width:699px) {
    /*Menü*/

    #header {
        position: absolute;
        height: 0px;
        padding: 0 80px;
        top: 0;
        font-size: 16px;
        font-weight: bold;
        color: #d36212;
        line-height: 44px;
        text-align: center;
        z-index: 5;
    }

        #header a {
            display: block;
            position: absolute;
            top: -3px;
            left: -15px;
            width: 80px;
            height: 50px;
            padding: 15px 25px;
        }

            #header a:before,
            #header a:after {
                content: "";
                display: block;
                background: #d36212;
                height: 2px;
            }

            #header a span {
                background: #d36212;
                display: block;
                height: 2px;
                margin: 7px 0;
            }
    /*Anasayfa*/
    .phone-icon {
        top: 82px;
        width: 38%;
    }
    #linkWhatssapp {
        display: inline-block;
        width: 38%;
        float: right;
        position: relative;
        padding-left: 0px;
    }
        .phone-icon img {
            width: 78px;
        }
        .whatsapp {
            margin-left: 5px;
        }
    .header-shape {
        width: 7%;
        content: '';
        position: absolute;
        border-width: 95px 333px 0px;
        border-style: solid;
        border-color: #fff transparent;
        left: 0;
        background: #fff;
    }

        .header-shape::after {
            display: none;
        }

        .header-shape::before {
            display: none;
        }

    .header-shape-bottom {
        display: none;
    }

    .banner-image {
        display: none;
    }

    .header-logo {
        margin-top: 0px;
        margin-left: 277px;
        float: left;
    }

        .header-logo img {
            width: 130px;
        }

    .header-right {
        display: none;
    }

    .shape {
        margin-top: 59px;
    }

    .service-menu {
        display: none;
    }

    .tick {
        display: none;
    }

    .banner {
        width: 100%;
        height: 207px !important;
    }

    .main {
        width: 100%;
    }

    .main-brands-header {
        margin-left: 5px;
    }

    .slider {
        margin-bottom: 20px;
        height: 190px;
    }

    .main-brands-list {
        width: 101%;
        margin-left: -9px;
    }

    .main-our-services-header {
        margin-top: 55%;
        width: 50%;
        margin-left: 5px;
    }

    .our-services {
        margin-right: 0;
        bottom: 49px;
        right: 5px;
    }

    .our-services-list {
        width: 100%;
    }

    .our-services-shape {
        max-width: 100%;
    }

    .our-services-daire {
        width: 145px;
        height: 142px;
        margin-left: 6px;
        margin-top: -4px;
    }

    .our-services-right {
        width: 100%;
        float: none;
    }

    .our-services-img img {
        width: 123px;
        height: 123px;
    }

    .our-services-shape {
        height: 292px;
    }

    .our-services-header {
        width: 50%;
        margin-top: -92px;
        margin-left: 173px;
        float: none;
    }

    .our-services-text {
        width: 93%;
        margin-top: 69px;
        margin-left: 13px;
        line-height: 1.5;
        -webkit-appearance: none;
    }

    .icon {
        margin-right: 0px;
        margin-top: 23px;
    }

    .main-regions {
        margin: 0px 0;
    }

        .main-regions .main {
            width: 100%;
        }

    .address {
        display: none;
    }

    .main-regions-header {
        width: 61%;
        margin-top: 3px;
        font-size: 19px;
        margin-left: 5px;
    }

    .regions {
        bottom: 77px;
        padding: 12px 18px;
        top: -3px;
        right: 5px;
    }

    .regions-shape {
        width: 100%;
        height: auto;
    }

    .shape-img {
        margin-top: 0;
        margin-left: 10px;
        width: 130px;
        height: 131px
    }

    .regions-list {
        margin-bottom: 12px;
    }

    .regions-shape-right {
        max-width: 77%;
        width: 63%;
    }

    .regions-header {
        width: 40%;
        float: left;
        margin-top: 15px;
        margin-left: 16px;
    }

    .regions-text {
        width: 114%;
        margin-top: 15px;
        margin-left: 13px;
        -webkit-appearance: none;
    }

    .neighbourhood {
        padding-left: 0;
        width: 112%;
    }

        .neighbourhood li {
            width: 24%;
            max-height: 77px;
            margin-top: 18px;
            margin-bottom: 12px;
        }

        .neighbourhood a {
            margin-left: 3px;
            font-size: 12px;
        }

    .see-all {
        margin-top: 9px;
        margin-right: -55px;
        margin-bottom: 1px;
        display: inline-block;
        width: 100%;
        text-align: right;
    }

    .footer {
        margin: 90px 0 0 0px;
    }

    .footer-shape-3 {
        height: 366px;
        margin-top: 416px;
    }

    .footer img {
        max-width: 33%;
        max-height: 90%;
    }

    .locksmith-service-right {
        width: 54%;
        float: right;
        margin-left: 34px;
    }

    .footer-shape {
        width: 115%;
        margin-top: 51px;
    }

    .armut-logo {
        margin-left: 52%;
        margin-top: 3%;
    }

        .armut-logo img {
            max-width: 51%;
        }

        .armut-logo::after {
            margin-top: -22px;
            margin-left: 27px;
        }

    .armut-logo-text {
        width: 93.4%;
    }

        .armut-logo-text img {
            margin-top: 33px;
            margin-left: 79%;
        }

        .armut-logo-text::after {
            bottom: 55px;
            left: 83%;
        }

        .armut-logo-text span {
            margin-left: 90%;
            margin-top: 34px;
            width: 24%;
        }

    .footer-shape-2 {
        width: 51%;
        float: right;
        left: 0;
    }

    .locksmith-text {
        margin-left: 2%;
        margin-top: 8px;
    }

    .locksmith-service-form {
        padding: 6px 34px;
        left: 17%;
        margin-top: 45px;
    }

    .footer-bottom {
        display: block;
    }

    .footer-left {
        width: 96%;
        float: none;
        margin-left: 11px;
    }

    .footer-left-locksmith-specialist {
        width: 97%;
        margin-right: 0;
    }

    .footer-phone {
        padding-top: 27px;
        width: 72%;
    }

    .footer-left-locksmith-services {
        display: none;
    }

    .footer-right-our-regions {
        display: none;
    }

    .footer-right-menu {
        display: none;
    }

    .footer-bottom-left {
        margin-top: 42px;
        margin-left: 7px;
        width: 43%;
    }

    .footer-bottom-center {
        display: none;
    }

    .footer-address {
        display: none;
    }

    .footer-bottom-right a {
        margin-top: 44px;
        margin-right: 12px;
    }

    .footer-address li {
        width: 30%;
        margin-left: 8px;
        padding-left: 0px;
    }

    .priv_arrow {
        display: none !important;
    }

    .next_arrow {
        display: none !important;
    }

    .slick-slide {
        width: 152px !important;
        margin-right: 7px !important;
    }

    .slick-track {
        left: 81px !important;
    }

    .slick-dots {
        display: none !important;
    }
    /*Kurumsal*/
    .page-content {
        width: 96%;
    }

    .header-shape-corporate {
        width: 7%;
        content: '';
        position: absolute;
        border-width: 108px 159px 0px;
        border-style: solid;
        border-color: #fff transparent;
        left: 0;
        background: #fff;
    }

        .header-shape-corporate::after {
            display: none;
        }

        .header-shape-corporate::before {
            display: none;
        }

    .header-shape-corparete-2 {
        display: none;
    }

    .banner-image {
        display: none;
    }

    .header-logo-corporate {
        margin-top: 15px;
        margin-left: 87px;
    }

        .header-logo-corporate img {
            width: 130px;
        }

    .header-right-corporate {
        display: none;
    }

    .service-menu-corporate {
        display: none;
    }

    .corporate-header {
        width: 82%;
    }

    .breadcrum-list {
        width: 70%;
    }

    .corporate-contents {
        width: 42%;
        display: table;
        margin-left: 64px;
    }

    .corporate-contents-right {
        display: none;
    }

        .corporate-contents-right li {
            margin: 10px 0 10px 0;
        }

    .corporate-contents-left {
        display: block;
        float: none;
        width: 100%;
    }

        .corporate-contents-left .corporate-img {
            width: 22%;
            height: 163px;
            float: left;
            display: block;
        }

    .corporate-contents-bottom {
        margin-left: -10px;
        margin-top: 82px;
    }

    .corporate-contents-left .corporate-img img {
        display: inline-block;
        margin-top: 61px;
        max-width: 505px;
        max-height: 322px;
    }

    .corporate-contents-header {
        margin-left: -22px;
        width: 94%;
    }

    .regions-images-detail-video li {
        margin: 0px -45px -3px 34px;
    }

    .regions-images-detail-video img {
        width: 260px;
    }

    .corporate-contents-text {
        width: 112%;
        margin-left: -18px;
    }
    /* .regions-images-detail {
        width: 28%;
        margin-left: -84px;
    }*/
    .regions-images-detail li::after {
        display: none;
    }

    .regions-images-detail li {
        width: 281px;
        height: 217px;
        margin-right: 0;
        margin-left: 32px;
    }

    .our-regions-detail-right2 {
        width: 94%;
    }

    .regions-images-detail {
        width: 110%;
        margin-left: -33px;
    }
    /*Hizmetlerimiz*/
    .our-services-shape.mobil {
        height: 319px;
    }

    .main-our-services.mobil2 {
        margin-top: 40px;
    }

    .icon-detay {
        margin-right: -1px;
        margin-top: 26px;
    }
    .regions-detail-text {
        font-size: 14px;
    }
  
    /*Hizmetlerimiz Detay*/
    .regions-detail-img {
        margin: 11px 26px 20px 2px;
        width: 214px;
        height: 212px;
    }

    .regions-images {
        width: 100%;
        margin: 45px 0 0px 0;
    }

        .regions-images li {
            width: 189px;
            margin-left: 19px;
            margin-right: 4px;
        }

            .regions-images li::after {
                display: none;
            }

    .regions-images-video {
        width: 100%;
        margin: 20px 0 0px 0;
    }

        .regions-images-video li {
            margin: 0 0 0px 24px;
        }

        .regions-images-video img {
            width: 189px;
        }

    .video {
        top: calc(50% - 91px);
        left: calc(50% - 19px);
    }

    .regions-images.dokuman {
        width: 50%;
        margin: 20px 0 0px 0;
    }
    /*Servis Bölgeleri*/
    .our-service-areas-shape {
        width: 100%;
        height: auto;
    }
    /*Servis Bölgeleri*/
    .our-service-areas-shape {
        width: 100%;
        height: auto;
    }
    /*Servis Bölgeleri Liste*/
    #wrapper {
        width: 100% !important;
    }

    .our-service-areas-shape-2 {
        width: 100%;
    }

    .our-service-img {
        width: 150px;
        height: 151px;
        margin-top: 33px;
        margin-left: 10px;
    }

    .our-service-areas-address {
        top: 239px;
    }

    .regions-header.mobil3 {
        width: 54%;
        float: right;
        margin-top: -90px;
        font-size: 18px;
    }

    .detail {
        margin: 50px -81px 20px 0;
    }

    .page_navigation, .alt_page_navigation {
        left: 37% !important;
    }
    /*Servis Bölgeleri Detay*/
    .our-service-region {
        float: right;
        padding: 12px 18px;
        bottom: 58px;
    }

    .our-regions-detail-img img {
        float: left;
        margin-top: 20px;
    }

    .our-regions-detail-text {
        width: 96%;
    }

    .our-regions-images {
        width: 100%;
    }

        .our-regions-images li::after {
            display: none;
        }

        .our-regions-images li {
            width: 310px;
            height: 195px;
            margin-left: 9px;
            margin-right: 1px;
        }

    .our-regions-images-video img {
        width: 322px;
        margin-left: 9px;
    }

    .our-regions-table table {
        width: 100% !important;
    }

        .our-regions-table table td {
            padding: 0 0px 7px 0px;
        }

    .our-regions-images-video {
        width: 100%;
    }

    .our-regions-images.dokuman {
        width: 97%;
        margin-left: 4px;
    }

        .our-regions-images.dokuman li {
            height: 85px;
        }
    /*İletişim*/
    .FormMessageError {
        bottom: 136px;
        position: absolute;
        right: 6px;
    }
    span#ContentPlaceHolder1_rfvEposta {
        position: absolute;
        top: 28px;
    }
    span#ContentPlaceHolder1_reqEPosta {
        margin-top: 5px;
        margin-left: 96px;
    }
    span#ContentPlaceHolder1_lblSonuc {
        margin-top: 121px;
    }
    .FormTelefonError {
        position: absolute;
        top: 27px;
    }
    .header-shape-our-service-areas-detail {
        width: 7%;
        content: '';
        position: absolute;
        border-width: 94px 159px 0px;
        border-style: solid;
        border-color: #fff transparent;
        left: 0;
        background: #fff;
    }

        .header-shape-our-service-areas-detail::after {
            display: none;
        }

        .header-shape-our-service-areas-detail::before {
            display: none;
        }

    .header-shape-our-service-areas-detail-5 {
        display: none;
    }
    /* .iletisim-page-left {
        width: 100%;
    }*/

    .iletisim-adres {
        width: 100%;
    }

    /*   .iletisim-sosyal {
        margin: 20px  25px 10px 0px;
        float: left;
        width: 27%;
    }*/
    /*  .iletisim-sosyal-2 {
        margin: 20px 0px 7px 0px;
    }*/
    .iletisim-image {
        margin-left: -4px;
        width: 323px;
    }

    .iletisim-header {
        width: 86%;
        padding: 44px 0 6px 14px;
    }

    .iletisim-shape {
        width: 323px;
    }

    .iletisim-text {
        font-size: 18px
    }

    .iletisim-page-right {
        width: 49%;
        float: right;
        margin: 67px 0 0 4px;
        height: 256px;
    }

        .iletisim-page-right iframe {
            height: 260%;
        }

    .opinions-header {
        margin-left: 0%;
    }

    .opinions-suggestions-image {
        width: 787px;
        height: 516px;
        margin: 34px 0 0px -134.9px;
    }

    .opinions-suggestions-image-shape {
        width: 787px;
        height: 516px;
    }

    .opinions-suggestions-image-shape-2 {
        margin-left: 17%;
        width: 643px;
        height: 515px;
    }

    .iletisim-form-right {
        width: 53%;
        float: right;
    }

    .iletisim-form-left {
        width: 47%;
    }

    .iletisim-form input {
        width: 69%;
    }

    .iletisim-form.konu .iletisim-form-shape {
        float: left;
    }

    .iletisim-form.konu input {
        width: 71%;
        margin: 26px 5px 0 -15px;
    }

    .iletisim-form textarea {
        width: 84%;
        height: 151px;
        margin: 34px 8px 0px -57px;
        padding: 18px 0 0 64px;
    }

    .iletisim-form-send-button {
        margin-top: 51%;
        left: 500px;
        display: inline-block;
        position: absolute;
    }

    .recapthca {
        margin-left: 24%;
        margin-top: -120px;
        transform: scale(1.08);
        margin-bottom: 60px;
    }
    /*Servis Talep Formu*/
    .service-request-form {
        max-height: 731px;
        width: 641px;
        height: 994px;
        right: 1px;
        top: -24px;
        background-position: center center;
        background-size: cover;
    }
    span#ContentPlaceHolder1_rfvtxtAdres {
        bottom: 623px;
        position: absolute;
        right: 6px;
    }
    .contact-form-warning {
        margin-top: 96px;
        margin-left: 31px;
        font-size: 18px;
    }
    .ServisError {
        bottom: -22px;
        right: -10px;
    }
    .ServisTextError {
        bottom: 420px;
        float: right;
        right: 7px;
        position: absolute;
    }

    .service {
        margin: 58px 0 3px -11px;
    }

    .request-form-left {
        width: 46%;
    }

    .request-form-right {
        width: 51%;
    }

    .recapthca-form {
        margin-left: 29%;
        transform: scale(1);
        margin-top: -187px;
        margin-bottom: 30px;
    }

    .request-form-send-button {
        margin-right: 19px;
        margin-top: 18px;
        width: 118px;
        height: 58px;
    }

        .request-form-send-button a {
            padding: 18px 6px 0px 29px
        }
    /*404*/
    #header-404 {
        position: fixed;
        height: 0px;
        padding: 0 80px;
        top: 0;
        font-size: 16px;
        font-weight: bold;
        color: #d36212;
        line-height: 44px;
        text-align: center;
        z-index: 5;
    }

        #header-404 a {
            display: block;
            position: absolute;
            top: 9px;
            left: -15px;
            width: 71px;
            height: 49px;
            padding: 15px 25px;
        }

            #header-404 a:before, #header-404 a:after {
                content: "";
                display: block;
                background: #d36212;
                height: 2px
            }

            #header-404 a span {
                background: #d36212;
                display: block;
                height: 2px;
                margin: 5px 0;
            }

    .header-shape-404 {
        width: 7%;
        content: '';
        position: absolute;
        border-width: 94px 159px 0px;
        border-style: solid;
        border-color: #fff transparent;
        left: 0;
        background: #fff;
    }

        .header-shape-404::after {
            display: none;
        }

        .header-shape-404::before {
            display: none;
        }

    .header-shape-bottom-404 {
        display: none;
    }


    .header-logo-hata {
        margin-top: -4px;
        margin-left: 77px;
    }

        .header-logo-hata img {
            width: 150px;
        }

    .page-content.hata2 {
        margin: 42px auto 0 auto;
        width: 100%;
    }

    .breadcrum-list-hata {
        width: 46%;
        margin-left: 12px;
    }


    .phone-404 {
        background-size: 28%;
        margin-right: 41px;
        padding-top: 28px;
    }

        .phone-404 ul {
            margin-left: 51px;
            font-size: 18px;
        }

    .hata {
        width: 41%;
        margin-top: 15px;
    }

    .hata-2 {
        float: right;
        margin-right: 2px;
        margin-top: 13px;
    }

    .hata-404-header {
        font-size: 106px;
        margin: -25px 0 -12px 0px;
    }

    .hata-text {
        font-size: 23px;
    }

    .hata-text2 {
        width: 86%;
        margin-top: 7px;
        line-height: 1.3;
        font-size: 18px;
    }

    .footer-bottom-left-404 {
        margin-left: 7px;
        width: 46%;
        margin-top: 22%;
    }

    .footer-bottom-center-404 {
        margin-left: -60px;
        margin-bottom: 34px;
    }

        .footer-bottom-center-404 img {
            margin-top: 27px;
            margin-left: 2px;
            max-width: 78%;
        }

    .footer-bottom-right-404 a {
        margin-top: 24%;
        margin-right: 3%;
    }
    /*500*/
    #header-500 {
        position: fixed;
        height: 0px;
        padding: 0 80px;
        top: 0;
        font-size: 16px;
        font-weight: bold;
        color: #d36212;
        line-height: 44px;
        text-align: center;
        z-index: 5;
    }

        #header-500 a {
            display: block;
            position: absolute;
            top: 9px;
            left: -15px;
            width: 71px;
            height: 49px;
            padding: 15px 25px;
        }

            #header-500 a:before, #header-500 a:after {
                content: "";
                display: block;
                background: #d36212;
                height: 2px
            }

            #header-500 a span {
                background: #d36212;
                display: block;
                height: 2px;
                margin: 5px 0;
            }

    .header-shape-500 {
        width: 7%;
        content: '';
        position: absolute;
        border-width: 94px 159px 0px;
        border-style: solid;
        border-color: #fff transparent;
        left: 0;
        background: #fff;
    }

        .header-shape-500::after {
            display: none;
        }

        .header-shape-500::before {
            display: none;
        }

    .header-shape-bottom-500 {
        display: none;
    }

    .page-content.hata2 {
        margin: 42px auto 0 auto;
        width: 100%;
    }

    .breadcrum-list-hata {
        width: 46%;
        margin-left: 12px;
    }


    .hata {
        width: 41%;
        margin-top: 15px;
    }

    .hata-2 {
        float: right;
        margin-right: 2px;
        margin-top: 13px;
    }

    .hata-500 {
        font-size: 106px;
        margin: -25px 0 -12px 0px;
    }

    .hata-text {
        font-size: 23px;
    }

    .hata-text2 {
        width: 86%;
        margin-top: 7px;
        line-height: 1.3;
        font-size: 18px;
    }

    .footer-bottom-left-500 {
        margin-left: 7px;
        width: 46%;
        margin-top: 22%;
    }

    .footer-bottom-center-500 {
        margin-left: -60px;
        margin-bottom: 34px;
    }

        .footer-bottom-center-500 img {
            margin-top: 27px;
            margin-left: 2px;
            max-width: 78%;
        }

    .footer-bottom-right-500 a {
        margin-top: 24%;
        margin-right: 3%;
    }
}
/*iphone Plus yatay*/
@media only screen and (min-width:700px) and (max-width:759px) {
    /*Menü*/

    #header {
        position: absolute;
        height: 0px;
        padding: 0 80px;
        top: 0;
        font-size: 16px;
        font-weight: bold;
        color: #d36212;
        line-height: 44px;
        text-align: center;
        z-index: 5;
    }

        #header a {
            display: block;
            position: absolute;
            top: -3px;
            left: -15px;
            width: 80px;
            height: 50px;
            padding: 15px 25px;
        }

            #header a:before,
            #header a:after {
                content: "";
                display: block;
                background: #d36212;
                height: 2px;
            }

            #header a span {
                background: #d36212;
                display: block;
                height: 2px;
                margin: 7px 0;
            }
    /*Anasayfa*/
    .phone-icon {
        top: 75px;
        width: 38%;
    }
    #linkWhatssapp {
        display: inline-block;
        width: 38%;
        float: right;
        position: relative;
        padding-left: 0px;
    }
    .whatsapp {
        margin-left: 0px;
    }
    .header-shape {
        width: 7%;
        content: '';
        position: absolute;
        border-width: 91px 367px 0px;
        border-style: solid;
        border-color: #fff transparent;
        left: 0;
        background: #fff;
    }

        .header-shape::after {
            display: none;
        }

        .header-shape::before {
            display: none;
        }

    .header-shape-bottom {
        display: none;
    }

    .banner-image {
        display: none;
    }

    .header-logo {
        margin-top: 0px;
        margin-left: 299px;
        float: left;
    }

        .header-logo img {
            width: 130px;
        }

    .header-right {
        display: none;
    }

    .shape {
        margin-top: 59px;
    }

    .service-menu {
        display: none;
    }

    .tick {
        display: none;
    }

    .banner {
        width: 100%;
        height: 207px !important;
    }

    .main {
        width: 100%;
    }

    .main-brands-header {
        margin-left: 5px;
    }

    .slider {
        margin-bottom: 20px;
        height: 190px;
    }

    .main-brands-list {
        width: 91%;
        margin-left: 7px;
    }

    .main-our-services-header {
        margin-top: 76%;
        width: 50%;
        margin-left: 5px;
    }

    .our-services {
        margin-right: 0;
        bottom: 49px;
        right: 5px;
    }

    .our-services-list {
        width: 100%;
    }

    .our-services-shape {
        max-width: 100%;
    }

    .our-services-daire {
        width: 145px;
        height: 142px;
        margin-left: 6px;
        margin-top: -4px;
    }

    .our-services-right {
        width: 100%;
        float: none;
    }

    .our-services-img img {
        width: 123px;
        height: 123px;
    }

    .our-services-shape {
        height: 292px;
    }

    .our-services-header {
        width: 50%;
        margin-top: -92px;
        margin-left: 155px;
        float: none;
    }

    .our-services-text {
        width: 93%;
        margin-top: 77px;
        margin-left: 13px;
        line-height: 1.5;
        -webkit-appearance: none;
    }

    .icon {
        margin-right: 0px;
        margin-top: 14px;
    }

    .main-our-services {
        margin: -173px 0 7px 0px;
    }

    .main-regions {
        margin: 0px 0;
    }

        .main-regions .main {
            width: 100%;
        }

    .address {
        display: none;
    }

    .main-regions-header {
        width: 61%;
        margin-top: 2px;
        font-size: 19px;
        margin-left: 5px;
    }

    .regions {
        bottom: 77px;
        padding: 12px 18px;
        top: -3px;
        right: 5px;
    }

    .regions-shape {
        width: 100%;
        height: auto;
    }

    .shape-img {
        margin-top: 0;
        margin-left: 10px;
        width: 130px;
        height: 131px
    }

    .regions-list {
        margin-bottom: 12px;
    }

    .regions-shape-right {
        max-width: 77%;
        width: 63%;
    }

    .regions-header {
        width: 40%;
        float: left;
        margin-top: 15px;
        margin-left: 16px;
    }

    .regions-text {
        width: 97%;
        margin-top: 15px;
        margin-left: 13px;
        -webkit-appearance: none;
    }

    .neighbourhood {
        padding-left: 0;
        width: 112%;
    }

        .neighbourhood li {
            width: 24%;
            max-height: 77px;
            margin-top: 18px;
            margin-bottom: 12px;
        }

        .neighbourhood a {
            margin-left: 3px;
            font-size: 12px;
        }

    .see-all {
        margin-top: 2px;
        margin-right: -97px;
        margin-bottom: 1px;
        display: inline-block;
        width: 100%;
        text-align: right;
    }

    .footer {
        margin: 60px 0 0 0px;
    }

    .footer-shape-3 {
        height: 385px;
        margin-top: 398px;
    }

    .footer img {
        max-width: 33%;
        max-height: 90%;
    }

    .locksmith-service-right {
        width: 54%;
        float: right;
        margin-left: 34px;
    }

    .footer-shape {
        width: 115%;
        margin-top: 51px;
    }

    .armut-logo {
        margin-left: 52%;
        margin-top: 3%;
    }

        .armut-logo img {
            max-width: 51%;
        }

        .armut-logo::after {
            margin-top: -26px;
            margin-left: 35px;
        }

    .armut-logo-text {
        width: 93.4%;
    }

        .armut-logo-text img {
            margin-top: 33px;
            margin-left: 79%;
        }

        .armut-logo-text::after {
            bottom: 55px;
            left: 82%;
        }

        .armut-logo-text span {
            margin-left: 90%;
            margin-top: 34px;
            width: 24%;
        }

    .footer-shape-2 {
        width: 51%;
        float: right;
        left: 0;
    }

    .locksmith-text {
        margin-left: 3%;
        margin-top: 4px;
    }

    .locksmith-service-form {
        padding: 6px 34px;
        left: 11%;
        margin-top: 49px;
    }

    .footer-bottom {
        display: block;
    }

    .footer-left {
        width: 96%;
        float: none;
        margin-left: 11px;
    }

    .footer-left-locksmith-specialist {
        width: 97%;
        margin-right: 0;
    }

    .footer-phone {
        padding-top: 27px;
        width: 72%;
    }

    .footer-left-locksmith-services {
        display: none;
    }

    .footer-right-our-regions {
        display: none;
    }

    .footer-right-menu {
        display: none;
    }

    .footer-bottom-left {
        margin-top: 59px;
        margin-left: 7px;
        width: 43%;
    }

    .footer-bottom-center {
        display: none;
    }


    .footer-bottom-right a {
        margin-top: 64px;
        margin-right: 13px;
    }

    .footer-address {
        display: none;
    }

    .priv_arrow {
        display: none !important;
    }

    .next_arrow {
        display: none !important;
    }

    .slick-slide {
        width: 152px !important;
        margin-right: 7px !important;
    }

    .slick-track {
        left: 81px !important;
    }

    .slick-dots {
        display: none !important;
    }
    /*Kurumsal*/
    .page-content {
        width: 96%;
    }

    .header-shape-corporate {
        width: 7%;
        content: '';
        position: absolute;
        border-width: 108px 159px 0px;
        border-style: solid;
        border-color: #fff transparent;
        left: 0;
        background: #fff;
    }

        .header-shape-corporate::after {
            display: none;
        }

        .header-shape-corporate::before {
            display: none;
        }

    .header-shape-corparete-2 {
        display: none;
    }

    .banner-image {
        display: none;
    }

    .header-logo-corporate {
        margin-top: 15px;
        margin-left: 87px;
    }

        .header-logo-corporate img {
            width: 130px;
        }

    .header-right-corporate {
        display: none;
    }

    .service-menu-corporate {
        display: none;
    }

    .corporate-header {
        width: 82%;
    }

    .breadcrum-list {
        width: 70%;
    }

    .corporate-contents {
        width: 42%;
        display: table;
    }

    .corporate-contents-right {
        display: none;
    }

        .corporate-contents-right li {
            margin: 10px 0 10px 0;
        }

    .corporate-contents-left {
        display: block;
        float: none;
        width: 100%;
    }

        .corporate-contents-left .corporate-img {
            width: 22%;
            height: 163px;
            float: left;
            display: block;
        }

    .corporate-contents-bottom {
        margin-left: 14px;
        margin-top: 82px;
    }

    .corporate-contents-left .corporate-img img {
        display: inline-block;
        margin-top: 29px;
        max-width: 500px;
        max-height: 312px;
        margin-left: 67px;
    }

    .corporate-contents-header {
        margin-left: -22px;
        width: 94%;
    }

    .regions-images-detail-video li {
        margin: 0px -45px -3px 0px;
    }

    .regions-images-detail-video img {
        width: 220px;
    }

    .corporate-contents-text {
        width: 127%;
        margin-left: -18px;
    }
    /* .regions-images-detail {
        width: 28%;
        margin-left: -84px;
    }*/
    .regions-images-detail li::after {
        display: none;
    }

    .regions-images-detail li {
        width: 232px;
        height: 176px;
        margin-right: 11px;
        margin-left: -13px;
    }

    .our-regions-detail-right2 {
        width: 94%;
    }

    .regions-images-detail {
        width: 110%;
        margin-left: -16px;
    }
    /*Hizmetlerimiz*/
    .our-services-shape.mobil {
        height: 294px;
    }

    .main-our-services.mobil2 {
        margin-top: 40px;
    }

    .icon-detay {
        margin-right: -1px;
        margin-top: 17px;
    }
    /*Hizmetlerimiz Detay*/
    .regions-detail-img {
        margin: 11px 26px 20px 2px;
        width: 214px;
        height: 212px;
    }
    .regions-detail-text {
        font-size: 14px;
    }
   
    .regions-images {
        width: 100%;
        margin: 45px 0 0px 0;
    }

        .regions-images li {
            width: 205px;
            margin-left: 19px;
            margin-right: 2px;
        }

            .regions-images li::after {
                display: none;
            }

    .regions-images-video {
        width: 100%;
        margin: 20px 0 0px 0;
    }

        .regions-images-video li {
            margin: 0 0 0px 24px;
        }

        .regions-images-video img {
            width: 205px;
        }

    .video {
        top: calc(50% - 60px);
        left: calc(50% - 19px);
    }

    .regions-images.dokuman {
        width: 50%;
        margin: 20px 0 0px 0;
    }
    /*Servis Bölgeleri*/
    .our-service-areas-shape {
        width: 100%;
        height: auto;
    }
    /*Servis Bölgeleri*/
    .our-service-areas-shape {
        width: 100%;
        height: auto;
    }
    /*Servis Bölgeleri Liste*/
    #wrapper {
        width: 100% !important;
    }

    .our-service-areas-shape-2 {
        width: 100%;
    }

    .our-service-areas-shape-right {
        width: 77%;
        float: right;
        margin-top: 12px;
    }

    .our-service-list {
        margin-bottom: 30px;
    }

    .our-service-img {
        width: 150px;
        height: 151px;
        margin-top: 33px;
        margin-left: 10px;
    }

    .regions-header.mobil3 {
        width: 59%;
        font-size: 18px;
        margin-right: 41px;
    }

    .detail {
        margin: 40px 28px 0px 0;
    }

    .page_navigation, .alt_page_navigation {
        left: 39% !important;
    }
    /*Servis Bölgeleri Detay*/
    .our-service-region {
        float: right;
        padding: 12px 18px;
        bottom: 52px;
    }

    .our-regions-detail-img img {
        float: left;
        margin-top: 20px;
    }

    .our-regions-detail-text {
        width: 96%;
    }

    .our-regions-images {
        width: 100%;
    }

        .our-regions-images li::after {
            display: none;
        }

        .our-regions-images li {
            width: 305px;
            height: 195px;
            margin-left: 27px;
            margin-right: 2px;
        }

    .video {
        top: calc(50% - 69px);
        left: calc(50% - 3px);
    }

    .our-regions-images-video img {
        width: 305px;
        margin-left: 28px;
    }

    .our-regions-table table {
        width: 100% !important;
    }

        .our-regions-table table td {
            padding: 0 0px 7px 0px;
        }

    .our-regions-images-video {
        width: 100%;
    }

    .our-regions-images.dokuman {
        width: 97%;
        margin-left: 4px;
    }

        .our-regions-images.dokuman li {
            height: 85px;
        }
    /*İletişim*/
    span#ContentPlaceHolder1_rfvEposta {
        position: absolute;
        top: 29px;
    }
    .FormMessageError {
        position: absolute;
        right: 12px;
    }
    span#ContentPlaceHolder1_lblSonuc {
        margin-top: 127px;
    }
    .header-shape-our-service-areas-detail {
        width: 7%;
        content: '';
        position: absolute;
        border-width: 94px 159px 0px;
        border-style: solid;
        border-color: #fff transparent;
        left: 0;
        background: #fff;
    }

        .header-shape-our-service-areas-detail::after {
            display: none;
        }

        .header-shape-our-service-areas-detail::before {
            display: none;
        }

    .header-shape-our-service-areas-detail-5 {
        display: none;
    }
    /* .iletisim-page-left {
        width: 100%;
    }*/

    .iletisim-adres {
        width: 100%;
    }

    /*   .iletisim-sosyal {
        margin: 20px  25px 10px 0px;
        float: left;
        width: 27%;
    }*/
    /*  .iletisim-sosyal-2 {
        margin: 20px 0px 7px 0px;
    }*/
    .iletisim-image {
        margin-left: -4px;
        width: 350px;
    }

    .iletisim-header {
        width: 86%;
        padding: 44px 0 6px 14px;
    }

    .iletisim-shape {
        width: 350px;
        height: 295px;
        margin-top: 195px;
    }

    .iletisim-text {
        font-size: 18px
    }

    .iletisim-page-right {
        width: 50%;
        float: right;
        margin: 67px 0 0 3px;
        height: 246px;
    }

        .iletisim-page-right iframe {
            height: 260%;
        }

    .opinions-header {
        margin-left: 0%;
    }

    .opinions-suggestions-image {
        width: 855px;
        height: 516px;
        margin: 34px 0 0px -134.9px;
    }

    .opinions-suggestions-image-shape {
        width: 855px;
        height: 516px;
    }

    .opinions-suggestions-image-shape-2 {
        margin-left: 16%;
        width: 702px;
        height: 515px;
    }

    .iletisim-form-right {
        width: 53%;
        float: right;
    }

    .iletisim-form-left {
        width: 47%;
    }

    .iletisim-form input {
        width: 69%;
    }

    .iletisim-form.konu .iletisim-form-shape {
        float: left;
    }

    .iletisim-form.konu input {
        width: 71%;
        margin: 26px 5px 0 -15px;
    }

    .iletisim-form textarea {
        width: 84%;
        height: 151px;
        margin: 34px 5px 0px -57px;
        padding: 18px 0 0 64px;
    }

    .iletisim-form-send-button {
        margin-right: 33px;
        margin-top: 47%;
        left: 551px;
        display: inline-block;
        position: absolute;
    }

    .recapthca {
        margin-left: 29%;
        margin-top: -114px;
        transform: scale(1.08);
        margin-bottom: 100px;
    }
    /*Servis Talep Formu*/
    .ServisError {
        bottom: -23px;
        right: -1px;
    }
    .ServisTextError {
        bottom: 138px;
        right: -6px;
    }
    span#ContentPlaceHolder1_rfvtxtTalebiniz {
        bottom: 238px;
    }
    .service-request-form {
        max-height: 731px;
        width: 704px;
        height: 994px;
        right: 1px;
        top: -24px;
        background-position: center center;
        background-size: cover;
    }

    .service {
        margin: 58px 0 3px -11px;
    }

    .request-form-left {
        width: 46%;
    }

    .request-form-right {
        width: 51%;
    }

    .recapthca-form {
        margin-left: 30%;
        transform: scale(1);
        margin-top: -193px;
        margin-bottom: 40px;
    }

    .request-form-send-button {
        margin-right: 19px;
        margin-top: 18px;
        width: 118px;
        height: 58px;
    }

        .request-form-send-button a {
            padding: 18px 6px 0px 29px
        }
    /*404*/
    #header-404 {
        position: fixed;
        height: 0px;
        padding: 0 80px;
        top: 0;
        font-size: 16px;
        font-weight: bold;
        color: #d36212;
        line-height: 44px;
        text-align: center;
        z-index: 5;
    }

        #header-404 a {
            display: block;
            position: absolute;
            top: 9px;
            left: -15px;
            width: 71px;
            height: 49px;
            padding: 15px 25px;
        }

            #header-404 a:before, #header-404 a:after {
                content: "";
                display: block;
                background: #d36212;
                height: 2px
            }

            #header-404 a span {
                background: #d36212;
                display: block;
                height: 2px;
                margin: 5px 0;
            }

    .header-shape-404 {
        width: 7%;
        content: '';
        position: absolute;
        border-width: 94px 159px 0px;
        border-style: solid;
        border-color: #fff transparent;
        left: 0;
        background: #fff;
    }

        .header-shape-404::after {
            display: none;
        }

        .header-shape-404::before {
            display: none;
        }

    .header-shape-bottom-404 {
        display: none;
    }


    .header-logo-hata {
        margin-top: -4px;
        margin-left: 77px;
    }

        .header-logo-hata img {
            width: 150px;
        }

    .page-content.hata2 {
        margin: 42px auto 0 auto;
        width: 100%;
    }

    .breadcrum-list-hata {
        width: 46%;
        margin-left: 12px;
    }

    .phone-404 {
        background-size: 28%;
        margin-right: 41px;
        padding-top: 28px;
    }

        .phone-404 ul {
            margin-left: 51px;
            font-size: 18px;
        }

    .hata {
        width: 41%;
        margin-top: 15px;
    }

    .hata-2 {
        float: right;
        margin-right: 2px;
        margin-top: 13px;
    }

    .hata-404-header {
        font-size: 106px;
        margin: -25px 0 -12px 0px;
    }

    .hata-text {
        font-size: 23px;
    }

    .hata-text2 {
        width: 86%;
        margin-top: 7px;
        line-height: 1.3;
        font-size: 18px;
    }

    .footer-bottom-left-404 {
        margin-left: 7px;
        width: 46%;
        margin-top: 22%;
    }

    .footer-bottom-center-404 {
        margin-left: -60px;
        margin-bottom: 34px;
    }

        .footer-bottom-center-404 img {
            margin-top: 27px;
            margin-left: 2px;
            max-width: 78%;
        }

    .footer-bottom-right-404 a {
        margin-top: 24%;
        margin-right: 3%;
    }

    /*500*/
    #header-500 {
        position: fixed;
        height: 0px;
        padding: 0 80px;
        top: 0;
        font-size: 16px;
        font-weight: bold;
        color: #d36212;
        line-height: 44px;
        text-align: center;
        z-index: 5;
    }

        #header-500 a {
            display: block;
            position: absolute;
            top: 9px;
            left: -15px;
            width: 71px;
            height: 49px;
            padding: 15px 25px;
        }

            #header-500 a:before, #header-500 a:after {
                content: "";
                display: block;
                background: #d36212;
                height: 2px
            }

            #header-500 a span {
                background: #d36212;
                display: block;
                height: 2px;
                margin: 5px 0;
            }

    .header-shape-500 {
        width: 7%;
        content: '';
        position: absolute;
        border-width: 94px 159px 0px;
        border-style: solid;
        border-color: #fff transparent;
        left: 0;
        background: #fff;
    }

        .header-shape-500::after {
            display: none;
        }

        .header-shape-500::before {
            display: none;
        }

    .header-shape-bottom-500 {
        display: none;
    }


    .page-content.hata2 {
        margin: 42px auto 0 auto;
        width: 100%;
    }

    .breadcrum-list-hata {
        width: 46%;
        margin-left: 12px;
    }


    .hata {
        width: 41%;
        margin-top: 15px;
    }

    .hata-2 {
        float: right;
        margin-right: 2px;
        margin-top: 70px;
    }

    .hata-500 {
        font-size: 106px;
        margin: -25px 0 -12px 0px;
    }

    .hata-text {
        font-size: 23px;
    }

    .hata-text2 {
        width: 86%;
        margin-top: 7px;
        line-height: 1.3;
        font-size: 18px;
    }

    .footer-bottom-left-500 {
        margin-left: 7px;
        width: 46%;
        margin-top: 22%;
    }

    .footer-bottom-center-500 {
        margin-left: -60px;
        margin-bottom: 34px;
    }

        .footer-bottom-center-500 img {
            margin-top: 27px;
            margin-left: 2px;
            max-width: 78%;
        }

    .footer-bottom-right-500 a {
        margin-top: 24%;
        margin-right: 3%;
    }
}

/*iphone x yatay*/
@media only screen and (min-width:811px) and (max-width:843px) {
    /*Menü*/

    #header {
        position: absolute;
        height: 0px;
        padding: 0 80px;
        top: 0;
        font-size: 16px;
        font-weight: bold;
        color: #d36212;
        line-height: 44px;
        text-align: center;
        z-index: 5;
    }

        #header a {
            display: block;
            position: absolute;
            top: -3px;
            left: -15px;
            width: 80px;
            height: 50px;
            padding: 15px 25px;
        }

            #header a:before,
            #header a:after {
                content: "";
                display: block;
                background: #d36212;
                height: 2px;
            }

            #header a span {
                background: #d36212;
                display: block;
                height: 2px;
                margin: 7px 0;
            }
    /*Anasayfa*/
    .phone-icon {
        top: 75px;
        width: 38%;
    }
    #linkWhatssapp {
        display: inline-block;
        width: 38%;
        float: right;
        position: relative;
        padding-left: 0px;
    }
    .whatsapp {
        margin-left: 0px;
    }
    .header-shape {
        width: 7%;
        content: '';
        position: absolute;
        border-width: 98px 405px 0px;
        border-style: solid;
        border-color: #fff transparent;
        left: 0;
        background: #fff;
    }

        .header-shape::after {
            display: none;
        }

        .header-shape::before {
            display: none;
        }

    .header-shape-bottom {
        display: none;
    }

    .banner-image {
        display: none;
    }

    .header-logo {
        margin-top: 0px;
        margin-left: 299px;
        float: left;
    }

        .header-logo img {
            width: 130px;
        }

    .header-right {
        display: none;
    }

    .shape {
        margin-top: 59px;
    }

    .service-menu {
        display: none;
    }

    .tick {
        display: none;
    }

    .banner {
        width: 100%;
        height: 207px !important;
    }

    .main {
        width: 100%;
    }

    .main-brands-header {
        margin-left: 5px;
    }

    .slider {
        margin-bottom: 20px;
        height: 190px;
    }

    .main-brands-list {
        width: 102%;
        margin-left: -27px;
    }

    .main-our-services-header {
        margin-top: 51%;
        width: 50%;
        margin-left: 5px;
    }

    .our-services {
        margin-right: 0;
        bottom: 49px;
        right: 5px;
    }

    .our-services-list {
        width: 100%;
    }

    .our-services-shape {
        max-width: 100%;
    }

    .our-services-daire {
        width: 145px;
        height: 142px;
        margin-left: 6px;
        margin-top: -4px;
    }

    .our-services-right {
        width: 100%;
        float: none;
    }

    .our-services-img img {
        width: 123px;
        height: 123px;
    }

    .our-services-shape {
        height: 292px;
    }

    .our-services-header {
        width: 50%;
        margin-top: -92px;
        margin-left: 155px;
        float: none;
    }

    .our-services-text {
        width: 93%;
        margin-top: 75px;
        margin-left: 24px;
        line-height: 1.5;
        -webkit-appearance: none;
    }

    .icon {
        margin-right: 0px;
        margin-top: 17px;
    }

    .main-regions {
        margin: 0px 0;
    }

        .main-regions .main {
            width: 100%;
        }

    .address {
        display: none;
    }

    .main-regions-header {
        width: 61%;
        margin-top: -10px;
        font-size: 19px;
        margin-left: 5px;
    }

    .regions {
        bottom: 77px;
        padding: 12px 18px;
        top: -3px;
        right: 5px
    }

    .regions-shape {
        width: 100%;
        height: auto;
    }

    .shape-img {
        margin-top: 0;
        margin-left: 10px;
        width: 130px;
        height: 131px
    }

    .regions-list {
        margin-bottom: 12px;
    }

    .regions-shape-right {
        max-width: 77%;
        width: 63%;
    }

    .regions-header {
        width: 40%;
        float: left;
        margin-top: 15px;
        margin-left: 16px;
    }

    .regions-text {
        width: 94%;
        margin-top: 15px;
        margin-left: 13px;
        -webkit-appearance: none;
    }

    .neighbourhood {
        padding-left: 0;
        width: 112%;
    }

        .neighbourhood li {
            width: 24%;
            max-height: 77px;
            margin-top: 18px;
            margin-bottom: 12px;
        }

        .neighbourhood a {
            margin-left: 3px;
            font-size: 12px;
        }

    .see-all {
        margin-top: 70px;
        margin-bottom: 10px;
        margin-right: -119px;
    }

    .footer {
        margin: 90px 0 0 0px;
    }

    .footer-shape-3 {
        height: 311px;
        margin-top: 377px;
    }

    .footer img {
        max-width: 33%;
        max-height: 90%;
    }

    .locksmith-service-right {
        width: 54%;
        float: right;
        margin-left: 34px;
    }

    .footer-shape {
        width: 115%;
        margin-top: 51px;
    }

    .armut-logo {
        margin-left: 54%;
        margin-top: 3%;
    }

        .armut-logo img {
            max-width: 51%;
        }

        .armut-logo::after {
            margin-top: -29px;
            margin-left: 49px;
        }

    .armut-logo-text {
        width: 93.4%;
    }

        .armut-logo-text img {
            margin-top: 33px;
            margin-left: 79%;
        }

        .armut-logo-text::after {
            bottom: 55px;
            left: 83%;
        }

        .armut-logo-text span {
            margin-left: 90%;
            margin-top: 34px;
            width: 24%;
        }

    .footer-shape-2 {
        width: 51%;
        float: right;
        left: 0;
    }

    .locksmith-text {
        margin-left: 8%;
        margin-top: 4px;
    }

    .locksmith-service-form {
        padding: 6px 34px;
        left: 20%;
        margin-top: 49px;
    }

    .footer-bottom {
        display: block;
    }

    .footer-left {
        width: 94%;
        float: left;
        margin-left: 11px;
    }

    .footer-left-locksmith-specialist {
        width: 100%;
        margin-right: 0;
    }

    .footer-phone {
        padding-top: 27px;
        width: 72%;
    }

    .footer-left-locksmith-services {
        display: none;
    }

    .footer-right-our-regions {
        display: none;
    }

    .footer-right-menu {
        display: none;
    }

    .footer-bottom-left {
        margin-left: 7px;
        margin-top: 12px;
        width: 43%;
    }

    .footer-bottom-center {
        display: none;
    }

    .footer-bottom-right a {
        margin-top: 15px;
        margin-right: 10px;
    }

    .footer-address {
        display: none;
    }

    .priv_arrow {
        display: none !important;
    }

    .next_arrow {
        display: none !important;
    }

    .slick-slide {
        width: 152px !important;
        margin-right: 7px !important;
    }

    .slick-track {
        left: 81px !important;
    }

    .slick-dots {
        display: none !important;
    }
    /*Kurumsal*/
    .page-content {
        width: 96%;
    }

    .header-shape-corporate {
        width: 7%;
        content: '';
        position: absolute;
        border-width: 108px 159px 0px;
        border-style: solid;
        border-color: #fff transparent;
        left: 0;
        background: #fff;
    }

        .header-shape-corporate::after {
            display: none;
        }

        .header-shape-corporate::before {
            display: none;
        }

    .header-shape-corparete-2 {
        display: none;
    }

    .banner-image {
        display: none;
    }

    .header-logo-corporate {
        margin-top: 15px;
        margin-left: 87px;
    }

        .header-logo-corporate img {
            width: 130px;
        }

    .header-right-corporate {
        display: none;
    }

    .service-menu-corporate {
        display: none;
    }

    .corporate-header {
        width: 82%;
        display: block;
        margin-top: 40px;
    }

    .breadcrum-list {
        width: 70%;
    }

    .corporate-contents {
        width: 42%;
        display: table;
    }

    .corporate-contents-right {
        display: none;
    }

        .corporate-contents-right li {
            margin: 10px 0 10px 0;
        }

    .corporate-contents-left {
        display: block;
        float: none;
        width: 100%;
    }

        .corporate-contents-left .corporate-img {
            width: 22%;
            height: 163px;
            float: left;
            display: block;
        }

    .corporate-contents-bottom {
        margin-left: 14px;
        margin-top: 82px;
    }

    .corporate-contents-left .corporate-img img {
        display: inline-block;
        margin-top: 10px;
        max-width: 560px;
        max-height: 312px;
        margin-left: 88px;
    }

    .corporate-contents-header {
        margin-left: -22px;
        width: 94%;
    }

    .regions-images-detail-video li {
        margin: 0px -45px -3px -6px;
    }

    .regions-images-detail-video img {
        width: 247px;
    }

    .corporate-contents-text {
        width: 123%;
        margin-left: -18px;
    }
    /* .regions-images-detail {
        width: 28%;
        margin-left: -84px;
    }*/
    .regions-images-detail li::after {
        display: none;
    }

    .regions-images-detail li {
        width: 258px;
        height: 176px;
        margin-right: 0;
        margin-left: -4px;
    }

    .our-regions-detail-right2 {
        width: 94%;
    }

    .regions-images-detail {
        width: 110%;
        margin-left: -33px;
    }
    /*Hizmetlerimiz*/
    .our-services-shape.mobil {
        height: 294px;
    }

    .main-our-services.mobil2 {
        margin-top: 40px;
    }

    .icon-detay {
        margin-right: -1px;
        margin-top: 25px;
    }
    /*Hizmetlerimiz Detay*/
    .regions-detail-img {
        margin: 11px 26px 20px 2px;
        width: 214px;
        height: 212px;
    }

    .regions-images {
        width: 100%;
        margin: 45px 0 0px 0;
    }

        .regions-images li {
            width: 246px;
            height: 195px;
            margin-left: 10px;
            margin-right: 2px;
        }

            .regions-images li::after {
                display: none;
            }

    .regions-images-video {
        width: 100%;
        margin: 20px 0 0px 0;
    }

        .regions-images-video li {
            margin: 0 0 0px 24px;
        }

        .regions-images-video img {
            width: 246px;
            margin-left: 7px;
        }

    .video {
        top: calc(50% - 73px);
        left: calc(50% - 19px);
    }

    .regions-images.dokuman {
        width: 50%;
        margin: 20px 0 -145px 0;
    }
    .regions-detail-text {
        font-size: 14px;
    }
    
    /*Servis Bölgeleri*/
    .our-service-areas-shape {
        width: 100%;
        height: auto;
    }
    /*Servis Bölgeleri*/
    .our-service-areas-shape {
        width: 100%;
        height: auto;
    }
    /*Servis Bölgeleri Liste*/
    #wrapper {
        width: 100% !important;
    }

    .our-service-areas-shape-2 {
        width: 100%;
    }

    .our-service-areas-shape-right {
        width: 77%;
        float: right;
        margin-top: 12px;
    }

    .our-service-list {
        margin-bottom: 30px;
    }

    .our-service-img {
        width: 150px;
        height: 151px;
        margin-top: 33px;
        margin-left: 10px;
    }

    .regions-header.mobil3 {
        width: 59%;
        font-size: 18px;
        margin-right: 41px;
    }

    .detail {
        margin: 40px 28px 0px 0;
    }

    .page_navigation, .alt_page_navigation {
        left: 39% !important;
    }
    /*Servis Bölgeleri Detay*/
    .our-service-region {
        float: right;
        padding: 12px 18px;
        bottom: 52px;
    }

    .our-regions-detail-img img {
        float: left;
        margin-top: 20px;
    }

    .our-regions-detail-text {
        width: 96%;
    }

    .our-regions-images {
        width: 100%;
    }

        .our-regions-images li::after {
            display: none;
        }

        .our-regions-images li {
            width: 251px;
            height: 195px;
            margin-left: 5px;
            margin-right: 3px;
        }

    .video {
        top: calc(50% - 69px);
        left: calc(50% - 3px);
    }

    .our-regions-images-video img {
        width: 250px;
        margin-left: 4px;
    }

    .our-regions-table table {
        width: 100% !important;
    }

        .our-regions-table table td {
            padding: 0 0px 7px 0px;
        }

    .our-regions-images-video {
        width: 100%;
    }

    .our-regions-images.dokuman {
        width: 97%;
        margin-left: 4px;
    }

        .our-regions-images.dokuman li {
            height: 85px;
        }
    /*İletişim*/
    span#ContentPlaceHolder1_rfvEposta {
        position: absolute;
        top: 31px;
    }

    .FormTelefonError {
        position: absolute;
        top: 28px;
    }

    .FormMessageError {
        position: absolute;
        right: 30px;
    }

    .header-shape-our-service-areas-detail {
        width: 7%;
        content: '';
        position: absolute;
        border-width: 94px 159px 0px;
        border-style: solid;
        border-color: #fff transparent;
        left: 0;
        background: #fff;
    }

        .header-shape-our-service-areas-detail::after {
            display: none;
        }

        .header-shape-our-service-areas-detail::before {
            display: none;
        }

    .header-shape-our-service-areas-detail-5 {
        display: none;
    }
    /* .iletisim-page-left {
        width: 100%;
    }*/

    .iletisim-adres {
        width: 100%;
    }

    /*   .iletisim-sosyal {
        margin: 20px  25px 10px 0px;
        float: left;
        width: 27%;
    }*/
    /*  .iletisim-sosyal-2 {
        margin: 20px 0px 7px 0px;
    }*/
    .iletisim-image {
        margin-left: -4px;
        width: 380px;
    }

    .iletisim-header {
        width: 86%;
        padding: 44px 0 6px 14px;
    }

    .iletisim-shape {
        width: 379px;
        height: 295px;
        margin-top: 195px;
    }

    .iletisim-text {
        font-size: 18px
    }

    .iletisim-page-right {
        width: 52%;
        float: right;
        margin: 67px -8px 0 3px;
        height: 246px;
    }

        .iletisim-page-right iframe {
            height: 260%;
        }

    .opinions-header {
        margin-left: 0%;
    }

    .opinions-suggestions-image {
        width: 930px;
        height: 516px;
        margin: 34px 0 0px -134.9px;
    }

    .opinions-suggestions-image-shape {
        width: 930px;
        height: 516px;
    }

    .opinions-suggestions-image-shape-2 {
        margin-left: 14%;
        width: 792px;
        height: 515px;
    }

    .iletisim-form-right {
        width: 53%;
        float: right;
    }

    .iletisim-form-left {
        width: 47%;
    }

    .iletisim-form input {
        width: 69%;
    }

    .iletisim-form.konu .iletisim-form-shape {
        float: left;
    }

    .iletisim-form.konu input {
        width: 71%;
        margin: 26px 5px 0 -15px;
    }

    .iletisim-form textarea {
        width: 82%;
        height: 151px;
        margin: 34px 21px 0px -57px;
        padding: 18px 0 0 64px;
    }

    .iletisim-form-send-button {
        margin-top: 55px;
        float: right;
        position: relative;
        right: -412px;
    }

    .recapthca {
        margin-left: 37%;
        margin-top: -117px;
        transform: scale(1.08);
        margin-bottom: 55px;
    }
    /*Servis Talep Formu*/
    .ServisError {
        bottom: -24px;
        right: -12px;
    }
    span#ContentPlaceHolder1_rfvtxtTalebiniz {
        bottom: 417px;
        position: absolute;
    }
    .ServisTextError {
        bottom: 625px;
        right: 10px;
        position: absolute;
    }
    .contact-form-warning {
        margin-top: 94px;
        margin-left: 20px;
    }
    .service-request-form {
        max-height: 731px;
        width: 781px;
        height: 994px;
        right: 1px;
        top: -24px;
        background-position: center center;
        background-size: cover;
    }

    .service {
        margin: 58px 0 3px -11px;
    }

    .request-form-left {
        width: 46%;
    }

    .request-form-right {
        width: 51%;
    }

    .recapthca-form {
        margin-left: 39%;
        transform: scale(1);
        margin-top: -188px;
        margin-bottom: 30px;
    }

    .request-form input {
        width: 35%;
    }

    .form-select-lg {
        width: 35% !important;
    }

    .request-form textarea {
        width: 90%;
    }

    .request-form-send-button {
        margin-right: 19px;
        margin-top:30px;
        width: 118px;
        height: 58px;
        display: inline-block;
        position: relative;
    }

        .request-form-send-button a {
            padding: 18px 6px 0px 29px
        }
    /*404*/
    #header-404 {
        position: fixed;
        height: 0px;
        padding: 0 80px;
        top: 0;
        font-size: 16px;
        font-weight: bold;
        color: #d36212;
        line-height: 44px;
        text-align: center;
        z-index: 5;
    }

        #header-404 a {
            display: block;
            position: absolute;
            top: 9px;
            left: -15px;
            width: 71px;
            height: 49px;
            padding: 15px 25px;
        }

            #header-404 a:before, #header-404 a:after {
                content: "";
                display: block;
                background: #d36212;
                height: 2px
            }

            #header-404 a span {
                background: #d36212;
                display: block;
                height: 2px;
                margin: 5px 0;
            }

    .header-shape-404 {
        width: 7%;
        content: '';
        position: absolute;
        border-width: 94px 159px 0px;
        border-style: solid;
        border-color: #fff transparent;
        left: 0;
        background: #fff;
    }

        .header-shape-404::after {
            display: none;
        }

        .header-shape-404::before {
            display: none;
        }

    .header-shape-bottom-404 {
        display: none;
    }


    .header-logo-hata {
        margin-top: -4px;
        margin-left: 77px;
    }

        .header-logo-hata img {
            width: 150px;
        }

    .page-content.hata2 {
        margin: 42px auto 0 auto;
        width: 100%;
    }

    .breadcrum-list-hata {
        width: 46%;
        margin-left: 12px;
    }


    .phone-404 {
        background-size: 28%;
        margin-right: 41px;
        padding-top: 28px;
    }

        .phone-404 ul {
            margin-left: 51px;
            font-size: 18px;
        }

    .hata {
        width: 41%;
        margin-top: 15px;
    }

    .hata-2 {
        float: right;
        margin-right: 2px;
        margin-top: 13px;
    }

    .hata-404-header {
        font-size: 106px;
        margin: -25px 0 -12px 0px;
    }

    .hata-text {
        font-size: 23px;
    }

    .hata-text2 {
        width: 86%;
        margin-top: 7px;
        line-height: 1.3;
        font-size: 18px;
    }

    .footer-bottom-left-404 {
        margin-left: 7px;
        width: 46%;
        margin-top: 22%;
    }

    .footer-bottom-center-404 {
        margin-left: -60px;
        margin-bottom: 34px;
    }

        .footer-bottom-center-404 img {
            margin-top: 27px;
            margin-left: 2px;
            max-width: 78%;
        }

    .footer-bottom-right-404 a {
        margin-top: 24%;
        margin-right: 3%;
    }
    /*500*/
    #header-500 {
        position: fixed;
        height: 0px;
        padding: 0 80px;
        top: 0;
        font-size: 16px;
        font-weight: bold;
        color: #d36212;
        line-height: 44px;
        text-align: center;
        z-index: 5;
    }

        #header-500 a {
            display: block;
            position: absolute;
            top: 9px;
            left: -15px;
            width: 71px;
            height: 49px;
            padding: 15px 25px;
        }

            #header-500 a:before, #header-500 a:after {
                content: "";
                display: block;
                background: #d36212;
                height: 2px
            }

            #header-500 a span {
                background: #d36212;
                display: block;
                height: 2px;
                margin: 5px 0;
            }

    .header-shape-500 {
        width: 7%;
        content: '';
        position: absolute;
        border-width: 94px 159px 0px;
        border-style: solid;
        border-color: #fff transparent;
        left: 0;
        background: #fff;
    }

        .header-shape-500::after {
            display: none;
        }

        .header-shape-500::before {
            display: none;
        }

    .header-shape-bottom-500 {
        display: none;
    }


    .page-content.hata2 {
        margin: 42px auto 0 auto;
        width: 100%;
    }

    .breadcrum-list-hata {
        width: 46%;
        margin-left: 12px;
    }


    .hata {
        width: 41%;
        margin-top: 15px;
    }

    .hata-2 {
        float: right;
        margin-right: 2px;
        margin-top: 70px;
    }

    .hata-500 {
        font-size: 106px;
        margin: -25px 0 -12px 0px;
    }

    .hata-text {
        font-size: 23px;
    }

    .hata-text2 {
        width: 86%;
        margin-top: 7px;
        line-height: 1.3;
        font-size: 18px;
    }

    .footer-bottom-left-500 {
        margin-left: 7px;
        width: 46%;
        margin-top: 22%;
    }

    .footer-bottom-center-500 {
        margin-left: -60px;
        margin-bottom: 34px;
    }

        .footer-bottom-center-500 img {
            margin-top: 27px;
            margin-left: 2px;
            max-width: 78%;
        }

    .footer-bottom-right-500 a {
        margin-top: 24%;
        margin-right: 3%;
    }
}

/*İphone 12 Pro*/
@media only screen and (min-width:844px) and (max-width:999px){
    /*Menü*/

    #header {
        position: absolute;
        height: 0px;
        padding: 0 80px;
        top: 0;
        font-size: 16px;
        font-weight: bold;
        color: #d36212;
        line-height: 44px;
        text-align: center;
        z-index: 5;
    }

        #header a {
            display: block;
            position: absolute;
            top: -3px;
            left: -15px;
            width: 80px;
            height: 50px;
            padding: 15px 25px;
        }

            #header a:before,
            #header a:after {
                content: "";
                display: block;
                background: #d36212;
                height: 2px;
            }

            #header a span {
                background: #d36212;
                display: block;
                height: 2px;
                margin: 7px 0;
            }
    /*Anasayfa*/
    .phone-icon {
        top: 80px;
        width: 38%;
    }
    #linkWhatssapp {
        display: inline-block;
        width: 38%;
        float: right;
        position: relative;
        padding-left: 0px;
    }
        .phone-icon img {
            width: 76px;
        }
    .whatsapp {
        margin-left: 0px;
    }
    .header-shape {
        width: 7%;
        content: '';
        position: absolute;
        border-width: 93px 421px 0px;
        border-style: solid;
        border-color: #fff transparent;
        left: 0;
        background: #fff;
    }

        .header-shape::after {
            display: none;
        }

        .header-shape::before {
            display: none;
        }

    .header-shape-bottom {
        display: none;
    }

    .banner-image {
        display: none;
    }

    .header-logo {
        margin-top: 0px;
        margin-left: 299px;
        float: left;
    }

        .header-logo img {
            width: 130px;
        }

    .header-right {
        display: none;
    }

    .shape {
        margin-top: 59px;
    }

    .service-menu {
        display: none;
    }

    .tick {
        display: none;
    }

    .banner {
        width: 100%;
        height: 207px !important;
    }

    .main {
        width: 100%;
    }

    .main-brands-header {
        margin-left: 5px;
    }

    .slider {
        margin-bottom: 20px;
        height: 190px;
    }

    .main-brands-list {
        width: 102%;
        margin-left: -27px;
    }

    .main-our-services-header {
        margin-top: 51%;
        width: 50%;
        margin-left: 5px;
    }

    .our-services {
        margin-right: 0;
        bottom: 49px;
        right: 5px;
    }

    .our-services-list {
        width: 100%;
    }

    .our-services-shape {
        max-width: 100%;
    }

    .our-services-daire {
        width: 145px;
        height: 142px;
        margin-left: 6px;
        margin-top: -4px;
    }

    .our-services-right {
        width: 100%;
        float: none;
    }

    .our-services-img img {
        width: 123px;
        height: 123px;
    }

    .our-services-shape {
        height: 292px;
    }

    .our-services-header {
        width: 50%;
        margin-top: -92px;
        margin-left: 155px;
        float: none;
    }

    .our-services-text {
        width: 93%;
        margin-top: 75px;
        margin-left: 24px;
        line-height: 1.5;
        -webkit-appearance: none;
    }

    .icon {
        margin-right: 0px;
        margin-top: 17px;
    }

    .main-regions {
        margin: 0px 0;
    }

        .main-regions .main {
            width: 100%;
        }

    .address {
        display: none;
    }

    .main-regions-header {
        width: 61%;
        margin-top: -10px;
        font-size: 19px;
        margin-left: 5px;
    }

    .regions {
        bottom: 77px;
        padding: 12px 18px;
        top: -3px;
        right: 5px
    }

    .regions-shape {
        width: 100%;
        height: auto;
    }

    .shape-img {
        margin-top: 0;
        margin-left: 10px;
        width: 130px;
        height: 131px
    }

    .regions-list {
        margin-bottom: 12px;
    }

    .regions-shape-right {
        max-width: 77%;
        width: 63%;
    }

    .regions-header {
        width: 40%;
        float: left;
        margin-top: 15px;
        margin-left: 16px;
    }

    .regions-text {
        width: 102%;
        margin-top: 15px;
        margin-left: 15px;
        -webkit-appearance: none;
    }

    .neighbourhood {
        padding-left: 0;
        width: 112%;
    }

        .neighbourhood li {
            width: 24%;
            max-height: 77px;
            margin-top: 18px;
            margin-bottom: 12px;
        }

        .neighbourhood a {
            margin-left: 3px;
            font-size: 12px;
        }

    .see-all {
        margin-top: 70px;
        margin-bottom: 10px;
        margin-right: -136px;
    }

    .footer {
        margin: 90px 0 0 0px;
    }

    .footer-shape-3 {
        height: 311px;
        margin-top: 377px;
    }

    .footer img {
        max-width: 33%;
        max-height: 90%;
    }

    .locksmith-service-right {
        width: 54%;
        float: right;
        margin-left: 34px;
    }

    .footer-shape {
        width: 115%;
        margin-top: 51px;
    }

    .armut-logo {
        margin-left: 54%;
        margin-top: 3%;
    }

        .armut-logo img {
            max-width: 51%;
        }

        .armut-logo::after {
            margin-top: -29px;
            margin-left: 49px;
        }

    .armut-logo-text {
        width: 93.4%;
    }

        .armut-logo-text img {
            margin-top: 33px;
            margin-left: 79%;
        }

        .armut-logo-text::after {
            bottom: 55px;
            left: 83%;
        }

        .armut-logo-text span {
            margin-left: 90%;
            margin-top: 34px;
            width: 24%;
        }

    .footer-shape-2 {
        width: 51%;
        float: right;
        left: 0;
    }

    .locksmith-text {
        margin-left: 8%;
        margin-top: 4px;
    }

    .locksmith-service-form {
        padding: 6px 34px;
        left: 20%;
        margin-top: 49px;
    }

    .footer-bottom {
        display: block;
    }

    .footer-left {
        width: 94%;
        float: left;
        margin-left: 11px;
    }

    .footer-left-locksmith-specialist {
        width: 100%;
        margin-right: 0;
    }

    .footer-phone {
        padding-top: 27px;
        width: 72%;
    }

    .footer-left-locksmith-services {
        display: none;
    }

    .footer-right-our-regions {
        display: none;
    }

    .footer-right-menu {
        display: none;
    }

    .footer-bottom-left {
        margin-left: 7px;
        margin-top: 12px;
        width: 43%;
    }

    .footer-bottom-center {
        display: none;
    }

    .footer-bottom-right a {
        margin-top: 15px;
        margin-right: 10px;
    }

    .footer-address {
        display: none;
    }

    .priv_arrow {
        display: none !important;
    }

    .next_arrow {
        display: none !important;
    }

    .slick-slide {
        width: 152px !important;
        margin-right: 7px !important;
    }

    .slick-track {
        left: 81px !important;
    }

    .slick-dots {
        display: none !important;
    }
    /*Kurumsal*/
    .page-content {
        width: 96%;
    }

    .header-shape-corporate {
        width: 7%;
        content: '';
        position: absolute;
        border-width: 108px 159px 0px;
        border-style: solid;
        border-color: #fff transparent;
        left: 0;
        background: #fff;
    }

        .header-shape-corporate::after {
            display: none;
        }

        .header-shape-corporate::before {
            display: none;
        }

    .header-shape-corparete-2 {
        display: none;
    }

    .banner-image {
        display: none;
    }

    .header-logo-corporate {
        margin-top: 15px;
        margin-left: 87px;
    }

        .header-logo-corporate img {
            width: 130px;
        }

    .header-right-corporate {
        display: none;
    }

    .service-menu-corporate {
        display: none;
    }

    .corporate-header {
        width: 82%;
        display: block;
        margin-top: 40px;
    }

    .breadcrum-list {
        width: 70%;
    }

    .corporate-contents {
        width: 42%;
        display: table;
    }

    .corporate-contents-right {
        display: none;
    }

        .corporate-contents-right li {
            margin: 10px 0 10px 0;
        }

    .corporate-contents-left {
        display: block;
        float: none;
        width: 100%;
    }

        .corporate-contents-left .corporate-img {
            width: 22%;
            height: 163px;
            float: left;
            display: block;
        }

    .corporate-contents-bottom {
        margin-left: 14px;
        margin-top: 82px;
    }

    .corporate-contents-left .corporate-img img {
        display: inline-block;
        margin-top: 10px;
        max-width: 560px;
        max-height: 312px;
        margin-left: 88px;
    }

    .corporate-contents-header {
        margin-left: -22px;
        width: 94%;
    }

    .regions-images-detail-video li {
        margin: 0px -45px -3px -6px;
    }

    .regions-images-detail-video img {
        width: 247px;
    }

    .corporate-contents-text {
        width: 123%;
        margin-left: -18px;
    }
    /* .regions-images-detail {
        width: 28%;
        margin-left: -84px;
    }*/
    .regions-images-detail li::after {
        display: none;
    }

    .regions-images-detail li {
        width: 258px;
        height: 176px;
        margin-right: 0;
        margin-left: -4px;
    }

    .our-regions-detail-right2 {
        width: 90%;
        margin: 0px 0px 40px 23px;
    }

    .regions-images-detail {
        width: 110%;
        margin-left: -33px;
    }
    /*Hizmetlerimiz*/
    .our-services-shape.mobil {
        height: 294px;
    }

    .main-our-services.mobil2 {
        margin-top: 40px;
    }

    .icon-detay {
        margin-right: -1px;
        margin-top: 25px;
    }
    .regions-detail-text {
        font-size: 14px;
    }
  
    /*Hizmetlerimiz Detay*/
    .regions-detail-img {
        margin: 11px 26px 20px 2px;
        width: 214px;
        height: 212px;
    }

    .regions-images {
        width: 100%;
        margin: 45px 0 0px 0;
    }

        .regions-images li {
            width: 246px;
            height: 195px;
            margin-left: 10px;
            margin-right: 2px;
        }

            .regions-images li::after {
                display: none;
            }

    .regions-images-video {
        width: 100%;
        margin: 20px 0 0px 0;
    }

        .regions-images-video li {
            margin: 0 0 0px 24px;
        }

        .regions-images-video img {
            width: 246px;
            margin-left: 7px;
        }

    .video {
        top: calc(50% - 73px);
        left: calc(50% - 19px);
    }

    .regions-images.dokuman {
        width: 50%;
        margin: 20px 0 -145px 0;
    }
    /*Servis Bölgeleri*/
    .our-service-areas-shape {
        width: 100%;
        height: auto;
    }
    /*Servis Bölgeleri*/
    .our-service-areas-shape {
        width: 100%;
        height: auto;
    }
    /*Servis Bölgeleri Liste*/
    #wrapper {
        width: 100% !important;
    }

    .our-service-areas-shape-2 {
        width: 100%;
    }

    .our-service-areas-shape-right {
        width: 77%;
        float: right;
        margin-top: 12px;
    }

    .our-service-list {
        margin-bottom: 30px;
    }

    .our-service-img {
        width: 150px;
        height: 151px;
        margin-top: 33px;
        margin-left: 10px;
    }

    .regions-header.mobil3 {
        width: 59%;
        font-size: 18px;
        margin-right: 41px;
    }

    .detail {
        margin: 40px 28px 0px 0;
    }

    .page_navigation, .alt_page_navigation {
        left: 39% !important;
    }
    /*Servis Bölgeleri Detay*/
    .our-service-region {
        float: right;
        padding: 12px 18px;
        bottom: 52px;
    }

    .our-regions-detail-img img {
        float: left;
        margin-top: 20px;
    }

    .our-regions-detail-text {
        width: 96%;
    }

    .our-regions-images {
        width: 100%;
    }

        .our-regions-images li::after {
            display: none;
        }

        .our-regions-images li {
            width: 251px;
            height: 195px;
            margin-left: 5px;
            margin-right: 3px;
        }

    .video {
        top: calc(50% - 69px);
        left: calc(50% - 3px);
    }

    .our-regions-images-video img {
        width: 250px;
        margin-left: 4px;
    }

    .our-regions-table table {
        width: 100% !important;
    }

        .our-regions-table table td {
            padding: 0 0px 7px 0px;
        }

    .our-regions-images-video {
        width: 100%;
    }

    .our-regions-images.dokuman {
        width: 97%;
        margin-left: 4px;
    }

        .our-regions-images.dokuman li {
            height: 85px;
        }
    /*İletişim*/
    span#ContentPlaceHolder1_rfvEposta {
        position: absolute;
        top: 31px;
    }

    .FormTelefonError {
        position: absolute;
        top: 28px;
    }

    .FormMessageError {
        position: absolute;
        right: 30px;
    }

    .header-shape-our-service-areas-detail {
        width: 7%;
        content: '';
        position: absolute;
        border-width: 94px 159px 0px;
        border-style: solid;
        border-color: #fff transparent;
        left: 0;
        background: #fff;
    }

        .header-shape-our-service-areas-detail::after {
            display: none;
        }

        .header-shape-our-service-areas-detail::before {
            display: none;
        }

    .header-shape-our-service-areas-detail-5 {
        display: none;
    }
    /* .iletisim-page-left {
        width: 100%;
    }*/

    .iletisim-adres {
        width: 100%;
    }

    /*   .iletisim-sosyal {
        margin: 20px  25px 10px 0px;
        float: left;
        width: 27%;
    }*/
    /*  .iletisim-sosyal-2 {
        margin: 20px 0px 7px 0px;
    }*/
    .iletisim-image {
        margin-left: -4px;
        width: 380px;
    }

    .iletisim-header {
        width: 86%;
        padding: 44px 0 6px 14px;
    }

    .iletisim-shape {
        width: 379px;
        height: 295px;
        margin-top: 195px;
    }

    .iletisim-text {
        font-size: 18px
    }

    .iletisim-page-right {
        width: 52%;
        float: right;
        margin: 67px -8px 0 3px;
        height: 246px;
    }

        .iletisim-page-right iframe {
            height: 260%;
        }

    .opinions-header {
        margin-left: 0%;
    }

    .opinions-suggestions-image {
        width: 961px;
        height: 516px;
        margin: 34px 0 0px -134.9px;
    }

    .opinions-suggestions-image-shape {
        width: 962px;
        height: 516px;
    }

    .opinions-suggestions-image-shape-2 {
        margin-left: 14%;
        width: 818px;
        height: 515px;
    }

    .iletisim-form-right {
        width: 53%;
        float: right;
    }

    .iletisim-form-left {
        width: 47%;
    }

    .iletisim-form input {
        width: 69%;
    }

    .iletisim-form.konu .iletisim-form-shape {
        float: left;
    }

    .iletisim-form.konu input {
        width: 71%;
        margin: 26px 5px 0 -15px;
    }

    .iletisim-form textarea {
        width: 82%;
        height: 151px;
        margin: 34px 21px 0px -57px;
        padding: 18px 0 0 64px;
    }

    .iletisim-form-send-button {
        margin-top: 55px;
        float: right;
        position: relative;
        right: -412px;
    }

    .recapthca {
        margin-left: 37%;
        margin-top: -117px;
        transform: scale(1.08);
        margin-bottom: 55px;
    }
    /*Servis Talep Formu*/
    .ServisError {
        bottom: -24px;
        right: -12px;
    }
    .servis-form-success {
        margin-top: 114px;
        margin-left: 45px;
    }
    span#ContentPlaceHolder1_rfvtxtTalebiniz {
        bottom: 434px;
        position: absolute;
    }

    .ServisTextError {
        bottom: 621px;
        right: 12px;
        position: absolute;
    }
    .contact-form-warning {
        margin-top: 96px;
        margin-left: 27px;
    }
    .service-request-form {
        max-height: 731px;
        width: 808px;
        height: 994px;
        right: 1px;
        top: -24px;
        background-position: center center;
        background-size: cover;
    }
    .request-form.adres {
        margin-bottom: 14px;
    }
    .service {
        margin: 58px 0 3px -11px;
    }

    .request-form-left {
        width: 46%;
    }

    .request-form-right {
        width: 51%;
    }

    .recapthca-form {
        margin-left: 39%;
        transform: scale(1);
        margin-top: -188px;
        margin-bottom: 30px;
    }

    .request-form input {
        width: 35%;
    }

    .form-select-lg {
        width: 35% !important;
    }

    .request-form textarea {
        width: 90%;
    }

    .request-form-send-button {
        margin-right: 19px;
        margin-top: 21px;
        width: 118px;
        height: 58px;
        display: inline-block;
        position: relative;
    }

        .request-form-send-button a {
            padding: 18px 6px 0px 29px
        }
    /*404*/
    #header-404 {
        position: fixed;
        height: 0px;
        padding: 0 80px;
        top: 0;
        font-size: 16px;
        font-weight: bold;
        color: #d36212;
        line-height: 44px;
        text-align: center;
        z-index: 5;
    }

        #header-404 a {
            display: block;
            position: absolute;
            top: 9px;
            left: -15px;
            width: 71px;
            height: 49px;
            padding: 15px 25px;
        }

            #header-404 a:before, #header-404 a:after {
                content: "";
                display: block;
                background: #d36212;
                height: 2px
            }

            #header-404 a span {
                background: #d36212;
                display: block;
                height: 2px;
                margin: 5px 0;
            }

    .header-shape-404 {
        width: 7%;
        content: '';
        position: absolute;
        border-width: 94px 159px 0px;
        border-style: solid;
        border-color: #fff transparent;
        left: 0;
        background: #fff;
    }

        .header-shape-404::after {
            display: none;
        }

        .header-shape-404::before {
            display: none;
        }

    .header-shape-bottom-404 {
        display: none;
    }


    .header-logo-hata {
        margin-top: -4px;
        margin-left: 77px;
    }

        .header-logo-hata img {
            width: 150px;
        }

    .page-content.hata2 {
        margin: 42px auto 0 auto;
        width: 100%;
    }

    .breadcrum-list-hata {
        width: 46%;
        margin-left: 12px;
    }


    .phone-404 {
        background-size: 28%;
        margin-right: 41px;
        padding-top: 28px;
    }

        .phone-404 ul {
            margin-left: 51px;
            font-size: 18px;
        }

    .hata {
        width: 41%;
        margin-top: 15px;
    }

    .hata-2 {
        float: right;
        margin-right: 2px;
        margin-top: 13px;
    }

    .hata-404-header {
        font-size: 106px;
        margin: -25px 0 -12px 0px;
    }

    .hata-text {
        font-size: 23px;
    }

    .hata-text2 {
        width: 86%;
        margin-top: 7px;
        line-height: 1.3;
        font-size: 18px;
    }

    .footer-bottom-left-404 {
        margin-left: 7px;
        width: 46%;
        margin-top: 22%;
    }

    .footer-bottom-center-404 {
        margin-left: -60px;
        margin-bottom: 34px;
    }

        .footer-bottom-center-404 img {
            margin-top: 27px;
            margin-left: 2px;
            max-width: 78%;
        }

    .footer-bottom-right-404 a {
        margin-top: 24%;
        margin-right: 3%;
    }
    /*500*/
    #header-500 {
        position: fixed;
        height: 0px;
        padding: 0 80px;
        top: 0;
        font-size: 16px;
        font-weight: bold;
        color: #d36212;
        line-height: 44px;
        text-align: center;
        z-index: 5;
    }

        #header-500 a {
            display: block;
            position: absolute;
            top: 9px;
            left: -15px;
            width: 71px;
            height: 49px;
            padding: 15px 25px;
        }

            #header-500 a:before, #header-500 a:after {
                content: "";
                display: block;
                background: #d36212;
                height: 2px
            }

            #header-500 a span {
                background: #d36212;
                display: block;
                height: 2px;
                margin: 5px 0;
            }

    .header-shape-500 {
        width: 7%;
        content: '';
        position: absolute;
        border-width: 94px 159px 0px;
        border-style: solid;
        border-color: #fff transparent;
        left: 0;
        background: #fff;
    }

        .header-shape-500::after {
            display: none;
        }

        .header-shape-500::before {
            display: none;
        }

    .header-shape-bottom-500 {
        display: none;
    }


    .page-content.hata2 {
        margin: 42px auto 0 auto;
        width: 100%;
    }

    .breadcrum-list-hata {
        width: 46%;
        margin-left: 12px;
    }


    .hata {
        width: 41%;
        margin-top: 15px;
    }

    .hata-2 {
        float: right;
        margin-right: 2px;
        margin-top: 70px;
    }

    .hata-500 {
        font-size: 106px;
        margin: -25px 0 -12px 0px;
    }

    .hata-text {
        font-size: 23px;
    }

    .hata-text2 {
        width: 86%;
        margin-top: 7px;
        line-height: 1.3;
        font-size: 18px;
    }

    .footer-bottom-left-500 {
        margin-left: 7px;
        width: 46%;
        margin-top: 22%;
    }

    .footer-bottom-center-500 {
        margin-left: -60px;
        margin-bottom: 34px;
    }

        .footer-bottom-center-500 img {
            margin-top: 27px;
            margin-left: 2px;
            max-width: 78%;
        }

    .footer-bottom-right-500 a {
        margin-top: 24%;
        margin-right: 3%;
    }
}
/*tabley yatay*/
@media only screen and (min-width:1000px) and (max-width:1024px) {
    /*Anasayfa*/
    .header-shape {
        width: 100%;
        content: '';
        position: absolute;
        border-width: 150px 24px 0px;
        border-style: solid;
        border-color: #fff transparent;
        left: 0;
    }

        .header-shape::after {
            content: '';
            position: relative;
            display: inline-block;
            width: 0px;
            height: 0;
            border-left: 19px solid transparent;
            border-right: 2px solid transparent;
            border-bottom: 178px solid #fff;
            margin-left: -14px;
            transform: rotate(170deg);
            box-shadow: 17px 2px 20px -10px rgb(57 54 68 / 11%);
            top: -16px;
        }

        .header-shape::before {
            content: '';
            position: absolute;
            display: inline-block;
            width: 0px;
            height: 0;
            border-left: 87px solid transparent;
            border-right: 2px solid transparent;
            border-bottom: 159px solid #fff;
            margin-top: -16.8%;
            margin-left: 91.5%;
            transform: rotate(8deg);
            box-shadow: 17px 0px 48px -8px rgb(57 54 68 / 11%);
            z-index: -5;
        }

    .header-logo.ipad {
        float: left;
        margin-left: 30px;
    }

    .header-shape-bottom {
        width: 977px;
        height: 58px;
        background: #fff;
        position: absolute;
        top: -58px;
        z-index: -8;
        box-shadow: -1px 16px 25px -12px rgb(57 54 68 / 11%);
    }

    .service-menu ul {
        width: 97%;
        margin-left: 45px;
    }

    .service-menu li {
        padding: 35px 0px 22px 0;
        margin-right: 22px;
        margin-left: -5px;
    }

    .banner-image {
        height: 614px !important;
    }

    .header-logo {
        margin-top: 0px;
        margin-left: 443px;
        float: left;
    }

        .header-logo img {
            width: 130px;
        }

    .header-right {
        width: 82%;
    }

    .header-menu li {
        margin: 0 12px 0 5px;
    }

    .shape {
        margin-top: 151px;
    }

    .service-form {
        padding: 8px 10px;
        margin: 34px 0px 0 0px px;
    }

    .service-menu {
        display: block;
        width: 97%;
        margin-left: 14px;
    }

    .tick {
        display: block;
    }

    .banner {
        width: 100%;
        height: 228px !important;
    }

    .tick li {
        width: 19%;
    }

    .tick img {
        margin-left: 63px;
    }

    .tick li span {
        margin-left: 85px;
        margin-top: -24px;
        width: 106%;
    }

    .main {
        width: 100%;
    }

    .main-brands-header {
        margin-left: 5px;
    }

    .slider {
        margin-bottom: 20px;
        height: 190px;
    }

    .main-brands-list {
        width: 102%;
        margin-left: -24px;
    }

    .main-our-services-header {
        margin-top: 49%;
        width: 50%;
        margin-left: 5px;
    }

    .our-services {
        margin-right: 0;
        bottom: 49px;
        right: 5px;
    }

    .our-services-list {
        width: 100%;
    }

    .our-services-shape {
        max-width: 100%;
    }

    .our-services-daire {
        width: 145px;
        height: 142px;
        margin-left: 6px;
        margin-top: -4px;
    }

    .our-services-right {
        width: 100%;
        float: none;
    }

    .our-services-img img {
        width: 123px;
        height: 123px;
    }

    .our-services-shape {
        height: 292px;
    }

    .our-services-header {
        width: 50%;
        margin-top: -92px;
        margin-left: 155px;
        float: none;
    }

    .our-services-text {
        width: 95%;
        margin-top: 92px;
        margin-left: 13px;
        line-height: 1.5;
    }

    .icon {
        margin-right: 0px;
        margin-top: 23px;
    }

    .main-regions {
        margin: 0px 0;
    }

        .main-regions .main {
            width: 100%;
        }

    .address {
        display: none;
    }

    .main-regions-header {
        width: 61%;
        margin-top: -10px;
        font-size: 19px;
        margin-left: 5px;
    }

    .regions {
        bottom: 77px;
        padding: 12px 18px;
        top: -3px;
        right: 5px;
    }

    .regions-shape {
        width: 100%;
        height: auto;
    }

    .shape-img {
        margin-top: 0;
        margin-left: 10px;
        width: 130px;
        height: 131px
    }

    .regions-list {
        margin-bottom: 12px;
    }

    .regions-shape-right {
        max-width: 58%;
        width: 72%;
    }

    .regions-header {
        width: 40%;
        float: left;
        margin-top: 15px;
        margin-left: 16px;
    }

    .regions-text {
        width: 132%;
    }

    .neighbourhood {
        padding-left: 0;
        width: 109%;
    }

        .neighbourhood li {
            width: 14%;
            max-height: 118px;
            margin-top: 18px;
            margin-bottom: 12px;
        }

        .neighbourhood a {
            margin-left: 3px;
            font-size: 12px;
        }

    .see-all {
        margin-top: 9px;
        margin-right: -216px;
        margin-bottom: 1px;
        display: inline-block;
        width: 100%;
        text-align: right;
    }

    .footer {
        margin: 90px 0 0 0px;
    }

    .footer-shape-3 {
        height: 924px;
        margin-top: 377px;
    }

    .footer img {
        max-width: 33%;
        max-height: 90%;
    }

    .locksmith-service-right {
        width: 54%;
        float: right;
        margin-left: 34px;
    }

    .footer-shape {
        width: 115%;
        margin-top: 51px;
    }

    .armut-logo {
        margin-left: 57%;
        margin-top: 2%;
    }

        .armut-logo img {
            max-width: 51%;
        }

        .armut-logo::after {
            margin-top: -24px;
            margin-left: 56px;
        }

    .armut-logo-text {
        width: 93.4%;
    }

        .armut-logo-text img {
            margin-top: 33px;
            margin-left: 79%;
        }

        .armut-logo-text::after {
            bottom: 55px;
            left: 83%;
        }

        .armut-logo-text span {
            margin-left: 90%;
            margin-top: 34px;
            width: 24%;
        }

    .footer-shape-2 {
        width: 51%;
        float: right;
        left: 0;
    }

    .locksmith-text {
        margin-left: 3%;
        margin-top: 4px;
    }

    .locksmith-service-form {
        padding: 6px 34px;
        left: 11%;
        margin-top: 49px;
    }

    .footer-bottom {
        display: block;
    }

    .footer-left {
        width: 37%;
        float: left;
        margin-left: 11px;
    }

    .footer-left-locksmith-specialist {
        width: 97%;
        margin-right: 0;
    }

    .footer-phone {
        padding-top: 27px;
        width: 72%;
    }

    .footer-left-locksmith-services {
        width: 20%;
        margin-left: 13px;
        margin-top: 59px;
        float: left;
    }

    .footer-right-our-regions {
        width: 16%;
        float: left;
        margin-top: 6px;
    }

    .footer-right-menu {
        margin-top: 62px;
        padding-left: 58px;
        float: right;
        width: 24%;
    }

    .footer-bottom-left {
        margin-top: 93px;
        margin-left: 7px;
        width: 43%;
    }

    .footer-bottom-center {
        margin-left: -163px;
    }

        .footer-bottom-center img {
            margin-top: 30px;
            margin-left: 100px;
        }

    .footer-bottom-right a {
        margin-top: 91px;
        margin-right: 18px;
    }

    .footer-address li {
        width: 24%;
        margin-left: 8px;
        padding-left: 0px;
    }

    .priv_arrow {
        display: none !important;
    }

    .next_arrow {
        display: none !important;
    }

    .slick-slide {
        width: 151px !important;
        margin-right: 15px !important;
    }

    .slick-track {
        left: 81px !important;
    }

    .slick-dots {
        display: none !important;
    }
    /*Kurumsal*/
    .page-content {
        width: 96%;
    }

    .header-shape-corporate {
        width: 7%;
        content: '';
        position: absolute;
        border-width: 108px 159px 0px;
        border-style: solid;
        border-color: #fff transparent;
        left: 0;
        background: #fff;
    }

        .header-shape-corporate::after {
            display: none;
        }

        .header-shape-corporate::before {
            display: none;
        }

    .header-shape-corparete-2 {
        display: none;
    }
    /*
    .banner-image {
        display: none;
    }*/

    .header-logo-corporate {
        margin-top: 15px;
        margin-left: 87px;
    }

        .header-logo-corporate img {
            width: 130px;
        }

    .header-right-corporate {
        display: none;
    }

    .service-menu-corporate {
        display: none;
    }

    .corporate-header {
        width: 96%;
    }

    .breadcrum-list {
        width: 87%;
    }

    .corporate-contents {
        width: 93%;
        display: table;
    }

    .corporate-contents-right {
        width: 48%;
    }

        .corporate-contents-right li {
            margin: 15px 0 15px 0;
        }

    .corporate-contents-left {
        display: block;
        float: none;
        width: 100%;
    }

        .corporate-contents-left .corporate-img {
            width: 23%;
            height: 163px;
            float: left;
            display: block;
            margin-left: 40px;
        }

    .corporate-contents-bottom {
        margin-left: 19px;
        margin-top: 38px;
    }

    .corporate-contents-left .corporate-img img {
        display: inline-block;
        margin-top: 48px;
        max-width: 475px;
        max-height: 321px;
    }

    .corporate-contents-header {
        margin-left: -22px;
        width: 94%;
    }

    .regions-images-detail-video li {
        margin: 0px -45px -3px 41px;
    }

    .regions-images-detail-video img {
        width: 285px;
    }

    .corporate-contents-text {
        width: 107%;
        margin-left: -18px;
    }
    /* .regions-images-detail {
        width: 28%;
        margin-left: -84px;
    }*/
    .regions-images-detail li::after {
        display: none;
    }

    .regions-images-detail li {
        width: 342px;
        height: 221px;
        margin-left: 68px;
        margin-right: 62px;
    }

    .our-regions-detail-right2 {
        width: 100%;
    }

    .regions-images-detail {
        width: 100%;
        margin-left: -38px;
    }

        .regions-images-detail li::after {
            display: block;
        }
    /*Hizmetlerimiz*/
    .our-services-shape.mobil {
        height: 294px;
    }

    .main-our-services.mobil2 {
        margin-top: 40px;
    }

    .icon-detay {
        margin-right: -1px;
        margin-top: 25px;
    }
    /*Hizmetlerimiz Detay*/
    .regions-detail-img {
        margin: 11px 26px 20px 2px;
        width: 214px;
        height: 212px;
    }

    .regions-images {
        width: 100%;
        margin: 45px 0 0px 0;
    }

        .regions-images li {
            width: 329px;
            margin-left: 63px;
            margin-right: 99px;
        }

            .regions-images li::after {
                display: block;
            }

    .regions-images-video {
        width: 100%;
        margin: 20px 0 0px 0;
    }

        .regions-images-video li {
            margin: 0 0 0px 64px;
        }

        .regions-images-video img {
            width: 329px;
        }

    .video {
        top: calc(50% - 93px);
        left: calc(50% - 19px);
    }

    .regions-images.dokuman {
        width: 50%;
        margin: 20px 0 0px 0;
    }
    /*Servis Bölgeleri*/
    .our-service-areas-shape {
        width: 100%;
        height: auto;
    }
    /*Servis Bölgeleri*/
    .our-service-areas-shape {
        width: 100%;
        height: auto;
    }
    /*Servis Bölgeleri Liste*/
    #wrapper {
        width: 100% !important;
    }

    .our-service-areas-shape-2 {
        width: 100%;
    }

    .our-service-areas-shape-right {
        width: 77%;
        float: right;
        margin-top: 12px;
    }

    .our-service-list {
        margin-bottom: 30px;
    }

    .our-service-areas-address {
        top: 328px;
    }

    .our-service-img {
        width: 150px;
        height: 151px;
        margin-top: 33px;
        margin-left: 10px;
    }

    .regions-header.mobil3 {
        width: 59%;
        font-size: 18px;
        margin-right: 41px;
    }

    .regions-text.mobil4 {
        width: 91%;
        margin-top: 32px;
        margin-left: 12px;
        -webkit-appearance: none;
    }

    .detail {
        margin: 40px 28px 0px 0;
    }

    .page_navigation, .alt_page_navigation {
        left: 39% !important;
    }
    /*Servis Bölgeleri Detay*/
    .our-service-region {
        float: right;
        padding: 12px 18px;
        bottom: 46px;
    }

    .our-regions-detail-img img {
        float: left;
        margin-top: 22px;
    }

    .galeri {
        margin-left: 10px;
    }

    .our-regions-detail-text {
        width: 96%;
    }

    .our-regions-images {
        width: 100%;
    }

        .our-regions-images li::after {
            display: block;
        }

        .our-regions-images li {
            width: 325px;
            height: 229px;
            margin-left: 74px;
            margin-right: 66px;
            margin-top: 35px;
        }

    .our-regions-images-video img {
        width: 325px;
        margin-left: 67px;
        margin-right: 66px;
        margin-top: 35px;
    }

    .our-regions-table table {
        width: 100% !important;
    }

        .our-regions-table table td {
            padding: 0 0px 7px 0px;
        }

    .our-regions-images-video {
        width: 96%;
        margin-left: 20px;
    }

    .our-regions-images.dokuman {
        width: 98%;
        margin-left: 17px;
    }

        .our-regions-images.dokuman li {
            height: 85px;
        }
    /*İletişim*/
    span#ContentPlaceHolder1_rfvEposta {
        position: absolute;
        top: 31px;
    }

    .FormTelefonError {
        position: absolute;
        top: 27px;
    }

    .FormMessageError {
        position: absolute;
        right: 43px;
    }

    span#ContentPlaceHolder1_lblSonuc {
        margin-top: 113px;
        margin-left: 31px;
        font-size: 19px;
    }

    .header-shape-our-service-areas-detail {
        width: 7%;
        content: '';
        position: absolute;
        border-width: 94px 159px 0px;
        border-style: solid;
        border-color: #fff transparent;
        left: 0;
        background: #fff;
    }

        .header-shape-our-service-areas-detail::after {
            display: none;
        }

        .header-shape-our-service-areas-detail::before {
            display: none;
        }

    .header-shape-our-service-areas-detail-5 {
        display: none;
    }
    /* .iletisim-page-left {
        width: 100%;
    }*/

    .iletisim-adres {
        width: 100%;
    }

    /*   .iletisim-sosyal {
        margin: 20px  25px 10px 0px;
        float: left;
        width: 27%;
    }*/
    /*  .iletisim-sosyal-2 {
        margin: 20px 0px 7px 0px;
    }*/
    .iletisim-image {
        margin-left: -4px;
        width: 468px;
    }

    .iletisim-header {
        width: 86%;
        padding: 44px 0 6px 14px;
    }

    .iletisim-shape {
        width: 379px;
        height: 295px;
        margin-top: 195px;
    }

    .iletisim-text {
        font-size: 18px
    }

    .iletisim-page-right {
        width: 53%;
        float: right;
        margin: 67px -13px 0 3px;
        height: 246px;
    }

        .iletisim-page-right iframe {
            height: 260%;
        }

    .opinions-header {
        margin-left: 0%;
    }

    .opinions-suggestions-image {
        width: 1138px;
        height: 516px;
        margin: 34px 0 0px -134.9px;
    }

    .opinions-suggestions-image-shape {
        width: 1138px;
        height: 516px;
    }

    .opinions-suggestions-image-shape-2 {
        margin-left: 11%;
        width: 1007px;
        height: 515px;
    }

    .iletisim-form-right {
        width: 53%;
        float: right;
    }

    .iletisim-form-left {
        width: 47%;
    }

    .iletisim-form input {
        width: 69%;
    }

    .iletisim-form.konu .iletisim-form-shape {
        float: left;
    }

    .iletisim-form.konu input {
        width: 74%;
        margin: 26px 5px 0 -15px;
    }

    .iletisim-form textarea {
        width: 82%;
        height: 151px;
        margin: 34px 21px 0px -57px;
        padding: 18px 0 0 64px;
    }

    .iletisim-form-send-button {
        float: right;
        margin-right: 33px;
        margin-top: 32%;
        left: 825px;
        display: inline-block;
        position: absolute;
    }

    .recapthca {
        margin-left: 48%;
        margin-top: -130px;
        transform: scale(1.08);
        margin-bottom: 60px;
    }
    /*Servis Talep Formu*/
    .ServisError {
        bottom: -25px;
        right: 10px;
    }
    .ServisTextError {
        bottom: -34px;
        right: 0px;
    }
    .contact-form-warning {
        margin-top: 66px;
        margin-left: 20px;
        font-size: 19px;
    }
    .service-request-form {
        max-height: 731px;
        width: 990px;
        height: 994px;
        right: 1px;
        top: -24px;
        background-position: center center;
        background-size: cover;
    }

    .service {
        margin: 58px 0 3px -11px;
    }

    .request-form-left {
        width: 46%;
    }

    .request-form-right {
        width: 51%;
    }

    .recapthca-form {
        margin-left: 54%;
        transform: scale(1);
        margin-top: -190px;
        margin-bottom: 60px;
    }

    .request-form input {
        width: 35%;
    }

    .form-select-lg {
        width: 35% !important;
    }

    .request-form textarea {
        width: 90%;
    }

    .request-form-send-button {
        margin-right: 25px;
        margin-top: 25px;
        width: 118px;
        height: 58px;
    }

        .request-form-send-button a {
            padding: 18px 6px 0px 29px
        }
    /*404*/
    .header-shape-404 {
        width: 100%;
        content: '';
        position: absolute;
        border-width: 150px 24px 0px;
        border-style: solid;
        border-color: #fff transparent;
        left: 0;
    }

        .header-shape-404::after {
            content: '';
            position: relative;
            display: inline-block;
            width: 0px;
            height: 0;
            border-left: 19px solid transparent;
            border-right: 2px solid transparent;
            border-bottom: 178px solid #fff;
            margin-left: -14px;
            transform: rotate(170deg);
            box-shadow: 9px -8px 4px -8px rgb(57 54 68 / 11%);
            top: -16px;
        }

        .header-shape-404::before {
            content: '';
            position: absolute;
            display: inline-block;
            width: 0px;
            height: 0;
            border-left: 87px solid transparent;
            border-right: 2px solid transparent;
            border-bottom: 159px solid #fff;
            margin-top: -16.8%;
            margin-left: 91.5%;
            transform: rotate(8deg);
            box-shadow: 17px 0px 48px -8px rgb(57 54 68 / 11%);
            z-index: -5;
        }

    .header-shape-bottom-404 {
        width: 977px;
        height: 58px;
        background: #fff;
        position: absolute;
        top: -58px;
        z-index: -8;
        box-shadow: -1px 16px 25px -12px rgb(57 54 68 / 11%);
    }

    .header-logo-hata {
        margin-top: 9px;
        margin-left: 27px;
    }

        .header-logo-hata img {
            width: 150px;
        }

    .page-content.hata2 {
        margin: 69px auto 0 auto;
        width: 100%;
    }

    .breadcrum-list-hata {
        width: 46%;
        margin-left: 25px;
    }

    .phone-404 {
        background-size: 23%;
        margin-right: 36px;
        padding-top: 30px;
    }

        .phone-404 ul {
            margin-left: 39px;
        }

    .hata {
        width: 41%;
        margin-top: 15px;
    }

    .hata-2 {
        float: right;
        margin-right: 2px;
        margin-top: 120px;
    }

    .hata-404-header {
        font-size: 106px;
        margin: -25px 0 -12px 0px;
    }

    .hata-text {
        font-size: 23px;
    }

    .hata-text2 {
        width: 86%;
        margin-top: 7px;
        line-height: 1.3;
        font-size: 18px;
    }

    .footer-bottom-left-404 {
        margin-left: 7px;
        width: 46%;
        margin-top: 22%;
    }

    .footer-bottom-center-404 {
        margin-left: -60px;
        margin-bottom: 34px;
    }

        .footer-bottom-center-404 img {
            margin-top: 27px;
            margin-left: 2px;
            max-width: 78%;
        }

    .footer-bottom-right-404 a {
        margin-top: 24%;
        margin-right: 3%;
    }
    /*500*/
    .header-shape-500 {
        width: 100%;
        content: '';
        position: absolute;
        border-width: 150px 24px 0px;
        border-style: solid;
        border-color: #fff transparent;
        left: 0;
    }

        .header-shape-500::after {
            content: '';
            position: relative;
            display: inline-block;
            width: 0px;
            height: 0;
            border-left: 19px solid transparent;
            border-right: 2px solid transparent;
            border-bottom: 178px solid #fff;
            margin-left: -14px;
            transform: rotate(170deg);
            box-shadow: 9px -8px 4px -8px rgb(57 54 68 / 11%);
            top: -16px;
        }

        .header-shape-500::before {
            content: '';
            position: absolute;
            display: inline-block;
            width: 0px;
            height: 0;
            border-left: 87px solid transparent;
            border-right: 2px solid transparent;
            border-bottom: 159px solid #fff;
            margin-top: -16.8%;
            margin-left: 91.5%;
            transform: rotate(8deg);
            box-shadow: 17px 0px 48px -8px rgb(57 54 68 / 11%);
            z-index: -5;
        }

    .header-shape-bottom-500 {
        width: 977px;
        height: 58px;
        background: #fff;
        position: absolute;
        top: -58px;
        z-index: -8;
        box-shadow: -1px 16px 25px -12px rgb(57 54 68 / 11%);
    }


    .page-content.hata2 {
        margin: 69px auto 0 auto;
        width: 100%;
    }

    .breadcrum-list-hata {
        width: 46%;
        margin-left: 25px;
    }

    .hata {
        width: 41%;
        margin-top: 15px;
    }

    .hata-2 {
        float: right;
        margin-right: 2px;
        margin-top: 120px;
    }

    .hata-500 {
        font-size: 106px;
        margin: -25px 0 -12px 0px;
    }

    .hata-text {
        font-size: 23px;
    }

    .hata-text2 {
        width: 86%;
        margin-top: 7px;
        line-height: 1.3;
        font-size: 18px;
    }

    .footer-bottom-left-500 {
        margin-left: 7px;
        width: 46%;
        margin-top: 22%;
    }

    .footer-bottom-center-500 {
        margin-left: -60px;
        margin-bottom: 34px;
    }

        .footer-bottom-center-500 img {
            margin-top: 27px;
            margin-left: 2px;
            max-width: 78%;
        }

    .footer-bottom-right-500 a {
        margin-top: 24%;
        margin-right: 3%;
    }
}