.padding-top-bottom {
    padding-top: 20px;
    padding-bottom: 20px;
    border-top: 1px solid #eeeeee;
  }

  .padding-top-bottom:hover {
    background: #F2F2F2 !important;
  }

  .about-us-area .container {
    margin-bottom: 40px;
  }

  .img-boxx {
    overflow: hidden;
    font-size: 0;
    display: inline-block;
  }

  .img-boxx .img {
    transition: all 1s;
  }

  .img-boxx .img:hover {
    /* transform: scale(1.2); */
  }

  .single-benefits-area img {
    margin-bottom: 0px;
  }

  .single-benefits-area:hover {
    border: 1px solid red;
    transition-duration: 300ms;
  }

  .single-benefits-area:hover .title_text {
    color: red !important;
  }

  .single-benefits-area:hover .min_text {
    color: red !important;
  }

  .single-benefits-area:hover .look_more .checkDetail {
    color: red !important;
  }

  .text-color {
    color: #ea1c2b;
    font-size: 24px;
  }

  .fadeInUp {
    overflow: hidden;
    /* border-radius: 12px; */
    border: 1px solid #F2F2F2;
    font-size: 0;
    height: 100%;

    display: flex;
    flex-direction: column;
    justify-content: space-around;
  }

  .big {
    font-size: 36px;
    color: #212121;
    margin-right: 10px;
  }

  .min-text {
    font-size: 18px;
    color: #212121;
    margin-top: -6px;
  }

  .lalala {
    background: #f2f2f2;
    height: 60px;
    line-height: 60px;
    /* width: 220px; */
    cursor: pointer;
  }

  .lalala:hover {
    background: #ea1c2b;
    color: #fff;
  }

  .lalala:hover span {
    color: #fff !important;
  }

  .fadeInUp.class {
    border-radius: 0;
    border: 0;
  }

  .titlee {
    font-size: 24px;
    color: #212121;
    height: 78px;
    padding-left: 20px;
    background: #F2F2F2;
    display: flex;
    /* align-items: center; */
    flex-direction: column;
    justify-content: center;
    margin-bottom: 20px;
    margin-top: 20px;
  }

  .justify-content-left .col-sm-3 {
    margin-bottom: 20px;
  }

  .justify-content-left .col-sm-3:first-child .fadeInUp {
    border: 0;
  }

  .product_info {
    cursor: pointer;
    padding-bottom: 6px;
  }

  .product_info .title_text {
    font-size: 24px;
    color: #212121;
  }

  .product_info .min_text {
    font-size: 14px;
    color: #212121;
    padding: 0 6px;

    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .product_info .look_more {
    display: flex;
    align-items: center;
    justify-content: center;

  }

  .product_info .look_more span {
    position: relative;
    display: inline-block;
    font-size: 22px;
    color: #808080;
    margin-right: 10px;
  }

  .product_info .look_more img {
    width: 18px;
    height: 18px;
  }

  .product_info .look_more a {
    display: flex;
    align-items: center;
  }


  .bg-overlay::after {
    background: #222222;
  }

  .footer-widget-nav ul li a {
    color: #d4d4d4;
  }

  .copywrite-area {
    position: relative;
    background-color: #222222;
  }

  .copywrite-area .copywrite-text p {
    color: #fff;
  }

  .classynav ul li:last-child a:hover {
    background-color: #e41e2a;
    color: #fff !important;
  }

  .header-more-menu {
    width: 100%;
    height: 280px;
    transition-duration: 500ms;
    background-color: #fff;
    position: fixed;
    border-top: 1px solid #f1f1f1;
    display: none;
    top: 80px;
    left: 0px;
  }

  .header-area {
    position: relative;
    border-bottom: 2px solid #da222b;
  }

  .whnowarp {
    white-space: nowrap;
  }

  @media only screen and (max-width: 768px) {
    .classynav {
      display: block !important;
    }

    .header_img {
      display: none !important;
    }

    .header_img_mobile {
      display: block !important;
    }

    .benefits-thumbnail {
      margin-bottom: 0px !important;
    }

    .nav_content_pc {
      display: none !important;
    }

    .nav_content_mobile {
      display: block !important;
    }
    .nav-brand{
      margin-right: 0px!important;
    }
  }

  .mobile_title {
    font-size: 22px;
    color: #da222b;
    padding: 0px 15px;
    box-sizing: border-box;
  }

  .nav_list_mobile {
    width: 100%;
    margin-top: 20px;
  }

  .nav_list_mobile ul {
    display: flex;
    align-items: center;
    height: 44px;
  }

  .nav_list_mobile ul li {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex-grow: 1;
  }

  .nav_list_mobile ul li span:nth-child(1) {
    font-size: 18px;
  }

  .nav_list_mobile ul li span:nth-child(2) {
    font-size: 12px;
    margin-top: -6px;
  }

  .nav_border {
    border-right: 1px solid rgb(235, 234, 234);
  }

  .nav_data_list {
    width: 100%;
    box-sizing: border-box;
    margin-top: 10px;
  }

  .nav_data_list .nav_data_list_title {
    width: 100%;
    display: flex;
    height: 64px;

    padding: 0px 15px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    background-color: #f2f2f2;
  }

  .nav_data_list .nav_data_list_title span:nth-child(1) {
    font-size: 18px;
  }

  .nav_data_list .nav_data_list_title span:nth-child(2) {
    font-size: 12px;
    margin-top: -6px
  }

  .nav_data_list_list {
    padding: 15px 15px;
    box-sizing: border-box;
  }

  .nav_data_list_list_banner img {
    width: 100%;
    max-width: 100%;
    /* height: 100px; */
    min-height: 100px;
    border-radius: 8px;
    overflow: hidden;
  }

  .nav_data_list_list_data {
    width: 100%;
    padding: 15px 0px;
    box-sizing: border-box;
  }

  .nav_data_list_list_data ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }

  .nav_data_list_list_data ul li {
    width: 49%;
    margin-bottom: 15px;
  }

  .nav_data_list_list_data ul li .nav_data_image {
    width: 100%;
    /* max-height: 176px; */
    border: 1px solid #dad8d8;
    border-radius: 4px;
    overflow: hidden;
    margin-bottom: 15px;
    text-align: center;
    padding: 8px 0px;
    box-sizing: border-box;
  }

  .nav_data_image img {
    max-height: 176px;
  }

  .nav_data_info {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .text_over {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: center;
  }

  .mb-bo-8 {
    margin-bottom: 2px;
  }

  .nav_data_info span:nth-child(1) {
    font-size: 18px;
    font-weight: 400;
    color: #222222;
  }

  .nav_data_info span:nth-child(2) {
    font-size: 14px;
    font-weight: 400;
    color: #222222;
  }

  .nav_data_info span:nth-child(3) {
    display: inline-block;
    width: 69px;
    height: 25px;
    border-radius: 6px;
    overflow: hidden;
    background-color: #ea1d29;
    color: #fff;
    text-align: center;
    line-height: 25px;
  }

  .footer_content {
    width: 100%;
    min-height: 400px;
    background-color: #222222;
    padding: 0px 16px;
    box-sizing: border-box;
  }