@media only screen and (max-width: 1199px){
    .hero-area .left-content .content .title {
        font-size: 48px;
        line-height: 58px;
    } 
    .hero-area {
        padding: 345px 0px 272px;
    }
    .about .right-shape {
        right: -240px;
    }
    .about .left-shape {
        left: -240px;
    }
    .contact {
        padding: 90px 0px 100px;
    }
    .hero-area .right-img .img {
        left: 40px;
    }
    .whybest .box{
        margin-bottom: 30px;
    }
    .whybest {
        padding: 85px 0px 60px;
    }
    .about .round-shape{
        display: none;
    }
    .whaybest .info .info-title,
    .section-title .title
     {
        font-size: 34px;
        line-height: 43px;
    }
    .hero-area .right-img .img {
        max-width: 350px;
    }
    .hero-area .right-img .discount-circle {
        left: 50px;
        top: -87px;
    }
    .whaybest .about-img {
        padding: 0px 60px;
    }
    .feature .feature-box .details .title,
    .dealofweek .deal-slider-area .content .right-area .name,
    .about .box .inner-box .title,
    .whaybest .feature-list li .content h4
    {
        font-size: 20px;
        line-height: 30px;
    }
    .dealofweek .deal-slider-area .content .right-area .deal-counter span {
        padding: 5px 14px;
        font-size: 20px;
        line-height: 24px;
        
     }
     .dealofweek .deal-slider-area .content .right-area .price p span,
     .pricing .product-slider .item .single-product .content .price .new-price
      {
        font-size: 26px;
    }
}

@media only screen and (max-width: 991px) {
    .animateme{
		transform: none !important;
		opacity: 1 !important;
    }
    .whybest {
        padding: 85px 0px 70px;
    }
    .about .about-img{
        margin-bottom: 40px;
    }
    .about .row-one {
        padding-bottom: 94px;
        margin-bottom: 100px;;
        border-bottom: 1px solid rgba(0, 0, 0, 0.20);
    }
    .about .left-shape {
        bottom: 280px;
    }
    .hero-area .right-img .img {
        position: relative;
        animation: none;
    }
    .hero-area .right-img .img {
        top: auto;
        left: auto;
        bottom: auto;
        right: auto;
    }
    .hero-area {
        padding: 188px 0px 123px;
    }
    .hero-area .right-img .discount-circle {
        left: 150px;
        top: 70px;
    }
    .hero-area .right-img .img{
        margin-bottom: 50px;
    }
    .about .box{
          margin-bottom: 30px;
    }
      .whaybest .about-img img{
          animation: unset;
          max-width: 350px;
          display: inline-block;
          margin-bottom: 42px;
      }
      .center-feature img{
        max-width: 350px; 
        margin: 14px 0px 14px;
      }
      .feature .left-feature .feature-box .icon{
          margin-right: 0px;
      }
      .whaybest .about-img{
          text-align: center;
          width: 100%;
          padding: 0px;
      }
      .whaybest {
        padding: 120px 0px 97px;
    }
    .whaybest .feature-list {
        margin-top: 50px;
    }
    .whaybest .feature-list li {
        margin-bottom: 22px;
    }
    .whaybest .row-one {
        margin-bottom: 77px;
    }
    .contact {
        padding: 100px 0px 100px;
    }
    .affiliate .hero-area .right-img {
        padding: 0px 190px;
        margin-bottom: 50px;
    }
    .affiliate .hero-area .right-img::after {
        width: 190px;
        height: 190px;
    }
    .affiliate .hero-area .right-img .img{
        margin-bottom: 0px;
    }
    .affiliate .hero-area {
        padding: 178px 0px 120px;
    }
    .affiliate .hero-area .left-content .content .title {
        font-size: 40px;
        line-height: 50px;
    }
}

@media only screen and (max-width: 767px) {
    .hero-area .right-img .discount-circle {
        left: 60px;
        top: 70px;
    }
    .hero-area .left-content .content .title {
        font-size: 54px;
        line-height: 64px;
    }
    .center-feature img,
    .whaybest .about-img img,
    .hero-area .right-img .img,
    .dealofweek .deal-slider-area .content .left-area img
    {
        max-width: 250px;
        width: 100%;
    }
    .affiliate .hero-area .right-img {
        padding: 0px 101px;
    }
}


@media only screen and (max-width: 575px) {
    .hero-area .left-content .content .title {
        font-size: 40px;
        line-height: 50px;
    }
    .section-title .title,
    .about .info .info-title,
    .whaybest .info .info-title, .section-title .title
    {
        font-size: 30px;
        line-height: 40px;
    }
    .whybest .box .inner-box .title,
    .feature .feature-box .details .title,
    .video .fun-box .inner-content .categori,
    .pricing .product-slider .item .single-product .content .title,
    .comment-area .title,
    .write-comment .title,
    .categori-widget .title,
    .latest-post-widget .title,
    .newsletter-widget .title,
    .single-blog-details .content .title
    {
        font-size: 20px;
        line-height: 30px;
    }
    .pricing .product-slider .item .single-product .content .price .new-price,
    .dealofweek .deal-slider-area .content .right-area .price p span,
    .single-feature .title,
    .single-how-it-work .title,
    .breadcrumb-area .title
    {
        font-size: 24px;
        line-height: 34px;
    }  
    .affiliate .hero-area .right-img {
        padding: 0px 101px;
    }
}

@media only screen and (max-width: 500px) {
    .hero-area .right-img {
        padding: 0px 50px;
    }
    .hero-area .right-img .discount-circle .discount-circle-inner .price {
        font-size: 20px;
        line-height: 28px;
    }
    .hero-area .right-img .discount-circle .discount-circle-inner .price span {
        font-size: 14px;
        line-height: 13px;
    }
    .about .about-img,
    .center-feature
    {
        padding: 0px 30px;
    }
    .affiliate .hero-area .right-img {
        padding: 0px 80px;
    }
}

@media only screen and (max-width: 414px) {
    .whaybest .feature-list li{
        max-width: 100%;
        flex: 100%;
    }
    .hero-area {
        padding: 160px 0px 94px;
    }
    .hero-area .left-content .content .title {
        font-size: 30px;
        line-height: 42px;
    }
    .hero-area .right-img {
        padding: 0px 30px;
    }
    .section-title .title, 
    .about .info .info-title,
    .whaybest .info .info-title, .section-title .title
    {
        font-size: 25px;
        line-height: 35px;
    }
    .about .box .inner-box .icon {
        font-size: 46px;
    }
    .affiliate .hero-area .right-img {
        padding: 0px 30px;
    }
    .affiliate .hero-area .left-content .content .title {
        font-size: 34px;
        line-height: 44px;
    }
}

@media only screen and (max-width: 360px) {
    .hero-area .right-img {
        padding: 0px 0px;
    }
    .about .about-img,
    .center-feature
     {
        padding: 0px 0px;
    }
    .affiliate .hero-area .right-img {
        padding: 0px 20px;
    }
    .affiliate .hero-area .right-img::after {
        width: 150px;
        height: 150px;
    }
}