/*================================ 
    #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.multi-content .item-flex {
		display: flex;
		justify-content: space-between;
	}
	.top-bar-area .social li {
		margin: 0 10px;
	}
	/* Banner */
	body,
	.banner-area,
	.banner-area div {
		height: auto;
	}
	.banner-area.bg-cover.shadow.theme-hard.text-light.text-multi-weight {
	    padding-bottom: 30px;
	    margin-bottom: -30px;
	}
	.banner-area .content {
		padding: 120px 0;
	}
	.banner-area .carousel-indicator {
		height: 100%;
	}
	.shadow.gradient::after {
		background: #000000;
		opacity: 0.6;
	}
	.banner-area.inc-shape .box-cell::before {
		width: 100%;
		background: rgba(0, 0, 0, 0) linear-gradient(to left, rgba(0, 0, 0, 0) 0%, rgba(255, 255, 255, 1) 70%) repeat scroll 0 0;
	}
	.banner-area .appinment-forms {
	    margin-left: 0;
	}
	.banner-area.bg-cover.shadow.theme-hard.text-light.text-multi-weight {
	    padding-bottom: 30px;
	}
	.banner-area .appinment-forms {
	    margin-left: 0;
	}

	/* About */
	.about-style-one .thumb .experience {
		left: 0;
		bottom: 0;
		margin: 0;
		position: inherit;
		margin-top: 30px;
	}
	.about-style-one.info {
		padding-left: 0;
		padding-right: 0;
	}
	.about-style-one .thumb {
		margin-bottom: 30px;
	}
	.about-style-one .thumb img:first-child {
		width: 100%;
	}
	.about-style-one .thumb img:nth-child(2) {
		width: 250px;
		bottom: 20px;
		right: 50px;
		display: none;
	}
	.about-style-one .color-shape {
		display: none;
	}
	.about-style-one .thumb .experience {
		left: 0;
		bottom: 0;
		margin: 0;
		position: inherit;
		margin-top: 30px;
	}
	.about-style-one .thumb::after {
		display: none;
	}
	.about-style-two .thumb {
	    margin-right: 0;
	    margin-bottom: 50px;
	    margin-left: 0;
	    max-width: 100%;
	    padding: 0;
	}

	/* Features */
	.features-style-two-box {
		padding: 50px 30px;
	}
	.features-style-two img {
		margin: 0;
		max-width: 100%;
		margin-top: 30px;
	}
	.award .item::after {
		display: none;
	}
	.feature-style-three {
	    display: flex;
	}
	.feature-style-three.award {
        margin: 50px 0;
        margin-bottom: 70px;
        margin-top: 20px;
    }
	.feature-style-three .item {
	    margin-top: 30px !important;
	    margin: 0 15px;
	}
	.feature-style-three.award .item {
		width: 100%;
		padding: 140px 50px;
		padding-bottom: 50px;
	}

	.award .item h4 {
		display: inline-block;
		min-width: 500px;
	}
	.feature-style-four .item {
        float: left;
        width: 50%;
        margin: 0;
        padding: 0 15px;
    }

	/* Appoinment */

	.appoinment-area {
		width: 100% !important;
	}

	.appoinment-area .thumb {
		display: none;
	}
	.appoinment-form::before {
		display: none;
	}
	.appoinment-form {
		margin: 120px 0;
		margin-bottom: 135px;
	}
	.appoinment-area {
		width: 100%;
		border-radius: inherit;
		overflow: inherit;
	}
	/* Work Process */
	.process-items {
		margin-top: -50px;
	}
	.work-process-area::after {
		height: 100%;
		width: 100%;
	}
	.process-style-one {
		margin-top: 50px !important;
	}
	.process-style-one:first-child {
		margin-top: 0;
	}
	.process-items .line-shape {
		display: none;
	}
	.process-style-one:nth-child(2) .item span {
		bottom: 20px;
	}
	.process-style-one span {
		left: 50% !important;
		bottom: -15px !important;
		top: auto !important;
		transform: translateX(-50%) !important;
	}
	.process-style-one h5 {
		margin-top: 10px;
	}
	.process-style-one:nth-child(2n) .item img, 
	.process-style-one .item:hover img {
		transform: inherit;
		margin-bottom: 25px;
	}

	.process-style-one .item:hover span, 
	.process-style-one:nth-child(2n) .item span {
		right: inherit;
	}

	/* Fun Fact */
	.fun-fact-items .item .fun-fact {
		border: 1px solid #e7e7e7;
		padding: 30px;
		background: rgba(255, 255, 255, 0.9);
	}
	.bg-dark .fun-fact-items .item .fun-fact,
	.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-dark .medium,
	.fun-factor-area.bg-theme .medium {
		color: var(--white);
	}
	.fun-factor-area .shape-animated-left-right {
		display: none;
	}

	/* Pricing */
	.pricing-area .fixed-sahpe-bottom {
		width: 100%;
	}
	.pricing-style-two .pricing-item ul {
		overflow: hidden;
		display: inline-block;
		text-align: left;
	}

	.pricing-style-two .pricing-item>i {
		position: inherit;
		right: auto;
		margin-bottom: 30px;
	}
	
	.pricing-style-two .pricing-header,
	.pricing-style-two .pricing-item .price {
		text-align: center;
	}
	
	.pricing-style-two .pricing-item li {
		float: none;
		display: block;
		width: auto;
	}
	
	.pricing-style-two .pricing-item {
		text-align: center;
	}

	/* Portfolio */
	.gallery-items.colums-2 .pf-item,
	.gallery-items.colums-3 .pf-item,
	.gallery-items.colums-4 .pf-item {
		width: 50% !important;
	}
	.project-details-area .project-info {
		border: none;
		margin-top: 40px;
		margin-bottom: 10px;
		background: #f7f7f7;
		padding: 50px;
	}
	.project-style-one .info h4 {
		transform: translateY(0);
		transform: translateX(10px);
	}
	.project-style-one .info span {
		transform: translateX(10px);
		opacity: 1;
	}
	.project-items-area .project-style-one .info span {
		opacity: 0;
	}
	.project-items-area .project-style-one:hover .info span {
		opacity: 1;
	}
	/* Search Service */
	.search-service-box .input-button {
		margin-top: 20px;
		margin-bottom: 10px;
	}
	/* Team Single */
	.team-single-area .team-content-top {
		bottom: 0;
		margin-top: 0;
	}
	.team-single-area .team-content-top .right-info {
		padding-left: 15px;
		padding-right: 15px;
		margin-top: 30px;
		margin-bottom: 120px;
	}
	.team-single-area .bottom-info .skill-items {
		padding-left: 0;
		margin-top: 30px;
	}
	.team-single-area .thumb img {
		width: 100%;
	}
	/* Estimate */
	.estimate-area .estimate-form .shape {
		display: none;
	}
	.estimate-area .estimate-form {
		top: 0;
		margin: 0;
	}
	.estimate-area .estimate-form::after {
		right: -30px;
		display: none;
	}
	.estimate-area {
		background: #ffb400;
	}
	.estimate-area .estimate-form .fixed-shape-left {
		display: none;
	}
	.estimate-area .estimate-form h2 {
		margin-bottom: 15px;
	}
	.estimate-area .estimate-form .form-group {
		margin-bottom: 15px;
	}
	.estimate-area .estimate-form button {
		margin-top: 15px;
	}
	/* Services */

	.services-style-two-box {
		border-left: none;
	}

	.services-style-two-box .owl-stage-outer {
		padding: 15px;
		margin: -15px;
	}

	.sevices-style-two {
		background: #ffffff;
		border: 1px solid #e7e7e7 !important;
	}
	.services-type-items.services-type-carousel .owl-dots {
		right: 30px;
		display: none;
	}
	.services-tyle-two-box {
		border: none;
	}
	.services-types-area::after {
		display: none;
	}
	.services-style-one .thumb {
		margin-left: 0;
		margin-top: 50px;
	}
	.services-style-one .thumb h4 {
		left: auto;
		right: 50px;
		display: none;
	}
	.services-details-items .services-sidebar {
		padding-left: 15px;
		margin-top: 50px;
	}
	.sevices-style-two:hover .thumb::after {
		opacity: 0.7;
		visibility: visible;
	}
	.sevices-style-two:hover .thumb {
		opacity: 1;
		width: 100%;
		visibility: visible;
	}
	.sevices-style-two:hover h4,
	.sevices-style-two:hover i,
	.sevices-style-two:hover p,
	.sevices-style-two:hover a {
		color: #ffffff;
	}
	.services-style-three .item {
		border: 1px solid #e7e7e7;
	}

	.services-style-three {
		margin-top: 30px;
	}

	.services-style-three:first-child,
	.services-style-three:nth-child(2) {
		margin-top: 0;
	}
	/* Testimonials */
	.carousel-shadow .owl-stage-outer {
		margin-bottom: -30px;
	}
	.testimonial-carousel .item {
		display: block;
		padding: 80px;
		padding-bottom: 120px;
		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 img {
		margin: auto auto 50px;
	}
	.testimonial-carousel .item .content img {
		top: -36px;
		left: 50%;
		transform: translateX(-50%);
	}
	.testimonial-carousel .item .content::after,
	.testimonial-carousel .item .content::before {
		display: none;
	}
	.testimonial-carousel .item .content img {
		top: -36px;
		left: 50%;
		transform: translateX(-50%);
	}
	.testimonials-area .testimonial-carousel.owl-carousel .owl-dots {
		position: inherit;
		top: auto;
		bottom: 80px;
		right: auto;
		left: 50%;
		transform: translateX(-50%);
	}
	.testimonials-area .testimonial-carousel.owl-carousel .owl-dots .owl-dot {
		display: inline-block;
		margin: 0 10px;
	}
	/* Choose us */
	.choose-style-one .video {
		display: none;
	}
	.choseus-style-one-area::before {
		display: none;
	}
	.choseus-style-one-area .angle-shape {
		display: none;
	}
	.choose-style-one ul {
		padding-left: 0;
		margin-top: 30px;
	}
	.choose-style-one ul li {
		margin-top: 30px;
	}
	.choseus-style-one-area {
		padding-bottom: 120px;
	}
	/* Achivement */
	ul.achivement li {
		margin: 0;
		padding: 30px !important;
		width: 50%;
		border: 1px solid #e7e7e7 !important;
	}
	ul.achivement li:first-child {
		border-right: none !important;
	}
	ul.achivement {
		margin-top: 50px;
	}
	.services-style-two-area .heading-left {
		text-align: center;
	}
	ul.achivement li .counter {
		justify-content: center;
	}
	/* Features */
	.features-style-two .experience {
		padding: 0;
	}
	.features-style-two img {
		max-width: 100%;
		margin: 0;
		margin-top: 30px;
	}
	.features-style-two .thumb::after {
		display: none;
	}
	/* Blog */
	.blog-area.left-sidebar .blog-content {
		float: none;
	}
	.blog-area .thumb .date {
		left: 30px;
		right: auto;
	}
	.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: none;
	}
	.blog-area.right-sidebar .sidebar {
		padding-left: 15px;
	}
	.blog-area.left-sidebar .sidebar {
		padding-right: 15px;
	}
	.blog-area .item .thumb img {
		width: 100%;
	}
	.sidebar-item.recent-post li .thumb {
		padding-top: 0;
	}
	/* 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;
	}
	.contact-content .content img {
		width: 80%;
	}
	.contact-content .content li {
		margin-top: 30px !important;
		float: left;
		width: 50%;
		padding: 0 15px;
	}
	.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);
	}

	/* Footer */
	footer .f-items .f-item.about {
		margin-right: 0;
		border: none !important;
	}

	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-right {
		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;
	}

	.animate-right-left {
		display: none;
	}
}


/* 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;
	}
	.default-padding-bottom {
		padding-bottom: 50px;
	}
	.default-padding-top {
		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;
	}
	.owl-carousel.owl-theme .owl-nav {
		display: none;
	}
	.breadcrumb-area {
		padding: 80px 0;
		position: relative;
	}
	/* Topbar */
	.top-bar-area {
		display: none;
	}
	.navbar .attr-nav .call {
		display: none;
	}
	nav.navbar .quote-btn {
		display: none;
	}
	.attr-nav {
		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;
	}
	.side .close-side {
		top: -25px;
	}
	/* Banner Area */
	body,
	.banner-area,
	.banner-area div {
		height: auto;
	}
	.banner-area .content,
	.banner-area .double-items {
		overflow: hidden;
		padding: 50px 0;
	}
	.banner-area {
		text-align: center;
		opacity: inherit;
	}
	.banner-area p {
		padding: 0 !important;
	}
	.banner-area .content-box h2,
	.banner-area h2 {
		font-size: 36px !important;
	}
	.banner-area .carousel-indicators li {
		display: inline-block;
	}
	.banner-area .carousel-indicators.right {
		right: auto;
		left: 50%;
		transform: translate(-50%, 0);
		margin-bottom: 30px;
		top: auto;
		bottom: -50px;
	}
	.banner-area.inc-shape .content {
		padding-bottom: 90px;
	}
	.banner-area .carousel-control {
		display: none;
	}
	.banner-area.top-pad-extra .content {
		padding-top: 140px;
	}

	.banner-area .carousel-item .bottom {
		justify-content: center;
	}
	.shadow.gradient::after {
		background: #000000;
		opacity: 0.6;
	}
	.banner-area.inc-shape .box-cell::before {
		width: 100%;
		background: rgba(0, 0, 0, 0) linear-gradient(to left, rgba(0, 0, 0, 0) 0%, rgba(255, 255, 255, 1) 50%) repeat scroll 0 0;
	}
	.banner-area.bg-cover.shadow.theme-hard.text-light.text-multi-weight {
	    padding-bottom: 30px;
	}
	.banner-area .appinment-forms {
	    margin-left: 0;
	}

	/* About */
	.about-us-area {
		text-align: center;
	}
	.about-style-one .thumb img:nth-child(2) {
		display: none;
	}
	.about-style-one .color-shape {
		display: none;
	}
	.about-style-one .thumb .experience {
		left: 0;
		bottom: 0;
		margin: 0;
		position: inherit;
		margin-top: 30px;
	}
	.about-style-one .thumb {
		margin-bottom: 30px;
	}
	.about-style-one .thumb img:first-child {
		width: 100%;
	}
	.about-style-one .bottom-info {
		margin-right: 0;
		justify-content: left;
	}
	.about-style-one .bottom-info .contact .content {
		border: none;
		padding-left: 0;
		margin-top: 30px;
		display: none;
	}
	.about-style-one .thumb::after {
		display: none;
	}

	.about-style-one .bottom-info .button {
		margin-right: 0;
	}

	.about-style-one.info {
		padding-left: 0;
		padding-right: 0;
	}
	.about-style-two .thumb img:nth-child(2) {
		display: none;
	}
	.about-style-two .thumb {
	    padding: 0 50px;
	    margin: auto;
	}
	.about-style-three ul li {
		width: 100%;
	}

	/* Estimate */
	.estimate-area .estimate-form .shape {
		display: none;
	}
	.estimate-area .estimate-form {
		top: 0;
		margin: 0;
	}
	.estimate-area .estimate-form::after {
		right: -30px;
		display: none;
	}
	.estimate-area {
		background: var(--color-secondary);
	}
	.estimate-area .estimate-form .fixed-shape-left {
		display: none;
	}
	.estimate-area .estimate-form h2 {
		margin-bottom: 15px;
	}
	.estimate-area .estimate-form .form-group {
		margin-bottom: 15px;
	}
	.estimate-area .estimate-form button {
		margin-top: 15px;
	}
	/* Feature */
	.features-style-two .thumb::after {
		display: none;
	}
	.experience .year {
		display: block;
	}
	.features-style-two .experience {
		padding: 0;
	}
	.experience .year h4 {
		margin: 0;
		top: 0;
	}
	.features-area {
		text-align: center;
	}
	.experience .year h2 {
		margin: 0;
	}
	.features-style-two-box .item-carousel .item {
		display: block;
	}
	.features-style-two-box .item-carousel .icon i {
		margin-right: 0;
		margin-bottom: 30px;
		font-size: 80px;
	}
	.item-carousel.feature-service-carousel.owl-carousel.owl-theme .owl-dots {
		position: relative;
		margin-top: 30px;
	}
	.features-style-two-box {
		padding: 50px 30px;
	}
	.features-style-two img {
		margin: 0;
		max-width: 100%;
		margin-top: 30px;
	}
	.award .item::after {
		display: none;
	}
	
	.feature-style-three.award {
		margin: 30px 0;
		margin-bottom: 50px;
	}
	.feature-style-three .item:first-child {
	    margin-top: 30px;
	}
	.feature-style-three .item {
	    text-align: center;
	}
	/* Choose us */

	.choseus-style-one-area {
		text-align: center;
	}
	
	.feature-list {
		display: block;
		text-align: center;
	}
	
	.feature-list i {
		margin: 0;
		margin-bottom: 30px;
	}

	.choseus-style-one-area::after {
		background: #eef1f6;
		width: 100%;
	}
	.choseus-style-one-area::before {
		display: none;
	}
	.choseus-style-one-area .angle-shape {
		display: none;
	}
	.choseus-style-one-area .video {
		display: none;
	}
	.choose-style-one ul {
		padding-left: 0;
		margin-top: 30px;
	}

	/* Pricing */
	.pricing-style-two .pricing-item ul {
		overflow: hidden;
		display: inline-block;
		text-align: left;
	}

	.pricing-style-two .pricing-item>i {
		position: inherit;
		right: auto;
		margin-bottom: 30px;
	}
	
	.pricing-style-two .pricing-header,
	.pricing-style-two .pricing-item .price {
		text-align: center;
	}
	
	.pricing-style-two .pricing-item li {
		float: none;
		display: block;
		width: auto;
	}
	
	.pricing-style-two .pricing-item {
		text-align: center;
	}

	/* Portfolio */
	.gallery-items.colums-2 .pf-item,
	.gallery-items.colums-3 .pf-item,
	.gallery-items.colums-4 .pf-item {
		width: 100% !important;
	}
	.project-details-area .project-info {
		border: none;
		margin-top: 40px;
		background: #f7f7f7;
		padding: 50px;
		padding-top: 45px;
	}
	.project-style-one .info h4 {
		transform: translateY(0);
		transform: translateX(10px);
	}
	.project-style-one .info span {
		transform: translateX(10px);
		opacity: 1;
	}
	.project-items-area .project-style-one .info span {
		opacity: 0;
	}
	.project-items-area .project-style-one:hover .info span {
		opacity: 1;
	}
	.project-details-area .project-info>ul {
		display: block;
	}
	.project-details-area .project-info>ul li {
		border-top: 1px solid #cccccc;
		padding-top: 10px;
		margin-top: 10px;
	}
	.project-details-area .project-info>ul li:first-child {
		margin-top: 0;
		padding-top: 0;
		border: none;
	}

	.project-details-area .project-info>ul li:nth-child(2) {
		border-top: 1px solid #cccccc;
		margin-top: 10px;
		padding-top: 10px;
	}

	.project-details-area img {
		max-width: 100%;
		width: 100%;
	}
	
	/* Work Process */
	.work-process-area::after {
		height: 100%;
		width: 100%;
	}
	.process-items .process-style-one {
		margin-top: 50px;
	}
	.process-items .process-style-one:first-child {
		margin-top: 0;
	}
	.process-items::after {
		display: none;
	}
	.work-process-area .process-items .process-style-one .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 .process-style-one:nth-child(2n) .item img, 
	.work-process-area .process-items .process-style-one .item:hover img {
		transform: inherit;
		margin-bottom: 25px;
	}

	.work-process-area .process-items .item:hover span, 
	.work-process-area .process-items .process-style-one:nth-child(2n) .item span {
		right: inherit;
	}

	.process-items {
		margin-top: 0;
	}

	.process-items .line-shape {
		display: none;
	}

	/* Fun Fact */
	.fun-fact {
		display: block;
		border: 1px solid #e7e7e7;
		padding: 30px;
		background: rgba(255, 255, 255, 0.9);
	}
	.bg-dark .fun-fact,
	.bg-theme .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;
	}
	.fun-fact .medium {
		color: var(--color-heading);
	}
	.bg-dark .fun-fact .medium,
	.bg-theme .fun-fact .medium {
		color: var(--white);
	}

	.fun-factor-area .shape-animated-left-right {
		display: none;
	}

	/* Appoinment */

	.appoinment-area {
		width: 100% !important;
	}

	.appoinment-area .thumb {
		display: none;
	}
	.appoinment-form::before {
		display: none;
	}
	.appoinment-form {
		padding: 50px 30px;
		margin: 50px 0;
		margin-bottom: 65px;
	}
	.appoinment-area {
		width: 100%;
		border-radius: inherit;
		overflow: inherit;
	}
	/* Team */
	.team-area.shape::after {
		height: 100%;
		width: 100%;
	}
	.team-single-area .team-content-top {
		bottom: 0;
		margin-top: 0;
	}
	.team-single-area .team-content-top .right-info {
		padding-left: 15px;
		padding-right: 15px;
		margin-top: 30px;
	}
	.team-single-area .right-info .social .share-link {
		display: none;
	}
	.team-single-area .right-info .social {
		display: block;
	}
	.team-single-area .bottom-info .skill-items {
		padding-left: 0;
		margin-top: 30px;
	}
	/* Services */

	.services-style-two-box {
		border-left: none;
	}

	.services-style-two-area {
		text-align: center;
	}
	
	.sevices-style-two:hover .thumb::after {
		opacity: 0.7;
		visibility: visible;
	}
	.sevices-style-two:hover .thumb {
		opacity: 1;
		width: 100%;
		visibility: visible;
	}
	.sevices-style-two:hover h4,
	.sevices-style-two:hover i,
	.sevices-style-two:hover p,
	.sevices-style-two:hover a {
		color: #ffffff;
	}

	.sevices-style-two {
		border: 1px solid #e7e7e7 !important;
	}
	
	.services-type-items.services-type-carousel .owl-dots {
		right: auto;
		left: 30px;
		top: auto;
		transform: inherit;
		bottom: 30px;
		display: none;
	}
	.services-type-items.services-type-carousel .owl-dots .owl-dot {
		display: inline-block;
		margin: 0;
	}
	.services-types-area::after {
		display: none;
	}
	.services-style-one .thumb {
		margin-left: 0;
		margin-top: 30px;
	}
	.services-style-one .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;
	}
	.services-style-three .item {
		border: 1px solid #e7e7e7;
	}

	.services-style-three {
		margin-top: 30px;
	}

	.services-style-three:nth-child(2) {
		margin-top: 30px;
	}

	.services-style-three:first-child {
		margin: 0;
	}
	/* Search Service */
	.search-service-area .illustration {
		display: none;
	}
	.search-service-box {
		padding: 50px 0;
	}
	.search-service-box::after {
		display: none;
	}
	.search-service-area {
		background: #004876;
	}
	.search-service-box .input-button {
		margin-top: 20px;
	}
	.search-service-box .input-box button {
		display: block;
		width: 100%;
		border-radius: 5px;
	}
	.search-service-box .input-box {
		background: transparent;
		margin-top: 30px;
	}
	.search-service-box .input-box input,
	.search-service-box .input-box .nice-select {
		background: #ffffff;
	}
	.search-service-box .input-box .form-group {
		width: 50%;
		margin-bottom: 15px;
	}
	.search-service-box .input-box .nice-select::after {
		right: 20px;
	}
	.search-service-box .input-box input {
		border-radius: 5px 0 0 5px;
	}
	.search-service-box .input-box .nice-select {
		border-radius: 0 5px 5px 0;
	}
	/* Testimonials */
	.carousel-shadow .owl-stage-outer {
		margin-bottom: -30px;
	}
	.testimonial-carousel .item {
		display: block;
		padding: 50px;
		padding-bottom: 80px;
		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 img {
		margin: auto auto 50px;
	}
	.testimonial-carousel .item .content img {
		top: -36px;
		left: 50%;
		transform: translateX(-50%);
	}
	.testimonial-carousel .item .content::after,
	.testimonial-carousel .item .content::before {
		display: none;
	}
	.testimonial-carousel .item .content img {
		top: -36px;
		left: 50%;
		transform: translateX(-50%);
	}
	.testimonials-area .testimonial-carousel.owl-carousel .owl-dots {
		position: inherit;
		top: auto;
		bottom: 50px;
		right: auto;
		left: 50%;
		transform: translateX(-50%);
	}
	.testimonials-area .testimonial-carousel.owl-carousel .owl-dots .owl-dot {
		display: inline-block;
		margin: 0 10px;
	}
	/* Blog */
	.blog-area .blog-thin-colums .thumb {
		margin-bottom: 30px;
	}
	.blog-area .blog-items .thumb .date {
		left: 30px;
		right: auto;
	}
	.blog-area .blog-items .meta ul {
		border-top: none;
		padding-top: 0;
	}
	
	.blog-area .meta ul li::after {
		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;
		padding: 20px 0;
		padding-bottom: 15px;
	}
	.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;
	}
	.comments-list .commen-item.reply {
		margin-left: 0;
	}
	.comments-list .commen-item .content,
	.comments-list .commen-item .avatar {
		display: block;
		text-align: center;
	}
	.comments-list .commen-item .avatar {
		min-width: 100px;
		margin: auto;
		height: auto;
	}
	.comments-list .commen-item .content {
		width: 100%;
		margin-top: 15px;
		padding-bottom: 50px;
	}
	.comments-list .commen-item .content h3,
	.comments-list .commen-item .content h4,
	.comments-list .commen-item .content h5 {
		display: block;
	}
	.comments-list .commen-item .content .reply {
		margin-top: 15px;
	}
	.comments-list .commen-item .content .title span a {
		margin: 0;
		position: absolute;
		bottom: 0;
		left: 50%;
		transform: translateX(-50%);
	}
	.blog-area .comments-area {
		text-align: center;
	}
	.comments-list .commen-item .content .title {
		display: block;
		margin-top: 20px;
		margin-bottom: 10px;
	}
	.comments-list .commen-item {
		margin-bottom: 50px;
		display: block;
	}
	.blog-area .contact-comments .comments {
		margin: 0;
	}
	
	.comments-area .comments-title {
		margin-top: 50px;
	}

	.sidebar-item.recent-post li .thumb {
		padding-top: 0;
	}
	/* 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;
	}
	.bg-theme .contact-content .content ul {
	    text-align: center;
	}
	.contact-content .content ul {
	    text-align: center;
	}
	
	/* Footer */
	footer .f-items .f-item.about {
		border: none !important;
		padding: 0;
		margin: 0;
		margin-top: 50px;
	}
	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-right {
		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;
	}
	.footer-bottom ul {
		text-align: center !important;
	}

	.animate-right-left {
		display: none;
	}
}


/* Wide Mobile Layout: 480px. */

@media only screen and (min-width: 480px) and (max-width: 767px) {
	.side {
		padding: 50px;
		width: 400px;
	}
	.attr-nav {
		display: inline-block;
	}
	/* Blog */
	.comments-list .commen-item .content {
		padding-bottom: 0;
	}
	.comments-list .commen-item .avatar {
		margin: 0;
	}
	.comments-list .commen-item .content .title span a {
		margin-left: 30px;
		position: inherit;
		left: inherit;
		transform: inherit;
	}
	.blog-area .blog-items .meta ul li:last-child {
		display: inline-block;
	}
	.blog-area .meta ul li::after {
		display: inline-block;
	}
	.blog-area .comments-area {
		text-align: left;
	}
	.comments-list .commen-item {
		display: flex;
	}
	.comments-list .commen-item .content {
		width: auto;
		margin-top: 0;
		margin-left: 25px;
		text-align: left;
	}
	.comments-list .commen-item .content .title {
		margin-top: 0;
	}
	.comments-list .commen-item .content .title {
		margin-top: 0;
	}
	.comments-list .commen-item .content h3,
	.comments-list .commen-item .content h4,
	.comments-list .commen-item .content h5 {
		display: flex;
	}
	.comments-list .commen-item .content .reply {
		margin-top: 0;
	}
}

@media screen and (max-width: 991px) {
	/* global reset - start */
	.order-last {
		order: 0;
	}
}


/* Custom layout. */

@media only screen and (max-width: 400px) {
	.error-box h1 {
		font-size: 170px;
	}
	.banner-area .carousel-item .bottom .video-play-button {
		display: none;
	}
	/* Pricing */
	.pricing-item .price {
		right: 30px;
	}
	.pricing-item {
		padding: 50px 30px;
	}
	/* 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;
	}

	.award .item {
		padding: 120px 30px;
		padding-bottom: 50px;
	}
	
	.award .item h4 {
		font-size: 20px;
	}

	.testimonial-carousel .item {
		padding-left: 30px;
		padding-right: 30px;
	}

}

@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;
	}

	nav.navbar .container-full {
		width: 100%;
		max-width: 100%;
	}
}


/* Custom layout. */

@media only screen and (min-width: 768px) and (max-width: 1023px) {
	.top-bar-area.multi-content .item-flex {
		display: flex;
		justify-content: space-between;
		max-width: 100%;
		flex: 100%;
		margin-top: 0;
	}
	nav.navbar.bootsnav.navbar-fixed.nav-box.no-background {
		top: 82px;
	}
}


/* Custom layout. */

@media only screen and (max-width: 450px) {
	.services-types-area .item ul li {
		width: 100%;
	}
}

@media screen and (max-width: 600px) {
	body.logged-in .banner-area.top-pad-extra .content {
		padding-top: 190px;
	}
}


/* Tablet Layout: 768px.*/

@media only screen and (min-width: 992px) and (max-width: 1024px) {
	nav.navbar.bootsnav.nav-box .col-lg-9, 
	nav.navbar.bootsnav .navbar-collapse {
		width: 100%;
		max-width: 100%;
		flex: 0 0 100%;
	}

	.about-style-one.info {
		padding-left: 0;
	}

	.feature-style-three.award {
		margin-top: 50px;
	}

	.appoinment-form {
		margin: 120px 0;
	}

	.appoinment-area .thumb {
		display: none;
	}

	footer .f-items .f-item.about {
		margin-right: 0;
		border: none !important;
	}

	.features-style-two img {
		max-width: 100%;
		margin-left: 0;
		margin-top: 30px;
	}

	.team-single-area .team-content-top {
		bottom: 0;
		margin-top: 0;
		position: relative;
		z-index: 1;
		padding-bottom: 90px;
	}

	.project-details-area .top-info .left-info {
		padding-right: 15px;
		width: 100%;
		max-width: 100%;
		flex: 0 0 100%;
	}
	
	.project-details-area .top-info .right-info {
		width: 100%;
		max-width: 100%;
		flex: 0 0 100%;
		margin-top: 30px;
	}
}

@media only screen and (min-width: 1023px) and (max-width: 1024px) {
	li.search {
		display: none !important;
	}
}


@media (max-width: 1023px) {
	nav.navbar.bootsnav .col-lg-9, 
	nav.navbar.bootsnav .col-lg-6, 
	nav.navbar.bootsnav .navbar-collapse {
		width: 100%;
		max-width: 100%;
		flex: 0 0 100%;
	}
	header.common {
	    min-height: 80px;
	    position: relative;
	}
	nav.navbar.bootsnav {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
	}
	nav.navbar.navbar-default.logo-less .navbar-collapse {
		margin-left: 0;
	}
}

@media only screen and (max-width: 500px) {

	.post-pagi-area {
		display: block;
		text-align: center;
	}
	
	.post-pagi-area>div:nth-child(2) {
		text-align: center;
		margin-left: 0;
	}
	
	.post-pagi-area a {
		display: block;
	}
}