@media only screen and (max-device-width:768px) and (min-device-width:641px) {
 .logo{
	padding-left:1%; 
 }
 .mid-grids-right-2 h4 {
    padding: 15px 30px 30px;
}
.investorSection {
    border-top: medium none;
    margin-top: 20px;
}
 .mid-grids-right-2 {
width: 100%;
}


 .mid-grids-right table tr td {
 color: #fff;
 font-size: 20px;
 padding: 1em 0;
}
 .homeButton {
 border: 1px solid #000000;
 clear: both;
 color: #000000;
 display: block;
 font-family: 'Source Sans Pro', sans-serif;
 font-size: 1.3em;
 font-weight: 200;
 margin-bottom: 40px;
 margin-left: 0;
 margin-top: 30px;
 padding: 0.3em 0.7em;
 width: 210px;
}
 .mid-grids .wrap h2, .mid-grids-left h2 {
 font-size: 32px;
 padding: 20px 0;
}
 .wrap {
 width:100%;
}
 .text-slider {
 background-size: 100% 100%;
}
 .header-right {
 width: 66%;
}
 .mid-grids-right h3 span {
 font-size: 1.2em;
}
 .mid-grids-right h3 {
 font-size: 1.5em;
 text-align: left;
}

.mid-grids-right p, .mid-grids-right ul li {
 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;
 width:80%;
}
 .testimonial-grid {
 float: none;
 width:100%;
 margin-bottom:1em;
 text-align: center;
}
	/*----*/
#page {
background: none repeat scroll 0 0 #231f20;
    display: block;
    float: right;
    height: 102px;
    position: absolute;
    right: 0;
    width: 20%;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(35, 31, 32, 0.5);
	-moz-box-shadow:    0px 0px 10px 0px rgba(35, 31, 32, 0.5);
	box-shadow:         0px 0px 10px 0px rgba(35, 31, 32, 0.5);
}
 .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;
}
 .navicon {
 display: block;
 width: 32px;
 height: 32px;
 position: absolute;
 top: 35px;
 right: 11px;
 background: url(../images/nav-icon.png) no-repeat;
}
 .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:30px;
 text-align: left;
}
.mid-grids-right {
    float: none;
    min-height: 0;
    padding-bottom: 20px;
    position: relative;
    width: 100%;
}
 .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%;
}
}