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

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

 .page-banner {
   background-image: url("../img/Page Banner.png");
   background-repeat: no-repeat;
   background-position: center;
   background-color: #000;
   background-size: cover;	
   margin-top: -1px;
   height: 280px;
   } 
   

 @media screen and (max-width: 450px) {
  .page-banner {
    background-position: left;
	height: 220px;
    }
    }

 @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: 15px;	  
    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: 1194px;
   display: flex;
   margin: auto;	 
   color: white;
   }

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

 .top-header-item-right {
	 
   }
   
 .top-header-item-left {
	 
   }

 .header-phone-button { 
   background: linear-gradient(180deg,#ef6564 8%, #db4948 25%, #DF302F 56%, #df302f 75%, #b12726 88%, #932020 93%);
   text-shadow: -1px -1px 0 #581212, 1px -1px 0 #581212, -1px 1px 0 #581212, 1px 1px 0 #581212, -1px -1px 0 #581212, 1px -1px 0 #581212, -1px 1px 0 #581212, 1px 1px 0 #581212;
   font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
   box-shadow: 0px 0px 5px rgb(0 0 0 / 63%), 0px 0px 15px rgb(0 0 0 / 60%), 0px 0px;
   padding: 10px 15px 35px 15px;
   border: 1px solid #5c1312;
   filter: brightness(100%);
   text-decoration: none;
   font-weight: 600 !important;
   border-radius: 23px;
   margin-right: 0px;
   max-width: 193px;
   margin-top: -11px;
   font-size: 17px;
   color: white;
   height: 43px;
   width: 100%;
   }	
   
 .header-phone-button-2 { 
   font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
   background: linear-gradient(180deg,#ef6564 8%, #db4948 25%, #DF302F 56%, #df302f 75%, #b12726 88%, #932020 93%);
   text-shadow: -1px -1px 0 #581212, 1px -1px 0 #581212, -1px 1px 0 #581212, 1px 1px 0 #581212, -1px -1px 0 #581212, 1px -1px 0 #581212, -1px 1px 0 #581212, 1px 1px 0 #581212;
   box-shadow: 0px 0px 5px rgb(0 0 0 / 63%), 0px 0px 15px rgb(0 0 0 / 60%), 0px 0px;
   padding: 10px 15px 35px 15px;
   filter: brightness(100%);
   text-decoration: none;
   font-weight: 600 !important;
   border-radius: 23px;
   margin-right: 15px;
   max-width: 197px;
   margin-top: 23px;
   font-size: 17px;
   color: white;
   height: 43px;
   width: 100%;
   }	
   
 .facebook-link {
   background-image: url("../img/facebook.png");
   background-repeat: no-repeat;
   background-position: center;
   background-size: contain;
   margin-top: 14px;
   max-width: 61px;
   height: 54px;
   width: 100%;
   }

 .top-header-contact-button {
   text-shadow: -1px -1px 0 #111c36, 1px -1px 0 #111c36, -1px 1px 0 #111c36, 1px 1px 0 #111c36, -1px -1px 0 #111c36, 1px -1px 0 #111c36, -1px 1px 0 #111c36, 1px 1px 0 #111c36;
   box-shadow: 0px 0px  16px black,  0px 0px;
   font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; 
   background: linear-gradient(180deg,#fbe783 7%,#f5d34a 17%,#cdae32 38%,#cd8832 61%,#b95521 97%, #c73b1b 95%);
   padding: 13px 17px 17px 17px;
   border: 1px solid #361e11;
   filter:brightness(107%);
   text-decoration: none;
   border-radius: 20px;
   font-weight: 700;
   margin-top: 10px;
   font-size: 20px;
   height: 59px;   
   color: white;
   }

 .top-header-contact-button-2 {
   text-shadow: -1px -1px 0 #111c36, 1px -1px 0 #111c36, -1px 1px 0 #111c36, 1px 1px 0 #111c36, -1px -1px 0 #111c36, 1px -1px 0 #111c36, -1px 1px 0 #111c36, 1px 1px 0 #111c36;
   background: linear-gradient(180deg,#ff904b 0%,#fca848 24.67932560354002%,#fc950f 44.037416680669914%,#ff7a14 65.5464067663698%,#d94c00 86.69691368397469%,#af3d00 100%);	 
   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: 13px 17px 17px 17px;
   border: 1px solid #111c36;
   filter:brightness(107%);
   text-decoration: none;
   border-radius: 20px;
   font-weight: 700;
   font-size: 20px;
   color: white;
   }


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

  header {
   background-image: url( "../img/Banner (1) (1).jpg");
   border-bottom: 1px solid #d9d9d9;
   background-position: left bottom;
   background-repeat: no-repeat; 	  
   background-size: 1920px 78%; 
   background-color: #000;
   overflow-x: hidden;
   overflow-y: hidden;
   }

 .header-area {
   padding: 0px 27px 0px 27px;
   max-width: 1300px;
   height: 216px;
   margin: auto;  
   }

 .logo {
   background-image: url( "../img/Logo 3.png"); 
	background-color: black;
   box-shadow: 0px 0px 16px black, 0px 0px; 
   background-repeat: no-repeat; 
   background-position: center;
   background-size: cover;  
   border-radius: 8px;
   margin-bottom: 3px;
   max-width: 251px;
   margin-left: 0px;
   margin-top: 7px;
   height: 201px;
   width: 100%;
   float: left;
   }

  nav {
   font-family: 'Roboto', sans-serif;
   justify-content: space-between;
   text-transform: uppercase;
   padding-right: 0px;
   font-style: normal;
   padding-top: 63px;
   max-width: 758px;
   list-style: none;
   display: flex;
   float: right;
   width: 100%;
   }

 .menu-items {   
   text-shadow: -1px -1px 0 #172c1f, 1px -1px 0 #172c1f, -1px 1px 0 #172c1f, 1px 1px 0 #172c1f, -1px -1px 0 #172c1f, 1px -1px 0 #172c1f, -1px 1px 0 #172c1f, 1px 1px 0 #172c1f, 0px 0px 5px rgb(0 0 0 / 63%), 0px 0px 15px rgb(0 0 0 / 60%), 0px 0px; 
   justify-content: center;
   text-decoration: none;	 
   padding-right: 26px;
   text-align: center;
   font-weight: 500;
   font-size: 18px;
   color: #fff;   
   }  
  
 .dropdown-menu-item-1 {
   text-shadow: -1px -1px 0 #3c320e, 1px -1px 0 #3c320e, -1px 1px 0 #3c320e, 1px 1px 0 #3c320e, -1px -1px 0 #3c320e, 1px -1px 0 #3c320e, -1px 1px 0 #3c320e, 1px 1px 0 #3c320e, 0px 0px 16px black, 0px 0px 16px black, 0px 0px;
   justify-content: center;
   text-decoration: none;	 
   text-align: center;
   margin-left: 5px;	 
   font-weight: 700;
   font-size: 18px;
   color: #fff498;  
   }     

 .dropdown-menu-item-2 {
   text-shadow: -1px -1px 0 #3c320e, 1px -1px 0 #3c320e, -1px 1px 0 #3c320e, 1px 1px 0 #3c320e, -1px -1px 0 #3c320e, 1px -1px 0 #3c320e, -1px 1px 0 #3c320e, 1px 1px 0 #3c320e, 0px 0px 16px black, 0px 0px 16px black, 0px 0px;
   justify-content: center;
   text-decoration: none;	 
   padding-right: 25px;
   text-align: center;
   margin-left: 14px;
   font-weight: 700;
   font-size: 18px;
   color: #fff498;  
   }     
  
 .mi1 {
   }
   
 .mi2 {
   position: relative;
   z-index: 20;
   }     
   
 .mi3 {
   position: relative;
   z-index: 20;
   }     
   
 .mi4 {
   position: relative;
   z-index: 20;
   }  
   
 .mi5 {
  
   }

 .mi6 {
   position: relative;
   z-index: 20;  
   }  
  
 .hpbt {
   cursor: pointer;
   }

  
/* ------ 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: #f9f9f9;
   margin-left: -15px !important;
   position: absolute;
   min-width: 160px;
   display: none;
   z-index: 1;
   }

 .dc-2 {
   margin-left: -40px !important;
   }

 .dropdown-item-1 {
   margin-top: -17px;
   }

 .dropdown-content a {
   text-decoration: none;
   padding: 12px 16px;
   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 {
   display: block;
   margin-left: -35px;
   z-index: 10000;
   }


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

 .mobile-menu { 
   text-shadow: -1px -1px 0 #930300, 1px -1px 0 #930300, -1px 1px 0 #930300, 1px 1px 0 #930300, -1px -1px 0 #930300, 1px -1px 0 #930300, -1px 1px 0 #930300, 1px 1px 0 #930300, 0px 0px  16px black, 0px 0px;
   max-width: 200px;
   color: #fd0600;
   }

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

 .mmi-2 {
   }

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

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


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

 @media (max-width: 500px){
  .top-header-width {
	padding: 19px 20px 12.5px 20px !important;   
    flex-direction: column; 
    max-width: 355px; 
    }
    }

 @media (max-width: 657px){
  .top-header-width {
    padding: 21px 40px 21px 40px;
    }
    }

 @media (max-width: 450px){
  .top-header-width {
    padding: 17px 20px 16px 20px !important;
    }
    }


/* Top Header Item Left/Right Button Media Query */

 @media (max-width: 657px) {
  .top-header-item-left { 
    flex-direction: column;
    max-width: 338px;
    margin: auto;
    display: flex;
    }
	 
  .top-header-adress {
    margin: auto;
    }
    }

 @media (max-width: 500px){
  .top-header-item-left { 
    max-width: 424px;
    flex-wrap: wrap;
    margin: 0px auto auto auto;
    }
	 
  .top-header-item-right {
    margin-top: -12px;
    }
    }

 @media (max-width: 450px){
  .top-header-item-left { 
    text-align: center;
    }
    }

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







/* ------ Header Phone Button Responsive Media Query ------ */

 @media (max-width: 1246px){
  .header-phone-button {	
    max-width: 178px;
    font-size: 16.5px;	  
    }
    }

 @media (max-width: 1183px){
  .header-phone-button {	
    max-width: 165px;
    font-size: 15px;	  
    }
    }

 @media (max-width: 966px){
  .header-phone-button {	
    max-width: 153px;
    font-size: 14px;	  
    }
    }

 @media (max-width: 880px){
  .header-phone-button {	
    margin: 15px 93px auto auto;	  
    max-width: 165px;
    font-size: 15px;
    }
    }

 @media all and (max-width: 3840px) and (min-width: 658px) {
  .header-phone-button-2 {
    display: none;
    }
    }

 @media (max-width: 765px){
  .header-phone-button {	
    margin: 15px 83px auto auto;	 
    }
    }

 @media (max-width: 743px){
  .header-phone-button {	
    margin: 15px 72px auto auto;	 
    }
    }

 @media (max-width: 678px){
  .header-phone-button {	
    margin: 15px 65px auto auto;	 
    }
    }

 @media (max-width: 668px){
  .header-phone-button {	
    margin: 15px 63px auto auto;	 
    }
    }

 @media (max-width: 657px){
  .header-phone-button {
    display: none;
    }
	 
  .header-phone-button-2 {
    margin: 23px auto auto auto;
	text-align: center;
	max-width: 182px;  
    }	
    }

 @media (max-width: 450px){
  .header-phone-button-2 {
    margin: 19px auto auto auto;
    max-width: 188px;
    }	
    }

 @media (max-width: 330px){
  .header-phone-button-2 {
    max-width: 166px;
    font-size: 16px;  
    }	
    }

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

 @media (min-height: 1000px){
   header {
    background-position: center bottom;
    }
    }

 @media (max-width: 1670px){
   header {
    background-size: 1670px 78%;
    background-position: left bottom;
    }
    }

 @media (max-width: 1482px){
   header {
    background-size: 1482px 78%;
    }
    }

 @media (max-width: 1333px){
   header {
    background-size: 1333px 78%;
    }
    }

 @media (max-width: 1212px){
   header {
    background-size: 1212px 78%;
    }
    }

 @media (max-width: 1172px){
   header {
    background-size: 1205px 78%;
    }
    }

 @media (max-width: 1147px){
   header {
   background-image: url("../img/Header Banner (Tablet).jpg");
    background-size: 1147px 78%;
    }
    }

 @media (max-width: 1100px){
   header {
    background-size: 1100px 78%;
    }
    }

 @media (max-width: 1030px){
   header {
    background-size: 1030px 78%;
    }
    }

 @media (max-width: 945px){
   header {
    background-size: 945px 78%;
    }
    }

 @media (max-width: 880px){
   header {
    background-size: 880px 78%;
    }
    }

 @media (max-width: 825px){
   header {
    background-size: 825px 78%;
    }
    }

 @media (max-width: 813px){
   header {
    background-size: 813px 78%;
    }
    }

 @media (max-width: 764px){
   header {
    background-size: 813px 81%;
    }
    }

 @media (max-width: 657px){
   header {
    background-image: url("../img/Header Banner (Mobile).jpg");
    background-position: left bottom;
    background-size: 657px 74%;
    }
    }

 @media (max-width: 622px){
   header {
    background-size: 622px 74%;
    }
    }

 @media (max-width: 580px){
   header {
    background-size: 580px 74%;
    }
    }

 @media (max-width: 530px){
   header {
    background-size: 530px 74%;
    }
    }

 @media (max-width: 508px){
   header {
    background-size: 508px 75%;
    }
    }

 @media (max-width: 503px){
   header {
    background-size: 491px 75%;
    }
    }

 @media (max-width: 450px){
   header {
    background-size: 450px 72%;
    }
    }

 @media (max-width: 380px){
   header {
	background-size: 376px 71%;
    }
    }

 @media (max-width: 330px){
   header {
	background-size: 321px 71%;
    }
    }


/* Header Area Responsive Media Query */

 @media (max-width: 880px){
  .header-area {
    max-width: 773px;	  
    }
    }

 @media (max-width: 657px){
  .header-area {
    max-width: 775px;
    height: auto;
    margin: auto;  
    }
    }

 @media (max-width: 450px){
  .header-area {
    margin-top: 2px !important;
	max-width: 313px;  
    padding: 0px; 
    }
    }

 @media (max-width: 380px){
  .header-area {
	max-width: 313px;  
    }
    }

 @media (max-width: 330px){
  .header-area {
	max-width: 258px;  
    }
    }


/* Logo Responsive Media Query */

 @media (max-width: 1093px) {
  .logo {
    margin-top: 11px;
    max-width: 272px;
    height: 135px;
	}
    }

 @media (max-width: 1068px) {
  .logo {
    margin-top: 16px;
    max-width: 252px;
    height: 126px;
	}
    }

 @media (max-width: 1043px) {
  .logo {
    margin-top: 18px;
    max-width: 241px;
    height: 122px;
	}
    }

 @media (max-width: 987px) {
  .logo {
    max-width: 223px;
    height: 112px;
	}
    }

 @media (max-width: 966px) {
  .logo {
    max-width: 206px;
    height: 104px;
	}
    }

 @media (max-width: 954px) {
  .logo {
    max-width: 193px;
    height: 97px;
	}
    }

 @media (max-width: 934px) {
  .logo {
    margin-top: 33px;  
    margin-left: -7px;  
    max-width: 178px;
    height: 89px;
	}
    }

 @media (max-width: 880px) {
  .logo {
    margin-top: 14px;  
    max-width: 256px;
    height: 128px;
	}
    }

 @media (max-width: 722px) {
  .logo {
    margin-top: 17px;  
    max-width: 241px;
    height: 121px;
	}
    }

 @media (max-width: 705px) {
  .logo {
    margin-top: 21px;  
    max-width: 229px;
    height: 115px;
	}
    }

 @media (max-width: 696px) {
  .logo {
    margin-top: 24px;  
    max-width: 217px;
    height: 109px;
	}
    }

 @media (max-width: 657px){
  .logo {
    margin-top: 36px !important;
    max-width: 357px;
    height: 179px;
    width: 100%;
	float: none;
    }
    }

 @media (max-width: 450px) {
  .logo {
    max-width: 382px;
    height: 157px;
	}
    }

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

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


/* Nav Responsive Media Query */

 @media (max-width: 1246px){
   nav {
    max-width: 706px;	 
    }
    }

 @media (max-width: 1183px){
   nav {
    max-width: 654px;	 
    }
    }

 @media (max-width: 1037px){
   nav {
    max-width: 643px;	 
    }
    }

 @media (max-width: 1017px){
   nav {
    max-width: 631px;	 
    }
    }

 @media (max-width: 1009px){
   nav {
    max-width: 616px;	 
    }
    }

 @media (max-width: 966px){
   nav {
    max-width: 600px;	 
    }
    }

 @media (max-width: 934px){
   nav {
    margin-right: -8px;   
    max-width: 600px;	 
    }
    }

 @media (max-width: 880px){
   nav {
    padding-top: 40px;   
    max-width: 396px;
    flex-wrap: wrap; 
    }
    }

 @media (max-width: 765px){
   nav {
    max-width: 379px;	 
    }
    }

 @media (max-width: 743px){
   nav {
    max-width: 355px;	 
    }
    }

 @media (max-width: 678px){
   nav {
    max-width: 345px;	 
    }
    }

 @media (max-width: 688px){
   nav {
	margin-right: -11px;
    }
    }

 @media (max-width: 668px){
   nav {
	margin-right: -16px;
    }
    }

 @media (max-width: 657px){
   nav {
    display: none !important;
    }
    }


/* Menu Item Responsive Media Query */

 @media (max-width: 1246px){
  .menu-items {
    font-size: 16px;	
    }

  .dropdown-menu-item-1 {
    font-size: 16px;	
    }
	 
  .dropdown-menu-item-2 {
    font-size: 16px;	
    }
    }

 @media (max-width: 1183px){
  .menu-items {
    font-size: 15px;	
    }

  .dropdown-menu-item-1 {
    font-size: 15px;	
    }
    }

 @media (max-width: 1017px){
  .menu-items {
    font-size: 14.5px;	
    }

  .dropdown-menu-item-1 {
    font-size: 14.5px;	
    }
    }

 @media (max-width: 1009px){
  .menu-items {
    font-size: 14px;	
    }

  .dropdown-menu-item-1 {
    font-size: 14px;	
    }
    }

 @media (max-width: 880px){
  .menu-items {
    font-size: 17px;	
    }

  .dropdown-menu-item-1 {
    font-size: 17px;	
    }
    }

 @media (max-width: 880px){
  .mi4 {
    margin-right: -23px;	
    margin-top: 21px;  
    }
    }

 @media (max-width: 765px){
  .menu-items {
    font-size: 16px;	
    }

  .dropdown-menu-item-1 {
    font-size: 16px;	
    }
    }

 @media (max-width: 743px){
  .menu-items {
    font-size: 15px;	
    }

  .dropdown-menu-item-1 {
    font-size: 15px;	
    }
    }

 @media (max-width: 678px){
  .menu-items {
    font-size: 14.5px;	
    }

  .dropdown-menu-item-1 {
    font-size: 14.5px;	
    }
    }












/* ------ Mobile Menu Responsive Media Query ------ */

 @media all and (max-width: 3840px) and (min-width: 658px) {
  .mobile-menu {
    display: none;
    }
    }
  
 @media (max-width: 450px){
  .mobile-menu {
    margin: 13px auto 28px auto !important;
    }
    }

 @media (max-width: 380px){
  .mobile-menu {
    margin: 13px auto 28px auto !important;
    }
    }

 @media (max-width: 657px){
  .mobile-menu {
    margin: 14px auto 32px auto;
    }
    }

 @media screen and (max-height: 450px) {
  .sidenav { 
    padding-top: 15px;
    }
   
  .sidenav a {
    font-size: 18px;
    }
    }


/* ------ Internet Explorer/Edge ------ */

_:-ms-lang(x), .ie10up, .mi2 { 
  }

_:-ms-lang(x), _:-webkit-full-screen, .dropdown-menu-item-2 {
   font-size: 16.9px;
   }

_:-ms-lang(x), _:-webkit-full-screen, .dropdown-menu-item-1 {
   font-size: 16.9px;
   }

_:-ms-lang(x), _:-webkit-full-screen, .menu-items {
   font-size: 16.9px;
   }

@media (max-width: 1282px){
_:-ms-lang(x), _:-webkit-full-screen, nav {
   margin-right: -73px;
   }
   
_:-ms-lang(x), _:-webkit-full-screen, .logo {
   margin-left: -23px;
   }   
   }

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



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

  footer {
   background: black;
   overflow-x: hidden;
   }  
  
 .footer-width {
   font-family: 'Open Sans', sans-serif;
   justify-content: space-between;
   padding: 51px 45px 45px 40px;
   max-width: 1200px;
   display: flex;
   margin: auto;
   color: white;
   }  
	
 .footer-item {
   line-height: 24px;
   max-width: 313px;
   color: white;
   }   
   
 .footer-item-2 {
   max-width: 302px; 
   width: 100%; 
   }

 .footer-item-3 {
   overflow-x: hidden;
   position: relative;
   max-width: 282px;
   width: 100%;
   z-index: 99;
   }
	
 .footer-title {
   margin-bottom: 10px; 
   line-height: 27px; 
   margin-top: 8px;
   font-size: 25px; 
   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,#ef6564 15%, #db4948 36%, #DF302F 56%, #df302f 51%, #b12726 76%, #932020 88%);
   box-shadow: 0px 0px 16px black, 0px 0px 16px rgba(0, 0, 0, 0.69), 0px 0px;
   background-color: #000000;
   text-decoration: none;
   padding-bottom: 17px;
   border-radius: 14px;	 
   padding-top: 17px;
   font-weight: 780;	 
   margin-top: 22px;
   font-size: 19px;
   color: white;
   width: 154px;
   } 

 .fic-2 {
   margin-right: 11px !important;
   }

 .al-2 {
   text-indent: -16px !important;
   margin-left: 34px !important;
   }


/* Footer Menu */

 .footer-menu-title	{
   font-family: 'Poppins';
   font-weight: 400;
   font-size: 27px;
   }
     
 .footer-menu {
   list-style: circle;
   margin-top: 10px;
   line-height: 27px;
   margin-right: -35px;
   }

 .footer-menu-link, li {
   list-style: disc !important;
   }


/* Hours Of Opperation */

 .footer-operation-top {
   filter: brightness(154%);
   background: #d82625;
   width: 100%;
   height: 6px;
   }

 .footer-operation-hours {
   box-shadow: 0px 0px 16px black, 0px 0px;
   padding: 6px 10px 19px 10px;
   margin: 0px auto auto auto;
   background: #eeeeee;
   z-index: 999999999;
   position: relative;	 
   max-width: 302px;
   width: 100%;
   } 
  
 .footer-operation-hours-title {
   margin-bottom: 12px;
   font-weight: bolder;
   text-align: center;
   margin-top: 12px;
   font-size: 23px;
   color: black;
   } 
  
 .footer-operation-hours-title-2 {
   font-weight: bolder;
   text-align: center;
   margin-top: 15px;
   font-size: 17px;
   color: black;
   } 
  
 .footer-operation-hours-width {
   flex-direction: row;
   max-width: 262px;
   margin: auto;	
   width: 100%;
   color: black;
   } 

 .footer-operation-hours-column {
   margin-top: 10px;
   display: flex;
   }

 .footer-lines {
   padding: 0px 14px 0px 14px;
   } 

 .fohd {
   margin-right: 19px;
   }

 .fohd-2 {
   margin-right: 17px;
   }

 .fohd-3 {
   margin-right: -6px;
   }

 .fohd-4 {
   margin-right: 11px;
   }

 .fohd-5 {
   margin-right: 35px;
   }

 .fohd-6 {
   margin-right: 16px;
   }

 .fohd-7 {
   margin-right: 24px;
   }

 .footer-contact-line {
   background-color: #0a0a0a;
   margin-top: 9px;
   margin: auto;
   width: 50px;
   height: 1px;
   }  
  

/* Footer Contact Box */

 .footer-box-top {
   filter: brightness(154%);
   background: #d82625;
   width: 300px;
   height: 6px;
   }  
  
 .footer-contact-box {
   box-shadow: 0px 0px  16px black, 0px 0px;
   z-index: 999999999;
   position: relative;	 
   padding-top: 15px;	 
   background: #d6d6d6;
   max-width: 282px;
   width: 100%;
   } 	
	     
 .footer-box-logo {   
   background-image: url("../img/Logo 3.png");
   background-repeat: no-repeat;
   background-position: center;
   background-size: cover;
   margin-bottom: -5px;
   border-radius: 7px;
   margin-top: 1px;
   max-width: 269px;
   height: 195px;
   }
  
 .footer-box-width {
   padding: 10px 5px 20px 15px;
   flex-direction: column;
   text-decoration: none;
   display: flex;
   }  
   
 .address-line {
   text-indent: -15px;
   line-height: 20px;
   margin-left: 36px;
   margin-top: 15px;
   font-size: 15px;
   display: block;
   color: black;
   }
   
 .footer-icon-container {
   text-decoration: none;
   margin-right: 14px; 
   color: #000000; 
   }


/* --- 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;
    }
    }
	
	
/* ------ Responsive Media Query ------ */
/* ------ Footer Width Responsive Media Query ------ */

 @media (max-width: 828px){
  .footer-width {
    padding: 51px 34px 45px 31px; 
    }  
    }

 @media (max-width: 733px){
  .footer-width {
    padding: 51px 22px 45px 22px; 
    }  
    }

 @media (max-width: 666px){
  .footer-width {
	padding: 35px 32px 57px 25px;
	flex-direction: column;
	max-width: 461px;
    }  
    }
  
 @media (max-width: 450px){
  .footer-width {
	padding: 26px 30px 43px 30px;
    }  
    }
  

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

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

 @media (max-width: 989px){
  .footer-item-3 {
    max-width: 236px;
    }    
    }
	 
 @media (max-width: 1101px){
  .footer-item-2 {
    max-width: 263px;	  
    }	 
    }

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

 @media (max-width: 1087px){
  .footer-item {
    max-width: 289px;
    }    
    }

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

 @media (max-width: 1024px){
  .footer-item {
    max-width: 276px;
    }
    }

 @media (max-width: 1006px){
  .footer-item {
    max-width: 263px;
    }
    }

 @media (max-width: 1006px){
  .footer-item {
    max-width: 265px;
    font-size: 15px;
    }    
    }

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

 @media (max-width: 781px){
  .footer-item {
    margin-right: 0px;
    }
	 
  .footer-item-2 {
    max-width: 208px !important;
    }
    }

 @media (max-width: 759px){
  .footer-item-2 {
    max-width: 195px !important;
    }
    }

 @media (max-width: 732px){
  .footer-item-2 {
    margin-right: 0px !important;
    }
    }

 @media (max-width: 733px){
  .footer-item-3 {
    max-width: 177px !important;
    }
	 
  .footer-item {
    max-width: 196px !important;
    }
    }

 @media (max-width: 666px){
  .footer-item-2 {
    max-width: 250px !important;
    margin: 56px auto 56px auto !important;  
    }
	 
  .footer-item-3 {
    max-width: 282px !important;
    }
    }

 @media (max-width: 1024px){
  .footer-item-2 {
    max-width: 246px;	  
    }	 
    }

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

 @media (max-width: 925px){
  .footer-item {
    max-width: 247px;
    }
	 
  .footer-item-2 {
    margin-right: -16px;
    padding-right: 0px;
    max-width: 225px;	  
	width: 100%;
    }	 
    }

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

 @media (max-width: 904px){
  .footer-item {
    max-width: 251px;
    }
    }

 @media (max-width: 918px){
  .footer-item {
    max-width: 239px;
    }
    }

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

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

 @media (max-width: 795px){
  .footer-item {
    max-width: 205px;
    }
    }

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

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

 @media (max-width: 693px) {
  .footer-item {
    max-width: 178px !important;
    }
    }

 @media (max-width: 330px){
  .footer-item {
    font-size: 15px !important;
    }
    }

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

 @media (max-width: 450px){
  .footer-item {
    max-width: 346px !important;
    margin: auto;
    }
	 
  .footer-item-2 {
    margin: 56px auto 56px auto;
    }
    }


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

 @media (max-width: 1166px) {
  .footer-title {
    font-size: 22px; 
	width: 100%;
    }
    }

 @media (max-width: 855px) {
  .footer-title {
    font-size: 19px; 
    }
    }

 @media (max-width: 666px){
  .footer-title {
    max-width: 392px;  
    font-size: 23px;	
	width: 100%;
    }  
    }
	  
 @media (max-width: 450px){
  .footer-title {
    font-weight: 800;
    font-size: 18px;	
	width: 352px;
    }  
    }
	
 @media (max-width: 380px){
  .footer-title {
    line-height: 23px;  
    font-weight: 800;
    font-size: 18px;	
	width: 309px;
    }  
    }
	
 @media (max-width: 330px){
  .footer-title {
    line-height: 22px;  
	width: 268px;
    }  
    }
	

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

 @media (max-width: 1086px) {
  .footer-call-now {
    font-size: 18px; 
	width: 143px;
    }
    }

 @media (max-width: 882px) {
  .footer-call-now {
    font-size: 17px; 
	width: 128px;
    }
    }

 @media (max-width: 732px) {
  .footer-call-now {
    font-size: 16px; 
	width: 119px;
    }
    }

 @media (max-width: 666px) {
  .footer-call-now {
    font-size: 18px; 
	width: 144px;
    }
    }

 @media (max-width: 380px) {
  .footer-call-now {
    font-size: 17.5px;
    width: 143px;
    }
    }

 @media (max-width: 330px) {
  .footer-call-now {
    font-size: 17px;
    width: 137px;
    }
    }


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

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

 @media (max-width: 925px) {
  .footer-menu-title {
    font-size: 19px;
	margin-top: 4px;
    }
    }

 @media (max-width: 811px) {
  .footer-menu-title {
    font-size: 18px;
	margin-top: 5px;
    }
    }

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


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

 @media (max-width: 1101px){
  .footer-operation-hours-width {
    max-width: 229px;
    }    
    }

 @media (max-width: 1024px){
  .footer-operation-hours-width {
    max-width: 213px;
    }    
    }

 @media (max-width: 925px){
  .footer-operation-hours-width {
    max-width: 196px;
	  
    }    
    }

 @media (max-width: 781px){
  .footer-operation-hours-width {
    max-width: 181px;
    }    
    }

 @media (max-width: 759px){
  .footer-operation-hours-width {
    max-width: 169px;
    }    
    }

 @media (max-width: 666px){
  .footer-operation-hours-width {
    max-width: 223px;
    }    
    }


/* Footer Box Logo Responsive Media Query */

 @media (max-width: 1024px){
  .footer-operation-hours-title {
    font-size: 20px; 
    }    
    }

 @media (max-width: 759px){
  .footer-operation-hours-title {
    font-size: 17px; 
    }    
    }

 @media (max-width: 666px){
  .footer-operation-hours-title {
    font-size: 19px; 
    }    
    }


/* Footer Box Logo Responsive Media Query */

 @media (max-width: 1024px){
  .footer-operation-hours-days {
    font-size: 15px; 
    }   
	 
  .footer-daily-open-hours {
    font-size: 15px; 
    }   
    }

 @media (max-width: 927px){
  .footer-operation-hours-days {
    font-size: 14.5px; 
    }   
	 
  .footer-daily-open-hours {
    font-size: 14.5px; 
    }   
    }

 @media (max-width: 781px){
  .footer-operation-hours-days {
    font-size: 14px; 
    }   
	 
  .footer-daily-open-hours {
    font-size: 14px; 
    }   
    }

 @media (max-width: 760px){
  .footer-operation-hours-days {
    font-size: 13px; 
    }   
	 
  .footer-daily-open-hours {
    font-size: 13px; 
    }   
    }

 @media (max-width: 666px){
  .footer-operation-hours-days {
    font-size: 15px; 
    }   
	 
  .footer-daily-open-hours {
    font-size: 15px; 
    }   
    }


/* Footer Box Logo Responsive Media Query */

 @media (max-width: 1101px){
  .footer-contact-line {
    width: 30px;	  
    }    
    }

 @media (max-width: 1024px){
  .footer-contact-line {
    width: 28px;	  
    }    
    }

 @media (max-width: 925px){
  .footer-contact-line {
    width: 20px;	  
    }    
    }

 @media (max-width: 781px){
  .footer-contact-line {
    width: 17px;	  
    }    
    }

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

 @media (max-width: 666px){
  .footer-contact-line {
	max-width: 45px;  
    width: 31px;  
    }    
    }


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

 @media (max-width: 1195px){
  .footer-box-logo {
    max-width: 240px;
    height: 124px;
    }    
    }

 @media (max-width: 989px){
  .footer-box-logo {
	max-width: 226px;  
	height: 113px;  
    }    
    }

 @media (max-width: 955px){
  .footer-box-logo {
    max-width: 210px;
	height: 105px;  
    }    
    }

 @media (max-width: 811px){
  .footer-box-logo {
    max-width: 188px;  
	height: 94px;
    }    
    }

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

 @media (max-width: 733px){
  .footer-box-logo {
    max-width: 169px;
	height: 87px;
    }    
    }

 @media (max-width: 666px){
  .footer-box-logo {
    max-width: 272px;
    height: 136px;
    }    
    }

 @media (max-width: 450px){   
  .footer-box-logo {  
    max-width: 272px;
    height: 136px;
    }     
    }  

 @media (max-width: 330px){   
  .footer-box-logo {  
    max-width: 247px;
    height: 125px;
    }     
    }  


/* Footer box Responsive Media Query */

 @media (max-width: 1114px){
  .footer-contact-box {
    max-width: 250px;
    padding-top: 15px;
	font-size: 15px;
    }    
    }

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

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

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

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


/* Footer box Responsive Media Query */

 @media (max-width: 1195px){
  .footer-box-width {
    max-width: 196px;
    }
    }

 @media (max-width: 1114px){
  .footer-box-width {
    max-width: 198px;
    }
    }

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

 @media (max-width: 666px){
  .footer-box-width {
    padding: 10px 5px 29px 15px;
    max-width: 253px;
    }
    }

 @media (max-width: 450px){
  .footer-box-width {
    padding: 10px 5px 29px 11px;  
    }
    }


/* Address Line Responsive Media Query */

 @media (max-width: 1114px){
  .address-line {
    font-size: 15px;
    }  
	  
  .fic-2 {
    margin-right: 12px;
    }

  .al-2 { 
    margin-left: 34px !important;
    text-indent: -16px !important;
    }
    }

 @media (max-width: 811px){
  .address-line {
    text-indent: -17px;
    margin-left: 36px;
    margin-top: 15px;	
    font-size: 13.5px;
    }  
	 
  .fic-2 {
    margin-right: 12px;
    }

  .footer-icon-container {
    margin-right: 10px;	 
	}
    }

 @media (max-width: 802px){
  .address-line {
    text-indent: -15px;
    margin-left: 30px;
    }  
    }

 @media all and (max-width: 811px) and (min-width: 661px) {
  .al-2 { 
    margin-left: 30px !important;
    text-indent: -14px !important;
    }
    }

 @media all and (max-width: 660px) and (min-width: 451px) {
  .fic-2 {
    margin-right: 11px !important;
    }	 
	 
  .al-2 {
    margin-left: 31px !important;
    text-indent: -14px !important;
    }
    }

 @media (max-width: 450px){
  .address-line {
    margin-left: 32px !important;
    text-indent: -13px !important;
    }  

  .fic-3 {
    margin-right: 14px !important;
    }	 
	  
  .fic-2 {
    margin-right: 10px !important;
    }	 
	 
  .al-2 { 
    margin-left: 35px !important;
    text-indent: -13px !important;
    }
    }

 @media (max-width: 330px){
  .address-line {
    font-size: 14px;
	}
    }

 @media (max-width: 927px){
  .footer-address-line-2 {
	  
	  
    } 
    }
   

/* Footer box Top Responsive Media Query */
     
 @media all and (max-width: 1114px) and (min-width: 928px) {
  .footer-box-top {
    max-width: 250px;
    }     
    }
 
 @media all and (max-width: 882px) and (min-width: 812px) {
  .footer-box-top {
    max-width: 228px;
    }     
    }

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

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

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

 @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 (max-width: 768px){
  _:-ms-lang(x), .ie10up, .footer-box-top { 
    margin-top: -40px;
    }
    }
  
  
/* --- Footer Menu Responsive Media Query --- */

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


/* Footer Menu Title Responsive Media Query */



/* 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 Menu Responsive Media Query --- */

 @media (max-width: 330px){
  .copyright {
    font-size: 14px;
    }
    }

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



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

 .front-page-banner {
   background-image: url( );
   font-family: 'Roboto Condensed', sans-serif;
   background-repeat: no-repeat;
   background-position: center bottom;
   background-size: cover;
   background-color: #000;
   margin-top: -1px;
   }

 .front-page-banner-width {
   padding: 8.8vw 60px 5.3vw 60px !important;	 
   justify-content: space-between;
   max-width: 1594px;  	 
   display: flex; 
   margin: auto;
   }

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

 .front-page-banner-title {
   text-shadow: 0px 0px 5px black, 0px 0px 16px black, 0px 0px 26px black, 0px 0px 26px black, 0px 0px 26px black, 0px 0px;
   font-weight: 700;
   font-size: 43px;
   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 5px black, 0px 0px 5px black, 0px 0px 16px black, 0px 0px 16px black, 0px 0px 26px black, 0px 0px 26px black, 0px 0px 26px black, 0px 0px 26px black, 0px 0px 26px black, 0px 0px;
   margin-top: 12px;
   font-size: 19px;
   font-weight: 500; 
   color: white;
   }

 .front-page-banner-button {
   text-shadow: -1px -1px 0 #3e0f0f, 1px -1px 0 #3e0f0f, -1px 1px 0 #3e0f0f, 1px 1px 0 #3e0f0f, -1px -1px 0 #3e0f0f, 1px -1px 0 #3e0f0f, -1px 1px 0 #3e0f0f, 1px 1px 0 #3e0f0f; 
   box-shadow: 0px 0px 9px black, 0px 0px 17px black, 0px 0px;
   padding: 11px 10px 11px 10px;
   text-align: center;
   border-radius: 5px;
   margin-top: 30px;
   font-weight: 600;
   max-width: 187px;
   background: #df302f;
   font-size: 23px;
   color: white;
   }

 .front-page-pic {
   background-image: url( "../img/Front page pic.png");
   background-repeat: no-repeat;
   background-position: center;
   background-size: cover;
   margin-top: -49px;
   max-width: 830px;
   height: 480px;
   width: 100%;
   }


/* --- Front Page Services Section --- */

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

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

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

 .front-page-services-title-3 {
   font-family: 'Roboto Condensed', sans-serif;
   padding: 3px 40px 14px 40px;
   font-weight: 600;
   font-size: 26px;
   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;
   text-align: center;
   line-height: 30px;
   max-width: 1045px;
   font-size: 19px;
   color: white;
   margin: auto;
   }

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

 .front-page-services {
   background-color: #000;
   margin-top: -1px; 
   }

 .front-page-services-width {
   justify-content: space-between;
   padding: 29px 40px 51px 40px;
   max-width: 1365px;
   display: flex;
   margin: auto;
   }	 
	 
 .front-page-services-pic {
   background-image: url("../img/20220517_095917.jpg");
   background-repeat: no-repeat;
   background-position: center;
   background-color: #df302f;
   background-size: cover;
   max-width: 415px;
   height: 307px;
   margin: auto;
   }

 .front-page-services-pic-2 {
   background-image: url("../img/fleet-5153286_960_720.jpg");
   background-repeat: no-repeat;
   background-position: center;
   background-color: #df302f;
   background-size: cover;
   max-width: 415px;
   height: 307px;
   margin: auto;
   }

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

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

 .front-page-services-item {
   font-family: "Roboto Condensed", sans-serif; 
   padding: 0px 6px 0px 6px;
   text-align: center;
   font-size: 18px; 
   color: white;
   width: 100%;
   }


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

 .book-appointment-section {
   background-image: url("../img/20220517_100833.jpg"); 
   background-position: center;
   background-repeat: no-repeat;
   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 145px 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 16px black, 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 #4a1010, 1px -1px 0 #4a1010, -1px 1px 0 #4a1010, 1px 1px 0 #4a1010, -1px -1px 0 #4a1010, 1px -1px 0 #4a1010, -1px 1px 0 #4a1010, 1px 1px 0 #4a1010;
   background: linear-gradient(180deg,#ef6564 8%, #db4948 25%, #DF302F 56%, #df302f 51%, #b12726 78%, #932020 97%);
   box-shadow: 0px 0px 16px rgb(0 0 0 / 80%), 0px 0px;
   padding: 6px 10px 12px 10px;
   margin: 31px auto 0px auto;
   border: 1px solid #681818;
   border-radius: 11px;
   text-align: center;
   font-weight: 600;
   max-width: 305px;
   font-size: 23px;
   color: white; 
   }


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

 @media (max-width: 1640px){
  .front-page-banner-width {
    padding: 10vw 60px 6.5vw 60px !important;
    }
    }

 @media (max-width: 1557px){
  .front-page-banner-width {
    padding: 10.5vw 60px 6.5vw 60px !important;
    }
    }

 @media (max-width: 1480px){
  .front-page-banner-width {
    padding: 12vw 60px 7vw 60px !important;
    }
    }

 @media (max-width: 1440px){
  .front-page-banner-width {
    padding: 11vw 60px 7.5vw 60px !important;
    }
    }

 @media (max-width: 1368px){
  .front-page-banner-width {
    padding: 11.5vw 40px 10vw 75px;
    }
    }

 @media (max-width: 1325px){
  .front-page-banner-width {
    padding: 10vw 45px 7.4vw 45px !important;
    }
    }

 @media (max-width: 997px){
  .front-page-banner-width {
    padding: 8vw 37px 6vw 37px !important;
    }
    }

 @media (max-width: 873px){
  .front-page-banner-width {
    padding: 6vw 29px 6vw 29px !important;
    }
    }

 @media (max-width: 783px){
  .front-page-banner-width {
    padding: 6vw 29px 9vw 29px !important;
    }
    }

 @media (max-width: 660px){
  .front-page-banner-width {
    padding: 58px 35px 20px 35px !important;
	flex-direction: column-reverse;  
    }
    }

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

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

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


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

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

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

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

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

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

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

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

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

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

 @media (max-width: 660px){
  .front-page-banner-column {
    max-width: 524px; 
	margin: 24px auto 62px auto;
    }
    }

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

 @media (max-width: 330px){
  .front-page-banner-column {
	margin: 10px auto 11px auto;
    }
    }


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

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

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

 @media (max-width: 1325px){ 
  .front-page-banner-title {
    font-size: 35px;
    }
	 
  .front-page-banner-sub-title {
	margin-top: 16px;
	line-height: 27px; 
    }
    }

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

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

 @media (max-width: 1032px){
  .front-page-banner-title {
	font-size: 26px !important;  
    }
	 
  .front-page-banner-sub-title {
    font-size: 16px !important;
    }
    }

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

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


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

 @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: 660px) {
  .front-page-banner-title {
    font-size: 30px !important;
    }
    }

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

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

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

 @media (max-width: 380px) {
  .front-page-banner-title {
    margin-bottom: 12px;
    line-height: 25px !important;
    font-size: 20.5px !important;
    }	
	 
  .front-page-banner-sub-title {
    font-size: 14px;	 
    }
    }

 @media (max-width: 330px) {
  .front-page-banner-title {
	margin-bottom: 0px;  
    font-size: 16px !important;
    }
	
  .front-page-banner-sub-title {
    font-size: 15px !important;
    }	
    }


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

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

 @media (max-width: 1153px){
  .front-page-banner-button {
    font-size: 21px;
    }
    }

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

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

 @media (max-width: 926px){
  .front-page-banner-button {
    max-width: 157px;
    font-size: 18px;
    }
    }

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

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

 @media (max-width: 660px){
  .front-page-banner-button {
    margin: 23px auto auto auto;	  
    max-width: 175px;
    font-size: 19px;
    }
    }

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

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

 @media (max-width: 330px){
  .front-page-banner-button {
    margin: 23px auto auto;
    max-width: 120px;
    font-size: 15px;
    }
    }


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

 @media (max-width: 1593px){
  .front-page-pic {
    max-width: 720px;
	height: 410px;  
    }
    }

 @media (max-width: 1442px){
  .front-page-pic {
    max-width: 666px;
    height: 329px;  
    }
    }

 @media (max-width: 1392px){
  .front-page-pic {
    max-width: 634px;
    }
    }

 @media (max-width: 1345px){
  .front-page-pic {
    max-width: 619px;
    }
    }

 @media (max-width: 1280px){
  .front-page-pic {
    max-width: 577px;
    }
    }

 @media (max-width: 1175px){
  .front-page-pic {
    max-width: 551px;
    height: 312px;  
    }
    }

 @media (max-width: 1132px){
  .front-page-pic {
    max-width: 523px;
    height: 297px;  
    }
    }

 @media (max-width: 1110px){
  .front-page-pic {
    max-width: 496px;
    height: 283px;  
    }
    }

 @media (max-width: 1095px){
  .front-page-pic {
    margin-top: -29px;  
    max-width: 455px;
	height: 263px;  
    }
    }

 @media (max-width: 845px){
  .front-page-pic {
	margin-top: -10px;  
    max-width: 418px;
    height: 239px;  
    }
    }

 @media (max-width: 813px){
  .front-page-pic {
    max-width: 394px;
	height: 225px;  
    }
    }

 @media (max-width: 783px){
  .front-page-pic {
    margin-top: -21px;  
    max-width: 371px;
    height: 212px;  
    }
    }

 @media (max-width: 765px){
  .front-page-pic {
    max-width: 344px;
    height: 203px;  
    }
    }

 @media (max-width: 694px){
  .front-page-pic {
	margin-top: 0px;  
    max-width: 323px;
	height: 179px;  
    }
    }

 @media (max-width: 660px){
  .front-page-pic {
    margin: -3px auto auto auto;
    max-width: 526px;
    height: 250px;
    }
    }

 @media (max-width: 609px){
  .front-page-pic {
    height: 251px;
    }
    }

 @media (max-width: 531px){
  .front-page-pic {
    height: 230px;
    }
    }

 @media (max-width: 450px){
  .front-page-pic {
	background-size: cover;  
    margin: 0px auto auto auto;
    max-width: 386px;
    height: 206px;
    }
    }

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

 @media (max-width: 330px){
  .front-page-pic {
    max-width: 270px;
    height: 155px;
    }
    }


/* --- 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: 450px){
  .front-page-services {
    margin-top: -10px;
    }
    }





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

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

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

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

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

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

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

 @media (max-width: 1054px){
  .front-page-services-width {
	padding: 0px 27px 51px 27px;
    }	
    }

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

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

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

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

 @media (max-width: 730px){
  .front-page-services-width a {
    max-width: 282px !important;
    }

  .front-page-services-width {
	justify-content: space-around;
	padding: 0px 40px 51px 40px;
    max-width: 1276px;
    flex-wrap: wrap;
    }	
    }

 @media (max-width: 660px){
  .front-page-services-width {
	padding: 54px 40px 62px 40px;
    max-width: 516px;
    }	
	 
  .front-page-services-width a {
    max-width: 352px !important;
	margin: auto !important;
    }
    }

 @media (max-width: 450px){
  .front-page-services-width {
	padding: 32px 40px 38px 40px;
    }	
    }	

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


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

 @media (max-width: 1012px){
  .front-page-services-item {
    max-width: 330px;
	margin: auto;
    }
    }

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

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

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

 @media (max-width: 450px){
  .front-page-services-item {
	font-size: 16px;  
    }
    }


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

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

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

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

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

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

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

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

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

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

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

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

  .front-page-services-pic-3 {
	margin-top: 35px;  
    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: 1205px){
  .front-page-service-title {
    font-size: 25px;	
	}
    }

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

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

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

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

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

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

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

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

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



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

 @media (max-width: 450px){
  .book-appointment-width {
    padding: 79px 35px 79px 35px;
	}
    }

 @media (max-width: 380px){
  .book-appointment-width {
    padding: 64px 35px 64px 35px;
	}
    }

 @media (max-width: 330px){
  .book-appointment-width {
    padding: 53.5px 35px 53.5px 35px;
	}
    }


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

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

 @media (max-width: 625px){
  .book-button {
	max-width: 245px;  
    font-size: 18px;
	}
    }

 @media (max-width: 450px){
  .book-button {
    font-family: var(--font-headings, "Roboto Condensed", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif);  
	max-width: 283px;  
    font-size: 19px;
	}
    }

 @media (max-width: 330px){
  .book-button {
    font-family: var(--font-headings, "Roboto Condensed", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif);  
    font-size: 17px;
	}
    }


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

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

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

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

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

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

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


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



/* ========= Towing ========= */

 .towing-section {
   background: #000;
   } 

 .towing-content {
   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 65px 62px 65px;
   line-height: 23px;
   max-width: 937px;
   margin: auto;
   color: #fff;
   } 
   
 .towing-content-title {
   padding: 29px 0px 19px 0px;
   text-align: center;
   font-weight: 900;
   font-size: 33px;	 
   margin: auto;
   }   
   
 .towing-content-pic {
   background-image: url("../img/towing front pic.jpg");
   background-position: center top;
   background-repeat: no-repeat;
   background-clip: content-box;
   margin: 33px auto 16px auto;
   border: 1px solid #cccccc;
   background-size: cover;
   height: 271px;
   width: 788px;
   padding: 5px;
   } 
    
 .towing-content-text {
   padding: 16px 0px 26px 0px;
   max-width: 900px;	 
   margin: auto;
   } 
  
 .towing-content-text p {
   margin-top: 12px;
   }

 .td2 {
   flex-direction: column; 
   text-indent: -13px;
   max-width: 259px; 
   display: flex;
   }  
  
 .td1 {
   flex-direction: column; 
   margin-right: 66px;
   text-indent: -13px;
   max-width: 259px; 
   display: flex;
   }  
  
 .towing-content-details {
   justify-content: space-between;
   flex-direction: row;
   max-width: 555px;
   display: flex;
   margin: auto;
   }  

 .towing-content-details span {
   margin-top: 8px;
   }
 

/* ------ Responsive Media Query ------ */
/* ------ Towing Content Responsive Media Query ------ */

 @media (max-width: 877px){
  .towing-content {
   padding: 0px 40px 62px 40px;
   } 
   }













 @media (max-width: 450px){
  .towing-content {
   padding: 0px 35px 60px 35px;
   max-width: 406px;  
   } 
   }

 @media (max-width: 330px){
  .towing-content {
    padding: 0px 29px 49px 29px !important;
    } 
    }


/* ------ Towing Content Pic Responsive Media Query ------ */

@media (max-width: 380px){
 .towing-content-pic {
   max-width: 305px !important;
   } 
   }

@media (max-width: 595px){
 .towing-content-pic {
   height: 190px !important;
   max-width: 421px !important;
   } 
   }
  
@media (max-width: 950px){
 .towing-content-pic {
   margin: 33px auto 16px auto;
   height: 230px;
   width: 551px;
   } 
   }

@media (max-width: 565px){
 .towing-content-pic {
   max-width: 359px !important;
   height: 162px !important;
   } 
   }

@media (max-width: 705px){
 .towing-content-pic {
   max-width: 454px;
   height: 205px;
   } 
   }

@media (max-width: 450px){
 .towing-content-pic {
   margin: 25px auto auto auto;
   background-size: cover;
   max-width: 335px !important;
   height: 157px !important;
   padding: 4px;
   } 
   }
   
@media (max-width: 380px){
 .towing-content-pic {
   max-width: 297px !important;
   height: 140px !important;
   } 
   }
      
@media (max-width: 330px){
 .towing-content-pic {
   height: 130px !important;
   max-width: 265px !important;
   margin-left: -2px;
   } 
   }

@media (max-width: 316px){
 .towing-content-pic {
   height: 225px;
   max-width: 283px !important;
   margin-left: -6px;
   } 
   }
     

/* ------ Towing Content Text Responsive Media Query ------ */

@media (max-width: 680px){
 .towing-content-title {
   padding: 36px 0px 19px 0px;
   font-size: 28px;
   } 
   } 

@media (max-width: 617px){
 .towing-content-title {
   padding: 36px 0px 17px 0px;
   font-size: 25px;
   } 
   } 

@media (max-width: 545px){
 .towing-content-title {
   padding: 36px 0px 15px 0px;
   font-size: 20px;
   } 
   } 

@media (max-width: 450px){
 .towing-content-title {
   margin-top: -10px !important; 
   max-width: 209px;
   } 
   } 

@media all and (max-width: 450px) and (min-width: 381px) {
 .towing-content-title {
   font-size: 27px !important;
   line-height: 31px; 
   } 
   } 

@media (max-width: 380px){
 .towing-content-title {
   line-height: 28px;
   margin-top: -12px !important; 
   font-size: 25px !important;
   } 
   } 

@media (max-width: 330px){
 .towing-content-title {
   margin-top: -12px !important; 
   font-size: 22px !important;
   } 
   } 


/* ------ Towing Content Text Responsive Media Query ------ */

@media (max-width: 450px){
 .towing-content-text {
   padding: 14px 0px 28px 0px;
   }
   }

@media (max-width: 450px){
 .towing-content-text {
   font-size: 14.5px;
   }
   }


/* ------ Towing Content Details Responsive Media Query ------ */

 @media (max-width: 450px) {
  .towing-content-details {
	margin-top: -9px !important; 
    font-size: 15px;
    }
	 
  .td1 {
    margin: auto auto auto auto !important;	 
    }  
	 
  .td2 {
    margin: auto auto auto auto !important;	 
	padding-left: 10px;  
    max-width: 185px;  
    }	
    }

 @media (max-width: 732px){
  .towing-content-details {
    max-width: 509px;	 
    }	
	
  .td2 {
    max-width: 233px;
    }	
    }

 @media (max-width: 822px){
  .towing-content-details {
    margin-right: 0px;
    }
    }

 @media (max-width: 755px){
  .towing-content-details {
    margin-right: -3px;
    }
    }

 @media (max-width: 709px){
  .towing-content-details {
    margin-right: -9px;
    }
    }

 @media (max-width: 640px){
  .td2 {
    max-width: 206px;
    }
	 
  .towing-content-details {
    max-width: 482px;
    }	 
    }

 @media (max-width: 380px){
  .td2 {
    padding-left: 0px;  
    max-width: 183px;
    }
    }

 @media (max-width: 582px){
  .towing-content-details {
    flex-direction: column;
    max-width: 270px;
    display: flex;	  
    margin: auto;
    }  
   
  .td2 {
    margin-top: 3px;  
    }
    }
  

/* ========= /Towing/ ========= */



/* ========= Roadside Assistance ========= */
    
 .roadside-page {
   background: #000;
   }

 .roadside-content {
   color: white;
   margin: auto;
   max-width: 1220px;
   padding: 30px 13px 43px 13px;
   line-height: 23px;
   font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";    
   }  
  
 .roadside-content-title {
   margin: auto;
   font-size: 33px;
   text-align: center;
   font-weight: 900;
   margin-bottom: 19px;
   } 

 .roadside-section-pic {
   background-image: url("../img/roadside1 (1).jpg");
   background-repeat: no-repeat;
   background-clip: content-box;
   background-position: center;
   margin: -12px auto 16px auto;
   border: 1px solid #cccccc;
   background-size: contain;
   height: 297px;
   width: 638px;
   padding: 5px;
   } 

 .roadside-section-details {
   margin: 10px 0px 10px 54px;	
   }

 .roadside-section-column {
   justify-content: space-between;
   padding: 40px 0px 40px 0px;
   flex-direction: row-reverse;	 
   max-width: 980px;
   display: flex;
   margin: auto;
   } 
  
 .roadside-section-text {
   margin: auto;
   max-width: 793px;
   padding-bottom: 4px;
   }  
  
.roadside-check-width {
    justify-content: space-between;
    margin: 11px auto auto auto;
    max-width: 477px;
    display: flex;
    width: 100%;
}


 .lockout-details {
   margin-left: 41px;
   }

 .roadside-section-column-pic {
   background-image: url("../img/Tire Changes.jpg");
   background-clip: content-box;
   background-repeat: no-repeat;
   background-position: center;
   border: 1px solid #cccccc;
   background-size: cover;
   margin-top: -2px;
   height: 193px;
   width: 382px;
   padding: 5px;	 
   } 
  
 .roadside-section-column-pic-2 {
   background-image: url("../img/Lockout Services.jpg");
   background-clip: content-box;
   background-repeat: no-repeat;
   background-position: center;
   border: 1px solid #cccccc;
   background-size: cover;
   height: 193px;
   width: 382px;
   padding: 5px;	
   } 
  
 .roadside-section-column-pic-3 {
   background-image: url("../img/Jump Start Service.jpg");
   background-clip: content-box;
   background-repeat: no-repeat;
   background-position: center;
   border: 1px solid #cccccc;
   background-size: cover;
   margin-top: 9px;
   height: 193px;
   width: 382px;
   padding: 5px;	
   } 

 .roadside-section-column-pic-4 {
   background-image: url("../img/Fuel Delivery.jpg");
   background-clip: content-box;
   background-repeat: no-repeat;
   background-position: center;
   border: 1px solid #cccccc;
   background-size: cover;
   margin-top: 9px;
   height: 193px;
   width: 382px;
   padding: 5px;		  
   } 
  
 .roadside-section-column-pic-5 {
   background-image: url("../img/Winch Outs.jpg");
   background-clip: content-box;
   background-repeat: no-repeat;
   background-position: center;
   border: 1px solid #cccccc;
   background-size: cover;
   margin-top: 9px;
   height: 193px;
   width: 382px;
   padding: 5px;		 
   } 
  
 .roadside-section-column-text {
   max-width: 450px;
   }  
  
 .roadside-content-title-2 {
   font-size: 24px;
   font-weight: 900;
   margin-bottom: 10px;
   } 

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


/* --- Roadside Section Pic Responsive Media Query --- */

@media (max-width: 866px){
 .roadside-section-pic {
   width: 493px;
   height: 240px;
   } 
   }

@media (max-width: 615px){
 .roadside-section-pic {
   width: 411px;
   height: 202px;
   } 
   }

@media (max-width: 522px){
 .roadside-section-pic {
   width: 384px;
   height: 188px;
   } 
   }

@media (max-width: 450px){
 .roadside-section-pic {
   background-size: cover;
   margin-top: -24px;
   height: 212px; 
   width: 340px;
   padding: 5px;	 
   } 
   }

@media (max-width: 365px){
 .roadside-section-pic {
   margin-left: -7px;
   }
   }

@media (max-width: 380px){
 .roadside-section-pic {
   width: 303px;
   height: 199px;
   } 
   }

@media (max-width: 330px){
 .roadside-section-pic {
   width: 258px;
   height: 165px;
   margin-left: auto;
   } 
   }


/* --- Roadside Section Details Responsive Media Query --- */

@media (max-width: 660px){
 .roadside-check-width {
   margin: 10px auto auto auto;
   flex-direction: column;
   max-width: 211px;
   } 
   }



/* --- Roadside Section Details Responsive Media Query --- */

@media (max-width: 450px){
 .roadside-section-check {
   font-size: 14.5px;
   }
   }










/* --- Roadside Section Details Responsive Media Query --- */

@media (max-width: 450px){
 .roadside-section-details {
   margin: 10px 0px 10px 45px;
   } 
   }




/* --- Roadside Content Title Responsive Media Query --- */

@media (max-width: 676px){
 .roadside-content-title {
   margin-bottom: 14px;
   font-size: 28px;
   } 
   } 
  
@media (max-width: 576px){
 .roadside-content-title {
   font-size: 25px;
   } 
   } 
  
@media (max-width: 450px){
 .roadside-content-title {
	margin-top: -1px;
	}
    } 

@media (max-width: 365px){
 .roadside-content-title {
   margin-top: -1px !important;
   font-size: 21px;
   } 
   }




/* --- Roadside Content Title Responsive Media Query --- */

@media (max-width: 660px){
 .roadside-content-title-2 {
   font-size: 25px;
   margin-bottom: 14px;
   margin-top: 24px;
   } 
   } 
  








/* --- Roadside Content Text Responsive Media Query --- */

@media (max-width: 676px){
 .roadside-section-text {
   max-width: 570px;
   }  
   }

@media (max-width: 330px){
 .roadside-section-text {
   font-size: 15px;
   }  
   }

@media (max-width: 876px){
 .roadside-section-text {
   margin: auto;
   max-width: 660px;
   }  
   }


/* --- Roadside Section Column Pic Responsive Media Query --- */

@media (max-width: 921px){
 .roadside-section-column-pic {
   margin-top: 4px; 
   width: 293px;
   } 
  
 .roadside-section-column-pic-2 {
   width: 293px;
   } 
  
 .roadside-section-column-pic-3 {
   margin-top: 19px;
   width: 293px;
   } 
  
 .roadside-section-column-pic-4 {
   margin-top: 16px; 
   width: 293px;
   } 
	
 .roadside-section-column-pic-5 {
   margin-top: 20px; 
   width: 293px;
   }  
   }

@media (max-width: 745px){
 .roadside-section-column-pic {
   width: 275px;
   height: 156px;
   margin-right: -10px;
   } 
	
 .roadside-section-column-pic-2 {
   width: 275px;
   height: 156px;
   margin-right: -10px;
   } 	
	
 .roadside-section-column-pic-3 {
   width: 275px;
   height: 156px;
   margin-right: -10px;
   } 	
	
 .roadside-section-column-pic-4 {
   width: 275px;
   height: 156px;
   margin-right: -10px;
   } 	
	
 .roadside-section-column-pic-5 {
   width: 275px;
   height: 156px;
   margin-right: -10px;
   } 
   }

@media (max-width: 722px){
 .roadside-section-column-pic {
   margin-right: 0px;
   margin-top: 16px;
   width: 251px;
   height: 137px;
   } 
	
 .roadside-section-column-pic-2 {
   margin-right: 0px;
   margin-top: 16px;
   width: 251px;
   height: 137px;
   } 
	
 .roadside-section-column-pic-3 {
   margin-right: 0px;
   margin-top: 16px;
   width: 251px;
   height: 137px;
   } 
	
 .roadside-section-column-pic-4 {
   margin-right: 0px;
   margin-top: 16px;
   width: 251px;
   height: 137px;
   } 	
	
 .roadside-section-column-pic-5 {
   margin-right: 0px;
   margin-top: 16px;
   width: 251px;
   height: 137px;
   } 	
   }

@media (max-width: 711px){
 .roadside-section-column-pic {
   margin-right: 0px;
   margin-top: 16px;
   width: 239px;
   height: 137px;
   } 
	
 .roadside-section-column-pic-2 {
   margin-right: 0px;
   margin-top: 16px;
   width: 239px;
   height: 137px;
   } 
	
 .roadside-section-column-pic-3 {
   margin-right: 0px;
   margin-top: 16px;
   width: 239px;
   height: 137px;
   } 
	
 .roadside-section-column-pic-4 {
   margin-right: 0px;
   margin-top: 16px;
   width: 239px;
   height: 137px;
   } 	
	
 .roadside-section-column-pic-5 {
   margin-right: 0px;
   margin-top: 16px;
   width: 239px;
   height: 137px;
   } 	
   }

@media (max-width: 660px){
 .roadside-section-column-pic {
   margin: -1px auto auto auto;
   height: 177px;	 
   width: 353px;
   } 
	
 .roadside-section-column-pic-2 {
   margin: -1px auto auto auto;
   height: 177px;	 
   width: 353px;
   } 
	
 .roadside-section-column-pic-3 {
   margin: -1px auto auto auto;
   height: 177px;	 
   width: 353px;
   } 
	
 .roadside-section-column-pic-4 {
   margin: -1px auto auto auto;
   height: 177px;	 
   width: 353px;
   } 	
	
 .roadside-section-column-pic-5 {
   margin: -1px auto auto auto;
   height: 177px;	 
   width: 353px;
   } 	
   }

@media (max-width: 450px){
 .roadside-section-column-pic {
   margin: 5px auto auto auto;
   height: 177px;	 
   width: 324px;
   } 
	
 .roadside-section-column-pic-2 {
   margin: 5px auto auto auto;
   height: 177px;	 
   width: 324px;
   } 
	
 .roadside-section-column-pic-3 {
   margin: 5px auto auto auto;
   height: 177px;	 
   width: 324px;
   } 
	
 .roadside-section-column-pic-4 {
   margin: 5px auto auto auto;
   height: 177px;	 
   width: 324px;
   } 	
	
 .roadside-section-column-pic-5 {
   margin: 5px auto auto auto;
   height: 177px;	 
   width: 324px;
   } 	
   }

@media (max-width: 380px){
 .roadside-section-column-pic {
   margin: 5px auto auto auto;
   height: 177px;	 
   width: 290px;
   } 
	
 .roadside-section-column-pic-2 {
   margin: 5px auto auto auto;
   height: 177px;	 
   width: 290px;
   } 
	
 .roadside-section-column-pic-3 {
   margin: 5px auto auto auto;
   height: 177px;	 
   width: 290px;
   } 
	
 .roadside-section-column-pic-4 {
   margin: 5px auto auto auto;
   height: 177px;	 
   width: 290px;
   } 	
	
 .roadside-section-column-pic-5 {
   margin: 5px auto auto auto;
   height: 177px;	 
   width: 290px;
   } 	
   }

@media (max-width: 330px){
 .roadside-section-column-pic {
   margin: 2px auto auto auto;
   height: 155px;	 
   width: 255px;
   } 
	
 .roadside-section-column-pic-2 {
   margin: 2px auto auto auto;
   height: 155px;	 
   width: 255px;
   } 
	
 .roadside-section-column-pic-3 {
   margin: 2px auto auto auto;
   height: 155px;	 
   width: 255px;
   } 
	
 .roadside-section-column-pic-4 {
   margin: 2px auto auto auto;
   height: 155px;	 
   width: 255px;
   } 	
	
 .roadside-section-column-pic-5 {
   margin: 2px auto auto auto;
   height: 155px;	 
   width: 255px;
   } 	
   }


/* --- Roadside Section Column Text Responsive Media Query --- */

@media (max-width: 981px){
 .roadside-section-column-text {
   max-width: 412px;
   }  
   }
  
@media (max-width: 941px){
 .roadside-section-column-text {
   max-width: 386px;
   }  
   }
  
@media (max-width: 745px){
 .roadside-section-column-text {
   margin: auto;
   font-size: 16px; 
   max-width: 396px;
   text-align: center;
   }  
   }
  
 @media (max-width: 702px){
  .roadside-section-column-text {
    font-size: 15.2px;
    }  
    }	 
	 
 @media (max-width: 613px){
  .roadside-section-column-text {
    max-width: 268px !important;
    }  
    }

 @media (max-width: 330px){
  .roadside-section-column-text {
    max-width: 268px !important;
    }  
	 
  .lockout-details {
    margin-left: 46px;	  
    }	
    }

 @media all and (max-width: 380px) and (min-width: 331px) {
  .roadside-section-column-text {
    max-width: 347px !important;
    }  
	 
  .lockout-details {
    margin-left: 77px !important;	  
    }
    }

 @media all and (max-width: 450px) and (min-width: 381px) {
  .roadside-section-column-text {
    max-width: 376px !important;
    }  
	 
  .lockout-details {
    margin-left: 95px !important;	  
    }
    }

 @media all and (max-width: 921px) and (min-width: 451px) {
  .lockout-details {
    margin-left: 43px !important;	  
    }	
    }

 @media (max-width: 660px){
  .roadside-section-column-text {
	margin: auto auto auto auto !important;
    max-width: 367px;	  
    }  
    }  

 @media (max-width: 921px){
  .roadside-section-column-text {
    margin-left: 0px;
    max-width: 303px;
    }  
	 
  .lockout-details {
    text-align: left;
    }	
    }


/* --- Roadside Content Responsive Media Query --- */

@media (max-width: 1097px){
 .roadside-content {
   max-width: 1000px;
   padding: 25px 23px 43px 23px;
   }  
   }

@media (max-width: 638px){
 .roadside-content {
   max-width: 800px;
   }  
   }

@media (max-width: 660px){
 .roadside-content {
   margin-bottom: -35px;
   }  
   }



@media (max-width: 450px){
 .roadside-content {
   padding: 25px 23px 43px 23px;
   }  
   }

@media (max-width: 380px){
 .roadside-content {
   margin: -12px auto -35px auto;
   }  
   }


/* --- Roadside Section Column Responsive Media Query --- */

@media (max-width: 1097px){
 .roadside-section-column {
   max-width: 939px;
   padding: 40px 0px 40px 26px;
   } 
   }
  
@media (max-width: 1008px){
 .roadside-section-column {
   padding: 40px 13px 40px 13px;
   } 
   }

@media (max-width: 660px){
 .roadside-section-column {
   max-width: 640px;
   padding: 40px 15px 40px 0px;
   } 
   }

@media (max-width: 921px){
 .roadside-section-column {
   max-width: 689px;
   } 
   }

@media (max-width: 676px){
 .roadside-section-column {
   padding: 40px 0px 40px 0px;
   } 
   }

@media (max-width: 660px){
 .roadside-section-column {
   flex-direction: column;
   } 
   }
  
@media (max-width: 450px){
 .roadside-section-column {
   padding: 35px 0px 35px 0px;
   } 
   }


/* ========= /Roadside Assistance/ ========= */
    


/* ========= Contact Us ========= */

 .contact-section {
   background-color: #000; 
   border-bottom: 0.5px solid #6f6f6f;
   margin-top: -1px;
   } 

 .contact-area {
   font-family: 'Roboto', sans-serif;
   justify-content: space-between;
   padding: 48px 10px 50px 10px;
   flex-direction: row;
   max-width: 1000px;
   display: flex;	
   margin: -1px auto auto auto;
   width: 100%;
   }

 .contact-box-1 {
   max-width: 300px;
   width: 100%;
   background: #fff;
   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: #fff;
   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: 0px auto auto auto;
   width: 100%;
   background: #fff;
   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: 30px 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: 501px;
   color: black; 
   width: 100%;	
   }   
   
 .form-title {
   font-family: 'Roboto Condensed', sans-serif;
   font-weight: 500;	 
   font-size: 19px;
   color: white;
   }  
    
 .form-title-2 {
   font-family: 'Roboto Condensed', sans-serif;
   font-weight: 500;	 
   font-size: 19px;
   color: white;
   }  
      
 .form-bar {
   border: 1px solid white;
   border-radius: 5px;
   max-width: 293px;
   height: 30px;
   float: right;
   width: 100%;   
   }  
      
 .form-bar-2 {
   border: 1px solid white;
   margin-right: -22.5px;
   border-radius: 5px;
   max-width: 293px;
   color: white;
   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 {
   text-shadow: -1px -1px 0 #4e0c0f, 1px -1px 0 #4e0c0f, -1px 1px 0 #4e0c0f, 1px 1px 0 #4e0c0f, -1px -1px 0 #4e0c0f, 1px -1px 0 #4e0c0f, -1px 1px 0 #4e0c0f, 1px 1px 0 #4e0c0f; 
   font-family: 'Roboto Condensed', sans-serif;
   padding: 10px 10px 10px 10px;
   border: 1px solid black;
   background: #de2f36;
   border-radius: 5px;
   max-width: 127px;
   font-size: 19px;	
   cursor: pointer;
   color: white;
   width: 100%;
   }

 .form-description-section {
   justify-content: space-between;
   margin-left: -28px;
   max-width: 750px;
   display: flex;
   width: 100%;	 
   }   
   
 .operation-hours {
   padding: 9px 10px 22px 10px;
   margin: 0px 0px auto auto;
   border: 1px solid black;
   background: #eeeeee;
   max-width: 302px;
   width: 100%;
   } 
  
 .operation-hours-title {
   margin-bottom: 12px;
   font-weight: bolder;
   margin-top: 12px;
   font-size: 23px;
   } 
  
 .operation-hours-width {
   flex-direction: row;
   max-width: 255px;
   margin: auto;	
   width: 100%;
   color: black;
   } 

 .operation-hours-title-2 {
    font-weight: bolder;
    text-align: center;
    margin-top: 15px;
    font-size: 17px;
    color: black;
    }

  .operation-hours-column {
    margin-top: 10px;
    display: flex;
    }

  .lines {
    padding: 0px 14px 0px 14px;
    } 

  .ohd {
    margin-right: 17px;
    }

  .ohd-2 {
    margin-right: 16px;
    }

  .ohd-3 {
    margin-right: -7px;
    }

  .ohd-4 {
    margin-right: 9px;
    }

  .ohd-5 {
    margin-right: 31px;
    }

  .ohd-6 {
    margin-right: 13px;
    }

  .ohd-7 {
    margin-right: 22px;
    }

  .contact-line {
    background-color: #0a0a0a;
    margin-top: 9px;
    margin: auto;
    width: 50px;
    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: 1315px){
  .contact-area {
    max-width: 851px;
    }	
    }
	
 @media (max-width: 1205px){
  .contact-area {
    max-width: 779px;
    }	
    }
	
 @media (max-width: 1075px){
  .contact-area {
    max-width: 743px;	
	}
    }

 @media all and (max-width: 943px) and (min-width: 866px) {
  .contact-area {
    max-width: 705px !important;	
	}
    }

 @media (max-width: 865px){
  .contact-area {
	flex-direction: column;
	padding: 22px 10px 34px 10px;  
    max-width: 293px !important;
	margin: auto;
    }	
    }

 @media (max-width: 450px){
  .contact-area {
    padding: 49px 0px 32px 0px;
    margin: 0px auto auto auto !important;
	max-width: 298px !important;
	overflow-y: hidden;  
    }
    }
				
 @media (max-width: 330px){
  .contact-area {
    max-width: 320px;
    } 
    }


/* --- Contact Column Responsive Media Query --- */

 @media (max-width: 1075px){
  .contact-column-1 {
    max-width: 216px;
    width: 100%;
    }	
	
  .contact-column-2 {
    max-width: 237px;
    width: 100%;
    }	
    }

 @media (max-width: 1205px){
  .contact-column-1 {
    max-width: 200px;
    width: 100%;
    }	
	
  .contact-column-2 {
    max-width: 237px;
    width: 100%;
    }	
    }

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


/* --- Hours Of Opperation Responsive Media Query --- */

 @media (max-width: 1315px){
  .operation-hours {
    max-width: 251px !important;
    }	
    }

 @media (max-width: 1075px){
  .operation-hours {
    max-width: 215px !important;
    }	
    }

 @media (max-width: 796px){
  .operation-hours {
    max-width: 253px !important;
    }   
    }

 @media (max-width: 865px){
  .operation-hours {
    max-width: 391px !important;
    margin: 20px auto auto auto;
    }
    }

 @media (max-width: 1075px){
  .operation-hours {
    max-width: 58px;
    }
    }

 @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: 243px !important;
    }
    }


/* --- Hours Of Opperation Responsive Media Query --- */

 @media (max-width: 1315px){
  .operation-hours-width {
    max-width: 219px;
    }	
    }

 @media (max-width: 1205px){
  .operation-hours-width {
    max-width: 208px;
    }	
    }

 @media (max-width: 1075px){
  .operation-hours-width {
    max-width: 185px;  
    font-size: 14.6px;
    }
    }

 @media (max-width: 865px){
  .operation-hours-width {
    max-width: 229px;
    }	
    }

 @media all and (max-width: 660px) and (min-width: 451px) {
  .operation-hours-width {
    max-width: 238px;	
    }
    }

 @media (max-width: 450px){
  .operation-hours-width {
    max-width: 231px;
    }
    }

 @media (max-width: 330px){
  .operation-hours-width {
   margin: auto;
   color: black;
   width: 215px;
   } 
   }


/* --- Hours Of Opperation Responsive Media Query --- */

 @media (max-width: 1315px){
  .operation-hours-column {
    font-size: 15px;
    }	
    }















/* --- Hours Of Opperation Responsive Media Query --- */

 @media (max-width: 1205px){
  .operation-hours-title {
    font-size: 19.5px !important;
    }	
    }	

 @media (max-width: 1130px){
  .operation-hours-title {
    margin-left: 0px;	
	}
    }

 @media (max-width: 1075px){
  .operation-hours-title {
    font-size: 23px !important;
    }	
  .operation-hours-title {
	font-size: 19px !important;  
    margin-left: 0px;	
	}
    }

 @media (max-width: 1075px){
  .operation-hours-title {
    font-size: 21px;	
    }
    }

 @media (max-width: 865px){
  .operation-hours-title {
    font-size: 20px;	
    }
    }











 @media (max-width: 660px){
  .operation-hours-title {
    font-size: 21px;	
    }
    }

 @media (max-width: 450px){
  .operation-hours-title {
    font-size: 22px;	
    }
    }


/* --- Hours Of Opperation Responsive Media Query --- */

 @media (max-width: 1130px){
  .operation-hours-days {
    font-size: 15px;
    }	
    }

 @media (max-width: 660px){
  .operation-hours-days {
    font-size: 16px;
    }    
	}

 @media (max-width: 1075px){
  .operation-hours-days {
    font-size: 14px;
    }	
    }

 @media (max-width: 865px){
  .operation-hours-days {
    font-size: 15px;
    }	
    }

 @media (max-width: 330px){
  .operation-hours-days {
    font-size: 14.5px;
    }	
    }


/* --- Hours Of Opperation Responsive Media Query --- */

 @media (max-width: 1195px){
  .daily-open-hours {
    font-size: 15.3px;
	}
	}

 @media (max-width: 1130px){
  .daily-open-hours {
    font-size: 15px;
    }	
    }

 @media (max-width: 660px){
  .daily-open-hours {
    font-size: 16px;
	}
	}

 @media (max-width: 1075px){
  .daily-open-hours {
    font-size: 14px;
    }	
    }

 @media (max-width: 865px){
  .daily-open-hours {
    font-size: 15px;
    }	
    }

 @media (max-width: 330px){
  .daily-open-hours {
    font-size: 14.5px;
    }	
    }


/* --- Hours Of Opperation Responsive Media Query --- */

 @media (max-width: 1315px){
  .contact-line {
    width: 35px !important;
    }   
    }	

 @media (max-width: 1205px){
  .contact-line {
    width: 24px !important;
    }   
    }	

 @media (max-width: 1130px){
  .contact-line {
    width: 53px;
    }   
    }

 @media (max-width: 1075px){
  .contact-line {
    width: 18px !important;
    }
    }

 @media (max-width: 905px){
  .contact-line {
    width: 16px !important;
    }   
    }	

 @media all and (max-width: 865px) and (min-width: 756px) {
  .contact-line {
    width: 38px !important;
    }   
    }

 @media (max-width: 755px){
  .contact-line {
    width: 31px !important;
    }   
    }

 @media all and (max-width: 660px) and (min-width: 451px) {
  .contact-line {
    width: 50px !important;
    }   
    }

 @media (max-width: 450px){
  .contact-line {
    width: 33px !important;
    }   
    }

 @media (max-width: 330px){
  .contact-line {
    width: 25px !important;
    }   
    }


/* --- Hours Of Opperation Responsive Media Query --- */

 @media (max-width: 1075px){
  .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;
    }  
    }



/* --- 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: 888px){
  .contact-section-width {
	justify-content: space-between;
	width: 100%;
	}
    }

 @media (max-width: 865px){
  .contact-section-width {
    padding: 30px 30px 63px 30px;  
	max-width: 725px;  
	}
    }

 @media (max-width: 660px){
  .contact-section-width {
	flex-direction: column;
    padding: 22px 40px 0px 40px;  
	}
    }

 @media (max-width: 450px){
  .contact-section-width {
	padding: 35px 18px 7px 17px;
	}
	
  .contact-section {
	padding: 0px;
	}
    }


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

 @media (max-width: 1315px){
  .contact-box-1 {
    max-width: 251px;
    height: 180px;
    } 
  
  .contact-box-2 {
    max-width: 251px;
    height: 180px;
    } 
  
  .mail-contact-us {
    word-break: break-word;
    max-width: 181px;
    width: 100%; 
    }
	
  .contact-box-3 {
    max-width: 251px;
    height: 180px;
    } 
    }

 @media (max-width: 1205px){
  .contact-box-1 {
    max-width: 216px;
    } 
  
  .contact-box-2 {
    max-width: 216px;
    height: 171px;  
    } 
  
  .contact-box-3 {
    max-width: 216px;
    } 
    }

 @media (max-width: 1040px){
  .contact-box-1 {
    max-width: 215px;
    } 
  
  .contact-box-2 {
    max-width: 215px;
    } 
  
  .contact-box-3 {
    max-width: 215px;
    } 
    }

 @media (max-width: 943px){
  .contact-box-1 {
    max-width: 195px;
    } 
  
  .contact-box-2 {
    max-width: 195px;
    } 
  
  .contact-box-3 {
    max-width: 195px;
    } 
    }

 @media (max-width: 865px){
  .contact-box-1 {
    max-width: 282px;
    height: 173px;
    } 
  
  .contact-box-2 {
    margin: 20px auto auto auto;	  
    max-width: 282px;
    height: 173px;
    } 
    }

 @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: 171px;
    margin-right: auto;
    } 
  
  .contact-box-2 {
    max-width: 90vw !important;
    height: 175px;
    } 
  
  .mail-contact-us {
    max-width: 187px;
    }
	
  .contact-box-3 {
    margin-left: 0px; 
    max-width: 90vw !important;
    height: 188px !important;
    margin-bottom: 22px;
    margin-top: 20px;
    } 
    }
		
 @media (max-width: 450px){
  .contact-box-1 {
    max-width: 290px !important;
	margin: auto;
    } 
   
  .contact-box-2 {
    max-width: 290px !important;
	margin: 0px auto 26px auto;
    height: 174px;
    } 
   
  .contact-box-3 {
    max-width: 290px !important;
	margin: 26px auto 20px auto;
    } 
	 
  .mail-contact-us {
    max-width: 190px;
    height: 184px !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;
    height: 191px !important;  
    } 
	
  .mail-contact-us {
    max-width: 177px;
    }	
    }
	
	

/* --- Form Responsive Media Query --- */ 

 @media (max-width: 1135px){
  .form-description-section {
    margin-left: -29px;
    }
    }
		 
 @media (max-width: 1055px){
  .form-description-section {
    margin-left: -17px;
    }
    }

 @media (max-width: 1000px){
  .form-description-section {
    margin-left: -20px;
    }
    }
		 
 @media (max-width: 1135px){
  .form-description-section {
    margin-left: -29px;
    }
    }

 @media (max-width: 1055px){
  .form-description-section {
    margin-left: -17px;
    }
    }

 @media (max-width: 930px){
  .form-description-section {
    margin-left: -16px;
    }
    }

 @media (max-width: 914px){
  .form-description-section {
    margin-left: -11px;
    }
    }

 @media (max-width: 660px){
  .form-description-section {
    margin-left: -19px;
    }
    }

 @media (max-width: 450px){
  .form-description-section {
    margin-top: 31px;
    }
    }

 @media (max-width: 380px){
  .form-description-section {
    margin-top: 31px;
    }
    }

 @media (max-width: 330px){
  .form-description-section {
    margin-top: 45px;
    }
    }

 @media (max-width: 450px){
  .form-description-section {
    margin-left: -20px;
    }	 
    }

 @media (max-width: 330px){
  .form-description-section {
    margin-left: -23px;
    }	 
    }


/* --- Form Responsive Media Query --- */ 

 @media (max-width: 1135px){
  .form-area {
    max-width: 422px;	
    }
    }

 @media (max-width: 1055px){
  .form-area {
    max-width: 372px;	
    }
    }

 @media (max-width: 1000px){
  .form-area {
    max-width: 338px;	
    width: 100%;
    }
    }
		
 @media (max-width: 977px){
  .form-area {
    margin-left: 0px;
    }
    }
	
 @media (max-width: 930px){
  .form-area {
    max-width: 311px;	
    width: 100%;
    }
    }
		
 @media (max-width: 915px){
  .form-area {
    padding: 43px 26px 0px 10px;
	}
    }

 @media (max-width: 915px){
  .form-area {
    padding: 43px 26px 0px 10px;
	}
    }
		
 @media (max-width: 865px){
  .form-area {
    margin-left: 0px;
	}
    }
		
 @media (max-width: 725px){
  .form-area {
    max-width: 290px;	
    width: 100%;
    }
    }
	 
 @media (max-width: 660px){
  .form-area {
	padding: 29px 26px 0px 10px;  
    max-width: 362px;	
	margin: auto;
    width: 100%;
    }
    }
	
 @media (max-width: 450px){
  .form-area {
    margin: 0px auto;
    max-width: 1170px;
    padding: 0px 10px 0px 10px !important;
    }   
    }
	
 @media (max-width: 450px){
  .form-area {
    max-width: 328px;	
    width: 100%;
    }
    }
	
 @media all and (max-width: 3840px) and (min-width: 651px) {
_:-ms-lang(x), .ie10up, .form-area { 
   margin-top: 80px;
   }
   }
	
	 
/* --- Form Responsive Media Query --- */ 
	 
 @media (max-width: 1135px){
  .form-bar {
    max-width: 183px;
    }  
	
  .form-bar-2 {
    max-width: 210px;	
    }
    }
			
 @media (max-width: 1000px){
  .form-bar {
    max-width: 140px;
    }  
	
  .form-bar-2 {
    max-width: 166px;	
	}
    }
		
 @media (max-width: 930px){
  .form-bar {
    max-width: 125px;
    }  
	
  .form-bar-2 {
    max-width: 155px;	
	}
    }
		
 @media (max-width: 725px){
  .form-bar {
    max-width: 110px;
    }  
	
  .form-bar-2 {
    max-width: 136px;	
    }
    }
		
 @media (max-width: 660px){
  .form-bar {
    max-width: 151px;
    }  
	
  .form-bar-2 {
    max-width: 175px;	
    }
    }
	
 @media (max-width: 450px){
  .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: 1055px){
  .form-title {
    font-size: 17px;
    } 
	 
  .form-title-2 {
    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: -13px;
	margin-top: -14px;  
    } 	 
    }


/* ========= /Contact Us/ ========= */