#sign, #time, #status, #name, #sms, #load, #result, .unlock { display:none; }
#name input { border:1px solid #7344b0; background:#eee; padding:10px; border-radius:10px; width:250px; font-size:20px;}
/* reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, dl, dt, dd, ol, nav ul, nav li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
ol, ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* start editing from here */
a {
	text-decoration: none;
}
.txt-rt {
	text-align: right;
}/* text align right */
.txt-lt {
	text-align: left;
}/* text align left */
.txt-center {
	text-align: center;
}/* text align center */
.float-rt {
	float: right;
}/* float right */
.float-lt {
	float: left;
}/* float left */
.clear {
	clear: both;
}/* clear float */
.pos-relative {
	position: relative;
}/* Position Relative */
.pos-absolute {
	position: absolute;
}/* Position Absolute */
.vertical-base {
	vertical-align: baseline;
}/* vertical align baseline */
.vertical-top {
	vertical-align: top;
}/* vertical align top */
.underline {
	padding-bottom: 5px;
	border-bottom: 1px solid #eee;
	margin: 0 0 20px 0;
}/* Add 5px bottom padding and a underline */
nav.vertical ul li {
	display: block;
}/* vertical menu */
nav.horizontal ul li {
	display: inline-block;
}/* horizontal menu */
img {
	max-width: 100%;
}
/*end reset*/
body {
	font-family: 'Roboto', sans-serif;
}
.wrap {
	width: 80%;
	margin: 0 auto;
	transition: all .2s linear;
	-moz-transition: all .2s linear;/* firefox */
	-webkit-transition: all .2s linear; /* safari and chrome */
	-o-transition: all .2s linear; /* opera */
	-ms-transition: all .2s linear;
}
.header_top {
	padding: 15px 0;
	border-bottom: 2px solid #7344B0;
	position: fixed;
	z-index: 1;
	width: 100%;
	clear: both;
	background: #FFF;
}
#logo {
	float: left;
}
.menu {
	float: right;
	margin: 3px 0;
}
.menu li {
	display: inline-block;
}
.menu li a {
	display: block;
	font-size: 1em;
	font-weight: bold;
	margin: 5px 15px;
	color: #222;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.menu li a:hover {
	color: #7344b0;
}
.menu li a.scroll { color:#ddd;}
.menu li.login a {
	-webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5), 0px 1px 1px #381664;
	-moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5), 0px 1px 1px #381664;
	box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5), 0px 1px 1px #381664;
	background: #7344b0;
	background: -moz-linear-gradient(top, #7344b0 0%, #8a4bdb 0%, #7344b0 100%, #7846ba 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7344b0), color-stop(0%, #8a4bdb), color-stop(100%, #7344b0), color-stop(100%, #7846ba));
	background: -webkit-linear-gradient(top, #7344b0 0%, #8a4bdb 0%, #7344b0 100%, #7846ba 100%);
	background: -o-linear-gradient(top, #7344b0 0%, #8a4bdb 0%, #7344b0 100%, #7846ba 100%);
	background: -ms-linear-gradient(top, #7344b0 0%, #8a4bdb 0%, #7344b0 100%, #7846ba 100%);
	background: linear-gradient(to bottom, #7344b0 0%, #8a4bdb 0%, #7344b0 100%, #7846ba 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7344b0', endColorstr='#7846ba', GradientType=0 );
	border: 1px solid #673d9d;
	font-weight: normal;
	color: #FFF;
	border-radius: 1px;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	-o-border-radius: 1px;
}
.menu li.login a:hover {
	background: #7846ba;
	background: -moz-linear-gradient(top, #7846ba 0%, #6b36af 0%, #8a4bdb 100%, #6c38af 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7846ba), color-stop(0%, #6b36af), color-stop(100%, #8a4bdb), color-stop(100%, #6c38af));
	background: -webkit-linear-gradient(top, #7846ba 0%, #6b36af 0%, #8a4bdb 100%, #6c38af 100%);
	background: -o-linear-gradient(top, #7846ba 0%, #6b36af 0%, #8a4bdb 100%, #6c38af 100%);
	background: -ms-linear-gradient(top, #7846ba 0%, #6b36af 0%, #8a4bdb 100%, #6c38af 100%);
	background: linear-gradient(to bottom, #7846ba 0%, #6b36af 0%, #8a4bdb 100%, #6c38af 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7846ba', endColorstr='#6c38af', GradientType=0 );
}
.menu li.login a:active {
	-webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5), 0px 2px 1px rgba(58, 22, 104, 0.81);
	-moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5), 0px 2px 1px rgba(58, 22, 104, 0.81);
	box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5), 0px 2px 1px rgba(58, 22, 104, 0.81);
	border: 1px solid #51258A;
	background: #622EA5;
}

/*** main ****/
.content_top {
	position: relative;
	background: #7344b0;
}
.banner_desc {
	float: left;
	width: 62%;
	padding: 7em 0 3em 0;
	color: #FFF;
	font-weight: normal;
	text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.31);
	font-family: 'Roboto', sans-serif;
}
.banner_desc h1 {
	font-size: 3.5em;
}
.banner_desc h1 span {
	font-weight: bold;
}
.banner_desc h3 {
	font-size: 1.4em;
	margin-top: 20px;
}
.banner_desc a.play_icon {
	display: block;
	padding: 15px 0 10px 0;
}
.banner_desc h3 span {
	font-weight: bold;
}
.banner_desc p {
	font-size: 0.9em;
	font-style: italic;
	padding-top: 3px;
}
.sign_up {
	margin-top: 2.5em;
}
.sign_up input[type="text"] {
	padding: 6px 10px 9px;
	width: 300px;
	margin: 0;
	border: 1px solid #6B36AF;
	background: #FFF;
	font-size: 1em;
	color: #9E9E9E;
	outline: none;
	font-family: 'Roboto', sans-serif;
	box-shadow: 0px 0px 5px #6B36AF;
}
.sign_up input[type="text"]:focus {
	color: #686868;
}
.sign_up input[type="submit"] {
	-webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5), 0px 2px 1px rgba(58, 22, 104, 0.81);
	-moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5), 0px 2px 1px rgba(58, 22, 104, 0.81);
	box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5), 0px 2px 1px rgba(58, 22, 104, 0.81);
	background: #7344b0;
	background: -moz-linear-gradient(top, #7344b0 0%, #8a4bdb 0%, #7344b0 100%, #7846ba 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7344b0), color-stop(0%, #8a4bdb), color-stop(100%, #7344b0), color-stop(100%, #7846ba));
	background: -webkit-linear-gradient(top, #7344b0 0%, #8a4bdb 0%, #7344b0 100%, #7846ba 100%);
	background: -o-linear-gradient(top, #7344b0 0%, #8a4bdb 0%, #7344b0 100%, #7846ba 100%);
	background: -ms-linear-gradient(top, #7344b0 0%, #8a4bdb 0%, #7344b0 100%, #7846ba 100%);
	background: linear-gradient(to bottom, #7344b0 0%, #8a4bdb 0%, #7344b0 100%, #7846ba 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7344b0', endColorstr='#7846ba', GradientType=0 );
	display: inline-block;
	border: 1px solid #673d9d;
	padding: 7px 40px;
	font-size: 1em;
	font-family: 'Roboto', sans-serif;
	color: #FFF;
	margin: 0;
	text-decoration: none;
	cursor: pointer;
	outline: none;
	border-radius: 1px;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	-o-border-radius: 1px;
	margin-left: 10px;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.sign_up input[type="submit"]:hover {
	background: #7846ba;
	background: -moz-linear-gradient(top, #7846ba 0%, #6b36af 0%, #8a4bdb 100%, #6c38af 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7846ba), color-stop(0%, #6b36af), color-stop(100%, #8a4bdb), color-stop(100%, #6c38af));
	background: -webkit-linear-gradient(top, #7846ba 0%, #6b36af 0%, #8a4bdb 100%, #6c38af 100%);
	background: -o-linear-gradient(top, #7846ba 0%, #6b36af 0%, #8a4bdb 100%, #6c38af 100%);
	background: -ms-linear-gradient(top, #7846ba 0%, #6b36af 0%, #8a4bdb 100%, #6c38af 100%);
	background: linear-gradient(to bottom, #7846ba 0%, #6b36af 0%, #8a4bdb 100%, #6c38af 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7846ba', endColorstr='#6c38af', GradientType=0 );
}
.sign_up input[type="submit"]:active {
	-webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5), 0px 2px 1px rgba(58, 22, 104, 0.81);
	-moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5), 0px 2px 1px rgba(58, 22, 104, 0.81);
	box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5), 0px 2px 1px rgba(58, 22, 104, 0.81);
	border: 1px solid #51258A;
	background: #622EA5;
}
.intro {
	float: right;
	width: 37%;
	margin-bottom: -10em;
	padding-top: 7em;
}
.intro img {
	display: block;
}
/**** Content top ****/
.features {
	background: #FFF;
	padding: 7em 0 6em 0;
	text-align: center;
}
.features h2, .dashborder_img h2, .content_bottom h2 {
	font-size: 3.5em;
	color: #222;
	padding: 10px 0;
	font-weight: normal;
}
.features h2 span, .dashborder_img h2 span, .content_bottom h2 span {
	font-weight: bold;
	color: #7344b0;
}
.features h4, .dashborder_img h4, .content_bottom h4 {
	font-size: 1.5em;
	color: #222;
	font-weight: normal;
}
.features h4 {
border-bottom: 1px dotted #7344b0;
margin: 20px 20px 0;
text-align:left;
}
.features_grids {
	margin-top: 3em;
}

.sms_info {margin:20px 20px 0; text-align:left; background:#E3DAEF; padding:5px 10px}
.sms_info input {background:#F1ECF7; padding:4px; border:1px solid #7344b0; border-radius:2px; width:70px;}
.sms_info p {margin:15px 0;}
.sms_info strong { font-weight:bold;}
.sms_info a { color:#606; border-bottom:1px dotted #303;}
.sms_info span {
padding: 2px 8px;
background: #7344b0;
color: #fff;
margin-right:5px;
}
p.price { font-size:11px; color:#AB8FD0; padding:20px; text-align:left;}

.results p { text-align:left; padding:10px 20px 5px; color:#333;}
p.un {text-align: center;
  color: #7344B0;
  line-height: 3;}
p.share-button {
  margin: 20px;
  float: none;
  background: #3b5998 url(../images/f.png) no-repeat 10px center;
  display: block;
  line-height: 66px;
  color: #fff;
  font-size: 20px;
  padding-left: 60px;
  text-align: center;
    cursor: pointer;
}
/*  GRID OF Four   ============================================================================= */
.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}
.group:before, .group:after {
	content: "";
	display: table;
}
.group:after {
	clear: both;
}
.group {
	zoom: 1;
}
.grid_1_of_4 {
	display: block;
	float: left;
	margin: 1% 0 1% 1.6%;
}
.grid_1_of_4:first-child {
	margin-left: 0;
}
.images_1_of_4 {
	width: 23.8%;
	padding: 1.5% 0;
	text-align: center;
}
.images_1_of_4 img {
	max-width: 100%;
}
.images_1_of_4 h3 {
	font-size: 1.2em;
	color: #222;
	font-weight: bold;
	padding-top: 5px;
}
.images_1_of_4 h3 span {
	color: #d4d4d4;
}
.images_1_of_4 p {
	font-size: 1em;
	color: #222;
	text-align: center;
	margin: 0 auto;
	padding: 10px 0;
	width: 90%;
	line-height: 1.6em;
}
.button {
	text-align: center;
	margin-top: 2em;
	cursor:pointer;
}
.button a {
	display: inline-block;
	-webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5), 0px 1px 1px #381664;
	-moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5), 0px 1px 1px #381664;
	box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5), 0px 1px 1px #381664;
	background: #7344b0;
	background: -moz-linear-gradient(top, #7344b0 0%, #8a4bdb 0%, #7344b0 100%, #7846ba 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7344b0), color-stop(0%, #8a4bdb), color-stop(100%, #7344b0), color-stop(100%, #7846ba));
	background: -webkit-linear-gradient(top, #7344b0 0%, #8a4bdb 0%, #7344b0 100%, #7846ba 100%);
	background: -o-linear-gradient(top, #7344b0 0%, #8a4bdb 0%, #7344b0 100%, #7846ba 100%);
	background: -ms-linear-gradient(top, #7344b0 0%, #8a4bdb 0%, #7344b0 100%, #7846ba 100%);
	background: linear-gradient(to bottom, #7344b0 0%, #8a4bdb 0%, #7344b0 100%, #7846ba 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7344b0', endColorstr='#7846ba', GradientType=0 );
	border: 1px solid #673d9d;
	padding: 8px 30px;
	font-size: 1.2em;
	color: #FFF;
	text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.31);
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
}
.button a:hover {
	background: #7846ba;
	background: -moz-linear-gradient(top, #7846ba 0%, #6b36af 0%, #8a4bdb 100%, #6c38af 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7846ba), color-stop(0%, #6b36af), color-stop(100%, #8a4bdb), color-stop(100%, #6c38af));
	background: -webkit-linear-gradient(top, #7846ba 0%, #6b36af 0%, #8a4bdb 100%, #6c38af 100%);
	background: -o-linear-gradient(top, #7846ba 0%, #6b36af 0%, #8a4bdb 100%, #6c38af 100%);
	background: -ms-linear-gradient(top, #7846ba 0%, #6b36af 0%, #8a4bdb 100%, #6c38af 100%);
	background: linear-gradient(to bottom, #7846ba 0%, #6b36af 0%, #8a4bdb 100%, #6c38af 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7846ba', endColorstr='#6c38af', GradientType=0 );
}
.button a img {
	vertical-align: middle;
	margin-bottom: 2px;
}
/********** Customize dashboard *******/
.dashborder_img {
	padding: 7em 0 4em 0;
	text-align: center;
	background: #FAFAFA;
	box-shadow: inset 0px 0px 10px #EBEBEB;
	-webkit-box-shadow: inset 0px 0px 10px #EBEBEB;
	-moz-box-shadow: inset 0px 0px 10px #EBEBEB;
	-o-box-shadow: inset 0px 0px 10px #EBEBEB;
}
/*
.dashborder_img img {
	margin-top: 2em;
}
/******** Content bottom *********/
.content_bottom {
	padding: 2em 0 3em 0;
	text-align: center;
}
/*  GRID OF THREE   ============================================================================= */
.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}
.group:before, .group:after {
	content: "";
	display: table;
}
.group:after {
	clear: both;
}
.group {
	zoom: 1;
}
.grid_1_of_3 {
	display: block;
	float: left;
	margin: 2% 0 1% 1.6%;
}
.grid_1_of_3:first-child {
	margin-left: 0;
}
.images_1_of_3 {
	width: 29.2%;
	padding: 1.5%;
}
.images_1_of_3 img {
	max-width: 100%;
	display: block;
	margin: 0 auto;
	padding: 5px;
	box-shadow: 0px 0px 5px #CCC;
	-webkit-box-shadow: 0px 0px 5px #CCC;
	-moz-box-shadow: 0px 0px 5px #CCC;
	-o-box-shadow: 0px 0px 5px #CCC;
	border-radius: 10em;
	-webkit-border-radius: 10em;
	-moz-border-radius: 10em;
	-o-border-radius: 10em;
	-ms-border-radius: 10em;
	margin-bottom:20px;
}
.images_1_of_3 h3 {
	font-size: 1.3em;
	font-weight: bold;
	padding-top: 20px;
}
.images_1_of_3 h3 a {
	color: #3F3F3F;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.images_1_of_3 h3 a:hover {
	color: #252525;
}
.images_1_of_3 h5 {
	font-size: 1em;
	color: #222;
	padding-top: 5px;
}

#p_number {
font-size: 100px;
font-weight: bold;
margin-bottom: 35px;
color: #333;
}
#result h4 span { color:#7344B0;}
.fourty { font-size:40px; color:#666;}
.customer_desc {
	margin: 10%;
	box-shadow: 0px 0px 5px #A5A5A5;
	-webkit-box-shadow: 0px 0px 5px #A5A5A5;
	-moz-box-shadow: 0px 0px 5px #A5A5A5;
	-o-box-shadow: 0px 0px 5px #A5A5A5;
	border-radius: 1em;
	-webkit-border-radius: 1em;
	-moz-border-radius: 1em;
	-o-border-radius: 1em;
	margin-bottom: 3em;
	position: relative;
}
.customer_desc p {
	font-size: 1em;
	color: #131313;
	line-height: 2em;
	padding: 15%;
}
.customer_desc span.quotes {
	width: 30px;
	height: 30px;
	display: inline-block;
	position: absolute;
}
.customer_desc span.up {
	background: url(../images/qutoes.png) no-repeat left;
	left: 1em;
	top: 1em;
}
.customer_desc span.down {
	background: url(../images/qutoes.png) no-repeat right;
	right: 1em;
	bottom: 2em;
}
.customer_desc span.testimonial-arrow {
	width: 55px;
	height: 20px;
	display: inline-block;
	background: url(../images/testimonial.png) no-repeat;
	position: absolute;
	left: 7em;
	bottom: -18px;
}
/**** Footer ****/
.footer {
	padding: 15px 0;
	background: #222222;
}
/*  GRID OF FOUR   ============================================================================= */
.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}
.group:before, .group:after {
	content: "";
	display: table;
}
.group:after {
	clear: both;
}
.group {
	zoom: 1;
}
.col_1_of_4 {
	display: block;
	float: left;
	margin: 1% 0 1% 1.6%;
}
.col_1_of_4:first-child {
	margin-left: 0;
} /* all browsers except IE6 and lower */
.span_1_of_4 {
	width: 20.8%;
	padding: 1.5%;
}
.span_1_of_4 h3 {
	color: #FFF;
	font-size: 1.4em;
	padding-bottom: 15px;
}
.list li a {
	display: inline-block;
	font-size: 1em;
	font-weight: normal;
	padding: 6px 0px;
	color: #CCC;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.list li a:hover {
	color: #FFF;
}
.social-icons {
	margin-top: 2em;
}
.social-icons li a img {
	vertical-align: middle;
	padding-right: 5px;
	opacity: 0.7;
}
.list li a:hover > img {
	opacity: 1;
}

.copy_right {
	padding: 20px 0;
	text-align: center;
	background: #222;
}
.copy_right p {
	font-size: 1em;
	color: #ccc;
}
.copy_right p a {
	color: #ccc;
}
.copy_right p a:hover {
	text-decoration: underline;
	color: #fff;
}
ul.intro-list {
list-style: none;
line-height: 1.2em;
}
.intro-list li::before {
  content: '';
  line-height: 1.2em;
  width: 0.4em;
  height: 0.4em;
  background-color: orange;
  float: left;
  margin: 0.4em 0.4em 0 0;
  border-radius: 50%;
}
.stat-cont {
  width: 100%;
  height: 350px;
  margin: 15px 0;
}
/**************** Media Quries ************************/
@media only screen and (max-width: 1366px) {
.wrap {
	width: 90%;
}
}
@media only screen and (max-width: 1280px) {
.wrap {
	width: 90%;
}
.intro {
	padding-top: 7em;
}
 @media all and (max-width:1024px) {
 .wrap {
 width:90%;
}
 .banner_desc {
 width:60%;
}
 .banner_desc h1 {
 font-size:3em;
}
 .banner_desc h3 {
 font-size:1.2em;
 margin-top:5px;
}
 .intro {
 width:40%;
}
 .customer_desc span.testimonial-arrow {
 left:5em;
}
}
 @media all and (max-width:800px) {
.wrap {
	width: 95%;
}
.menu li a {
	font-size: 0.85em;
	margin: 5px 6px;
}
.menu li.login a {
	padding: 4px 20px;
}
.banner_desc h1 {
	font-size: 2.5em;
}
.banner_desc a.play_icon {
	padding: 0;
}
.sign_up input[type="text"] {
	width: 250px;
}
.sign_up input[type="submit"] {
	padding: 7px 25px;
}
.sign_up {
	margin-top: 1.5em;
}
.intro {
	padding-top: 7em;
}
.features {
	padding: 6em 0 4em 0;
}
}
 @media all and (max-width:768px) {
.wrap {
	width: 95%;
}
.intro {
	padding-top: 7em;
	margin-bottom: -7em;
}
}
 @media all and (max-width:640px) {
     .intro-list li::before {
  content: none;
}
	 .sms_info span {
		 display:block; margin-bottom:10px;
}
.wrap {
	width: 95%;
}
.menu {
	margin: 8px 0;
}
.banner_desc {
	padding: 8em 0 3em 0;
}
.banner_desc h1 {
	font-size: 2em;
}
.banner_desc h3 {
	font-size: 1em;
	margin-top: 0;
}
.sign_up input[type="text"] {
	width: 200px;
}
.sign_up input[type="submit"] {
	padding: 7px 20px;
}
.intro {
	margin-bottom: -5em;
}
.grid_1_of_4, .grid_1_of_3, .col_1_of_4 {
	margin: 0;
}
.images_1_of_4, .images_1_of_3, .span_1_of_4 {
	width: 94%;
	padding: 3%;
}
.images_1_of_4 h3 {
	padding-top: 0;
}
.features {
	padding: 4em 0;
}
.features h2, .dashborder_img h2, .content_bottom h2 {
	font-size: 2.5em;
}
.features h4, .dashborder_img h4, .content_bottom h4 {
	font-size: 1.2em;
}
.features_grids {
	margin-top: 0em;
}
.images_1_of_4 p {
	width: 60%;
}
.customer_desc span.testimonial-arrow {
	left: 12em;
}
}
 @media all and (max-width:480px) {
.wrap {
	width: 95%;
}
.header_top {
	padding: 0px 0;
}
.menu {
	margin: 0 0 8px 0;
}
#logo {
	float: none;
	text-align: center;
}
.banner_desc {
	float: none;
	width: 100%;
	text-align:center;
}
.menu {
	float: none;
	text-align: center;
}
.menu li a {
	margin: 5px 10px;
}
.intro {
	width: 100%;
	text-align: center;
	margin-bottom: -10em;
	padding-top: 0em;
}
.features {
	padding: 8em 0 4em 0;
}
.features h2, .dashborder_img h2, .content_bottom h2 {
	font-size: 2em;
}
.customer_desc span.testimonial-arrow {
	left: 8em;
}
.copy_right p {
	font-size: 0.85em;
	line-height: 1.8em;
}
.images_1_of_4 p {
	width: 100%;
}
}
@media all and (max-width:320px) {
.wrap {
	width: 95%;
}
.menu li a {
	margin: 0px 4px 5px 4px;
	font-size: 0.8em;
}
.banner_desc {
	padding: 10em 0 0 0;
}
.banner_desc h1 {
	font-size: 1.6em;
}
.sign_up input[type="text"] {
	width: 160px;
}
.sign_up input[type="submit"] {
	font-size: 0.85em;
	margin-left: 5px;
}
.intro {
	padding-top: 1em;
	margin-bottom: -6em;
}
.features {
	padding: 4em 0 2em 0;
}
.features h2, .dashborder_img h2, .content_bottom h2 {
	font-size: 1.6em;
}
.features h4, .dashborder_img h4, .content_bottom h4 {
	font-size: 1em;
}
.images_1_of_4 h3 {
	padding-top: 0;
}
.customer_desc {
	margin: 2em 0;
}
.customer_desc span.testimonial-arrow {
	left: 7em;
}
}