@media (min-width: 320px) and (max-width: 767px) {

   

    .wrapper-banner {

        padding: 20px 0px 65px;

    }

    section.wrapper-banner .container-fluid {

        padding: 0px 15px;

    }

    .wrapper_content h1 {

        font-size: 27px;

        line-height: 36px;

        font-weight: 400;

    }

    .wrapper_content {

        padding-right: 0px;

    }

    .wrapper_content img {

        display: none;

    }

    .wrapper_form-fild {

        margin-top: 20px;

        padding: 30px 20px 30px;

    }

  section.wrapper-list {

    padding: 30px 0px;

}

    section.wrapper-list h2 {

        font-size: 27px;

        line-height: 36px;

        padding-bottom: 30px;

    }

    .wrapper-cu-list:before {

        width: 100%;

        left: 0px;

    }

    .wrapper-cu-list h4 {

        padding: 8px 0px 9px;

    }

    .wrapper-info {

        margin-top: 20px;

        padding: 30px 20px;

    }



    .wrapper-logo img {

        width: 100%;

        margin-bottom: 28px;

    }



    .wrapper-info h3 {

        font-size: 20px;

        line-height: 23px;

        font-weight: 200;

        margin: 0px;

        padding-bottom: 10px;

    }



    .wrapper-info span {

        font-size: 17px;

        font-weight: 400;

    }



    .wrapper-info span a {

        font-size: 18px;

        font-weight: 400;

    }

    

    .wrapper_form-fild h4{

        font-size:17px;

    }

    .flex-footer {

    display: inherit;

}

.wrapper-flex {

    display: inherit;

    align-items: center;

    justify-content: space-between;

}

.wrapper-flex {

    display: inherit;

    align-items: center;

    justify-content: space-between;

}

.flex-footer ul {

    flex-wrap: wrap;

    justify-content: center;

}

.flex-footer img {

    margin: 10px 0px 20px;

}



.flex-footer {

    text-align: center;

    width: 100%;

}



.wrapper-social ul {

    justify-content: center;

}

    .flex-footer ul li {

    font-family: apercu;

    font-size: 13px;

    color: #8c8989;

    padding-right: 21px;

    font-weight: 400;

    position: relative;

    padding-bottom: 10px;

}



.wrapper-customer {

    padding-top: 0px;

}



.wrapper-field input, select {

    margin-bottom: 20px;



}





.main-logo img {

    width: auto;

    padding-bottom: 10px;

}

.wrapper-filp ul {

    display: inherit;

   

}

.wrapper-filp ul li {

    width: 60%;

    margin-right: 0;

    margin: 0 auto;

}



.wrapper-filp ul li:last-child {

    margin-right: auto;

}

.client-logo {

    margin-bottom: 16px;

}

  }