.mainpage-shadowbox { 	color: white; 	background: rgb(16,16,16); 	background: rgba(0,0,0,0.3); 	border-radius: 4px; } .mainpage-shadowbox h2, .mainpage-shadowbox h3 { 	color: white; 	border:none; 	font-family: sans-serif; 	line-height: 1.2em; 	margin:0; 	padding: 0; /* इसे पहले h3 के लिए सेट किया गया था, और स्किन के स्टाइल्स h2 के लिए ऐसा कर देते थे। लेकिन मोबाइल पर स्किन काम नहीं करेगा। */ } .mainpage-shadowbox a { 	color: white; 	font-weight: bold; }  .banner-image {     position: relative;     max-width: 1125px;      height: auto;     margin-bottom: .6em; } .banner-image img {     max-width: 100%;     height: auto;     /* width: auto\9; */ /* ie8 */ } .banner-box-wide {     width: 80% } .banner-box-left, .banner-box-right { 	padding: 8px 7px; 	background: rgb(16,16,16); 	background: rgba(0,0,0,0.3); 	border-radius: 4px; 	width: 40%; } .banner-box-left  { text-align: left; } .banner-box-right { text-align: right; } .banner-box-2 {     position: absolute;     z-index: 2;     min-width: 20em; }  @media screen and ( min-width: 720px ) { /* समान या बड़ा */ 	.banner-image img.nolink { display: none; } /* can be removed when backward compat is no longer needed */ 	.banner-image span[typeof~='mw:File/Frameless'].nolink { display: none; } 	.mainpage-shadowbox h2 { 		font-size: 190%; 	} 	.mainpage-shadowbox h3 { 		font-size: 150%; 	} 	.banner-image { 		overflow: hidden; 	} 	.banner-box-left { 		left: 3%; 	} 	.banner-box-right { 		right: 3%; 	} 	.banner-box-2 { 		margin-top: 2em; 	} 	.banner-box-2 .quote { 	    font-size: 80%; 	    line-height: 1.2em; 	} } @media screen and ( max-width: 720px ) { 	.banner-image img:not(.nolink) { display: none; } /* can be removed when backward compat is no longer needed */ 	.banner-image span[typeof~='mw:File/Frameless'] img { display: inline-block; } /* can be removed when b/c is no longer needed */ 	.banner-image span[typeof~='mw:File/Frameless']:not(.nolink) { display: none; } 	.banner-image > .mainpage-shadowbox { 		width: inherit !important; 		min-height: 100%; 		margin-left: -150%; 		margin-right: 150%; 		opacity: 0; 		background: black; 	} 	.mainpage-shadowbox .quote > a:after { 		content: '\ATap to learn more.'; 		white-space: pre; /* सामग्री को इसकी ज़रूरत है */ 	} 	.jcarousel-item:hover .mainpage-shadowbox { 		margin: unset; 		opacity: 1; 		transition: margin 0.5s; 		bottom: 50%; 	} 	.jcarousel-control-prev, .jcarousel-control-next { 		display: none; 	} 	img.interactiveIcon, /* can be removed when backward compat is no longer needed */ 	.interactiveIcon img { 		position: absolute; 		opacity: 0.4; 		height: 75% !important; 		width: auto; 		bottom: 0; 		right: 0; 	} }