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

	.why-block .img-block {
		width: 410px;
	}
	
	.why-block .img-block-2 {
		left: 147px;
		width: 336px;
	}

}

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

	.main-nav a {
		font-size: 15px;
	}
	
	.service-item h3, .item-content h3 {
		font-size: 18px;
	}
	
	.why-block .img-block {
        width: 354px;
    }
	
	.why-block .img-block-2 {
        left: 89px;
        width: 315px;
		top: 226px;
    }
	
	.btn-why,.btn-why:last-child {
		width: 100%;
	}
	.btn-why {
		margin: 60px 0 0 0;
	}


}



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

	.hero-banner .content-list .content-item h4 {

		font-size: 18px;
	}

	.features-content .number-content {
		left: 41px;
	}

	.contact-form .contact-info ul li a {

		font-size: 10px;
	}

	.main-nav a {

		font-size: 14px;
	}
	.main-nav li:last-child a{
		font-size: 14px;
	}
	.main-nav li {

		margin-left: 24px;
	}
	
	.hero-banner .btn-banner {
		margin: 40px 0;
	}
	
/* 	.hero-banner a,
	.btn-why a{
		display: block;
	} */
	
	.service-item h3, .item-content h3 {
		font-size: 18px;
	}
	
	.service-item p, .item-content p {
		font-size: 14px;
	}
	
	.why-content .icon-content {
		width: 30%;
	}
	
	.why-content .con-info {
		width: 70%;
	}
	
	.btn-why {
		margin: 60px 0 0 60px;
	}
	
	.btn-why a:last-child {
		margin:12px 0 0 0;
	}
	.hero-banner a:last-child{
		margin:12px 0 0 12px;
	}
	
	.team-block .content-block h4 {
		font-size: 17px;
	}
	
	.why-block .img-block {
		width: 330px;
	}
	
	.why-block .img-block-2 {
		top: 195px;
		left: 112px;
		width: 295px;
	}
	
	.btn-why a,
	.btn-why a:last-child{
		width: 100%;
	}
	
	.blog-block {
		margin: 80px;
		border-top-left-radius: 330px;
		border-bottom-right-radius: 330px;
		padding: 40px;
	}

}



@media only screen and (min-width: 320px) and (max-width: 992px) {



}



@media (max-width:812px) { 



}



@media only screen and (min-width: 320px) and (max-width: 992px) {

	  .btn-menu {

		display: block;
		font-size: 36px;
	}
	
	.main-nav {
		display: none;
	}

	.main-nav {
		position: fixed;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		z-index: 9999;
		background: #434343;
	}

	.main-nav .nav-wrapper {
		position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
	}

	.main-nav ul {
		text-align: center;
	}

	.main-nav ul li {
		display: block;
		margin: 28px 0;
	}

	.main-nav ul li a {
		color: #fff !important;
	}
	
	.main-nav li:last-child {

		margin-top: 12px;
	}

	.main-nav .sub-menu li a:hover {
		color: #fff !important;
	}

	.nav-close {
		display: block;
		position: absolute;
		top: 0;
		right: 0;
		width: 48px;
		height: 48px;
		line-height: 48px;
		color: #2a2a2a;
		background: #fff;
		font-size: 24px;
		text-align: center;
		transition: all .3s ease-in-out;
	}

	.nav-close:hover,
	.nav-close:focus {
		background: #fff;
		color: #232323;
	}
	
	.hero-banner h1 {
		font-size: 50px;
		margin-bottom: 0;
	}

	.hero-banner:before {

		display: none;
	}
	
	.hero-banner .btn-banner {
		display: none;
	}
	.mobile-btn,
	.mobile-btn .btn-banner,
	.mobile-btn a{
		display:block;
	}
	
	.hero-banner a:last-child {
		margin-left: 0;
		margin-top: 24px;
	}
	
	.mobile-btn {
		width: 60%;
		margin: 40px auto;
	}

	.main-nav {
		display: none;
	}
	
	.service-item .img-block img, .business-content .img-block img {
		width: 100%;
	}
	
	.why-block .img-block, .why-block .img-block-2 {
		width: 100%;
		position: relative;
	}
	
	.why-block .img-block-2 {
		top: 0;
		left: 0;
		 margin: 24px 0 60px 0;
	}
	
	.content-team .nav-tabs {
		display:block;
		columns: 2;
	}
	
	.content-team .nav-tabs .nav-link {
		margin-right: 0;
		margin-bottom:12px;
	}
	
	.team-content .tab-content .img-block img {
		width:100%;
	}
	
	.grid-item {
		width: 50%;
	}
	
	.container-business {
		max-width: 840px;
	}
	
	footer h3 {
    	margin: 28px 0 24px;
	}
	
	
}



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

	html {
		overflow-x: hidden;
	}
	
	.divider {
		margin: 12px auto 0 auto;
	}
	
	.hero-banner h1 {
		font-size: 50px;
		margin-bottom: 0;
	}

	.hero-banner:before {

		display: none;
	}
	
	.hero-banner .btn-banner {
		display: none;
	}
	.mobile-btn,
	.mobile-btn .btn-banner,
	.mobile-btn a{
		display:block;
	}
	
	.hero-banner a:last-child {
		margin-left: 0;
		margin-top: 24px;
	}
	
	.mobile-btn {
		width: 60%;
		margin: 40px auto;
	}

	.main-nav {
		display: none;
	}
	
	header {
		
		padding: 32px 0 24px;
	}

	header h4 {

		font-size: 26px;
	}

	header img {

		right: -19px;
	}
	
	.hero-banner {
		text-align: center;
	}

	.hero-banner .content-list {

		justify-content: center;
	}

	.hero-banner .side-img {

		top: 0;
		right: 0;
		text-align: center;
		margin-top: 60px;
	}

	.info-block .content-block {
		margin-top: 32px;
	}

	.why-block .title-block {
		margin:40px 0 0 0;	
	}
	
	.why-content .icon-content {
		width: 20%;
	}
	
	.why-content .con-info {
		width: 80%;
	}
	
	.btn-why {
		text-align:center;
	}
	
	.testimonial-block .testimonial-list .content-block {
		margin-bottom:60px;
	}
	
	.team-block .content-block {
		margin-bottom:24px;
	}
	
	.why-block .img-block,
	.why-block .img-block-2{
		position: relative;
		width: 100%;
		top: 0;
		left:0;
	}
	
	.why-block .img-block-2 {
		margin-top:24px;
	}
	
	.blog-block {
		margin: 40px;
		padding: 40px;
	}
	
	footer {
		text-align:center;
	}
	
	footer h3 {
		margin:40px 0 24px 0;
	}
	
	footer .footer-menu {
		columns: 1;
	}
	
	footer .social-media {
		justify-content:center;
	}
	
	footer .copyright {
		text-align: center;
	}
	
	/* .show-nav {
		display: block;
	} */

	.btn-menu {

		display: block;
		font-size: 36px;
	}

	.main-nav {
		position: fixed;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		z-index: 9999;
		background: #434343;
	}

	.main-nav .nav-wrapper {
		position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
	}

	.main-nav ul {
		text-align: center;
	}

	.main-nav ul li {
		display: block;
		margin: 28px 0;
	}

	.main-nav ul li a {
		color: #fff !important;
	}


	/* .main-nav .sub-menu {
		position: relative;
		width: 100%;
		left: 0;
	} */

/* 	.main-nav .sub-menu li a,
	.main-nav .sub-menu li:last-child a {
		width: 100%;
		color: #fff !important;
		background: transparent;
	}
	
	.main-nav .sub-menu {
		position: relative;
		z-index: 9;
	}
 */
	.main-nav li:last-child {

		margin-top: 12px;
	}

	.main-nav .sub-menu li a:hover,
	.main-nav .sub-menu li:last-child a {
		background:transparent;
	}
	
	.main-nav li .sub-menu {
		position:relative;
	}
	
	.main-nav .sub-menu li a,
	.main-nav .sub-menu li:last-child a{
		background: transparent;
		width: 100%;
		padding: 0;
		margin:12px 0;
	}
	
	.main-nav .sub-menu li a:hover {
		background: transparent;
		color: #e9501c;
	}

	.nav-close {
		display: block;
		position: absolute;
		top: 0;
		right: 0;
		width: 48px;
		height: 48px;
		line-height: 48px;
		color: #2a2a2a;
		background: #fff;
		font-size: 24px;
		text-align: center;
		transition: all .3s ease-in-out;
	}

	.nav-close:hover,
	.nav-close:focus {
		background: #fff;
		color: #232323;
	}

	.contact-info {

		margin-top: 40px;
	}
	
	.sub-content .item-content:nth-child(odd) .col-sm-6:nth-child(1) {
		order: 0;
	}
	
	.article-single-panel .article-content {
		padding: 32px;
	}
	
	.about-wrapper .tab-content {
		padding:40px 0;
	}
	
	.service-item .img-block img, .business-content .img-block img {
		width:100%;
	}
	
	.team-content .image {
		padding: 40px 0 0 0;
	}
	
	.grid-item {
		width: 50%;
	}
}

@media only screen and (max-width: 767px) {
	html {
		overflow-x: hidden;
	}
	
	.divider {
		margin: 12px auto 0 auto;
	}
	
	.hero-banner h1 {
		font-size: 40px;
		margin-bottom: 0;
		line-height: 48px;
	}

	.hero-banner:before {

		display: none;
	}
	
	.hero-banner .btn-banner {
		display: none;
	}
	.mobile-btn,
	.mobile-btn .btn-banner,
	.mobile-btn a{
		display:block;
	}
	
	.hero-banner a:last-child {
		margin-left: 0;
		margin-top: 24px;
	}
	
	.mobile-btn {
		width: 60%;
		margin: 40px auto;
	}

	.main-nav {
		display: none;
	}
	
	header {
		
		padding: 32px 0 24px;
	}

	header h4 {

		font-size: 26px;
	}

	header img {

		right: -19px;
	}
	
	.hero-banner {
		text-align: center;
	}

	.hero-banner .content-list {

		justify-content: center;
	}

	.hero-banner .side-img {

		top: 0;
		right: 0;
		text-align: center;
		margin-top: 60px;
	}

	.info-block .content-block {
		margin-top: 32px;
	}

	.why-block .title-block {
		margin:40px 0 0 0;	
	}
	
	.why-content .icon-content {
		width: 20%;
	}
	
	.why-content .con-info {
		width: 80%;
	}
	
	.btn-why {
		text-align:center;
	}
	
	.testimonial-block .testimonial-list .content-block {
		margin-bottom:60px;
	}
	
	.team-block .content-block {
		margin-bottom:24px;
	}
	
	.why-block .img-block,
	.why-block .img-block-2{
		position: relative;
		width: 100%;
		top: 0;
		left:0;
	}
	
	.why-block .img-block-2 {
		margin-top:24px;
	}
	
	.blog-block {
		margin: 40px 15px;
		padding: 40px 15px;
	}
	
	footer {
		text-align:center;
	}
	
	footer h3 {
		margin:40px 0 24px 0;
	}
	
	footer .footer-menu {
		columns: 1;
	}
	
	footer .social-media {
		justify-content:center;
	}
	
	footer .copyright {
		text-align: center;
	}
	
	/* .show-nav {
		display: block;
	} */

	.btn-menu {

		display: block;
		font-size: 36px;
	}

	.main-nav {
		position: fixed;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		z-index: 9999;
		background: #434343;
	}

	.main-nav .nav-wrapper {
		position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
	}

	.main-nav ul {
		text-align: center;
	}

	.main-nav ul li {
		display: block;
		margin: 28px 0;
	}

	.main-nav ul li a {
		color: #fff !important;
	}

	.main-nav li:last-child {

		margin-top: 12px;
	}

	.main-nav .sub-menu li a:hover {
		color: #fff !important;
	}

	.nav-close {
		display: block;
		position: absolute;
		top: 0;
		right: 0;
		width: 48px;
		height: 48px;
		line-height: 48px;
		color: #2a2a2a;
		background: #fff;
		font-size: 24px;
		text-align: center;
		transition: all .3s ease-in-out;
	}

	.nav-close:hover,
	.nav-close:focus {
		background: #fff;
		color: #232323;
	}

	.contact-info {

		margin-top: 40px;
	}
	
	.sub-content .item-content:nth-child(odd) .col-sm-6:nth-child(1) {
		order: 0;
	}
	
	.article-single-panel .article-content {
		padding: 32px;
	}
	
	.about-wrapper .tab-content {
		padding:40px 0;
	}
	
	.service-item .img-block img, .business-content .img-block img {
		width:100%;
	}
	
	
	.team-content .image {
		padding: 40px 0 0 0;
	}
	
	.grid-item {
		width: 50%;
	}
	
	.btn-service a {
		font-size: 13px;
	}
	
	.btn-service a i {
		display: none;
	}
	
	.why-block h2 {
		font-size: 25px;
	}
	
	.services-block .container {
		max-width: 1024px;
	}
	
	.why-block .container,
	.blog-block .container{
		max-width: 940px;
	}
	
	.service-item .content-block {
		padding: 20px;
		text-align: center;
	}
	
	.service-item h3 {
		font-size: 18px;
	}
	
	.btn-why a,
	.btn-why a:last-child {
		width:100%;
	}
	
	.btn-why a:last-child {
		margin-left: 0;
		margin-top:12px;
	}
}



@media only screen and (max-width: 580px) {
	
	.hero-banner .owl-theme .owl-dots {
		display:none;
	}

	.fixed-nav {

		padding: 24px 0;
	}

	header img {

		right: 12px;
	}

	header [class*=col-sm-] {
        width: 50%;
    }

	.hero-banner .content-list .content-item {

		margin: 0 auto 24px;
	}

	.hero-banner .content-list {

		display: block;
	}

	.hero-banner .side-img img {

		max-width: 100%;
	}
	
	.hero-banner h1 {
        font-size: 28px;
		line-height:43px;
    }
	
	.mobile-btn {
		width:100%;
		padding: 0 15px;
	}
	
	.hero-banner .title-block {
		margin-left: 0;
	}
	
	.btn-why a:last-child,
	.hero-banner a:last-child{
		margin:12px 0 0 0;
	}
	
	.hero-banner .btn-banner {
		margin: 40px 0;
	}
	
	.hero-banner a,
	.btn-why a{
		display: block;
	}
	
	.hero-banner a {
		font-size: 15px;
	}
	
	.btn-why a,
	.btn-why a:last-child{
		width:100%;
	}
	
	.why-block .img-block, .testimonial-block .img-block {
		margin: 0 auto;
	}
	
	.blog-content .content-block {
		margin : 24px 0 0 0;
	}
	
	 .blog-block {
        margin: 40px 15px;
        padding: 40px 15px;
		border-top-left-radius: 200px;
    	border-bottom-right-radius: 200px;
    }

	.founder-block .title-block,
	.founder-block .buttom-content,
	.blog-content .content-block,
	.btn-service,
	.faq-block .title-block,
	.download-block .content-block,
	.blog-btn,
	.info-block .content-block,
	.testimonial-block,
	.why-block,
	.team-block,
	.blog-block{
		text-align: center;
	}
	
	.why-block .why-content {
		display:block;
	}
	
	.why-content .icon-content {
		margin-bottom:24px;
	}
	
	.why-block .why-content {
		margin: 0 auto 48px;
	}
	
	.btn-web a,
	.blog-btn a,
	.btn-service a,
	.btn-service a,
	.btn-faq a,
	btn-explore a{
		display:block;
		width:100%;
	}
	
	.btn-service a:last-child,
	.blog-btn a:last-child,
	.btn-faq a:last-child{
		margin-top: 24px;
		margin-left:0;
	}

	.features-block {
		padding: 60px 0 0;
	}

	.progress-con {
		margin-bottom: 48px;
	}

	.about-content {

		margin-top: 60px;
		text-align: center;
	}

	.service-item {

		margin: 15px;
		text-align: center;
	}

	.service-item .img-block {

		margin: 24px 0;
	}
	
	.sub-banner h1 {
		font-size: 28px;
	}
	
	.sub-banner .divider {
		margin: 12px auto 0;
	}
	
	.team-content .nav-tabs {
		display:block;
		margin: 40px 0;
		columns: 1;
	}
	
	.team-content .nav-tabs .nav-link {
        font-size: 16px;
        margin-bottom: 12px;
		margin-right: 0;
    }

	.team-content .tab-content {
		padding:32px;
	}
	
	.team-content .tab-content h3 {
		font-size: 24px
	}
	
	.team-content .tab-content h5 {
		font-size: 16px;
	} 
		
	.content-team article {
		padding: 0 12px;
	}
		
	.about-wrapper .tab-content {
		padding: 40px;
	}
	
	.grid-item {
		width: 100%;
	}
	
	.sub-content .item-content {
		text-align: center;
	}
	
	.leader-content,
	.contact-details{
		padding: 60px 32px;
	}
	
	.contact-details {
		margin: 0 15px;
	}
	
	.career-form .sub-text p {
		width:100%;
	}
	
	.career-form {
		padding: 80px 32px;
	}
	
	.career-form .btn-career {
		text-align: center;
	}
	
	.contact-form h2 {

		width: 100%;
	}
	.contact-form {
		padding:32px;
	}
	
	.contact-panel .info-details {
		display:block;
	}
	
	.contact-panel .info-content {
		width: 100%;
	}
	
	footer h3 {
		margin: 24px 0;
	}
	
	footer .social-media {
		margin-bottom:12px;
	}
	
}




@media (max-width:375px) { 

	 header h4 {
        font-size: 22px;
    }
	
	header img {
		right:-16px
	}
	
	.hero-banner h1 {
        font-size: 24px;
        line-height: 34px;
    }

	
	.blog-block {
        margin: 15px;
        padding: 30px 15px;
	}
	
	 .hero-banner .btn-banner {
        margin: 0;
    }
	
	.why-block h2, .testimonial-block h2, .blog-block h2, .team-block h2 {
		font-size: 35px;
	}
	
	.nav-tabs {
		display: block;
		text-align: center;
	}
	
	.nav-tabs .nav-link {
		margin-right: 0;
		margin-bottom: 12px;
	}
	
	
	
	
}


@media (max-width:360px) { 
	
	.hero-banner h1 {
        font-size: 28px;
		line-height:43px;
    }
	
	.blog-block {
        margin: 15px;
        padding: 30px 15px;
	}
	.sub-banner h2 {

		top: -161px;
		font-size: 32px;
	}
	
	header img {

		right: -9px;
	}

}

@media (max-width:320px) {
	
	.hero-banner h1 {
        font-size: 21px;
        line-height: 31px;
    }
	
	.sub-banner h1 {
		font-size: 20px;
	}
	
	.sub-content h2 {
		font-size: 21px;
	}
}