@media only screen and (max-width: 1010px), (max-device-width: 480px) {/*only screen and 480*/
    /* For general iPod layouts */
    .main
    {
        width: 100%;
    }
    .hotelhits_menu
    {
        margin-top: 50px;
    }

    body{height : 100%;}

    .mobile_phone
    {
        display: block;
        font-size: 16px;
        margin-top: 0px;
    }

    .header
    {
        padding-top: 0px;
        /*position: fixed !important;*/
        top: 0;
        left: 0;
        z-index: 1030;
        border: none;
        min-width: 100%;
        width: auto;;
        height: 40px;
    }

    .ui-header{position: fixed !important;}

    .ui-content
    {
        padding: 0 2px !important;
    }

    .header .contacts
    {
        display: none;
    }

    .header .nav {
        width: auto;
        height: auto;
        box-shadow: 0px 0px 10px rgba(0,0,0,1);
        -moz-box-shadow: 0px 0px 10px rgba(0,0,0,1);
        -webkit-box-shadow: 0 0px 10px rgba(0,0,0,1);
        behavior: url(../js/border-radius.htc);
        padding: 5px;
    }


    .header .nav .logo
    {
        float: right;
        margin-top: 5px;
    }


    .header .nav a
    {
        margin-right: 0px;
    }

    .btn-navbar
    {
        display: block;
        background-color: #035999;
        /*background-image: -moz-linear-gradient(center top , #333333, #222222);
        background-repeat: repeat-x;*/
        border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
        box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset, 0 1px 0 rgba(255, 255, 255, 0.075);
        float: left;
        margin-left: 5px;
        margin-right: 5px;
        padding: 5px 7px;
        margin-top: 0px;
        border-image: none;
        border-radius: 4px 4px 4px 4px;
        border-style: solid;
        border-width: 1px;
        color: #333333;
        cursor: pointer;
        font-size: 13px;
        line-height: 18px;
        margin-bottom: 0;
        text-align: center;
        text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
        vertical-align: middle;
        text-decoration: none;

    }

    .btn-navbar .icon-bar {
        background-color: #F5F5F5;
        border-radius: 1px 1px 1px 1px;
        box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
        display: block;
        height: 3px;
        width: 25px;
    }

    .btn-navbar .icon-bar + .icon-bar {
        margin-top: 4px;
    }

    a.brand {
        background: url('../img/logo_small.png') no-repeat scroll 0 3px transparent;
        font-size: 17px;
        padding-left: 80px;
        height: 17px;
    }

    #navigation_title
    {
        background-color: #ffffff;
        text-align: center;
        vertical-align: middle;
        font-weight: bold;
    }

    .ui-panel-open
    {
        background-color: #035999;
    }

    ul.topmenu li
    {
        background: none;
        display: block !important;
      /*  width: 100%;*/
        padding-left: 0px !important;
    }

    .travel_list a span {
        font-size: 18px !important;
        margin: 17px 0px 5px 6px;
    }

    .topmenu .travel_list a span {
        font-size: 12px !important;
    }

    .travel_list a span.arrow{margin: 14px 5px 0px 0px !important;}

    .reservation span{font-size: 16px;}

    .arrow {
        background: url("../img/arrow.png") no-repeat scroll 0 5px transparent;
        margin-right: 5px !important;
        line-height: 20px;
    }

    .ui-panel-inner {
        padding: 0px !important;
    }

    /***********************!!!!!!!!!!!!!!!!!!!!!!!!!!!**********************/
    .f-nav{ z-index: 9999; position: fixed; left: 0; top: 0; width: 100%;}
    /***********************!!!!!!!!!!!!!!!!!!!!!!!!!!!**********************/
    ul.topmenu > li{
        padding: 14px 0px 0px 6px;
        border-bottom: 1px solid #2088D6;
        border-radius: 3px 3px 3px 3px;
    }

    ul.topmenu > li:first-child {
        padding: 10px 0px 6px 6px;
    }

    ul.topmenu > li > a
    {
        display: block;

        color: #ffffff;
        float: none;
        text-decoration: none;
        text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
        font-size: 16px !important;
        font-weight: bold !important;
        margin-bottom: 6px;
        line-height: 32px;
        padding: 0 !important;/*padding: 14px 10px 6px 6px*/
        /* margin-bottom: 2px !important; */
        vertical-align: middle;
        text-align: center;

    }

    ul.topmenu > li:hover
    {
        background-color: #2088D6;
    }

    .travel_list
    {
        width: 100%;
    }

    .top_menu_travel_list
    {
        background-color: #ffffff;
        width: 100%;
        padding: 5px;
    }

    .top_menu_travel_list a
    {
        width: 100% !important;
    }

    .top_menu_travel_list a:last-child
    {
        margin-bottom: 0px;
    }

    .top_menu_travel_list  a span
    {
        display: inline-block;
    }

    .zoom
    {
        display: block;
        background: url('../img/loupe.png') no-repeat;
        width: 30px;
        height: 30px;
        float: left;
        margin-left: 5px;
    }

    #search_hotel{background-color: #ffffff;/*padding: 10px;*/}

    .search_hotel
    {
        display: none;;
        padding-top: 60px;
        padding-left: 10px;
        display: none;
        position: fixed;
        background-color: #ffffff;
        top: 0px;
        width: 100%;
        z-index: 10;
        overflow: auto;
        left: 0;
        /*height: auto !important; 400px */
    }

    .search_hotel h1
    {
        margin-bottom: 0px;
    }

    .search_hotel .icon-th
    {
        width: 20px !important;
        height: 20px !important;
    }

    #search_hotel form {margin: 0 10px;width: auto;}
    #search_hotel h1 {margin: 10px;}
    .search_hotel form
    {
        margin-right: 10px;
        margin-top: 40px;
    }

    .search_hotel form select
    {
        height: 24px;
        font-size: 18px;
    }

    .search_hotel form input
    {
        height: 24px;
    }

    .search_hotel form label, .search_hotel form p, .search_hotel form input
    {
        font-size: 14px;
    }

    .input-append.date
    {
        width: 100%;
    }

    .static_info{display: none;}

    .submit_search
    {
        margin-left: 0px;
        width: 100%;
    }

    .top_menu
    {
        display: none;
    }
    #top_menu
    {
        background-color: #035999;
        margin-top: 0px !important;
        display: block;
    }

    .ui-panel.ui-panel-open {
        position:fixed !important;
    }

    .ui-panel {
        overflow: auto !important;
        min-height: 0 !important;
    }

    /*.ui-panel-content-wrap
    {
        -webkit-overflow-scrolling:touch;
        overflow-scrolling:touch;
    } */

    .main_content {
        background: none;
        padding-top: 50px;
    }

    .main_content
    {
      /*  width: 100%;*/
        -webkit-overflow-scrolling: touch;
        -moz-overflow-scrolling: touch;
        -o-overflow-scrolling: touch;
        -ms-overflow-scrolling: touch;
        overflow-scrolling: touch;
    }

    /*.main_content > * {
        -webkit-transform: rotateY(0);
    } */

    .banner .ui-link img
    {
        /*display: none;*/
        width: 100% !important;
        height: 100% !important;
    }

    .banner
    {
        width: auto;
    }
    .section {
        background: none;
    }


    .small_list, .content
    {
       /* float: left;*/
        width: 100%;
    }

    .hotelhits_menu
    {
        padding: 0px 5px 5px 5px !important;
        height: auto;

    }

    #content {
        padding: 0px;
        top: 0px;
        overflow:auto;

    }

    #slideshow
    {
        display: none;
    }

    .small_list .travel_list a, .travel_list a, .hotelhits_list a {
        width: 100%;
        clear: both;
        height: 50px;
    }

    .round_tours .accordion-heading a
    {
        padding-left: 0;
        padding-right: 0;
        width: 100%;
    }

    .small_list .round_tours .accordion-heading a
    {
        width: 100%;
    }

    .round_tours .accordion-heading a span:first-child{
        margin-left: 5px;
    }

    .arrow_down {
        background: transparent url("../img/arrow_down.png") no-repeat scroll 0 5px;
        line-height: 20px;
        margin-right: 5px !important;
    }

    .accordion-inner a {
        margin-right: 20px;
    }
    .round_tours .accordion-heading{
        width: 100%;
    }
    .travel_list a
    {
        padding: 0px !important;
    }


    .travel_list a div.arrow
    {
        width: 13px !important;
        margin-top: 14px;
    }

    .small_list .travel_list a,.travel_list a
    {
        margin-right: 0px;
        z-index: 10;
    }

    .hotel div .hotel_data
    {
        width: 65% !important;/*200px*/
    }

    .hotel-list .hotel_data
    {
        width: 210px !important;
    }

    .hotel div .hotel_data .offers span
    {
        width: 100% !important;
    }

    .hotel_image img
    {
        width: 90px !important;
    }

    .hotel_images img
    {
        width: 100px !important;
    }

    .data_hotels .hotel
    {
        width: 100%;
    }

    .data_hotels .hotel_image
    {
        width: 100px;
        height: auto;
        padding-bottom: 0 !important;
    }

    .hotel-info .hotel_column_right
    {
        width: 62%;
    }

    .hotel_column_right
    {
        width: 60%;
    }

    .hotel-list .hotel_images
    {
        width: 110px;
    }

    .hotel-list
    {
        width: 100%;
    }

    .hotelhits_menu div div.hotel_list_link:last-child
    {
        width: 100% !important;
    }

    .hotels_all_data
    {
        width: 100% !important;
        float: left !important;
    }

    .data_hotels .offers .price
    {
        float: left;
    }

    div.reservation_form div div:first-child, div.reservation_form div div:last-child
    {
        float: none;
    }

    div.reservation_form #complite_guide .ui-input-text, div.reservation_form #last_return .ui-input-text
    {
        float: left !important;
    }

    .reservation_description
    {
        width: auto !important;
    }

    div.reservation_form input
    {
        height: 25px;
        font-size: 18px;
    }

    div.reservation_form div
    {
        padding-bottom: 0px !important;
    }

    .ok_submit
    {
        font-size: 16px !important;
        height: 40px !important;
    }

    .destination_info table
    {
        width: 100%;
    }

    .destination_info table td
    {
        width: 100%;
        clear: both;
        float: none;
        display: block;
    }

    .about_content
    {
        width: 100% !important;
        padding-right: 0px !important;
        margin-bottom: 10px;
    }

    .dest_content .katalogs .controls
    {
        width: auto;
    }

    .catalog_new_img
    {
        background: none;/*url("../img/katalogue_neu_small.png") no-repeat*/;
        width: 0px;
        height: 0px;
        /*margin-bottom: 10px;
        float: left;*/
    }

    .dest_content, .dest_content .katalogs
    {
        float: left;
        width: 100%;
    }

    .user_info div
    {
        float: none !important;
        width: 100% !important;
    }

    .user_info{width: 100%;}

    .user_info input
    {
        height: 25px;
        font-size: 18px;
        width: 100% !important;
    }


    .datepicker{left:60px !important;}
    .datepicker:before , .datepicker:after{left: 60px !important;}
     #img_start{width: 20px !important;height: 20px !important;}
     #search_form #text, #date_start{height: 20px;}
    #search_form #text{width: 100%;}

    .ui-btn-inner{display: none;}
    .katalogs .ui-btn-inner{display: inline-block;}
    .katalogs label { margin-left: 10px; }
    .katalogs input{float: left;}
    #number_people div{float: left;width: auto;}
    #number_people label{float: left;font-size: 16px;}

    #send_order{width: 200px;font-size: 16px;}

    .about_title{margin-top: 40px;}
    .ui-panel-dismiss{position: fixed !important;}
    /*.ui-loader{display: block !important;}*/
    .ui-loader .ui-icon{background: url("../img/ajax-loader.gif") repeat scroll 46px 46px transparent;}

    .pagination > a { display: none; }
    .pagination .dots { display: inline;}
    .pagination a:first-child , .pagination a:last-child, .pagination a.next_page {display: inline !important;}
     .pagination .previous_page{ padding-left: 20px;padding-right: 0px;}
    .pagination .next_page{ padding-right: 20px;padding-left: 0px;}
    .pagination .current, .pagination a{padding: 0 5px;}

    #download_pdf {
        height: 30px;
        margin-top: 15px;
    }

    .hidden_mobile {display: none !important;}
    .fancybox-nav span {visibility: visible !important;}

    .alert-flash{ left: -290px;}

    #number_people div .small_input
    {
        margin-right: 5px;
    }

    #number_people label{margin-top: 4px;}

    .ok_submit_btn
    {
        border-bottom: 1px solid #CCCCCC;
        border-top: 1px solid #CCCCCC;
        border-left: 0px;
        border-right: 0px;
        margin-top: 10px;
        margin-bottom: 10px;
        background: url("../img/blue_arrow.png") no-repeat scroll 0 14px transparent;
        padding-left: 5px;
        color: #000;
        cursor: pointer;
        width: 100%;
    }
    .ok_submit{border: 0px;background: none;margin-bottom: 0;color: #000;}

    .icon-th{width: 25px;height: 25px;}


    .lang, .destinations .lang {
        top: 12px;
        left: 90px;
    }

    .topmenu .lang {
        position: relative;
        top: 0px; left: 0px;
        display: inline;
    }

    a.short_switcher {
        display: inline !important;
    }

    a.long_switcher {
        display: none !important;
    }

    /*.tour img*/
    /*{*/
        /*width: 100%;*/
    /*}*/
    .tour-list{
        width: auto;
        margin-left: auto;
        margin-right: auto;
    }

    .tour-list .tour {
        float: none;
        margin-left: auto;
        margin-right: auto;
    }

    .tour-list div.tour:nth-child(2n) {
        float: none;
        margin-left: auto;
        margin-right: auto;
    }

    .hotel .offers .offer_details, .hotelhits_title h3
    {
        display: none;
    }

    .red_arrow{
        height:20px;
    }
     .ui-page
    {
        overflow: auto !important;
        -webkit-overflow-scrolling: touch;
        overflow-scrolling: touch

    }

    .scrollable {
        overflow-y: scroll;
        -webkit-overflow-scrolling: touch;
    }

    /* iOS specific fix, don't use it on Android devices */
    .scrollable > * {
        -webkit-transform: translateZ(0px);
    }
}
@media only screen and (max-width: 470px)
{
    .round_tours
    {
        display: none;
    }
}