@media (max-width:1460px) {

}

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

  .cursor{display: none}
  .o-scroll{overflow: scroll;}

  .header-main .rightside{right: -500px; transition:all .5s ease; position: fixed; top: 70px; }
  .header-main .logo {width: 120px;}
  .header-main .btn-menu{display: block;}
  .rightside.active {display: block; position: fixed; top: 70px; background: #070068; right: 20px; padding: 30px; border-radius: 30px; transition:all .5s ease;}
  .header-main .rightside ul.menu-list{display: block;}
  .header-main .rightside ul.menu-list li{margin: 0px}
  .header-main .rightside ul.menu-list li a{color: #fff}
  .header-main .rightside ul.social{margin: 20px 0 0 0}
  .home-section{padding-top: 100px; overflow: hidden; background-size: contain; padding-bottom: 60px;}
  .home-section::before {height: 580px; border-radius: 0 0 300px 0}
  .home-section h1{font-size: 50px; line-height: 60px}
  .home-section .btn-center{margin: 20px 0 40px 0}
  .car-movement > .car{width: 200px}
  .home-section .btn-center .apple-store,
  .home-section .btn-center .google-play{font-size: 15px; height: 40px}
  .home-section .line-animation{height: 580px; border-radius: 0 0 300px 0}

  .three-box-section{padding: 50px 0 80px 0; overflow: hidden;}
  .three-box-section::before {content: none}
  .three-box-section .content-block .number{width: 80px; height: 80px; font-size: 60px; line-height: 80px;}
  .three-box-section h2{font-size:34px; line-height: 34px; margin: 16px 0}
  .three-box-section .content-block{margin: 0 0 30px 0}
  .three-box-section .icon3,
  .three-box-section .icon4{display: none}
  .three-box-section .icon5{width: 100px}
  .three-box-section .icon{width: 120px}
  .three-box-section p {font-size: 16px; line-height: 24px;}
  .three-box-section .icon1{bottom: -4px; left: 10%; width: 80px;}
  .three-box-section .icon2{bottom: -4px; right: 10%; width: 80px;}

  .app-mockup-full{padding: 0}
  .app-mockup-full .main-content-block{border-radius: 0px; padding: 50px 0; overflow: hidden;}
  .app-mockup-full .container{display: block; }
  .app-mockup-full .leftside{width: 100%}
  .app-mockup-full .rightside{width: 100%; }
  .app-mockup-full .centerphone{width: 220px; right: 50%; margin-right: -110px; position: relative; top: 0; margin-top: 30px;}
  .app-mockup-full .centerphone::before{width: 280px; height: 280px; margin-top: -140px; margin-left: -140px}
  .app-mockup-full h2{font-size: 30px; line-height: 30px; text-align: center;}
  .app-mockup-full .btn-center .apple-store,
  .app-mockup-full .btn-center .google-play{font-size: 15px; height: 40px}

  .assistant-section{padding: 50px 0; overflow: hidden;}
  .assistant-section .circle-animation{display: none}
  .assistant-section h2{font-size: 36px; line-height: 36px}
  .assistant-section ul.list li{width: 100%}
  .assistant-section ul.list li .content-block{display: block; text-align: center;}
  .assistant-section ul.list li .content-block .icon{margin: 0 auto 10px auto}

  .video-section{padding: 50px 0 20px 0px; overflow: hidden;}
  .video-section .circle-animation{display: none}
  .video-section h2{font-size: 30px; line-height: 30px}
  .video-section p{width: 100%; font-size: 16px; line-height: 24px; font-weight: 300; margin: 0 0 20px 0}
  .video-section .video-block{width: 100%; height: 200px;}
  .video-section .video-block iframe{width: 100%; height: 100%; position: relative; left: 0px; top: 0px}
  .video-section .video-block img{display: none}
  .video-section .btn-center .google-play,
  .video-section .btn-center .apple-store{font-size: 15px; height: 40px}

  .review-slider-section{padding: 0px; overflow: hidden;}
  .review-slider-section .content-main-area{display: block; border-radius: 0px; padding: 50px 15px}
  .review-slider-section .content-main-area .rightside{width: 100%}
  .review-slider-section .content-main-area .leftside{width: 100%; padding: 0px}
  .review-slider-section h2{font-size: 30px; line-height: 30px}
  .review-slider-section p{font-size: 16px; line-height: 24px; font-weight: 300; margin: 0 0 20px 0}

  .faq-section{padding: 50px 0; overflow: hidden;}
  .faq-section .circle-animation{display: none}
  .faq-section h2{font-size: 36px; line-height: 36px}
  .faq-section .card .card-header .btn-link{padding: 16px 40px 16px 20px}
  .faq-section .card .card-header .btn-link::after {right: 15px}
  .faq-section .card .card-header .btn-link.collapsed::before {right: 20px}

  .app-download{padding: 0px; overflow: hidden;}
  .app-download .main-content-block{padding: 50px 0; border-radius: 0px}
  .app-download .container{display: block;}
  .app-download .leftside{width: 100%}
  .app-download .rightside{width: 290px; margin: 0 auto;}
  .app-download h2{font-size: 30px; line-height: 30px; text-align: center;}
  .app-download p{font-size: 16px; line-height: 24px; text-align: center; font-weight: 300}
  .app-download .upphone{width: 200px; margin-top: -211px; left: 0px; right: auto;}
  .app-download .downphone{width: 180px; margin-top: -190px}
  .app-download .btn-center .google-play,
  .app-download .btn-center .apple-store{font-size: 15px; height: 40px}
  .app-download .btn-center{justify-content: center;}

  .blog-slider-section{padding: 40px 15px}
  .blog-slider-section h2{font-size: 30px; line-height: 30px; }
  .blog-slider-section p{font-size: 16px; line-height: 24px; text-align: center; font-weight: 300; margin: 0 0 20px 0}
  .blog-slider-section .content-main-area .blog-box h3{font-size: 20px; margin: 15px 0 0 0}
  .blog-slider-section .content-main-area .blog-box p{font-size: 16px; line-height: 24px; font-weight: 300}

  .gameui-section{padding: 40px 0}
  .gameui-section h2{font-size: 30px; line-height: 30px; }
  .gameui-section p{font-size: 16px; line-height: 24px; text-align: center; width: 100%; font-weight: 300; margin: 0 0 20px 0}
  .gameui-section .owl-nav .owl-next{right: 10px}
  .gameui-section .owl-nav .owl-prev{left: 10px}

  .footer-main{border-radius: 0px; padding: 30px 0}
  .footer-main .logo {width: 180px; margin: 0 auto;}
  .footer-main .btn-center .apple-store,
  .footer-main .btn-center .google-play{font-size: 15px; height: 40px}

}

@media (max-width: 767px) {
  .cursor{display: none}
  .o-scroll{overflow: scroll;}

  .header-main .rightside{right: -500px; transition:all .5s ease; position: fixed; top: 70px; }
  .header-main .logo {width: 120px;}
  .header-main .btn-menu{display: block;}
  .rightside.active {display: block; position: fixed; top: 70px; background: #070068; right: 20px; padding: 30px; border-radius: 30px; transition:all .5s ease;}
  .header-main .rightside ul.menu-list{display: block;}
  .header-main .rightside ul.menu-list li{margin: 0px}
  .header-main .rightside ul.menu-list li a{color: #fff}
  .header-main .rightside ul.social{margin: 20px 0 0 0}
  .home-section{padding-top: 100px; overflow: hidden; background-size: contain; padding-bottom: 60px;}
  .home-section::before {height: 580px; border-radius: 0 0 300px 0}
  .home-section h1{font-size: 30px; line-height: 36px}
  .home-section .btn-center{margin: 20px 0 40px 0}
  .car-movement > .car{width: 200px}
  .home-section .btn-center .apple-store,
  .home-section .btn-center .google-play{font-size: 15px; height: 40px}
  .home-section .line-animation{height: 580px; border-radius: 0 0 300px 0}

  .three-box-section{padding: 50px 0 80px 0; overflow: hidden;}
  .three-box-section::before {content: none}
  .three-box-section .content-block .number{width: 80px; height: 80px; font-size: 60px; line-height: 80px;}
  .three-box-section h2{font-size:34px; line-height: 34px; margin: 16px 0}
  .three-box-section .content-block{margin: 0 0 30px 0}
  .three-box-section .icon3,
  .three-box-section .icon4{display: none}
  .three-box-section .icon5{width: 100px}
  .three-box-section .icon{width: 120px}
  .three-box-section p {font-size: 16px; line-height: 24px;}
  .three-box-section .icon1{bottom: -4px; left: 10%; width: 80px;}
  .three-box-section .icon2{bottom: -4px; right: 10%; width: 80px;}

  .app-mockup-full{padding: 0}
  .app-mockup-full .main-content-block{border-radius: 0px; padding: 50px 0; overflow: hidden;}
  .app-mockup-full .container{display: block; }
  .app-mockup-full .leftside{width: 100%}
  .app-mockup-full .rightside{width: 100%; }
  .app-mockup-full .centerphone{width: 220px; right: 50%; margin-right: -110px; position: relative; top: 0; margin-top: 30px;}
  .app-mockup-full .centerphone::before{width: 280px; height: 280px; margin-top: -140px; margin-left: -140px}
  .app-mockup-full h2{font-size: 30px; line-height: 30px; text-align: center;}
  .app-mockup-full .btn-center .apple-store,
  .app-mockup-full .btn-center .google-play{font-size: 15px; height: 40px}

  .assistant-section{padding: 50px 0; overflow: hidden;}
  .assistant-section .circle-animation{display: none}
  .assistant-section h2{font-size: 36px; line-height: 36px}
  .assistant-section ul.list li{width: 100%}
  .assistant-section ul.list li .content-block{display: block; text-align: center;}
  .assistant-section ul.list li .content-block .icon{margin: 0 auto 10px auto}

  .video-section{padding: 50px 0 20px 0px; overflow: hidden;}
  .video-section .circle-animation{display: none}
  .video-section h2{font-size: 30px; line-height: 30px}
  .video-section p{width: 100%; font-size: 16px; line-height: 24px; font-weight: 300; margin: 0 0 20px 0}
  .video-section .video-block{width: 100%; height: 200px;}
  .video-section .video-block iframe{width: 100%; height: 100%; position: relative; left: 0px; top: 0px}
  .video-section .video-block img{display: none}
  .video-section .btn-center .google-play,
  .video-section .btn-center .apple-store{font-size: 15px; height: 40px}

  .review-slider-section{padding: 0px; overflow: hidden;}
  .review-slider-section .content-main-area{display: block; border-radius: 0px; padding: 50px 15px}
  .review-slider-section .content-main-area .rightside{width: 100%}
  .review-slider-section .content-main-area .leftside{width: 100%; padding: 0px}
  .review-slider-section h2{font-size: 30px; line-height: 30px}
  .review-slider-section p{font-size: 16px; line-height: 24px; font-weight: 300; margin: 0 0 20px 0}

  .faq-section{padding: 50px 0; overflow: hidden;}
  .faq-section .circle-animation{display: none}
  .faq-section h2{font-size: 36px; line-height: 36px}
  .faq-section .card .card-header .btn-link{padding: 16px 40px 16px 20px}
  .faq-section .card .card-header .btn-link::after {right: 15px}
  .faq-section .card .card-header .btn-link.collapsed::before {right: 20px}

  .app-download{padding: 0px; overflow: hidden;}
  .app-download .main-content-block{padding: 50px 0; border-radius: 0px}
  .app-download .container{display: block;}
  .app-download .leftside{width: 100%}
  .app-download .rightside{width: 290px}
  .app-download h2{font-size: 30px; line-height: 30px; text-align: center;}
  .app-download p{font-size: 16px; line-height: 24px; text-align: center; font-weight: 300}
  .app-download .upphone{width: 200px; margin-top: -211px; left: 0px; right: auto;}
  .app-download .downphone{width: 180px; margin-top: -190px}
  .app-download .btn-center .google-play,
  .app-download .btn-center .apple-store{font-size: 15px; height: 40px}
  .app-download .btn-center{display: block;}
  .app-download .btn-center a{margin: 5px 0 0 0}

  .blog-slider-section{padding: 40px 15px}
  .blog-slider-section h2{font-size: 30px; line-height: 30px; }
  .blog-slider-section p{font-size: 16px; line-height: 24px; text-align: center; font-weight: 300; margin: 0 0 20px 0}
  .blog-slider-section .content-main-area .blog-box h3{font-size: 20px; margin: 15px 0 0 0}
  .blog-slider-section .content-main-area .blog-box p{font-size: 16px; line-height: 24px; font-weight: 300}

  .gameui-section{padding: 40px 0}
  .gameui-section h2{font-size: 30px; line-height: 30px; }
  .gameui-section p{font-size: 16px; line-height: 24px; text-align: center; width: 100%; font-weight: 300; margin: 0 0 20px 0}
  .gameui-section .owl-nav .owl-next{right: 10px}
  .gameui-section .owl-nav .owl-prev{left: 10px}

  .footer-main{border-radius: 0px; padding: 30px 0}
  .footer-main .logo {width: 180px; margin: 0 auto;}
  .footer-main .btn-center{display: block;}
  .footer-main .btn-center a{margin: 5px 0 0 0}
  .footer-main .btn-center .apple-store,
  .footer-main .btn-center .google-play{font-size: 15px; height: 40px}
}