/* 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) and (max-height: 768px) {

}
/* schermi moderni grandi */
@media screen and (min-width: 1200px) {
    body {
        width: 100%;
        height: 100%;
        font-family: acumin-pro-wide, sans-serif;
        font-weight: 400;
        font-style: normal;
        font-size: 14px;
        color:#002952;
        overflow-x: hidden;
        background-color: #ffffff;
        overflow-y: hidden;
    }
    .logo img {width:50px;height: 60px;}
    .wrapper {display: flex;}
    .wrapper-mob {display: none;}
    .btn-invia {margin:8% 0 0 30%;}
    .footer-sx-m, .footer-dx-m {margin: 100px 0 0 0;font-size: 14px;}
    .footer-sx-m {width:40%;}
    .footer-dx-m {width:60%;text-align: right;padding-right: 50px;}
    .loader-page {margin: 40px 0 0 0;}
    p.txt-privacy {margin: 30px 0 0 0;font-size: .5em;}
}
@media screen and (min-width: 1200px) and (max-width: 1440px) {
    .col-sx, .col-dx {width:50%;height: auto;padding: 0;flex: 1 1 auto;}
    .col-sx {order: 1;background-color: #ffffff;color:#000000;}
    .col-dx {order: 2;background-color: #000000;color:#3f3f3f;}
    .col-dx-home {background-size: 40%;}
    .cell-box {width: 100%;height: 170px;padding-left: 20px;}
    .cell-box > a {font-size: 50px;position: relative;z-index: 99999;color:#000000;}
    .cell-box > div.link-menu {font-size: 50px;position: relative;z-index: 99999;color:#000000 !important;width:100%;height: 100%;}
    span.link {position: absolute;bottom:0;}
    .txt-box {position: relative;width: 78%;font-size: 50px;padding: 90px 0 0 20px;line-height: 169%;}
    .cell-box-hover {font-size: 20px;}
    .box1-hover {width:22%;} 
    .box1-hover h3 {font-size: 16px;}
    .box2-hover {width:37%;}
    .box2-hover ul {width:100%;}
    .box2-hover ul li {color:#ffffff;margin:0;}
    .box2-hover ul li a {font-size: 16px;}
    .box3-hover {width:calc(100% - 59%);font-size: 13px;line-height: 120%;padding: 0 35px 0 0;}
    .logo {position: absolute;top:-2px;left:-8px;}
    .txt-coming {padding: 10% 0 0 20px;font-size: 50px;color:#000000;width:75%;line-height: 120%;}
    .txt-coming2 {padding: 10% 0 0 20px;font-size: 30px;color:#000000;width:65%;line-height: 120%;}
    .loader {width:200px;}
    .cnt-contatti {position: relative;width:100%;color:#ffffff !important;font-size:14px;line-height: 75%;padding: 0;}
    input.input-contatti {width:30%;margin: 1% 10% 0 0;font-size: 14px;height: 35px;padding: 0 0 10px 0;}
    textarea.txt-contatti {width:70%;margin: 1% 10% 0 0;font-size: 14px;height: 100px;}
    input.mail-contatti {width:70%;}
    .btn-invia {font-size:14px;padding: 10px 30px;}
    .menu-close {width:25px;height: 25px;margin-left:20px;}
    .footer-dx-m {padding-right: 20px;}
    .loader-page img {width:100px;height: 100px;}
    .footer-sx-m, .footer-dx-m {font-size: 9px;}
    .footer-sx-m {width:35%;}
    .footer-dx-m {width: 65%;}
    a.link-footer1 {margin-left: 20px;}
    p.txt-privacy {font-size: .8em;}
}
@media screen and (min-width: 1200px) and (max-height: 768px) {
    .txt-coming {padding: 10% 0 0 20px;font-size: 40px;color:#000000;width:75%;line-height: 120%;}
    .txt-coming2 {padding: 10% 0 0 20px;font-size: 20px;color:#000000;width:65%;line-height: 120%;}
    .loader {width:150px;}
    .loader-page img {width:100px;height: 100px;}
    .col-dx-home {background-size: 40%;}
    a.link-footer1 {margin-left: 20px;}
}
@media screen and (min-width: 1600px) and (max-width: 1919px) {
    .wrapper {display: flex;}
    .col-sx, .col-dx {width:50%;height: auto;padding: 0;flex: 1 1 auto;}
    .col-sx {order: 1;background-color: #ffffff;color:#000000;}
    .col-dx {order: 2;background-color: #000000;color:#3f3f3f;}
    .col-dx-home {background-size: 50%;}
    .cell-box {width: 100%;height: 220px;padding-left: 30px;}
    .cell-box > a {font-size: 70px;position: relative;z-index: 99999;color:#000000;}
    .cell-box > div.link-menu {font-size: 70px;position: relative;z-index: 99999;color:#000000 !important;width:100%;height: 100%;}
    span.link {position: absolute;bottom:0;}
    .txt-box {position: relative;width: 89%;font-size: 70px;padding: 115px 0 0 30px;line-height: 155%;}
    .cell-box-hover {font-size: 20px;}
    .box1-hover {width:22%;} 
    .box1-hover h3 {font-size: 18px;}
    .box2-hover {width:37%;}
    .box2-hover ul {width:100%;}
    .box2-hover ul li {color:#ffffff;margin:0;}
    .box2-hover ul li a {font-size: 18px;}
    .box3-hover {width:calc(100% - 59%);font-size: 14px;line-height: 120%;padding: 0 35px 0 0;}
    .logo {position: absolute;top:-2px;left:-8px;}
    .txt-coming {padding: 10% 0 0 20px;font-size: 50px;color:#000000;width:75%;line-height: 120%;}
    .txt-coming2 {padding: 10% 0 0 20px;font-size: 30px;color:#000000;width:65%;line-height: 120%;}
    .loader {width:200px;}
    .cnt-contatti {position: relative;width:100%;color:#ffffff !important;font-size:18px;line-height: 120%;}
    input.input-contatti {width:30%;margin: 1% 10% 0 0;font-size: 18px;height: 45px;padding: 0 0 10px 0;}
    textarea.txt-contatti {width:70%;margin: 1% 10% 0 0;font-size: 18px;height: 100px;}
    input.mail-contatti {width:70%;}
    .btn-invia {font-size:18px;padding: 10px 30px;}
    .menu-close {width:35px;height: 35px;margin-left:20px;}
    .footer-sx-m, .footer-dx-m {font-size: 12px;}
    .footer-sx-m {width:35%;}
    .footer-dx-m {width: 65%;}
    a.link-footer1 {margin-left: 5px;}
    p.txt-privacy {font-size: .7em;}
}
@media screen and (min-width: 1920px) {
    .wrapper {display: flex;}
    .col-sx, .col-dx {width:50%;height: auto;padding: 0;flex: 1 1 auto;}
    .col-sx {order: 1;background-color: #ffffff;color:#000000;}
    .col-dx {order: 2;background-color: #000000;color:#3f3f3f;}
    .cell-box {width: 100%;height: 250px;padding-left: 50px;}
    .cell-box > a {font-size: 80px;position: relative;z-index: 99999;color:#000000;}
    .cell-box > div.link-menu {font-size: 80px;position: relative;z-index: 99999;color:#000000 !important;width:100%;height: 100%;}
    span.link {position: absolute;bottom:0;}
    .txt-box {position: relative;width: 89%;font-size: 80px;padding: 130px 0 0 50px;line-height: 155%;}
    .cell-box-hover {font-size: 20px;}
    .box1-hover {width:22%;} 
    .box1-hover h3 {font-size: 20px;}
    .box2-hover {width:37%;}
    .box2-hover ul {width:100%;}
    .box2-hover ul li {color:#ffffff;margin:0;}
    .box2-hover ul li a {font-size: 20px;}
    .box3-hover {width:calc(100% - 59%);font-size: 18px;line-height: 120%;padding: 0 35px 0 0;}
    .logo {position: absolute;top:-2px;left:-8px;}
    .txt-coming {padding: 10% 0 0 20px;font-size: 60px;color:#000000;width:75%;line-height: 120%;}
    .txt-coming2 {padding: 10% 0 0 20px;font-size: 40px;color:#000000;width:65%;line-height: 120%;}
    .loader {width:auto;}
    .cell-box {padding-left: 50px;}
    .cnt-contatti {position: relative;width:100%;color:#ffffff !important;font-size:18px;line-height: 120%;}
    input.input-contatti {width:30%;margin: 1% 10% 0 0;font-size: 18px;height: 45px;padding: 0 0 10px 0;}
    textarea.txt-contatti {width:70%;margin: 1% 10% 0 0;font-size: 18px;height: 100px;}
    input.mail-contatti {width:70%;}
    .btn-invia {font-size:18px;padding: 10px 30px;}
    .footer-sx-m, .footer-dx-m {font-size: 11px;}
    a.link-footer1 {margin-left: 20px;}
    p.txt-privacy {font-size: .7em;}
}
@media screen and (min-width: 2560px) {
    .wrapper {display: flex;}
    .col-sx, .col-dx {width:50%;height: auto;padding: 0;flex: 1 1 auto;}
    .col-sx {order: 1;background: rgba(255,255,255,.5);color:#000000;}
    .col-dx {order: 2;background-color: #000000;color:#3f3f3f;}
    .cell-box {width: 100%;height: 280px;padding-left: 50px;}
    .cell-box > a {font-size: 100px;position: relative;z-index: 99999;color:#000000;}
    .cell-box > div.link-menu {font-size: 100px;position: relative;z-index: 99999;color:#000000 !important;width:100%;height: 100%;}
    span.link {position: absolute;bottom:0;}
    .txt-box {position: relative;width: 89%;font-size: 100px;padding: 130px 0 0 50px;line-height: 140%;}
    .cell-box-hover {font-size: 20px;}
    .box1-hover {width:270px;} 
    .box2-hover {width:480px;}
    .box2-hover ul {width:100%;margin: 0;}
    .box2-hover ul li {color:#ffffff;margin:0;}
    .box2-hover ul li a {font-size: 26px;}
    .box3-hover {width:calc(100% - 750px);font-size: 18px;line-height: 120%;padding: 0 35px 0 0;}
    .logo {position: absolute;top:-2px;left:-8px;}
    .box-dx-1280-720 {width:100%;height: 720px;}
    .box-dx-640-480 {width:640px;height: 480px;} 
    .box-dx-1280-1280 {width:100%;height: 1280px;} 
    .box-dx-640-853 {width:640px;height: 853px;} 
    .box-dx-640-640 {width:640px;height: 640px;}
    .txt-coming {padding: 10% 0 0 50px;font-size: 80px;color:#000000;width:75%;line-height: 120%;}
    .txt-coming2 {padding: 10% 0 0 50px;font-size: 60px;color:#000000;width:85%;line-height: 120%;}
    .loader {width:auto;}
    .cnt-contatti {position: relative;width:100%;color:#ffffff !important;font-size:26px;line-height: 120%;}
    input.input-contatti {width:30%;margin: 1% 10% 0 0;font-size: 26px;height: 50px;padding: 0 0 10px 0;}
    textarea.txt-contatti {width:70%;margin: 1% 10% 0 0;font-size: 26px;height: 150px;}
    input.mail-contatti {width:70%;}
    .btn-invia {font-size:26px;padding: 10px 30px;}
    .footer-sx-m, .footer-dx-m {font-size: 14px;}
    p.txt-privacy {font-size: .5em;}
}