/* smartphone verticale gestito col default */
@media screen and (min-width: 320px) {

}
/* smartphone orizzontale */
@media screen and (min-width: 480px) {

}
/* tablet verticale */
@media screen and (min-width: 768px) {

}

@media only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px)  {

}

/* tablet orizzontale e schermi 1024x768 */
@media screen and (min-width: 1024px) {
    .banner {margin: 0;background-size: cover;}
    .banner-home {background-image: url('/images/header.png');}
    .txt-home {width:70%;}
    .cnt-box-partners {position: relative;width: 80%;margin:0 auto;}
    .box-news-home {margin: 0;}
    .menu-mob {display:none;}
    .menu {display: block;position: relative;width: auto;float: right;height: 40px;line-height: 40px;padding: 0;top:0;}
    .menu .nav-link:last-of-type, .menu-bottom .nav-link:last-of-type {padding-right: 0;}
    .menu-bottom {display: block;width: auto;height: 40px;line-height: 40px;padding: 0;top:inherit;bottom:5px;}
    .loghi-top {position: absolute;right: 0;top:40px;}
    .nav-item {width:auto;font-size: 1.1em;margin: 0;}
    .footer {height: 40px;line-height: 40px;}
    #slides {height: 600px;width:70%;float: left;}
    .box-video {width: 28%;float: right;margin: 100px 0 0 0;height: 500px;}
    .slide_img {height: 600px;}
    #speakers {width: 50%;margin: 0 auto;height: auto}
    .box-speaker {height: auto;}
    .slidesjs-container {height: auto !important;}
    .video1, .video2 {height: 50%;}
    .video2 {padding-top: 15px;}
    .box-home {width: 19%;margin: 0px 10px 0 0;}
    .txt-banner {position: absolute;bottom:0;color:#ffffff;font-size:2.5em;width:100%;height: 150px;background-color: rgba(0,0,0,.7);}
    .txt-banner span {font-size: 1.5em;display: block;width: 100%;text-align: center;}
    .txt-banner p {display: block;position: absolute;bottom:0;width: 100%;text-align: center;}
    .jcarousel-wrapper {margin: 0;}
}
/* schermi moderni grandi */
@media screen and (min-width: 1200px) {
    .banner {margin: 0;background-size: cover;}
    .banner-home {background-image: url('/images/header.png');}
    .txt-home {width:70%;}
    .cnt-box-partners {position: relative;width: 80%;margin:0 auto;}
    .box-news-home {margin: 0;}
    .menu-mob {display:none;}
    .menu {display: block;position: relative;width: auto;float: right;height: 40px;line-height: 40px;padding: 0;top:0;}
    .menu .nav-link:last-of-type, .menu-bottom .nav-link:last-of-type {padding-right: 0;}
    .menu-bottom {display: block;width: auto;height: 40px;line-height: 40px;padding: 0;}
    .loghi-top {position: absolute;right: 0;top:40px;}
    .loghi-top img {height: 60px;}
    .nav-item {width:auto;font-size: 1.1em;margin: 0;}
    .footer {height: 40px;line-height: 40px;}
    #slides {height: 600px;width:70%;float: left;}
    .box-video {width: 28%;float: right;margin: 100px 0 0 0;height: 500px;}
    .slide_img {height: 600px;}
    #speakers {width: 50%;margin: 0 auto;height: auto}
    .box-speaker {height: auto;}
    .slidesjs-container {height: auto !important;}
    .video1, .video2 {height: 50%;}
    .video2 {padding-top: 15px;}
    .box-home {width: 19%;margin: 0px 10px 0 0;}
    .cnt-pages {padding-top: 170px}
    .top {height: 150px;}
    .top-prenotazioni {position: fixed;width:inherit;background-color: #ffffff;z-index: 999;}
    .cnt-add-prenotazioni {position: absolute;top:0;right: 1%;}
    a.add-item {display: inline;width: auto;margin-left: 20px;}
    .cnt-top-prenotazioni {position: absolute;}
    .cnt-prenotazioni {margin: 100px 0 0 0;}
    .modal-xxl {max-width: 80% !important;}
    .modal-xl {max-width: 60% !important;}
    .form-control {margin-bottom: 0px;}
    .col-number {flex: 0 0 1%;max-width: 1%;}
    .col-field {flex: 0 0 19%;max-width: 19%;}
    .col-field-4 {flex: 0 0 79%;max-width: 79%;}
    .col-field-99 {flex: 0 0 99%;max-width: 99%;margin-left: 1%;}
}
@media screen and (min-width: 1200px) and (max-width: 1440px) {
    .nav-item {font-size: .85em;}
    .nav-link {padding: .5rem .4rem;}
    .container {max-width: 100%;}
}
@media screen and (min-width: 1467px) {
    .banner {}
    .container {max-width: 80%;}
    #slides {height: 600px;}
    .slide_img {height: 800px;}
    .nav-link {padding: .5rem 1.8rem;}
}