.searchbox-wrapper .search-box input[type="text"] {
            word-spacing: normal;
            font-family: 'Oswald', sans-serif;
            font-weight: 300;
            /* Light weight */
            font-size: 20px;
            /* Recommended for readability */
            border-radius: 25px;
            border: 0.5px solid #000;
            padding: 11px 40px 11px 20px;
            text-align: center;
            height: auto;
            background-color: #fff;
            width: 100%;
        }

        @media screen and (max-width: 767px) {
            .searchbox-wrapper .search-box input[type=text] {
                width: 100%;
                font-size: 16px;
            }
        }

        @media screen and (min-width: 768px) {
            .searchbox-wrapper .search-box.first {
                margin-left:-45px
            }
        }

        .searchbox-wrapper .search-box input[type="text"]:hover,
        .searchbox-wrapper .search-box input[type="text"]:focus {
            background-color: #fff;
            border-color: rgba(223, 225, 229, 0);
        }

        .searchbox-wrapper .search-box input[type="text"]:hover {
            box-shadow: 0 1px 6px rgba(32, 33, 36, 0.28);
        }

        .searchbox-wrapper .search-box input[type="text"]:focus {
            box-shadow: 0 0 0 4px rgba(0, 132, 255, 0.5);
        }

        .searchbox-wrapper .search-box .icon-search {
            height: auto;
            position: absolute;
            top: 50%;
            right: 10px;
            transform: translateY(-50%);
            font-size: initial;
            line-height: normal;
            border: 0;
            background: transparent;
        }

        .searchbox-wrapper .search-box .icon-search:hover,
        .searchbox-wrapper .search-box .icon-search:focus {
            color: dodgerblue;
            outline: 0;
        }
        #searchKey:focus::placeholder,   #tag:focus::placeholder {
            color: transparent !important;
        }
        #searchKey::placeholder,
        #tag::placeholder {
            color: black !important;
            opacity: 1;
        }

        /* Chrome, Safari */
        #searchKey::-webkit-input-placeholder,
        #tag::-webkit-input-placeholder {
            color: black !important;
        }

        /* Edge / IE */
        #searchKey:-ms-input-placeholder,
        #tag:-ms-input-placeholder {
            color: black !important;
        }

        @media screen and (max-width: 767px) {
        .search-box1-mob{
                position: absolute;
                padding: 0;
                top: 60px;
            }
        .navbar-wrapper .navbar-header{
            padding-top: 20px;
            height: 120px;
            align-items: flex-start;
        }
        }