@font-face {
font-family: 'ROBOTO-BOLD';
src: url('../fonts/ROBOTO-BOLD.eot');
src: url('../fonts/ROBOTO-BOLD.eot?#iefix') format('embedded-opentype'), url('../fonts/ROBOTO-BOLD.svg#ROBOTO-BOLD') format('svg'), url('../fonts/ROBOTO-BOLD.TTF') format('truetype'), url('../fonts/ROBOTO-BOLD.otf') format('truetype');
font-weight: normal;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-smoothing: antialiased;
}
@font-face {
font-family: 'ROBOTO-LIGHT';
src: url('../fonts/ROBOTO-LIGHT.eot');
src: url('../fonts/ROBOTO-LIGHT.eot?#iefix') format('embedded-opentype'), url('../fonts/ROBOTO-LIGHT.svg#ROBOTO-LIGHT') format('svg'), url('../fonts/ROBOTO-LIGHT.TTF') format('truetype'), url('../fonts/ROBOTO-LIGHT.otf') format('truetype');
font-weight: normal;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-smoothing: antialiased;
}@font-face {
font-family: 'ROBOTO-REGULAR';
src: url('../fonts/ROBOTO-REGULAR.eot');
src: url('../fonts/ROBOTO-REGULAR.eot?#iefix') format('embedded-opentype'), url('../fonts/ROBOTO-REGULAR.svg#ROBOTO-REGULAR') format('svg'), url('../fonts/ROBOTO-REGULAR.TTF') format('truetype'), url('../fonts/ROBOTO-REGULAR.otf') format('truetype');
font-weight: normal;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-smoothing: antialiased;
}
body {
	margin:0px;
	padding:0px;
	font-size:13px;
	font-family:MyriadPro-Regular, sans-serif;
	color:#737373;
	overflow-x:hidden;
	font-weight:normal;
	background-color:#fff;
}
a img {
	border:0px;
}
a {
	text-decoration:none;
	-moz-transition: all .3s ease-in-out;
 -webkit-transition: all .3s ease-in-out;
 transition: all .3s ease-in-out;
}
a:hover {
	text-decoration:none;
}
h1, h2, h3, h4, h5, h6 {
	font-weight:normal;
	margin:0px;
	padding:0px;
}
ul {
	margin:0px;
	padding:0px;
}
ul li {
	list-style:none;
}
p {
	margin:0px;
	padding:0px;
}
input:focus {
	outline:none;
}
.fl {
	float: left;
}
.fr {
	float: right;
}

.wrapper {
	display:block;
	width:1180px;
	margin:auto;
}


.nav-bg{padding:10px 0px; float:left; background:#171817; width:100%;}
.logo{float:left; display:inline-block;  -moz-transition: all .3s ease-in-out;
 -webkit-transition: all .3s ease-in-out;
 transition: all .3s ease-in-out;}

#nav {
	padding:0px;
	float:right; display:inline-block;
	margin:30px 0px 0px 0px;
}
#nav ul {
	padding:0px;
}
#nav ul li {
	display:inline-block;
	padding:0px 24px;
	position:relative;
}
#nav ul li a {
	text-decoration: none;
	color: #fff;
	font-family: 'ROBOTO-BOLD';
	font-size: 16px;
	padding:12px 0px;
	text-transform:uppercase;
	font-weight:normal;
	text-align: center;
 -moz-transition: all .3s ease-in-out;
 -webkit-transition: all .3s ease-in-out;
 transition: all .3s ease-in-out;
}
#nav ul li a:hover, #nav ul li a.active {
	text-decoration: none;
	border-bottom:solid 1px #3598db;
}
#nav ul li ul {
	position:absolute;
	z-index:999;
	width:200px;
	border-radius:0 0 5px 5px;
	border-bottom:solid 5px #0374a7;
	opacity: 0;
	margin:0px;
	left:0px;
	visibility: hidden;
-webkit-transition: all .5s .1s;
 -moz-transition: all .5s .1s;
 -o-transition: all .5s .1s;
 transition: all .5s .1s;
}
#nav ul li:hover ul {
	opacity: 1;
	padding-top:30px;
	visibility: visible;
}
#nav ul li ul li {
	float:left;
	width:100%;
	text-align:left;
	padding:0px;
	border-bottom:solid 1px #0374a7;
	margin:0px;
	
}
#nav ul li ul li:last-child {
	border:none;
}
#nav ul li ul li a {
	text-transform:capitalize;
	border:none;
	text-align:left;
	border-radius:0px;
	background:#0286c2;
	margin:0px; padding:0px 15px;
	font-size:13px;
	padding:10px;
	display:block;
	color:#fff;
}
#nav ul li ul li a:hover{border:none; background:#0374a7; color:#fff;}

#banner{padding:0px 0px 0px 0px; float:left; width:100%; text-align:center; background-size:100%;}
.banner-content{width:100%; float:left; text-align:center; padding:150px 0px 0px 0px; }
.banner-content h2{font-size:20px; text-transform:uppercase; color:#fff;}
.banner-content h1{font-size:40px; font-family: 'ROBOTO-BOLD'; text-transform:uppercase; color:#fff;}
.banner-content h3{font-size:18px; font-family: 'ROBOTO-LIGHT'; line-height:30px; text-transform:uppercase; color:#fff; display:block; padding:20px 0px;}
.largetxt{font-size:80px !important; color:#02333d !important;}
.trybrtn02{padding:10px 18px; background:#none; font-family: 'ROBOTO-BOLD'; font-size:20px; color:#fff; border:solid 2px #fff; font-weight:normal;}
.trybrtn02:hover{border:solid 2px #7cd4ef; cursor:pointer; -moz-transition: all .4s ease-in-out;-webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out;}

#body-content{padding:0px; float:left; width:100%;}

.services{padding:30px 0px 30px 0px; float:left; width:100%;}
.services h1{color:#6a6a6a; font-size:32px; text-transform:uppercase; display:block; text-align:center; font-family: 'ROBOTO-REGULAR';}
.services h3{display:block; color:#7b7b7b; font-family:ROBOTO-REGULAR, Helvetica, sans-serif; font-size:14px; text-transform:uppercase; line-height:25px; padding:25px 0 10px 0px; text-align:center;}
.services ul{padding:0px; display:inline-block; text-align:center;}
.services li{ padding:5px 0px; color:#000; display:inline-block; text-align:center;}

.serviesdiv{width:100%; float:left;}



.processbg{width:86%; padding:5% 7% 2% 7%; background:url(../images/citypng.png) center bottom no-repeat; float:left;}
.processdiv{width:100%; float:left;}
.allordertxtdiv{width:40%; padding:5% 0% 0% 0%; float:left;}
.allordertxtdiv h3{width:100%; font-family: 'ROBOTO-BOLD'; font-size:40px; color:#394c54; line-height:45px; float:left;}
.txtsize{font-size:32px !important;}
.comimg{float:left; width:55%;}
.comimg img{float:left; width:100%;}

.service-info-bg{float:left; width:100%; background:url(../images/servicebg.jpg) center top repeat; height:auto; padding:2% 0% 3% 0%;}
.service-info-bg h1{color:#606060; font-size:27px; text-transform:uppercase; letter-spacing:2px; display:block; text-align:center; font-family: 'ROBOTO-REGULAR';}
.service-info-bg h3{display:block; color:#606060; font-size:21px; line-height:25px; padding:25px 0 20px 0px; text-align:center; font-family: 'ROBOTO-REGULAR';}


.portfoli-info-bg{float:left; width:100%; background:url(../images/portfoliobg.jpg) center top no-repeat; height:auto; padding:2% 0% 1% 0%;}
.portfoli-info-bg h1{color:#fff; font-size:27px; text-transform:uppercase; letter-spacing:2px; display:block; text-align:center; font-family: 'ROBOTO-REGULAR';}
.portfoli-info-bg h3{display:block; color:#fff; font-size:21px; line-height:25px; padding:25px 0 5px 0px; text-align:center; font-family: 'ROBOTO-REGULAR';}


.serviceinfodiv{width:100%; float:left;}
.serciceshowdiv{width:30%; margin:0% 1.5% 2% 1.5%; float:left;}

.proxies{float:left; width:100%; text-align:center;}
.proxies ul{float:left; width:100%; padding-top:20px;}
.proxies ul li{width:98%; padding:2%; min-height:50px; font-size:11px; line-height:16px; text-transform:uppercase; color:#000; text-align:left; font-family:ROBOTO-REGULAR, Helvetica, sans-serif; float:left;}
.proxies ul li span{float:left; width:70px;}

.proxies-btn{display:table; border:solid 3px #fff; background:url(../images/btn-arrow.png) no-repeat left center; padding-left:40px; line-height:58px; color:#fff; font-size:16px; text-transform:uppercase; font-family:NexaLight, Helvetica, sans-serif; width:500px; margin:0 auto;}
.proxies-btn:hover{background:url(../images/btn-arrow.png) no-repeat left center #fff; color:#313131;}

.servicebgs{width:325px; background:url(../images/tabbg01.png) left top no-repeat; height:55px; float:left;}
.serviceicon{float:left; width:65px; text-align:center; padding:13px 0px 0px 0px;}
.servictxt{float:left; padding:15px 0px 0px 15px; font-size:14px; color:#313131; font-family: 'ROBOTO-BOLD'; line-height:25px; cursor:pointer;}

.servicebgs02{width:325px; background:url(../images/tabbg02.png) left top no-repeat; height:55px; float:left;}
.servicebgs03{width:325px; background:url(../images/tabbg03.png) left top no-repeat; height:55px; float:left;}
.serviceicon03{float:left; width:65px; text-align:center; padding:13px 0px 0px 0px;}
.servictxt03{float:left; padding:10px 0px 0px 15px; font-size:14px; color:#313131; font-family: 'ROBOTO-BOLD'; line-height:20px; cursor:pointer;}

.servicebgs04{width:325px; background:url(../images/tabbg04.png) left top no-repeat; height:55px; float:left;}
.servicebgs05{width:325px; background:url(../images/tabbg05.png) left top no-repeat; height:55px; float:left;}
.sercieinfoimgmid{width:100%; text-align:center; padding:100px 0px 0px 0px; float:left;}

.servicebgs001{width:325px; background:url(../images/tabbg06.png) left top no-repeat; height:125px; float:left;}
.serviceicon001{float:left; width:65px; text-align:center; padding:45px 0px 0px 0px;}
.servictxt001{float:left; width:245px; padding:15px 0px 0px 10px; font-size:14px; color:#313131; font-family: 'ROBOTO-BOLD'; line-height:22px; cursor:pointer;}


/* Navigation */

nav {
	position: relative;
	width:100%; float:left;
}

nav ul {
	overflow: hidden;
	width:100%;
	text-align:center;
	display:inline-block;
}

nav li {
	display:inline-block;
	padding:0px;
	margin:0% 0.6%;
	display:inline-block;
	text-align:center;
	
}

nav li a {
	color: #333333;
	font-size:14px;
	display:block;
	text-align:center; 
	padding:10px 10px;
	font-family: 'ROBOTO-REGULAR';
	text-transform:uppercase;
}

nav li a:hover,
nav li a:focus,
nav li a.current {
	color: #2687e2;	
	font-family: 'ROBOTO-REGULAR';
}

nav #indicator {
	position: absolute;
	left: 0px;
	display:none;
	bottom: -8px;
	width: 299px;
	height: 13px;

}





/* Content */

#content{padding:0px; float:right; width:100%;}
#content section {
	display: none;
	padding:0px;
	width:100%; float:left; 
}

.service-tabs{padding:0 0 30px 0px; float:left; width:100%;}

.client-testimonial{padding:50px 0px; float:left; width:100%; text-align:center; background:url(../images/testbg.jpg) no-repeat; background-size:cover;}
.client-testimonial h1{color:#fff; font-size:27px; text-transform:uppercase; display:block; text-align:center; font-family: 'ROBOTO-REGULAR';}
.client-testimonial h5{color:#fff; font-size:18px; text-transform:uppercase; display:block; text-align:center; font-family: 'ROBOTO-REGULAR'; padding:25px 0px 0px 0px;}


.testimonial{padding:60px 0px; float:left; width:100%; text-align:center;}
.testimonial ul{padding:0px;}
.testimonial li{float:left; width:100%; text-align:center;}

.testtop{width:100%; text-align:center; margin-top:-35px; margin-bottom:15px; float:left;}
.testbotom{width:100%; text-align:center; margin-top:-10px; float:left;}
.bottomtxts{width:100%; line-height:22px; color:#3f9cb8; text-align:center; font-family: 'ROBOTO-BOLD'; padding:10px 0px; float:left;}

.contactfull{padding:3% 10% 5% 10%; float:left; width:80%; text-align:center;}
.contmidimg{width:15%; margin:0px auto;}
.contimg{float:left; margin-bottom:15px; width:100%;}
.conticon{width:100%; background:url(../images/garyiconcont.png) center top no-repeat; height:110px; float:left;}
.conticon:hover{width:100%; background:url(../images/contactus.png) center top no-repeat; height:110px; cursor:pointer; float:left;}

.porticon{width:100%; background:url(../images/garyiport.png) center top no-repeat; height:78px; float:left;}
.porticon:hover{width:100%; background:url(../images/portfolioicon.png) center top no-repeat; height:78px; cursor:pointer; float:left;}


.contactfull h1{color:#606060; font-size:27px; text-transform:uppercase; display:block; text-align:center; font-family: 'ROBOTO-REGULAR'; margin-bottom:25px;}
.contactfull h3{color:#606060; font-size:14px;  text-align:center; font-family: 'ROBOTO-REGULAR'; line-height:22px;}


.contactformdiv{width:100%; padding:20px 0px; float:left;}
.contactmid{width:50%; margin:0px auto;}
.contactinfo{width:100%; float:left;}
.contformshow{width:100%; float:left;}
.maildiv{width:100%; float:left;}
.mailiocn{margin:0px 10px 0px 0px; float:left;}
.txtmail{line-height:22px; font-size:16px; color:#606060; float:left;}
.contformshow p{width:100%; text-align:left; float:left;}
.inputstyls{width:93%; background:#efefef; font-family: 'ROBOTO-LIGHT';  font-size:18px; color:#a5a5a5; margin:10px 0px; padding:5% 3%; border:none; float:left;}
.inputarea{width:93%; background:#efefef; font-family: 'ROBOTO-LIGHT';  font-size:18px; color:#a5a5a5; margin:10px 0px; padding:5% 3%; height:80px; border:none; float:left;}
.submitbtn{float:right; border:solid 2px #1d96f3; text-transform:uppercase; cursor:pointer; font-size:20px; color:#1d96f3; padding:15px 20px; background:none !important; margin:8px 0px;}
.submitbtn:hover{float:right; border:solid 2px #606060; -moz-transition: all .4s ease-in-out;-webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out;}
.feedbackdiv{width:100%; float:left;}
.feedtxt{float:left; font-family: 'ROBOTO-Bold'; font-size:14px; font-size:18px; color:#666; padding:5px 10px 0px 0px; font-weight:normal;}

.backbtn{float:left; padding:8px 13px 8px 13px; margin:0px 0px 0px 10px; font-size:14px; background:#26add7; border-radius:5px 5px 5px 5px; color:#fff;}
.backbtn:hover{float:left; background:#7bdc2a; -moz-transition: all .4s ease-in-out;-webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out;}

.socialdiv{width:100%; margin-top:-50px; margin-bottom:15px; float:left;}
.socialdiv ul{width:100%; text-align:center; display:inline-block;}
.socialdiv li{text-align:center; display:inline-block;}
.socialdiv li a{display:block; padding:0px 5px;}


#footer{float:left; width:100%; text-align:center; background:#38abce;}

#footer p{width:100%; float:left; display:inline-block; padding:15px 0px 25px 0px; color:#fff; font-size:14px; text-align:center; font-family: 'ROBOTO-LIGHT';}

.outer-wrapper{width:1350px; margin:0 auto;}

/*==============================STYLE CODE START========================================*/


.aboutdiv{width:30%; padding:0% 35% 40%; float:left;}
.aboutdiv ul{width:100%; padding:1% 0%; float:left;}
.aboutdiv ul li{width:100%; text-align:center; float:left;}

.aboutmid{width:50%; margin:0px auto;}
.aboutshow{width:100%; padding:5% 0%; float:left;}
.aboutshow p{width:100%;  font-family: 'ROBOTO-REGULAR'; font-size:14px; color:#606060; line-height:23px; text-align:center; padding:1% 0%; float:left;}
.propic{width:182px; float:left;}
.proimg{width:100%; text-align:center; padding-bottom:10px; float:left;}
.propic h2{width:100%; text-align:center; font-size:18px; color:#005b86; font-family: 'ROBOTO-REGULAR'; float:left;}
.propic h5{width:100%; text-align:center; font-size:12px; color:#333; font-family: 'ROBOTO-REGULAR'; float:left;}



.aboutmatter{width:70%; float:right;}
.aboutmatter p{width:100%;  font-family: 'ROBOTO-LIGHT';  font-size:14px; color:#666666; text-align:justify; line-height:25px; float:left;}
.readmores{border:solid 2px #1d96f3; padding:10px 15px; font-size:14px; color:#666; font-family: 'ROBOTO-BOLD'; float:right;}
.readmores:hover{border:solid 2px #606060;}
.headboder{border-bottom:solid 1px #d5d5d5 !important; padding:10px 10px;}

.servicediv{width:90%; padding:1% 5%; float:left;}
.serviceinfos{width:100%; float:left;}
.serciebox{width:28%; background:#fff; padding:10px 0px; float:left;}
.servicematter{width:90%; padding:2% 5%; float:left;}
.sericon{width:100%; text-align:center; padding:10px 0px; float:left;}
.serice01{background:url(../images/garyicon01.png) center top no-repeat; height:95px;}
.serice01:hover{cursor:pointer; background:url(../images/serviceicon01.png) center top no-repeat; height:95px;}

.serice02{background:url(../images/garyicon02.png) center top no-repeat; height:95px;}
.serice02:hover{cursor:pointer; background:url(../images/serviceicon02.png) center top no-repeat; height:95px;}

.serice03{background:url(../images/garyicon03.png) center top no-repeat; height:95px;}
.serice03:hover{cursor:pointer; background:url(../images/serviceicon03.png) center top no-repeat; height:95px;}

.servicematter h5{width:100%; text-align:center;  font-family: 'ROBOTO-BOLD'; font-size:16px; color:#606060; padding-bottom:10px; float:left;}
.servicematter p{width:100%;  text-align:center; font-family: 'ROBOTO-REGULAR'; font-size:14px; color:#606060; line-height:23px; float:left;}
.servicepad{margin:1% 2.5% !important;}

.designprodiv{width:100%; float:left;}
.designpic{width:23%; margin:1% 1% 1%; float:left;}
.designpic img{width:100%; float:left;}

.portinndiv{width:23%; margin:1% 1% 1%; float:left;}
.portinndiv img{width:100%; float:left;}

.livediv{width:23%; margin:1% 1% 1%; float:left;}
.livediv img{width:100%; float:left;}



.livediv a span {
	text-decoration:none;
	visibility:hidden;
	color:#fff;
	width:100%; float:left;
	padding:5px 0;
	text-align:center;
	margin-top:-47px;
	-moz-transition: all .3s ease-in-out;
 -webkit-transition: all .3s ease-in-out;
 transition: all .3s ease-in-out;
}
.livediv a:hover span {
	text-decoration:none;
	opacity:0.9;
	visibility:visible;
    font-family: 'ROBOTO-BOLD';
	font-weight:bold;
	background:#38abce;
	margin-top:-130px;
	font-size:15px;
	line-height:30px;
}
.designpic a span {
	text-decoration:none;
	visibility:hidden;
	color:#fff;
	width:100%; float:left;
	padding:5px 0;
	text-align:center;
	margin-top:-47px;
	-moz-transition: all .3s ease-in-out;
 -webkit-transition: all .3s ease-in-out;
 transition: all .3s ease-in-out;
}
.designpic a:hover span {
	text-decoration:none;
	opacity:0.9;
	visibility:visible;
    font-family: 'ROBOTO-BOLD';
	font-weight:bold;
	background:#38abce;
	margin-top:-130px;
	font-size:15px;
	line-height:30px;
}



.testmid{width:55%; margin:0px auto;}
.testshowdiv{width:100%; background:url(../images/testbg.png) left top repeat; float:left;}
.testmatter{width:90%; padding:5% 5%;  float:left;}
.testclient{width:150px; border:solid 10px #c1c0c0; float:left;}
.testsays{width:100%; float:left;}
.testsays p{width:100%; font-family: 'ROBOTO-REGULAR'; font-size:14px; color:#fff; line-height:24px; text-align:center; float:left;}
.testname{color:#fff; font-family: 'ROBOTO-BOLD'; font-weight:normal;}

.moreprot{width:200px; margin:0px auto;}
.moreporbg{width:100%; text-align:center; margin:15px 0px 0px 0px; float:left;}
.moreporbg a{width:100%; background:#333; padding:15px 0px; border-radius:5px 5px 5px; font-size:18px; text-align:center; color:#fff; font-family: 'ROBOTO-REGULAR';  float:left;}
.moreporbg a:hover{background:#38abce; float:left;}







/*****RESPONSIVE*****/


@media only screen and (min-width: 1181px) and (max-width: 1349px) {
.outer-wrapper{width:100%;}
}
@media only screen and (min-width: 991px) and (max-width: 1180px) {
.outer-wrapper{width:100%;}
.wrapper{width:92%;}
#banner{padding:75px 0px 180px 0px;}
.all-orders-right h1{width:100%;}
.all-orders-right h1{font-size:28px;}
.all-orders-left h1{font-size:32px;}
nav li a{font-size:17px;}
.some-facts-bottom{width:430px;}
.icontxt{ padding:19px 0px 0px 5px; font-size:20px; float:left;}
.contactform{width:45%; float:left;}

.service-info-bg {
    background: rgba(0, 0, 0, 0) url("../images/servicebg.jpg") repeat scroll center top;
    float: left;
    height: auto;
    padding: 5% 0;
    width: 100%;
}
#banner {
    padding:0px 0px 0px 0px;
}
.services {
    float: left;
    padding: 30px 0px 10px 0px;
    width: 100%;
}
.aboutdiv {
    float: left;
    padding: 3% 0% 46% 30%;
    width: 60%;
}
.aboutmatter {
    float: right;
    width: 75%;
}
.serciebox {
    width: 31%;
}
.service-info-bg h3 {
    font-size: 14px;
    line-height: 22px;
}
.servicepad {
    margin: 2% 1% !important;
}
.designpic {
    float: left;
    margin: 1% 1%;
    width: 23%;
}
.portinndiv{width:23%; margin:1% 1% 1%; float:left;}

.livediv{width:23%; margin:1% 1%; float:left;}
.testmid {
    margin: 0 auto;
    width: 70%;
}
.testsays {
    float: left;
    width: 100%;
}
.contactmid {
    margin: 0 auto;
    width: 100%;
}
.services h1 {
    font-size: 20px;
}
.services h3 {
    font-size: 12px;
}

}
@media only screen and (min-width: 768px) and (max-width: 990px) {
.outer-wrapper{width:100%;}
.wrapper{width:94%;}
.what-makes li h2{font-size:22px;}
nav li a{font-size:13px;}
.proxies ul{width:100%;}
.some-facts-top li{padding:25px;}
.some-facts-bottom li{min-height:170px;}
.contact-form{width:670px;}
.banner-content{width:100%;}
#banner{padding:110px 0px;}
.services li .content-top h2{left:11%;}
.orders-bg1{left:10px;}
.orders-bg2{right:10px;}
.proxies ul li{width:46%;}
.some-facts-top li span{top:158px;}
.testimonial li p{font-size:15px; line-height:27px;}
.contact-box{padding:3%; width:94%; float:left; display:block;}
.contact-box-right{padding-top:20px; width:100%;}
#nav ul li{padding:0px 12px;}
.all-orders-left, .all-orders-right{width:46%; padding:7px 2%;}
.all-orders-left h1, .all-orders-right h1{width:100%; text-align:center;}
nav li{float:none;}
.some-facts-top{width:100%;}

.banner-content h3 {
    font-size: 18px;
    line-height: 24px;
    padding: 8px 0px 15px 0px;
}
.banner-content h1 {
    font-size: 28px;
    padding: 7px;
}
.serciematter p {
    padding: 3% 5%;
    width: 90%;
}
.sercieboxshow {
    float: left;
    margin: 5% 0.5%;
    width: 31.5%;
}
.services h3 {
    padding-bottom: 5px;
}
nav li a {
    font-size: 14px;
    padding: 20px 15px;
	margin:5px 0px;
}
.serciceshowdiv {
    float: left;
    margin: 0 1.5% 2%;
    width: 98%;
}
.servicediv {
    float: left;
    padding: 1%;
    width: 98%;
}
.service-info-bg {
    background: rgba(0, 0, 0, 0) url("../images/servicebg.jpg") repeat scroll center top;
    float: left;
    height: auto;
    padding: 5% 0;
    width: 100%;
}
.sercieinfoimgmid {
    padding: 10px 0 0;
}
.testbox {
    float: left;
    margin: 5% 0.5%;
    width: 32%;
}
.testimonial {
    padding: 15px 0px 0px 0px;
}
.testimonial .nbs-flexisel-nav-left {
    left: 46%;
    margin-top: 135px;
}
.testimonial .nbs-flexisel-nav-right {
    right: 46%;
    margin-top: 135px;
}
.contactinfo{width:100%; padding:20px 0px 20px 0px; float:left;}
.contactdetails h2 {
    font-size: 25px;
	line-height:40px;
    text-align:center;
    width: 100%;
}
.icontxt {
    font-size: 22px;
    padding: 15px 0 0 5px;
    text-align: left;
}
.contactform {
    padding: 15px 0 0;
    text-align: left;
    width: 100%;
}
.socialdiv {
    margin-bottom: 15px;
    margin-top: -40px;
    width: 100%;
}

#banner {
    padding: 0px 0 0;
}
.services {
    float: left;
    padding: 30px 0px 10px 0px;
    width: 100%;
}
.aboutdiv {
    float: left;
    padding: 3% 0% 65% 25%;
    width: 75%;
}
.serciebox {
    width: 31%;
}
.service-info-bg h3 {
    font-size: 14px;
    line-height: 22px;
}
.servicepad {
    margin: 2% 1% !important;
}
.designpic {
    float: left;
    margin: 2% 1%;
    width: 48%;
}
.livediv{width:48%; margin:2% 1%; float:left;}
.testmid {
    margin: 0 auto;
    width: 100%;
}
.testsays {
    float: left;
    width: 100%;
}
.contmidimg {
    margin: 0 auto;
    width: 20%;
}
.contactmid {
    margin: 0 auto;
    width: 100%;
}
.services h1 {
    font-size: 20px;
}
.services h3 {
    font-size: 12px;
}
.banner-content {
    padding: 100px 0px 0px 0px;}

}
@media only screen and (min-width: 600px) and (max-width: 767px) {
.outer-wrapper{width:100%;}
.wrapper{width:92%;}
#nav{display:none;}
#cssmenu{display:block!important;}
.services{padding-top:20px;}
.services h3{padding-bottom:80px;}
nav{width:100%;}
nav li a{font-size:10px; text-align:center;}
#content{width:100%;}
nav ul{padding-top:0px;}
.some-facts-top li{padding:25px;}
.some-facts-bottom li{width:94%; border-left:none; border-bottom: solid 6px #fff; min-height:inherit;}
.contact-form{width:100%;}
.banner-content{width:100%;}
#banner{padding:80px 0px;}
.logo{width:100%; text-align:center;}
.services li .content{width:99%;}
.services li .content-top h2{left:30%;}
.some-facts-top li span{top:157px;}
.contact-box{padding:5%; width:90%; display:block; float:left;}
.some-facts-top{width:100%;}
.some-facts-bottom{width:100%;}
.what-makes li{width:100%;}
nav li{float:none;}

.banner-content h3 {
    font-size: 24px;
    line-height: 30px;
    padding: 8px 0px 10px 0px;
}
.banner-content h1 {
    font-size: 28px;
    padding: 7px;
}
.sercieboxshow {
    float: left;
    margin: 5% 0%;
    width: 96%;
}
.services h3 {
    padding-bottom: 5px;
}
nav li a {
    font-size: 16px;
    padding: 5px 15px;
	margin:2px 0px;
}
.serciceshowdiv {
    float: left;
    margin: 0 1.5% 2%;
    width: 98%;
}
.service-info-bg {
    background: rgba(0, 0, 0, 0) url("../images/servicebg.jpg") repeat scroll center top;
    float: left;
    height: auto;
    padding: 5% 0;
    width: 100%;
}
.sercieinfoimgmid {
    padding: 10px 0 0;
}
.testbox {
    float: left;
    margin: 5% 0%;
    width: 100%;
}
.testimonial {
    padding: 90px 0px 0px 0px;
}
.contactinfo{width:100%; padding:20px 0px 20px 0px; float:left;}
.contactdetails h2 {
    font-size: 19px;
    text-align:center;
    width: 100%;
}
.icontxt {
    font-size: 22px;
    padding: 15px 0 0 5px;
    text-align: left;
}
.contactform {
    padding: 15px 0 0;
    text-align: left;
    width: 100%;
}
.socialdiv {
    margin-bottom: 15px;
    margin-top: -40px;
    width: 100%;
}

#banner {
    padding: 0px 0 0;
}
.aboutdiv {
    float: left;
    padding: 3% 0% 80% 20%;
    width: 80%;
}
.aboutmatter {
    float: right;
    width: 64%;
}
.serciebox {
    width: 90%;
	padding:0% 2%;
}
.service-info-bg h3 {
    font-size: 14px;
    line-height: 22px;
}
.servicepad {
    margin: 2% 1% !important;
}
.designpic {
    float: left;
    margin: 2% 1%;
    width: 48%;
}
.livediv{width:48%; margin:2% 1%; float:left;}
.testmid {
    margin: 0 auto;
    width: 100%;
}
.testsays {
    float:  left;
    width: 100%;
}
.contmidimg {
    margin: 0 auto;
    width: 30%;
}
.contactmid {
    margin: 0 auto;
    width: 100%;
}
.services h1 {
    font-size: 20px;
}
.services h3 {
    font-size: 12px;
}
.aboutshow p{width:100%; padding:1% 0%; float:left;}
.banner-content {padding: 90px 0px 0px 0px;}

}
@media only screen and (min-width: 480px) and (max-width: 599px) {
.outer-wrapper{width:100%;}
.wrapper{width:92%;}
#nav{display:none;}
#cssmenu{display:block!important;}
.services{padding-top:20px;}
nav{width:100%;}
nav li a{font-size:16px; text-align:center;}
#content{width:100%;}
.proxies ul{width:100%;}
nav ul{padding-top:0px;}
.proxies-btn{width:220px; font-size:14px; line-height:28px;}
.some-facts-top li{padding:25px;}
.some-facts-bottom li{width:94%; border-left:none; border-bottom: solid 6px #fff; min-height:inherit;}
.contact-form{width:100%;}
.social li{padding:0px 10px; float:none; display:inline-block;}
.banner-content{width:100%;}
#banner{padding:25px 0px;}
.logo{width:100%; text-align:center;}
.services li .content{width:99%;}
.services li .content-top h2{left:30%;}
.orders-bg1{left:12px;}
.orders-bg2{right:12px; margin-top:0px;}
.what-makes ul{padding:50px 0px;}
nav li{float:none;}
.some-facts-top li span{top:157px;}
.contact-box{padding:5%; width:90%; display:block; float:left;}
.contact-box-left{width:100%;}
.contact-box-right{width:100%; padding-top:30px;}
.banner-content h1{padding:10px; font-size:23px;}
.banner-content h3{font-size:14px;}
.some-facts-top{width:100%;}
.some-facts-bottom{width:100%;}
.social{width:100%; text-align:center; padding-bottom:15px;}
#footer p{width:100%; text-align:center;}

.banner-content h3 {
    font-size: 18px;
    line-height: 30px;
    padding: 8px 0;
}
.trybrtn02 {
    font-size: 11px;
    font-weight: normal;
    padding: 10px 6px;
}
.banner-content h1 {
    font-size: 16px;
    padding: 7px;
}
.trybrtn:hover{padding:11px 11px; font-size:10px;}
.trybrtn02:hover{border:solid 2px #153e59; font-size:11px; padding: 10px 6px;}
.serciematter h3 {
    font-size: 15px;
    margin-bottom: 10px;

}
nav li a {
    font-size: 16px;
    padding: 5px 15px;
	margin:1px 0px;
}
.serciceshowdiv {
    float: left;
    margin: 0 1.5% 2%;
    width: 98%;
}
.service-info-bg {
    background: rgba(0, 0, 0, 0) url("../images/servicebg.jpg") repeat scroll center top;
    float: left;
    height: auto;
    padding: 5% 0;
    width: 100%;
}
.sercieinfoimgmid {
    padding: 10px 0 0;
}
.testbox {
    float: left;
    margin: 5% 0%;
    width: 100%;
}
.testimonial {
    padding: 80px 0px 0px 0px;
}
.contactinfo{width:100%; padding:20px 0px 20px 0px; float:left;}
.contactform {
    padding: 15px 0 0;
    text-align: left;
    width: 100%;
}
.socialdiv {
    margin-bottom: 15px;
    margin-top: 10px;
    width: 100%;
}
#banner {
    padding: 0px 0 0;
}
.aboutdiv {
    float: left;
    padding: 3% 0% 80%;
    width: 100%;
}
.propic {
    float: left;
    width: 100%;
	margin:10px 0px;
	text-align:center;
}
.aboutmatter {
    float:left;
    width: 100%;
}
.serciebox {
    width: 100%;
}
.service-info-bg h3 {
    font-size: 14px;
    line-height: 22px;
}
.servicepad {
    margin: 2% 0% !important;
}
.designpic {
    float: left;
    margin: 2% 5%;
    width: 90%;
}
.livediv{width:90%; margin:2% 5%; float:left;}
.testmid {
    margin: 0 auto;
    width: 100%;
}
.testsays {
    float: left;
    width: 100%;
}
.contactmid {
    margin: 0 auto;
    width: 100%;
}
.services h1 {
    font-size: 20px;
}
.services h3 {
    font-size: 12px;
}
.aboutmid {
    margin: 0 auto;
    width: 70%;
}
.aboutshow p{width:100%; padding:1% 0%; float:left;}
.banner-content {padding: 60px 0px 0px 0px;}
.contmidimg {
    margin: 0 auto;
    width: 45%;
}
}

@media only screen and (max-width: 479px) {
.outer-wrapper{width:100%;}
.wrapper{width:92%;}
#nav{display:none;}
#cssmenu{display:block!important;}
.services{padding-top:20px;}
nav{width:100%;}
nav li a{font-size:16px; text-align:center;}
#content{width:100%;}
nav ul{padding-top:0px;}
.contact-form{width:100%;}
.social li{padding:0px 6px; float:none; display:inline-block;}
.banner-content{width:100%;}
#banner{padding:18px 0px;}
.logo{width:100%; text-align:center;}
.services li .content-top h2{left:50px;}
.orders-bg1{left:0px; width:100%; background:#06b18a; min-height:inherit;}
.orders-content{width:94%; padding:3%; text-align:center; margin:0px!important;}
.orders-content h2{font-size:38px; line-height:38px;}
.orders-bg2{right:0px; width:100%; background:#3498db; min-height:inherit; margin-top:10px;}
.what-makes ul{padding:30px 0px;}
.what-makes li{padding:15px 0px;}
nav li{width:100%;}
.banner-content h1{padding:10px; font-size:23px;}
.banner-content h3{font-size:14px;}
.social{width:100%; text-align:center; padding-bottom:15px;}
.banner-content h3 {
    font-size: 15px;
    line-height: 15px;
    padding: 1px 0;
}
.trybrtn {
    font-size: 8px;
    font-weight: normal;
    padding: 10px 11px;
}
.trybrtn02 {
    font-size: 11px;
    font-weight: normal;
    padding: 10px 6px;
}
.banner-content h1 {
    font-size: 11px;
    padding: 7px;
}
.trybrtn:hover{padding:11px 11px; font-size:10px;}
.trybrtn02:hover{border:solid 2px #153e59; font-size:11px; padding: 10px 6px;}

.serciematter h3 {
    font-size: 15px;
    margin-bottom: 10px;

}
nav li a {
    font-size: 16px;
    padding: 0px 15px;
	margin:3px 0px;
}
.serciceshowdiv {
    float: left;
    margin: 0 1.5% 2%;
    width: 98%;
}
.service-info-bg {
    background: rgba(0, 0, 0, 0) url("../images/servicebg.jpg") repeat scroll center top;
    float: left;
    height: auto;
    padding: 5% 0;
    width: 100%;
}
.sercieinfoimgmid {
    padding: 10px 0 0;
}
.testbox {
    float: left;
    margin: 5% 0%;
    width: 100%;
}
.testimonial {
    padding: 70px 0px 0px 0px;
}
.contactinfo{width:100%; padding:20px 0px 20px 0px; float:left;}
.contactdetails h2 {
    font-size: 19px;
    text-align:center;
    width: 100%;
}
.icontxt {
    font-size: 12px;
    padding: 22px 0 0 5px;
    text-align: left;
}
.contactform {
    padding: 15px 0 0;
    text-align: left;
    width: 100%;
}
.socialdiv {
    margin-bottom: 15px;
    margin-top: 10px;
    width: 100%;
}

#banner {
    padding: 0px 0 0;
}
.aboutdiv {
    float: left;
    padding: 3% 0% 120%;
    width: 100%;
}
.propic {
    float: left;
    width: 100%;
	margin:10px 0px;
	text-align:center;
}
.aboutmatter {
    float:left;
    width: 100%;
}
.serciebox {
    width: 100%;
}
.service-info-bg h3 {
    font-size: 14px;
    line-height: 22px;
}
.servicepad {
    margin: 2% 0% !important;
}
.designpic {
    float: left;
    margin: 2% 5%;
    width: 90%;
}
.livediv{width:90%; margin:2% 5%; float:left;}
.testmid {
    margin: 0 auto;
    width: 100%;
}
.testsays {
    float: left;
    width: 100%;
}
.contactmid {
    margin: 0 auto;
    width: 100%;
}
.services h1 {
    font-size: 20px;
}
.services h3 {
    font-size: 12px;
}
.aboutmid {
    margin: 0 auto;
    width: 70%;
}
.aboutshow p{width:100%; padding:1% 0%; float:left;}
.banner-content {padding:50px 0px 0px 0px;
}
.contmidimg {
    margin: 0 auto;
    width: 45%;
}
}