.wrapper:after{
    content: '';
    display: block;
    clear: both;
}
#send_error{
    margin: 0px auto;
    font-size: 14px;
    font-family: tahoma;
    margin-top: 6px;
    width: 88%;
    padding: 7px;
    background-color: rgb(255, 217, 217);
    border: 1px solid rgb(246, 179, 179);
}
#loading{
    margin: 0px auto;
    font-size: 14px;
    font-family: tahoma;
    margin-top: 6px;
    width: 88%;
    padding: 7px;
    background-color: rgb(190, 225, 255);
    border: 1px solid rgb(54, 144, 221);
}
.header {
    width: auto;
    background: #006d8e url(../images/mini_logo.png) no-repeat center;
}
.banks .title {
    height: 14px;
    width: 100%;
    background: url(../images/Banks_title.png) no-repeat center;
    text-align: center;
}
.banks table {
    margin: 0px auto;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {

/* IE10+ CSS styles go here */
}
/******************************* 800*600 **************************************/
@media only screen and (max-width:992px){
    .header {
        width: auto;
        background: #006d8e url(../images/mini_logo.png) no-repeat center;
    }
    .wrapper{
        width: 100%;
    }
    .content{
        width: 100%;
    }
    .right_content {
        width: 178px;
        height: auto;
    }
    .title {
        line-height: 15px;
        height: auto;
        background-color: #666;
        padding: 5px 5px;
    }
    .left_content {
        width: 450px;
    }
    .cform label span{
        font-size: 11px;
    }
    .cform textarea, .cform input, .cform select {
        width: 223px;
        margin-right: -3px;
    }
    .footer{
        width: 100%;
    }
    .content_right:after, .content:after{
        content: '';
        clear: both;
        display: block;
    }
    .content{
        margin: 0px auto;
        display: block;
        width: 99.7%;
        height: auto;
    }
    .content_right img {
        margin: 10px auto;
        display: block;
        width: 100%;
        height: auto;
    }
    .content_right .btn {
        margin: 10px auto;
        display: block;
        width: 90%;
    }
    .cform {
        width: 100%;
    }
    .peyment_step{
        float: left;
    }
    .title h2{
        margin-right: 0px;
        text-align: center;
    }
    .footer .text {
        color: #8D8B8B;
        float: none;
        padding: 0px;
        width: 100%;
        text-align: center;
        line-height: 18px;
    }
    .sbtn{
        width: 100%;
    }
    .textbox{
        display: block;
        width: 100%;
        float: none;
    }
    .first{
        width: 95%;
        float: none;
        line-height: initial;
        display: block;
    }
    .block {
        height: 52px;
        margin-bottom: 0px;
    }
    .block{
        position: relative;
    }
    .block i{
        position: absolute;
        left: 0;
        top: 20px;
    }
    .block i:after{
        content: 'الزامی';
    }
    .wrapper .login {
        padding: 20px;
    }
    .banks {
        margin-right: 0px;
        margin: 0px auto;
        display: block;
        width: 100%;
    }
    .banks .title {
        height: 14px;
        width: 100%;
        background: url(../images/Banks_title.png) no-repeat center;
        text-align: center;
    }
    .banks table{
        margin: 0px auto;
    }
} /*800*600*/


/******************************* 600*800 **************************************/
@media only screen and (max-width:768px) {
    .content{
        float: none;
    }
    .right_content {
        padding: 0px 3px;
        float: none;
        width: 98%;
        height: auto;
    }
    .left_content {
        padding-right: 0px;
        font-family: tahoma;
        font-size: 12px;
        float: none;
        width: 100%;
    }
    .cform {
        width: 90%;
    }
    .cform label {
        color: #FFF;
        width: auto;
        margin: 0px;
        display: block;
        text-align: right;
        float: none;
        margin-bottom: 5px;
    }
    .left_content li {
        height: auto;
    }
    .cform textarea, .cform input, .cform select{
        width: 100%;
        padding: 2px;
        margin-right: 0px;
        line-height: 32px;
    }
    span.reqtxt, span.emailreqtxt{
        margin-top: -7px;
        display: block;
        text-align: left;
    }
    #li-4-4, #li-4-5,#li-4-8, #li-4-77, #li-4-7, #li-4-11{
        margin-bottom: 12px;
    }
    .cform select {
        width: 100%;
        height: 43px;
    }
    .cform input.backbutton, .cform input.resetbutton, .cform input.sendbutton {
        width: 100%;
        height: auto;
        margin: 0px auto;
        display: block;
        margin-top: 12px;
    }
    .cform input{
        margin: 0px auto;
        display: block;
    }
    #li-4-9 img{
        display: block;
        margin: 0px auto;
        margin-top: -15px;
    }
    .peyment_step h2 {
        background: url(images/Pay_Steps.png) no-repeat center;
        height: 36px;
        width: 100%;
        background-color: #235392;
    }
    .peyment_step {
        height: auto;
        width: 100%;
        background-color: #999999;
        float: none;
        border-bottom: 36px solid #235392;
    }
    .peyment_step .arrow {
        display: block;
        margin: 0px auto;
    }
    .peyment_step .line {
        height: 344px;
        width: 5px;
        background-color: #CCC;
        margin: 0px auto;
    }
    .peyment_step:after, .peyment_step .line:after{
        content: '';
        display: block;
        clear: both;
    }
    .peyment_step [class^="Step_"] {
        margin-right: -50px;
    }
    .footer {
        line-height: 16px;
        float: none;
        height: auto;
        width: 100%;
        background-color: #333;
    }
    #send_error{
        margin: 0px auto;
        font-size: 14px;
        font-family: tahoma;
        margin-top: 6px;
        width: 88%;
        padding: 7px;
        border: 1px solid rgb(246, 179, 179);
        background-color: rgb(255, 217, 217);
    }
    #loading{
        margin: 0px auto;
        font-size: 14px;
        font-family: tahoma;
        margin-top: 6px;
        width: 88%;
        padding: 7px;
        background-color: rgb(190, 225, 255);
        border: 1px solid rgb(54, 144, 221);
    }
    .content{
        width: 99%;
    }
    .content_right img {
        display: block;
        margin: 6px auto;
    }
    .content_right .btn {
        display: block;
        margin: 5px auto;
    }
    .content_right img{
        width: auto;
    }
} /*600*800*/


/******************************** 480*320 *************************************/
@media only screen and (max-width:570px){
    .content_right img{
        width: auto;
    }
} /*480*320*/

/******************************** ADD BY MESUT.IR *************************************/
@media only screen and (max-width:375px){
    .content_right img{
        width: auto;
    }
}
@media print{
    
} /*print*/