@media (max-width:992px) {
    form {
        width: 100%;
    }

    #diller {
        width: auto;
    }

    body {
        padding: 15px;
    }

    #header {
        text-align: center;
        height: auto;
    }

    #logo {
        float: none;
        width: auto;
        height: auto;
    }

        #logo img {
            width: auto;
            height: auto;
            margin: 0;
        }

    #headersol, #headersag {
        display: none;
    }

    #headerorta {
        background: none;
        width: 100%;
        height: auto;
    }

    #exp {
        width: 100%;
        clear: both;
        text-align: center;
    }

        #exp span {
            width: 100%;
            height: auto;
            float: left;
            line-height: normal;
            font-size: 12px;
            letter-spacing: initial;
            text-align: center;
        }

    #callbaslik {
        height: auto;
        text-align: center;
        width: 100%;
        margin: 15px 0 5px 0;
        font-size: 12px;
    }

    #callno {
        width: 100%;
        text-align: center;
    }


    #callleft, #callright {
        height: auto;
        display: block;
        width: 50%;
    }

    #slider .bx-prev {
        left: -10px;
        width: 25px;
        background-color: #fff;
    }

    #slider .bx-next {
        right: -10px;
        width: 25px;
        background-color: #fff;
    }

    #slider .bx-pager {
        bottom: -7%;
    }
}

@media (max-width:768px) {
    #buton {
        width: 100%;
        clear: both;
        height: auto;
        margin-top: 15px;
        background: none;
        text-align: center;
    }

        #buton a {
            float: none;
            display: inline-block;
            height: auto;
            line-height: normal;
            background: #CACDA2;
            border-radius: 20px;
            padding: 15px 30px;
        }

    #oteladidetay, #otelpaketbaslik {
        font-size: 18px;
        padding: 0;
        background: none;
    }

    .main {
        text-align: center;
    }



    #step {
        width: 100%;
        float: none;
    }

    #price {
        position: relative;
        float: left;
        margin: 15px;
        display: block;
        width: 100%;
        text-align: center;
        height: auto;
    }

        #price #toplam-fiyat {
            display: block;
            width: auto;
            margin: 0;
            padding: 0;
            height: auto;
        }

    div#geri-ileri {
        float: left;
        width: 100%;
        margin: 15px 0;
        text-align: center;
        height: auto;
    }

    #geri-ileri span#geri,
    #geri-ileri span#ileri {
        float: none;
        display: inline-block;
        margin-bottom: 15px;
    }

    .list-top, .list-footer {
        background: none;
    }


    .list-body {
        border-radius: 20px;
        background: rgba(0,0,0,0.1);
    }

        .list-body div {
            clear: both;
            width: 100%;
        }

    .sonuc-liste1, .sonuc-liste2 {
        clear: both;
        width: 100%;
        padding: 0;
        text-align: center;
        background: none;
        border-bottom: 1px solid rgba(255,255,255,0.6);
    }

    .list-body div img {
        float: none;
        margin: 0;
    }

    .sonuc-ad, .sonuc-baslik {
        width: 100%;
    }

    .sonuc-fiyat {
        position: relative;
        right: initial;
        width: 100%;
        clear: both;
        margin: 15px;
    }

    .list-body p {
        clear: both;
    }

    .list-body h3 {
        position: relative;
        top: initial;
        left: initial;
    }

    #rezervasyon-detaylari {
        text-align: center;
    }

    .sonuc-toplam-fiyat {
        border: none;
    }

        .sonuc-toplam-fiyat span {
            position: relative;
            top: initial;
            right: initial;
        }

        /*iframe {
    width: 100%;
    height:10%
}*/
}

@media (max-width:480px) {
    #callleft, #callright {
        width: 100%;
    }

    #callno {
        font-size: 18px;
    }

    #otelkutudetay, #hotel-block-right {
        width: 100%;
        text-align: center;
        margin-bottom: 15px;
    }

    #otelcercevedetay {
        width: auto;
    }

    .gallery, .video, .review {
        float: right;
        width: 45%;
    }

    .gallery, .video, .review {
        background: #C0C091;
        width: 100%;
        height: auto;
        border-radius: 20px;
    }

        .gallery a, .video a, .review a {
            display: block;
            height: auto;
        }

    .kutular {
        margin-left: 0;
        margin-right: 0;
        clear: both;
    }
}