@charset "utf-8";
/* CSS Document */
html, body{
	margin: 0;
	padding: 0;
}
*{
	box-sizing: border-box;
}
.kathayatam-iframe-wrp{
	width: 100%;
	position: relative;
	margin: 0 auto;
	padding-top: 50%;
	margin-bottom: 10px;
}
.kathayatam-iframe{
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	height: 100%;
	
}
@media only screen and (max-width:1100px){
    .kathayatam-iframe-wrp{
        padding-top: 54%;
    }
}
@media only screen and (max-width:1000px){
	.kathayatam-iframe-wrp{
		padding-top: 56%;
	}
	
}
@media only screen and (max-width:900px){
	.kathayatam-iframe-wrp{
		padding-top: 57.5%;
	}
	
}
@media only screen and (max-width:850px){
		.kathayatam-iframe-wrp{
		padding-top: 55.5%;
	}
	
}
@media only screen and (max-width:800px){
		.kathayatam-iframe-wrp{
		padding-top: 58%;
	}
	
}
@media only screen and (max-width:750px){
		.kathayatam-iframe-wrp{
		padding-top: 59%;
	}
	
}
@media only screen and (max-width:700px){
		.kathayatam-iframe-wrp{
		padding-top: 61%;
	}
	
}
@media only screen and (max-width:660px){
		.kathayatam-iframe-wrp{
		padding-top: 0;
			height: 918px;
	}
	
}
@media only screen and (max-width:600px){
		.kathayatam-iframe-wrp{
	
			height: 878px;
	}
	
}
@media only screen and (max-width:500px){
		.kathayatam-iframe-wrp{
		padding-top: 0;
			height: 850px;
	}
	
}
@media only screen and (max-width:450px){
	.kathayatam-iframe-wrp{
		height: 825px
	}
}
@media only screen and (max-width:420px){
	.kathayatam-iframe-wrp {
    height: 785px;
}
}
@media only screen and (max-width:400px){
	.kathayatam-iframe-wrp{
		height: 775px;
	}
}
@media only screen and (max-width:380px){
	.kathayatam-iframe-wrp{
		height: 765px
	}
}
@media only screen and (max-width:370px){
	.kathayatam-iframe-wrp{
		height: 760px
	}
}