/*MEDIA QUERY*/
@media screen and (max-width:3000px) {
	.if-cont{
		margin:0 auto; 
		width:43%;
	}
}
@media screen and (max-width: 1366px) {
	.if-cont{
		margin:0 auto; 
		width:61%;
	}
	.dr{
		border-width: 0;
		font-size: 0;
		font-weight: 300;
		height:auto;
		letter-spacing: 0;
		line-height: 0;
		margin: 0;
		padding: 0;
		text-align: inherit;
		transition: none 0s ease 0s ;
		width:auto;
		position:absolute;
		left:-50%;
		top:10%;
	}
	.dr2{
		border-width: 0;
		font-size: 0;
		font-weight: 300;
		height:auto;
		letter-spacing: 0;
		line-height: 0;
		margin: 0;
		padding: 0;
		text-align: inherit;
		transition: none 0s ease 0s ;
		width:auto;
		position:absolute;
		right:-70%;
		top:20%;
	}
	.dr3{
		border-width: 0;
		font-size: 0;
		font-weight: 300;
		height:auto;
		letter-spacing: 0;
		line-height: 0;
		margin: 0;
		padding: 0;
		text-align: inherit;
		transition: none 0s ease 0s ;
		width:auto;
		position:absolute;
		right:-50%;
		top:10%;
	}
	.coming-soon{
		left:2%;
		bottom:20px;
		width:17%;
	}
	.coming-soon-right{
		width:17%;
		bottom:20px;
		right:2%;
	}
	
}
@media screen and (max-width: 1280px) {
	.coming-soon{width:17%;}
	.coming-soon-right{width:17%;}
}
@media screen and (max-width: 1140px) {
	.dr{display:none !important;}
	.dr2{display:none !important;}
	.dr3{display:none !important;}
}

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

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

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

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

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

@media screen and (max-width: 768px) {
	
}
@media screen and (max-width: 640px) {
	
}
@media screen and (max-width: 600px) {
	
}
@media screen and (max-width: 480px) {
	
}

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

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

}