body, html{font-family: "Hind, Jaini"; margin: 0px; background-image: linear-gradient( #a41b5f, #ee669b); background-size:100%; background-attachment: fixed; translate="no"; height: auto}
a:link {text-decoration: none; color: none}
a:hover {text-decoration:none; cursor:pointer}
.responsive {width: 100%; height: auto;}

.text1{font-size:325%; color: #fff; font-family: 'Jaini'; line-height: 100%}
.text2{font-size:450%; color: #fff; font-family: 'Jaini'; line-height: 100%}

.intro{width:96%; float;left; padding:2%; background-color:#0262ad; text-align: center; font-size:150%; margin-bottom: 5%; border-radius: 10px; border:solid; border-width:1px; border-color:gold; color: cyan}
.back{padding: 8px; background-color: blueviolet; color: #fff}
.left{width:18%; float: left; text-align: center; top:0; left:0; position: fixed; margin-right: 2% }
.main{width: 60%;float:left; margin-left: 20%; margin-right: 20%; height: auto}
.right{width:20%; float: right; text-align: center; right: 0; top:0; position: fixed}
.header{width:60%; height: auto;  background-image: url("../img/milk.png"); background-size: 100%; margin-left: 20%; margin-right: 20%; padding-bottom: 3%; background-repeat: no-repeat}
.content{font-size:125%; color: #ffd3e4; text-align: justify; line-height: 150%; margin-top: 4%; margin-bottom: 4%}
.full{width: 100%; color: gold}
.conimg{width:100%; height: 400px; overflow: hidden; float: left; border-radius: 15px; margin-bottom: 3%;}
.headline{font-size:350%; text-align: center; color: #f0db68; line-height: 125%}

.gold{width:22px; height:18px; border-radius:50%; background-color:#ffd700; color: #fff; text-transform: uppercase; font-size: 80%; text-align: center; padding-top: 4px; border:solid; border-width: 2px; border-color: #b8a120; float: left; margin-right: 2%}
.silver{width:22px; height:18px; border-radius:50%; background-color:#c0c0c0; color: #fff; text-transform: uppercase; font-size: 80%; text-align: center; padding-top: 4px; border:solid; border-width: 2px; border-color: #909090; float: left; margin-right: 2%}
.bronze{width:22px; height:18px; border-radius:50%; background-color:#cc9966; color: #fff; text-transform: uppercase; font-size: 80%; text-align: center; padding-top: 4px; border:solid; border-width: 2px; border-color: #a5723e; float: left; margin-right: 2%}
.yr{width:6%; float: left; color: #fff; height: 26px; padding-top: 5px}
.venue{width:22.25%; float: left; color: #fff; height: 26px; padding-top: 5px; text-transform: uppercase}
.bottom{width: 100%; padding-top:1%; padding-bottom: 1%; background-color: #000; color:#fff; text-align: center; float: left; margin-top: 6%; font-size: 80%}
.records{font-size:font-size:135%; background-color: #ffcc32; color:#e8538d; padding: 1%; font-weight: bold}
.but{padding: 1%; font-size:80%; color: #fff; background-color: darkblue; margin-right:10%; margin-left: 5%; border:solid; border-width: :0.5px; border-color:#666690}

.half{width:48%; height: 450px; float: left; margin-left: 1%; margin-right: 1%; overflow: hidden; position: relative}
.quater{width:22%; float: left; margin-left: 1.5%; margin-right: 1.5%; margin-bottom: 3%;}
.quater_txt{width:100%; color:#ffcc32; font-size: 150%; line-height: 110%; text-align: center; font-family:'Hind'}
.im_sm{width: 100%; height: 125px; float: left; overflow: hidden; color:#fff; }
.name{font-size:90%; color:gold; font-weight: bolder}
.cate{font-size:70%; color:#fff; line-height: 50%}


@media only screen and (max-width: 620px) {
  /* For mobile phones: */
	
	.left {display: none}
	.right {display: none}
	.main{width: 98%; padding-left: 1%; padding-right: 1%; margin-left:0%; margin-right: 0%; margin-bottom: 0%;}
	.content{font-size:90%; color: #ffd3e4; text-align: justify; line-height: 125%; margin-top: 4%; margin-bottom: 4%;}
	.conimg{width:100%; height: 190px; margin-bottom: 5%}
	.yr{font-size:68%; width: 7%;}
	.venue{width:21%; font-size: 68%;}
	.header{width:100%; margin: 0px; height: auto}
	.bronze{width:18px; height:14px; font-size: 65%; padding-top: 4px; }
	.silver{width:18px; height:14px; font-size: 65%; padding-top: 4px;}
	.gold{width:18px; height:14px; font-size: 65%; padding-top: 4px}
	.headline{font-size:170%; text-align: center; color: gold; line-height: 110%; padding-top: 2%; padding-bottom: 2%}
	.back{font-size:60%}
	.text1{font-size:225%;}
	.text2{font-size:275%; color: #fff; font-family: 'Jaini'; line-height: 100%}
	.records{font-size:90%;font-size:90%; font-weight: bold}
	.quater{width:46%}
	.quater_txt{font-size:110%; margin-top: -10%}
	.im_sm{height:100px}
	.bottom{margin-top:2%; font-size: 65%; bottom: 0}
	.full{font-size:85%}
	.intro{font-size: 100%}
}