/* Author : Vinothraja | Date : 18-Aug-2016 */

.content_lft {float:left; width:91%; height:auto;}
.content_div {float:left; width:22%; height:auto; margin:1%; cursor:pointer;}
.content_div_div {width:100%; height:100%; overflow:hidden; border:2px solid #fde500;} 
.content_img img {float:left; width:100%; height:100%; background-size:cover; background-position:50% 50%;}
.content_trans_bg {float:left; width:100%; height:259px; background: -webkit-linear-gradient(rgba(255,0,0,0), rgba(71,52,22,1)); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(rgba(255,0,0,0), rgba(71,52,22,1)); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(rgba(255,0,0,0), rgba(71,52,22,1)); /* For Firefox 3.6 to 15 */ background: linear-gradient(rgba(255,0,0,0), rgba(71,52,22,1)); /* Standard syntax (must be last) */ margin-top:-259px;}

.content_txt_div {float:left; width:100%; margin-top:-68px;}
.content_txt_tm {float:left; width:100%; text-align:center; font-family:amudham; color:#ded590; font-size:20px; padding:5px 0px 0px 0px;}
.content_txt_eng {float:left; width:100%; text-align:center; font-family:Verdana, Geneva, sans-serif; color:#ded590; font-size:20px; padding:4px 0px 10px 0px;}
.content_rgt {float:right; width:120px; height:100%; background:#36250e; position:absolute; right:0;}
.icon_div {/*float:left; width:60%;*/ height:10%; border-bottom:1px solid #523c1d; padding:10% 20% 10% 20%;}
.icon1 {float:right; width:100%; height:100%; background:url(../images/icon1.png) no-repeat; cursor:pointer; background-size: contain;}
.icon2 {float:right; width:100%; height:100%; background:url(../images/icon2.png) no-repeat; cursor:pointer; background-size: contain;}
.icon3 {float:right; width:100%; height:100%; background:url(../images/icon3.png) no-repeat; cursor:pointer; background-size: contain;}
.icon4 {float:right; width:100%; height:100%; background:url(../images/icon4.png) no-repeat; cursor:pointer; background-size: contain;}
.icon5 {float:right; width:100%; height:100%; background:url(../images/icon5.png) no-repeat; cursor:pointer; background-size: contain;}
.icon6 {float:right; width:100%; height:100%; background:url(../images/icon6.png) no-repeat; cursor:pointer; background-size: contain;}
.icon7 {float:right; width:100%; height:100%; background:url(../images/icon7.png) no-repeat; cursor:pointer; background-size: contain;}

@media screen and (max-width:1024px) {
	.content_div {width:29%}
}
@media screen and (max-width:840px) {
	.content_lft {width:89%}
}
@media screen and (max-width:768px) {
	.content_div {width:46%}
	.content_lft {width:80%}
}
@media screen and (max-width:540px) {
	.content_div {width:80%}
}