@media only screen and (min-width: 1940px) {
.banner-sec {
    background-size: 95vw;
    background-position: left bottom;
}
}
@media only screen and (max-width: 1660px) {
    .header-main {padding: 42px 50px 42px 150px;}
    .banner-inner-img {top: 30px;right: 90px;}
    .banner-wrap {
        padding-top: 290px;
        padding-left: 150px;
    }

    .banner-inner-img {
        top: 20px;
        right: 10px;
    }
}

@media only screen and (max-width: 1599px) {
    .banner-inner-img {top: 40px;right: -40px;}
    .header-main {padding: 32px 50px;}
    .header-main.has_sticky {padding: 20px 40px;}
    .banner-sec {    height: 690px;}
    .banner-wrap {
        padding-top: 230px;
        padding-left: 50px;
    }
.banner-con .sec-head {
    max-width: 100%;
}
.banner-inner-img{
    width: 924px;
    height: 716px;
}
}

@media only screen and (max-width: 1366px) {
    .banner-sec {height: 630px;}
    .banner-con {max-width: 1290px;}
    .banner-inner-img {top: 30px;right: -10px;width: 760px;height: 725px;}
    .exchange-sec {padding: 150px 0 80px;}
    .why-choose-sec {padding: 80px 0;}
    .not-found-sec .cms p { max-width: 50%;}
}

@media only screen and (max-width: 1280px) {
    .header-main.has_sticky {padding: 20px 15px;}
    .sec-title {font-size: 32px;}
    .header-main {padding: 32px 50px;}
    .banner-con {max-width: 100%;}
}

@media only screen and (max-width: 1199px) {
.btn {font-size: 18px;}
.sec-title {font-size: 28px;}
.sec-title-lg {font-size: 32px;}
.banner-con .sec-head .sec-title {margin-top: 20px;}
.banner-inner-img {top: 20px;right: -40px;width: 630px;height: 630px;}
.header-btn {padding-left: 25px;}
.banner-sec {height: 500px;}
.exchange-con-title{font-size: 26px;padding-bottom: 30px;padding-top: 18px;}
.why-choose-sec {padding: 60px 0;}
.why-choose-item-img {width: 90px;height: 90px;}
.why-choose-item-box span {font-size: 16px;}
.why-choose-item-box {min-height: 210px;padding-top: 40px;}
.why-choose-item-box span {padding-top: 25px;}
.how-to-play-sec {padding: 60px 0 80px;}
.whatapp-btn img {width: 32px;height: 32px;}
.banner-desc{max-width: 100%;}
.banner-wrap {
    padding-top: 150px;
    padding-left: 50px;
}

.header-main {
    padding: 32px 25px;
}

.banner-wrap {
    padding-top: 150px;
    padding-left: 25px;
}
 
}

@media only screen and (max-width: 991px) {
.menuIcon {display: inline-block;vertical-align: middle;margin-left: 20px;}
.navigationBar.slideMenu {left: 0;}
.menuMain {width: 100%;margin-bottom: 2rem;display: block;}
.m_menuLogo {display: block;width: 100%;padding: 30px 15px;border-bottom: 1px solid #14247b;background: #14247b;display: block;width: 100%;}
.menuMain > ul {overflow-y: auto;height: calc(100vh - 200px);width: 100%;}
.menuMain li {width: 100%;display: block;border-bottom: 0.1rem solid #e2e2e2;padding: 0; margin: 0;position: relative;font-weight: 500;}
.navigationBar .menuMain>ul li {position: relative;}
.menuMain li a {display: block;width: 100%;padding: 12px 15px;text-align: left;}
.menuMain > ul > li > a {font-size: 16px;font-weight: 600;color: #000;}
.navigationBar {position: fixed;width: 400px;top: 0;bottom: 0;left: -400px;background: #fff;transition: all .6s ease-in-out;margin: 0;z-index: 9999;height: 100vh;overflow-y: auto;}
.header-main .m_menuLogo .menuLogo {max-width: 210px;display: block;}
.m_menuLogo .closeMenu {position: absolute;right: 10px;top: 38px;width: 30px;height: 30px;padding: 6px;}
.m_menuLogo .closeMenu:before {content: '';width: 30px;position: absolute;top: 0;left: 0;right: 0;height: 2px;background: #fff;-webkit-transform: rotate(45deg);transform: rotate(45deg);margin: auto;bottom: 0;}
.m_menuLogo .closeMenu:after {content: '';width: 30px;position: absolute;top: 0;left: 0;right: 0;height: 2px;background: #fff;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);margin: auto;bottom: 0;}
.bodyFixed .sidebar-overlay {opacity: .7;visibility: visible;left: 0;transition: all 0.6s ease-in-out;}
.bodyFixed {overflow: hidden;}
.banner-con .sec-head {max-width: 63%;}
.banner-inner-img {top: 10px;right: -20px;width: 420px;height: 420px;}
.header-main {padding: 20px 15px;}
.header-btn{display: none;}
.exchange-sec {padding: 50px 0;}
.exchange-con-title {font-size: 24px;padding-bottom: 25px;}
.sec-title {font-size: 26px;}
.why-choose-item-img {width: 60px;height: 60px;}
.why-choose-item-box {min-height: 160px;padding-top: 30px;padding-left: 10px;padding-right: 10px;padding-bottom: 30px;}
.why-choose-item {padding: 0 8px;}
.why-choose-sec {padding: 50px 0}
.why-choose-con{margin-top: 15px}
.how-to-play-sec {padding: 50px 0;}
.sec-title-lg {font-size: 28px;}
.how-to-play-sec .sec-head {margin-bottom: 20px;}
.foot-box .whatapp-btn{font-size: 14px; padding: 11px 25px !important;}
.how-to-play-sec .how-to-play-box span {font-size: 16px;padding-top: 15px;}
.foot-title {padding-bottom: 20px;font-size: 16px;}
.foot-contact {margin-top: 20px;}
.footer-main {padding: 50px 0 30px;}
.operate-age-img {width: 80px;height: 80px;margin-top: 30px;}
.footer-disclaimer p {max-width: 100%;}
.footer-disclaimer {padding: 20px;margin-top: 40px;}
.m-header-btn{display: inline-block;}
.whatapp-btn {margin-top: 20px;}
.banner-sec {height: 450px;background-size: 110%;}
.exchange-desc {max-width: 100%;margin: 25px auto 0;}
.banner-con .sec-head span {font-size: 16px;}
.btn {font-size: 16px;}
.footer-disclaimer-title {padding-bottom: 15px;}
.why-choose-item-box span {
    font-size: 14px;
}
.why-choose-item-box span {
    padding-top: 15px;
}
.banner-wrap {
    padding-top: 130px;
    padding-left: 25px;
}
.not-found-sec .cms p {
    max-width: 70%;
}
.commonboxcon img{height: 190px;}
	.exchange-con{margin-bottom:30px;}
}

@media only screen and (max-width: 767px) {
    .sec-title {font-size: 22px;}
    .sec-title-lg {font-size: 24px;}
    .exchange-con-title {font-size: 22px;padding-bottom: 20px;}
    .btn {min-width: 150px;padding: 8px 30px;font-size:14px;}
    .exchange-sec {padding: 40px 0;}
    .why-choose-item {width: 50%;margin-bottom: 20px;}
    .why-choose-sec {padding: 40px 0;}
    .why-choose-item-box {min-height: 160px;padding-top: 20px;padding-left: 10px;padding-right: 10px;padding-bottom: 20px;}
    .how-to-play-box {margin-bottom: 30px;}
    .whatapp-btn img {width: 28px;height: 28px;}
    .operate-age-img {width: 70px;height: 70px;margin-top: 20px;}
    .footer-top {padding: 10px 25px;}
    .foot-con ul li {margin-bottom: 10px;}
    .foot-contact a {font-size: 13px;}
    .how-to-play-sec {padding: 40px 0 30px;}
    .banner-inner-img {top: 20px;right: -20px;width: 400px;height: 400px;}
    .banner-con .sec-head span {font-size: 14px;}
    .whatapp-btn {padding: 8px 20px;font-size: 14px;}
    .banner-desc p {font-size: 14px;}
    .banner-con {top: 50%;transform: translateY(-40%);}
    .banner-con .sec-head {max-width: 60%;}
    .banner-sec {height: 400px;background-size: 110%;}
    .banner-wrap {
        padding-top: 190px;
        padding-left: 15px;
    }
    .contactform{
        padding: 32px;
    }
    .contactform .sec-head .sec-title{font-size: 24px;}
    .not-found-sec .commonboxcon .commontitle{font-size: 50px;}
    .commonboxcon img{height: 170px;}
    .not-found-sec{padding: 60px 0;}
    .foot-box .whatapp-btn{padding: 11px 15px !important;}

}

@media only screen and (max-width: 670px) {
.banner-inner-img {width: 370px;height: 370px;}
.banner-sec {height: 370px;}
.foot-box .whatapp-btn{font-size: 12px;}
.whatapp-btn img{width: 22px; height: 22px; margin-right: 5px;}
}

@media only screen and (max-width: 568px) {
    .site-logo {max-width: 150px;}
    .header-main {padding: 15px;}
    .banner-sec {height: 370px;background-size: 170%;}
    .banner-con .sec-head,.banner-desc {max-width: 100%;}
    .banner-con {top: 46%;}
    .payment-cards,.quick-links{margin-top: 30px;}
    .banner-inner-img {width: 340px;height: 340px;top: 110px;}
    .footer-top {padding: 10px 18px;}
    .foot-contact{margin-top: 20px;}
    .foot-contact a {font-size: 15px;}
    .operate-age-img {width: 80px;height: 80px;margin-top: 50px;}
    .operate-age{justify-content: center;}
    .exchange-desc p {font-size: 15px;}
    .navigationBar{width: 85%;left: -85%;}
    .contactform{margin-top: 40px;}
    .terms-conditions-sec, .privacy-policy-sec, .responsible-gaming-sec{padding: 40px 0;}
    .not-found-sec .cms p { max-width: 100%;}
    .not-found-sec .commonboxcon .commontitle {
        font-size: 35px;
        margin-bottom: 15px;
    }
    .not-found-sec .commonboxcon .sub-title{font-size: 35px; margin-bottom: 15px;}
    .commonboxcon img{
        height: 150px;
    }
    .not-found-sec .cms-con p{margin-bottom: 15px; font-size: 16px;}
	.exchange-con{margin-bottom:0;}
}

@media only screen and (max-width: 479px) {
    .sec-title {font-size: 20px;}
    .m-header-btn{display: none;}
    .banner-inner-img{display: none;}
    .banner-sec { height: 350px;background-size: 170%;}
    .why-choose-item{margin-bottom: 15px;}
    .why-choose-item-box span {font-size: 14px;}
    .footer-disclaimer {padding: 15px;margin-top: 30px;}
    .mobile-banner-sec{display: block;width: 430px;height: 370px;}
    .mobile-banner-sec img{width: 100%;height: 100%;object-fit: contain;}
    .footer-btn {position: fixed;left: 0;right: 0;bottom: 0;width: 100%;display: flex;justify-content: center;margin: 0;z-index: 9;}
    .footer-btn .btn{min-width: 100%;border-radius: 0;box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;}
    .footer-main {padding: 30px 0 50px;}
    .header-main.has_sticky {padding: 15px;}
    .foot-con ul li{width: 50%;display: inline-block;}
    .banner-wrap {
        padding-top: 170px;
        padding-left: 15px;
    }
}

@media only screen and (max-width: 390px) {
    .banner-sec {height: 370px;background-size: 190%;}
    .mobile-banner-sec {width: 420px;height: 330px;}
    .why-choose-item-box{
        width: 85%;
        margin: auto;
    }
}
@media only screen and (max-width: 380px) {
    .banner-sec {height: 380px;background-size: 200%}
    .mobile-banner-sec {width: 400px;
        height: 350px;
        margin-top: -50px;
    }
    .why-choose-item{width: 100%;}
    .why-choose-item-box{height: auto}
}
@media only screen and (max-width: 350px) {
    .banner-sec {height: 380px;background-size: 240%;}
    .banner-con .sec-head span {font-size: 11px;}
    .mobile-banner-sec {width: 340px;height: 300px;}
}