.mfp-search{
    .mfp-content{
        max-width: 500px;
        padding: 0;
        background: transparent;
        @include media-breakpoint-down(sm){
            max-width: 420px;
        }
        @include media-breakpoint-down(xs){
            max-width: 90%;
            width: 420px !important;
            position: fixed;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
        }
        .nb-input-group{
            .search-field{
                background: transparent;
                color: #aaa;
                &::-webkit-input-placeholder {
                    color: #888;
                }
                &:-moz-placeholder {
                    color: #888;
                    opacity:  1;
                }
                &::-moz-placeholder {
                    color: #888;
                    opacity:  1;
                }
                &:-ms-input-placeholder {
                    color: #888;
                }
            }
        }
    }
    .mfp-close{
        display: none;
    }
    .nb-input-group{
        .search-field{
            border-radius: 25px;
        }
    }
}
.mfp-inline-holder{
    .mfp-content{
        background: transparent;
    }
}
.mfp-figure:after {
    background-color: transparent !important;
}
.mfp-content{
    .nb-input-group{
        position: relative;
        .search-button{
            button{
                position: absolute;
                top: 2px;
                right: 10px;
                width: 40px;
                border: 0;
                border-radius: 0;
                padding: 0;
                color: #aaa;
                background: transparent !important; 
            }
        }
    } 
}
