@media (min-width: 992px) and (max-width:1199px) {
.header-tablet{display: block;float: left;width: 100%;background-color: #5c6670;margin-top: 15px;margin-bottom: 5px}
.header-tablet .col{float: left;width: 20%;padding: 5px 0}
.header-tablet .col{float: left;width: 18.75%;color:#00aec8;font-weight: 600;text-align: center;border-right:1px solid #fff;box-sizing: border-box}
.header-tablet .col:nth-of-type(2){width: 25%;}
.header-table{display: none}
.main-body .single-col .sistemation p{font-size: 16px;line-height: 20px;position: relative;top:10px}
.main-body .single-col{height: 140px;padding-top: 20px;}
.main-body .single-col .price{margin-top: 20px}
.search-results .show-results .row{margin-bottom: 5px;}
.main-body .row.final .col img{width: 400px;margin-bottom: 15px}
.filters-box .container-date-line .option-container{width: 33.33%}
.show-results .col.header{width: 100%;padding: 0} 
#bookingForm .form-group > .col{width: 25%;padding: 0 15px;box-sizing: border-box}
#bookingForm .form-group > .col.destinations{padding-left: 0}
#bookingForm input[type="text"]:not(.number-persons){width: 100%}
#bookingForm .box-choice{right: 0}
.no-small-desktop-padding{padding-left: 0;padding-right: 0}
#bookingForm .form-group > .col.for-button{float: right;width: 25%;padding-right: 0}
#bookingForm .form-group.disable .col:not(.enable-return)::after{left: 15px;width: calc(100% - 15px)}
#bookingForm .form-group.disable .col.destinations::after{left: 0px;width: 100%}
#bookingForm .col.enable-return{width: 50%;padding-left: 0;margin-top: 60px}
.submenu-services{left: -157px}
.submenu-services-age{left: -157px;width: 400px;}
.search-results .show-results .services-destination .single-information{width: auto;margin-right: 25px}
#bookingPayment .left .form-group .col.data-nascita{width: calc(28% - 15px);}
#bookingPayment .left .form-group .col.email{width: 44%;margin-right: 0}
#bookingPayment .left .form-group.second .col.telefono, #bookingPayment .left .form-group.first .col.telefono{width: 50%;margin-top: 15px}
#bookingPayment .left .form-group .col.data-nascita.for-passenger{width:calc(22% - 15px) }
#bookingPayment .left .form-group.payment-field .col:first-of-type{width: 100%;margin-right: 0;margin-bottom: 15px}
#bookingPayment .left .form-group.payment-field .col{width: 33.33%;}
#bookingPayment .right .services-destination .single-information{width: 100%}
#bookingPayment .right .services-destination .single-information:first-of-type img{margin-right: 20px}
#bookingPayment .right .services-destination .single-information:last-of-type{margin-top: -20px}
#bookingPayment .right .box-contacts p{font-size: 30px}
#bookingPayment .right .box-assicurazione p{font-size: 30px}
#bookingPayment .left .form-group .payment-item{width: auto}


.main-header .logo{margin-top: 10px}
.main-header .logo a{background-position:center 0}
.main-header nav{text-align: center;}
.main-header nav ul{float: none;display: inline-block}
.main-header nav ul li:last-of-type:after{display: none}
}
@media (min-width: 800px) and (max-width:991px) {
.header-tablet .col{float: left;width: 20%;padding: 5px 0}
.header-tablet .col{float: left;width: 18.75%;color:#00aec8;font-weight: 600;text-align: center;border-right:1px solid #fff;box-sizing: border-box}
.header-tablet .col:nth-of-type(2){width: 25%;}
.header-table{display: none}
.main-body .single-col .sistemation p{font-size: 16px;line-height: 20px;position: relative;top:10px}
.main-body .single-col{height: 140px;padding-top: 20px;}
.main-body .single-col .price{margin-top: 20px}
.search-results .show-results .row{margin: 15px 0!important;}
.main-body .row.final .col img{width: 400px;margin-bottom: 15px}
.filters-box .container-date-line .option-container{width: 33.33%}
.show-results .col.header{width: 100%;padding: 0} 
#bookingForm .form-group > .col{width: 25%;padding: 0 15px;box-sizing: border-box}
#bookingForm .form-group > .col.destinations{padding-left: 0}
#bookingForm input[type="text"]:not(.number-persons){width: 100%}
#bookingForm .box-choice{right: 0}
.no-small-desktop-padding{padding-left: 0;padding-right: 0}
#bookingForm .form-group > .col.for-button{float: right;width: 25%;padding-right: 0}
#bookingForm .form-group.disable .col:not(.enable-return)::after{left: 15px;width: calc(100% - 15px)}
#bookingForm .form-group.disable .col.destinations::after{left: 0px;width: 100%}
#bookingForm .col.enable-return{width: 50%;padding-left: 0;margin-top: 60px}
.submenu-services{left: -212px}
.submenu-services-age{left: -212px;width: 400px;}
.search-results .show-results .services-destination .single-information{width: auto;margin-right: 25px}
.main-body .single-col,.main-body .single-col:nth-of-type(2n+2){width: 50%;border-bottom: 1px solid #606060;}
.main-body .single-col:nth-of-type(5){width: 100%;}
.main-body .single-col:nth-of-type(1),.main-body .single-col:nth-of-type(3){border-right: 1px solid #606060;}
.main-body .single-col .center,.main-body .single-col .andata,.main-body .single-col .ritorno{float: none;display: inline-block;text-align: center}
.main-body .single-col .andata,.main-body .single-col .ritorno{top: 10px;position: relative}
.main-body .single-col .length p{margin-top: 20px}
#bookingPayment .left .form-group .col.data-nascita{width: calc(28% - 15px);}
#bookingPayment .left .form-group .col.email{width: 44%;margin-right: 0}
#bookingPayment .left .form-group.second .col.telefono, #bookingPayment .left .form-group.first .col.telefono{width: 50%;margin-top: 15px}
#bookingPayment .left .form-group .col.data-nascita.for-passenger{width:calc(22% - 15px) }
#bookingPayment .left .form-group.payment-field .col:first-of-type{width: 100%;margin-right: 0;margin-bottom: 15px}
#bookingPayment .left .form-group.payment-field .col{width: 33.33%;}
#bookingPayment .right .services-destination .single-information{width: 100%}
#bookingPayment .right .services-destination .single-information:first-of-type img{margin-right: 20px}
#bookingPayment .right .services-destination .single-information:last-of-type{margin-top: -20px}
#bookingPayment .right .box-contacts p{font-size: 30px}
#bookingPayment .right .box-assicurazione p{font-size: 30px}
#bookingPayment .left .form-group .payment-item{width: auto}
#bookingPayment .left .form-group .col,#bookingPayment .left .form-group.first .col.small,#bookingPayment .left .form-group .col.data-nascita,#bookingPayment .left .form-group.second .col.telefono,#bookingPayment .left .form-group.first .col.telefono,#bookingPayment .left .form-group .col.email,#bookingPayment .left .form-group .col.data-nascita.for-passenger,
#bookingPayment .left .form-group .col.naz.last,#bookingPayment .left .form-group .col.half.last{width: calc(50% - 15px);margin-top: 15px}
#bookingPayment .left .form-group .col:nth-of-type(2n+2){float: right;margin-right: 0}
#bookingPayment .left .form-group.payment-field .col{margin-top: 0}
#bookingPayment .left .form-group.payment-field .col{width: 36.3%;float: left;margin-right: 15px}
#bookingPayment .left .form-group.payment-field .col:last-of-type{margin-right: 0}
#bookingPayment .right h2{font-size: 22px}
#bookingPayment .right .promotional-code a{font-size: 15px}

.main-header .logo{margin-top: 10px;height: 50px}
.main-header .logo a{background-position:center 0}
.main-header nav{text-align: center;}
.main-header nav ul{float: none;display: inline-block}
.main-header nav ul li:last-of-type:after{display: none}
.main-header nav ul li a{padding: 0 10px;height: 40px;}
.main-header nav ul li::after {top: 5px}
.banner-booking-online{height: 500px}
.banner-booking-online h2{font-size: 60px;letter-spacing: 3px;margin-top: 125px}
.banner-booking-online h3{font-size: 25px;line-height: 30px}
.banner-booking-online a{padding: 15px 45px}
}
@media (max-width:800px) {

.header-tablet .col{float: left;width: 20%;padding: 5px 0}
.header-tablet .col{float: left;width: 18.75%;color:#00aec8;font-weight: 600;text-align: center;border-right:1px solid #fff;box-sizing: border-box}
.header-tablet .col:nth-of-type(2){width: 25%;}
.header-table{display: none}
.main-body .single-col .sistemation p{font-size: 16px;line-height: 20px;position: relative;top:10px}
.main-body .single-col{height: 140px;padding-top: 20px;}
.main-body .single-col .price{margin-top: 20px}
.search-results .show-results .row{margin: 15px 0!important;}
.main-body .row.final .col img{width: 200px;margin-bottom: 30px}
.filters-box .container-date-line .option-container{width: 33.33%}
.show-results .col.header{width: 100%;padding: 0} 
#bookingForm .form-group > .col{width: 100%;padding: 0;box-sizing: border-box;margin-bottom: 20px}
#bookingForm .form-group > .col.destinations{padding-left: 0;width: 100%}
#bookingForm .form-group > .col.eta{padding-left: 0;width: 100%}
#bookingForm input[type="text"]:not(.number-persons){width: 100%}
#bookingForm .box-choice{right: 0}
.no-small-desktop-padding{padding-left: 0;padding-right: 0}
#bookingForm .form-group > .col.for-button{float: right;width: 25%;padding-right: 0}
#bookingForm .form-group.disable .col:not(.enable-return)::after{left: 0;width: 100%}
#bookingForm .form-group.disable .col.destinations::after{left: 0px;width: 100%}
#bookingForm .col.enable-return{width: 50%;padding-left: 0;margin-top: 60px}
.submenu-services,.submenu-services-age{left: 0;width: 100%}
.search-results .show-results .services-destination .single-information{width: auto;margin-right: 25px}
.main-body .single-col,.main-body .single-col:nth-of-type(2n+2){width: 50%;border-bottom: 1px solid #606060;}
.main-body .single-col:nth-of-type(1){width: 50%;}
.main-body .single-col:nth-of-type(2){width: 50%;}
.main-body .single-col:nth-of-type(3){width: 50%;}
.main-body .single-col:nth-of-type(4){width: 50%;}
.main-body .single-col:nth-of-type(5){width: 100%;}
.main-body .single-col:nth-of-type(1),.main-body .single-col:nth-of-type(3){border-right: 1px solid #606060;}
.main-body .single-col .center,.main-body .single-col .andata,.main-body .single-col .ritorno{/*float: none;*/display: inline-block;text-align: center}
.main-body .single-col .andata,.main-body .single-col .ritorno{/*top: 10px;*/position: relative}
.main-body .single-col .length p{margin-top: 20px}
#bookingForm input[type="text"]{z-index: 2;position: relative}
.submenu-choice{width: 100%}
.submenu-vehicles{width: 100%}
#bookingForm .form-group > .col.for-button{width: 50%}
#bookingForm .col.enable-return{width: 100%}
#bookingForm .form-group.disable .col::after{z-index: 2;left: 0}
.main-body .row.final .col .switch-service.yes{width: 100%;}
.main-body .row.final .col .switch-service.no{width: 50%;margin-left: 0}
.search-results .show-results h2,.section-title,.main-body .row.final h2{font-size: 26px}
.search-results .show-results a.edit-search{margin-top: 0}
.submenu-services, .submenu-services-age,.submenu-choice,.submenu-vehicles{position: fixed;top:15px;left: 15px;width: calc(100% - 30px);z-index: 99;overflow-y: scroll;height: 100%;margin-bottom: 15px}
    .submenu-services, .submenu-services-age {
        position: fixed;
        top: 15px;
        left: 15px;
        width: calc(100% - 30px);
        z-index: 99;
        overflow-y: scroll;
        height: 100%;
        margin-bottom: 15px
    }

.submenu-services-age{height: auto;top:0px}
.submenu-choice{height: auto;}
.submenu-choice li{text-align: center}
.submenu-choice li a{position: relative;top:0;margin-top: 25px;float: none;right: 0;}
.filters-box .container-date-line .option-container{width: 100%}
#bookingPayment .left,#bookingPayment .right, #bookingPayment .for-book-check{width: 100%; min-height:140px}
#bookingPayment .left .form-group .col{width:calc(50% - 15px)!important;margin-right: 0!important;margin-bottom: 15px}
#bookingPayment .left .form-group .col:nth-of-type(2n+2){float: right}
#bookingPayment .for-book-button{width: 100%}
#bookingPayment .for-book-button input{width: 100%}
#bookingPayment .right .total span{font-size: 28px}
#bookingPayment .right h2{font-size: 26px}
.submenu-choice li{text-align: center;padding: 20px;border-bottom:1px solid #5c6670;}

.top-line,.main-header nav{display: none;}
a.for-menu-mobile{position: absolute;right:15px;top:15px;color:#5c6670;display: block;z-index: 49}
.main-header{padding: 25px 0}
.main-header .logo{background-position:center 0;height: 50px}
.main-header .logo a{background-position:center 0;}
aside.menu-mobile ul{padding: 0 20px;box-sizing: border-box;}
aside.menu-mobile ul:first-of-type{margin-top: 15px}
aside.menu-mobile ul li a{color:#fff;font-size: 18px;display: block;padding: 10px 0;font-weight: 400}
aside.menu-mobile>a{font-size: 25px;float: right;margin: 20px 20px 20px 0px;color:#fff;}
.banner-booking-online{height: 400px}
.banner-booking-online h2{font-size: 40px;letter-spacing: 3px;margin-top: 75px}
.banner-booking-online h3{font-size: 25px;line-height: 30px}
.banner-booking-online a{padding: 15px 45px}
.container-alert .entry{width: 90%}

.box1, .box2, .box3, .box4 { width: 100% !important; height: auto !important; display: block !important; margin: 0 auto 10px auto !important }
.box1, .box4 { padding-bottom:70px !important }
.box1 img, .box2 img, .box3 img, .box4 img { width: 100% !important; }
.home-box{margin:0 !important}
.box1 .box-title, .box4 .box-title {
    margin: 20px !important;
    font-size: 24px !important;
}

.box1 .box-sub-title, .box4 .box-sub-title {
    margin: 0 20px 0 20px !important;
    font-size: 16px !important;
}

.box-elenco {
    margin: 0px 20px 0 20px !important;
    font-size: 14px !important;
}

.box-elenco li {
    line-height:24px !important;
}
}
@media (max-width:500px) {
.section-title.with-icon{text-indent: 0;padding-left: 55px;box-sizing: border-box;background-size: 50px;}
#bookingForm .form-group > .col.for-button{width: 100%}
.submenu-services .col{width: 50%!important;border-bottom: 0px solid #5c6670;}
.submenu-services .col.width-all-12 {width: 100% !important}
.submenu-services, .submenu-services-age,.submenu-choice,.submenu-vehicles{position: fixed;top:5px;left: 14px;width: calc(100% - 29px);z-index: 99;overflow-y: scroll;height: auto;margin-bottom: 15px}
.submenu-services-age{height: auto;top:0px}
.destinations .submenu-choice { max-height: 252px;}
.destinations .submenu-choice li { padding: 10px;}
.submenu-choice li a{position: relative;top:0;margin-top: 25px;float: none;right: 0; display:none}
.main-body .single-col, .main-body .single-col:nth-of-type(2n+2){width: 100%;border-right: none!important}
.main-body .single-col .price{}
.search-results .show-results h2{width: 100%;margin-top: 15px}
#bookingPayment .left .form-group .col{width:100%!important;}
#bookingPayment .right .box-contacts p{font-size: 25px}
#bookingPayment .right .box-contacts a{font-size: 18px}
#bookingPayment .right .box-assicurazione p{font-size: 25px}
#bookingPayment .right .box-assicurazione a{font-size: 18px}
#bookingPayment .right .services-destination .single-information{width: 100%}
#bookingPayment .right .services-destination .single-information:first-of-type img{margin-right: 20px}
#bookingPayment .right .services-destination .single-information:last-of-type{margin-top: -20px}
.banner-booking-online h2{line-height: 45px;margin-top: 60px}
.banner-booking-online h2 br{display: block;}
.banner-booking-online a{padding: 10px 40px}
.container-alert .entry h2{font-size: 22px}
.pulsante-home {width:100% !important}
.search-results .width-lg-9 { width: calc(100% - 12px) !important}
.main-body .single-col {width:100% !important}
.for-book-check {min-height:210px !important}
.main-body .single-col .length p {margin-top:25px !important}
.main-body .single-col .length img {display:inline-block !important; margin: 0 10px 0 0 !important}
}
   
@media (min-width:801px) {
   .rowAndata, .rowRitorno { display: block !important;}
}

@media (max-width:800px) {
    /*.submenu-services.open { width:100% !important; left:0 !important; top:100px !important; height:100% !important; margin:0 !important}
    .submenu-services.open .grid {width:100% !important }
    .submenu-services-age.open { width:100% !important; left:0 !important; top:235px !important; z-index:100 !important}
    .submenu-services-cabine.open { width:calc(100%) !important; left:-14px !important; top:30px !important; z-index:100 !important}
    .grid .col.no-border {
        border-right: 1px solid #5c6670 !important
    }*/

    .submenu-services.open { position:relative; width:100% !important; left:0 !important; top:10px !important; height:100% !important; margin:0 !important}
    .submenu-services.open .grid {width:100% !important }
    .submenu-services-age.open { width:100% !important; left:0 !important; top:235px !important; z-index:100 !important}
    .submenu-services-cabine.open { position:relative; width:calc(100%) !important; left:0px !important; top:20px !important; z-index:100 !important; background: #EDEDED}
    .submenu-services-cabine.open li { background: #EDEDED}
    .grid .col.no-border {
        border-right: 1px solid #5c6670 !important
    }
    #bookingForm .form-group > .col.eta {margin-top:10px}

    .submenu-vehicles.open { position:relative; width:100% !important; left:0px !important; top:10px !important; height:100% !important; margin:0 !important}
    .submenu-vehicles-tipo { left:0px !important;}
    .submenu-vehicles-tipo.open { position:relative; width:calc(100%) !important; left:0px !important; top:20px !important; z-index:100 !important; background: #EDEDED}
    .submenu-vehicles-tipo.open li { background: #EDEDED}
    #bookingForm .box-choice { top:34px !important;}
    .titleRitorno {display: block !important;}
    .search-results .width-lg-9 { width: calc(100% - 12px) !important; margin-top:20px;}
}

.offset-left-10 {margin-left:0}

@media (max-width:1399px) {
    /*.submenu-vehicles-tipo{left:-220px}*/
    .offset-left-10 {margin-left:10px}
    .search-results .width-lg-9 { width: calc(75% - 12px)}
    .main-body .single-col .more-info {font-size:13px;}
    .main-body .single-col .more-info i {font-size:15px;}
    .main-body .single-col .length p {margin-top:0}
    .main-body .single-col .length img {display:block; margin: 0 auto 10px auto}
}