@media only screen and (min-width: 768px) and (max-width: 991px) {
	.site-footer h6 {
		font-size: 16px;
	}
	.site-footer h3 {
		font-size: 16px;
	}
	.site-footer p {
		font-size: 16px;
	}
	.site-footer a {
		font-size: 16px;
	}
	.social-icons a {
		margin-left: 6px !important;
	}
	.slider .parallax-slider .caption h1 {
		font-size: 40px;
	}
	.about-image {
		text-align: center;
		margin-top: 40px;
	}
	.slider .parallax-slider .caption h2{
		font-size: 23px;
		line-height: 26px;
	}
	.section-title h5 {
		font-size: 30px;
	}
	#navbarDefault {
		width: 100%;
		height: auto;
		overflow-y: auto;
		background: #fff;
		z-index: 900;
		margin-top: 10px;
		padding-bottom: 10px;
	}
	.slider .parallax-slider .swiper-slide{
		height: 100vh;
	}
	.download-buttons-wrap{
	  display: block;
	  align-items: center;
	  vertical-align: middle;
	  justify-content: center;
	 }
	.download-buttons{
	  margin-bottom: 10px;
	}
	.slider .parallax-slider .caption{
		margin-top: 100px;
	}
}

@media only screen and (max-width: 767px) {
	.slider .parallax-slider .caption {
		margin-top: 80px;
	}
	.post-img {
		height: 221px;
	}
	.download-buttons-wrap{
	  display: block;
	  align-items: center;
	  vertical-align: middle;
	  justify-content: center;
	 }
	.download-buttons{
	  margin-bottom: 10px;
	}
	.section-title h5 {
		margin-top: -10px;
		font-size: 30px;
	}
	.section-title h5::after {
		margin-top: 8px;
	}
	.section-title {
		margin-bottom: 22px;
	}
	.services-content-icon svg {
		width: 64px;
		height: 53px;
	}
	#services-slide0 {
		margin-top: 16px;
	}
	.services-area .services-single-item {
		margin-bottom: 15px;
		margin-top: 10px;
	}
	.services-area .services-single-item h5 {
		font-size: 18px;
		line-height: 18px;
		margin-left: -3px;
		margin-top: 16px;
	}
	.services-area .services-single-item .services-content {
		padding: 48px 20px 46px;
	}
	.services-area .services-single-item p {
		margin-top: 16px;
		font-size: 17px;
		line-height: 17px;
		font-weight: 400;
		letter-spacing: -0.2px;
	}
	.header-navber-area .nav-top-bar {
		display: none;
	}
	.about-wrapper {
		display: block;
	}
	.about-image {
		width: 100%;
	}
	.about-area {
		margin-top: -44px;
	}
	.about-area .section-title {
		margin-bottom: 6px;
	}
	.about-wrapper {
		padding: 0 17px;
	}
	.about-image {
		height: 256px;
	}
	.about-content {
		margin-top: 27px;
		width: 100%;
		padding: 0;
	}
	.about-content-text {
		margin-top: 2px;
	}
	.about-content-text p {
		letter-spacing: 0.14px;
		line-height: 24px;
		margin-bottom: 24px;
		font-size: 16px;
	}
	#navbarDefault {
		width: 100%;
		height: auto;
		overflow-y: auto;
		background: #fff;
		z-index: 900;
		padding-bottom: 10px;
	}
	.slider .parallax-slider .swiper-slide{
		height: 100vh;
	}
	/* slider */
	.slider .parallax-slider .caption h1 {
		font-size: 50px;
		line-height: 35px;
	}
	.slider .control-text .swiper-nav-ctrl {
		margin-left: 10px;
		margin-right: 10px;
	}
	.about-content h2{
		font-size: 30px;
	}
	.about-image {
		text-align: center;
		margin-top: 40px;
	}
	.counter-inner-box {
		padding: 52px 0;
		margin-top: 18px;
		flex-direction: column;
	}
	.counter-inner-box > .counter-item:not(:first-child) {
		margin-top: 28px;
	}
	.single-counter h3 {
		font-size: 40px;
		font-weight: 600;
		line-height: 38px;
		margin-top: 28px
	}
	.single-counter p {
		font-size: 20px;
		line-height: 20px;
	}
	.counter-item-logo {
		width: auto;
		height: 83px;
	}
	.counter-item-logo img {
		width: auto;
		height: 100%;
	}
	.projects-area {
		padding-top: 90px !important;
		padding-bottom: 12px;
	}
	.project-items {
		margin-top: 14px;
	}
	.projects-area .section-title {
		margin-top: -34px;
	}
	.projects-area .project-single-item {
		margin: 0 17px;
		min-height: 235px;
	}
	.project-info {
		min-height: 235px;
	}
	.projects-area .project-single-item .project-overlay-info {
		max-height: 235px;
	}
	.price-area {
		padding-top: 90px !important;
		padding-bottom: 51px;
	}
	.price-area .section-title {
		margin-top: -56px;
		margin-bottom: 0px;
	}
	.blog-area {
		padding-top: 90px !important;
		padding-bottom: 18px;
	}
	.blog-area .section-title {
		margin-top: -34px;
		margin-bottom: 6px;
	}
	.blog-slingle-item {
		max-width: 100%;
		margin-top: 39px;
	}
	.blog-area .author-date {
		font-size: 16px;
		margin-top: 22px;
		letter-spacing: -0.9px;
	}
	.blog-area .blog-slingle-item .blog-content-info h6 a {
		margin-top: 10px;
		font-weight: 500;
		font-size: 25px;
		line-height: 27.5px;
		letter-spacing: 0.6px;
	}
	.single-price-item {
		box-shadow: 0 3px 30px -3px rgba(0, 0, 0, 0.1);
		overflow: hidden;
		margin-top: 30px;
		transition: .3s;
		border-radius: 10px;
		min-height: auto;
		color: #fff;
		padding: 33px 26px 32px 25px;
	}
	.contact-btn {
		margin-top: 32px;
		line-height: 50px;
	}
	.pricing-footer-line {
		display: none;
	}
	.partner-area {
		padding: 36px 0px 60px;
	}
	.partner-item {
		max-width: 145px;
		max-height: 171px;
		margin: 0;
	}
	.single-store-location a {
		margin-top: 4px;
	}
	.site-footer {
		padding-top: 28px;
	}
	.site-footer p {
		margin-top: 20px;
		font-size: 17px;
		line-height: 25px;
		letter-spacing: 0px;
		width: 100%;
	}
	.site-footer-line {
		margin-top: -12px;
		margin-bottom: 8px;
	}
	.copyright-text {
		font-size: 20px !important;
	}
	.site-footer .social-icons {
		margin-top: -21px;
		margin-left: -16px;
	}
	.footer-area {
		text-align: center;
	}
	.footer-area .footer-link ul {
		margin-top: 10px;
		text-align: center;
		list-style-type: none;
	}
}


@media only screen and (max-width: 479px) {
	.section-title h2 {
		font-size: 30px;
	}
	.navbar-nav {
		margin-top: 26px;
	}
	.navbar-b .nav-item {
		margin-bottom: 20px;
	}
	.navbar-b .nav-item:last-child {
		margin-bottom: 0px;
	}
	/* slider */
	.slider .parallax-slider .caption h1 {
		font-size: 70px;
	}
	.slider .control-text .swiper-nav-ctrl {
		display: none;
	}
	.about-content h2{
		font-size: 30px;
	}
	.about-image {
		text-align: center;
		margin-top: 40px;
	}
	.footer-area {
		text-align: center;
	}
	.footer-area .footer-link ul {
		margin-top: 10px;
		text-align: center;
		list-style-type: none;
	}
	.banner-project-completed .single-project{
		background: #f3b511;
	    display: flex;
	    vertical-align: middle;
	    align-items: center;
	}

}


@media screen and (max-width: 320px) and (min-width: 0px){
	.section-title h2 {
		font-size: 30px;
	}
	.navbar-nav {
		margin-top: 14px !important;
	}
	.navbar-b .nav-item {
		margin-bottom: 20px;
	}
	.navbar-b .nav-item:last-child {
		margin-bottom: 0px;
	}
	.slider .parallax-slider .caption {
		padding-top: 35px;
	}
	.slider .parallax-slider .caption h1 {
		font-size: 30px;
	}
	.slider .control-text .swiper-nav-ctrl {
		display: none;
	}
	.about-content h2{
		font-size: 28px;
	}
	.about-image {
		text-align: center;
		margin-top: 40px;
	}
	.footer-area {
		text-align: center;
	}
	.footer-area .footer-link ul {
		margin-top: 10px;
		text-align: center;
		list-style-type: none;
	}
}

@media only screen and (min-width: 0px) and (max-width: 991px) {
	.top-menu {
		padding-bottom: 6px;
	}
	.section-padding {
		padding-top: 56px;
	}
	.services-area {
		padding-bottom: 30px;
	}
	.blog-bg {
		display: none;
	}
	.counter-area {
		background-color: #EC6907;
	}
	.white-logo {
		display: none !important;
	}
	.black-logo {
		display: block !important;
		width: 157px;
	}
	.white-logo, .black-logo {
		margin-left: 17px;
		width: 157px;
	}
	.navbar-logo {
		max-width: 157px;
		height: 32px;
		margin: 13px 0;
	}
	.navbar-nav {
		margin-left: 18px !important;
	}
	.navbar-b{
		background-color: #fff;
	}
	.top-icon{
		color: #333;
	}
	.d-desktop{
		display: none;
	}
	.navbar-nav {
		margin-top: 20px;
	}
	.navbar-b .nav-item {
		margin-bottom: 21px;
	}
	.navbar-b .nav-item:last-child {
		margin-bottom: 0px;
	}
	.d-mobile{
		display: block;
		font-size: 14px;
		text-align: center;
		position: fixed;
		width: 100%;
		top: 77px;
	}
	.svg-shape-bottom .bottom-shape{
		height: 17%;
	}
	.navbar-nav{
		top: unset;
		background: none;
		z-index: 90;
	}
	.navbar-b.navbar-reduce .show > .nav-link, .navbar-b.navbar-reduce .active > .nav-link, .navbar-b.navbar-reduce .nav-link.show, .navbar-b.navbar-reduce .nav-link.active{
		color: #673ab7;
	}
	.navbar-b.navbar-trans .nav-link, .navbar-b.navbar-reduce .nav-link{
			color: #333;
	}
	.slider .parallax-slider .caption h1 {
		font-size: 65px;
		line-height: 70px;
		margin-left: 0 !important;
		letter-spacing: 0.4px !important;
	}
	.about-image {
		text-align: center;
		margin-top: 40px;
	}
	.slider .parallax-slider .caption h2{
		font-size: 22px;
		margin-top: 14px !important;
		line-height: 30px !important;
		letter-spacing: 0.2px !important;
	}
	.slider .parallax-slider .caption a {
		margin-top: 62px;
	}
	.blog-header {
		min-height: 262px;
	}
	.blog-header h1 {
		margin-top: 72px;
		margin-right: 0;
		letter-spacing: 0.6px;
		font-size: 55px;
	}
	.blog-footer {
		margin-top: 34px;
	}
}
@media only screen and (min-width: 1400px) and (max-width: 992px) {
	.d-desktop{
		display: block;
	}
	.d-mobile{
		display: none;
	}
}
@media only screen and (max-width: 1400px) {
	.navbar-nav {
		margin-left: 30px;
	}
	.navbar-nav .nav-item .nav-link{
		font-size: 15px !important;
	}
	.navbar-logo {
		max-width: 200px !important;
	}
}