.advanced-search {
    .advanced-search-filters{
        padding-top: 0;
    }

}

.advanced-search-filters{
    @media (max-width: 992px) {
        div.col:not(.field-key) {
            max-width: 25%;
        }
    }
    @media (max-width:560px) {
        div.col:not(.field-key) {
            max-width: 33%;
        }
    }
    @media (max-width:440px) {
        div.col:not(.field-key) {
            max-width: 50%;
        }
    }
}

.inner-header-search{

    .inner-search-nav{
        display: block !important;

        .container{
            padding: 0;
        }
    }

    .advanced-search-v2{
        display: flex;
    }

    .field-keyword{
        flex-basis: auto !important;
        width: 100%;
        margin-right: 0;
    }

    .search-group-left{
        width: 100%;
    }


    .search-field-keyword{
        width: 30%;
        flex-basis: 30%;
        max-width: 100%;
    }



    .search-fields-left{
        flex-basis: 70%;
        width: 70%;
        max-width: 100%;
        margin-left: -1px;

        .flex-search{
            flex-basis: 17%;
        }
    }



    .btn-green{
        background-color: #02b3ad;
        border: 0;
    }

    @media (max-width: 992px) {
        .container{
            margin: 0 !important;
        }

        .advanced-search-v2{
            gap: 4px;
            input{
                border-radius: 0 !important;
            }

        }

        .search-field-keyword{
            width: 100%;
            flex-basis: 100%;
            max-width: 100%;
        }

        .search-group-left{
            width: 100%;
            flex-direction: column;
            gap: 4px;

            .field-keyword{
                width: 100%;
                flex-basis: auto;
            }
        }

        .search-fields-left{
            width: 100%;
            flex-direction: row;
            gap: 4px;
            justify-content: space-between;
            flex-wrap: wrap;

            &>div{
                margin:0;
                flex-basis: 32% !important;
                max-width: 32%;
            }

            input, button, select{
                border-radius: 0 !important;
                max-height: 27px;
            }
        }
        .field-keywords{
            flex-basis: auto;
            margin: 0;
        }
        .fields-width {
            width: 100%;
            max-width: 100%;
            flex-basis: auto !important;
        }
        .search-fields-right {
            flex-direction: column-reverse;
            align-content: flex-end;
            align-items: initial;
            justify-content: flex-end;
            gap: 4px;

            button{
                width: 100%;
                max-width: 100%;
                flex-basis: auto !important;
                border: 1px solid #02B3AD;
                border-radius: 4px;
            }
            .reset-search-btn-wrap{
                flex-basis: auto;
                margin: 0;
                button{
                    max-height: 27px;
                    line-height: 27px;
                }

            }
        }
    }

    @media (max-width: 456px) {
        .advanced-search-v2{
            flex-direction: column;
        }
        .search-fields-left{
            margin-bottom: 4px;
        }
        .field-keywords{

        }
        .fields-width {

        }
        .search-fields-right {
            flex-direction: column;
            gap: 4px;
            button{
                width: 100%;
                max-width: 100%;
                flex-basis: auto !important;
                border: 1px solid #02B3AD;
                border-radius: 4px;
            }
            .reset-search-btn-wrap{
                flex-basis: auto;
                margin: 0;
            }
        }
    }

    @media (max-width: 396px) {
        & .search-fields-left {
            & > div {
                flex-basis: 49% !important;
            }
        }
    }
}