/************************
Large desktop
*************************/
@media(max-width:1585px){
    #header-bar > div.col-lg-12.col-md-12.col-sm-12.col-xs-12.nop > div > div > div > div.col-lg-8.col-md-8.col-sm-12.col-xs-12{width:100%;}
    #header-bar > div.container_caption.flexslider{/*top:237px*/}
    /*.flex-buttons{top: 344px;}*/
}
@media(min-width:991px) and (max-width:1200px){
    .form_prenotazione h5 { font-size: 24px!important;}
    #header-bar > div.container_caption.flexslider{left:8.4%;width: 48%;}
    .text_inside .acca1 { font-size: 40px !important;}
    .text_inside span { font-size: 22px !important;}
    .text_inside_center h1 { font-size: 22px !important;}
    .text_inside_center p { font-size: 16px !important;}
}

@media(min-width:1200px){
    ul.main-menu > li > a, ul.main-menu > li > a:link, ul.main-menu > li > a:visited{ padding: 6px 12px!important; }
    /*.loghettoisola .main-block {margin-bottom:30px;}*/
    #preheader { display:block !important;}

    .text_inside .acca1 { font-size: 42px !important;}
    .text_inside span { font-size: 24px !important;}
    .text_inside_center h1 { font-size: 22px !important;}
    .text_inside_center p { font-size: 18px !important;}
}

@media (max-width:991px) {
    #header-bar > div.container_caption.flexslider{width: 83.2%;left: 8.4%;margin-left: 0;/*top: 105px;*/}
    /*.flex-buttons{top: 213px}*/
}
@media only screen and (max-width: 991px) {
    #mobile-bar {
        display: block;
    }

    .text_inside .acca1 { font-size: 28px !important;}
    .text_inside span { font-size: 18px !important;}

    .mm-menu.mm-current {
        display: block !important;
    }

    #page {
        padding-top: 47px;
    }

}

/********************************************
 Portrait tablet to landscape and desktop
*********************************************/

@media(min-width:992px){
    .mobile-nav{ display:none; }
    .main-menu{	display:block; }
    .main-menu-mini ul li{ border-bottom:1px solid #000; }
    ul.main-menu > li > a, ul.main-menu > li > a:link, ul.main-menu > li > a:visited{ padding: 6px 4px; }
    .news-bar .head{ width: 10%; }
    .news-bar .carousel-wrapper{ width: 90%; }
    .services .nav-tabs>li>a{ font-size: 1.3em; padding: 15px 30px;}
    /*.loghettoisola .main-block {margin-bottom:40px;}*/
    #preheader { display:block !important;}
    .col_foo4 > div > h5 {width: 220px;}
}

@media(max-width:991px){
    .main-menu, .toplinks_container{display:none;}
    .text_inside {width: 100%;margin: 0;}
    .text_inside > h1,
    .text_inside > p{text-align:center !important;}
    #page > header > div.flexslider > div > ul > li.flex-active-slide > div{top:130px;}
    .flexslider{max-height: 785px;}
    .col_foo2, .col_foo3, .col_foo4{padding:20px 0 !important}
    footer p, footer h5, footer h6, .credits p{text-align:center !important}
    .img_social, footer > div > div > img {float:none; margin:0 auto;}
    .creditslinks_container{width: 253px;float: none !important;margin: auto;}
}


/**********************************
Landscape phone to portrait tablet
***********************************/

@media(min-width:768px){

    .mobile-nav{ display:block;margin-left:0; }
    .main-menu-mini{ display:block !important;visibility:visible !important;position:absolute;z-index:999999;top: 65px;
        width: 70%;background:#463e3e;z-index:99999;margin-top:0 !important; }
    .main-menu-mini ul{	position:relative;width:100%;top:0 !important;left:0px !important;padding:0; }
    .main-menu-mini li{	display:block;position:relative;border-bottom:1px solid #504B4B !important;	}
    .main-menu-mini a, .main-menu-mini a:link, .main-menu-mini a:visited{ color:#FFF;padding:5px 14px; }
    .main-menu-mini li.main-menu-mini-hover, ul.main-menu-mini > li:hover, .main-menu-mini ul li.main-menu-mini-hover, ul.main-menu-mini ul > li:hover{
        box-shadow:none;-webkit-box-shadow:none;-moz-box-shadow:none;background-color:transparent; }
    .main-menu-mini a:hover, .main-menu-mini li.main-menu-mini-hover > a{ font-weight:800;color:#fff; }
    .news-bar .head{ width: 15%; }
    .news-bar .carousel-wrapper{ width: 85%; }
    .services .nav-tabs>li>a{ font-size:1em;padding:8px 10px;}
    /*.loghettoisola .main-block {margin-bottom:120px;}*/
    #preheader { display:none !important;}

}



/**************************
Landscape phones and down
***************************/

@media(min-width:992px) and (max-width:1100px){
    .displayInline{display:inline !important}
    #charme .camere_media .first_column{border-right: none;}
}

@media(max-width:767px){
    .btn {     font-size: 0.85em!important; }
    .form_prenotazione {top: 25px;}
    /*.container{ max-width:400px; }*/
    .header-wrapper{ height:130px; box-shadow: none; }
    .news-bar{ visibility:hidden;display:none; }
    .mobile-nav{ display:block;margin:17px 0; }
    /*.mobile-nav a{ 11px 0;}*/
    .main-menu-mini{ display:block !important;visibility:visible !important; position:absolute;z-index:999999; top: 130px;width: 70%; background: #463e3e;
        z-index:99999;margin-top:0 !important; }
    .main-menu-mini ul{	position:relative;width:100%;top:0 !important;	left: 0px !important;padding:0; }
    .main-menu-mini li{	display:block;position:relative;	border-bottom: 1px solid #504B4B !important;	}
    .main-menu-mini a, .main-menu-mini a:link, .main-menu-mini a:visited{ color:#FFF;padding:5px 14px; }
    .main-menu-mini li.main-menu-mini-hover, ul.main-menu-mini > li:hover, .main-menu-mini ul li.main-menu-mini-hover, ul.main-menu-mini ul > li:hover{
        box-shadow:none;-webkit-box-shadow:none;-moz-box-shadow:none;background-color:transparent; }
    .main-menu-mini a:hover, .main-menu-mini li.main-menu-mini-hover > a{ font-weight:800;color:#fff; }
    header {  margin-bottom: 0px;!important }
    #preheader { display:none !important;}
    .subscribe form *{ margin-bottom:15px;text-align:center; }
    .subscribe form *:last-child{ margin:0; }
    .subscribe input{ width:100%; }
    .main-social{ float:left;margin-bottom: 10px; }
    .main-contact address span{ display:block;clear:both; }
    .copy{ float:left;line-height:2;margin-bottom:15px; }
    .header-title h2{ font-size: 2em;}
    .header-content{ padding: 40px 0 0 0; }
    .breadcrumb{ width:100%; }
    .panel-form{ width: 300px; }
    .panel-form select{ width: 48%; }
    .nav > li > a{ padding: 10px 15px }
    .comments ul{ margin-left: 0; }
    .facility{ height: auto; }
    .services .nav-tabs>li{ float:none; }
    .services .nav-tabs>li>a{width:100%;font-size:1.3em;padding:8px 10px;}
    article .blog-post-date{ font-size:1.2em; }
    article .post h5, article .post h4, article .post h3{  font-size:2em; }
    /*.loghettoisola .main-block {margin-bottom:60px;}*/
    .flexslider {max-height: 620px;}
    .displayInline{display:inline !important}
    #charme .camere_media .first_column{border-right: none;}
    .col_foo4 img{
        margin: 0 auto;
    }
}



/**************************
Portrait phones and down
***************************/

@media(min-width:300px) and (max-width:767px){
    #header-bar > div.container_caption.flexslider, .flex-buttons,
    .container_caption_center {display:none !important}
    .block_text{margin-top:40px;}
    .flexslider {max-height: 320px;}
}
@media(max-width:560px){
    .widgets > div.box_{width:95%}
}

@media(min-width:768px) and (max-width:991px){
    .text_inside .acca1{font-size:30px !important}
    .form_prenotazione{top:160px}
    .col_foo4 img{
        margin: 0 auto;
    }
}
@media(min-width:300px) and (max-width:991px){
    header { top: 50px!important;}
    .container_header {
        margin: 0px;
        padding: 70px 0 0 0;
        background-color: transparent!important;
    }
    .flex-control-nav { display: none }
    .logomobile img{display:inline; position: fixed;  left: 0;  right: 0;  margin: 0 auto;}
    .logosito {float: none!important;}
    .container_presentation{
        width:100%;
        margin: 0px 3%;
    }
    .mm-page.container, header .container { width:100%!important}
}
@media(min-width:320px) and (max-width:500px){
    .header-bar > div{padding:0}
    .form_prenotazione{padding:10px !important}
    #logorow { margin:0!important;}
    .toplinks_container{
        float: left !important;
        padding-left: 15px;
    }
}



/*******************************
 *  posizione page
 * ****************************/
@media(max-width:992px){
    .img_styled{width:100%;}
    .col_foo4 > div:nth-child(3) > p { left:0!important}

}