.home .site_button,
 .header_col1_inner_main {
   width: fit-content !important;
   height: auto !important;
 }

 .site_button {
   height: 50px;
   display: flex;
   align-items: center;
   justify-content: center !important;
   width: 187px !important;
   font-size: 16px;
   padding: 0;
   color: rgba(34, 34, 34, 1);
   margin: 0;
   text-align: center;
   position: relative;
   overflow: hidden;
   font-weight: normal;
   background: rgba(200, 165, 128, 1);
   margin-right: 5px;
   cursor: pointer;
   font-weight: 500;
   padding: 7px 20px;
   transition: 1s !important;
   border-radius: 100px;

 }

 .site_button.hover_button.special_btn {
   width: fit-content !important;
 }

 .home_banner_button .site_button {
   background: #fff;
   color: #000;
 }

 .site_button:hover {
   color: #fff !important;
 }

 .site_button:hover span {
   z-index: 999;
   position: relative;
 }

 .site_button::before {
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 200px;
   background-color: #222222;
   border-color: transparent;
   border-radius: 50%;
   transform: translate(0px, -70px) scale(0.1);
   opacity: 0;
   transition: transform 0.3s, opacity 0.3s, background-color 0.3s;
 }

 .site_button:hover::before {
   opacity: 1;
   transform-origin: 100px 100px;
   transform: scale(1) translate(0px, -70px);
 }

 .header_col1_inner_main .site_button:hover {
   border: 1px solid #fff;
 }

 @media all and (min-width: 320px) and (max-width: 767px) {
   .site_button {
     font-size: 14px;
   }
 }

 @media all and (min-width: 481px) and (max-width: 767px) {}

 @media all and (min-width: 768px) and (max-width: 980px) {
   .site_button {

     font-size: 14px;
   }
 }

 @media only screen and (min-width: 981px) and (max-width: 1024px) {
   .site_button {

     font-size: 15px;
   }
 }

 @media all and (min-width: 1025px) and (max-width: 1140px) {}

 @media all and (min-width: 1141px) and (max-width: 1280px) {}

 @media all and (min-width: 1281px) and (max-width: 1440px) {}

 @media all and (min-width: 1441px) and (max-width: 1680px) {}

 @media all and (min-width: 1681px) and (max-width: 1880px) {}


 @media all and (min-width: 981px) and (max-width: 3000px) {}