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



@media(max-width:1610px) {

  .banner-sec .banner_content{

    padding: 120px 0;

  }

  .What-our-customers-sec .bg-image img{

    opacity: 0.4;

  }

}







@media(max-width:1440px) {

  .stocket_header nav .navbar-nav {

    margin-left: 0px;

  }



  /* After Harsh */

  h1 {

    font-size: 52px;

  }



  .banner-sec .banner_content{

    padding: 80px 0;

  }



}





@media(max-width:1024px) {

  .screenshot-mobile-main{

    max-width: 280px;

  }

}



@media(max-width:1199px) {

  .navbar-brand img {

    max-width: 170px;

  }



  .how-its-work {

    padding: 45px 15px 90px;

  }



  .news-letter-sec {

    padding-top: 45px;

  }



  .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;

  }



  .cms-sec {

    padding: 20px 0 60px

  }

  .banner{

    background-size: 120%;

  }

  .how-its-work .how-work-card::after{

    width: 74%;

    right: -41%;

  }

  .screenshot-sec .sec-head .sec-title br{

   display: none;

  }

  .screenshot-mobile-main{

    max-width: 280px;

  }

   .banner-btn-g .btn-tel img{

    max-width: 30px;

  }

}







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

  .display_sm {

    display: block;

  }



  .hide_sm {

    display: none;

  }



  .btn1,

  .btn {

    font-size: 14px;

    padding: 15px;

  }



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

    padding-right: 10px;

    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-width:992px) {



.featured-card-left,.featured-card-right{

  display: flex;

  margin-bottom: 50px;

}

.features-icon+h6{

  flex: 0 0 140px;

  max-width: 140px;

}

.features-card{

  flex-wrap: nowrap;

}

.featured-card-left .features-card h6,.featured-card-right .features-card h6{

  padding: 0 ;

  text-align: left;

  padding-left: 15px;

}

.features-card {

  padding: 19px 15px;

}

.featured-card-left .features-card h6 br, .featured-card-right .features-card h6 br{

  display: none;

}

.f-card-box {

  padding: 0 10px;

}

.features-card{

  margin-bottom: 0;

  flex-direction: row !important;

}

#watch-video {

  margin-bottom: 50px;

}



.banner {

  background-size: inherit;

}

.swiper-slide{

  height: auto;

}

.screenshot-mobile-main{  

  max-width: 280px;

}

.review-col .review-item .cms-con {

  min-height: 145px;

}

.how-its-work .how-work-card{

   display: flex;

   margin-bottom: 40px;

   padding-left: 0;

   padding-right: 0;

}

.how-work-card .img-box{

  flex: 0 0 20%;

  max-width: 20%;

}

.how-work-card .img-box+.content-box{

  text-align: left;

}

.how-work-card .cms-con p{

  padding: 0;

}

.how-its-work .how-work-card::after {

  width: 2px;

  height: 90px;

  left: 6.5%;

  bottom: -40%;

  top: auto;

}

  .banner-btn-g .btn-tel img {

    max-width: 28px;

}



}



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

  .how-its-work .how-work-card::after{

    left: 7%;

  }



}





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

  .how-its-work .how-work-card::after{

    left: 8%;

  }



}



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

  .download-sec {

    padding: 60px 0;

  }



  .download-sec .img-box {

    display: none;

  }



  .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;

  }

 

  .btn-2{

    font-size: 16px;

    padding: 16px 18px;

  }



  .stocket_header {

    margin-top: 00px;

  }



  .btn_white {

    font-weight: 500;

    font-size: 14px;

  }



  .banner {

    padding: 0px 0 50px 0;

    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: center;

  }



  .navbar-toggler {

    background: none;

  }



  .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;

  }







  .footer_section {

    padding: 40px 0;

  }



  .title_heading {

    font-weight: 700;

    text-align: center;

  }



  .title_heading br{

    display: none;

  }



  .how_to_section .banner_img:after {

    display: none;

  }

  .featured-card-left, .featured-card-right{

    flex-wrap: wrap;

  }

  .f-card-box{

    margin-bottom: 20px;

  }

  

  .wp-google-name-first {

    height: 50px;

    width: 50px;

    border-radius: 100px;

    display: inline-block;

    color: #fff;

    font-size: 30px;

    text-transform: uppercase;

    text-align: center;

}

.screenshot-sec .sec-head .sec-title br{

 display: none;

}

  /* After Harsh */

  .navbar-toggler i {

    color: #00ABEC

  }



  .navbar-toggler:focus {

    box-shadow: none;

  }



  .navbar-collapse {

    margin-top: 10px;

    padding: 20px;

    margin-left: -15px;

    margin-right: -15px;

  }



  .mobile_view .btn {

    margin-top: 10px;

  }



  .banner-sec {

    background-position: center;

    background-size: cover;

    background-repeat: no-repeat;

  }



  .banner .banner_img {

    margin-top: 0;

  }



  .hide_sm {

    max-width: 180px;

  }



  .btn1 {

    font-size: 16px;

  }



  .banner_content form {

    margin-top: 20px;

  }



  .quick {

    display: flex;

  }



  .quick li {

    padding: 0px 10px;

  }



  .newsletter {

    background: rgba(255, 254, 254, 0.04);

  }



  .news-letter-sec {

    padding-top: 40px;

  }



  .navbar-toggler i {

    color: #fff;

    font-size: 30px;

  }



  .navbar-toggler:focus {

    box-shadow: none;

  }



  .navbar-collapse {

    margin-top: 10px;

    padding: 20px;

    margin-left: -15px;

    margin-right: -15px;

  }

  .screenshot-mobile-main {

    max-width: 220px;

}

.how-its-work .how-work-card::after {

  width: 2px;

  height: 84px;

  left: 8.5%;

  bottom: -40%;

  top: auto;

}



.how-its-work.work-sec .sec-head {

  margin-bottom: 40px;

}

.features-icon+h6 {

  flex: 0 0 240px;

  max-width: 240px;

}



}

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



.screenshot-sec .content-box{

  margin-top: 30px;

}

}



@media(max-width:568px) {

  .btn-2{

    padding: 18px 15px;

    font-size: 16px;

  }

  .navbar-brand img {

    max-width: 150px;

  }

 

  .review-item .customer-name{

    margin-left: 10px

  }



  .screenshot-sec .img-box {

    margin: auto;

  }



  .footer_section {

    padding: 20px 0;

  }



  .swiper-slide{

    height: auto;

    aspect-ratio: 4/4;

  }

  .how-work-card,.how-work-card .cms-con p{

    padding: 0;

  }

  

.marquee-main.marquee-trad-slider .item {

  min-width: auto;

  margin: 0 15px;

}

 

  .sec-title {

    font-size: 28px;

}

.review-col .review-item .cms-con{

  min-height: auto;

}

.mobile-video{

  border-radius: 19px;

}



  /*---cmsCon---*/

  .cms-sec {

    padding: 0 0 30px

  }



  .cms-com.con p {

    font-size: 14px;

    margin-bottom: 15px;

  }



  .cms-com.con p b {

    font-size: 14px;

  }



  .cms-com.con ol,

  .cms-com.con ul {

    padding-left: 10px;

  }



  .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;

  }

  .marquee-main.marquee-trad-slider .item h5,.marquee-main.marquee-trad-slider .nse-price,.marquee-main.marquee-trad-slider .nse-rate{

    font-size: 16px;

  }

  .header-tagline{

    padding: 15px 0;

  }

  .featured-card-left, .featured-card-right{

    margin-bottom: 30px;

  }

  .awesome-trading-sec .content-box .img-box img{

    margin: 0 auto;

  }

  .awesome-trading-sec .content-box{

    text-align: center;

  }

  .how-work-card .img-box{

    margin: 0;

  }

  .how-work-card .img-box+.content-box{

    text-align: left;

  }

  .how-its-work .how-work-card{

    margin-bottom: 30px;

  }

  .how-work-card .img-box{

    flex: 0 0 40%;

    max-width: 40%;

  }

  .how-work-card .img-box+.content-box{

    flex: 0 0 60%;

    max-width: 60%;

  }

  .how-its-work .how-work-card::after {

    width: 2px;

    height: 96px;

    left: 14.5%;

    bottom: -18%;

    top: auto;

}

.how-work-card .cms-con p {

  min-height: 126px;

}

  /*---cmsCon---*/



  .thank-you-sec,.not-found-sec{

    min-height: calc(100vh - 229px);

  }





  .footer_section .list-unstyled.quick{

    flex-wrap: nowrap;

    justify-content: center;

  }

  .quick li{

    padding: 0 10px;

    margin-bottom: 0;

  }

  .quick li a{

    font-size: 14px;

  }



  #home {

    background-position: -300px -10px;

}

}

@media(max-width:390px) {

  .how-its-work .how-work-card::after{

    left: 16.5%;

  }

  .quick li{

    padding: 0 5px;

  }

}