html, body {
    -moz-font-smoothing: none;
	font-smoothing: antialiased;
}
*{margin: 0; padding: 0; outline: 0; }
body, html { height: 100%; }
body {
	font-size: 12px;
	line-height: 22px;
	font-family: arial, sans-serif;
	color: #828282;
	min-width: 100%;
}
a { color: #72ae13; text-decoration: none; cursor: pointer; }
a:hover { text-decoration: underline; }
a img { border: 0; }
a.more { color: #72ae13; text-decoration: underline; font-size: 12px; }
a.more:hover { text-decoration: none;  }

article, aside, details, footer, header, menu, nav, section { display: block; }
input, textarea, select { font-size: 12px; font-family: arial, sans-serif; }
textarea { overflow: auto; }
.header {   background: url("images/menu_bg.png") repeat-x scroll 0 0 transparent;
    height: 105px;
    left: 0;
    margin: 0;
    padding: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;}
.header-top {    
	height: 105px;
    margin: 0 auto;
    max-width: 1010px;
    position: relative;
}
#logo {
    float: left;
    font-size: 0;
    height: 101px;
    line-height: 0;
    position: relative;
    width: 376px;
}
#logo a {   
	background: url("images/main_logo.png") no-repeat scroll 0 0 transparent;
    display: block;
    float: left;
    height: 107px;
    max-width: 376px;
    width: 100%;
}

#navigation { float: right; padding-top: 7px; }
#navigation ul { list-style: none; list-style-position: outside; font-size: 13px; font-family: Verdana, Geneva,  sans-serif; }
#navigation ul li { display: inline; padding-left: 24px; }
#navigation ul li a { color: #0181c0; }
#navigation ul li a:hover,
#navigation ul li.active a { color: #00283a; text-decoration: none; }
#navigation a.nav-btn {display: none;}
.slider {  background: url("images/banner_bg.png") repeat scroll 0 0 transparent;
    height: 617px;
    width: 100%;
}
.slider h2{
	color: #FFFFFF;
    font-family: "Arial Black", Gadget, sans-serif;
    font-size: 80px;
    line-height: 125px;
	text-shadow:1px 2px 2px #011B2A;
}
.slide_cont{
	width:1010px;
	margin:0 auto;
}
.slide_txt{
    padding-top: 140px;
    text-align: center;
    width: 100%;
}
.slide_txt h3{	
	color: #00283a;
    font-size: 40px;
    line-height: 50px;
    margin: 0 auto;
    text-transform: uppercase;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:300;
	font-variant:normal;
	-webkit-font-smoothing: subpixel-antialiased;
}

.slider h3 span{
	font-weight:bold;
	font-family:Verdana, Geneva,  sans-serif;
	color:#ffffff;
}
.slider .ask{
	background: url("images/ask_icon.png") no-repeat scroll 0 30px transparent;
    height: 50px;
    margin: 0 auto;
    padding-top: 30px;
    width: 130px;
}
.slider .ask h4{
	color: #00283A;
    font-family:Verdana, Geneva, sans-serif;
    font-size: 40px;
    font-weight: bold;
    font-style: italic;
    line-height: 40px;
    padding-left: 50px;

}
.content.about{
	min-height:500px;
}
.content{
	width:1010px;
	margin:0 auto;
	padding:30px;
}
.main_logo{
    height: 88px;
    margin: 0 auto;
    max-width: 376px;
	padding-bottom:35px;
}
.main_logo img{
	width: 100%;
}
.about_cont h3{
	text-transform:uppercase;
	font-family: Verdana, Geneva,  sans-serif;
	color:#363636;
	font-size:17px;
	line-height:26px;
}
.about_cont p{
	color: #787878;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 22px;
    line-height: 32px;
    padding-top: 30px;
    text-align: justify;
}
.enquiry{
	margin: 0 auto;
    max-width: 100%;
    padding: 30px 0px 90px 0;
    width: 760px;
}
.call_us,.your_enquiry{
	float: left;
    line-height: 28px;
    max-width: 100%;
    padding-top: 15px;
    width: 350px;
}
.view_our{
background-image: linear-gradient(bottom, rgb(227,227,227) 48%, rgb(253,253,253) 87%);
background-image: -o-linear-gradient(bottom, rgb(227,227,227) 48%, rgb(253,253,253) 87%);
background-image: -moz-linear-gradient(bottom, rgb(227,227,227) 48%, rgb(253,253,253) 87%);
background-image: -webkit-linear-gradient(bottom, rgb(227,227,227) 48%, rgb(253,253,253) 87%);
background-image: -ms-linear-gradient(bottom, rgb(227,227,227) 48%, rgb(253,253,253) 87%);

background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0.48, rgb(227,227,227)),
	color-stop(0.87, rgb(253,253,253))
);
    height: 59px;
    margin: 30px auto;
    max-width: 100%;
	  width: 275px;
	text-align:center;
	border:1px solid #E1E1E1;
}
.view_our:hover{
	background-image: linear-gradient(bottom, rgb(43,98,127) 48%, rgb(94,172,208) 87%);
background-image: -o-linear-gradient(bottom, rgb(43,98,127) 48%, rgb(94,172,208) 87%);
background-image: -moz-linear-gradient(bottom, rgb(43,98,127) 48%, rgb(94,172,208) 87%);
background-image: -webkit-linear-gradient(bottom, rgb(43,98,127) 48%, rgb(94,172,208) 87%);
background-image: -ms-linear-gradient(bottom, rgb(43,98,127) 48%, rgb(94,172,208) 87%);

background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0.48, rgb(43,98,127)),
	color-stop(0.87, rgb(94,172,208))
);
    height: 59px;
	margin: 30px auto;
    width: 100%;
	  width: 275px;
	text-align:center;
	border:1px solid #E1E1E1;
}
.view_our a{
	color: #4C97C1;
    font-family: Verdana, Geneva,  sans-serif;
    font-size: 30px;
    line-height: 55px;
}
.view_our:hover a{
	color:#feffff;
	text-decoration:none;
}
.call_us  span{
	font-family: Arial, Helvetica, sans-serif;
	color:#1a1a1a;
	font-size:15px;
}
.call_us h3,.your_enquiry a{
	font-family: Verdana, Geneva,  sans-serif;
	color:#227891;
	font-size:22px;
	text-transform:uppercase;
	text-indent:60px;
}
.your_enquiry a{
	text-decoration:underline;
}
.call_us h4,.your_enquiry h4{
	color:#1a1a1a;
	font-family: Arial, Helvetica, sans-serif;
	font-size:24px;
}
.phone{
	float:left;
	width:185px;
}
.your_enquiry{
	float: left;
    line-height: 30px;
    padding-top: 10px;
    width: 210px;
}
.about_clear{
	height: 28px;
    margin: 0 auto;
    max-width: 1007px;
	padding-top:25px; 
	clear:both;
}
.about_clear img{
	width: 100%;
}
.content.understand{
	
}
.heading{
	width:100%;
	margin:0 auto;
}
.heading h2{
	font-family: Arial, Helvetica, sans-serif;
	color:#525252;
	font-size:50px;
	text-align: center;
	font-weight: normal;
	padding-bottom:80px;
	line-height:0px;
	padding-top:40px;
}
.howtowork_step{
	float: left;
    padding-bottom: 80px;
    width: 100%;
}
.howtowork_step h3{
	color: #585858;
    font-family: Verdana, Geneva,  sans-serif;
    font-size: 16px;
    font-weight: normal;
    padding-top: 20px;
    text-align: center;
    width: 58%;
}
.step2 h3{
	padding-top: 6px;
    width: 77%;
}
.step3 h3{
	padding-top: 6px;
    width: 90%;
}
.step4 h3{
	padding-top: 6px;
    width: 64%;
}
.step5 h3{
	padding-top: 6px;
    width: 65%;
}
.step3 h3 span{
	font-style:italic;
	font-size:12px;
	color:#585858;
}
.step1{
	width:21%;
	float:left;
}
.step2{
	float: left;
    width: 16%;
    padding-top: 14px;
}
.step3{
	float: left;
	width: 24%;
    padding-top: 14px;
}
.step4{
	float: left;
    padding-top: 14px;
    width: 20%;
}
.step5{
	float: left;
	width: 19%;
    padding-top: 14px;
}
.step1 .survey{
    height: 128px;
    width: 61%;
}
.step1 .survey img{
	height:auto;
}
.step2 .survey{
    height: 128px;
    width: 82%;
}
.step2 .survey img{
	height:auto;
}
.step3 .survey{
    height: 128px;
    margin: 0 auto;
    width: 61%;
}
.step3 .survey img{
	height:auto;
}
.step4 .survey{
    height: 128px;
    width: 61%;
}
.step4 .survey img{
	height:auto;
}
.step5 .survey{
    height: 130px;
    width: 73%;
}
.step5 .survey img{
	height:auto;
}
.feature_cont h3{
	color: #555555;
    font-family: "Arial Black", Gadget, sans-serif;
    font-size: 22px;
    line-height: 44px;
	font-weight:normal;
}
.feature_cont h3 span.features{
	background: url("images/features_icon.png") no-repeat scroll 0 0 transparent;
	width:37px;
	height:37px;
	float:left;
}
.feature_cont{
	margin-bottom:40px;
}
.feature_cont h3 span{
	padding-left:7px;
}
.feature_cont h3 span.advantages{
	background: url("images/advantages_icon.png") no-repeat scroll 0 0 transparent;
	width:37px;
	height:43px;
	float:left;
}
.feature_cont p{
	color: #555555;
    font-family: Verdana, Geneva,  sans-serif;
    font-size: 16px;
    font-weight: normal;
    line-height: 26px;
    padding-left: 50px;
    padding-top: 15px;
    text-align: justify;
}
.cont_details{
	float: left;
    padding-bottom: 80px;
    width: 100%;
}
.cont_details h3{
	color: #3F3F3F;
    font-family: "Arial Black", Gadget, sans-serif;
    font-size: 24px;
    font-weight: normal;
}
.lets_talk{
	float:left;
	width:385px;
	max-width: 95%;
}
.follow_us{
	float:left;
	width:325px;
	max-width: 95%;
}
.visit{
	float:left;
	max-width: 95%;
}
.social_icons,.lets_talk table,.address{
	padding-top:25px;
}
.lets_talk table td{
	font-family: Arial, Helvetica, sans-serif;
	color:#7f7f7f;
	font-size:20px;
}
.social_icons ul li{
	float: left;
    list-style-type: none;
    padding-right: 25px;
}
.social_icons li.facebook a{
	background: url("images/fb_icon.png") no-repeat scroll 0 0 transparent;
    float: left;
    height: 36px;
    width: 36px;
}
.social_icons li.facebook.active a{
	background: url("images/fb_hovericon.png") no-repeat scroll 0 0 transparent;
    float: left;
    height: 36px;
    width: 36px;
}
.social_icons li.facebook:hover a{
	background: url("images/fb_hovericon.png") no-repeat scroll 0 0 transparent;
    float: left;
    height: 36px;
    width: 36px;
}
.social_icons li.twitter a{
	background: url("images/tw_icon.png") no-repeat scroll 0 0 transparent;
    float: left;
    height: 36px;
    width: 36px;
}
.social_icons li.twitter:hover a{
	background: url("images/tw_hovericon.png") no-repeat scroll 0 0 transparent;
    float: left;
    height: 36px;
    width: 36px;
}
.social_icons li.twitter.active a{
	background: url("images/tw_hovericon.png") no-repeat scroll 0 0 transparent;
    float: left;
    height: 36px;
    width: 36px;
}
.social_icons li.linkedin a{
	background: url("images/linkedin_icon.png") no-repeat scroll 0 0 transparent;
    float: left;
    height: 36px;
    width: 36px;
}
.social_icons li.linkedin:hover a{
	background: url("images/linkedin_hovericon.png") no-repeat scroll 0 0 transparent;
    float: left;
    height: 36px;
    width: 36px;
}
.social_icons li.linkedin.active a{
	background: url("images/linkedin_hovericon.png") no-repeat scroll 0 0 transparent;
    float: left;
    height: 36px;
    width: 36px;
}
.address p{
	color: #7F7F7F;
    font-size: 20px;
    line-height: 26px;
	font-family: Arial, Helvetica, sans-serif;
}
.address a{
	color: #73C9D7;
    float: left;
    font-size: 20px;
    line-height: 26px;
    padding-top: 15px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration:underline;
}
/* Pricing */
.body_cont.pricing{
	background: url("images/add_bg.png") repeat-x scroll 0 0 #FFFFFF;
    float: left;
    width: 100%;
}
.content.pricing_page{
    margin-top: 5%;
}
.heading.price h2{
	color:#585e6a;
	font-size:48px;
	border-bottom:1px solid #d8dde0;
	padding-bottom:55px;
}
.pricing_fee{
	display: inline-block;
    margin-bottom: 30px;
    margin-top: 30px;
    width: 100%;
}
.setup{
	float: left;
    padding: 0 35px 35px;
    width: 46%;
}
h3.amount sup{
	font-size:30px;
}
.setup_icon{
	margin: 0 auto;
    padding-bottom: 35px;
    width: 118px;
}
.head{
	color: #3D4246;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 35px;
    font-weight: normal;
    line-height: 40px;
    padding-bottom: 17px;
    text-align: center;
}
.setup h3{
	color: #97AABA;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 20px;
    padding-bottom: 30px;
    text-align: center;
	font-weight:normal;
}
h3.amount{
	color: #A0A0A0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 80px;
    font-weight: normal;
    line-height: 80px;
    text-align: center;
}
.setup p{
	color: #A6B4C1;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 25px;
    line-height: 32px;
    text-align: center;
}
.maintenance{
	border-left: 1px solid #D8DDE0;
    float: left;
    padding: 0 30px 30px;
    width: 41%;
}
.month_main{
	border-bottom: 1px solid #D8DDE0;
    float: left;
    padding-bottom: 20px;
    padding-top: 20px;
	width:100%;
}
.month_main.first{
	padding-top:1px;
}
.month_main.last{
	border-bottom:0px;
}
.month_main h2{
	font-family: Arial, Helvetica, sans-serif;
	color:#3d4246;
	font-size:35px;
	font-weight:normal;
}
.month_main h2 .icons{
	padding-left:0px;
}
h3.price{
	color: #A0A0A0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 60px;
    font-weight: normal;
    line-height: 60px;
    padding-top: 15px;
    text-indent: 56px;
}
h3.price sup{
	font-size: 30px;
}
h3.price span{
	color:#a6b4c1;
	font-size:30px;
	font-weight:normal;
}
.call_usage h3.price sup{
	font-size:20px;
}
.call_usage h3.price{
	font-size:40px;
}
.call_usage h3.price span{
	font-size:20px;
}
.month_main h2 span{
	padding-left:10px;
}
.call_usage{
	width:100%;
	float:left;
	padding-top:10px;
}
.call_usage .inline_txt{
	color: #3D4246;
    float: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: normal;
    line-height: 77px;
    vertical-align: middle;
    width: 30%;
}
.call_usage h3.price{
	float:left;
	width:65%;
}
/* End Pricing */
/* Signup Page */
.content.signup_page{	
	margin-top:5% !important;
}
.signup_bg{
	background: none repeat scroll 0 0 #FFFFFF;
    float: left;
    padding: 35px 30px;
    width: 950px;
	box-shadow:7px 9px 27px 11px #DBDBDB;
}
.signup{
	float: left;
    padding-top: 30px;
    width: 100%;
}
.signup_form{
    float: left;
    max-width: 56%;
}
.signup_cont{
	float:left;
	max-width:40%;
	padding-left: 30px;
}
.signup_page{
	margin: 10% auto 0;
    width: 1010px;
}
.sign_heading{
	float:left;
	width:100%;
}
.sign_heading h2{
    border-bottom: 1px solid #d2d9e0;
    color: #7A8590;
    font-family: "Arial Black", Gadget, sans-serif;
    font-size: 30px;
    font-weight: normal;
    padding-bottom: 15px;
}
.register_menu{
	float:right;
}
.register_menu ul li{
	background: none repeat scroll 0 0 #FFFFFF;
    list-style-type: none;
    padding: 15px;
	box-shadow:3px 4px 11px 8px #DBDBDB;
	text-align: center;
    width: 73%;
}
.register_menu ul li a{
	color: #4CB2D0;
    font-family: "Arial Black", Gadget, sans-serif;
    font-size: 15px;
    font-weight: normal;
}
.form_fields{
	margin-top:25px;
}
.signup_form label{
	color: #7A8590;
    float: left;
    font-family: Verdana, Geneva,  sans-serif;
    font-size: 14px;
    padding-right: 15px;
    text-align: right;
    max-width: 22%;
	width:175px;
}
.signup_form input{
	max-width:74%;
	height:35px;
	border:1px solid #d7d7d7;
	width:420px;
}
.signup_form select{
	border: 1px solid #D7D7D7;
    padding: 8px;
    max-width: 74%;
	width:420px;
}
.agreement{
	margin-top: 20px;
    padding-left: 135px;
}
.agreement label{
	float: left;
    max-width: 80%;
    width: 210px;
}
.agreement  input{
	float: left;
    height: 26px;
    width: auto;
}
.lock_icon{
	margin: 0 auto;
    width: 107px;
}
.lock_icon img{
	
}
.signup_cont h3{
	color: #484F56;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 22px;
    font-weight: normal;
    padding: 7px 0 20px;
}
.signup_cont p{
	color: #A2A2A2;
    font-family: Verdana, Geneva,  sans-serif;
    font-size: 12px;
    font-weight: normal;
    text-align: justify;
}
.submit_btn{
	float: right;
    margin-top: 10px;
    width: 75%;
}
.submit_btn input{
	
    border: 1px solid;
    cursor: pointer;
    height: 35px;
    width: 123px;
}
/* End Signup */
footer{
	clear:both;
	width:100%;
	padding-bottom:30px;
}
.footer{
	border-top: 1px solid #DBDBDB;
    margin: 0 auto;
    padding-bottom: 20px;
    padding-top: 20px;
    width: 1010px;
	max-width:95%;
}
.copyright{
	color:#284356;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	float:left;
}
.footer_logo{
	background: url("images/footer_logo.png") no-repeat scroll 0 0 transparent;
    float: right;
    height: 44px;
    width: 242px;
}
*+html .signup_form label{
	width:115px;
}
*+html .agreement label{
	width:130px;
}
*+html .agreement input{
	border:0px;
}
*+html .signup_form select{
	width:395px;
	height:30px;
}
*+html .view_our{
	background:#E3E3E3;
	border:1px solid #E1E1E1;
}
*+html .view_our:hover{
	background:#2B627F;
	border:1px solid #E1E1E1;
}

*+html .your_enquiry a{
	text-indent:0px;
}
@media only screen and (min-width:1120px) and (max-width:1920px) {
	.header-top{
		width:980px;
	}
	.slide_cont{
		width:980px;
	}
	.content {
		margin: 0 auto;
		max-width: 93%;
		padding: 30px;
		width: 1010px;
	}
	.lets_talk{
		float: left;
		max-width: 40%;
	}
	.follow_us {
		float: left;
		max-width: 34%;
	}
	.visit {
		float: left;
		max-width: 95%;
	}
	.footer{
		margin:0 auto;
		max-width:90%;
		padding-bottom:80px;
	}
}
/* #Media Queries
================================================== */
@media only screen and (min-width:960px) and (max-width:1120px) {
	.header-top{
		width:980px;
	}
	.slide_cont{
		width:980px;
	}
	.content {
		margin: 0 auto;
		max-width: 93%;
		padding: 30px;
		width: 1010px;
	}
	.lets_talk{
		float: left;
		max-width: 40%;
	}
	.follow_us {
		float: left;
		max-width: 34%;
	}
	.visit {
		float: left;
		max-width: 95%;
	}
	.setup {
		float: left;
		padding: 0 35px 10px;
		width: 44%;
	}
	.maintenance {
		border-left: 1px solid #D8DDE0;
		float: left;
		padding: 0 30px 30px;
		width: 41%;
	}
	.call_usage .inline_txt{
		width:31%;
	}
	.footer{
		margin:0 auto;
		max-width:90%;
		padding-bottom:80px;
	}
	.register_menu ul li{
		box-shadow:none;
	}
	.signup_bg{
		box-shadow: none;
		max-width: 96%;
		padding: 30px 18px;
	}
	.signup {
		max-width: 100%;
		padding-top: 10px;
	}
	.signup_form {
		width: 60%;
	}
	.form_fields {
		width: 100%;
	}
	.signup_form label{
		max-width:100%;
		text-align:center;
		width:33%;
	}
	.signup_form select,.signup_form input{
		width:50%;
	}
	.content.signup_page{
		margin-top: 7% !important;
	}
	.signup{
		padding-top:10px;
	}
	.sign_heading h2{
		text-align:center;
		line-height:30px;
	}
	.agreement{
		padding-left: 180px;
	}
	.agreement label{
		max-width: 100%;
		padding-left: 10px;
		width: 65%;
	}
	.agreement input {
		float: left;
		height: 26px;
		width: 10px !important;
	}
	.submit_btn{
		width:68%;
	}
	.signup_cont{
		max-width: 40%;
		padding-left: 15px;
		margin-top: 3%;
	}
}
@media only screen and (min-width:768px) and (max-width:959px) {
	.header-top{
		width:710px;
	}
	.slide_cont{
		width:710px;
	}
	#navigation { 
		float: right; 
		display: block; 
		position: relative;
		z-index: 1000;
		margin: 0 auto; 
		height: 32px; 
		padding-top: 0; 
		width:80px; 
		border-radius:9px 9px 0 0;
		right:15px;
	}
	#navigation a.nav-btn {
		background: url("images/nav-icon.png") no-repeat scroll right 0 transparent;
		color: #FFFFFF;
		display: block;
		font-family: Arial, Arial, Helvetica, sans-serif;
		font-size: 15px;
		font-weight: 400;
		height: 32px;
		line-height: 32px;
		margin: 0 auto;
		padding-left: 13px;
		position: relative;
		top: 9px;
		width: 65px;
		z-index: 100;
	}
	#navigation a.nav-btn:hover { text-decoration: none; }
	#navigation a.nav-btn span {  width: 10px; height: 7px; position: absolute; top: 13px; right: 13px; } 
	#navigation a.nav-btn span.active { background-position: 0 bottom;  }
	#navigation ul { background: none repeat scroll 0 0 #46b6ca;
    display: none;
    padding-top: 0px;
    position: absolute;
    right: 0;
    top: 36px;
    width: 140px;
	float:right;}
	#navigation ul li { float: none; display: block; padding-left: 0; padding-bottom: 5px; padding-top: 5px;background:url("images/menu_sep.png") repeat-x scroll 0 0 transparent}
	#navigation ul li a {   color: #A1F1FF;
    display: block;
    padding-left: 10px;}
	#navigation ul li a:hover, #navigation ul li.active a{color:#ffffff;}
	#navigation ul li.home { display: none;  }  
	.slide_txt h2{
		font-size:60px;
	}
	.content {
		margin: 0 auto;
		max-width: 92%;
		padding: 30px;
		width: 1010px;
	}
	.about_clear{
		padding-top:30px;
	}
	.howtowork_step,.content.contact{
		padding-bottom:0px;
	}
	.content.understand{
		padding-top:0px;
	}
	.content.choose{
		padding-top:0px;
	}
	.content.contact{
		padding-top:0px;
	}
	.heading h2{
		font-size:26px;
		line-height:30px;
		padding-bottom:20px;
		padding-top:0px;
	}
	.lets_talk{
		float: left;
		max-width: 35%;
	}
	.follow_us {
		float: left;
		max-width: 30%;
	}
	.visit {
		float: left;
		max-width: 95%;
	}
	.content.pricing{
		margin-top:15%;
	}
	.maintenance {
		border-left: 0 none;
		float: none;
		margin: 0 auto;
		width: 60%;
    }
	.footer{
		margin:0 auto;
		max-width:90%;
		padding-bottom:80px;
	}
	.step1{
		width:30%;
	}
	.step2{
		width:30%;
	}
	.step3{
		width:30%;
	}
	.step4{
		width:30%;
	}
	.step5{
		width:30%;
	}
	.setup {
		padding: 35px;
		width: 90%;
	}
	.register_menu ul li{
		box-shadow:none;
	}
	.signup_bg{
		box-shadow: none;
		max-width: 94%;
		padding: 30px 20px;
	}
	.signup {
		max-width: 100%;
		padding-top: 10px;
	}
	.signup_form {
		width: 60%;
	}
	.form_fields {
		width: 100%;
	}
	.signup_form label{
		max-width:100%;
		text-align:center;
		width:33%;
	}
	.signup_form select,.signup_form input{
		width:50%;
	}
	.content.signup_page{
		margin-top: 15% !important;
	}
	.signup{
		padding-top:10px;
	}
	.sign_heading h2{
		text-align:center;
		line-height:30px;
	}
	.agreement{
		padding-left:0px;
	}
	.agreement label{
		max-width: 100%;
		padding-left: 10px;
		width: 55%;
	}
	.agreement input {
		float: left;
		height: 26px;
		width: 10px !important;
	}
	.submit_btn{
		width:68%;
	}
	.signup_cont{
		max-width: 40%;
		padding-left: 15px;
		margin-top: 3%;
	}
	.view_our{
		display:inline-block;
	}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
	.header-top{
		width:430px;
	}
	.slide_cont{
		width:430px;
	}
	#logo {
		float: left;
		font-size: 0;
		height: 65px;
		line-height: 0;
		position: relative;
		width:206px;
	}
	#logo a {
		background: url("images/main_logo-smal.png") no-repeat scroll 0 0 transparent;
		display: block;
		float: left;
		height: 101px;
		max-width: 376px;
		width: 100%;
	}
		#navigation { 
		float: right; 
		display: block; 
		position: relative;
		z-index: 1000;
		margin: 0 auto; 
		height: 32px; 
		padding-top: 0; 
		width:80px; 
		border-radius:9px 9px 0 0;
		right:15px;
	}
	#navigation a.nav-btn {
		background: url("images/nav-icon.png") no-repeat scroll right 0 transparent;
		color: #FFFFFF;
		display: block;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 15px;
		font-weight: 400;
		height: 32px;
		line-height: 32px;
		margin: 0 auto;
		padding-left: 13px;
		position: relative;
		top: 9px;
		width: 65px;
		z-index: 100;
	}
	#navigation a.nav-btn:hover { text-decoration: none; }
	#navigation a.nav-btn span {  width: 10px; height: 7px; position: absolute; top: 13px; right: 13px; } 
	#navigation a.nav-btn span.active { background-position: 0 bottom;  }
	#navigation ul { background: none repeat scroll 0 0 #46b6ca;
    display: none;
    padding-top: 0px;
    position: absolute;
    right: 0;
    top: 36px;
    width: 140px;
	float:right;}
	#navigation ul li { float: none; display: block; padding-left: 0; padding-bottom: 5px; padding-top: 5px;background:url("images/menu_sep.png") repeat-x scroll 0 0 transparent}
	#navigation ul li a {   color: #A1F1FF;
    display: block;
    padding-left: 10px;}
	#navigation ul li a:hover, #navigation ul li.active a{color:#ffffff;}
	#navigation ul li.home { display: none;  } 
	.slide_txt{
		padding-top:30px;
	}
	.slide_txt h2{
		font-size:42px;
		line-height:42px;
		padding-top: 40px;
	}
	.slide_txt h3{
		font-size: 20px;
		line-height: 30px;
		padding-top: 40px;
	}
	.content {
		margin: 0 auto;
		max-width: 85%;
		padding: 30px;
		width: 1010px;
	}
	.enquiry{
		max-width: 90%;
		padding: 15px 0;
	}
	.call_us,.phone,.your_enquiry{
		margin:0 auto;
		float:none;
		padding-bottom:15px;
	}
	.about_clear{
		padding-top:30px;
	}
	.howtowork_step,.content.contact{
		padding-bottom:0px;
	}
	.content.understand{
		padding-top:0px;
	}
	.content.choose{
		padding-top:0px;
	}
	.content.contact{
		padding-top:0px;
	}
	.heading h2{
		font-size:26px;
		line-height:30px;
		padding-bottom:20px;
		padding-top:0px;
	}
	.step1{
		width:100%;
		margin:0 auto;
	}
	.step1 .survey{
		margin:0 auto;
		width:29%;
	}
	.step1 h3{
		width:100%;
		margin:0 auto;
	}
	.step2{
		width:100%;
		margin:0 auto;
	}
	.step2 .survey{
		margin: 0 auto;
		width: 30%;
	}
	.step2 h3{
		margin:0 auto;
	}
	.step3{
		width:100%;
		margin:0 auto;
	}
	.step3 .survey{
		width:30%;
	}
	.step4{
		width:100%;
		margin:0 auto;
	}
	.step4 .survey{
		width:30%;
		margin:0 auto;
	}
	.step4 h3{
		margin:0 auto;
	}
	.step5 h3{
		margin:0 auto;
		width:100%;
	}
	.step5{
		width:100%;
		margin:0 auto;
	}
	.step5 .survey{
		width:33%;
		margin:0 auto;
	}
	.lets_talk{
		margin: 0 auto;
		max-width: 65%;
		float:none;
		min-height: 110px;
	}
	.follow_us {
		float: none;
		margin: 0 auto;
		max-width: 65%;
		min-height: 100px;
	}
	.visit {
		float: none;
		margin: 0 auto;
		max-width: 65%;
	}
	.content.pricing{
		margin-top:15%;
	}
	.setup {
		padding: 35px 15px;
		width: 93%;
	}
	h3.amount{
		font-size:60px;
	}
	.maintenance{
		border-left: 0 none;
		padding-left: 15px;
		padding-right: 15px;
		width: 94%;
		float:none;
		margin:0 auto;
	}
	.month_main h2{
		line-height:35px;
	}
	h3.price{
		text-indent:0px;
		font-size:36px;
	}
	.call_usage {
		float: left;
		padding-top: 10px;
		width: 50%;
	}
	.call_usage .inline_txt{
		line-height:30px;
		width:100%;
	}
	.call_usage h3.price {
		float: left;
		line-height: 22px;
		width: 80%;
	}
	.footer{
		margin: 0 auto;
		max-width: 95%;
		padding-bottom: 25px;
	}
	.copyright{
		max-width:44%;
	}
	.signup_bg{
		box-shadow: none;
		max-width: 92%;
		padding: 30px 20px;
	}
	.signup_form{
		max-width:100%;
	}
	.form_fields {
		width: 100%;
	}
	.signup_form label{
		max-width:100%;
		text-align:center;
		width:100%;
	}
	.signup_form select,.signup_form input{
		max-width:100%;
	}
	.content.signup_page{
		margin-top: 15% !important;
	}
	.signup{
		padding-top:10px;
	}
	.sign_heading h2{
		text-align:center;
		line-height:30px;
	}
	.agreement{
		padding-left:0px;
	}
	.agreement label{
		max-width: 58%;
		padding-left: 10px;
	}
	.submit_btn{
		width:67%;
	}
	.signup_cont{
		max-width: 100%;
		padding-left: 15px;
		margin-top: 15%;
	}
	.register_menu ul li{
		box-shadow:none;
		 margin-right: 0px;
		 width:75%;
	}
}
/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
	.header-top{
		width:200px;
	}
	.slide_cont{
		width:200px;
	}
	.header-top{
		float: left;
		width: 100%;
	}
	.header{
		float:left;
	}
	#logo {
		float: left;
		font-size: 0;
		height: 65px;
		line-height: 0;
		position: relative;
		width:206px;
	}
	#logo a {
		background: url("images/main_logo-smal.png") no-repeat scroll 0 0 transparent;
		display: block;
		float: left;
		height: 101px;
		max-width: 376px;
		width: 100%;
	}
	#navigation { 
		float: right; 
		display: block; 
		position: relative;
		z-index: 1000;
		margin: 0 auto; 
		height: 32px; 
		padding-top: 0; 
		width:80px; 
		border-radius:9px 9px 0 0;
		right:15px;
	}
	#navigation a.nav-btn {
		background: url("images/nav-icon.png") no-repeat scroll right 0 transparent;
		color: #FFFFFF;
		display: block;
		font-family: Arial, Arial, Helvetica, sans-serif;
		font-size: 15px;
		font-weight: 400;
		height: 32px;
		line-height: 32px;
		margin: 0 auto;
		padding-left: 13px;
		position: relative;
		top: 9px;
		width: 65px;
		z-index: 100;
	}
	#navigation a.nav-btn:hover { text-decoration: none; }
	#navigation a.nav-btn span {  width: 10px; height: 7px; position: absolute; top: 13px; right: 13px; } 
	#navigation a.nav-btn span.active { background-position: 0 bottom;  }
	#navigation ul { background: none repeat scroll 0 0 #46b6ca;
    display: none;
    padding-top: 0px;
    position: absolute;
    right: 0;
    top: 36px;
    width: 140px;
	float:right;}
	#navigation ul li { float: none; display: block; padding-left: 0; padding-bottom: 5px; padding-top: 5px;background:url("images/menu_sep.png") repeat-x scroll 0 0 transparent}
	#navigation ul li a {   color: #A1F1FF;
    display: block;
    padding-left: 10px;}
	#navigation ul li a:hover, #navigation ul li.active a{color:#ffffff;}
	#navigation ul li.home { display: none;  } 
	.slide_txt{
		padding-top:30px;
	}
	.slide_txt h2{
		font-size:42px;
		line-height:42px;
		padding-top: 40px;
	}
	.slide_txt h3{
		font-size: 20px;
		line-height: 30px;
		padding-top: 40px;
	}
	.content{
		margin: 0 auto;
		padding: 30px;
		max-width: 80%;
	}
	.enquiry{
		max-width: 100%;
		padding: 15px 0;
	}
	.call_us,.phone,.your_enquiry{
		margin:0 auto;
		float:none;
		padding-bottom:15px;
	}
	.about_clear{
		padding-top:30px;
	}
	.howtowork_step,.content.contact{
		padding-bottom:0px;
	}
	.content.understand{
		padding-top:0px;
	}
	.content.choose{
		padding-top:0px;
	}
	.content.contact{
		padding-top:0px;
	}
	.heading h2{
		font-size:26px;
		line-height:30px;
		padding-bottom:20px;
		padding-top:0px;
	}
	.step1{
		width:100%;
		margin:0 auto;
	}
	.step1 .survey,.step1 h3{
		margin:0 auto;
		width:49%;
	}
	.step2{
		width:100%;
		margin:0 auto;
	}
	.step2 .survey{
		margin:0 auto;
		width:51%;
	}
	.step2 h3{
		margin:0 auto;
	}
	.step3{
		width:100%;
		margin:0 auto;
	}
	.step3 .survey{
		width:48%;
	}
	.step4{
		width:100%;
		margin:0 auto;
	}
	.step4 .survey{
		width:48%;
		margin:0 auto;
	}
	.step4 h3{
		margin:0 auto;
	}
	.step5 h3{
		margin:0 auto;
	}
	.step5{
		width:100%;
		margin:0 auto;
	}
	.step5 .survey{
		width:52%;
		margin:0 auto;
	}
	.lets_talk{
		margin: 0 auto;
		max-width: 100%;
		width: 385px;
		float:none;
		min-height: 140px;
	}
	.follow_us {
		float: none;
		margin: 0 auto;
		max-width: 98%;
		width: 325px;
		min-height: 140px;
	}
	.visit {
		float: none;
		margin: 0 auto;
		max-width: 100%;
	}
	.content.pricing{
		margin-top:15%;
	}
	.setup {
		padding: 35px 15px;
		width: 90%;
	}
	h3.amount{
		font-size:60px;
	}
	.maintenance{
		border-left: 0 none;
		padding-left: 15px;
		padding-right: 15px;
		width: 90%;
	}
	.month_main h2{
		line-height:35px;
	}
	h3.price{
		text-indent:0px;
		font-size:36px;
	}
	.call_usage .inline_txt{
		line-height:30px;
		width:100%;
	}
	.call_usage h3.price {
		float: left;
		line-height: 22px;
		width: 75%;
	}
	.footer{
		margin: 0 auto;
		max-width: 75%;
		padding-bottom: 80px;
	}
	.signup_bg{
		box-shadow: none;
		max-width: 84%;
		padding: 30px 20px;
	}
	.signup_form{
		max-width:100%;
	}
	.form_fields {
		width: 100%;
	}
	.signup_form label{
		max-width:100%;
		text-align:center;
	}
	.signup_form select,.signup_form input{
		max-width:100%;
	}
	.content.signup_page{
		margin-top: 15% !important;
	}
	.signup{
		padding-top:10px;
	}
	.sign_heading h2{
		text-align:center;
		line-height:30px;
	}
	.agreement{
		padding-left:0px;
	}
	.agreement label{
		padding-left:10px;
		max-width:80%;
	}
	.signup_cont{
		max-width: 100%;
		padding-left: 15px;
		margin-top: 15%;
	}
	.register_menu ul li{
		box-shadow:none;
		width:74%;
	}
}
@media only screen and (max-width: 240px) {
	#logo {
		float: left;
		font-size: 0;
		height: 65px;
		line-height: 0;
		position: relative;
		width:195px;
	}
	#logo a {
		background: url("images/main_logo-smal.png") no-repeat scroll 0 0 transparent;
		display: block;
		float: left;
		height: 101px;
		max-width: 376px;
		width: 100%;
	}
	#navigation { 
		float: right; 
		display: block; 
		position: relative;
		z-index: 1000;
		margin: 0 auto; 
		height: 32px; 
		padding-top: 0; 
		width:27px; 
		border-radius:9px 9px 0 0;
		right:15px;
	}
	#navigation a.nav-btn {
		background: url("images/nav-icon.png") no-repeat scroll right 0 transparent;
		color: #FFFFFF;
		display: block;
		font-family: Arial, Arial, Helvetica, sans-serif;
		font-size: 15px;
		font-weight: 400;
		height: 32px;
		line-height: 32px;
		margin: 0 auto;
		padding-left: 0px;
		position: relative;
		top: 9px;
		width: 34px;
		z-index: 100;
	}
	#navigation a.nav-btn:hover { text-decoration: none; }
	#navigation a.nav-btn span {  width: 10px; height: 7px; position: absolute; top: 13px; right: 13px; } 
	#navigation a.nav-btn span.active { background-position: 0 bottom;  }
	#navigation ul { background: none repeat scroll 0 0 #46b6ca;
    display: none;
    padding-top: 0px;
    position: absolute;
    right: 0;
    top: 36px;
    width: 140px;
	float:right;}
	#navigation ul li { float: none; display: block; padding-left: 0; padding-bottom: 5px; padding-top: 5px;background:url("images/menu_sep.png") repeat-x scroll 0 0 transparent}
	#navigation ul li a {   color: #A1F1FF;
    display: block;
    padding-left: 10px;}
	#navigation ul li a:hover, #navigation ul li.active a{color:#ffffff;}
	#navigation ul li.home { display: none;  } 
	.content {
		margin: 0 auto;
		max-width: 73%;
		padding: 30px;
	}
	.enquiry{
		max-width: 100%;
		padding: 15px 0;
	}
	.call_us,.phone,.your_enquiry{
		margin:0 auto;
		float:none;
		padding-bottom:15px;
		max-width: 96%;
	}
	.call_us h4, .your_enquiry h4{
		font-size:16px;
	}
	.about_clear{
		padding-top:30px;
	}
	.heading h2{
		font-size:26px;
		line-height:30px;
		padding-bottom:20px;
	}
	.step1 .survey{
		width:71%;
	}
	.step1 h3{
		width:100%;
	}
	.step2 .survey {
		margin: 0 auto;
		width: 72%;
	}
	.step3 .survey {
		width: 71%;
		margin: 0 auto;
	}
	.step3 h3{
		width:100%;
	}
	.step4 .survey {
		margin: 0 auto;
		width: 71%;
	}
	.step5 .survey {
		margin: 0 auto;
		width: 77%;
	}
	.step5 h3 {
		margin: 0 auto;
		width: 100%;
	}
	.feature_cont h3 span{
		padding-left:3px;
	}
	.address a{
		font-size:17px;
	}
	.lets_talk {
		float: none;
		margin: 0 auto;
		max-width: 100%;
		min-height: 110px;
		width: 385px;
	}
	.lets_talk table td{
		font-size:15px;
	}
	.follow_us {
		float: none;
		margin: 0 auto;
		max-width: 100%;
		min-height: 110px;
		width: 325px;
	}
	.social_icons ul li{
		padding-right:17px;
	}
	.address p{
		font-size:12px;
	}
	.visit {
		float: none;
		margin: 0 auto;
		max-width: 100%;
	}
	.setup {
		padding-left: 0;
		padding-right: 0;
		width: 100%;
	}
	h3.amount{
		font-size:60px;
	}
	.setup {
		padding: 35px 15px;
		width: 93%;
	}
	h3.amount{
		font-size:60px;
	}
	.maintenance{
		border-left: 0 none;
		padding-left: 15px;
		padding-right: 15px;
		width: 100%;
	}
	.month_main h2{
		line-height:22px;
		font-size:22px;
	}
	h3.price{
		text-indent:0px;
		font-size:24px;
		line-height: 16px;
	}
	.call_usage h3.price sup{
		font-size:14px;
	}
	.call_usage h3.price {
		font-size: 24px;
	}
	h3.price span{
		font-size:20px;
	}
	h3.price sup{
		font-size:16px;
	}
	.call_usage {
		float: left;
		padding-top: 10px;
		width: 98%;
	}
	.call_usage h3.price {
		font-size: 35px;
	}
	.call_usage .inline_txt{
		line-height:30px;
		width:100%;
	}
	.call_usage h3.price {
		float: left;
		line-height: 22px;
		width: 95%;
	}
	.icons img{
		width:14%;
	}
	.footer{
		margin:0 auto;
		max-width:90%;
	}
	.signup_bg{
		box-shadow: none;
		max-width: 90%;
		padding: 30px 20px;
	}
	.register_menu ul li{
		box-shadow:none;
	}
	.signup_form{
		max-width:100%;
	}
	.form_fields {
		width: 100%;
	}
	.signup_form label{
		max-width:100%;
		text-align:center;
		width:100%;
	}
	.signup_form select,.signup_form input{
		max-width:100%;
	}
	.content.signup_page{
		margin-top: 15% !important;
	}
	.signup{
		padding-top:10px;
	}
	.sign_heading h2{
		text-align:center;
		line-height:30px;
	}
	.agreement{
		padding-left:0px;
	}
	.agreement label{
		max-width: 58%;
		padding-left: 10px;
	}
	.submit_btn {
		width: 98%;
	}
	.signup_cont{
		max-width: 100%;
		padding-left: 0px;
		margin-top: 15%;
	}
	.register_menu ul li{
		text-align: center;
		width: 94%;
	}
	.view_our a{
		font-size:17px;
	}
}