@media only screen and (max-width:767px) {
	.pb-70 {
		padding-bottom: 20px
	}
	.ptb-100 {
		padding-top: 50px;
		padding-bottom: 50px
	}
	.pt-100 {
		padding-top: 50px
	}
	.pb-100 {
		padding-bottom: 50px
	}
	.default-btn {
		padding: 12px 25px
	}
	.section-title {
		margin-bottom: 35px
	}
	.section-title h2 {
		font-size: 28px
	}
	.top-header .top-left {
		text-align: center
	}
	.top-header .top-right {
		text-align: center
	}
	.mean-container a.meanmenu-reveal {
		padding: 20px 0 0
	}
	.mean-container a.meanmenu-reveal span {
		display: block;
		background: #000;
		height: 4px;
		margin-top: -5px;
		border-radius: 3px;
		position: relative;
		top: 8px
	}
	.mean-container .mean-bar {
		background-color: unset
	}
	.mean-container .mean-nav {
		margin-top: 80px
	}
	.others-option-for-responsive .dot-menu {
		top: -30px
	}
	.others-option-for-responsive .container .container {
		right: 10px;
		top: 15px;
		padding-left: 35px;
		padding-right: 35px;
		max-width: 165px;
		padding-top: 20px;
		padding-bottom: 15px;
		border-radius: 30px
	}
	.sidebar-modal .sidebar-modal-inner {
		width: 95%;
		padding-top: 40px;
		padding-bottom: 20px;
		padding-left: 20px;
		padding-right: 20px
	}
	.main-slider-item {
		height: 100%;
		padding-top: 60px;
		padding-bottom: 55px
	}
	.main-slider-content {
		max-width: 100%;
		margin: 0 auto 0
	}
	.main-slider-content h1 {
		font-size: 30px
	}
	.main-slider-content p {
		font-size: 15px
	}
	.main-slider-content .slider-btn {
		margin-top: 20px
	}
	.main-slider-content .slider-btn .default-btn {
		padding: 12px 25px
	}
	.slider-shape {
		display: none
	}
	.home-slides.owl-theme .owl-nav [class*=owl-] {
		top: 80%;
		-webkit-transform: translateY(-80%);
		transform: translateY(-80%)
	}
	.top-services-area {
		margin-top: 0;
		padding-top: 50px
	}
	.top-services-item.top1 {
		margin-top: 0
	}
	.top-services-item.top2 {
		margin-top: 0
	}
	.about-content {
		padding-left: 0;
		margin-top: 30px
	}
	.about-content h3 {
		font-size: 30px
	}
	.about-content .about-list li {
		font-size: 14px
	}
	.about-content .about-list li i {
		top: -2px
	}
	.about-image img:nth-child(2) {
		right: 0;
		max-width: 200px
	}
	.single-services h3 {
		font-size: 20px
	}
	.why-choose-content h3 {
		font-size: 26px
	}
	.why-choose-content .why-choose-text h4 {
		font-size: 20px
	}
	.why-choose-image {
		text-align: center;
		margin-top: 30px
	}
	.appointment-content h3 {
		font-size: 28px
	}
	.skill-bar .progress-title {
		font-size: 14px
	}
	.appointment-form {
		padding: 0;
		margin-top: 0
	}
	.appointment-form .content {
		margin-bottom: 25px
	}
	.appointment-form .content h3 {
		font-size: 20px
	}
	.fun-facts-inner {
		padding: 40px 65px 10px
	}
	.single-fun-fact {
		margin-bottom: 30px
	}
	.single-fun-fact h3 {
		font-size: 35px
	}
	.testimonial-slider .testimonial-item {
		padding: 30px 24px;
		max-width: 100%
	}
	.testimonial-slider.owl-theme .owl-nav {
		display: none
	}
	.testimonial-slider.owl-theme .owl-dots {
		margin-top: -60px
	}
	.blog-item .content h3 {
		font-size: 20px
	}
	.pl-5,
	.px-5 {
		padding-left: 0!important
	}
	.main-banner-area {
		height: 100%;
		padding-top: 50px;
		padding-bottom: 50px
	}
	.main-banner-content h1 {
		font-size: 30px
	}
	.banner-shape {
		display: none
	}
	.core-services-slider.owl-theme .owl-nav [class*=owl-] {
		left: 0
	}
	.core-services-slider.owl-theme .owl-nav [class*=owl-].owl-next {
		right: 0
	}
	.core-services-slider.owl-theme:hover .owl-nav [class*=owl-] {
		left: 0
	}
	.core-services-slider.owl-theme:hover .owl-nav [class*=owl-].owl-next {
		right: 0
	}
	.single-pricing-box .price {
		font-size: 35px
	}
	.single-pricing-box .pricing-header h3 {
		font-size: 16px
	}
	.testing-image .video-btn {
		left: 0
	}
	.testing-inner .testing-content {
		margin-top: 30px
	}
	.testing-inner .testing-content h3 {
		font-size: 25px
	}
	.testing-inner .skill-bar .progress-title {
		font-size: 14px
	}
	.newsletter-inner {
		padding: 35px 20px
	}
	.newsletter-content h2 {
		font-size: 25px;
		margin-bottom: 30px
	}
	.newsletter-form button {
		position: relative;
		right: 0;
		top: 0;
		margin-top: 10px
	}
	.main-banner-area.item-two .main-banner-content .banner-btn .default-btn {
		padding: 10px 20px;
		font-size: 14px
	}
	.main-banner-area.item-two .main-banner-content .banner-btn .default-btn-two {
		padding: 10px 25px;
		font-size: 14px;
		margin-left: 8px;
		bottom: 16px
	}
	.banner-image {
		display: none
	}
	.features-image {
		margin-bottom: 30px;
		text-align: center
	}
	.features-item.top1 {
		margin-top: 0
	}
	.features-item.top2 {
		margin-top: 0
	}
	.how-it-works-content h3 {
		font-size: 26px
	}
	.how-it-works-image {
		margin-top: 30px;
		text-align: center
	}
	.projects-slider.owl-theme .owl-nav [class*=owl-] {
		left: 0
	}
	.projects-slider.owl-theme .owl-nav [class*=owl-].owl-next {
		right: 0
	}
	.projects-slider.owl-theme:hover .owl-nav [class*=owl-] {
		left: 0
	}
	.projects-slider.owl-theme:hover .owl-nav [class*=owl-].owl-next {
		right: 0
	}
	.main-banner-item {
		height: 100%;
		padding-top: 60px
	}
	.main-banner-item .container-fluid {
		padding-right: 15px
	}
	.main-banner-item .main-banner-content {
		max-width: 100%
	}
	.main-banner-item .main-banner-content h1 {
		font-size: 30px
	}
	.main-banner-item .main-banner-content .banner-btn {
		margin-top: 20px;
		margin-bottom: 30px
	}
	.single-services-item h3 {
		font-size: 20px
	}
	.appointment-inner .appointment-content h3 {
		font-size: 25px
	}
	.appointment-inner .skill-bar .progress-title {
		font-size: 14px
	}
	.appointment-form-others {
		padding: 25px;
		margin-top: 30px
	}
	.single-fun-fact-two h3 {
		font-size: 35px
	}
	.single-fun-fact-two p {
		font-size: 16px
	}
	.page-title-area {
		height: 240px
	}
	.page-title-content h2 {
		font-size: 30px
	}
	.faq-area .section-title h2 {
		font-size: 25px
	}
	.faq-contact {
		margin-top: 50px
	}
	.faq-contact-form {
		padding: 20px
	}
	.login-form {
		padding: 25px
	}
	.login-form .forgot-password {
		margin-top: 0;
		text-align: left
	}
	.register-form {
		padding: 20px
	}
	.error-content h3 {
		font-size: 26px
	}
	.services-details-desc .services-details-faq {
		margin-bottom: 30px
	}
	.comments-area .comment-body {
		padding-left: 60px
	}
	.comments-area .comments-title {
		font-size: 22px
	}
	.comments-area .comment-author .avatar {
		height: 50px;
		width: 50px;
		left: -65px
	}
	.comments-area .comment-respond .comment-reply-title {
		font-size: 22px
	}
	.comments-area .children {
		margin-left: 0
	}
	.widget-area .widget_lebo_posts_thumb .item .info .title {
		font-size: 14px
	}
	.blog-details-desc .article-content h3 {
		font-size: 22px
	}
	.blog-details-desc .article-footer {
		margin-top: 20px;
		text-align: center
	}
	.blog-details-desc .article-footer .article-share {
		-webkit-box-flex: unset;
		-ms-flex: unset;
		flex: unset;
		max-width: unset;
		margin-top: 20px
	}
	.contact-form {
		padding: 20px
	}
    .single-services {
        min-height: auto;
        margin-top: 50px;
        margin-bottom: 30px;
    }
	.single-services .icon i {
		height: 50px;
		width: 50px;
		line-height: 50px;
		font-size: 25px
	}
	.single-services h3 {
		font-size: 17px;
		margin-bottom: 11px
	}


    .Inquirybox {
        flex-direction: column;
    }


    .Inquiryimage {
        flex-basis: 300px;
    }


    .Inquiryfrombox {
        padding: 50px 15px;
    }


    .about-btn {
        text-align: center;
    }


    .services-area {
        padding-bottom: 60px;
        padding-top: 90px;
    }

    .services-area:before, .services-area:after {
        height: 50px;
    }


    .services-area:after {
        bottom: -45px;
    }


    .appointmentin {
        flex-direction: column;
    }



    .appointmentL{
        order: 2;
        padding: 15px;
    }



    .appointmentR {
        flex-basis: 300px;
        order: 1;
        margin-bottom: 0;
    }


	.testimonial-area:before, .testimonial-area:after {
		height: 50px;
	}


	.testimonial-area:after {
		bottom: -25px;
	}




	.topbanner {
		margin-top: 0;
		margin-bottom: 100px;
		padding: 100px 0 100px 0;
		background: #ffbc01 !important;
	}


	.topbanner .bannerbtn {
		background: #fff;
		border: none;
		padding: 15px 0;
		border-radius: 50px;
		font-size: 26px;
		font-weight: 500;
		color: #361c01;
		display: flex;
		align-items: center;
		justify-content: center;
		width: 100%;
	}

	.topbanner h3 {
		letter-spacing: 5px;
		font-size: 26px;
	}

	.topbanner h5 {
		font-size: 22px;
	}


	.contactin {
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		margin: 0 -15px;
	}

	.hcontactbox {
		width: auto;
	}

	.hcontactbox p {
		font-size: 18px;
	}


	.footerlogo {
		margin-top: 75px;
	}


	.appstore {
		display: flex;
	}


	.about2 {
		display: flex;
		flex-direction: column;
		margin-bottom: 120px;
	}


	.about2:nth-child(2n-1) {
		flex-direction: column;
	}


	.about2L {
		width: 100%;
		order: 2;
	}

	.about2R {
		width: 100%;
		order: 1;
		margin-bottom: 30px;
	}


	.single-footer-widget {
		margin-bottom: 30px;
		padding-top: 25px;
	}

	.single-feedback-item {
		margin-bottom: 100px;
	}

	.section_area {
		display: flex;
		flex-direction: column;
		flex-wrap: wrap;
	}

	.section_areaL,
	.section_areaR {
		width: 100%;
	}

	.newarea .col-lg-4,
	.newarea .col-lg-12 {
		margin-bottom: 50px;
		text-align: center;
	}


	.newbanner {
		padding: 50px 0 85px 0;
	}

	.newbanner:before {
		background: rgb(255 188 1 / 100%);
	}


	.newbanner .initialForm {
		top: 32px;
	}
	
	.location2 img{
		margin-top: 50px;
	}




.newbanner3 {
   
    background-size: 100% 130px;

	
}

.newbanner2 {
   
    background-size: 100% 130px;
   
}

}

@media only screen and (min-width:576px) and (max-width:767px) {
	.login-form .forgot-password {
		margin-top: -28px;
		text-align: right
	}
}

@media only screen and (min-width:768px) and (max-width:991px) {
	.pb-70 {
		padding-bottom: 40px
	}
	.ptb-100 {
		padding-top: 70px;
		padding-bottom: 70px
	}
	.pt-100 {
		padding-top: 70px
	}
	.pb-100 {
		padding-bottom: 70px
	}
	.section-title {
		margin-bottom: 35px
	}
	.top-header .top-left {
		text-align: center
	}
	.top-header .top-right {
		text-align: center
	}
	.mean-container a.meanmenu-reveal {
		padding: 4px 0 0
	}
	.mean-container a.meanmenu-reveal span {
		display: block;
		background: #000;
		height: 4px;
		margin-top: -5px;
		border-radius: 3px;
		position: relative;
		top: 8px
	}
	.mean-container .mean-bar {
		background-color: unset
	}
	.mean-container .mean-nav {
		margin-top: 45px
	}
	.others-option-for-responsive .dot-menu {
		top: -30px
	}
	.others-option-for-responsive .container .container {
		right: 10px;
		top: 15px;
		padding-left: 35px;
		padding-right: 35px;
		max-width: 165px;
		padding-top: 20px;
		padding-bottom: 15px;
		border-radius: 30px
	}
	.sidebar-modal .sidebar-modal-inner {
		width: 75%;
		padding-top: 40px;
		padding-bottom: 20px;
		padding-left: 20px;
		padding-right: 20px
	}
	.main-slider-item {
		height: 100%;
		padding-top: 80px;
		padding-bottom: 80px
	}
	.main-slider-content {
		max-width: 100%;
		margin: 0 auto 0
	}
	.main-slider-content h1 {
		font-size: 50px
	}
	.slider-shape {
		display: none
	}
	.top-services-area {
		margin-top: 0;
		padding-top: 50px
	}
	.top-services-item.top1 {
		margin-top: 0
	}
	.top-services-item.top2 {
		margin-top: 0
	}
	.about-content {
		padding-left: 0;
		margin-top: 30px
	}
	.about-content h3 {
		font-size: 35px
	}
	.about-content .about-list li {
		font-size: 14px
	}
	.about-content .about-list li i {
		top: -2px
	}
	.about-image img:nth-child(2) {
		right: 0
	}
	.single-services h3 {
		font-size: 18px
	}
	.why-choose-image {
		text-align: center;
		margin-top: 30px
	}
	.appointment-content h3 {
		font-size: 28px
	}
	.skill-bar .progress-title {
		font-size: 14px
	}
	.appointment-form {
		padding: 30px 15px;
		margin-top: 30px
	}
	.appointment-form .content {
		margin-bottom: 25px
	}
	.appointment-form .content h3 {
		font-size: 20px
	}
	.fun-facts-inner {
		padding: 40px 65px 10px
	}
	.single-fun-fact {
		margin-bottom: 30px
	}
	.single-fun-fact h3 {
		font-size: 35px
	}
	.testimonial-slider .testimonial-item {
		padding: 30px 24px;
		max-width: 100%
	}
	.testimonial-slider.owl-theme .owl-nav {
		display: none
	}
	.testimonial-slider.owl-theme .owl-dots {
		margin-top: 30px
	}
	.blog-item .content h3 {
		font-size: 20px
	}
	.pl-5,
	.px-5 {
		padding-left: 0!important
	}
	.main-banner-area {
		height: 100%;
		padding-top: 80px;
		padding-bottom: 80px
	}
	.banner-shape {
		display: none
	}
	.core-services-slider.owl-theme .owl-nav [class*=owl-] {
		left: 0
	}
	.core-services-slider.owl-theme .owl-nav [class*=owl-].owl-next {
		right: 0
	}
	.core-services-slider.owl-theme:hover .owl-nav [class*=owl-] {
		left: 0
	}
	.core-services-slider.owl-theme:hover .owl-nav [class*=owl-].owl-next {
		right: 0
	}
	.single-pricing-box .price {
		font-size: 35px
	}
	.single-pricing-box .pricing-header h3 {
		font-size: 16px
	}
	.testing-image .video-btn {
		left: 0
	}
	.testing-inner .testing-content {
		margin-top: 30px
	}
	.testing-inner .testing-content h3 {
		font-size: 35px
	}
	.newsletter-inner {
		padding: 35px 20px
	}
	.newsletter-content h2 {
		font-size: 25px;
		margin-bottom: 30px
	}
	.main-banner-area.item-two .main-banner-content .banner-btn .default-btn {
		padding: 10px 20px;
		font-size: 14px
	}
	.main-banner-area.item-two .main-banner-content .banner-btn .default-btn-two {
		padding: 10px 25px;
		font-size: 14px;
		margin-left: 8px;
		bottom: 16px
	}
	.banner-image {
		display: none
	}
	.features-image {
		margin-bottom: 30px;
		text-align: center
	}
	.features-item.top1 {
		margin-top: 0
	}
	.features-item.top2 {
		margin-top: 0
	}
	.how-it-works-content h3 {
		font-size: 32px
	}
	.how-it-works-image {
		margin-top: 30px;
		text-align: center
	}
	.projects-slider.owl-theme .owl-nav [class*=owl-] {
		left: 0
	}
	.projects-slider.owl-theme .owl-nav [class*=owl-].owl-next {
		right: 0
	}
	.projects-slider.owl-theme:hover .owl-nav [class*=owl-] {
		left: 0
	}
	.projects-slider.owl-theme:hover .owl-nav [class*=owl-].owl-next {
		right: 0
	}
	.about-warp {
		text-align: center
	}
	.main-banner-item {
		height: 100%;
		padding-top: 80px
	}
	.main-banner-item .container-fluid {
		padding-right: 15px
	}
	.main-banner-item .main-banner-content {
		max-width: 100%
	}
	.main-banner-item .main-banner-content h1 {
		font-size: 50px
	}
	.main-banner-item .main-banner-content .banner-btn {
		margin-top: 20px;
		margin-bottom: 30px
	}
	.single-services-item h3 {
		font-size: 20px
	}
	.appointment-inner .appointment-content h3 {
		font-size: 25px
	}
	.appointment-form-others {
		padding: 25px;
		margin-top: 30px
	}
	.single-fun-fact-two h3 {
		font-size: 35px
	}
	.single-fun-fact-two p {
		font-size: 16px
	}
	.services-details-desc .services-details-faq {
		margin-bottom: 30px
	}
	.appointment-image {
		text-align: center
	}
}

@media only screen and (min-width:992px) and (max-width:1199px) {
	.sidebar-modal .sidebar-modal-inner {
		width: 50%;
		padding-top: 40px;
		padding-bottom: 20px;
		padding-left: 20px;
		padding-right: 20px
	}
	.single-services-item h3 {
		font-size: 20px
	}
	.main-banner-item {
		height: 100%;
		padding-top: 50px
	}
	.appointment-form {
		padding: 40px 10px
	}
	.single-services {
		padding: 30px 15px 30px 80px
	}
	.single-services .icon i {
		height: 50px;
		width: 50px;
		line-height: 50px;
		font-size: 25px
	}
	.single-services h3 {
		font-size: 17px;
		margin-bottom: 11px
	}
}