/*--------------------------------------------------------------
15. Media queries
--------------------------------------------------------------*/

@media (max-width: 1470px) {

}


@media (max-width: 1400px) {
.hero-sec {
    padding-top: 125px;
}
.hero-title{
    font-size: 85px;
}
.hero-content{
    margin-bottom: 100px;
}
.marquee__content li {
    font-size: 24px;
}
.marquee-sec {
    padding: 20px 0 10px;
    margin-top: -63px;
}
.header {
    padding: 20px 0px;
}
.navbar {
    padding: 20px 25px;
}
.btn-theme {
    gap: 25px;
    padding: 14px 32px;
}
.header .btn-theme{
    padding: 12px 32px;
}
.join-race-sec .hero-content{
    margin-bottom: 90px;
}
.join-race-sec {
    padding-top: 150px;
}
.title{
    font-size: 75px;
}
.review-box{
    padding: 60px 50px;
}
/*.ready-minutes-sec{
    padding: 25px;
}*/
.rm-sec .title{
    font-size: 80px;
}
.step-sec{
    gap: 100px;
}
.step-content-sec{
    gap: 80px;
}
.sa-02 {
    right: -60px;
    bottom: 245px;
}
.sa-01 {
    right: -75px;
}
.rm-sec{
    padding: 111px 0px;
}
}


@media (max-width: 1350px){

}


@media (max-width: 1200px) {
.header {
    padding: 15px 0px;
}
.navbar {
    padding: 15px 20px;
}
.btn-theme {
    gap: 20px;
    padding: 12px 25px;
}
.header .btn-theme{
    padding: 10px 25px;
}
.btn-theme img{
    width: 15px;
}
.hero-title{
    font-size: 75px;
}
.marquee__content li {
    font-size: 20px;
}
.marquee-sec {
    padding: 16px 0 7px;
    margin-top: -63px;
}
.hero-content{
    margin-bottom: 90px;
}
.hero-sec{
    padding-top: 130px;
} 
.sec-pad{
	padding: 55px 0px;
}
.title{
    font-size: 60px;
}
.sub-title{
    font-size: 40px;
}
.review-text{
    font-size: 26px;
}
.footer{
    padding: 55px 0px 32px;
}
.join-race-sec .hero-content{
    margin-bottom: 60px;
}
.join-race-sec {
    padding-top: 100px;
}
#everything-you-need .owl-nav {
    bottom: -65px;
    right: calc(((100% - 875px) / 2) + .75rem);
}
.owl-nav button.owl-next, .owl-nav button.owl-prev {
    width: 75px;
    height: 40px;
}
.owl-nav button.owl-next img, .owl-nav button.owl-prev img{
    width: 15px;
}
#everything-you-need .owl-dots{
    bottom: -50px;
}
.black-bg {
    padding-bottom: 65px;
}
.title2{
    font-size: 55px;
}
.review-box{
    padding: 45px 36px;
}
/*.ready-minutes-sec{
    padding: 20px;
}*/
.rm-sec .title{
    font-size: 64px;
}
.step-sec{
    gap: 50px;
}
.step-content-sec{
    gap: 64px;
}    
.sa-02 {
    right: 21px;
    bottom: 210px;
    width: 170px;
}
.sa-01 {
    right: -50px;
    width: 170px;
}
.step-box .sub-title.st03::after {
    right: -30px;
}
.rm-sec{
    padding: 95px 0px;
}
}


@media (max-width: 992px){
.hero-content{
	margin-bottom: 35px;
}
.bg-br-box{
    padding: 35px 35px 0px;
}
.hero-sec {
    padding-top: 130px;
}
.join-race-sec .hero-content{
    margin-bottom: 50px;
}
.join-race-sec {
    padding-top: 80px;
}
#everything-you-need .owl-nav {
    bottom: -65px;
    right: auto;
    left: 0px;
}
#everything-you-need .owl-dots{
    bottom: -102px;
}
.black-bg {
    padding-bottom: 103px;
}
.review-left-sec{
    margin-bottom: 100px;
    height: auto;
}
.review-left-sec{
    padding-right: 24px;
}
.step-box .sub-title.st01::after {
    right: 70px;
}
.sa-01 {
    right: -40px;
    width: 150px;
    top: 190px;
}
.sa-02 {
    right: -65px;
    bottom: 230px;
}
.rms-frame-l, .rms-frame-r{
   z-index: 5;
}

}


@media (max-width: 768px) {
.header {
    padding: 8px 0px;
}
.navbar {
    padding: 12px;
}
.btn-theme {
    font-size: 14px;
    gap: 15px;
    padding: 10px 20px;
}
.header .btn-theme img{
    display: none;
}
.btn-theme img{
    width: 13px;
}
.header .btn-theme{
    padding: 8px 20px;
}
.navbar-nav{
    gap: 12px;
}
.logo{
	width: 72px;
}
.hero-title{
    font-size: 64px;
}
.hero-sec{
    padding-top: 96px;
}
.hero-text{
	max-width: 100%;
}
.sec-pad{
	padding: 48px 0px;
}
.join-race-sec {
    padding-top: 64px;
}
.title, 
.title2{
    font-size: 48px;
} 
.sub-title{
    font-size: 32px;
}
.review-text{
    font-size: 24px;
}
.mb-100{
    margin-bottom: 85px;
}
.footer{
    padding: 48px 0px 32px;
}
#everything-you-need .owl-nav {
    bottom: -54px;
}
.owl-nav button.owl-next, .owl-nav button.owl-prev {
    width: 60px;
    height: 30px;
}
.owl-nav button.owl-next img, .owl-nav button.owl-prev img{
    width: 11px;
}
#everything-you-need .owl-dots{
    bottom: -91px;
}
.black-bg {
    padding-bottom: 91px;
}
.review-box{
    padding: 32px 24px;
}
.review-object{
    display: none !important;
}
/*.ready-minutes-sec{
    padding: 16px 8px;
}*/
.rm-sec .title{
    font-size: 48px;
}
.rms-frame-m{
display: block;
position: absolute;
}
   
.rms-frame-t, .rms-frame-b{
 height: 25px;
}
.rms-frame{
display: none;
}
.step-content-sec{
    gap: 48px;
    max-width: 100%;
}
.step-sec .flex-1:last-child{
    display: none;
}
.step-box .sub-title.st01::after {
    right: -30px;
}
.sa-01, 
.sa-02{
    display: none;
}
.mobi-step-arrow01, 
.mobi-step-arrow02{
    display: block;
}
.rm-sec{
    padding: 80px 0px 50px;
}
}


@media (max-width: 576px) {
.btn-sec{
	flex-direction: column;
}
.btn-sec .btn-theme{
	width: 100%;
}
.container, 
.container1{
	padding-left: 24px;
	padding-right: 24px;
}
.f-app-store-sec{
	flex-wrap: wrap;
}
.header .container{
    padding-left: 8px;
    padding-right: 8px;
}
.owl-stage{
    padding-left: 10px !important;
}
#testimonial .owl-stage-outer{
    padding: 5px;
}
}


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