.redMessage {
    color: #007bff;
    font-size: 12px;
    font-weight: bold;
}

.greenMessage {
    color: green;
    font-size: 12px;
    font-weight: bold;
}

.ValidationError {
    color: #007bff;
    font-size: 12px;
    position: absolute;
    bottom: 0;
    left: 0;
    font-weight: bold;
}

.LabelError {
    color: #007bff;
    font-size: 12px;
    bottom: 0;
    left: 0;
    font-weight: bold;
}

.userInputContainer {
    position: relative;
    position: relative;
    padding: 6px 0px 18px 0;
}

.PageNavigation {
    width: 100%;
    text-align: center;
    margin-bottom: 25px;
}

    .PageNavigation div {
        display: inline-block;
        vertical-align: middle;
    }

.homeIcon {
    font-size: 30px;
}

.searchSoundEffects_inner p {
    line-height: initial;
}

.searchSoundEffects_inner .form-control {
    /* width: 105%; */
}

.form-control {
    height: 34px !important;
}

.menuButton {
    display: none;
}

.pageWidth {
    width: 95% !important;
}

.addBLock {
    text-align: center;
}

.DefaultPage {
    margin-top: 30px;
}

.searchSoundEffects_inner .icon-search {
    background: #fff !important;
}

.searchContainer {
    position: relative;
}

.searchBtn {
    position: absolute;
    top: 0;
    right: 5px;
}

    .searchBtn input {
        width: 30px;
        height: 34px;
        border-top-right-radius: 0.25rem;
        border-bottom-right-radius: 0.25rem;
        background: initial;
        border: none;
        outline: none;
        box-shadow: none;
        cursor: pointer;
        background: url(../images/search.png) no-repeat center;
        background-size: 20px;
    }

@media (min-width:1440px) {
    .pageWidth {
        width: 95% !important;
    }
}

@media (max-width:768px) {
    .pageWidth {
        width: 95% !important;
    }
}

@media (max-width:575px) {
    .searchSoundEffects {
        text-align: center;
    }

    .searchSoundEffects_inner {
        width: 100% !important;
    }

    .searchBtn {
        right: 0;
    }

    .searchSoundEffects_inner .form-control {
        width: 100%;
    }

    ul.nav li {
        width: 100%;
        text-align: right;
    }

    .homeIcon {
        margin-right: 0 !important;
        font-size: initial;
    }

    .fa-home:before {
        font-size: 16px;
        font-family: Roboto-Regular,'Open Sans';
        content: 'Home';
    }
    /*mobile menu start*/
    .menuRow {
        display: none;
        opacity: 0;
        transition: .5s ease all;
    }

    .cs_show {
        display: block;
        opacity: 1;
    }

    .menuButton {
        display: block;
        position: absolute;
        top: 15px;
        right: 15px;
    }


    /*mobile menu ends*/
}