img {
    max-width: 100% !important;
}

.mobi-menu {
    display: none;
}

@media (max-width: 767px) {

    header figure {
        top: 15px;
    }

    .container {
        padding: 0 15px;
    }

    .search-list {
        width: 100%;
    }

    .mids-cont {
        padding: 0;
    }

    .search {
        text-align: left;
    }

    .search input[type="text"], .search select {
        width: 100%;
        margin: 10px 0;
    }

    .search input[type="submit"] {
        width: 100%;
    }

    .search-list tr td a {
        top: 0;
        margin: 5px 0;
    }

    .mobi-menu {
        display: block;
        background: #0d7099;
        display: inline-block;
        position: absolute;
        right: 25px;
        top: 30px;
        cursor: pointer;
        padding: 7px 10px 10px;
        border-radius: 5px;
    }

    header nav {
        display: none;
        position: fixed;
        right: 0;
        height: 100%;
        width: 70%;
        left: 0;
        border-radius: 0;
        z-index: 99;
    }

    header nav li {
        float: none;
        width: 100%;
    }

    header nav li a {
        border: none;
        border-bottom: #003c6c 1px solid;
    }

    banner {
        margin-top: 10px;
    }

    .mid-container {
        padding-bottom: 10px;
    }

    footer {
        text-align: center;
        padding: 20px !important;
    }

    footer .soci {
        margin-top: 10px;
    }

    footer .soci span {
        width: 100%;
        display: inline-block;
        margin-bottom: 10px;
    }

    .admin-pic ul li {
        float: left;
        width: 48%;
        margin: 0 0 10px 0;
    }

    .admin-pic ul li:nth-child(2n) {
        float: right;
    }

    .box .blok {
        display: inline-block;
        width: 100%;
        text-align: center;
    }

    .next_prev {
        width: auto;
        display: inline-block;
    }

    .next_prev .prev, .booking, .next_prev .next {
        display: inline-block;
        float: left;
    }

    .next_prev .prev img, .booking img, .next_prev .next img {
        width: 100%;
        height: auto;
        float: left;
    }

    .prev {
        background-size: 48px auto !important;
        width: 60px !important;
    }

    .book {
        background-size: 112px auto !important;
        margin-top: -39px;
        width: 122px !important;
    }

    .next {
        background-size: 55px auto !important;
        width: 68px !important;
    }

    .backtop {
        background-size: 45px auto !important;
        margin-left: 23px;
        margin-top: -69px;
        width: 68px !important;
    }

    .artist_title {
        font-size: 44px;
        font-weight: bold;
        margin-top: 171px;
    }

    .backtohome_div {
        float: left;
        font-weight: bold;
        height: 18px;
        margin: 5px 0 10px 67px;
    }

    .bottomtext {
        margin-top: 47px;
        text-align: center;
        font-weight: bold;
        margin-bottom: 0px !important;
    }

    .next_prev .buttons img {
        cursor: pointer;
        margin-left: 4px !important;
        margin-top: -8px !important;
    }

    .next_prev {
        float: left;
        margin-left: 0px !important;
        margin-top: 25px !important;
    }

    .common_font .buttons img {
        margin-left: 36px;
        margin-top: -33px;
        width: 43px;
    }

    .artist_confirm_middle {
        text-align: justify;
        margin-left: 0px !important;
    }

    .artistcan_textarea {
        height: 53px;
        width: 287px;
    }

    #request_artist_page .profile-page-content {
        padding: 20px;
        margin: 70px 0;
    }
    #request_artist_page .form-title
    {
        font-size: 20px;
    }
    #edit-profile-page .profile-page-content
    {
        padding: 20px;
    }
    #usefull-information .mid-container ol
    {
         margin: 0;
        padding: 0;
    }
    #request_artist_page.new-artist-request-page .artist-baner-div .banner-content-div
    {
        margin: 0;
        transform: translateX(-50%) translateY(-50%);
        -moz-transform: translateX(-50%) translateY(-50%);
        -webkit-transform: translateX(-50%) translateY(-50%);
    }

    #request_artist_page.new-artist-request-page header > nav {
        left: 20px;
        right: auto;
        width: calc(100vw - 40px);
        top: 100px;
        background: transparent;
        margin: 0;
        padding: 0;
    }
    #request_artist_page.new-artist-request-page header.sticky-header > nav
    {
        top:10px;
    }
    #request_artist_page.new-artist-request-page header > nav > ul {
        background: rgba(23,93,168,0.6);
        float: none;
    }
    #request_artist_page.new-artist-request-page header > nav > ul > li {
        background-color: rgba(23,93,168,0.9) !important;
        background-size: 40px !important;
    }
    #request_artist_page.new-artist-request-page header > nav > ul > li > a
    {
        transition: none;
        border: none;
        line-height: normal;
        display: inline-block;
    }
    #request_artist_page.new-artist-request-page header > nav > ul > li:hover > a {
        background-color: transparent;
    }
    #request_artist_page.new-artist-request-page header nav ul ul.sub-menu {
        position: static;
        width: 100%;
        border: none;
        background: transparent;
        height: 0;
        overflow: hidden;
        transition: all 0.5s ease-in-out 0s;
        -moz-transition: all 0.5s ease-in-out 0s;
        -webkit-transition: all 0.5s ease-in-out 0s;
    }
    #request_artist_page.new-artist-request-page header nav ul li:hover ul.sub-menu
    {
        height: auto;
        overflow: auto;
        visibility: visible;
    }
    #request_artist_page.new-artist-request-page header nav ul ul.sub-menu li a
    {
        line-height: normal;
    }
    #request_artist_page.new-artist-request-page .foot-box3 .navigation-footer-div ul {
         padding-left: 25px;
    }
    #request_artist_page.new-artist-request-page .footer-dd .container > div
    {
        float: none;
        width: 100%;
        margin-bottom: 0;
    }
    #request_artist_page.new-artist-request-page .foot-logo-div img {
        max-width: 100% !important;
    }
    #request_artist_page.new-artist-request-page .footer-dd .foot-box3 .navigation-footer-div ul li .sub-menu {
        position: static;
        background: transparent;
        box-shadow: none;
        padding-left: 0;
    }
    #request_artist_page.new-artist-request-page .footer-dd .foot-box3 .navigation-footer-div ul li:hover .sub-menu {
        display: none !important;
    }
    #request_artist_page.new-artist-request-page .footer-dd .foot-box3 .navigation-footer-div ul li:hover > .sub-menu
    {
        display: block !important;
    }
    #request_artist_page.new-artist-request-page .footer-dd .foot-box3 .navigation-footer-div .sub-menu li a
    {
        padding-left: 0;
    }
    #request_artist_page.new-artist-request-page .footer-dd .foot-box3 .navigation-footer-div ul li .fl-menu-toggle
    {
        display: inline-block;
        float: right;
        border-bottom: 3px solid #fff;
        border-left: 3px solid #fff;
        border-top: 3px solid transparent;
        padding: 4px;
        border-right: 2px solid transparent;
        transform: rotate(-45deg);
        margin-right: 10px;
    }
    .main-container
    {
        padding: 0;
    }
    #request_artist_page.new-artist-request-page header nav ul ul.sub-menu li:hover > ul {
    display: block;
    overflow: auto;
    position: static;
    background: transparent;
    border: none;
    height: auto;
    width: 100%;
    }
}

@media (min-width: 768px) and (max-width: 991px)
{
    #request_artist_page.new-artist-request-page .foot-logo-div img {
        max-width: 100% !important;
    }
    #request_artist_page.new-artist-request-page header > nav
    {
        padding: 0;
    }
    #request_artist_page.new-artist-request-page header > nav > ul > li > a,
    #request_artist_page.new-artist-request-page header > nav > ul > li > a:focus,
    #request_artist_page.new-artist-request-page header > nav > ul > li > a:active
    {
        padding: 8px 15px;
    }
}

@media (min-width: 651px) and (max-width: 1100px) {

    header figure {
        top: 10px;
    }

    header nav {
        margin-top: 20px;
    }

    header .header-right {
        margin-top: 35px;
    }

    .search-list {
        width: 100%;
    }

    .search {
        font-size: 13px;
        width: 722px;
    }

    .search input[type="text"], .search select {
        margin: 0 10px 0 5px;
    }

    header nav ul li a {
        padding: 3px 13px;
    }

    .next_prev {
        width: auto;
        display: inline-block;
        float: left;
        margin-bottom: 39px;
        margin-left: 237px;
    }

    .next_prev .prev, .booking, .next_prev .next {
        display: inline-block;
        float: left;
    }

    .next_prev .prev img, .booking img, .next_prev .next img {
        width: 100%;
        height: auto;
        float: left;
    }

    .next_prev .prev {
        width: 24.6%;
    }

    .booking {
        width: 40.7%;
    }

    .next_prev .next {
        width: 20.1%;
    }

}
