/* Desktops and laptops ----------- */
@media only screen and (min-width : 1224px) {
    /* Styles */
}

/* Large screens ----------- */
@media only screen and (min-width : 1824px) {
    /* Styles */
}


/* old Smartphones (landscape) ----------- */
@media only screen and (min-width : 321px) {
    /* Styles */
}


/* iPhone 4 ----------- */
@media only screen and (-webkit-min-device-pixel-ratio : 1.5), only screen and (min-device-pixel-ratio : 1.5) {
    /* Styles */
}


/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
    /* Styles */
}



/* Android Tablet (landscape) ----------- */
@media only screen and (min-device-width : 800px) and (max-device-width : 1280px) and (orientation : landscape) {
    /* Styles */
}



/* Desire + Galaxy S2 (landscape) ----------- */
@media only screen and (min-device-width : 480px) and (max-device-width : 800px) and (orientation : landscape) {
    /* Styles */

}


/* Android Tablet (portrait and landscape) ----------- */
@media only screen and (min-device-width : 800px) and (max-device-width : 1280px) {
 
    .normal {
        font-size: 1.3rem !important;
    }

    .logo {
        width: 100% !important;
    }

    .mt13vh {
        margin-top: 13vh !important;
    }

    .abs img {
        position: absolute;
        z-index: -1;
    }

    .tri-chiaro {
        left: 75%;
        bottom: 0;
        width: 40px;
        margin-top: 0;
        margin-right: 0;
    }

    .tri-gia {
        margin-top: 0;
        margin-right: 0;
        width: 25px;
        left: 55%;
    }

    .tri-blu {
        left: 14%;
        bottom: 29%;
        width: 60px;
        margin-top: 0;
        margin-right: 0;
    }

    .tri-red {
        width: 60px;
        /* margin-right: -210px; */
        left: 39%;
        top: 15%;
    }

    .tri-gia-rotate {
        transform: rotate(180deg);
        margin-right: 0;
        margin-top: 0;
        width: 30px;
        left: 20%;
    }
    .tri-verde {
        width: 40px;
        left: 80%;
        /* margin-right: -220px; */
        top: 45%;
    }
    .tri-gia-reflex {
        width: 30px;
        left: 14%;
        top: 22%;
        /* margin-right: 200px; */
    }
}
/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {

    .normal {
        font-size: 1.6rem !important;
    }

    .logo {
        width: 100% !important;
    }

    .mt13vh {
        margin-top: 13vh !important;
    }

    .abs img {
        position: absolute;
        z-index: -1;
    }

    .tri-chiaro {
        left: 75%;
        bottom: 0;
        width: 40px;
        margin-top: 0;
        margin-right: 0;
    }

    .tri-gia {
        margin-top: 0;
        margin-right: 0;
        width: 25px;
        left: 55%;
    }

    .tri-blu {
        left: 14%;
        bottom: 29%;
        width: 60px;
        margin-top: 0;
        margin-right: 0;
    }

    .tri-red {
        width: 60px;
        /* margin-right: -210px; */
        left: 39%;
        top: 15%;
    }

    .tri-gia-rotate {
        transform: rotate(180deg);
        margin-right: 0;
        margin-top: 0;
        width: 30px;
        left: 20%;
    }
    .tri-verde {
        width: 40px;
        left: 80%;
        /* margin-right: -220px; */
        top: 45%;
    }
    .tri-gia-reflex {
        width: 30px;
        left: 14%;
        top: 22%;
        /* margin-right: 200px; */
    }
}

/* old Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {

    .roadmap-img {
        height: 500px;
        width: auto;
    }

    .pR5 {
        display: none !important;
    }
    .pR6 {
        display: block !important;
    }
    .normal {
        font-size: 1.8rem !important;
    }

    .logo {
        width: 100% !important;
    }

    .mt13vh {
        margin-top: 13vh !important;
    }

    .abs img {
        position: absolute;
        z-index: -1;
    }

    .tri-chiaro {
        left: 75%;
        bottom: 0;
        width: 40px;
        margin-top: 0;
        margin-right: 0;
    }

    .tri-gia {
        margin-top: 0;
        margin-right: 0;
        width: 25px;
        left: 55%;
    }

    .tri-blu {
        left: 14%;
        bottom: 29%;
        width: 60px;
        margin-top: 0;
        margin-right: 0;
    }

    .tri-red {
        width: 60px;
        /* margin-right: -210px; */
        left: 39%;
        top: 15%;
    }

    .tri-gia-rotate {
        transform: rotate(180deg);
        margin-right: 0;
        margin-top: 0;
        width: 30px;
        left: 20%;
    }
    .tri-verde {
        width: 40px;
        left: 80%;
        /* margin-right: -220px; */
        top: 45%;
    }
    .tri-gia-reflex {
        width: 30px;
        left: 14%;
        top: 22%;
        /* margin-right: 200px; */
    }
}




/* Desire + Galaxy S2 (portrait) ----------- */
@media only screen and (min-device-width : 480px) and (max-device-width : 800px) and (orientation : portrait) {

  

    .normal {
        font-size: 1.3rem !important;
    }

    .logo {
        width: 100% !important;
    }

    .mt13vh {
        margin-top: 13vh !important;
    }

    .abs img {
        position: absolute;
        z-index: -1;
    }

    .tri-chiaro {
        left: 75%;
        bottom: 0;
        width: 40px;
        margin-top: 0;
        margin-right: 0;
    }

    .tri-gia {
        margin-top: 0;
        margin-right: 0;
        width: 25px;
        left: 55%;
    }

    .tri-blu {
        left: 14%;
        bottom: 29%;
        width: 60px;
        margin-top: 0;
        margin-right: 0;
    }

    .tri-red {
        width: 60px;
        /* margin-right: -210px; */
        left: 39%;
        top: 15%;
    }

    .tri-gia-rotate {
        transform: rotate(180deg);
        margin-right: 0;
        margin-top: 0;
        width: 30px;
        left: 20%;
    }
    .tri-verde {
        width: 40px;
        left: 80%;
        /* margin-right: -220px; */
        top: 45%;
    }
    .tri-gia-reflex {
        width: 30px;
        left: 14%;
        top: 22%;
        /* margin-right: 200px; */
    }
}
/* old Smartphones (portrait) ----------- */
@media only screen and (max-width : 320px) {
  

    .roadmap-img {
        height: 420px;
        width: auto;
    }


    .xlarge {
        color: #ffffff;
        font-family: GothamBold;
        font-size: 1.2em;
        margin-top: 13vh;
    }

    .pR5 {
        display: block !important;
    }
    .pR6 {
        display: none !important;
    }
    .normal {
        font-size: 1.3rem !important;
    }

    .logo {
        width: 100% !important;
    }

    .mt13vh {
        margin-top: 13vh !important;
    }

    .abs img {
        position: absolute;
        z-index: -1;
    }

    .tri-chiaro {
        left: 75%;
        bottom: 0;
        width: 40px;
        margin-top: 0;
        margin-right: 0;
    }

    .tri-gia {
        margin-top: 0;
        margin-right: 0;
        width: 25px;
        left: 55%;
    }

    .tri-blu {
        left: 14%;
        bottom: 29%;
        width: 60px;
        margin-top: 0;
        margin-right: 0;
    }

    .tri-red {
        width: 60px;
        /* margin-right: -210px; */
        left: 39%;
        top: 15%;
    }

    .tri-gia-rotate {
        transform: rotate(180deg);
        margin-right: 0;
        margin-top: 0;
        width: 30px;
        left: 20%;
    }

    .tri-verde {
        width: 40px;
        left: 80%;
        /* margin-right: -220px; */
        top: 45%;
    }

    .tri-gia-reflex {
        width: 30px;
        left: 14%;
        top: 22%;
        /* margin-right: 200px; */
    }
}
/* Desire + Galaxy S2 (portrait and landscape) ----------- */
@media only screen and (min-device-width : 480px) and (max-device-width : 800px) {
 

    .normal {
        font-size: 1.3rem !important;
    }


    .logo {
        width: auto !important;
    }
    .label-home {
        font-size: 0.75em;
        border-bottom: 1px solid #000000;
        width: auto;
        font-family: GothamBold;
    }

    .mt13vh {
        margin-top: 13vh !important;
    }

    .abs img {
        position: absolute;
        z-index: -1;
    }

    .tri-chiaro {
        left: 75%;
        bottom: 0;
        width: 40px;
        margin-top: 0;
        margin-right: 0;
    }

    .tri-gia {
        margin-top: 0;
        margin-right: 0;
        width: 25px;
        left: 55%;
    }

    .tri-blu {
        left: 14%;
        bottom: 29%;
        width: 60px;
        margin-top: 0;
        margin-right: 0;
    }

    .tri-red {
        width: 60px;
        /* margin-right: -210px; */
        left: 39%;
        top: 15%;
    }

    .tri-gia-rotate {
        transform: rotate(180deg);
        margin-right: 0;
        margin-top: 0;
        width: 30px;
        left: 20%;
    }

    .tri-verde {
        width: 40px;
        left: 80%;
        /* margin-right: -220px; */
        top: 45%;
    }

    .tri-gia-reflex {
        width: 30px;
        left: 14%;
        top: 22%;
        /* margin-right: 200px; */
    }
}

/* Android Tablet (portrait) ----------- */
@media only screen and (min-device-width : 800px) and (max-device-width : 1280px) and (orientation : portrait) {
  

    .normal {
        font-size: 1.3rem !important;
    }

    .logo {
        width: 100% !important;
    }

    .mt13vh {
        margin-top: 13vh !important;
    }

    .abs img {
        position: absolute;
        z-index: -1;
    }

    .tri-chiaro {
        left: 75%;
        bottom: 0;
        width: 40px;
        margin-top: 0;
        margin-right: 0;
    }

    .tri-gia {
        margin-top: 0;
        margin-right: 0;
        width: 25px;
        left: 55%;
    }

    .tri-blu {
        left: 14%;
        bottom: 29%;
        width: 60px;
        margin-top: 0;
        margin-right: 0;
    }

    .tri-red {
        width: 60px;
        /* margin-right: -210px; */
        left: 39%;
        top: 15%;
    }

    .tri-gia-rotate {
        transform: rotate(180deg);
        margin-right: 0;
        margin-top: 0;
        width: 30px;
        left: 20%;
    }

    .tri-verde {
        width: 40px;
        left: 80%;
        /* margin-right: -220px; */
        top: 45%;
    }

    .tri-gia-reflex {
        width: 30px;
        left: 14%;
        top: 22%;
        /* margin-right: 200px; */
    }
}
/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
  

    .label-home {
        width: 60% !important; 
    }


    .normal {
        font-size: 1.3rem !important;
    }

    .logo {
        width: auto !important;
    }

    .mt13vh {
        margin-top: 13vh !important;
    }

    .abs img {
        position: absolute;
        z-index: -1;
    }

    .tri-chiaro {
        left: 75%;
        bottom: 0;
        width: 40px;
        margin-top: 0;
        margin-right: 0;
    }

    .tri-gia {
        margin-top: 0;
        margin-right: 0;
        width: 25px;
        left: 55%;
    }

    .tri-blu {
        left: 14%;
        bottom: 29%;
        width: 60px;
        margin-top: 0;
        margin-right: 0;
    }

    .tri-red {
        width: 60px;
        /* margin-right: -210px; */
        left: 39%;
        top: 15%;
    }

    .tri-gia-rotate {
        transform: rotate(180deg);
        margin-right: 0;
        margin-top: 0;
        width: 30px;
        left: 20%;
    }
    .tri-verde {
        width: 40px;
        left: 80%;
        /* margin-right: -220px; */
        top: 45%;
    }
    .tri-gia-reflex {
        width: 30px;
        left: 14%;
        top: 22%;
        /* margin-right: 200px; */
    }
}


.roadmap-img-land {
    height: auto;
    width: 100%;
}




@media (min-width: 1200px){
    .container {
        /*max-width: 1140px;*/
        max-width: 85.2% !important;
    }
}
@media (min-width: 992px){
    .container {
        max-width: 85.2% !important;
    }
}
@media (min-width: 768px){
    .container {
        max-width: 85.2% !important;
    }}

@media (min-width: 576px){
    .container {
        max-width: 85.2% !important;
    }
}