@media screen and (min-width:1920px) {
    .login-heading {
        padding: 30px 0px;
    }
}

@media screen and (min-width:1600px) and (max-width:1919px) {
    .login-heading {
        padding: 18px 0px;
    }
}

@media screen and (min-width:1440px) and (max-width:1599px) {
    .login-heading {
        padding: 12px 0px;
    }
}

@media screen and (min-width:1366px) {
    .login-heading>h1 {
        font-size: 22px;
    }
    .login-heading>h1 .main-head {
        font-size: 42px;
    }
}

@media screen and (min-width:1366px) and (max-width:1439px) {
    .login-heading {
        padding: 10px 0px;
    }
}

@media screen and (min-width:1200px)and (max-width:1365px) {
    .login-heading {
        padding: 0px;
    }
}

@media screen and (min-width:992px)and (max-width:1199px) {
    .login-heading {
        padding: 5px 0;
    }
    .login-heading>h1 {
        font-size: 16px;
        letter-spacing: 0.5px;
        margin: 0px;
    }
    .login-heading>h1 .main-head {
        font-size: 30px;
    }
    .footer-bottom {
        bottom: 0!important;
        padding-top: 8vh;
        padding-bottom: 3vh;
    }
    .login-form h4 {
        padding: 25px 0px;
    }
    .login_form_section {
        padding: 3vh 2vw;
    }
    .login-form .login-content {
        padding: 10px 0px!important;
    }
}

@media screen and (min-width:768px)and (max-width:991px) {
    .login_form_section {
        padding: 25px 10px;
        padding: 3vh 2vw;
    }
    .login-heading {
        padding: 0px;
    }
}

@media screen and (min-width:426px) and (max-width:559px) {
    .login-heading {
        padding: 5px 0px 0px!important;
    }
}

@media screen and (min-width:426px) and (max-width:524px) {
    .login-heading>h1 .main-head {
        font-size: 30px;
    }
}

@media screen and (min-width:426px) and (max-width:768px) {
    .col-xsm-3 {
        width: 25%;
    }
    .col-xsm-6 {
        width: 50%;
    }
}

@media screen and (min-width:768px) and (max-width:866px) {
    .login-heading>h1 .main-head {
        font-size: 30px;
    }
}

@media screen and (max-width: 767px) {
    img.us-flag,
    img.canada-flag {
        width: 66%;
        float: right;
    }
    .login-heading {
        padding: 0px;
    }
    .login-form h4 {
        padding: 10px 0px 5px;
    }
    .login-heading>h1 {
        text-align: center;
        letter-spacing: 0;
    }
    .login-heading>h1 .login_form_section {
        padding: 2vh 2vw;
    }
    .footer-bottom {
        position: relative;
        bottom: 0;
        top: 10px;
        margin: 0px 0px 20px;
        padding: 20px 0px 0px;
        display: table;
        width: 100%;
    }
}

@media screen and (min-height:300px)and (max-height:550px) {
    .footer-bottom {
        position: relative;
    }
}


/* @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
   
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
   
} */