<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@media only screen and (min-width: 1441px){
.parallax{
	background-size:cover !important;		
}
}

#MainSlider ul li div.image.pulled img{
	position:relative;
	bottom:-120px;	
}

#MainSlider ul li div.image.extra-pulled img{
	position:relative;
	bottom:-290px;	
}

@media only screen and (min-width: 1024px) and (max-width: 1199px) {

.main-navigation .navbar-collapse &gt; ul &gt; li a{
	padding:25px 22px;
}
.main-slider h1{
	font-size:60px;
	top:-50px;	
}
.main-slider .image img{
	bottom:-60px;	
}
.main-slider h2{
	top:-20px;
}
.ipad-box{
	max-width:520px;	
}
.ipad-box .cir-tip{
	width:180px;
	height:180px;	
}
.ipad-box .cir-tip h3{
	padding-top:65px !important;
	padding-left:20px;
	font-size:20px;	
}
.ipad-box .cir-tip h3 strong{
	font-size:30px;	
}
.tab-buttons .btn{
	font-size:18px;	
}
.team .auto-box{
	padding:0px;
	margin:0px 30px;		
}
.team-member .member-image img{
	max-width:105%;	
}
.team-member .short-text h2{
	font-size:45px;	
}
.team-member .short-text h4{
	font-size:24px;	
}

.blog-sec .blog-post{
	float:none !important;
	width:auto;
	max-width:580px;
	margin:0 auto 60px;	
}
}


@media only screen and (min-width: 768px) and (max-width: 1023px) {
.banner-content h2{
	font-size:40px;
	line-height:50px;
}
.banner-content h3{
	font-size:24px;
	line-height:30px;
}
.main-navigation .logo{
	position:relative;
	float:none;
	text-align:center;
	width:100% !important;
}
.main-navigation  .menu{
	position:relative;
	text-align:center;
	float:none;
	width:100% !important;
}
.main-navigation .navbar-collapse &gt; ul{
	position:relative;
	text-align:center;
	float:none;
	width:100% !important;
}
.main-navigation .navbar-collapse &gt; ul &gt; li{
	display:inline-block;
	float:none !important;
}
.main-navigation .navbar-collapse &gt; ul &gt; li &gt; a{
	padding:25px 13px;
}
.main-slider h1{
	font-size:50px;		
}
.main-slider h2{
	top:40px;
}
.main-slider .image img{
	bottom:-60px;	
}

.home{
	margin-top:160px;
}

.ipad-box{
	max-width:520px;	
}

.ipad-box .cir-tip{
	width:180px;
	height:180px;	
}
.ipad-box .cir-tip h3{
	padding-top:60px !important;
	padding-left:20px;
	font-size:20px;	
}
.ipad-box .cir-tip h3 strong{
	font-size:30px;	
}
.ipad-box .cir-tip.left-one,.ipad-box .cir-tip.left-two,.ipad-box .cir-tip.left-three{
	left:-100px;	
}
.ipad-box .cir-tip.right-one,.ipad-box .cir-tip.right-two{
	right:-100px;	
}
.main-area .ui-elements{ padding-left:20px;}
.tab-buttons .btn{
	font-size:20px !important;
	float:none;
	width:100%;
	margin:0px 0px 10px !important;
}
.team{
	padding-top:130px;	
}
.team-member .member-image{
	position:relative;
	left:0px;
	top:0px;
	margin-top:-120px;
	margin-bottom:20px;
}
.team-member .member-image img{
	position:relative;
	max-width:70%;	
}
.team-member .short-text h2{
	font-size:45px;	
}
.team-member .short-text h4{
	font-size:24px;	
}
.team-member{
	padding:30px 20px;
	margin-bottom:130px;
}
.filter-list li.mix{
	width:50%;
}

.milestones article{
	margin-bottom:60px;	
}
.milestones article:nth-child(4){
	margin-bottom:0px;	
}

.pricing-block{
	width:50%;
	margin-bottom:30px;
}

.blog-sec .blog-post{
	float:none !important;
	width:auto;
	max-width:580px;
	margin:0 auto 60px;	
}

}



@media only screen and (max-width: 767px) {
.main-slider h1{
	font-size:36px;
	top:20px;
}
.main-slider h2{
	font-size:20px;
	top:50px;
}
.main-slider .image img{
	bottom:-30px;
}

.banner-content h2{
	font-size:30px;
	line-height:40px;
}
.banner-content h3{
	font-size:20px;
	line-height:24px;
}

.main-navigation  .menu{
	position:relative;
	text-align:center;
	float:none;
	width:100% !important;
	margin:0px !important;
	padding:0px !important;
}

.navbar-toggle{
	margin:0px;
	top:24px;
	border-color:#ffffff;	
}
.navbar-default .navbar-toggle .icon-bar{
	background:#ffffff;	
}
.navbar-default .navbar-toggle:hover .icon-bar,.navbar-default .navbar-toggle:focus .icon-bar{
	background:#212b48;	
}
.main-navigation .navbar-collapse ul{
	border:none;
	float:none;
	width:100%;
	padding:0px;
	height:auto;
	margin:0px 0px 15px !important;
	display:block;
	
}
.main-navigation .navbar-collapse &gt; ul li{
	border:none;
	float:none;
	padding:0px;
	width:100%;
	height:auto;
	display:block;
	text-align:center;
}
.main-navigation .navbar-collapse &gt; ul &gt; li &gt; a .eff-one,.main-navigation .navbar-collapse &gt; ul &gt; li &gt; a .eff-two,.main-navigation .navbar-collapse &gt; ul &gt; li &gt; a .eff-three,.main-navigation .navbar-collapse &gt; ul &gt; li &gt; a .eff-four{ display:none;}
.navbar-collapse{
	overflow:visible;
	width:100%;
	float:none;
	margin:0px;
	padding:0px;	
}
.main-navigation .navbar-collapse &gt; ul &gt; li a{
	display:block;
	width:100%;
	padding:7px 10px;
	border:1px solid #ffffff;
	border-top:none;
	text-align:center !important; 
}
.main-navigation .navbar-collapse &gt; ul &gt; li.current &gt; a,.main-navigation .navbar-collapse &gt; ul &gt; li:hover &gt; a{
	background:#1779bb !important;
	color:#fff !important;
}

.main-article{
	text-align:center;	
}
.main-article .col-lg-6 .text-box{
	padding:40px 20px;
	text-align:center;
}
.main-article .col-lg-6.even{
	position:relative;	
	min-height:250px;
	margin:0px;
}
.main-article .col-lg-6 .scroll-box{
	width:100%;	
}

.app-showcase{
	padding:50px 0px;	
}
.ipad-box{
	max-width:520px;
	top:0px;	
}

.ipad-box .cir-tip{
	width:180px;
	height:180px;	
}
.ipad-box .cir-tip h3{
	padding-top:70px !important;
	padding-left:0px !important;
	font-size:16px;
	text-align:center;
}
.ipad-box .cir-tip h3 strong{
	font-size:20px;
	display:block;
}
.ipad-box .cir-tip.left-one,.ipad-box .cir-tip.left-two,.ipad-box .cir-tip.left-three{
	left:0px;	
}
.ipad-box .cir-tip.right-one,.ipad-box .cir-tip.right-two{
	right:0px;	
}
.ipad-box .cir-tip:after{
	display:none !important;
}
.main-area .ui-elements{
	padding-left:15px;
}
.main-area .col-lg-6.even{
	position:relative;
	height:250px;
	margin-bottom:20px;	
}

.main-area .parallax,.main-area .col-lg-6 .scroll-box{
	width:100%;
	height:250px;
}
.main-area{
	padding:50px 0px 40px;	
}
.service{
	max-width:500px;
	margin:0 auto 20px;
	float:none;
	padding:20px 5%;
}
.newsletter h2,.newsletter h2 span{
	font-size:36px;	
}
.team{
	padding-top:100px;	
}
.team-member .member-image{
	position:relative;
	left:0px;
	top:0px;
	margin-top:-120px;
	margin-bottom:20px;
}
.team-member .member-image img{
	position:relative;
	max-width:70%;	
}
.team-member .short-text h2{
	font-size:30px;	
}
.team-member .short-text h4{
	font-size:16px;	
}
.team-member{
	padding:30px 20px;
	text-align:center;
	margin-bottom:100px;
}
.filter-list li.mix .overlay .text{
	display:none;
}
.filter-list li.mix{
	width:50%;
}
.milestones article{
	margin-bottom:60px;	
}
.milestones article:nth-child(4){
	margin-bottom:0px;	
}

.pricing-block{
	width:100%;
	margin-bottom:30px;
}

.blog-sec .blog-post{
	float:none !important;
	width:auto;
	max-width:580px;
	margin:0 auto 60px;	
}

.contactus{
	padding:30px 0px;	
}
.form-area input,.form-area textarea{
	margin:0px;	
}
}

@media only screen and (max-width: 599px) {
.main-slider h1{
	font-size:22px;
	top:10px;
}
.main-slider h2{
	top:40px;
	font-size:16px;
}
.main-slider .image img{
	bottom:-20px;
}
.tp-bullets{
	display:none;	
}
.banner-content{
	padding:0px 15px;	
}

.banner-content h2{
	font-size:28px;
	line-height:30px;
}
.banner-content h3{
	font-size:16px;
	line-height:24px;
}
.main-article .col-lg-6 .text-box{
	padding:30px 0px;
	text-align:center;
	font-size:15px;
}
.main-article .col-lg-6 .text-box h2{
	font-size:40px;	
}
.ipad-box .cir-tip{
	display:none !important;
}
.tab-buttons .btn{
	font-size:20px !important;
	float:none;
	width:100%;
	margin:0px 0px 10px !important;
}
.tabs-box .tab{
	padding:20px 0px;	
}
.accordion .accord-content{
	padding:20px 0px;	
}
.filter-list li.mix{
	width:50%;
}
.filter-list li.mix .overlay .text{
	display:none;
}

.filter-list li.mix:hover .overlay .zoom{
	bottom:30%;
}
ul.filter-tabs li{
	display:inline-block;
	margin:5px 3%;
	padding:5px 2%;
	font-size:14px;
	width:38%;
}

.blog-area{
	padding:40px 0px !important;	
}
.blog-post{
	margin:0px 15px 40px !important;
	padding:0px;	
}
.blog-post .inner .post-image{
	position:relative;
	float:none;
	width:100%;
	padding-left:20px;
}

.blog-post .inner .post-data{
	position:relative;
	float:none;
	width:100%;
	padding:60px 0px 0px 20px;	
}
.blog-post .date{
	left:20px;
	top:10px;	
}
.blog-post .post-data .description{
	margin-bottom:20px;	
}
.blog-post .post-info{
	position:relative;
	width:100%;
	left:0px;
	bottom:0px;
	padding:10px 0px 0px;
}
.blog-area a.more-posts{
	margin:0px 15px;	
}


.form-area button{
	min-width:280px;	
}

.contactus .map-area{
	height:320px;
}

.footer .social-links{
	text-align:center;
	margin:50px 0px;	
}
.footer .social-links li{
	display:inline-block;
	float:none;
	margin:0px -3px 5px;
}

}



@media only screen and (min-width: 320px) and (max-width: 479px) {
	.main-slider h1{
	font-size:16px;
	top:0px !important;
	/*top:-100px !important;*/	
}
.main-slider{ height:360px !important;}
.main-slider h2{
	position:relative;
	font-size:12px;
	top:30px !important;
}
}

@media only screen and (min-width: 390px) and (max-width: 440px){
	.main-slider h1{
		position:relative;
	font-size:22px;
	top:50px !important;
}
.main-slider{ height:320px !important;}
.main-slider h2{
	position:relative;
	font-size:12px;
	top:100px !important;
}
.tp-caption img{
	position:relative;
	bottom:auto !important;
	top:100px !important;
}
}


@media only screen and (min-width: 370px) and (max-width: 380px){
	.main-slider h1{
		position:relative;
	font-size:22px;
	top:50px !important;
}
.main-slider{ height:320px !important;}
.main-slider h2{
	position:relative;
	font-size:12px;
	top:100px !important;
}
.tp-caption img{
	position:relative;
	bottom:auto !important;
	top:100px !important;
}
}


@media only screen and (min-width: 768px) and (max-width: 800px){
.main-slider .image img{
	bottom:0px !important;	
}
}
</pre></body></html>