/*
 Author:       Cobweb Software
 Author URI:
 Template:     cobwebprogressive
 Version:      1.0.0

 Responsive layout

    1. Desktop max width 1199px
    2. Tablet max width 991px
    3. Tablet / Mobile max width 767px
    4. Mobile max width 579px

*/

@media (max-width: 1480px) {
    .muzeen_magazin {
        top: -120px;
        right: 0px;
    }
}

/* -------------------------------------------------------------------------- *
 * 1. Desktop max width 1024px                                                *
 * -------------------------------------------------------------------------- */

    @media (max-width: 1024px) {

        #top-bar .moduletable:first-child {
            width: 470px;
        }

        .extraItems-footer {
            padding: 119px 145px;
        }

    }

/* -------------------------------------------------------------------------- *
 * 2. Tablet max width 991px                                                *
 * -------------------------------------------------------------------------- */

    @media (max-width: 991px) {

        .header-bottom{
            display: none;
        }

        #header #mobileMenu{
            display: block;
            float: none;
            position: absolute;
            z-index: 999;
            left: auto;
            top: 40px;
            right: 20px;
        }

        .offcanvas-menu .close-offcanvas{
            width: 100%;
            display: block;
            text-align: right;
        }

        #top-bar .moduletable:first-child{
            width: 290px;
        }

        #top-bar .moduletable:first-child .custom div {
            font-size: 12px;
        }

        #top-search a, #top-cart, #side-panel-trigger, #top-account{
            position: relative;
            right: 0;
            margin: 0;
        }

        #top-search form {
            width: 70% !important;
        }

        #top-search form input {
            width: 60%;
            font-size: 14px;
            height: 45px;
        }

        .home-page-news .news-content{
            height: 200px;
        }

        .home-page-news h4{
            height: 60px;
            font-size: 12px;
            line-height: 15px;
        }

        .home-page-news .news-data{
            font-size: 12px;
        }

        .home-page-before-footer a{
            font-size: 9px;
        }

        .portfolio-3 .portfolio-item{
            width: 50%;
        }

        .portfolio-3 .category-images{
            width: 119px;
        }

        .header_top_right .muzeen_magazin{
            display: flex;
            top: 0;
            right: 60px
        }
        .muzeen_magazin > div {
            margin-top: 4px;
            margin-left: -5px;
        }
        .header_top_right .muzeen_magazin img{
            width: 90px;
        }
        .extraItems-header {
            padding: 10px 145px;
        }
        .extraItems-header:before {
            min-height: 400px;
        }
        .extraItems-header .row {
            margin-top: 180px;
        }

        .extraItems-header h1 {
            font-size: 30px;
            line-height: 30px;
        }
        .extraItems-middle {
            padding: 10px 80px;
        }
        .extraItems-middle #itemListLeading > div {
            height: 120px;
        }
        .extraItems-item img {
            height: 90px;
        }
        .extraItems-footer {
            background-size: contain;
            padding: 90px 145px;
        }

        #k2Container.extraItems.Christmas .extraItems-header,
        #k2Container.extraItems.Christmas .extraItems-footer {
            padding-left: 60px;
            padding-right: 60px;
        }

        #k2Container.extraItems.Christmas .extraItems-middle {
            padding-left: 50px;
            padding-right: 50px;
        }
    }

/* -------------------------------------------------------------------------- *
 * 3. Tablet / Mobile max width 767px                                                *
 * -------------------------------------------------------------------------- */

    @media (max-width: 767px) {

        .container, #header.full-header .container, .container-fullwidth{
            width: 100% !important;
        }

        .extraItems-footer {
            padding: 77px 145px;
        }

        #k2Container.extraItems.Christmas .extraItems-header,
        #k2Container.extraItems.Christmas .extraItems-footer {
            padding-left: 40px;
            padding-right: 40px;
        }

        #k2Container.extraItems.Christmas .extraItems-middle {
            padding-left: 30px;
            padding-right: 30px;
        }
    }

/* -------------------------------------------------------------------------- *
 * 4. Mobile max width 579px                                                  *
 * -------------------------------------------------------------------------- */

    @media (max-width: 579px) {

        .extraItems-header,
        .extraItems-middle {
            padding: 10px 70px;
        }

        .extraItems-header .row {
            margin-top: 90px;
        }

        #k2Container.extraItems.Christmas .extraItems-header .row {
            margin-top: 150px;
        }

        .extraItems-footer {
            padding: 44px 70px;
        }

        .extraItems-middle #itemListLeading > div {
            width: 50%;
        }

        #top-bar{
            height: 200px;
        }

        #top-bar .pre_header_right{
            text-align: center;
        }

        #top-bar .moduletable:first-child {
            width: 100%;
            text-align: center;
        }

        #top-search form, #top-search form input{
            width: 95% !important;
        }

        .header_top_right .muzeen_magazin{
            top: auto;
            right: 00px;
            bottom: calc(100% - 30px);
        }

        .header_top_right .muzeen_magazin img {
            width: 70px;
        }

        .home-page-slider .slide .text{
            width: 200px;
        }

        .innerPage #k2Container, .innerPage .item-page{
            padding: 0;
        }

        .flexslider .flex-viewport{
            height: 280px !important;
        }

        .flexslider h3 {
            font-size: 12px;
            line-height: 15px;
        }

        body #content .flexslider p {
            line-height: 11px;
            font-size: 12px;
        }

        .home-page-slider .slide .background {
            background-size: cover;
            background-position: initial;
        }

        .home-page-slider .slide .text .field_sottotitolo {
            height: 154px;
        }

        .home-page-news .news-content {
            width: 50%;
        }

        .home-page-news .news-content:nth-child(5){
            display: none;
        }

        .home-page-before-footer .thumbs {
            padding: 0px 15px 0 15px;
        }

        .home-page-before-footer .thumbs div {
            height: 100px;
            line-height: 15px;
            padding-top: 8px;
        }

        .home-page-before-footer a {
            font-size: 12px;
        }

        .home-page-before-footer i {
            margin-bottom: 5px;
            display: block;
        }

        .home-page-before-footer .main-image {
            height: 130px;
        }

        #footer .pre-footer .row {
            display: block;
        }

        #footer .footer-widgets-wrap {
            padding: 15px 15px 0 15px;
        }

        #footer .pre-footer-col {
            border-right: 0;
            border-bottom: thin solid #e3e3e3;
        }

        #footer .pre-footer-col {
            border-right: 0;
            border-bottom: thin solid #e3e3e3;
            margin-bottom: 15px;
        }

        #footer .pre-footer .footerModules.moduletable {
            margin-bottom: 15px;
        }

        .masonry-thumbs a, .masonry-thumbs img {
            width: 100% !important;
        }

        .portfolio-3 .portfolio-item {
            width: 100%;
            padding: 0 0px 15px 0;
        }

        .portfolio-3 .category-images {
            width: 108px;
        }

        .chronoform-style, .chronoform-style-2{
            width: 100%;
        }

        .chronoform-style-2 .gbs3 .gcore-label-left,
        .chronoform-style-2 .gbs3 #form-row-captcha .gcore-label-left{
            min-width: 100% !important;
        }

        .chronoform-style-2 .gbs3 .gcore-input,
        #chronoform-eventsReservation #chronoform-container-16,
        #chronoform-eventsReservation #time-container,
        #chronoform-eventsReservation #children-container,
        #chronoform-eventsReservation #chronoform-container-24,
        #chronoform-eventsReservation #email-container,
        #chronoform-eventsReservation #form-row-eventName select{
            width: 100% !important;
        }

        #chronoform-eventsReservation #time-container,
        #chronoform-eventsReservation #children-container,
        #chronoform-eventsReservation #email-container{
            padding-left: 0px;
        }

        #form-row-captcha .gcore-input{
            width: 50% !important;
        }

        #time-container, #children-container{
            margin-left: 0;
        }

        .gbs3 .gcore-form-row .gcore-single-column{
            float: left;
        }

        #k2Container.extraItems.Christmas {
            background-size: cover;
            background-position: bottom center;
            background-image: url('../images/background-Christmas-middle-2.jpg');
        }

        #k2Container.extraItems.Christmas .extraItems-header:before {
            content: none;
            background-image: url('../images/background-Christmas-header.jpg');
        }

        #k2Container.extraItems.Christmas .extraItems-footer {
            background-size: cover;
            background-position: bottom center;
            background-image: url('../images/background-Christmas-footer.jpg');
        }
    }

    @media screen and (max-width: 360px)  {
        .header_top_left img {
            width: 80px;
            top: 0;
        }
        .header_top_right .muzeen_magazin {
            right: 50px;
            bottom: calc(100% - 90px);
        }

        #k2Container.extraItems.Christmas .extraItems-header,
        #k2Container.extraItems.Christmas .extraItems-footer {
            padding-left: 30px;
            padding-right: 30px;
        }

        #k2Container.extraItems.Christmas .extraItems-middle {
            padding-left: 20px;
            padding-right: 20px;
        }

        #k2Container.extraItems.Christmas .extraItems-header .row {
            margin-top: 180px;
        }
    }