/*--------------------------------------------------------------
# Comprehensive Mobile Fixes for ANT Pixel Website
# This file fixes all mobile view issues across the entire site
--------------------------------------------------------------*/

/* Global Mobile Improvements */
@media (max-width: 767px) {
	
	/* Reset and Base Styles */
	* {
		word-wrap: break-word;
		overflow-wrap: break-word;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	
	html {
		overflow-x: hidden;
	}
	
	body {
		overflow-x: hidden;
		font-size: 15px;
	}
	
	/* Ensure all containers have proper padding */
	.container {
		padding-left: 15px !important;
		padding-right: 15px !important;
		max-width: 100% !important;
	}
	
	.row {
		margin-left: -15px;
		margin-right: -15px;
	}
	
	[class*="col-"] {
		padding-left: 15px;
		padding-right: 15px;
	}
	
	/* Fix image responsiveness */
	img {
		max-width: 100%;
		height: auto;
		display: block;
	}
	
	/* Fix heading overflow and sizing */
	h1, h2, h3, h4, h5, h6 {
		word-wrap: break-word;
		overflow-wrap: break-word;
		margin-bottom: 15px;
	}
	
	h1 {
		font-size: 28px !important;
		line-height: 38px !important;
	}
	
	h2 {
		font-size: 24px !important;
		line-height: 34px !important;
	}
	
	h3 {
		font-size: 20px !important;
		line-height: 30px !important;
	}
	
	h4 {
		font-size: 18px !important;
		line-height: 28px !important;
	}
	
	h5, h6 {
		font-size: 16px !important;
		line-height: 26px !important;
	}
	
	/* Better button sizing */
	.thm-btn,
	.btn,
	button {
		padding: 15px 25px !important;
		font-size: 15px !important;
		white-space: normal !important;
		height: auto !important;
		line-height: 1.5 !important;
		display: inline-block !important;
		text-align: center;
		min-width: auto !important;
	}
	
	/* Fix preloader for mobile */
	.preloader {
		z-index: 99999;
	}
	
	/* Better spacing for sections */
	section {
		padding: 60px 0 !important;
	}
	
	/* Text sizing */
	p {
		font-size: 15px !important;
		line-height: 26px !important;
		margin-bottom: 15px;
	}
	
	/* Header improvements */
	.main-header {
		position: relative !important;
	}
	
	.main-header-three.about {
		background-color: transparent !important;
	}
	
	.main-header-three__bottom {
		background-color: rgba(0, 0, 0, 0.89) !important;
	}
	
	@media (max-width: 991px) {
		.main-header-three.about {
			position: relative !important;
		}
		
		.main-header-three__bottom {
			background-color: rgba(0, 0, 0, 0.89) !important;
		}
	}
	
	.main-header-three__bottom-inner {
		padding: 0 15px;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	
	.main-header-three__bottom-left {
		flex: 1;
	}
	
	.logo-box-one {
		padding: 10px 0;
	}
	
	.logo-box-one img {
		max-width: 140px !important;
		height: auto;
	}
	
	.main-header-three__bottom-middle {
		flex: 0;
	}
	
	.mobile-nav-toggler,
	.mobile-nav-toggler.alt {
		display: block !important;
		visibility: visible !important;
		opacity: 1 !important;
		font-size: 24px !important;
		padding: 10px !important;
		cursor: pointer !important;
		z-index: 999 !important;
		color: var(--thm-white) !important;
		background: transparent !important;
		border: none !important;
		position: relative !important;
		float: none !important;
		line-height: 1 !important;
	}
	
	.mobile-nav-toggler i,
	.mobile-nav-toggler.alt i {
		display: inline-block !important;
		visibility: visible !important;
		opacity: 1 !important;
	}
	
	.menu-area__inner {
		display: flex !important;
		align-items: center !important;
		justify-content: flex-end !important;
		position: relative !important;
	}
	
	.main-header-three__bottom-middle {
		display: block !important;
		visibility: visible !important;
	}
	
	.main-header-three__bottom-middle .menu-area__inner {
		display: flex !important;
		align-items: center !important;
		justify-content: flex-end !important;
	}
	
	/* Ensure hamburger is visible on all header types */
	.main-header-two .mobile-nav-toggler,
	.main-header-three .mobile-nav-toggler,
	.main-header-three .mobile-nav-toggler.alt {
		display: block !important;
		visibility: visible !important;
		opacity: 1 !important;
	}
	
	/* Fix for main-header-three about pages */
	.main-header-three.about .mobile-nav-toggler,
	.main-header-three.about .mobile-nav-toggler.alt {
		color: var(--thm-white) !important;
		display: block !important;
		visibility: visible !important;
	}
	
	/* Page header fixes */
	.page-header {
		padding: 100px 0 60px !important;
		min-height: auto !important;
	}
	
	.page-header__inner {
		padding: 0 15px;
		text-align: center;
	}
	
	.page-header__inner h2 {
		font-size: 28px !important;
		line-height: 38px !important;
		margin-bottom: 15px;
	}
	
	.thm-breadcrumb {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		gap: 5px;
	}
	
	.thm-breadcrumb li {
		font-size: 14px;
	}
	
	.page-header .shape1,
	.page-header .shape2 {
		display: none !important;
	}
	
	/* About section fixes */
	.about-three {
		padding: 60px 0 40px !important;
	}
	
	.about-three__content {
		padding: 0 15px;
		margin-bottom: 40px;
	}
	
	.sec-title-four,
	.sec-title-three,
	.sec-title-two,
	.sec-title {
		margin-bottom: 30px;
	}
	
	.sec-title-four .sub-title h4,
	.sec-title-three .sub-title h4,
	.sec-title-two .sub-title h4,
	.sec-title .sub-title h4 {
		font-size: 16px !important;
		margin-bottom: 10px;
	}
	
	.sec-title-four h2,
	.sec-title-three h2,
	.sec-title-two h2,
	.sec-title h2 {
		font-size: 26px !important;
		line-height: 36px !important;
	}
	
	.about-three__vision-mission {
		margin-top: 20px !important;
	}
	
	.about-three__vision-mission .vision-box,
	.about-three__vision-mission .mission-box {
		margin-bottom: 20px !important;
	}
	
	.about-three__vision-mission h4 {
		font-size: 18px !important;
		margin-bottom: 10px !important;
	}
	
	.about-three__fact-box {
		margin-top: 30px;
	}
	
	.about-three__fact-single {
		width: 100%;
		margin-bottom: 30px;
		padding: 25px 20px;
		text-align: center;
	}
	
	.about-three__fact-single .count-outer h2 {
		font-size: 36px !important;
	}
	
	.about-three__fact-single .title h3 {
		font-size: 18px !important;
		line-height: 26px;
	}
	
	.about-three__img {
		margin-top: 30px;
		display: block !important;
		max-width: 100%;
	}
	
	.about-three__img .img-box {
		margin-bottom: 20px;
	}
	
	.about-three__img .title-box {
		padding: 20px;
		margin-top: 20px;
	}
	
	.about-three__img .title-box h3 {
		font-size: 20px !important;
		line-height: 30px;
		margin-bottom: 20px;
	}
	
	.about-three__img-box {
		margin-top: 40px;
		padding: 0 15px;
	}
	
	.about-three__img-box ul {
		display: block;
	}
	
	.about-three__img-box ul li {
		width: 100% !important;
		margin-bottom: 20px;
		padding: 0 !important;
	}
	
	.about-three__img-box .single-about-three__img-box {
		max-width: 100%;
	}
	
	.about-three__img-box .overlay-box {
		position: relative !important;
		top: auto !important;
		left: auto !important;
		right: auto !important;
		bottom: auto !important;
		margin: 20px 0;
		transform: none !important;
	}
	
	/* Service section fixes */
	.service-three {
		padding: 60px 0 40px !important;
	}
	
	.service-three__single {
		display: block !important;
		padding: 30px 20px;
		margin-bottom: 30px;
		max-width: 100%;
	}
	
	.service-three__single-icon {
		font-size: 50px;
		margin-bottom: 20px;
		display: block;
	}
	
	.service-three__single-content {
		margin-left: 0 !important;
		margin-top: 20px;
	}
	
	.service-three__single-content .title h3 {
		font-size: 20px !important;
		line-height: 28px;
		margin-bottom: 15px;
	}
	
	.service-three__single-content .text p {
		font-size: 15px;
		line-height: 24px;
	}
	
	/* Partner/Brand section fixes */
	.partner-style3 {
		padding: 40px 0 !important;
	}
	
	.partner-style3 ul {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		max-width: 100% !important;
	}
	
	.partner-style3 ul li {
		width: 50% !important;
		border: none !important;
		margin-bottom: 20px;
	}
	
	.single-partner-style3-logo-box {
		padding: 15px;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	
	.single-partner-style3-logo-box img {
		max-width: 100px !important;
		height: auto;
	}
	
	/* Fact counter fixes */
	.fact-counter-one {
		padding: 60px 0 40px !important;
	}
	
	.single-fact-counter {
		margin-bottom: 40px;
		padding: 30px 20px;
	}
	
	.single-fact-counter-inner {
		display: flex;
		flex-direction: column;
		align-items: center;
		text-align: center;
	}
	
	.single-fact-counter-icon {
		font-size: 50px;
		margin-bottom: 20px;
	}
	
	.single-fact-counter-inner .outer-box .count-box h2 {
		font-size: 40px !important;
	}
	
	.single-fact-counter-inner .outer-box .title p {
		font-size: 16px !important;
	}
	
	/* Footer fixes */
	.footer-three {
		padding-top: 60px !important;
	}
	
	.footer-main__three {
		padding-top: 60px !important;
	}
	
	.footer-main__three-top {
		display: block !important;
		padding: 0 15px;
	}
	
	.footer-three__logo-box {
		text-align: center;
		margin-bottom: 30px;
	}
	
	.footer-three__logo-box img {
		max-width: 180px;
		margin: 0 auto;
	}
	
	.footer-three__get-quote-form {
		display: block !important;
		padding: 30px 20px !important;
		max-width: 100%;
	}
	
	.footer-three__get-quote-form .title-box {
		text-align: center;
		margin-bottom: 20px;
	}
	
	.footer-three__get-quote-form .title-box h2 {
		font-size: 22px !important;
		margin-bottom: 10px;
	}
	
	.footer-three__get-quote-form .title-box p {
		font-size: 14px;
	}
	
	.footer-three__get-quote-form form {
		margin-left: 0 !important;
		margin-top: 20px;
	}
	
	.footer-three__get-quote-form .form-group {
		display: block !important;
	}
	
	.footer-three__get-quote-form .form-group input[type='email'] {
		width: 100% !important;
		margin-bottom: 15px;
		padding: 15px 20px !important;
		font-size: 14px !important;
		border: 1px solid #ddd;
		border-radius: 5px;
	}
	
	.footer-three__get-quote-form .form-group button.thm-btn {
		width: 100%;
		margin-left: 0 !important;
		margin-top: 0;
	}
	
	.footer-main-three__inner {
		padding: 40px 0 !important;
	}
	
	.single-footer-widget {
		margin-bottom: 40px !important;
		padding: 0 15px;
	}
	
	.single-footer-widget.ml50,
	.single-footer-widget.ml55 {
		margin-left: 0 !important;
		margin-top: 0 !important;
	}
	
	.single-footer-widget .title h3 {
		font-size: 20px !important;
		margin-bottom: 20px;
	}
	
	.single-footer-widget__about .text p {
		font-size: 15px !important;
		line-height: 24px !important;
	}
	
	.single-footer-widget__about ul li {
		margin-bottom: 15px;
		display: flex;
		align-items: flex-start;
	}
	
	.single-footer-widget__about ul li .icon {
		flex: 0 0 30px;
		font-size: 18px;
	}
	
	.single-footer-widget__about ul li p {
		flex: 1;
		font-size: 14px !important;
		line-height: 22px !important;
	}
	
	.single-footer-widget__links ul li {
		margin-bottom: 12px;
	}
	
	.single-footer-widget__links ul li p a {
		font-size: 15px !important;
	}
	
	.single-footer-widget__blog-list ul li {
		margin-bottom: 20px;
		display: block !important;
	}
	
	.single-footer-widget__blog-list ul li .img-box {
		position: relative !important;
		width: 100% !important;
		margin-bottom: 15px;
	}
	
	.single-footer-widget__blog-list ul li .title-box {
		padding-left: 0 !important;
		margin-top: 0;
	}
	
	.single-footer-widget__blog-list ul li .title-box h5 {
		font-size: 16px !important;
		line-height: 24px;
	}
	
	.single-footer-widget__blog-list ul li .title-box h5 br {
		display: none;
	}
	
	.single-footer-widget__blog-list ul li .date-box ul {
		flex-wrap: wrap;
	}
	
	.single-footer-widget__blog-list ul li .date-box ul li {
		margin-bottom: 5px;
	}
	
	.single-footer-widget__blog-list ul li .date-box ul li .text p {
		font-size: 13px !important;
	}
	
	.footer-bottom {
		padding: 25px 0;
	}
	
	.footer-bottom-three {
		padding: 25px 0 !important;
	}
	
	.footer-bottom .copyright-text,
	.footer-bottom__three-inner .copyright-text {
		text-align: center;
		padding: 0 15px;
	}
	
	.footer-bottom .copyright-text p {
		font-size: 13px !important;
		line-height: 22px !important;
	}
	
	/* Blog section fixes */
	.blog-page {
		padding: 60px 0 40px !important;
	}
	
	.blog-page__content {
		padding: 0 15px;
	}
	
	.blog-page__single {
		margin-bottom: 40px;
		max-width: 100%;
	}
	
	.blog-page__single-img {
		margin-bottom: 20px;
	}
	
	.blog-page__single-img img {
		width: 100%;
		height: auto;
		border-radius: 5px;
	}
	
	.blog-page__single-content {
		padding: 25px 20px;
	}
	
	.blog-page__single-content .meta-box {
		margin-bottom: 15px;
	}
	
	.blog-page__single-content .meta-box .meta-info {
		flex-direction: column !important;
		align-items: flex-start !important;
	}
	
	.blog-page__single-content .meta-box .meta-info li {
		margin-bottom: 8px;
	}
	
	.blog-page__single-content .meta-box .meta-info li + li {
		margin-left: 0 !important;
		margin-top: 8px;
	}
	
	.blog-page__single-content .title-box h3 {
		font-size: 20px !important;
		line-height: 28px !important;
		margin-bottom: 15px;
	}
	
	.blog-page__single-content .title-box h3 a br {
		display: none;
	}
	
	.blog-page__single-content .btn-box a {
		font-size: 14px;
	}
	
	/* Blog Details fixes */
	.blog-details {
		padding: 60px 0 40px !important;
	}
	
	.blog-details__content {
		padding: 0 15px;
		max-width: 100%;
		margin-bottom: 40px;
	}
	
	.blog-details__img-box1 {
		margin-bottom: 30px;
	}
	
	.blog-details__img1 img {
		width: 100%;
		height: auto;
		border-radius: 5px;
	}
	
	.blog-details-img1__content {
		padding: 25px 20px;
	}
	
	.blog-details-img1__content .meta-box .meta-info {
		flex-direction: column !important;
	}
	
	.blog-details-img1__content .meta-box .meta-info li + li {
		margin-left: 0 !important;
		margin-top: 8px;
	}
	
	.blog-details-img1__content .title-box h2 {
		font-size: 26px !important;
		line-height: 36px !important;
		margin: 15px 0;
	}
	
	.blog-details-img1__content .title-box h2 a br {
		display: none;
	}
	
	.blog-details-img1__content .text-box p {
		font-size: 15px !important;
		line-height: 26px !important;
	}
	
	.blog-details-img1__content .list-item ul li {
		display: flex;
		margin-bottom: 12px;
	}
	
	.blog-details-img1__content .list-item ul li .circle-box {
		flex: 0 0 20px;
		margin-top: 5px;
	}
	
	.blog-details-img1__content .list-item ul li .text {
		flex: 1;
	}
	
	.blog-details__img2-box {
		margin: 30px 0;
	}
	
	.blog-details__img2-single {
		max-width: 100%;
		margin-bottom: 20px;
	}
	
	.blog-details__img2-single img {
		width: 100%;
		height: auto;
		border-radius: 5px;
	}
	
	.blog-details__img2-text {
		padding: 20px 0;
	}
	
	.blog-details__img2-text h3 a {
		font-size: 20px !important;
		line-height: 30px;
	}
	
	.blog-details__text {
		margin: 30px 0;
	}
	
	.blog-details__text .text1 {
		padding: 25px 20px;
		margin-bottom: 20px;
	}
	
	.blog-details__text .text1 .quote-box {
		display: none !important;
	}
	
	.blog-details__text .text1 p {
		font-size: 18px !important;
		line-height: 28px !important;
		font-style: italic;
	}
	
	.blog-details__tag-share {
		display: block !important;
		padding: 20px 0;
		border-top: 1px solid #ddd;
	}
	
	.blog-details__tag-share .tag2 {
		display: block !important;
		margin-bottom: 20px;
	}
	
	.blog-details__tag-share .tag2 .text {
		margin-bottom: 10px;
	}
	
	.blog-details__tag-share .tag2 ul {
		padding-left: 0 !important;
		display: flex;
		flex-wrap: wrap;
		gap: 8px;
	}
	
	.blog-details__tag-share .tag2 ul li a {
		font-size: 13px !important;
		padding: 6px 15px;
	}
	
	.blog-details__tag-share .share-link {
		display: block !important;
	}
	
	.blog-details__tag-share .share-link .share-link-list {
		padding-left: 0 !important;
		margin-top: 10px;
		display: flex;
		gap: 10px;
	}
	
	.blog-details__prev-next-option {
		display: block !important;
		padding: 30px 0;
		border-top: 1px solid #ddd;
		margin-top: 30px;
	}
	
	.blog-details__prev-next-option .single-box {
		margin-bottom: 20px;
	}
	
	.blog-details__prev-next-option .single-box.right {
		margin-top: 20px;
	}
	
	.blog-details__comment-box {
		margin-top: 40px;
	}
	
	.blog-details__comment-box .title h3 {
		font-size: 22px !important;
		margin-bottom: 25px;
	}
	
	.single-comment-box {
		padding: 20px;
		margin-bottom: 25px;
		display: block !important;
	}
	
	.single-comment-box.ml105 {
		margin-left: 0 !important;
		padding-left: 20px;
		border-left: 3px solid #ddd;
	}
	
	.single-comment-box .img-holder {
		display: block !important;
		width: 70px;
		margin-bottom: 15px;
	}
	
	.single-comment-box .text-holder {
		margin-left: 0 !important;
	}
	
	.single-comment-box .text-holder .top {
		display: block !important;
	}
	
	.single-comment-box .text-holder .top .text-box h3 {
		font-size: 18px !important;
		margin-bottom: 5px;
	}
	
	.single-comment-box .text-holder .top .reply {
		margin-top: 10px;
	}
	
	.add-comment-box {
		padding: 30px 20px;
		margin-top: 40px;
	}
	
	.add-comment-box .title h3 {
		font-size: 22px !important;
		margin-bottom: 10px;
	}
	
	.add-comment-box .title p {
		font-size: 14px !important;
	}
	
	.add-comment-box .form-group .input-box input,
	.add-comment-box .form-group .input-box textarea {
		width: 100% !important;
		padding: 15px 20px !important;
		font-size: 14px !important;
		margin-bottom: 20px;
		border: 1px solid #ddd;
		border-radius: 5px;
	}
	
	.add-comment-box .form-group .input-box textarea {
		min-height: 150px;
	}
	
	.add-comment-box .checked-box2 {
		margin-bottom: 20px;
	}
	
	.add-comment-box .button-box .thm-btn {
		width: 100%;
	}
	
	/* Sidebar fixes */
	.blog-page__sidebar,
	.service-details__sidebar {
		margin-left: 0 !important;
		margin-top: 40px;
		padding: 0 15px;
		max-width: 100%;
	}
	
	.sidebar__single {
		margin-bottom: 40px;
		padding: 30px 20px;
		border-radius: 5px;
	}
	
	.sidebar__single .title-box h2 {
		font-size: 20px !important;
		margin-bottom: 20px;
	}
	
	.sidebar__search-form {
		position: relative;
		display: flex;
	}
	
	.sidebar__search-form input[type="search"] {
		width: 100% !important;
		padding: 15px 60px 15px 20px !important;
		font-size: 14px !important;
		border: 1px solid #ddd;
		border-radius: 5px;
	}
	
	.sidebar__search-form button {
		position: absolute;
		right: 0;
		top: 0;
		width: 50px;
		height: 100%;
		border: none;
		background: transparent;
		font-size: 18px;
	}
	
	.sidebar__category-list li {
		margin-bottom: 15px;
	}
	
	.sidebar__category-list li a {
		font-size: 15px !important;
		padding: 12px 0;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	
	.sidebar__latest-blog-list ul {
		padding: 0;
	}
	
	.sidebar__latest-blog-list li {
		margin-bottom: 20px;
		display: block !important;
	}
	
	.sidebar__latest-blog-list li .img-box {
		width: 100% !important;
		margin-bottom: 15px;
	}
	
	.sidebar__latest-blog-list li .img-box img {
		width: 100%;
		height: auto;
		border-radius: 5px;
	}
	
	.sidebar__latest-blog-list li .content-box {
		margin-left: 0 !important;
		margin-top: 0;
	}
	
	.sidebar__latest-blog-list li .content-box h4 a {
		font-size: 16px !important;
		line-height: 24px;
	}
	
	.sidebar__latest-blog-list li .content-box p {
		font-size: 13px !important;
		margin-top: 5px;
	}
	
	.sidebar__tags-list {
		display: flex;
		flex-wrap: wrap;
		gap: 8px;
		padding: 0;
	}
	
	.sidebar__tags-list li {
		margin: 0 !important;
	}
	
	.sidebar__tags-list li a {
		padding: 8px 15px !important;
		font-size: 13px !important;
		display: block;
		border-radius: 3px;
	}
	
	/* Service Details fixes */
	.service-details {
		padding: 60px 0 40px !important;
	}
	
	.service-details__content {
		padding: 0 15px;
		max-width: 100%;
	}
	
	.service-details__img-box1 {
		margin-bottom: 30px;
	}
	
	.service-details__img-box1 .img-box {
		margin-bottom: 20px;
	}
	
	.service-details__img-box1 .img-box img {
		width: 100%;
		height: auto;
		border-radius: 5px;
	}
	
	.service-details__img-box1 .content-box {
		padding: 25px 20px;
	}
	
	.service-details__img-box1 .content-box h2 {
		font-size: 26px !important;
		line-height: 36px !important;
		margin-bottom: 20px;
	}
	
	.service-details__img-box1 .content-box p {
		font-size: 15px !important;
		line-height: 26px !important;
	}
	
	.service-details__img-box1 .content-box .list-item ul li {
		display: flex;
		margin-bottom: 15px;
	}
	
	.service-details__img-box1 .content-box .list-item ul li .icon {
		flex: 0 0 25px;
		margin-top: 2px;
	}
	
	.service-details__img-box1 .content-box .list-item ul li .text {
		flex: 1;
	}
	
	.service-details__text {
		margin: 30px 0;
	}
	
	.service-details__text .title h3 {
		font-size: 22px !important;
		margin-bottom: 15px;
	}
	
	.service-details__text .title p,
	.service-details__text .text p {
		font-size: 15px !important;
		line-height: 26px !important;
	}
	
	.service-details__img-box2 {
		margin: 30px 0;
	}
	
	.service-details__img-box2 .img-box {
		max-width: 100%;
		margin-bottom: 25px;
	}
	
	.service-details__img-box2 .img-box img {
		width: 100%;
		height: auto;
		border-radius: 5px;
	}
	
	.service-details__img-box2 .content-box {
		padding: 20px;
	}
	
	.service-details__img-box2 .content-box p {
		font-size: 15px !important;
		line-height: 26px !important;
	}
	
	.service-details__img-box2 .content-box .list-item ul li {
		display: flex;
		margin-bottom: 12px;
	}
	
	.service-details__img-box2 .content-box .list-item ul li .circle-box {
		flex: 0 0 20px;
		margin-top: 5px;
	}
	
	.service-details__img-box2 .content-box .list-item ul li .text {
		flex: 1;
	}
	
	.service-details__prev-next-option {
		display: block !important;
		margin-top: 40px;
		padding-top: 30px;
		border-top: 1px solid #ddd;
	}
	
	.service-details__prev-next-option .single-box {
		padding: 20px;
		margin-bottom: 20px;
		border-radius: 5px;
	}
	
	.service-details__prev-next-option .single-box h3 a {
		font-size: 18px !important;
	}
	
	.sidebar__dwonlode-box {
		padding: 25px 20px;
	}
	
	.sidebar__dwonlode-box .dwonlode-box a {
		display: block;
		padding: 15px 20px !important;
		font-size: 15px !important;
		text-align: center;
		margin-bottom: 15px;
		border-radius: 5px;
	}
	
	.sidebar__contact-info {
		padding: 30px 20px !important;
		border-radius: 5px;
	}
	
	.sidebar__contact-info .content-box {
		padding: 20px;
	}
	
	.sidebar__contact-info .content-box h3 {
		font-size: 20px !important;
		line-height: 30px !important;
		margin-bottom: 20px;
	}
	
	.sidebar__contact-info .btn-box .thm-btn {
		width: 100%;
	}
	
	/* Contact Page fixes */
	.contact-page {
		padding: 60px 0 40px !important;
	}
	
	.contact-page__top {
		padding: 40px 0;
	}
	
	.contact-page__top-content {
		padding: 0 15px;
		margin-bottom: 40px;
	}
	
	.contact-page__top-content-top h2 {
		font-size: 26px !important;
		margin-bottom: 15px;
	}
	
	.contact-page__top-content-top p {
		font-size: 15px !important;
		line-height: 26px !important;
	}
	
	.contact-page__top-content-bottom {
		margin-top: 30px;
	}
	
	.contact-page__top-content-bottom h2 {
		font-size: 22px !important;
		margin-bottom: 20px;
	}
	
	.contact-page__top-content-bottom ul {
		padding: 0;
	}
	
	.contact-page__top-content-bottom ul li {
		margin-bottom: 25px;
	}
	
	.contact-page__top-content-bottom ul li .inner {
		display: block !important;
	}
	
	.contact-page__top-content-bottom ul li .icon-box {
		margin-bottom: 15px;
		font-size: 30px;
	}
	
	.contact-page__top-content-bottom ul li .content-box h4 {
		font-size: 18px !important;
		margin-bottom: 10px;
	}
	
	.contact-page__top-content-bottom ul li .content-box p,
	.contact-page__top-content-bottom ul li .content-box p a {
		font-size: 15px !important;
		line-height: 24px;
	}
	
	.contact-page__google-map {
		max-width: 100%;
		margin-top: 40px;
		padding: 0 15px;
	}
	
	.contact-page-google-map__one {
		height: 300px !important;
		width: 100%;
		border-radius: 5px;
	}
	
	.contact-page__bottom {
		padding: 40px 0;
	}
	
	.contact-page__bottom-form {
		padding: 0 15px;
	}
	
	.contact-page__bottom-form-inner {
		padding: 40px 20px !important;
		border-radius: 5px;
	}
	
	.contact-page__bottom-form-inner .title-box {
		margin-bottom: 25px;
		text-align: center;
	}
	
	.contact-page__bottom-form-inner .title-box h2 {
		font-size: 24px !important;
		margin-bottom: 10px;
	}
	
	.contact-page__bottom-form-inner .title-box p {
		font-size: 14px !important;
	}
	
	.contact-page__input-box input,
	.contact-page__input-box textarea {
		width: 100% !important;
		padding: 15px 20px !important;
		font-size: 14px !important;
		margin-bottom: 20px;
		border: 1px solid #ddd !important;
		border-radius: 5px !important;
	}
	
	.contact-page__input-box textarea {
		min-height: 150px;
	}
	
	.contact-page__btn {
		text-align: center;
	}
	
	.contact-page__btn .thm-btn {
		width: 100%;
		padding: 18px 30px !important;
	}
	
	/* Mobile Menu fixes */
	.mobile-menu {
		max-width: 300px;
	}
	
	.mobile-menu .menu-box {
		padding: 20px;
	}
	
	.mobile-menu .close-btn {
		font-size: 24px;
		padding: 10px;
		text-align: right;
	}
	
	.mobile-menu .nav-logo {
		text-align: center;
		margin-bottom: 25px;
		padding-bottom: 20px;
		border-bottom: 1px solid rgba(255, 255, 255, 0.1);
	}
	
	.mobile-menu .nav-logo img {
		max-width: 140px;
		margin: 0 auto;
	}
	
	.mobile-menu .navigation {
		padding: 0;
		list-style: none;
	}
	
	.mobile-menu .navigation li {
		margin-bottom: 0;
		border-bottom: 1px solid rgba(255, 255, 255, 0.1);
	}
	
	.mobile-menu .navigation li a {
		display: block;
		padding: 12px 0 !important;
		font-size: 16px !important;
	}
	
	.mobile-menu .contact-info {
		margin-top: 25px;
		padding-top: 25px;
		border-top: 1px solid rgba(255, 255, 255, 0.1);
	}
	
	.mobile-menu .contact-info p a {
		font-size: 16px;
	}
	
	.mobile-menu .social-links {
		margin-top: 25px;
		text-align: center;
	}
	
	.mobile-menu .social-links ul {
		display: flex;
		justify-content: center;
		gap: 10px;
		padding: 0;
		flex-wrap: wrap;
	}
	
	.mobile-menu .social-links ul li {
		margin: 0;
		border: none;
	}
	
	.mobile-menu .social-links ul li a {
		width: 40px;
		height: 40px;
		line-height: 40px;
		font-size: 15px;
		display: flex;
		align-items: center;
		justify-content: center;
		border-radius: 50%;
	}
	
	/* Form improvements */
	input[type="text"],
	input[type="email"],
	input[type="tel"],
	input[type="search"],
	input[type="password"],
	textarea,
	select {
		width: 100% !important;
		padding: 15px 20px !important;
		font-size: 14px !important;
		border: 1px solid #ddd;
		border-radius: 5px;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
	}
	
	/* Table responsiveness */
	table {
		width: 100%;
		display: block;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}
	
	/* Fix for WOW animations on mobile - disable for better performance */
	.wow {
		animation-name: none !important;
		visibility: visible !important;
	}
	
	/* Pagination fixes */
	.styled-pagination {
		display: flex !important;
		flex-wrap: wrap;
		gap: 10px;
		justify-content: center;
		align-items: center;
		padding: 0;
	}
	
	.styled-pagination li {
		margin: 0 !important;
	}
	
	.styled-pagination li a {
		min-width: 40px !important;
		height: 40px !important;
		line-height: 40px !important;
		font-size: 14px !important;
		display: flex;
		align-items: center;
		justify-content: center;
		border-radius: 5px;
	}
	
	/* Video and iframe responsiveness */
	iframe,
	embed,
	object,
	video {
		max-width: 100%;
		height: auto;
	}
	
	/* Better touch targets for accessibility */
	a, button, input[type="submit"], input[type="button"], .thm-btn {
		min-height: 44px;
		min-width: 44px;
		display: inline-flex;
		align-items: center;
		justify-content: center;
	}
	
	/* Hide shape elements that don't work well on mobile */
	[class*="shape"] {
		display: none !important;
	}
	
	/* Improve list spacing */
	ul:not(.navigation):not(.thm-breadcrumb):not(.clearfix) {
		padding-left: 20px;
	}
	
	li {
		margin-bottom: 10px;
	}
	
	/* Fix for sticky header on mobile */
	.sticky-menu,
	#sticky-header {
		position: static !important;
	}
	
	/* Services page fix */
	.services-page {
		padding: 60px 0 40px !important;
	}
	
	/* Better spacing between sections */
	section + section {
		margin-top: 0;
	}
	
	/* Fix max-width issues */
	.page-wrapper {
		overflow-x: hidden;
	}
	
	/* Better line height for readability */
	body {
		line-height: 1.6;
	}
	
	/* Fix button groups */
	.btn-box {
		display: flex;
		flex-direction: column;
		gap: 15px;
	}
	
	.btn-box .thm-btn {
		width: 100%;
	}
	
	/* Fix video gallery buttons */
	.video-gallery {
		width: 100%;
		text-align: center;
		margin-top: 20px;
	}
}


/* Force hamburger visibility on all mobile sizes */
@media (max-width: 991px) {
	.menu-area .mobile-nav-toggler,
	.menu-area .mobile-nav-toggler.alt {
		display: block !important;
		visibility: visible !important;
		opacity: 1 !important;
	}
	
	.menu-area .navbar-wrap {
		display: none !important;
	}
	
	.menu-area__inner {
		display: flex !important;
		flex-direction: row-reverse !important;
		justify-content: space-between !important;
		align-items: center !important;
	}
	
	.main-header-three__bottom-middle {
		width: auto !important;
		flex: 0 0 auto !important;
	}
}

/* Small mobile devices (320px to 480px) */
@media (max-width: 480px) {
	
	.container {
		padding-left: 10px !important;
		padding-right: 10px !important;
	}
	
	.page-header__inner h2 {
		font-size: 24px !important;
		line-height: 34px !important;
	}
	
	.sec-title h2,
	.sec-title-two h2,
	.sec-title-three h2,
	.sec-title-four h2 {
		font-size: 24px !important;
		line-height: 34px !important;
	}
	
	h1 {
		font-size: 26px !important;
		line-height: 36px !important;
	}
	
	h2 {
		font-size: 22px !important;
		line-height: 32px !important;
	}
	
	h3 {
		font-size: 18px !important;
		line-height: 28px !important;
	}
	
	.thm-btn,
	.btn,
	button {
		padding: 12px 20px !important;
		font-size: 14px !important;
	}
	
	.logo-box-one img {
		max-width: 120px !important;
	}
	
	.footer-three__get-quote-form .title-box h2 {
		font-size: 20px !important;
	}
	
	.single-footer-widget .title h3 {
		font-size: 18px !important;
	}
	
	.footer-bottom .copyright-text p {
		font-size: 12px !important;
		line-height: 20px !important;
	}
	
	.mobile-menu .social-links ul li a {
		width: 35px;
		height: 35px;
		line-height: 35px;
		font-size: 13px;
	}
	
	p {
		font-size: 14px !important;
		line-height: 24px !important;
	}
	
	.partner-style3 ul li {
		width: 50% !important;
	}
	
	.single-partner-style3-logo-box img {
		max-width: 80px !important;
	}
	
	section {
		padding: 50px 0 !important;
	}
	
	.service-three__single,
	.blog-page__single,
	.sidebar__single,
	.single-comment-box {
		padding: 20px 15px;
	}
	
	input[type="text"],
	input[type="email"],
	input[type="tel"],
	input[type="search"],
	textarea {
		padding: 12px 15px !important;
		font-size: 13px !important;
	}
}


/* Landscape mode improvements */
@media (max-width: 767px) and (orientation: landscape) {
	
	.page-header {
		padding: 80px 0 40px !important;
	}
	
	section {
		padding: 50px 0 !important;
	}
	
	.banner-three {
		padding: 100px 0 80px !important;
	}
	
	.mobile-menu {
		max-height: 100vh;
		overflow-y: auto;
	}
}


/* Print styles */
@media print {
	
	.main-header,
	.footer-three,
	.mobile-menu,
	.preloader {
		display: none !important;
	}
	
	body {
		font-size: 12pt;
		line-height: 1.5;
	}
	
	h1, h2, h3, h4, h5, h6 {
		page-break-after: avoid;
	}
	
	img {
		max-width: 100% !important;
	}
	
	.page-header,
	section {
		page-break-inside: avoid;
	}
}