@charset "UTF-8";
/* CSS Document */

@media only screen and (max-width:1441px) {
    .header {
        width: 1320px;
    }

    .divInfo {
        width: 1170px;
    }

    .listelerDiv_havatemiz div ul li {
        margin: 30px 19px;
    }

    .yaprak4 {
        top: 17%;
    }
}

@media only screen and (max-width:1370px) {

    .header,
    .listelerDiv,
    .container4_center,
    .tabloDiv,
    .container5 {
        width: 1220px;
    }

    .listelerDiv_havatemiz {
        max-width: 1220px;
    }

    .leftd {
        height: 73vh;
    }

    .text_Info {
        font-size: 12px;
    }

    .back2 {
        height: 870px;
    }

    .infoTitle {
        font-size: 18px;
    }

    .titleLists p {
        line-height: 25px;
    }

    .titleLists p,
    .titleLists_havatemiz p,
    .con3_center,
    .con4_info p,
    .colorTablo p,
    .titleTablo,
    .iletisimdivs,
    .iletisimdivs form .formElement input,
    .footerAlt {
        font-size: 13px;
    }
}

@media only screen and (max-width:1281px) {
    .socialMedia {
        bottom: 14%;
    }

    .logo {
        width: 150px;
    }

    .owl-nav {
        width: 99%;
    }

    .owl-prev {
        left: -55%;
    }

    .owl-next {
        left: 46%;
    }
}

@media only screen and (max-width:1025px) {
    .owl1>.owl-nav {
        top: -70px;
    }

    .owl3>.owl-stage-outer>.owl-stage>.owl-item>.item {
        display: flex;
        justify-content: center;
    }

    .owl3>.owl-stage-outer>.owl-stage>.owl-item>.item>img {
        width: 111% !important;
    }

    .iletisimdiv div ul li:nth-child(2) {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        margin: 0 auto;
    }

    .mobilePrivate {
        display: block;
        width: 60%;
        margin: 0 auto;
    }

    .desktopPrivate {
        display: none;
    }

    .con3_Div {
        overflow: hidden;
    }

    .header,
    .listelerDiv,
    .container4_center,
    .tabloDiv,
    .container5 {
        width: 860px;
    }

    .listelerDiv_havatemiz,
    .container3 {
        max-width: 860px;
    }

    .leftd {
        height: 53vh;
    }

    .divInfo {
        width: 830px;
    }

    .logo {
        width: 130px;
    }

    .listelerDiv div ul li:nth-child(1) {
        width: 56%;
    }

    .listelerBoxs {
        width: 40%;
    }

    .listelerDiv_havatemiz div ul li:nth-child(1) {
        width: 31%;
    }

    .back1_Img {
        height: 1050px;
    }

    .rightContainer {
        margin-left: 23%;
    }

    .iletisimdiv div ul li:nth-child(1) {
        width: 45%;
    }

    .iletisimdivs form .formElement select {
        width: 108% !important;
    }

    .tabloDiv {
        margin-top: -30px;
    }

    .listelerDiv3 div ul li img {
        width: 110%;
    }

    .back2 {
        height: 700px;
    }

    .yaprak4 {
        top: -12%;
    }

    .listelerDiv3 div ul li:nth-child(2) {
        padding-top: 4%;
    }
}

@media only screen and (max-width:769px) {

    .header,
    .listelerDiv,
    .container4_center,
    .tabloDiv,
    .container5 {
        width: 630px;
    }

    .listelerDiv_havatemiz,
    .container3 {
        max-width: 630px;
        margin-top: 40px;
    }

    .listelerDiv_havatemiz div ul li:nth-child(1) {
        width: 100%;
        text-align: center;
        margin: 0;
    }

    .listelerDiv_havatemiz div ul li:nth-child(2) {
        width: 100%;
        text-align: center;
        margin: 0;
        margin-top: 20px;
    }

    .listelerDiv div ul li:nth-child(1) {
        display: block;
        width: 100%;
        margin: 0px 0px;
        text-align: center;
    }

    .listelerDiv div ul li:nth-child(2) {
        display: block;
        width: 100%;
        text-align: center;
        margin-top: 40px;
    }

    .rightd,
    .leftd,
    .leftContainer,
    .rightContainer {
        display: none;
    }

    .blockDiv {
        display: block !important;
    }

    body {
        background: #FFF;
    }

    .titleLists_havatemiz p {
        width: 100%;
        padding: 10px 0px 10px;
    }

    .etkinKorumaimg {
        width: 160%;
        margin-left: -40%;
    }

    .iletisimdiv div ul li:nth-child(1) {
        width: 100%;
        display: block;
        margin: 0;
        margin-bottom: 45px;
    }

    .iletisimdiv div ul li:nth-child(2) {
        display: block;
        width: 100%;
        margin: 0;
    }

    .iletisimdivs form .formElement select {
        width: 104% !important;
    }

    .floatLeftDiv,
    .floatRightDiv {
        width: 90%;
    }

    .logo {
        margin-left: 0 !important;
        opacity: 1 !important;
    }

    .menuDiv {
        margin-left: 0 !important;
        opacity: 1 !important;
    }

    .listelerDiv3 div ul li {
        vertical-align: bottom;
    }

    .mobilescreen {
        display: block;
    }

    .imgDiv img {
        width: 150%;
        margin-left: -26%;
    }

    .bilgiDiv {
        display: block;
    }

    .back1_Img {
        display: none;
    }

    .back2 {
        display: none;
    }

    .listelerDiv {
        position: unset;
    }

    .container2_background {
        margin-top: 25px;
    }

    .container1_background {
        background: #00a199;
        padding: 50px 0px 50px;
    }

    .listelerDiv3 {
        position: relative;
        left: 0;
    }

    .container3_background {
        position: relative;
        background: #00a199;
        padding: 50px 0px 1px;
        margin-top: 70px;
    }

    .listelerDiv3 div ul li:nth-child(2) {
        padding-top: 0%;
        padding-bottom: 40px;
    }

    .yaprak4 {
        top: -29%;
    }

    .listelerDiv div ul li {
        margin: 0px 0px;
    }
}

@media only screen and (max-width:500px) {
    .boxSTop {
        margin-top: 60px;
    }

    .mobilePrivate {
        width: 100%;
    }

    .owl-carousel .owl-item img {
        width: 100% !important;
    }

    .logo {
        width: 100px;
    }

    .maps {
        width: 100%;
    }

    .owl-carousel {
        display: block;
    }

    .owl3 {
        margin-top: 27%;
    }

    .header,
    .listelerDiv,
    .container4_center,
    .tabloDiv,
    .container5,
    .textdivMobile {
        width: 85%;
    }

    .listelerDiv_havatemiz,
    .container3 {
        width: 85%;
    }

    .listelerBoxs {
        width: 90%;
        line-height: 20px;
        text-align: center;
        margin: 15px 0px;
    }

    .imgDiv img {
        width: 270%;
        margin-left: -86%;
    }

    .textdivMobile {
        text-shadow: 1px 1px 10px black;
    }

    .boxKutuS {
        bottom: -59px;
        width: 160px;
    }

    .listelerDiv3 div ul li:nth-child(2) {
        width: 94%;
        padding-bottom: 0px;
    }

    .listelerDiv3 div ul li img {
        width: 100%;
        margin-top: 20px;
        position: relative;
        left: -20px;
    }

    .listelerDiv3 div ul li:nth-child(1) {
        width: 85%;
        text-align: center;
        margin: 0 auto;
        display: block;
    }

    .etkinKorumaimg {
        width: 310%;
        margin-left: -150%;
    }

    .container4::before {
        content: '';
        background: #00000075;
        position: absolute;
        top: 0;
        height: 100vh;
        width: 100%;
    }

    .footerUst img {
        width: 300px;
    }

    .yaprak4 {
        bottom: 0;
        top: unset;
        right: 40px;
        left: unset;
    }

    .container4_center {
        top: 21%;
    }

    .tablo {
        width: 50% !important;
    }

    .iletisimdivs form .formElement select {
        width: 100% !important;
    }

    .iletisimdivs form .formElement input {
        width: 93.5%;
    }

    .arrowS {
        right: 15px;
    }

    .sendButton {
        left: 0px;
    }

    .container4_title h1 {
        color: #FFF !important;
    }

    .menuDivRight {
        top: 17%;
    }

    .mobileBox {
        width: 280px;
    }

    .con3_Div {
        overflow: unset;
    }

    .yaprak1 {
        display: none;
    }

    .floatRightDiv {
        margin-top: 20px;
        margin-bottom: 40px;
    }

    .titleLists p,
    .titleLists_havatemiz p,
    .con3_center,
    .con4_info p,
    .colorTablo p,
    .titleTablo,
    .iletisimdivs,
    .iletisimdivs form .formElement input,
    .footerAlt {
        font-size: 12px;
    }

    .title_little,
    .titleListe h3,
    .container4_title h2,
    .iletisimTitle {
        font-size: 22px;
    }

    .titleListe h1,
    .title_con3,
    .container4_title h1 {
        font-size: 28px;
    }

    .markala_Div div {
        width: 100%;
        display: block;
        vertical-align: top;
        border: 1px solid #e9e9e9;
        margin: auto;
        margin-bottom: 40px;
    }

    .iletisimdivs form .formElement textarea {
        width: 93%;
    }
}

@media only screen and (max-width:360px) {
    .titleTablo {
        font-size: 11px !important;
    }
}