#mobile-display-block{
    display: block !important;
}

#mobile-display-none{
    display: none !important;
}

#contact-us-body-container{height: auto;padding: 20px 3%;}
#contact-us-body-container h2{margin: 12px 0px 0px 0px;padding: 0px 10px 0px 0px;font-size: 20px;}
#contact-us-body-container article{margin: 20px 8%;padding: 12px 2%;width: 82%;text-align: center;clear: both;min-height: 200px;}
#contact-us-body-container article img{margin: 15px auto;}
.back-to-login-container{width: 68%;text-align: center;padding: 15px 4% 25px 4%;border-radius: 6px;margin: 20px auto;background-color: #fbfcfc;clear: both;display: block;color: #fff;font-size: 22px;font-weight: bold;box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.10), 0 2px 5px 0 rgba(0, 0, 0, 0.12);}
.back-to-login-container a{text-decoration: none;width: 100%;display: block;height: auto;color: #222;}
.back-to-login-container img{width: 36px;height: 36px;object-fit: contain;margin: 20px auto;display: block;}

/* home dashboard style */
#body-container #small-container-right-a{
width: 98%;clear: both;min-height: 300px;padding: 10px 2%;margin: 15px 1%;border-radius: 3px;}
#body-container #small-container-right-a h2{padding: 5px 0px 10px 0px;margin: 0px;font-size: 16px;}


/* table view */
.full-table-details-border{margin: 12px 0px 0px 0px;}
.full-table-details-border h4{margin: 7px 0px;font-size: 12px;}
.full-table-details-border td{font-size: 11px;padding: 8px 1.5%;}

.full-table-details-border-v2{margin: 12px 0px 0px 0px;}
.full-table-details-border-v2 h4{margin: 7px 0px;font-size: 12px;}
.full-table-details-border-v2 td{font-size: 11px;padding: 8px 1.5%;}

/* container style */
.full-div-width-block{width: 100%;padding: 10px 1%;margin: 2px 0% 15px 0px;border-radius: 4px;}
.full-div-width-block h2{margin: 0px;padding: 5px 0px;font-size: 13px;}

/* grid */
#insurance-products-grid-3{display: grid;grid-column-gap: 2%;grid-row-gap: 15px;grid-template-columns: 50% 50%;padding:15px 10px 10px 5px;}


/* settings style */  
#personal-details{width: 97%;margin: 0px 1.5% 10px 1.5%;min-height: 300px;clear: both;}
#personal-details .container-personal-d1 section{font-size: 12px;font-weight: bold;}
#personal-details .container-personal-d2 h2{padding: 7px 0px;font-size: 12px;}
#personal-details .container-personal-d2 p{padding: 7px 0px;font-size: 12px;}
#settings-container-changes{width: 97%;margin: 0px 1.5% 10px 1.5%;min-height: 400px;clear: both;}
#settings-container-changes .change-personal-details{margin: 0px 0px 15px 0px;}
#settings-container-changes .change-personal-details h2{padding: 10px 0px;margin: 0px;font-size: 12px;font-weight: bold;}
#settings-container-changes .change-personal-details h4{padding: 7px 0px 6px 0px;}


/* claims */
/* claims style  */
#claim-header{
    padding: 0px 2% 10px 2%;
}

#claim-header-agent{
    padding: 0px 0% 10px 0px;
}

#claim-header article{
    min-height: 120px;
    width: 40%;
    border-radius: 5px;
    padding: 7px 2%;
    margin: 0px 3% 10px 3%;
}
#claim-header-agent article{
    min-height: 120px;
    width: 44%;
    border-radius: 5px;
    padding: 7px 2%;
    margin: 0px 3% 10px 3%;
}

#claim-header article img{
    height: 46px;
    width: 46px;
    margin: 10px 0px;
}
#claim-header-agent article img{
    height: 46px;
    width: 46px;
    margin: 10px 0px;
}


#claims-info-success{
    clear: both;
    width: 100%;
    padding: 10px 3% 10px 3%;
    margin: 10px 0px;
}

#claims-info-success h2{
    font-size: 18px;
}

#claims-container-block{
    clear: both;
    width: 98%;
    padding: 10px 2.5%;
    min-height: 400px;
    margin: 15px 1%;
}

#claims-container-block h2{font-size: 18px;}
.imageview{
    width: 47%;
    float: left;
    height: 180px;
    margin: 0px 1.5% 20px 1.5%;
}

/* column layout */
.view-col-full{padding: 3px 0px;}
.view-col-half-left{width: 100%;clear: both;padding: 0%;}
.view-col-half-right{width: 100%;clear: both;padding: 0%;}
.view-col3-left{width: 100%;clear: both;padding: 3px 0%;}
.view-col3-mid{width: 100%;clear: both;margin: 0px;}
.view-col3-right{width: 100%;clear: both;}
.view-col-full h5, .view-col-half-left h5, .view-col-half-right h5, .view-col3-left h5, .view-col3-mid h5, .view-col3-right h5{margin: 4px 0px 0px 0px;}
/* end column layout */

/* general */
h2 span{display: block;width: 100%; padding: 5px 0px;text-align: center;}
h2 button{font-size: 10px;}
.hide-hr{display: none;}
.button-circle{padding: 1px 5px;border-radius: 50%;}



/* view */
/* container modal */
.how-to-pay-cont{
    width: 90%;
    min-height: 450px;
    padding: 10px 2%;
    border-radius: 4px;
}
.how-to-pay-cont .header-content{
    padding: 10px 0px;
}
.how-to-pay-cont #images-full-modal{
    height: 380px;
}

/* insurance status */
.title-content{
padding: 15px 3%;}

.title-content-left-side{
padding: 15px 3%;
width: 100%;
margin: 15px 0px 0% 0px;
min-height: 250px;
clear:both;}

.title-content-right-side{
    padding: 15px 3%;
    width: 100%;
    margin: 15px 0px 0% 0px;
    min-height: 250px;
    clear:both;}


    /* search motor details */
    #motor-search-container{
        width: 100%;
        padding: 70px 10% 20px 10%;
        top: 52px;
        left: 0%;
        border-top-left-radius: 0px;
        border-bottom-left-radius: 0px;
    }


    /* loyalty program or vusha vuna point */
    .vuna-point-icons-title{padding: 5px 0px;}
    .vuna-point-icons-title article{height: 70px;}
    .vuna-point-icons-title article .icons-vusha-vuna{
        width: 40px;
        height: 35px;
        clear: both;
        line-height: 35px;
        margin: 5px auto;
        font-size: 18px;
    }
    .vuna-point-icons-title article .vusha-vuna-icon-title{
        height: 35px;
        clear: both;
        text-align: center;
        font-size: 13px;
        line-height: 35px;
        margin: 5px auto;
    }
    


    .contents-vuna-getstarted{
        clear: both;
        padding: 10px 3%;
        margin: 0px;
        min-height: 200px;
        width: 100%;
    }
    
    .contents-vuna-getstarted-img{
        clear: both;
        width: 100%;
        padding: 15px 3%;
        margin: 0px;
        min-height: 200px;
    }
    
    .contents-vuna-getstarted-img img{
        margin: 10px auto;
    }


    
    #vuna-point-items-list h2{
        font-size: 20px;
    }
    
    #vuna-point-items-list article{
        width: 47%;
        margin: 15px 1.5%;
        height: 250px;
    }
    
    #vuna-point-items-list .img-items{
        height: 140px;
    }
    
    #vuna-point-items-list .img-items img{
        height: 140px;
    }
    
    #vuna-point-items-list h3{
        margin: 10px 0px 0px 0px;
        padding: 5px 0px 0px 0px;
        font-size: 14px;
    }





    #home-vusha-vuna-point-container .vuna-point-home-temp .article-used{
        margin: 0px 0px 15px 0px;
        height: 80px;
        width: 100%;
        padding: 0px 2%;
    }
    
    #home-vusha-vuna-point-container .vuna-point-home-temp .article-current{
        margin: 0px;
        height: 80px;
        padding: 0px 2%
    }


    #home-vusha-vuna-point-container .title-vusha-vuna{
        width: 65%;
        height: 80px;
        line-height: 80px;
        font-size: 12px;
    }
    #home-vusha-vuna-point-container .points-vusha-vuna{
        width: 25%;
        height: 80px;
        line-height: 80px;
        font-size: 11px;
    }
    



    
    #home-vusha-vuna-point-container .vuna-point-home-temp{
        width: 70%;
    }
    #home-vusha-vuna-point-container .vuna-point-button-temp{
        width: 25%;
    }
    
    #home-vusha-vuna-point-container .vuna-point-button-temp .btnHistory{
        padding: 12px 1%;
        margin-bottom: 10px;
        font-size: 12px;
    }
    #home-vusha-vuna-point-container .vuna-point-button-temp .btnClaimRewards{
        padding: 12px 1%;
        margin-bottom: 10px;
        font-size: 12px;
    }
    
    #home-vusha-vuna-point-container .vuna-point-button-temp .btnGetstartHome{
        padding: 12px 1%;
        margin-bottom: 10px;
        font-size: 12px;
    }
    


















    #vuna-testimonial-container{
        margin: 20px 0% 10px 0%;
    }
    
    #vuna-testimonial-container h2{
        padding: 7px 0px;
        margin: 7px 0px;
        font-size: 18px;
    }
    
    #vuna-testimonial-container article{
        width: 97%;
        margin: 10px 1.5%;
        padding: 10px 1%;
        min-height: 200px !important;
        clear: both;
    }
    
    #vuna-testimonial-container article h2{
        font-size: 14px;
        text-align: left;
        font-weight: bold;
        margin: 20px 0px 5px 0px;
        padding: 0px;
    }
    
    #vuna-testimonial-container article h2 span{
        font-size: 14px;
        text-align: right;
        float: right;
        font-weight: bold;
        display: none;
    }
    
    #vuna-testimonial-container article .user-profile-picture{
        float: left;
        width: 25%;
        height: 145px;
        margin-top: 55px;
        text-align: center;
    }
    
    #vuna-testimonial-container article .user-profile-picture img{
        border-radius: 50%;
        width: 76px;
        height: 76px;
        object-fit: contain;
        box-shadow: 0px 1px 2px 0 rgba(0, 0, 0, 0.09), 0 1.5px 2px 0 rgba(0, 0, 0, 0.08);
    }
    
    #vuna-testimonial-container article .user-testmonial-content{
        float: left;
        width: 75%;
        padding: 0px 2%;
        height: 200px;
    }







    #vuna-point-rewards-modal{
        padding: 20px 5%;
    }
    
#cointainer-rewards-list .img-container-reward-items{
    width: 20%;
}
#cointainer-rewards-list .img-container-reward-items img{
    height: 70px;
    width: 110px;
}
#cointainer-rewards-list .point-container-reward-required{
    width: 28%;
    padding: 14px 0px 0px 0px;
    font-size: 12px;
}
#cointainer-rewards-list .button-container-reward-claims{
    width: 22%;
}
#cointainer-rewards-list .button-container-reward-claims button{
    padding: 5px 3%;
    margin-top: 15px;
    font-size: 10px;
}
#cointainer-rewards-list .point-container-reward-remain{
    width: 30%;
}
#cointainer-rewards-list .point-container-reward-remain button{
    margin-top: 15px;
    padding: 3px 3%;
    font-size: 10px;
}












/* successful */
#vuna-point-rewards-success-modal{
    padding: 25px 5%;
}

#vuna-point-rewards-success-modal .vuna-point-rewards-success-modal .successful-claim-img{
    clear: both;
    width: 90%;
    margin: 10px 5%;
    height: 180px;
}

#vuna-point-rewards-success-modal .vuna-point-rewards-success-modal .successful-claim-feedback{
    clear: both;
    width: 100%;
    margin: 6px 0px;
    padding: 10px 5%;
}
#vuna-point-rewards-success-modal .vuna-point-rewards-success-modal .successful-claim-feedback h3{
    margin: 6px 0px;
    font-size: 16px;
}

#vuna-point-rewards-success-modal .vuna-point-rewards-success-modal .successful-claim-feedback button{
    padding: 6px 1.5%;
    margin: 20px 0px 0px 0px;
    width: 140px;
}