.recommend {
    background: url(https://storage-asset.msi.com/event/2021/nb/ADL-GE-series/images/like_bg.png) top center no-repeat;
    padding: 10% 0 0% 0;
  }
  
  @media (min-width: 1921px) {
    .recommend {
      background-size: cover;
    }
  }
  
  @media (max-width: 1536px){
    .recommend {
      padding: 30% 0 0% 0;
    }
  }

  .reviewNew__title{
      font-size: 2em;
      color: #fff;
  }
  
  .recommend hr {
    width: 80%;
    margin: 0 auto;
    margin-bottom: 2%;
    border: none;
    background: linear-gradient(-45deg, #2dbde6, #051effa8, #23a6d5, #b862ff93);
    background-size: 400% 400%;
    height: 2.5px;
    -webkit-animation: gradient 5s ease infinite;
            animation: gradient 5s ease infinite;
  }
  
  .recommend__wrap {
    max-width: 1600px;
    padding: 5% 5% 0;
    margin: 0 auto 0;
  }
  
  .recommend__itemBox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
            justify-content: space-evenly;
  }
  
  @media (max-width: 960px) {
    .recommend__itemBox {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
    }
  }
  
  .recommend__itemBox-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: calc( 100% / 4 - 20px);
  }
  
  @media (max-width: 960px) {
    .recommend__itemBox-box {
      margin: 40px 0;
      width: 100%;
      text-align: center;
    }
  }
  .linkBTN__link{
      color: #fff;
      transform: skewX(-20deg);
		display: block;
		border: 1px solid #bdbdbda1;
		text-align: center;
		font-size: 1em;
		color: #ffffff;
		background-size: 400% 400%;
		padding: 10px 40px;
		transition: 0.1s ease-in-out;
		/* min-width: 230px; */
        margin-top: 20px;
        background: rgba(29, 40, 66, 0.562);
  }
  .recommend__itemBox-box figure {
    text-align: center;
  }
  
  .recommend__itemBox-box figure:nth-of-type(2) {
    margin: 25px 0 5px 0;
    width: 70%;
  }
  
  @media (max-width: 1300px) {
    .recommend__link {
      /* min-width: 100%; */
    }
  }
  
  @media (max-width: 960px) {
    .recommend__link {
      /* min-width: 250px; */
    }
  }
  
  @media (max-width: 1300px) {
    .linkBTN__link  {
      color: #fff;
      font-size: 1em;
      padding: 10px 20px;
      min-width: 150px;
    }
  }

  /* social */
.social {
    padding: 100px 0 50px;
  }
  
  @media (max-width: 960px) {
    .social {
      padding: 20px 0 0;
    }
  }

  .social .common-title3{
    text-align: center;
    font-size: 1.3em;
    color: #fff;
  }
  
  .social__wrap {
    width: 80%;
    margin: 0 auto;
  }
  
  @media (max-width: 960px) {
    .social__wrap {
      margin-bottom: 120px;
    }
  }
  
  .social__wrap-imgbox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin: 30px auto 0;
    /* width: 50%; */
    width: 600px;
  }
  
  @media (max-width: 960px) {
    .social__wrap-imgbox {
      margin-top: 10px;
      width: 100%;
    }
  }
  
  @media (max-width: 600px) {
    .social__wrap-imgbox {
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
    }
  }
  
  .social__wrap-imgbox a {
    text-align: center;
    width: 100px;
    margin: 0 ;
  }
  
  .social__wrap-imgbox a img {
    width: 60%;
  }
  
  /* @media (max-width: 960px) {
    .social__wrap-imgbox a img {
      width: 100%;
    }
  } */
  
  .social__wrap-imgbox a:hover {
    -webkit-animation: social-animate 2s ease-in-out infinite;
            animation: social-animate 2s ease-in-out infinite;
  }