/********** 1199px and below **********/
@media only screen and (max-width: 1199px) {
      /***** Sales *****/
      .sales-sf-img {
         max-width: 500px;
         height: 334px;
      }
      /***** Sales End *****/
}
/********** 1199px and below End **********/


/********** 1024px and below **********/
@media only screen and (max-width: 1024px) {
      /***** General *****/
      body h1 {
         font-size: 45px;
         line-height: 50px;
      }
      body h2.elementor-heading-title,
      body h2 {
         font-size: 35px;
         line-height: 42px;
      }
      body h3.elementor-heading-title,
      body h3 {
         font-size: 30px;
         line-height: 40px;
      }
      body h5.elementor-heading-title,
      body h5 {
         font-size: 18px;
         line-height: 23px;
      }
      /***** General End *****/


      /***** Sales *****/
      .sales-sf-img {
         height: 314px;
      }
      /***** Sales End *****/
}
/********** 1024px and below End **********/


/********** 991px and below **********/
@media only screen and (max-width: 991px) {
      /***** Sales *****/
      .sales-sf-img {
         max-width: 360px;
         height: 240px;
      }
      .sales-sf-details b:before,
      .sales-in-sec .title b:before {
         bottom: 0;
      }
      /***** Sales End *****/
}
/********** 991px and below End **********/


/********** 767px and below **********/
@media only screen and (max-width: 767px) {
      /***** General *****/
      body {
         font-size: 14px;
         line-height: 20px;
      }
      body h1 {
         font-size: 33px;
         line-height: 40px;
      }
      body h2.elementor-heading-title,
      body h2 {
         font-size: 28px;
         line-height: 35px;
      }
      body h3.elementor-heading-title,
      body h3 {
         font-size: 25px;
         line-height: 30px;
      }
      body h5.elementor-heading-title,
      body h5 {
         font-size: 16px;
         line-height: 23px;
      }
      body h6.elementor-heading-title,
      body h6 {
         font-size: 15px;
         line-height: 20px;
      }

         /*** Buttons ***/
         .elementor-element.ele-pres-btn .elementor-button,
         body .html-pres-btn {
            font-size: 13px;
         }
         /*** Buttons End ***/
      /***** General End *****/


      /***** Swiper *****/
      .swiper-button-prev,
      .swiper-button-next {
         width: 25px;
         height: 25px;
      }
      .swiper-button-next:after, .swiper-button-prev:after {
         font-size: 10px;
      }
      /***** Swiper End *****/


      /***** Homepage *****/
         /*** Featured Stock ***/
         .ft-stock-sec .swiper-slide {
            width: 280px;
         }
         .ft-stock-sec .swiper-slide:not(:last-child) {
            margin-right: 15px;
         }
         .ft-stock-bg-img {
            height: 187px;
         }
         .ft-stock-sec .swiper-btn {
            margin-top: 40px;
         }
         .ft-stock-sec .swiper-btn .swiper-button-prev {
            transform: translateX(-15px);
         }
         .ft-stock-sec .swiper-btn .swiper-button-next {
            transform: translateX(15px);
         }
         /*** Featured Stock End ***/
      /***** Homepage *****/


      /***** Sales *****/
      .sales-sf-sec a {
         flex-direction: column;
      }
      .sales-sf-sec a:not(:last-child) {
         margin-bottom: 20px;
         padding-bottom: 20px;
      }
      .sales-sf-img {
         margin-right: 0;
      }
      .sales-sf-details {
         margin-top: 10px;
      }
      .sales-sf-details b:before,
      .sales-in-sec .title b:before {
         height: 3px;
      }
      .sales-sf-rm-btn img {
         width: 25px;
         height: 25px;
         margin-left: 7px;
      }
      .sales-sf-sec a:hover .sales-sf-rm-btn img {
         margin-left: 10px;
      }
      .featured-swiper .swiper-button-prev, .featured-swiper .swiper-button-next {
         width: 25px;
         height: 25px;
      }
      .featured-swiper .swiper-button-next:after, .featured-swiper .swiper-button-prev:after {
         font-size: 10px;
      }
      .sales-in-sec .swiper {
         width: 83%;
      }
      .sales-in-fimg {
         height: 300px;
      }
      .pagination.sales-pagi a, .pagination.sales-pagi span {
         width: 25px;
         height: 25px;
         font-size: 12px;
      }
      /***** Sales End *****/
}
/********** 767px and below End **********/


/********** 576px and below **********/
@media only screen and (max-width: 576px) {
      /***** Sales *****/
      .sales-sf-img {
         margin: auto;
      }
      .sales-sf-details h3 {
         text-align: center;
      }
      .sales-in-fimg {
         height: 230px;
      }
      .featured-swiper .swiper-button-prev {
         left: 12px;
      }
      .featured-swiper .swiper-button-next {
         right: 12px;
      }
      /***** Sales End *****/
}
/********** 576px and below End **********/


/********** 360px and below **********/
@media only screen and (max-width: 360px) {
      /***** Sales *****/
      .sales-sf-img {
         height: 220px;
      }
      /***** Sales End *****/
}
/********** 360px and below End **********/