मीडियाविकि:Common.css

/**************************
FOR SMALL SCREEN SIZES
**************************/
@media only screen and (max-width: 1024px) {
#p- ul li a { font-size: 16px; }
.portlet h2{ font-size: 16px; color: #fff;}
.poem { font-size: 16px; background: none; padding: 10px; text-align: center;}
h1#firstHeading {font-size: 16px; }
#top-global-bar {display: none;}
#gkleftadarea {display: none;}
div#content {padding: 0;}
#p-logo {top:0.5em;}
.gkparichay-box{float: none; margin: 0 auto;}
div#globalWrapper{width: 99% !important;}
div#bodyContent{border-radius: 0; box-shadow: none; padding: 10px; margin: 10px auto;}
#customFooter{height: auto;}
#footer-col-1, #footer-col-2, #footer-col-3 {float: none; margin: 0 auto; width: 90%; padding: 0 0 20px;}
.poet-list-section{-webkit-column-count: 2; -moz-column-count: 2; column-count: 2; box-shadow: none;}
}

@media only screen and (max-width: 839px) {
div#globalWrapper{width: 99% !important; margin: 0 auto;}
#poet-list-anchors{bottom: 0px; left: 0px; font-size: 18px; width: 100%;}
#poet-list-letter-set a {width: 24px;}
h5.poet-list-heading{text-align: right;}
#kkparichay-box{float: none; margin: 0;}
#footer-col-1{display: none;}
#fixed-bar{display: none;}
}

@media only screen and (max-width: 400px) {
body{background-image: none; font-size: 17px;}
#logo-img{width: 100px; box-shadow: none;}
div#globalWrapper{width: 99% !important; font-size: 110%;}
div#content {padding: 0;}
div#bodyContent{border-radius: 0; box-shadow: none; padding: 10px; margin: 10px auto;}
.poet-list-section{-webkit-column-count: 1; -moz-column-count: 1; column-count: 1;}
}