.search_box_area {
    max-width: 600px !important;
    border-radius: 4px!important;
    box-shadow: 0px 0px 18px rgb(0 0 0 / 15%)!important;
}

.search_form {
    display: flex!important;
    flex-wrap: wrap!important;
}
#suggesstion-box{
    z-index: 999;
    /* display: inline-block; */
    position: absolute;
    background-color: var(--secondary_color);
}
ul#country-list1{
    margin-top: 5px;
}
ul#country-list1 li{
    cursor: pointer;
    margin-left: 5px;
}
ul#country-list1 li:hover:after{
    transform: translateY(2px)!important;
    opacity: 1;
}
ul#country-list1 li{
    border-bottom: 1px solid #cacaca;
}
/* .search_desc:focus {
    border-bottom-left-radius: 4px!important;
    border-top-left-radius: 4px!important;
} */
/* #navigation{
    width: 100%;
} */
.nav-0{
    padding-left: 0;
    padding-right: 0;
}
.search_desc,
.search_loc {
    padding: 10px 16px 12px 16px!important;
    border: none!important;
    width: calc(100% / 2 - 28px)!important;
    margin-right: 2px!important;
    font-size: 16px!important;
    height: 46px!important;
    margin-top: 2px!important;
    margin: 0!important;
}

/* input:focus {
    outline: 1px solid #027a97!important;
} */

.input-separator {
    background: #ddd!important;
    height: 32px!important;
    margin-top: 9px!important;
    width: 1px!important;
}

.search_icon {
    background: #e00707!important;
    color: #fff!important;
    width: 54px!important;
    text-align: center!important;
    display: block!important;
    border: 0px!important;
    border-bottom-right-radius: 4px!important;
    border-top-right-radius: 4px!important;
    line-height: 44px!important;
    font-size: 22px!important;
    cursor: pointer!important;
    transition: all .3s ease-in-out!important;
}

.search_icon:hover {
    background: rgba(224, 7, 7, 0.8)!important;
}
.nav-0{
    transition: visibility 1s, opacity 0.5s linear;
}
a.button.border{
    top: 5px !important;
}
@media screen and (max-width:767px) {
    .search_desc,
    .search_loc {
        width: 100%!important;
        /* margin: 0!important; */

        box-shadow: 0px 0px 9px rgb(0 0 0 / 9%)!important;
    }
    a.button.border{
        top: 0!important;
    }
    .text-center{
        text-align: center !important;
    }
    .search_loc{
        margin-bottom: 5px !important;
    }
    input {
        margin-left: 2px!important;
    }
    input:focus {
        outline: 2px solid #027a97!important;
        /* margin-left: 2px!important; */
    }
    .search_icon {
        width: 100%!important;
        margin-top: 2px!important;
    }
    .input-separator {
        background: #ddd!important;
        height: 1px!important;
        width: 100%!important;
        /* margin-top: 5px!important;
        margin-bottom: 5px!important; */
    }
    .nav-0{
        display: none;
    }
    .clicker:focus + .hiddendiv{
        display:block;
        }
    /* .search_desc:focus {
        border-top-left-radius: 4px!important;
        border-top-right-radius: 4px!important;
        border-bottom-left-radius: 0!important;
    } */
    .search_icon {
        border-top-right-radius: 0px!important;
        border-bottom-right-radius: 4px!important;
        border-bottom-left-radius: 4px!important;
    }
}
@media (max-width: 1024px){
    .mmenu-search {
        float: right;
    }
}
@media only screen and (max-width: 1024px){

    .mmenu-search {
        display: inline-block !important;
    }
}
.mmenu-search {
    display: none;
}
.mmenu-search {
    height: 50px;
    width: 50px;
    display: none;
    position: relative;
    margin: 0 0 20px 0;
    background-color: #e00707;
    border-radius: 4px;
    cursor: pointer;
    float: right;
}
/*------ Ribbon ------*/
/* .ribbon-featured {
    position: absolute;
    top: -16px;
    right: 0px;
    z-index: 99;
}
.ribbon-featured .ribbon-content {
    box-shadow: 0 0.1rem rgba(0,0,0,.15);
    background-color: #ff0000;
    text-transform: uppercase;
    color: #fff;
    font-weight: 700;
    font-size: 12px;
    z-index: 1;
    padding: 2px 8px;
}
.ribbon-featured .ribbon-content:after {
    background-color: #ff0000;
    width: .5rem;
    height: 100%;
    content: "";
    position: absolute;
    top: .5rem;
    right: -.5rem;
}
.ribbon-featured .ribbon-content:before {
    background-color: #ff0000;
    width: 1rem;
    height: 1rem;
    position: absolute;
    top: 0;
    right: -.5rem;
    content: "";
    border-top-right-radius: 50%;
}
.ribbon-featured .ribbon-start, .ribbon-featured .ribbon-start::after {
    background: #ff0000;
    content: "";
    display: inline-block;
    height: 1rem;
    width: .5rem;
    border-bottom-right-radius: 1rem;
    border-top-right-radius: 1rem;
    right: -.5rem;
    position: absolute;
    z-index: 1;
    top: 100%;
}
.ribbon-featured .ribbon-start::after {
    background: rgba(0,0,0,.3);
    z-index: 2;
    right: 0;
    top: 0;
}
.ribbon-featured .ribbon-end {
    height: 100%;
    width: 1.5rem;
    position: absolute;
    top: 0;
    left: -15px;
}
.ribbon-featured .ribbon-end:after, .ribbon-featured .ribbon-end:before, .ribbon-featured .ribbon-end .ribbon-shadow::after, .ribbon-featured .ribbon-end .ribbon-shadow::before {
    border-style: solid;
    position: absolute;
    top: 0;
    left: 0;
    content: "";
}
.ribbon-featured .ribbon-end:before, .ribbon-featured .ribbon-end .ribbon-shadow::before {
    border-width: 0 1.5rem 1.5rem 0;
    border-color: transparent #ff0000 transparent transparent;
}
.ribbon-featured .ribbon-end:after, .ribbon-featured .ribbon-end .ribbon-shadow::after {
    border-width: 0 0 1.5rem 1.5rem;
    border-color: transparent transparent #ff0000 transparent;
    bottom: 0;
}
.ribbon-featured .ribbon-end .ribbon-shadow::before {
    border-color: transparent rgba(0,0,0,.15) transparent transparent;
    top: .1rem;
    z-index: -1;
}
.ribbon-featured .ribbon-end .ribbon-shadow::after {
    border-color: transparent transparent rgba(0,0,0,.15) transparent;
    bottom: -.1rem;
    z-index: -1;
} */
/* .featured-listing {
    position: absolute;
    left: 0;
    top: 40px;
    z-index: 99;
}
.featured-listing:before {
    content: "";
    border-top: 43px solid #ff8f00;
    border-right: 43px solid transparent;
}
.featured-listing:after {
    content: "\f005";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    left: 6px;
    top: -33px;
    color: #ffdd7f;
} */