﻿
@media only screen and (max-width: 1439px){
		.innerbanner {height: 620px;}
    .innerbanner {
        height: 400px;
    }
	.bannertexts h3 {font-size: 54px; line-height: 65px;}
    .bannertexts h3 {
        font-size: 33px;
        line-height: 40px;
    }
    
}
@media only screen and (max-width: 1199px){
	.eventinner .eventtop .eventimgbox.pull-left {
		width: 48%;
		margin-left: 0;  
	}
}
@media only screen and (max-width: 991px){
	.innerbanner {
		height: 360px;
	}
}
@media only screen and (max-width: 767px){
	.artistlists .artistbox .innerbox .imgbox img {
		width: 100%;
		height: fit-content;
		object-fit: cover;
	}
	.innerbanner {
		height: 460px;
	}

	.bannertexts h3 {
		font-size: 32px;
		line-height: 40px;
	}
	.innerbanner {
		height: 340px;
	}

	.eventinner .eventtop .eventimgbox.pull-left {
		width: 100%;
		margin-bottom: 10%;
		margin-top: 10%;
		margin-left: 0;
	}
	.eventinner .eventtop .eventdetails {
		width: 100%;
	}
}
@media only screen and (max-width: 639px){

}
@media only screen and (max-width: 479px){
	.eventbox .innerbox {
		height: auto;
	}

		.eventbox .innerbox .imgbox img {
			/*width: 100%;
			height: fit-content;
			max-height: 200px;*/
			/*object-fit: cover;*/
			width: 100%;
			height: 100%;
			object-fit: cover;
		}
	.iframeclass {
		height: auto;
	}
	.eventinner .eventtop .eventimgbox {
		max-height: 270px;
	}
	.innerbanner {
		height: 320px;
	}
	.artistlists .artistbox .innerbox .imgbox img {
		width: 100%;
		height: fit-content;
		max-height: 200px;
		object-fit: cover;
	}
}
@media only screen and (max-width: 359px){

}