@media(min-width:1400px) and (max-width:1920px) {}





@media(max-width:1440px) {

  .stocket_header nav .navbar-nav {

    margin-left: 0px;

  }



  /* After Harsh */

  h1 {

    font-size: 52px;

  }



  /* .banner-sec {

    padding: 80px 0;

  } */

  .banner_btn .btn {

    font-size: 16px !important;

  }



  .screenshot-sec {

    background-position: bottom right -70% !important;

    background-size: 82% !important;

  }



  .cms-sec {

    padding: 20px 0;

  }



}





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



@media(max-width:1199px) {

  .how-its-work {

    padding: 45px 15px 90px;

  }



  .news-letter-sec {

    padding-top: 45px !important;

  }



  .footer_section {

    padding: 40px 0;

  }



  .download-sec .img-box img {

    right: 0;

  }



  .download-sec .img-box::before {

    right: 0;

  }



  .download-sec .img-box::after {

    right: 55px;

  }



  .screenshot-sec .img-box {

    padding: 0;

  }



  .banner {

    min-height: auto;

  }



  .navbar-nav.m-auto {

    display: none;

  }



  .navbar-expand-lg .navbar-collapse {

    justify-content: end;

  }



  .banner_btn .btn-tel img {

    max-width: 30px;

  }

}



@media(max-width:992px) {



  /* After Harsh */

  .navbar-toggler i {

    color: #fff;

  }



  .navbar-toggler:focus {

    box-shadow: none;

  }



  .navbar-toggler {

    background: #00ADEC;

    padding: 9px;

    width: 40px;

    font-size: 19px;

  }



  .navbar-collapse {

    backdrop-filter: blur(10px);

    background-color: rgb(0 0 0 / 10%);

    margin-top: 10px;

    padding: 20px;

  }



  .navbar-collapse {

    padding: 10px;

  }



  .mobile_view {

    justify-content: start;

  }



  .banner_content ul {

    padding-left: 20px;

  }



  .how-work-card.aos-init.aos-animate {

    height: unset;

    margin-bottom: 20px;

  }



  .hero-desc {

    margin: 15px 0;

  }



  .banner {

    padding-top: 200px;

    padding-bottom: 80px;

  }



  .banner_content h1 {

    text-align: center;

  }



  .sticky-whatsapp-icon.header-btn.one .whatsapp-img {

    display: block;

  }



  .hero-qr.aos-init img {

    margin: 0 auto;

  }



  .qr-details {

    justify-content: center;

  }



  .download-sec .img-box {

    display: none;

  }



  .banner_btn {

    justify-content: center;

  }



  .banner_btn .btn-tel {

    margin-top: 0;

    padding: 10px 12px !important;

  }



  .banner_btn .btn-tel img {

    max-width: 28px;

  }



  .banner .btn.n-btn img {

    width: 30px;

    height: 30px;

  }



}











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

  .display_sm {

    display: block;

  }



  .btn1,

  .btn {

    font-size: 12px;

    padding: 10px

  }



  .stocket_header nav .navbar-nav .nav-link {

    padding-right: 8px;

    font-size: 14px;

  }



  h1 {

    font-size: 45px;

  }



  h2 {

    font-size: 30px;

  }



  h3 {

    font-size: 28px;

  }



  .about_desc li {

    padding: 22px 28px;

  }



  .about_desc li p {

    font-size: 16px;

  }



  .stocket_header nav .navbar-nav {

    margin-left: 0px;

  }



  .eye_section .eye_box {

    padding: 16px;

  }



  .newsletter {

    padding: 88px 20px;

  }



  .quick li {

    padding: 0px 15px;

  }



  .download_section h4 {

    font-size: 20px;

  }



  .download_section p {

    font-size: 14px;

  }



  .download_section {

    padding: 13px;

  }



  .how_to_section .banner_img:after {

    display: none;

  }



  .trade_list li {

    padding: 10px 15px;

    margin-right: 10px;

  }



  .btn_white {

    font-size: 12px;

  }



}



@media screen and (max-device-width: 640px) and (orientation: landscape) {}



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

  .download-sec {

    padding: 60px 0;

  }





  .how-its-work {

    padding: 25px 15px 50px;

  }



  .download-inner-sec {

    padding: 20px;

  }



  h1,

  h2,

  h3,

  h4,

  h5,

  h6 {

    font-family: 'Metropolis';

  }



  h1 {

    font-size: 40px;

  }



  h2 {

    font-size: 36px;

  }



  h3 {

    font-size: 30px;

  }



  h4 {

    font-size: 20px;

  }



  h5 {

    font-size: 18px;

  }



  h6 {

    font-size: 15px;

  }



  .p_100 {

    padding: 70px 0;

  }



  .banner_content {

    text-align: center;

  }



  .stocket_header {

    margin-top: 00px;

  }



  .btn_white {

    font-weight: 500;

    font-size: 14px;

  }



  .banner {

    text-align: left;

  }



  .banner .banner_img {

    margin-top: 50px

  }



  .trade_list {

    flex-direction: row;

    flex-wrap: wrap;

  }



  .trade_list li {

    margin-right: 0px;

    margin-bottom: 10px;

    flex: 0 0 45%;

    font-size: 11px;

    justify-content: center;

    margin-left: 10px;

    padding: 10px

  }



  .mobile_view {

    justify-content: start;

  }



  .sticky-whatsapp-icon.header-btn-two .whatsapp-img {

    padding: 10px;

  }



  .stocket_header nav .navbar-nav {

    margin-left: 0px;

    text-align: center;

    margin-bottom: 40px;

    margin-top: 40px;

  }



  .step {

    margin-left: 0;

  }



  .how_to_section,

  .contest_section,

  .eye_section,

  .friend_section {

    text-align: center;

  }



  .eye_section .eye_box {

    margin-bottom: 15px

  }



  .friend_section .banner_img {

    margin-bottom: 50px

  }



  .about_desc {

    margin-top: 50px;

  }



  .newsletter {

    background: #7A7DF3;



    padding: 15px 15px;

    margin-bottom: 20px;

  }



  .newsletter h3 {

    margin-bottom: 50px;

  }



  .newsletter .btn_white {

    margin-left: 0px !important;

    padding: 15px 30px;

    width: 100%;

    margin-top: 15px;

  }



  .social li {

    padding: 0px 20px;

  }



  .quick {

    display: block;

  }



  .quick li {

    margin-bottom: 0px

  }



  .footer_section {

    padding: 30px 0 30px 0;

  }



  .title_heading {

    font-weight: 700;

    text-align: center;

  }



  .how_to_section .banner_img:after {

    display: none;

  }







  .mobile_view .btn {

    margin-top: 10px;

  }



  /* .banner-sec {

      padding: 150px 0 30px 0;

    } */



  .banner .banner_img {

    margin-top: 0;

  }



  .hide_sm {

    max-width: 160px;

  }



  .btn1 {

    font-size: 16px;

  }



  .banner_content form {

    margin-top: 20px;

  }



  .quick {

    display: flex;

  }



  .quick li {

    padding: 0px 10px;

  }



  .newsletter {

    background: transparent;

  }



  .news-letter-sec {

    padding-top: 30px !important;

  }



  .mobile_view {

    margin-right: 0px;

  }



  .mobile_view .btn~.btn {

    margin-left: 5px;

  }



  .hero-qr img {

    display: block;

    margin: 0 auto;

  }



  .hero-qr.aos-init img {

    height: 200px;

  }



  .qr-details {

    justify-content: center;

  }

}



@media(max-width:767px) {





  .mobile_view .btn {

    margin-top: 0px;

  }



  /* .screenshot-sec:after {

    height: 53% !important;

    width: 100% !important;

  }

  .screenshot-sec .content-box{

    margin-top: 50px !important;

  } */

}



@media(max-width:568px) {

  .screenshot-sec .img-box {

    margin: auto;

  }



  .footer_section {

    padding: 25px 0 15px;

  }



  .quick li {

    padding: 0 18px;

  }



  ul.list-unstyled.quick {

    flex-wrap: wrap;

  }



  .quick li {

    margin-bottom: 10px;

  }



  .quick li:last-child {

    margin-bottom: 0;

  }



  .footer_bottom p {

    font-size: 12px;

  }



  .sticky-whatsapp-icon .whatsapp-img {

    padding: 9px !important;

  }



  .how-process-sec::before {

    background-position: center !important;

  }



  .hero-qr.aos-init img {

    height: 150px;

  }



  .pay-now-popup .modal-body {

    padding: 20px;

  }



  .navbar .btn {

    font-size: 14px;

    padding: 10px 14px;

  }



  .banner_btn {

    flex-wrap: wrap;

  }



  .banner_btn .btn {

    margin-bottom: 15px;

  }



  /* .screenshot-sec:after{

    height: 48% !important;

  } */

  .screenshot-sec .content-box {

    margin-top: 10px !important;

  }



  /*---cmsCon---*/

  .cms-com.con p {

    font-size: 14px;

    margin-bottom: 15px;

  }



  .cms-com.con p b {

    font-size: 14px;

  }



  .cms-com.con ul li {

    font-size: 14px;

    padding-left: 18px;

  }



  .cms-com.con ol li {

    font-size: 14px;

  }



  .cms-com.con ul li:before {

    width: 8px;

    height: 8px;

    top: 5px;

  }



  .cms-com.con ul li ul li {

    padding-left: 14px;

  }



  .cms-com.con ul li ul li:before {

    width: 6px;

    height: 2px;

    top: 8px;

  }



  .cms-com.con h1 {

    font-size: 34px;

    margin-bottom: 20px;

  }



  .cms-com.con h2 {

    font-size: 30px;

    margin-bottom: 20px;

  }



  .cms-com.con h3 {

    font-size: 26px;

    margin-bottom: 20px;

  }



  .cms-com.con h4 {

    font-size: 24px;

    margin-bottom: 20px;

  }



  .cms-com.con h5 {

    font-size: 20px;

    margin-bottom: 20px;

  }



  .cms-com.con h6 {

    font-size: 16px;

    margin-bottom: 20px;

  }



  .cms-com.con .aligncenter {

    margin: 25px auto 25px auto;

  }



  .cms-com.con .mb-70 {

    margin-bottom: 30px;

  }



  .cms-com.con hr {

    height: 6px;

    margin: 25px 0;

  }



  .cms-com.con .aligncenter.mb-100 {

    margin-bottom: 30px;

  }



  .cms-sec {

    padding-top: 0;

  }



  /*---cmsCon---*/



  .banner_btn .btn-tel {

    margin-top: 0 !important;

  }



  .navbar-brand {

    margin-right: 0;

  }



  .navbar .btn.n-btn img {

    width: 20px;

    height: 20px;

    margin-right: 5px;

  }



  .navbar .btn.n-btn {

    margin-top: 0;

    padding: 10px;

  }



  .banner .btn.n-btn {

    padding: 10px;

    font-size: 14px !important;

  }



  .banner .btn.n-btn img {

    width: 25px;

    height: 25px;

  }

  .footer_section .img-box img{
    margin: 0 auto;
    padding-bottom: 25px;
  }

  .footer_section ul li a{
    font-size: 14px;
  }

}



@media(max-width:360px) {

  .navbar .btn.n-btn img {

    display: none;

  }



  .banner .btn.n-btn img {

    display: none;

  }

}