footer {
  .Smoking_Style {
    background: transparent !important;
    box-shadow: 3px 3px 9px #00000017 !important;
  }
}

section#ros__footer__s3 {
  background: #121e22;
  margin-bottom: 0;

  & * {
    color: #fff !important;
    border-color: #ffffff40;
  }

  & .Name__title {
    & span {
      font-size: 17px;
    }
  }

  & .foot__continer {
    display: flex;
    flex-direction: column;
    padding: 2rem 2rem 0;

    & .top__ {
      height: calc(100% - 2.5rem);
      display: flex;
      gap: 5px;

      & > div {
        width: 100%;
        overflow: hidden;
        padding: 0px 25px 10px 0;

        & section {
          margin-top: 0px !important;
        }
      }
    }

    /*  */
    & .bottom__ {
      height: 2.5rem;
      border-top: 1px solid #ffffff3d;
      width: inherit;
      display: flex;
      align-items: center;
      justify-content: space-between;
      font-size: 13px;

      ul {
        gap: 15px;
      }
    }
  }
}

@media (max-width: 576px) {
  footer {
    #ros__footer__s3 {
      padding: 2rem 10px;

      & .foot__continer {
        padding: 0 !important;

        & .top__ {
          flex-direction: column;
          gap: 3rem;

          & > div {
            padding: 0 !important;
          }
        }

        & .bottom__ {
          flex-direction: column;
          padding: 1rem 0;
          gap: 10px;
        }
      }
    }
  }
}

@media (min-width: 577px) and (max-width: 768px) {
  footer {
    #ros__footer__s3 {
      & .foot__continer {
        padding: 2rem 7px !important;

        & .top__ {
          flex-wrap: wrap;
          justify-content: space-between;
          gap: 2rem !important;

          & > div {
            width: calc(100% / 2 - 1rem) !important;
            padding: 0 !important;
          }
        }
      }
    }
  }
}

@media (min-width: 768px) and (max-width: 992px) {
  footer {
    #ros__footer__s3 {
      & .top__ {
        flex-wrap: wrap;
        justify-content: space-between;
        gap: 2rem !important;

        & > div {
          width: calc(100% / 2 - 1rem) !important;
          padding: 0 !important;
        }
      }
    }
  }
}

@media (min-width: 992px) and (max-width: 1200px) {
  footer {
    & #ros__footer__s3 {
      & .foot__continer {
        & .top__ {
          display: flex;
          flex-wrap: wrap;
          & > div {
            width: calc(100% / 2 - 1rem) !important;
          }
        }
      }
    }
  }
}