@media (max-width: 767px) {
    .login-container{
        background-size: 100%;
    }
    .login-form-main{
        padding: 3vh 30px 0;
    }
    .btn-secondry{
        min-width: 200px;
    }
    .form-group {
        margin-bottom: 15px;
    }
    .login-form-main p{
        font-size: 15px;
    }
    .login-form-main h2{
        font-size: 28px;
    }
    .otp-input input {
        width: 40px;
        height: 55px;
        margin: 0 5px;
    }
    .search-main{
        margin: 17px 0;
        padding: 7px 10px;
    }
    .search-main .form-control{
        width: 80%;
    }
    .iti__globe {
        background-image: var(--iti-path-globe-1x);
    }
    .login-form-main h5{
        font-size: 18px;
    }
    header{
        margin: 13px 15px 0;
        height: 40px;
        padding: 5px 8px;
    }
    .langue-dropdown .lang-flag {
        width: 27px;
        height: 27px;
        margin-right: 7px;
    }
    .logo {
        max-width: 140px;
    }
    .header-right a{
        width: 27px;
        height: 27px;
        margin-left: 5px;
        font-size: 16px;
    }
    .header-title-main .header-back-button img {
        max-width: 30px;
    }
    .header-title-main h1{
        font-size: 18px;
        margin-left: 5px;
    }
    .title-main{
        margin-top: 0px;
        padding: 10px 0 12px;
    }
    .title-design {
        top: -25%;
        height: 35px;
        width: 80px;
    }
    .title h1{
        font-size: 18px;
        background-size: 50px;
        padding-bottom: 0px;
    }
    .design-left{
        border-top-right-radius: 25px;
    }
    .design-right{
        border-top-left-radius: 25px;
    }
    .popular-slider-main {
        margin: 18px 0 18px;
    }
    .popular-icon-box{
        height: 80px;
    }
    .popular-icon-box img {
        max-height: 100% !important;
        max-width: 100%;
        height: 80px;
    }
    .popular-main p{
        font-size: 14px;
        margin-top: 3px;
    }
    .dropdown-item{
        font-size: 12px;
    }
    .charging-games-slider-main {
        margin: 25px 0 35px;
    }
    .charging-games-icon-box {
        box-shadow: -2px 3px 6px -1px rgba(210, 17, 49, 0.6);
    }
    .charging-games-view-all{
        font-size: 18px;
        margin-top: 5px;
    }
    .charging-cards-main-area{
        margin: 16px 0;
        padding: 0 6px;
    }
    .charging-cards-main-area .col-4{
        padding-left: 5px;
        padding-right: 5px;
    }
    .charging-cards-main{
        margin-bottom: 10px;
    }
    .charging-cards-icon-box{
        box-shadow: -2px 3px 6px -1px rgba(210, 17, 49, 0.6);
    }
    .home-area-mian {
        padding-bottom: 100px;
    }
    .home-area-mian .bar-slider{
        bottom: 15px;
    }
    footer{
        padding: 0;
    }
    .product-card-main-area {
        margin: 25px 0 0;
        padding: 0 8px;
    }
    .product-card-main-area .col-4{
        padding-left: 5px;
        padding-right: 5px;
    }
    .product-card-main{
        margin-bottom: 10px;
    }
    .product-card-icon-box{
        border-radius: 20px;
    }
    .product-card-main p {
        font-size: 12px;
        margin-top: 5px;
    }
    .product-filter {
        margin-bottom: 15px;
    }
    .product-filter .dropdown-toggle{
        padding: 5px;
    }
    .total-amount p{
        font-size: 12px;
    }
    .total-amount img {
        width: 22px;
    }
    .total-amount {
        padding: 6px 25px 6px 7px;
    }
    .quantity_error_note {
        padding: 3px 0 0px 8px;
    }
    .quantity-box-main-area {
        margin: 10px 0 10px;
    }
    .make-payment-button {
        margin-top: 20px;
    }
    .payment-button .payment-price{
        padding: 12px;
        font-size: 12px;
    }
    .payment-text p{
        font-size: 14px;
    }
    .payment-text img {
        width: 27px;
        left: 9px;
    }
    .payment-text{
/*        width: 65%;*/
    }
    .failedpayment-modal-body .accordion-item .accordion-button{
        font-size: 14px;
    }
    .application-box-content h5{
        font-size: 9px;
    }
    .application-box-content h4{
        font-size: 13px;
    }
    .application-box-content h2{
        font-size: 14px;
    }
    .product-image {
        height: 200px;
    }
    .product-content-area-main h4{
        margin-top: 0;
    }
    .coupon-category ul li p{
        font-size: 13px;
    }
    footer ul li {
        margin: 24px;
    }
}