/* Color Schemes */

.orange {
    color: #FF7F00;
}
.green {
    color: #1ba034;
}
@media (min-width: 1300px) {
    .about .discography .jp-audio .jp-controls-holder .jp-progress {
        width: 44%;
    }
    .album-single-wrap .right .jp-audio .jp-controls-holder .jp-progress {
        width: 55%;
    }
}
@media (max-width: 991px) {
    .navbar .navbar-nav li a {
        color: #ddd;
        text-transform: uppercase;
        font-family: "Oswald", helvetica, sans-serif;
        padding: 25px 10px;
        -webkit-transition: 0.3s;
        -moz-transition: 0.3s;
        -ms-transition: 0.3s;
        -o-transition: 0.3s;
        font-size: 12px
    }
    .navbar.small-navbar .navbar-nav li a {
        padding: 5px 15px;
        -webkit-transition: 0.3s;
        -moz-transition: 0.3s;
        -ms-transition: 0.3s;
        -o-transition: 0.3s;
        font-size: 12px
    }

    .banner .jp-audio .jp-type-single .container .jp-controls {
        width: 15%;
    }
    .banner .jp-audio .jp-type-single .container .jp-time-holder {
        left: 14%;
        width: 68%;
    }
    .banner .jp-audio .jp-type-single .container .jp-progress {
        left: 14%;
        width: 68%;
    }
    .banner .jp-audio .jp-type-single .container .jp-volume-controls {
        width: 18%;
    }
    .banner .jp-audio .jp-type-single .container .jp-details .jp-title {
        padding-left: 14%;
    }
    .latest-album .intro-wrap {
        width: 100%;
        text-align: center;
        margin-bottom: 20px;
    }
    .latest-album .intro-wrap .intro p {
        text-align: center;
    }
    .latest-album .album-card-wrap {
        width: 33.333%;
        float: left;
    }
    .latest-album .album-card-wrap .album-card {
        float: none;
        width: 100%;
        padding-top: 20px;
    }
    .latest-album .album-card-wrap .album-card .image {
        overflow: hidden;
        width: 100%;
    }
    .schedule .content .schedrow, .event-list .content .schedrow {
        display: table;
    }
    .schedule .content .schedrow .event, .event-list .content .schedrow .event, .schedule .content .schedrow .location, .event-list .content .schedrow .location, .schedule .content .schedrow .ticket, .event-list .content .schedrow .ticket {
        height: 100%;
        float: none;
        display: table-cell;
        vertical-align: middle;
        padding: 15px;
    }
    .schedule .content .schedrow .event, .event-list .content .schedrow .event {
        width: 25%;
    }
    .schedule .content .schedrow .location, .event-list .content .schedrow .location {
        width: 35%;
    }
    .schedule .content .schedrow .ticket, .event-list .content .schedrow .ticket {
        width: 25%;
    }
    .schedule .content .schedrow .button-wrap, .event-list .content .schedrow .button-wrap {
        width: 15%;
        display: table-cell;
        float: none;
        vertical-align: middle;
    }
    .about .discography .jp-audio .jp-controls {
        padding: 20px 10px 0 10px;
        width: 120px;
    }
    .about .discography .jp-audio .jp-controls .jp-stop {
        display: none;
    }
    .about .discography .jp-audio .jp-controls-holder .jp-progress {
        width: 25%;
    }
    .album-single-wrap .right .jp-audio .jp-controls {
        padding: 20px 10px 0 10px;
        width: 120px;
    }
    .album-single-wrap .right .jp-audio .jp-controls .jp-stop {
        display: none;
    }
    .album-single-wrap .right .jp-audio .jp-controls-holder .jp-progress {
        width: 63%;
    }
    .gallery .content .diamond-grid .diamond-wrap {
        margin-left: auto;
        margin-top: auto;
        display: inline-block;
        width: 100%;
    }
    .gallery .content .diamond-grid .diamond-wrap:first-child {
        margin-left: auto;
    }
    .gallery .content .diamond-grid .diamond-wrap:nth-child(9n+6) {
        margin-left: auto;
        margin-top: auto;
    }
    .gallery .content .diamond-grid .diamond-wrap:nth-child(5) {
        margin-left: auto;
    }
    .gallery .content .diamond-grid .diamond-wrap:nth-child(n+5) {
        margin-top: auto;
    }
    .gallery .content .diamond-grid .diamond-wrap .shape {
        margin: 0 auto;
        margin-bottom: 60px;
    }
    .gallery .content .diamond-grid .diamond-wrap .shape:first-child, .gallery .content .diamond-grid .diamond-wrap .shape:last-child {
        margin-top: 40px;
    }
    .gallery .content .bottom-text {
        padding-top: 0px;
    }
    .event-single-wrap .right {
        padding-left: 15px;
        margin-top: 30px;
    }
}
@media (min-width: 768px) {
    .navbar-nav .dropdown:hover .dropdown-menu {
        display: block;
    }
}
@media (max-width: 767px) {
    .banner .carousel .carousel-inner .item .content .title h1 {
        font-size: 24px;
        line-height: 26px;
    }
    .banner .carousel .carousel-inner .item .content .subtitle h2 {
        font-size: 18px;
        line-height: 20px;
    }
    .navbar {
        height: auto;
    }
    .navbar.small-navbar {
        height: auto;
    }
    .navbar.small-navbar .navbar-nav li a {
        padding: 15px;
    }
    .navbar .navbar-header .navbar-brand {
        display: block;
        padding: 0px 15px;

    }
    .navbar-brand img{
        width: 150px
  
    }
    .navbar .navbar-nav li {
        float: none;
        display: block;
        text-align: left;
    }
    .navbar .navbar-nav li a.brand {
        display: none;
    }
    .navbar .navbar-nav li a {
        padding: 15px;
    }
    .navbar .navbar-nav .dropdown .dropdown-menu {
        background: rgba(0, 0, 0, 0.5);
        border-bottom: 1px solid #fa4c29;
        /* green code 1ba034 orange fa4c29 */
    }
    .navbar .navbar-nav .dropdown .dropdown-menu li a {
        padding: 10px;
        padding-left: 15px;
    }
    .navbar .navbar-nav .dropdown .dropdown-menu li a:hover {
        background: #121212;
        color: #ffffff;
    }
    .navbar-inverse .navbar-collapse {
        border-width: 1px;
        padding: 0px;
        margin-top: 0px;
    }
    .banner-title .content {
        padding: 120px 0px 60px;
    }
    .banner-title .overlay .content .main-title {
        text-align: center;
    }
    .banner-title .overlay .content .page-breadcrumb {
        float: none;
        text-align: center;
        margin: 20px 0px;
    }
    .banner .jp-audio .jp-type-single .container .jp-controls {
        width: 15%;
    }
    .banner .jp-audio .jp-type-single .container .jp-time-holder {
        left: 15%;
        width: 80%;
    }
    .banner .jp-audio .jp-type-single .container .jp-details .jp-title {
        padding-left: 15%;
    }
    .banner .jp-audio .jp-type-single .container .jp-progress {
        left: 15%;
        width: 80%;
    }
    .banner .jp-audio .jp-type-single .container .jp-volume-controls {
        display: none;
    }
    .schedule .content .schedrow, .event-list .content .schedrow {
        font-size: 12px;
        padding: 10px;
    }
    .schedule .content .schedrow .button-wrap .def-button, .event-list .content .schedrow .button-wrap .def-button {
        padding: 7px 10px;
        font-size: 12px;
    }
    .schedule .content .schedrow .button-wrap .def-button.soldout, .event-list .content .schedrow .button-wrap .def-button.soldout {
        padding: 7px 10px;
        font-size: 12px;
    }
    .about .personnel {
        padding-bottom: 20px;
    }
    .about .personnel .title {
        text-align: center;
    }
    .about .discography .title {
        text-align: center;
    }
    .about .discography .jp-audio .jp-controls-holder .jp-progress {
        width: 75%;
        float: right;
        right: 5%;
    }
    .about .discography .jp-audio .jp-volume-controls {
        display: none;
    }
    .album-single-wrap .right .jp-audio .jp-controls-holder .jp-stop {
        display: none;
    }
    .album-single-wrap .right .jp-audio .jp-controls-holder .jp-progress {
        width: 75%;
        float: right;
        right: 5%;
    }
    .album-single-wrap .right .jp-audio .jp-volume-controls {
        display: none;
    }
    .news .newsrow {
        padding-bottom: 25px;
    }
    .footer .footer-row {
        padding-bottom: 25px;
        float: left;
        width: 100%;
    }
    /*addition*/
    .footer-v-adapt .footer-row {
        padding-bottom: 25px;
        float: left;
        width: 100%;
    }
    .about-wrap .personnel-wrap .personnel .description {
        text-align: center;
        margin-top: 20px;
    }
    .album-list-wrap .album-card-wrap {
        width: 100%;
    }
    .album-list-wrap .album-card {
        width: 50%;
        display: block;
        margin: 0 auto;
        margin-bottom: 20px;
    }
    .about-wrap .personnel-wrap .personnel .description {
        padding-left: 15px;
    }
}
@media (max-width: 640px) {
    .navbar {
        height: auto;
    }
    .banner .carousel .carousel-inner .item .content {
        margin-top: 30%;
    }
    .banner .jp-audio .jp-type-single .container .jp-controls {
        width: 20%;
    }
    .banner .jp-audio .jp-type-single .container .jp-time-holder {
        left: 20%;
        width: 75%;
    }
    .banner .jp-audio .jp-type-single .container .jp-details .jp-title {
        padding-left: 20%;
    }
    .banner .jp-audio .jp-type-single .container .jp-progress {
        left: 20%;
        width: 75%;
    }
    .banner .jp-audio .jp-type-single .container .jp-volume-controls {
        display: none;
    }
    .latest-album .album-card-wrap {
        width: 100%;
        float: left;
        text-align: center;
    }
    .latest-album .album-card-wrap .album-card {
        float: none;
        width: 50%;
        margin: 0 auto;
        margin-top: 20px;
    }
    .schedule .content .schedrow .event, .event-list .content .schedrow .event, .schedule .content .schedrow .location, .event-list .content .schedrow .location, .schedule .content .schedrow .ticket, .event-list .content .schedrow .ticket, .schedule .content .schedrow .button-wrap, .event-list .content .schedrow .button-wrap {
        width: 100%;
        display: block;
        border-right: 0px;
        border-bottom: 1px solid #888;
        padding: 10px;
    }
    .schedule .content .schedrow .button-wrap, .event-list .content .schedrow .button-wrap {
        text-align: center;
        padding: 20px 0px 10px;
        border-bottom: none;
    }
    .schedule .content .schedrow .button-wrap .def-button, .event-list .content .schedrow .button-wrap .def-button {
        float: none;
        vertical-align: middle;
    }
    .about .discography .jp-audio .jp-controls-holder .jp-progress {
        width: 70%;
    }
    .album-single-wrap .right .jp-audio .jp-controls-holder .jp-progress {
        width: 70%;
    }
}
@media (max-width: 480px) {
    .navbar {
        height: auto;
    }
    .banner .jp-audio .jp-type-single .container .jp-controls {
        width: 25%;
    }
    .banner .jp-audio .jp-type-single .container .jp-time-holder {
        left: 25%;
        width: 70%;
    }
    .banner .jp-audio .jp-type-single .container .jp-details .jp-title {
        padding-left: 25%;
    }
    .banner .jp-audio .jp-type-single .container .jp-progress {
        left: 25%;
        width: 70%;
    }
    .banner .jp-audio .jp-type-single .container .jp-volume-controls {
        display: none;
    }
    .latest-album .album-card-wrap .album-card {
        width: 75%;
    }
    .about .discography .jp-audio .jp-controls-holder .jp-progress {
        width: 55%;
    }
    .album-single-wrap .right .jp-audio .jp-controls-holder .jp-progress {
        width: 55%;
    }
    .album-list-wrap .album-card {
        width: 75%;
        display: block;
        margin: 0 auto;
        margin-bottom: 20px;
    }
    .blog-wrap .post-section .post-content {
        padding-left: 80px;
    }
    .blog-wrap .post-section .post-content.masonry {
        padding-left: 15px;
        margin: 0 auto;
        margin-bottom: 20px;
    }
    .blog-wrap .post-section .post-content .post-meta .date {
        width: 40px;
        height: 40px;
    }
    .blog-wrap .post-section .post-content .post-meta .date span {
        font-size: 12px;
        line-height: 14px;
        margin: 5px 10px;
    }
    .blog-wrap .post-section .post-content .post-meta .date span .bold {
        font-size: 16px;
    }
    .blog-wrap .post-section .post-single {
        padding-left: 0px;
    }
    .blog-wrap .post-section .post-single .post-meta {
        display: none;
    }
    .blog-wrap .post-section .post-single .share .socmed-wrap a {
        margin-bottom: 20px;
    }
    .blog-wrap .post-section .post-single .comment {
        margin-top: 10px;
    }
    .blog-wrap .post-section .post-single .comment .comment-list .comment-container .avatar {
        width: 50px;
        height: 50px;
        float: left;
        margin-right: 20px;
    }
    .blog-wrap .post-section .post-single .comment .comment-list .comment-container .name {
        margin-left: 0px;
        margin-top: 5px;
        float: left;
    }
    .blog-wrap .post-section .post-single .comment .comment-list .comment-container .name span {
        float: left;
        margin-top: 5px;
        width: 100%;
    }
    .blog-wrap .post-section .post-single .comment .comment-list .comment-container .text {
        margin-left: 0px;
        margin-top: 10px;
        float: left;
        width: 100%;
    }
    .blog-wrap .post-section .post-single .comment .comment-list .comment-container .reply {
        margin-left: 0px;
        float: left;
        width: 100%;
    }
    .blog-wrap .post-section .pagination-wrap .pagination li a {
        margin-bottom: 20px;
    }
    .blog-wrap .post-section.right .post-content {
        padding-right: 80px;
    }
    .pagination-wrap .pagination li a {
        margin-bottom: 20px;
    }
}
@media (max-width: 350px) {
    .navbar {
        height: 100px;
    }
    .banner .jp-audio .jp-type-single .container .jp-controls {
        width: 20%;
    }
    .banner .jp-audio .jp-type-single .container .jp-controls .jp-play {
        padding-left: 0px;
    }
    .banner .jp-audio .jp-type-single .container .jp-controls .jp-stop {
        display: none;
    }
    .banner .jp-audio .jp-type-single .container .jp-time-holder {
        left: 20%;
        width: 70%;
    }
    .banner .jp-audio .jp-type-single .container .jp-details .jp-title {
        padding-left: 20%;
    }
    .banner .jp-audio .jp-type-single .container .jp-progress {
        left: 20%;
        width: 70%;
    }
    .banner .jp-audio .jp-type-single .container .jp-volume-controls {
        display: none;
    }
    .about .discography .jp-audio .jp-controls-holder .jp-progress {
        width: 45%;
    }
    .album-single-wrap .right .jp-audio .jp-controls-holder .jp-progress {
        width: 45%;
    }
}
@media (max-width: 320px) {
    .latest-album .album-card-wrap .album-card {
        width: 75%;
    }
}