@media only screen and (min-device-pixel-ratio: 2) and (max-device-width:420px) {
#page {
    background: none repeat scroll 0 0 #231f20;
    display: block;
    float: right;
    height: 142px;
    position: absolute;
    right: 0;
    width: 20%;
}
p{
	font-size:32px;
}

.mm-list > li > a, .mm-list > li > span {
    color: #8c8c8c;
    display: block;
    font-size: 1em;
    overflow: hidden;
    padding: 0.5em;
    text-overflow: ellipsis;
    text-transform: uppercase;
    transition: all 0.5s ease 0s;
    white-space: nowrap;
}
.mid-grids-right h3 {
 font-size: 52px;
 padding-left: 1%;
 text-align: left;
}
.mid-grids .wrap h2, .mid-grids-left h2 {
    font-size: 58px;
    padding: 1em 0;
}
.mid-grids-right table tr td {
    font-size: 32px;
}
.mid-grids-right p {
    font-size: 32px;
}
.rssfeed p, .footerMenu li a {
    font-size: 25px;
}
.footer-grids {
    height: 120px;
    padding: 30px 0;
}
.homeButton {
 border: 1px solid #000000;
 clear: both;
 color: #000000;
 display: block;
 font-family: 'Source Sans Pro', sans-serif;
 font-size: 45px;
 font-weight: 200;
 margin-bottom: 40px;
 margin-left: 0;
 margin-top: 30px;
 padding: 0.3em 0.7em;
 width: 460px;
}

 .mid-grids-right ul li {
font-size:32px;
}
 .mid-grids .wrap h2, .mid-grids-left h2 {
 font-size: 64px;
 padding: 1em 0;
}

.navicon {
    background: url("../images/nav-icon-b.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: block;
    height: 64px;
    position: absolute;
    right: 25px;
    top: 44px;
    width: 64px;
}

 .mid-grids-right table {
 margin: 0 1%;
 width: 98%;
}
 .mid-grids-right table tr td {
 color: #fff;
 font-size: 32px;
 padding: 1em 0;
}

.mid-grids-right-2 table tr td {
    font-size: 32px;
}
.mid-grids-right-2 p, .mid-grids-right-2 ul li {
    font-size: 32px;
}
.mid-grids-right h3, .mid-grids-right-2 h3{
	font-size:50px;
}
.mid-grids-right-2 h4 {
    font-size: 42px;
    padding: 2%;
}
/* 


 .mid-grids-left p {
 font-size: 25px;
 padding: 1em 0;
}
 .wrap {
 width:100%;
}
 .text-slider {
 background-size: 100% 100%;
}
 .header-right {
 width: 66%;
}
 
 .mid-grids-right p {
 font-size: 0.9em;
}
 .mid-grids-right ul li a {
 font-size: 0.99em;
}
 .border {
 width: 148px;
 left: 64%;
 top: 76%;
}
 .top-grids {
 padding: 2em 0 3em 0;
}
 .mid-grids {
 padding: 0;
}
 .panel-right h3 {
 font-size: 1.6em;
}
 .feature-grid-right {
 width: 86%;
}
 .feature-grid-left {
 margin-top: 1em;
}
 .feature-grid-right h2 {
 font-size: 1.5em;
 margin:0;
}
 .header {
 padding: 1em 0;
}
 .testimonial-grid {
 float: none;
 width:100%;
 margin-bottom:1em;
 text-align: center;
}
	#page {
 display:block;
}
 .top-grid a {
 font-size: 1em;
}
 .top-grid span {
 width: 35px;
 height: 35px;
}
 .top-grid span label {
 font-size: 1.2em;
}
 .about h1 {
 font-size: 1.8em;
 margin: 0.5em 0 0 0;
}
 .content-feature-grids {
 padding: 1em 0 2em 0;
}
 .content-feature-grids h1 {
 font-size: 1.8em;
}
 .feature-grid {
 width:100%;
 float:none;
 margin-bottom:1em;
}
 .top-nav {
 display:none;
}
 .header-left {
 float: none;
 margin-top:0em;
}
 .sign-ligin-btns {
 float: none;
 margin-top: 0px;
 position: absolute;
 top: 4%;
 right: 10%;
}
 #signupBox, #loginBox {
 top: 60px;
}
 .mid-grids-left {
 float: none;
 width:auto;
 margin-right:0%;
 margin-left:1%;
 text-align: left;
}
 .mid-grids-right {
 float: none;
 width:100%;
 text-align: center;
}

 .footer-grid {
 width:100%;
 float: none;
 margin-right:0%;
}
 .footer-grids {
 padding: 0;
}
 .footer-grid ul li {
 display:inline-block;
 margin-right:0.6em;
}
 .footer-grid h3 {
 margin-bottom: 0em;
}
 .footer-grid ul {
 margin:0.5em 0;
}
 .footer-grid p {
 padding: 0.5em 0;
}
 .copy-right {
 margin:1em 0 1em 0;
}
 .footer-grid input[type="text"] {
 width: 89%;
}
 .panel-right p {
 width:100%;
}*/
}