@media screen {
    .modal-image-wrap {
        display: none;
    }

    .close {
        float: right;
        font-size: 21px;
        font-weight: bold;
        line-height: 1;
        color: #000000;
        text-shadow: 0 1px 0 #ffffff;
        opacity: 0.2;
        filter: alpha(opacity=20);
    }

    .close:hover,
    .close:focus {
        color: #000000;
        text-decoration: none;
        cursor: pointer;
        opacity: 0.5;
        filter: alpha(opacity=50);
    }

    button.close {
        padding: 0;
        cursor: pointer;
        background: transparent;
        border: 0;
        -webkit-appearance: none;
    }

    .modal-open {
        overflow: hidden;
    }

    .modal {
        display: none;
        overflow: hidden;
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 1050;
        -webkit-overflow-scrolling: touch;
        outline: 0;
        padding-top: 7%;
    }

    #login-modal .button {
        width: 100%;
        text-align: center;
    }

    .modal.fade .modal-dialog {
        -webkit-transform: translate(0, -25%);
        -ms-transform: translate(0, -25%);
        -o-transform: translate(0, -25%);
        transform: translate(0, -25%);
        -webkit-transition: -webkit-transform 0.3s ease-out;
        -o-transition: -o-transform 0.3s ease-out;
        transition: transform 0.3s ease-out;
    }

    .modal.in .modal-dialog {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
    }

    .modal-open .modal {
        overflow-x: hidden;
        overflow-y: auto;
    }

    .modal-dialog {
        position: relative;
        width: auto;
        margin: 75px auto;
    }

    .modal-content {
        position: relative;
        background-color: #ffffff;
        border: 0;
        border-radius: 3px;
        -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
        box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        outline: 0;
        display: flex;
        flex-direction: row;
    }

    .modal-backdrop {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 1040;
        background-color: #000000;
    }

    .modal-backdrop.fade {
        opacity: 0;
        filter: alpha(opacity=0);
    }

    .modal-backdrop.in {
        opacity: 0.5;
        filter: alpha(opacity=50);
    }

    .modal-header {
        padding: 1rem;
        margin: 1rem;
        background: #F8F8F8;
        border: 1px solid #D8D8D8;
        border-radius: 5px;
    }

    .modal-header p {
        font-size: 12px;
        font-weight: 600;
        line-height: 17px;
        color: #505054;
    }

    .modal-header a {
        font-size: 12px;
        line-height: 17px;
    }

    .modal-header.close {
        margin-top: -2px;
    }

    .modal-dialog .close {
        position: absolute;
        right: 0%;
        top: -6%;
        opacity: 1;
        border: 1px solid #FFF;
        border-radius: 50%;
        height: 40px;
        width: 40px;
    }

    .modal-dialog .close img {
        width: 45%;
        min-width: inherit;
        position: relative;
        top: -2px;
    }

    .modal-title {
        margin: 0;
        line-height: 1.42857143;
    }

    .modal-body {
        position: relative;
        padding: 15px;
    }

    .modal-footer {
        padding: 15px;
        text-align: center;
    }

    .modal-footer .btn + .btn {
        margin-left: 5px;
        margin-bottom: 0;
    }

    .modal-footer .btn-group .btn + .btn {
        margin-left: -1px;
    }

    .modal-footer .btn-block + .btn-block {
        margin-left: 0;
    }

    .modal-scrollbar-measure {
        position: absolute;
        top: -9999px;
        width: 50px;
        height: 50px;
        overflow: scroll;
    }

    .clearfix:before,
    .clearfix:after,
    .modal-header:before,
    .modal-header:after,
    .modal-footer:before,
    .modal-footer:after {
        content: " ";
        display: table;
    }

    .clearfix:after,
    .modal-header:after,
    .modal-footer:after {
        clear: both;
    }

    #supported-browsers .modal-content {
        flex-direction: column;
        padding: 4rem 8rem;
        text-align: center;
    }

    #supported-browsers .modal-content .flex-wrap {
        justify-content: space-around;
        width: 55%;
        margin: 2rem auto 3rem;
        display: flex;
    }

    #supported-browsers .modal-content .browser-item {
        margin: 0 1rem;
    }

    #supported-browsers .modal-content .browser-item img {
        max-height: 75px;
        min-width: inherit;
        width: auto;
    }
    /* Magento Style overrides */
    .header-default #supported-browsers.fade {
        opacity: 1;
        overflow: visible;
    }
    .header-default .custom-block-supported-browsers .modal-dialog {
        margin: 0;
        background: #FFF;
    }
    .header-default .custom-block-supported-browsers .modal-dialog button {
        display: none;
    }
}