@media (min-width: 0px) and (max-width: 432px){
        .slick-prev {
  
            left: -173px !important; ;
            z-index: 1 !important;
            top: 150px ;
        }
        
        .slick-next {
      
            left: 173px !important ;
            z-index: 1 !important;
            top: 150px ;
        }
        
        .slick-dots li.slick-active button:before {
        color:#4099F1 !important;
        }
        .slick-dots li button{
            color:#4099F1 !important;
        }
        
    }
    

    @media (min-width: 432px) and (max-width: 580px){
        /*agt css starts*/
        
        .section_stories{
            height:725px;
        }
        
        
        .start{
            margin-top: 100px !important;
        }
             
        .agt_title_img_one {
            height: 343px;
            margin-top: 0px;
        }
        
        .mtn-80{
            margin-top:-80px;
        }
        
        .inner-box-dna{
            z-index:99 !important;
        }
        
        .award_img1{
           height: 190px;
  padding: 21px; 
      margin-top: 5px;
        }
        
        .award_text{
            /*left: 37% !important;*/
            margin-top:20px !important;
        }
        .award_section{
        padding-top: 37px !important;
        }
        .agt_img_two{
            height: 350px !important;
        }
        
        .agt_image_three{
            height: 300px !important;
        }
        .fix-mobile{
            padding-top: 0 !important;
            margin-top: 0px !important;
        }

        .padding-zero{
            padding:0 !important;
        }
        
        .inner-box_why_tab{
position: absolute !important;
    top: 0px !important;
    left: 16px !important;
        }
        
    .remove-top-100{
        padding-top:0px !important;
    }
    
    .agt_image_four{
        height:388px !important;
    }
    
    .agt_image_five{
    height: 359px !important;
    /*margin-top: -52px;*/

    }

    .agt_col{
        height: auto;
    }
    
    
    .outer-box{
        position: relative;
        height : 500px;
    }
    .inner-box{
        position: relative;
        top    : 100px;
        left   : 85px;
    }
    
    .agt_title{
        font-weight : 100;
        color: lightgrey;
    }
    
    .agt_title_1{
        color: #1D164D;
        font-weight: bolder;
        font-size : 28px;
    }
    .agt_title_2{
        color: #434343;
        font-weight: 300;
        font-size: 24px;
    }
    .agt_bar{
        background-color:#B0FADA; 
        height: 10px; 
        width : 230px;
        border: 1px solid #B0FADA;
        border-radius: 7px 7px 7px 7px;
    }
    .agt_title_btn{
        background-color: #4099F1;
        color:white;
        border: 1px solid #4099F1;
        border-radius: 7px 7px 7px 7px;
        position: absolute;
        top: 15px;
    }
    

    /*agt dna starts here */
    
    .agt_title_dna{
        color: #1D164D;
        font-weight: bolder;
        font-size: 28px;
    }
    .agt_title_dna2{
        color: #434343;
        font-weight :300;
        font-size: 24px;
    }
    .agt_bar_dna{
        background-color:#B0FADA; 
        height: 10px; 
        width : 180px;
        border: 1px solid #B0FADA;
        border-radius: 7px 7px 7px 7px;
    }
    
    /*why agt starts here*/
    .agt_title_img_3{
        height: 500px;
    }
    
    .inner-box_why{
        position: absolute;
        top: 100px;
        left: 140px;
    }
    .agt_title_why{
        color: #1D164D;
        font-weight: bolder;
        font-size : 28px;
    }
    
    .agt_title_why2{
        color:#434343;
        font-weight :300;
        font-size: 24px;
    }
    
    
    .hear-read-more{
        display: block;
cursor: pointer;
background: #4AAEE7;
width: 123px;
color: white;
margin-top: 19px;
padding: 8px 20px;
box-shadow: 1px 1px 9px -1px #47A6DC;
    }
    .agt_title_btn_why{
        background-color: #4099F1;
        color:white;
        border: 1px solid #4099F1;
        border-radius: 7px 7px 7px 7px;
        position: absolute;
        top: -8px;
    }
    
    .agt_bar_why{
        background-color:#B0FADA; 
        height: 10px; 
        width : 150px;
        border: 1px solid #B0FADA;
        border-radius: 7px 7px 7px 7px; 
    }
    
    .dn_text{
        text-align: center;
        font-weight: 700;
        font-size: 28px;
        line-height: 50px;
        margin:  40px 0 80px 0;
        color: #212121;
        

    }
    .dna_text_spcl{
        color:#4099F1;
        font-weight: 700;
        font-size:28px;
    }
    
    
    
    .agt_title_img_4{
        height: 200px;
    }
    
    .title_text_as{
        font-weight: 700;
        font-size: 28px;
        line-height: 50px;
        margin:  40px 0 80px 0;
        color: #212121;
        top: 20px;
position: absolute;
margin-left: auto;
margin-right: auto;
left: 0 !important;
right: 0;
text-align: center;
    }
    
    .ts-facts-title1{
        color: black;
        font-size: 19px;
        height: 68.4px;
    }
    .title_text_img4{
        position: absolute;
        text-align: center;
        font-weight: 700;
        font-size: 28px;
        line-height: 50px;
        margin:  40px 0 80px 0;
        color: #212121;
        right: 250px;
        top: 20px;
position: absolute;
margin-left: auto;
margin-right: auto;
left: 0;
right: 0;
text-align: center;
text-transform: none !important;
    }
    
    /*carousel CSS Starts here*/
    
    /*carousel CSS Starts here*/
    
    
    .caro_title_text_detail{
        font-size: 24px;
        color : #434343;
    }
    
    .card_carou{
        width: 350px;
        height: 250px;
    }
    
    .pcc{
        width: 380px ;
        height: 350px !important;
    }
    
    .caro_img{
        width 350px;
        height: 250px;
    }
    
    .pc_r{
        height: 50px;
    }
    
    .pc_ccs{
        padding-left: 18px;
    }
    .pcs{
        
        font-size : 14px !important;
        color: grey;
    }
    
    /*carousel ends */
    
    .tt_saliva_test{
        font-size: 28px;
        color: #1D164D;
        font-weight: bolder;
    }
    
    .tt_saliva_test_detail{
        font-size: 24px;
        color : #434343;
    }
    
    .inner-box-dna{
        position: absolute;
        top    : 100px;
        left   : 140px;
    }
    
    /*how we do it section */
    
    .outer_box_steps{
        position: relative;
        height: 710px;
    }
    
    .hwdi_1{
        border-bottom: 3px solid #C6C5FF !important;
    }
    
    .hwdi_2{
        border-bottom: 3px solid #81EAF8;
    }
    
    .hwdi_3{
        border-bottom: 3px solid #FF818F;
    }
    .hwdi_4{
        border-bottom: 3px solid #908CFC;
    }
    
    .hwdi{
        height: 250px;
        width : 250px;
    }
    
    .hwdi_img_div{
      height: 80px;
      width : 80px;
    }
    
    .hwdi_img{
        border-radius: 50%;
        width : 81px;
        margin-top: 8px;
    }
    
    .steps{
        font-size : 18px;
        font-weight: 900;
        color : black;
    }
    
    .hwdi_attl{
        margin-top: 5px;
        font-size: 13px;
        color: grey;
        
    }
    
    .pos_up1{
        position: absolute;
        top: -78px;
    }
    .pos_up3{
        position: absolute;
        top: 200px;
    }
    
    .pos_down2{
        position: absolute;
        left: 280px;
        top: -30px;
    }
    .pos_down4{
        position: absolute;
        left: 280px;
        top: 240px;
    }
    
    /*steps mobile view*/
    
    
    
    /*stories part starts*/
    
    .inner-box_story{
        position: absolute;
        top: 10px;
        padding-left: 30px;   
        /*width: 478px;*/
        
    }
    
    .agt_title_story{
        color:#1D164D;
        font-weight :bolder;
        font-size: 28px;
    }
    
    .agt_title_story_details{
        color:#434343;
        font-weight :300;
        font-size: 24px;
    }
    
    .agt_bar_story{
        position: absolute;
        left:185px;
        top:93px;
        background-color:#B0FADA; 
        height: 10px; 
        width : 111px;
        border: 1px solid #B0FADA;
        border-radius: 7px 7px 7px 7px;
        
    }
    
    .agt_col_story{
        height: 400px;
    }
    
    /*stories part ends*/
    
    
    /*award part starts*/
    .award_text{
        position: relative;
        top: 20%;
        bottom: 50%;
        left: 50%;
        transform:translateX(-50%);
    }
    
    
    /*award part ends*/
    
    /*faq part*/
 
    
    .faq_bg_img{
        width: 100%;
        position:absolute;
    }
    
    .faq_img1{
        width: 500px;
    }
    
    .dpdown_card{
        width: 520px;
    }
    
    .faq-area{
        position:relative;
    }
    
    .faq_title{
        font-size: 28px;
        font-weight: bolder;
        color: #1D164D;
        
    }
    
    .faq-bar{
        position:absolute;
        background: #B0FADA;
        height: 11px;
        width: 44px;
        top: 13px;
        right: -1px;
        z-index: -1;
        border-radius: 7px 7px 7px 7px;
    }
    
    .accordian_holder{
        width:520px;
    }
    
    
    .card.border.card_step_m{
        left:50%;
        transform:translateX(-50%);
        box-shadow: 5px 5px 10px 2px rgba(0, 0, 0, 0.1);

    }
    /*faq part ends*/
}