@media only screen and (max-width:767px) {
	body {
		font-size: 14px
	}
	.ptb-100 {
		padding-top: 50px;
		padding-bottom: 50px
	}
	.pt-100 {
		padding-top: 50px
	}
	.ptb-70 {
		padding-top: 20px;
		padding-bottom: 50px
	}
	.pb-100 {
		padding-bottom: 50px
	}
	.pt-70 {
		padding-top: 30px
	}
	.pb-90 {
		padding-bottom: 50px
	}
	.pb-70 {
		padding-bottom: 20px
	}
	.pt-45 {
		padding-top: 30px
	}
	.pt-20 {
		padding-top: 0
	}
	.pb-20 {
		padding-bottom: 0
	}
	.default-btn {
		padding: 8px 25px
	}
	.section-title span {
		font-size: 12px
	}
	.section-title h2 {
		font-size: 26px
	}
	.section-title p {
		padding-top: 10px
	}
	h3 {
		font-size: 21px
	}
	.header-left {
		text-align: center
	}
	.header-left .header-left-card ul li {
		padding-left: 0;
		margin: 0 5px;
		padding-top: 5px;
		padding-bottom: 5px
	}
	.header-left .header-left-card ul li::before {
		display: none
	}
	.header-left .header-left-card ul li:first-child::before {
		display: none
	}
	.header-left .header-left-card ul li:last-child {
		margin-right: 0
	}
	.header-left .header-left-card ul li .head-icon {
		left: 0;
		top: 2px;
		-webkit-transform: translateY(0%);
		transform: translateY(0%);
		font-size: 20px
	}
	.header-left .header-left-card ul li a {
		margin-top: 0;
		font-size: 13px;
		margin-left: 25px
	}
	.header-right {
		float: none;
		max-width: 295px;
		margin: 0 auto;
		padding: 0 5px
	}
	.top-social-link::before {
		top: 15px
	}
	.top-social-link ul {
		list-style: none;
		margin: 0;
		padding: 0
	}
	.top-social-link ul li {
		display: inline-block;
		margin-right: 5px
	}
	.top-social-link ul li a {
		width: 24px;
		height: 24px;
		line-height: 24px;
		text-align: center;
		font-size: 14px
	}
	.language {
		margin-top: -54px;
		z-index: 9999
	}
	.mobile-nav .logo img {
		max-width: 150px;
		max-width: 175px;
		/*height: 40px;
		margin-top: -5px*/
	}
	.others-options {
		display: none!important
	}
	.side-nav-responsive {
		display: block
	}
	.side-nav-responsive .container {
		position: relative;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex
	}
	.side-nav-responsive .container .container {
		position: absolute;
		top: 55px;
		right: -20px;
		max-width: 185px;
		margin-left: auto;
		opacity: 0;
		visibility: hidden;
		-webkit-transition: .7s;
		transition: .7s;
		-webkit-transform: scaleX(0);
		transform: scaleX(0);
		z-index: 2;
		padding-left: 15px;
		padding-right: 15px
	}
	.search-overlay.search-popup {
		width: 260px;
		margin-top: 15px
	}
	.banner-area::before {
		display: none
	}
	.banner-area::after {
		display: none
	}
	.banner-content {
		position: relative;
		z-index: 1;
		padding-top: 130px;
		text-align: center
	}
	.banner-content h1 {
		font-size: 35px;
		margin-bottom: 20px
	}
	.banner-content p {
		margin-bottom: 20px;
		font-size: 16px
	}
	.banner-content .banner-btn .contact-btn {
		padding: 10px 25px
	}
	.banner-content .banner-btn .get-btn {
		padding: 10px 25px
	}
	.banner-img {
		margin-top: 30px;
		padding: 0 0 80px;
		margin-right: 0;
		text-align: center
	}
	.banner-img::before {
		display: none
	}
	.banner-img .dots {
		display: none
	}
	.banner-shape {
		display: none
	}
	.down-btn-area {
		display: none
	}
	.banner-area-two {
		background-color: #f5f8fe;
		position: relative
	}
	.banner-area-two::before {
		display: none
	}
	.banner-img-two {
		background-color: #f5f8fe
	}
	.banner-img-two::before {
		display: none
	}
	.banner-img-two::after {
		display: none
	}
	.banner-img-two .banner-images {
		max-width: 100%;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
		padding-top: 130px
	}
	.banner-img-two .dots {
		display: none
	}
	.banner-img-two .banner-half-circle {
		display: none
	}
	.banner-two-content {
		margin-left: auto;
		margin-right: auto;
		padding-top: 30px;
		padding-bottom: 80px;
		text-align: center
	}
	.banner-two-content h1 {
		font-size: 35px
	}
	.banner-two-shape {
		display: none
	}
	.banner-area-three::after {
		display: none
	}
	.banner-content-three {
		padding-top: 130px;
		padding-bottom: 80px;
		max-width: 100%
	}
	.inner-banner .inner-title {
		padding-top: 120px;
		padding-bottom: 60px
	}
	.inner-banner .inner-title::before {
		display: none
	}
	.inner-banner .inner-title h3 {
		font-size: 26px
	}
	.inner-banner .inner-title ul li {
		font-size: 16px
	}
	.status-area {
		margin-top: 0;
		padding-top: 50px
	}
	.status-bg {
		padding-top: 10px;
		padding-bottom: 30px
	}
	.status-card {
		padding: 20px 20px 0
	}
	.status-card::before {
		display: none
	}
	.status-card i {
		font-size: 75px
	}
	.status-card .status-bottom-1 {
		display: none
	}
	.status-card .status-bottom-2 {
		display: none
	}
	.status-card .status-bottom-3 {
		display: none
	}
	.about-img {
		margin-left: auto;
		margin-bottom: 60px;
		margin-right: auto
	}
	.about-img::before {
		display: none
	}
	.about-img .about-img-small {
		position: absolute;
		bottom: -30px;
		left: -10px
	}
	.about-img .about-img-small img {
		max-width: 200px
	}
	.about-content h2 {
		margin-top: 10px;
		margin-bottom: 20px;
		font-size: 26px
	}
	.about-content p {
		margin-bottom: 10px
	}
	.about-content .about-counter {
		margin-bottom: 10px
	}
	.about-content .about-btn {
		margin-top: 20px
	}
	.about-content .about-btn .learn-btn {
		padding: 10px 25px
	}
	.about-content .about-btn .get-btn {
		padding: 10px 25px
	}
	.about-img-2 {
		margin-left: auto;
		margin-bottom: 60px;
		margin-right: auto
	}
	.about-img-2 .about-img-small-2 {
		position: absolute;
		bottom: -30px;
		left: -10px
	}
	.about-img-2 .about-img-small-2 img {
		max-width: 200px
	}
	.about-img-2 .about-dots {
		display: none
	}
	.about-img-3 {
		margin-bottom: 30px;
		margin-left: 15px
	}
	.about-content-max {
		max-width: 100%;
		margin-right: 0;
		margin-left: 0
	}
	.about-polygon-shape {
		display: none
	}
	.video-area {
		padding-top: 50px;
		padding-bottom: 50px;
		margin-bottom: 0
	}
	.video-btn {
		margin-top: 20px;
		margin-bottom: 30px;
		float: none;
		text-align: center
	}
	.video-btn .video-play-btn {
		font-size: 20px;
		width: 100px;
		height: 50px;
		line-height: 50px
	}
	.video-content {
		margin-left: auto;
		text-align: center
	}
	.video-btn-two {
		margin-top: 20px;
		margin-bottom: 30px;
		float: none;
		text-align: center
	}
	.video-btn-two .play-on-btn {
		font-size: 20px;
		width: 100px;
		height: 50px;
		line-height: 50px
	}
	.guidelines-area {
		bottom: 0;
		margin-top: 30px
	}
	.guidelines-area::before {
		display: none
	}
	.guidelines-content {
		padding: 30px 20px;
		position: relative;
		z-index: 1
	}
	.guidelines-content h2 {
		font-size: 26px;
		margin-bottom: 15px
	}
	.guidelines-img {
		margin-right: auto;
		margin-left: auto;
		padding-left: 15px;
		margin-bottom: 30px
	}
	.guidelines-content-bg {
		margin-right: 15px
	}
	.guidelines-content-two {
		padding: 30px 20px;
		position: relative;
		z-index: 1
	}
	.guidelines-content-two h2 {
		font-size: 26px;
		margin-bottom: 15px
	}
	.guidelines-content-two .content h3 {
		font-size: 20px
	}
	.guidelines-max {
		max-width: 100%;
		margin-left: auto;
		margin-right: 15px
	}
	.blog-card .content ul li {
		font-size: 12px
	}
	.blog-article .blog-status .blog-comment {
		float: none;
		margin-top: 15px
	}
	.blog-article .blog-status .blog-comment h3 {
		font-size: 14px
	}
	.blog-article .article-content h2 {
		font-size: 24px
	}
	.blog-article .article-content .blockquote p {
		font-size: 17px
	}
	.blog-article .another-content .content-img .row .col-6 {
		padding-left: 7px!important;
		padding-right: 7px!important
	}
	.blog-article .blog-article-share .social-icon li {
		margin-right: 0
	}
	.blog-article .blog-article-share .social-icon li:first-child {
		margin-right: 10px
	}
	.blog-article .comments-wrap ul li {
		padding-left: 0
	}
	.blog-article .comments-wrap ul li img {
		position: inherit;
		left: 0;
		margin-bottom: 15px
	}
	.blog-article .comments-wrap ul li a {
		position: inherit;
		top: 0;
		left: 0;
		margin-top: 15px
	}
	.service-text {
		margin-top: 10px;
		margin-bottom: 30px
	}
	.service-view-btn {
		margin-bottom: 30px
	}
	.service-shape {
		display: none
	}
	.choose-tab .tabs li {
		margin-right: 10px;
		margin-bottom: 10px
	}
	.choose-tab .tabs li a {
		padding: 12px 25px
	}
	.choose-img {
		margin-left: 0;
		margin-bottom: 60px
	}
	.choose-img .images {
		bottom: -30px;
		left: -10px
	}
	.choose-img .images img {
		max-width: 200px
	}
	.choose-content .section-title {
		margin-bottom: 30px
	}
	.choose-content .section-title p {
		margin-bottom: 25px
	}
	.choose-img-2 {
		margin-left: auto;
		margin-right: auto
	}
	.choose-img-2 .choose-dots {
		display: none
	}
	.choose-content-bg {
		padding: 40px 20px;
		margin-left: 15px
	}
	.choose-img-3 {
		margin-left: 0;
		margin-right: 15px
	}
	.choose-content-title .book-btn {
		padding: 10px 25px
	}
	.team-view-btn {
		margin-top: 30px
	}
	.team-view-btn .view-btn {
		padding: 11px 25px
	}
	.project-title {
		margin-bottom: 20px
	}
	.project-text {
		margin-top: 0;
		margin-bottom: 10px
	}
	.project-card .project-content {
		bottom: -165px
	}
	.project-card .project-content .content p {
		max-width: 245px;
		margin-left: auto;
		margin-right: auto
	}
	.project-tab .tabs li {
		margin-bottom: 7px;
		margin-right: 10px
	}
	.project-tab .tabs li a {
		font-size: 14px
	}
	.project-view-btn {
		margin-top: 0;
		margin-bottom: 30px
	}
	.project-article .project-status .project-comment {
		float: none;
		margin-top: 15px
	}
	.project-article .project-status .project-comment h3 {
		font-size: 14px
	}
	.project-article .project-content h2 {
		font-size: 24px
	}
	.project-article .project-article-share .social-icon li {
		margin-right: 0
	}
	.project-article .project-article-share .social-icon li:first-child {
		margin-right: 10px
	}
	.client-area {
		padding-bottom: 20px
	}
	.client-title {
		margin-bottom: 25px
	}
	.client-text {
		margin-top: 0;
		margin-bottom: 30px
	}
	.client-card p {
		max-width: 95%
	}
	.client-card .client-card-quote {
		margin-top: -15px
	}
	.client-shape {
		display: none
	}
	.
	/*.leader-area{padding-top:50px;padding-bottom:20px}*/
	.pagination-area {
		margin-top: 0
	}
	.contact-area {
		padding-top: 50px
	}
	.contact-area-bg {
		margin-top: 0
	}
	.contact-area-bg::before {
		display: none
	}
	.contact-form {
		padding: 30px 20px
	}
	.contact-card i {
		width: 50px;
		height: 50px;
		line-height: 50px;
		font-size: 20px
	}
	.contact-card .content {
		padding-left: 75px
	}
	.contact-card .content h3 {
		font-size: 18px
	}
	.user-all-form .contact-form .forget {
		float: none
	}
	.footer-widget .footer-logo {
		
	}
	.footer-widget .footer-logo img {
		max-width: 120px
	}
	.footer-widget h3 {
		margin-top: 0;
		font-size: 21px;
		margin-bottom: 20px
	}
	.error-area {
		height: 100vh;
		padding-top: 0;
		padding-bottom: 0
	}
	.error-area .error-content h3 {
		margin-bottom: 10px;
		font-size: 25px
	}
	.error-area .error-content p {
		font-size: 16px;
		padding: 0 15px
	}
	.coming-soon-area .coming-soon-content {
		padding-top: 30px;
		padding-bottom: 20px;
		padding-left: 15px;
		padding-right: 15px
	}
	.coming-soon-area .coming-soon-content h1 {
		font-size: 30px;
		line-height: 1.1;
		margin-top: 0
	}
	.coming-soon-area .coming-soon-content p {
		font-size: 14px;
		margin-top: 15px
	}
	.coming-soon-area .coming-soon-content #timer {
		margin-top: 10px
	}
	.coming-soon-area .coming-soon-content #timer div {
		font-size: 30px;
		margin-left: 5px;
		margin-right: 5px
	}
	.coming-soon-area .coming-soon-content #timer div span {
		font-size: 14px;
		margin-top: -5px
	}
	.coming-soon-area .coming-soon-content #timer div::before {
		display: none
	}
	.coming-soon-area .coming-soon-content .newsletter-form {
		margin-top: 20px;
		margin-bottom: 20px
	}
	.coming-soon-area .coming-soon-content .newsletter-form .input-newsletter {
		height: 55px;
		padding-left: 13px;
		font-size: 15px
	}
	.coming-soon-area .coming-soon-content .newsletter-form button {
		position: relative;
		font-size: 14px;
		margin-top: 15px;
		width: 100%;
		height: 50px
	}
	.services-details-content img,
	.services-details-content .services-details-card {
		margin-bottom: 10px;
		margin-bottom: 0;
	}
	.services-details-content h2{
	    margin-top: 0;
		margin-bottom: 0;
	}
}

@media only screen and (min-width:576px) and (max-width:767px) {
	.about-img .about-img-small {
		left: -25px
	}
	.about-img .about-img-small img {
		max-width: 100%
	}
	.about-img-2 .about-img-small-2 {
		left: -25px
	}
	.about-img-2 .about-img-small-2 img {
		max-width: 100%
	}
	.about-img-2 .about-dots {
		display: none
	}
	.choose-img .images {
		left: -25px
	}
	.choose-img .images img {
		max-width: 100%
	}
	.project-card .project-content {
		bottom: -142px
	}
	.project-card .project-content .content p {
		max-width: 300px;
		margin-left: auto;
		margin-right: auto
	}
	.project-article .project-status .project-comment {
		float: right;
		margin-top: 0
	}
	.blog-article .blog-status .blog-comment {
		float: right;
		margin-top: 0
	}
	.blog-article .blog-status .blog-comment h3 {
		font-size: 14px
	}
	.user-all-form .contact-form .forget {
		float: right
	}
	.services-details-content img,
	.services-details-content .services-details-card {
		margin-bottom: 10px;
	}
}

@media only screen and (min-width:768px) and (max-width:991px) {
	body {
		font-size: 14px
	}
	.ptb-100 {
		padding-top: 50px;
		padding-bottom: 50px
	}
	.pt-100 {
		padding-top: 50px
	}
	.ptb-70 {
		padding-top: 20px;
		padding-bottom: 50px
	}
	.pb-100 {
		padding-bottom: 50px
	}
	.pt-70 {
		padding-top: 30px
	}
	.pb-90 {
		padding-bottom: 50px
	}
	.pb-70 {
		padding-bottom: 20px
	}
	.pt-45 {
		padding-top: 30px
	}
	.pt-20 {
		padding-top: 0
	}
	.pb-20 {
		padding-bottom: 0
	}
	.default-btn {
		padding: 8px 25px
	}
	.section-title span {
		font-size: 12px
	}
	.section-title h2 {
		font-size: 26px
	}
	.section-title p {
		padding-top: 10px
	}
	h3 {
		font-size: 21px
	}
	.header-left {
		text-align: center
	}
	.header-left .header-left-card ul li {
		padding-left: 0;
		padding-top: 5px;
		padding-bottom: 5px
	}
	.header-left .header-left-card ul li::before {
		top: 6px
	}
	.header-left .header-left-card ul li .head-icon {
		left: 0;
		top: 2px;
		-webkit-transform: translateY(0%);
		transform: translateY(0%);
		font-size: 20px
	}
	.header-left .header-left-card ul li a {
		margin-top: 0;
		font-size: 13px
	}
	.header-right {
		float: none;
		max-width: 295px;
		margin: 0 auto;
		padding-left: 12px
	}
	.top-social-link::before {
		top: 15px;
		right: -19px
	}
	.top-social-link ul {
		list-style: none;
		margin: 0;
		padding: 0
	}
	.top-social-link ul li {
		display: inline-block;
		margin-right: 5px
	}
	.top-social-link ul li a {
		width: 24px;
		height: 24px;
		line-height: 24px;
		text-align: center;
		font-size: 14px
	}
	.language {
		margin-top: -54px;
		z-index: 9999
	}
	.mean-container .mean-bar {
	    height: 74px;
	}
	.mobile-nav .logo img {
		max-width: 150px;
		max-width: 200px;
		/*height: 40px;
		margin-top: -5px*/
	}
	.others-options {
		display: none!important
	}
	.side-nav-responsive {
		display: block
	}
	.side-nav-responsive .container {
		position: relative;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex
	}
	.side-nav-responsive .container .container {
		position: absolute;
		top: 55px;
		right: -20px;
		max-width: 185px;
		margin-left: auto;
		opacity: 0;
		visibility: hidden;
		-webkit-transition: .7s;
		transition: .7s;
		-webkit-transform: scaleX(0);
		transform: scaleX(0);
		z-index: 2;
		padding-left: 15px;
		padding-right: 15px
	}
	.banner-area::before {
		display: none
	}
	.banner-area::after {
		display: none
	}
	.banner-content {
		position: relative;
		z-index: 1;
		padding-top: 130px;
		text-align: center
	}
	.banner-content h1 {
		font-size: 35px;
		margin-bottom: 20px
	}
	.banner-content p {
		margin-bottom: 20px;
		font-size: 16px
	}
	.banner-content .banner-btn .contact-btn {
		padding: 10px 25px
	}
	.banner-content .banner-btn .get-btn {
		padding: 10px 25px
	}
	.banner-img {
		margin-top: 30px;
		padding: 0 0 80px;
		margin-right: 0;
		text-align: center
	}
	.banner-img::before {
		display: none
	}
	.banner-img .dots {
		display: none
	}
	.banner-shape {
		display: none
	}
	.down-btn-area {
		display: none
	}
	.banner-area-two {
		background-color: #f5f8fe;
		position: relative
	}
	.banner-area-two::before {
		display: none
	}
	.banner-img-two {
		background-color: #f5f8fe
	}
	.banner-img-two::before {
		display: none
	}
	.banner-img-two::after {
		display: none
	}
	.banner-img-two .banner-images {
		margin-left: auto;
		margin-right: auto;
		text-align: center;
		padding-top: 130px
	}
	.banner-img-two .dots {
		display: none
	}
	.banner-img-two .banner-half-circle {
		display: none
	}
	.banner-two-content {
		margin-left: auto;
		margin-right: auto;
		padding-top: 30px;
		padding-bottom: 80px;
		text-align: center
	}
	.banner-two-content h1 {
		font-size: 35px
	}
	.banner-two-shape {
		display: none
	}
	.banner-area-three::after {
		display: none
	}
	.banner-content-three {
		padding-top: 130px;
		padding-bottom: 80px;
		max-width: 100%
	}
	.inner-banner .inner-title {
		padding-top: 120px;
		padding-bottom: 60px
	}
	.inner-banner .inner-title::before {
		display: none
	}
	.inner-banner .inner-title h3 {
		font-size: 26px
	}
	.inner-banner .inner-title ul li {
		font-size: 16px
	}
	.status-area {
		margin-top: 0;
		padding-top: 50px
	}
	.status-bg {
		padding-top: 10px;
		padding-bottom: 30px
	}
	.status-card {
		padding: 20px 20px 0;
		text-align: center
	}
	.status-card::before {
		display: none
	}
	.status-card i {
		font-size: 75px
	}
	.status-card .status-bottom-1 {
		display: none
	}
	.status-card .status-bottom-2 {
		display: none
	}
	.status-card .status-bottom-3 {
		display: none
	}
	.about-img {
		margin-left: auto;
		margin-bottom: 60px;
		margin-right: auto
	}
	.about-img::before {
		display: none
	}
	.about-img .about-img-small {
		position: absolute;
		bottom: -30px;
		left: -20px
	}
	.about-content h2 {
		margin-top: 10px;
		margin-bottom: 20px;
		font-size: 26px
	}
	.about-content p {
		margin-bottom: 10px
	}
	.about-content .about-counter {
		margin-bottom: 10px
	}
	.about-content .about-btn {
		margin-top: 20px
	}
	.about-content .about-btn .learn-btn {
		padding: 10px 25px
	}
	.about-content .about-btn .get-btn {
		padding: 10px 25px
	}
	.about-img-2 {
		margin-left: auto;
		margin-bottom: 60px;
		margin-right: auto
	}
	.about-img-2 .about-img-small-2 {
		position: absolute;
		bottom: -30px;
		left: -25px
	}
	.about-img-2 .about-dots {
		display: none
	}
	.about-area .container-fluid {
		max-width: 720px
	}
	.about-img-3 img {
		border-radius: 5px
	}
	.about-content-max {
		margin-left: 0
	}
	.about-polygon-shape {
		display: none
	}
	.project-card .project-content {
		bottom: -140px
	}
	.video-area {
		padding-top: 50px;
		padding-bottom: 50px;
		margin-bottom: 0
	}
	.video-btn {
		margin-top: 20px;
		margin-bottom: 30px;
		float: none;
		text-align: center
	}
	.video-btn .video-play-btn {
		font-size: 20px;
		width: 100px;
		height: 50px;
		line-height: 50px
	}
	.video-content {
		margin-left: auto;
		text-align: center
	}
	.video-content .section-title h2 {
		margin-left: auto;
		margin-right: auto
	}
	.video-btn-two {
		margin-top: 20px;
		margin-bottom: 30px;
		float: none;
		text-align: center
	}
	.video-btn-two .play-on-btn {
		font-size: 20px;
		width: 100px;
		height: 50px;
		line-height: 50px
	}
	.video-content-two .section-title h2 {
		max-width: 510px
	}
	.guidelines-area {
		bottom: 0;
		margin-top: 30px
	}
	.guidelines-area::before {
		display: none
	}
	.guidelines-content {
		padding: 30px 20px;
		position: relative;
		z-index: 1
	}
	.guidelines-content h2 {
		font-size: 26px;
		margin-bottom: 15px
	}
	.guidelines-img {
		margin-right: auto;
		margin-left: auto;
		padding-left: 15px;
		margin-bottom: 30px
	}
	.guidelines-content-bg {
		margin-right: 15px
	}
	.guidelines-content-two {
		padding: 30px 20px;
		position: relative;
		z-index: 1
	}
	.guidelines-content-two h2 {
		font-size: 26px;
		margin-bottom: 15px
	}
	.guidelines-content-two .content h3 {
		font-size: 20px
	}
	.guidelines-max {
		max-width: 100%;
		margin-left: auto;
		margin-right: 15px
	}
	.service-text {
		margin-top: 10px;
		margin-bottom: 30px
	}
	.service-view-btn {
		margin-bottom: 30px
	}
	.service-shape {
		display: none
	}
	.choose-tab .tabs li {
		margin-right: 10px;
		margin-bottom: 10px
	}
	.choose-tab .tabs li a {
		padding: 12px 25px
	}
	.choose-img {
		margin-left: 0;
		margin-bottom: 60px
	}
	.choose-img .images {
		bottom: -30px;
		left: -20px
	}
	.choose-img-2 {
		margin-left: auto;
		margin-right: auto
	}
	.choose-img-2 .choose-dots {
		display: none
	}
	.choose-content-bg {
		padding: 40px 20px;
		margin-left: 15px
	}
	.choose-img-3 {
		margin-left: 0;
		margin-right: 15px
	}
	.choose-content-title .book-btn {
		padding: 10px 25px
	}
	.team-view-btn {
		margin-top: 30px
	}
	.team-view-btn .view-btn {
		padding: 11px 25px
	}
	.project-title {
		margin-bottom: 20px
	}
	.project-text {
		margin-top: 0;
		margin-bottom: 10px
	}
	.project-tab .tabs li {
		margin-bottom: 7px;
		margin-right: 10px
	}
	.project-tab .tabs li a {
		font-size: 15px
	}
	.project-view-btn {
		margin-top: 0;
		margin-bottom: 30px
	}
	.client-area {
		padding-bottom: 20px
	}
	.client-title {
		margin-bottom: 25px
	}
	.client-text {
		margin-top: 0;
		margin-bottom: 30px
	}
	.client-shape {
		display: none
	}
	.
	/*.leader-area{padding-top:50px;padding-bottom:20px}*/
	.leader-content .section-title h2 {
		max-width: 410px
	}
	.contact-area {
		padding-top: 50px
	}
	.contact-area-bg {
		margin-top: 0
	}
	.contact-area-bg::before {
		display: none
	}
	.contact-form {
		padding: 30px 20px
	}
	.contact-card i {
		width: 50px;
		height: 50px;
		line-height: 50px;
		font-size: 20px
	}
	.contact-card .content {
		padding-left: 65px
	}
	.contact-card .content h3 {
		font-size: 17px
	}
	.footer-widget .footer-logo {
		margin: 0
	}
	.footer-widget .footer-logo img {
		max-width: 120px
	}
	.footer-widget h3 {
		margin-top: 0;
		font-size: 21px;
		margin-bottom: 20px
	}
	.pagination-area {
		margin-top: 0
	}
	.error-area {
		height: 100vh;
		padding-top: 70px;
		padding-bottom: 70px
	}
	.error-area .error-content h3 {
		margin-bottom: 10px;
		font-size: 25px
	}
	.error-area .error-content p {
		font-size: 16px;
		padding: 0 15px
	}
	.coming-soon-area .coming-soon-content {
		padding-top: 30px;
		padding-bottom: 20px;
		padding-left: 15px;
		padding-right: 15px
	}
	.coming-soon-area .coming-soon-content h1 {
		font-size: 40px;
		line-height: 1.1;
		margin-top: 0
	}
	.coming-soon-area .coming-soon-content p {
		font-size: 14px;
		margin-top: 15px
	}
	.coming-soon-area .coming-soon-content #timer {
		margin-top: 10px
	}
	.coming-soon-area .coming-soon-content #timer div {
		font-size: 35px;
		margin-left: 15px;
		margin-right: 15px
	}
	.coming-soon-area .coming-soon-content #timer div span {
		font-size: 14px;
		margin-top: -5px
	}
	.coming-soon-area .coming-soon-content #timer div::before {
		display: none
	}
	.services-details-content img,
	.services-details-content .services-details-card {
		margin-bottom: 10px;
		margin-bottom: 0;
	}
}

@media only screen and (min-width:992px) and (max-width:1199px) {
	.banner-img::before {
		height: 540px
	}
	.banner-two-content h1 {
		font-size: 45px
	}
	.status-card i {
		font-size: 75px
	}
	.status-card .status-bottom-1 {
		width: 320px
	}
	.status-card .status-bottom-2 {
		width: 320px
	}
	.status-card .status-bottom-3 {
		width: 328px
	}
	.about-img::before {
		height: 455px
	}
	.about-img-2 .about-dots {
		right: -50px
	}
	.about-img-3 img {
		height: 500px
	}
	.blog-card .content {
		padding: 30px 15px
	}
	.blog-card .content h3 {
		font-size: 18px
	}
	.blog-card .content ul li {
		font-size: 13px
	}
	.service-item .content h3 {
		font-size: 20px
	}
	.services-details-content .service-advantage .service-content {
		padding: 30px 15px
	}
	.choose-img-2 .choose-dots {
		right: -25px
	}
	.choose-content-bg {
		padding: 50px 0 50px 30px
	}
	.choose-content-list-color .content {
		margin-left: 70px
	}
	.choose-content-list-color .content p {
		font-size: 14px
	}
	.guidelines-max {
		max-width: 1000px;
		margin-left: auto
	}
	.faq-accordion .accordion .accordion-title {
		font-size: 17px
	}
	.footer-widget h3 {
		font-size: 20px
	}
	.services-details-content img,
	.services-details-content .services-details-card {
		margin-bottom: 10px;
	}
}

@media only screen and (min-width:1800px) {
	.banner-area::before {
		left: 30%
	}
	.banner-area::after {
		left: 44%
	}
	.banner-area-three::after {
		left: 29%
	}
	.banner-two-shape .shape-1 {
		left: 10%
	}
	.banner-two-shape .shape-2 {
		left: 7%
	}
	.service-shape .shape1 {
		left: 10%
	}
	.service-shape .shape2 {
		left: 10%
	}
	.service-shape .shape3 {
		left: 15%;
		bottom: 17%
	}
	.guidelines-max {
		max-width: 1400px
	}
	.client-shape .shape1 {
		left: 15%
	}
}
@media only screen and (min-width:1400px) {
	.about-content-max {
		max-width: 610px
	}
	.banner-two-content {
		max-width: 670px;
		margin-left: 0
	}
	.banner-two-content p {
		max-width: 670px
	}
	.status-card .status-bottom-1 {
		width: 435px
	}
	.status-card .status-bottom-2 {
		width: 440px
	}
	.status-card .status-bottom-3 {
		width: 448px
	}
	.guidelines-max {
		max-width: 1590px
	}
	.guidelines-content-two {
		padding: 100px 0 100px 100px;
		max-width: 700px
	}
	.choose-max {
		margin-right: 80px
	}
	.choose-content .section-title p {
		max-width: 700px
	}
	.blog-card .content {
		padding: 30px 10px
	}
}

 @media only screen and (max-width: 1536px) {
  .carousel-caption {
      padding-bottom: 70px;
  }
}

 @media only screen and (max-width: 1366px) {
  .carousel-caption {
      padding-bottom: 45px;
  }
  p,
  .services-details-content .services-details-card p,
  .footer-widget .footer-list li{
      font-size: 14px;
  }

	.services-bar-widget .services-bar-contact {
		padding: 15px;
	}
  
}
@media only screen and (max-width: 1152px) {
  .carousel-caption {
      padding-bottom: 20px;
  }
  .services-bar-widget .services-bar-contact h3 {
	font-size: 26px;
}
.services-bar-widget .services-bar-contact {
	padding: 5px;
}
}
@media screen and (max-width: 1000px) {
	/* .fd_col_rev, .fd_col_rev {
		flex-direction: column-reverse;
	} */
	.services-details-content h2{
		margin-top: 0;
		margin-bottom: 0;
	}
/*	.banner-area1 {*/
/*	padding-top: 86px;*/
/*}*/
}
@media only screen and (max-width: 991px) {
  .navbar-area {
      border-bottom: none;
  }
  .side-nav-responsive .dot-menu {
        display: none;
    }
    .carousel-caption {
        padding-bottom: 0;
    }
    .carousel-indicators {
        margin-bottom: 0;
    }
	.pt-5 {
		padding-top: 0!important;
	}
	
	.pb-70 {
		padding-top: 100px;
	}
	.py-5 {
		padding-top: 5.5rem!important;
		
	}
	.banner-area1 {
		padding-top: 75px;
	}
	/* .services-details-content h2 {
		margin-top: 15px;
	} */
	.leader-area {
		padding-top: 0px;
	}
	.side-nav-responsive .dot-menu {
		display: none;
	}
	.mean-container .mean-nav {
   
	  margin-top: 75px;
  } 
  .mean-container .mean-nav ul li a.mean-expand {
	  top: -10px;
  }
  .choose-img img {
      width: 100%;
  }
  .contact-btn-new {
      text-align: end;
  }
  .solutions-content {
      margin-bottom: 0;
  }
  .about-area {
      padding-top: 50px;
  }
  .services-area {
      padding-top: 50px;
  }
  .choose-area {
      padding-top: 50px;
  }
  .choose-tab {
      margin-top: 0;
  }
  .footer-widget .footer-logo img {
      margin-top: 0;
      /*width: 150px;*/
      max-width: 150px;
      margin-bottom: 1em;
  }
}
        @media only screen and (max-width: 768px) {
          .carousel-caption {
                padding-bottom: 20px;
            }
            .carousel-caption h2 {
                font-size: 34px;
                margin-bottom: 0;
            }
            .carousel-caption p {
                padding: 5px;
                margin-bottom: 0;
            }
            .btn-large {
                padding: 5px 30px;
                font-size: 16px;
            }
			.banner-area1 {
				padding-top: 75px;
			}
			.mobile-nav .logo img {
   
				max-width: 160px;
			}
			.mean-container a.meanmenu-reveal span {
	
				margin-top: 0px;
			}
			.mobile-nav .logo {
				
				top: 18px;
			}

            
			}
			@media screen and (max-width: 600px) {
				.mean-container .mean-bar{
					height: 65px;
				}
				.banner-area1 {
				padding-top: 76px;
			}
			.footer-widget .footer-logo {
				margin: 0;
				width: 100%;
			}
			.carousel-item img {
				height: 40vh;
			}
			
			
			
			
			}
			@media only screen and (max-width: 540px) {
				.banner-area1 {
					padding-top: 65px;
				}
			.mean-container .mean-nav {
				margin-top: 66px;
			}
			.carousel-item img {
			    height: 26vh;
			}
  .contact-btn-new {
      text-align: left;
  }
  .solutions-content {
      margin-bottom: 10px;
  }
  footer .row {
      margin-top: 10px;
  }
  footer .row .col-lg-3 {
      flex: 1 0 50%;
      margin-bottom: 20px;
  }
			
		}
		
		@media only screen and (max-width: 432px) {
		    footer .row .col-lg-3 {
                  flex: 1 0 47%;
              }
              .copy-right-area p {
                  font-size: 12px;
              }
		}
        @media only screen and (max-width: 425px) {
			.carousel-item img {
			    height: auto;
			}
          .carousel-caption,
          .carousel-indicators {
                display: none;
            }
            .footer-widget {
                text-align: center;
            }
            /* .pt-100 {
  
				padding-top: 30px;
} */
p, .services-details-content .services-details-card p, .footer-widget .footer-list li {
    font-size: 12px;
}
        }
        

        

     

