/*==========  Non-Mobile First Method  ==========*/

@media only screen and (max-width: 1320px) {

}

@media (min-width: 1200px) {
 
}

/* Large Devices, Wide Screens */
@media only screen and (max-width: 1200px) {
 
}

/* Medium Devices, Desktops */
@media only screen and (max-width: 992px) {
 
}

/* Small Devices, Tablets */
@media only screen and (max-width: 849px) {
  
}

@media only screen and (max-width: 768px) {
  
}

/* Extra Small Devices, Phones */
@media only screen and (max-width: 650px) {
   
}

@media only screen and (max-width: 549px) {
  
}

@media only screen and (max-width: 480px) {
  
}

/* Custom, iPhone Retina */
@media only screen and (max-width: 320px) {}



/* Medium Devices, Desktops */
@media only screen and (max-width: 992px) {
    #banners, .gamesbox {
        display: none;
    }
}

/* Small Devices, Tablets */
@media only screen and (max-width: 849px) {
    .row-main{
        width: 100% !important;
    }
}

@media only screen and (max-width: 768px) {
  
}


@media only screen and (max-width: 549px) {
  
}

@media only screen and (max-width: 480px) {
  
}
@media screen and (max-height: 780px) {
    .notifications {
        width: 250px;
        min-width: 250px;
    }
    .notification_box {
        height: 280px;
    }
}
@media screen and (max-height: 720px) {
    .notifications {
        width: 220px;
        min-width: 220px;
    }
    .notifications .notification.loaded {
        height: 55px;
    }
}
@media screen and (max-width: 1024px){
#banners, #notifications, .games {
    display: none;
}
}
@media screen and (max-width: 1300px) {
    .notifications {
        width: 220px;
        min-width: 220px;
    }
}
@media screen and (max-width: 991px) {
    .notifications {
        display: none !important;
    }
    .notifications .notification-inner {
        width: 100%;
    }
    .notifications .notification:not(.closed):nth-child(n + 3) {
        display: none;
        opacity: 0;
        transition: transform 550ms cubic-bezier(0.23, 1, 0.32, 1),
        opacity 750ms cubic-bezier(0.23, 1, 0.32, 1);
        transform: scale(0.5);
    }
    .notifications
    .notification.closed:not(.just-closed):nth-child(2)
    + .notification:not(.closed) {
        opacity: 1 !important;
        transform: scale(1) !important;
    }
    .notifications .notification.closed + .notification:not(.closed) {
        transform: scale(1);
        opacity: 1;
    }
    .notifications
    .notification.closed
    + .notification:not(.closed):nth-child(3) {
        opacity: 0;
        transform: scale(0.5);
    }
    .notifications .notification:nth-child(n + 4) {
        opacity: 0 !important;
        transform: scale(0.5) !important;
    }
}

@media (max-width: 374px) {
    .notifications {
        transform: translateX(50%) scale(0.8);
    }
}