@media only screen and (orientation: portrait) { 

    .orbit-container .orbit-prev {
        bottom : 10%;
        left: 2%;
        top: auto;
        margin: auto;
    }

    .orbit-container .orbit-next {
        right: auto;
        top: auto;
        margin: auto;
        bottom : 10%;
        left: 25%;
    }
    
    .orbit-container span[data-picture], .orbit-container span[data-picture] img{
        width: 100%;
        margin: 0;
        padding:0;
    }  
    
    .orbit-container span[data-picture] > span {
        width: 0;
        margin: 0;
        padding:0;
    }

    .orbit-container .orbit-prev > span  {
        background: url('../img/0-arrow-left-mobile.png') no-repeat;         
    }

    .orbit-container .orbit-next > span {
        background: url('../img/0-arrow-right-mobile.png') no-repeat;  
    }

    .orbit-container .orbit-prev > span, .orbit-container .orbit-next > span {
        width: 23px;
        height: 41px;
    }

    .top-slider .best-price { 
        background: url('../img/price-mobile.png') no-repeat;
        /*width: 144px;
        height: 139px;*/
        width: 125px;
        height: 116px;
        right: 24.6%; 
        /*top: 3%;*/
        bottom: auto;
        text-align: center 
    }

    .top-slider .best-price h2 { 
        margin: 0
    }

    .top-slider .best-price h2 a {   
        font-family: 'TitilliumText22LMedium';        
        font-size: 18px;
        font-weight: normal;
        line-height: 19px;
        margin: 21px 10px 0;            
        text-transform: uppercase;
        text-decoration: none;
    }

    .top-slider .best-price a {
        text-decoration: underline;
        margin-top: 8px;
        display: block;
        color: #222222
    }

    .top-bar .title-area i.top-logo u {   
        position: absolute;
        top: -2000px;    
    }

}

.interests-content {
        margin-bottom: 10px;
    }


@media only screen and (max-width: 548px) {
    /* Mobile styles go here */
    body{width:100%;}
    img{max-width:100%;}

    .menu-icon a, .login a, .top-bar .menu-icon a {
        font-size: 10px;
    }

    .top-bar .toggle-topbar.menu-icon {
        float:left;
    }

    .top-bar .title-area {
        width:62%;
        float:left;
    }

    .top-bar-section {
        float:left;
    }

    .banners section.clube, 
    .banners iframe,
    .banners section.you-tube-thumbnail, 
    .banners section.feel, 
    .banners section.newsletter {
        margin: 0 0 2% 0;
        width: 49%;        
    }

    .banners section.clube {
        height: auto;
    }

    .banners iframe {
        height : 173px;
    }

    /* Flex Video */
    #youTube{
        height:330px !important;        
    }

    #youTube .flex-video{
        height:270px !important;
        overflow:visible;
    }

    #youTube .close-reveal-modal{
        margin-top:-15px;
        right:0;
        z-index:10000 !important;
    }

    #youTube .flex-video iframe{
        margin-top:25px !important;
    }



    #reservas_form, #reservas_form_mobile {
        width: 100%;
        margin-top: 0;        
    }
    
    #reservas_form_mobile #reservations_mobile header {
        z-index: 3;
    }

    #reservations header h1, #reservations_mobile header h1 {
        border: none;
    }
    
    .hide-reservations-field {
        display: none;
    }
    
    #reservas_form header, #reservas_form_mobile header{
        background: #FF9308;        
    }
    
    #reservas_form header h1:after, #reservas_form_mobile header h1:after{
        content: "\00a0\00a0" url('../img/seta-right-branca-res.png');
    }
    
    #reservas_form header.dark, #reservas_form_mobile header.dark{
        background: none;        
    }
    #reservas_form header.dark h1, #reservas_form_mobile header.dark h1  {
        border-bottom: 1px solid #FFF;
    }
    
     #reservas_form header.dark h1:after, #reservas_form_mobile header.dark h1:after{
        content: "";
    }
    
    
    
    
    #reservas_form .reserve-button, #reservas_form_mobile .reserve-button {
        margin: auto;
    }
    .page-menus, .page-menus > ul {
        width: 100%;
    }
    
    .page-menus {
        width: 100% !important;
        min-height: 5px;
    }

    #reservations, #reservations_mobile  {        
        min-width: 220px;
        width: 100%;
        margin:0;
    }    

    .orbit-container .show-for-small-mobile {
        display: block !important;
    }

     .orbit-container .hide-for-small-mobile {
        display: none !important;
     }

    .interests{        
       min-width: 235px;
       width: 100%;
       margin:0;
    }

    .top-bar .title-area {
        width: 70%;
    }

    .news {
         margin-top: 5px;
         clear: both;
    }

    form.custom .custom.dropdown.large {
        /*max-width: 480px;*/
        max-width: none;
    }

    .interests .box > div a {
        height: 50px;
    }

    .interests .box a > div {
        height: inherit;
        font-size: 16px;
    }

    .interests .box > div a div span {
        height: 50px;
        line-height: 50px;
        margin: 0 0 0 5px;
    }

    .orbit-container .orbit-prev {
        bottom : 10%;
        left: 2%;
        top: auto;
        margin: auto;
    }

    .orbit-container .orbit-next {
        right: auto;
        top: auto;
        margin: auto;
        bottom : 10%;
        left: 25%;
    }

    .orbit-container .orbit-prev > span  {
        background: url('../img/0-arrow-left-mobile.png') no-repeat;         
    }

    .orbit-container .orbit-next > span {
        background: url('../img/0-arrow-right-mobile.png') no-repeat;  
    }

    .orbit-container .orbit-prev > span, .orbit-container .orbit-next > span {
        width: 23px;
        height: 41px;
    }

    .top-slider .best-price { 
        background: url('../img/price-mobile.png') no-repeat;
        width: 144px;
        height: 139px;
        right: 4.6%; 
        /*top: 11%;*/
        bottom: auto;
        text-align: center }

        .top-slider .best-price h2 { margin: 0}

        .top-slider .best-price h2 a {   
            font-family: 'TitilliumText22LMedium';        
            font-size: 18px;
            font-weight: normal;
            line-height: 19px;
            margin: 21px 10px 0;            
            text-transform: uppercase;
            text-decoration: none;
        }

        .top-slider .best-price a {
            text-decoration: underline;
            margin-top: 8px;
            display: block;
            color: #222222
        }
    .grey-box {
        padding: 8px 4% 8px 4%;
    }
    
        .grey-box h1 {
            font-size: 22px; 
         }
    
    p {
        margin: 0 0 10px 0;
    }     
    
    form.custom .hidden-field {
        visibility: visible;
        margin: auto;
        position: static;
    }   
    
    form.custom div.custom.dropdown {
        display: none;        
    }
    
    .news article {
        max-width: 68%;
        margin: 0 2%
    } 
    
        .news article h1 a {
            font-family: 'TitilliumText22LRegular';
            font-size: 12px;
            line-height: 14px;
            margin-top: 13px;
            font-weight: normal;
        }
        
    .news > span {
        width: 8%;
    }
    
    .news > span a{
        width: auto;
    }  

}



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

    .top-slider .best-price {
        right: 22.6%;
        /*top: 6%;*/
    }

    footer .developed-by span  {
        display:block;
        margin-bottom: 10px;
        clear: both;
    }  

    .hide-for-small {
        display: none;
    }   

}

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

    .hide-for-small {display:none !important;}
    .sitemap {
        display:none;
    }    
    
    
    .top-slider .best-price {
        background: url('../img/price-mobile.png') no-repeat;
        width: 120px;
        height: 116px;
    }
    
    .top-slider .best-price h2 a {
        font-size: 16px;      
        line-height: 18px;
        margin: 21px 16px 0;
       
    }
    
    .top-bar-section .login, .top-bar-section .logout input[type="submit"] {
        padding: 3px !important;
        line-height: 34px;
    }
}

@media only screen and (max-width: 850px) {
    .page-menus {
        /*width: auto;*/
        width: 50%;
    }
    .page-menus ul li.small-12 {
            width: 100%;
    } 
    .page-menus ul li a, .page-menus ul li.active span {
        border-bottom: 1px #FFF solid;
        border-right: none;
        height: auto;
        padding: 5% 2%;        
        display: block;
        max-width : 100%;
        min-width : 100%;
        text-align: left;
        background: url('../img/arrow-right-grey.png') no-repeat;
        background-position: 88% 50%;        
    }
    
    .page-menus ul li a:hover, .page-menus ul li.active span:hover {
        background: url('../img/arrow-right-grey.png') no-repeat;
        background-position: 88% 50%;   
    }
    
    .page-menus li.arrow-down > a {
        background: url('../img/arrow-bottom-grey-mobile.png') no-repeat;
        background-position: 88% 50%;
    }
    
    .page-menus ul li > ul.submenus li a {
        line-height: 26px;
        text-align: left;
        background-color: #d6dfe6;
    }
    
    .page-menus ul li > ul.submenus {
        position: static;
        display:none;
    }
    
    .page-main-content.large-9 {
        width: 100%;
    }    
    
    select#hotel_reserva{
       height: 34px; 
       font-size: 14px;
       text-indent: 12px;
       border: none;
    }
    
    select#hotel_reserva option {
        font-size: 14px;
       text-indent: 12px;
    }
    
    select:after{
        content: '\00a0\25b8';        
    }    
    
    form.custom .custom.dropdown.large {
        display: none;
    }
    
    form.custom .hidden-field {
        margin: auto;
        position: static;
        visibility: visible;
    }
    
    select#hotel_reserva > option[value^="hotel_"]{
        font-weight: bold;
    }    
}

@media only screen and (min-width: 800px) and (max-width: 850px) {
   /* Pesquisa Hotéis */ 
   figure.hide-for-small {
       display: block !important;
   }
   
   .list-hotels ul{
       width: 33.33333% !important;
   }
   
   .list-hotels ul li.large-6{
       width: 100% !important;
   }   
   
}

@media only screen and (max-width: 950px) { 
    
    
    .page-menus ul li.small-12 {
        width: 100%;
    }

    .page-menus ul li a, .page-menus ul li.active span {
        width: 100%;
        border-bottom: 1px #FFF solid;
        border-right: none;
        height: auto;
        padding: 5% 2%;
        display: block;
        max-width: 100%;
        min-width: 100%;
        text-align: left;
        background: url('../img/arrow-right-grey.png') no-repeat;
        background-position: 88% 50%;
    }

    .page-menus ul li a:hover, .page-menus ul li.active span:hover {
        background: url('../img/arrow-right-grey.png') no-repeat;
        background-position: 88% 50%;
    }

    .top-bar .title-area {
        width: 80%;
        min-width: 126px;
        float: left;
        padding-left: 0;
    }  
    
    .top-bar .title-area i.top-logo {
        background: url('../img/logo-top-mobile.png') no-repeat;
        width: 175px;
        height: 121px;
        margin-top: 8px;
    }

    .top-bar .menu-icon ul.top-menu {
        position: absolute;
        width: 100px;
        margin: 2px 0 0 -22px;
        display:none;
    }

    .top-bar .menu-icon ul.top-menu li a{        
        text-align: center;    
        font-weight: normal; 
        font-size: 12px;   
        background: #000; 
        text-transform: uppercase;       
        height: 33px;
        line-height: 33px; 
        margin: 0 0 2px 0;
        padding: 0;
        /* Fallback for web browsers that doesn't support RGBa */
        background: rgb(0, 0, 0);
        /* RGBa with 0.6 opacity */
        background: rgba(0, 0, 0, 0.6);
        /* For IE 5.5 - 7*/
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
        /* For IE 8*/
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
    }

    .top-slider .best-price {
        bottom: auto;
        /*top:18%;*/
        /*bottom: 10px;
        right: 20%*/
        bottom: 68px;
        right:9%;
    }

    .top-bar .menu-icon {
        display: none;
    }

    .top-bar-section {
        float:right;
    }

    .top-bar-section .language-menu {
        margin-left: 3px;
    }

    .top-bar-section ul {
        display:none;
    }

    .banners section.news {
        margin: 5px 0;
    }   

     .hide-for-small {
        display: none;
    } 

    /* Flex Video */
    #youTube{
        margin-left:-40%;
        width:80%;
        height:34.5%     
    }

    #youTube .flex-video{
        overflow:visible;
    }

    #youTube .close-reveal-modal{
        font-size: 2em;
        margin-top:-15px;
        right:0;
        z-index:10000 !important;
    }

    #youTube .flex-video iframe{
        margin-top:25px !important;
    }

    .sitemap {
        display: none;
    }  

    footer {
        margin-top: 80px;
        position: relative }

        footer i.bottom-logo {
            background: url('../img/mobile-bottom-mobile-logo.png') repeat-x;
            width: 180px; 
            height: 120px;  
            position: absolute;    
            top:-84px;  
            right: 32px;
         }

    footer .footer-menu #sitemap-open {
        width: 289px;
        position: absolute;
        top: -57px;
        background: none
         }

        footer .footer-menu #sitemap-open a {
            display:block;          
            text-align: center;
            line-height: 51px;
            height: 51px;
            color: #1a2529;
            background: url('../img/mobile-arrow-top-grey.png') no-repeat 91% center #E2E9EB;
            margin-left: 14px;

        }

        footer .footer-menu {
            background: url('../img/menu-footer.png') repeat-x;
            
        }

    footer .bottom-menu {
        float: right;
        margin: 0 0 0 0 }

        footer .bottom-menu ul {
            height: 30px;
            line-height: 30px;
            margin-bottom: 0;
            margin: 8px 0 0;
            background: #1A2529
        }

        footer .bottom-menu ul li{
            display: inline-block;
            float: left;
            color: #FFF;
            height: 10px;
            line-height: 10px;
            padding: 0 16px;
            margin: 13px 0;
            font-size: 11px;
            border-right: solid 1px #FFF }

            footer .bottom-menu ul li a {
                color: #FFF;
            }

            footer .bottom-menu ul li:last-child {
                border-right: none
            }

        footer .footer-details div .developed-by {
            font-size: 11px;
            color: #605e5e;
            line-height: 12px;                        
            float: left;
            margin: 0 0 0 2px; }

        footer .footer-details div .developed-by a {
            color: #ff0000           
        } 

        footer .footer-details .details-menu {
            margin: 0 0 10px }

            footer .footer-details .details-menu ul li a {
                display: block
            }

            footer .footer-details .details-menu ul li:first-child {
                padding-left: 2px;
            }
        
        .contacts {
            padding-left:15px;
            float:left
        }    

        .contacts .address, 
        .contacts .gps, 
        .contacts .tlf, 
        .contacts .fax, 
        .contacts .email, 
        .contacts .email-reservas{
            width: 50%;
            float: left;
            margin: 0 0 5px 0 !important;
            font-family: 'TitilliumText22LBold';
        }
        
        
        .contacts .image-map {
            clear: both;
            margin: 10px auto;
        }
        
        .page-main-content, .left-column {
            float: left;
        }        
        .page-title > h1 {
            font-size: 30px;
            line-height: 30px;
            margin-left:2%;
            width:98%;
        }
        
        .left-column .brochures {
            clear: both;
        }
        
        .left-column .brochures article {
            width: 50%;
            float: left;
        }
        
        .columns{
            padding: 0;
        }
        
        form .columns {
            padding-right: 0.9375em;
            padding-left: 5px;
        }
        
        form.custom select {
            
        }
        
        .comments {
            margin: 5px 0;
        }
        
        .comments header{            
            min-height: 38px;
            padding: 0 40px;
            width: 100%; 
            background: url('../img/arrow-right-grey.png') no-repeat #b9c9d4;
            background-position: 88% 50%;
            cursor: pointer;
        }
        
    .room-gallery-container .nav a {
        float: left;
        color: #B5B5B3;
        margin: 0 5px;
        display: block;
        width: 24px;
        height: 24px;
        line-height: 17px;
        border-radius: 66px;
        border: 3px solid #B5B5B3;
        text-align: center;
        text-decoration: none;
        background: rgba(0, 0, 0, 0);
        font-size: 13px;
    }
    
     /* Pesquisa Hoteis*/
    figure.portugal {
        width: 454px;
    }
}

@media only screen and (max-width: 889px) {
    .top-slider .best-price {
        bottom: auto;
        /*top:18%;*/
        /*bottom: 10px;
        right: 20%*/
        bottom: 10px;
        right:9%;
    }
} 

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

    .top-slider .best-price {
        right: 7.6%;
        bottom: 10px;
    }

    .top-slider .best-price h2 a{
        margin-top:50%;
    }

    form.custom .custom.dropdown.open.large ul {
        min-width: 200px;
        width: 100%;
    }

    form.custom .custom.dropdown ul li {
        padding: 0;
    }

    .top-bar-section .login {
        padding-left: 0;
    }

    .top-bar .title-area {
        width: 72%;
    }   
    

    footer {
        margin-top: 136px }

        footer .footer-menu #sitemap-open {
            top: -134px;
            width: 240px }

             footer .footer-menu #sitemap-open a {
                margin-left: -5px;
             }

}


@media only screen and (max-width: 400px) {
    footer .bottom-menu ul{
        width: 100%;
        margin: 0;
    }

    footer .bottom-menu {
        width: 100%;
    }

    .top-slider .social-media {
        right: 2%;
        top: 12%;
    }

    .top-slider .best-price {
        /*right: 17.6%;*/
        /*right: 20%;*/
        right: 6%;
        bottom: 20px;
    }    
}


/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {

    .top-bar .title-area i.top-logo {
        background: url('../img/logo-top-mobile.png') no-repeat;
        width: 175px;
        height: 121px;
        margin-top: 15px;
        background-size: 75%;
    }

    ol.reservation-mobile-menu {
        width: 196px;
        height: 50px;
        margin: 21px 2px 7px auto;
        float: right;
        position: relative;
        clear: both;
        z-index: 10;
    }

    ol.reservation-mobile-menu li {
        border-radius: 50%;
        behavior: url(PIE.htc);
        width: 35px;
        height: 35px;
        background: none;
        border: 3px solid #B2B2B2;
        color: #B2B2B2;
        display: inline-block;
        font-size: 19px;
        line-height: 27px;
        text-align: center;
        padding: 0;
        margin: 0;
        margin-left: 9px;
    }

    ol.reservation-mobile-menu li a {
        display: block;
        width: 28px;
        height: 35px;
        color: #B2B2B2;
    }

    ol.reservation-mobile-menu li:hover {
        color: #378DAC;
        border: 3px solid #378DAC;
    }

     ol.reservation-mobile-menu li a:visited {
    	color:#B2B2B2;
    }

    /*
     * Hotel - Serviços
     */

    .grey-box span strong{
        line-height: 20px;
    }

    section.events-services span.events-gallery a{
        padding:0;
    }

    section.events-services span.events-gallery{
        padding:10px 50px;
        border-left: 1px solid #222222 !important;
        background:url("/../img/events-gallery.png") no-repeat no-repeat 12px 10px transparent;
    }

    .choose-buttons-wrapper{
        margin-top:20px;
    }

    /* Android - Landscape */

    /*
     * Hotel - Galeria
     */

    /*.choose-buttons-wrapper{
        float:left;
    }

    .galery_360_button_pop{
        margin:0 !important;
        line-height: 28px !important;
        width:80px !important;
        padding-left:17px !important;
    }

    .video_button_pop{
        margin:0 0 0 3px !important;
        line-height: 28px !important;
    }

    #fullscreen{
        margin:0 0 0 3px !important;
    }

    .fullscreen_img{
        margin-top:2px !important;
    }*/

        /*
         * Galeria - Selects
         */ 
                
    /*#gallerie_header select{
        width:200px;
        font-size:11px;
        padding:2px 5px;
        background:url('/../img/arrow-bottom-grey.png') 97% center no-repeat #FFF;
    }

    #hotel_album{
        margin-top: 5px !important
    }

    .albumChoose{
        margin: -10px 0 0 0 !important;
    }*/

    footer {
        margin-top: 80px;
    }

    footer .logo-bottom {
        right: 0;
        width: 145px;
        height: 36px;
        position: relative;
        float: right;
    }

    footer i.bottom-logo {
        background: url('../img/mobile-bottom-mobile-logo.png') no-repeat;
        background-size: 98%;
        width: 140px;
        height: 120px;
        position: absolute;
        top: -61px;
        right: 0px;
    }

    footer .footer-menu #sitemap-open {
        width: 185px;
        top: -55px;
    }     

    footer .footer-menu #sitemap-open a {
        margin-left: 10px;    
        padding-left: 20px;
        text-align: left;
    }
    
}

/* Smartphones (landscape) ----------- */
@media only screen 
and (min-width : 320px) {
    
}

/* Smartphones (portrait) ----------- */
/* IPHONE - Portrait*/
@media only screen 
and (max-width : 320px) {

    .show-for-tiny{
        display:block;
    }

    .hide-for-tiny{
        display: none;
    }
    
    .top-bar .title-area i.top-logo {
        background: url('../img/logo-top-mobile.png') no-repeat;
        width: 175px;
        height: 121px;
        margin-top: 15px;
        background-size: 75%;
    }

    /* MELHOR PREÇO */

    .top-slider .best-price h2{
        margin-top:-35px;
    }

    .top-slider .best-price h2 a{       
        font-size:15px;     
        margin-left:auto;
        margin-right:auto;
        padding:0 10px 0 10px;
    }

    /* Pesquisa Interesses */

    ul.interests-content li{
        margin-left:7px;
        margin-bottom:7px;
    }

    ul.interests-content li a{
        background-position:-5px;
        zoom:53.5%;
        font-size: 9px !important;
        padding-left: 5px;
        padding-right: 5px;
    }

    /* PROMOÇÕES */
    .promotions-list figure{
        width:100%;
        max-height: 125px !important;
    }

    .promotions-list figure a img{
        max-height:114px;
    }

    .promotions-list .promotion-content{
        width:100%;
    }

    .promotions-list .promotion-content{
        width:100% !important;
    }

    .promotions-list .promotion-content h1{
        max-height:65px;
        width:90%;
    }



    .promotions-list .promotion-content .prices{
        margin-top:10px;
    }

    .promotions-list .promotion-content .prices .price-final, .promotions-list .promotion-content .prices .best-price, .promotions-list .promotion-content .prices .price-discount{
        font-size:12px;
        padding: 8px 16px;
    }

    .promotions-list .promotion-content .prices .price-before{
        line-height: 25px;
    }

    .promotions-list .promotion-content .prices .price-old{
        line-height: 25px;
        padding:0;
        font-size:12px;
    }

    .promotions-list .promotion-content .description{
        margin-top:10px;
        width:90%;
    }

    .promotions-list .ellipsis-text{        
        width:90%;
    }



    #reservations_mobile .hotel_reserva_wrapper select#hotel_reserva, #reservations_mobile .line input#cod_promotion, #reservations_mobile .line input#data_chegada, #reservations_mobile .line input#data_partida{
        text-indent:7px;
        border-top-right-radius: 0px;
        -moz-border-radius-topright: 0px;
        -webkit-border-top-right-radius: 0px;
        border-bottom-right-radius: 0px;
        -moz-border-radius-bottomright: 0px;
        -webkit-border-bottom-right-radius: 0px;
        -webkit-appearance: none;
         -moz-appearance: none;         
         border-top-left-radius: 0px;
        -moz-border-radius-topleft: 0px;
        -webkit-border-top-left-radius: 0px;
        border-bottom-left-radius: 0px;
        -moz-border-radius-bottomleft: 0px;
    }

    ol.reservation-mobile-menu {
        width: 196px;
        height: 50px;
        margin: 21px 2px 7px auto;
        float: right;
        position: relative;
        clear: both;
        z-index: 10;
    }

    ol.reservation-mobile-menu li {
        border-radius: 50%;
        behavior: url(PIE.htc);
        width: 35px;
        height: 35px;
        background: none;
        border: 3px solid #B2B2B2;
        color: #B2B2B2;
        display: inline-block;
        font-size: 19px;
        line-height: 27px;
        text-align: center;
        padding: 0;
        margin: 0;
        margin-left: 9px;
    }

    ol.reservation-mobile-menu li a {
        display: block;
        width: 28px;
        height: 35px;
        color: #B2B2B2;
    }

    ol.reservation-mobile-menu li:hover {
        color: #378DAC;
        border: 3px solid #378DAC;
    }

     ol.reservation-mobile-menu li a:visited {
    	color:#B2B2B2;
    }

    .grey-box > ul.services li.large-6{
        width:100% !important;
    }
    /*
     * CANCELAR RESERVA
     */

    #reservas_content .botao{
        font-size:10px;
    }

    /*
     * Hotel - Galeria
     */

    .choose-buttons-wrapper{
        float:left;
    }

    .galery_360_button_pop{
        margin:0 !important;
        line-height:24px !important;
        padding:0 7px !important;
    }

    .video_button_pop{
        margin:0 0 0 3px !important;
        line-height:24px !important;        
        padding:0 7px !important;
    }

    .galeria_button_pop{
        margin:-0 0 0 5px !important;
        padding:0 7px !important;
    }

    #gallerie_header{
        padding:0;
    }

    #fullscreen{
        margin:0 0 0 3px !important;
    }

    .fullscreen_img{
        margin-top:2px !important;
    }

    .myVideo{
        height:180px !important;
    }

    #viewer, #hotspots, #viewer canvas{
        width:215px !important;
        max-height:200px;
    }

    #container{
        max-height:200px !important;
    }


        /*
         * Galeria - Selects
         */ 
                
    #gallerie_header select{
        width:202px;
        font-size:11px;
        padding:2px 5px;
        background:url('/../img/arrow-bottom-grey.png') 97% center no-repeat #FFF;
    }

    #hotel_album{
        margin-top: 5px 0 0 0 !important;
    }

    #galleryPopUp .styled-select{
        margin-left: 0 !important;
    }

    .albumChoose{
        margin: -10px 0 0 0 !important;
    }

    footer {
        margin-top: 80px;
    }

    footer .logo-bottom {
        right: 0;
        width: 145px;
        height: 36px;
        position: relative;
        float: right;
    }

    footer i.bottom-logo {
        background: url('../img/mobile-bottom-mobile-logo.png') no-repeat;
        background-size: 98%;
        width: 140px;
        height: 120px;
        position: absolute;
        top: -61px;
        right: 0px;
    }

    footer .footer-menu #sitemap-open {
        width: 185px;
        top: -55px;
        line-height:50px !important;
    }     

    footer .footer-menu #sitemap-open a {
        margin-left: 10px;    
        padding-left: 20px;
        text-align: left;
    }
}

/* MOBILE ANDROID - Portrait */
@media only screen 
and (min-width : 321px)
and (max-width : 490px) {

    .show-for-tiny{
        display:block;
    }

    .hide-for-tiny{
        display: none;
    }

    .top-bar .title-area i.top-logo {
        background: url('../img/logo-top-mobile.png') no-repeat;
        margin-top: 13px;
        background-size: 80%;
    }

    .top-slider .best-price h2{
        margin-left:-5px;
        vertical-align:center;
    }

    .top-slider .best-price h2 a{
        font-size: 13px;
        margin:18px 12px 0;
        line-height:14px;
    }

    .top-slider .best-price a{
        margin-top:0px;
    }

    /*
     * HOMEPAGE - NOTICIAS
     */    

    .news header a{
        margin-bottom: 5px;
    }

    .news > span a{
        margin-top:-10px;
    }

    
    /* Pesquisa - Por Interesse */
    ul.interests-content{
        width:100%;
    }

    ul.interests-content li:nth-child(3n+1){
        margin-left:3%;
    }

    ul.interests-content li{
        width:30%;
        margin-left:2%;
    }

    ul.interests-content li > a{
        width:100%;
    }

    ul.interests-content li a{
        background-position:-5px;
        zoom:80%
    }

    #reservations_mobile .hotel_reserva_wrapper select#hotel_reserva, #reservations_mobile .line input#cod_promotion, #reservations_mobile .line input#data_chegada, #reservations_mobile .line input#data_partida{
        text-indent:7px;
        border-top-right-radius: 0px;
        -moz-border-radius-topright: 0px;
        -webkit-border-top-right-radius: 0px;
        border-bottom-right-radius: 0px;
        -moz-border-radius-bottomright: 0px;
        -webkit-border-bottom-right-radius: 0px;
        -webkit-appearance: none;
         -moz-appearance: none;         
         border-top-left-radius: 0px;
        -moz-border-radius-topleft: 0px;
        -webkit-border-top-left-radius: 0px;
        border-bottom-left-radius: 0px;
        -moz-border-radius-bottomleft: 0px;
    }

    #reservations_mobile .hotel_reserva_wrapper select#hotel_reserva{
        -webkit-appearance: none;
        -webkit-border-radius: 0px;
        line-height:20px;
    }

    #reservations_mobile .line input{
        text-indent: 7px;    
    }

    #reservations_mobile .line input#data_chegada, #reservations_mobile .line input#data_partida{
        line-height: 5px;
        text-indent: 7px;    
    }

    #reservations_mobile .line button.reserve-button{
        text-indent: 7px;
    	line-height: 5px;
    }

    #reservations_mobile .line input#cod_promotion{
        text-indent: 15px;
    }

    
    /*
     * CANCELAR RESERVA
     */

    .formMessageCancelReservation{
        margin-top:30px !important;
        width:90%;
    }
    
    #reservas_content .botao{
        font-size:10px;
    }

    #reservas_content .botao img{
        padding-left:0px;
    }


    /*
     * Candidatura | Emprego
     */

     div.small-2.columns{
        width:20%;
     }

    select#dia_n, select#mes_n, select#ano_n, select#estado_civil, select#frequencia{
       -moz-border-radius: 0px;
        -webkit-border-radius: 0px;
        border-radius: 0px;
        padding-left:5px;
        height:2.3125em;
        margin:0 0 1em 0 !important;
    }

    input[type=submit]#frente, input[type=submit]#tras{
        width:110px;
    }


    /*
     * Timesharing
     */

     .page-menus ul li.small-12 span{
        font-size:16px;
    }

    .page-menus ul li.small-12 a{
        font-size:16px;
    }

    #pedido select#hotel_spa{
       -moz-border-radius: 0px;
        -webkit-border-radius: 0px;
        border-radius: 0px;
        padding-left:5px;
        height:2.3125em;
        margin:0 0 1em 0 !important;
    }

    #pedido input[type=submit]#submeter{
        width:110px;
        margin-right:15px;
    }

    #pedido input#semana, #pedido input#numero{
        width:70px;
    }


    /*
     * Newsletter
     */

    #pedido input[type="submit"]#frente{
        width:120px !important;
        margin:0;
    }


    /*
     * Noticias
     */

     .news-container h1{
        margin-right:25px;
        text-align: justify
     }

     .article-container .comment-text .info h1.title a{
        font-size:15px;
     }

     .news-container .info span.description{
        height:50px;
     }


     /*
      * Ler Noticia
      */

    .blue-box h1 {
        font-size: 16px;
        line-height: 18px;
    }

    .blue-box span.news-content p{
        font-size:12px;
    }

     

     .blue-box span.news-content img{
        width:285px;
        height:180px;
        margin-bottom:20px;
     }

     /* PROMOÇÕES */
    .promotions-list figure{
        width:100%;
        max-height: 142px !important;
    }

    .promotions-list figure a img{
        max-height:131px;
    }

    .promotions-list .promotion-content{
        width:100% !important;
    }

    .promotions-list .promotion-content h1{
        max-height:65px;
        width:90%;
    }

    .promotions-list .promotion-content .prices{
        margin-top:10px;
    }

    .promotions-list .promotion-content .prices .price-final, .promotions-list .promotion-content .prices .best-price, .promotions-list .promotion-content .prices .price-discount{
        font-size:12px;
        padding: 8px 16px;
    }

    .promotions-list .promotion-content .prices .price-before{
        line-height: 25px;
    }

    .promotions-list .promotion-content .prices .price-old{
        line-height: 25px;
        padding:0;
        font-size:12px;
    }

    .promotions-list .promotion-content .description{
        margin-top:10px;
        width:90%;
    }

    .promotions-list .ellipsis-text{        
        width:90%;
    }




      /*
      * Presentes
      */

     section.presents article header h1{
        height:32px;
     }

     article.present .description div.content{
        padding-bottom: 0px !important;
     }

     article.present .description .single-present-price span.price{
        height:50px;
     }

     article.present .description .single-present-price span.reserve-button a{
        line-height: 33px;
        padding-left: 3px;
     }



    ol.reservation-mobile-menu {
        width: 196px;
        height: 50px;
        margin: 21px 15px 7px auto;
        float: right;
        position: relative;
        clear: both;
        z-index: 10;
    }

    ol.reservation-mobile-menu li {
        border-radius: 50%;
        behavior: url(PIE.htc);
        width: 34px;
        height: 34px;
        background: none;
        border: 2px solid #B2B2B2;
        color: #B2B2B2;
        display: inline-block;
        font-size: 18px;
        line-height: 21px;
        padding-left:0;
        margin: 0;
        margin-left: 5px;
    }

    ol.reservation-mobile-menu li a {
        display: block;
        width: 28px;
        height: 35px;
        color: #B2B2B2;
    }

    ol.reservation-mobile-menu li a:visited {
    	color:#B2B2B2;
    }

    ol.reservation-mobile-menu li:hover {
        color: #378DAC;
        border: 3px solid #378DAC;
    }

    #reservations_mobile header h1{
    	line-height:25px;
    }

    #reservas_content .hotel-list-mobile h2.hotel_title{
    	font-size:14px;
    }

    #reservas_content h3.hotel_address{
    	font-size:9.5px;
    	color:#B2B2B2;
        margin-top:-3px;
    }

    #reservas_content .stars-content{
    	margin-top:-7px;
    }

    #reservas_content .hotel-list-mobile {
    	margin-top: 10px;
    	margin-bottom: -12px;
    }    

    .mobile-reservation-content .step2-next h1{
    	font-weight: normal;
    }

    .mobile-reservation-content .step2-next .botao{
    	margin-right: 10px;
    	margin-bottom: -1px;
    }


    .mobile-reservation-content .step2-next .fix-bottom-btt{
    	margin-top: -5px;
    }

    #reservas_content .from-price-content .from-text{
        font-size:10px;
    }


    .tarifa-rooms-info{
    	margin-top: 10px;
    	margin-left: 3px;
    }

    ul #tarifas-mobile .show-for-small{
    	margin-bottom: -10px !important;
    }

    #tarifas-mobile li span.tarifa-ocupation{
    	color:#B2B2B2;
    }

    #tarifas-mobile li span.tarifa-mobile-price{
    	margin-top:-7px;
    }

    #hotel-conditions-mobile-wrapper{
    	margin-top:10px;
    }

    .mobile-reservation-content .div-form-reservation {
    	margin-left:5px;
    }

    .step3-1{
    	margin-top:-40px;
    }

    .step3-details-block .step3-services-add div{
        margin-top:-26px;
    	width: 95px !important;
    }

    .step3-details-block .step3-regime-price{
        margin-top:-3px;
    }

    .step3-details-block select{
        -webkit-appearance: none;
        -webkit-border-radius: 0px;
    }

    .step3-details-block .vouchers-text a{
        padding:5px 7px;
        width: 95px !important;
        margin-top:-41px;
        margin-right:25px;
    }

    .step3-details-block .vouchers-text input{
        margin-left:5%;
    }

    .step3-details-block span{
    	font-size: 10px;
        line-height: 8px;
    }

    .step3-details-block select{

        padding:0 0 0 5px; 
    }

    .step3-details-block .vouchers-text input{
        padding:0 0 0 5px;
        height:25px;
    }

    .mobile-reservation-content .div-form-reservation{
        width:98.5%;
    }

    form.custom .hidden-field {
        visibility: visible;
        margin: 0 0 1em 0 !important;
        position: static;
    }

    form.custom select.hidden-field{
        font-size: 13px;
        color:#a9a9a9;
        -webkit-appearance: none;
        -webkit-border-radius: 0px;
        padding:0.5em;
        height:38px;
    }

    form.custom .custom.checkbox{
        display:block;
        margin-top:-32px;
        height: 23px;
        width: 23px;
    }


    form.custom .custom.checkbox.checked:before{
        font-size:18px;
        top:-20%;
        left:7%;
        margin-top: 0;
        margin-left: 0;
    }

    form.custom .check-info .check-lbl1{
        display: block;
        margin-left:28px;
    }

    form.custom .check-info .check-lbl2{
        margin-top:12px;
        display: block;
        margin-left:28px;
    }

    form.custom .check-info p{
        margin-top:5px;
    }

    #formCancelReservationMobile{
        margin-top:20px;
    }

    #formCancelReservationMobile .botao{
        margin-right:3px;
    }

    .mobile-reservation-content .final-obs{
        margin-top:1px;
    }

    .stepCancel p#title{
        margin-top:50px;
    }

    /*
     * Hotel - Quartos
     */

     .room-gallery-container .nav a{
        margin-top:-10px;
     }

    /*
     * Hotel - Serviços
     */

    .grey-box span strong{
        line-height: 20px;
    }

    section.events-services span.events-gallery a{
        padding:0;
    }

    section.events-services span.events-gallery{
        padding:10px 50px;
        border-left: 1px solid #222222 !important;
        background:url("/../img/events-gallery.png") no-repeat no-repeat 12px 10px transparent;
    }

    .grey-box > ul.services li.large-6{
        width:100% !important;
        padding:7px 0;
    }


    /*
     * Hotel - Eventos
     */

     section.events-capacity-section header.hide-for-large span{
        width:73%;        
     }

     section.events-capacity-section header.hide-for-large span a{
        line-height: 30px;      
     }


    /*
     * Hotel - Galeria
     */

    .choose-buttons-wrapper{
        width:100%;
        float:left;
        margin-top:0 !important;
    }

    .video_button_pop, .galeria_button_pop, .galery_360_button_pop{
        font-size:9px !important;
    }

    .galery_360_button_pop{
        margin:0 !important;
        line-height:24px !important;
    }

    .video_button_pop{
        margin:0 0 0 3px !important;
        line-height:24px !important;
    }

    .galeria_button_pop{
        margin:-0 0 0 5px !important;
    }

    #fullscreen{
        margin:0 !important;
        padding:0 !important;
    }

    .fullscreen_img{
        margin-top:2px !important;
    }

    .myVideo{
        height:180px !important;
    }

        /*
         * Galeria - Selects
         */ 
                
    #gallerie_header select{
        width:200px;
        font-size:11px;
        padding:2px 5px;
        background:url('/../img/arrow-bottom-grey.png') 97% center no-repeat #FFF;
    }

    #hotel_album{
        margin-top: 5px 0 0 0 !important;
    }

    #galleryPopUp .styled-select{
        margin-left: 0 !important;
    }

    .albumChoose{
        margin: -10px 0 0 0 !important;
    }

    /*
     * Footer
     */

    footer {
        margin-top: 80px;
    }

    footer .logo-bottom {
        right: 0;
        width: 145px;
        height: 36px;
        position: relative;
        float: right;
    }

    footer i.bottom-logo {
        background: url('../img/mobile-bottom-mobile-logo.png') no-repeat;
        background-size: 98%;
        width: 140px;
        height: 120px;
        position: absolute;
        top: -61px;
        right: 0px;
    }

    footer .bottom-menu ul li {
        height: 10px;
        line-height: 6px;        
        font-size: 8px;
        padding: 0 12px;
        border-right: solid 1px #FFF;
    }

    footer .footer-menu #sitemap-open {
        width:200px;
        top: -42px;
    }     

    footer .footer-menu #sitemap-open a {
        margin-left: 15px; 
        padding-left:35px;
        text-align: left;
        height: 40px;
        font-size: 8px;
    }

	footer .footer-details .details-menu ul{
		margin-top: -5px;
	}

    footer .footer-details .details-menu ul li {
    	height: 10px;
        line-height: 8px;        
        font-size: 8px;
    }

    footer .footer-details div .developed-by {
    	margin-top: -8px;
    	font-size:7px;
    	font-color:#B2B2B2;

    }   

}

    /* IPHONE - Landscape */
    @media only screen and (min-device-width : 330px) and (max-device-width : 570px) {
    .top-slider .best-price{
        padding:7px 15px 7px 15px;
    }

    #gallerie_header select{
        width:280px;
    }
    /*
     * Galeria - Selects
     */ 
                
    #gallerie_header select{
        width:222px;
    }

    footer .footer-menu #sitemap-open a{
        padding:-5px 0 0 -10px !important;
        font-size:12px !important;
        line-height:41px;
    }

    footer .footer-menu #sitemap-open{
        width:220px;
    }

}


/* MOBILE ANDROID - Landscape */

@media only screen 
and (min-width : 480px)
and (max-width : 767px) {

    /*
     * MELHOR PREÇO GARANTIDO
     */

     .top-slider .best-price{
        bottom:20px;
     }

    .top-slider .best-price h2{
        margin-left:-5px;
    }

    .top-slider .best-price h2 a{
        font-size: 14px;
        line-height:15px;
    }

    .top-slider .best-price a{
        margin-top:0px;
    }

    /*
     * HOMEPAGE - NOTICIAS
     */

    .news header a{
        margin-bottom: 5px;
    }

    .news article h1 a{
        padding:10px;
        line-height:16px;
    }

    .news > span a{
        margin-top:-10px;
    }

    #reservations_mobile .hotel_reserva_wrapper select#hotel_reserva, #reservations_mobile .line input#cod_promotion, #reservations_mobile .line input#data_chegada, #reservations_mobile .line input#data_partida{
        text-indent:7px;
        border-top-right-radius: 0px;
        -moz-border-radius-topright: 0px;
        -webkit-border-top-right-radius: 0px;
        border-bottom-right-radius: 0px;
        -moz-border-radius-bottomright: 0px;
        -webkit-border-bottom-right-radius: 0px;
        -webkit-appearance: none;
         -moz-appearance: none;         
         border-top-left-radius: 0px;
        -moz-border-radius-topleft: 0px;
        -webkit-border-top-left-radius: 0px;
        border-bottom-left-radius: 0px;
        -moz-border-radius-bottomleft: 0px;
    }

    ol.reservation-mobile-menu li{
        padding-top: 4px;
    }

    #reservations_mobile .hotel_reserva_wrapper select#hotel_reserva{
        -webkit-appearance: none;
        -webkit-border-radius: 0px;
        line-height:20px;
    }

    /*
     * CANCELAR RESERVA
     */

    
    #reservas_content .botao{
        width:100px !important;
    }

    #reservas_content .botao img{
        padding-left:0px;
    }


    /* Flex Video */
    #youTube{
        margin-left:-40%;
        width:80%;
        height:30%     
    }

    #youTube .flex-video{
        overflow:visible;
    }

    #youTube .close-reveal-modal{
        font-size: 2em;
        margin-top:-20px;
        right:0;
        z-index:10000 !important;
    }

    #youTube .flex-video iframe{
        margin-top:25px !important;
    }


    .link-login{
        font-size:13px;
        width: 95%;
    }

    /*
     * Candidatura | Emprego
     */

    select#dia_n, select#mes_n, select#ano_n, select#estado_civil, select#frequencia{
       -moz-border-radius: 0px;
        -webkit-border-radius: 0px;
        border-radius: 0px;
        padding-left:5px;
        height:2.3125em;
        margin:0 0 1em 0 !important;
    }

    input[type=submit]#frente, input[type=submit]#tras{
        width:110px;
    }

    /*
     * Timesharing
     */

    .page-menus ul li.small-12{
        padding-right:9px;
    }

    #pedido select#hotel_spa{
       -moz-border-radius: 0px;
        -webkit-border-radius: 0px;
        border-radius: 0px;
        padding-left:5px;
        height:2.3125em;
        margin:0 0 1em 0 !important;
    }

    #pedido input[type=submit]#submeter{
        width:110px;
        margin-right:15px;
    }

    #pedido input#semana, #pedido input#numero{
        width:70px;
    }


    /*
     * Newsletter
     */

     #pedido select#pais, #pedido select#lingua{
        -moz-border-radius: 0px !important;
        -webkit-border-radius: 0px !important;
        border-radius: 0px !important;
        padding-left:5px !important;
    }

    #pedido input[type="submit"]#frente{
        width:120px !important;
        margin:0;
    }    


    /*
     * Noticias
     */

     .news-container h1{
        margin-right:25px;
        text-align: justify
     }

     .news-container .info span.description{
        height:50px;
     }


     /*
      * Ler Noticia
      */

    .blue-box h1 {
        font-size: 20px;
        line-height: 22px;
    }

    .blue-box span.news-content p{
        font-size:14px;
    }

     

     .blue-box span.news-content img{
        width:285px;
        height:180px;
        margin-bottom:20px;
     }

    /*
     * PROMOÇÕES
     */

     .promotions-list figure a img{
        max-height:94px;
     }

     .promotions-list figure{
        width:45%;
        max-height:100px;
     }

     .promotions-list .promotion-content{
        width:50%;
     }

    .promotions-list .promotion-content .prices .price-final, .promotions-list .promotion-content .prices .best-price, .promotions-list .promotion-content .prices .price-discount{
        font-size:12px;
        padding: 8px 16px;
    }

    .promotions-list .promotion-content .prices .price-before{
        line-height: 25px;
    }

    .promotions-list .promotion-content .prices .price-old{
        line-height: 25px;
        padding:0;
        font-size:12px;
    }

    .promotions-list .promotion-content .description{
        margin-top:10px;
        width:90%;
    }

    .promotions-list .ellipsis-text{        
        width:90%;
    }





     /*
      * Presentes
      */

     section.presents article header h1{
        height:32px;
     }

     article.present .description div.content{
        padding-bottom: 0px !important;
     }
     
     article.present .description .single-present-price span.reserve-button a{
        line-height: 33px;
        padding-left: 3px;
     }

     /*
      * PROMOÇÕES
      */

     .promotions-list .promotion-content h1{
        font-size:18px;
        width:100%;
        clear:both;
     }

     /* PESQUISA - INTERESSE */

     ul.interests-content li a{
        zoom:145.5%;
     }


    /*
     * Hotel - Serviços
     */

    .grey-box span strong{
        line-height: 20px;
    }

    section.events-services span.events-gallery a{
        padding:0.5em;
    }

    section.events-services span.events-gallery{
        padding:10px 50px;
        border-left: 1px solid #222222 !important;
        background:url("/../img/events-gallery.png") no-repeat no-repeat 12px 10px transparent;
    }

    /*
     * Hotel - Eventos
     */

    table.events {
        zoom:80%;
    }

    /*
     * Hotel - Galeria
     */

    .choose-buttons-wrapper{
        float:left;
    }

    .galery_360_button_pop{
        margin:0 !important;
        text-align:center;
    }

    .video_button_pop{
        margin:0 0 0 3px !important;
        line-height: 28px !important;
        text-align:center;
    }

    .video_button_pop, .galeria_button_pop, .galery_360_button_pop, #fullscreen{
        width:90px;
        text-align: center;
    }

    #fullscreen{
        margin:0 0 0 3px !important;
    }

    .fullscreen_img{
        margin-top:2px !important;
    }

        /*
         * Galeria - Selects
         */ 
        
                
    #gallerie_header select{
        width:155px;
        font-size:11px;
        padding:2px 5px;
        background:url('/../img/arrow-bottom-grey.png') 97% center no-repeat #FFF;
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        border-radius: 0px;
        margin-left: -50px;

    }

    #gallerie_header.choose-wrapper{
        float:left !important;
        margin-left:-20px;
    }

    .hotelChoose{
        margin-left: -10 !important;
    }

    .albumChoose{
        margin: 0 0 0 40px !important;
    }


    /*
     * FOOTER
     */

    footer .footer-menu #sitemap-open a {
        text-align:left;
        padding-left: 50px;
        line-height: 42px;
    }

}

/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {

.grey-box > ul.services li.large-6{
        width:100% !important;
        padding:7px 0;
    }

    #login_box_content span a{
        display: inline;
        margin-top:0;
    }

}

/* iPads (landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {

    #reservations .dropdown{
        border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        margin-top:18px;
        color: black;
    }

    #reservations #data_chegada{
        border-top-right-radius: 0px;
        -moz-border-radius-topright: 0px;
        -webkit-border-top-right-radius: 0px;
        border-bottom-right-radius: 0px;
        -moz-border-radius-bottomright: 0px;
        -webkit-border-bottom-right-radius: 0px;
        -webkit-appearance: none;    
        -moz-appearance: none;
    }

    #reservations #data_partida{
        border-top-right-radius: 0px;
        -moz-border-radius-topright: 0px;
        -webkit-border-top-right-radius: 0px;
        border-bottom-right-radius: 0px;
        -moz-border-radius-bottomright: 0px;
        -webkit-border-bottom-right-radius: 0px;
        -webkit-appearance: none;    
        -moz-appearance: none;
    }

    #reservations .line .calendar{
        border-top-right-radius: 5px;
        -moz-border-radius-topright: 5px;
        -webkit-border-top-right-radius: 5px;
        border-bottom-right-radius: 5px;
        -moz-border-radius-bottomright: 5px;
    }
}

/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {

    .top-bar .title-area{
        width:85%;
    }

    .top-slider .best-price h2{
        margin-left: -0.3em !important;
    }

    section.contacts.grey-box{
        float: left;
    }

    #reservations_mobile #data_chegada{
        border-top-right-radius: 0px;
        -moz-border-radius-topright: 0px;
        -webkit-border-top-right-radius: 0px;
        border-bottom-right-radius: 0px;
        -moz-border-radius-bottomright: 0px;
        -webkit-border-bottom-right-radius: 0px;
        -webkit-appearance: none;    
        -moz-appearance: none;
    }

    #reservations_mobile #data_partida{
        border-top-right-radius: 0px;
        -moz-border-radius-topright: 0px;
        -webkit-border-top-right-radius: 0px;
        border-bottom-right-radius: 0px;
        -moz-border-radius-bottomright: 0px;
        -webkit-border-bottom-right-radius: 0px;
        -webkit-appearance: none;    
        -moz-appearance: none;
    }

    #reservations_mobile .line .calendar{
        border-top-right-radius: 5px;
        -moz-border-radius-topright: 5px;
        -webkit-border-top-right-radius: 5px;
        border-bottom-right-radius: 5px;
        -moz-border-radius-bottomright: 5px;
    } 
    
    ol.reservation-mobile-menu{
        margin-right: 20px;
    }
    ol.reservation-mobile-menu li {
    }

    ol.reservation-mobile-menu li a {
    }

    ol.reservation-mobile-menu li a:visited {
        color:#B2B2B2;
    }

    .link-login{
        margin-left:0px;
        width:97.5%;
    }

    .mobile-reservation-content .step2-next .botao{
        margin-right: 10px;
    }

    .mobile-reservation-content .step2-next .fix-bottom-btt{
        margin-top: -5px;
    }
    
    form.custom .check-info .check-lbl1{
        display: block;
        margin-left:28px;
    }

    form .check-info .check-lbl2{
        display: block;
        margin-top:10px; 
        margin-left:28px;
    }

    form.custom .custom.checkbox{
        display:block;
        margin-top:-18px;
        height: 23px;
        width: 23px;
    }

    form.custom .custom.checkbox.checked:before{
        font-size:25px;
        top:-25%;
        left:0%;
        margin-top: 0;
        margin-left: 0;
    }


/* iPads (All) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
    input[type=date]::-webkit-outer-spin-button,
    input[type=date]::-webkit-inner-spin-button,
    input[type=date]::-webkit-calendar-picker-indicator {
        -webkit-appearance: none !important;
        background: none;        
    }
    
    input[type=date], input[type=date]:focus {
        background: none;
    }    
    
}

@media only screen 
and (min-width: 890px){

    #reservations label.cod-promotion{
        width:100% !important;
    }

}

/* Desktops and laptops ----------- */
@media only screen 
and (min-width : 1224px) {
/* Styles */
}

/* Large screens ----------- */
@media only screen 
and (min-width : 1824px) {
/* Styles */
}

/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5) and (orientation : portrait),
only screen and (min-device-pixel-ratio : 1.5) and (orientation : portrait) {
    
    input[type=date]{
        -webkit-appearance: field;        
    }

    .link-login{
        width:92.5%;
    }



    
    /*.news article {
        max-width: 55% } 
    
        .news article h1 a {
            font-family: 'TitilliumText22LRegular';
            font-size: 12px;
            line-height: 14px;
            margin-top: 13px;
            font-weight: normal;
        }*/
}
/* iPhone 4 landscape----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5) and (orientation : landscape),
only screen and (min-device-pixel-ratio : 1.5) and (orientation : landscape) {
{
    .top-slider .best-price{
        padding:10px;
    }

    .top-slider .best-price h2{
        margin:25px 10px 0 10px;
    }


    #reservations_mobile .line input{
        text-indent: 18px;
    }

    #reservations_mobile .line input#cod_promotion{
        text-indent: 18px;
    }

    ol.reservation-mobile-menu li{
        line-height: 26px;
    }

    .link-login{
        width:95%;
    }

    #reservas_content .from-price-content{
        margin-bottom: 2px;
    }

    .reservation-resume .change-data{
        margin-bottom: 2px;
    }

    div .step2-next{
        margin-bottom: 40px;
    }

    .tarifa-rooms-info{
        margin-top:5px;
    }

    footer .footer-menu #sitemap-open a{
        line-height: 42px;
        padding-left: 50px;
    }
    
    
    
}

@media only screen and (max-width: 619px) {
    .footer-menu .social-media {
       width: 100%;
       background: #1A2529; 
       margin-top: 0;
       padding-bottom: 7px;
    }
    
    footer .bottom-menu {
        width: 100%;
    }
}