/* Responsive Stylesheet for Bail & Trail */

/* Screen <= 1700px */
@media only screen and (max-width: 1700px) {
	.main-header .header-lower .outer-box .ui-btn-outer {
		border-right: 0;
		margin-right: 0;
		padding-right: 0;
	}

	.header-style-one .header-lower .logo-box {
		margin-right: 30px;
	}

	.main-menu .navigation>li {
		margin-right: 50px;
	}
}

/* Screen <= 1439px */
@media only screen and (max-width: 1439px) {
	.main-menu .navigation>li {
		margin-right: 30px;
	}
}

/* Screen <= 1366px */
@media only screen and (max-width: 1366px) {
	.main-menu .navigation>li {
		margin-right: 25px;
	}

	.header-style-one .header-lower .logo-box {
		margin-right: 20px;
	}

	.modern-glow-megamenu {
		max-width: 1240px;
	}

	/* Home Page 1366px */
	.hero-5 .banner-outer .hero-content {
		padding: 120px 50px 120px !important;
	}

	.banner-title {
		font-size: 55px !important;
		line-height: 1.2 !important;
	}

	.sec-title h2 {
		font-size: 40px !important;
	}

	/* Service & Detail Pages 1366px */
	.page-title {
		padding: 125px 0 90px !important;
		min-height: 380px !important;
	}

	.page-title .title {
		font-size: 46px !important;
	}

	.page-title .page-description {
		font-size: 16.5px !important;
		color: #ffffff !important;
		opacity: 1 !important;
		visibility: visible !important;
	}

	.re-call-cta {
		padding: 12px 24px !important;
		font-size: 14.5px !important;
	}

	.re-ghost-cta {
		padding: 11px 20px !important;
		font-size: 14px !important;
	}
}

/* Screen <= 1200px */
@media only screen and (max-width: 1200px) {
	.auto-container {
		padding: 0 20px;
	}

	.main-menu .navigation>li {
		margin-right: 18px;
	}

	.main-menu .navigation>li>a {
		font-size: 15px;
	}

	.modern-glow-megamenu {
		max-width: 1140px;
	}

	.modern-split-wrapper {
		grid-template-columns: 280px 1fr;
	}

	/* Service & Detail Pages 1200px */
	.page-title {
		padding: 110px 0 80px !important;
		min-height: 340px !important;
	}

	.page-title .title {
		font-size: 42px !important;
	}

	.page-title .page-description {
		font-size: 16px !important;
		color: #ffffff !important;
		opacity: 1 !important;
		visibility: visible !important;
	}

	.re-call-cta {
		padding: 11px 22px !important;
		font-size: 14px !important;
	}

	.re-ghost-cta {
		padding: 10px 19px !important;
		font-size: 13.5px !important;
	}
}

/* Screen <= 1199px */
@media only screen and (max-width: 1199px) {
	.header-top {
		margin-left: 0;
		padding: 0;
	}

	.main-header .main-box {
		align-items: center;
	}

	.main-header .header-lower .logo-box {
		margin-top: 0;
		min-height: auto;
		margin-right: 15px;
	}

	.main-menu .navigation>li {
		margin-right: 15px;
	}

	.main-menu .navigation>li>a {
		font-size: 14.5px;
	}

	.main-header .outer-box .btn-style-one {
		padding: 10px 18px;
		font-size: 14px;
	}

	.modern-glow-megamenu {
		max-width: calc(100vw - 30px);
	}

	/* Home Page 1199px */
	.hero-5 .banner-outer .hero-content {
		padding: 100px 30px 100px !important;
	}

	.banner-title {
		font-size: 46px !important;
	}

	.sec-title h2 {
		font-size: 36px !important;
	}

	.about-section-3,
	.services-section {
		padding: 60px 0 !important;
	}

	/* Service & Detail Pages 1199px */
	.page-title {
		padding: 100px 0 70px !important;
		min-height: 310px !important;
	}

	.page-title .title {
		font-size: 38px !important;
	}

	.page-title .page-description {
		font-size: 15.5px !important;
		color: #ffffff !important;
		opacity: 1 !important;
		visibility: visible !important;
	}

	.re-call-cta {
		padding: 11px 20px !important;
		font-size: 14px !important;
	}

	.re-ghost-cta {
		padding: 10px 18px !important;
		font-size: 13.5px !important;
	}
}

/* Screen >= 768px (Desktop Dropdown Display Defaults) */
@media only screen and (min-width: 768px) {

	.main-menu .navigation>li>ul,
	.main-menu .navigation>li>ul>li>ul {
		display: block !important;
		visibility: hidden;
		opacity: 0;
	}
}

/* Screen <= 992px & <= 1023px (Tablet & Mobile Header Trigger) */
@media only screen and (max-width: 992px) {

	.header-top,
	.main-header .main-menu,
	.sticky-header .main-menu {
		display: none !important;
	}

	.main-header .outer-box .btn-style-one,
	.sticky-header .outer-box .btn-style-one,
	.header-style-one .main-box .btn-style-one,
	.sticky-header .btn-style-one {
		display: none !important;
	}

	.main-header .logo,
	.sticky-header .logo {
		min-width: auto;
	}

	.main-header .header-lower .logo-box .logo img,
	.main-header .logo img,
	.sticky-header .logo-box .logo img,
	.sticky-header .logo img {
		width: auto !important;
		max-width: 200px !important;
		max-height: 50px !important;
		display: block !important;
	}

	.mobile-nav-toggler {
		display: block !important;
		font-size: 24px !important;
		color: #000000 !important;
		cursor: pointer !important;
		margin-left: 0 !important;
	}

	.main-header .main-box .nav-outer,
	.sticky-header .nav-outer {
		width: 100% !important;
		display: flex !important;
		align-items: center !important;
		justify-content: space-between !important;
	}

	.main-header .main-box,
	.sticky-header .inner-container {
		width: 100% !important;
		display: flex !important;
		align-items: center !important;
		justify-content: space-between !important;
		min-height: 55px !important;
		padding: 0 !important;
	}

	header.main-header {
		padding: 5px 0 !important;
	}

	.sticky-header {
		padding: 0 !important;
	}

	/* Responsive grid stacking */
	.sidebar-side,
	.content-side {
		width: 100% !important;
		max-width: 100% !important;
		flex: 0 0 100% !important;
	}

	.blog-sidebar {
		margin-top: 50px;
	}

	.footer-widget-wrapper {
		padding-bottom: 20px;
	}

	.footer-widget-items {
		margin-bottom: 30px;
	}

	/* Home Page 992px */
	.hero-5 .banner-outer .hero-content {
		padding: 80px 20px 80px !important;
	}

	.banner-title {
		font-size: 38px !important;
	}

	.sec-title h2 {
		font-size: 32px !important;
	}

	/* Service & Detail Pages 992px */
	.page-title {
		padding: 85px 0 55px !important;
		min-height: 270px !important;
	}

	.page-title .title {
		font-size: 32px !important;
		line-height: 1.3 !important;
	}

	.page-title .page-description {
		font-size: 15px !important;
		color: #ffffff !important;
		opacity: 1 !important;
		visibility: visible !important;
		line-height: 1.6 !important;
	}

	.re-hero-actions {
		gap: 12px !important;
	}

	.re-call-cta {
		padding: 10px 18px !important;
		font-size: 13.5px !important;
	}

	.re-ghost-cta {
		padding: 9px 17px !important;
		font-size: 13px !important;
	}
}

/* Screen <= 480px (Extra Small Mobile Phones) */
@media only screen and (max-width: 480px) {
	.footer-text {
		font-size: 13px !important;
		line-height: 1.6 !important;
	}
}

/* Screen <= 767px (Mobile Landscape & Mobile Devices) */
@media only screen and (max-width: 767px) {
	.main-slider .title {
		padding: 7px 20px;
		font-size: 28px !important;
		line-height: 1.2 !important;
	}

	.main-slider .title:before {
		display: none;
	}

	.page-title h1 {
		font-size: 28px !important;
		line-height: 36px !important;
	}

	.sec-title h2 {
		font-size: 28px !important;
		line-height: 1.3 !important;
	}

	/* Home Page 767px */
	.hero-5 .banner-outer .hero-content {
		padding: 60px 15px 60px !important;
	}

	.banner-title {
		font-size: 32px !important;
	}

	.about-section-3,
	.services-section,
	.news-section {
		padding: 40px 0 !important;
	}

	/* Mobile Menu Navigation: Strictly keep in one line with ellipsis dots */
	.mobile-menu .menu-box {
		width: 85% !important;
		max-width: 320px !important;
	}

	.mobile-menu .navigation li>a,
	.mobile-menu .navigation li>ul>li>a,
	.mobile-menu .navigation li>ul>li>ul>li>a,
	.mobile-menu .navigation .view-all-services-link {
		display: block !important;
		white-space: nowrap !important;
		overflow: hidden !important;
		text-overflow: ellipsis !important;
		max-width: 100% !important;
	}

	.mobile-menu .navigation li.dropdown>a {
		padding-right: 48px !important;
	}

	.mobile-menu .contact-info-box a,
	.mobile-menu .contact-info-box span,
	.mobile-menu .contact-info-box .title {
		display: block !important;
		white-space: nowrap !important;
		overflow: hidden !important;
		text-overflow: ellipsis !important;
		max-width: 100% !important;
	}

	.service-block,
	.team-block,
	.news-block {
		margin-bottom: 30px;
	}

	/* Service & Detail Pages 767px */
	.page-title {
		padding: 70px 0 45px !important;
		min-height: auto !important;
	}

	.page-title .auto-container,
	.page-title .title-outer {
		position: relative !important;
		z-index: 2 !important;
	}

	/* Breadcrumb strictly in ONE single line */
	.page-title .page-breadcrumb {
		display: flex !important;
		flex-wrap: nowrap !important;
		align-items: center !important;
		white-space: nowrap !important;
		overflow-x: auto !important;
		-webkit-overflow-scrolling: touch !important;
		scrollbar-width: none !important;
		margin-bottom: 8px !important;
		width: 100% !important;
	}

	.page-title .page-breadcrumb::-webkit-scrollbar {
		display: none !important;
	}

	.page-title .page-breadcrumb li {
		display: inline-flex !important;
		align-items: center !important;
		white-space: nowrap !important;
		font-size: 12.5px !important;
		margin-right: 6px !important;
		padding-right: 14px !important;
		flex-shrink: 0 !important;
	}

	.page-title .page-breadcrumb li:after {
		right: 0px !important;
		top: 50% !important;
		transform: translateY(-50%) !important;
		font-size: 11px !important;
	}

	.page-title .page-breadcrumb li a {
		font-size: 12.5px !important;
	}

	.page-title .title,
	.page-title h1 {
		font-size: 26px !important;
		line-height: 1.3 !important;
		margin-top: 10px !important;
	}

	.page-title .page-description {
		color: #ffffff !important;
		opacity: 1 !important;
		visibility: visible !important;
		text-shadow: 0 1px 4px rgba(0, 0, 0, 0.75) !important;
		font-size: 14.5px !important;
		line-height: 1.55 !important;
		margin-top: 10px !important;
	}

	.re-hero-actions {
		display: flex !important;
		flex-wrap: wrap !important;
		gap: 10px !important;
		margin-top: 16px !important;
	}

	.re-call-cta {
		padding: 9px 16px !important;
		font-size: 13px !important;
		gap: 8px !important;
	}

	.re-call-cta i {
		font-size: 14px !important;
	}

	.re-ghost-cta {
		padding: 8px 15px !important;
		font-size: 12.5px !important;
		gap: 6px !important;
	}
}

/* Screen <= 567px (Small Mobile Phones) */
@media only screen and (max-width: 567px) {
	.main-header .header-lower .logo-box {
		padding-left: 0;
		min-width: auto;
		margin-right: 0px;
		max-width: 140px;
	}

	.main-header .header-lower .logo-box .logo img,
	.sticky-header .logo img,
	.sticky-header .logo-box .logo img {
		max-width: 200px !important;
		max-height: 50px !important;
	}

	header.main-header {
		padding: 5px 0 !important;
	}

	.main-header .main-box,
	.sticky-header .inner-container {
		min-height: 55px !important;
		padding: 0 !important;
	}

	.sticky-header {
		padding: 0 !important;
	}

	.mobile-menu .menu-box {
		width: 85% !important;
		max-width: 290px !important;
	}

	/* Strictly enforce single line with ellipsis dot on all mobile menu items */
	.mobile-menu .navigation li>a,
	.mobile-menu .navigation li>ul>li>a,
	.mobile-menu .navigation li>ul>li>ul>li>a,
	.mobile-menu .navigation .view-all-services-link {
		display: block !important;
		white-space: nowrap !important;
		overflow: hidden !important;
		text-overflow: ellipsis !important;
		max-width: 100% !important;
		font-size: 14px !important;
	}

	.mobile-menu .navigation li>ul>li>ul>li>a {
		font-size: 13px !important;
		padding: 8px 15px 8px 30px !important;
	}

	.mobile-menu .navigation li.dropdown>a {
		padding-right: 44px !important;
	}

	.mobile-menu .contact-info-box a,
	.mobile-menu .contact-info-box span,
	.mobile-menu .contact-info-box .title {
		display: block !important;
		white-space: nowrap !important;
		overflow: hidden !important;
		text-overflow: ellipsis !important;
		max-width: 100% !important;
	}

	/* Service & Detail Pages 567px */
	.page-title {
		padding: 55px 0 35px !important;
		min-height: auto !important;
	}

	.page-title .auto-container,
	.page-title .title-outer {
		position: relative !important;
		z-index: 2 !important;
	}

	/* Breadcrumb strictly in ONE single line */
	.page-title .page-breadcrumb {
		display: flex !important;
		flex-wrap: nowrap !important;
		align-items: center !important;
		white-space: nowrap !important;
		overflow-x: auto !important;
		-webkit-overflow-scrolling: touch !important;
		scrollbar-width: none !important;
		margin-bottom: 6px !important;
		width: 100% !important;
	}

	.page-title .page-breadcrumb::-webkit-scrollbar {
		display: none !important;
	}

	.page-title .page-breadcrumb li {
		display: inline-flex !important;
		align-items: center !important;
		white-space: nowrap !important;
		font-size: 11.5px !important;
		margin-right: 4px !important;
		padding-right: 12px !important;
		flex-shrink: 0 !important;
	}

	.page-title .page-breadcrumb li:after {
		right: 0px !important;
		top: 50% !important;
		transform: translateY(-50%) !important;
		font-size: 9.5px !important;
	}

	.page-title .page-breadcrumb li a {
		font-size: 11.5px !important;
	}

	.page-title .title,
	.page-title h1 {
		font-size: 22px !important;
		line-height: 1.25 !important;
		margin-top: 8px !important;
	}

	.page-title .page-description {
		color: #ffffff !important;
		opacity: 1 !important;
		visibility: visible !important;
		text-shadow: 0 1px 4px rgba(0, 0, 0, 0.8) !important;
		font-size: 13.5px !important;
		line-height: 1.5 !important;
		margin-top: 8px !important;
	}

	.re-hero-actions {
		display: flex !important;
		flex-wrap: wrap !important;
		gap: 8px !important;
		margin-top: 14px !important;
	}

	.re-call-cta {
		padding: 9px 15px !important;
		font-size: 12.5px !important;
		gap: 6px !important;
	}

	.re-call-cta i {
		font-size: 13px !important;
	}

	.re-ghost-cta {
		padding: 8px 14px !important;
		font-size: 12px !important;
		gap: 5px !important;
	}

	/* Home Page 567px */
	.hero-5 .banner-outer .hero-content {
		padding: 40px 10px 40px !important;
	}

	.banner-title {
		font-size: 28px !important;
		line-height: 1.2 !important;
	}

	.sec-title h2 {
		font-size: 24px !important;
		line-height: 1.3 !important;
	}

	.hero-button .theme-btn {
		font-size: 14px !important;
		padding: 10px 20px !important;
	}

	.btn-style-one {
		padding: 10px 20px !important;
		font-size: 14px !important;
	}

	.bt-consultation-card a.theme-btn.btn-style-one,
	.testimonial-section-five .title-box a.theme-btn.btn-style-one,
	.bt-blog-details-content a.theme-btn.btn-style-one {
		display: inline-flex !important;
	}
}

/* Home page tablet and compact desktop layout */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.hero-section.hero-5 {
		height: 90vh;
		overflow: hidden;
	}

	.counter-section .sec-title h2 {
		font-size: 30px !important;
		line-height: 1.25 !important;
	}

	.about-section-three .content-colmun .content-box .sec-title h2 {
		font-size: 36px !important;
		line-height: 1.2 !important;
	}

	.section-process {
		padding-top: 60px;
		padding-bottom: 30px;
	}

	.section-process .tabs-hover-wrap {
		margin-bottom: 0;
	}

	.lets-talk-banner-wrapper .lets-talk-banner-content h2 {
		font-size: 38px !important;
		line-height: 1.2 !important;
	}

	.lets-talk-banner-wrapper .lets-talk-banner-content p {
		color: #ffffff !important;
	}
}

@media only screen and (max-width: 767px) {
	.testimonial-block-five .inner-box .thumb {
		max-width: 100%;
		height: 240px;
		overflow: hidden;
	}

	.testimonial-block-five .inner-box .thumb img {
		width: 100%;
		height: 240px;
		object-fit: cover;
	}

	.bt-blog-breadcrumb {
		max-width: 100%;
		display: flex;
		flex-wrap: nowrap;
		align-items: center;
		margin-bottom: 6px;
		gap: 8px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	.bt-blog-breadcrumb a,
	.bt-blog-breadcrumb span:not(.active) {
		flex-shrink: 0;
	}

	.bt-blog-breadcrumb .active {
		min-width: 0;
		flex: 1 1 auto;
		margin-bottom: 6px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.bta-blog-meta span {
		font-size: 12px !important;
		line-height: 1.3;
		white-space: nowrap;
	}

	.bta-blog-meta {
		flex-wrap: nowrap;
		gap: 8px;
		margin-bottom: 18px;
		white-space: nowrap;
	}

	.bta-blog-meta i {
		margin-right: 3px;
	}

	.bt-consultation-card a.theme-btn.btn-style-one,
	.testimonial-section-five .title-box a.theme-btn.btn-style-one,
	.bt-blog-details-content a.theme-btn.btn-style-one {
		display: inline-flex !important;
	}
}

@media only screen and (min-width: 1200px) and (max-width: 1366px) {
	.hero-section.hero-5 {
		min-height: 90vh;
	}

	.page-title .title,
	.page-title h1,
	.bt-blog-hero-content h1 {
		font-size: 48px !important;
		line-height: 1.2 !important;
	}

	.sec-title h2,
	.sec-title .title {
		font-size: 40px !important;
		line-height: 1.25 !important;
	}

	.counter-section .sec-title h2 span {
		font-size: 40px !important;
	}

	.bt-feature-box h4,
	.bt-mission-content h3 {
		font-size: 22px !important;
		line-height: 1.3 !important;
	}

	.bt-feature-box p,
	.bt-mission-content p,
	.bt-blog-hero-content p,
	.section-process p {
		font-size: 16px !important;
		line-height: 1.7 !important;
	}

	.contact-four__brand {
		overflow: hidden;
	}
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
	.hero-section.hero-5 {
		min-height: 90vh;
	}

	.page-title .title,
	.page-title h1,
	.bt-blog-hero-content h1 {
		font-size: 38px !important;
		line-height: 1.25 !important;
	}

	.sec-title h2,
	.sec-title .title {
		font-size: 34px !important;
		line-height: 1.25 !important;
	}

	.counter-section .sec-title h2 span {
		font-size: 34px !important;
	}

	.bt-feature-box h4,
	.bt-mission-content h3 {
		font-size: 20px !important;
		line-height: 1.35 !important;
	}

	.bt-feature-box p,
	.bt-mission-content p,
	.bt-blog-hero-content p,
	.section-process p {
		font-size: 15px !important;
		line-height: 1.65 !important;
	}

	.bt-feature-icon,
	.bt-mission-icon {
		width: 64px;
		height: 64px;
		font-size: 24px;
	}

	.about-section-three .content-colmun .content-box .feature-box {
		padding: 24px 20px 22px !important;
	}

	.about-section-three .content-colmun .content-box .feature-box .feature-title {
		font-size: 18px !important;
		line-height: 1.35 !important;
		margin-bottom: 16px;
	}

	.lets-talk-banner-wrapper .lets-talk-banner-content h2 {
		font-size: 28px !important;
		line-height: 1.2 !important;
		margin-bottom: 16px;
	}

	.lets-talk-banner-wrapper .lets-talk-banner-content p {
		font-size: 14px !important;
		line-height: 1.6 !important;
		padding-bottom: 18px;
		margin-bottom: 18px;
	}

	.contact-four__brand {
		overflow: hidden;
	}
}

@media only screen and (max-width: 767px) {
	.hero-section.hero-5 {
		height: 50vh;
		min-height: 0;
		overflow: hidden;
	}

	.hero-section.hero-5>.heroSwiper,
	.hero-section.hero-5>.heroSwiper .swiper-wrapper,
	.hero-section.hero-5>.heroSwiper .swiper-slide,
	.hero-section.hero-5>.heroSwiper .swiper-slide>.hero-5 {
		height: 100%;
		min-height: 0;
	}

	.hero-5 .banner-outer .hero-content {
		padding: 52px 18px 48px !important;
	}

	.hero-5 .banner-outer,
	.hero-5 .banner-outer .hero-content {
		height: 100%;
	}

	.hero-5 .banner-outer .hero-content {
		display: flex;
		flex-direction: column;
		justify-content: center;
	}

	.hero-5 .banner-outer .hero-content .banner-title {
		max-width: 100%;
		font-size: 28px !important;
		line-height: 1.2 !important;
	}

	.counter-section {
		overflow: hidden;
	}

	.counter-section.section-padding {
		margin-bottom: 0 !important;
		padding-bottom: 0 !important;
	}

	.counter-section .auto-container {
		padding-left: 12px;
		padding-right: 12px;
	}

	.contact-four__brand {
		margin-bottom: 10px !important;
		overflow: hidden;
	}

	.about-section-three.fix.pb-60 {
		padding-top: 10px !important;
	}

	.contact-four__brand .swiper {
		max-width: 100%;
		overflow: hidden;
	}

	.brand-two__item img {
		width: 145px;
		height: 62px;
		padding: 6px;
	}

	.page-title .title,
	.page-title h1,
	.bt-blog-hero-content h1 {
		font-size: 26px !important;
		line-height: 1.3 !important;
	}

	.sec-title h2,
	.sec-title .title {
		font-size: 28px !important;
		line-height: 1.3 !important;
	}

	.counter-section .sec-title h2 span {
		font-size: 28px !important;
	}

	.bt-feature-box h4,
	.bt-mission-content h3 {
		font-size: 18px !important;
		line-height: 1.35 !important;
	}

	.bt-feature-box p,
	.bt-mission-content p,
	.bt-blog-hero-content p,
	.section-process p {
		font-size: 14px !important;
		line-height: 1.6 !important;
	}

	.bt-feature-icon,
	.bt-mission-icon {
		width: 56px;
		height: 56px;
		font-size: 22px;
	}

	.bt-blog-details-content p {
		font-size: 15px !important;
		line-height: 1.7 !important;
		margin-bottom: 12px;
	}

	.bt-blog-details-content li {
		font-size: 14px !important;
		line-height: 1.6 !important;
	}
}

@media only screen and (max-width: 567px) {
	.hero-section.hero-5 {
		height: 80vh;
		min-height: 0;
	}

	.hero-5 .banner-outer .hero-content {
		padding: 44px 14px 40px !important;
	}

	.hero-5 .banner-outer .hero-content .banner-title {
		font-size: 25px !important;
	}

	.brand-two__item img {
		width: 128px;
		height: 56px;
	}

	.bt-process-item {
		position: relative;
		display: flex;
		gap: 10px;
	}

	.page-title .title,
	.page-title h1,
	.bt-blog-hero-content h1,
	.bt-blog-main-title {
		font-size: 22px !important;
		line-height: 1.3 !important;
		margin-bottom: 6px;
	}

	.sec-title h2,
	.sec-title .title {
		font-size: 24px !important;
		line-height: 1.3 !important;
	}

	.counter-section .sec-title h2 span {
		font-size: 24px !important;
	}

	.bt-feature-box h4,
	.bt-mission-content h3 {
		font-size: 17px !important;
	}

	.bt-feature-box p,
	.bt-mission-content p,
	.bt-blog-hero-content p,
	.section-process p {
		font-size: 13px !important;
		line-height: 1.55 !important;
	}

	.bt-feature-icon,
	.bt-mission-icon {
		width: 52px;
		height: 52px;
		font-size: 20px;
	}

	.bt-blog-details-content p {
		font-size: 14px !important;
		line-height: 1.65 !important;
	}

	.bt-blog-details-content li {
		font-size: 13px !important;
		line-height: 1.55 !important;
	}

	.bt-blog-details-content h2 {
		font-size: 20px !important;
		line-height: 1.35 !important;
		margin: 24px 0 10px;
	}

	.about-section-three .content-colmun .content-box .feature-box .feature-title {
		font-size: 20px !important;
		line-height: 1.35 !important;
	}

	.lets-talk-banner-wrapper .lets-talk-banner-content h2 {
		font-size: 32px !important;
		line-height: 1.2 !important;
	}

	.lets-talk-banner-wrapper .lets-talk-banner-content p {
		font-size: 15px !important;
		line-height: 1.6 !important;
		padding-bottom: 22px;
		margin-bottom: 22px;
	}
}

@media only screen and (min-width: 568px) and (max-width: 767px) {

	.bt-blog-hero-content h1,
	.bt-blog-main-title {
		font-size: 26px !important;
		line-height: 1.3 !important;
	}

	.bt-blog-details-content h2 {
		font-size: 22px !important;
		line-height: 1.35 !important;
		margin: 26px 0 10px;
	}

	.bt-sidebar-widget,
	.bt-consultation-card {
		padding: 24px;
	}

	.bt-sidebar-widget h4 {
		font-size: 20px !important;
		line-height: 1.3 !important;
	}

	.bt-consultation-card h3 {
		font-size: 24px !important;
		line-height: 1.3 !important;
	}
}

@media only screen and (max-width: 567px) {

	.bt-sidebar-widget,
	.bt-consultation-card {
		padding: 20px;
	}

	.bt-sidebar-widget h4 {
		font-size: 18px !important;
		line-height: 1.3 !important;
	}

	.bt-consultation-card h3 {
		font-size: 20px !important;
		line-height: 1.35 !important;
	}

	.bt-sidebar-widget li a,
	.bt-consultation-card p {
		font-size: 14px !important;
		line-height: 1.6 !important;
	}
}

/* ==========================================================================
   Universal Mobile Section Padding Override (40px 0)
   ========================================================================== */
@media only screen and (max-width: 768px) {
	/* Standard section classes across the site */
	.section-padding,
	.service-section-four,
	.project-section,
	.about-section-three,
	.re-content-block,
	.re-services-section,
	.re-issues-section,
	.re-why-section,
	.re-faq-section,
	.re-cta-section,
	.re-intro-section,
	.bt-about-section,
	.bt-process-section,
	.news-secton,
	.contact-section,
	.contact-details-section,
	.counter-section,
	.feature-section,
	.testimonial-section,
	.cta-section,
	.lets-talk-banner-section,
	.team-section {
		padding-top: 40px !important;
		padding-bottom: 40px !important;
	}

	/* Utility padding classes when applied to sections or wrappers */
	section.pt-80, section.pt-90, section.pt-100, section.pt-110, section.pt-120,
	section.pb-80, section.pb-90, section.pb-100, section.pb-110, section.pb-120 {
		padding-top: 40px !important;
		padding-bottom: 40px !important;
	}

	/* Respect utility classes intended to remove top/bottom padding */
	section.pt-0, .section-padding.pt-0, .pt-0 {
		padding-top: 0 !important;
	}
	section.pb-0, .section-padding.pb-0, .pb-0 {
		padding-bottom: 0 !important;
	}
}