@media only screen and (min-width: 601px) {
    footer {
        position: absolute;
        width: 100%;
        bottom: 0px;
        left: 0px;
    }
}

@media only screen and (max-width: 1100px) {
    .search-wolf .search-container{
        grid-template-columns: 150px 1fr 150px;;
    }
}

@media only screen and (max-width: 600px) {
    .name-fields{
        grid-template-columns: 1fr;
        grid-gap: 20px;
    }

    .register h1 {
        font-size: 1.4rem;
        padding-top: 25px;
    }

    header .brand{
	    width: 200px;
    }

    header button.dropdown-btn .user-quick-info{
        display: none;
    }

    header button.dropdown-btn .profile{
        width: 40px;
        height: 40px;
    }

    .search-wolf .search span{
        display: none;
    }

    .search-wolf .search-container {
        grid-template-columns: 1fr 1fr;
        grid-gap: 15px;
        width: 100%;
        border: none;
    }

    .search-wolf {
        display: flex;
        width: 100%;
        align-items: end;
    }


    .search-wolf .search {
        padding: 10px 15px;
        font-size: 1.1rem;
    }

    .search-wolf .advance {
        order: 1!important;
        padding: 10px;
    }

    .search-wolf .input, .search-wolf .advance, .search-wolf .dropdown button{
        border: 1px solid #fff;
        text-align: left;
        width: 100%!important;
        border-radius: 4px;
    }

    .wolf-container {
        margin-top: 15px!important;
    }

    .wolfs h3, .api-header p, .clipboard p {
        font-size: 0.9rem;
    }

    .wolfs h3 label {
        padding: 4px 7px;
        font-size: 0.8rem;
    }

    .wolfs h2 {
        font-size: 1.1rem;
        color: #FF0000
    }

    .wolfs table {
        font-size: 0.8rem;
    }

    .api-header h4, .api-list h5{
        font-size: 1.12rem;
    }

    .search-wolf .search-container i{
        display: none;
    }

    .search-container input {
        padding: 10px 15px 10px 15px;
    }

    #ghostCatSidebar{
        display: none;
    }

    #ghostCatSidebarCanvas{
        width: 250px;
    }

    #main {
        margin-left: 0%;
        padding: 0px 15px;
    }

    .sidebar-btn{
        display: inline-block;
        margin-right: 15px;
    }

    .support-faq h1{
        font-size: 1.4rem;
    }

    .support-faq p, .support-faq ol, .support-faq h5, .bold-text {
        font-size: 0.9rem;
    }

    .support-faq h3{
        font-size: 1.1rem;
    }

    footer {
        flex-direction: column;
        font-size: 0.95rem;
    }

    footer p {
        padding-bottom: 5px;
    }

}