@media only screen and (max-width: 7000px){
	.page-wrapper{
		overflow: hidden;
	}
	
}

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

	.main-menu .navigation>li:nth-last-child(-n+3)>ul>li>ul {
	    left: auto;
	    right: 100%;
	}
	.main-menu .navigation > li:nth-last-child(-n+2) > ul {
	    left: auto;
	    right: 0;
	}
	.main-menu .navigation > li:nth-last-child(-n+2) > ul > li > ul {
	    left: auto;
	    right: 100%;
	}
	.features-section .auto-container {
		padding: 0 15px;
	}
	.main-header.header-style-two .header-info-right .phone-number {
		display: none;
	}
	.main-header.header-style-two .sticky-header .auto-container {
		padding: 0 15px;
	}
}

@media only screen and (max-width: 1199px){
	.main-menu .navigation>li {
		padding: 15px 30px;
	}
	.banner-section .banner-slider-nav {
		display: none;
	}
	.main-header.header-style-one .header-upper .auto-container {
	    padding: 0 15px;
	}
	.header-top .right-column {
	    display: none;
	}
}

@media only screen and (max-width: 1139px){
	/* Default */
	.main-header .nav-outer .main-menu,
	.sticky-header{
		display: none !important;
	}
	.nav-outer .mobile-nav-toggler{
		display: block;
	}
	.main-header.header-style-two .header-info-right {
		display: none;
	}
}

@media only screen and (max-width: 991px){
	.about-section {
		padding: 40px 0 30px;
	}
	.main-header .header-upper .logo-box .logo img {
		max-width: 115px !important;
		image-rendering: auto !important;
		-webkit-font-smoothing: antialiased !important;
		-moz-osx-font-smoothing: grayscale !important;
		shape-rendering: geometricPrecision !important;
	}
	.main-footer .widgets-section {
		padding: 50px 30px 10px;
	}
	.banner-section .content-box h1 {
		font-size: 50px;
		line-height: 60px;
	}
	.about-section .year-experience {
		position: relative;
	}
	.main-header .header-upper .search-btn {
	    position: relative;
	    display: none;
	}

	.main-header .header-upper .link-btn {
	    display: none;
	}
	.features-section .inner-container {
	    max-width: 100%;
	}
	.features-section .image {
	    margin-top: 0;
	}
	.estimate-section .wrapper-box:before {
	    right: -15px;
	}
	.services-section {
		padding-bottom: 20px;
	}
	

}

@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;
	}
}

@media only screen and (max-width: 767px){	
	.about-section {
		padding: 30px 0 30px;
	}
	.main-header .header-upper .logo-box .logo img {
		max-width: 105px !important;
		image-rendering: auto !important;
		-webkit-font-smoothing: antialiased !important;
		-moz-osx-font-smoothing: grayscale !important;
		shape-rendering: geometricPrecision !important;
	}
	.main-footer .widgets-section {
		padding: 40px 20px 10px;
	}
	.footer-column {
		margin-bottom: 30px;
	}
	.widget {
		margin-bottom: 30px;
	}
	.why-choose-us-two .inner-container {
		padding-left: 30px;
		padding-right: 30px;
	}
	/* Fix termin page layout on tablet */
	.appointment-section {
		min-height: calc(100vh - 140px);
		padding-bottom: 50px;
	}
	br {
		display: none;
	}
	.filter-tabs li .count {
		display: none;
	}
	.features-section .icon-box .icon {
		margin-bottom: 20px;
	}
	.skills-section .inner-container {
		padding-left: 15px;
		padding-right: 15px;
	}
	.header-top .left-column .office-hour {
		display: none;
	}
	.header-top .left-column,
	.header-top .left-column .text {
		width: 100%;
	}
	.footer-bottom {
		justify-content: center;
	}
	
	/* Center text sections on mobile */
	.about-section .sec-title {
		text-align: center;
	}
	.car-brands-section .sec-title {
		text-align: center;
	}
	
	/* Make headings bigger on mobile for better visibility */
	.about-section .sec-title h2 {
		font-size: 28px !important;
		line-height: 34px !important;
	}
	.car-brands-section .sec-title h2 {
		font-size: 26px !important;
		line-height: 32px !important;
	}
	
	/* Make description text bigger on mobile */
	.about-section .sec-title .text p {
		font-size: 18px !important;
		line-height: 26px !important;
	}
	.car-brands-section .sec-title .text {
		font-size: 18px !important;
		line-height: 26px !important;
	}
	.brand-logo.insurance-section .sec-title .insurance-desc[style] {
		font-size: 18px !important;
		line-height: 26px !important;
	}
	
	/* Center services section title and text on mobile */
	.services-section .sec-title {
		text-align: center;
	}
	
	/* Make services description text bigger and more readable on mobile */
	.services-section .sec-title .text {
		font-size: 18px !important;
		line-height: 26px !important;
	}
	
	/* Make all service pages text smaller and more readable on mobile */
	.services-single .inner-box .text p {
		font-size: 16px !important;
		line-height: 24px !important;
	}
	
	.services-single .facts .text {
		font-size: 15px !important;
		line-height: 22px !important;
	}
	
	.services-single .facts h3 {
		font-size: 20px !important;
		line-height: 26px !important;
	}
	
	.services-single .inner-box .text .two-column h3 {
		font-size: 18px !important;
		line-height: 24px !important;
	}
	
	/* Make page title smaller on mobile */
	.page-title h2 {
		font-size: 28px !important;
		line-height: 1.3em !important;
	}
	
	/* Fix CTA section layout and sizing for mobile */
	.cta-section .wrapper-box {
		flex-direction: column !important;
		text-align: center !important;
		padding: 30px 20px !important;
	}
	
	.cta-section h3 {
		font-size: 24px !important;
		margin-bottom: 10px !important;
	}
	
	.cta-section .text {
		font-size: 16px !important;
		margin-bottom: 25px !important;
	}
	
	.cta-section .right-column {
		flex-direction: column !important;
		width: 100% !important;
	}
	
	.cta-section .phone {
		font-size: 28px !important;
		margin-right: 0 !important;
		margin-bottom: 15px !important;
	}
	
	.cta-section .theme-btn {
		font-size: 16px !important;
		padding: 15px 30px !important;
		width: auto !important;
	}

}

@media only screen and (max-width: 600px){
	.about-section {
		padding: 25px 0 25px;
	}
	.main-header .header-upper .logo-box .logo img {
		max-width: 95px !important;
		image-rendering: auto !important;
		-webkit-font-smoothing: antialiased !important;
		-moz-osx-font-smoothing: grayscale !important;
		shape-rendering: geometricPrecision !important;
	}
	.main-footer .widgets-section {
		padding: 30px 15px 10px;
	}
	.widget_about .logo img {
		max-width: 100px !important;
		height: auto !important;
		image-rendering: auto !important;
		-webkit-font-smoothing: antialiased !important;
		-moz-osx-font-smoothing: grayscale !important;
		shape-rendering: geometricPrecision !important;
	}
	.widget h4 {
		font-size: 18px;
		margin-bottom: 20px;
	}
	.widget_links li a {
		font-size: 16px;
	}
	.why-choose-us-two .inner-container {
		padding-left: 20px;
		padding-right: 20px;
	}
	.about-section .year-experience {
		bottom: 30px;
	}
	/* Fix termin page layout on mobile */
	.appointment-section {
		min-height: calc(100vh - 160px);
		padding-bottom: 60px;
	}
	.termin-info-line {
		margin-top: auto;
	}
	
	/* Keep insurance text big on smaller screens */
	.brand-logo.insurance-section .sec-title .insurance-desc[style] {
		font-size: 18px !important;
		line-height: 26px !important;
	}
}


@media only screen and (max-width: 350px) {
	.main-footer .widgets-section {
		padding: 25px 10px 10px;
	}
	.widget h4 {
		font-size: 16px;
	}
	.widget_about .logo img {
		max-width: 110px;
	}
	.why-choose-us-two .inner-container {
		padding-left: 15px;
		padding-right: 15px;
	}
}

/* Fix mobile image display for why-choose-us-two section */
@media only screen and (max-width: 1199px) {
	.why-choose-us-two .right-column {
		min-height: 300px;
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
		margin-top: 30px;
		position: relative;
		left: auto;
		display: flex !important;
		align-items: center;
		justify-content: center;
	}
	/* Hide the overlay image and rely on background image */
	.why-choose-us-two .right-column .image {
		display: none !important;
	}
	/* Ensure background image is visible */
	.why-choose-us-two .right-column::after {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background-image: url(../images/pic/img1.jpg);
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
		border-radius: 10px;
		z-index: 1;
	}
}

@media only screen and (max-width: 768px) {
	.why-choose-us-two .right-column {
		min-height: 250px;
		margin-top: 20px;
	}
	.why-choose-us-two .right-column::after {
		background-size: cover;
	}
}

@media only screen and (max-width: 480px) {
	.why-choose-us-two .right-column {
		min-height: 200px;
		margin-top: 15px;
	}
}