@media(min-width:319px) and (max-width:420px) {
    .col-12.px-0.d-block.d-sm-none.pt-5 {
        background: url(../img/body-bg.jpg);
        background-size: cover
    }
    .resp-font{
        font-size: 14px;

    }
    input::placeholder{
        font-size: 12px;
    }
    .site-logo{
        width: 200px;
    }
}
@media(min-width:900px) and (max-width:1024px){


    .col-md-12.mt-5 {
        margin: 0 !important;
    }
    input::placeholder{
        font-size: 12px !important;
    }
    .resp-font{
        font-size: 13px !important;
    }

    img.mx-auto.d-block.vector {
        height: 165px;
        margin: 0px 0;
    }
    img.img-fluid.mx-auto.d-block.mt-5.pt-5 {
        margin: 0px auto !important;
    }
    p.opensans.text-center.my-3 {
        letter-spacing: 0px;
    }
    hr.mt-5 {
        margin: 0px !important;
    }
    .site-logo {
        padding: 0px 40px !important;
        width: 250px;
    }


    p {
        font-size: 12px;
    }
    input#email, #password {
        padding: 5px 40px;
    }
    img.img-fluid.position-absolue.pass {
        top: 63px !important;
    }
    button.btn.mt-4.w-100.bg-gradiant {
        padding: 2px;
    }
    a.opensans-bold.text-center.my-3.color-black.mx-auto.d-block {
        font-size: 15px;
    }
    img.img-fluid.position-absolue {
        height: 30px !important;
    }
}
@media(min-width:1025px) and (max-width:1280px){
    input#email, #password {
        padding: 5px 40px;
    }
    .site-logo{
        width: 220px;
    }
    .resp-font{
        font-size: 12px !important;
    }
    img.img-fluid.position-absolue.pass {
        top: 63px !important;
    }
    button.btn.mt-4.w-100.bg-gradiant {
        padding: 2px;
    }
    a.opensans-bold.text-center.my-3.color-black.mx-auto.d-block {
        font-size: 15px;
    }
    img.img-fluid.position-absolue {
        height: 30px !important;
    }
}
@media(min-width:1281px) and (max-width:1366px) {

    .col-md-12.mt-5 {
        margin: 0 !important;
    }
    .resp-font{
        font-size: 13px !important;
    }

    img.mx-auto.d-block.vector {
        height: 165px;
        margin: 0px 0;
    }
    img.img-fluid.mx-auto.d-block.mt-5.pt-5 {
        margin: 0px auto !important;
    }
    p.opensans.text-center.my-3 {
        letter-spacing: 0px;
    }
    hr.mt-5 {
        margin: 0px !important;
    }
    img.img-fluid.position-absolue {
        height: 30px !important;
    }
    input#email, #password {
        padding: 5px 40px;
    }
    img.img-fluid.position-absolue.pass {
        top: 63px !important;
    }
    button.btn.mt-4.w-100.bg-gradiant {
        padding: 2px;
    }
    a.opensans-bold.text-center.my-3.color-black.mx-auto.d-block {
        font-size: 15px;
    }
}

@media(min-width:1367px) and (max-width:1440px) {
    .resp-font{
        font-size: 19px !important;
    }
    .col-md-8.px-0.d-none.d-sm-block {
        margin: 60px 0
    }
    input#email, #password {
        padding: 5px 40px;
    }
    img.img-fluid.position-absolue.pass {
        top: 63px !important;
    }
    button.btn.mt-4.w-100.bg-gradiant {
        padding: 2px;
    }
    a.opensans-bold.text-center.my-3.color-black.mx-auto.d-block {
        font-size: 15px;
    }
    img.img-fluid.position-absolue {
        height: 30px !important;
    }
}
@media(min-width:1441px) and (max-width:1600px) {

    input#email, #password {
        padding: 5px 40px;
    }
    img.img-fluid.position-absolue.pass {
        top: 63px !important;
    }
    button.btn.mt-4.w-100.bg-gradiant {
        padding: 2px;
    }
    a.opensans-bold.text-center.my-3.color-black.mx-auto.d-block {
        font-size: 15px;
    }
    img.img-fluid.position-absolue {
        height: 30px !important;
    }

}

@media(min-width:421px) and (max-width:768px) {
    body {
        background-size: 66% 100%
    }
    img.mx-auto.d-block.vector {
        height: 250px;
        margin: 120px 0
    }
    .col-md-8.px-0.d-none.d-sm-block {
        margin: 80px 0
    }
    input#email, #password {
        padding: 5px 40px;
    }
    img.img-fluid.position-absolue.pass {
        top: 63px !important;
    }
    button.btn.mt-4.w-100.bg-gradiant {
        padding: 2px;
    }
    a.opensans-bold.text-center.my-3.color-black.mx-auto.d-block {
        font-size: 15px;
    }
    img.img-fluid.position-absolue {
        height: 30px !important;
    }
}