@media only screen and (min-width:768px) and (max-width:991px) {
	.top-bar-area .text-right {
		text-align: center !important;
		justify-content: center;
		margin-top: 10px;
		display: flex
	}

	.top-bar-area.inc-logo {
		border-bottom: 1px solid #e7e7e7
	}

	.top-bar-area.inc-logo .text-right {
		margin-top: 0
	}

	.navbar .attr-nav form {
		margin: 14px 0;
		min-width: 210px;
		width: 210px
	}

	.breadcrumb-area {
		text-align: center
	}

	.breadcrumb-area h2 {
		margin-bottom: 25px
	}

	.breadcrumb-area .text-right {
		text-align: center !important
	}

	.banner-area .thumb,
	.banner-area .thumbs {
		top: 0;
		display: none
	}

	.banner-area .appoinment {
		display: none
	}

	.banner-area.carousel-shape p {
		padding-right: 0
	}

	.banner-area.carousel-shape .box-cell::after {
		display: none
	}

	.banner-area.carousel-shape .box-cell::before {
		position: absolute;
		left: 0;
		top: 0;
		content: "";
		height: 100%;
		width: 100%;
		background: #000;
		opacity: .6
	}

	.banner-area.carousel-shape .slider-thumb {
		width: 100%
	}

	.about-area .thumb .overlay {
		right: 50px;
		transform: translate(0, -50%)
	}

	.about-area.reverse .info {
		padding-right: 15px;
		padding-bottom: 30px
	}

	.about-area .thumb {
		margin-bottom: 50px
	}

	.about-area.reverse .thumbs img {
		max-width: 100%
	}

	.about-content-area .thumb img:first-child {
		width: 100%
	}

	.about-content-area .thumb {
		margin-bottom: 100px
	}

	.about-content-area .overlay {
		right: auto;
		left: 30px
	}

	.about-standard-area .thumb img:nth-child(2) {
		display: none
	}

	.about-standard-area .thumb {
		margin-top: 0;
		margin-bottom: 70px
	}

	.about-standard-area .thumb img:first-child {
		max-width: 100%;
		float: center;
		border: 0
	}

	.about-standard-area .overlay {
		left: 30px;
		bottom: -30px
	}

	.about-standard-area .fixed-shape {
		display: none
	}

	.features-area .features-box {
		padding-left: 15px;
		margin-top: 80px
	}

	.features-area .item-grid:first-child {
		margin-top: 0
	}

	.feature-area .features-box .single-item {
		margin-top: 30px
	}

	.feature-area .features-box .single-item:first-child,
	.feature-area .features-box .single-item:nth-child(2) {
		margin-top: 0
	}

	.feature-area .heading-left {
		margin-bottom: 40px
	}

	.top-features-area .item {
		text-align: center
	}

	.top-features-area .item .more {
		text-align: center !important
	}

	.top-features-area .item .more a {
		padding: 0
	}

	.top-features-area .item .more a::after {
		display: none
	}

	.feature-area .feature-box .thumb img {
		max-width: 100%
	}

	.feature-area .feature-box .content .content-box {
		position: inherit;
		top: 0;
		transform: inherit;
		margin-top: 30px
	}

	.feature-area .feature-box .content {
		padding-left: 15px
	}

	.works-about-items::before {
		right: -20%
	}

	.works-about-area .works-about-items .info,
	.works-about-area.reverse .works-about-items .info {
		padding-right: 15px;
		padding-left: 15px
	}

	.works-about-area .works-about-items .thumb {
		margin-top: 50px
	}

	.works-about-area.reverse .works-about-items .thumb {
		margin-top: 0;
		margin-bottom: 110px
	}

	.works-about-area .works-about-items .thumb .fun-fact,
	.works-about-area.reverse .works-about-items .thumb .fun-fact {
		left: 50%;
		transform: translateX(-50%);
		width: 80%
	}

	.case-studies-area.grid-items .case-items.colums-2 .pf-item,
	.case-studies-area.grid-items .case-items.colums-3 .pf-item,
	.case-studies-area.grid-items .case-items.colums-4 .pf-item {
		width: 50%
	}

	.case-details-area .content ul.project-info {
		display: block;
		overflow: hidden
	}

	.case-details-area .content ul.project-info li {
		float: left;
		width: 50%;
		margin-bottom: 0;
		margin-top: 30px;
		text-align: center
	}

	.case-details-area .content ul.project-info li .title {
		justify-content: center
	}

	.case-details-area .content ul.project-info li:first-child,
	.case-details-area .content ul.project-info li:nth-child(2) {
		margin-top: 0
	}

	.quick-contact-area {
		text-align: center
	}

	.quick-contact-area .text-right {
		text-align: center !important;
		margin-top: 30px
	}

	.fun-factor-area .fun-fact-items .item {
		margin-top: 50px
	}

	.fun-factor-area .fun-fact-items .item:first-child,
	.fun-factor-area .fun-fact-items .item:nth-child(2) {
		margin-top: 0
	}

	.services-area .services-tabs .row {
		margin-left: -15px;
		overflow: hidden
	}

	.services-area .services-tabs .tab-pane {
		margin-bottom: 0;
		overflow: hidden
	}

	.services-area .services-tabs .tab-pane::after {
		display: none
	}

	.services-area .services-tabs .thumb {
		min-height: 350px
	}

	.services-area .services-tabs .info .content {
		padding-left: 40px
	}

	.service-area .service-box .item {
		text-align: center;
		display: block;
		padding: 50px 30px
	}

	.service-area .service-box .item .icon {
		display: inline-block
	}

	.service-area .service-box .item i {
		margin-right: 0;
		margin-bottom: 25px
	}

	.services-details-area .sidebar {
		margin-top: 50px
	}

	.services-area .services-content .item {
		display: block;
		text-align: center
	}

	.services-area .services-content img {
		margin: auto
	}

	.services-area .services-content .item .icon {
		margin-right: 0;
		margin-bottom: 30px
	}

	.services-area .services-content .item .bottom {
		justify-content: center
	}

	.services-area .services-content .item .bottom span {
		display: none
	}

	.team-single-area .top-info .thumb {
		margin-bottom: 30px
	}

	.team-single-area .basic-info::after {
		width: 100%
	}

	.team-single-area .basic-info {
		margin-left: 0;
		margin-right: 0;
		padding: 30px
	}

	.team-single-area .bottom-info {
		margin-top: 30px
	}

	.team-single-area .skill-items {
		margin-top: 30px
	}

	.testimonials-area {
		text-align: center
	}

	.testimonials-area .testimonial-items .owl-stage-outer {
		margin: -15px -15px;
		padding: 15px
	}

	.testimonials-area .item::before {
		display: none
	}

	.testimonials-area .thumb {
		position: relative;
		z-index: 1;
		height: 200px;
		width: 200px;
		margin: auto auto 25px
	}

	.testimonials-area .thumb i {
		right: 15px
	}

	.testimonials-area .item .provider {
		justify-content: center
	}

	.faq-area .faq-content {
		margin-top: 50px
	}

	.about-area.faq-area .faq-content {
		margin-top: 25px
	}

	.faq-area .appoinment-form {
		margin-top: 30px
	}

	.video-area.extra-padding {
		padding-bottom: 215px
	}

	.choose-us-area .single-item {
		text-align: center
	}

	.choose-us-area .single-item:last-child {
		margin-bottom: 0
	}

	.choose-us-area .item {
		padding: 50px 30px;
		display: block
	}

	.choose-us-area .item .call {
		text-align: left;
		justify-content: center
	}

	.choose-us-area .item .icon i {
		margin-right: 0;
		margin-bottom: 25px
	}

	.blog-area.left-sidebar .blog-content {
		float: none
	}

	.blog-area .blog-thin-colums .thumb {
		margin-bottom: 30px
	}

	.blog-area.left-sidebar .sidebar,
	.blog-area.right-sidebar .sidebar {
		margin-top: 50px
	}

	.blog-area .blog-items .blog-thin-colums .item {
		padding: 0;
		border: 0
	}

	.blog-area.right-sidebar .sidebar {
		padding-left: 15px
	}

	.blog-area.left-sidebar .sidebar {
		padding-right: 15px
	}

	.blog-area .item .thumb img {
		width: 100%
	}

	.contact-area .contact-tabs {
		margin-top: 50px
	}

	.contact-area .info {
		padding-left: 15px
	}
}

@media only screen and (max-width:767px) {
	h4 {
		font-size: 20px;
		line-height: 1.4
	}

	h5 {
		line-height: 1.4
	}

	h6 {
		line-height: 1.4
	}

	.container-medium {
		width: 100%
	}

	.default-padding {
		padding-top: 50px;
		padding-bottom: 40px
	}

	.padding-xl {
		padding-bottom: 50px;
		padding-top: 50px
	}

	.default-padding.bottom-less {
		padding-bottom: 20px;
		padding-top: 50px
	}

	.default-padding-bottom {
		padding-bottom: 50px
	}

	.default-padding-top {
		padding-top: 50px
	}

	.site-heading {
		margin-bottom: 40px
	}

	.breadcrumb-area h1 {
		font-size: 36px
	}

	.owl-carousel.owl-theme .owl-nav {
		display: none
	}

	.breadcrumb-area {
		padding: 80px 0;
		position: relative;
		text-align: center
	}

	.breadcrumb-area h2 {
		font-size: 36px;
		margin-bottom: 25px
	}

	.breadcrumb-area .text-right {
		text-align: center !important
	}

	.top-bar-area {
		display: none
	}

	.attr-nav>ul>li.button {
		display: none
	}

	nav.navbar .quote-btn,
	.navbar .attr-nav form {
		display: none
	}

	.navbar.navbar-fixed.transparent .attr-nav>ul>li.contact,
	.navbar .attr-nav.button {
		display: none
	}

	.side {
		padding: 50px 50px 50px 35px;
		width: 320px
	}

	.heading-left .right-info {
		padding-left: 15px
	}

	.heading-left h5 {
		margin-bottom: 15px
	}

	.heading-left h2 {
		font-size: 36px;
		margin-bottom: 25px
	}

	.heading-left {
		margin-bottom: 40px
	}

	.site-heading h2 {
		font-size: 24px
	}

	.banner-area {
		text-align: center
	}

	.banner-area h2 {
		font-size: 36px
	}

	.banner-area h3 {
		line-height: 1.4
	}

	.banner-area p {
		padding: 0
	}

	body,
	.banner-area,
	.banner-area div {
		height: auto
	}

	.banner-area .content {
		padding: 60px 0
	}

	.banner-area.bottom-shape .content {
		padding-top: 120px
	}

	.banner-area .content p,
	.banner-area.text-center p {
		padding: 0
	}

	.banner-area .carousel-indicators {
		right: auto;
		left: auto;
		width: 100%;
		height: auto;
		top: auto;
		transform: inherit;
		bottom: 15px;
		position: inherit
	}

	.banner-area .carousel-indicators li {
		display: inline-block;
		margin: 0 5px
	}

	.banner-area.auto-height .content {
		padding: 60px 0
	}

	.banner-area .thumb {
		top: 0
	}

	.banner-area.carousel-shape p {
		padding-right: 0
	}

	.banner-area .thumbs {
		margin-bottom: 50px
	}

	.banner-area .content h2 {
		font-size: 26px
	}
	
	.banner-area .content h2 strong {
		margin-top: 5px;
		font-size: 36px
	}

	.banner-area.text-large .content h2 {
		font-size: 36px
	}

	.banner-area.top-pad-60-responsive {
		padding-top: 60px
	}

	.banner-area .appoinment-box {
		margin-bottom: 60px
	}

	.banner-area.shape .content {
		padding-top: 120px
	}

	.banner-area .content .bottom {
		display: block
	}

	.banner-area .content .bottom a {
		margin-right: 15px;
		margin-left: 15px
	}

	.banner-area .content .bottom .call-us {
		margin-top: 25px;
		justify-content: center
	}

	.banner-area.auto-height.circle-shape .content {
		padding: 50px 0
	}

	.banner-area.circle-shape .content::after {
		display: none
	}

	.banner-area.circle-shape .content::before {
		height: 140%;
		width: 200%;
		border-radius: inherit
	}

	.banner-area.carousel-shape .box-cell::after {
		display: none
	}

	.banner-area.carousel-shape .box-cell::before {
		position: absolute;
		left: 0;
		top: 0;
		content: "";
		height: 100%;
		width: 100%;
		background: #000;
		opacity: .6
	}

	.banner-area.carousel-shape .slider-thumb {
		width: 100%
	}

	.about-area.inc-shape::after {
		display: none
	}

	.about-area .thumb {
		margin-bottom: 30px;
		margin-top: 10px;
	}

	.about-area .thumb img:first-child {
		width: 100%
	}

	.about-area .thumb img:nth-child(2) {
		position: inherit;
		left: 0;
		width: 100%;
		top: 0;
		margin-bottom: 0;
		margin-top: 30px;
		display: none
	}

	.about-area .thumb .overlay .content {
		position: inherit;
		left: 0;
		top: 0;
		transform: inherit;
		width: auto;
		padding: 0
	}

	.about-area .thumb .overlay {
		position: inherit;
		right: 0;
		top: 0;
		height: 100%;
		width: 100%;
		background: #fff;
		transform: inherit;
		display: inline-block;
		padding: 60px;
		margin-top: 30px;
		display: none
	}
	
	.featured-list ul {
		display: block;
	}
	
	.featured-list ul li {
		max-width: 100%;
	}

	.about-area .info {
		text-align: center
	}

	.about-area.faq-area .info {
		text-align: left
	}

	.about-area .info ul li {
		display: block
	}

	.about-area .info ul li i {
		margin-right: 0;
		margin-bottom: 25px
	}

	.about-area .author {
		justify-content: center
	}

	.about-area .author .intro {
		text-align: left
	}

	.about-area.reverse .info {
		padding-right: 15px;
		padding-bottom: 30px
	}

	.about-area.reverse .thumbs img {
		max-width: 100%
	}

	.about-content-area .thumb img:first-child {
		width: 100%
	}

	.about-content-area .overlay {
		right: auto;
		left: 30px
	}

	.about-content-area .thumb {
		margin-bottom: 80px
	}

	.about-standard-area .thumb img:nth-child(2) {
		display: none
	}

	.about-standard-area .thumb {
		margin-top: 0;
		margin-bottom: 70px
	}

	.about-standard-area .thumb img:first-child {
		max-width: 100%;
		float: center;
		border: 0
	}

	.about-standard-area .overlay {
		left: 30px;
		bottom: -30px
	}

	.about-standard-area .fixed-shape {
		display: none
	}

	.content-tabs .nav-tabs li {
		display: block;
		margin-bottom: 15px
	}

	.content-tabs .nav-tabs li a {
		padding: 15px;
		border: 1px solid #ddd;
		text-align: center;
		background: #fff !important
	}

	.content-tabs .nav-tabs {
		border: 0;
		margin-bottom: 15px !important
	}

	.who-we-area-area {
		text-align: center
	}

	.who-we-area-area .thumb {
		min-height: 350px;
		display: none
	}

	.who-we-area-box .item:first-child {
		margin-top: 30px;
		padding-bottom: 30px
	}

	.who-we-area-box .item {
		padding: 50px 30px;
		border: 0;
		position: relative
	}

	.who-we-area-box .item .text-blur {
		top: 10px;
		left: 50%;
		transform: translateX(-50%)
	}

	.who-we-area-box .item h4 {
		margin-bottom: 15px
	}

	.features-area .features-box {
		padding-left: 15px;
		margin-top: 30px
	}

	.features-area .features-box .item-grid {
		margin-top: 30px
	}

	.features-area .features-box .item-grid .item {
		background: #fff !important
	}

	.features-area .features-box .item-grid .item a,
	.features-area .features-box .item-grid .item p {
		color: #232323 !important
	}

	.features-area .features-box .item-grid .item i {
		color: #086AD8 !important
	}

	.features-area .item-grid .item:hover {
		background: linear-gradient(90deg, rgba(8, 106, 216, 1) 0, rgba(10, 60, 116, 1) 100%) !important
	}

	.features-area .features-box .item-grid .item:hover a,
	.features-area .features-box .item-grid .item:hover p,
	.features-area .features-box .item-grid .item:hover i {
		color: #fff !important
	}

	.feature-area .features-box .single-item {
		margin-top: 30px
	}

	.feature-area .features-box .single-item:first-child {
		margin-top: 0
	}

	.top-features-area .item {
		text-align: center
	}

	.top-features-area .item .more {
		text-align: center !important
	}

	.top-features-area .item .more a {
		padding: 0
	}

	.top-features-area .item .more a::after {
		display: none
	}

	.feature-area .feature-box .thumb img {
		max-width: 100%
	}

	.feature-area .feature-box .content .content-box {
		position: inherit;
		top: 0;
		transform: inherit;
		margin-top: 30px;
		background: transparent;
		border: 0;
		padding: 0
	}

	.feature-area .feature-box .content {
		padding-left: 15px
	}

	.feature-area .feature-box .item {
		display: block;
		text-align: center;
		background: #fff;
		padding: 50px 30px;
		margin-top: 30px;
		border-radius: 5px;
		box-shadow: 0 0 10px #ccc
	}

	.feature-area .feature-box .item i {
		margin-right: 0;
		margin-bottom: 25px
	}

	.work-process-area .work-pro-items .item {
		text-align: center
	}

	.work-process-area .work-pro-items .item .icon span {
		left: 50%;
		transform: translateX(-50%)
	}

	.works-about-items::before {
		right: -20%
	}

	.works-about-area .works-about-items .info,
	.works-about-area.reverse .works-about-items .info {
		padding-right: 15px;
		padding-left: 15px
	}

	.works-about-area .works-about-items .thumb {
		margin-top: 50px
	}

	.works-about-area.reverse .works-about-items .thumb {
		margin-top: 0;
		margin-bottom: 80px
	}

	.works-about-area .works-about-items .thumb .fun-fact,
	.works-about-area.reverse .works-about-items .thumb .fun-fact {
		left: 50%;
		transform: translateX(-50%);
		width: 80%
	}

	.quick-contact-area .text-right {
		text-align: left !important;
		margin-top: 30px
	}

	.fun-factor-area .fun-fact-items .item {
		margin-top: 50px
	}

	.fun-factor-area .fun-fact-items .item:first-child {
		margin-top: 0
	}

	.faq-area .faq-content {
		margin-top: 40px
	}

	.about-area.faq-area .faq-content {
		margin-top: 25px
	}

	.faq-area .appoinment-form {
		margin-top: 30px;
		padding: 50px 30px
	}

	.testimonials-area {
		text-align: center
	}

	.testimonials-area .testimonial-items .owl-stage-outer {
		margin: -15px -15px;
		padding: 15px
	}

	.testimonials-area .item::before {
		display: none
	}

	.testimonials-area .thumb {
		position: relative;
		z-index: 1;
		height: 200px;
		width: 200px;
		margin: auto auto 25px
	}

	.testimonials-area .thumb i {
		right: 15px
	}

	.testimonials-area .item .provider {
		justify-content: center
	}

	.case-studies-area.grid-items .case-items.colums-2 .pf-item,
	.case-studies-area.grid-items .case-items.colums-3 .pf-item,
	.case-studies-area.grid-items .case-items.colums-4 .pf-item {
		width: 100% !important
	}

	.case-details-area .content {
		padding: 0 15px
	}

	.case-details-area .content ul.project-info {
		display: block;
		overflow: hidden;
		top: 0;
		margin-bottom: 30px;
		margin-top: 30px
	}

	.case-details-area .content ul.project-info li {
		float: left;
		width: 100%;
		margin-bottom: 0;
		margin-top: 30px;
		text-align: center
	}

	.case-details-area .content ul.project-info li .title {
		justify-content: center
	}

	.case-details-area .content ul.project-info li:first-child {
		margin-top: 0
	}

	.video-area.extra-padding {
		padding-bottom: 205px
	}

	.choose-us-area .single-item {
		margin-bottom: 30px;
		text-align: center
	}

	.choose-us-area .single-item:last-child {
		margin-bottom: 0
	}

	.choose-us-area .item {
		padding: 50px 30px;
		display: block
	}

	.choose-us-area .item .call {
		text-align: left;
		justify-content: center
	}

	.choose-us-area .item .icon i {
		margin-right: 0;
		margin-bottom: 25px
	}

	.services-area .services-tabs .row {
		margin-left: -15px
	}

	.services-area .services-tabs ul li {
		display: block;
		margin-bottom: 25px
	}

	.services-area .services-tabs ul li:last-child {
		margin-bottom: 0
	}

	.services-area .services-tabs ul li a {
		margin: 0
	}

	.services-area .services-tabs .tab-pane {
		margin-bottom: 0;
		overflow: hidden
	}

	.services-area .services-tabs .tab-pane::after {
		display: none
	}

	.services-area .services-tabs .info {
		padding-left: 15px
	}

	.services-area .services-tabs .info .content {
		padding: 50px 30px
	}

	.services-area .services-tabs .thumb {
		min-height: 300px
	}

	.featured-services-area {
		padding-top: 50px
	}

	.service-area .service-box .item {
		text-align: center;
		display: block;
		padding: 50px 30px
	}

	.service-area .service-box .item .icon {
		display: inline-block
	}

	.service-area .service-box .item i {
		margin-right: 0;
		margin-bottom: 25px
	}

	.services-details-area .sidebar {
		margin-top: 50px
	}

	.services-area .services-content .item {
		display: block;
		text-align: center
	}

	.services-area .services-content img {
		margin: auto
	}

	.services-area .services-content .item .icon {
		margin-right: 0;
		margin-bottom: 30px
	}

	.services-area .services-content .item .bottom {
		justify-content: center
	}

	.services-area .services-content .item .bottom span {
		display: none
	}

	.team-single-area .top-info .thumb {
		margin-bottom: 30px
	}

	.team-single-area .basic-info::after {
		width: 100%
	}

	.team-single-area .basic-info {
		margin-left: 0;
		margin-right: 0;
		padding: 30px
	}

	.team-single-area .bottom-info {
		margin-top: 30px
	}

	.team-single-area .skill-items {
		margin-top: 30px
	}

	.team-single-area .basic-info li {
		width: 100%
	}

	.blog-area .blog-thin-colums .thumb {
		margin-bottom: 30px
	}

	.blog-area .blog-items .footer-meta ul {
		border-top: 0;
		padding-top: 0
	}

	.blog-area .blog-items .footer-meta ul li:first-child {
		display: none
	}

	.blog-area .pagi-area .pagination {
		display: block
	}

	.blog-area .pagi-area .pagination li {
		display: inline-block;
		margin-top: 5px
	}

	.blog-area .blog-content .post-tags,
	.blog-area .blog-content .share {
		display: block;
		text-align: center
	}

	.blog-area .blog-content .share .social {
		margin-top: 10px
	}

	.blog-area.left-sidebar .blog-content {
		float: none
	}

	.blog-area .sidebar .sidebar-item.add-banner .sidebar-info {
		padding: 50px 30px
	}

	.blog-area.left-sidebar .sidebar,
	.blog-area.right-sidebar .sidebar {
		margin-top: 50px;
		overflow: hidden
	}

	.blog-area.right-sidebar .sidebar {
		padding-left: 15px
	}

	.blog-area.left-sidebar .sidebar {
		padding-right: 15px
	}

	.blog-area.single .post-pagi-area {
		text-align: center
	}

	.blog-area.single .post-pagi-area a {
		width: 100%;
		margin: 5px;
	}

	.blog-area.single .post-pagi-area a:last-child {
		float: none
	}

	.comments-list .commen-item.reply {
		margin-left: 0;
		padding-left: 0
	}

	.comments-list .commen-item .content,
	.comments-list .commen-item .avatar {
		display: block;
		text-align: center
	}

	.comments-list .commen-item .content {
		width: 100%
	}

	.comments-list .commen-item .avatar {
		float: none;
		height: 80px;
		width: 80px;
		margin: auto
	}

	.comments-list .commen-item .content .title {
		display: block;
		margin-top: 20px;
		margin-bottom: 10px
	}

	.comments-list .commen-item .content .title span {
		margin: 0;
		padding: 0;
		border: 0;
		display: block;
		margin-top: 15px
	}

	.comments-list .commen-item {
		margin-bottom: 50px
	}

	.comments-list .commen-item:last-child {
		margin-bottom: 0;
		padding: 0;
		border: 0
	}

	.blog-area .comments-form {
		margin-top: 50px
	}

	.contact-area .info {
		padding-left: 15px;
		margin-top: 30px
	}

	.contact-area .contact-tabs>ul {
		border: 0;
		margin-top: 0;
		text-align: center
	}

	.contact-area .contact-tabs>ul li {
		display: block;
		margin-bottom: 15px
	}

	.contact-area .contact-tabs>ul li:last-child {
		margin-bottom: 0
	}

	.contact-area .contact-tabs>ul li a {
		margin-right: 0;
		border: 1px solid #e7e7e7;
		background: #fff;
		font-size: 20px
	}

	.contact-area .contact-tabs>ul li a.active {
		background: #fff
	}

	.contact-tabs .tab-content iframe {
		height: 300px
	}

	.error-page-area .error-box h1 {
		display: none
	}

	footer .f-items.default-padding {
		padding-top: 0
	}

	footer .f-item.about {
		margin-right: 0
	}

	footer.bg-dark .footer-bottom {
		text-align: center
	}

	footer .footer-bottom .text-right {
		text-align: center !important;
		margin-top: 10px;
        margin-bottom:10px;
	}
}

@media only screen and (min-width:480px) and (max-width:767px) {
	.side {
		padding: 50px;
		width: 400px
	}

	.comments-list .commen-item .content,
	.comments-list .commen-item .avatar {
		display: table-cell;
		text-align: left
	}

	.comments-list .commen-item .content {
		width: auto
	}

	.comments-list .commen-item .avatar {
		float: none;
		height: 80px;
		width: 80px;
		margin: inherit
	}

	.comments-list .commen-item .content .title {
		margin-top: 0
	}

	.comments-list .commen-item .content {
		padding-left: 25px
	}

	.comments-list .commen-item .content .title {
		margin-top: 0
	}

	.blog-area.single .post-pagi-area {
		text-align: inherit
	}

	.blog-area.single .post-pagi-area a:last-child {
		float: right
	}
}

@media screen and (max-width:991px) {
	.order-last {
		order: 0
	}
}

@media only screen and (max-width:350px) {
	.banner-area .popup-youtube.relative.video-play-button {
		display: none
	}

	.banner-area .nice-select .option {
		font-size: 12px
	}

	.banner-area .appoinment-box {
		margin-bottom: 60px;
		padding: 50px 30px
	}

	.faq-area .faq-content .card .card-header h4 {
		align-items: inherit
	}
}

@media only screen and (max-width:550px) {
	.video-area .fixed-shape-bottom {
		display: none
	}
}

@media only screen and (min-width:992px) and (max-width:1199px) {
	.testimonials-area .testimonial-items .owl-stage-outer {
		margin: -15px -15px;
		padding: 15px
	}

	.testimonials-area .item::before {
		display: none
	}

	.testimonials-area .thumb i {
		right: 45px
	}

	.testimonial-items .item>.row {
		align-items: center
	}
}

@media only screen and (max-width:1199px) {
	.team-single-area .row.align-center {
		align-items: inherit
	}
}

@media only screen and (max-width:1199px) {

	.case-studies-area.grid-items .case-items.colums-2 .pf-item,
	.case-studies-area.grid-items .case-items.colums-3 .pf-item,
	.case-studies-area.grid-items .case-items.colums-4 .pf-item {
		width: 50%
	}
}

@media only screen and (min-width:991px) and (max-width:1400px) {
	.banner-area.carousel-shape .slider-thumb {
		width: 70%
	}
}

@media only screen and (max-width:500px) {
	.about-content-area {
		text-align: center
	}

	.about-content-area .overlay {
		display: block;
		text-align: center;
		left: 50%;
		transform: translateX(-50%);
		display: none
	}

	.about-content-area .overlay i {
		border-right: 0;
		margin-right: 0;
		padding-right: 0;
		margin-bottom: 25px;
		display: inline-block
	}

	.about-content-area .thumb {
		margin-bottom: 30px
	}
}

@media only screen and (max-width:400px) {
	.about-standard-area .thumb {
		margin-bottom: 30px
	}

	.about-standard-area .overlay {
		display: none
	}
}
