/* ==========================================
   Search Form
========================================== */

.mns-search-form{

    display:flex;

    width:100%;

    align-items:stretch;

    overflow:hidden;

    border-radius:var(--mns-radius-md);

}

.mns-search-form .mns-search-input{

    flex:1;

    height:var(--mns-search-height);

    padding:0 18px;

    border:1px solid var(--mns-border);

    border-right:none;

    border-radius:var(--mns-radius-md) 0 0 var(--mns-radius-md);

    outline:none;

    font-size:16px;

    background:var(--mns-white);

    transition:var(--mns-transition);

    border-top-left-radius:var(--mns-radius-md) !important;

    border-bottom-left-radius:var(--mns-radius-md) !important;

    border-right:none !important;

}

.mns-search-form .mns-search-input::placeholder{

    color:var(--mns-text-light);

}

.mns-search-form .mns-search-input:focus{

    border-color:var(--mns-primary);

}

.mns-search-form .mns-search-button{

    width:var(--mns-search-button-width);

    flex:0 0 var(--mns-search-button-width);

    height:var(--mns-search-height);

    min-height:var(--mns-search-height);

    max-height:var(--mns-search-height);

    padding:0 !important;

    border:none;

    border-radius:0 var(--mns-radius-md) var(--mns-radius-md) 0;

    background:var(--mns-primary);

    color:#fff;

    display:flex;

    align-items:center;

    justify-content:center;

    appearance:none;

    -webkit-appearance:none;

    box-sizing:border-box;

    line-height:1;

    font-size:24px;

    cursor:pointer;

    transition:var(--mns-transition);

}

.mns-search-form .mns-search-button:hover{

    background:#00b16a;

}

.mns-search-form .mns-search-button i{

    font-size:24px;

    line-height:1;

}

/* ==========================================
   Laptop
========================================== */

@media (max-width:1199px){

    :root{

        --mns-search-height:48px;

    }

    .mns-search-form .mns-search-input{

        font-size:15px;

    }

}

/* ==========================================
   Tablet
========================================== */

@media (max-width:991px){

    :root{

        --mns-search-height:44px;

    }

    .mns-search-form .mns-search-input{

        font-size:14px;

        padding:0 14px;

    }

}

/* ==========================================
   Mobile
========================================== */

@media (max-width:767px){

    :root{

        --mns-search-height:48px;

    }

    .mns-search-form .mns-search-input{

        font-size:15px;

        padding:0 16px;

    }

}