application98 css for light box

application98.css

#codebazan-IR {
    background: #fff;
    position: fixed;
    top: 17%;
    left: 32%;
    padding: 10px 1px;
    text-align: center;
    width: 30%;
    border: 6px solid #28A9CC;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -khtml-transition: .5s;
    -o-transition: .5s;
    border-radius: 5px 0 5px 0;
    border-radius: 15px 0px 15px 15px;
    margin-bottom: 2px;
}

#codebazan-IR img {
    width: 98%;
    float: right;
    margin: 0 1%;
    height: auto;
}


@media screen and (max-width:600px) {
    
    #codebazan-IR {
        width: 80% !important;
        left: 10% !important
    }
}

@media screen and (max-width:550px) {

    #codebazan-IR {
        width: 84% !important;
        left: 8% !important
    }

}

@media screen and (max-width:980px) {

    #codebazan-IR {
        width: 40% !important;
        left: 30% !important
    }
    #codebazan-IR img {
        width: 98%
    }
}