/* WIDTH < 900 */
@media (max-width:900px){
    .main{min-width:480px}

    .smallnav{display:block;padding:2px;cursor:pointer;position:absolute;top:56px;right:10px;z-index:2}
    .smallnav .icon{line-height:25px}
    #navigator{overflow:hidden;background:#fff;padding:10px;border:none;display:none;position:absolute;right:10px;z-index:999;margin:0 auto;border-radius:5px}
    #navigator nav a, #navigator .nav5, #navigator .nav7{display:block;float:none;margin:0 0 10px 0;text-align:center;padding:0 10px;text-decoration:none;cursor:pointer}
    #navigator .nav6{display:none}
    #navigator .nav7{margin-bottom:0}

    #alerts{top:105px}
    #address{padding-bottom:10px;margin-bottom:10px;border-bottom:4px solid #fec71c}
    #search{width:100%;float:none;margin:0}
    #search form{margin:0 10px}
    #search .calendarbook{display:none}
    #search .searchdate{border-top-left-radius:5px;border-top-right-radius:5px}
    #search header{margin:0 10px}
    #cart{width:100%;float:none;margin:0}
    #cart header, #cart article, #cart .amount, #cart .cartempty{margin-left:10px;margin-right:10px}
    #map{width:100%;float:none;margin:10px 0 0 0}
    #map header, #map article{margin-left:10px;margin-right:10px}

    #credits{background:url(../images/searchboxpowered.png) no-repeat center 33px #444;height:80px}
    #credits .powered{display:none}
    #credits aside{display:none}
    #credits .view .viewdesktop{display:block}
    #credits .view .viewmobile{display:none}

    #content .stepbar.fixbar{left:20px;right:20px}
    #slide{padding:0 20px}
}

/* WIDTH < 600 */
@media (max-width:600px){
    #content #package article.sales .thumb{display:none}
    #content #package .lcorner{margin-right:0;padding-right:10px}

    #country .list > div{width:200px !important}
    #country .list a{width:160px !important}

    .feedbacks > article > div{display:block}
    .feedbacks .global{border-right:0;border-bottom:1px solid #ccc;width:100%;margin-bottom:20px}
}

/* WIDTH < 500 */
@media (max-width:500px){
    body{padding:0;background:#444 !important}
    .main{border-radius:0;background:#bbb;min-width:280px}

    #alerts{position:fixed;top:0;left:0;right:0;z-index:9999}
    #slide .thumbs{display:none}

    #country .buttons{top:9px}
    #country > span{display:none}
    #country .lang .code{display:none}
    #country .lang a .iconlang{margin:0}
    .smallnav{top:60px}

    #address{border-radius:0;background:#444;padding-right:10px}
    #address article{clear:left}
    #address article .hotelname{display:block;margin:0 140px 0 0;font-size:100%;color:#fff}
    #address article div span{display:block !important;margin:0 !important}
    #address article .city{color:#ccc}
    #address article .city span{display:inline-block !important;color:#fff}
    #address article .city a{color:#F7CE00}
    #address .logo{display:none}

    /*    #index #search,
        #offers #search,*/
    .singleoffer .offerclick,
    #customer #search,
    #where #search,
    #feedbacks #search,
    #where #panorama{display:none}
    #search .night{width:100%}
    #search .night label{float:left;line-height:30px}
    #search .night div{float:right}
    #search .night span{width:30px}
    #search .night input{width:38px;border-radius:0}
    #search .lcol{float:none;height:100%;overflow:hidden;margin:0;text-align:right}
    #search .lcol label{float:left;line-height:30px}
    #search .datepickercalendar{right:20px;left:20px}
    #search .calendar{z-index:9999;width:100%}
    #search .calendar .day{height:24px;line-height:24px}
    #search select.required{width:100%}

    #step1 #content #topText,
    #step2 #content #topText,
    #step3 #content #topText,
    #step4 #content #topText{display:none}

    #content #customer #customerform div{display:block;float:none;margin:0;width:100%}
    #content #customer #customerform .action{margin-top:10px}
    #content #results .title .photos{background:none;border:none;padding-bottom:0;position:relative;z-index:2}
    #content #results .title .photos a{width:60px;height:45px;float:none;display:block}
    #content #results h2{font-size:120%}

    #content #results .title {display:block}
    #content #results .title > div{display:block;position:relative}
    #content #results .title > div > div{display:block}
    #content #results .title .name{padding-right:10px}
    #content #results .title .rprice{position:absolute;right:0;top:0}

    #content #results .rprice{margin:0;width:100%;padding-left:0;height:auto;background:none;border:none;box-shadow:none;line-height:14px}
    #content #results .rprice .rng{color:#444;font-weight:bold}
    #content #results .rprice .rng:first-child{display:inline-block !important}
    #content #results .rprice b{font-size:133%;margin:0;display:inline-block !important;font-weight:bold}
    #content #results .rprice .btn{width:100px;line-height:20px;margin:0 0 0 auto !important}
    #content #results .rprice .last{position:absolute;bottom:10px;left:10px;z-index:3;border-radius:0 3px 3px 3px}
    #content #results .data input[type=text]{width:98%}
    #content #results .category h2{font-size:91%;line-height:18px}
    #content #results .formpart{width:100% !important;float:none !important}

    #content #results .rates{display:block;padding:10px 0}
    #content #results .rates .ratetitle{padding:0 3px;margin:0 10px;font-size:91%;width:auto}
    #content #results .rates .ratetitle .num,
    #content #results .rates .ratetitle .icon{display:none}
    #content #results .rates .thead > div > div{display:none}
    #content #results .rates .thead .price{display:block;width:auto;text-align:left;margin:0 10px;padding:0;border:none}
    #content #results .rates .thead,
    #content #results .rates .rowsale{display:block;clear:both;border-bottom:1px solid #ddd}
    #content #results .rates .roomrate{margin:0}
    #content #results .rates .rowsale{padding:2px 0;margin:0}
    #content #results .rates .rowsale > div{display:block;position:relative;background:none;min-height:60px}
    #content #results .rates .rowsale > div > div{display:block;border:none;padding:0 0 0 10px;text-align:left;line-height:20px}
    #content #results .rates .rowsale .num{float:left}
    #content #results .rates .rowsale .num .icon{background-position:0 -180px}
    #content #results .rates .rowsale .divsale,
    #content #results .rates .rowsale .guests,
    #content #results .rates .rowsale .price{width:auto;margin:0 120px 0 20px}
    #content #results .rates .rowsale:hover .qnt > div{border-color:#fff;box-shadow:none}
    #content #results .rates .rowsale .qnt{position:absolute;top:0;right:10px;width:auto;text-align:right}
    #content #results .rates .rowsale .qnt > div{width:auto;padding:0}
    #content #results .rates .qnt .selected, #content #results .rowsale:hover .qnt .selected{background:none;border:none}
    #content #results .rates .rowsale .qnt .selected input[type=text]{border:none;background:#fec21a}
    #content #results .rates .rowsale .qnt input{width:30px !important;line-height:30px}
    #content #results .rates .rowsale .qnt .icon{width:30px;height:30px;margin:0;padding:0;cursor:pointer;color:#fff;font-size:283%;text-align:center;border-radius:5px}
    #content #results .rates .rowsale .qnt .icon_minus{background:#b11116;line-height:23px}
    #content #results .rates .rowsale .qnt .icon_minus:before{content:'\2013'}
    #content #results .rates .rowsale .qnt .icon_plus{background:#308f39;line-height:30px}
    #content #results .rates .rowsale .qnt .icon_plus:before{content:'+'}
    #content #results .rates .btnbook{position:absolute;top:3px;right:10px;background:none;width:105px !important}
    #content #results .rates .btnbook input{width:105px !important;height:30px}

    #content #results .rates .closed{padding:0;margin:5px 10px;border-radius:5px}
    #content #results .rates .closed .rowinfo{display:block;clear:both;margin:0}
    #content #results .rates .closed .rowinfo .num{display:none}
    #content #results .rates .closed .rowsale{margin-bottom:0}
    #content #results .rates .rowinfo > div,
    #content #results .rates .rowinfo > div > div{display:block;padding:5px}
    #content #results .rates .rowinfo .qnt{display:none}

    #details .info,
    #details .feedback{display:none}
    #details .desc .thumb{width:60px;height:45px;display:block}
    #details .desc{padding-bottom:5px;border-bottom-left-radius:5px;border-bottom-right-radius:5px}

    #cart header{position:relative}
    #cart header .mod a{width:20px;height:20px;overflow:hidden}
    #cart header .mod b{font-size:120%}
    #cart .check b{font-size:170%}
    #cart .check label{display:none}
    #cart .check div{width:auto;line-height:14px;margin-top:5px}
    #cart .check span{padding:0 3px}
    #cart .check.from .bigarrow{width:5px;background-position:-6px -112px}

    #content .stepbar{overflow:hidden}
    #content .stepbar .btn, #content .stepbar .btn2{width:49%;padding:0}
    #step4 #content .stepbar .btn{width:70%}
    #step4 #content .stepbar .btn2{width:27%}
    #content .stepbar .step{display:none}

    #slides{display:none !important}
    #credits{border-radius:0}

    #social header p{max-width:145px;height:40px;overflow:hidden}
}