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

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


 @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: 27px;	  
    width: 65px;
    right: 20px;
    }
    }


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

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

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

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


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

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

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

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

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

 .header-offer span {
   color: yellow;
   }

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

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

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

 .logo {
   background-image: url("../img/Logo.png");
   background-repeat: no-repeat;
   background-position: center;
   background-size: cover;
   margin-left: -28px;
   max-width: 335px;
   margin-top: 5px;
   height: 223px;
   width: 100%;
   }

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

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

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

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

 .logo-container-2 {
   box-sizing: content-box;
   text-decoration: none;	 
   width: 43%; 
   }

 .logo-container {
   box-sizing: content-box;
   text-decoration: none;	 
   width: 43%; 
   }

 .dropdown-menu-item-1 {
   font-size: 23px;
   color: white;
   }

 .menu-item {
   font-size: 23px;
   color: white;
   }

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

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

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

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

  nav.dropdown {
   display: inline-block;
   }

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

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

 .ndi {
   border-left: none;
   }

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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


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

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

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


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

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

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


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

 @media (max-width: 1313px){
  .logo {
    margin-left: -42px;
    max-width: 335px;
    height: 184px;
    }
    }

 @media (max-width: 1275px){
  .logo {
    margin-left: -7px;
    max-width: 219px;  
    height: 148px;	
    }
    }

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

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

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

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

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

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

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

 @media (max-width: 521px){
  .logo-home {
    height: 242px;	
    }
	 
  .logo {
    height: 242px;	
    }
    }

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

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

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


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

 @media (max-width: 1450px){
  .logo-container-2 {
    max-width: 369px;	
    }
	 
  .logo-home {
    height: 280px;
    }	 
    }

 @media (max-width: 1333px){
  .logo-container-2 {
    max-width: 310px;	
    }
	 
  .logo-home {
    height: 234px;
    }	
    }

 @media (max-width: 1313px){
.logo-container {
    max-width: 306px;
}	 
    }

 @media (max-width: 1275px){
.logo-container {
    max-width: 268px;
}	 
    }

 @media (max-width: 1236px){
.logo-container {
    margin-left: -24px;	
}	 
    }

 @media (max-width: 1278px){
  .logo-container-2 {
    margin-left: -21px; 
    }
	 
  .logo-home {
    height: 213px;
    }	
    }

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

 @media (max-width: 1075px){
  .logo-container-2 {
    max-width: 245px;	
    }
	 
  .logo-container {
    max-width: 245px;	
    }
	 
  .logo-home {
    height: 185px;
    }	
	 
  .logo {
    height: 129px;
    }	
    }

 @media (max-width: 948px){
  .logo-container-2 {
    max-width: 209px;	
    }
	 
  .logo-container {
    max-width: 209px;	
    }
	 
  .logo {
    height: 122px;
    }	
	 
.logo-home {
    height: 160px;
}
    }

 @media (max-width: 870px){
  .logo-container-2 {
    max-width: 280px;	
    }
	 
  .logo-container {
    max-width: 280px;	
    }
	
.logo {
    height: 222px;
}
	 
.logo-home {
    height: 210px;
}
    }

 @media (max-width: 823px){
  .logo-container-2 {
    max-width: 230px;	
    }
	 
  .logo-container {
    max-width: 230px;	
    }
	 
.logo {
    height: 175px;
}	
	 
.logo-home {
    height: 175px;
}	 
    }

 @media (max-width: 784px){
  .logo-container-2 {
    max-width: 203px;	
    }
	 
  .logo-container {
    max-width: 203px;	
    }
	 	
.logo {
    height: 154px;
}		 
	 
.logo-home {
    height: 154px;
}	 
    }

 @media (max-width: 712px){
  .logo-container-2 {
    max-width: 185px;	
    }
	 
  .logo-container {
    max-width: 185px;	
    }
	 	  
.logo {
    height: 142px;
}		 
	 
.logo-home {
    height: 142px;
}	 
    }

 @media (max-width: 660px){
  .logo-container-2 {
	margin: 16px auto auto auto;
    max-width: 644px;	
    width: 100%;	
    } 
	 
  .logo-container {
	margin: 16px auto auto auto;
    max-width: 644px;	
    width: 100%;	
    } 	 
	
.logo {
    height: 283px;
}	 	 
	 
.logo-home {
    height: 283px;
}	 
    }

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

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

 @media (max-width: 330px){ 
.logo {
    height: 148px;
}	 	 
	 
.logo-home {
    height: 148px;
}	 
	 
.logo-container-2 {
    margin: 11px auto auto auto;	 
    }
    }











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

 @media (max-width: 1333px){
  .logo-text {
    margin: -13px auto auto auto;
    line-height: 22px;
    font-size: 15.5px;	 
    }
    }

 @media (max-width: 1075px){
  .logo-text {
    margin: -17px auto auto auto;
    font-size: 14.5px;	 
    }
    }

 @media (max-width: 660px){
  .logo-text {
    margin: -17px auto auto auto;
	line-height: 22px;  
    font-size: 16px;	 
    }
    }




















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

 @media (max-width: 1538px){
  .nav-container {
    max-width: 885px;	
    }
    }
    
 @media (max-width: 1313px){
nav {
    margin-top: 42px;    
    }
    }

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

 @media (max-width: 1075px){
  .nav-container {
	margin-top: 15px;  
    }
    }

 @media (max-width: 1030px){
  .nav-container {
    margin-right: -14px;   
    max-width: 611px;	
    }
    }

 @media (max-width: 948px){
  .nav-container {
	margin-top: 0px; 
    }
    }

 @media (max-width: 870px){
  .nav-container {
    margin-top: 10px;	  
    max-width: 428px;	
    }
	 
   nav {
	margin-top: 55px;   
    flex-wrap: wrap;
    }
    }

 @media (max-width: 823px){
   nav {
    margin-top: 37px;
    }
    }

 @media (max-width: 763px){
  .nav-container {
    margin-right: -10px;  
    max-width: 392px;	
    }
    }

 @media (max-width: 763px){
   nav {
    margin-top: 35px;
    }
    }

 @media (max-width: 748px){
   nav {
    margin-top: 23px;
    }
    }

 @media (max-width: 712px){
   nav {
    margin-top: 26px;
    }
    }

 @media (max-width: 700px){
  .nav-container {
    max-width: 360px;	
    }
    }

 @media (max-width: 676px){
  .nav-container {
    max-width: 346px;	
    }
    }

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

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


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

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





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

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

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

 @media (max-width: 1030px){
  .menu-item {
    font-size: 14px;
    }	
	
  .dropdown-menu-item-1 {	
    font-size: 16.5px;
    }	
    }

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

 @media (max-width: 870px){
  .menu-item {
    font-size: 18px;
	margin-top: 16px;
    }	
	
  .dropdown-menu-item-1 {	
    font-size: 18px;
    }	
	 
  .lmi-2 {
    margin-right: 238px;
    }	
    }

 @media (max-width: 763px){
  .menu-item {
    font-size: 16.5px;
	margin-top: 12px;
    }	
	
  .dropdown-menu-item-1 {	
    font-size: 16.5px;
    }	
	 
  .lmi-2 {
    margin-right: 217px;
    }	
    }

 @media (max-width: 700px){
  .menu-item {
    font-size: 15px;
    }	
	
  .dropdown-menu-item-1 {	
    font-size: 15px;
    }	
	 
.lmi-2 {
    margin-right: 198px;
}	 
    }

 @media (max-width: 676px){
  .menu-item {
    font-size: 14.5px;
    }	
	
  .dropdown-menu-item-1 {	
    font-size: 14.5px;
    }	
	 
.lmi-2 {
    margin-right: 191px;
}	 
    }

 @media (max-width: 785px){
  .dropdown {
    height: 32px;
    }
	
  .dropdown-content {
    margin-top: 0px;	
	}
	
  .lmi {
    margin-left: 67px;
    margin-top: -32px;
    }	
    }

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


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



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

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

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

 .footer-call-now {
   text-shadow: -1px -1px 0 #000000, 1px -1px 0 #000000, -1px 1px 0 #000000, 1px 1px 0 #000000, -1px -1px 0 #000000, 1px -1px 0 #000000, -1px 1px 0 #000000, 1px 1px 0 #000000;	 
   background: linear-gradient(180deg,#ff5352 15%, #e73534 35%, #cc2a29 59%,#b32625 75%,#9d2322 88%);
   box-shadow: 0px 0px 16px black, 0px 0px 16px rgba(0, 0, 0, 0.69), 0px 0px;
   font-family: 'Roboto Condensed', sans-serif; 
   background-color: #000000;
   text-decoration: none;
   padding-bottom: 17px;
   border-radius: 14px;	 
   padding-top: 17px;
   font-weight: 780;	 
   margin-top: 22px;
   font-size: 24px; 
   color: white !important;
   width: 170px;
   } 


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

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


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

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

 .als {
   margin-bottom: 12px;
   }


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

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

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

 @media (max-width: 730px){
  .footer-width {
    padding: 32px 32px 45px 25px;
    }  
    }

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

 @media (max-width: 450px){
  .footer-width {
	padding: 19px 33px 50px 33px;
    }  
    }
  
 @media (max-width: 330px){
  .footer-width {
	padding: 16px 27px 45px 27px;
    }  
    }
  

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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


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

 @media (max-width: 924px){
  .footer-call-now {
    font-size: 22px;
    width: 138px;
    }  
    }

 @media (max-width: 882px){
  .footer-call-now {
    padding-bottom: 12px;
    padding-top: 12px;	  
    font-size: 19px;
    width: 122px;
    }  
    }

 @media (max-width: 660px){
  .footer-call-now {
    padding-bottom: 16px;
    padding-top: 17px;
    font-size: 21px;
    width: 145px;
    }  
    }












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

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

 @media (max-width: 927px){
  .footer-box-logo {   
    height: 141px;
    }  
    }

 @media (max-width: 811px){
  .footer-box-logo {   
    margin-bottom: -6px;
    max-width: 256px;
    margin-top: -7px;
    height: 122px;
    }  
    }

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

 @media (max-width: 660px){
  .footer-box-logo {   
    margin-bottom: -2px;  
    height: 159px;
    }  
    }

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

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

 @media (max-width: 330px){
  .footer-box-logo {   
    margin-top: -6px;  
    height: 153px !important;
    }
    }


/* Footer box Responsive Media Query */

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

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

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

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


/* Address Line Responsive Media Query */

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

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

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

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

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

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

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


/* Footer Menu Link Responsive Media Query */

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

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

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

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

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

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



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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

 @media (max-width: 545px){
  .book-button {
    max-width: 270px;
    }
    }

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



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

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

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


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

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


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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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


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

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

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


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

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


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

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

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


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

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

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

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

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


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

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

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

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

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

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

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













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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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







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

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

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


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

 @media (max-width: 330px){
  .interior-exterior-title {
    font-size: 24px !important;
    }
	 
  .interior-exterior-price {
    font-size: 22px !important;	 
    }
	  
  .all-interior-exterior {
    max-width: 233px;
    }	 
    }
	 
	
/* --- Book Appointment Width Responsive Media Query --- */

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


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

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

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

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

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

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


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

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

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


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



/* ========= Tire Service & Repair ========= */

.tire-repair-section {
	margin-top: -1px;
    background: black;
}

.tire-repair-width {
    font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";	
    padding: 63px 40px 27px 40px;
    max-width: 1164px;
    line-height: 24px;
    margin: auto;
    color: white;
}

 .tire-repair-width p {
	margin-top: 10px;
}

.tire-repair-title {
    margin-bottom: 13px;
    font-weight: 700;
    font-size: 27px;
}

.tire-repair-title-2 {
    margin-bottom: 13px;
    font-weight: 700;
    font-size: 19px;
}

 .tire-repair-detail-section {
   justify-content: space-between;
   margin: 20px auto 20px auto;
   max-width: 425px;
   display: flex;
   }

 .tire-repair-details {
   padding: 16px 0px 16px 35px;
   }

 .trd {
   margin-top: 12px;
   }

 .tire-repair-pic {
   background-image: url("../img/tires-4.jpg");
   background-repeat: no-repeat;
   background-position: center;
   background-size: cover;
   margin-left: -111px;
   margin-top: 223px;
   max-width: 422px;
   height: 201px;
   float: right;
   width: 100%;
   }


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

 @media (max-width: 450px){
  .tire-repair-width {
    padding: 42px 30px 20px 30px;	  
    }
    }

 @media (max-width: 380px){
  .tire-repair-width {
    padding: 26px 27px 20px 27px;	  
    }
    }

 @media (max-width: 330px){
  .tire-repair-width {
    padding: 24px 27px 20px 27px;	  
    }
    }


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

 @media (max-width: 707px){
  .tire-repair-title {
    margin-top: 40px;	 
    }
    }

 @media (max-width: 450px){
  .tire-repair-title {
    margin-top: 5px;
	font-size: 23px;  
    }
	 
 .tire-repair-title-2 {
    font-size: 17px;	 
    }
    }







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

 @media (max-width: 657px){
  .tire-repair-detail-section {	 
	flex-direction: column;
    }

  .tire-repair-details {
    padding: 0px 0px 0px 0px;
	margin: auto;
	}	
	 
  .trd {
    max-width: 90px;
    width: 100%;	 
    }
    }


/* ========= /Tire Service & Repair/ ========= */



/* ========= Mobile Tire Services ========= */

.mobile-tire-section {
	margin-top: -1px;
    background: black;
}

.mobile-tire-width {
    font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";	
    padding: 63px 40px 36px 40px;
    max-width: 1136px;
    line-height: 24px;
    margin: auto;
    color: white;
}

 .mobile-tire-width p {
	margin-top: 10px;
}


.mobile-tire-title {
    margin-bottom: 13px;
    font-weight: 700;
    font-size: 27px;
}

.mobile-tire-pic {
    background-image: url( "../img/utfyfytfyt (1) (2).jpg");
    background-clip: content-box;
    background-repeat: no-repeat;
    background-position: center;
    border: 1px solid #cccccc;
    background-size: cover;
    margin-left: 37px;
    max-width: 429px;
    margin-top: 6px;
    height: 360px;
	float: right;
    width: 100%;
    padding: 5px;
}


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

 @media (max-width: 662px){
  .mobile-tire-width {	 
    padding: 63px 40px 50px 40px;
    }
    }

 @media (max-width: 450px){
  .mobile-tire-width {	 
    padding: 51px 40px 20px 40px;
    }
    }

 @media (max-width: 380px){
  .mobile-tire-width {	 
    padding: 27px 27px 20px 27px;
    }
    }


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

 @media (max-width: 1085px){
  .mobile-tire-pic {	 
    max-width: 332px;
    margin-top: -22px;
    height: 265px;	 
    }
    }

 @media (max-width: 1049px){
  .mobile-tire-pic {	 
    margin-top: 0px;
    }
    }

 @media (max-width: 982px){
  .mobile-tire-pic {	 
    margin-top: 25px;
    }
    }

 @media (max-width: 982px){
  .mobile-tire-pic {	 
    margin-top: 44px;
    }
    }

 @media (max-width: 903px){
  .mobile-tire-pic {	 
    margin-top: 62px;
    }
    }

 @media (max-width: 837px){
  .mobile-tire-pic {	 
    max-width: 321px;
    margin-top: -5px;
    }
    }

 @media (max-width: 766px){
  .mobile-tire-pic {	 
    max-width: 271px;
    height: 242px;
    }
    }

 @media (max-width: 662px){
  .mobile-tire-pic {	 
	margin-left: 0px;  
    max-width: 534px;
    height: 476px;
	float: none;
    }
    }

 @media (max-width: 530px){
  .mobile-tire-pic {	 
    height: 395px;
    }
    }

 @media (max-width: 450px){
  .mobile-tire-pic {	 
    height: 280px;
    }
    }


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

 @media (max-width: 1085px){
  .mobile-tire-title {
    margin-top: 30px;
    }
    }

 @media (max-width: 450px){
  .mobile-tire-title {
    margin-bottom: 7px;
    font-size: 22px;	  
    }
    }

 @media (max-width: 330px){
  .mobile-tire-title {
    font-size: 20px;	  
    }
    }


/* ========= /Mobile Tire Services/ ========= */



/* ========= About Us ========= */

 .about-content {
   background: black;
   margin-top: -1px; 
   }

 .about-title {
   font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; 
   text-align: center;
   font-size: 18.5px;
   font-weight: 600;
   max-width: 454px;
   margin: auto;
   }
  	    
 .about-description-title {
   font-weight: 700;
   margin-top: 8px;
   font-size: 42px;
   }  
   
 .about-picture {
   background-image: url("../img/Logo.png");
   background-repeat: no-repeat;
   background-clip: content-box;
   background-position: center;
   background-size: contain;
   }  

 .about-section-check {
   margin: -6px 0px 0px 10px;
   line-height: 28px;
   text-indent: 0px;
   max-width: 474px;
   font-weight: 500; 
   font-size: 19px;
   }
   
 .section-detail {
   line-height: 28px;
   padding-top: 10px;
   max-width: 474px;
   font-weight: 500;
   font-size: 18px;
   width: 100%;
   }		  
		  
 .about-section-details {
   font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; 
   padding: 20px 17px 15px 17px;
   flex-direction: row;
   line-height: 20px;
   max-width: 951px;
   display: flex;
   color: white; 
   margin: auto;
   } 
  
 .section-detail-title {
   font-family: 'Roboto Condensed', sans-serif;
   margin-bottom: 0px;
   font-weight: 600;
   margin-top: -5px;
   font-size: 23px;
   }

 .section-detail-p {
   margin: 0px 36px 0px 36px;
   line-height: 28px;
   padding-top: 10px;
   max-width: 474px;
   font-weight: 500;
   font-size: 18px;	 
   } 
   
 .check-width {
   margin-top: 17px;
   max-width: 258px;
   margin: auto;	 
   }
 
 .about-check {
   margin-top: 7px;
   height: 21px;
   }

  .about-description-title {
	text-align: center;
    font-weight: 700;
    margin-top: 8px;
    font-size: 38px;
    }  
   	 
  .about-description {
    font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    padding: 35px 40px 33px 40px;
    margin-bottom: 12.5px;
    line-height: 31px;
    font-size: 20px;
    max-width: 1077px;
    line-height: 1.5;
	text-align: center;
    margin: auto;
    color: white;
    }	 
	 
  .about-call {
    font-family: 'Roboto Condensed', sans-serif;
	text-align: center;
    margin-top: 26px;
    font-weight: 600;
    font-size: 26px;
    color: #f90529;
    }	 
	 
  .contact-via-phone {
    font-weight: 600;
    margin-top: 22px;
    }	 
	 
  .about-picture {
    margin: -9px 36px auto 0px;
    max-width: 410px;
    height: 472px;
    padding: 7px;
    float: left;
    width: 100%;
    }	 	

  .page-tire-hours {
    font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";	  
	padding-bottom: 46px;
    text-align: center;
	font-size: 20px;
	color: yellow;
    }


/* --- Responsive Media Query --- */  
/* --- About Picture Responsive Media Query --- */
   
 @media (max-width: 1270px){
  .about-picture {
    height: 529px;	
	}	
    }

 @media (max-width: 1115px){
  .about-picture {
    height: 595px;	
	}	
    }

 @media (max-width: 1030px){
  .about-picture {
    height: 415px;
    }
    }

 @media (max-width: 997px){
  .about-picture {
    height: 483px;
    }
    }

 @media (max-width: 950px){
  .about-picture {
    margin: 34px 36px auto 0px;
    max-width: 380px;
    height: 279px;
    }
    }

 @media (max-width: 875px){
  .about-picture {
    margin: 44px 17px auto 0px;
    max-width: 316px;
    height: 237px;
    }
    }

 @media (max-width: 748px){
  .about-picture {
    margin: 22px 17px auto 0px;
    max-width: 286px;
    height: 208px;
    }
    }

 @media (max-width: 695px){
  .about-picture {
    margin: 46px 15px auto 0px;
    max-width: 286px;
    height: 225px;
    }
    }

 @media (max-width: 660px){
  .about-picture {
    margin: 46px 15px auto 0px;
    max-width: 612px;
    height: 388px;
    }
    }

 @media (max-width: 560px){
  .about-picture {
    margin: 6px 15px auto 0px;
    max-width: 612px;
    height: 345px;
    }
    }

 @media (max-width: 450px){
  .about-picture {
    margin: 0px 15px auto 0px;
    max-width: 612px;
    height: 205px;
    float: none;  
    }
    }

 @media (max-width: 380px){
  .about-picture {
    height: 200px;
    }
    }

 @media (max-width: 330px){
  .about-picture {
    height: 168px;
    }
    }


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

 @media (max-width: 717px){
  .about-description-title {
   font-size: 32px !important;
	}
    }

 @media (max-width: 660px){
  .about-description-title {
    margin-left: 0px;
    }
    }

 @media (max-width: 450px){
  .about-description-title {
	font-size: 29px !important;
	width: 100%;
    }
	 
  .check-width {
    margin-top: 11px !important;
    max-width: 223px;	 
    }
    }

 @media (max-width: 330px){
  .about-description-title {
    margin-top: 14px;
	font-size: 24px !important;
    }
    }


/* --- About Description Responsive Media Query --- */
   
 @media (max-width: 748px){
  .about-description {
    font-size: 18px !important;
	}
    }

 @media (max-width: 380px){
  .about-description {
	padding: 27px 25px 33px 25px;  
    font-size: 16px !important;	
	}
    }

 @media (max-width: 330px){
  .about-description {
	padding: 14px 25px 33px 25px;  
    font-size: 15.5px !important;	
	}
    }


/* --- About Call Responsive Media Query --- */
   
 @media (max-width: 380px){
  .about-call {
    font-size: 22px;
    }
    }

 @media (max-width: 330px){
  .about-call {
    font-size: 18px;
    }
    }    


/* --- Section Detail Responsive Media Query --- */
   
 @media (max-width: 929px){
  .section-detail-p {
    font-size: 16.5px;
    }
	
  .section-detail {
    font-size: 16.5px;
    }
    }

 @media (max-width: 750px){
  .section-detail-p {
    font-size: 15.7px;
    }
	
  .section-detail {
    font-size: 15.7px;
    }
    }
	  
 @media (max-width: 660px){
  .section-detail-p {
    font-size: 16px;
    }
	
  .section-detail {
    font-size: 16px;
    }
    }
	  

/* --- About Section Check Responsive Media Query --- */
   
 @media (max-width: 1048px){
  .about-section-check {
    font-size: 14.5px;
    }
    }
    
 @media (max-width: 631px){
  .about-section-check {
    font-size: 15px;
    }
    }
 
 @media (max-width: 660px){
  .about-section-check {
    font-size: 18px;
    }
    }
  
 @media (max-width: 672px){
  .section-detail-p {
    margin: 0px 16px 0px 16px;
    } 
    }
 
 @media (max-width: 1090px){
  .about-section-details {
    max-width: 853px;
    } 
    }

 @media (max-width: 946px){
  .about-section-details {
    max-width: 761px;
    } 
    }

 @media (max-width: 450px){
  .about-section-details {
	padding: 26px 17px 52px 17px; 
    } 
    }

 @media (max-width: 865px){
  .about-section-details {
    max-width: 706px;
    } 
	 
  .section-detail {
    max-width: 224px;
    line-height: 1.5;
    }	
	
  .section-detail-p {
    max-width: 224px;
    line-height: 1.5;
    }	
    }

 @media (max-width: 776px){
  .about-section-details {
    max-width: 648px;
    } 
	 
  .section-detail {
    max-width: 183px;
    }	
	
  .section-detail-p {
    max-width: 183px;
    }
    }

 @media (max-width: 713px){
  .about-section-details {
    max-width: 567px;
    } 
	 
  .section-detail {
    max-width: 162px;
    }	
	
  .section-detail-p {
    max-width: 162px;
    }	
    }

 @media (max-width: 665px){
  .about-section-details {
    max-width: 1008px;
    }	
	
  .section-detail {
    max-width: 800px;
    }	
	
  .section-detail-p {
    max-width: 800px;
    }
    }
  
 @media (max-width: 665px){
  .about-section-details {
    max-width: 493px;
    flex-direction: column;
    } 
   
  .section-detail-p {
    margin: 26px 0px 26px 0px;
    }    
    }
  
 @media (max-width: 330px){
  .about-section-details {
    max-width: 292px !important;
    } 
    }

 @media (max-width: 562px){
  .about-section-details {
    max-width: 355px;
    padding: 26px 17px 43px 17px;
    } 
   
  .section-detail-p {
    margin: 26px 0px 26px 0px;
    }    
    }


/* ========= /About Us/ ========= */



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

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

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

 .contact-box-1 {
   max-width: 284px;
   width: 100%;
   background: #eee;
   height: 182px;
   margin-bottom: 20px;
   padding: 21px 7px 31px 7px;
   font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
   color: black;
   } 
  
 .contact-box-2 {
   max-width: 284px;
   width: 100%;
   background: #eee;
   height: 168px;
   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: 284px;
   margin-left: 8px;
   width: 100%;
   background: #eee;
   height: 182px;
   padding: 21px 7px 31px 7px;
   font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
   color: black;
   } 
  
 .contact-title {
   margin-bottom: 8px;
   font-weight: 700;
   font-size: 23px;
   color: black;
   }  
	
 .days-closed {
   text-align: center;
   background: black;
   max-width: 407px;
   margin-top: 14px;
   font-weight: 300;
   font-size: 21px;
   color: white;
   width: 100%;	
   }

 .contact-section-width {
   padding: 20px 0px 63px 0px;
   margin-top: -10px;
   overflow-x: hidden;
   max-width: 1325px;
   display: flex;
   margin: auto;
   }	
   
 .contact-column-1 {
   width: 100%;
   }

 .contact-column-2 {
   width: 100%;
   }

 .contact-center {
   margin-bottom: -50px;
   position: relative;
   margin-top: 40px; 
   z-index: 90px;
   }	
	
 .directions {
   font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; 
   padding: 30px 20px 0px 20px;
   margin-bottom: -60px;
   text-align: center;
   font-weight: 600;
   margin: auto;
   } 

 .form-area {
   font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; 
   justify-content: space-between;
   margin: -13px auto auto auto;
   padding: 43px 10px 0px 10px;
   max-width: 485px;
   color: white; 
   width: 100%;	
   }   
   
 .form-title {
   font-family: 'Roboto Condensed', sans-serif;
   font-weight: 500;	 
   font-size: 19px;
   }  
    
 .form-title-2 {
   font-family: 'Roboto Condensed', sans-serif;
   font-weight: 500;	 
   font-size: 19px;
   }  
      
 .form-bar {
   border: 1px solid black;
   border-radius: 5px;
   max-width: 293px;
   height: 30px;
   float: right;
   width: 100%;   
   }  
      
 .form-bar-2 {
   border: 1px solid black;
   margin-right: -22.5px;
   border-radius: 5px;
   max-width: 293px;
   height: 80px;
   float: right;
   width: 100%;	 
   }  
     
 .form-spacing {
   margin-top: 30px;
   }

 .form-button {
   padding: 10px 10px 10px 10px; 
   max-width: 400px;
   width: 100%;
   }

 .form-button {
   font-family: 'Roboto Condensed', sans-serif;
   padding: 10px 10px 10px 10px;
   border: 1px solid black;
   background: #e72e3c;
   border-radius: 5px;
   max-width: 127px;
   font-size: 19px;	
   cursor: pointer;
   color: white;
   width: 100%;
   }

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

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

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

  .ohd {
    margin-right: 21px;
    }

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

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

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

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

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

 .ct2 {
   margin-top: 15px;
   }

 .tire-hours {
   text-align: center;
   margin-top: 18px; 
   }

 .contact-space {
	padding-bottom: 25px;
	background: black;
    margin-top: -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: 1323px){
  .contact-area {
    max-width: 540px !important;
    }	
    }
		
 @media (max-width: 1184px){
  .contact-area {
    max-width: 463px !important;
    }	
    }
		
 @media (max-width: 380px){
  .contact-area {
    margin-left: 4px;
    }	
    }
				
 @media (max-width: 330px){
  .contact-area {
    max-width: 320px;
    padding: 10px 10px 50px 0px;
    margin-left: 0px;
    } 
    }
   
 @media (max-width: 951px){
  .contact-area {
    padding: 0px 10px 62px 10px;
    flex-direction: column;
    } 
    }

 @media (max-width: 660px){
  .contact-area {
	padding: 0px 10px 22px 10px; 
    max-width: 293px !important;
    }	
    }

 @media all and (max-width: 815px) and (min-width: 661px) {
  .contact-area {
    padding: 9px 0px 62px 16px;
    flex-direction: column;	  
    max-width: 255px !important;
    } 
    }
   
 @media all and (max-width: 951px) and (min-width: 756px) {
  .contact-area {
    padding: 4px 0px 70px 0px;
    flex-direction: column;	 
    max-width: 265px !important;
    margin-right: -3px;	  
	width: 100%;
    margin: auto;
    }
    }

 @media (max-width: 450px){
  .contact-area {
    margin: 64px auto auto auto !important;
	max-width: 260px !important;
    }
    }


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

 @media (max-width: 951px){
  .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: 660px){
  .contact-column-1 {
    margin-top: 80px;
    } 
    } 

 @media (max-width: 450px){
  .contact-column-1 {
    max-width: 283px !important;
    margin-top: 8px;
    margin: auto;
    } 

  .contact-column-2 {
    margin-left: 0px;
    } 
    } 


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

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

  .daily-open-hours {
    font-size: 15.3px;
	}
	 
  .operation-hours-title {
    margin-left: 3px;
	}
	}

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

  .daily-open-hours {
    font-size: 16px;
	}
	}


 @media (max-width: 1323px){
  .contact-line {
    width: 21px;
    }   
	 
  .operation-hours {
    max-width: 270px;
    }   
    }   

 @media (max-width: 1130px){
  .operation-hours-days {
    font-size: 15px;
    }	
	
  .daily-open-hours {
    font-size: 15px;
    }	
	
  .operation-hours-title {
    margin-left: 0px;	
	}
	
  .contact-area {
    max-width: 530px;	
	}
    }

 @media (max-width: 1184px){
  .operation-hours {
    max-width: 215px !important;
    }	
	
  .operation-hours-title {
    font-size: 19px !important;
    }	
	
  .operation-hours-days {
    font-size: 14.5px;
    }	
	
  .daily-open-hours {
    font-size: 14px;
    }	
	
  .operation-hours-title {
    margin-left: 0px;	
	}
    }

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

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

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

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

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

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

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

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

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

 @media (max-width: 1323px){
  .operation-hours-width {
    max-width: 206px;
    }
    }

 @media (max-width: 1184px){
  .operation-hours-width {
    font-size: 14.6px;
    max-width: 188px;
    }
   
  .operation-hours {
    max-width: 231px;
    }
   
  .contact-line-1 {
    margin: auto;
    margin-top: 8px;
    width: 45px;
    height: 1px;
    background-color: #0a0a0a;
    }  
  
  .contact-line-2 {
    margin: auto;
    margin-top: 26px;
    width: 45px;
    height: 1px;
    background-color: #0a0a0a;
    }  
  
  .contact-line-3 {
    margin: auto;
    margin-top: 26px;
    width: 45px;
    height: 1px;
    background-color: #0a0a0a;
   }  
  
  .contact-line-4 {
    margin: auto;
    margin-top: 26px;
    width: 45px;
    height: 1px;
    background-color: #0a0a0a;
   }  
  
  .contact-line-5 {
    margin: auto;
    margin-top: 26px;
    width: 45px;
    height: 1px;
    background-color: #0a0a0a;
   }  
  
  .contact-line-6 {
    margin: auto;
    margin-top: 26px;
    width: 45px;
    height: 1px;
    background-color: #0a0a0a;
   }  
  
  .contact-line-7 {
    margin: auto;
    margin-top: 26px;
    width: 45px;
    height: 1px;
    background-color: #0a0a0a;
    }  
    }
  
 @media (max-width: 1184px){
  .operation-hours-title {
    font-size: 21px;	
    }
	
  .contact-column-1 {
    max-width: 216px;
    width: 100%;
    }	
	
  .contact-column-2 {
    max-width: 237px;
    width: 100%;
    }	
    }

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

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

 @media (max-width: 450px){
  .operation-hours {
    max-width: 390px !important;
	margin: auto;  
    }
    }

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

 @media (max-width: 330px){
  .operation-hours {
    max-width: 205px !important;
	margin-left: 0px;  
    }
    }

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


/* --- Contact Section Responsive Media Query --- */

 @media (max-width: 450px){
  .contact-section {
   padding: 28px 0px 0px 0px;
   overflow-x: hidden;
   }	
   }		

 @media (max-width: 380px){
  .contact-section {
    padding: 21px 0px 0px 0px;
    }	
    }		

 @media (max-width: 330px){
  .contact-section {
    padding: 17px 0px 0px 0px;
    }	
    }		
   
 @media (max-width: 951px){
  .contact-section {
   display: flex;
   flex-direction: column;
   }	
   }
	

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

 @media (max-width: 951px){
  .contact-section-width {
	justify-content: space-between;
    padding: 25px 0px 0px 0px;  
    max-width: 815px; 
	width: 100%;
	}
    }

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

 @media (max-width: 450px){
  .contact-section-width {
	padding: 42px 25px 31px 25px;
	margin-top: -12px;  
	}
    }


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

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

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

 @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: 1015px){
  .contact-box-1 {
    max-width: 195px;
    } 
  
  .contact-box-2 {
    max-width: 195px;
    } 
  
  .contact-box-3 {
    max-width: 195px;
    } 
    }

 @media (max-width: 951px){
  .contact-box-1 {
    max-width: 282px;
    height: 176px;
    } 
  
  .contact-box-2 {
    max-width: 282px;
    } 
	 
	 
	 
	 
	 
    }

 @media (max-width: 790px){
  .contact-box-1 {
    max-width: 240px;
    height: 176px;
    } 
  
  .contact-box-2 {
    max-width: 240px;
    } 
  
  .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;
    } 
  
  .contact-box-3 {
    margin: 20px auto auto auto;
    max-width: 203px;
    height: 176px;
    } 
    }

 @media (max-width: 660px){
  .contact-box {
    height: 161px !important;
    } 
	 
  .contact-box-2 {
    height: 162px !important;
    } 
	 
  .contact-box-3 {
    height: 189px !important;	 
    }
    }

 @media (max-width: 951px){
  .contact-box-1 {
    max-width: 90vw !important;
    height: 183px;
    margin-right: auto;
    } 
  
  .contact-box-2 {
    max-width: 90vw !important;
    } 
  
  .mail-contact-us {
    max-width: 171px;
    }
	
  .contact-box-3 {
    margin-left: 0px; 
    max-width: 90vw !important;
    height: 187px !important;
    margin-bottom: 22px;
    margin-top: 20px;
    } 
    }
		
 @media (max-width: 450px){
  .contact-box-1 {
    max-width: 290px !important;
    height: 181px;  
    } 
   
  .contact-box-2 {
    max-width: 290px !important;
    height: 160px !important;
    } 
   
  .contact-box-3 {
    max-width: 290px !important;
	height: 180px !important;  
    } 
    }
	

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

 @media (max-width: 450px){
  .form-area {
    margin: 24px auto;
    max-width: 1170px;
    padding: 8px 10px 0px 10px;
    }   
    }
		 
 @media (max-width: 1237px){
  .form-area {
    max-width: 422px;	
    }
	
  .form-bar {
    max-width: 220px;
    }  
	
  .form-bar-2 {
    max-width: 250px;	
    }
    }
		
 @media (max-width: 1107px){
  .form-area {
    max-width: 372px;	
    }
	
  .form-bar {
    max-width: 183px;
    }  
	
  .form-bar-2 {
    max-width: 210px;	
    }
    }
			
 @media (max-width: 1015px){
  .form-area {
    margin: -13px auto auto 0px;  
    max-width: 338px;	
    width: 100%;
    }
	
  .form-bar {
    max-width: 140px;
    }  
	
  .form-bar-2 {
    max-width: 166px;	
	}
    }
		
 @media (max-width: 802px){
  .form-area {
    max-width: 290px;	
    width: 100%;
    }
	
  .form-bar {
    max-width: 110px;
    }  
	
  .form-bar-2 {
    max-width: 136px;	
    }
    }
		
 @media (max-width: 660px){
  .form-area {
	margin: -13px auto auto auto;  
    max-width: 362px;	
    width: 100%;
    }
	
  .form-bar {
    max-width: 151px;
    }  
	
  .form-bar-2 {
    max-width: 175px;	
    }
    }
	
 @media (max-width: 450px){
  .form-area {
    max-width: 328px;	
    width: 100%;
    }
	
  .form-bar {
    max-width: 120px;
    }  
	
  .form-bar-2 {
    max-width: 150px;	
	}
    }

 @media (max-width: 330px){
  .form-bar-2 {
    max-width: 125px;	
	}
	
  .form-area {
    padding: 8px 3px 0px 3px;  	 
    }
    }

 @media (max-width: 330px){
  .form-bar {
    max-width: 95px;
    }  
    }
		

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

 @media (max-width: 802px){
  .form-title-2 {
    font-size: 17px;
    } 
	 
  .form-title {
    font-size: 17px;
    } 
    }
		 
 @media (max-width: 450px){
  .form-title {
    font-size: 16px;
    } 
	
  .form-title-2 {
	margin-right: 8px;
    font-size: 16px;
    } 
    }

 @media (max-width: 330px){
  .form-title-2 {
	margin-right: -7px;
	margin-top: -14px;  
    } 
    }

 @media all and (max-width: 3840px) and (min-width: 651px) {
_:-ms-lang(x), .ie10up, .form-area { 
   margin-top: 80px;
   }
   }
	

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