/********************** Typo ************************* *
 *  1. Very Small (mobile portrait) < 374px
 *  2. Very Small (mobile portrait) < 545px
 *  3. Small (tablet portrait) > 640px
 *  4. Medium (tablet landscape) > 960px
 *  5. Medium (tablet landscape) > 1024px
 *  6. Large (laptop) > 1200px
 *  7. XLarge (desktop) > 1600px
*****************************************************/

/************ 1. Very Small (mobile portrait) < 320px ***********/

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

/************ 2. Very Small (mobile portrait) > 545px ***********/

@media only screen and (min-width: 545px) {
    .player-portal {
        margin-top: -24%;
    }
}

/************ 3. Small (tablet portrait) < 768px ***********/

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

/************ 3. Small (tablet portrait) > 768px ***********/

@media only screen and (min-width: 768px) {
    footer .socials-container ul {
        justify-content: end;
    }
    .image-slideshow .row > .col-12::before {
        width: 35%;
    }
    .section-grid {
        padding: 60px 0;
    }
    .pricing-section.first_section,
    .section-grid.first_section {
        padding: 120px 0 60px;
    }
    .pricing-section.last_section,
    .section-grid.last_section {
        padding: 60px 0 120px;
    }
    .pricing-section.only_section,
    .section-grid.only_section {
        padding: 120px 0;
    }
    .section-grid.image_right .order-1 {
        order: 2 !important;
    }
    .section-grid.image_right .order-2 {
        order: 1 !important;
    }
    .testimonials h2,
    .jackpot-winners h2 {
        margin-bottom: 50px;
    }
    .splide-custom-arrows {
        top: 0;
        right: 0;
        bottom: auto;
        left: 80%;
    }
    .splide__arrow {
        position: relative;
        top: auto;
        bottom: 70px;
    }
    .splide__arrow--prev {
        left: 20px;
    }
    .splide__arrow--next {
        left: 35px;
    }
    .card-slider .title-container {
        max-width: 55%;
    }
    .card-slider .splide__arrow {
        bottom: 25px;
    }
    .wpcf7-password {
        max-width: 100%;
    }
    .mg-photos .title-container {
        margin: auto auto 35px 40px;
    }
    .top-scores-wrapper {
        padding: 20px 25px 20px 45px;
    }
    .codedropz-upload-inner::before {
        left: 33%;
    }
    .requirements-wrapper {
        padding: 55px 50px;
    }
    .rules-on-points .links-group {
        display: flex;
        justify-content: space-around;
    }
    .rules-on-points .links-group li {
        margin-bottom: 0;
    }
    .player-portal-login-container {
        padding: 40px 50px;
    }
    .player-portal form .top_right_corner {
        top: -80px;
        right: -30px;
    }
	.tier .nav-pills {
		justify-content: space-between;
	}
	#pills-tab li {
		margin-right: 0;
	}
    
}

/************ 3. Small (tablet portrait) > 768.1px ***********/

@media only screen and (min-width: 768.1px) {}

/************ 4. Medium (tablet landscape) < 991.98px ***********/

@media only screen and (max-width: 991.98px) {
    .top-menu {
        display: none;
    }
    
}

/************ 5. Medium (tablet landscape) > 992px ***********/

@media only screen and (min-width: 992px) {
	.navbar-expand-lg .navbar-collapse {
		justify-content: end;
	}
    .section-grid.image_right .order-2 .content-container {
        padding: 0 80px 0 0;
    }
    .order-2 .content-container {
        padding: 0 0 0 80px;
    }
    .splide-custom-arrows {
        left: 85%;
    }
    .tier .row {
        padding: 35px 45px;
    }
    .tier-card {
        padding: 50px 55px;
    }
    .rules-card {
        padding: 50px 50px 50px 90px;
    }
    .special-deal-image-container img {
        max-width: auto;
        height: auto;
    }
}

/******* 6. Medium (tablet landscape) < 992px and > 1024px ***********/

@media (min-width: 992px) and (max-width: 1024px) {}


/******* 7. Medium (tablet landscape) < 992px and > 1199.98px ***********/

@media (min-width: 992px) and (max-width: 1199.98px) {}

/******* 8. Medium (tablet landscape) < 1024px and > 1199.98px ***********/

@media (min-width: 1024px) and (max-width: 1199.98px) {}

/************ 9. Large (laptop) < 1200px ************/

@media only screen and (max-width: 1200px) {
    .navbar-brand img {
        /* max-width: 10em; */
        transform: scale(0.7);
    }
    .navbar-nav .nav-link.active,
    .navbar-nav .menu-item a {
        padding: 0 7px !important;
    }
    .btn {
        font-size: 14px;
        padding: 12px 26px;
    }
    .section-grid .image-container img {
        max-width: 100%;
        height: auto;
    }
    
}

/************ 9. Large (laptop) > 1200px ************/

@media only screen and (min-width: 1200px) {
    .h1, h1 {
        font-size: 4rem;
    }
    h2 {
        font-size: 2.3rem;
    }
    .image-slideshow h2 {
        font-size: 2.9rem;
    }
    
}

/************ 9. Large (laptop) > 1300px ************/

@media only screen and (min-width: 1300px) {
    .top_left_corner {
        top: -90px;
        left: -90px;
    }
    .special-deals .top_left_corner {
        top: -50px;
        left: -50px;
    }
    .top_right_corner {
        top: -90px;
        right: -90px;
    }
    .meals-section .top_right_corner {
        top: -80px;
        right: -30px;
    }
    .bottom_left_corner {
        bottom: -40px;
        left: -40px;
    }
    .bottom_right_corner  {
        bottom: -40px;
        right: -40px;
    }
    .barring .top_left_corner {
        top: -50px;
        left: -80px;
    }
    .barring .top_right_corner {
        top: 0;
        right: 0;
    }
}

/*********** 10. XLarge (desktop) > 1500px ***********/

@media only screen and (min-width: 1500px) {}

/*********** 11. XLarge (desktop) > 1600px ***********/

@media only screen and (min-width: 1600px) {
    .player-portal {
        margin-top: -18%;
    }
}

/*********** 12. XLarge (desktop) > 1800px ***********/

@media only screen and (min-width: 1800px) {}

/*********** 13. XLarge (desktop) > 1900px ***********/

@media only screen and (min-width: 1900px) {}

/*********** 14. XLarge (desktop) > 2144px ***********/

@media only screen and (min-width: 2144px) {}

/*********** 15. XLarge (desktop) > 2400px ***********/

@media only screen and (min-width: 2400px) {}

/*********** 16. XLarge (desktop) > 2752px ***********/

@media only screen and (min-width: 2752px) {}

/*********** 17. XLarge (desktop) > 3200px ***********/

@media only screen and (min-width: 3200px) {}

/*********** 18. XLarge (desktop) > 3450px ***********/

@media only screen and (min-width: 3450px) {}