@font-face{
    font-family: 'mitra';
    src: url('/fonts/B Mitra_0.ttf');
}
.l-modal-content {
    background-color: #ffe04c;
}

.l-modal{
    width: 400px;
    margin: 0px auto;
}

.modal-input{
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid rgb(212, 212, 212);
    width: 50px;
    padding-left: 20px;
}

.l-modal-header{
    border-bottom: 1px solid #121212;
    direction: ltr;
}

#modallink{
    margin: 0px auto;
    color:#0baff0;
}

.l-modal-title {
    margin-right: 65px;
    width: 270px;
    font-size: 17pt;
}

.l-modal-body{
    margin-bottom: 20px;
}

/*==============================media============================================*/

@media (max-width: 330px) {

    .l-modal{
        width: 280px;
        margin: 0px auto;
    }

    .modal-input{
        width: 35px;
        padding-left: 15px;
    }

    .l-modal-title{
        margin-right:30px;
        font-size: 14pt;
    }

    #modallink {
        font-size: 11pt;
    }
}

@media (min-width:331px) and (max-width:400px) {


    .l-modal{
        width: 320px;
        margin: 0px auto;
    }

    .modal-input{
        width: 40px;
        padding-left: 20px;
    }

    .l-modal-title {
        margin-right:35px;
        font-size: 16pt;
    }

}