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

.contaner{width:95%;}

}

@media only screen and (max-width: 1200px) {
.contaner{width:95% !important;}

}
	@media only screen and (max-width: 1030px) {
		.child2{width:48%;height:300px;margin-bottom:30px;}
		.child2 + .child2{margin-left:4%;}
		.child2 + .child2 + .child2{margin-left:0%;}
		.child2 + .child2 + .child2 +.child2{margin-left:4%;}
	}
	@media only screen and (max-width: 900px) {
		.photo{width:100%;text-align:center;}
		.Music{width:100%;text-align:center;margin-bottom:50px;}
		.button{float:none;}
		
		
	}
        @media only screen and (max-width: 1155px) {
		.image{position:absolute;top:35%;right:10%;}
		}
	
	@media only screen and (max-width: 1100px) {
		.image{position:absolute;top:32%;right:10%;}
		}
	 
	
	@media only screen and (max-width: 1020px) {
		.image{position:absolute;top:28%;right:10%;}
		}
	 
	@media only screen and (max-width: 900px) {
		.image{position:absolute;top:23%;right:10%;}
		.banner h2, .banner h1{font-size:50px;}
		.banner{margin-bottom:0px;}
		}
@media only screen and (max-width: 890px) {
		.image{display:none;}
		.box{width:59%;margin:auto;float:none;}
		.box{margin-bottom:50px;}
		.box + .box {margin:auto;margin-bottom:50px;}
		.top{width:100%;text-align:center;}
		.child1{width:100%;text-align:center;}
		.say{width:100%;text-align:center;}
		.child{width:100%;text-align:center;}
		.box1{width:100%;}
		.and{width:43%;margin-left:4%;}
		.baba ul li{width:100%;text-align:center;}
		.work{width:100%;text-align:center;}
		.works{width:100%;text-align:center;}
		.come{width:100%;text-align:center;}
		.map{width:100%;text-align:center;}
		}
		
	@media only screen and (max-width: 805px) {
		.menu1{width:100%;float:none;}
		.none{display:none;}
		.logo{width:100%}
		}
			
	@media only screen and (max-width: 767px) {
		.child2 p{margin-bottom:20px;}
		.management p , .management h3{text-align:center}
		.about p{text-align:justify}
.icsc-block {
    position: absolute;
    right: 150px;
    top: 9px;
}


.message-sec .msg-wrp:before{display:none;}
.message-sec .msg-wrp{border-radius:0; margin-bottom:15px;}

.navbar{min-height:auto;}

.navbar-nav{flex-direction: column;}

.carousel-indicators {
    position: absolute;
    bottom: -36px;
}
		}
		
		
		
		
		
		@media only screen and (max-width: 680px) {
			.box{width:80%;}
		}
		@media only screen and (max-width: 638px) {
		.banner h1{font-size:50px;}
		.banner h2, .banner h1{bottom:-15px}
		}
			@media only screen and (max-width: 600px) {
				.child2{width:100%;height:auto;margin-bottom:50px;}
				.child2 + .child2{margin-left:0%;}
				.child2 + .child2 + .child2 +.child2{margin-left:0%;}
				.child2 p {font-size:13px;}

			}
			@media only screen and (max-width: 580px) {
				.banner h2, .banner h1{ font-size:35px}
				.parent.upcomming1 ul li{width:50%}
				
				.icsc-block {    position: absolute;    right: 80px;    top: 9px;}
			}
			@media only screen and (max-width: 500px) {
				
				.box{width:90%;}
				.banner h2 span{font-size:20px}
				
				
			
			}
			@media only screen and (max-width: 450px) {
				.box{width:100%;}
				.parent.upcomming1 ul li{width:100%}
				.navbar-brand{max-width:80%}
				.navbar-brand>img{max-width:100%}
				
				.icsc-block {    position: absolute;    right: 10px;    top: 80px; z-index:99999;}
			}
			
			
			@media only screen and (max-width: 404px) {
			.banner h1{font-size:30px;}	
			.banner h2, .banner h1{ font-size:25px}
			.parent.upcomming1 ul li .and{    margin: 14px 0;}
			.parent.upcomming1 ul li span{padding:25px 0}
			}
			
			
		
			
			
			@media only screen and (max-width: 320px) {
			.and{width:52%;margin-left:12%;}
			
			}