@media only screen and (max-width:1366px) {
    .home-audio .jp-type-playlist .jp-playlist ul {
        left: 175px
    }

    .discography-section .equal-text-album {
        padding: 0 35px
    }

    .discography-section .album-detail .desc-title {
        font-size: 46px
    }

    .flexslider:hover .flex-direction-nav .flex-prev {
        left: -15px
    }

    .video-section .video-text.equal-text,
    .gallery-section .gallery-desc.equal-text-album {
        padding: 0 35px
    }

    #content .the-title-section.the-title-2 {
        padding: 0 35px
    }

    .video-section .video-detail .desc-title,
    .gallery-section .gallery-desc .gallery-detail .desc-title {
        font-size: 42px
    }

    #content .the-title-section.the-title-2 h2 {
        font-size: 42px
    }
}

@media only screen and (max-width:1280px) {
    .flexslider:hover .flex-direction-nav .flex-prev {
        left: -35px
    }

    .discography-section .album-detail .desc-title {
        font-size: 44px
    }

    .video-section .video-detail .desc-title,
    .gallery-section .gallery-desc .gallery-detail .desc-title {
        font-size: 36px
    }
}

@media only screen and (max-width:1024px) {
    .search-bar .search-align {
        max-width: 850px
    }

    .navigation .mobile-menu {
        display: block;
        margin-right: 70px;
        margin-top: 22px
    }

    .navigation #main-menu {
        display: none
    }

    .home-audio .album-image-audio .inner-img {
        width: 85px
    }

    .home-audio .jp-type-playlist .jp-playlist ul {
        left: 145px
    }

    .discography-section .album-detail .desc-title {
        font-size: 32px
    }

    .video-section .video-detail .desc-title,
    .gallery-section .gallery-desc .gallery-detail .desc-title {
        font-size: 30px
    }

    .discography-section .slidee,
    .gallery-section .slidee {
        padding-left: 50px;
        padding-right: 50px
    }

    .discography-section .slidee .album-item,
    .gallery-section .slidee .photo-item {
        width: 350px
    }

    .discography-section .slidee .album-item .album-cover-wrap,
    .gallery-section .slidee .photo-item .photo-cover-wrap {
        width: 350px
    }

    .flexslider:hover .flex-direction-nav .flex-next {
        right: -5px
    }

    .gallery-section blockquote p,
    .video-section blockquote p {
        font-size: 18px;
        line-height: 24px
    }

    .endorse-section .endorse-wrap .owl-prev {
        left: -20px
    }

    .endorse-section .endorse-wrap .owl-next {
        right: -20px
    }
}

@media only screen and (max-width:992px) {

    .single-member-wrap .the-member .member-image,
    .single-member-wrap .the-member .member-detail {
        float: none !important
    }
}

@media only screen and (max-width:768px) {
    .container {
        width: 90%
    }

    .search-bar .search-align {
        max-width: 100%;
        padding: 0 10%
    }

    .logo {
        width: 50%;
        float: left
    }

    .navigation .mobile-menu {
        margin-top: 0;
        position: relative;
        top: 22px
    }

    .home-audio .container {
        width: 100%;
        padding: 0
    }

    .home-audio .album-image-audio {
        margin: 15px 0
    }

    .home-audio .album-image-audio .inner-img {
        max-width: 90px
    }

    .home-audio .jp-controls {
        padding: 20px 20px 0 30px !important
    }

    .home-audio .jp-volume-controls {
        left: 40% !important;
        bottom: 31% !important
    }

    .home-audio .jp-audio .jp-type-playlist .jp-progress {
        right: 6% !important
    }

    .home-audio .jp-audio .jp-type-playlist .jp-gui .jp-toggles,
    .home-audio .jp-audio .jp-type-playlist .jp-gui .jp-time-holder {
        right: 6%
    }

    .artist-section .the-member {
        margin-bottom: 60px
    }

    .artist-section .the-member:last-child {
        margin-bottom: 0
    }

    .discography-section .album-desc,
    .gallery-section .gallery-desc.equal-text-album {
        width: 100%;
        float: none;
        padding: 80px 0;
        text-align: center
    }

    .discography-section .equal-text-album .vertical-center {
        position: relative;
        width: 100%
    }

    .discography-section .album-gallery,
    .gallery-section .photo-gallery {
        width: 100%;
        float: right
    }

    .event-section .desc-button,
    .latest-post-section .desc-button {
        top: 0 !important;
        text-align: left;
        margin-top: 30px
    }

    .video-section .video-text.equal-text,
    .video-section .video-image {
        width: 100% !important;
        float: none !important
    }

    #content .the-title-section.the-title-2 {
        width: 100% !important;
        float: none !important
    }

    .gallery-section .gallery-text.equal-text .gallery-desc.vertical-center,
    .video-section .video-text.equal-text .video-desc.vertical-center {
        position: relative;
        top: 0 !important
    }

    #content .the-title-section.the-title-2 .title-detail {
        position: relative
    }

    .endorse-section .endorse-wrap.owl-theme .owl-controls .owl-nav [class*=owl-] {
        top: 35px
    }

    .video-section .video-detail {
        padding: 80px 0;
        text-align: center
    }

    .latest-post-section .post-cover img {
        width: 100%
    }

    .latest-post-section .post-list .post-item {
        margin-bottom: 60px
    }

    .latest-post-section .post-list .post-item:last-child {
        margin-bottom: 0
    }

    .site-main .page-title .title-wrap h1 {
        font-size: 34px
    }

    .about-page .about-desc .about-img {
        margin-bottom: 30px
    }

    .single-album .album-details {
        margin-bottom: 30px;
        padding-bottom: 30px;
        border-bottom: 5px solid #e65454
    }

    .single-album .jp-type-playlist .jp-volume-controls {
        left: 25%
    }

    .event-section .event tbody tr td.event-ticket-link span.sold,
    .event-template .event tbody tr td.event-ticket-link span.sold {
        width: 125px
    }

    .countdown-event #clock .counter-wrap {
        display: inline-block;
        min-width: inherit;
        width: 100px;
        padding: 10px
    }

    .single-event .event-details {
        margin-top: 30px
    }

    .single-event .event-details .event-date,
    .single-event .event-details .event-time {
        width: 25%;
        float: left
    }

    .single-event .event-details .event-location {
        width: 50%;
        float: right
    }

    .video-template .video-grid {
        min-height: inherit;
        margin-bottom: 40px
    }

    .video-template .video-grid:last-child {
        margin-bottom: 0
    }

    .video-grid .video-thumb img {
        width: 100%
    }

    #footer .footer-widget {
        margin-bottom: 60px
    }

    #footer .footer-widget:last-child {
        margin-bottom: 0
    }

    #copyright .copyright-text {
        float: none;
        text-align: center;
        margin-bottom: 20px
    }

    #copyright .footer-social {
        float: none;
        text-align: center
    }
}

@media only screen and (max-width:640px) {
    .home-audio .jp-type-playlist .jp-playlist ul {
        left: 127px
    }

    .discography-section .slidee .album-item,
    .gallery-section .slidee .photo-item {
        width: 250px
    }

    .discography-section .slidee .album-item .album-cover-wrap,
    .gallery-section .slidee .photo-item .photo-cover-wrap {
        width: 250px
    }

    .flex-direction-nav .flex-prev,
    .gallery-section .flexslider:hover .flex-direction-nav .flex-prev {
        left: -10px
    }

    .video-section .video-grid {
        min-height: auto
    }

    .single-album .jp-type-playlist .jp-volume-controls {
        left: 30%
    }

    .single-event .event-details .event-date,
    .single-event .event-details .event-time {
        width: 50%;
        float: left
    }

    .single-event .event-details .event-location {
        width: 100%;
        float: none;
        margin-top: 15px;
        display: inline-block
    }

    .gallery-grid-page ul#gallery-filter li {
        display: block;
        margin: 0;
        text-align: center
    }
}

@media only screen and (max-width:480px) {
    .header-navigation .c-menu--slide-right {
        width: 250px
    }

    .home-audio .album-image-audio .inner-img {
        display: none
    }

    .home-audio .jp-audio .jp-type-playlist .jp-progress {
        width: 90% !important
    }

    .home-audio .jp-type-playlist .jp-playlist ul {
        left: 20px
    }

    .home-audio .jp-controls {
        left: -20px !important;
        width: 100% !important
    }

    .home-audio .jp-time-holder .jp-duration {
        display: none
    }

    .home-audio .jp-volume-controls {
        display: none
    }

    .home-audio .jp-current-time {
        float: right;
        width: auto
    }

    .home-slider .slide-header h2 {
        font-size: 28px
    }

    .home-slider .slide-header .desc {
        display: none
    }

    .event-template .event-mobile,
    .event-section .event-mobile {
        display: block
    }

    .event-template table.event,
    .event-section table.event {
        display: none
    }

    .event-section .event-mobile {
        margin-top: 40px
    }

    .event-section .event-mobile ul li:nth-child(odd) {
        background-color: rgba(62, 62, 62, .6)
    }

    .event-section .event-mobile ul li:nth-child(even) {
        background-color: rgba(102, 102, 102, .6)
    }

    .event-section .event-mobile ul li p,
    .event-section .event-mobile ul li a {
        color: #fff
    }

    .event-section .event-mobile ul li a:hover {
        color: #e65454
    }

    .event-section .event-mobile ul li a.button {
        border-color: #fff
    }

    .event-section .event-mobile ul li a.button:hover {
        border-color: #e65454;
        color: #fff
    }

    .single-album .jp-type-playlist .jp-controls {
        width: 100%
    }

    .single-album .jp-volume-controls {
        display: none
    }

    .single-album .jp-duration {
        display: none
    }

    .single-album .jp-audio .jp-type-playlist .jp-time-holder {
        top: 69% !important
    }

    .single-album .jp-current-time {
        float: right;
        text-align: right
    }

    .single-event .event-details .event-date,
    .single-event .event-details .event-time,
    .single-event .event-details .event-location {
        width: 100%;
        float: none;
        display: inline-block;
        margin-bottom: 15px;
        margin-top: 0
    }
}