/* Mobile Portrait View */
@media screen and (max-width:479px) {
*{box-sizing:border-box;}
section h2{font-size:30px !important;}
#slider .top-bar { padding:0 20px; top:35px;}
#slider .top-bar h1 { font-size:25px; padding-bottom:25px;}
#slider .top-bar a{ font-size:14px; padding:8px 20px; margin-top:0; width:auto;}
.arrow-down { display:none;}
.ourlatestalbum, .container, .welcome, .latest-news, .our-tour-date, .upcoming-events-row, .twitter-video, .connect-with-us, .footer, .copyright{ width:auto; padding:0 20px;}
.header{ width:100%; padding:0; position:inherit;}
.header .header-inner .logo{ float:none; width:100%; text-align:center;}
.music-player{ width:auto; padding:5px; top:0px; margin:60px 0 0 0; position:relative;}
.MI-image{ float:none; background:none !important;}
.music-player .MI-image img{max-width:100%; height:auto;}
div.player-track-title{ position:inherit !important; left:0 !important; display:inline-block;}
div.jp-play-time, div.jp-total-time, div.statusMI{position:inherit !important; top:0 !important; left:0 !important; display:table-cell;}
div.MIsliderVolume{ position:inherit !important; left:0 !important; top:45px !important; float:right; margin:0 15px 0 0 ;}
div.playlist-toggle-MI{ left:0 !important; top:-17px !important; position:inherit !important; width:auto !important; float:left; }
div.transport-MI{ margin:0 !important;}
div.listwrap_mp3j{ float:none !important; width:100% !important; margin-top:20px !important;}
#wrapperMI_0{ padding-bottom:0 !important;}
.welcome-h1{ width:auto; float:none;}
.welcome-h1 h1{ font-size:40px !important; line-height:30px; text-align:center;}
.welcome-text{ float:none; width:auto; padding:0; margin:20px 0 0 0; border:none !important; text-align:center;}
.tourdate{ border-radius:5px 5px 0 0;}
.tourdate, .tourtitle, .tourtiming, .tourlocation, .tourbuynowlink, .site-main .tourdate, .site-main .tourbuynowlink{ float:none; width:auto; text-align:center; display:block; border:none;} 
.our-tour-date-row .tourdate strong{ float:none; margin:0;} 
.our-tour-date-row .tourdate span{ display:inherit; top:0;}
.ourlatestalbum h2:before, .latest-news h2:before, .our-tour-date h2:before, .upcoming-events-row h2:before, .connect-with-us h2:before{ padding-right:15px; top:46px;} 
.ourlatestalbum h2:after, .latest-news h2:after, .our-tour-date h2:after, .upcoming-events-row h2:after, .connect-with-us h2:after{padding-left:15px;top:46px;}
.twitter-video h2::before, .twitter-video h2::after{ top:46px;}
.twitter-video .twitter-feed, .twitter-video .fresh-video, .events-item, .news-box, .albumreleases, .widget-column-1, .widget-column-2, .widget-column-3, #sitefull .albumreleases, .team-col, .site-main .team-col, .site-main .albumreleases{ width:auto; float:none; padding:0; margin:0 0 30px 0; border:none;}
.events-item img{ width:100%; height:auto;}
.team-col, .site-main .team-col{ padding-bottom:15px;}
.news-box .news-thumb{ width:100%; height:auto; margin:0 0 15px 0; float:none; display:block;}
section{ background-size:cover !important;}
.twitter-video .twitter-feed ul li i{ margin-right:10px;}
.copyright-txt, .design-by{ float:none; display:block; text-align:center;}
/* ------ Extra ------ */
.one_half{ width:100%;}
.one_third{ width:100%;}
.content-area .one_third{ margin:0 0 30px 0;}
/* --------- Pages ------- */
.content-area{ width:auto; margin:0 20px; padding:50px 0;}
.site-main{ width:auto; margin:0; padding:0; float:none;}
#sidebar{ width:auto; margin:60px 0 0; padding:0; float:none;}
.nivo-caption{ top:0 !important;}
#slider .top-bar{top:0 !important;}
#slider .top-bar h2{ font-size:20px !important; padding-bottom:5px;}
.nivo-directionNav a{ top:39% !important;}
#contactform_main p.left, #contactform_main p.right{float:none;}
#contactform_main input[type="text"], #contactform_main input[type="tel"], #contactform_main input[type="email"], #contactform_main input[type="url"]{ width:100%;}
}

/* Mobile Landscape View */
@media screen and (max-width:719px) and (min-width:480px) {  
*{box-sizing:border-box;}
#slider .top-bar { padding:0 20px; top:35px;}
#slider .top-bar h1 { font-size:25px; padding-bottom:25px;}
#slider .top-bar a{ font-size:14px; padding:8px 20px; margin-top:0; width:auto;}
.arrow-down { display:none;}
.ourlatestalbum, .container, .welcome, .latest-news, .our-tour-date, .upcoming-events-row, .twitter-video, .connect-with-us, .footer, .copyright{ width:auto; padding:0 20px;}
.header { width:100%; padding:0; position:inherit;}
.header .header-inner .logo{ float:none; width:100%; text-align:center;}
.music-player{ width:auto; padding:5px; top:0px; margin:60px 0 0 0; position:relative;}
.MI-image{float:none; background:none !important; margin-right:20px;}
.music-player .MI-image img{max-width:100%; height:auto;}
div.player-track-title{ position:inherit !important; left:0 !important; display:inline-block;}
div.jp-play-time, div.jp-total-time, div.statusMI{position:inherit !important; top:0 !important; left:0 !important; display:table-cell;}
div.MIsliderVolume{ position:inherit !important; left:0 !important; top:110px !important; float:right; margin:0 5px 0 0 ;}
div.playlist-toggle-MI{ left:0 !important; top:-17px !important; position:inherit !important; width:auto !important; float:left; }
div.transport-MI{ margin:35px 0 0 0 !important;}
div.listwrap_mp3j{ float:none !important; width:100% !important; margin-top:20px !important;}
#wrapperMI_0{ padding-bottom:0 !important;}
.welcome-h1{ width:auto; float:none;}
.welcome-h1 h1{ font-size:50px !important; line-height:40px; text-align:justify;}
.welcome-text{ float:none; width:auto; padding:0; margin:20px 0 0 0; border:none !important; text-align:justify;}
.tourdate{ border-radius:5px 5px 0 0;}
.tourdate, .tourtitle, .tourtiming, .tourlocation, .tourbuynowlink, .site-main .tourdate, .site-main .tourbuynowlink{ float:none; width:auto; text-align:center; display:block; border:none;} 
.our-tour-date-row .tourdate strong{ float:none; margin:0;} 
.our-tour-date-row .tourdate span{ display:inherit; top:0;}
.ourlatestalbum h2:before, .latest-news h2:before, .our-tour-date h2:before, .upcoming-events-row h2:before, .connect-with-us h2:before{ padding-right:15px; top:46px;} 
.ourlatestalbum h2:after, .latest-news h2:after, .our-tour-date h2:after, .upcoming-events-row h2:after, .connect-with-us h2:after{padding-left:15px;top:46px;}
.twitter-video h2::before, .twitter-video h2::after{ top:46px;}
.twitter-video .twitter-feed, .twitter-video .fresh-video, .news-box, .albumreleases, .widget-column-1, .widget-column-2, .widget-column-3, #sitefull .albumreleases, .team-col, .site-main .team-col, .site-main .albumreleases{ width:auto; float:none; padding:0; margin:0 0 30px 0; border:none;}
.events-item{ margin:0 1.1% 20px 1.1%; width:47.7%; }
.team-col, .site-main .team-col{ padding-bottom:15px;}
.news-box .news-thumb{ width:100%; height:auto; margin:0 0 15px 0; float:none; display:block;}
section{ background-size:cover !important;}
.twitter-video .twitter-feed ul li i{ margin-right:10px;}
.copyright-txt, .design-by{ float:none; display:block; text-align:center;}
/* ------ Extra ------ */
.one_half{ width:100%;}
.one_third{ width:100%;}
.content-area .one_third{ margin:0 0 30px 0;}
/* --------- Pages ------- */
.content-area{ width:auto; margin:0 20px; padding:50px 0;}
.site-main{ width:auto; margin:0; padding:0; float:none;}
#sidebar{ width:auto; margin:60px 0 0; padding:0; float:none;}
.nivo-caption{ top:0 !important;}
#slider .top-bar{top:0 !important;}
#slider .top-bar h2{ font-size:20px !important; padding-bottom:5px;}
.nivo-directionNav a{ top:39% !important;}
#contactform_main p.left, #contactform_main p.right{float:none;}
#contactform_main input[type="text"], #contactform_main input[type="tel"], #contactform_main input[type="email"], #contactform_main input[type="url"]{width:100%;}
#contactform_main textarea{ width:100%;}
}

/* Tablet View */
@media screen and (max-width:979px) and (min-width:720px) { 
*{box-sizing:border-box;}
#slider .top-bar { padding:0 20px; top:35px;}
#slider .top-bar h1 { font-size:25px; padding-bottom:25px;}
#slider .top-bar a{ font-size:14px; padding:8px 20px; margin-top:0; width:auto;}
.arrow-down { display:none;}
.ourlatestalbum, .container, .welcome, .latest-news, .our-tour-date, .upcoming-events-row, .twitter-video, .connect-with-us, .footer, .copyright{ width:auto; padding:0 20px;}
.header { width:100%; padding:0;}
.header .header-inner .logo{ float:none; width:100%; text-align:center; margin:20px 0;}
.music-player{ width:auto; padding:5px; top:0px; margin:60px 0 0 0; position:relative;}
.MI-image{float:none; background:none !important; margin-right:20px;}
.music-player .MI-image img{max-width:100%; height:auto;}
div.player-track-title{ position:inherit !important; left:0 !important; display:block;}
div.jp-play-time, div.jp-total-time, div.statusMI{position:inherit !important; top:0 !important; left:-100px !important; display:table-cell;}
div.MIsliderVolume{ position:inherit !important; left:0 !important; top:70px !important; float:left; margin:0 0 0 120px;}
div.playlist-toggle-MI{ left:-100px !important; top:-17px !important; position:inherit !important; width:auto !important; float:left; }
div.transport-MI{ margin:35px 0 0 0 !important;}
div.listwrap_mp3j{ float:right !important; width:37% !important; margin-top:-53px !important;}
#wrapperMI_0{ padding-bottom:0 !important;}
.welcome-h1{ width:auto; height:160px; display:table;}
.welcome-h1 h1{ font-size:44px !important; line-height:100%; display:table-cell; vertical-align:middle;}
.welcome-text{ width:68%;}
.albumreleases{ width:23.8%;}
.tourdate{ border-radius:5px 5px 0 0;}
.tourdate, .tourtitle, .tourtiming, .tourlocation, .tourbuynowlink, .site-main .tourdate, .site-main .tourbuynowlink{ float:none; width:auto; text-align:center; display:block; border:none;} 
.our-tour-date-row .tourdate strong{ float:none; margin:0;} 
.our-tour-date-row .tourdate span{ display:inherit; top:0;} 
section{ background-size:cover !important;}
.events-item{width:23.8%;}
.widget-column-1{ width:33%;}
.widget-column-2{width:37.5%; margin:0 18px; padding:0 20px;}
.widget-column-2 .recent-post a{ float:right;}
.widget-column-3{ width:24%}
.twitter-video .twitter-feed ul li i{ margin-right:10px;}
.news-box .news-thumb{ width:100%; height:auto; margin:0 0 15px 0; float:none; display:block;}
/* --------- Pages ------- */
.content-area{width:100%;padding:30px 20px;}
.site-main{ width:60%; margin:0; padding:0; float:left;}
#sidebar{ width:270px; margin:15px 0 0 0; padding:0; float:right;}
#contactform_main input[type="text"], #contactform_main input[type="tel"], #contactform_main input[type="email"], #contactform_main input[type="url"]{ width:200px;}
#contactform_main textarea{ width:100%;}
/* --------- Extra css ------- */
.site-main .albumreleases{ width:47.7%;  min-height:147px}
#sitefull .albumreleases{ width:23.9%;}
.site-main .events-item{ width:47.4%;}
.site-main .team-col{ margin-right:15px;}
.site-main .team-col.teamnomargn{ margin-right:0;}
#sitefull .team-col{ margin-right:25px;}
#sitefull .team-col.teamnomargn{ margin-right:0;}
}

@media screen and (max-width:1159px) and (min-width:980px) { 
.content-area{ margin-top:40px; padding:0 20px;}
.header{ width:100%;}
.header .header-inner{ width:auto; padding:0 20px;}
.container, .welcome, .latest-news, .our-tour-date, .upcoming-events-row, .twitter-video, .connect-with-us{width:auto; padding:0 10px;}
.music-player{ padding:20px;}
.MI-image{float:none; background:none !important; margin-right:20px;}
.music-player .MI-image img{max-width:100%; height:auto;}
div.player-track-title{ position:inherit !important; left:0 !important; display:block;}
div.jp-play-time, div.jp-total-time, div.statusMI{position:inherit !important; top:0 !important; left:-100px !important; display:table-cell;}
div.MIsliderVolume{ position:inherit !important; left:0 !important; top:70px !important; float:left; margin:0 0 0 120px;}
div.playlist-toggle-MI{ left:-100px !important; top:-17px !important; position:inherit !important; width:auto !important; float:left; }
div.transport-MI{ margin:35px 0 0 0 !important;}
div.listwrap_mp3j{ float:right !important; width:50% !important; margin-top:-53px !important;}
#wrapperMI_0{ padding-bottom:0 !important;}
.welcome-h1{ width:28.2%;}
.albumreleases{ margin:0 8px 10px 0;}
section{ background-size:cover !important;}
.our-tour-date-row{width:auto;}
.tourdate{width:8.9%; padding:1.1% 1.2%;}
.tourtiming{width:20.5%;}
.events-item{ width:24.2%;} 
.site-main .upcoming-events-row .events-item{width:23.8%;}
.twitter-video .twitter-feed ul li i{ margin-bottom:15px;}
.footer, .copyright{ padding:0 20px;}
.content-area, .footer-wrapper{ padding:0 20px;}
.content-area, .header .header-inner, .footer, .copyright{width:auto;}
.site-main{ width:64%; margin:0; padding:0; float:left;}
#contactform_main input[type="text"], #contactform_main input[type="tel"], #contactform_main input[type="email"], #contactform_main input[type="url"]{ width:295px;}
.site-main .team-col{ margin-right:19px;}
.site-main .team-col.teamnomargn{ margin-right:0;}
#sitefull .team-col{ margin-right:31px;}
#sitefull .team-col.teamnomargn{ margin-right:0;}
#sitefull .tourdate{ width:8.8%;}
}

/* Mobile Menu */
@media screen and (max-width:979px) and (min-width:220px) {
.toggle{display:block;}
.toggle a{width:100%; color:#ffffff; background:url(../images/mobile_nav_right.png) no-repeat right center #3e3e3e; padding:10px 10px; margin-top:20px; font-size:16px;}
.toggle a:hover{color:#ffffff !important;}
.nav{display:none;}
.header .header-inner .nav{float:none; margin:0; position:relative; overflow-x:hidden; }
.nav ul{color:#000; width:100%; float:none !important;}
.header .header-inner .nav ul li{border-top:1px #cccccc solid; display:block; float:none; text-align:left;}
.header .header-inner .nav ul li a{padding:5px 10px !important; display:block; color:#000;}
.nav ul li a:hover{color:#86cd65;}
.header .header-inner ul.sub-menu{ margin-left:10px;}
.nav ul li ul, .nav ul li ul ul{ display:block !important;}
.nav ul li ul li a:before{content:"\00BB \00a0";}
.nav ul li ul li a{padding-left:20px !important;}
.nav ul li ul li ul li a{padding-left:30px !important;}
.header .header-inner{ width:100%; padding:1px 0 15px 0;}
}
@media screen and (min-width: 980px) {
.header .header-inner .nav ul{}	
.header .header-inner .nav ul li ul{display:none; z-index:9999999; position:relative;}
.header .header-inner .nav ul li:hover > ul{display:block; width:200px; position:absolute; left:0; text-align:left; top:111px;}
.header .header-inner .nav ul li:hover ul li ul{display:none; position:relative;}
.header .header-inner .nav ul li:hover ul li:hover > ul{display:block; position:absolute; left:200px; top:0;}
}