/************************
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) {
    #header-bar > div.container_caption.flexslider {
        left: 8.4%;
        width: 48%;
    }

    .text_inside h1 {
        font-size: 30px !important;
    }

    .text_inside p {
        font-size: 18px !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 8px;
    }

    .loghettoisola .main-block {
        margin-bottom: 40px;
    }

    #preheader {
        display: block !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 h1 {
        font-size: 30px !important;
    }

    .text_inside p {
        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 8px;
    }

    .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 !important;
    }

    .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;
    }

    .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) {

    .text-box p {
        font-size: 12px !important;
        font-weight: 400 !important;
        line-height: 120% !important;
    }

    .text-box {
        min-height: auto !important;
        padding: 4px !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: 120px;
    }

    .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) {
    #box-prenotazione {
        margin-top: 0 !important;
    }

    #header-bar > div.container_caption.flexslider, .flex-buttons,
    .container_caption_center {
        display: none !important
    }

    .block_text {
        margin-top: 40px;
    }

    .flex-direction-nav a {
        width: 30px;
        height: 30px;
        padding: 5px 0;
    }

    .flex-direction-nav a:before, .flex-direction-nav a:after {
        font-size: 18px;
    }

    .slideover h3 {
        font-size: 0.85em !important;
    }

    .nav-tabs li a {
        padding: 4px 8px !important;
        font-size: 14px !important;
        padding-right: 25px !important;

    }

    .nav-tabs li a::after {
        top: 12px !important;
        right: 4px !important;
        border-width: 5px 5px 0 !important;
    }

    .box-foto a {
        padding: 4px 8px !important;
        line-height: 1em !important;
        font-size: 0.85em !important;
    }

    .inner20 {
        padding: 5px !important;
    }

    .slideover p.sfondo-arancione {
        display: none;
    }

    .slideover a.btn {
        margin-top: 40px !important;
        padding: 4px 6px !important;
        font-size: 0.8em !important;
        line-height: 1.6em !important;
    }

    .slideover a.btn:after {
        display: none !important;
    }

    .nascondi-xs {
        display: none;
    }

    .briciole {
        padding: 8px 0 !important;
        font-size: 12px !important;
    }

    #accordionvisite p.etichetta {
        font-size: 12px !important;
    }

    #accordionvisite input, #accordionvisite select, #formprenotazioni input, #formprenotazioni select {
        padding: 4px 0px !important;
        text-align: center!important;
    }

    #accordionvisite i.fa, #formprenotazioni i.fa-plus, #formprenotazioni i.fa-minus{
        font-size: 0.7em!important;
    }

    #formprenotazioni .btn{
        padding:1px 6px!important;
    }

    .info .input-number {
        width: 22px !important;
    }
}

@media (max-width: 560px) {
    .widgets > div.box_ {
        width: 95%
    }

}

@media (min-width: 768px) and (max-width: 991px) {
    .text_inside h1 {
        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;
        background-color: transparent !important;
    }

    .flex-control-nav {
        display: none
    }

    .logo {
        margin: 0!important;
        position: fixed;
        height: 50px!important;
        top: 8px;
        left: 50%;
        transform: translateX(-50%);
        z-index: 9999;
    }

    .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
    }

}