<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 (max-width: 7000px){
	.page-wrapper{
		overflow:hidden;	
	}
}



@media only screen and (max-width: 1599px){


}



@media only screen and (max-width: 1499px){

	.main-header .auto-container,
	.banner-section .auto-container,
	.banner-section .owl-theme .owl-nav,
	.about-section .auto-container,
	.services-section .auto-container,
	.dev-section .auto-container,
	.callback-section .auto-container{
		padding-left: 20px;
		padding-right: 20px;
	}


	.dev-section .text-col .inner{
		padding-right: 0;
	}

	.projects-section .carousel-outer{
		margin-right: 0;
	}

	.projects-section .owl-nav{
		right: 0;
	}

	.before-footer .carousel-outer{
		padding-left: 70px;
		padding-right: 70px;
	}

	.banner-box .inner-box{
		padding-left: 40px;
		padding-right: 40px;
	}

	.about-alt .experience{
		left: -50px;
	}

}



@media only screen and (max-width: 1339px){

	



	.about-section .text-col .inner{

		padding-right: 0;

	}



	.main-menu .navigation &gt; li{

		margin-right: 10px;

	}



	.main-menu .navigation &gt; li &gt; a{

		padding-left: 20px;

		padding-right: 20px;

	}



	.about-section .text-col ul{

		margin-left: 20px;

	}



	.services-section .service-block .title,

	.services-section .service-block .hvr-content h3{

		font-size: 24px;

	}



	.main-footer .upper-section .links li{

		margin-right: 30px;

	}

	.banner-section .slide-item .image-layer{
		left: auto;
		right: -70px;
	}

	.about-alt .content-column .inner-column{
		padding-left: 0;
	}

	.about-alt .experience{
		left: 15px;
	}

	.pricing-block-alt .title{
		font-size: 22px;
	}

	.pricing-block-alt .price{
		font-size: 36px;
	}


}



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



	

	.contact-section .info-column h2 {
		font-size: 32px;
	}

	.banner-section .slide-item h2{

		font-size: 32px;

	}



	h1{

		font-size: 40px;

	}



	h2{

		font-size: 32px;

	}



	h3{

		font-size: 24px;

	}



	.main-menu .navigation &gt; li{

		

	}



	.main-menu .navigation &gt; li &gt; a{

		padding-left: 15px;

		padding-right: 15px;

	}



	.banner-section .dark-circle{

		margin-left: -270px;

	}



	.banner-section .slide-item .inner{

		max-width: 540px;

	}



	.banner-section .slide-item .banner-icon{

		left: 150px;

	}



	.about-section .text-col .inner{

		padding-top: 0;

	}



	.banner-section .slide-item .banner-icon{

		max-width: 300px;

		bottom: 100px;

	}



	.banner-section .slide-item h2{

		font-size: 36px;

	}


	.banner-section .slide-item h4{

		font-size: 22px;

	}

	.banner-section .slide-item .text{

		font-size: 20px;

		max-width: 470px;

	}



	.tools-tech .tech-container .logo-block {

	    -ms-flex: 0 0 25%;

	    flex: 0 0 25%;

	    max-width: 25%;

	}



	.about-section .text-col .text{

		font-size: 18px;

	}



	.main-footer .upper-section .links li{

		margin-right: 20px;

	}



	.dev-section .text-col .big-text{

		font-size: 22px;

	}

	.contact-section:before {
		display: none;
	}

	.contact-section .info-column {
		text-align: center;
	}

	.contact-section .info-column h2 {
		margin-bottom: 50px;
	}

	.contact-section .info li {
		display: inline-block;
		margin: 0px 25px 30px;
		padding-left: 50px;
		font-size: 18px;
	}

	.contact-section .form-column .inner {
		padding-left: 0;
	}

	.before-footer .outer-box {
	    flex-wrap: wrap;
        display: flex;
	}

	.before-footer .banner-box {
	    position: relative;
	    max-width: 50%;
	    -ms-flex: 0 0 50%;
	    flex: 0 0 50%;
	    order: 1;
	}

	.before-footer .fact-counter-two {
	    position: relative;
	    max-width: 50%;
	    -ms-flex: 0 0 50%;
	    flex: 0 0 50%;
	    order: 2;
	}

	.before-footer .carousel-outer {
	    position: relative;
	    max-width: 100%;
	    -ms-flex: 0 0 100%;
	    flex: 0 0 100%;
	    order: 3;
	}


}



@media only screen and (min-width: 768px){

	.main-menu .navigation &gt; li &gt; ul,

	.main-menu .navigation &gt; li &gt; ul &gt; li &gt; ul,

	.main-menu .navigation &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul{

		display:block !important;

		visibility:hidden;

		opacity:0;

	}

}



@media only screen and (max-width: 991px){

	.main-footer .upper-section .inner-container{

		padding-left: 0;

	}



	.main-footer .upper-section .footer-logo{

		position: relative;

		top: 0;

		margin-bottom: 40px;

	}



	.main-header .header-upper{

		background: #ffffff;

	}



	.main-header .top-info ul li a {

	    color: #131329;

	}



	.main-menu{

		display: none;

	}



	.main-header .nav-toggler{

		display: block;

	}



	.main-header .top-info{

		float: left;

	}



	.main-header .nav-outer{

		float: left;

		padding-top: 0;

	}



	.main-header .main-box .logo-box{

		padding: 15px 0px;

	}



	.main-header .main-box .logo-box .logo img{

		height: 60px;

	}

	.main-header .main-box .logo-box .logo img.color{
		opacity: 1;
		visibility: visible;
	}



	.main-header .upper-right{

		padding-top: 35px;

	}



	.main-header .top-info ul li{

		margin-left: 30px;

	}



	.banner-section .dark-circle{

		left: 0;

		top: 0;

		margin: 0 0;

		width: 100%;

		height: 100%;

		border-radius: 0;

		opacity: 1;

		transform: translate(0);

	}



	.banner-section .slide-item .content-box{

		height: auto;

		padding: 400px 0 120px;

		vertical-align: middle;

		display: block;

	}

	.banner-section .slide-item .image-layer{
		right: 0;
		background-position: left top;
		background-size: 85% auto;
	}



	.banner-section .slide-item .content-box .content{

		vertical-align: middle;

		display: block;

		width: 100%;

	}



	.banner-section .slide-item .inner{

		max-width: none;

		margin: 0 auto;

		width: 100%;

	}



	.banner-section .slide-item .banner-icon{

		position: relative;

		left: 0;

		top: 0;

		bottom: 0;

		width: 100%;

		max-width: 200px;

		margin: 0 auto 30px;

	}



	.banner-section .owl-theme .owl-nav{

		text-align: center;

		top: -70px;

		width: 100%;

	}



	.banner-section .owl-theme .owl-nav .owl-next,

	.banner-section .owl-theme .owl-nav .owl-prev{

		transform: scale(0.75);

		margin: 0 10px;

	}

	.banner-section .slide-item h4{
		font-size: 20px;
	}

	.banner-section .slide-item .text{
		max-width: none;
	}

	.callback-section .form-outer{
		padding-left: 0;
	}

	.callback-section h4{
		position: relative;
		top: 0;
		margin-bottom: 20px;
	}

	.about-section{

		padding-top: 70px;

		padding-bottom: 30px;

	}



	.about-section .text-col ul{

		margin-left: 30px;

	}



	.about-section .image-col .image{

		text-align: left;

	}



	.services-section{

		padding-top: 0;

		padding-bottom: 60px;

	}



	.portfolio-section{

		padding-top: 60px;

		padding-bottom: 30px;

	}



	.mixitup-gallery .filters li{

		margin: 0 4px 10px;

	}



	.portfolio-section .title-box{

		margin-bottom: 50px;

	}



	.portfolio-section .portfolio-block{

		margin-bottom: 40px;

	}



	.tools-tech .title-box .text{

		font-size: 18px;

	}



	.tools-tech .tech-container .logo-block {

	    -ms-flex: 0 0 33.333%;

	    flex: 0 0 33.333%;

	    max-width: 33.333%;

	}



	.dev-section{

		padding-top: 70px;

	}



	.dev-section .image-col .image{

		margin-top: 0;

	}



	.enquire-section .link-col .inner{

		text-align: left;

	}



	h1{

		font-size: 36px;

	}



	h2{

		font-size: 30px;

	}



	.main-footer .upper-section{

		padding-top: 50px;

	}



	.enquire-section .link-col .inner{

		padding-top: 0;

	}



	.dev-section .text-col .big-text{

		font-size: 20px;

	}



	.dev-section .image-col .image img{

		max-width: 100%;

	}

	.contact-section .info-column h2 {
		font-size: 30px;
	}

	.contact-section .info li {
		margin: 0px 10px 20px;
	}

	.contact-section .info-column .inner {
		padding-top: 0;
	}

	.contact-section {
		padding-bottom: 20px;
	}

	.pricing-section{
		padding-top: 60px;
	}

	.pricing-block .pricing .amount{
		font-size: 48px;
	}

	.pricing-block .pricing .sign{
		font-size: 20px;
	}

	.pricing-block .pricing .period{
		font-size: 18px;
	}

	.portfolio-section .portfolio-block .title{
		font-size: 24px;
	}

	.portfolio-section .portfolio-block .lower-box{
		padding-top: 25px;
	}

	.about-alt .content-column{
		order: 0;
	}

	.about-alt .image-column{
		order: 12;
	}

	.about-alt{
		padding: 80px 0 0;
	}

	.projects-section{
		padding: 80px 0;
	}

	.pricing-alt{
		padding: 80px 0 50px;
	}

	.before-footer .banner-box {
	    position: relative;
	    max-width: 100%;
	    -ms-flex: 0 0 100%;
	    flex: 0 0 100%;
	    order: 1;
	}

	.before-footer .fact-counter-two {
	    position: relative;
	    max-width: 100%;
	    -ms-flex: 0 0 100%;
	    flex: 0 0 100%;
	    order: 2;
	}

	.banner-box h3 br{
		display: none;
	}

}



@media only screen and (max-width: 767px){



	.main-header .header-upper{

		

	}



	.main-footer{

		text-align: center;

	}



	.main-footer .upper-section .links li{

		margin: 0 7px 10px;

	}



	.main-footer .info{

		width: 100%;

	}



	.main-footer .info ul li{

		display: inline-block;

		float: none;

		margin: 0 10px 10px;

	}



	.main-footer .upper-section .social-links{

		width: 100%;

		top: 0;

		padding: 20px 0 20px;

	}



	.main-header .top-info ul li .icon{

		margin-right: 0;

	}



	.main-header .top-info ul li a .txt{

		display: none;

	}



	h1{

		font-size: 32px;

	}



	h2{

		font-size: 26px;

	}



	.tools-tech .tech-container .logo-block {

	    -ms-flex: 0 0 50%;

	    flex: 0 0 50%;

	    max-width: 50%;

	}



	.hidden-bar .info{

		right: 20px;

	}

	.contact-section .info-column h2 {
		font-size: 24px;
	}

	.contact-section .info-column h2 br{
		display: none;
	}

	.contact-section .info li {
		padding-left: 0;
		display: block;
		margin: 0 0 30px;
	}

	.contact-section .info li .icon {
		position: relative;
		display: block;
		width: 50px;
		height: 54px;
		line-height: 54px;
		margin: 0 auto 20px;
	}

	.contact-section .form-group {
		padding-left: 0;
	}

	.contact-section .form-group .field-label {
		position: relative;
		display: block;
		width: 100%;
		padding-bottom: 3px;
	}

	.contact-section .form-group .field-box {
		position: relative;
		display: block;
		width: 100%;
	}

	.contact-section .form-group .empty-span {
		display: none;
	}

	.banner-section .slide-item .image-layer{
		opacity: 0;
		background-size: 100% auto;
	}

	.banner-section .slide-item .image-layer.mobile-version{
		opacity: 1;
		background-position: center top;
		background-size: cover 100%;
	}

	.banner-section .slide-item .content-box{
		padding-top: 250px;
	}

	.banner-section .slide-item h4{
		font-size: 18px;
	}

	.banner-section .slide-item h2{
		font-size: 32px;
	}

	.banner-section .slide-item .text{
		font-size: 18px;
	}

	.callback-section{
		padding-top: 20px;
	}

	.callback-section h4{
		width: 100%;
	}

	.callback-section form{
		padding-right: 0;
	}

	.callback-section form .btn-style-two{
		position: relative;
		top: 0;
		width: 100%;
		margin-bottom: 16px;
	}

	.counter-block-two .inner:before{
		display: none;
	}

	.projects-section .owl-nav{
		top: -100px;
	}

	.service-block-alt{
		margin-bottom: 40px;
	}

	.before-footer{
		border-bottom: 1px solid rgba(0, 0, 0, 0.20);
	}

}



@media only screen and (max-width: 599px){
	.banner-section .slide-item .image-layer.mobile-version{
		background-size: cover;
	}

	.about-section .text-col .text{

		font-size: 16px;

	}



	.about-section .text-col ul{

		margin-left: 20px;

	}



	.mixitup-gallery .filters li{

		display: block;

		margin: 0 0 10px;

	}



	h1{

		font-size: 30px;

	}



	h2{

		font-size: 24px;

	}



	h3{

		font-size: 20px;

	}



	.about-section .text-col h2 br{

		display: none;

	}



	.dev-section .text-col .big-text{

		font-size: 18px;

	}



	.hidden-bar .info{

		position: relative;

		width: 100%;

		top: 0;

		right: 0;

		font-size: 16px;

		padding: 30px 10px 50px;

	}



	.hidden-bar .side-menu{

		position: relative;

		width: 100%;

		max-width: none;

		top: 0;

		right: 0;

		left: 0;

		padding: 20px 10px 0;

	}



	.hidden-bar .side-menu ul li{

		margin-bottom: 0;

	}



	.hidden-bar .logo{

		padding-left: 0;

		padding-right: 0;

	}



	.hidden-bar .side-menu ul li a{

		font-size: 18px;

	}



	.hidden-bar .side-menu ul li ul li a{

		font-size: 17px;

	}



	.hidden-bar .hidden-bar-closer{

		right: 10px;

	}

	.banner-section .slide-item .content-box{
		padding-top: 250px;
		padding-bottom: 50px;
	}

	.banner-section .slide-item h2{
		font-size: 28px;
	}

	.banner-section .owl-theme .owl-nav{
		display: none;
	}

	.before-footer .carousel-outer{
		padding: 70px 40px;
	}

	.testimonial-block .text{
		font-size: 20px;
	}

	.testimonial-block .name{
		font-size: 16px;
	}

	.about-alt .content-column .btn-box{
		display: block;
	}

	.about-alt .content-column .btn-box .btn-style-two{
		display: block;
	}

	.about-alt .content-column .info-btn{
		display: block;
		margin-bottom: 30px;
	}

	.about-alt .image-column .inner-column:before{
		display: none;
	}

	.about-alt .experience{
		bottom: 10px;
	}

	.services-section-alt{
		padding-top: 80px;
	}

}



@media only screen and (max-width: 479px) {

	.banner-section .slide-item .image-layer.mobile-version{
		background-size: cover;
	}

	.about-section .text-col ul{

		margin-left: 0;

	}

	.about-alt .experience{
		bottom: -30px;
	}



	.main-header .top-info ul li{

		margin-left: 15px;

	}

	.services-section-alt{
		padding-top: 130px;
	}



	.main-header .main-box .logo-box{

		padding: 20px 0px;

	}



	.main-header .main-box .logo-box .logo img{

		height: 50px;

	}



	.tools-tech .tech-container .logo-block {

	    -ms-flex: 0 0 100%;

	    flex: 0 0 100%;

	    max-width: 100%;

	}



	.portfolio-section .portfolio-block{

		text-align: center;

	}



	.portfolio-section .portfolio-block .links .theme-btn,

	.dev-section .text-col .links-box .theme-btn{

		display: block;

		margin: 0 0 10px;

	}

	.pricing-block .link-box .btn-style-one span,
	.pricing-block .features li{
		font-size: 15px;
	}

	.pricing-block .link-box{
		padding: 0 20px;
	}

	.pricing-block .inner-box{
		padding: 30px 30px 150px;
	}

	.pricing-block .pricing .amount{
		font-size: 48px;
	}

	.pricing-section .lower-text{
		font-size: 16px;
	}

	.banner-section .slide-item .content-box{
		padding-top: 250px;
	}

	.banner-section .slide-item h2{
		font-size: 22px;
	}

	.banner-section .slide-item .text{
		font-size: 15px;
	}

	.before-footer .carousel-outer{
		padding-left: 20px;
		padding-right: 20px;
	}

	.testimonial-block .text{
		font-size: 18px;
	}

	.pricing-block-alt .theme-btn{
		padding: 12px 20px;
	}

	.pricing-block-alt .link-box,
	.pricing-block-alt .inner-box{
		padding-left: 25px;
		padding-right: 25px;
	}

	.pricing-block-alt .title{
		font-size: 20px;
	}

}</pre></body></html>