﻿@media (min-width: 1281px) {

    /* CSS */
    

}

/*@media (min-width: 1025px) and (max-width: 1280px) {*/
@media (min-width: 1025px) and (max-width: 1079px) {

    /* CSS */
    .banner_image {
        height: 100vh;
        width: 93%;
    }
}

/* For Vivo devices */
@media (min-device-width: 1080px) and (max-device-width: 1279px) {
    .banner_image {
        height: 0;
        width: 0;
    }

    .divLoginBanner {
        max-width: 39%;
    }
}

/* For Desktop View */
/*@media screen and (min-width: 1024px) {
    .banner_image {
        height: 0;
        width: 0;
    }
    
} */   

/* For Tablet View */
@media (min-width: 768px) and (max-width: 1024px) {
    .banner_image {
        height: 100vh;
        width: 78%;
    }
    .loginSection {
        justify-content: end;
    }
}

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {

    /* CSS */

}

@media (min-width: 481px) and (max-width: 767px) {

    /* CSS */
    .banner_image {
        height: 0;
        width: 0;
    }

}

/* For Mobile Portrait View */
@media (max-width: 480px) and (orientation: portrait) {
    .banner_image {
        height: 100vh;
        width: 40%;
    }
}

/* For Mobile Landscape View */
@media screen and (max-device-width: 640px) and (orientation: landscape) {
    .banner_image {
        height: 100vh;
        width: 10vh;
    }
}

/* For Mobile Phones Portrait or Landscape View */
@media screen and (max-device-width: 640px) {
    .banner_image {
        height: 0;
        width: 0;
    }
}

/* For iPhone 4 Portrait or Landscape View */
@media (min-width: 320px) and (-webkit-min-device-pixel-ratio: 2) {
    .banner_image {
        height: 0;
        width: 0;
    }

    .divLoginBanner {
        max-width: 46%;
    }
}

@media (min-width: 320px) and (max-width: 480px) {

    /* CSS */

    .divLoginBanner {
        max-width: 48%;
    }

}

/* For iPhone 5 Portrait or Landscape View */
@media (device-height: 568px) and (device-width: 320px) and (-webkit-min-device-pixel-ratio: 2) {
    .banner_image {
        height: 0;
        width: 0;
    }
}

/* For iPhone 6 and 6 plus Portrait or Landscape View */
@media (min-device-height: 667px) and (min-device-width: 375px) and (-webkit-min-device-pixel-ratio: 3) {
    .banner_image {
        height: 0;
        width: 0;
    }
}
