/*-------------------------------- start header responsive ------------------------------------------*/
@media (max-width:768px) {
    header{
        padding: 15px 0;
    }
    header h1{
        font-size: 10px;
        color: white;
        text-align: center;
        text-shadow:none;
        box-shadow: 0 5px 5px 5px black;
    }
}
/*----------------------------- end headerprt responsive--------------------------------- */




/*------- start banner responsive of homepage ----------*/
@media screen and (max-width: 768px){
    

    .banner {
        padding: 100px 0;
    }

    .banner a{
    background-color: #f88d21;
    border-radius: 50px;
    color: white;
    font-size: 15px;
    padding: 5px 15px;
    font-weight: 500;
    box-shadow: 5px 5px 10px 5px black;
    }
}
/*--------------------- end the part --------------*/

/*------------------------------------ start longin bannner page responsive--------------------- */
@media only screen and (max-width: 768px) {

    .banner2{
        padding: 200px 0;
        font-size: 10px;
        

    }
    .form-control{
        padding: 3px 10px;
    }
    .form-label{
        font-size:5px;
    }
    .form-body {
     display: flex;
     justify-content: space-between;
     flex-direction: column;
     border: none;
     width: 80%;
    }
    
    form input[type=submit]{
        padding: 5px 10px;
        font-size: 15px;
        margin: 10px 15px;
        text-align: center;
    }
    
}


/*------------------------ end the part ----------------------------*/

/*-------------------------------------- start main page responsive--------------------------------- */
@media screen and (max-width: 768px){
   
    .banner3 h2{
        font-size: 15px;
        text-align: center;
        text-shadow: none;
        left: 10%;
        right: 10%;
        padding: 10px 0;
    }
    .banner3 .btn{
        padding: 10px 10px;
        width: 100%;
        font-size: 10px;
        box-shadow: 0 2px 2px 2px black;
        align-items: center;
}
.card, .card2, .card3{
    max-width: 100%;
    margin: 2px 10px;
    text-align: center;
    max-height: 100%;
    margin-top: 5px;
    right: 5%;
    width: 22em;

}
}
/*---------------------- end of the part ----------------------*/

/*-------------------- start vendor page --------------------*/
@media (max-width:768px){
    .according h1{
        font-size: 20px;
        margin-top: 20px;
    }
    .form-part h3{
        font-size: 18px;
    }
    .upload .upload-body2{
        font-size: 10px;
    }
    .upload{
        justify-content: center;
        display: flex;
        align-items: center;
        font-size: 10px;
    }
}
@media  (max-width:768px) {
    .table-part .btn{
        padding: 5px 10px;
        font-size: 10px;
    }
}

/*---------------------- end of the part ---------------------*/


/*------------------ start bankdetails part ------------------*/
@media (max-width:768px){
   .details-download{
    font-size: 10px;
    }
   .download{
    justify-content: center;
    align-items: center;
   }
   .download select{
    width:100%;
   }
}
/*---------------------- end of the part ---------------------*/


/*----------------- start criteriawise part ------------------*/
@media (max-width:768px){
    .banner4{
        justify-content: center;
        align-items:center;
    }
    
    .range-card{
        max-width: 80%;  
    }
    .range-card label{
        padding: 10px 0;
    }
    .range-card .range-form{
        max-width: 60%;
        font-size: 15px;
        justify-content: left;
        margin-left: 10px;
    }
    .range-btn{
        display: flex;
        margin-left: 10px;
    }
    .range-btn2{
        margin-left: 5px;
    }
}
/*---------------------- end of the part ------------------*/

/*----------------- start analytics&report part ---------------*/
@media (max-width:768px){
.banner5{
    justify-content: center;
    align-items:center;
}
.banner5 h2{
    font-size:15px;
}
.banner5 h5{
    font-size: 18px;
    padding: 10px 15px;
}
.anr-card{
    justify-content: center;
    display: flex;
    max-width: 80%;
    box-shadow: none;
}
.anr-card .anr-form{
    width: 80%;
    margin: 5%;
}
.anr-form label{
    margin-bottom: 10px;
}
.anr-btn{
    font-size: 10px;
    display: flex;
    margin-left: 20px;
}
.anr-btn2{
    margin-left: 5px;
}
}
/*---------------------- end of the part ------------------*/

/*--------------- start paymentdetails part --------------------*/
@media (max-width:768px){
    .pmd-btn{
        display: flex;
    }
    .pmd-btn .btn{
        left: 10px;
    }
}
@media screen and(max-width:768px){
    .upload h4{
        font-size: 15px;

    }
    .upload{
        width: 80%;
        margin-left: 10%;
    }
    .upload input{
        width: 100%;
    }
    .upload-body2{
        justify-content: center;
        font-size: 15px;
        align-items: center;
        margin-left: none;
    }
    .upload-body2 h5{
        font-size: 10px;
    }
    .upload button i{
        font-size: 15px;
        padding:1px;
    }
}
@media screen and (max-width: 768px){
    .upload-btn{
        
        font-size: 15px;
        padding: none;
    }
    .btn-save{
        padding: none;
        margin-left:none;
        margin-top: 1%;
    }
    
}
/*--------------------- end of the part ---------------------*/

/*-------------------- start emailid part -------------------*/
@media(max-width:768px){
    .banner6{
        justify-content: center;
        align-items: center;
    }
    .banner6 h2{
        font-size: 15px;
    }
    .banner6 .email-btn{
        text-align: center;
        padding: 10px 15px;
        margin-left: 20%;
        
    }
    .banner6 .email-card{
        width: 80%;
        margin-left: 10px;
    }
}

/*--------------------- end of the part --------------------*/

/*------------------ start footerpart responsive-------------- */
@media screen and (max-width: 768px){
    footer{
        padding: 20px 0;
        text-align: center;
    }
    footer h6{
        font-size: 10px;
    }
    .media{
        margin-top: 5px;
    }
    footer .media{
        font-size: 15px;
        letter-spacing: 5px;
        text-align: center;
    }
}
/*------------------- end of footerpart responsive-------------- */