@media all{

    :root {
        --cookies-text-color: #241C3A;
        --cookies-link-color: #241C3A;
        --cookies-link-hover: #38DBFF;
        --cookies-button-bg: #38DBFF;
        --cookies-button-text: #241C3A;
        --cookies-button-hover-bg: #241C3A;
        --cookies-button-hover-text: #38DBFF;
        --cookies-float-bg: #3E067F;
        --cookies-float-hover-bg: #38DBFF;
    }

    .iframe-hidden{
        display:none;
    }

    .mkocolornerocookies{
        color: var(--cookies-text-color);
    }

    .mkocolornerocookies a,
    .mkocolornerocookies a:link{
        color: var(--cookies-link-color);
        text-decoration: underline;
    }

    .mkocolornerocookies a:hover,
    .mkocolornerocookies a:focus,
    .mkocolornerocookies a:active{
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
        color: var(--cookies-link-hover);
    }

    .mkocookies input[type="checkbox"]{
        accent-color: #38DBFF;
        color: #fff;
    }

    .mkocookies{
        position: fixed;
        z-index: 100000;
        bottom: 15px;
        width: 80%;
        margin: 0 10%;
        display: none;
        background-color: #efefef;
        box-shadow: 0 0 10px #000;
    }

    .mkocontainercookies{
        line-height: 1.3em;
        max-width: 850px;
        width: calc(100% - 30px);
        margin: 0 auto;
        padding: 15px 15px 30px 15px;
        font-size: 13px;
        font-family: Arial, Helvetica, Verdana, sans-serif;
    }

    .mkotitolocookies{
        line-height: 1.5em;
        font-size: 16px;
        font-weight: 600;
    }

    ul.mkoullisel{
        margin: 20px 0 0 0;
    }

    .mkoullisel li{
        display: inline-block;
        margin: 0 8px;
    }

    a.mkolinkpreferenzecookies:link{
        text-decoration: none;
    }

    a.mkolinkpreferenzecookies:hover,
    a.mkolinkpreferenzecookies:focus,
    a.mkolinkpreferenzecookies:active{
        color: var(--cookies-link-hover);
    }

    a.mkolinkaccettocookies:link{
        padding: 10px 20px;
        text-decoration: none;
        color: var(--cookies-button-text);
        background-color: var(--cookies-button-bg);
    }

    a.mkolinkaccettocookies:hover,
    a.mkolinkaccettocookies:focus,
    a.mkolinkaccettocookies:active{
        color: var(--cookies-button-hover-text);
        background-color: var(--cookies-button-hover-bg);
    }

    ul.mkoullicheck{
        margin: 20px 0 0 0;
    }

    .mkoullicheck li{
        display: inline-block;
        margin: 0 8px;
    }

    #mkocookiesdetails{
        display: none;
        padding: 20px 0 0 0;
    }

    .cookintit{
        display: block;
    }

    .cooktitdesc{
        display: none;
    }

    .cookrigadet{
        padding: 10px 0;
    }

    .detailsdata{
        max-height: 200px;
        overflow-y: scroll;
        font-size: 10px;
    }

    .detailsdata td,
    .detailsdata th{
        text-align: left;
    }

    .detailsdatanome{
        float: left;
        padding: 5px;
        width: calc(14% - 10px);
    }

    .detailsdatadominio{
        float: left;
        padding: 5px;
        width: calc(14% - 10px);
    }

    .detailsdatadescrizione{
        float: left;
        padding: 5px;
        width: calc(47% - 10px);
    }

    .detailsdatadurata{
        float: left;
        padding: 5px;
        width: calc(15% - 10px);
    }

    .detailsdatatipo{
        float: left;
        padding: 5px;
        width: calc(10% - 10px);
    }

    .gdpr-float-btn{
        position: fixed;
        bottom: -5px;
        right: -5px;
        background-color: var(--cookies-float-bg);
        height: 70px;
        width: 70px;
        z-index: 9999;
        border-radius: 100px;
        display: flex;
        justify-content: center;
        align-items: center;
        color: white;
        transition: .2s transform ease;
        cursor: pointer;
        box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    }

    .gdpr-float-btn:hover{
        transform: scale(1.1);
        background-color: var(--cookies-float-hover-bg);
    }
}

@media all and (max-width: 800px){

    .mkocookies{
        bottom: 10px;
        width: 94%;
        margin: 0 3%;
        box-shadow: 0 0 7px #000;
    }

    .mkocontainercookies{
        line-height: 1.2em;
        width: calc(100% - 20px);
        padding: 10px;
        font-size: 12px;
    }

    .mkotitolocookies{
        line-height: 1.4em;
        font-size: 14px;
        font-weight: 600;
    }

    ul.mkoullisel{
        margin: 5px 0 0 0;
    }

    .mkoullisel li{
        margin: 0 5px;
    }

    .mkoullisel li:last-child{
        margin: 15px 0 0 0;
    }

    a.mkolinkaccettocookies:link{
        padding: 7px 14px;
    }

    ul.mkoullicheck{
        margin: 10px 0 0 0;
    }

    .mkoullicheck li{
        display: inline-block;
        margin: 5px 0;
    }

    .cookintit{
        display: none;
    }

    .cooktitdesc{
        display: inline-block;
    }

    .detailsdatanome,
    .detailsdatadominio,
    .detailsdatadescrizione,
    .detailsdatadurata,
    .detailsdatatipo{
        float: none;
        padding: 3px;
        width: calc(100% - 6px);
    }

    .gdpr-float-btn img{
        width: 25px;
    }

    .gdpr-float-btn{
        bottom: -3px;
        right: -3px;
        height: 45px;
        width: 45px;
    }
}