@charset "utf-8";
/* CSS Document */
* {
	margin:0;
	padding:0;
}
html {
	font-family:'Open Sans';
	font-size:14px;
	font-weight:300;
	color:#414141;
}
body {
	padding-top:55px;
}
/*********** top header bar and nav section***********/
.container {
	max-width:1160px;
	margin:0 auto;
}
header {
	position:fixed;
	height:55px;
	z-index:9999;
	background-color:#fff;
	box-shadow:  0 1px 4px -2px #000;
	width:100%;
	top:0;
}
#logo {
	display: block;
	width: 149px;
	height: 28px;
	background: url("./imgs/logo.png") no-repeat;
	text-indent: -9999px;
	background-size: 100% auto;
	float: left;
	margin-top:13px;
}
#nav {
	z-index:10000;
}
ul {
	list-style:none;
}
a:link, a:visited, a:hover, a:active {
	text-decoration: none;
}
#nav li {
	display: inline-block;
	float: left;
	position: relative;
	font-weight:500;
	margin-top:18px;
}
#nav li:nth-child(n+2) {
margin-left:15px;
background-image:url("./imgs/li-icon.png");
background-repeat:no-repeat;
background-position: 0px 7px;
padding-left:22px;
}
#nav li a {
	color: #333;
	text-transform: uppercase;
	font-weight:500;
 transition: all .2s ease-in-out;
}
#nav li a:hover {
	color:#f36f2b;
}
.center-x {
	position: absolute;
	left: 49.99999%;
	transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-o-transform: translateX(-50%);
}
.licon {
	margin-right:15px;
}
#sign-in {
	float:right;
	width:190px;
	background-color:#f5f5f5;
	height:55px;
	margin-right:30px;
}
#sign-in li {
	display: inline-block;
	float: left;
	position: relative;
	font-weight: 500;
	margin-top:18px;
}
#sign-in li a {
	color: #414141;
	font-weight: 500;
 transition: all .2s ease-in-out;
}
#sign-in li:nth-child(1) a {
padding-right:5px;
}
#sign-in li:nth-child(2) a {
padding-left:5px;
}
#sign-in li a:hover {
	color:#f36f2b;
}
#sign-in li:nth-child(1) {
margin-left:25px;
}
.sign-icon {
	margin-right:10px;
	vertical-align:middle;
}
/******* language selector *********/
ul#qtranslate-chooser {
	float: right;
	width: 38px;
	margin-top: 18px;
	position: relative;
	z-index: 10000;
	height: 38px;
	overflow: hidden;
	padding-top: 38px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	margin-right:-4px;
}
ul#qtranslate-chooser li.active a {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	height: 20px;
	background: rgba(255, 255, 255, 0.8);
	font-weight: 500;
	text-align: center;
	margin-bottom: 10px;
}
ul#qtranslate-chooser li a {
	display: block;
	color: #272440;
	background: rgba(255, 255, 255, 0.8);
	text-align: center;
	width: 38px;
	height: 20px;
	border-top: 0;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
 transition: all .1s ease-in-out;
}
ul#qtranslate-chooser li a img {
	vertical-align:middle;
}
ul#qtranslate-chooser:hover {
	overflow:visible;
}
ul#qtranslate-chooser li a:hover {
	background:#f5f5f5;
	color:#f68e59;
}
#qtranslate-chooser li a strong {
	font-weight:500;
}
/*********** language selector end **********************/
/********************responsive navigation styling ******************/
.button {
	top: 14px;
	display:none;
}
.button.btn-close{
top:14px;
}
.button.btn-close a {
    background: url("./imgs/cancel.svg") left center no-repeat;
	background-size: 28px 40px;
}
.centerx {
	left:50%;
	position: absolute;
	transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-o-transform: translateX(-50%);
}
.button a {
	font-size: 18px;
	height: 25px;
	line-height: 25px;
	color: #fff;
	font-weight: normal;
	cursor: pointer;
	display: block;
	padding-left: 38px;
	background: url("./imgs/bars.svg") left center no-repeat;
	background-size: 28px 40px;
}
#menu-responsive-navigation {
	margin-top:80px;
}
#menu-responsive-navigation a {
	color:#332b46;
	font-size:20px;
	font-weight:normal;
	text-transform:uppercase;
	padding:12px 0px;
	width:100%;
	border-bottom:1px solid rgba(246, 158, 112, 0.2);
	display:inline-block;
}
#menu-responsive-navigation .sub-menu {
	display:none;
}
#menu-responsive-navigation .sub-menu.active {
	display:block;
}
#menu-responsive-navigation .sub-menu a {
	font-size:18px;
}
#menu-responsive-navigation li.current-menu-item a, .nav-overlay .language-chooser li.active a {
	color:#7A8D9A;
}
.nav-overlay {
	display: none;
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	height: 100%;
	width: 100%;
	background: #F0EEE8;
	overflow: auto;
	z-index: 9999;
	text-align: center;
	padding: 1.5em 0;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}
.nav-overlay .language-chooser {
	margin-top:1em;
	margin-bottom:40px;
	padding:1em;
}
.nav-overlay .language-chooser li {
	display:inline-block;
}
.nav-overlay .language-chooser li a {
	padding:5px;
	font-size:18px;
	color:#403c35;
	font-weight:500;
}
.nav-overlay .language-chooser li a:after {
	content:".";
}
/************************* end of responsive nav*******************/
/******************** end of nav section ******************/
/************start of introduction section ***************/
#introduction {
	min-height:505px;
	background-image:url("./imgs/bg.jpg");
	background-position:center;
	background-repeat:no-repeat;
	text-align:center;
	font-weight:400;
	box-shadow: 0 7px 16px -7px #000;
	position:relative;
}
#introduction p {
	font-size:20px;
}
#introduction .container >p {
	padding-top:25px;
}
#introduction .container h1 strong:first-child {
	font-weight:700;
}
#introduction .container h1 {
	font-size:22px;
	padding-top:15px;
	font-weight:400;
	line-height: 1.2;
}
.orange {
	color:#f36f2b;
	font-weight:600;
	display:block;
}
.inline-display {
	display:inline;
}
.relative {
	position:relative;
}
.router {
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	top: 315px;
}
.left {
	position:absolute;
	left:0;
	top:505px;
}
.right {
	position:absolute;
	right:0;
	top:505px;
	
}
.left img {
	width:525px;
	height:30px;
}
.right img {
	width:525px;
	height:30px;
}
/***************end of introduction section*************/
/*************** start of possibilities section ***********/
#possibilities {
	background-color:#fff;
	text-align:center;
	font-weight:400;
/*	min-height:870px;*/
	margin-top:80px;
}
#possibilities .container > p {
	font-size:18px;
}
.wifi {
	font-weight:bold;
	font-size:18px;
}
#possibilities .container > h2 {
	font-size: 22px;
	font-weight: 500;
}
#possibilities .container > h2 strong {
	color:#f36f2b;
}
#possibilities .container > h3 {
	font-size:18px;
	font-weight:500;
	margin-top:25px;
}
#possibilities .container > h3 strong {
	font-weight:700;
}
#possibilities ul {
	margin-top:65px;
	display:inline-block;
}
#possibilities ul li {
	display: inline-block;
	float: left;
	width:30%;
	font-size:15px;
	background-color: #fbfbfb;
	height:604px;
}
#possibilities ul li h4 {
	font-size:22px;
	font-weight:500;
	padding-top:33px;
}
#possibilities ul li:nth-child(odd) h4 {
color:#f36f2b;
}
#possibilities ul li:nth-child(even) h4 {
color:#3a5e9d;
}
#possibilities ul li p {
	font-size:15px;
	color:#333333;
	font-weight: 400;
}
#possibilities ul li:nth-child(n+2) {
margin-left:5%; /* 58 / 1160 */
}
#possibilities ul li:nth-child(n+2) p {
padding-left: 28px;
padding-right: 28px;
}
#possibilities ul li:nth-child(1) p {
padding-left: 53px;
padding-right: 53px;
}
#possibilities ul li:nth-child(1) p strong {
display:block;
}
#possibilities ul li:nth-child(1) img {
margin-left:-1px;
width:100%;
}
#possibilities ul li:nth-child(2) img {
width:100%;
}
#possibilities ul li:nth-child(3) img {
width:100%;
}
#possibilities ul li strong {
	font-weight:bold;
}
.get-to-know {
	border: 2px solid #f36f2b;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 45px;
	padding-left: 45px;
	border-radius: 5px;
	font-size:17px;
	color:#f36f2b;
	margin-top:50px;
	display:inline-block;
	font-weight:700;
 transition: all .2s ease-in-out;
}
#possibilities a strong:hover {
	background-color:#f36f2b;
	color:#fff;
}
/***************** end of possibilities section **************/
/****************start of combine section **************/
#combine {
	min-height:220px;
	background-image: url("./imgs/left-repeat.png");
	margin-top:70px;
	text-align:center;
	font-size:18px;
	font-weight:500;
	position:relative;
}
.upper-left{
position:absolute;
left: 0;
top: -12px;
}
.upper-right{
position:absolute;
right: 0;
top: -12px;
}
.lower-left{
position:absolute;
left: 0;
}
.lower-right{
position:absolute;
right: 0;
}
#combine > div {
	background-image: url("./imgs/slick-bg.jpg");
	min-height:220px;
	background-position:center;
	background-repeat:no-repeat;
}
#combine h3 {
	color:#fff;
	padding-top:15px;
	margin-bottom:45px;
	font-weight:500;
	font-size:18px;
}
#combine .cloud {
	display: block;
position: absolute;
left: 0;
right: 0;
margin: auto;
}
#combine strong {
	font-size:21px;
}
/****************** end of combine section ***************/
/**************** start of how it works section ************/
#how-it-works {
	margin-top:80px;
	text-align:center;
	font-size:18px;
	font-weight:500;
	background: #fff; /* For browsers that do not support gradients */
	background: -webkit-linear-gradient(#fff, #f4f4f4); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#fff, #f4f4f4); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#fff, #f4f4f4); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#fff, #f4f4f4); /* Standard syntax */
	min-height:475px;
	box-shadow: inset 0 -8px 8px -8px #e6e6e6;
	;
}
#how-it-works .container > h5 {
	font-size: 18px;
	font-weight: 500;
}
#how-it-works .container > h5 strong {
	font-weight:600;
}
#how-it-works img {
	float:left;
	display:inline-block;
	margin-top:50px;
	margin-left: 150px;
}
#how-it-works .container >strong {
	display:block;
}
.description {
	display: inline-block;
	float: left;
	margin-top: 120px;
	width: 49%;
	margin-left: 60px;
}
.description h5 {
	display:inline-block;
	font-size:22px;
	color:#f58247;
	float:left;
	font-weight:500;
}
.description p {
	display:inline-block;
	font-size:15px;
	float:left;
	text-align:left;
	padding-right: 25px;
}
.container .description p:first-child {
	margin-top:15px;
}
.description strong {
	color:#f37839;
	font-size:17px;
}
.instructions {
	border: 2px solid #f36f2b;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 45px;
	padding-left: 45px;
	border-radius: 5px;
	font-size:17px;
	color:#f36f2b;
	margin-top:35px;
	display:inline-block;
	float:left;
	font-weight:700;
 transition: all .2s ease-in-out;
}
.button2 {
	width:100%;
	display:inline-block;
}
#how-it-works a strong:hover {
	background-color:#f36f2b;
	color:#fff;
}
/*************** end of how it works section ****************/
/**************** start of hotels section**************/
#our-customers {
	min-height:155px;
	text-align:center;
}
#our-customers h5 strong {
	color:#f58247;
	font-size: 20px;
	font-weight: 600;
}
#our-customers .container h5 {
	font-size: 18px;
	font-weight: 400;
	margin-top: 25px;
}
#our-customers li {
	display:inline-block;
	
}
#our-customers ul {
	display:inline-block;
	margin-top:20px;
	width:100%;
	text-align:center;
}
#our-customers li:nth-child(1) {
margin-left:65px;
}
#our-customers li:nth-child(n+2) {
margin-left: 37px;
}
/**************** end of hotels section ***************/
/**************** start of contact us section *********/
#contact-us {
	min-height:190px;
	background-image:url("./imgs/contact.jpg");
	background-color:#f36f2b;
	background-position:center;
	box-shadow: inset 0 8px 8px -8px #696868, inset 0 -8px 8px -8px #696868;
}
#contact-us .container div {
	width:33.3%;
	display:inline-block;
	margin-top:30px;
	float:left;
}
#contact-us h5 {
	font-size:18px;
	color:#fff;
	text-transform:uppercase;
	font-weight:400;
	margin-right:-5px;
}
#contact-us .container .contact1 p img {
	vertical-align: middle;
}
#contact-us .container .contact1 p {
	color:#fff;
	margin-bottom:10px;
	margin-left: -9px;
}
#contact-us .container .contact1 p strong strong {
	font-weight:700;
}
#contact-us .container .contact1 p strong {
	font-weight:500;
}
#contact-us .container .contact1 > img {
	margin-left:25%;
	margin: 20px 100px;
}
.contact2 {
	text-align:center;
}
#contact-us .container .contact2 img {
	margin-top:22px;
}
#contact-us .container .contact3 >p {
	color: #fff;
	margin-bottom: 75px;
	font-size: 13px;
	font-weight: 500;
	margin-right: 5px;
}
#contact-us .container .contact3 {
	text-align:center;
}
.newsletter {
	padding-top: 16px;
	padding-bottom: 16px;
	width: 194px;
	background-color: #f0e6e1;
	color: #666666;
	border-radius: 5px;
	box-shadow: inset 0px 1px 1px 2px #ce6447;
	border: 0;
	position: absolute;
	left: 135px;
	top: 13px;
	z-index: 20;
	font-style: italic;
	padding-left: 15px;
	font-family: 'open sans';
}
.contact3 h5 {
	float:right;
}
.contact3 p {
	float:right;
}
.myButton {
	background:url("./imgs/arrow.png") no-repeat;
	cursor:pointer;
	border:none;
	width:70px;
	height:70px;
	position: absolute;
	left: 322px;
	top: 3px;
 transition: all .2s ease-in-out;
}
.myButton:hover {
	transform: scale(1.1);
}
#contact-us form {
	position:relative;
}
.twicon {
	margin-left:10px;
	margin-right:8px;
}
.contact2 > h5 {
	margin-bottom: 20px;
}
.contact2 img {
transition: all .2s ease-in-out;
}
.contact2 img:hover {
	transform: scale(1.1);
}
/******************** end of contact us section *******/
/******************start of footer section ************/
footer {
	min-height:52px;
}
footer p {
	font-size:13px;
	margin-top:16px;
	color:#7a7a7a;
	font-weight:400;
}
footer ul {
	float:left;
	margin-left:113px;
	margin-top:15px;
}
.copyright {
	float:left;
}
.webolution {
	float:right;
}
footer li {
	float:left;
	display:inline-block;
	font-size:13px;
	font-weight:500;
}
footer li:nth-child(n+2) {
 position: relative;
 margin-left: 13px;
background-image: url("./imgs/li-icon.png");
background-repeat: no-repeat;
background-position: 0px 7px;
padding-left: 19px;
}
footer li a {
	color:#333333;
 transition: all .2s ease-in-out;
}
footer li .licon {
	margin-right:13px;
!important
}
footer li a:hover {
	color:#f36f2b;
}
footer p img {
	vertical-align:middle;
}
/**************** end of footer section ***************/
/************ start of responsive and media queries section *****************/
@media screen and (max-width: 1339px) {
.left {
width:35%;
}
.right {
width:35%;
}
}
@media screen and (max-width: 1222px) {
.container {
max-width:1090px;

}
.router {
}
.left {
width:30%;
}
.right {
width:30%;
}
#possibilities ul li {
width:30%;
}
.center-x {
left:45%;
}
}
@media screen and (max-width: 1186px) {
.center-x {
left:45%;
}
#nav li:nth-child(n+2){
margin-left: 5px;
padding-left: 12px;
}
}
@media screen and (max-width: 1167px) {
.container {
max-width:1030px;

}
#contact-us .container div {
width: 33.20388349514563%;
}
#contact-us .container .contact3 > p {
margin-bottom:0px;
}
.newsletter {
left: 88px;
 width:180px;
}
.myButton {
left:250px;
}
footer ul {
float:none;
margin-left:0px;
}
.webolution{
float:none;
display: inline-block;
padding-bottom:16px;
}
.copyright{
float:none;
display:inline-block;
}
footer{
text-align:center;
}
footer li{
float:none;

}

#possibilities ul li p {
padding-bottom:0px;
}
#possibilities ul li:nth-child(1) p {
}
.get-to-know{
margin-top:115px;
}
}
@media screen and (max-width: 1087px) {
.upper-left{
display:none;
}
.upper-right{
display:none;
}
.lower-left{
display:none;
}
.lower-right{
display:none;
}

}

@media screen and (max-width: 1060px) {
.container {
max-width:990px;

}
#how-it-works img {
}
#how-it-works {
min-height:475px;
}
.description {
width:35%;
}
#contact-us .container div {
 width: 28%;
}
.contact1 {
margin-left:80px;
}
.newsletter {
 left: 40px;
}
.myButton {
left:220px;
}
.copyright {
float:none;
}
.webolution {
float:none;
}
footer ul{
float:none;
}
#contact-us .container {
display:inline-block;
}
}
@media screen and (max-width: 1035px) {
#possibilities ul li h4{
font-size:19px;
}

}
@media screen and (max-width: 1024px) {
#logo{
width: 140px;
margin-left: 20px;
}
#sign-in{
width:158px;
margin-right: 20px;
}
#sign-in li:nth-child(1) {
    margin-left: 5px;
}
ul#qtranslate-chooser {
margin-right: 20px;
}
}
@media screen and (max-width: 1012px) {
#how-it-works img {
    margin-left: 100px;
}
}
@media screen and (max-width: 976px) {
#sign-in li:nth-child(1) {
    margin-left: 5px;
}
#sign-in{
width:158px;
margin-right: 20px;
}
#sign-in li{
font-size:13px;
}
ul#qtranslate-chooser{
margin-right: 10px;
font-size:13px;
}
nav li{
font-size:13px;
}
}
@media screen and (max-width: 930px) {
/********** navigation menu breakpoint ********************/
.button {
 display: inline-block;
 position: fixed;
 left: 25px;
 z-index: 99999;
 text-indent: -9999px;
}
#nav {
 display: none;
}
#sign-in {
display:none;
}
#logo {
margin-left: 80px;
}
ul#qtranslate-chooser{
margin-right:20px;
font-size:14px;
}
#introduction{
min-height:438px;
background-size:1559px;
}
.left{
top:438px;
}
.right{
top:438px;
}
.router{
top: 290px;
height:200px;
}
}
@media screen and (max-width: 908px) {
#how-it-works img {

}
#contact-us {
background-size:cover;
-webkit-background-size: cover;
 -moz-background-size: cover;
 -o-background-size: cover;
}
.instructions {
padding-top:5px;
padding-bottom:5px;
}
 #possibilities ul li {
}
 .get-to-know {
 margin-top:0px;
 margin-bottom:60px;
}
 #possibilities {
 margin-top:60px;
}
 #combine {
 margin-top:0px;
}
 #possibilities ul li {
 height: 605px;
}
#contact-us .container .contact3 div{
margin-top:10px;
}
#contact-us .container .contact2 img{
margin-top: 0px;
}
}
@media screen and (max-width: 895px) {
#possibilities ul li h4{
font-size:17px;
}

}
@media screen and (max-width: 870px) {
#contact-us {
min-height:358px;
}
#contact-us .container div {
width: 35%;
}
#contact-us .container .contact3 {
margin-left:30%;
height:172px;
}
#contact-us .container .contact1 {
margin-left:15%;
}
.newsletter {
 left: 45px;
}
.myButton {
 left: 210px;
}
.description {
margin-top: 50px;
}
.description h5 {
font-size:18px;
}
#contact-us .container .contact2 img {
margin-top:0px;
}
.left {
 width: 20%;
}
.right {
 width: 20%;
}
}
@media screen and (max-width: 860px) {
#introduction {
min-height: 367px;
background-size: 1310px;

}
.left {
 top:367px;
}
.right {
 top:367px;
}
.logo-large{
height:87px;
}
#introduction .container h1{
font-size:18px;
}
.router {
    top: 247px;
    height: 160px;
}
}
@media screen and (max-width: 800px) {
#possibilities ul {
margin-top:0px;
}
#possibilities ul li {
 display:block;
 width:60%;
 float:none;
 margin:20px auto;
 height:700px;
}
#possibilities ul li:nth-child(n+2) {
margin-top:40px;
margin-bottom:20px;
margin-left:auto;
margin-right:auto;
}
#possibilities ul li:nth-child(1) img {
}
#combine {
 margin-top: 20px;
}
}
@media screen and (max-width: 771px) {
.newsletter{
left: 15px;
}
.myButton{
left: 185px;
}
}
@media screen and (max-width: 750px) {
#how-it-works img {
margin-left:50px;
}
.description{
margin-left:48px;
}
}
@media screen and (max-width: 699px) {
#contact-us .container div {
 width: 60%;
 display:block;
}
#contact-us .container .contact3 {
 margin-left: 0px;
 margin:0 auto;
 float:none;
}
#contact-us .container .contact2 {
 margin-left: 0px;
 margin:0 auto;
 float:none;
 padding-top:10px;
}
#contact-us .container .contact1 {
margin-left: 0px;
margin: 0 auto;
float: none;
text-align:center;
position:relative;
padding-top:30px;
}
#contact-us .container .contact2 img {
 margin-top: 0px;
}
#contact-us .container {
display:block;
}
 element {
}
#contact-us h5 {
 font-size: 18px;
 color: #fff;
 text-transform: uppercase;
 font-weight: 400;
 margin-right: -5px;
}
.contact3 h5 {
 float: none;
}
.contact3 p {
 float: none;
}
.newsletter {
 left: 30%;
}
.myButton {
 left: 250px;
}
footer ul {
}
}
@media screen and (max-width: 673px) {
.description p{
text-align:center;
padding-right: 0px;
}
#how-it-works img {
 display:none;
}
 #how-it-works {
 min-height: 380px;
}
.description {
float:none;
width:80%;
margin-left:0px;
}
.description h5 {
 font-size: 22px;
 float:none;
}
#how-it-works .container .description strong a {
display:inline-block;
}
#introduction {
    min-height: 294px;
    background-size: 1050px;
}
.left{
top:294px;
}
.right{
top:294px;
}
.router{
top: 222px;
height: 95px;
}

#introduction .container h1 {

    font-size: 14px;

}
#possibilities ul li{
height:615px;
}
#possibilities .container > h2{
font-size:19px;
}
#possibilities .container > h3{
font-size:16px;
}
#possibilities ul{
margin-top: 10px;
}
}
@media screen and (max-width: 655px) {
.myButton{
left:235px;
}
}
@media screen and (max-width: 620px) {
#possibilities ul li {
    height: 570px;
}
.get-to-know {
    margin-top: 20px;
	}
}
@media screen and (max-width: 614px) {
#possibilities .container > h3{
padding: 0 1em;
}
#possibilities .container > h2{
padding: 0 1em;
}
}
@media screen and (max-width: 588px) {
footer ul {
}
.copyrights{
display:block;
}
.webolution{
display:block;
}
#possibilities ul li:nth-child(n+2) {
    margin-left: 0px;
    margin: 30px auto;
}
}
@media screen and (max-width: 528px) {
.myButton{
left:215px;
}

}
@media screen and (max-width: 480px) {
.container {
max-width:475px;
}
#combine {
display:none;
}
#possibilities ul li {
width:100%;
}
#possibilities ul li h4 {
font-size:22px;
}
#possibilities ul li:nth-child(1) img {
width:80%;
}
#possibilities ul li:nth-child(2) img {
width:80%;
}
#possibilities ul li:nth-child(3) img {
width:80%;
}
#how-it-works {
display:none;
}
#contact-us {
 margin-top: 20px;
}
 footer {
text-align:center;
}
.webolution {
float:none;
display:inline-block;
margin:0 auto;
margin-top:10px;
}
.newsletter {
 left: 20%;
 width: 170px;
}
.myButton {
 left: 185px;
 
}
.router {
}
}
@media screen and (max-width: 433px) {
#possibilities ul {
display:none;
}
#possibilities {
 min-height:320px;
}
.get-to-know {
 margin-top: 47px;
 padding-right: 15px;
padding-left: 15px;
}
.newsletter {
width:140px;
}
.myButton {
 left: 160px;
}
#contact-us {
 min-height: 550px;
}
}
@media screen and (max-width: 403px) {
.left {
display:none;
}
.right {
display:none;
}
#introduction .container .logo-large{
height:92px;
}
}
@media screen and (max-width: 398px) {
}
@media screen and (max-width: 395px){
#contact-us {
    min-height: 580px;
}
#contact-us .container .contact1 > img{
margin:0px;
}
#contact-us .container .contact2{
padding-top: 10px;
}
#contact-us .container .contact3{
padding-top: 10px;
}
#contact-us .container .contact1{
width:100%;
}
}

@media screen and (max-width: 369px) {
#contact-us .container .contact2 img {
 margin-top: 0px;
 width: 28%;
}
.get-to-know {
padding-bottom: 10px;
}
.newsletter {
 left: 5%;
}
.myButton {
 left: 130px;
}

#logo {
 margin-left: 85px;
}
#introduction .container h1{
font-size:14px;
padding:0 0.5em;
}
}

@media screen and (max-width: 331px) {
#introduction {
    min-height: 280px;
    background-size: 2141px;
	font-size:18px;
}
.router {
top: 212px;
height: 88px;
}
}
@media screen and (max-width: 328px) {
.router {
}
#introduction .container h1 {
font-size:16px;
padding:0 1em;
}
}
@media screen and (max-width: 314px) {
ul#qtranslate-chooser {
    margin-right: 5px;
}
}
@media screen and (max-width: 303px) {
footer li{
font-size:12px;
}
}