#wrapper #cookie-bar {
    overflow:hidden;
    position: fixed;
    bottom: 0;
    top: auto;
    left: 0;
    width: 100%;
    background: #003473;
}

#wrapper #cookie-bar .mess1{
    display: inline-block;
    padding-bottom:10px;
    padding-top: 10px;
    padding-right: 8px;
}

#wrapper #cookie-bar .cb-enable,
#wrapper #cookie-bar .cb-enable:hover{
    background: #189CA1;
    display:inline-block;
    text-align: center;
    padding: 15px 8px;
}

#wrapper #cookie-bar .mess2{
    display: inline-block;
    padding-top: 10px;
    padding-bottom:10px;
    padding-left: 8px;
    text-align: left;
}

#wrapper #cookie-bar .cb-policy {
    text-decoration: underline;
}

/*Desk top only*/
@media all and (min-width: 1007px) {
    #wrapper #cookie-bar .mess1 {
        width: calc(44% - 8px);
        text-align: right;
    }

    #wrapper #cookie-bar .cb-enable {
        width: 16%;
    }

    #wrapper #cookie-bar .mess2 {
        width: calc(38% - 8px);
    }
}

@media all and (max-width: 1006px) and (min-width: 768px) {
    #wrapper #cookie-bar p {
        width: 70%;
        text-align: left;
        padding-top: 2px;
        padding-bottom: 2px;
        padding-left: 8px;
    }

    #wrapper #cookie-bar .cb-enable {
        width: 20%;
        float:right;
        margin: 6px;
    }
    #wrapper #cookie-bar .cb-enable:hover {
        margin: 6px;
    }

    #wrapper #cookie-bar.fixed p {
        margin: 0;
        padding: 0;
        color: #ffffff;
        margin: 4px 0px 5px 15px;
    }
}

@media all and (max-width: 767px) {
    #wrapper #cookie-bar .mess1, #wrapper #cookie-bar .mess2 {
        display:block;
        text-align: center;
        width: 100%;
    }

     #wrapper #cookie-bar a.cb-enable,
     #wrapper #cookie-bar a.cb-enable:focus,
     #wrapper #cookie-bar a.cb-enable:hover {
        display: block;
        width:30%;
        margin: 10px auto 0px auto;
        padding: 10px 0px;
    }
}