@media (min-width: 1000px) {
  nav {
    width: 85%;
    > figure {
      width: 15%;
    }
    > ul {
      display: flex;
      width: 60%;
      > li {
        padding: 0px 5px;
        > a {
          font-size: 15px;
        }
      }
    }
    > span {
      display: none;
    }
  }
  header {
    > div {
      width: 85%;

      flex-direction: row;
      > div {
        /*----------------- welcome side --------------------*/
        &:nth-of-type(1) {
          width: 544px;
          padding: 12px;
          > h6 {
            text-align: left;
          }
          > h2 {
            text-align: left;
          }
          > p {
            text-align: left;
          }
          /*-------------------- input search -------------------------*/
          > div {
            > form {
              width: 450px;
            }
          }
        }
      }
      /* ------------------------- image side ------------------ */
      > figure {
        width: 358px;
        height: 100%;
        position: relative;
        > img {
          width: 100%;
          height: 100%;
          object-fit: cover;
          border-radius: 25px;
        }
      }
    }
  }
  #features {
    .row {
      > div {
        &:nth-of-type(1) {
          width: 24%;
        }
        &:nth-of-type(2) {
          width: 24%;
        }
        &:nth-of-type(3) {
          width: 24%;
        }
        &:nth-of-type(4) {
          width: 24%;
        }
      }
    }
  }
  main {
    #sectionTrending {
      > div {
        &:nth-of-type(1) {
          width: 50%;
        }
        &:nth-of-type(2) {
          width: 50%;
          display: flex;
          justify-content: right;
          margin-top: 20px;
          > div {
            > a {
              padding: 10px 30px;
              color: white;
              background-color: #ee626b;
              width: 137px;
              height: 50px;
              border-radius: 25px;
              transition: 0.4s ease-in-out;
              margin-top: 50px;
              &:hover {
                background-color: #1b7ffa;
              }
            }
          }
        }
        &:nth-of-type(3) {
          > div {
            /*--------------- card1 -----------*/
            &:nth-of-type(1) {
              width: 24%;
              height: 290px;
            }
            /*--------------- card2 -----------*/
            &:nth-of-type(2) {
              width: 24%;
              height: 290px;
            }
            /*--------------- card3 -----------*/
            &:nth-of-type(3) {
              width: 24%;
              height: 290px;
            }
            /*--------------- card4 -----------*/
            &:nth-of-type(4) {
              width: 24%;
              height: 290px;
            }
          }
        }
      }
    }
    #sectionCategories {
      /*------------ cards ----------------*/
      > div {
        justify-content: space-between;
        > div {
          height: 255px;
          width: 15%;
        }
      }
    }
    #shop {
      height: 900px;
      z-index: 3;
      &::after {
        content: "";
        background-image: url(../images/ct6.jpg);
        position: absolute;
        top: 0;
        background-size: cover;
        border-radius: 25px;
        left: 50%;
        transform: translate(-50%, 0);
        width: 550px;
        height: 500px;
      }
      > div {
        &:nth-of-type(1) {
          width: 347px;
          /* height: 640px; */
          padding-bottom: 250px;
          position: absolute;
          z-index: 2;
          left: 0;
          top: 80px;
        }
        &:nth-of-type(2) {
          width: 376px;
          /* height: 517px; */
          padding-bottom: 50px;
          position: absolute;
          z-index: 2;
          right: 0;
          top: 285px;
        }
      }
    }
  }
}
