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

 * {
   margin: 0;
   padding: 0;
   box-sizing: border-box;
   }

 form.eapps-form-form {
   font-family: var(--font-base, Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif);
   }

 .eapps-form-floating-button-position-right.eapps-form-floating-button-visible {
   font-family: var(--font-base, Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif);
   }


 @media screen and (max-width: 537px) {
  .callnowbutton {
    background-image: url("../img/Call Now.png");
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
    border-top: 1px solid #2dc62d;
    background-size: cover;	
    text-decoration: none;
    z-index: 2147483647;
    border-radius: 50%;
    position: fixed;
    display: block;
    height: 65px;
    bottom: 76px;	  
    width: 65px;
    right: 20px;
    }
    }


/* ========= Header ========= */	
/* --- Top Header --- */

 .top-header {
   border-bottom: 1px solid #6f6f6f;
   background: #000000;
   }

 .top-header-width {
   justify-content: space-between;
   padding: 15px 40px 15px 40px;
   max-width: 900px;
   display: flex;
   margin: auto;	 
   color: white;
   }

 .top-header-adress {
   font-family: 'Roboto', sans-serif;
   font-size: 14.5px;
   }


/* --- Main Header Content --- */

  header {
   border-bottom: 1px solid #6f6f6f;
   background: black;	
   }

 .main-header-content {
   justify-content: space-between;
   padding: 0px 40px 0px 40px;
   max-width: 1270px;
   display: flex;
   margin: auto;	 
   }

 .header-offer {
   font-family: 'Roboto Condensed', sans-serif;
   text-align: center;
   color: white;
   }

 .header-offer span {
   color: yellow;
   }

 .mobile-header-offer span {
   color: yellow;
   }

 .logo-container {
	width: 100%; 
	max-width: 400px;
    }

 .logo-container-2 {
	width: 100%; 
	max-width: 600px;
    }

 .logo {
   background-image: url("../img/Logo2.png");
   background-repeat: no-repeat;
   background-position: center;
   background-size: contain;
   max-width: 398px;
   margin-top: 5px;
   height: 228px;
   width: 100%;
   }

 .logo-home {
   background-image: url(../img/Logo2.png);
   background-repeat: no-repeat;
   background-position: center;
   background-size: contain;
   max-width: 597px;
   margin-top: 6px;
   height: 343px;
   width: 100%;
   }

 .logo-text { 
   font-family: var(--font-base, Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif);
   margin: -19px auto auto auto;
   text-align: center;
   line-height: 29px;
   font-size: 17.5px;
   max-width: 237px;
   font-weight: 400;
   color: white;
   }

  nav {
   font-family: var(--font-base, Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif);
   justify-content: space-between;
   font-weight: 400;
   margin-top: 65px;
   font-size: 23px;
   display: flex;
   width: 100%;	 
   }

 .nav-container {
   margin-top: 40px;
   max-width: 450px;
   width: 100%;
   }

 .dropdown-menu-item-1 {
   color: white;
   }

 .menu-item {
   color: white;
   }

 .dropdown-menu-item-1:hover {
   color: #ff0023;
   }

 .menu-item:hover {
   color: #ff0023;
   }

  
/* --- Drop Down On Hover --- */

  nav a, .dropbtn {
   display: inline-block;
   text-decoration: none;
   text-align: center;
   color: white;
   }

  nav.dropdown {
   display: inline-block;
   }

 .dropdown-content {
   box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
   background-color: #eee;
   margin-left: -60px !important;
   position: absolute;
   min-width: 160px;
   margin-top: 0px;
   display: none;
   z-index: 1;
   }

 .dropdown-item {
   background: linear-gradient(180deg,#ffffff 0%,#eaeaea 24%,#e4e4e4 44%,#d2d2d2 65%,#c3c3c3 86%,#a9a9a9 100%);	
   border-bottom: 1px solid #868686;	
   font-size: 15.5px;
   font-weight: 400;
   }

 .ndi {
   border-left: none;
   }

 .dropdown-content a {
   padding: 12px 13px 12px 13px;
   text-decoration: none;	 
   text-align: left;
   display: block;
   color: black;
   }

 .dropdown-content a:hover {
   background-color: #f1f1f1;
   }

 .dropdown:hover .dropdown-content {
   margin-left: -35px;
   z-index: 10000;	
   display: block;
   }

 .dropdown-content-2 {
   box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
   margin-left: -67px !important;	
   background-color: #f9f9f9;
   position: absolute;
   min-width: 160px;
   display: none;
   z-index: 1;
   }

 .dropdown-content-2 a {
   text-decoration: none;
   padding: 12px 16px;
   text-align: left;
   display: block;
   color: black;
   }

 .dropdown-content-2 a:hover {
   background-color: #f1f1f1;
   }

 .dropdown:hover .dropdown-content-2 {
   margin-left: -35px;
   z-index: 10000;	 
   display: block;
   }

 .dropdown-item:hover {
    background: linear-gradient(180deg,#9e1d27 0%,#cc2935 24%,#e62634 44%,#cd2935 65%,#b3252f 86%,#961f28 100%);
    text-shadow: -1px -1px 0 #5d1319, 1px -1px 0 #5d1319, -1px 1px 0 #5d1319, 1px 1px 0 #5d1319, -1px -1px 0 #5d1319, 1px -1px 0 #5d1319, -1px 1px 0 #5d1319, 1px 1px 0 #5d1319;
	font-weight: 500;
    color: white;
    }


/* --- Mobile View --- */

 .mobile-header-offer {
   font-family: 'Roboto Condensed', sans-serif;
   margin-top: 29px;
   text-align: center;
   color: white;
   }

 .mobile-menu {
   max-width: 200px;
   margin-top: 4px; 
   color: white;
   }

 .mobile-menu-item {
   background-color: rgba(0, 0, 0, 0.95);
   padding: 10px 5px 13px 5px !important;
   border-top: 0.5px solid #969696;
   font-size: 19px;
   }

 .mobile-sub-menu-item {
   background-color: rgba(0, 0, 0, 0.83);
   padding: 9px 30px 11px 5px !important;
   border-top: 0.5px solid #969696;
   text-align: left;
   }

 .sidenav {
   background-color: rgba(0, 0, 0, 0.87);
   overflow-x: hidden;
   padding-top: 60px;
   transition: 0.5s;
   position: fixed;
   height: 100%;
   z-index: 1;
   width: 0;
   left: 0;
   top: 0;
   }

 .sidenav a {
   font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; 
   text-shadow: -1px -1px 0 #000000, 1px -1px 0 #000000, -1px 1px 0 #000000, 1px 1px 0 #000000, -1px -1px 0 #000000, 1px -1px 0 #000000, -1px 1px 0 #000000, 1px 1px 0 #000000;
   padding: 0px 25px 8px 2px;
   text-decoration: none;
   transition: 0.3s;
   display: block;
   color: white;
   }

 .sidenav a:hover {
   color: #f1f1f1;
   }

 .mobile-menu-item {
   margin: auto auto 12px auto !important;	 
   padding-bottom: 0px !important;
   }

 .mobile-sub-menu-item {
   margin: auto auto 12px auto !important;	 
   padding-bottom: 0px !important;
   }

 .sidenav .closebtn {
   position: absolute;
   margin-left: 50px;
   font-size: 36px;
   right: 25px;
   top: 0;
   }


/* ------ Responsive Media Query ------ */
/* --- Mobile View Responsive Media Query --- */

 @media all and (max-width: 3840px) and (min-width: 661px) {
  .mobile-menu {
    display: none;
    }
    }

 @media (max-width: 450px){
  .mobile-menu {
	margin-top: 3px;  
    }
    }

 @media (max-width: 380px){
  .mobile-menu {
    margin-bottom: 6px;
    }
    }

 @media (max-width: 330px){
  .mobile-menu {
    margin-bottom: 11px;
	margin-top: 0px;  
    }
    }

 @media (max-width: 450px){
  .mobile-header-offer {
    margin: 18px auto auto auto;
    max-width: 256px;
    }	
    }


/* --- Top Header Responsive Media Query --- */

 @media (max-width: 450px){
  .top-header-left {
    text-indent: -10px;
	max-width: 223px;
    }
    }

 @media (max-width: 330px){
  .top-header-left {
	max-width: 189px;
    }
    }


/* --- Main Header Content Responsive Media Query --- */

 @media (max-width: 450px){
  .main-header-content {
    padding: 0px;	
    }
    }

 @media (max-width: 660px){
  .main-header-content {
    flex-direction: column;  
    max-width: 518px;	 
    }
    }


/* --- Logo Responsive Media Query --- */

 @media (max-width: 1015px){
  .logo {
    max-width: 366px;
    height: 212px;	
    }
    }

 @media (max-width: 925px){
  .logo {
    max-width: 344px;	
	height: 200px;
    }
    }

 @media (max-width: 825px){
  .logo {
    max-width: 313px;	
	height: 181px;
    }
    }

 @media (max-width: 712px){
  .logo {
    max-width: 300px;	
	height: 175px;
    }
    }

 @media (max-width: 660px){
  .logo {
    max-width: 490px;
    height: 277px;	
	margin: auto;
    }
    }

 @media (max-width: 570px){
  .logo {
    max-width: 453px;
    height: 256px;
    }
    }

 @media (max-width: 534px){
  .logo {
    max-width: 413px;
    height: 232px;
    }
    }

 @media (max-width: 510px){
  .logo {
    max-width: 400px;
    }
    }

 @media (max-width: 380px){
  .logo {
    height: 211px;
    }
    }

 @media (max-width: 330px){
  .logo {
    height: 185px;
    }
    }


/* --- Logo Home Responsive Media Query --- */

 @media (max-width: 1135px){
  .logo-home {
	margin-bottom: 5px;
    max-width: 366px;
    height: 212px;	
    }
    }

 @media (max-width: 925px){
  .logo-home {
    max-width: 344px;	
	height: 200px;
    }
    }

 @media (max-width: 825px){
  .logo-home {
	margin-bottom: 7px;
    max-width: 313px;	
	height: 181px;
    }
    }

 @media (max-width: 725px){
  a, .logo-container-2 {
	max-width: 322px;
	}
	}

 @media (max-width: 712px){
  .logo-home {
    max-width: 300px;	
	height: 175px;
    }
    }

 @media (max-width: 660px){
  .logo-home {
    max-width: 490px;
    height: 277px;	
	margin: auto;
    }
    }

 @media (max-width: 511px){
  .logo-home {
    margin-top: -10px;
    }
    }

 @media (max-width: 510px){
  .logo-home {
    max-width: 400px;
    }
    }

 @media (max-width: 450px) {
  .logo-home {
    max-width: 376px;
    height: 216px;
    }
    }

 @media (max-width: 380px) {
  .logo-home {
    max-width: 350px;
    height: 198px;
    }
    }

 @media (max-width: 330px) {
  .logo-home {
    max-width: 293px;
    height: 167px;
    }
    }


/* --- Logo Container Responsive Media Query --- */

 @media (max-width: 1015px){
  .logo-container {
    max-width: 368px;	
    }
    }

 @media (max-width: 925px){
  .logo-container {
	margin-left: -15px;
    max-width: 345px;	
    }
    }

 @media (max-width: 825px){
  .logo-container {
    max-width: 321px;	
    }
    }

 @media (max-width: 712px){
  .logo-container {
    max-width: 303px;	
    }
    }

 @media (max-width: 660px){
  .logo-container {
	margin: 10px auto auto auto;
    max-width: 515px;	
    }
    }


/* --- Logo Container 2 Responsive Media Query --- */

 @media (max-width: 1135px){
  .logo-container-2 {
    max-width: 368px;	
    }
    }

 @media (max-width: 925px){
  .logo-container-2 {
	margin-left: -15px;
    max-width: 345px;	
    }
    }

 @media (max-width: 825px){
  .logo-container-2 {
    max-width: 321px;	
    }
    }

 @media (max-width: 712px){
  .logo-container-2 {
    max-width: 303px;	
    }
    }

 @media (max-width: 660px){
  .logo-container-2 {
	margin: 0px auto auto auto;
    max-width: 515px;	
    }
    }

 @media (max-width: 450px){
  .logo-container-2 {
	margin: 23px auto auto auto;
    }
    }


/* --- Logo Container Responsive Media Query --- */

 @media (max-width: 925px){
 .logo-text {
    margin: -13px auto auto auto;
    }
    }

 @media (max-width: 825px){
 .logo-text {
    margin: -12px auto auto auto;
    text-align: center;
    line-height: 25px;	 
    }
    }

 @media (max-width: 660px){
 .logo-text {
    margin: -28px auto auto auto;
    }
    }

 @media (max-width: 570px){
 .logo-text {
    margin: -27px auto auto auto;
    }
    }

 @media (max-width: 534px){
 .logo-text {
    margin: -27px auto auto auto;
    }
    }

 @media (max-width: 450px){
 .logo-text {
    margin: -12px auto auto auto;
    }
    }

 @media (max-width: 380px){
 .logo-text {
    margin: -10px auto auto auto;
    }
    }

 @media (max-width: 330px){
 .logo-text {
    margin: -5px auto auto auto;
    line-height: 24px;
    font-size: 15.5px;
    }
    }


/* --- nav Responsive Media Query --- */

 @media (max-width: 1200px){
  .nav-container {
    max-width: 415px;	
    }
    }

 @media (max-width: 925px){
  .nav-container {
    max-width: 367px;	
    }
    }

 @media (max-width: 855px){
  .nav-container {
    max-width: 350px;	
    }
    }

 @media (max-width: 785px){
  nav {
	margin: 50px auto auto auto;
    max-width: 261px;
    flex-wrap: wrap;
    }
	
  nav a {
    height: 32px;
    }	
    }

 @media (max-width: 712px){
  .nav-container {
	margin-top: 49px;  
    max-width: 240px;
    }
	 
   nav {
    margin: 37px auto auto auto;	 
	}
    }

 @media (max-width: 915px){
  .nav-container {
	margin-top: 47px; 
	}
	 
   nav {
    margin-top: 50px;	 
	}
    }

 @media (max-width: 660px){
  nav {
    display: none;
    }
	 
  .nav-container {	 
    display: none;
	}
    }

 @media all and (max-width: 3840px) and (min-width: 661px) {
  .mobile-header-offer {
    display: none;
    }
    }


/* --- Header Offer Responsive Media Query --- */

 @media (max-width: 915px){
  .header-offer {
    max-width: 272px;
	margin: auto;
    }
    }





/* --- Menu Item Responsive Media Query --- */

 @media (max-width: 1200px){
  .menu-item {
    font-size: 20.5px;
	margin-top: 3px;
    }	
	
  .dropdown-menu-item-1 {	
    font-size: 20.5px;
    }	
    }

 @media (max-width: 925px){
  .menu-item {
    font-size: 18px;
	margin-top: 5px;
    }	
	
  .dropdown-menu-item-1 {	
    font-size: 18px;
    }	
    }

 @media (max-width: 855px){
  .menu-item {
    font-size: 17.5px;
	margin-top: 6px;
    }	
	
  .dropdown-menu-item-1 {	
    font-size: 17.5px;
    }	
    }

 @media (max-width: 785px){
  .menu-item {
    font-size: 19.5px;
    margin-top: 3px;
    }	
	
  .dropdown-menu-item-1 {	
    font-size: 19.5px;
    }	
	
  .dropdown {
    height: 32px;
    }
	
  .dropdown-content {
    margin-top: 0px;	
	}
	
  .lmi {
    margin-left: 67px;
    margin-top: -32px;
    }	
    }

 @media (max-width: 712px){
  .menu-item {
    font-size: 17.5px;
    margin-top: 5px;
    }	
	
  .dropdown-menu-item-1 {	
    font-size: 17.5px;
    }	
	
  .lmi {
    margin-left: 61px;
    margin-top: 6px;
    }	
    }

 @media (max-width: 785px){
  .lmi-2 {
    margin-left: 67px;
    }	
    }

 @media (max-width: 712px){
  .lmi-2 {
    margin-left: 61px;
	margin-top: 7px;
    }	
    }

 @media (max-width: 785px){
  .dropdown-content a {
    height: 43px;
    }	
    }


/* ========= /Header/ ========= */



/* ========= Footer ========= */

  footer {
   border-top: 1px solid #6f6f6f;
   background: #000000;
   overflow-x: hidden;
   }
  
 .footer-width {
   font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";	 
   justify-content: space-between;
   padding: 51px 45px 45px 40px;
   max-width: 1200px;
   display: flex;
   margin: auto;
   color: white;
   }  
	
 .footer-item {
   max-width: 426px;
   color: white;
   line-height: 26px;
   padding-top: 10px;
   font-size: 17.5px;	 
   font-weight: 400;
   }   
   
 .footer-item-2 {
   padding-right: 17px;
   }

 .footer-item-3 {
   position: relative;
   max-width: 282px;
   width: 100%;
   z-index: 99;
   }
	
 .footer-title {
   font-family: 'Roboto Condensed', sans-serif; 
   margin-bottom: 10px; 
   margin-top: 8px;
   font-size: 29px; 
   width: 335px;
   } 

 .footer-call-now {
   text-shadow: -1px -1px 0 #000000, 1px -1px 0 #000000, -1px 1px 0 #000000, 1px 1px 0 #000000, -1px -1px 0 #000000, 1px -1px 0 #000000, -1px 1px 0 #000000, 1px 1px 0 #000000;	 
   background: linear-gradient(180deg,#f53433 9%, #cc2a29 19%, #b22625 31%, #ab2221 10%,#8f1c1b 45%,#771817 64%, #56100f 89%);
   box-shadow: 0px 0px 16px black, 0px 0px 16px rgba(0, 0, 0, 0.69), 0px 0px;
   font-family: 'Roboto Condensed', sans-serif; 
   background-color: #000000;
   text-decoration: none;
   padding-bottom: 17px;
   border-radius: 14px;	 
   padding-top: 17px;
   font-weight: 780;	 
   margin-top: 22px;
   font-size: 24px; 
   color: white;
   width: 170px;
   } 


/* --- Footer Menu --- */

 .footer-menu-title	{
   font-family: 'Roboto Condensed', sans-serif;
   font-weight: 600;
   font-size: 31px;	 
   margin-top: 0px;
   }
     
 .footer-menu {
   margin: 10px -35px 0px 0px;
   line-height: 30px;
   font-size: 17.5px;	 
   max-width: 426px;
   font-weight: 400;
   list-style: disc;
   color: white;
   }


/* --- Footer Contact Box --- */

 .footer-box-top {
   filter: brightness(136%);   
   max-width: 282px;
   background: red;	 
   width: 100%;
   height: 6px;  
   }  
  
 .footer-contact-box {
   box-shadow: 0px 0px  16px black, 0px 0px;
   background: #d6d6d6;
   z-index: 999999999;
   position: relative;	 
   padding-top: 15px;
   max-width: 282px;
   width: 100%;
   } 	
	     
 .footer-box-logo {   
   background-image: url( "../img/Footer Logo.png");
   background-repeat: no-repeat;
   background-position: center;
   background-size: contain; 
   border-radius: 20px;
   margin-bottom: -11px;
   max-width: 256px;
   margin-top: -9px;
   height: 173px;
   }
  
 .footer-box-width {
   padding: 10px 5px 29px 15px;
   flex-direction: column;
   text-decoration: none;
   word-break: break-all;
   display: flex;	 
   color: black;	  
   }  
   
 .address-line {
   text-indent: -13px;	 
   margin-left: 27px;
   }

 .als {
   margin-bottom: 12px;
   }


/* --- Bottom Footer --- */
    
 .bottom-footer {
   border-top: 1px solid #6f6f6f;	 
   padding: 20px 10px 20px 30px;
   margin: 0px -15px 0px -15px;	 
   background: black;
   }
  
 .bottom-footer-width {
   margin: auto;
   max-width: 1230px;
   }
  
 .copyright {
   font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
   text-decoration: none;	 
   color: white;
   }

 @media (max-width: 1040px){
  .icon-container {
    font-size: 15px;
    }
    }
	

/* ------ Footer Responsive Media Query ------ */
/* --- Footer Width Responsive Media Query --- */
  
 @media (max-width: 705px){
  .footer-width {
    padding: 51px 32px 45px 25px;
    }  
    }

 @media (max-width: 666px){
  .footer-width {
	padding: 39px 32px 57px 25px;
	flex-direction: column;
	max-width: 425px;
    }  
    }

 @media (max-width: 450px){
  .footer-width {
	padding: 27px 33px 55px 33px;
    }  
    }
  
 @media (max-width: 330px){
  .footer-width {
	padding: 27px 27px 55px 27px;
    }  
    }
  

/* --- Footer Item Responsive Media Query --- */

 @media (max-width: 1114px){
  .footer-item-3 {
    max-width: 250px;
    }    
    }

 @media (max-width: 1060px){
  .footer-item {
    max-width: 362px;
    }    
    }

 @media (max-width: 1067px){
  .footer-item-2 {
    padding-right: 27px;
    }
    }

 @media (max-width: 984px){
  .footer-item {
    max-width: 307px;
    }
    }

 @media (max-width: 951px){
  .footer-item {
    max-width: 283px;
    }
    }

 @media (max-width: 927px){
  .footer-item {
    max-width: 290px;
    }
    }

 @media (max-width: 902px){
  .footer-item-3 {
    max-width: 228px;
    }
	
  .footer-item-2 {
    padding-right: 19px;
    }
    }

 @media (max-width: 925px){
  .footer-item {
    max-width: 247px;
    }
    }

 @media (max-width: 882px){
  .footer-item {
    max-width: 211px;
    }
    }

 @media (max-width: 840px){
  .footer-item {
    max-width: 217px;
    }
    }

 @media (max-width: 811px){
  .footer-item {
    font-size: 14.5px;
    max-width: 197px;
    }
    }

 @media (max-width: 795px){
  .footer-item {
    max-width: 205px;
    }
	
  .footer-item {
    padding-right: 17px;
    }	
	
  .footer-item-2 {
    padding-right: 31px !important;
    }
    }

 @media (max-width: 811px){
  .footer-item-3 {
    max-width: 197px;
    }
    }

 @media (max-width: 811px){
  .footer-item-2 {
    padding-right: 14px;
    }
    }

 @media (max-width: 759px){
  .footer-item {
	padding-right: 0px;
    font-size: 14px;
    max-width: 205px;
    }
	
  .footer-item-3 {
    max-width: 191px;
    }
    }

 @media (max-width: 749px){
  .footer-item {
    max-width: 177px;
    }
	
  .footer-item-2 {
    padding-right: 18px !important;
    }	
    }

 @media (max-width: 685px){
  .footer-item {
    font-size: 13.5px;
    }
    }

 @media (max-width: 666px){
  .footer-item {
    max-width: 368px;
    font-size: 16px;
    }
	
  .footer-item-2 {
    margin: 42px auto 43px auto;
    }
	
  .footer-item-3 {
    max-width: 282px;
    margin: auto;
    }
    }

 @media (max-width: 450px){
  .footer-item-2 {
    margin: 33px auto 44px auto;
    }
    }


/* --- Footer Title Responsive Media Query --- */

 @media (max-width: 1084px){
  .footer-title {
    font-size: 23.5px;	
	margin-top: 0px; 
    }  
    }
	
 @media (max-width: 984px){
  .footer-title {
    font-size: 20px;	
	width: 257px;
    }  
    }

 @media (max-width: 882px){
  .footer-title {
    font-size: 22px;	
    width: 156px;
    }  
    }

 @media (max-width: 666px){
  .footer-title {
    font-size: 26px;	
	width: 326px;
    }  
	 
.footer-menu-title {
    font-size: 28px !important;
    margin-top: 9px !important;
    }	 
    }

 @media (max-width: 450px){
  .footer-title {
    font-weight: 800;
    font-size: 24px;	
	width: 352px;
    }  
    }
	
 @media (max-width: 380px){
  .footer-title {
    font-weight: 800;
    font-size: 22.5px;	
	width: 309px;
    }  
    }
	
 @media (max-width: 330px){
  .footer-title {
	font-weight: 800;
    font-size: 21px;	
	width: 288px;
    }  
    }
	
 @media (max-width: 1084px) {
  .footer-menu-title {
    font-size: 23.5px;
	margin-top: 9px;
}
}


/* --- Footer Contact Box Responsive Media Query --- */
/* Footer Box Logo Responsive Media Query */

 @media (max-width: 338px){
  .footer-box-logo {   
    margin-top: 4px;
    max-width: 246px !important;
    height: 75px !important;
    }
    }

 @media (max-width: 450px){
  .footer-box-logo {   
    height: 154px !important;
    }
    }

 @media (max-width: 794px){
  .footer-box-logo {   
    background-size: contain; 
    margin-bottom: -6px;
    max-width: 256px;
    margin-top: -7px;
    }  
    }


/* Footer box Responsive Media Query */

 @media (max-width: 1114px){
  .footer-contact-box {
    max-width: 250px;
    padding-top: 15px;
    }    
    }
	
 @media (max-width: 330px){
  .footer-contact-box {
    max-width: 260px;
    } 	
    }
 
 @media (max-width: 927px) {
  .footer-contact-box {
    max-width: 228px;
    }
    }
 
 @media (max-width: 882px) {
  .footer-contact-box {
    max-width: 228px;
    }
    }

 @media (max-width: 811px) {
  .footer-contact-box {
    max-width: 197px;
    }
    }

 @media (max-width: 759px) {
  .footer-contact-box {
    max-width: 191px;
    }
    }

 @media (max-width: 802px){
  .footer-box-width {
    line-height: 20px;	
    }
    }
	  
 @media (max-width: 666px){
  .footer-contact-box {
    max-width: 282px;
    } 	
    }


/* Address Line Responsive Media Query */

 @media (max-width: 927px){
  .footer-address-line-2 {
    display: block;
    margin-left: 30px;
    margin-top: -10px;
    } 
    }
   

/* Footer box Top Responsive Media Query */
    
 @media (max-width: 450px){
  .footer-box-top {
    max-width: 320px;
    }     
    }
  
 @media (max-width: 380px){
  .footer-box-top {
    max-width: 320px;
    }     
    }
  
 @media (max-width: 330px){
  .footer-box-top {
    max-width: 264px !important;
    }     
    }
  
 @media all and (max-width: 1114px) and (min-width: 928px) {
  .footer-box-top {
    max-width: 250px;
    }     
    }
 
 @media (max-width: 768px){
  _:-ms-lang(x), .ie10up, .footer-box-top { 
    margin-top: -40px;
    }
    }
  
 @media all and (max-width: 927px) and (min-width: 883px) {
  .footer-box-top {
    max-width: 228px;
    }     
    }

 @media all and (max-width: 811px) and (min-width: 760px) {
  .footer-box-top {
    max-width: 197px;
    }     
    }

 @media all and (max-width: 882px) and (min-width: 812px) {
  .footer-box-top {
    max-width: 228px;
    }     
    }
 
 @media (max-width: 759px){
  .footer-box-top {
    max-width: 191px;
    }     
    }

 @media (max-width: 666px){
  .footer-box-top {
    max-width: 282px;
    }  
    }

  
/* --- Footer Menu Responsive Media Query --- */

 @media (max-width: 666px){
  .footer-menu {
    max-width: 179px;
    margin: auto;
    }
    }


/* Footer Menu Link Responsive Media Query */

 @media (max-width: 1103px){
  li.footer-menu-link {
	list-style: disc;
    font-size: 15px;
    }	 
	}

 @media (max-width: 795px){
  li.footer-menu-link {
    font-size: 14.5px;
    }
    }

 @media (max-width: 759px){
  li.footer-menu-link {
    font-size: 14px;
    }
    }

 @media (max-width: 697px){
  li.footer-menu-link {
    font-size: 13.2px;
    }
    }

 @media (max-width: 666px){
  li.footer-menu-link {
    font-size: 16px;
    }
    }

  
/* ========= /Footer/ ========= */



/* ========= Home Page ========= */
/* --- Front Page Banner Responsive Media Query --- */

 .front-page-banner {
   background-image: url( "../img/Front Page Background.jpg");
   font-family: 'Roboto Condensed', sans-serif;
   background-repeat: no-repeat;
   background-position: center;
   background-size: cover;
   margin-top: -1px;
   }

 .front-page-banner-width {
   padding: 24vw 40px 8vw 75px;
   max-width: 2175px;
   margin: auto;
   }

 .front-page-banner-column {
   max-width: 761px;
   }

 .front-page-banner-title {
   text-shadow: 0px 0px 16px black, 0px 0px;
   font-weight: 700;
   font-size: 49px;
   color: white;
   }

 .front-page-banner-sub-title {
   font-family: var(--font-base, Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif);
   text-shadow: 0px 0px 16px black, 0px 0px;
   margin-top: 4px;
   font-size: 19px;
   color: white;
   }

 .front-page-banner-button {
   padding: 11px 10px 11px 10px;
   text-align: center;
   border-radius: 5px;
   margin-top: 31px;
   font-weight: 600;
   max-width: 445px;
   background: red;
   font-size: 23px;
   color: white;
   }


/* --- Front Page Services Section Responsive Media Query --- */

 .front-page-services-section {
   background: black;
   }

 .front-page-services-title-1 {
   font-family: 'Roboto Condensed', sans-serif;
   padding: 20px 40px 14px 40px;
   font-weight: 600;
   font-size: 50px;
   color: white;
   }

 .front-page-services-discription {
   font-family: var(--font-base, Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif);
   padding: 0px 40px 0px 40px;
   line-height: 30px;
   max-width: 1045px;
   font-size: 19px;
   color: white;
   margin: auto;
   }

 .front-page-services-text {
   text-align: center;
   }

 @media (min-height: 1000px){
  .front-page-services-width {
   justify-content: space-between;
   padding: 29px 40px 51px 40px;
   max-width: 2430px;
   display: flex;
   margin: auto;
   }	 
	  
 .front-page-services-pic {
   background-image: url("../img/pexels-photo-6872146.jpeg");
   background-repeat: no-repeat;
   background-position: center;
   background-size: cover;
   max-width: 558px;
   height: 350px;
   margin: auto;
   }

 .front-page-services-pic-2 {
   background-image: url("../img/ferrari-3090880_1920.jpg");
   background-repeat: no-repeat;
   background-position: center;
   background-size: cover;
   max-width: 558px;
   height: 350px;
   margin: auto;
   }

 .front-page-services-pic-3 {
   background-image: url("../img/wash-5144825_1920.jpg");
   background-repeat: no-repeat;
   background-position: center;
   background-size: cover;
   max-width: 558px;
   height: 350px;
   margin: auto;
   }

 .front-page-services-pic-4 {
   background-image: url( "../img/ferrari-458-spider-2932191_1920.jpg");
   background-repeat: no-repeat;
   background-position: center;
   background-size: cover;
   max-width: 558px;
   height: 350px;
   margin: auto;
   }

 .front-page-service-title {
   font-family: 'Roboto Condensed', sans-serif;
   margin-top: 14px;
   text-align: center;
   font-weight: 600;
   font-size: 30px;
   color: white;
   }
   }

 @media (max-height: 1000px){
  .front-page-services-width {
   justify-content: space-between;
   padding: 29px 40px 51px 40px;
   max-width: 1845px;
   display: flex;
   margin: auto;
   }	 
	 
 .front-page-services-pic {
   background-image: url("../img/pexels-photo-6872146.jpeg");
   background-repeat: no-repeat;
   background-position: center;
   background-size: cover;
   max-width: 415px;
   height: 307px;
   margin: auto;
   }

 .front-page-services-pic-2 {
   background-image: url("../img/ferrari-3090880_1920.jpg");
   background-repeat: no-repeat;
   background-position: center;
   background-size: cover;
   max-width: 415px;
   height: 307px;
   margin: auto;
   }

 .front-page-services-pic-3 {
   background-image: url("../img/wash-5144825_1920.jpg");
   background-repeat: no-repeat;
   background-position: center;
   background-size: cover;
   max-width: 415px;
   height: 307px;
   margin: auto;
   }

 .front-page-services-pic-4 {
   background-image: url( "../img/ferrari-458-spider-2932191_1920.jpg");
   background-repeat: no-repeat;
   background-position: center;
   background-size: cover;
   max-width: 415px;
   height: 307px;
   margin: auto;
   }

 .front-page-service-title {
   font-family: 'Roboto Condensed', sans-serif;
   margin-top: 14px;
   text-align: center;
   font-weight: 600;
   font-size: 30px;
   color: white;
   }
   }

 .front-page-services-item {
   padding: 0px 6px 0px 6px;
   width: 100%;
   }


/* --- Pricing Section Responsive Media Query --- */

 .pricing-section {
   padding: 35px 0px 50px 0px;
   background: black;
   }

 .pricing-section-title {
   font-family: 'Roboto Condensed', sans-serif;
   font-weight: 600;
   font-size: 50px;
   color: white;
   }

 .pricing-section-detail {
   font-family: var(--font-base, Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif);
   text-align: center;
   line-height: 32px;
   max-width: 650px;
   margin-top: 24px;
   font-size: 20px;
   color: white;
   margin: auto;
   }

 .pricing-contact-button {
   padding: 12px 14px 12px 14px;
   border: 2px solid white;
   border-radius: 4px;
   text-align: center;
   max-width: 135px;
   font-weight: 600;	 
   background: blue;
   color: white;
   }

 .pricing-appointment-button {
   padding: 12px 14px 12px 14px;
   border-radius: 4px;
   text-align: center;	 
   max-width: 254px;
   font-weight: 600;	 
   background: red;
   color: white;
   }

 .pricing-section-button-area {
   font-family: 'Roboto', sans-serif; 
   justify-content: space-between;
   margin: 30px auto auto auto;
   max-width: 402px;
   display: flex;
   }


/* Pricing Content Responsive Media Query */

 .pricing-item-section {
   justify-content: space-between;
   padding-top: 72px;
   margin: auto;
   }

 .pricing-content {
   background: rgba(92, 92, 92, 0.20);
   justify-content: space-between;
   padding: 35px 13px 36px 13px;
   margin: 0px auto auto auto;
   border-radius: 56px;
   max-width: 650px;
   width: 100%;
   }

 .pricing-content-section {
   justify-content: space-between;
   margin: auto auto 33px auto;
   max-width: 1355px;
   display: flex;
   }

 .pcmi {
   margin: 0px auto 0px 16px !important;
   height: 842px; 
   }

 .pricing-column {
   justify-content: space-between;
   max-width: 616px;
   display: flex;
   margin: auto; 
   width: 100%; 
   }

 .pricing-area-title {
   font-family: "Oswald", sans-serif;
   margin: 30px auto 5px auto;
   text-align: center;
   font-size: 33px;
   color: yellow; 
   }

 .pricing-item-area {
   font-family: "Oswald", sans-serif;
   justify-content: space-between;
   letter-spacing: 0px;
   font-weight: 400;
   max-width: 280px;
   flex-wrap: wrap;
   display: flex;
   margin: auto;	 
   }

 .pricing-item-area-2 {
   font-family: "Oswald", sans-serif;
   justify-content: space-between;
   letter-spacing: 0px;
   font-weight: 400;
   max-width: 295px;
   flex-wrap: wrap;
   display: flex;
   margin: auto;
   }

 .pia-3 {
   max-width: 165.5px;
   }

 .pia {
   margin: 63px -1.5px auto -1.5px;
   }

 .sdpr {
   padding-right: 1.1vw;
   margin: auto;
   }

 .sdpl {
   padding-left: 1.1vw;
   margin: auto;
   }

 .detail-job-price {
   margin-right: 4px;
   font-size: 18.5px;
   color: yellow;
   }

 .detail-job {
   font-size: 15.5px;
   color: white;
   }

 .pricing-item {
   padding: 0px 5px 0px 5px;
   max-width: 305px;
   width: 100%;
   }

 .pcl {
   padding-right: 10px;
   }

 .pricing-item-title {
   background: conic-gradient(#f8a98d 0 5%, #b22625 0 14%, #841212 0 21.5%, #f8a98d 0 24%, #841212 0 28%, #f8a98d 0 31%, #b22625 0 33%, #841212 0 40%, #f8a98d 0 44%, #b22625 0 55%, #841212 0 63%, #f8a98d 0 66%, #f8a98d 0 70%, #841212 0 75%, #b22625 0 79%, #f8a98d 0 85%, #841212 0 90%, #b22625 0 100%, #841212 0 100%);
   text-shadow: -1px -1px 0 #f8a98d, 1px -1px 0 #f8a98d, -1px 1px 0 #f8a98d, 1px 1px 0 #f8a98d;
   font-family: "Oswald", sans-serif;
   padding: 5px 0px 2px 0px;
   letter-spacing: 0px;
   text-align: center;
   font-weight: 500;
   font-size: 26px;
   }

 .pricing-item-text {
   margin-top: 13px;
   background: red;
   }

 .pricing-item-text {
   background: linear-gradient(180deg,#b22625 12%, #921010 55%, #841212 92%);
   padding: 10px 11px 7px 11px;
   margin-top: 11px;
   }

 .pds {
   max-width: 197px;
   margin-top: 25px;
   }

 .pricing-details {
   font-family: "Oswald", sans-serif;
   letter-spacing: 0px;
   font-weight: 400;	 
   }

 .truck-detail-item {
   color: white;
   }

 .truck-detail-item {
   font-size: 14.7px;
   margin-bottom: 4px;
   color: white;
   }

 .pricing-detail-item {
   text-indent: -28px;
   margin-bottom: 4px;
   margin-left: 28px;
   font-size: 17px;
   color: white;		 
   }

 .pricing-detail-icon {
   margin-right: 11px;
   }

 .pia-3 {
   max-width: 165.5px;
   }

 .pia {
   margin: 63px -1.5px auto -1.5px;
   }

 .sdpr {
   padding-right: 1.1vw;
   margin: auto;
   }

 .sdpl {
   padding-left: 1.1vw;
   margin: auto;
   }

 .detail-job-price {
   margin-right: 4px;
   font-size: 18.5px;
   color: yellow;
   }

 .detail-job {
   font-size: 15.5px;
   color: white;
   }

 .pricing-title { 
   font-family: "Oswald", sans-serif;
   margin: 0px auto 24px auto;
   letter-spacing: 0px;
   text-align: center;
   line-height: 40px;
   font-size: 30px;
   color: white; 
   }

_:-ms-lang(x), .pricing-item-title-2 {
	background: linear-gradient(180deg,#b22625 12%, #921010 55%, #841212 92%);
    }
 
_:-ms-lang(x), .pricing-item-title {
	background: linear-gradient(180deg,#b22625 12%, #921010 55%, #841212 92%);
    }
 

/* --- Discount Section Responsive Media Query --- */

 .discount-section {
   padding-bottom: 84px;
   background: black;
   }

 .discount-item {
   padding-top: 25px; 
   max-width: 426px;
   margin: auto;
   }

 .discount-title {
   background: conic-gradient(#7b7a7a 0 5%, #545454 0 15%, #a5a5a5 0 18%, #292929 0 21%, #7b7a7a 0 23%, #292929 0 25%, #a5a5a5 0 27%, #7b7a7a 0 30%, #545454 0 33%, #292929 0 40%, #7b7a7a 0 44%, #545454 0 55%, #292929 0 63%, #7b7a7a 0 66%, #7b7a7a 0 71%, #292929 0 74%, #a5a5a5 0 75%,#545454 0 79%, #7b7a7a 0 85%, #292929 0 90%, #545454 0 100%, #292929 0 100%);
   text-shadow: -1px -1px 0 #000000, 1px -1px 0 #000000, -1px 1px 0 #000000, 1px 1px 0 #000000, 0px 0px 16px #1d1d1d;
   font-family: "Oswald", sans-serif;
   padding: 5px 0px 2px 0px;
   letter-spacing: 0px;
   text-align: center;
   font-weight: 500;
   font-size: 33px;
   color: white;	
   }

 .discount-text {
   background: linear-gradient(180deg,#4e4e4e 12%, #3e3e3e 55%, #313131 92%);
   font-family: 'Roboto Condensed', sans-serif;
   text-shadow: -1px -1px 0 #2b2b2b, 1px -1px 0 #2b2b2b, -1px 1px 0 #2b2b2b, 1px 1px 0 #2b2b2b, -1px -1px 0 #2b2b2b, 1px -1px 0 #2b2b2b, -1px 1px 0 #2b2b2b, 1px 1px 0 #2b2b2b;
   padding: 10px 11px 7px 11px;
   border: 1px solid #909090;
   text-align: center;
   line-height: 29px;
   margin-top: 11px;
   font-size: 18px;
   color: white;
   }
    
 .discount-details {
   margin-left: 20px;
   }

 .discount-sub-title {
   font-family: "Oswald", sans-serif;	
   padding: 3px 0px 5px 0px;
   background: #191919;
   text-align: center;
   font-weight: 200;
   font-size: 25px;
   color: white;		
   width: 100%;
   }

 .discount-details {
   margin: 8px auto 8px auto;
   padding-left: 57px;
   max-width: 294px;
   text-align: left;	
   }


/* --- Book Appointment Section Responsive Media Query --- */

 .book-appointment-section {
   background-image: url("../img/Book Appointment Section 2 (4).jpg"); 
   background-repeat: no-repeat;
   background-position: center;
   background-size: cover;
   }

 .book-appointment-width {
   font-family: var(--font-headings, "Roboto Condensed", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif);
   padding: 145px 40px 179px 40px;
   letter-spacing: 0px;
   font-weight: 400;	 
   }

 .book-appointment-title {
   text-shadow: -1px -1px 0 #220405, 1px -1px 0 #220405, -1px 1px 0 #220405, 1px 1px 0 #220405, -1px -1px 0 #220405, 1px -1px 0 #220405, -1px 1px 0 #220405, 1px 1px 0 #220405, 0px 0px 16px black, 0px 0px;
   font-weight: 700;
   font-size: 51px;
   color: white;
   }

 .book-appointment-sub-title {
   text-align: center;
   margin-top: 30px;
   font-size: 22px;
   color: white;
   }

 .interior-exterior-title {
   font-size: 27.5px !important;
   margin-right: 20px;
   font-family: 'Oswald', sans-serif;
   color: yellow;
   }

 .interior-exterior-price {
   font-size: 25.5px !important;
   font-family: 'Oswald', sans-serif;	
   color: white;
   }

 .all-interior-exterior {
   padding-top: 55px;
   margin: auto;
   max-width: 263px;
   }

 .book-button {
   text-shadow: -1px -1px 0 #3c3c00, 1px -1px 0 #3c3c00, -1px 1px 0 #3c3c00, 1px 1px 0 #3c3c00, -1px -1px 0 #3c3c00, 1px -1px 0 #3c3c00, -1px 1px 0 #3c3c00, 1px 1px 0 #3c3c00;
   background: linear-gradient(180deg,#ffff39 15%, yellow 41%, #adad24 94%);
   box-shadow: 0px 0px 16px rgb(0 0 0 / 80%), 0px 0px;
   padding: 11px 10px 11px 10px;
   margin: 31px auto 0px auto;
   border: 1px solid #525200;
   border-radius: 11px;
   text-align: center;
   font-weight: 600;
   max-width: 380px;
   font-size: 23px;
   color: white;	 
   }

 @media (max-width: 380px){
  .book-button {
    font-size: 20px;
    }
    }


/* ------ Responsive Media Query ------ */
/* --- Front Page Banner Responsive Media Query --- */

 @media (max-width: 1198px){
  .front-page-banner {
    background-image: url("../img/Front Page Background 2.jpg");
    background-position: right;
    }
    }

 @media (max-width: 450px){
  .front-page-banner {
    background-image: url("../img/Front Page Background 3.jpg");
    background-position: right;
    background-size: contain;
    background-color: black;
    }
    }


/* --- Front Page Banner Width Responsive Media Query --- */

 @media (max-width: 450px){
  .book-appointment-section {
    background-image: url( "../img/Book Appointment Section (Mobile).jpg"); 
    }
    }


/* --- Front Page Banner Width Responsive Media Query --- */

 @media (max-width: 1198px){
  .front-page-banner-width {
    padding: 50px 0px 0px 52px !important;
    }
    }

 @media (max-width: 712px){
  .front-page-banner-width {
    padding: 50px 0px 0px 39px !important;
    }
    }

 @media (max-width: 660px){
  .front-page-banner-width {
    padding: 50px 35px 0px 35px !important;
    }
    }

 @media (max-width: 450px){
  .front-page-banner-width {
    padding: 39px 26px 0px 26px !important;
    }
    }

 @media (max-width: 380px){
  .front-page-banner-width {
    padding: 25px 26px 0px 26px !important;
    }
    }

 @media (max-width: 330px){
  .front-page-banner-width {
    padding: 25px 26px 38px 26px !important;
    }
    }

 @media (min-height: 1000px){
  .front-page-banner-width {
    padding: 14.7vw 40px 13vw 75px !important;
    }
    }

 @media all and (max-height: 1000px) and (min-width: 451px) {
  .front-page-banner-width {
    padding: 10vw 40px 8vw 75px !important;
    }
    }


/* --- Front Page Banner Column Responsive Media Query --- */

 @media (max-width: 1198px){
  .front-page-banner-column {
    max-width: 843px;
    }
    }

 @media (max-width: 1015px){
  .front-page-banner-column {
    max-width: 588px;
    }
    }

 @media (max-width: 806px){
  .front-page-banner-column {
	margin-left: -27px;  
    }
    }

 @media (max-width: 450px){
  .front-page-banner-column {
	margin-left: 0px;  
    }
    }

 @media (max-width: 775px){
  .front-page-banner-column {
    max-width: 523px;
    }
    }

 @media (max-width: 712px){
  .front-page-banner-column {
    max-width: 477px;
    }
    }

 @media (max-width: 660px){
  .front-page-banner-column {
    max-width: 586px;
    }
    }


/* --- Front Page Banner Title Responsive Media Query --- */

 @media (max-width: 1198px){
  .front-page-banner-title {
	font-size: 45px;
    }
	 
  .front-page-banner-sub-title {
    font-size: 17px;
    }
    }

 @media (max-width: 1015px) {
  .front-page-banner-title {
    font-size: 39px;
    }
    }

 @media (max-width: 660px) {
  .front-page-banner-title {
    font-size: 33px !important;
    }
    }

 @media (max-width: 611px) {
  .front-page-banner-title {
    font-size: 29px !important;
    }
    }

 @media (max-width: 545px) {
  .front-page-banner-title {
    font-size: 27px !important;
    }
    }

 @media (max-width: 823px) {
  .front-page-banner-title {
    font-size: 36px;
    }
	
  .front-page-banner-sub-title {
    font-size: 16px;
    }	
    }

 @media (max-width: 660px) {
  .front-page-banner-title {
    font-size: 36px;
    }
	
  .front-page-banner-sub-title {
    font-size: 15.5px;
    }	
    }

 @media (max-width: 775px) {
  .front-page-banner-title {
    font-size: 32px;
    }
	
  .front-page-banner-sub-title {
    font-size: 15.5px;
    }	
    }

 @media (max-width: 712px) {
  .front-page-banner-title {
    font-size: 29px;
    }
    }

 @media (max-width: 450px) {
  .front-page-banner-title {
	font-size: 22.5px !important; 
	text-align: center;
    line-height: 32px;	
    }
	
  .front-page-banner-sub-title {
	text-align: center;
    line-height: 20px;	
	font-size: 14.5px;  	  
    margin-top: 5px;
    }	
    }

 @media (max-width: 380px) {
  .front-page-banner-title {
	font-size: 21px !important; 
    }	
	 
  .front-page-banner-sub-title {
    font-size: 14px;	 
    }
    }

 @media (max-width: 330px) {
  .front-page-banner-title {
    font-size: 23px;
    }
	
  .front-page-banner-sub-title {
    font-size: 14px;
    }	
    }


/* --- Front Page Banner Button Responsive Media Query --- */

 @media (max-width: 1198px){
  .front-page-banner-button {
    margin-top: 368px;
    }
    }

 @media (max-width: 1015px){
  .front-page-banner-button {
    max-width: 360px;
    }
    }

 @media (max-width: 775px){
  .front-page-banner-button {
    max-width: 292px;
    font-size: 19px;	
    }
    }

 @media (max-width: 735px){
  .front-page-banner-button {
    margin-top: 319px;
    }
    }

 @media (max-width: 675px){
  .front-page-banner-button {
    margin-top: 291px;
    }
    }

 @media (max-width: 585px){
  .front-page-banner-button {
    margin-top: 220px;
    }
    }

 @media (max-width: 330px){
  .front-page-banner-button {
	max-width: 208px;  
    font-size: 16px;
    }
    }

 @media (max-width: 380px){
  .front-page-banner-button {
	max-width: 217px;  
    font-size: 17px;
    }
    }

 @media (max-width: 450px){
  .front-page-banner-button {
    margin: 200px auto auto auto;
	max-width: 240px;
    font-size: 18px;
    }
    }

 @media (max-width: 330px){
  .front-page-banner-button {
    margin: 175px auto auto auto;
    }
    }


/* --- Front Page Services Section Responsive Media Query --- */
/* --- Front Page Services Title 1 Responsive Media Query --- */

 @media (max-width: 450px){
  .front-page-services-title-1 {
	padding: 70px 40px 14px 40px;  
    font-size: 40px;
    }
    }

 @media (max-width: 330px){
  .front-page-services-title-1 {
    padding: 21px 40px 8px 40px;
    font-size: 34px;
    }
    }


/* --- Front Page Service Discription Responsive Media Query --- */

 @media (max-width: 450px){
  .front-page-services-discription {
    font-family: var(--font-base, Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif);
    padding: 0px 25px 0px 25px;
	}
    }


/* --- Front Page Services Text Responsive Media Query --- */

 @media (max-width: 711px){
  .front-page-services-text {
    font-size: 17px;
    }
    }


/* --- Front Page Services Width Responsive Media Query --- */

 @media (max-width: 1535px){
  .front-page-services-width {
    max-width: 1460px;
    }
    }

 @media (max-width: 1444px){
  .front-page-services-width {
    max-width: 1353px;
    }
    }

 @media (max-width: 1363px){
  .front-page-services-width {
    max-width: 1276px;
    }
    }

 @media (max-width: 930px){
  .front-page-services-width {
	padding: 49px 40px 51px 40px;
    max-width: 1276px;
    flex-wrap: wrap;
    }	
    }

 @media (max-width: 808px){
  .front-page-services-width {
    flex-wrap: wrap;
    max-width: 750px;
    }	
    }

 @media (max-width: 745px){
  .front-page-services-width {
    flex-wrap: wrap;
    max-width: 696px;
    }	
    }

 @media (max-width: 660px){
  .front-page-services-width {
	padding: 54px 40px 13px 40px;
    max-width: 516px;
    }	
    }

 @media (max-width: 380px){
  .front-page-services-width {
	padding: 54px 25px 13px 25px;
    }	
    }


/* --- Front Page Services Item Responsive Media Query --- */

 @media (max-width: 1535px){
  .front-page-services-item {
    max-width: 340px;
    }
    }

 @media (max-width: 1444px){
  .front-page-services-item {
    max-width: 315px;
    }
    }

 @media (max-width: 1363px){
  .front-page-services-item {
    max-width: 295px;
    }
    }

 @media (max-width: 930px){
  .front-page-services-item {
    margin-bottom: 15px;
    }
    }

 @media all and (max-width: 930px) and (min-width: 876px) {
  a, .front-page-services-item {
    margin-bottom: 15px;
    max-width: 385px;
    }
    }

 @media all and (max-width: 875px) and (min-width: 866px) {
  a, .front-page-services-item {
    max-width: 355px;
    }
    }

 @media all and (max-width: 865px) and (min-width: 825px) {
  a, .front-page-services-item {
    max-width: 365px;
    }
    }

 @media all and (max-width: 824px) and (min-width: 809px) {
  a, .front-page-services-item {
    max-width: 345px;
    }
    }

 @media all and (max-width: 808px) and (min-width: 796px) {
  a, .front-page-services-item {
    max-width: 327px;
    }
    }

 @media all and (max-width: 795px) and (min-width: 744px) {
  a, .front-page-services-item {
    max-width: 325px;
    }
    }

 @media all and (max-width: 743px) and (min-width: 698px) {
  a, .front-page-services-item {
    max-width: 307px;
    }
    }

 @media all and (max-width: 697px) and (min-width: 661px) {
  a, .front-page-services-item {
    max-width: 286px;
    }
    }

 @media (max-width: 695px){
  a, .front-page-services-item {
    max-width: 284px;
	margin: auto auto 20px auto;
    }
    }

 @media (max-width: 660px){
  a, .front-page-services-item {
    max-width: 438px !important;
    }
    }


/* --- Front Page Services Pic Responsive Media Query --- */

 @media (max-width: 1444px){
  .front-page-services-pic {
    height: 257px;
    }

  .front-page-services-pic-2 {
    height: 257px;
    }

  .front-page-services-pic-3 {
    height: 257px;
    }

  .front-page-services-pic-4 {
    height: 257px;
    }
    }

 @media (max-width: 1125px){
  .front-page-services-pic {
    height: 220px;
    }

  .front-page-services-pic-2 {
    height: 220px;
    }

  .front-page-services-pic-3 {
    height: 220px;
    }

  .front-page-services-pic-4 {
    height: 220px;
    }
    }

 @media (max-width: 660px){	
  .front-page-services-pic {
    height: 280px;
    }

  .front-page-services-pic-2 {
    height: 280px;
    }

  .front-page-services-pic-3 {
    height: 280px;
    }

  .front-page-services-pic-4 {
    height: 280px;
    }	
    }

 @media (max-width: 450px){
  .front-page-services-pic {
    height: 205px;
    }

  .front-page-services-pic-2 {
    height: 205px;
    }

  .front-page-services-pic-3 {
    height: 205px;
    }

  .front-page-services-pic-4 {
    height: 205px;
    }	
    }

 @media (max-width: 380px){
  .front-page-services-pic {
    height: 172px;
    }

  .front-page-services-pic-2 {
    height: 172px;
    }

  .front-page-services-pic-3 {
    height: 172px;
    }

  .front-page-services-pic-4 {
    height: 172px;
    }	
    }


/* --- Front Page Service Title Responsive Media Query --- */

 @media (max-width: 1125px){
  .front-page-service-title {
    font-size: 25px;	
	}
    }

 @media (max-width: 930px){
  .front-page-service-title {
    font-size: 27px;
    }
    }


/* --- Responsive Media Query --- */
/* --- Pricing Section Responsive Media Query --- */

 @media (max-width: 930px){
  .pricing-section {
    padding: 25px 0px 50px 0px;
    }
    }

 @media (max-width: 660px){
  .pricing-section {
    padding: 40px 0px 50px 0px;
    }
    }

 @media (max-width: 450px){
  .pricing-section {
    padding: 19px 0px 50px 0px;
    }
    }


 @media (max-width: 330px){
  .pricing-section {
    padding: 13px 0px 50px 0px;
    }
    }


/* --- Pricing Section Detail Responsive Media Query --- */

 @media (max-width: 730px){
  .pricing-section-detail {
    padding: 0px 74px 0px 74px;
	font-size: 18px;
    }
    }

 @media (max-width: 450px){
  .pricing-section-detail {
    padding: 0px 30px 0px 30px;
    }
    }

 @media (max-width: 730px){
  .pricing-section-detail {
	font-size: 17px;
    }
    }

 @supports (-webkit-touch-callout: none) {
  .pricing-detail-icon {
	font-family: "Oswald", sans-serif;
	color: white !important;
	}	
	 
  .pricing-content-section {
    height: 3070px !important;	
    }	
    }


/* --- Pricing Section Button Area Responsive Media Query --- */

 @media (max-width: 930px){
  .pricing-section-button-area {
    margin: 30px auto 40px auto;
    }
    }

 @media (max-width: 660px){
  .pricing-section-button-area {
    margin: 30px auto 9px auto;
    }
    }

 @media (max-width: 450px){
  .pricing-section-button-area {
	margin: 15px auto -1px auto;
    max-width: 336px;
    }
    }

 @media (max-width: 380px){
  .pricing-section-button-area {
	flex-direction: column;
    max-width: 250px;
	display: flex;
    }
    }


/* --- Pricing Appointment Button Responsive Media Query --- */

 @media (max-width: 450px){
  .pricing-appointment-button {
	padding: 10px 12px 10px 12px;
    font-size: 14.5px;	 
    }
	 
  .pricing-contact-button {
	padding: 9px 12px 9px 12px;
    font-size: 14.5px;	 
    }
    }

 @media (max-width: 380px){
  .pricing-appointment-button {
	margin-bottom: -8px;
    }
	 
  .pricing-contact-button {
	padding: 8.5px 12px 8.5px 12px;
	margin: 21px auto auto auto;
    }	 
    }


/* --- Pricing Item Section Responsive Media Query --- */

 @media (max-width: 660px){
  .pricing-item-section {
    justify-content: space-between;
    padding-top: 70px;
    margin: auto;
	}
    }

 @media (max-width: 380px){
  .pricing-item-section {
    padding-top: 70px;
	}
    }

 @media (max-width: 330px){
  .pricing-item-section {
    padding-top: 70px;
	}
    }


/* --- Pricing Content Section Responsive Media Query --- */

 @media (max-width: 1408px){
  .pricing-content-section {
    max-width: 1115px;
    }
    }

 @media (max-width: 1180px){
  .pricing-content-section {
    max-width: 1025px;
    }
    }

 @media (max-width: 1075px){
  .pricing-content-section {
    max-width: 784px;
    }
    }

 @media (max-width: 660px){
  .pricing-content-section {
    justify-content: space-around;
    margin: auto auto auto auto;
    flex-direction: column;
    height: 2785px;	
    }
    }

 @media (max-width: 450px){
  .pricing-content-section {
    height: 2777px;	
    }
    }

 @media (max-width: 380px){
  .pricing-content-section {
    height: 2978px;	
    }
    }

 @media (max-width: 330px){
  .pricing-content-section {
    height: 2827px;	
    }
    }


/* --- Pricing Title Responsive Media Query --- */

 @media (max-width: 770px){
  .pricing-title {
    line-height: 38px;
    font-size: 27px;	
    }
    }


/* --- Pricing Content Responsive Media Query --- */

 @media (max-width: 1408px){
  .pricing-content {
    max-width: 536px;
    }
    }

 @media (max-width: 1180px){
  .pricing-content {
    max-width: 489px;
    }
    }

 @media (max-width: 1075px){
  .pricing-content {
    max-width: 355px;
    border-radius: 48px;
    }
    }

 @media (max-width: 845px){
  .pricing-content {
    padding: 35px 20px 36px 20px;
	max-width: 325px;
    }
    }

 @media (max-width: 770px){
  .pricing-content {
	max-width: 300px;
	}
    }

 @media (max-width: 725px){
  .pricing-content {
    padding: 35px 14px 36px 14px;
    max-width: 287px;	
	}
    }

 @media (max-width: 690px){
  .pricing-content {
    padding: 35px 12px 36px 12px;
    max-width: 275px;	
	}
    }

 @media (max-width: 670px){
  .pricing-content {
    padding: 35px 9px 36px 9px;
    max-width: 270px;
    }
    }

 @media (max-width: 660px){
  .pricing-content {
    padding: 35px 13px 36px 13px;
    border-radius: 55px;
    max-width: 377px;
    }
    }

 @media (max-width: 450px){
  .pricing-content {
    max-width: 338px;
    }
    }

 @media (max-width: 380px){
  .pricing-content {
    max-width: 306px;
    }
    }

 @media (max-width: 330px){
  .pricing-content {
    max-width: 262px;
    }
    }

 @media (max-width: 330px){
  .pricing-content {
    padding: 35px 9px 36px 9px;
	margin-top: 0px !important;
	border-radius: 45px;  
	margin: auto;
    }
    }


/* --- Pricing Column Responsive Media Query --- */

 @media (max-width: 1408px){
  .pricing-column {
    max-width: 508px;
    }
    }

 @media (max-width: 1180px){
  .pricing-column {
    max-width: 500px;
    }
    }

 @media (max-width: 1075px){
  .pricing-column {
    flex-direction: column;
    }
    }

 @media (max-width: 845px){
  .pricing-column {
    max-width: 705px;
    }
    }

 @media (max-width: 450px){
  .pcl {
    padding-right: 0px;
    }
    }


/* --- Pricing Item Responsive Media Query --- */

 @media (max-width: 1408px){
  .pricing-item {
    max-width: 252px;
    }
    }

 @media (max-width: 1180px){
  .pricing-item {
    max-width: 230px;
    }
    }

 @media (max-width: 1075px){
  .pricing-item {
    max-width: 305px;
    margin: auto auto 31px auto;
    }
    }


/* --- Pricing Item Title Responsive Media Query --- */

 @media (max-width: 1408px){
  .pricing-item-title {
    font-size: 23px;
    }
    }

 @media (max-width: 1075px){
  .pricing-item-title {
    padding: 10px 12px 10px 12px;
    line-height: 30px;
    font-size: 26px;	
    }
    }


/* --- Pricing Item Text Responsive Media Query --- */

 @media (max-width: 1408px){
  .pricing-item-text {
    margin-top: 8px;
    }
    }


/* --- Pricing Detail Item Responsive Media Query --- */

 @media (max-width: 1408px){
  .pricing-detail-item {
    font-size: 16px;
    }
    }

 @media (max-width: 1075px){
  .pricing-detail-item {
    font-size: 17px;
    }
    }

 @media (max-width: 330px){
  .pricing-detail-item {
    font-size: 15.3px;
    }
    }


/* --- Pricing Area Title Responsive Media Query --- */

 @media (max-width: 1075px){
  .pricing-area-title {
    font-family: "Oswald", sans-serif;
    margin: -16px auto 5px auto;
    }
    }

 @media (max-width: 845px){
  .pricing-area-title {
    font-size: 28px;
    }
    }

 @media (max-width: 670px){
  .pricing-area-title {
    line-height: 35px;
    font-size: 26px;	
	}
    }
   

/* --- Detail Job Price Responsive Media Query --- */

 @media (max-width: 685px){
  .detail-job-price {
    font-size: 16.5px;
    }
    }

 @media (max-width: 660px){
  .detail-job-price {
    font-size: 17.5px;
    }
    }

 @media (max-width: 330px){
  .detail-job-price {
    font-size: 16px;
    }
    }


/* --- Detail Job Responsive Media Query --- */

 @media (max-width: 685px){
  .detail-job {
    font-size: 14.5px;
    }
    }

 @media (max-width: 660px){
  .detail-job {
    font-size: 15.5px;
    }
    }

 @media (max-width: 330px){
  .detail-job {
    font-size: 14.5px;
    }
    }


/* --- Pricing Item Area Responsive Media Query --- */

 @media (max-width: 695px){
  .pricing-item-area {
    margin: auto;
    }
    }

 @media (max-width: 450px){
  .pricing-item-area {
    margin: 0px -11px 0px 6px;
    }
    }

 @media (max-width: 380px){
  .pricing-item-area {
    margin: 0px -11px 0px -6px;
    }
    }

 @media (max-width: 330px){
  .pricing-item-area {
    margin: 0px 4px 0px -6px;
    }
    }


/* --- Interior Exterior Title Responsive Media Query --- */

 @media (max-width: 330px){
  .interior-exterior-title {
    font-size: 24px !important;
    }
	 
  .interior-exterior-price {
    font-size: 22px !important;	 
    }
	  
  .all-interior-exterior {
    max-width: 233px;
    }	 
    }


/* --- Discount Section Responsive Media Query --- */

 @media (max-width: 450px){
  .discount-section {
    padding-bottom: 57px;
    }
    }

 @media (max-width: 330px){
  .discount-section {
    padding-bottom: 50px;
    }
    }


/* --- Discount Item Responsive Media Query --- */

 @media (max-width: 560px){
  .discount-item {
    max-width: 387px;
    }
    }

 @media (max-width: 450px){
  .discount-item {
	padding-top: 0px;
    max-width: 325px;
    }
    }

 @media (max-width: 380px){
  .discount-item {
    max-width: 300px;
    }
    }

 @media (max-width: 330px){	 
  .discount-item {
    max-width: 255px;
    }
    }


/* --- Discount Text Responsive Media Query --- */

 @media (max-width: 330px){	  
  .discount-text {
    padding: 10px 16px 7px 16px;	 
    }
    }

 @media (max-width: 380px){ 
  .discount-text {
    font-size: 17px;	 
    }
    }
	 
	 
/* --- Discount Details Responsive Media Query --- */

 @media (max-width: 380px){ 
  .discount-details {
    padding-left: 49px;	 
    }	
    }

 @media (max-width: 330px){	  
  .discount-details {
    padding-left: 22px;	 
    }
    }


/* --- Book Appointment Width Responsive Media Query --- */

 @media (max-height: 1000px){
  .book-appointment-width {
    padding: 100px 40px 99px 40px !important;
    }
    }


/* --- Book Appointment Title Responsive Media Query --- */

 @media (max-width: 700px){
  .book-appointment-title {
    font-size: 45px;	 
    }
    }

 @media (max-width: 620px){
  .book-appointment-title {
    font-size: 40px;	 
    }
    }

 @media (max-width: 545px){
  .book-appointment-title {
    font-size: 34px;	 
    }
    }

 @media (max-width: 330px){
  .book-appointment-title {
    font-size: 27px;	 
    }
    }

 @media (max-width: 450px){
  .book-appointment-sub-title {
    font-size: 19px;	 
    }
    }


/* --- Book Appointment Width Responsive Media Query --- */

 @media (max-width: 450px){
  .book-appointment-width {
    padding: 45px 35px 59px 35px !important;
    }
    }

 @media (max-width: 330px){
  .book-appointment-width {
    padding: 37px 35px 50px 35px !important;
    }
    }


/* ========= /Home Page/ ========= */



/* ========= Services ========= */

 .service-page-section {
   padding: 0px 40px 0px 40px;
   background: black;
   margin-top: -1px;
   }

 .service-page-title {
   font-family: 'Roboto Condensed', sans-serif;	 
   padding-top: 55px;
   font-weight: 700;
   font-size: 36px;
   color: white;
   } 
   
 .services-section {
   font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
   justify-content: space-between;
   padding: 20px 40px 20px 40px;
   flex-direction: row-reverse;
   overflow-x: hidden;
   line-height: 21px;
   max-width: 1020px;	 
   display: flex;
   margin: auto;
   color: white;
   } 
    	 
 .service-image {   
   background-image: url("../img/collision.jpg");
   background-repeat: no-repeat;
   background-clip: content-box;
   background-position: right;
   border: 1px solid #cccccc; 
   background-size: cover; 
   max-width: 422px;
   margin-top: 11px;
   background: red;
   padding: 7px;
   height: 265px;
   width: 100%;
   } 
      
 _:-ms-lang(x), .ie10up, .service-image { 
   background-repeat: no-repeat;
   background-position: center;
   border: 1px solid #cccccc; 
   background-size: contain; 
   background: red;
   margin-top: 20px;
   height: 270px;
   width: 360px;
   } 	 
  	 
 .service-description {
   line-height: 28px;
   max-width: 474px;
   padding-top: 10px;
   font-size: 19px;
   font-weight: 300;
   }

 .service-description {
   font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; 
   }

 p, .service-description {
   margin-top: 11px !important;
   } 
    
 .auto-body-title-description {
   font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
   padding: 4px 40px 0px 40px;
   margin-top: 21px; 
   }  

 .featured-services-pages {
   justify-content: space-between;
   padding-top: 25px;
   flex-direction: row;
   overflow-x: hidden;	 
   max-width: 1025px;
   display: flex;
   margin: auto;
   }

 .featured-services-pages-2 {
   justify-content: space-between;
   padding: 36px 0px 67px 0px;
   flex-direction: row;
   overflow-x: hidden;	 
   max-width: 681px;
   display: flex;
   margin: auto;
   }

 .services-title-description { 
   font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
   padding: 0px 40px 0px 40px;
   font-size: 19px;
   margin-top: 35px;
   color: white;	 
   }  

 .featured-service-container {
   padding: 0px 4px 0px 4px;   
   } 
  
 .featured-services-text {
   font-family: 'Roboto Condensed', sans-serif;	 
   text-align: center;
   font-weight: 800;
   margin-top: 10px;
   font-size: 24px;
   } 
    
 .featured-service-image-1 {
   background-image: url("../img/car-2176960_1920.jpg");
   background-repeat: no-repeat;
   background-position: center;	 
   background-size: cover; 
   height: 165px;
   width: 325px;
   } 
   
 .featured-service-image-2 {
   background-image: url("../img/motorhome-359500_1920 (1).jpg");
   background-repeat: no-repeat;
   background-position: center;	 
   background-size: cover; 
   height: 165px;
   width: 325px;
   } 
    	   
 .featured-service-image-3 {
   background-image: url("../img/motorcycle-1698615_1920.jpg");
   background-repeat: no-repeat;
   background-position: center;	 
   background-size: cover; 
   height: 165px;
   width: 325px;
   } 
   
 .featured-service-image-4 {
   background-image: url("../img/shutterstock_527303974.jpg");
   background-repeat: no-repeat;
   background-position: center;	 
   background-size: cover; 
   height: 165px;
   width: 325px;
   } 
    	   
 .featured-service-image-5 {
   background-image: url("../img/shutterstock_1650474481.jpg");
   background-repeat: no-repeat;
   background-position: center;	 
   background-size: cover; 
   height: 165px;
   width: 325px;
   } 

 .featured-service-image-6 {
   background-image: url("../img/headlight-2459090_1920.jpg");
   background-repeat: no-repeat;
   background-position: center;	 
   background-size: cover; 
   height: 165px;
   width: 325px;
   } 
   
 .featured-service-image-7 {
   background-image: url("../img/car-2176952_1920.jpg");
   background-repeat: no-repeat;
   background-position: center;	 
   background-size: cover; 
   height: 165px;
   width: 325px;
   } 
    	   
 .featured-service-image-8 {
   background-image: url("../img/mclaren-4223024_1920.jpg");
   background-repeat: no-repeat;
   background-position: center;	 
   background-size: cover; 
   height: 165px;
   width: 325px;
   } 

 .bottom-body-text {
   font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
   padding-bottom: 43px;
   padding-top: 37px;
   max-width: 540px;
   margin: auto;
   color: white;
   }
  

/* --- Responsive Media Query --- */  
/* --- Services Title Description Responsive Media Query --- */  

 @media (max-width: 750px){
  .services-title-description {
    padding: 0px;
    }
    }

 @media (max-width: 450px){
  .services-title-description {
	margin-bottom: 38px;  
    margin-top: 20px;
    }
    }

 @media (max-width: 330px){
  .services-title-description {
    margin-top: 18px;
    }
    }


/* --- Service Page Section Responsive Media Query --- */  

 @media (max-width: 750px){
  .service-page-section {
    padding: 0px 25px 0px 25px;
    }
    }


/* --- Featured Service Images Responsive Media Query --- */  

 @media (max-width: 1095px){
  .featured-service-image-1 {
    height: 150px;
    width: 280px;
    }	 
	 
  .featured-service-image-2 {
    height: 150px;
    width: 280px;
    }	 

  .featured-service-image-3 {
    height: 150px;
    width: 280px;
    }	 

  .featured-service-image-4 {
    height: 150px;
    width: 280px;
    }	 
	 
  .featured-service-image-5 {
    height: 150px;
    width: 280px;
    }	 
	 
  .featured-service-image-6 {
    height: 150px;
    width: 280px;
    }	 

  .featured-service-image-7 {
    height: 150px;
    width: 280px;
    }	 
	 
  .featured-service-image-8 {
    height: 150px;
    width: 280px;
    }	 
    }

 @media (max-width: 980px){
  .featured-service-image-1 {
    height: 140px;
    width: 260px;
    }	 
	 
  .featured-service-image-2 {
    height: 140px;
    width: 260px;
    }	 

  .featured-service-image-3 {
    height: 140px;
    width: 260px;
    }	 

  .featured-service-image-4 {
    height: 140px;
    width: 260px;
    }	 
	 
  .featured-service-image-5 {
    height: 140px;
    width: 260px;
    }	 
	 
  .featured-service-image-6 {
    height: 140px;
    width: 260px;
}	 

  .featured-service-image-7 {
    height: 140px;
    width: 260px;
    }	 
	 
  .featured-service-image-8 {
    height: 140px;
    width: 260px;
    }	
    }

 @media (max-width: 900px){
  .featured-service-image-1 {
    height: 125px;
    width: 238px;
    }	 
	 
  .featured-service-image-2 {
    height: 125px;
    width: 238px;
    }	 

  .featured-service-image-3 {
    height: 125px;
    width: 238px;
    }	 

  .featured-service-image-4 {
    height: 125px;
    width: 238px;
    }	 
	 
  .featured-service-image-5 {
    height: 125px;
    width: 238px;
    }	 
	 
  .featured-service-image-6 {
    height: 125px;
    width: 238px;
    }	 

  .featured-service-image-7 {
    height: 125px;
    width: 238px;
    }	 
	 
  .featured-service-image-8 {
    height: 125px;
    width: 238px;
    }	 
    }

 @media (max-width: 830px){
  .featured-service-image-1 {
    height: 115px;
    width: 212px;
    }	 
	 
  .featured-service-image-2 {
    height: 115px;
    width: 212px;
    }	 

  .featured-service-image-3 {
    height: 115px;
    width: 212px;
    }	 

  .featured-service-image-4 {
    height: 115px;
    width: 212px;
    }	 
	 
  .featured-service-image-5 {
    height: 115px;
    width: 212px;
    }	 
	 
  .featured-service-image-6 {
    height: 115px;
    width: 212px;
    }	 

  .featured-service-image-7 {
    height: 115px;
    width: 212px;
    }	 
	 
  .featured-service-image-8 {
    height: 115px;
    width: 212px;
    }	 
    }

 @media (max-width: 713px){
  .featured-service-image-1 {
    height: 108px;
    width: 188px;
    }	 
	 
  .featured-service-image-2 {
    height: 108px;
    width: 188px;
    }	 

  .featured-service-image-3 {
    height: 108px;
    width: 188px;
    }	 

  .featured-service-image-4 {
    height: 108px;
    width: 188px;
    }	 
	 
  .featured-service-image-5 {
    height: 108px;
    width: 188px;
    }	 
	 
  .featured-service-image-6 {
    height: 108px;
    width: 188px;
    }	 

  .featured-service-image-7 {
    height: 108px;
    width: 188px;
    }	 
	 
  .featured-service-image-8 {
    height: 108px;
    width: 188px;
    }	 
    }

 @media (max-width: 660px){
  .featured-service-image-1 {
    height: 165px;
    width: 325px;	
	margin: auto;
    }	 
	 
  .featured-service-image-2 {
    height: 165px;
    width: 325px;
	margin: auto;
    }	 

  .featured-service-image-3 {
    height: 165px;
    width: 325px;
	margin: auto;
    }	 

  .featured-service-image-4 {
    height: 165px;
    width: 325px;
	margin: auto;
    }	 
	 
  .featured-service-image-5 {
    height: 165px;
    width: 325px;
	margin: auto;
    }	 
	 
  .featured-service-image-6 {
    height: 165px;
    width: 325px;
	margin: auto;
    }	 

  .featured-service-image-7 {
    height: 165px;
    width: 325px;
	margin: auto;
    }	 
	 
  .featured-service-image-8 {
    height: 165px;
    width: 325px;
	margin: auto;
    }	 
    }

 @media (max-width: 380px){
  .featured-service-image-1 {
    height: 157px;
    width: 304px;	
	margin: auto;
    }	 
	 
  .featured-service-image-2 {
    height: 157px;
    width: 304px;
	margin: auto;
    }	 

  .featured-service-image-3 {
    height: 157px;
    width: 304px;
	margin: auto;
    }	 

  .featured-service-image-4 {
    height: 157px;
    width: 304px;
	margin: auto;
    }	 
	 
  .featured-service-image-5 {
    height: 157px;
    width: 304px;
	margin: auto;
    }	
	 
  .featured-service-image-6 {
    height: 157px;
    width: 304px;
	margin: auto;
    }	 

.featured-service-image-7 {
    height: 157px;
    width: 304px;
	margin: auto;
    }	 
	 
  .featured-service-image-8 {
    height: 157px;
    width: 304px;
	margin: auto;
    }	 
    }

 @media (max-width: 330px){
  .featured-service-image-1 {
    height: 139px;
    width: 265px;
	margin: auto;
    }    	 
	 
  .featured-service-image-2 {
    height: 139px;
    width: 265px;
	margin: auto;
    }	 

  .featured-service-image-3 {
    height: 139px;
    width: 265px;
	margin: auto;
    }	 

  .featured-service-image-4 {
    height: 139px;
    width: 265px;
	margin: auto;
    }	 
	 
  .featured-service-image-5 {
    height: 139px;
    width: 265px;
	margin: auto;
    }	 
	 
  .featured-service-image-6 {
    height: 139px;
    width: 265px;
	margin: auto;
    }	 

  .featured-service-image-7 {
    height: 139px;
    width: 265px;
	margin: auto;
    }	 
	 
  .featured-service-image-8 {
    height: 139px;
    width: 265px;
	margin: auto;
    }	 
    }


/* --- Featured Services Text Responsive Media Query --- */  

 @media (max-width: 695px){
  a, .featured-service-container {
	margin: 0px;
    }
    }


/* --- Featured Services Text Responsive Media Query --- */  

 @media (max-width: 980px){
  .featured-services-text {
    font-size: 20px;
    }	 
    }

 @media (max-width: 830px){
  .featured-services-text {
    font-size: 19px;
    }	 
    }

 @media (max-width: 753px){
  .featured-services-text {
    margin: 10px auto auto auto;
    word-break: break-word;
    max-width: 130px;
    }	 
    }

 @media (max-width: 660px){
  .featured-services-text {
	margin: 10px auto 33px auto;
	max-width: 160px;
    font-size: 24px;
    }	 
    }


/* --- Featured Services Pages Responsive Media Query --- */  

 @media (max-width: 1095px){
  .featured-services-pages {
    max-width: 881px;
    }	 
    }

 @media (max-width: 1095px){
  .featured-services-pages-2 {
    max-width: 586px;
    }	 
    }

 @media (max-width: 980px){
  .featured-services-pages {
    max-width: 830px;
    }	 
    }

 @media (max-width: 980px){
  .featured-services-pages-2 {
    max-width: 548px;
    }	 
    }

 @media (max-width: 900px){
  .featured-services-pages {
    max-width: 758px;
    }	 
    }

 @media (max-width: 900px){
  .featured-services-pages-2 {
    max-width: 502px;
    }	 
    }

 @media (max-width: 830px){
  .featured-services-pages {
    max-width: 676px;
    }	 
    }

 @media (max-width: 830px){
  .featured-services-pages-2 {
    max-width: 448px;
    }	 
    }

 @media (max-width: 713px){
  .featured-services-pages {
    max-width: 594px;
    }	 
    }

 @media (max-width: 713px){
  .featured-services-pages-2 {
    max-width: 399px;
    }	 
    }

 @media all and (max-width: 450px) and (min-width: 381px) {
  .featured-services-pages-2 {
    padding: 0px 0px 31px 0px !important;
    }	 
    }

 @media all and (max-width: 380px) and (min-width: 331px) {
  .featured-services-pages-2 {
    padding: 0px 0px 27px 0px !important;
    }	 
    }

 @media (max-width: 330px){
  .featured-services-pages-2 {
    padding: 0px 0px 24.5px 0px !important;
    }	 
    }

 @media (max-width: 660px){
  .fsp-2 {
    padding-top: 0px !important;
    }	 
    }

 @media (max-width: 450px){
  .featured-services-pages {
	padding-top: 0px !important;
    } 
    }

 @media (max-width: 660px){
  .featured-services-pages {
    flex-direction: column;
	padding-top: 55px;
	max-width: 363px;  
    }	 
	  
  .featured-services-pages-2 {
	padding: 0px 0px 35px 0px;
    flex-direction: column;
    }	 
    }


/* ========= /Services/ ========= */



/* ========= Car Detailing ========= */

 .car-detailing-section {
   padding: 0px 40px 72px 40px;
   background: black;
   margin-top: -1px;
   }

 .car-detailing-pic {
   background-image: url("../img/car-2176960_1920.jpg");
   background-repeat: no-repeat;
   background-position: center;
   background-size: contain;
   margin: 33px auto auto auto;
   max-width: 980px;
   height: 445px;
   width: 100%;	
   }

.car-detailing-title {
    font-family: 'Roboto Condensed', sans-serif;
    padding: 55px 0px 12px 0px;
    font-weight: 700;
    font-size: 36px;
    color: white;
    }


/* --- Responsive Media Query --- */
/* --- Car Detailing Section Responsive Media Query --- */

 @media (max-width: 660px){
  .car-detailing-section {
    padding: 0px 40px 65px 40px;
	}
    }

 @media (max-width: 380px){
  .car-detailing-section {
    padding: 0px 25px 72px 25px;
	}
    }

 @media (max-width: 330px){
  .car-detailing-section {
    padding: 0px 25px 60px 25px;
	}
    }


/* --- Car Detailing Pic Responsive Media Query --- */

 @media (max-width: 790px){
  .car-detailing-pic {
    height: 392px;
    }
    }

 @media (max-width: 713px){
  .car-detailing-pic {
    height: 340px;
    }
    }

 @media (max-width: 648px){
  .car-detailing-pic {
    height: 300px;
    }
    }

 @media (max-width: 585px){
  .car-detailing-pic {
    height: 265px;
    }
    }

 @media (max-width: 525px){
  .car-detailing-pic {
    height: 255px;
    }
    }

 @media (max-width: 450px){
  .car-detailing-pic {
    height: 221px;
    }
    }

 @media (max-width: 380px){
  .car-detailing-pic {
    height: 202px;
    }
    }

 @media (max-width: 330px){
  .car-detailing-pic {
    height: 177px;
    }
    }


/* ========= /Car Detailing/ ========= */



/* ========= Headlight Restoration ========= */

 .headlight-detailing-section {
   padding: 0px 40px 0px 40px; 
   background: black;
   margin-top: -1px;
   }

 .headlight-detailing-width {
   font-family: var(--font-base, Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif);	 
   justify-content: space-between;
   padding: 31px 0px 58px 0px;
   max-width: 1100px;
   display: flex;
   color: white;
   margin: auto;
   }

 .headlight-detailing-text {
   font-weight: 300;
   line-height: 28px;
   max-width: 512px;
   margin-top: 24px;
   font-size: 19px;
   }

 .headlight-detailing-pic {
   background-image: url( "../img/headlight-2459090_1920.jpg");
   background-repeat: no-repeat;
   background-position: center;
   background-size: cover;
   margin-top: 21px;
   max-width: 600px;
   height: 370px;
   width: 100%;
   }

 .headlight-detailing-title {
   font-family: 'Roboto Condensed', sans-serif;
   padding: 55px 0px 12px 0px;
   font-weight: 700;
   font-size: 36px;
   color: white;
   }


/* --- Pricing Content Responsive Media Query --- */

 .headlight-pricing-item-section {
   justify-content: space-between;
   padding: 50px 40px 70px 40px;
   max-width: 1320px;
   margin: auto;
   }

 .headlight-pricing-content {
   justify-content: space-between;
   margin: 0px auto auto auto;
   max-width: 704px;
   width: 100%;
   }

 .headlight-pricing-column {
   justify-content: space-between;
   max-width: 616px;
   display: flex;
   margin: auto; 
   width: 100%; 
   }

 .headlight-pricing-item {
   padding: 0px 16px 0px 5px;
   max-width: 391px;
   width: 100%;
   }

 .headlight-pricing-item-description {
   font-family: "Oswald", sans-serif;
   margin-bottom: 14px !important;
   font-size: 19px;
   color: white;
   }

 .headlight-price-box {
   font-family: var(--font-base, Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif);
   padding: 28px 12px 27px 12px;
   margin: 10px auto 12px auto;
   background: white;
   }

 .headlight-box-price {
   font-weight: 900;
   text-align: center;
   font-size: 39px;
   color: #292929;
   margin: auto;
   width: 100%;
   }

 .headlight-price-box-title {
   font-weight: 900;
   text-align: center;
   font-size: 19.5px;
   color: #292929;
   margin: auto;
   width: 100%;
   }

 .headlight-price-box-description {
   margin: 9px auto auto auto;
   text-align: center;
   font-style: italic;
   line-height: 18px;
   font-size: 13.5px;
   font-weight: 400;
   max-width: 262px;
   color: black;	 
   }

 .headlight-price-box-button {
   padding: 10px 10px 10px 10px;
   margin: 21px auto auto auto;
   letter-spacing: 0.7px;
   background: #292929;
   text-align: center;
   font-style: normal;
   max-width: 169px;	 
   font-weight: 300;
   font-size: 23px;
   color: white;
   width: 100%;
   }

 .headlight-pricing-item-title {
   background: conic-gradient(#f8a98d 0 5%, #b22625 0 14%, #841212 0 21.5%, #f8a98d 0 24%, #841212 0 28%, #f8a98d 0 31%, #b22625 0 33%, #841212 0 40%, #f8a98d 0 44%, #b22625 0 55%, #841212 0 63%, #f8a98d 0 66%, #f8a98d 0 70%, #841212 0 75%, #b22625 0 79%, #f8a98d 0 85%, #841212 0 90%, #b22625 0 100%, #841212 0 100%);
   text-shadow: -1px -1px 0 #f8a98d, 1px -1px 0 #f8a98d, -1px 1px 0 #f8a98d, 1px 1px 0 #f8a98d;
   font-family: "Oswald", sans-serif;
   padding: 1px 0px 5px 0px;
   letter-spacing: 0px;
   text-align: center;
   font-weight: 500;
   font-size: 39px;
   color: black;
   }

 .headlight-pricing-item-text {
   margin-top: 13px;
   background: red;
   }

 .headlight-pricing-item-text {
   background: linear-gradient(180deg,#b22625 12%, #921010 55%, #841212 92%);
   padding: 10px 11px 7px 11px;
   margin-top: 11px;
   }

 .headlight-pricing-details {
   font-family: "Oswald", sans-serif;
   letter-spacing: 0px;
   font-weight: 400;	 
   }

 .headlight-pricing-detail-item {
   text-indent: -28px;
   margin-bottom: 4px;
   margin-left: 28px;
   font-size: 17px;
   color: white;		 
   }

 .headlight-pricing-detail-icon {
   margin-right: 11px;
   }

 .headlight-pricing-item-area {
   font-family: "Oswald", sans-serif;
   justify-content: space-between;
   margin: 9px auto auto auto;	 
   letter-spacing: 0px;
   font-weight: 400;
   max-width: 217px;
   flex-wrap: wrap;
   display: flex;
   }

 .headlight-detail-job-price {
   margin-right: 4px;
   font-size: 18.5px;
   color: yellow;
   }

 .headlight-detail-job {
   font-size: 15.5px;
   color: white;
   }

 .headlight-pricing-title { 
   font-family: "Oswald", sans-serif;
   margin: 0px auto 24px auto;
   letter-spacing: 0px;
   text-align: center;
   line-height: 40px;
   font-size: 30px;
   color: white; 
   }


/* --- Responsive Media Query --- */
/* --- Headlight Detailing Section Responsive Media Query --- */

 @media (max-width: 450px){
  .headlight-detailing-section {
    padding: 0px 25px 0px 25px;
    }
    }


/* --- Headlight Detailing Title Responsive Media Query --- */

 @media (max-width: 450px){
  .headlight-detailing-title {
    font-size: 26px;
    }
    }

 @media (max-width: 380px){
  .headlight-detailing-title {
    font-size: 28px;
    }
    }

 @media (max-width: 330px){
  .headlight-detailing-title {
    font-size: 26px;
    }
    }


/* --- Headlight Detailing Width Responsive Media Query --- */

 @media (max-width: 660px){
  .headlight-detailing-width {
    flex-direction: column-reverse;	
	max-width: 496px;
    }
    }

 @media (max-width: 660px){
  .headlight-detailing-width {
    flex-direction: column-reverse;	
	max-width: 586px;
    }
    }


/* --- Headlight Detailing Pic Responsive Media Query --- */

 @media (max-width: 1090px){
  .headlight-detailing-pic {
    max-width: 506px;
    height: 333px;	
    }
    }

 @media (max-width: 998px){
  .headlight-detailing-pic {
    max-width: 455px;
    height: 302px;
    }
    }

 @media (max-width: 940px){
  .headlight-detailing-pic {
    max-width: 400px;
    height: 265px;
    }
    }

 @media (max-width: 758px){
  .headlight-detailing-pic {
	margin-top: 74px;
    max-width: 341px;
    height: 226px;
    }
    }

 @media (max-width: 700px){
  .headlight-detailing-pic {
	margin-top: 90px;
    max-width: 302px;
    height: 201px;
    }
    }

 @media (max-width: 660px){
  .headlight-detailing-pic {
    margin: 0px auto auto auto;
    max-width: 496px;
    height: 328px;
    }
    }

 @media (max-width: 450px){
  .headlight-detailing-pic {
    height: 242px;
    }
    }

 @media (max-width: 380px){
  .headlight-detailing-pic {
    height: 217px;
    }
    }

 @media (max-width: 330px){
  .headlight-detailing-pic {
    height: 180px;
    }
    }


/* --- Headlight Pricing Item Responsive Media Query --- */

 @media (max-width: 890px){
  .headlight-pricing-item {
    max-width: 369px;
    }
    }

 @media (max-width: 862px){
  .headlight-pricing-item {
    max-width: 340px;
    }
    }

 @media (max-width: 835px){
  .headlight-pricing-item {
    max-width: 300px;
    }
    }

 @media (max-width: 791px){
  .headlight-pricing-item {
    max-width: 267px;
    }
    }

 @media (max-width: 660px){
  .headlight-pricing-item {
	margin: 33px auto auto auto;
	padding: 0px 6px 0px 6px;  
    max-width: 391px;
    }
    }


/* --- Headlight Pricing Item Title Responsive Media Query --- */

 @media (max-width: 890px){
  .headlight-pricing-item-title {
    font-size: 35px;
    }
    }

 @media (max-width: 862px){
  .headlight-pricing-item-title {
    font-size: 30px;
    }
    }

 @media (max-width: 791px){
  .headlight-pricing-item-title {
    font-size: 25.5px;
    }
    }

 @media (max-width: 660px){
  .headlight-pricing-item-title {
    font-size: 39px;
    }
    }
     
 @media (max-width: 450px){
  .headlight-pricing-item-title {
    font-size: 31px;
    }
    }

 @media (max-width: 380px){
  .headlight-pricing-item-title {
    font-size: 27px;
    }
    }

 @media (max-width: 450px){
  .headlight-pricing-item-title {
    font-size: 32px;
    }
    }

 @media (max-width: 380px){
  .headlight-pricing-item-title {
    font-size: 29px;
    }
    }

 @media (max-width: 330px){
  .headlight-pricing-item-title {
    font-size: 25px;
    }
    }


/* --- Headlight Pricing Item Text Responsive Media Query --- */

 @media (max-width: 890px){
  .headlight-pricing-item-text {
    margin-top: 8px;
    }
    }


/* --- Headlight Pricing Item Description Responsive Media Query --- */

 @media (max-width: 818px){
  .headlight-pricing-item-description {
    font-size: 16.5px;
    }
    }

 @media (max-width: 660px){
  .headlight-pricing-item-description {
    font-size: 19px;
    }
    }


/* ========= /Headlight Restoration/ ========= */



/* ========= RV/Motorhome Detailing ========= */

 .rv-detailing-section {
   padding: 0px 40px 64px 40px;
   background: black;
   margin-top: -1px;
   }

 .rv-detailing-width {
   font-family: var(--font-base, Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif);	 
   justify-content: space-between;
   max-width: 1000px;
   display: flex;
   color: white;
   margin: auto;
   }

 .rv-detailing-text {
   line-height: 28px;
   max-width: 512px;
   margin-top: 24px;
   font-size: 19px;
   font-weight: 300;
   }

 .rv-detailing-pic { 
   background-image: url("../img/motorhome-359500_1920 (1).jpg");
   background-repeat: no-repeat;
   background-position: center;
   background-size: cover;
   margin-top: 33px;
   max-width: 980px;
   height: 445px;
   width: 100%;	 
   }

 .rv-detailing-title {
   font-family: 'Roboto Condensed', sans-serif;
   padding: 55px 0px 12px 0px;
   font-weight: 700;
   font-size: 36px;
   color: white;
   }


/* --- RV Pricing Item Section Responsive Media Query --- */

 .rv-pricing-item-section {
   justify-content: space-between;
   padding-top: 50px;
   max-width: 1320px;
   margin: auto;
   }

 .rv-pricing-content {
   justify-content: space-between;
   margin: 0px auto auto auto;
   max-width: 718px;
   display: flex;
   width: 100%;
   }

 .rv-pricing-item {
   padding: 0px 5px 0px 5px;
   max-width: 355px;
   width: 100%;
   }

 .rv-pricing-item-title {
   background: conic-gradient(#f8a98d 0 5%, #b22625 0 14%, #841212 0 21.5%, #f8a98d 0 24%, #841212 0 28%, #f8a98d 0 31%, #b22625 0 33%, #841212 0 40%, #f8a98d 0 44%, #b22625 0 55%, #841212 0 63%, #f8a98d 0 66%, #f8a98d 0 70%, #841212 0 75%, #b22625 0 79%, #f8a98d 0 85%, #841212 0 90%, #b22625 0 100%, #841212 0 100%);
   text-shadow: -1px -1px 0 #f8a98d, 1px -1px 0 #f8a98d, -1px 1px 0 #f8a98d, 1px 1px 0 #f8a98d;
   font-family: "Oswald", sans-serif;
   padding: 5px 0px 2px 0px;
   letter-spacing: 0px;
   text-align: center;
   font-weight: 500;
   font-size: 26px;
   }

 .rv-pricing-item-text {
   margin-top: 13px;
   background: red;
   }

 .rv-pricing-item-text {
   background: linear-gradient(180deg,#b22625 12%, #921010 55%, #841212 92%);
   padding: 10px 11px 7px 11px;
   margin-top: 11px;
   }

 .rv-pricing-details {
   font-family: "Oswald", sans-serif;
   letter-spacing: 0px;
   font-weight: 400;	 
   }

 .rv-pricing-detail-item {
   text-indent: -28px;
   margin-bottom: 4px;
   margin-left: 28px;
   font-size: 17px;
   color: white;		 
   }

 .rv-pricing-detail-icon {
   margin-right: 11px;
   }

 .rv-pricing-item-area {
   font-family: "Oswald", sans-serif;
   justify-content: space-between;
   margin: 9px auto auto auto;	 
   letter-spacing: 0px;
   font-weight: 400;
   max-width: 217px;
   flex-wrap: wrap;
   display: flex;
   }

 .rv-detail-job-price {
   margin-right: 4px;
   font-size: 18.5px;
   color: yellow;
   }

 .rv-detail-job {
   font-size: 15.5px;
   color: white;
   }

 .rv-pricing-title { 
   font-family: "Oswald", sans-serif;
   margin: 0px auto 24px auto;
   letter-spacing: 0px;
   text-align: center;
   line-height: 40px;
   font-size: 30px;
   color: white; 
   }

 .rv-price-box-2 {
   font-family: var(--font-base, Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif);
   padding: 43px 12px 43px 12px;
   margin: 10px auto 12px auto;
   background: white;
   }

 .rv-price-box {
   font-family: var(--font-base, Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif);
   padding: 28px 12px 27px 12px;
   margin: 10px auto 12px auto;
   background: white;
   }

 .rv-box-price {
   font-weight: 900;
   text-align: center;
   font-size: 39px;
   color: #292929;
   margin: auto;
   width: 100%;
   }

 .rv-price-box-title {
   font-weight: 900;
   text-align: center;
   font-size: 19.5px;
   color: #292929;
   margin: auto;
   width: 100%;
   }

 .rv-price-box-description {
   text-align: center;
   font-size: 13.5px;
   font-style: italic;
   }

 .rv-price-box-button {
   padding: 10px 10px 10px 10px;
   margin: 30px auto auto auto;
   letter-spacing: 0.7px;
   background: #292929;
   text-align: center;
   font-style: normal;
   max-width: 169px;	 
   font-weight: 300;
   font-size: 23px;
   color: white;
   width: 100%;
   }


/* --- Responsive Media Query --- */
/* --- RV Detailing Section Responsive Media Query --- */

 @media (max-width: 795px){
  .rv-detailing-section {
    padding: 0px 25px 64px 25px;
    }
    }


/* --- RV Detailing Title Responsive Media Query --- */

 @media (max-width: 450px){
  .rv-detailing-title {
    font-size: 30px;
    }
    }

 @media (max-width: 380px){
  .rv-detailing-title {
    font-size: 27px;
    }
    }

 @media (max-width: 330px){
  .rv-detailing-title {
    font-size: 22px;
    }
    }


/* --- RV Detailing Pic Responsive Media Query --- */

 @media (max-width: 1120px){
  .rv-detailing-pic {
    max-width: 774px;
    height: 377px;
    }
    }

 @media (max-width: 900px){
  .rv-detailing-pic {
    max-width: 715px;
    height: 343px;
    }
    }

 @media (max-width: 828px){
  .rv-detailing-pic {
    max-width: 637px;
    height: 303px;
    }
    }

 @media (max-width: 761px){
  .rv-detailing-pic {
    max-width: 545px;
    height: 259px;
    }
    }

 @media (max-width: 666px){
  .rv-detailing-pic {
    max-width: 469px;
    height: 228px;
    }
    }

 @media (max-width: 575px){
  .rv-detailing-pic {
    max-width: 423px;
    height: 211px;
    }
    }

 @media (max-width: 450px){
  .rv-detailing-pic {
    max-width: 338px;
    height: 170px;
    }
    }

 @media (max-width: 380px){
  .rv-detailing-pic {
    max-width: 309px;
    height: 153px;
    }
    }

 @media (max-width: 330px){
  .rv-detailing-pic {
    max-width: 260px;
    height: 127px;
    }
    }


/* --- RV Pricing Content Responsive Media Query --- */

 @media (max-width: 795px){
  .rv-pricing-content {
    max-width: 678px;
    }
    }

 @media (max-width: 757px){
  .rv-pricing-content {
    max-width: 620px;
    }
    }

 @media (max-width: 698px){
  .rv-pricing-content {
    max-width: 554px;
    }
    }

 @media (max-width: 632px){
  .rv-pricing-content {
	flex-direction: column;
    }
    }


/* --- RV Pricing Item Responsive Media Query --- */

 @media (max-width: 795px){
  .rv-pricing-item {
    max-width: 336px;
    }
    }

 @media (max-width: 757px){
  .rv-pricing-item {
    max-width: 308px;
    }
    }

 @media (max-width: 698px){
  .rv-pricing-item {
    max-width: 275px;
    }
    }

 @media (max-width: 632px){
  .rv-pricing-item {
    max-width: 355px;
	margin: auto;
    }
    }


/* --- RV Pricing Item Text Responsive Media Query --- */

 @media (max-width: 632px){
  .rv-pricing-item-text {
    margin-top: 7px;
    }
    }


/* --- rvpi Responsive Media Query --- */

 @media (max-width: 632px){
  .rvpi {
    margin-top: 50px;
    }
    }


/* ========= /RV/Motorhome Detailing/ ========= */



/* ========= Motorcycle Detailing ========= */

 .motor-detailing-section {
   padding: 0px 40px 58px 40px;
   background: black;
   margin-top: -1px;
   }

 .motor-detailing-width {
   font-family: var(--font-base, Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif);	 
   justify-content: space-between;
   padding-top: 31px;
   max-width: 955px;
   display: flex;
   color: white;
   margin: auto;
   }

 .motor-detailing-text {
   font-weight: 300;
   line-height: 28px;
   max-width: 512px;
   margin-top: 24px;
   font-size: 19px;
   }

 .motor-detailing-pic {
   background-image: url("../img/motorcycle-1698615_1920.jpg");
   background-repeat: no-repeat;
   background-position: center;
   background-size: cover;	 
   margin-top: 71px;
   max-width: 536px;
   height: 405px;
   width: 100%;
   }

 .motor-detailing-title {
   font-family: 'Roboto Condensed', sans-serif;
   padding: 55px 0px 12px 0px;
   font-weight: 700;
   font-size: 36px;
   color: white;	 
   }


/* --- Pricing Content Responsive Media Query --- */

 .motor-pricing-item-section {
   justify-content: space-between;
   padding: 43px 40px 60px 40px;
   max-width: 1320px;
   margin: auto;
   }

 .motor-pricing-content {
   justify-content: space-between;
   margin: 0px auto auto auto;
   max-width: 704px;
   width: 100%;
   }

 .motor-pricing-column {
   justify-content: space-between;
   max-width: 616px;
   display: flex;
   margin: auto; 
   width: 100%; 
   }

 .motor-pricing-item {
   padding: 0px 5px 0px 5px;
   max-width: 391px;
   width: 100%;	 
   }

 .motor-pricing-item-title {
   background: conic-gradient(#f8a98d 0 5%, #b22625 0 14%, #841212 0 21.5%, #f8a98d 0 24%, #841212 0 28%, #f8a98d 0 31%, #b22625 0 33%, #841212 0 40%, #f8a98d 0 44%, #b22625 0 55%, #841212 0 63%, #f8a98d 0 66%, #f8a98d 0 70%, #841212 0 75%, #b22625 0 79%, #f8a98d 0 85%, #841212 0 90%, #b22625 0 100%, #841212 0 100%);
   text-shadow: -1px -1px 0 #f8a98d, 1px -1px 0 #f8a98d, -1px 1px 0 #f8a98d, 1px 1px 0 #f8a98d;
   font-family: "Oswald", sans-serif;
   padding: 1px 0px 5px 0px;
   letter-spacing: 0px;
   text-align: center;
   font-weight: 500;
   font-size: 37px;
   color: black;	
   }

 .motor-pricing-item-text {
   margin-top: 13px;
   background: red;
   }

 .motor-price-box {
   font-family: var(--font-base, Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif);
   padding: 28px 12px 27px 12px;
   margin: 10px auto 12px auto;
   background: white;
   }

 .motor-pricing-item-description {
   font-family: "Oswald", sans-serif;
   margin-bottom: 14px !important;
   font-size: 19px;
   color: white;
   }

 .motor-box-price {
   font-weight: 900;
   text-align: center;
   font-size: 39px;
   color: #292929;
   margin: auto;
   width: 100%;
   }

 .motor-price-box-title {
   font-weight: 900;
   text-align: center;
   font-size: 19.5px;
   color: #292929;
   margin: auto;
   width: 100%;
   }

 .motor-price-box-description {
   margin: 9px auto auto auto;	 
   text-align: center;
   font-style: italic;
   line-height: 18px;
   font-size: 13.5px;
   font-weight: 400;
   max-width: 262px;	 
   color: black;
   }

 .motor-price-box-button {
   padding: 10px 10px 10px 10px;
   margin: 20px auto auto auto;
   letter-spacing: 0.7px;
   background: #292929;
   text-align: center;
   font-style: normal;
   max-width: 169px;	 
   font-weight: 300;
   font-size: 23px;
   color: white;
   width: 100%;
   }

 .motor-pricing-item-text {
   background: linear-gradient(180deg,#b22625 12%, #921010 55%, #841212 92%);
   padding: 10px 11px 7px 11px;
   margin-top: 11px;
   }

 .motor-pricing-details {
   font-family: "Oswald", sans-serif;
   letter-spacing: 0px;
   font-weight: 400;	 
   }

 .motor-pricing-detail-item {
   text-indent: -28px;
   margin-bottom: 4px;
   margin-left: 28px;
   font-size: 17px;
   color: white;		 
   }

 .motor-pricing-detail-icon {
   margin-right: 11px;
   }

 .motor-pricing-item-area {
   font-family: "Oswald", sans-serif;
   justify-content: space-between;
   margin: 9px auto auto auto;	 
   letter-spacing: 0px;
   font-weight: 400;
   max-width: 217px;
   flex-wrap: wrap;
   display: flex;
   }

 .motor-detail-job-price {
   margin-right: 4px;
   font-size: 18.5px;
   color: yellow;
   }

 .motor-detail-job {
   font-size: 15.5px;
   color: white;
   }

 .motor-pricing-title { 
   font-family: "Oswald", sans-serif;
   margin: 0px auto 24px auto;
   letter-spacing: 0px;
   text-align: center;
   line-height: 40px;
   font-size: 30px;
   color: white; 
   }


/* --- Responsive Media Query --- */
/* --- Motor Detailing Section Responsive Media Query --- */

 @media (max-width: 450px){
  .motor-detailing-section {
    padding: 0px 25px 0px 25px;
    }
    }

 @media (max-width: 745px){
  .motor-detailing-section {
	padding: 0px 25px 58px 25px;
    }
    }


/* --- Motor Detailing Width Responsive Media Query --- */

 @media (max-width: 660px){
  .motor-detailing-width {
    flex-direction: column-reverse;
	max-width: 495px;
    }
    }


/* --- Motor Detailing Title Responsive Media Query --- */

 @media (max-width: 450px){
  .motor-detailing-title {
    font-size: 33px;
    }
    }

 @media (max-width: 330px){
  .motor-detailing-title {
    font-size: 27px;
    }
    }


/* --- Motor Pricing Item Responsive Media Query --- */

 @media (max-width: 835px){
  .motor-pricing-item {
    max-width: 347px;
    }
    }

 @media (max-width: 795px){
  .motor-pricing-item {
    max-width: 305px;
    }
    }

 @media (max-width: 749px){
  .motor-pricing-item {
    max-width: 276px;
    }
    }

 @media (max-width: 720px){
  .motor-pricing-item {
    max-width: 252px;
    }
    }

 @media (max-width: 660px){
  .motor-pricing-item {
    padding: 38px 5px 0px 5px;
    max-width: 421px;
	margin: auto;
    }
    }


/* --- Motor Detailing Pic Responsive Media Query --- */

 @media (max-width: 1100px){
  .motor-detailing-pic {
    max-width: 476px;
    height: 392px;
    }
    }

 @media (max-width: 975px){
  .motor-detailing-pic {
    max-width: 429px;
    height: 352px;
    }
    }

 @media (max-width: 920px){
  .motor-detailing-pic {
    max-width: 395px;
    height: 323px;
    }
    }

 @media (max-width: 900px){
  .motor-detailing-pic {
    max-width: 340px;
    height: 272px;
    }
    }

 @media (max-width: 660px){
  .motor-detailing-pic {
    max-width: 437px;
    margin-top: 5px;
    height: 313px;	
	margin: auto;
    }
    }

 @media (max-width: 380px){
  .motor-detailing-pic {
    height: 256px;
    }
    }

 @media (max-width: 617px){
  .motor-detailing-pic {
    max-width: 309px;
    height: 229px;
    }
    }

 @media (max-width: 330px){
  .motor-detailing-pic {
    height: 215px;
    }
    }


/* --- Motor Pricing Item Title Responsive Media Query --- */

 @media (max-width: 783px){
  .motor-pricing-item-title {
    font-size: 28px;
    }
    }

 @media (max-width: 710px){
  .motor-pricing-item-title {
    font-size: 32px;
    }
    }

 @media (max-width: 703px){
  .motor-pricing-item-title {
    font-size: 28px;
    }
    }

 @media (max-width: 693px){
  .motor-pricing-item-title {
    font-size: 25px;
    }
    }

 @media (max-width: 660px){
  .motor-pricing-item-title {
    font-size: 37px;
    }
    }

 @media (max-width: 330px){
  .motor-pricing-item-title {
    font-size: 27px;
    }
    }

 @media (max-width: 732px){
  .motor-pricing-item-description {
    font-size: 17px;
    }
    }


/* ========= /Motorcycle Detailing/ ========= */



/* ========= Golf Detailing ========= */

 .golf-detailing-section {
   padding: 0px 40px 0px 40px;
   background: black;
   margin-top: -1px;
   }

 .golf-detailing-width {
   font-family: var(--font-base, Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif);	 
   justify-content: space-between;
   padding: 31px 0px 58px 0px;
   max-width: 1080px;
   display: flex;
   color: white;
   margin: auto;
   }

 .golf-detailing-text {
   font-weight: 300;
   line-height: 28px;
   max-width: 512px;
   margin-top: 24px;
   font-size: 19px;
   }

 .golf-detailing-pic {
   background-image: url("../img/shutterstock_527303974.jpg");
   background-repeat: no-repeat;
   background-position: center;
   background-size: cover;
   margin-top: 85px;
   max-width: 576px;
   height: 426px;
   width: 100%;
   }

 .golf-detailing-title {
   font-family: 'Roboto Condensed', sans-serif;
   padding: 55px 0px 12px 0px;
   font-weight: 700;
   font-size: 36px;
   color: white;
   }


/* --- Pricing Content Responsive Media Query --- */

 .golf-pricing-item-section {
   justify-content: space-between;
   padding: 50px 40px 70px 40px;
   max-width: 1320px;
   margin: auto;
   }

 .golf-pricing-content {
   justify-content: space-between;
   margin: 0px auto auto auto;
   max-width: 704px;
   width: 100%;
   }

 .golf-pricing-column {
   justify-content: space-between;
   max-width: 616px;
   display: flex;
   margin: auto; 
   width: 100%; 
   }

 .golf-pricing-item {
   padding: 0px 18px 0px 5px;
   max-width: 410px;
   width: 100%;
   }

 .golf-pricing-item-description {
   font-family: "Oswald", sans-serif;
   margin-bottom: 14px !important;
   font-size: 19px;
   color: white;
   }

 .golf-price-box {
   font-family: var(--font-base, Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif);
   padding: 28px 12px 27px 12px;
   margin: 10px auto 12px auto;
   background: white;
   }

 .golf-box-price {
   font-weight: 900;
   text-align: center;
   font-size: 39px;
   color: #292929;
   margin: auto;
   width: 100%;
   }

 .golf-price-box-title {
   font-weight: 900;
   text-align: center;
   font-size: 19.5px;
   color: #292929;
   margin: auto;
   width: 100%;
   }

 .golf-price-box-description {
   margin: 9px auto auto auto;
   text-align: center;
   font-style: italic;
   line-height: 18px;
   font-size: 13.5px;
   font-weight: 400;
   max-width: 262px;
   color: black;	 
   }

 .golf-price-box-button {
   padding: 10px 10px 10px 10px;
   margin: 21px auto auto auto;
   letter-spacing: 0.7px;
   background: #292929;
   text-align: center;
   font-style: normal;
   max-width: 169px;	 
   font-weight: 300;
   font-size: 23px;
   color: white;
   width: 100%;
   }

 .golf-pricing-item-title {
   background: conic-gradient(#f8a98d 0 5%, #b22625 0 14%, #841212 0 21.5%, #f8a98d 0 24%, #841212 0 28%, #f8a98d 0 31%, #b22625 0 33%, #841212 0 40%, #f8a98d 0 44%, #b22625 0 55%, #841212 0 63%, #f8a98d 0 66%, #f8a98d 0 70%, #841212 0 75%, #b22625 0 79%, #f8a98d 0 85%, #841212 0 90%, #b22625 0 100%, #841212 0 100%);
   text-shadow: -1px -1px 0 #f8a98d, 1px -1px 0 #f8a98d, -1px 1px 0 #f8a98d, 1px 1px 0 #f8a98d;
   font-family: "Oswald", sans-serif;
   padding: 1px 0px 5px 0px;
   letter-spacing: 0px;
   text-align: center;
   font-weight: 500;
   font-size: 39px;
   color: black;
   }

 .golf-pricing-item-text {
   margin-top: 13px;
   background: red;
   }

 .golf-pricing-item-text {
   background: linear-gradient(180deg,#b22625 12%, #921010 55%, #841212 92%);
   padding: 10px 11px 7px 11px;
   margin-top: 11px;
   }

 .golf-pricing-details {
   font-family: "Oswald", sans-serif;
   letter-spacing: 0px;
   font-weight: 400;	 
   }

 .golf-pricing-detail-item {
   text-indent: -28px;
   margin-bottom: 4px;
   margin-left: 28px;
   font-size: 17px;
   color: white;		 
   }

 .golf-pricing-detail-icon {
   margin-right: 11px;
   }

 .golf-pricing-item-area {
   font-family: "Oswald", sans-serif;
   justify-content: space-between;
   margin: 9px auto auto auto;	 
   letter-spacing: 0px;
   font-weight: 400;
   max-width: 217px;
   flex-wrap: wrap;
   display: flex;
   }

 .golf-detail-job-price {
   margin-right: 4px;
   font-size: 18.5px;
   color: yellow;
   }

 .golf-detail-job {
   font-size: 15.5px;
   color: white;
   }

 .golf-pricing-title { 
   font-family: "Oswald", sans-serif;
   margin: 0px auto 24px auto;
   letter-spacing: 0px;
   text-align: center;
   line-height: 40px;
   font-size: 30px;
   color: white; 
   }


/* --- Responsive Media Query --- */
/* --- Golf Detailing Section Responsive Media Query --- */

 @media (max-width: 450px){
  .golf-detailing-section {
    padding: 0px 25px 0px 25px;
    }
    }


/* --- Golf Detailing Width Responsive Media Query --- */

 @media (max-width: 660px){
  .golf-detailing-width {
    flex-direction: column-reverse;
	max-width: 495px;
    }
    }

 @media (max-width: 660px){
  .golf-detailing-width {
    padding: 31px 0px 48px 0px;
    }
    }


/* --- Golf Pricing Item Responsive Media Query --- */

 @media (max-width: 660px){
  .golf-pricing-item {
    padding: 38px 5px 0px 5px;
    max-width: 421px;
	margin: auto;
    }
    }


/* --- Golf Detailing Pic Responsive Media Query --- */

 @media (max-width: 1005px){
  .golf-detailing-pic {
    max-width: 476px;
    height: 392px;
    }
    }

 @media (max-width: 960px){
  .golf-detailing-pic {
    max-width: 429px;
    height: 352px;
    }
    }

 @media (max-width: 905px){
  .golf-detailing-pic {
    max-width: 395px;
    height: 323px;
    }
    }

 @media (max-width: 856px){
  .golf-detailing-pic {
    max-width: 340px;
    height: 272px;
    }
    }

 @media (max-width: 660px){
  .golf-detailing-pic {
    max-width: 437px;
    margin-top: 5px;
    height: 313px;	
	margin: auto;
    }
    }

 @media (max-width: 380px){
  .golf-detailing-pic {
    height: 256px;
    }
    }

 @media (max-width: 330px){
  .golf-detailing-pic {
    height: 215px;
    }
    }


/* --- Golf Pricing Item Title Responsive Media Query --- */

 @media (max-width: 775px){
  .golf-pricing-item-title {
    font-size: 35px;
    }
    }

 @media (max-width: 710px){
  .golf-pricing-item-title {
    font-size: 32px;
    }
    }


/* ========= /Golf Detailing/ ========= */



/* ========= Boat Detailing ========= */

 .boat-detailing-section {
   padding: 0px 40px 0px 40px;
   background: black;
   margin-top: -1px;
   }

 .boat-detailing-width {
   font-family: var(--font-base, Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif);	 
   justify-content: space-between;
   max-width: 1000px;
   display: flex;
   color: white;
   margin: auto;
   }

 .boat-detailing-text {
   line-height: 28px;
   max-width: 512px;
   margin-top: 24px;
   font-size: 19px;
   font-weight: 300;
   }

 .boat-pricing-item-description {
   font-family: "Oswald", sans-serif;
   margin-bottom: 14px !important;
   font-size: 19px;
   color: white;
   }

 .boat-detailing-pic {
   background-image: url("../img/shutterstock_1650474481.jpg");
   background-repeat: no-repeat;
   background-position: bottom;
   background-size: cover;
   margin-top: 33px;
   max-width: 812px;
   height: 495px;
   width: 100%;
   }

 .boat-detailing-title {
   font-family: 'Roboto Condensed', sans-serif;
   padding: 55px 0px 12px 0px;
   font-weight: 700;
   font-size: 36px;
   color: white;
   }


/* --- Pricing Content Responsive Media Query --- */

 .boat-pricing-item-section {
   justify-content: space-between;
   padding: 30px 40px 64px 40px;
   max-width: 795px;
   display: flex;
   margin: auto;
   }

 .boat-pricing-item {
   padding: 0px 5px 0px 5px;
   max-width: 355px;
   width: 100%;
   }

 .boat-pricing-item-title {
   background: conic-gradient(#f8a98d 0 5%, #b22625 0 14%, #841212 0 21.5%, #f8a98d 0 24%, #841212 0 28%, #f8a98d 0 31%, #b22625 0 33%, #841212 0 40%, #f8a98d 0 44%, #b22625 0 55%, #841212 0 63%, #f8a98d 0 66%, #f8a98d 0 70%, #841212 0 75%, #b22625 0 79%, #f8a98d 0 85%, #841212 0 90%, #b22625 0 100%, #841212 0 100%);
   text-shadow: -1px -1px 0 #f8a98d, 1px -1px 0 #f8a98d, -1px 1px 0 #f8a98d, 1px 1px 0 #f8a98d;
   font-family: "Oswald", sans-serif;
   padding: 5px 0px 2px 0px;
   letter-spacing: 0px;
   text-align: center;
   font-weight: 500;
   font-size: 26px;
   }

 .boat-pricing-item-text {
   margin-top: 13px;
   background: red;
   }

 .boat-pricing-item-text {
   background: linear-gradient(180deg,#b22625 12%, #921010 55%, #841212 92%);
   padding: 10px 11px 7px 11px;
   margin-top: 11px;
   }

 .boat-pricing-details {
   font-family: "Oswald", sans-serif;
   letter-spacing: 0px;
   font-weight: 400;	 
   }

 .boat-pricing-detail-item {
   text-indent: -28px;
   margin-bottom: 4px;
   margin-left: 28px;
   font-size: 17px;
   color: white;		 
   }

 .boat-pricing-detail-icon {
   margin-right: 11px;
   }

 .boat-pricing-item-area {
   font-family: "Oswald", sans-serif;
   justify-content: space-between;
   margin: 9px auto auto auto;	 
   letter-spacing: 0px;
   font-weight: 400;
   max-width: 217px;
   flex-wrap: wrap;
   display: flex;
   }

 .boat-detail-job-price {
   margin-right: 4px;
   font-size: 18.5px;
   color: yellow;
   }

 .boat-detail-job {
   font-size: 15.5px;
   color: white;
   }

 .boat-pricing-title { 
   font-family: "Oswald", sans-serif;
   margin: 0px auto 24px auto;
   letter-spacing: 0px;
   text-align: center;
   line-height: 40px;
   font-size: 30px;
   color: white; 
   }

 .boat-price-box-2 {
   font-family: var(--font-base, Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif);
   padding: 43px 12px 43px 12px;
   margin: 10px auto 12px auto;
   background: white;
   }

 .boat-price-box {
   font-family: var(--font-base, Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif);
   padding: 28px 12px 27px 12px;
   margin: 10px auto 12px auto;
   background: white;
   }

 .boat-box-price {
   font-weight: 900;
   text-align: center;
   font-size: 39px;
   color: #292929;
   margin: auto;
   width: 100%;
   }

 .boat-price-box-title {
   font-weight: 900;
   text-align: center;
   font-size: 19.5px;
   color: #292929;
   margin: auto;
   width: 100%;
   }

 .boat-price-box-description {
   text-align: center;
   font-size: 13.5px;
   font-style: italic;
   }

 .boat-price-box-button {
   padding: 10px 10px 10px 10px;
   margin: 15px auto auto auto;
   letter-spacing: 0.7px;
   background: #292929;
   text-align: center;
   font-style: normal;
   max-width: 169px;	 
   font-weight: 300;
   font-size: 23px;
   color: white;
   width: 100%;
   }


/* --- Responsive Media Query --- */
/* --- Boat Detailing Section Responsive Media Query --- */

 @media (max-width: 1200px){
  .boat-detailing-section {
	padding: 0px 40px 0px 40px;
    }
    }

 @media (max-width: 380px){
  .boat-detailing-section {
	padding: 0px 25px 0px 25px;
    }
    }


/* --- Boat Detailing Pic Responsive Media Query --- */

 @media (max-width: 795px){
  .boat-detailing-pic {
	height: 440px;
    }
    }

 @media (max-width: 620px){
  .boat-detailing-pic {
	height: 340px;
    }
    }

 @media (max-width: 450px){
  .boat-detailing-pic {
	height: 222px;
    }
    }

 @media (max-width: 330px){
  .boat-detailing-pic {
	height: 178px;
    }
    }


/* --- Boat Pricing Item Section Responsive Media Query --- */

 @media (max-width: 660px){
  .boat-pricing-item-section {
	flex-direction: column;
    }
    }

 @media (max-width: 450px){
  .boat-pricing-item-section {
	padding: 30px 0px 64px 0px;
    }
    }


/* --- Boat Pricing Item Responsive Media Query --- */

 @media (max-width: 660px){
  .boat-pricing-item {
	margin: auto;
    }
    }


/* --- Boat Pricing Item Text Responsive Media Query --- */

 @media (max-width: 660px){
  .boat-pricing-item-text {
	margin-top: 8px;
    }
    }


/* ========= /Boat Detailing/ ========= */



/* ========= Paint Correction ========= */

 .paint-detailing-section {
   background: black;
   margin-top: -1px;
   }

 .paint-detailing-title {
   font-family: 'Roboto Condensed', sans-serif;
   padding: 55px 0px 12px 0px;
   font-weight: 700;
   font-size: 36px;
   color: white;
   }

 .paint-detailing-pic {
   background-image: url(../img/car-2176952_1920.jpg);
   background-repeat: no-repeat;
   background-position: center top;
   background-size: cover;
   margin-top: 33px;
   max-width: 823px;
   height: 499px;
   width: 100%;
   }

 .paint-quote {
   font-family: 'Roboto Condensed', sans-serif;
   padding: 22px 0px 60px 0px;
   font-weight: 400;
   font-size: 45px;
   color: white;	 
   }


/* --- Responsive Media Query --- */
/* --- Paint Detailing Section Responsive Media Query --- */

 @media (max-width: 1200px){
  .paint-detailing-section {
	padding: 0px 40px 0px 40px;
    }
    }

 @media (max-width: 380px){
  .paint-detailing-section {
	padding: 0px 25px 0px 25px;
    }
    }


/* --- Paint Pic Container Responsive Media Query --- */

 @media (max-width: 966px){
  .paint-pic-container {
	padding: 33px 40px 0px 33px;
    }
    }

 @media (max-width: 660px){
  .paint-pic-container {
	margin-top: 25px;
	padding: 0px;
    }
    }


/* --- Paint Detailing Pic Responsive Media Query --- */

 @media (max-width: 966px){
  .paint-detailing-pic {
	margin-top: 0px;
    }
    }

 @media (max-width: 660px){
  .paint-detailing-pic {
	height: 385px;
    }
    }

 @media (max-width: 450px){
  .paint-detailing-pic {
	height: 244px;
    }
    }

 @media (max-width: 380px){
  .paint-detailing-pic {
	height: 223px;
    }
    }

 @media (max-width: 380px){
  .paint-detailing-pic {
	height: 202px;
    }
    }


/* --- Paint Quote Responsive Media Query --- */

 @media (max-width: 450px){
  .paint-quote {
    font-size: 39px;
    }
    }

 @media (max-width: 380px){
  .paint-quote {
    font-size: 35px;
    }
    }

 @media (max-width: 330px){
  .paint-quote {
    font-size: 33px;
    }
    }


/* ========= /Paint Correction/ ========= */



/* ========= Ceramic Coating ========= */

 .ceramic-detailing-section {
   padding: 0px 40px 70px 40px;
   background: black;
   margin-top: -1px;
   }

 .ceramic-detailing-pic {
   background-image: url("../img/mclaren-4223024_1920.jpg");
   background-repeat: no-repeat;
   background-position: center;
   background-size: contain;
   margin-top: 33px;
   max-width: 860px;
   height: 365px;
   width: 100%;
   }

 .ceramic-detailing-discrption {
   font-family: var(--font-base, Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif);
   margin: 31px auto auto auto;
   line-height: 30px;
   max-width: 778px;
   font-size: 19px;
   }

 .ceramic-detailing-text {
   color: white;
   }

 .ceramic-details {
   margin: 7px auto 7px auto;
   max-width: 680px;
   color: white;
   }

 .ceramic-contact {
   color: white;
   }

 .ceramic-detailing-title {
   font-family: 'Roboto Condensed', sans-serif;
   padding: 55px 0px 12px 0px;
   font-weight: 700;
   font-size: 36px;
   color: white;
   }

 .ceramic-pricing-content {
   background: rgba(92, 92, 92, 0.20);
   justify-content: space-between;
   padding: 35px 13px 36px 13px;
   margin: 47px auto auto auto;
   border-radius: 56px;
   max-width: 650px;
   width: 100%;
   }

 .ceramic-pricing-title { 
   font-family: "Oswald", sans-serif;
   margin: 0px auto 24px auto;
   letter-spacing: 0px;
   text-align: center;
   line-height: 40px;
   font-size: 30px;
   color: white; 
   }

 .ceramic-pricing-item-area {
   font-family: "Oswald", sans-serif;
   justify-content: space-between;
   margin: 20px auto auto auto;
   letter-spacing: 0px;
   font-weight: 400;
   max-width: 462px;
   flex-wrap: wrap;
   display: flex;
   width: 100%;
   }

 .ceramic-pricing-column {
   justify-content: space-between;
   max-width: 616px;
   display: flex;
   margin: auto; 
   width: 100%; 
   }

 .ceramic-pricing-item {
   padding: 0px 5px 0px 5px;
   max-width: 305px;
   width: 100%;
   }

 .ceramic-pricing-item-title {
   background: conic-gradient(#f8a98d 0 5%, #b22625 0 14%, #841212 0 21.5%, #f8a98d 0 24%, #841212 0 28%, #f8a98d 0 31%, #b22625 0 33%, #841212 0 40%, #f8a98d 0 44%, #b22625 0 55%, #841212 0 63%, #f8a98d 0 66%, #f8a98d 0 70%, #841212 0 75%, #b22625 0 79%, #f8a98d 0 85%, #841212 0 90%, #b22625 0 100%, #841212 0 100%);
   text-shadow: -1px -1px 0 #f8a98d, 1px -1px 0 #f8a98d, -1px 1px 0 #f8a98d, 1px 1px 0 #f8a98d;
   font-family: "Oswald", sans-serif;
   padding: 5px 0px 2px 0px;
   letter-spacing: 0px;
   text-align: center;
   font-weight: 500;
   font-size: 26px;
   }

 .ceramic-pricing-item-text {
   margin-top: 13px;
   background: red;
   }

 .ceramic-pricing-item-text {
   background: linear-gradient(180deg,#b22625 12%, #921010 55%, #841212 92%);
   padding: 10px 11px 7px 11px;
   margin-top: 11px;
   }

 .ceramic-pricing-details {
   font-family: "Oswald", sans-serif;
   letter-spacing: 0px;
   font-weight: 400;	 
   }

 .ceramic-pricing-detail-item {
   text-indent: -28px;
   margin-bottom: 4px;
   margin-left: 28px;
   font-size: 17px;
   color: white;		 
   }

 .ceramic-pricing-detail-icon {
   margin-right: 11px;
   }

 .ceramic-pricing-area-title {
   font-family: "Oswald", sans-serif;
   margin: 30px auto 5px auto;
   text-align: center;
   font-size: 33px;
   color: yellow; 
   }

 .ceramic-detail-job-price {
   margin-right: 4px;
   font-size: 21px;
   color: yellow;
   float: left;
   }

 .ceramic-detail-job {
   float: right;
   font-size: 19px;
   color: white;
   }

 .ceramic-detail-pricing {
   width: 100%;
   }

 .car-condition {
   font-size: 21px;
   color: yellow;	 
   text-align: center;
   }

 .ceramic-condition {
   margin-bottom: 10px; 
   margin-right: 4px;
   font-size: 21px;
   color: yellow;
   }


/* --- Responsive Media Query --- */
/* --- Ceramic Detailing Pic Responsive Media Query --- */

 @media (max-width: 878px){
  .ceramic-detailing-pic {
	height: 344px;  
    }
    }

 @media (max-width: 836px){
  .ceramic-detailing-pic {
	height: 328px;  
    }
    }

 @media (max-width: 794px){
  .ceramic-detailing-pic {
	height: 310px;  
    }
    }

 @media (max-width: 750px){
  .ceramic-detailing-pic {
	height: 293px;  
    }
    }

 @media (max-width: 715px){
  .ceramic-detailing-pic {
	height: 277px;  
    }
    }

 @media (max-width: 677px){
  .ceramic-detailing-pic {
	height: 261px;  
    }
    }

 @media (max-width: 643px){
  .ceramic-detailing-pic {
	height: 246px;  
    }
    }

 @media (max-width: 608px){
  .ceramic-detailing-pic {
	height: 229px;  
    }
    }

 @media (max-width: 567px){
  .ceramic-detailing-pic {
	height: 213px;  
    }
    }

 @media (max-width: 530px){
  .ceramic-detailing-pic {
	height: 197px;  
    }
    }

 @media (max-width: 510px){
  .ceramic-detailing-pic {
	height: 189px;  
    }
    }

 @media (max-width: 450px){
  .ceramic-detailing-pic {
    height: 159px;
    }
    }

 @media (max-width: 380px){
  .ceramic-detailing-pic {
    height: 141px;
    }
    }

 @media (max-width: 330px){
  .ceramic-detailing-pic {
    height: 119px;
    }
    }


/* --- Ceramic Details Responsive Media Query --- */

 @media (max-width: 843px){
  .ceramic-details {
    padding-left: 31px;	 
	}
    }

 @media (max-width: 380px){
  .ceramic-details {
    padding-left: 27px;	 
    }
    }


/* --- Ceramic Detailing Discrption Responsive Media Query --- */

 @media (max-width: 450px){
  .ceramic-detailing-discrption {
    margin: 31px auto auto auto;
    line-height: 30px;
    max-width: 355px;
    font-size: 17px;
    }
    }

 @media (max-width: 380px){
  .ceramic-detailing-discrption {
    font-size: 16px;
	}
    }

 @media (max-width: 330px){
  .ceramic-detailing-discrption {
	max-width: 297px;
    font-size: 15px;
    }
    }


/* --- Ceramic Detailing Section Responsive Media Query --- */

 @media (max-width: 450px){
  .ceramic-detailing-section {
    padding: 0px 25px 70px 25px;
    }
    }


/* --- Ceramic Pricing Content Responsive Media Query --- */

 @media (max-width: 450px){
  .ceramic-pricing-content {
    margin: 34px auto auto auto;
    }
    }

 @media (max-width: 450px){
  .ceramic-pricing-content {
    padding: 29px 13px 29px 13px;
    border-radius: 41px;
    max-width: 346px;
    }
    }


/* --- Ceramic Pricing Detail Item Responsive Media Query --- */

 @media (max-width: 720px){
  .ceramic-pricing-detail-item {
    font-size: 15.8px;
    }
    }


/* --- Ceramic Pricing Column Responsive Media Query --- */

 @media (max-width: 650px){
  .ceramic-pricing-column {
    flex-direction: column;
    max-width: 307px;	
	}
	
  .lp1 {
	margin-top: 35px;
	}	
    }


/* --- Ceramic Pricing Item Text Responsive Media Query --- */

 @media (max-width: 650px){
  .ceramic-pricing-item-text {
    margin-top: 8.3px;
    }
    }


/* --- Ceramic Pricing Title Responsive Media Query --- */

 @media (max-width: 450px){
  .ceramic-pricing-title {
    line-height: 34px;
    font-size: 28px;
    }
    }

 @media (max-width: 380px){
  .ceramic-pricing-title {
    line-height: 34px;
    font-size: 28px;
    }
    }


/* --- Ceramic Pricing Item Area Responsive Media Query --- */

 @media (max-width: 650px){
  .ceramic-pricing-item-area {
    margin: 24px auto auto auto;	
    }
    }

 @media (max-width: 450px){
  .ceramic-pricing-item-area {
    max-width: 301px;
    }
    }

 @media (max-width: 380px){
  .ceramic-pricing-item-area {
    max-width: 285px;
    }
    }

 @media (max-width: 330px){
  .ceramic-pricing-item-area {
	text-align: center;
	max-width: 285px;
    }
    }


/* --- Ceramic Detail Pricing Responsive Media Query --- */

 @media (max-width: 560px){
  .ceramic-detail-pricing {
	flex-direction: column;
    display: flex; 
    }
    }

 @media (max-width: 450px){
  .ceramic-detail-pricing span {
    display: block;
    }
    }

 @media (max-width: 330px){
  .sdp {
    margin-top: 10px;
    }
    }


/* --- Ceramic Detail Job Price Responsive Media Query --- */

 @media (max-width: 560px){
  .ceramic-detail-job-price {
    text-align: center;
    }
	
  .ceramic-detail-job {
    text-align: center;
	}
    }

 @media (max-width: 450px){
  .ceramic-detail-job-price {
    font-size: 18px;
    text-indent: 0px;
    margin-left: 0px;	 
    }
	
  .ceramic-condition {
    font-size: 17.5px;
    text-indent: 0px;
    margin-left: 0px;	 
    }	 
	 
  .ceramic-detail-job {
    font-size: 17px;	
	}
    }

 @media (max-width: 380px){
  .ceramic-detail-job-price {
    font-size: 17px;
    }
	
  .ceramic-detail-job {
    font-size: 16px;	
	}
    }

 @media (max-width: 330px){
  .ceramic-detail-job-price {
	margin-bottom: 10px;  
	max-width: 245px;  
    float: none;
    }
	
  .ceramic-detail-job {
    float: none;
	}
    }


/* ========= /Ceramic Coating/ ========= */



/* ========= About Us ========= */

 .about-content {
   background: black;
   margin-top: -1px; 
   }

 .about-title {
   font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; 
   text-align: center;
   font-size: 18.5px;
   font-weight: 600;
   max-width: 454px;
   margin: auto;
   }
  	    
 .about-description-title {
   margin-left: 35%; 
   font-weight: 700;
   margin-top: 8px;
   font-size: 42px;
   }  
   
 .about-picture {
   background-image: url("../img/Logo.png");
   background-repeat: no-repeat;
   background-clip: content-box;
   background-position: center;
   background-size: contain;
   }  

 .about-section-check {
   margin: -6px 0px 0px 10px;
   line-height: 28px;
   text-indent: 0px;
   max-width: 474px;
   font-weight: 500; 
   font-size: 19px;
   }
   
 .section-detail {
   line-height: 28px;
   padding-top: 10px;
   max-width: 474px;
   font-weight: 500;
   font-size: 18px;
   width: 100%;
   }		  
		  
 .about-section-details {
   font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; 
   padding: 20px 17px 43px 17px;
   flex-direction: row;
   line-height: 20px;
   max-width: 951px;
   display: flex;
   color: white; 
   margin: auto;
   } 
  
 .section-detail-title {
   font-family: 'Roboto Condensed', sans-serif;
   margin-bottom: 0px;
   font-weight: 600;
   margin-top: -5px;
   font-size: 23px;
   }

 .section-detail-p {
   margin: 0px 36px 0px 36px;
   line-height: 28px;
   padding-top: 10px;
   max-width: 474px;
   font-weight: 500;
   font-size: 18px;	 
   } 
   
 .check-width {
   margin-top: 17px;
   }
 
 .about-check {
   margin-top: 7px;
   height: 21px;
   }


 @media (min-height: 1000px){
  .about-description {
    max-width: 1639px;	 
    font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    padding: 35px 40px 33px 40px;
    margin-bottom: 12.5px;
    line-height: 31px;
    font-size: 20px;
    line-height: 1.5;
    margin: auto;
    color: white;	  
	}
	 
  .about-description-title {
	margin-left: 30%;
    font-weight: 700;
    margin-top: 8px;
    font-size: 38px;
    }  
   	 	
  .about-call {
    font-family: 'Roboto Condensed', sans-serif;
    margin-top: 26px;
    font-weight: 600;
    font-size: 26px;
    color: #f90529;
    }	 
	 
  .contact-via-phone {
    font-weight: 600;
    margin-top: 22px;
    }	 
	 
  .about-picture {
    margin: -90px 36px auto 0px;
    max-width: 501px;
    height: 763px;		  
    padding: 7px;
    float: left;
    width: 100%;
    }	
    }

 @media (max-height: 1000px){
  .about-description-title {
	margin-left: 30%;
    font-weight: 700;
    margin-top: 8px;
    font-size: 38px;
    }  
   	 
  .about-description {
    font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    padding: 35px 40px 33px 40px;
    margin-bottom: 12.5px;
    line-height: 31px;
    font-size: 20px;
    max-width: 1553px;
    line-height: 1.5;
    margin: auto;
    color: white;
    }	 
	 
  .about-call {
    font-family: 'Roboto Condensed', sans-serif;
    margin-top: 26px;
    font-weight: 600;
    font-size: 26px;
    color: #f90529;
    }	 
	 
  .contact-via-phone {
    font-weight: 600;
    margin-top: 22px;
    }	 
	 
  .about-picture {
    margin: -90px 36px auto 0px;
    max-width: 410px;
    height: 761px;
    padding: 7px;
    float: left;
    width: 100%;
    }	 	
    }


/* --- Responsive Media Query --- */  
/* --- About Picture Responsive Media Query --- */
   
 @media (max-width: 1415px){
  .about-picture {
    height: 841px;	
	}	
    }

 @media (max-width: 1270px){
  .about-picture {
    height: 890px;	
	}	
    }

 @media (max-width: 1140px){
  .about-picture {
    height: 962px;	
	}	
    }

 @media (max-width: 1078px){
  .about-picture {
    height: 1022px;	
	}	
    }

 @media (max-width: 1030px){
  .about-picture {
    margin: -248px 36px auto 0px;
    height: 1210px;
    }
    }

 @media (max-width: 990px){
  .about-picture {
    height: 1240px;
    }
    }

 @media (max-width: 980px){
  .about-picture {
    margin: 84px 36px auto 0px;
    height: 396px;
    }
    }

 @media (max-width: 950px){
  .about-picture {
    margin: 64px 36px auto 0px;
    max-width: 380px;
    height: 285px;
    }
    }

 @media (max-width: 837px){
  .about-picture {
    margin: 30px 36px auto 0px;
    max-width: 326px;
    height: 250px;
    }
    }

 @media (max-width: 743px){
  .about-picture {
    margin: 46px 36px auto 0px;
    max-width: 300px;
    height: 235px;
    }
    }

 @media (max-width: 695px){
  .about-picture {
    margin: 46px 15px auto 0px;
    max-width: 286px;
    height: 225px;
    }
    }

 @media (max-width: 660px){
  .about-picture {
    margin: 46px 15px auto 0px;
    max-width: 612px;
    height: 388px;
    }
    }

 @media (max-width: 450px){
  .about-picture {
    margin: 0px 15px auto 0px;
    max-width: 612px;
    height: 257px;
    }
    }

 @media (max-width: 380px){
  .about-picture {
    height: 240px;
    }
    }

 @media (max-width: 330px){
  .about-picture {
    height: 186px;
    }
    }


/* --- About Description Title Responsive Media Query --- */
   
 @media (max-width: 980px){
  .about-description-title {
    margin-left: 51%;
	}
    }

 @media (max-width: 717px){
  .about-description-title {
   font-size: 32px !important;
	}
    }

 @media (max-width: 660px){
  .about-description-title {
    margin-left: 0px;
    }
    }

 @media (max-width: 450px){
  .about-description-title {
	font-size: 29px !important;
    margin-top: 262px;
	width: 100%;
    }
    }

 @media (max-width: 380px){
  .about-description-title {
    margin-top: 246px;
    }
    }

 @media (max-width: 330px){
  .about-description-title {
    margin-top: 202px;
	font-size: 24px !important;
    }
    }


/* --- About Description Responsive Media Query --- */
   
 @media (max-width: 380px){
  .about-description {
	padding: 35px 25px 33px 25px;  
    font-size: 16px !important;	
	}
    }

 @media (max-width: 330px){
  .about-description {
    font-size: 15.5px !important;	
	}
    }


/* --- About Call Responsive Media Query --- */
   
 @media (max-width: 380px){
  .about-call {
    font-size: 22px;
    }
    }

 @media (max-width: 330px){
  .about-call {
    font-size: 18px;
    }
    }    


/* --- Section Detail Responsive Media Query --- */
   
 @media (max-width: 929px){
  .section-detail-p {
    font-size: 16.5px;
    }
	
  .section-detail {
    font-size: 16.5px;
    }
    }

 @media (max-width: 750px){
  .section-detail-p {
    font-size: 15.7px;
    }
	
  .section-detail {
    font-size: 15.7px;
    }
    }
	  
 @media (max-width: 660px){
  .section-detail-p {
    font-size: 16px;
    }
	
  .section-detail {
    font-size: 16px;
    }
    }
	  

/* --- About Section Check Responsive Media Query --- */
   
 @media (max-width: 1048px){
  .about-section-check {
    font-size: 14.5px;
    }
    }
    
 @media (max-width: 631px){
  .about-section-check {
    font-size: 15px;
    }
    }
 
 @media (max-width: 660px){
  .about-section-check {
    font-size: 18px;
    }
    }
  
 @media (max-width: 672px){
  .section-detail-p {
    margin: 0px 16px 0px 16px;
    } 
    }
 
 @media (max-width: 1090px){
  .about-section-details {
    max-width: 853px;
    } 
    }

 @media (max-width: 946px){
  .about-section-details {
    max-width: 761px;
    } 
    }

 @media (max-width: 450px){
  .about-section-details {
	padding: 26px 17px 52px 17px; 
    } 
    }

 @media (max-width: 865px){
  .about-section-details {
    max-width: 706px;
    } 
	 
  .section-detail {
    max-width: 224px;
    line-height: 1.5;
    }	
	
  .section-detail-p {
    max-width: 224px;
    line-height: 1.5;
    }	
    }

 @media (max-width: 776px){
  .about-section-details {
    max-width: 648px;
    } 
	 
  .section-detail {
    max-width: 183px;
    }	
	
  .section-detail-p {
    max-width: 183px;
    }
    }

 @media (max-width: 713px){
  .about-section-details {
    max-width: 567px;
    } 
	 
  .section-detail {
    max-width: 162px;
    }	
	
  .section-detail-p {
    max-width: 162px;
    }	
    }

 @media (max-width: 665px){
  .about-section-details {
    max-width: 1008px;
    }	
	
  .section-detail {
    max-width: 800px;
    }	
	
  .section-detail-p {
    max-width: 800px;
    }
    }
  
 @media (max-width: 665px){
  .about-section-details {
    max-width: 493px;
    flex-direction: column;
    } 
   
  .section-detail-p {
    margin: 26px 0px 26px 0px;
    }    
    }
  
 @media (max-width: 330px){
  .about-section-details {
    max-width: 292px !important;
    } 
    }

 @media (max-width: 562px){
  .about-section-details {
    max-width: 355px;
    padding: 26px 17px 43px 17px;
    } 
   
  .section-detail-p {
    margin: 26px 0px 26px 0px;
    }    
    }


/* ========= /About Us/ ========= */



/* ========= Contact Us ========= */

 .contact-section {
   background: black;
   margin-top: -1px;
   } 

 .contact-area {
   font-family: 'Roboto', sans-serif;
   justify-content: space-between;
   padding: 32px 10px 0px 10px;
   flex-direction: row;
   max-width: 652px;
   display: flex;	
   margin: auto;
   width: 100%;
   }

 .contact-box-1 {
   max-width: 300px;
   width: 100%;
   background: #eee;
   height: 182px;
   margin-bottom: 20px;
   padding: 21px 7px 31px 7px;
   font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
   color: black;
   } 
  
 .contact-box-2 {
   max-width: 300px;
   width: 100%;
   background: #eee;
   height: 182px;
   padding: 21px 7px 31px 7px;
   font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
   color: black;
   } 
  
 .contact-box-3 {
   max-width: 300px;
   margin-left: 8px;
   width: 100%;
   background: #eee;
   height: 182px;
   padding: 21px 7px 31px 7px;
   font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
   color: black;
   } 
  
 .contact-title {
   margin-bottom: 8px;
   font-weight: 700;
   font-size: 23px;
   color: black;
   }  
	
 .days-closed {
   text-align: center;
   background: black;
   max-width: 407px;
   margin-top: 14px;
   font-weight: 300;
   font-size: 21px;
   color: white;
   width: 100%;	
   }

 .contact-section-width {
   padding: 41px 40px 63px 40px;
   overflow-x: hidden;
   max-width: 1325px;
   display: flex;
   margin: auto;
   }	
   
 .contact-column-1 {
   width: 100%;
   }

 .contact-column-2 {
   width: 100%;
   }

 .contact-center {
   margin-bottom: -50px;
   position: relative;
   margin-top: 40px; 
   z-index: 90px;
   }	
	
 .directions {
   font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; 
   padding: 30px 20px 0px 20px;
   margin-bottom: -60px;
   text-align: center;
   font-weight: 600;
   margin: auto;
   } 

 .form-area {
   font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; 
   justify-content: space-between;
   margin: -13px auto auto auto;
   padding: 43px 10px 0px 10px;
   max-width: 485px;
   color: white; 
   width: 100%;	
   }   
   
 .form-title {
   font-family: 'Roboto Condensed', sans-serif;
   font-weight: 500;	 
   font-size: 19px;
   }  
    
 .form-title-2 {
   font-family: 'Roboto Condensed', sans-serif;
   font-weight: 500;	 
   font-size: 19px;
   }  
      
 .form-bar {
   border: 1px solid black;
   border-radius: 5px;
   max-width: 293px;
   height: 30px;
   float: right;
   width: 100%;   
   }  
      
 .form-bar-2 {
   border: 1px solid black;
   margin-right: -22.5px;
   border-radius: 5px;
   max-width: 293px;
   height: 80px;
   float: right;
   width: 100%;	 
   }  
     
 .form-spacing {
   margin-top: 30px;
   }

 .form-button {
   padding: 10px 10px 10px 10px; 
   max-width: 400px;
   width: 100%;
   }

 .form-button {
   font-family: 'Roboto Condensed', sans-serif;
   padding: 10px 10px 10px 10px;
   border: 1px solid black;
   background: #c12732;
   border-radius: 5px;
   max-width: 127px;
   font-size: 19px;	
   cursor: pointer;
   color: white;
   width: 100%;
   }

 .form-description-section {
   justify-content: space-between;
   margin-left: -23px;
   max-width: 750px;
   display: flex;
   width: 100%;	 
   }   
   
 .operation-hours {
   padding: 5px 10px 10px 10px;
   border: 1px solid black;
   background: #eeeeee;
   max-width: 302px;
   margin: 20px auto auto 8px;
   width: 100%;
   } 
  
 .operation-hours-title {
   margin-bottom: 12px;
   font-weight: bolder;
   margin-left: -13px;
   margin-top: 12px;
   font-size: 23px;
   } 
  
 .operation-hours-width {
   flex-direction: row;
   max-width: 255px;
   margin: auto;	
   width: 100%;
   color: black;
   } 

  .operation-hours-column {
    margin-top: 10px;
    display: flex;
    }

  .lines {
    padding: 0px 14px 0px 14px;
    } 

  .ohd {
    margin-right: 21px;
    }

  .ohd-2 {
    margin-right: 17px;
    }


  .ohd-3 {
    margin-right: 41px;
    }


  .ohd-4 {
    margin-right: 22px;
    }

  .contact-line {
    background-color: #0a0a0a;
    margin-top: 9px;
    margin: auto;
    width: 60px;
    height: 1px;
    }  
  
  
 @media (max-width: 1088px){
  .directions {
    margin: auto;
    font-weight: 600;
    text-align: center;
    margin-bottom: 17px;
    padding: 30px 20px 0px 20px;
    font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; 
    } 
    }
    

/* --- Contact Content Responsive Media Query --- */
	
 @media (max-width: 1195px){
  .contact-area {
    max-width: 540px !important;
    }	
    }
		
 @media (max-width: 1075px){
  .contact-area {
    max-width: 463px !important;
    }	
    }
		
 @media (max-width: 380px){
  .contact-area {
    margin-left: 4px;
    }	
    }
				
 @media (max-width: 330px){
  .contact-area {
    max-width: 320px;
    padding: 10px 10px 50px 0px;
    margin-left: 0px;
    } 
    }
   
 @media (max-width: 865px){
  .contact-area {
    padding: 0px 10px 62px 10px;
    flex-direction: column;
    } 
    }

 @media (max-width: 660px){
  .contact-area {
    max-width: 293px !important;
    }	
    }

 @media all and (max-width: 755px) and (min-width: 661px) {
  .contact-area {
    padding: 9px 0px 62px 16px;
    flex-direction: column;	  
    max-width: 255px !important;
    } 
    }
   
 @media all and (max-width: 865px) and (min-width: 756px) {
  .contact-area {
    padding: 4px 0px 70px 0px;
    flex-direction: column;	 
    max-width: 265px !important;
    margin-right: -3px;	  
	width: 100%;
    margin: auto;
    }
    }

 @media all and (max-width: 943px) and (min-width: 866px) {
  .contact-area {
    max-width: 440px !important;	
	}
    }

 @media (max-width: 450px){
  .contact-area {
    margin: 33px auto auto auto !important;
	max-width: 260px !important;
    }
    }


/* --- Contact Column Responsive Media Query --- */

 @media (max-width: 865px){
  .contact-column-1 {
    max-width: 378px !important;
    margin-left: 0px;
    margin-top: 25px;
    } 

  .contact-column-2 {
    margin-left: 0px;
    max-width: 279px !important;	
    } 
    } 

 @media (max-width: 450px){
  .contact-column-1 {
    max-width: 283px !important;
    margin-top: 8px;
    margin: auto;
    } 

  .contact-column-2 {
    margin-left: 0px;
    } 
    } 


/* --- Hours Of Opperation Responsive Media Query --- */

 @media (max-width: 1195px){
  .operation-hours-days {
    font-size: 15.3px;
    }

  .daily-open-hours {
    font-size: 15.3px;
	}
	}

 @media (max-width: 660px){
  .operation-hours-days {
    font-size: 16px;
    }    

  .daily-open-hours {
    font-size: 16px;
	}
	}

 @media (max-width: 1130px){
  .contact-line {
    width: 53px;
    }   
	
  .operation-hours-days {
    font-size: 15px;
    }	
	
  .daily-open-hours {
    font-size: 15px;
    }	
	
  .operation-hours-title {
    margin-left: 0px;	
	}
	
  .contact-area {
    max-width: 530px;	
	}
    }

 @media (max-width: 1075px){
  .operation-hours {
    max-width: 215px !important;
    }	
	
  .operation-hours-title {
    font-size: 19px !important;
    }	
	
  .contact-line {
    width: 30px !important;
    }   
	
  .operation-hours-days {
    font-size: 14px;
    }	
	
  .daily-open-hours {
    font-size: 14px;
    }	
	
  .operation-hours-title {
    margin-left: 0px;	
	}
    }

 @media (max-width: 755px){
  .contact-line {
    width: 31px !important;
    }   
    }

 @media (max-width: 450px){
  .contact-line {
    width: 33px !important;
    }   
    }

 @media (max-width: 330px){
  .contact-line {
    width: 28px !important;
    }   
    }

 @media all and (max-width: 660px) and (min-width: 451px) {
  .contact-line {
    width: 50px !important;
    }   
	
  .operation-hours-width {
    max-width: 238px;	
    }
    }

 @media all and (max-width: 865px) and (min-width: 756px) {
  .contact-line {
    width: 55px !important;
    }   
    }

 @media (max-width: 865px){
  .operation-hours-days {
    font-size: 15px;
    }	
	
  .daily-open-hours {
    font-size: 15px;
    }	
    }

 @media (max-width: 330px){
  .operation-hours-days {
    font-size: 14.5px;
    }	
	
  .daily-open-hours {
    font-size: 14.5px;
    }	
    }

 @media (max-width: 796px){
  .operation-hours {
    max-width: 253px !important;
    }   
    }

 @media (max-width: 865px){
  .operation-hours {
    max-width: 391px !important;
    margin: auto;
    }
    }

 @media (max-width: 1075px){
  .operation-hours-width {
    font-size: 14.6px;
    }
    }

 @media (max-width: 1075px){
  .operation-hours-width {
    font-size: 14.6px;
    }
   
  .operation-hours {
    max-width: 231px;
    }
   
  .contact-line-1 {
    margin: auto;
    margin-top: 8px;
    width: 45px;
    height: 1px;
    background-color: #0a0a0a;
    }  
  
  .contact-line-2 {
    margin: auto;
    margin-top: 26px;
    width: 45px;
    height: 1px;
    background-color: #0a0a0a;
    }  
  
  .contact-line-3 {
    margin: auto;
    margin-top: 26px;
    width: 45px;
    height: 1px;
    background-color: #0a0a0a;
   }  
  
  .contact-line-4 {
    margin: auto;
    margin-top: 26px;
    width: 45px;
    height: 1px;
    background-color: #0a0a0a;
   }  
  
  .contact-line-5 {
    margin: auto;
    margin-top: 26px;
    width: 45px;
    height: 1px;
    background-color: #0a0a0a;
   }  
  
  .contact-line-6 {
    margin: auto;
    margin-top: 26px;
    width: 45px;
    height: 1px;
    background-color: #0a0a0a;
   }  
  
  .contact-line-7 {
    margin: auto;
    margin-top: 26px;
    width: 45px;
    height: 1px;
    background-color: #0a0a0a;
    }  
    }
  
 @media (max-width: 1075px){
  .contact-line {
    width: 39px;
    }
	
  .operation-hours-title {
    font-size: 21px;	
    }
	
  .contact-column-1 {
    max-width: 216px;
    width: 100%;
    }	
	
  .contact-column-2 {
    max-width: 237px;
    width: 100%;
    }	
    }

 @media (max-width: 660px){
  .operation-hours-title {
    font-size: 21px;	
    }
    }

 @media (max-width: 1075px){
  .contact-column-1 {
    max-width: 200px;
    width: 100%;
    }	
	
  .contact-column-2 {
    max-width: 237px;
    width: 100%;
    }	
    }

 @media (max-width: 450px){
  .operation-hours {
    max-width: 390px !important;
	margin: auto;  
    }
    }

 @media (max-width: 380px){
  .operation-hours {
    max-width: 286px !important;
    }
    }

 @media (max-width: 330px){
  .operation-hours {
    max-width: 205px !important;
	margin-left: 0px;  
    }
    }

 @media (max-width: 330px){
  .operation-hours-width {
   margin: auto;
   color: black;
   width: 204px !important;
   } 

  .operation-hours {
    max-width: 245px !important;
    }
    }


/* --- Contact Section Responsive Media Query --- */

 @media (max-width: 420px){
  .contact-section {
   padding: 23px 20px 0px 20px;
   overflow-x: hidden;
   }	
   }		
   
 @media (max-width: 865px){
  .contact-section {
   display: flex;
   flex-direction: column;
   }	
   }
	

/* --- Contact Box Responsive Media Query --- */ 

 @media (max-width: 863px){
  .contact-section-width {
	justify-content: space-between;
    max-width: 815px; 
	width: 100%;
	}
    }

 @media (max-width: 660px){
  .contact-section-width {
	flex-direction: column;
	}
    }

 @media (max-width: 450px){
  .contact-section-width {
	padding: 41px 25px 7px 25px;
	}
	
  .contact-section {
	padding: 0px;
	}
    }


/* --- Contact Box Responsive Media Query --- */ 

 @media (max-width: 1195px){
  .contact-box-1 {
    max-width: 251px;
    height: 176px;
    } 
  
  .contact-box-2 {
    max-width: 251px;
    height: 197px;
    } 
  
  .mail-contact-us {
    word-break: break-word;
    max-width: 172px;
    width: 100%; 
    }
	
  .contact-box-3 {
    max-width: 251px;
    height: 174px;
    } 
    }

 @media (max-width: 1075px){
  .contact-box-1 {
    max-width: 216px;
    height: 176px;
    } 
  
  .contact-box-2 {
    max-width: 216px;
    height: 197px;
    } 
  
  .contact-box-3 {
    max-width: 216px;
    height: 174px;
    } 
    }

 @media (max-width: 1040px){
  .contact-box-1 {
    max-width: 215px;
    height: 176px;
    } 
  
  .contact-box-2 {
    max-width: 215px;
    height: 197px;
    } 
  
  .contact-box-3 {
    max-width: 215px;
    height: 174px;
    } 
    }

 @media (max-width: 943px){
  .contact-box-1 {
    max-width: 195px;
    height: 176px;
    } 
  
  .contact-box-2 {
    max-width: 195px;
    height: 176px;
    } 
  
  .contact-box-3 {
    max-width: 195px;
    height: 176px;
    } 
    }

 @media (max-width: 865px){
  .contact-box-1 {
    max-width: 282px;
    height: 176px;
    } 
  
  .contact-box-2 {
    max-width: 282px;
    height: 176px;
    } 
    }

 @media (max-width: 790px){
  .contact-box-1 {
    max-width: 240px;
    height: 176px;
    } 
  
  .contact-box-2 {
    max-width: 240px;
    height: 176px;
    } 
  
  .contact-box-3 {
    margin-top: 20px; 
    max-width: 240px;
    height: 176px;
    } 
    }

 @media (max-width: 745px){
  .contact-box-1 {
    max-width: 203px;
    height: 176px;
    } 
  
  .contact-box-2 {
    margin: 20px auto auto auto;
    max-width: 203px;
    height: 176px;
    } 
  
  .contact-box-3 {
    margin: 20px auto auto auto;
    max-width: 203px;
    height: 176px;
    } 
    }

 @media (max-width: 865px){
  .contact-box-1 {
    max-width: 90vw !important;
    height: 176px;
    margin-right: auto;
    } 
  
  .contact-box-2 {
    max-width: 90vw !important;
    height: 197px;
    } 
  
  .mail-contact-us {
    max-width: 260px;
    }
	
  .contact-box-3 {
    margin-left: 0px; 
    max-width: 90vw !important;
    height: 174px !important;
    margin-bottom: 22px;
    margin-top: 20px;
    } 
    }
		
 @media (max-width: 450px){
  .contact-box-1 {
    max-width: 290px !important;
    } 
   
  .contact-box-2 {
    max-width: 290px !important;
    height: 197px;
    } 
   
  .contact-box-3 {
    max-width: 290px !important;
    } 
    }
	
 @media (max-width: 330px){
  .contact-box-1 {
    max-width: 240px !important;
    } 
   
  .contact-box-2 {
    max-width: 240px !important;
    } 
   
  .contact-box-3 {
    max-width: 240px !important;
    } 
	
  .mail-contact-us {
    max-width: 177px;
    }	
    }
	
	
/* --- Form Responsive Media Query --- */ 

 @media (max-width: 450px){
  .form-area {
    margin: 24px auto;
    max-width: 1170px;
    padding: 8px 10px 0px 10px;
    }   
    }
		 
 @media (max-width: 1135px){
  .form-area {
    max-width: 422px;	
    }
	
  .form-bar {
    max-width: 220px;
    }  
	
  .form-bar-2 {
    max-width: 250px;	
    }
    }
		
 @media (max-width: 1000px){
  .form-area {
    max-width: 372px;	
    }
	
  .form-bar {
    max-width: 183px;
    }  
	
  .form-bar-2 {
    max-width: 210px;	
    }
    }
			
 @media (max-width: 943px){
  .form-area {
    max-width: 338px;	
    width: 100%;
    }
	
  .form-bar {
    max-width: 140px;
    }  
	
  .form-bar-2 {
    max-width: 166px;	
	}
    }
		
 @media (max-width: 725px){
  .form-area {
    max-width: 290px;	
    width: 100%;
    }
	
  .form-bar {
    max-width: 110px;
    }  
	
  .form-bar-2 {
    max-width: 136px;	
    }
    }
		
 @media (max-width: 660px){
  .form-area {
    max-width: 362px;	
    width: 100%;
    }
	
  .form-bar {
    max-width: 151px;
    }  
	
  .form-bar-2 {
    max-width: 175px;	
    }
    }
	
 @media (max-width: 450px){
  .form-area {
    max-width: 328px;	
    width: 100%;
    }
	
  .form-bar {
    max-width: 120px;
    }  
	
  .form-bar-2 {
    max-width: 150px;	
	}
    }

 @media (max-width: 330px){
  .form-bar-2 {
    max-width: 125px;	
	}
    }

 @media (max-width: 330px){
  .form-bar {
    max-width: 102px;
    }  
    }
		

/* --- Form Responsive Media Query --- */ 

 @media (max-width: 725px){
  .form-title {
    font-size: 17px;
    } 
    }
		 
 @media (max-width: 450px){
  .form-title {
    font-size: 16px;
    } 
	
  .form-title-2 {
	margin-right: 8px;
    font-size: 16px;
    } 
    }

 @media (max-width: 330px){
  .form-title-2 {
	margin-right: -32px;
	margin-top: -14px;  
    } 
    }

 @media all and (max-width: 3840px) and (min-width: 651px) {
_:-ms-lang(x), .ie10up, .form-area { 
   margin-top: 80px;
   }
   }
	

/* ========= /Contact Us/ ========= */