@media screen and (min-width: 1601px){
    #banner {
        display: block;
        position: fixed;
        /*bottom: 50px;*/
        top: 170px;
        width: 160px;
        z-index: 9999;
        /*left: 50%;*/
        /*margin-left: -46.5%;*/
        /*margin-right: auto;*/

        transform: translateX(-58%);
        /*left: 2%;*/
        /*margin-left: -80px; !* Negative half of width. *!*/
    }
    #ear {
        display: none;
    }
}

@media screen and (max-width: 1600px){
    #banner {
        display: block;
        position: fixed;
        bottom: 50px;
        /*top: 200px;*/
        left: -161px;
        width: 160px;
        z-index: 9999;
        margin: 0;
    }
    #ear {
        display: block;
        position: fixed;
        /*bottom: 0;*/
        /*top: 400px;*/
        bottom: 150px;
        left: 0;
        width: 35px;
        height: 200px;
        background-color: #5FB611;
        padding-top: 75px;
        padding-right: 5px;
        border-top-right-radius: 10px;
        border-bottom-right-radius: 10px;
    }
    .vertical-text {
        -webkit-transform:rotate(90deg);
        -moz-transform:rotate(90deg);
        -o-transform: rotate(90deg);
        -ms-transform:rotate(90deg);
        transform: rotate(90deg);
        font-family: "Ubuntu", Helvetica, Arial, sans-serif;
        color: white;
        font-weight: bold;
    }
}

@media screen and (max-width: 460px){
    #ear {
        /*display: block;*/
        /*position: fixed;*/
        /*bottom: 50px;*/
        /*top: 500px;*/
        /*left: 0;*/
        /*width: 35px;*/
        /*height: 200px;*/
        /*background-color: #5FB611;*/
        /*padding-top: 75px;*/
        /*padding-right: 5px;*/
        /*border-top-right-radius: 10px;*/
        /*border-bottom-right-radius: 10px;*/
        display: none;
    }
    #banner{
        /*top: 0;*/
        display: none;
    }
}

.modal.action-banner {
    text-align: center;
    padding: 0 !important;
    z-index: 999999;
    height: auto;

}

.modal.action-banner::before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -4px;
}

.modal.action-banner .modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
    width: auto;
    background-color: transparent;
    max-width: 80%;
}

.modal.action-banner button {
    position: absolute;
    top: 4px;
    right: 16px;
    text-shadow: 0 0 5px #000;
    color: #d1d1d1;
}

.modal.action-banner button.close {
    opacity: .9;
    font-size: 42px;
}

.modal.action-banner button.close:hover {
    color: #fff;
}

.modal.action-banner .modal-content  {
    background-color: transparent;
    height: auto;
    max-height: none !important;
    padding: 0 !important;
}
.modal.action-banner .modal-content img {
    border-radius: 6px;
    width: 100%;
    height: auto;
}

.modal.action-banner .modal-content {
    padding: 0;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}