/*CSS FOR MOBILE PHONES LIKE IPHONE 4 AND BELOW*/
@media screen and (min-width: 180px) and (max-width:767px) {
    #ulAddScr1 {
        overflow-x: visible;
        overflow-y: visible;
        height: 100% !important
    }

    #ulAddScr2 {
        overflow-x: visible;
        overflow-y: visible;
        height: 100% !important
    }
}


/*CSS FOR MOBILE TABLETS LIKE IPAD MINI AND IPAD 9.7 PORTRAIT*/
@media screen and (min-width: 768px) and (max-width:1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) {
    #ulAddScr1 {
        overflow-x: visible;
        overflow-y: visible;
        height: 100% !important
    }

    #ulAddScr2 {
        overflow-x: visible;
        overflow-y: visible;
        height: 100% !important
    }
}


/*CSS FOR  MOBILE TABLETS LIKE IPAD MINI AND IPAD 9.7 LANDSCAPE*/
@media screen and (min-width: 768px) and (max-width:1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
    #ulAddScr1 {
        overflow-x: visible;
        overflow-y: visible;
        height: 100% !important;
    }

    #ulAddScr2 {
        overflow-x: visible;
        overflow-y: visible;
        height: 100% !important;
    }

}


/*CSS FOR LAPTOPS AND DESKTOPS AND ABOVE*/ /*old breakpoint min-width: 1300px*/
@media screen and (min-width: 1025px) and (max-width: 1999px) {
    #ulAddScr1, #ulAddScr2 {
        overflow-x: hidden;
        overflow-y: auto;
        height: 75% !important;
    }
}


/*CSS FOR LAPTOPS AND DESKTOPS AND ABOVE*/ /*old breakpoint min-width: 1300px*/
@media screen and (min-width: 1200px) {
    #ulAddScr1, #ulAddScr2 {
        overflow-x: hidden;
        overflow-y: auto;
        height: 75% !important;
    }
}