/*MOBILE*/

@media (min-width: 0px) and (max-width: 432px){
    
    
    .android-right-alignment{
     width:100% !important;   
     padding: 16px;
    }
    
    .image-index-center{
        width: 100% !important;
        padding: 0 15px !important;
        text-align: center !important;
        margin: 10px !important;
    }
    
    .margin-top-product{
        margin-top:20% !important;
    }
    
    .discover-android{
      margin-top:35%;
    }
    
    #news{
        margin-bottom: 0px;
    }
    
    .mobile-app-custom{
        margin-top: 66%;
    }
    
    .margin-android{
        margin-top: 11px !important;
    }
    
    .sidebarmenu{
        height:100%;
    }
    
    .w90{
        width:90% !important;
    }
    
    .margin-special{
        margin-top: -57px !important;
    }
    
    .border-box-nine{
        width: 90% !important;  
    }
    
    .ts-facts-title1{
        color:black !important;
    }
    
    .slick-prev {
  
        left: 40px !important;
        z-index: 1;
        top: 150px;
    }
    
    .slick-next {
  
        right: 40px !important;
        z-index: 1;
        top: 150px;
    }
    
    /*agt part*/
     .outer-box{
        position: relative;
        height: 500px !important;
        
    }
    .inner-box{
        position: absolute;
        top    : 0px !important;
        left   : 20px !important;
    }
    
    .agt_col{
        height :260px !important;
    }
    
    .agt_title{
        font-weight : 100;
        color: lightgrey;
    }
    
    .agt_title_1{
        font-weight: bolder;
        font-size : 16px !important;
    }
    .agt_title_2{
        font-weight: 300;
        font-size: 13px !important;
    }
    .agt_bar{
        background-color:#99edc3; 
        height: 10px; 
        width : 180px !important;
        border: 1px solid #99edc3;
        border-radius: 7px 7px 7px 7px;
    }
    .agt_title_btn{
        background-color: #39A8EE;
        color:white;
        border: 1px solid #39A8EE;
        border-radius: 7px 7px 7px 7px;
        position: absolute;
        top: -35px !important;
    }
    .agt_title_img{
        height: 284px !important;
       
    }
    
     /*agt dna starts here */
    
    .agt_title_dna{
        font-weight: bolder;
        font-size: 16px !important;
    }
    .agt_title_dna2{
        font-weight :300;
        font-size: 13px !important;
    }
    .agt_bar_dna{
        background-color:#99edc3; 
        height: 10px; 
        width : 110px !important; 
        border: 1px solid #99edc3;
        border-radius: 7px 7px 7px 7px;
    }
    
    /*why agt starts here */
    
    .inner-box_why {
        position: absolute;
        top: 100px;
        left: 27px !important;
    
    }

    .agt_title_img_3{
        height: 260px !important;
    }
    
    .agt_title_why{
        font-weight: bolder;
        font-size: 16px !important;
    }
    .agt_title_why2{
        font-weight :300;
        font-size: 13px !important;
    }
    
    .agt_title_btn_why{
        background-color: #39A8EE;
        color: white;
        border: 1px solid #39A8EE;
        border-radius: 7px 7px 7px 7px;
       
        
    }
    .agt_bar_why{
        background-color:#99edc3; 
        height: 10px; 
        width : 110px !important; 
        border: 1px solid #99edc3;
        border-radius: 7px 7px 7px 7px;
    }
    
    .dna_text_row{
        padding-top: 90px;
    }
    
     .agt_title_img_4{
        height: 150px !important;
    }
    
    .title_text_as{
        position: absolute;
        text-align: center;
        font-weight: 700;
        font-size: 13px;
        line-height: 50px;
        margin:  40px 0 80px 0;
        color: #212121;
        left: 17% !important;
        top: -10px !important;
    }
    
    .title_text{
        text-align:center !important;
    }
    
    .title_text_img4{
        position: absolute;
        
        font-weight: 700;
        font-size: 13px;
        line-height: 50px;
        margin:  40px 0 80px 0;
        color: #212121;
        left: 60px;
        top: 10px !important;
    }
    
    /*carousel starts*/
     .pcc{
        width: 380px ;
        height: 350px !important;
    }
    
    .caro_img{
        
        height: 250px;
    }
     .pc_r{
        height: 50px;
    }
    
    .pc_ccs{
        padding-left: 18px;
    }
    .pcs{
        
        font-size : 13px;
        color: grey;
    }
    
    /*steps start */
    .web_version{
        display: none !important;
    }
    
    .steps_mobile{

        display: flex !important;
    }
    
    .col_step_mobile{
        margin: 10px;
    }
    
    .img_holder_m{
        text-align: center;
    }
    
    .hwdi_img_m{
        height: 50px;
        width : 50px;
    }
 
    .card_step_m{
        width: 150px;
        height: 160px !important;
    }
    
    .hwdi_attl {
      margin-top: 5px;
      font-size: 13px;
      color: grey;
      text-align: center !important;
    }
    
    /*story starts */
    
    .agt_col_story{
        height:400px;
    }
    
    .inner-box_story{
        margin: 15px;
    }
    
    /*story ends*/
    
    /*awards*/
    
    .award_img1_div{
        text-align: center;
    }
    
    .award_img1{
        width: 250px;
    }
    
    /*award ends*/
    
    /*faq starts*/
    
    .faq_img1{
        width: 250px;
    }
    
    .faq_bg_img{
        display:none;
    }
    
    .accordian_holder{
        width: 100% !important;
    }
    
    /*faq ends*/
    
    
    /*about us page starts*/
    .agt_title_img1{
        width:350px !important;
    }
    
    .abus_text_div {
          position: absolute;
          top: 0px !important;
          left: 100px;
    }
    
    .abus_bar{
        height: 6px !important;
    }
    .agt_title_img2{
        display:none !important;
    }
    
    
    .dot_image_abus {
        width: 1050px !important;
        height: 630px !important;
    }
    
    .aboutus_cards{
        left: 25px !important;
        top : 160px !important;
        
    }
    
    .abus_card_holder{
        width : 300px !important;
        height: 250px !important;
    }
    
    .abus_2nd_card{
        padding-top:20px !important;
    }
    
    
    .cv_title_img1{
        position: absolute;
        left: 47px;
        top: -126px;
        width: 50px;
    }
    
    .cv_title_img2{
        position: absolute;
        left: 74%;
        bottom: 78px;
        width: 50px;
    }
    
    
    .core_value{
        height:auto !important;
    }
    
    .scn_leader_section{
        padding-top: 50px !important;
    }
    
    .blog_title{
        font-size: 18px;
    }
    
    .blog_card{
        height: auto !important;
    }
    
    .blog_img{
        width: 274px !important;
    }
    
    .rectangle{
        position: absolute;
        height: 110px !important;
        width: 65px;
        background-color: #4099F1;
        border-radius: 7px 7px 7px 7px;
        right: 2px;
        top: 20px;  
    }
    
    .rectangle_blog2 {
      position: absolute;
      height: 210px;
      width: 65px;
      background-color: #4099F1;
      border-radius: 7px 7px 7px 7px;
      left: 2px;
      top: -246px !important;
      z-index: -1 !important;
    }

    .rectangle_blog3{
        position: absolute;
        height: 110px !important;
        width: 65px;
        background-color: #4099F1;
        border-radius: 7px 7px 7px 7px;
        left: 2px;
        top: -151px !important;
        z-index: -1 !important;
    }
    
    
    
    .bg_image_dot{
        display: none;
    }
    
    .col_partners{
        padding-top: 20px;
        height: auto !important;
    }

    .partner_bar{
        background-color: #A4CEFD !important;
    }
    
    .partner_img_1{
        width: 100%;
        position: absolute;
        left: 2%;
        top: -58%;
    }
    
    .partner_img_2{
        width: 80%;
    }
    .partner_img_3{
        width: 100%;
    }
    .partner_img_4{
        width: 30%;
    }
    /*how it work starts*/
    
        .dna_img_holder{
            padding-top: 20px;
            margin-left: 5% !important;
        }   
        .hiw_dna_image{
            width: 100% !important;
            height: 100% !important;
        }
        
        .card_dna{
            padding-top: 10%;
            margin-left: 10%;
        }
        
        .hiw_dna_image2 {
          width: 100% !important;
        }
        
        .dna_article_cards{
            width: 100% !important;
        }
        
        .dna_detail_article {
          font-size: 15px !important;
          font-weight: 500;
          margin: 10%;
        }
        
        .dna_science_section{
            display:none;
        }
        
        .dna_science_section_mobile{
            display:block !important;
        }
        .hiw_dna_image_science_mobile{
            
        }
    
    /*how it work ends*/
    
    /*blog starts*/
        .blog{
            display:none;
        }
        
        .banner_image{
            width: 100% !important; 
            height: 280px !important;
            margin-top:0px !important;
        }
    /*blog ends*/
    
    /*stories starts*/
    .section_story{
        display:none;
    }
    .mobile_title_view{
        display:block !important;
    }
    
    /*.vertical_blog{*/
    /*    padding-top: 100%;*/
    /*}*/
    
    .caro_img_banner{
        height: 300px;
        border-radius: 20px;
        width: 100%;
        object-fit: cover;

    }
    
    .pcc_banner{
        width:100%;
    }
    
    .mobile_part{
        display: block !important;
    }
    
    .section_stories_cards{
        display:none;
    }
    
    .second_story_cards{
        display:none;
    }
    
    .section_NM_story_testing{
        display: none;
    }
    
    /*stories ends*/
    
    /*contact us*/
    .map-holder {

        left:30px !important;
        
        top:203px !important;
        
        height:100% !important;
        
        width:85% !important;
        
        position:absolute;
        
    }
    
    .rectangle_contact_us{
        display: none !important;
    }
    
    
    .contact-card-data {
          z-index: 999999;
          width: 100% !important;
          margin-right: 0% !important;
        }
        
    .card-enquire{
        width:100% !important;
        background: white;
        height: 350px !important;
        box-shadow: 1px -1px 24px -12px black;
        padding: 10px;
        border-bottom: 2px solid #4E9DE9;
    }
    
    .padding_top_for_mobile{
        padding-top:50%;
        display:block !important;
    }
    
    .contact_us_card_holder{
        padding:20px;
        display:block !important;
    }
    .first-row{
        display:none;
    }
    .mobile_banner{
        display:block !important;
    }
    
    .img_holder_1{
        width:100%;
    }
    .img_holder_2{
        width:100%;
    }
    .img_holder_3{
        width:100%;
    }
    
    .img_1{
        width:100%;
        height:110%;
    }
    
    .img_2{
        width:100%;
        height:110%;
    }
    .img_3{
        width:100%;
        height:110%;
    }
    
    .card-what-you-get1{
        padding: 0px !important;
        margin: 0px !important;
        height:400px !important;
    }
    
    .card-what-you-get2{
        padding-top: 10% !important;
        padding: 0px !important;
        margin: 0px !important;
        height:400px !important;
    }
    
    .card-what-you-get3{
        padding: 0px !important;
        margin: 0px !important;
        height:400px !important;
    }
    
    .snd_benefit{
        padding-top:20% !important;
    }
    
    .trd_benefits{
        padding-top:20% !important;
    }
    
    
    .rectangle_1 {
      position: absolute;
      top: 0;
      right: 5% !important;
      z-index: -1;
      background: #4099F1;
      height: 189px;
      width: 55px;
      top: -10%;
      border-radius: 10px;
    }
    
    .rectangle_2 {
      position: absolute;
      top: 0;
      left: 5% !important;
      z-index: -1;
      background: #4099F1;
      height: 189px;
      width: 55px;
      top: -10%;
      border-radius: 10px;
    }
    
    /*bundle package ends*/
    
    /*DNA test starts*/
    .basic_img{
        height:80px !important;
    }
    .package-name{
        margin-left:20%;
    }
    .price_list{
        margin-left:20%;
    }
    
    /*.tick_section{*/
    /*    margin-left:50% !important;*/
    /*}*/
    /*.tick_section2{*/
    /*    margin-left:50% !important;*/
    /*}*/
    .bn_btn{
        width:100%;
    }
    
    .trait_desktop{
        display:none;
    }
    
    .mobile_traits{
        display:block !important;
    }
    
    .mob_col{
        padding-top: 5% !important;
    }
    
    .rectangle-1{
        right: -40px !important;
    }
    
    .rectangle-2{
        left: 0px !important; 
    }
    
    .ben_col{
        padding-top:20%;   
    }
    
    .stdp-second-row{
       margin-left: -4% !important;
       margin-right: -4% !important;
       position: relative !important;

    }
    
    
    /*career development starts*/
    
        .mobile_banner{
            display:none;
        }
            
            
        .text_holder_cd{
            margin-left:10%;
        }
        
        .button_holder{
            margin-left:10%;
        }
    /*career development ends*/
    
    /*decode nutrition starts*/
    
    .trait_mobile_ndt{
        display:flex !important;
    }
    
    .lg_traits{
        display:none;
    }
    
    /*decode nutrition ends*/
    
    /*decode health DNA test starts*/
    .lg_version{
        display:none;
    }
    
    .mobile_version_trait{
        display:block !important;
    }
    
    /*decode health DNA test ends*/
    
    
    /*.first-row .text-over-image {*/
    /*  position: absolute;*/
    /*  width: 100%;*/
    /*  margin-left: auto;*/
    /*  margin-right: auto;*/
    /*  left: 0;*/
    /*  right: 0;*/
    /*  text-align: center;*/
    /*  top: 26%;*/
    /*}*/
    /*.bundle_img{*/
    /*    width: 0px;*/
    /*}*/
    
    
    /*our DNA test*/
    
    
    /*bundle package starts*/
        
    /*bundle package ends*/
    

    /*.card-enquire{*/
    /*    display:none;   */
    /*}*/
    /*contact us ends*/
}


/*@media only screen and (min-width: 432px) {*/
/*}*/