@media only screen and (max-width:575px){
    .list-content > p{
        
        font-family: OpenSans-Bold;
        color:#34363c;
        margin-left:7px;
     
     
      
    }

}
@media only screen and (max-width:991px){
    .desktop-faq{
        display: none;
    }
    .mobile-faq{
        display: block;
    }
    .hw-text{
        padding-right:0px;
    }
    .f-on-container{
        padding-left: 0;
        padding-right: 0;
      }
      .desktop-faq{
        text-align: center;
        margin-top: 40px;
      }

}
@media only screen and (max-width:1391px){
    .advice-container{
        width: 70%;
        border: none;
    }
}
@media only screen and (max-width:1391px){
    .advice-container{
        width: 75%;
        border: none;
    }
}
@media only screen and (max-width:997px){
    .advice-container{
        width: 100%;
        border: none;
    }
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
    .form-icon-main{
      margin-left: 30px !important;
    
      
    }
  }
@media only screen and (max-width:767px){
    .logo {
        max-width: 270px;
        width:100%;
      }
    .platform-logo{
        width: 130px;
        margin-top: 15px;
        margin-left:2px;
        margin-right: 2px;
      }
      
      .yahoo,.g-finance,
      .mwatch{
        width: 105px !important;
      }
      .tws{
        width: 170px;
        margin-left: 15px;
      }
      .nasdaq{
        width: 120px;
        margin-right: 15px;
      }

    .hw-heading {
        margin-top: 20px;
      }
      .input-field{
        margin-left: 2px;
        width:90% !important ;
        
      }
      .form-icon-main {
        margin-left: 20px ;
        margin-top: -50px ;
      }
    .logo-single{
        display: none !important;
    }
    .advice-br{
        display: none;
    }
    .advice-container{
        width: 80%;
        border: none;
    }
    .advice-heading{
        text-align: center !important;
    }
    .op-header{
    
        font-size:50px;
     

    }
    .bottom-footer{
        padding-top: 8%;
        padding-bottom: 15%;
    }
    .f-mobile{
        display: block;
    }
    .form-container-2{
       padding-bottom:15px !important; 
    }
    .signup-btn-2{
       width: 95% !important;
       margin-left: 2.5%;
    }
    .logo2{
       display: none;
    }
    #testimonials{
     
        padding:3% 2% 3% 2%;
       
    }
    .breakline{
        display: none;
    }
    .testi-heading > .hf{
        font-size:45px;
        line-height: 50px;
        margin-left: 0px;
        }
    .hw-img > img{
        margin-top:0px;
    }
    .gains-subtext{
       
        padding-left:3%;
        padding-right:3%;
    
      }
    .f-on-desktop{
        display: none;
    }
    .f-on-mobile{
        display: block;

      }
      .form-main-container {
        margin-top: 15px;
        padding: 10px 12px 10px 12px;
      }
      .input-icons {
        margin-left: 0px;
        margin-right: 0px;
        padding:0;
      }
      .input-icons > form {
        text-align: center;
      }
      .input-icons {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
      }
      
      .form-icon {
        margin-right: 10px;
      }
      
     
      .input-field {
        width: 100%;
        
      }
      .main-form {
        width: 100%;
        text-align: center !important;
      }
     
    .heading{
        font-size:70px; 
    }
    
    .signup-btn {
        margin-right: 0px;
        margin-left: 0px;
        margin-top: 20px;
        width: 96%;
      }
    .divider{
        display: block;
    }
  
}


@media only screen and (max-width: 390px) {
    .form-icon-main{
      margin-left: 0px !important;
    }
    .input-field{
      margin-left:12% !important;
      width: 85%;
    }
  }
  
  @media only screen and (max-width: 413px) {
    .form-icon-main{
      margin-left: 10% !important;
    }
    .input-field{
      margin-left: 7%;
      width: 85%;
    }
  }

@media only screen and (max-width:480px){
    .fa-question-circle{
        padding: 0px 5px 0px 5px;
        font-size:10px;
       
      }
    .platform-logo{
        margin-top: 10px;
      }
    .form-icon-main{
        margin-left: 13% !important;
      }
      .input-field{
        margin-left: 12%;
        width: 85% !important;
      }
    .f-mobile > h1{
        line-height: 35px !important;
    }
    .faq-text{
        line-height: 22px !important;
    }
    .faq-heading{
        font-size:30px;
    }
    .divider-yellow{
        margin-top: -5px;
    }
    
    .testi-subheading{
        line-height: 20px;
    }
    .hw-text{
        line-height: 19px;
    }
    .hw-list{
        margin-top: 40px !important;
    }
    .remember{
        font-size:23px;
        padding-left: 60px;
        padding-right: 60px;
        line-height:27px;
       
    }

    .look-for-heading{
        font-size:30px;
    }
    .signup{
        font-size:16px;
      
        
    }
    .sg-br{
        display: contents;
    }
    .various{
        font-size:16px;
        padding-left: 15px;
        padding-right: 15px;
        line-height: 21px;
    }
    .various-2{
        padding-left: 60px;
        padding-right: 60px; 
    }
    .advice-list-content > p{
        font-size: 14.5px;
        line-height: 17px;
    }
    .advice-list-content > img{
        margin-top: -5px;
    }
    .advice-container{
    
        padding:30px 25px 15px 25px;
        box-shadow: 0px 4px 3px 1px rgba(233,233,233,1);
        margin-top: 10px;
    
    }
    .br-look-for{
        display: contents;
    }
    .advice-list-content{
        margin-top:3px;
    }
    .advice-heading{
        font-size: 14.5px;
    }
    .advice-p1{
        font-size: 22px;
        padding-left: 60px;
        padding-right: 60px;
        line-height: 26px;
    }
    .advice-p2{
        font-size: 24px;
        padding-left: 60px;
        padding-right: 60px;
        line-height: 26px;
        margin-top: -5px;
    }
    .advice-p2{
        font-size: 24px;
    }
    .picks{
        padding-bottom: 5% !important;
    }
    .op-header{
    
        font-size:42px;
     

    }
    .footer-nav{
       
        padding-top:15px;
        padding-bottom:5px;
       
    }
    .footer-nav-list > a {
        font-size: 13px;
        margin-left: 25px;
        margin-right: 25px;
      }
    .copy{
   
        font-size:12px;
    }
    
    .bottom-footer {
        background-image: url(../images/mobile/Mobile_BttmCTA-BG.webp);
      }
    .form-main-container-2 {
        margin-top: 30px;
    }
    .bottom-footer{
        padding-top: 12%;
        padding-bottom: 17%;
    }
  
    .faqs{
        padding-right: 10px;
        padding-bottom: 4%;
    }
    .faq-content{
        font-size:12px;
        margin-top: -10px;
        margin-left: 13px;
    }
    .faq-title > span{
        margin-left: 5px;
    }
    .faq-title{
        font-size:14px;
         font-family: OpenSans-Bold;
    }
    .mbr{
        display: contents;
    }
    .testi-card > img {
        width: 100px;
      }
      .testi-card > .name {
        font-size: 18px;
      }
      .testi-card {
        width: 82%;
        margin-top: 25px;
        padding-left: 12%;
        padding-right: 12%;
        border: none;
      }
      .address {
        font-size: 16px;
      }
      .testi-content {
        font-size: 13px;
      }
      .testi-subheading {
        font-size: 16px;
        margin-top: 15px;
      }
      #testimonials {
        padding-top: 5%;
      }
      .testi-heading > .hf {
        font-size: 32px;
        line-height: 38px;
        padding-left: 2px;
        padding-left: 2px;
        margin-top: 20px;
      }
    .g-success-mobile{
        display: block;
     }
     .g-success-desktop{
        display: none;
     }
    .gc-mobile{
        display: block;
    }
    .gc-desktop{
        display: none;
    }
    .gains-container > h1{
        font-size:26px;
      
    }
   
    .heading{
        font-size:50px; 
        margin-top: 25px;
        line-height: 50px;
    }

    .form-icon {
        margin-right: 0px;
        margin-top: 15px !important;
      }
     
      
      .hero{
      
        background-image: url(../images/mobile/Mobile_Hero-BG.webp);
        background-size: 100% 100%;
        background-repeat: no-repeat;
       
    }
    .sub-head-desktop{
        display: none;
    }
    .sub-head-mobile{
        display: block;
        font-size:32px !important;
    }
    .subheading{
        font-size: 22px;
        margin-top: 0px;
        line-height: 32px;
    }
    .percentage{
        font-size:22px;
        margin-top: 15px;
    }
    .nasdaq-br{
        display: none;
    }
    .nasdaq{
        font-size:13px;
        margin-top: -5px;
    }

    .percentage-mobile{
        display: block;
       }
       .percentage-desktop{
        display: none;
       }
       .input-field::placeholder {
        font-family: OpenSans-SemiBold;
        font-size:17px
        
      }
     .respect{
        font-size:13px;
        margin-top:30px;
     }
     .br1{
       display: contents;
     }
     .signup-btn{
        width: 92%;
       
    }


    .alert-card{
        width: 182px;
        height:255px;
        padding:15px 0px 5px 0px;
        margin-left: 5px;
        margin-right:5px;
        
     }

     .card-btn{
      
        font-family: OpenSans-Bold;
        border-radius: 7px;
        font-size:9px;
        padding: 7px 10px 7px 10px;
        margin-top: 30px;
   
      
      
       
     }
     .alert-card > h1{
        font-size:16px;
     }

     .alert-card > h2{
        font-family: OpenSans-SemiBold;
        font-size:14px;
        margin-top: -5px;
     }
     .alert-card > .alerted{
        font-size:9px;
        margin-top: 6px;
        position: absolute;
        margin-left:10px;
     }
     .alert-card > img{
        width: 90%;
        margin-top: 3px;
     }

     .separator{
        width: 80px;
      
      
      }

      .g-success{
        font-size:16px;
      }
      .gains-subtext{
       
        padding-left:5px;
        padding-right:5px;
        font-size:10px;
        margin-top: 15px;
    
      }
      .picks > h1{
       
        font-size:28px;
      }
      .gains-container{
        background-image: url(../images/mobile/Mobile_LastPicks-BG.webp);
        padding-bottom: 3px;
      }

      .hw-img > img {
        width: 78% !important;
      }
    .hw-heading{
        font-size:33px;
    }
    .how-separator{
        width:90px;
    }
    .br2{
        display: contents;
    }
    .hw-list{
        margin-left: 10px;
    }
    .list-content > p{
        font-size: 16.31px !important;
        line-height:19px;
        margin-top:-5px;
 
    }
    .hw-list-content {
        margin-top:12px;
    }
    .list-content > img{
        width: 5.5px;
    }
    .mobile-br{
        display: contents;
    }
}


@media only screen and (max-width:383px){
   
    .alert-card{
        width: 170px;
        height:255px;
    } 
.card-btn{
    margin-top: 40px;
}
}
@media only screen and (max-width:375px){
  
    .heading{
        font-size:48px; 
      
    }
    .subheading{
        font-size: 31px;
      
    }
}

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

    .alert-card{
        width: 160px;
        height:250px;
    } 
}

@media only screen and (min-width:992px) and (max-width:1199px){

    .hw-text{
        padding-right:0px;
    }

    .hw-img > img{
        margin-top:30px;
        width: 450px;
        margin-left: -20px;
       
    }

}
@media only screen and (max-width:991px){
    .copy{
        margin-right: 0px;
        margin-top: 10px;
    }
    .faq-separator{
        margin:0 auto;
    }
    #testimonials{
        background-image: none;
        padding-bottom: 12%;
        background-color: #f9f9f9;;
    }
    .hw-img > img{
        margin-left: 0px;
        width: 70%;
    }
    .hw-img{
        text-align: center;
    }
    .how-separator{
        margin:0 auto;
    }
    .hw-heading{
        text-align: center;
    }
    .hw-text > p {
        text-align: center;
        padding-right: 0px !important;
    }
    .mobile-faq > img {
        width: 88%;
        margin-top: 20px;
      }
    .mobile-faq{
        text-align: center;
    }
    .hw-heading{
        font-size: 33px;
    }
}

@media only screen and (max-width:1197px){
    .desktop-faq > img{
       
        width:480px;
      
    }
 .faq-text{
    padding-right:0px;  
    text-align: center;
    font-size:16px;
    line-height: 25px;
    margin-top: 20px;
 }
}

@media only screen and (max-width:1197px){
  .form-main-container-2{
    width: 100%;
  }  
}

@media only screen and (max-width: 841px) {
    .form-main-container {
      width: 100%;
    }
  }