@charset "utf-8";
/* CSS Document */

/*...Index...*/

@media (max-width: 1260px) {
	.ServiceBoxOuterContainer {
		width: 85%;
	}
}
@media (max-width: 1220px) {
	.SpecializeImage {
		width: 300px;
	}
}

@media (max-width: 1112px) {
	.ServiceText {
		font-size: 20px;
	}
}

@media (max-width: 930px) {
	.SpecializeContainer {
		flex-direction: column;
		text-align: center;
		gap: 0;
	}
	.SpecializeImage {
		width: 400px;
		margin: 20px 0;
	}
}

@media (max-width: 767px) {
	.ServiceBoxContainer {
		display: block;
	}
	.ServiceBox {
		width: 100%;
		height: 200px;
	}
}

@media (max-width: 500px) {
	.FirstImageTextOverlayHeader {
		font-size: 30px;
	}
	.FirstImageTextOverlayText {
		font-size: 20px;
	}
}

@media (max-width: 480px) {
	.Logo {
		width: 150px;
	}
	.navbar-toggler-icon {
		width: 0.75em !important;
		height: 1em !important;
		background-size: 150% 150% !important;
	}
	.first-background-pic {
		height: 300px;
	}
	.FirstImage {
		width: 100vw;
		height: 100%;
	}
	.FirstHeading {
		font-size: 22px;
	}
	.FirstSubHeading {
		font-size: 18px;
	}
	.WeSpecializeHeader {
		font-size: 20px;
	}
	.ServiceHeader {
		font-size: 19px;
	}
	.ExpectHeader {
		font-size: 19px;
	}
	.ExpectText {
		font-size: 17px;
	}
	.SliderHeader {
		font-size: 19px !important;
	}
	.SliderText, .SliderText2 {
		font-size: 17px !important;
		line-height: 24px !important;
	}
	.FooterLogo {
		width: 230px;
	}
}
@media (max-width: 425px) {
	.SpecializeImage {
		width: 93%;
	}
}
@media (max-width: 419px) {
	.FooterTextContainer {
		flex-direction: column;
		text-align: center;
		padding: 50px 0;
	}
	.DividerLine {
		font-size: 24px;
		padding-left: 10px;
		padding-right: 10px;
		margin-top: -7px;
	}
	.Footer-li, .Footer-li-2 {
		font-size: 15px;
	}
}


/*...About...*/



@media (max-width: 1600px) {
	.SplitScreenContainerAbout {
		flex-direction: column;
	}
	.SplitScreenPicContainer-About {
		width: 90%;
		height: 600px;
		border-radius: 5px;
		margin: 5% auto 0 auto;
	}
	.SplitScreetTextContainer {
		width: 90%;
		margin: 0 auto;
		text-align: center;
	}
}
@media (max-width: 900px) {
	.SplitScreenPicContainer-About {
		height: 400px;
	}
}
@media (max-width: 825px) {
	.FooterContainer1 {
		flex-direction: column;
	}
	.FooterNavContainer, .FooterHoursContainer {
		width: 100%;
	}
}
@media (max-width: 800px) {
	.SplitScreenContainer {
		flex-direction: column;
	}
	.SplitScreenContainer-Reverse {
		flex-direction: column-reverse;
	}
	.SplitScreenPicContainer-Automotive, .SplitScreenPicContainer-TruckCoach, .SplitScreenPicContainer-FleetManagement, .SplitScreenPicContainer-Motorhome, .SplitScreenPicContainer-BrakeRepair, .SplitScreenPicContainer-DOTInspection, .SplitScreenPicContainer-WheelAlignment, .SplitScreenPicContainer-AutoDiagnosis, .SplitScreenPicContainer-Steering, .SplitScreenPicContainer-AllServices {
		width: 100%;
		height: 300px;
		margin: 0 auto;
	}
	.AboutTextContainer {
		width: 100%;
		margin: 0 auto;
	}
	.AboutHeader2, .AboutText {
		text-align: center;
	}
	.TCTextContainer {
		width: 80%;
		margin: 0 auto;
		text-align: center;
	}
}
@media (max-width: 767px) {
	.TopHeaderContainer {
		text-align: center;
	}
	.TopHeaderText {
		font-size: 24px;
	}
	.AboutHeader2 {
		font-size: 24px;
	}
	.AboutText {
		font-size: 18px;
		line-height: 26px;
	}
}
@media (max-width: 600px) {
	.ServicesHeader {
		font-size: 20px;
	}
}
@media (max-width: 590px) {
	.SplitScreenPicContainer-About {
		height: 300px;
	}
}
@media (max-width: 440px) {
	.SplitScreenPicContainer-About {
		height: 200px;
	}
}
@media (max-width: 414px) {
	.Days-Hours-Container {
		width: 283px;
		padding-left: 5px;
	}
	.HoursText {
		padding-right: 10px;
	}
}
@media (max-width: 374px) {
	.FooterContainer1 {
		width: 100%;
		border-radius: 0;
	}
}


/*...Automotive Services...*/


@media (max-width: 1199px) {
	
	.AutoServicesListOuterContainer {
		flex-direction: column;
	}
	.AutoServicesListInnerContainer {
		width: 500px;
		margin: 0 auto 10px auto;
	}
	.AutoServicesList-IC-1, .AutoServicesList-IC-2, .AutoServicesList-IC-3 {
		margin-bottom: 25px;
	}
}
@media (max-width: 1000px) {
	.LoanerInnerContainer {
		height: 85%;
	}
	.CommonColumn1, .CommonColumn2 {
		width: 47%;
	}
}
@media (max-width: 768px) {
	.ServicesListContainer {
		flex-direction: column;
	}
	.ServicesUL {
		margin: 0 auto;
	}
}
@media (max-width: 767px) {
	.LoanerInnerContainer {
		height: 90%;
	}
	.CommonColumnsContainer {
		display: flex;
		flex-direction: column;
		justify-content: center;
		width: 100%;
		margin: 0 auto;
		padding-bottom: 3.5%;
		background-color: rgba(60, 60, 60, 0.7);
	}
	.CommonColumn1, .CommonColumn2 {
		width: 80%;
		margin: -10px auto;
	}
	.CommonHeader, .AllServicesHeader {
		font-size: 20px;
	}
}
@media (max-width: 660px) {
	.List1, .List2 {
		padding-bottom: 20px;
	}
}
@media (max-width: 525px) {
	.AutoServicesListInnerContainer {
		width: 98%;
	}
}
@media (max-width: 400px) {
	.CommonHeader {
		padding: 5% 10% 3.5% 10%;
	}
}


/*...Truck and Coach...*/


@media (max-width: 1283px) {
	.TCLI-Padding1 {
		margin-top: 20px;
		margin-bottom: 5px;
	}
	.TCLI-Padding2 {
		margin-top: 5px;
		margin-bottom: 20px;
	}
}
@media (max-width: 1150px) {
	.TruckServicesListOuterContainer {
		flex-direction: column;	
	}
	.TruckServicesListInnerContainer {
		width: 500px;
		margin: 0 auto 10px auto;
	}
}
@media (max-width: 800px) {
	.TCHeader {
		text-align: center;
	}
	.TCInnerContainer {
		border: solid 5px rgb(16, 47, 62);
		border-radius: 5px;
		padding: 10px;
	}
	.TCTextContainer {
		width: 100%;
		margin: 0 auto;
		text-align: left;
	}
	.TCText {
		text-align: center;
	}
	.TruckCoach-UL-Container {
		justify-content: center;
	}
	.TruckCoachLI {
		list-style-type: none;
	}
	.TCLI-Padding1 {
		margin-top: 20px;
		margin-bottom: 0;
		text-align: center;
	}
	.TCLI-Padding2 {
		margin-top: 0;
		margin-bottom: 20px;
		text-align: center;
	}
}
@media (max-width: 767px) {
	.TCText {
		font-size: 18px;
		line-height: 22px;
	}
	.TruckCoachLI {
		font-size: 18px;
		line-height: 26px;
	}
}
@media (max-width: 525px) {
	.TruckServicesListInnerContainer {
		width: 95%;
	}
}
@media (max-width: 518px) {
	.TCLI-Padding1 {
		margin-top: 20px;
		margin-bottom: 10px;
	}
	.TCLI-Padding2 {
		margin-top: 10px;
		margin-bottom: 20px;
	}
}
@media (max-width: 400px) {
	.TruckCoach-UL-Container {
		flex-direction: column;
	}
	.TruckCoachUL1 {
		margin-right: 0;
		margin-bottom: -0.5px;
	}
	.TruckCoachUL2 {
		margin-left: 0;
		margin-top: -0.5px;
	}
}


/*...Fleet Management...*/


@media (max-width: 810px) {
	.FleetServicesListOuterContainer, .MotorHomeServicesListOuterContainer {
		flex-direction: column;
	}
	.FleetServicesListInnerContainer, .MotorHomeServicesListInnerContainer {
		width: 500px;
		margin: 0 auto 10px auto;
	}
}
@media (max-width: 550px) {
	.AlignmentServicesListInnerContainer {
		width: 98%;
	}
}
@media (max-width: 525px) {
	.FleetServicesListInnerContainer, .MotorHomeServicesListInnerContainer {
		width: 98%;
	}
}


/*...MotorHome / Trailer...*/


@media (max-width: 810px) {
	.MotorHomeServicesListOuterContainer {
		flex-direction: column;
	}
	.MotorHomeServicesListInnerContainer {
		width: 500px;
		margin: 0 auto 10px auto;
	}
}
@media (max-width: 525px) {
	.MotorHomeServicesListInnerContainer {
		width: 95%;
	}
}


/*...Steering and Suspension...*/


@media (max-width: 800px) {
	.SteeringTextContainer {
		width: 100%;
		margin: 0 auto;
	}
	.SteeringTextContainer {
		text-align: center;
	}
	.SteeringUL {
		margin-left: 0;
		text-align: left;
	}
}
@media (max-width: 767px) {
	.SteeringHeader1, .SteeringHeader2 {
		font-size: 20px;
	}
}


/*...Electrical Diagnosis...*/


@media (max-width: 810px) {
	.ElectricalServicesListOuterContainer {
		flex-direction: column;
	}
	.ElectricalServicesListInnerContainer {
		width: 500px;
		margin: 0 auto 10px auto;
	}
	.E-List1 {
		margin-bottom: 20px;
	}
	.E-List3 {
		margin-top: 20px;
	}
}
@media (max-width: 525px) {
	.ElectricalServicesListInnerContainer {
		width: 95%;
	}
}


/*...All Services...*/


@media (max-width: 1199px) {
	
	.ServicesListOuterContainer {
		flex-direction: column;
	}
	.ServicesListInnerContainer {
		width: 500px;
		margin: 0 auto 10px auto;
	}
	.AutoMakesOuterContainer {
		width: 100%;
	}
}
@media (max-width: 768px) {
	.ServiceHeaderImageText {
		font-size: 30px;
	}
}
@media (max-width: 767px) {
	.AutoMakesOuterContainer {
		flex-direction: column;
		width: 100%;
	}
	.AutoMakesInnerContainer {
		width: 75%;
	}
	.MakesContainerMargin {
		margin-top: 10px;
	}
	.ServicesHeaderTextOverlayHeader{
		font-size: 34px;
	}
}
@media (max-width: 525px) {
	.ServicesListInnerContainer {
		width: 98%;
	}
}
@media (max-width: 460px) {
	.ServiceHeaderImageText {
		font-size: 24px;
	}
}
@media (max-width: 418px) {
	.ServicesHeaderTextOverlayHeader {
		margin-top: -20px;
	}
}
@media (max-width: 397px) {
	.ServicesHeaderTextOverlayHeader {
		margin-top: -30px;
	}
}


/*...Contact Us...*/


@media (max-width: 920px) {
	.ContactInfoOuterContainer {
		width: 100%;
	}
}
@media (max-width: 820px) {
	.ContactInfoText {
		font-size: 15px;
		line-height: 21px;
	}
	.Contact-TimesText {
		font-size: 15px;
		line-height: 21px;
	}
	.Contact-HoursText {
		font-size: 15px;
		line-height: 21px;
	}
	.PleaseNote {
		font-size: 15px;
		line-height: 21px;
	}
}
@media (max-width: 767px) {
	
	.Contact-Days-Hours-Inner {
		margin-left: 0;
	}
}
@media (max-width: 720px) {
	.ContactPageLogo {
		margin: 0 10px;
	}
}
@media (max-width: 672px) {
	.ContactPageLogo {
		width: 25%;
	}
}


@media (max-width: 767px) {
	.MiddleContactHeader {
		font-size: 18px;
		line-height: 26px;
	}
	.FooterLogoContainer {
		flex-direction: column;
		justify-content: space-between;
		width: 100%;
	}
	.PaymentIcons {
		margin: 20px 0;
	}
	.FooterAmadioLogoContainer {
		justify-content: space-around;
		margin: 0 auto;
	}
	.PaymentIconContainer {
		justify-content: space-around;
		margin: 0 auto;
	}
	.ContactInfoContainer {
		display: flex;
		flex-direction: column-reverse;
	}
	.ContactInfoContainerImage {
		width: 100%;
		height: 400px;
	}
	.ContactInfoTextContainer {
		width: 100%;
		margin: 0;
	}
	.Contact-Days-Hours-Container {
		margin: 20px auto;
		width: 300px;
	}
	.ContactIconsContainer {
		text-align: center;
		margin: 25px 0;
	}
	.ContactIcons, .ContactIcons2, .ContactIcons-3, .ContactIcons-4 {
		margin: -5px 10px 0 0;
	}
}
@media (max-width: 480px) {
	.PaymentIcons {
		width: 40px;
	}
	.InteracIcon {
		width: 30px;
	}
}
@media (max-width: 420px) {
	.ContactInfoContainerImage {
		height: 300px;
	}
}