/* Responsive CSS
 * Author : MAQK
 * Author URI : www.aivahthemes.com
======================================================================== */


/* Mobile Menu
======================================================================== */
@media only screen and (max-width: 959px) {

	img { max-width: 100%; /*height: auto;*/ }

	.inner,
	.header-area { width:95%; }

	#boxed #wrapper,
	#layout_wrapper { width:760px; }

	.iva-mobile-dropdown { display:block; }

	.sf-menu { display: none !important; }
	#atp_menu { dispaly:none  !important;}
	span.iva-children-indenter { display: block; }
	.sys_slider .full { wdith:auto; }

	/* Since 9.0 */

}

/* Regular Desktop Resolution
======================================================================== */

@media only screen and (min-width : 1025px) and (max-width : 1169px) {

	img { max-width: 100%; height: auto; }

	/* Since 9.0 */

}

/*  iPad Landscape Small and Desktop Resolution
======================================================================== */
@media only screen and (min-width : 960px) and (max-width : 1024px) {
	img {
		max-width: 100%;
		/*height: auto;*/
	}

	#bodybg { background-size: cover; }

	#boxed #wrapper,
	#layout_wrapper,
	#subheader,
	.videoslider { width: 100%; }

	.inner,
	#subheader .inner,
	.frontpage_teasercontent,
	.pagemid .inner,
	.videoslider,
	.section_inner,
	.header-area { width: 94%; }

	.sidebar-inner { padding: 0;}
	.sort_column1 .item .sort_img { width: 460px; }
	.menuwrap { border-radius: none; }

	.callOutBox .callOut_Text,
	.callOutBox .callOut_Button { float: none; display: table; margin: 0 auto; }
	.callOutBox p { margin-bottom: 10px; }

	.pricetable .column { width: 47%; margin-right: 3%; margin-bottom: 20px; }
	.pricetable .column:last-child { margin-right:0; }

	#featured_slider{
		padding-top: 35px;
		background-color: transparent!important;
	}

	/* Since 9.0 */

}

/* iPad Portrait
======================================================================== */
@media only screen and (min-width: 768px) and (max-width: 959px) {
	.iva_mmenu { width: 80%;}
	img {
		max-width: 100%;
		/*height: auto;*/
	}

	#bodybg { background-size: cover; }

	.header-area { display: block; min-height:auto; height:auto; position: relative;}
	.logo { display: block; padding:30px 60px 30px 10px; }
	.menuwrap { display: block; position: absolute; right: 0; top:50%; margin-top: -20px; }
	#header-s3 .menuwrap { display: block; position: absolute; right: 0; top:50%; margin-top: -20px; }
	#header-s3 .logo { display: block; padding:30px 60px; }

	.album-list.col-2, .album-list.col-3, .album-list.col-4, .album-list.col-5, .album-list.col-6,
	.artist-list.col-2, .artist-list.col-3, .artist-list.col-4, .artist-list.col-5, .artist-list.col-6,
	.djmix-list.col-2, .djmix-list.col-3, .djmix-list.col-4, .djmix-list.col-5, .djmix-list.col-6,
	.radio-list.col-2, .radio-list.col-3, .radio-list.col-4, .radio-list.col-5, .radio-list.col-6,
	.gallery-list.col-2, .gallery-list.col-3, .gallery-list.col-4, .gallery-list.col-5, .gallery-list.col-6,
	.video-list.col-2, .video-list.col-3, .video-list.col-4, .video-list.col-5, .video-list.col-6 {
		flex-basis: calc(33.33% - 20px);
	}

	.rightsidebar #sidebar,
	.rightsidebar .content-area { float: none; padding:0; width: auto; }

	.gallery-postimg {
		flex-basis: calc(20% - 20px);
	}

	/* Since 9.0 */

	.topbar .atpsocials {
		padding-right: 20px;
	}

	#footer .footer-sidebar .atpsocials li {
		width: 28px;
		height: 28px;
	}
	#footer .atpsocials a i {
		line-height: 0;
	}
	.iva-music-bar form {
		display: flex;
		width: 100%;
	}
	.iva_music_search_button {
		width: 26%;
	}
	.tabs li { padding: 20px !important; }
	.fancy-title.xxlarge { font-size: 3rem; }
	.iva-custom-search {
   		 margin-left: -50%;
	}
	.section_row  {padding: 20px!important;}
	canvas {
		width: 160px!important;
		height: 160px!important;
	}
	.CircleBar { line-height: 169px!important; }
	.CircleBar span {
	    margin-left: -25px!important;
	}
	.chart .label { margin: -36px 0 0 -32px!important;}	

	.header {
		flex-direction: column;	
	}

	#subheader .inner {
     justify-content: center;
	}
	#subheader .subdesc { text-align: center; }

}

/* ===================================================== */
/* #Mobile (Portrait)
/* ===================================================== */

@media (min-width: 240px) and (max-width: 479px) {

	.post .quote { font-size: 20px; }

	#bodybg { background-size: cover; }
	.layoutoption { position: relative; z-index: 0; }

	figure img { -o-object-fit: cover; object-fit: cover; max-width:100%; }

	#boxed #wrapper,
	#layout_wrapper,
	#subheader { width:100%; }

	.inner,
	.menu-dropdown,
	.copyright,
	.iva_mmenu,
	.section_inner,
	.videoslider,
	.jcarousel-item-horizontal,
	.header-area { width: 90% !important; }

	.rightsidebar .content-area,
	.rightsidebar #sidebar,
	.leftsidebar .content-area,
	.leftsidebar #sidebar { width: 100% !important; }


	#subheader .subdesc { float: none; width: 100%; }

	.rightsidebar #sidebar .sidebar-inner{ padding: 0; }
	.rightsidebar .content-area { padding: 0;}

	#subheader .page-title { float: none; text-align: center; display: table; margin: 0 auto;}
	#subheader .customtext{ float: none; text-align: center; display: table; margin: 0 auto;}
	#header{ padding: 15px 0;}


	.videoslider,
	#featured_slider	{ position: relative; margin: 0 auto; }
	.frontpage_teaser	{ position:relative; }
	.pricetable .column	{ float: none; width: 100%; border-width:1px;}
	.topbar .atpsocials { float: none; margin:0 auto;}
	.topbar_right, .topbar_left{ text-align: center; width: 100%; }
	.half_width, .one_half, .one_third,
	.two_third, .one_fourth, .one_fifth,
	.three_fourth, .four_fifth, .two_fifth,
	.three_fifth, .one_sixth, .four_sixth  { width:100%; margin-right:0; }
	.flex-caption,
	.ei-title,
	.nivo-caption,
	.rightsidebar #sidebar .content,
	.leftsidebar .content-area { padding-left:0; }
	.rightsidebar .content-area,
	.leftsidebar #sidebar .content { padding-right:0; }
	.tabs li,
	.fb-area,
	.doubles li,
	.vertabs .tabs,
	.breadcrumbs,
	.event_thumb,
	.copyright_left,
	.copyright_right,
	.teaserbox .callout_button { float:none; }
	.subdesc,
	.breadcrumbs { text-align: center; width: 100%; }
	.copyright_left,
	.copyright_right,
	.vertabs .tabs,
	.sort_column2 .item,
	.sort_column3 .item,
	.sort_column4 .item,
	.pricetable.col3 .column { width:100%; }
	.copyright_left,
	.copyright_right,
	.header .one_half,
	.header .one_third,
	.events-carousel .carousel-event-block { text-align: center !important; }
	.callOutBox  .callOut_Button{ float: none; text-align: center; display: table; margin: 0 auto; }
	.pricetable .price-content {margin-bottom: 10px;}
	.testimonial-box { margin: 0 0 30px 0;}
	 #slider_bg  {background-color: #1d576d; background-image: none; }
	 #slider_bg  { position: relative; margin: 0 auto; }
	.callOutBox .button { margin-bottom:10px !important; }
	.events-list{ display: table; margin: 0 auto; width:100%; }
	.event_thumb{ display: table; margin: 0 auto; }
	.card-icons { display: table; margin: 0 auto !important}
	.flex-caption{ display:none !important;}
	.flexslider { min-height: 0; }

	/* Custom Post Templates  */
	.col_half, .col_third, .col_twothird, .col_three_fourth, .col_fourth, .col_fifth, .col_sixth { float: none !important; width:100% !important; margin: 0 auto !important; }
	.col_half, .col_third, .col_twothird, .col_three_fourth, .col_fourth, .col_fifth, .col_sixth { margin-bottom: 20px !important;}
	.buybtn{ display: none;}
	.event_thumb{ display: none;}
	.events-list { margin: 0 auto !important; }
	#themestyle_switcher{ display: none !important;}
	.flexslider { min-height: 140px !important; }

	.tracklist-album, .tracklist-name { width: 100%; }
	.tracklist-thumb { display:none; }

	input.iva_search{
		margin-bottom: 10px;
	}
	.search-nav { margin: 0 auto 10px 0; }

	.track-title {
		flex: 0 1 100%;
	}
	.iva_trackLength {
		flex: 0 1 20%;
	}
	.mp3options {
		flex: 0 1 80%;
	}

	blockquote,
	blockquote.aligncenter,
	blockquote.alignright,
	blockquote.alignleft { width: 100% !important; }
   	.iva-children-indenter i { display:block; }
	.header-area { display: block; min-height:auto; height:auto; position: relative;}
	.logo { display: block; padding:30px 60px 30px 10px; }
	.menuwrap { display: block; position: absolute; right: 0; top:50%; margin-top: -20px; }
	#header-s3 .menuwrap { display: block; position: absolute; right: 0; top:50%; margin-top: -20px; }
	#header-s3 .logo { display: block; padding:25px 40px; }
	.event_info p { line-height: normal; }
	.event-single .event_info { border-right: none; }

	.sort_column2 .item,
	.sort_column3 .item,
	.sort_column4 .item,
	.sort_column5 .item,
	.sort_column6 .item {
		float: none !important;
		width: 100% !important;
		margin: 10px auto !important;
	}


	/* Since 3.4.0 */
	.quickaccess li { width: 100%; float: none; }
	.search-nav > li { position: relative;}
	.iva_music_search_button { float: none; display: table; margin: 0 auto; }
	.iva_music_search_select,
	.iva_music_search_input { float: none; display: block; margin: 0 auto; width: auto; }
	.iva_music_search_select { margin-bottom: 10px; }


	/* Since 9.0 */
	.album-list.col-2, .album-list.col-3, .album-list.col-4, .album-list.col-5, .album-list.col-6,
	.artist-list.col-2, .artist-list.col-3, .artist-list.col-4, .artist-list.col-5, .artist-list.col-6,
	.djmix-list.col-2, .djmix-list.col-3, .djmix-list.col-4, .djmix-list.col-5, .djmix-list.col-6,
	.radio-list.col-2, .radio-list.col-3, .radio-list.col-4, .radio-list.col-5, .radio-list.col-6,
	.gallery-list.col-2, .gallery-list.col-3, .gallery-list.col-4, .gallery-list.col-5, .gallery-list.col-6,
	.video-list.col-2, .video-list.col-3, .video-list.col-4, .video-list.col-5, .video-list.col-6 {
		flex-basis: calc(50% - 20px);
	}

	.gallery-postimg {
		flex-basis: calc(50% - 20px);
	}

	/* Since 9.0 */

	.jp-progress {
		width: 300px;
	    white-space: nowrap;
	    overflow: hidden;
	    box-sizing: border-box;
	}
	.jp-image {
    	z-index: 1;
	}
	.jp-title {
	    display: inline-block;
	    padding-left: 100%;
	    padding-right: 100%;
	    -webkit-animation: marquee 10s linear infinite;
	            animation: marquee 10s linear infinite;
	}
	.jp-title:hover {
	    -webkit-animation-play-state: paused;
	    animation-play-state: paused;
	}
	@-webkit-keyframes marquee {
	    0%   { transform: translate(0, 0); }
	    100% { transform: translate(-100%, 0); }
	}
	@keyframes marquee {
	    0%   { transform: translate(0, 0); }
	    100% { transform: translate(-100%, 0); }
	}

	/* Since 9.0 */
	.fancy-title.xxlarge {
		font-size: 50px;
		line-height: 50px;
	}
	.tabs {
   flex-wrap: wrap;
    	flex-basis: 50%;
	}
	.artist-list.col-rj {
  flex-direction: column;
   		padding: 15px;
	}
	.rj-timing {
	    flex-basis: unset;
	}
	.rj-details {
	    flex-basis: unset;
	    display: flex;
	    flex-direction: column;
	}
	.rj-content {padding: 0!important;}
	img.jp-thumb {
    	width: 55px;
    	height: 50px;
    	max-width: 100px;
	}
	.album-list.col-4 {
		flex-basis: 100%;
	}
	.section_row { padding: 0!important;}
	.fancy-title.xxlarge {font-size: 2rem;}


	.header {
		flex-direction: column;
	}

	.fancy-title.xxlarge { font-size: 60px; line-height: 65px; }

	#subheader .inner {
     justify-content: center;
	}
	#subheader .subdesc { text-align: center; }

	.events-list .entry-title {
		font-size: 20px;
	}
}

/* ===================================================== */
/* #Mobile (Landscape)
/* ===================================================== */

@media (min-width: 480px) and (max-width: 767px) {

	.post .quote { font-size: 20px; }

	#bodybg { background-size: cover; }
	.layoutoption { position: relative; z-index: 0;}

	figure img { -o-object-fit: cover; object-fit: cover; max-width:100%; }
	#boxed #wrapper,
	#layout_wrapper,
	#subheader {
		width: 420px;
	}
 	span.iva-children-indenter i { display:block; }
	.inner,
	.menu-dropdown,
	.copyright,
	.iva_mmenu,
	.section_inner,
	.videoslider,
	.rightsidebar .content-area,
	.rightsidebar #sidebar,
	.leftsidebar .content-area,
	.leftsidebar #sidebar,
	.jcarousel-item-horizontal,
	#subheader .subdesc,
	.header-area { width: 380px !important; }
	span.iva-children-indenter i { display:block; }

	#subheader .page-title { float: none; text-align: center; display: table; margin: 0 auto;}
	#subheader .customtext{ float: none; text-align: center; display: table; margin: 0 auto;}
	#header{ padding: 15px 0;}
	.events-carousel .carousel-event-block { text-align:center; }

	.frontpage_teaser { position:relative; }
	.videoslider,
	#featured_slider { position: relative; margin: 0 auto; }
	.pricetable .column { float: none; width: 100%; border-width:1px;}
	.ei-title,
	.flex-caption,
	.nivo-caption,
	.half_width, .one_half, .one_third,
	.two_third, .one_fifth, .one_fourth,
	.three_fourth, .four_fifth, .two_fifth,
	.three_fifth, .one_sixth, .four_sixth { width:100%; margin-right:0; }
	.topbar .atpsocials { float: none; margin:0 auto; }
	.topbar_right, .topbar_left{ text-align: center; width: 100%; }
	.leftsidebar #sidebar .content,
	.rightsidebar .content-area .entry-content { padding-right:0; }
	.leftsidebar .content-area .entry-content,
	.rightsidebar #sidebar .content { padding-left:0;}
	.rightsidebar #sidebar .sidebar-inner { padding: 0;}
	.rightsidebar .content-area { padding: 0;}
	.tabs li,
	.fb-area,
	.doubles li,
	.event_thumb,
	.copyright_left,
	.copyright_right,
	.teaserbox .callout_button { float:none; }
	.vertabs .tabs,
	.copyright_left,
	.copyright_right,
	.sort_column2 .item,
	.sort_column3 .item,
	.sort_column4 .item,
	.pricetable.col3 .column { width:100%; }
	.copyright_left,
	.copyright_right,
	.header .one_half,
	.header .one_third { text-align: center !important; }
	.subdesc,
	.breadcrumbs { text-align: center; width: 100%; }
	.callOutBox  .callOut_Button{ float: none; text-align: center; display: table; margin: 0 auto; }
	.pricetable .price-content {margin-bottom: 10px;}
	.testimonial-box { margin: 0 0 30px 0;}
	 #slider_bg  {background-color: #1d576d; background-image: none; }
	 #slider_bg  { position: relative; margin: 0 auto; }
	.callOutBox .button { margin-bottom:10px !important; }
	.events-list{ display: table; margin: 0 auto; }
	.event_thumb{ display: table; margin: 0 auto; }
	.card-icons { display: table; margin: 0 auto !important}
	.flex-caption{ display:none !important;}
	.flexslider { min-height: 0; }

	/* Custom Post Templates  */
	.col_half, .col_third, .col_twothird, .col_three_fourth, .col_fourth, .col_fifth, .col_sixth { float: none !important; width:100% !important; margin: 0 auto !important; }
	.col_half, .col_third, .col_twothird, .col_three_fourth, .col_fourth, .col_fifth, .col_sixth { margin-bottom: 20px !important;}
	.event_thumb{ display: none;}
	.events-list { width: 100%; }
	#themestyle_switcher{ display: none !important;}
	.tracklist-album, .tracklist-name { width: 100%; }
	.tracklist-thumb { display:none; }

	input.iva_search{
		margin-bottom: 10px;
	}
	.search-nav {
		margin: 0 auto 10px 0;
	}

	blockquote,
	blockquote.aligncenter,
	blockquote.alignright,
	blockquote.alignleft { width: 100% !important; }

	.header-area { display: block; min-height:auto; height:auto; position: relative;}
	.logo { display: block; padding:30px 60px 30px 10px; }
	.menuwrap { display: block; position: absolute; right: 0; top:50%; margin-top: -20px; }
	#header-s3 .menuwrap { display: block; position: absolute; right: 0; top:50%; margin-top: -20px; }
	#header-s3 .logo { display: block; padding:30px 60px; }

	.event_info p { line-height: normal; }
	.event-single .event_info { border-right: none; }

	.sort_column2 .item,
	.sort_column3 .item,
	.sort_column4 .item,
	.sort_column5 .item,
	.sort_column6 .item {
		width: 50% !important;
		margin: 10px auto !important;
	}

	/* Since 9.0 */
	.album-list.col-2, .album-list.col-3, .album-list.col-4, .album-list.col-5, .album-list.col-6,
	.artist-list.col-2, .artist-list.col-3, .artist-list.col-4, .artist-list.col-5, .artist-list.col-6,
	.djmix-list.col-2, .djmix-list.col-3, .djmix-list.col-4, .djmix-list.col-5, .djmix-list.col-6,
	.radio-list.col-2, .radio-list.col-3, .radio-list.col-4, .radio-list.col-5, .radio-list.col-6,
	.gallery-list.col-2, .gallery-list.col-3, .gallery-list.col-4, .gallery-list.col-5, .gallery-list.col-6,
	.video-list.col-2, .video-list.col-3, .video-list.col-4, .video-list.col-5, .video-list.col-6 {
		flex-basis: calc(50% - 20px);
	}

	.gallery-postimg {
		flex-basis: calc(50% - 20px);
	}

	/* Since 10.0 */

	.fancy-title.xxlarge {
		font-size: 50px;
		line-height: 50px;
	}

	.header {
		flex-direction: column;
	}

	.fancy-title.xxlarge { font-size: 60px; line-height: 65px;}
	#subheader .inner {
     justify-content: center;
	}
	#subheader .subdesc { text-align: center; }

}