@font-face {
    font-family: nastaliq;
    src: url('../fonts/IranNastaliq.ttf');
}
.mydiv2 {
    /*background-color: #084574;
    height:400px !important;*/
    position: relative;
    text-align: center;
    background: rgba(0,0,0,0.45);
    border-radius: 15px;
    padding: 45px 80px 20px;
    margin: 5% auto 0;
    overflow: hidden;
}

.mydiv2 .footer {
    position: absolute;
    background: rgba(0,0,0,0.85);
    width: 100%;
    left: 0;
    bottom: 0;
    color: #e5e5e5;
}


.footer-copy-right-cbi-ir {
    color: white;
    text-align: center;
    background-color: #32353a;
    padding: 12px 0px;
    font-family: IRANSans;
    position:fixed;
    bottom:0px;
    width:100%
}

.cbi-title {
    color: #d65532;
    /*    font-size: 40px;*/
    font-size: 35px;
    margin-top: 20px;
    font-family: nastaliq;
    text-align: center
    /*    font-weight: 500;
    padding-right: 15px;*/
}

.paragragh {
    font-family: IRANSans;
    color: #e2e2e2;
    font-size: 13px;
    bottom:0px;
}

.login100-form-btn {
    font-size: 14px;
    /*line-height: 1.1;*/
    color: #fff;
    text-transform: uppercase;
    background: #d65532;
    font-family: IRANSans,roboto,Arial;
    text-align: center;
    border:1px solid white;
    height:40px;
    margin-top:10px;
    border-radius:7px;
}

    .login100-form-btn:hover {
        color: white;
        background-color: #FFB056;
    }

.back {
    background-image:url('../images/Picture336.jpg');
    background-repeat: no-repeat;
    background-size: 100%;
}

.vertical-center {
    margin: 0;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.picturesize {
    width: 70%;
    margin-top: 30px;
}

@media (max-width: 1160) {
    
    .login100-form-btn {
        font-size: smaller;
    }
}

@media (max-width: 960px) {
    .back {
        background-image: none;
        background-color: #084574;
    }

    .login100-form-btn {
        font-size: smaller;
    }
}

@media (max-width: 760px) {
    
}

@media (max-width: 430px) {
    .back {
        background-image: none;
        background-color: #084574;
    }
    .paragragh {
        font-family: IRANSans;
        color: #e2e2e2;
        font-size: 13px;
        bottom: 0px;
        display: none;
    }

    .cbi-title {
        /*font-size: xx-large;*/
        font-size: 20px;
        text-align: center;
        /*padding-right:35px;*/
        padding-top: 10px;
    }
   

    .picturesize{
      /*  width:60%;
        height:60%;*/
    }

    .mydiv2 {
        background: none;
    }

    .myfooter {
        /*display: none;*/
        font-size:10px;
    }
}

@media (max-width: 390px) {
    .back {
        background-image: none;
        background-color: #084574;
    }

    .cbi-title {
        /*        font-size: xx-large;*/
        font-size: 20px;
        text-align: center;
/*        padding-right: 35px;*/
padding-top: 10px;
    }

    .paragragh {
        font-family: IRANSans;
        color: #e2e2e2;
        font-size: 13px;
        bottom: 0px;
        display:none;
    }

    /*div:has(> .login100-form-btn) {
        margin-left: 110px;
    }*/

    .picturesize {
       /* width: 60%;
        height: 60%;*/
    }

    .mydiv2 {
        background: none;
    }

    .myfooter {
       /* display: none;*/
       font-size:10px;
    }
}

@media (max-width: 375px) {
    .back {
        background-image: none;
        background-color: #084574;
    }

    .myfooter {
        /*display: none;*/
        font-size:10px;
    }

    .cbi-title {
        /*        font-size: xx-large;*/
        font-size: 18px;
        text-align: center;
        padding-top: 10px;
    }

    .paragragh {
        font-family: IRANSans;
        color: #e2e2e2;
        font-size: 13px;
        bottom: 0px;
        display: none;
    }

    /*div:has(> .login100-form-btn) {
        margin-left: 100px;
    }*/

    .picturesize {
      /*  width: 60%;
        height: 60%;*/
    }

    .mydiv2 {
        background: none;
    }
}

/*@media (min-width:250px) {
    .back {
        background-color: white;
    }

    .vertical-center {
        margin: 0;
        position: absolute;
        top: 50%;
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .mainwindow {
        margin-top: 0px;
    }

    .myfooter {
        display: none;
    }

    .paragragh {
        display: none;
    }

    .picturesize {
        width: 70%;
        margin-top:30px;
    }
}

@media (min-width:320px) {
    .back {
        background-color: white;
    }

    .mainwindow {
        margin-top: 0;
    }

    .myfooter {
        display: none;
    }

    .vertical-center {
        margin: 0;
        position: absolute;
        top: 50%;
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .paragragh {
        display: none;
    }

    .picturesize {
        width: 70%;
        margin-top: 30px;
    }
}

@media (min-width:481px) {*/
    /*.back {
        background-color: white;
    }*/

    /*.mainwindow {
        margin-top: 0px;
    }

    .myfooter {
        display: none;
    }

    .vertical-center {
        margin: 0;
        position: absolute;
        top: 50%;
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .paragragh {
        display: none;
    }

    .picturesize {
        width: 40%;
        margin-left: 27%;
    }
}

@media (min-width:641px) {
    .back {
        background-color: white;
    }

    .mainwindow {
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .myfooter {
        display: none;
    }

    .paragragh {
        display: none;
    }

    .rowdown {
        margin-bottom: 50px;
    }

    .picturesize {
        width: 70%;
        margin-top: 30px;
    }
}

@media (min-width:961px) {
    .back {
        background-image: url('/images/Picture336.JPG');
    }

    .mainwindow {
        margin-top: 20px;
    }

    .myfooter {
        display: none;
    }

    .paragragh {
        display: none;
    }

    .picturesize {
        width: 70%;
        margin-top: 30px;
    }
}

@media (min-width:1025px) {
    .back {
        background-image: url('/images/Picture336.JPG');
    }

    .mainwindow {
        margin-top: 100px;
    }

    .cbi-title {
        font-size: 40px;
    }*/

    /*.myfooter {
        display: none;
        margin-top: 100px;
    }*/

    /*.paragragh {
        margin-top: 50px;
    }

    .round {
        border-radius: 17px;
    }

    .logoup {*/
        /*margin-top: 3px;*/
        /*font-size:x-large;
    }

    .logoup img{
        margin:15px;
    }

    .picturesize {
        width: 70%;
        margin-top: 30px;
    }
}

@media (min-width:1281px) {
    .back {
        background-image: url('/images/Picture336.JPG');
        background-repeat: no-repeat;
        background-size: cover;
        width:40%;
        height:40%;
    }

    .mainwindow {
        margin-top: 150px;
    }

    .myfooter {
        display: block;
    }

    .paragragh {
        margin-top: 50px;
    }

    .rowup {
        margin-top: 15px;
    }

    .round {
        border-radius: 17px;
    }

    .logoup {
        margin-top: 3px;
    }

    .picturesize {
        width: 70%;
        margin-top: 30px;
    }
}*/