:root{
    --primaryColor: #f8dc52;
    --secondaryColor: #1D1D1B;
    --blueColor: #004BB6;
    --whiteColor: #ffffff;
    --blackColor: #000000;
    --borderColor: #D4D4D4;
    --lightBg: #fbfbfb;
    --footerColor: #152C1A;
    --footerText: #bfbfbf;
    --bodyColor: #1d3924;
}

@media (max-width: 1700px){
    html{font-size: 58%;}
}

@media (max-width: 1600px){

}

@media (max-width: 1600px) and (min-width: 1499px){
}

@media (max-width: 1500px){
}

@media (max-width: 1440px){

}

@media (max-width: 1366px){
	
}

@media (max-width: 1199px){
	.col-md-6.feature-col { display: flex; }
}

@media (max-width: 991px){
    html{font-size: 50%;}
    .site-header{margin-bottom: 5rem;padding: .5rem 0;}
    .site-header .btn{font-size: 16px;}
    .navbar{position: static;}
	.vijayi-taglink-block{position: absolute;left: 0;top: 100%;width: 100%;background: rgb(25 122 205);text-align: center;padding: .5rem 15px;}
    .vijayi-taglink-block p{font-size: 16px!important;}
    .navbar-brand img { width: 6rem;}

    .sticky .navbar-brand img { width: 5rem; }

    .banner-caption{text-align: center;}
    .banner-caption .h1{font-size: 5.5rem;}
    .banner-img{text-align: center;margin-top: 3rem;}


    .features-item{display: block;text-align: center;}
    .feature-col:nth-child(odd) .feature-content p{margin: 0;}

    .homeBanner-sec{padding-top: 20rem;}

    .features-sec {padding-bottom: 0!important;}
    .homeAbout-section{padding-top: 0!important;}

    .homeAbout-content{text-align: center;}
    .homeAbout-img{margin-top: 5rem;}
    .homeAbout-img img{max-height: 63.1rem;}
    .referEarn-content{padding-left: 0;text-align: center;margin-top: 4rem;}
    .checkPoint-block{text-align: left;}
    .footer-links { margin-bottom: 4rem; }
    .copyright-block{margin-top: 0;}

    .refer-friend-section .section-title{margin-bottom: 2rem;}

    .BenefitsBx{margin-bottom: 3rem;}
    .repeat-section {padding: 5rem 0;}
    .join-now-section .container{display: block;text-align: center;}
    .join-now-section h2{margin-bottom: 2rem;}
    .join-now-section h2 br{display: none;}

    .banner-caption p br{display: none;}

    .how-it-works-row { margin-bottom: 5rem; }
    .how-it-works-row .order-last,
    .what-do-section .order-last{order: 0!important;}
    .how-it-works-txt{margin-top: 3rem;}

    .refer-friend-section{text-align: center;}
    .refer-friend-text{text-align: center;margin-top: 3rem;}
    .refer-friend-text p{margin-bottom: 2rem;}

    .what-do-section{text-align: center;}
    .What-do-txt{margin-top: 3rem;}
    .What-do-img img{margin: 0 auto!important;}

    .contact-details{margin-bottom: 3rem;}
}

@media (max-width: 767px){
	.footer-links .quickLinks{column-count: 1;}
    .nav-tabs{padding: 0;background: transparent;    padding-bottom: 2rem; margin-bottom: 2rem; border-bottom: 1px solid #ddd; border-radius: 0;}
    .nav-tabs .nav-item{min-width: auto;}
    .nav-tabs .nav-link{color: #d8d8d8;}
    .nav-tabs .nav-link.active{color: var(--whiteColor);}
    .leaderboard-tab{padding: 0!important;background: transparent;}
    .how-to-play-header h2{color: var(--whiteColor);}
    .how-to-play-main h3{color: var(--whiteColor);font-size: 20px;}
    .how-to-play-main p,
    .how-to-play-main p strong{color: var(--whiteColor);}

    
    .banner-images { margin-bottom: 3rem; }
    .banner-images + .section-title .h2{font-size: 4rem;}

    .htp-content p{font-size: 14px;}

    .contact-form .btn{width: 100%;}
}