@charset "utf-8";
/* CSS Document */


body { background:#ffffff; width:100%; margin:0px; padding:0px; }

h1 { font-family:'opensans-regular', Arial, Helvetica, sans-serif; font-size:2.8em; }
h2 { font-family:'opensans-regular', Arial, Helvetica, sans-serif; font-size:2.0em; }
h3 { font-family:'opensans-regular', Arial, Helvetica, sans-serif; font-size:1.6em; }
h1,h2,h3,h4,h5,h6 { margin:0px; padding:0px; }
a,img { border:none; }
a { text-decoration:none; }
p,a,ul,ol,li,img { margin:0px; padding:0px; }
.clear { clear:left; }


/* ========================================================================================================= */
/* custom divs */

#container, .container { width:1000px; margin:0px auto; }
.wrapper { float:left; width:100%; }

/* Logo Section */

.logo-bg {
	float:left;
	background:url(../images/logo-bg.png) repeat-x left top;
	width:100%;
	height:105px;
	position:fixed;
	z-index:9999;
	top:0px;
}
.logo-bg .logo {
	float:left;
	width:200px;
	margin-top:25px;
}


/* Navigation Menu Section */

.navbar-fixed-top
{
    background-color:white;
    border-bottom: 1px solid black;
}


.nav-menu {
	float:left;
	margin-left:50px;
	margin-top:30px;
}
.nav-menu ul {
	list-style:none;
}
.nav-menu ul li {
	float:left;
	background:url(../images/menu-divider.png) no-repeat right center;
}
.nav-menu ul li a {
	float:left;
	font-family:'titillium-light';
	font-size:17px;
	font-weight:normal;
	color:#323638;
	padding:10px 25px;
	text-shadow:none;
}
.nav-menu ul li a:hover {
	text-decoration:none;
	background:none;
}
.nav-menu ul li.last-child {
	background:none;
}
.navbar-inverse .brand, .navbar-inverse .nav>li>a {
	padding:10px 25px;
}


/* Header Banner Section Ends */

.banner-bg {
	float:left;
	background:url(../images/banner-bg.jpg) no-repeat center top;
	width:100%;
	height:668px;
}
.banner-bg .banner-left {
	float:left;
	width:52%;
	margin-top:150px;
}
.banner-bg .banner-left h2 {
	font-family:'titillium-light';
	font-size:71px;
	font-weight:normal;
	color:#ffffff;
	line-height:70px;
	text-shadow:0px 2px 0px #435f73;
	padding-bottom:20px;
}
.banner-bg .banner-left h2 span {
	font-family:'titillium-semibold';
	font-size:43px;
	color:#ffffff;
}
.banner-bg .banner-left h5 {
	font-family:'opensans-regular';
	font-size:18px;
	font-weight:normal;
	color:#ffffff;
	text-shadow:0px 1px 0px #1a3c4c;
	line-height:32px;
	padding-bottom:25px;
}
.banner-bg .banner-left .banner-btn {
	float:left;
	background:#66cdaa;
	width:275px;
	height:65px;
	padding-top:15px;
	font-family:'titillium-bold';
	font-size:25px;
	color:#ffffff;
	text-align:center;
	text-transform:uppercase;
	border-radius:150px;
	-moz-border-radius:150px;
	-webkit-border-radius:150px;
}
.banner-bg .banner-left .banner-btn:hover {
	text-decoration:none;
}

.banner-bg .banner-right {
	float:right;
	width:48%;
	height:668px;
	position:relative;
}
.banner-bg .banner-right .video-bg {
	position:absolute;
	bottom:-30px;
	right:-130px;
	background:url(../images/banner-img.png) no-repeat right top;
	width:562px;
	height:483px;
}

.video-wpr{
	float:right;
	margin:3% 4.2% 0px 0px;
	width:91%;
}

.js-video {
  height: 0;
  padding-bottom: 67.5%;
  position: relative;
  overflow: hidden;
}
 
.js-video.widescreen {
  padding-bottom: 57.25%;
}
 
.js-video.vimeo {
  padding-top: 0;
}

.js-video embed, .js-video iframe, .js-video object, .js-video video {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
}


/* Page Section Titles */

.section {
	float:left;
	width:100%;
	padding:120px 0px;
}
.section .title {
	font-family:'titillium-regular';
	font-size:47px;
	font-weight:normal;
	color:#363f48;
	padding-bottom:40px;
	text-align:center;
	line-height:60px;
}
.section .title span {
	color:#48b08d;
}

/* How it works Section */

.works-sec {
	float:left;
	width:100%;
	background:#ffffff;
}
.works-sec .boxes {
	float:left;
	width:100%;
}
.works-sec .boxes .box {
	text-align:center;
	float:left;
	width:32%;
	padding-right:6px;
	margin-right:6px;
	border-right:1px solid #ededed;
}
.works-sec .boxes .box3 {
	border-right:0px;
}
.works-sec .boxes .box img {
	margin-bottom:30px;
}
.works-sec .boxes .box h3 {
	font-family:'titillium-regular';
	font-size:27px;
	font-weight:normal;
	color:#48b08d;
	padding-bottom:10px;
	text-align:center;
}
.works-sec .boxes .box p {
	font-family:'opensans-regular';
	font-size:13px;
	font-weight:normal;
	color:#323638;
	text-align:center;
	line-height:22px;
}


/* Featured Section */

.featured-sec {
	float:left;
	width:100%;
	background:#f8f9f9;
}
.featured-sec .featured-cnt {
	float:left;
	width:100%;
}
.featured-cnt .featured-left {
	float:left;
	width:46%;
}
.featured-cnt .featured-right {
	float:right;
	width:46%;
}

.featured-cnt .sec {
	float:left;
	width:100%;
	margin-bottom:30px;
}
.featured-cnt .sec .sec-left {
	float:left;
	width:25%;
	text-align:center;
}
.featured-cnt .sec .sec-right {
	float:right;
	width:74%;
}

.featured-cnt .sec h4 {
	font-family:'titillium-regular';
	font-size:25px;
	font-weight:normal;
	color:#66cdaa;
	padding-bottom:10px;
	line-height:28px;
}
.featured-cnt .sec p {
	font-family:'opensans-regular';
	font-size:13px;
	font-weight:normal;
	color:#323638;
	line-height:20px;
}

/* Testimonials Section */

.testim-sec {
	float:left;
	width:100%;
}
.testim-sec .client-testim {
	float:left;
	width:100%;
}
.client-testim .testim-quote {
	float:left;
	width:100%;
}
.client-testim .quote-img {
	float:left;
	width:17%;
}
.client-testim .quote-img img {
	padding:4px;
	border:4px solid #e9e9e9;
	border-radius:150px;
	-moz-border-radius:150px;
	-webkit-border-radius:150px;
}
.client-testim .blockquote {
	float:right;
	width:100%;
}
.client-testim .blockquote p {
	font-family:'opensans-regular';
	font-size:20px;
	font-weight:normal;
	color:#363f48;
	font-style:italic;
	line-height:36px;
	padding-top:15px;
	padding-bottom:10px;
}
.client-testim .blockquote .cite {
	font-family:'titillium-regular';
	font-size:23px;
	font-weight:normal;
	color:#48b08d;
}

/* Saas System Section */

.saas-sec {
	float:left;
	width:100%;
	background:#f8f9f9;
}
.saas-sec .saas-cnt {
	float:left;
	width:100%;
}
.saas-cnt h6 {
	font-family:'opensans-regular';
	font-size:19px;
	font-weight:normal;
	color:#323638;
	text-align:center;
	line-height:30px;
	padding-bottom:20px;
}
.saas-cnt .tab-boxes {
	float:left;
	width:100%;
	margin-top:60px;
}
.saas-cnt .tab-boxes .tab-box {
	float:left;
	width:24.4%;
	margin-right:5px;
	border:1px solid #d7d7d7;
	background:#ffffff;
	text-align:center;
	box-shadow:0px 0px 1px 3px #f1f1f1;
}
.saas-cnt .tab-boxes .tab-box4 {
	margin-right:0px;
	float:right;
}
.saas-cnt .tab-boxes .tab-box .box-title {
	background:#f2f2f2;
	width:100%;
	padding-top:16px;
	height:60px;
	font-family:'titillium-regular';
	font-size:24px;
	font-weight:normal;
	color:#66cdaa;
	text-align:center;
}
.saas-cnt .tab-boxes .tab-box .box-body {
	float:left;
	width:100%;
}
.saas-cnt .tab-boxes .tab-box .box-body div.first, .saas-cnt .tab-boxes .tab-box .box-body div.box-row {
	border-bottom:1px solid #e4e4e4;
}
.saas-cnt .tab-boxes .tab-box .first {
	padding:20px 0px;
	width:100%;
	background:#ffffff;
}
.saas-cnt .tab-boxes .tab-box .first h2 {
	font-family:opensans-semibold;
	font-size:16px;
	font-weight:normal;
	color:#363f48;
	text-align:center;
	line-height:32px;
}
.saas-cnt .tab-boxes .tab-box .first h2 span {
	font-size:32px;
	color:#66cdaa;
}
.saas-cnt .tab-boxes .box-body .box-row {
	padding:10px 0px;
}
.saas-cnt .tab-boxes .box-body .box-row1 {
	background:#fafafa;
}
.saas-cnt .tab-boxes .box-body .box-row2 {
	background:#ffffff;
}
.saas-cnt .tab-boxes .box-body .box-row h4 {
	font-family:'opensans-regular';
	font-size:15px;
	font-weight:normal;
	color:#323638;
	line-height:22px;
}
.saas-cnt .tab-boxes .box-body .box-row h4 span {
	font-family:'opensans-semibold';
}

.saas-cnt .tab-boxes .box-body .last-btn {
	padding:20px 30px 30px 30px;
	float:left;
	width:100%;
}
.saas-cnt .tab-boxes .box-body .last-btn a {
	float:left;
	background:#66cdaa;
	padding:8px 0px 12px 0px;
	width:100%;
	border-bottom:3px solid #3e997a;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	font-family:'titillium-regular';
	font-size:25px;
	font-weight:normal;
	color:#ffffff;
	text-align:center;
	line-height:30px;
}
.saas-cnt .tab-boxes .box-body .last-btn a:hover {
	text-decoration:none;
}

.saas-cnt .tab-boxes .tab-box4 .box-title {
	height:90px;
	background:#66cdaa;
	font-family:'titillium-regular';
	font-size:34px;
	font-weight:normal;
	color:#ffffff;
	line-height:32px;
}

.saas-cnt .tab-boxes .tab-box4 {
	margin-top:-30px;
}
.saas-cnt .tab-boxes .tab-box3 .box-title {
	padding-top:4px;
	height:67px;
	line-height:30px;
}
.saas-cnt .tab-boxes .tab-box4 .box-title span {
	font-size:18px;
}
.saas-cnt .tab-boxes .tab-box3 .box-body .last-btn {
	padding:40px 30px;
}

/* Schedule Contact form Section */

.schedule-sec {
	float:left;
	width:100%;
	background:#323638;
}
.schedule-sec .schedule-form {
	float:left;
	width:100%;
}
.schedule-sec .schedule-form .sch-title {
	font-family:'titillium-regular';
	font-size:47px;
	font-weight:normal;
	color:#ffffff;
	text-align:center;
	padding-bottom:30px;
}
.schedule-form .sch-form {
	float:left;
	width:100%;
}
.schedule-form .sch-form form {
	padding:20px 40px 0px 40px;
	text-align:center;
	float:left;
	width:92%;
	margin:0px;
}
.schedule-form .sch-form dt {
	margin:0px;
}
.schedule-form .sch-form dd {
	margin:0px;
}
.schedule-form .sch-form dl {
	float:left;
	width:100%;
	text-align:center;
	margin:0px;
}
.schedule-form .sch-form .form-left {
	float:left;
	width:32%;
}
.schedule-form .sch-form .form-right {
	float:right;
	width:65%;
}
.schedule-form .sch-form dt .textbox {
	background:#ffffff;
	padding:10px;
	height:45px;
	width:100%;
	font-family:'opensans-regular';
	font-size:15px;
	font-weight:normal;
	color:#323638;
}

	.schedule-form .sch-form .form-right dd .captchaTextbox {
		margin-top:10px;
		background: #ffffff;
		padding: 10px;
		height: 45px;
		width: 70%;
		font-family: 'opensans-regular';
		font-size: 15px;
		font-weight: normal;
		color: #323638;
		float:left;
	}

	.schedule-form .sch-form .form-right dd .captchaImage {
		margin-top: 10px;
		background: #ffffff;
		padding: 10px;
		height: 45px;
		width: 30%;
		float: left;
	}

.schedule-form .sch-form .form-right dt {
	float:left;
	width:48%;
	margin-right:5px;
}
.schedule-form .sch-form .form-right dt.right {
	float:right;
}
.schedule-form .sch-form .form-right dd {
	float:left;
	width:100%;
}
.schedule-form .sch-form .form-right dd textarea {
	background:#ffffff;
	padding:10px;
	height:100px;
	width:99%;
	float:left;
	font-family:'opensans-regular';
	font-size:15px;
	font-weight:normal;
	color:#323638;
}
.schedule-form .sch-form .submit_btn {
	background:#66cdaa;
	padding:14px 0px;
	width:165px;
	border:none;
	border-bottom:3px solid black;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	margin-top:10px;
	font-family:'titillium-bold';
	font-size:25px;
	font-weight:normal;
	color:#ffffff;
	text-align:center;
	line-height:22px;
}

.thankyou-sec {
	float:left;
	width:100%;
	background:#323638;
}
.thankyou-sec .thanks {
	float:left;
	width:100%;
}
.thankyou-sec .thankyou .ty-title {
	font-family:'titillium-regular';
	font-size:47px;
	font-weight:normal;
	color:#ffffff;
	text-align:center;
	padding-bottom:30px;
}

.thankyou-sec .thankyou p {
	font-family:'opensans-regular';
	font-size:20px;
	font-weight:normal;
	color:white;
	font-style:italic;
	line-height:36px;
	padding-top:15px;
	padding-bottom:10px;
}

/* Footer Section */

.footer-sec {
	float:left;
	background:#232627;
	width:100%;
}
.footer-sec .footer-info {
	float:left;
	width:100%;
	padding:20px 0px;
}
.footer-sec .footer-info p {
	font-family:'opensans-regular';
	font-size:13px;
	font-weight:normal;
	color:#ffffff;
}
.footer-sec .footer-info p.left-sec {
	float:left;
}

.footer-sec .footer-info p.right-sec {
	float:right;
    text-align:right;
}



@font-face {
    font-family: 'opensans-regular';
    src:url('../fonts/opensans-regular.eot');
    src: url('../fonts/opensans-regular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-regular.woff') format('woff'),
         url('../fonts/opensans-regular.ttf') format('truetype'),
         url('../fonts/opensans-regular.svg#opensans-regular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'opensans-semibold';
    src:url('../fonts/opensans-semibold.eot');
    src: url('../fonts/opensans-semibold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-semibold.woff') format('woff'),
         url('../fonts/opensans-semibold.ttf') format('truetype'),
         url('../fonts/opensans-semibold.svg#opensans-semibold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'titillium-bold';
    src:url('../fonts/titillium-bold.eot');
    src: url('../fonts/titillium-bold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/titillium-bold.woff') format('woff'),
         url('../fonts/titillium-bold.ttf') format('truetype'),
         url('../fonts/titillium-bold.svg#titillium-bold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'titillium-light';
    src:url('../fonts/titillium-light.eot');
    src: url('../fonts/titillium-light.eot?#iefix') format('embedded-opentype'),
         url('../fonts/titillium-light.woff') format('woff'),
         url('../fonts/titillium-light.ttf') format('truetype'),
         url('../fonts/titillium-light.svg#titillium-light') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'titillium-regular';
    src:url('../fonts/titillium-regular.eot');
    src: url('../fonts/titillium-regular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/titillium-regular.woff') format('woff'),
         url('../fonts/titillium-regular.ttf') format('truetype'),
         url('../fonts/titillium-regular.svg#titillium-regular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'titillium-semibold';
    src:url('../fonts/titillium-semibold.eot');
    src: url('../fonts/titillium-semibold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/titillium-semibold.woff') format('woff'),
         url('../fonts/titillium-semibold.ttf') format('truetype'),
         url('../fonts/titillium-semibold.svg#titillium-semibold') format('svg');
    font-weight: normal;
    font-style: normal;
}


@media (min-width: 1200px) {
    .navbar-brand{ height:30px !important; margin: 0 0 0 60px !important; padding: 6px 0 0 0 !important;}
    .navbar-fixed-top, .navbar-fixed-bottom, .navbar-static-top { margin:0px 0px 10px 0px; position: fixed !important;}
}

@media (min-width: 1201px) and (max-width: 1280px) {
	.nav-menu { float:right; width:62%; margin-left:0px; }
	.nav-menu ul li a { padding:10px 15px; }
    .navbar-brand{ height:30px !important; margin: 0 0 0 60px !important; padding: 6px 0 0 0 !important;}
	.banner-bg .banner-right span.video-bg { right:-80px; }
    .navbar-fixed-top, .navbar-fixed-bottom, .navbar-static-top { margin:0px 0px 10px 0px; position: fixed !important;}
}
@media (min-width: 980px) and (max-width: 1200px) {
	.container { width:940px; }
	.nav-menu { float:right; width:62%; margin-left:0px; }
	.nav-menu ul li a { padding:10px 15px; }
    .navbar-brand{ height:30px !important; margin: 0 0 0 60px !important; padding: 6px 0 0 0 !important;}
    .navbar-fixed-top, .navbar-fixed-bottom, .navbar-static-top { margin:0px 0px 10px 0px; position: fixed !important;}
	.banner-bg { height:550px; }
	.banner-bg .banner-right { height:550px; }
	.banner-bg .banner-left { width:50%; margin-top:100px; }
	.banner-bg .banner-left h2 { font-size:62px; line-height:65px; }
	.banner-bg .banner-left h2 span { font-size:35px; }
	.banner-bg .banner-left h5 { font-size:16px; }
	.banner-bg .banner-left .banner-btn { width:255px; height:60px; padding-top:14px; font-size:22px; }
	.banner-bg .banner-right .video-bg { right:-10px; background-size:480px; width:480px; height:420px; }
	.banner-bg .banner-right .video-bg a { float:right; margin:21px 20px 0px 0px; width:91%; }
	.works-sec .boxes .box { width:32%; }
	.works-sec .boxes .box3 { float:right; margin:0px; padding:0px; }
	.client-testim .blockquote p { font-size:18px; line-height:32px; }
	.saas-cnt .tab-boxes .tab-box { width:24.36%; }
	.saas-cnt .tab-boxes .tab-box .box-title { height:60px; padding-top:17px; }
	.saas-cnt .tab-boxes .tab-box3 .box-title { height:90px; padding-top:14px; }
	.saas-cnt .tab-boxes .tab-box4 .box-title { padding-top:4px; height:70px; }
	.saas-cnt .tab-boxes .box-body .last-btn { width:100%; }
	.schedule-form .sch-form dt .textbox { height:50px; width:100%; }
	.schedule-form .sch-form .form-right dd textarea { width:99%; height:110px; }
}

@media (min-width: 768px) and (max-width: 979px) {
	.container { width:724px; }
	.logo-bg .logo { /*width:34%;*/ }
	.nav-menu { float:right; width:62%; margin-left:0px; }
	.nav-menu ul li a { padding:10px 15px; }
    .navbar-brand{ height:30px !important; margin: 0 0 0 60px !important; padding: 6px 0 0 0 !important;}
    .navbar-fixed-top, .navbar-fixed-bottom, .navbar-static-top { margin:0px 0px 20px 0px; position: fixed !important;}
	.banner-bg { height:450px; }
	.banner-bg .banner-right { height:450px; width:50%; }
	.banner-bg .banner-left { margin-top:50px; width:49%; }
	.banner-bg .banner-left h2 { font-size:54px; line-height:54px; }
	.banner-bg .banner-left h2 span { font-size:28px; }
	.banner-bg .banner-left h5 { font-size:16px; line-height:28px; }
	.banner-bg .banner-left .banner-btn { width:240px; height:36px; padding-top:15px; font-size:22px; }
	.banner-bg .banner-right .video-bg { right:0px; background-size:350px; width:350px; height:300px; }
	.banner-bg .banner-right .video-bg a { float:right; margin:15px 15px 0px 0px; width:91%; }
	.works-sec .boxes .box { width:32%; }
	.works-sec .boxes .box3 { float:right; margin:0px; padding:0px; }
	.section .title { font-size:42px; line-height:50px; }
	.works-sec .boxes .box h3 { font-size:24px; }
	.featured-cnt .sec h4 { font-size:24px; }
	.client-testim .blockquote p { font-size:18px; line-height:28px; }
	.saas-cnt h6 { font-size:17px; }
	.saas-cnt .tab-boxes .tab-box { width:49%; margin-bottom:40px; }
	.schedule-sec .schedule-form .sch-title { font-size:42px; }
	.schedule-form .sch-form form { padding:20px 20px 0px 20px; width:94%; }
	.navbar-inverse .brand, .navbar-inverse .nav>li>a { padding:10px 13px; }
	.banner-bg .banner-left .banner-btn { height:55px; padding-top:12px; }
	.saas-cnt .tab-boxes .tab-box .box-title { height:60px; padding-top:17px; }
	.saas-cnt .tab-boxes .box-body .last-btn { width:100%; }
	.saas-cnt .tab-boxes .tab-box4 .box-title { height:90px; padding-top:8px;}
	.saas-cnt .tab-boxes .tab-box3 .box-title { height:80px;}
	.schedule-form .sch-form dt .textbox { height:45px; width:100%; }
	.schedule-form .sch-form .form-right dd textarea { width:99%; height:100px; }
}

@media (max-width: 767px) {
	.container { width:470px; }
	.logo-bg { float:left; /*position:relative; background:#ffffff; height:92px;*/ }
	.logo-bg .logo { float:left; /*width:195px;*/ position:absolute; }
	.logo-bg .logo img { width:100%; }
	.nav-menu { float:right; margin:20px 0px 10px 0px; }
	.nav-menu .sr-only { text-indent:-9999px; }
	.nav-menu ul li a { background:none; padding:10px 17px; }
	.banner-bg { height:785px; background-size:cover; margin-top:0px; }
	.banner-bg .banner-left { float:left; width:100%; margin-top:60px; }
	.banner-bg .banner-left h2 { font-size:54px; line-height:50px; padding-bottom:10px; }
	.banner-bg .banner-left h2 span { font-size:34px; }
	.banner-bg .banner-left h5 { padding-bottom:10px; font-size:16px; line-height:28px; }
	.banner-bg .banner-right { float:left; width:100%; height:auto; margin-top:30px; }
	.banner-bg .banner-right .video-bg { background-size:100%; width:100%; height:380px; position:relative; float:left; bottom:0px; right:0px; }
	.banner-bg .banner-right .video-bg a { float:right; margin:20px 19px 0px 0px; width:91%; }
	.section .title { font-size:38px; line-height:50px; }
	.works-sec .boxes .box { width:100%; padding:0px; margin:0px 0px 25px 0px; border:none; }
	.featured-cnt .sec h4 { font-size:22px; }
	.client-testim .blockquote p { font-size:12px; line-height:22px; }
	.client-testim .blockquote .cite { font-size:20px; }
	.client-testim .quote-img { width:20%; margin-right:10px; }
	.client-testim .quote-img img { width:100%; padding:1px; border:1px solid #e9e9e9; }
	.client-testim .blockquote { width:76%; }
	.client-testim .blockquote p { padding:0px; }
	.saas-cnt .tab-boxes .tab-box { width:49%; margin:0px 0px 20px 0px; }
	.saas-cnt .tab-boxes .tab-box2, .saas-cnt .tab-boxes .tab-box4 { float:right; }
	.schedule-form .sch-form .form-left { width:90%; }
	.schedule-form .sch-form .form-right { float:left; width:88%; margin-left:3px; }
	.schedule-form .sch-form form { padding:20px 20px 0px 20px; width:91%; }
	.navbar-fixed-top, .navbar-fixed-bottom, .navbar-static-top { margin:0px 0px 10px 0px; position: fixed !important;}
	.navbar-header { float:right; width:100%;}
	.navbar-collapse { position:relative; }
	.navbar .nav>li { background:none; float:left; width:100%; border-bottom:1px solid #333; }
	.navbar-inverse .brand, .navbar-inverse .nav>li>a { width:100%; padding:10px 0px; float:left; }
	.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form { background:#ffffff; width:300px; top:50px; right:0px; position:absolute; }
	.banner-bg .banner-left .banner-btn { padding-top:12px; height:60px; }
	.saas-cnt .tab-boxes .tab-box .box-title { padding-top:15px; height:60px; }
	.saas-cnt .tab-boxes .box-body .last-btn { width:100%; }
	.saas-cnt .tab-boxes .tab-box3 .box-title { padding-top:10px; height:80px; }
	.saas-cnt .tab-boxes .tab-box4 .box-title { height:80px; }
	.saas-cnt .tab-boxes .box-body .box-row h4 { font-size:12px; }
	.schedule-form .sch-form dt .textbox { width:100%; height:45px; }
	.schedule-form .sch-form .form-right dd { width:100%; }
	.schedule-form .sch-form .form-right dd textarea { width:100%; }
	.schedule-form .sch-form .form-left { width:100%; }
	.schedule-form .sch-form .form-right { width:100%; margin:0px; }
	.schedule-form .sch-form .form-right dt { width:100%; margin:0px; }
	.section { padding:60px 0px; }
	.section .title { padding-bottom:20px; }
	.featured-cnt .featured-left { width:100%; }
	.featured-cnt .featured-right { float:left; width:100%; }
	.saas-cnt .tab-boxes { margin-top:10px; }
	.nav-menu ul li.last-child { border:none; }
	.hide { visibility:hidden; }
}

@media (max-width: 480px) {
	.container { width:304px; }
	.logo-bg { float:left; /*position:relative; background:#ffffff; height:92px;*/ }
	.logo-bg .logo { float:left; /*width:195px;*/ position:absolute; }
	.logo-bg .logo img { width:100%; }
    .navbar-brand{ height:30px !important; margin: 0 0 0 10px !important; padding: 6px 0 0 0 !important;}
	.nav-menu { margin:10px 0px 10px 0px; }
	.nav-menu ul li a { padding:10px 17px; }
	.banner-bg { height:640px; background-size:cover; margin-top:0px; }
	.banner-bg .banner-left { float:left; width:100%; margin-top:60px; }
	.banner-bg .banner-left h2 { font-size:36px; line-height:40px; padding-bottom:15px; }
	.banner-bg .banner-left h2 span { font-size:20px; }
	.banner-bg .banner-left h5 { padding-bottom:15px; font-size:14px; line-height:24px; }
	.banner-bg .banner-right { float:left; width:100%; height:auto; margin-top:30px; }
	.banner-bg .banner-right .video-bg { background-size:100%; width:100%; height:240px; position:relative; float:left; bottom:0px; right:0px; }
	.banner-bg .banner-right .video-bg a { float:right; margin:12px 11px 0px 0px; width:91%; }
	.banner-bg .banner-left .banner-btn { width:200px; height:46px; padding-top:10px; font-size:20px; }
	.section .title { font-size:24px; line-height:30px; padding-bottom:20px; }
	.featured-cnt .featured-left { width:100%; }
	.featured-cnt .featured-right { float:left; width:100%; }
	.works-sec .boxes .box { width:100%; padding:0px; margin:0px 0px 25px 0px; border:none; }
	.featured-cnt .sec h4 { font-size:22px; }
	.client-testim .testim-quote { text-align:center; width:100%; }
	.client-testim .quote-img { width:200px; margin:0px auto; float:none; }
	.client-testim .blockquote p { font-size:12px; line-height:22px; }
	.client-testim .blockquote .cite { font-size:20px; }
	.client-testim .blockquote { width:100%; }
	.client-testim .blockquote p { padding:0px; }
	.saas-cnt h6 { font-size:13px; line-height:22px; }
	.saas-cnt .tab-boxes .tab-box { width:99%; margin:0px 0px 20px 0px; }
	.saas-cnt .tab-boxes .tab-box2, .saas-cnt .tab-boxes .tab-box4 { float:right; }
	.schedule-sec .schedule-form .sch-title { font-size:32px; padding-bottom:10px; }
	.schedule-form .sch-form form { padding:0px; width:100%; }
	.schedule-form .sch-form .form-left { width:100%; }
	.schedule-form .sch-form .form-right { float:left; width:100%; margin-left:0px; }
	.schedule-form .sch-form .form-right dt { width:100%; margin-right:0px; }
	.schedule-form .sch-form .form-right dd { width:97%; }
	.schedule-form .sch-form .form-right dd textarea { width:95%; }
	.footer-sec .footer-info { text-align:center; }
	.footer-sec .footer-info p.left-sec { float:none; }
	.footer-sec .footer-info p.right-sec { float:none; padding-top:8px; }
	.navbar-fixed-top, .navbar-fixed-bottom, .navbar-static-top { margin:0px 0px 0px 0px; position: fixed !important;}
	.navbar-header { float:right; margin-top:0; width:100%; }
	.navbar-collapse { position:relative; }
	.navbar .nav>li { background:none; float:left; width:100%; border-bottom:1px solid #333; }
	.navbar-inverse .brand, .navbar-inverse .nav>li>a { width:100%; padding:10px 0px; float:left; }
	.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form { background:#ffffff; width:275px; top:50px; right:0px; position:absolute; }
	.saas-cnt .tab-boxes .box-body .last-btn { width:100%; }
	.saas-cnt .tab-boxes .tab-box .box-title { padding-top:16px; height:65px; }
	.saas-cnt .tab-boxes .tab-box3 .box-title, .saas-cnt .tab-boxes .tab-box4 .box-title { padding-top:8px; height:80px; }
	.schedule-form .sch-form dt .textbox { width:100%; height:45px; }
	.schedule-form .sch-form .form-right dd { width:100%; }
	.schedule-form .sch-form .form-right dd textarea { width:100%; }
	.section { padding:50px 0px; }
	.featured-cnt .sec .sec-left { width:100%; }
	.featured-cnt .sec .sec-right { float:left; width:100%; margin-top:10px; text-align:center; }
	.featured-cnt .sec { margin-bottom:20px; }
	.client-testim .blockquote { margin-top:10px; }
	.saas-cnt .tab-boxes { margin-top:0px; }
}