/* 
  ##Device = Desktops
  ##Screen = 1281px to higher resolution desktops
*/

@media (min-width: 1281px) {

  /* CSS */

}

/* 
    ##Device = Laptops, Desktops
    ##Screen = B/w 1025px to 1280px
  */

@media (min-width: 1025px) and (max-width: 1280px) {

  /* CSS */

}

/* 
    ##Device = Tablets, Ipads (portrait)
    ##Screen = B/w 768px to 1024px
  */

@media (min-width: 768px) and (max-width: 1024px) {

  /* CSS */

  /* Start Popular item */
  .popular-item {
    width: 90%;
    margin: auto;
  }

  .popular-item .content p {
    font-size: 15px;
  }

  .popular-item .item-category .item-content {
    flex-direction: row;
  }

  .item-category .item-content .buy-item h2 {
    font-size: 20px;
  }

  .item-category .item-content .buy-item p {
    font-size: 15px;
  }

  .popular-item .btn-view button {
    padding: 15px;
  }

  /* End Popular item */

  /* Start Watch of Choice */
  .watch-us {
    flex-direction: column;
  }

  .watch-us .content-watch-us h2 {
    font-size: 30px;
  }

  .watch-us .content-watch-us p {
    margin-bottom: 40px;
    width: 100%;
    line-height: 1.8;
  }

  .watch-us .content-watch-us .btn-us {
    padding: 15px;
    width: 200px;
  }

  .watch-us .img-watch-us img {
    width: 100%;
  }

  /* End Watch of Choice */

  /* Start features */
  .features {
    flex-direction: column;
    border-radius: 0;
    justify-content: center;
    align-items: center;
  }

  /* End features */
  /* Start footer */
  .footer {
    flex-direction: column;
    margin-bottom: 0;
  }


  .footer .footer-content p {
    margin-bottom: 30px;
  }

  .footer .footer-list-item {
    margin-bottom: 20px;
  }

  /* End footer */

  /* Start social icons */
  .social-icons {
    flex-direction: column;
  }

  /* End social icons */



}

/* 
    ##Device = Tablets, Ipads (landscape)
    ##Screen = B/w 768px to 1024px
  */

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {

  /* CSS */



}

/* 
    ##Device = Low Resolution Tablets, Mobiles (Landscape)
    ##Screen = B/w 481px to 767px
  */

@media (min-width: 481px) and (max-width: 767px) {

  /* CSS */
  /* Start Navbar */

  /* End Navbar */

  /* Start Header */
  .header {
    background-color: #f0f0f2;
    display: flex;
    flex-wrap: nowrap;
    /* justify-content: space-around; */
    /* align-items: center; */
  }

  .header .heading {
    margin-left: 10%;
    margin-top: 20px;
    margin-bottom: 15px;
  }

  .header .heading h1 {
    font-size: 33px;
    line-height: 1.5;
    margin-bottom: 26px;
  }

  .header .heading p {
    font-size: 19px;
    width: 90%;
    line-height: 1.8;
    display: inline;
    font-weight: 500;
  }

  .header .img-watch {
    display: none;
  }

  /* End Header */

  /* Start Section New Arrivals */

  .new-arr {
    flex-direction: column;
  }

  .new-arr .content h3 {
    font-size: 20px;
  }

  .new-arr .content p {
    color: #ff2020;
    font-size: 18px;
    font-weight: 500;
  }

  /* End Section New Arrivals */
  /* Start Gallery */
  .galery {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-template-rows: repeat(1, minmax(330px, auto));
    grid-gap: 30px;
  }

  .galery .item:nth-child(1) {
    grid-column: unset;
    grid-row: unset;
    height: 690px;
  }

  .galery .item:nth-child(2) {
    grid-row: unset;
  }

  /* End Gallery */
  /* Start Popular item */
  .popular-item .content h2 {
    font-size: 33px;

  }

  .popular-item .content p {
    font-size: 15px;
  }

  .popular-item .item-category .item-content {
    flex-direction: column;
  }

  .item-category .item-content .buy-item h2 {
    font-size: 20px;
  }

  .item-category .item-content .buy-item p {
    font-size: 15px;
  }

  .popular-item .btn-view button {
    padding: 15px;
  }

  /* End Popular item */

  /* Start Watch of Choice */
  .watch-us {
    flex-direction: column;
  }

  .watch-us .content-watch-us h2 {
    font-size: 30px;
  }

  .watch-us .content-watch-us p {
    margin-bottom: 40px;
    width: 100%;
    line-height: 1.8;
  }

  .watch-us .content-watch-us .btn-us {
    padding: 15px;
    width: 200px;
  }

  .watch-us .img-watch-us img {
    width: 100%;
  }

  /* End Watch of Choice */

  /* Start features */
  .features {
    flex-direction: column;
    border-radius: 0;
    justify-content: center;
    align-items: center;
  }

  /* End features */
  /* Start footer */
  .footer {
    flex-direction: column;
    margin-bottom: 0;
  }


  .footer .footer-content p {
    margin-bottom: 30px;
  }

  .footer .footer-list-item {
    margin-bottom: 20px;
  }

  /* End footer */

  /* Start social icons */
  .social-icons {
    flex-direction: column;
  }

  /* End social icons */



}

/* 
    ##Device = Most of the Smartphones Mobiles (Portrait)
    ##Screen = B/w 320px to 479px
  */

@media (min-width: 320px) and (max-width: 480px) {

  /* CSS */

  /* Start Navbar */

  /* End Navbar */

  /* Start Header */
  .header {
    background-color: #f0f0f2;
    display: flex;
    flex-wrap: nowrap;
    /* justify-content: space-around; */
    /* align-items: center; */
  }

  .header .heading {
    margin-left: 10%;
    margin-top: 20px;
    margin-bottom: 15px;
  }

  .header .heading h1 {
    font-size: 33px;
    line-height: 1.5;
    margin-bottom: 26px;
  }

  .header .heading p {
    font-size: 19px;
    width: 90%;
    line-height: 1.8;
    display: inline;
    font-weight: 500;
  }

  .header .img-watch {
    display: none;
  }

  /* End Header */

  /* Start Section New Arrivals */

  .new-arr {
    flex-direction: column;
  }

  .new-arr .content h3 {
    font-size: 20px;
  }

  .new-arr .content p {
    color: #ff2020;
    font-size: 18px;
    font-weight: 500;
  }

  /* End Section New Arrivals */
  /* Start Gallery */
  .galery {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-template-rows: repeat(1, minmax(330px, auto));
    grid-gap: 30px;
  }

  .galery .item:nth-child(1) {
    grid-column: unset;
    grid-row: unset;
    height: 690px;
  }

  .galery .item:nth-child(2) {
    grid-row: unset;
  }

  /* End Gallery */
  /* Start Popular item */
  .popular-item .content h2 {
    font-size: 33px;
  }

  .popular-item .content p {
    font-size: 15px;
  }

  .popular-item .item-category .item-content {
    flex-direction: column;
  }

  .item-category .item-content .buy-item h2 {
    font-size: 20px;
  }

  .item-category .item-content .buy-item p {
    font-size: 15px;
  }

  .popular-item .btn-view button {
    padding: 15px;
  }

  /* End Popular item */

  /* Start Watch of Choice */
  .watch-us {
    flex-direction: column;
  }

  .watch-us .content-watch-us h2 {
    font-size: 30px;
  }

  .watch-us .us2 {
    margin-left: 0;
  }

  .watch-us .content-watch-us p {
    margin-bottom: 40px;
    width: 100%;
    line-height: 1.8;
  }

  .watch-us .content-watch-us .btn-us {
    padding: 15px;
    width: 200px;
  }

  .watch-us .img-watch-us img {
    width: 100%;
  }

  /* End Watch of Choice */

  /* Start features */
  .features {
    flex-direction: column;
    border-radius: 0;
    justify-content: center;
    align-items: center;
  }

  /* End features */
  /* Start footer */
  .footer {
    flex-direction: column;
    margin-bottom: 0;
  }


  .footer .footer-content p {
    margin-bottom: 30px;
  }

  .footer .footer-list-item {
    margin-bottom: 20px;
  }

  /* End footer */

  /* Start social icons */
  .social-icons {
    flex-direction: column;
  }

  /* End social icons */
}