@media (max-width:1367px){
    .tanitimbgic{
        width:80%;
    }
}

@media (max-width: 768px)  {
    #owloduler .owl-item a img {
        max-height: 160px;
    }
    .otellist {
        flex-flow: column;
    }
    .lezzetaciklama {
        font-size: 12px;
        bottom: 12px;
    }
    .otelpic {
        height: 130px;
        width: 130px;
        background-size: 127px !important;
        margin-left: 10px;
    }
    .otelitem {
        margin: 0 0 15px;
        max-width: 100%;
    }
    .oteliname {
        left: 95px;
        top: 35px;
    }
    /*fy*/
    .tanitimbgic {
        width: 90%;
    }
    .cd-section > div {
        position: relative;
    }
    #header .social {
        display: none;
    }
    #footer, #oduller {
        height: auto !important;
        margin-bottom: 30px !important;
    }
    .cd-section .container-fluid, .cd-section .container-fluid .row {
        height: auto !important;
        min-height: auto !important;
    }
    .logo {
        max-width: 100% !important;
    }
    /*fy*/
    .bookButtons .bookButton button, .bookButtons .helpButton button{
        font-size:1.2rem;
    }
    .bookButtons {
        box-shadow: 1px -2px 20px 0px #f05921;
        position: fixed;
        right: 0;
        bottom: 0;
        width: 100%;
        -webkit-transform: translateY(0);
        transform: translateY(0);
        /*display: inline-block;*/
        zoom: 0.75;
        /*transform: scale(0.7*/
        /*margin: 0 auto;*/
    }
        .bookButtons .bookButton button {
            /* position: relative;
            z-index: 10;*/
            width: 100%;
            padding: 5px 20px;
            border-radius: 0px;
        }
        .bookButtons .helpButton button {
            /*position: relative;
            z-index: 10;*/
            width: 100%;
            padding: 5px 20px;
        }
        .bookButtons .wpbutton button {
            /*position: relative;
            z-index: 10;*/
            width: 100%;
            padding: 5px 20px;
            border-radius: 0px;
        }
    .headerrezbtn, .headercontactbtn{display:none;}
    .tanitimbg h2.playfair {
        font-size: 17px !important;
    }
    h2.playfair {
        font-size: 2rem;
    }
    h1.playfair, .tanitim h1 {
        font-size: 3rem;
    }
    .iletisim .row > div:last-child {
        order: 1;
    }

    .iletisim .row > div:first-child {
        order: 2;
    }
    .iletisim {
        margin: 0 !important;
    }
    .iletisim .row > div:first-child {
        order: 2;
    }
    .iletisim .row #iharita {
        display: flex;
        flex-flow: column-reverse;
    }
    .iletisim .row > div:last-child {
        order: 1;
    }
    .ogeinner .col-md-7 {
        margin-bottom: 40px;
    }
    a.odaplanibtn {
        padding: 10px 7px;
    }
    a.odarezbtn {
        padding: 10px 7px;
    }
    .ogeinnersagtext h1, .ogeinnersoltext h1 {
        font-size: 2rem;
    }
    .akticeriktitle {
        font-size: 17px;
        padding: 10px 7px;
    }
    .sadecemobilgalerim {
        display: block !important;
    }
    #galerikategori {
        display: none;
    }
    .myters {
        flex-flow: column-reverse;
    }
    .ogeimg {
        height: 175px !important;
    }
    .anaodabg{
        height:400px;
    }
    .tanitimbg h1.playfair {
        font-size: 22px;
    }
    .bookButtons .bookButton {
        width: 40%;
    }
    .bookButtons .helpButton {
        width: 40%;
    }
    .bookButtons .wpbutton {
        width: 20%;
    }
    div#cookieuyari {
        padding: 10px 15px;
        justify-content: left;
    }
    .cookieyazi {
        width: 70%;
        font-size: 12px;
    }
    .cookiebutondiv {
        width: 30%;
        padding: 0;
    }
    .cookiebuton {
        font-size: 10px;
        padding: 0 2px;
        line-height: 37px;
    }
    .tanitimbgic p {
        font-size: 14px;
        line-height: 20px !important;
    }
    .tanitimbg {
        height: auto;
        padding: 0;
        min-height: 435px;
    }
    .bgsiyah {
        height: 100%;
        background: rgba(0,0,0,.6) !important;
    }
    .chngimgul {
        padding: 10px;
    }
    .chngimgul li {
        font-size: 11px;
        padding: 5px 0px;
        min-width: 88px;
        margin: 0 0px;
    }
    .tanitimbgic {
        padding: 26px 10px;
    }
    .cd-section > div {
        min-height: auto;
    }
    .cd-section{
        height:auto;
    }

    #slider{height:400px; /*margin:20px auto;*/}
    #header{position:absolute; display:block;}
    .anasliderbg {height:400px;}
    .cb-slideshow li span {
        /*background-size: contain;*/
        background-size: cover;
        overflow: hidden;
        height: 400px;
    }
    .cb-slideshow {
        height: 400px;
        overflow: hidden;
    }
    #toggle.active {
        position: fixed;
        z-index: 999;
        right: 55px;
        content: url("../images/x.png");
        height: 31px !important;
        margin-top: 4px;
        top:55px;
    }

    .logocol{text-align:center;}
    /*.cd-section {
        zoom: 0.65;
    }*/
        .cd-section:last-child {
            zoom: inherit;
            zoom: initial;
            zoom: unset;

        }
    .gosterveriler {
        width: auto;
        bottom: 12px;
        left: 0;
        padding: 10px;
    }
    .lezetopt li {
        font-size: 13px;
        padding: 6px 12px;
    }
    .gosterveriler > div.active {
        padding: 0;
        font-size: 12px;
    }
    .bgkoyanarest {
        height: 50vh;
    }
    .altmenu li:after{
        display:none;
    }
    .altmenu a {
        padding: 5px 6px;
        font-size: 12px;
    }
    .social img[src="photos/wp.png"] {
        display: none;
    }
    #footer h4 {
        font-size: 1.2rem;
    }
    .footer444 {
        padding: 10px 15px;
        display: inline-block;
    }
    .cb-slideshow li {
        overflow: hidden;
        height: 200px;
    }
        .cb-slideshow li div h3 {
            font-size: 30px;
            line-height: 30px;
            color: white;
            text-shadow: 0px 1px 2px rgba(0, 0, 0, 1);
        }

    .cb-slideshow:after {
        content: '';
        background:none;
    }
    #header {
        /*background: url(../images/pattern.png) repeat top left;*/
        /*background: linear-gradient( 0deg,rgba(255,255,255,0) 0,rgba(0,0,0,0.45) 25%,rgba(0,0,0,.64) 50%,rgba(0,0,0,.74) 75%,rgba(0,0,0,.9) 100%);*/
        background: linear-gradient( 0deg,rgba(255,255,255,0) 0,rgba(0,0,0,0.45) 25%,rgba(0,0,0,.64) 50%,rgba(0,0,0,.74) 75%,rgba(0,0,0,.9) 100%), url(../images/pattern.png) repeat top left;
    }
    /*#footer {
        height: 700px !important;
        margin-bottom:180px;
    }*/
    .footertakipedin{text-align:center;}

    }