#microphoneIcon{
    position: absolute;
    transform: translateY(60%);
    right: 25px;
    color: #bfbfbf;
    cursor: pointer;
    font-size: 20px;
    transition: color 0.3s ease;
}

#microphoneIcon.clicked {
    color: rgb(234, 67, 53);
    animation: ringAnimation 1s infinite;
}

@keyframes ringAnimation {
    0% {
        border-radius: 50%;
        box-shadow: 0 0 0 0 rgba(255, 0, 0, 0.7);
    }
    50% {
        border-radius: 50%;
        box-shadow: 0 0 20px 20px rgba(255, 0, 0, 0);
    }
    100% {
        border-radius: 50%;
        box-shadow: 0 0 0 0 rgba(255, 0, 0, 0);
    }
}

.mobile-logo{
    display: none !important;
}
.web-logo{
    display: unset !important;
}
.web-view-call{
    display: unset !important;   
}
.mv-call{
    display: none !important;
}  
.web-view-mail{
    display: unset !important;   
}
.mv-mail{
    display: none !important;
}   
@media only screen and (max-width:700px){
    #microphoneIcon{
        transform: translateY(0%);
        font-size: 15px;
        right: 30px;
        z-index: 999;
    }
    .online-header{
        z-index: 4 !important;
    }
    .membership-img-mobile{
        display: flex !important;
    }
    .img-size-slider-mobile{
        width: 75% !important;
        left: 13% !important;
        position: relative !important;
    }
    .membership-img{
        z-index: 4 !important;
        top: 30%;
    }
    .new-product{
        height: 52px !important;
        left: -4px !important;
        top: -15px;
    }
    .lead-days-icon{
        height: 38px !important;
        width: 38px !important;
        font-size: 8px !important;
    }
    .product-stock{
        height: 38px !important;
        width: 38px !important;
        font-size: 8px !important;
        background-color: #FFFFFF !important;
    }
    .product-stock-mobile{
        font-size: 8px !important;
    }
    .crown-part-menu a img {
        margin-top: 0px !important;
    }
    .web-logo{
        display: none !important;
    }
    .mobile-logo{
        display: unset !important;
        width: 62.31px !important;
        height: 28px !important;
        padding: 0px, 0px, 0px, 0px !important;
    }
    .input-group-merge{
        position: relative !important;
        bottom: 87px;
        left: 70px;
        width: 207px;
        height: 30px;
        padding: 0px, 0px, 0px, 5px;
        border-radius: 6px;
/*        border-right: 1px solid gray;*/
        border-radius: 6px;
        gap: 23px;
    }
    .input-group-append{
        display: none;
    }
    .search-input{
        padding: 15px !important;
        width: 195px;
        height: 15px !important;
    }
    .web-view-call{
    display: none !important;   
    }
    .mv-call{
        display: unset !important;
    } 
    .web-view-mail{
        display: none !important;   
    }
    .mv-mail{
        display: unset !important;
        bottom: 47px !important;
        left: 140px !important;
    }

    .input-group>.form-control, .input-group>.form-select{
        top:0px !important;
    }

    .input-group.input-group-merge input {
        border: 1px solid #A2A2A2;
        border-radius: 6px 6px 6px 6px !important;
/*        margin-right: 20px;*/
        margin-left: -5px;
        margin-right: 20px;
    }

    .redireck-link{
        position: relative;
        left: 159px;
        bottom: 44px;
        font-size: 30px;
    }
    .mail-link{
        position: relative;
        left: 138px !important;
        bottom: 48px;
        font-size: 30px;
    }
    .phone-img{
        height: 21px;
    }
    .email-img{
        height: 22px;
        margin-right: 26px;
    }
    .position-mobile{
        top:-86px;
        position: relative;
    }
    .nav-link{
        padding: 0px !important;
    }
    .cart-icon{
        position: relative;
        left: 174px;
    }
    .wish-icon{
        position: relative;
        left: 162px;
    }
    .quote-icon{
        position: relative;
        left: 136px;
    }
    .profile-icon{
        position: relative;
        left: 116px;
    }
    .icon-color{
        color: #BFBFBF !important;
    }
    .mobile-menu-icon{
        position: relative !important;
        top: -139px;
        right: 155px !important;
        color: #BFBFBF !important;
    }
    .mobile-menu-icon{
        padding-right: 0px !important;
    }
    .head-nav{
        box-shadow: 0px 0px 0px 0px!important;
    }
    .sticky-top{
        max-height: 113px !important;
        box-shadow: 0px 1px 0px 0px !important;
        color: #BFBFBF !important;   
    }
    .input-box{
        top:37px !important;
    }
    .input-box>.form-control, .input-group>.form-select{
        top:-125px !important;
    }
    .input-box>.form-control, .input-group>.proceed-country{
        top: 0px !important;
    }
    .login-cart{
        top: -85px;
        position: relative;
        left: 167px;
    }
    .category-icon{
        position: relative;
        top: -68px;
        left: 96px;
    }
    .mobile-view-div{
        display: flex !important;
    }
    .desktop-view-div{
        display: none;
    }
    .pl-6{
        padding-left: 6px;
    }
    .login-wishlist{
        top: -85px;
        position: relative;
        left: 160px;
    }
    .login-quote{
        position: relative;
        top: -85px;
        left: 137px;
    }
    .login-profile{
        position: relative;
        top: -85px;
        left: 121px;
    }
    .category-logout{
        top: -56px;
        left: 31px;
    }
    .header-name{
        font-size: 9px;
        color: #000;
    }
    .border-bottom-header{
        display: none !important;
    }
    .slider-ribbon{
        display: none !important;
    }
}

@media only screen and (min-width: 390px) and (max-width: 400px) 
{
    .mobile-menu-icon{
        right: 170px !important;
    }
    .input-group.input-group-merge input{
        margin-left: 0px !important;
        margin-right: 0px !important;
    }
    #microphoneIcon{
        right: 13px !important;
        z-index: 999;
    }
    .email-img{
        margin-right: 0px !important;
    }
    .category-icon{
        left: 115px !important;
    }
    .login-profile {
        left: 136px !important;
    }
    .login-quote{
        left: 150px !important;
    }
    .login-wishlist{
        left: 175px !important;
    }
    .login-cart {
        left: 177px !important;
    }
}

@media only screen and (min-width: 414px) and (max-width: 767px) 
{ 
    .input-group.input-group-merge input{
        margin-right:-20px !important;
    }
    #microphoneIcon{
        right: -7px !important;
        z-index: 999;
    }
    .email-img{
        margin-right: -20px !important;
    }
    .mobile-menu-icon{
        right: 182px !important;
    }
    .category-icon{
        left: 136px !important;
    }
    .login-profile{
        left: 153px !important;
    }
    .login-quote {
        left: 166px !important;
    }
    .login-wishlist{
        left: 188px !important;
    }
    .login-cart{
        left: 188px !important;
    }
}
@media only screen and (min-width: 428px) and (max-width: 767px) {
    .input-group.input-group-merge input{
        margin-right:-33px !important;
    }
    #microphoneIcon{
        right: -18px !important;
        z-index: 999;
    }
    .email-img{
        margin-right: -33px !important;
    }
    .mobile-menu-icon{
        right: 189px !important;
    }
    .category-icon{
        left: 150px !important;
    }
    .login-profile{
        left: 168px !important;
    }
    .login-quote {
        left: 180px !important;
    }
    .login-wishlist{
        left: 200px !important;
    }
    .login-cart{
        left: 200px !important;
    }
}
@media only screen and (min-width: 375px) and (max-width: 767px)
{
    .input-group.input-group-merge input{
        margin-right:0px !important;
    }
    #microphoneIcon{
        right: 10px !important;
        z-index: 999;
    }
    .email-img{
        margin-right: 0px !important;
    }
    .mobile-menu-icon{
        right: 162px !important;
    }
    .category-icon{
        left: 107px !important;
    }
    .login-profile{
        left: 132px !important;
    }
    .login-quote {
        left: 148px !important;
    }
    .login-wishlist{
        left: 171px !important;
    }
    .login-cart{
        left: 171px !important;
    }
}

@media only screen and (min-width: 360px) and (max-width: 767px) 
{
    .input-group.input-group-merge input{
        margin-right:10px !important;
    }
    #microphoneIcon{
        right: 20px !important;
        z-index: 999;
    }
    .email-img{
        margin-right: 0px !important;
    }
    .mobile-menu-icon{
        right: 155px !important;
    }
    .category-icon{
        left: 100px !important;
    }
    .login-profile{
        left: 124px !important;
    }
    .login-quote {
        left: 141px !important;
    }
    .login-wishlist{
        left: 164px !important;
    }
    .login-cart{
        left: 164px !important;
    }
}

@media only screen and (min-width: 430px) and (max-width: 767px)
{
    .input-group.input-group-merge input{
        margin-right:-25px !important;
    }
    #microphoneIcon{
        right: -11px !important;
        z-index: 999;
    }
    .redireck-link{
        left: 166px !important;
    }
    .contact-email span{
        margin-right: 10px !important;
    }
    .email-img{
        margin-right: 0px !important;
    }
    .mobile-menu-icon{
        right: 190px !important;
    }
    .category-icon{
        left: 153px !important;
    }
    .login-profile{
        left: 173px !important;
    }
    .login-quote {
        left: 184px !important;
    }
    .login-wishlist{
        left: 200px !important;
    }
    .login-cart{
        left: 200px !important;
    }
    .head-right-con-eml span a{
        margin-left: 0px !important;
    }
}

/*Responsive by Vishal*/
@media only screen and (min-width: 390px) and (max-width: 400px){
    .mobile-menu-icon{
        right: 170px !important;
    }
    .head-social-icon ul{
        padding-left: 18px;
    }
    .navbar-nav{
        padding-left: 20px;
    }
    .email-img{
        margin-right: -5px !important;
    }
    .position-mobile{
        left: 11px;
    }
}

@media only screen and (min-width: 400px) and (max-width: 420px){
    .mobile-menu-icon{
        right: 181px !important;
    }
    .with-login-header{
        margin-left: 42px !important;
    }
    .email-img{
        margin-right: -25px !important;
        margin-left: 10px;
    }
    .position-mobile{
        left: 23px;
    }
}

@media only screen and (min-width: 420px) and (max-width: 430px){
    .mobile-menu-icon{
        right: 188px !important;
    }
    .with-login-header{
        margin-left: 57px !important;
    }
    .email-img{
        margin-right: -35px !important;
        margin-left: 10px;
    }
    .position-mobile{
        left: 27px;
    }
}

@media only screen and (min-width: 375px) and (max-width: 380px){
    .mobile-menu-icon{
        right: 162px !important;
    }
    .with-login-header{
        margin-left: 4px !important;
    }
    .email-img{
        margin-right: 0px !important;
    }
    .header-email{
        padding-left: 15px;
    }
    .position-mobile{
        left: 5px;
    }
}

@media only screen and (min-width: 360px) and (max-width: 370px){
    .with-login-header{
        margin-left: -12px !important;
    }
    .email-img{
        margin-right: 0px !important;
    }
    .mail-link{
        left: 128px !important;
    }
    .redireck-link{
        left: 145px;
    }
    .input-group-merge{
        left: 58px;
    }
    .position-mobile{
        left: 0px;
    }
}

@media only screen and (min-width: 430px) and (max-width: 450px){
    .email-img{
        margin-right: -5px !important;
        margin-left: -3px;
    }
    .with-login-header{
        margin-left: 5px !important;
    }
}