@media only screen and (max-width: 767px) {
	.main-title p {
		width: 100%;
	}
	
	.project-detail-content {
    margin-bottom: 30px;
}
.container, .container-sm {
    max-width: 100%;
}
.banner-slider-area .banner-item-content {
	padding: 65px 30px;
	width: 100%;
  }
  
  .banner-slider .owl-nav {
	position: absolute;
	bottom: 6px;
	left: 0;
	width: 100%;
  }
  .banner-slider .owl-nav .owl-next i {
	left: auto;
	right: 10px;
  }
	.service-detail-content {
		margin-top: 20px;
	}
	.top-left ul li a{
		color: #fff;
	}
	.project-wrapper .project-image {
    float: none;
    width: 100%;
}
.project-wrapper .project-content {
    float: none;
    width: 100%;
    padding-right: 0;
}
	.fixed-header {
		position: static;
	}
	.top-header-bg {
		background: #58c1ee;
	}
	.profile-content {
		margin-top: 20px;
	}
	.client-area-page .single-client {
		border: 1px solid #eee;
	}
	.cleint_sect .client-item a {
		display: block;
	}
	.cleint_sect .client-item img {
		width: 100%;
	}
	.google-map {
		margin-top: 25px;
	}
	.our-services .main-title {
		margin-bottom: 15px;
	}
	.our-services{
		padding-top: 50px;
	}
	.packge-slider .owl-prev{
		left: 0px;
	}
	.packge-slider .owl-next{
		right: 0px;;
	}
	.about-content {
		margin-bottom: 35px;
	}
	.main-title h2 {
		font-size: 32px;
	  }
	.ptb-100 {
		padding-top: 50px;
		padding-bottom: 50px
	}
	.pt-100 {
		padding-top: 50px
	}
	.ptb-70 {
		padding-top: 50px;
		padding-bottom: 50px
	}
	.pb-100 {
		padding-bottom: 50px
	}
	.product-listing {
		padding-top: 25px;
	  }
	.pt-70 {
		padding-top: 30px
	}
	.pb-70 {
		padding-bottom: 20px
	}
	.pt-45 {
		padding-top: 30px
	}
	.ml-20 {
		margin-left: 10px
	}
	.ml-25 {
		margin-left: 0
	}
	.mr-20 {
		margin-right: 0
	}
	.mt-30 {
		margin-top: 0
	}
	h3 {
		font-size: 18px
	}
	.top-left-side {
		text-align: center
	}
	.about-content h2 {
		font-size: 32px;
	  }
	  .about-content p{
		text-align: justify;
	  }
	.top-left-side .top-header-text {
		margin-left: auto;
		margin-right: auto
	}
	.center-block-btn .default-btn {
		padding: 18px 40px;
		font-size: 17px;
	  }
	.top-left-side .top-header-text::before {
		display: none
	}
	.top-left-side .top-header-text p {
		font-size: 15px;
		margin-bottom: 5px
	}
	.top-header-right {
		float: none;
		text-align: center;
		margin-top: 5px
	}
	.single-gallery .view-gallery{
		font-size: 16px;
	}
	.gallery-section {
		padding-top: 35px;
	  }
	.banner-item-content2 {
		width: 100% !important;
	  }
	  .inner-slider .owl-nav{
		left: 10px;
	  }
	  .product-detail-content .banner-btn {
		padding: 12px 20px;
		font-size: 16px;
	  }
	  .product-detail-content {
		padding-left: 0;
		margin-top: 25px;
	  }
	  a.banner-btn {
		padding: 10px 20px;
	  }
	.top-header-right .language-list {
		margin-left: 0;
		margin-right: 0;
		margin-top: 5px
	}
	.top-header-right .language-list::before {
		display: none
	}
	.top-head-left {
		margin-top: 3px;
		float: none;
		text-align: center
	}
	.side-nav-responsive {
		display: block
	}
	.d-display {
		display: none
	}
	.mobile-nav .logo img {
		max-width: 150px;
		position: relative;
		top: 5px;
	  }
	  .get-quote {
		display: none;

	  }
	.search-overlay .search-form {
		max-width: 100%;
		width: 100%
	}
	.search-overlay .search-form form .input-search {
		height: 50px;
		padding: 0 0 0 15px
	}
	.search-overlay .search-form form button {
		position: absolute;
		right: 5px;
		top: 5px;
		width: 40px;
		height: 40px;
		font-size: 18px;
		line-height: 35px
	}
	
	.banner-slider-area .owl-dots {
		display: inline-block;
		right: 0;
		left: 0;
		top: auto;
		bottom: 0px;
		-webkit-transform: translateY(0%);
		transform: translateY(0%)
	}
	
	.descrpt img {
		margin-bottom: 20px;
	}
	.descrpt p {
		float: none !important;
		width: 100% !important;
	}
	.quality-wrapper {
		margin-bottom: 10px;
	}
	.privacy-box {
		text-align: center !important;
		margin-top: 10px;
	}
	.banner-item-content h1 {
		max-width: 100%;
		font-size: 24px;
		margin-top: 5px;
		background-color: transparent;
		padding: 0;
		margin-bottom: 15px;
	  }
	.banner-slider-area .owl-dots{
		width: 100%;
		bottom: 15px !important;
	}
	.banner-item-content p:after {
		display: none;
	}
	.banner-item-content h1:after {
		display: none;
	}
	.banner-item-content p {
		font-size: 14px;
		margin-bottom:10px;
		background-color: transparent;
		padding: 0;
	}
	
	.banner-item-ptb {
		padding-top: 130px;
		padding-bottom: 70px
	}
	.banner-item-ptb h1 {
		margin-top: 0
	}
	.banner-area::before {
		background-image: none;
		background-color: #000;
		opacity: .6
	}
	.banner-content {
		padding-top: 120px;
		margin-top: 0
	}
	.banner-content h1 {
		font-size: 35px;
		max-width: 100%
	}
	.banner-content p {
		font-size: 16px;
		max-width: 100%
	}
	.page-title-content{
		height: 250px;
	}
	.page-title-content h2{
		font-size: 26px;
	}
	.footer-widget h3 {
		margin-bottom: 20px;
		font-weight: 500;
		font-size: 18px;
	}
	.copy-right-text {
		text-align: center;
	}
	.footer-widget .footer-call-content {
		max-width: 100%;
	}
	.footer-widget .footer-call-content h3 {
		font-size: 20px
	}
	.footer-widget .footer-call-content i {
		top: 15px
	}
	.footer-widget p {
		max-width: 100%
	}
	.contact-main-section{
		background-position: left;
	}
	.contact-info ul li span{
		font-size: 16px;
	}
	.aklis h4 {
		font-size: 18px;
	  }
	  .aklis h6 {
		font-size: 18px;
	  }
	  .centerblock .default-btn {
		font-size: 16px;
	  }
	  .footer-widget {
		margin-bottom: 35px;
	  }
	  .about-footer-section .default-btn {
		font-size: 16px;
	  }
}
@media only screen and (max-width: 575px) {
	.banner-item-content {
		padding-left: 15px;
		padding-right: 15px
	}
	.contact-stripbar h4{
		font-size: 18px;
	}
}
@media only screen and (max-width: 510px){
	.post-pagination li:first-child {
		display: none;
	  }
	  .post-pagination li:last-child {
  display: none;
}
.post-pagination li {
	margin: 0 10px;
	font-size: 18px;
  }
  .post-pagination li.active a span {
	font-size: 16px;
	height: 40px;
	line-height: 16px;
	width: 40px;
  }
  .post-pagination li a i {
	font-size: 26px;
  }
}
@media only screen and (max-width: 638px){
	.before-after span:nth-child(1)::before {
		right: 60px !important;
		padding: 6px 18px;
		font-size: 14px;
	  }
.before-after span:nth-child(1)::after{
	width: 42px !important;
}
.before-after strong::before{
	left: 60px !important;
		padding: 6px 18px;
		font-size: 14px;
}
.boston-compare-slider img {
	width: 100%;
	height: 280px;
	object-fit: cover;
  }	
.before-after strong::after{
	width: 42px !important;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
	.build-play-img .play-area {
		top: 27%
	}
	.blog-article .blog-article-title ul li {
		margin-right: 10px;
		margin-bottom: 5px
	}
	.blog-article .article-content .blockquote {
		margin-left: 0;
		padding: 20px 30px
	}
	.blog-article .article-content .blockquote i {
		display: none
	}
	.blog-article .blog-article-share .blog-tag ul li {
		padding: 5px 0;
		margin-top: 0;
		margin-bottom: 0
	}
	.blog-article .blog-article-share .social-icon {
		float: right;
		margin-bottom: 0
	}
	.footer-widget .footer-call-content {
		padding: 20px 70px 20px 15px
	}
	.footer-widget .footer-call-content h3 {
		font-size: 16px
	}
	.footer-widget .footer-call-content i {
		top: 22px;
		right: 15px;
		width: 45px;
		height: 45px;
		line-height: 45px;
		font-size: 24px
	}
	.footer-widget .footer-call-content span a {
		font-size: 13px
	}
	.footer-widget .footer-blog li h3 {
		font-size: 15px
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.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-70 {
		padding-bottom: 20px
	}
	.pt-45 {
		padding-top: 30px
	}
	.mt-30 {
		margin-top: 0
	}
	.ml-25 {
		margin-left: 0
	}
	.ml-20 {
		margin-left: 10px
	}
	.mr-20 {
		margin-right: 0
	}
	.default-btn {
		padding: 8px 18px
	}
	.section-title h2 {
		font-size: 26px;
		margin-top: 0
	}
	.section-title p {
		margin-left: auto;
		margin-right: auto
	}
	h3 {
		font-size: 21px
	}
	.about-play {
		margin-bottom: 30px
	}
	.work-process-left {
		text-align: center
	}
	.side-nav-responsive {
		display: block
	}
	.d-display {
		display: none
	}
	.mobile-nav .logo img {
		max-width: 140px
	}
	.top-header-right .language-list {
		margin-left: -15px
	}
	.about-content-2 .section-title h2,
	.about-content-2 .section-title p {
		max-width: 100%
	}
	.side-nav-responsive {
		display: block
	}
	.d-display {
		display: none
	}
	.mobile-nav .logo img {
		max-width: 140px
	}
	.banner-slider-area {
		position: relative
	}
	.banner-slider-area .owl-dots {
		width: 40%;
	}
	.banner-slider-area .banner-item-content{
		padding: 65px 30px;
	}
	.moneywrap.second-wrap {
		margin-top: 30px;
	}
	.descrpt p {
		float: none !important;
		width: 100% !important;
	}
	.descrpt img {
		margin-bottom: 20px;
	}
	.banner-item-content span {
		font-size: 15px;
		font-weight: 600;
		padding: 8px 15px
	}
	.banner-item-content h1 {
		font-size: 35px;
		max-width: 100%
	}
	.banner-item-content p {
		font-size: 16px;
		margin-left: auto;
		margin-right: auto
	}
	.banner-item-ptb {
		padding-top: 250px;
		padding-bottom: 190px
	}
	.banner-content {
		padding-top: 120px;
		margin-top: 0;
		text-align: center
	}
	.banner-content h1 {
		font-size: 35px;
		margin-left: auto;
		margin-right: auto
	}
	.banner-content p {
		font-size: 16px;
		margin-left: auto;
		margin-right: auto
	}
	.banner-area::before {
		background-image: none;
		background-color: #000;
		opacity: .6
	}
	.banner-img {
		padding-top: 30px
	}
	.banner-img .banner-img-shape {
		display: none
	}
	.banner-sub-slider {
		padding-bottom: 70px
	}
	.banner-bottom-area {
		position: inherit;
		margin-top: 50px
	}
	.banner-bottom-card {
		position: relative;
		padding: 20px 15px;
		text-align: center
	}
	.banner-bottom-card i {
		position: inherit;
		top: 0;
		left: 0;
		right: 0;
		margin-bottom: 10px
	}
	.inner-banner .inner-title h3 {
		font-size: 35px
	}
	.about-img {
		margin-top: 30px
	}
	.about-img::before {
		right: -15px
	}
	
	.about-content .section-title h2 {
		margin-left: auto;
		margin-right: auto
	}
	.about-content-2 .section-title p {
		margin-left: 0;
		margin-right: unset
	}
	.services-card {
		padding: 30px 30px 25px
	}
	.service-shape {
		display: none
	}
	.services-item {
		text-align: center
	}
	.services-item .content {
		width: 90%;
		padding: 20px 15px 20px 92px;
	}
	.services-item .content h3 {
		font-size: 20px;
	}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.main-nav .navbar .navbar-brand img {
		max-width: 140px;
	}
	.main-nav nav .navbar-nav .nav-item a{
		padding: 15px 3px;
	}
	.main-nav .nav-side .nav-side-item {
		margin-right: 10px;
	}
	.main-nav .nav-side .nav-side-item .search-side-widget {
		max-width: 190px;
	}
	.main-nav .nav-side .nav-side-item .get-btn .default-btn {
		padding: 9px 15px;
	}
	.top-left-side .top-header-social ul li a {
		width: 24px;
		height: 24px;
		line-height: 26px;
		font-size: 16px;
	}
	.top-left-side .top-header-text {
		margin-left: 25px;
	}
	.top-left-side .top-header-text::before {
		left: -16px;
		width: 1px;
		height: 20px
	}
	.top-left-side .top-header-text p {
		font-size: 13px
	}
	.top-header-right .top-contact {
		padding-left: 35px
	}
	.top-header-right .top-contact i {
		font-size: 15px;
		width: 24px;
		height: 24px;
		line-height: 24px
	}
	.top-header-right .top-contact h3 {
		font-size: 13px;
		color: #fff;
		margin-bottom: 0
	}
	.top-header-right .language-list {
		margin-left: -15px;
		top: -5px
	}
	.top-header-right .language-list .nice-select {
		font-size: 13px
	}
	.top-header-right .language-list .nice-select::after {
		font-size: 15px
	}
	.banner-slider-area .owl-dots {
		top: 40%
	}
	.banner-item-content {
		max-width: 600px
	}
	.banner-item-content h1 {
		font-size: 55px
	}
	.banner-item-content p {
		font-size: 17px
	}
	.banner-bottom-card {
		padding: 30px 20px 30px 100px
	}
	.banner-bottom-card i {
		position: absolute;
		top: 30px;
		left: 20px;
		font-size: 40px;
		width: 65px;
		height: 65px;
		line-height: 65px
	}
	.banner-bottom-card h3 {
		font-size: 20px
	}
	.banner-content {
		margin-top: -20px
	}
	.banner-content h1 {
		font-size: 44px
	}
	.footer-widget .footer-list li a {
		color: #fff;
		font-weight: 400;
		font-size: 14px
	}
	.footer-widget .footer-list li a i {
		margin-right: 0;
		font-size: 16px
	}
	.footer-widget .footer-call-content h3 {
		font-size: 20px
	}
	.footer-widget .footer-call-content i {
		top: 15px
	}
	.footer-widget .footer-blog li {
		padding-left: 80px
	}
	.footer-widget .footer-blog li img {
		height: 65px;
		width: 65px
	}
	.footer-widget .footer-blog li .content h3 {
		font-size: 13px
	}
}
@media only screen and (min-width: 1200px) {
	.container {
		max-width: 1240px;
	}
	.container-max {
		max-width: 1300px!important;
		margin: 0 auto
	}
}
@media only screen and (max-width: 991px) {
	header.top-header.top-header-bg:before {
		display: none;
	}
	ul.dropdown-menu.megamenu-layout.secnddd {
    width: auto;
}
	.contact-stripbar {
		padding-top: 85px;
	  }
	.single-pricing.overly-one.active {
		transform: none;
		min-height: auto;
	  }
	  .single-pricing .pricing-title h3 {
		font-size: 24px;
	  }
	  .akprice .default-btns {
		margin-top: 0;
	  }
	  .single-pricing{
		min-height: auto;
		padding: 30px 30px;
	  }
	  .video-img {
		text-align: center;
		margin-bottom: 20px;
	  }
	.before-after span:nth-child(1)::before{
		right: 200px;
	}
	.before-after span:nth-child(1)::after{
		width: 170px;
	}
	.before-after strong::before{
		left: 200px;
	}
	.before-after strong::after{
		width: 170px;
	}
	.dropdown-menu {
		color: #fff;
		background-color: #1d1d1b;
	  }
	  .banner-item{
		background-position: center;
	  }
	  .banner-item-content2 {
		width: 60%;
	  }
	.get-quote{
		display: none;;
	}
	body{
		font-size: 16px;
	}
	ul.dropdown-menu.megamenu-layout::before{
		display: none;
	}
	.mean-container .mean-nav ul li a{
		font-weight:300;
	}
	.mean-container .mean-nav ul li li a{
		color: #fff;
	}
	.megamenuboxx ul {
		display: block !important;
	  }
	.others-option {
		position: absolute;
		top: 24px;
		right: 90px;
		width: 20px;
		cursor: pointer;
		z-index: 999;
	  }
	.client-inner .cleint-imgs img {
		height: auto;
	}
	.client-inner .cleint-imgs {
		width: 100%;
	}
	.logo-top{
		display: none;
	}
	.mobile-nav nav .navbar-nav {
    height: 435px;
    overflow-y: scroll;
}
}