@media screen and (max-width: 1250px) {
	.bannerSlider .bannerContent {
		top: 30%;
	}
}
@media screen and (max-width: 1024px) {
	.f-item.about:after {
		display: none;
	}
	.bannerSlider .bannerContent {
		top: 10%;
	}
}
@media screen and (max-width: 991px) {
	.quick-contact {
		display: none;
	}
	.bannerSlider .bannerContent {
		top: 5%;
	}
	.aboutSection,
	.serviceSection,
	.whySection,
	.testimonialSection,
	.newsSection,
	.breadcrumbSection,
	.about-page,
	.services-page,
	.contact-page
	 {
		padding-top: 80px;
    	padding-bottom: 80px;
	}
	.f-items {
		padding-top: 70px;
    	padding-bottom: 70px;
	}
	.process-item {
		margin-bottom: 30px;
	}
}
@media screen and (min-width: 767px) {

}
@media screen and (max-width: 767px) {
	.row.md-reorder {
	    -webkit-transform: rotate(180deg);
	    -moz-transform: rotate(180deg);
	    -ms-transform: rotate(180deg);
	    -o-transform: rotate(180deg);
	    transform: rotate(180deg);

	    direction: rtl;
  	}
  	.row.md-reorder > [class*="col-"] {
	    -webkit-transform: rotate(-180deg);
	    -moz-transform: rotate(-180deg);
	    -ms-transform: rotate(-180deg);
	    -o-transform: rotate(-180deg);
	    transform: rotate(-180deg);

	    direction: ltr;
  	}
	.top-social {
		display: none;
	}
	header .navSection {
		padding: 1rem;
	}
	.navSection .navbar-nav .nav-link {
		display: block;
		width: 100%;
		border-bottom: solid 1px #e0e0e0;
		padding: 13px 0 !important;
	}
	.bannerSlider .bannerItem img {
		width: 100%;
    	object-fit: cover;
		height: 500px;
	}
	.bannerSlider .bannerContent {
		width: calc(80% - 60px);
		top: unset;
		bottom: 10%;
	}
	.bannerSlider .bannerContent .coverText h1 {
		font-size: 24px;
	}
	.bannerSlider .bannerContent .coverText p {
		padding-bottom: 0;
		margin-bottom: 10px;
	}
	a.a-button {
		padding: 5px 15px;
		font-size: 14px;
	}
	.home-title {
		font-size: 36px;
	}
	.breadcrumbSection h1 {
		font-size: 36px;
	}
	.aboutSection,
	.serviceSection,
	.whySection,
	.testimonialSection,
	.newsSection,
	.breadcrumbSection,
	.about-page,
	.services-page,
	.contact-page 
	 {
		padding-top: 60px;
    	padding-bottom: 60px;
	}
	.serviceSection .serviceWidget .serviceDes {
		padding: 20px;
	}
	.blog-item {
		gap: 20px;
		margin-bottom: 20px;
		padding-bottom: 20px;
	}
	.blog-item .info .blog-meta {
		margin-bottom: 10px;
	}
	.contact-form-widget {
		padding: 40px 25px;
	}
	.f-items {
		padding-top: 60px;
    	padding-bottom: 60px;
	}
	.footer-item {
		margin-bottom: 30px;
	}
	.whySection .choose-us-item,
	.whySection .choose-us-item:last-child,
	.happy-cutomers {
		margin-bottom: 20px;
	}
	.testiItem .text {
		font-size: 18px;
		line-height: 32px;
	}
	.f-item.reach li h5 {
		font-size: 1rem;
	}
}
@media screen and (max-width: 575px) {
	.row.reorder {
	    -webkit-transform: rotate(180deg);
	    -moz-transform: rotate(180deg);
	    -ms-transform: rotate(180deg);
	    -o-transform: rotate(180deg);
	    transform: rotate(180deg);

	    direction: rtl;
  	}
  	.row.reorder > [class*="col-"] {
	    -webkit-transform: rotate(-180deg);
	    -moz-transform: rotate(-180deg);
	    -ms-transform: rotate(-180deg);
	    -o-transform: rotate(-180deg);
	    transform: rotate(-180deg);

	    direction: ltr;
  	}
  	
}