/* For Tablet View */
@media screen and (min-device-width: 768px)
    and (max-device-width: 1024px) {

}
 
/* For Mobile Portrait View */
@media screen and (max-device-width: 480px)
    and (orientation: portrait) {

        .navbar-menu > li {
            margin-right: 1.4rem;
         }

         .header-img img {
            height: auto;
         }

         .right-navbar {
            margin-top: 0.5rem;
            position: static;
            margin-right: 0.3rem;
            justify-content: center;
         }

         .right-navbar > li:last-child {
            width: 12.41rem;
            max-width: 100%;
         }

         .right-navbar > li {
            font-size: 0.6rem;
            text-align: center;
         }

         .counter-title {
            font-size: 2rem;
         }
         
         .prize-1-table {
            font-size: 0.8rem;
            letter-spacing: 0;
         }

         .table-result td {
            font-size: 0.7rem;
         }

         .open-badge {
            font-size: 0.6rem;
         }

         .ball-counter {
            background-size: 40px;
            width: 50px;
            height: 50px;
            top: 2px;
            left: 80%;
         }

         .title-live {
            font-size: 1.1rem;
         }

         .balls {
            padding: 0.1rem 0.4rem;
            font-size: 0.9rem;
         }

         .balls-result {
            padding: 0.1rem 0.3rem;
            font-size: 0.7rem;
         }

         .livedraw-prize {
            font-size: 1rem;
         }

         .jackpot-wrapper {
            top: 81%;
         }

         .jackpot-wrapper h4 {
            font-size: 0.8rem;
         }

         .jackpot-wrapper span {
            font-size: 2.1rem;
         }

}
 
/* For Mobile Landscape View */
@media screen and (max-device-width: 850px)
    and (orientation: landscape) {

        .ball-counter {
            background-size: 70px;
            width: 80px;
            height: 80px;
            top: 2px;
            left: 80%;
         }

         .header-img img {
            height: auto;
         }

         .right-navbar {
            margin-top: 0.5rem;
            position: static;
            justify-content: center;
         }

         .right-navbar > li {
            font-size: 0.7rem;
            text-align: center;
            margin-right: 0.3rem;
         }

         .right-navbar > li:last-child {
            width: 9rem;
            max-width: 100%;
         }

         .prize-1-table {
            letter-spacing: 0.2rem;
         }

         .open-badge {
            font-size: 0.7rem;
         }

}
 
/* For Mobile Phones Portrait or Landscape View */
@media screen
    and (max-device-width: 640px) {

      .right-navbar > li {
         font-size: 0.7rem;
         text-align: center;
         margin-right: 0.3rem;
      }
           
}
 
/* For iPhone 4 Portrait or Landscape View */
@media screen and (min-device-width: 320px)
    and (-webkit-min-device-pixel-ratio: 2) {
        
}
 
/* For iPhone 5 Portrait or Landscape View */
@media (device-height: 568px)
    and (device-width: 320px)
    and (-webkit-min-device-pixel-ratio: 2) {
   
}
 
/* 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) {
    
};