@media screen and (min-width:200px) and (max-width:1024px){
    
    /* Primary Styling */

    
    .banner_title{font-size: 28px; line-height: 40px;}
    .banner_text{font-size: 16px; line-height: 24px;}
    
    .primary_title{font-size: 24px; line-height: 33px; }
    .secondary_title{font-size: 20px; line-height: 28px; color: var(--title_color); font-weight: 600;}
    .primary_text{font-size: 16px; line-height: 24px; color: var(--text_color);}
    .secondary_text{font-size: 18px; line-height: 27px; color: var(--text_color);}
    .primary_cta{font-size: 18px; line-height: 25px; }


    .section_padding{padding:50px 0px; box-sizing: border-box;}

    .banner {
        position: static;
        background-image: url('../images/bg-banner---mobile.png');
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
        background-color: #000;
    }

    .overlay{
        display: none;
       
    }
    
    .banner .banner_section {
        position: static;
        transform: none;
    }
    
    .banner_section .banner_section_inner{
    
        grid-gap: 0;
        justify-content: flex-start; flex-wrap: wrap; padding:40px 0px;
    }
    .banner_section .banner_section_inner .banner_block{
        width:100%;
    }
    .banner_section .banner_section_inner .banner_block.image_block img{
        max-width:250px;
    }
    .banner_section .banner_section_inner .banner_block .image_block {
        text-align: center;
        padding-top: 20px;
    }
    .banner_section .banner_section_inner .banner_block .image_block img {
         width: 150px; margin: auto;
    }
 
    .banner_section .banner_section_inner  .banner_img{text-align: center;}
    .banner_section .banner_section_inner  .banner_img img{
        max-width:250px; margin: auto;
    }
   
    .banner_block .app_cta {
    
        justify-content: center;
        grid-gap: 5px;
        flex-wrap: wrap;

    }

    .banner_block .app_cta .app_item{
        flex:1;
    }
    .banner_block .app_cta .app_item .app_link img{
        max-width: 100%;
    }
   
    .banner_section .banner_section_inner .banner_block  .banner_title,.banner_section .banner_section_inner .banner_block  .banner_text { text-align: center;}

    .tabcontent .row {
     
        flex-direction: column;
    }  

    .tabcontent .row .tab1,.tabcontent .row .tabcenter {
      
        width: 100%;
    }

.tabcontent .row .tabcenter img {
      
    max-width:250px; margin: auto;
    }

   
    .tab1 .right {
   
        text-align: center;
    }

    .tab1 .left {
   
        text-align: center;
    }

    .tab1 .card:nth-child(odd){
        margin-bottom: unset;
       }

       .tab1 .card{
        margin: 20px 0px;
       }

       .top_content {
        padding-bottom: 0px;
    }

    .tab .tablinks {
        min-width: 10em; width:100%;
    }

    .tabcontent {

        padding: 20px 12px;
     
    }

    .two_col {
      
        flex-direction: column;
    }

    .two_col .img_block img{
        max-width:250px; margin: auto;  padding: 10px 0px;
    }

    .two_col .img_block, .two_col .content_block{
        width: 100%;
     }

     .tabcontent .row .tab1{
        width: 100%;
     }
    
     .tabcontent .row .tabcenter{
        width: 100%;
     }

     .two_col  .primary_text {
        width: 100%;
        padding-bottom: 20px;
       }
       .two_col .img_block, .two_col .content_block{
          width: 100%;
          text-align: center;
       }


       .icon_box.grid{
        grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
        padding-bottom: 0px;

       }
       .two_col .primary_title {
        padding-bottom: 18px;
    }

    .tab_detail .left {
        text-align: center;
    }
   

    .form_block .form_field.half {
     
        width: 100%;
    }

    .footer .footer_inner{
        flex-direction: column;
    }


    .footer .footer_inner .footer_block.col-1 {
        width: 100%;
    }

    
    .foot_logo{
        text-align: center;
    }

    .footer .footer_inner .footer_block {
        width: 100%;
        text-align: center;
    }
    .footer .app_cta {
        justify-content: center;
        flex-wrap: wrap;
      
    }

    .footer .footer_bottom{
        text-align: center;
        
    }

    .app_item{
        width: 6em;
    }
    
    }
    
    
    @media screen and (min-width:650px) and (max-width:1024px){
    
        .banner_title{font-size: 28px; line-height: 37px; }
        .banner_text{font-size: 18px; line-height: 26px;}
        
        .primary_title{font-size: 26px; line-height: 36px; }
        .secondary_title{font-size: 22px; line-height: 30px; color: var(--title_color); font-weight: 600;}
        .primary_text{font-size: 18px; line-height: 26px; color: var(--text_color);    }
        .secondary_text{font-size: 20px; line-height: 30px; color: var(--text_color);}
        .primary_cta{font-size: 20px; line-height: 26px; }
    
        .banner_section .banner_section_inner .banner_block{
            width: 50%;
        }
      
        .tab1 {
      
            flex-direction: row;justify-content: center;
        }

        .tab1 .right {
   
            text-align: center;
        }
    
        .tab1 .left {
       
            text-align: center;
        }


        
        .tabcontent .row .tabcenter img {
            
            max-width:250px; margin: auto;
        }



        
        .icon_box{
                 padding-bottom: 70px;
        }

        .two_col .primary_title {
            padding-bottom: 10px;
        }

        .two_col .primary_text {
           
            padding-bottom: 10px;
        }

      

        .two_col {
            flex-direction: row;
            grid-gap: 10px;
        }

        .two_col .img_block img {
            max-width: 350px;
            margin: unset;
            padding: 0px 0px;
        }
    
    
.content_block .primary_text,.content_block .secondary_title,.content_block  .primary_title {
   text-align: left;
    
}
    
       
      
    }
    
    
    @media screen and (min-width:1024px) and (max-width:1400px){
        .banner_title{font-size: 40px; line-height: 50px; }
      
        .banner_section .banner_section_inner .banner_img  img{
            max-width: 50%;
        }

        .tabcontent .row .tabcenter img {
      
            width: 80%;
        }

        .two_col .img_block img{
            max-width: 450px;
           
        }

        .footer .footer_inner .footer_block.col-1 {
            width: 35%;
        }

        .tab1 .card:nth-child(odd) {
            margin-bottom: 70px;
        }
    }