/* =================================
*                                   *
*       Responsive styles           *
*                                   *
====================================*/

/* Large desktops and laptops */
@media (min-width: 1200px) {
    /*    .photo-gallery-area .photo-gallery {
            max-width: 1270px;
        }*/
    .albumLogo {
        background-position: right 70px center;
        margin-left: 0;
    }

}
/* Portrait tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {
    .newsletter-area .form-control, .newsletter-area .wysija-input {
        font-size: 13px;
    }
    .newsletter-area button, .widget_wysija_cont .wysija-submit.wysija-submit-field {
        font-size: 13px;
    }
    .content-part .content {
        min-height: 635px;
    }
    .albumLogo {
        margin-left: 38px;
    }
}


/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {
    .albumLogo {
        margin-left: 0;
    }
    .newsletter-area .form-control, .newsletter-area .wysija-input {
        font-size: 13px;
        margin-right: 10px;
        padding: 10px 0 10px 10px;
    }
    .newsletter-area button, .widget_wysija_cont .wysija-submit.wysija-submit-field {
        font-size: 13px;
        padding: 0 32px;
    }
    .img-center > img {
        margin: 0;
        width: 100%;
    }
    .inner-content-area blockquote {
        width: 100%;
    }
    .tour .inner-content, .page-template-template-tours .inner-content {
        width: 100%;
    }
    .page-template-template-tours .inner-content-area{
        padding-left: 15px;
        padding-right: 15px;
    }
    .tour table, .page-template-template-tours table {
        width: 100% !important;
    }
    .content-part {
        min-height: 810px;
    }
    .main-content .button{
        padding: 15px 50px;
        position: absolute;
        bottom: 7%;
    }
    .content-part .content {
        min-height: 820px;
    }
}

/* Landscape phones and portrait tablets */
@media (max-width: 767px) {
    .albumLogo {
        margin-left: 0;
    }
    .header-area .responHome{
        display: block;
    }
    .header-area + div, .header-area + section {
        margin-top: 56px;
    }
    .header-area .navbar, .header-area .ubermenu{
        background: #d90120;
        color: #fff;
    }
    .slider-area .jp-audio{
        display: none;
    }
    .header-area .ubermenu-skin-black-white-2 .ubermenu-item-level-0 > .ubermenu-target {
        color: #fff;
    }
    .hero-image .post {
        display: none;
    }
    .header-area .ubermenu.ubermenu-responsive .ubermenu-nav li.ubermenu-item-home {
        display: none;
    }
    .content-part .content a.button {
        position: static;
    }
    .content-part .content {
        min-height: auto;
    }
    .newsletter-area button, .widget_wysija_cont .wysija-submit.wysija-submit-field {
        display: block;
        margin: 20px auto;
    }
    .photo-gallery-area {
        margin-top: 0;
    }
    .widget_wysija_cont .wysija-paragraph {
        width: 100%;
        margin-top: 15px;
    }
    .newsletter-area .form-control, .newsletter-area .wysija-input {
        text-align: center;
        width: 100%;
    }
    .related-album-section .related-album {
        min-height: 355px;
    }
    .album-slideshow h1 {
        font-size: 24px;
        line-height: normal;
    }
    .album-songs .songs-list {
        margin-bottom: 15px;
        margin-top: 15px;
    }
    .album-songs > .text-right {
        text-align: center;
        margin-top: 15px;
    }
    .buttonAlbum {
        display: block;
        margin-left: auto;
        margin-right: auto;
    }
    .img-center > img {
        width: 100%;
        margin: 0;
    }
    .inner-content-area blockquote {
        width: 100%;
    }
    .inner-content {
        width: 100%;
        padding: 0 15px;
    }
    .inner-content-area p.text {
        width: 100%;
        padding: 0 15px;
    }
    .tour .inner-content, .page-template-template-tours .inner-content {
        width: 100%;
    }
    .page-template-template-tours .inner-content-area{
        padding-left: 15px;
        padding-right: 15px;
    }
    .tour table, .page-template-template-tours table {
        width: 100% !important;
    }
    .page-template-template-tours .tableMobile{
        display: block;
    }
    .page-template-template-tours .tableLarge{
        display: none;
    }
    .postThumbMobile{
        display: block;
    }
    .page-template-template-gallery h1.page-title {
        font-size: 65px;
    }
    .photo-gallery-area {
        padding: 20px 0;
    }
    .videos {
        background: none repeat scroll 0 0 #000;
        padding: 30px 15px;
    }
    .video-part {
        margin: 15px 0;
    }
    .musicians .musicianMobile{
        display: block;
    }
    .musicians .musicianLarge h2, .musicians .musicianLarge strong{
        display: none;
    }
    .musicians .musicians-photo p {
        margin-top: 5px;
    }
    .page-template-template-musicians h1 {
        font-size: 60px;
        letter-spacing: 12px;
    }
    .page-template-template-musicians .inner-content-area {
        padding: 0;
    }
    .album-slideshow .cover-title {        
        display: block;
    }
    .album-slideshow #coverBack{
        display: none;
    }
    .album-slideshow #coverFront img, .album-slideshow #coverBack img{
        margin: 0 auto;
    }
    .gallery-carousel .slick-initialized .slick-slide{
        height: 500px;
    }
    .gallery-button {
        margin-right: 0;
        text-align: center;
        width: 100%;
    }
    .gallery-carousel .swipe-area{
        display: block;
    }
    .gallery-btn{
        float: none;
        display: block;
        margin: 10px auto;
        width: 40%;
    }
    .gallery-carousel .slick-prev, .gallery-carousel .slick-next {
        top: 110%;
    }
    .related-album h3 {
        font-size: 18px;
        line-height: normal;
        margin: 8px 0;
    }
    .itunes {
        margin-right: 18px;
    }

    /*menu responsive*/
    .header-area .ubermenu-skin-black-white-2 .ubermenu-submenu.ubermenu-submenu-drop {
        background: none repeat scroll 0 0 rgba(159, 0, 23, 0.9);
        /*border: medium none;*/
    }
    .full-width.dropdown > .dropdown-menu > li > a, .header-area .ubermenu-skin-black-white-2.ubermenu-responsive .ubermenu-submenu .ubermenu-item-header > .ubermenu-target {
        border-right: none;
        border-bottom: 1px solid #fff;
        display: block;
        padding: 10px 5px;
    }
    .header-area .ubermenu-skin-black-white-2.ubermenu-responsive .ubermenu-submenu .ubermenu-submenu .ubermenu-target{
        border-bottom: none;
        padding-top: 5px;
        padding-bottom: 0;
    }
    .header-area .ubermenu-skin-black-white-2.ubermenu-responsive .ubermenu-submenu .ubermenu-submenu{
        padding: 5px 0;
    }
    .header-area .ubermenu-skin-black-white-2.ubermenu-responsive .ubermenu-submenu .ubermenu-submenu .ubermenu-item {
        padding: 0;
    }
    .header-area .ubermenu.ubermenu-responsive .ubermenu-column .ubermenu-column, .header-area .ubermenu.ubermenu-responsive .ubermenu-column-auto .ubermenu-column-auto{
        min-width: 97%;
        margin: 0 10px;
    }
    .header-area .ubermenu.ubermenu-responsive .ubermenu-item-level-0 {
        width: auto;
    }
    .header-area .ubermenu.ubermenu-responsive .ubermenu-column, .header-area .ubermenu.ubermenu-responsive .ubermenu-column-auto {
        min-width: 0;
    } 
    .newsletter-area {
        padding: 20px 0;
    }
    .photo-gallery .item{
        width: 48%;
    }

    .header-area .ubermenu-skin-black-white-2 .ubermenu-submenu.ubermenu-submenu-drop .ubermenu-submenu.ubermenu-submenu-drop.ubermenu-submenu-id-214{
        height: 280px !important;
        overflow-y: scroll !important;
        z-index: 9999;
    }
    .header-area .ubermenu-main .ubermenu-item .ubermenu-submenu-drop,
    .header-area .ubermenu .ubermenu-item .ubermenu-submenu-drop{
        transition-duration: 5ms;
    }

}

/* Landscape phones and smaller */
@media (max-width: 480px) {
    .page-title {
        font-size: 55px;
    }
    .inner-content h1 {
        font-size: 24px;
        line-height: normal;
        margin-top: 0;
    }
    table.ticket-table td {
        padding-left: 15px;
    }
    .page-template-template-gallery h1.page-title {
        font-size: 50px;
        letter-spacing: 10px;
    }
    .video-part h2 {
        padding: 0 30px;
    }
    .video-part a::after {
        background-position: center bottom 10%;
    }
    .related-album-section .related-album {
        min-height: 265px;
    }
    .page-template-template-musicians h1 {
        font-size: 35px;
        letter-spacing: 10px;
    }
    .musicians h2 {
        font-size: 25px;
    }
    .gallery-carousel .slick-initialized .slick-slide{
        height: 250px;
        margin: 0 10px;
    }
    .gallery-btn{
        /*width: 40%;*/
    }
    .gallery-carousel .slick-prev, .gallery-carousel .slick-next {
        top: 119%;
    }
    .team_nav {
        top: 50%;
    }
    .prev_member {
        left: 20px;
    }
    .next_member {
        right: 20px;
    }
    .related-album h3 {
        font-size: 15px;
    }
    .related-album-section h2 {
        font-size: 25px;
        letter-spacing: 5px;
    }


}

@media (max-width: 320px) {
    .footer-area .copyright {
        width: 100%;
        text-align: center;
    }
    .related-album-section .related-album {
        min-height: 220px;
    }
    .footer-area .small-logo {
        text-align: center;
        width: 100%;
    }
    .footer-area .small-logo a {
        display: inline-block;
    }
    .page-template-template-gallery .page-title {
        font-size: 41px;
        letter-spacing: 12px;
    }
    .video-part h2 {
        padding: 0 30px;
        font-size: 25px;
        top: 0;
    }
    .gallery-btn{
        width: 60%;
    }
    .related-album-section h2 {
        font-size: 22px;
    }


}