/*---------------------------------------== SMARTPHONES ==-----------------------------------------*/
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
    /* Styles */

    #scroll-container{
        padding-bottom: 22%;
    }

    .div-link-strategie {
        border-left: none;
    }

    h1{
        font-size: 2em;
    }

    h1.subtitle {
        font-size: 1.2rem;
    }

    h2 {
        font-size: 1.8em;
    }

    h3 {
        font-size: 1.2em;
    }

    .pad-2{
        padding: 1em;
    }

    .div-agenda{
        padding: 1em;
    }

    .btn-custom, .link-accedi{
        width: 220px;
        font-size: 1em;
    }
    
    .btn-custom-login{
        font-size: 1em;
        margin-top: 20px;
    }

    .img-rel{
        width: 70% !important;
    }

    .affiliazione{
        font-size: 1em;
    }

    .sidebarfixed {
        -webkit-transition: all 500ms ease;
        -moz-transition: all 500ms ease;
        -ms-transition: all 500ms ease;
        transition: all 500ms ease;

        overflow-x: hidden;
        width: 15%;
    }

    .sidebarfixed.sidebar_open {
        width: 55%;
    }

    .div-container {
        width: 85%;
        margin-left: 14.8%;
    }
    
    .footer{
        width: 85%;
    }

    .sidebar-content{
        height: 100vh;
        padding-left: .8em;
    }

    .content-side{
        visibility: hidden;
    }

    .sidebarfixed.sidebar_open .content-side{
        visibility: visible;
    }

    .burger {
        display: inline-block;
        cursor: pointer;
        margin-bottom: 2em;
    }

    .bar1, .bar2, .bar3 {
        width: 35px;
        height: 5px;
        background-color: white;
        margin: 6px 0;
        transition: 0.4s;
    }

    /* Rotate first bar */
    .change .bar1 {
        -webkit-transform: rotate(-45deg) translate(-9px, 6px) ;
        transform: rotate(-45deg) translate(-9px, 6px) ;
    }

    /* Fade out the second bar */
    .change .bar2 {
        opacity: 0;
    }

    /* Rotate last bar */
    .change .bar3 {
        -webkit-transform: rotate(45deg) translate(-8px, -8px) ;
        transform: rotate(45deg) translate(-8px, -8px) ;
    }

    /*.bg-cover{
    min-height: 70vh;
}

    .bg-cover-live{
    min-height: 70vh;
    background-size: cover;
    background-position: top center;
}*/

    #streaming-link > li{
        font-size: .7em;
    }

    a.bt-registrati{
        margin: -8% auto;
    }

    .boxdata{
        text-align: center;
        border: none;
        margin-bottom: 0;
        margin-top: .5em;
    }

    .boxlocation{
        text-align: center;
        padding-top: 0;
        padding-bottom: 1em;
        border-bottom: 2px solid #022f6d;
        margin-bottom: 1em;
    }

    .no-mob-border-bot {
        border-bottom: none;
    }
    
    p.banner{
        margin-left: 0;
    }

}

/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 320px) and (max-device-width : 740px) and (orientation : landscape) {
    /* Styles */
}

/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 420px) and (orientation : portrait){

}
/*---------------------------------------== IPADS ==-----------------------------------------*/

/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
    /* Styles */
    .sidebar-content {
        padding: 3em 1em 5em 1em;
    }
}

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

    #scroll-container{
        padding-bottom: 22%;
    }

    .bg-trapezio{
        background: #022f6c !important;
    }

    a.bt-registrati{
        margin: -8% auto;
    }

    .citta {
        font-size: 2em;
    }

    .data {
        font-size: 1.5em;
    }

    .location {
        font-size: 1.05em;
    }

    .boxlocation{
        padding-top: 1.1em;
        margin-bottom: 2.5em;
    }
}

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

    .div-container{
        padding-bottom: 15%;
    }
    a.linksidebar{
        font-size: .85em;
    }

    .div-link-strategie {
        border-left: none;
    }

    .bg-cover-live{
        min-height: 70vh;
        background-size: cover;
        background-position: top center;
    }

    #streaming-link > li{
        font-size: .7em;
    }

    a.bt-registrati{
        margin: -8% auto;
    }

    .boxdata{
        text-align: center;
        border: none;
        margin-bottom: 0;
        margin-top: .5em;
    }

    .boxlocation{
        text-align: center;
        padding-top: 0;
        padding-bottom: 1em;
        border-bottom: 2px solid #022f6d;
        margin-bottom: 1em;
    }

    .no-mob-border-bot {
        border-bottom: none;
    }

    .bg-trapezio{
        background: #022f6c !important;
    }
    
    p.banner{
        margin-left: 0;
    }
}

/*---------------------------------------== LAPTOP ==-----------------------------------------*/

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

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