/*================================ 
    #RESPONSIVE CSS 
====================================*/


/* Tablet Layout: 768px.*/

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.heading-left p {
		margin-top: 15px;
	}
	/* Topbar */
	.top-bar-area .item-flex {
		display: none;
	}
	.top-bar-area .item-flex {
		justify-content: center;
		margin-top: 15px;
	}
	.top-bar-area .social li {
		margin: 0 10px;
	}
	/* Banner */
	body {
		height: auto;
	}

	/* About */
	.about-us-area .thumb .experience {
		left: 0;
		bottom: -160px;
		margin: 0;
		position: absolute;
		margin-top: 30px;
	}
	.about-us-area .info {
		padding-left: 15px;
	}
	.about-us-area .thumb {
		margin-bottom: 30px;
	}
	.about-us-area .thumb img:first-child {
		width: 100%;
	}
	.about-us-area .thumb img:nth-child(2) {
		width: 250px;
		bottom: 20px;
		right: 50px;
	}
	.about-us-area .thumb::after {
		display: none;
	}
	/* Features */
	.features-area .single-item:first-child {
		padding-right: 15px;
	}
	.features-area .single-item:last-child {
		padding-left: 15px;
	}
	.features-area .single-item .item {
		float: left;
		width: 50%;
		margin: 0;
		padding: 0 15px;
	}
	/* Appoinment */
	.fun-factor-area .shape {
		display: none;
	}
	/* Work Process */
	.process-items {
		margin-top: -50px;
	}
	.work-process-area::after {
		height: 100%;
		width: 100%;
	}
	.process-items .single-item {
		margin-top: 50px !important;
	}
	.process-items .single-item:first-child {
		margin-top: 0;
	}
	.process-items::after {
		display: none;
	}
	.work-process-area .process-items .single-item:nth-child(2) .item span {
		bottom: 20px;
	}
	.work-process-area .process-items .single-item .item span {
		left: 50% !important;
		bottom: -15px !important;
		top: auto !important;
		transform: translateX(-50%) !important;
	}
	.work-process-area .process-items .item h5 {
		margin-top: 10px;
	}
	.work-process-area .process-items .single-item:nth-child(2n) .item img, 
	.work-process-area .process-items .single-item .item:hover img {
		transform: inherit;
		margin-bottom: 25px;
	}

	.work-process-area .process-items .item:hover span, 
	.work-process-area .process-items .single-item:nth-child(2n) .item span {
		right: inherit;
	}

	.process-items {
		margin-top: 0;
	}
	/* Fun Fact */
	.fun-fact-items .item .fun-fact {
		border: 1px solid #e7e7e7;
		padding: 30px;
		background: rgba(255, 255, 255, 0.9);
	}
	
	.bg-theme .fun-fact-items .item .fun-fact {
		border-color: rgba(255, 255, 255, 0.3);
		background: transparent;
	}
	.fun-fact-items .item {
		margin-top: 30px;
	}
	.fun-fact-items .item:first-child,
	.fun-fact-items .item:nth-child(2) {
		margin-top: 0;
	}
	.fun-factor-area .medium {
		color: var(--black);
	}

	
	.fun-factor-area.bg-theme .medium {
		color: var(--white);
	}
	/* Pricing */
	/* Portfolio */
	.project-style-one .info h4 {
		transform: translateY(0);
		transform: translateX(10px);
	}
	.project-style-one .info span {
		transform: translateX(10px);
		opacity: 1;
	}
	/* Search Service */
	/* Team Single */
	/* Estimate */

	/* Services */
	.services-types-area::after {
		display: none;
	}
	.services-type-items .thumb {
		margin-left: 0;
		margin-top: 50px;
	}
	.services-type-items .thumb h4 {
		left: auto;
		right: 50px;
		display: none;
	}
	.services-details-items .services-sidebar {
		padding-left: 15px;
		margin-top: 50px;
	}
	/* Testimonials */
	.testimonial-carousel .item {
		display: block;
		padding: 50px 30px;
		padding-bottom: 70px;
		background: #ffffff;
		box-shadow: 0px 2px 12px 0px #e7e7e7;
		text-align: center;
		border-radius: 6px;
	}
	.testimonial-carousel .item .provider {
		justify-content: center;
	}
	.testimonial-carousel .item .content {
		padding: 0;
		background: transparent;
	}

	.testimonial-carousel .item .content img {
		top: -36px;
		left: 50%;
		transform: translateX(-50%);
	}
	
	.testimonial-carousel .item .content img {
		top: -36px;
		left: 50%;
		transform: translateX(-50%);
	}
	/* Choose us */
	/* Achivement */
	/* Features */
	/* Blog */
	/* Contact Area */
	.maps-area {
		margin: 0;
		padding: 0;
	}
	.maps-area iframe {
		min-height: 450px;
	}
	.contact-form-box {
		padding-left: 15px;
		margin-top: 50px;
	}
	.contact-content .content {
		overflow: hidden;
	}
	.bg-theme .contact-content .content {
		padding: 50px;
		background: var(--white);
	}
	.bg-theme .contact-content .content li,
	.bg-theme .contact-content .content li p {
		color: var(--color-heading);
	}
	.contact-content .content img {
		width: 80%;
	}
	.contact-content .content li {
		margin-top: 30px !important;
		float: left;
		width: 50%;
		padding: 0 15px;
	}
	/* Footer */
	footer .fixed-shape-left {
		display: none;
	}
	footer .footer-bottom-box {
		padding: 30px 0;
	}
	footer .footer-bottom-box {
		text-align: center;
	}
	footer .footer-bottom-box .text-end {
		text-align: center !important;
		margin-top: 15px;
	}
	footer .footer-bottom li {
		margin: 0 7px !important;
		padding: 0 10px;
	}
	footer .footer-bottom li::before {
		left: -9px;
	}
}


/* Mobile Layout: 320px. */

@media only screen and (max-width: 767px) {
	.default-padding {
		padding-top: 50px;
		padding-bottom: 50px;
	}
	.default-padding.bottom-less {
		padding-bottom: 20px;
		padding-top: 50px;
	}
	.site-heading {
		margin-bottom: 40px;
	}
	.heading-left {
		margin-bottom: 40px;
	}
	.heading-left p {
		margin-top: 15px;
	}
	.site-heading h2 {
		font-size: 36px;
	}
	.breadcrumb-area h1 {
		font-size: 36px;
	}
	.breadcrumb-area {
		padding: 80px 0;
		position: relative;
	}
	/* Topbar */
	.top-bar-area {
		display: none;
	}
	
	/* Banner Area */
	body {
		height: auto;
	}

	/* About */
	.about-us-area {
		text-align: center;
	}
	.about-us-area .thumb img:nth-child(2) {
		display: none;
	}
	.about-us-area .thumb::after {
		display: none;
	}
	.about-us-area .thumb .experience {
		left: 0;
		bottom: 0;
		margin: 0;
		position: inherit;
		margin-top: 30px;
	}
	.about-us-area .info {
		padding-left: 15px;
	}
	.about-us-area .thumb {
		margin-bottom: 30px;
	}
	.about-us-area .thumb img:first-child {
		width: 100%;
	}
	.about-us-area .thumb::after {
		display: none;
	}
	.about-us-area .thumb .experience {
		left: 0;
		bottom: 0;
		margin: 0;
		position: inherit;
		margin-top: 30px;
	}
	.about-us-area .info {
		padding-left: 15px;
	}
	.about-us-area .thumb {
		margin-bottom: 30px;
	}
	.about-us-area .thumb img:first-child {
		width: 100%;
	}
	
	/* Estimate */
	/* Feature */
	.features-area {
		text-align: center;
	}
	.features-area .single-item:first-child {
		padding-right: 15px;
	}
	.features-area .single-item:last-child {
		padding-left: 15px;
	}
	/* Choose us */
	/* Portfolio */
	.project-style-one .info h4 {
		transform: translateY(0);
		transform: translateX(10px);
	}
	.project-style-one .info span {
		transform: translateX(10px);
		opacity: 1;
	}
	/* Work Process */
	.work-process-area::after {
		height: 100%;
		width: 100%;
	}
	.process-items .single-item {
		margin-top: 50px;
	}
	.process-items .single-item:first-child {
		margin-top: 0;
	}
	.process-items::after {
		display: none;
	}
	.work-process-area .process-items .single-item .item span {
		left: 50% !important;
		bottom: -15px !important;
		top: auto !important;
		transform: translateX(-50%) !important;
	}
	.work-process-area .process-items .item h5 {
		margin-top: 10px;
	}
	.work-process-area .process-items .single-item:nth-child(2n) .item img, 
	.work-process-area .process-items .single-item .item:hover img {
		transform: inherit;
		margin-bottom: 25px;
	}

	.work-process-area .process-items .item:hover span, 
	.work-process-area .process-items .single-item:nth-child(2n) .item span {
		right: inherit;
	}

	.process-items {
		margin-top: 0;
	}

	/* Fun Fact */
	.fun-fact-items .fun-fact {
		display: block;
		border: 1px solid #e7e7e7;
		padding: 30px;
		background: rgba(255, 255, 255, 0.9);
	}
	
	.bg-theme .fun-fact-items .item .fun-fact {
		border-color: rgba(255, 255, 255, 0.3);
		background: transparent;
	}
	.fun-fact-items .item {
		margin-top: 30px;
	}
	.fun-fact-items .item:first-child {
		margin-top: 0;
	}
	.fun-factor-area .fun-fact-items .fixed-bg {
		display: none;
	}
	.fun-factor-area .shape {
		bottom: -30px;
		display: none;
	}
	.fun-factor-area .medium {
		color: var(--color-heading);
	}

	.testimonial-carousel .item .content p {
		font-size: 17px;
	}

	
	.fun-factor-area.bg-theme .medium {
		color: var(--white);
	}
	/* Appoinment */
	/* Team */
	.team-area.shape::after {
		height: 100%;
		width: 100%;
	}
	/* Services */
	.services-types-area::after {
		display: none;
	}
	.services-type-items .thumb {
		margin-left: 0;
		margin-top: 30px;
	}
	.services-type-items .thumb h4 {
		left: auto;
		right: 50px;
		display: none;
	}
	.services-details-items .services-sidebar {
		padding-left: 15px;
		margin-top: 50px;
	}
	.services-details-area .features {
		margin-bottom: 0;
	}
	.services-details-area .features .content {
		margin-bottom: 30px;
	}
	.services-more .item {
		text-align: center;
		padding: 50px 37px;
	}
	/* Search Service */
	/* Testimonials */
	.testimonial-carousel .item {
		display: block;
		padding: 50px 30px;
		padding-bottom: 70px;
		background: #ffffff;
		box-shadow: 0px 2px 12px 0px #e7e7e7;
		text-align: center;
		border-radius: 6px;
	}
	.testimonial-carousel .item .provider {
		justify-content: center;
	}
	.testimonial-carousel .item .content {
		padding: 0;
		background: transparent;
	}
	
	.testimonial-carousel .item .content img {
		top: -36px;
		left: 50%;
		transform: translateX(-50%);
	}
	
	.testimonial-carousel .item .content img {
		top: -36px;
		left: 50%;
		transform: translateX(-50%);
	}
	/* Pricing */
	/* Blog */
	/* Contact Area */
	.maps-area {
		margin: 0;
		padding: 0;
		margin-bottom: 50px;
	}
	.maps-area iframe {
		min-height: 300px;
	}
	.contact-form-box {
		padding-left: 15px;
		margin-top: 30px;
	}
	.bg-theme .contact-content .content {
		padding: 50px;
		background: var(--white);
	}
	.bg-theme .contact-content .content li,
	.bg-theme .contact-content .content li p {
		color: var(--color-heading);
	}
	.contact-content .form-box p {
		padding-right: 0;
	}
	/* Footer */
	footer .f-items .f-item.about {
		border: none !important;
		padding: 0;
		margin: 0;
	}
	footer .fixed-shape-left {
		display: none;
	}
	footer .animate-illustration {
		display: none;
	}
	footer .footer-bottom-box {
		padding: 30px 0;
	}
	footer .footer-bottom-box {
		text-align: center;
	}
	footer .footer-bottom-box .text-end {
		text-align: center !important;
		margin-top: 15px;
	}
	footer .footer-bottom li {
		margin: 0 7px !important;
		padding: 0 10px;
	}
	footer .footer-bottom li::before {
		left: -9px;
	}
}


/* Wide Mobile Layout: 480px. */

@media only screen and (min-width: 480px) and (max-width: 767px) {
	
	/* Blog */
}

@media screen and (max-width: 991px) {
	/* global reset - start */
}


/* Custom layout. */

@media only screen and (max-width: 400px) {
	/* Pricing */
	/* Testimonials */
	.testimonial-carousel .item .provider {
		display: block;
	}
	.testimonial-carousel .item .provider h5::after {
		display: none;
	}
	.testimonial-carousel .item .provider h5 {
		padding: 0;
		margin: 0;
		margin-top: 5px;
	}
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
	.top-bar-area .col-lg-5.offset-lg-3.info {
		margin-left: 0;
		max-width: 66.666667%;
		flex: 0 0 66.666667%;
	}

	.top-bar-area .col-lg-5.offset-lg-3.info ul {
		text-align: left;
	}

	.container-fill {
		width: 100%;
		max-width: 100%;
		padding-left: 15px;
		padding-right: 15px;
	}
}



/* Custom layout. */


/* Custom layout. */

@media only screen and (max-width: 450px) {
	.services-types-area .item ul li {
		width: 100%;
	}
}