/*--------------------------------------------------------------
15. Media queries
--------------------------------------------------------------*/
@media only screen and (min-device-width: 1400px) and (max-device-width: 1600px){ 
   

}
@media only screen and (min-width : 1600px) {

}
@media only screen and (max-width: 1600px) {
	.info-sec{
	    height: 720px;
	}
	.info-img-div-box{
	    height: 600px;
	}
	.scroll-down-arrow{
    	bottom: -30px;
	}

}
@media only screen and (max-width: 1400px) {
	.h-logo{
		width: 100%;
		max-width: 420px;
		height: auto;
	}
    .scroll-down-arrow {
    	width: 130px;
    	bottom: -40px;
	}
	.music-bg {
    	top: -120px;
    }
    .music-sec {
    	padding: 60px 0px;
    }
    .contact-detail{
    	font-size: 20px;
    }
    .info-sec{
	    height: 670px;
	}
	.info-img-div-box{
	    height: 550px;
	}

}

@media only screen and (max-width: 1200px) {
	p{
	    font-size: 16px;
	    line-height: 24px;
	}
	.hero-title{
	    font-size: 35px;
	    line-height: 45px;
	}
	.title{
	    font-size: 30px;
	    line-height: 40px;
	}
	.scroll-down-arrow{
    	bottom: -20px;
	}
	.info-img-div-box {
    	width: 70%;
	}
	.contact-detail{
    	font-size: 18px;
    }
}
@media only screen and (max-width: 991px) {
	.sec-pad {
	    padding: 50px 0px;
	}
 	.hero-sec {
    	min-height: initial;
    	padding-top: 30px;
    	padding-bottom: 80px;
    }
    .hero-content {
	    margin-top: 20px;
	}
	.scroll-down-arrow{
		width: 90px;
    	bottom: -40px;
	}
	.music-bg {
        top: -60px;
    }
    .music-box-img {
	    margin-bottom: 0px; 
	}
	.music-box-div {
    	margin-top: 20px;
	}
	.info-sec{
	    height: auto;
	}
	.info-img-div-box {
    	width: 100%;
    	height: 450px;
    	position: relative;
    	top: 0px;
    	border-radius: 10px;
    	padding: 12px;
	}
	.info-img-div {
    	border-radius: 10px;
	}
	.f-flex-div {
	    margin-top: 30px;
	}
}
@media only screen and (max-width: 767px) {
 	.h-logo{
		width: 100%;
		max-width: 280px;
		height: auto;
	}
	.hero-title{
	    font-size: 30px;
	    line-height: 40px;
	}
	.title{
	    font-size: 25px;
	    line-height: 35px;
	}
	.theme-btn {
	    font-size: 15px;
	    line-height: 20px;
	}
	.scroll-down-arrow{
		bottom: -30px;
	}
	.word-break{
        word-break: break-all;
    }

}
@media (min-width: 992px){

}

@media only screen and (max-width: 768px) {

}
@media only screen and (max-width: 640px) {
  

}
    

@media only screen and (max-width: 575px) {
	.info-img-div-box {
    	height: 300px;
    }
    .scroll-down-arrow{
		bottom: -15px;
	}
}
@media (min-width: 576px){

}

@media only screen and (max-width: 480px) {
  
}
@media only screen and (max-width: 400px) {

}
@media screen and (max-width: 375px){

}
@media screen and (max-width: 321px){

}