@media(max-width: 600px) {
    .logo {
        width: 50%;
    }

    .containerFluid {
        --bs-gutter-x: 0 !important;
    }

    .navbarBrand {
        margin-right: unset !important;
    }

    .bgImage {
        padding: 20px 5px;
    }

    .bgImage{
        background-image: url('../img/mobileHeadBg.png');
        background-position: center;
        background-size: cover;
    }

    .heroSection{
        background-image: url('../img/mobileBg.png');
    }

    .heroHeading h4{
        font-size: 20px;
        max-width: 200px;
    }

    .heroPara p {
        font-size: 12px;
        max-width: 200px;
    }

    .inputGroup {
        border-radius: 10px;
        overflow: hidden;
        border: none !important;
        padding: 10px 15px 10px 10px;
        background: unset;
        display: block;
        align-items: center;
        width: 100% !important;
    }

    .formControl {
        border-radius: 10px;
        overflow: hidden;
        border: 1px solid #CF04F5 !important;
        padding: 10px 15px 10px 10px;
        background: white;
        display: flex;
        align-items: center;
        width: 100% !important;
        border-top-right-radius: 10px !important;
        border-bottom-right-radius: 10px !important;
    }
    
    .inputGroupBtn{
        margin-top: 20px;
        border-top-left-radius: 10px !important;
        border-bottom-left-radius: 10px !important;
        width: 100% !important;
    }

    .howitworkImage{
        width: 100%;
    }

    .howitworkText{
        margin-top: 0px;
    }

    .howitworkText p{
        width: auto;
    }

    .left-section,
    .right-section {
        padding: 10px;
        min-height: 100px;
    }

    .expsection{
        padding: 5px;
    }

    .avatar {
        width: 100px;
        height: 100px;
    }

    .sectionImagLg, .sectionImagSm{
        height: 100px;
        width: 100%;
    }

    .sectionHead{
        font-size: 14px;
    }

    .sectionPara{
        font-size: 12px;
    }

    .imgMobile-width{
        width: 95%;
    }

    .homeFoot{
        margin: 10px !important;
        padding: 10px !important;
    }

    .dNoneMobile{
        display: none !important;
    }

    .footLinkItem{
        margin: 10px 0px;
    }

    .footLinkItem a{
        margin: 0px;
    }

    .rightFoot{
        padding: 5px;
    }
    .socilLink img{
        margin: 1px;
        width: 20px;
        height: 20px;
    }

    .footCopyRight{
        font-size: 10px;
        color: #FFFFFF;
        background-color: #101010;
        padding: 5px;
        text-align: center;
        margin-top: 10px;
    }

    .rightFoot, .footBg{
        padding: 0px;
    }

    .rightFoot{
        padding-bottom: 20px;
    }

    .paddMobile{
        padding: 0px 20px;
    }

    .card-img img {
        height: 150px;
    }

    .font-sm-16{
        font-size: 16px !important;
    }

    .font-sm-14{
        font-size: 14px !important;
    }

    .font-sm-12{
        font-size: 12px !important;
    }

    .font-sm-10{
        font-size: 10px !important;
    }

    .font-sm-8{
        font-size: 8px !important;
    }

    .cardMainGift{
        padding: 5px !important;
    }

    .user-info{
        padding: 5px !important;
    }

    .user-info img {
        width: 30px;
        height: 30px;
    }

    .card-btn-secondary, .card-btn-primary{
        --bs-btn-padding-y: unset;
        --bs-btn-padding-x: unset;
        padding: 0px;
    }

    .displaymnone {
        display: none !important;
    }

    .display-m-none {
        display: none !important;
    }

    .display-lg-none{
        display: unset !important;
    }

    .userxpoebanner{
        height: 70px;
        margin-bottom: 80px;
    }

    .expouseravatar {
        width: 80px;
        height: 80px;
    }

    .expouserAvear {
        margin-top: 40px;
        margin-left: 20px;
    }

    .expouseravatarRate {
        width: 40px;
        height: 40px;
    }

    .userExpo{
        padding: 10px 1px 25px 1px;
    }

    .expTab a{
        font-size: 12px !important;
    }

    .forceHeightexpp{
        height: 30px;
    }

    .cardTotal{
        border: unset !important;
    }

    .authWindffr{
        background-color: #EDF1F3;
    }

    .text-center-m{
        text-align: center;
    }

    .cardContainerOnbInner{
        width: 100%;
    }

    .cardContainerOnbInner .card{
        border: unset !important;
        box-shadow: unset !important;
    }

    .cardContainerOnbInner h2{
        text-align: unset !important;
    }

    .cardContainerOnbImga{
        padding: 10px 0px;
        text-align: center;
    }

    .cardContainerOnb {
        height: unset !important;
        display: unset !important;
        justify-content: unset !important;
        align-items: unset !important;
    }

    .onbtn {
        width: 100%;
    }
    
    .wm100 {
        width: 100%;
    }

    .bgHeadNave{
        padding: 10px 5px;
    }

    .borderTopmobile{
        border-top: 1px solid #C3C3C3;
        padding-top: 20px;
    }
}