@charset "utf-8";
/* CSS Document */
@media only screen and (min-width: 768px) and (max-width: 980px){
iframe

{
	width:100%;
	height:360px;
	margin:0px auto;
}		#case_blog{
		width:740px !important;
	}	

	#case_blog .col, #case_blog .col h4{
		width:144px !important;
	}
	#case_blog .col h4{
		font-size:18px !important;
	}
	#case_blog .col h4 span{
		font-size:37px !important;
	}
		.product-heading{
		width:712px !important;
	}
	

}
@media only screen and (min-width: 600px) and (max-width: 767px){
	
	
iframe

{
	width:100%;
	height:360px;
	margin:0px auto;
}

	
		#case_blog{
		width:572px !important;
	}
	#case_blog .col, #case_blog .col h4{
		width:540px !important;
		float:none !important;
	}

	#case_blog .col h4{
		font-size:28px !important;
	}
	#case_blog .col h4 span{
		font-size:47px !important;
	}
	
		
}
@media only screen and (min-width: 480px) and (max-width: 599px){
	
	iframe

{
	width:100%;
	height:360px;
	margin:0px auto;
}
		#case_blog{
		width:452px !important;
	}
	#case_blog .col, #case_blog .col h4{
		width:424px !important;
		float:none !important;
	}

	#case_blog .col h4{
		font-size:28px !important;
		margin-bottom:20px !important;

	}
	#case_blog .col h4 span{
		font-size:47px !important;
	}
	
		
}

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

{
	width:100%;
	height:360px;
	margin:0px auto;
}
		#case_blog{
		width:292px !important;
	}
	
	#case_blog .col, #case_blog .col h4{
		width:264px !important;
		float:none !important;
	}

	#case_blog .col h4{
		font-size:26px !important;
	}
	#case_blog .col h4 span{
		font-size:45px !important;
	}
	
	
	
	
}