@media only screen and (max-width: 1199px) and (min-width: 992px) {
	.onlineLudoSec .logoImgBox {
	    margin: 40px auto;
	}
	.featuresSec .imgBox {
	    width: 80%;
	}
	.earnMonySec .imgBox img {
	    width: 40%;
	}
}

@media only screen and (max-width: 767px) and (min-width: 576px) {
	.featuresSec .imgBox {
	    width: 85%;
	}
}

@media only screen and (min-width: 1300px) {
	.banner img {
	    height: calc(100vh - 158px);
	}
}

@media only screen and (min-width: 992px) {
	.LudoChallangeSec.bgImg, .aboutSec.bgImg, .faqSec.bgImg {
		min-height: auto;
	    padding-bottom: 40px;
	}
	.onlineLudoSec.bgImg, .howToPlaySec.bgImg {
		min-height: auto;
	}
	.referEarnSec .btmimgBox img {
    	transform: rotateY(180deg);
	}
	.earnMonySec.bgImg {
	    display: flex;
	    align-items: center;
	}
	.earnMonySec .btmimgBox img {
	    transform: rotateY(180deg);
	}
}

@media only screen and (max-width: 991px) {
	.header .topHead {
	    line-height: 66px;
	}
	.navbar-brand img {
	    top: 13px;
	    left: 50%;
	    transform: translate(-50%, 0%);
	}
	.topHead .navbar-collapse {
	    position: absolute;
	    background: rgba(0 0 0 / 50%);
	    height: 100vh;
	    width: 100%;
	    top: -74px;
	    left: 30px;
	    transition: all 0s ease-in-out;
	}
	.topHead .navbar-collapse .sideNavbar {
	    position: absolute;
	    background: var(--primaryClr);
	    height: 100vh;
	    width: 50%;
	    top: 0px;
	    left: -50%;
	    padding: 5px 15px 0 30px;
	    z-index: 9999;
	    transition: all 0.4s ease-in-out;
	}
	.topHead .navbar-collapse.show .sideNavbar {
	    left: -60px;
	}
	.navbar-nav li {
	    line-height: 20px;
	}
	.aboutSec .btmimgBox {
	    margin: 30px auto -50px;
	}
	.howToPlaySec .btmimgBox {
	    margin: 65px auto -5px;
	}
	.faqSec .btmimgBox {
	    margin: 30px auto -25px;
	}
	.referEarnSec .btmimgBox {
	    margin: 30px auto 0;
	}
	.earnMonySec .btmimgBox {
	    right: auto;
	    left: 0;
	}
	.earnMonySec .btmimgBox {
	    width: 50%;
	}
}

@media only screen and (max-width: 767px) {
	.heading {
		font-size: 60px;
		line-height: 50px
	}
	.howToPlaySec .heading span {
	    font-size: 35px;
	    line-height: 55px;
	}
	.referEarnSec .heading {
	    line-height: 55px;
	}
	.featuresSec .imgBox {
	    width: 80%;
	}
	.referEarnSec .imgBox {
	    width: 50%;
	}
	.earnMonySec.bgImg {
	    padding-bottom: 350px;
	}
	.earnMonySec .imgBox img {
	    width: 45%;
	}
	.onlineLudoSec .logoImgBox {
	    width: 50%;
	    margin: 70px auto;
	}
	.earnMonySec .btmimgBox {
	    width: 60%;
	}
}

@media only screen and (max-width: 575px) {
	#myBtn {
	    bottom: 88px;
	}
	.primaryBtn {
	    font-size: 13px;
		padding: 8px 5px;
	}
	.topHead .navbar-collapse .sideNavbar {
	    width: 60%;
	    left: -60%;
	}
	.main-content {
	    padding-bottom: 50px;
	}
	.carousel-item .reviewContent {
	    flex-direction: column;
		min-height: 260px;
	}
	.reviewContent p {
		text-align: center;
	}
	.reviewSlider h6 {
		text-align: center;
	}
	.reviewContent img {
		margin-right: 0;
		margin-bottom: 10px;
	}
	.earnMonySec p {
	    font-size: 22px;
	    line-height: 26px;
	}
	.featuresSec .imgBox {
	    width: 55%;
	}
	.socialLinks {
	    bottom: 20px;
	    padding: 15px 0;
	}
	.footerSec {
	    height: 70px;
	    line-height: 70px;
	}
	.dwnldAppBtn {
		height: 50px;
		margin: 10px 0;
	}
	.dwnldAppBtn a {
	    padding: 5px 10px;
	    min-width: 160px;
	}
	.dwnldAppBtn a span strong {
	    font-size: 20px;
	}
	.earnMonySec .btmimgBox {
	    width: 70%;
	}
}

@media only screen and (max-width: 480px) {
	.onlineLudoSec .logoImgBox {
	    margin: 65px auto;
	}
	.onlineLudoSec .btmimgBox {
	    margin: 0 auto -25px;
	}
	.LudoChallangeSec .btmimgBox {
	    margin: 25px auto -20px;
	}
	.kheloLudoSec .btmimgBox {
	    margin: 30px auto -5px;
	}
	.aboutSec .btmimgBox {
		margin: 30px auto -20px;
	}
	.reviewSec .btmimgBox {
	    margin: 25px auto -8px;
	}
	.faqSec .btmimgBox {
	    margin: 30px auto -15px;
    }
    .earnMonySec .btmimgBox {
	    width: 80%;
	}
}

@media only screen and (max-width: 420px) {
	.onlineLudoSec .logoImgBox {
    	width: 60%;
	    margin: 85px auto;
	}
	.banner img {
	    height: calc(100vh - 148px);
	}
	.earnMonySec .btmimgBox {
	    width: 90%;
	}
}

@media only screen and (max-width: 379px) {
	.primaryBtn {
	    font-size: 12px;
	}
	.earnMonySec .btmimgBox {
	    width: 100%;
	}
}

@media only screen and (max-width: 359px) {
	.copyright p {
	    font-size: 15px;
	    line-height: 20px;
	}
	.dwnldAppBtn {
	    height: 50px;
		margin: 15px 0;
	}
	.dwnldAppBtn a {
	    padding: 8px 5px;
	    min-width: 145px;
	}
	.dwnldAppBtn a i {
	    font-size: 30px;
	}
	.dwnldAppBtn a span strong {
	    font-size: 18px;
	}
}