@media only screen and (max-width: 460px) {
  .navbar_position.navbar_sub_position .logo_image img {
    width: 120px;}
    .navbar_position.navbar_sub_position .logo_image .playnow img {
      width: 57px;
      margin: auto;
    }
  .dashboard_font_slackey .my-prof .profilecard_bg {
    background-size: 100% 102px;
}
}
@media only screen and (max-width: 420px) {
  .team_heading{
    font-size: 21px;
  }
  .swiper_slider .team_heading.pt-3{
    padding-top: 0!important;
  }
  .photo-container img{
    width:70%;
  }
  .custom_navbar .nav-link.nav_text {
    font-size: 7px;}
  .navbar-collapse .navbar-nav.custom_navbar li {
    width:58px;
    background-size: 100%, contain;}
    .nav-item .navicons {
      width: 19px;
      margin: 41px auto 0;
  }
  .wallet_heading {
    font-size: 12px;}
    .profile_content p {
      font-size: 11px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 527px) {
  .about_bg {
    object-position: right top;
    height: 1069px;
    object-fit: cover;
}
  .move_btns {
    right: 55px;
}
  .height_responsive_swiper{
    max-height: 360px;
    overflow-y: scroll!important;
    margin: 154px auto!important;
    overflow-x: hidden!important;
  }
  .intro_sub .intro_content.pt-5{
    padding-top: 5rem!important;
  }
  .intro_sub .introduction .swiper-wrapper {
    height: 63%;
}
  .mobile_introbg{
    background-size: 100% 734px !important;
    height: 744px;}
  .introduction .swiper-slide p {
    font-size: 14px;
}
  .introduction .swiper-slide, swiper-slide {
    height: 640px;
}
  /* .intro_sub .swiper-slide p {
    font-size: 12px;
} */
.intro_sub .swiper-slide p {
    padding-top: 1rem ;
}
}

@media only screen and (min-width: 420px) and (max-width: 767px) {
  .about_bg {
    object-position: right top;
    height: 988px;
    object-fit: cover;
}

  .introduction .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
    top: 66px!important;
    left: 0%!important;
}
  .logo_image.pt-5{
padding-top: 4rem!important;
  }
}
@media only screen and (max-width: 767px) {
  .slider .swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    background-image: url('../img/playright.png');
    display: block;
  
  }
  .slider .swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    background-image: url('../img/playleft.png');
  display: block;
  }
  .slider .swiper-button-next, .swiper-button-prev{
    top: 22%;}
  .slider .swiper-button-prev, .swiper-button-next{
      top: 22%;
    }
  .mission {
  position: relative;
  top: -29px;
  width: 100%;
  height: 337px;
  margin: auto;
display: block;}
  .about_us_aside {
    padding-top: 0rem;
    width: 100%;
    height: 450px;
    margin: auto;
}
  .about_bg_position {
    top: 37%;}
  .team .about_bg_position {
      top: 55%;}
  .about_us_content {

    font-size: 13px;}
  .about_us_heading {
    text-align: center;
  font-size: 21px;}

  .intro_content.pt-5{
    padding-top: 4rem!important;
  }
  .introduction .swiper-wrapper {
    height: 63%;
}
  .move_btns {

    top: 118px;
}
  .introduction .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
    top: 125px!important;
    left: 0%!important;
}
.swiper-slide p {
  font-size: 16px;
}
.team.swiper-slide p {
  font-size: 14px;
}

  .mobile_introbg{
    background-image: url('../img/mobile_introbg.png');
    background-size: contain;
    /* height: 708px; */
  }
  .logo_landing {
    width: 120px;}

  .pt-5.navbar_position
  {
     padding-top: 13px!important;
  }
  /* .navbar_sub_position {
    top: 62px;
} */
  .logo_landing {
    height: 0;}
  .logo_landing img {
    width: 110px;
    height: 125px;
}
.logo_image .playnow img {
  width: 87px;
  margin: auto;
}
  .logo_image img{
    width:200px;
    margin: auto;
   }
  .my-prof .profilecard_bg{
    background: url(../img/myprofilecard_bg.png) no-repeat;
    background-size: 100%; 
  padding:18px; }
  .profile_bg1{
    height:15vh;
    align-self: center;
  }
  .profilecard_bg.profile_bg2 {
    height:14vh;
  }
  .profilecard_bg.profilecard_pwrd_bg{
    height:15vh;
  }
  .profilecard_bg.profile_Referral_bg{
    height:14vh;
  }
  .profilecard_bg.profile_bg3{
height:14vh;
  }
  .profilecard_bg1 {
    height:23vh;

}
  .container.my-prof{
    max-width:442px;
  }
  .my_profile_btn_pwrd .pwrd_btn{
    width: 110px;
  }
.my_profile_btn .profile_btn{
  width: 68px;
}
    /* styles for mobile devices */
    .height_responsive{
      max-height: 460px;
      overflow-y: scroll;
      margin: auto;
      overflow-x: hidden;
    }
    .form_content_link .sub{
      width:120px;
      margin: auto;
    }
    .d-flex-resp{
     display: flex;
     margin-left: 4.3rem;
    }
    .register_link .form_content_link {
      padding-left: 0;}
    .d-xs-none{
      display: none;
    }
    .custom_navbar .nav_text{
      font-size: 9px;
    text-overflow: ellipsis;
    overflow: hidden;}
    .navicons {
      width: 25px;
      margin: 37px auto 0;}
    .navbar-nav.custom_navbar li {
      width:78px;
      background-size: 100%, contain;}
    #navbarNav ul.navbar-nav.custom_navbar {
      flex-direction: row;
  }
    .padding_space .product-card{
       margin-top: 10px;
    }
    .my-container.padding_space {
      padding: 0px 12px 0px;
  }
    .product_card_img{
       width:50px;
    }
    .dollar.green_dollar {
      font-size: 0.9rem!important;
  }
    .product_content .dollar {
      font-size: 1rem;}
      .floret_heading.green {
        font-size: 1rem;
    }
    .product_content .floret_heading{
     font-size: 1rem;
    }
    .product_content_para{
      font-size: 0.8rem;
    }
    .product_img img{
      width: 80px;
    }
    .welcome_heading {
      font-size: 13px;}
    .shop_pot_Seed {
      width: 107px;}
    .select_tobuy{
      font-size: 14px;
    }
    .seed_img img{
      width:50px;
    }
    .bg_image{
      background-size: cover;
    }
    .shop_pot_Seed .seed_usd {
      font-size: 15px;}
    .bg_image_popup.bg_plant{
      height: auto;
      padding-bottom: 44px;
    }
    .seed_img_resp img{
      width:50px;
    }
    .bg_image_popup.bg_redeem {
     
      height: auto;
      padding-bottom: 60px;
  }
    .container.modal_body_container.redeem_width {
      max-width: 219px;
  }
    .modal-content.bg_image_popup.bg_resp_popup{
      padding-bottom: 24px;
      height: auto;
    }
    .popup_btn_resp img{
      width:90px;
    }
    .popup_heading{
      font-size: 21px;
      text-align: center;
    }
    .pot_Seed{
      padding-top: 17px;
    
    }
    .pot_Seed .vertical_bottom{
      vertical-align: bottom;
    }
    .pot_Seed .vertical_bottom img{
      width:80px;
    }
    .greenhouse_shadow {
      padding: 0px 0px 4px;
      /* max-height: 490px; */
      /* overflow-y: scroll; */
      margin: auto;
      /* overflow-x: hidden; */
  }
    .text-center-resp{
      text-align: center;
    }
    .flower{
      width:90px;
    }
    .form-control.input_form{
        width: 222px;
        padding: 1rem 1.9rem;
        margin: auto;
       
    }
    .harvest .bg_image1{
        background-size: cover;
       }
    .login_resp{
        width:115px;
       }
    .text_input .mb-3{
        margin-bottom: 0!important;
    }
    .main_heading {
      font-size: 19px!important;
    padding-top: 10px;}
      .baricon img{
        width:40px;
      }
      .settingicon img{
        width:40px;
      }
      .profile_card .profile_icon{
        width:30px;
      }
      .wallet_heading {
        font-size: 12px;}
     .profile_card {
          padding: 17px;
          justify-content: space-evenly!important;
      }
      .profile_card .pwrd_btn{
         width:200px;
         margin-top: 5px;
        }
      
    .profile_content .text-right{
      text-align: left!important;
    }
   

    .profile_content p {
      font-size: 12px;
  }
  .profilecard_pwrd_bg .profile_content a{ 
    display: block;
  }
  .profilecard_pwrd_bg .profile_content a{
    text-align: center;
  }
  .wallet_dollar p {
    font-size: 14px;
    padding-left: 0;
  }
  .wallet_content p {
    padding-left: 0;
    font-size: 9px;}
  .wallet_card img{
    width:30px;
    }
    .wallet_content {
      padding: 5px;
      min-height: 45px;
  }
  .pt-sm{padding-top: 15px;}
  .postion_row .tr_bg td {
    padding: 36px 0px;
    font-size: 10px;
}
.tr_bg {

  background-size: 100% 90px;
}
.bg_image_w {
  background-size: cover;
}}

  @media only screen and (min-width: 768px) and (max-width: 992px) {
    .slider .swiper-wrapper{
      flex-direction: column;
      width:100%;
     
    }
    .team.swiper-slide {
   
      display:contents;
    }
    .about_bg{
      height:906px;
    }
    .about_bg_position {
      top: 40%;}
    .team .about_bg_position {
        top: 47%;
    }
    .mission {
      width: 289px;}
    .about_us_content {
    
      font-size: 14px;}
    .about_us_heading {
      font-size: 30px;}
    .introduction .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
      top: 66px!important;
      left: 17%!important;
  }
    .intro_bg {
      background-size: contain;
    }
    .introduction .swiper-slide, swiper-slide {
      height: 410px;
  }

    .introduction .swiper-wrapper {
      height: 70%;
  }
    /* .intro_bg {
      height:478px;
    } */
    .team.swiper-slide p {
      padding-top: 0rem;}
    .swiper-slide p {
      padding-top: 7rem;}
    .swiper-slide p {
     font-size: 16px;
    }
    .logo_landing {
      width: 128px;}
    .logo_image .playnow img{
      width:138px;
      margin: auto;
     }
    .logo_image img{
      width:228px;
      margin: auto;
     }
    .social_icons {
      width: 153px;
  }
    .navbar .harvest_navigation .nav-item .nav-link {
      padding-left: 4px;
  }
    .logo_landing {
      height: 40px;}
    .logo_landing img {
      width: 142px;
      height: 146px;
  }
    .harvest_navigation {
      font-size: 12px;}
   .social_icons img {
    padding-right: 7px;
    width: 25px;
}
  

    .profile_bg1{
      height:22vh;
      align-self: center;
    }
    .my_profile_btn_pwrd .pwrd_btn{
    width:150px;
    }
    .container.my-prof{
      max-width:620px;
    }
    .profile_icon.c_icon{
      width:50px;
    }
    .profile_icon{
      width:60px;
    }
    .profilecard_bg.profile_bg2 {
      height:15vh;
    }
    .profilecard_bg.profilecard_pwrd_bg{
      height:16vh;
    }
    .profilecard_bg.profile_Referral_bg{
      height:21vh;
    }
    .profilecard_bg.profile_bg3{
height:18vh;
    }
    .profilecard_bg1 {
      height:22vh;

  }
    .profile_content .text-right{
      text-align: left!important;
    }
    .my-prof.height_responsive{
      max-height: 460px;
      overflow-y: scroll;
      margin: auto;
      overflow-x: hidden;
    }
    .custom_navbar .nav_text {
      font-size: 9px;}
    .navbar-nav.custom_navbar li{
      width: 104px;
    }
    .navicons {
      width: 33px;
      margin: 36px auto 0;}
       
    /* styles for tablet devices */
    .container.my-container {
       padding: 20px 42px 0px;
  }
    .product_card_img img{
      width:70px;
    }
    .dollar.dollar.green_dollar {
      font-size: 1.2125rem!important;
      padding-bottom: 12px;}
      .product_content .dollar{
        font-size: 1.6rem;
      }
      .product_content .floret_heading{
        font-size: 1.3rem;}
    .product_card_content .floret_heading{
    font-size: 1rem;}
    .product_img img{
      width:90px;
    }
    .welcome_heading {
      font-size: 16px;}
    .shop_pot_Seed {
      width: 130px;}
    .main_heading {
      font-size: 41px;}
    .wallet_balance img{
      width:70px
    }
    .wallet_heading {
      font-size: 22px;}
    .wallet_dollar p {
      font-size: 14px;
      padding-left: 0;
    }
    .wallet_content p {
      padding-left: 0;
      font-size: 11px;}
    .wallet_card img{
      width:37px;
      }
      .wallet_content {
        padding: 5px;
        min-height: 45px;
    }
    .pot_Seed.mt-4{
       margin-top:0!important;
    }
 
  }
  @media only screen and (min-width: 992px) and (max-width: 1200px) {
    .team_heading {
      font-size: 23px;
    }
    .mission {
      width: 400px;}
    .about_us_content {
      font-size: 17px;}
    .introduction .swiper-horizontal>.swiper-pagination-bullets, .swiper-p
    agination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
      top: 66px!important;
      left: 13%!important;
  }
 
    .introduction .swiper-wrapper {
      height: 39%;
  }
    .intro_bg {
      height: 413px;
      background-size: contain;
  }
  .team .swiper-slide p {
    padding-top: 0;
    font-size: 14px;
  }
    .swiper-slide p {
      padding-top: 5rem;
      font-size: 14px;
    }
      /* .navbar_sub_position {
      top: 160px;
  } */
    .social_icons img {
      padding-right: 11px;
      width: 36px;
  }
    .logo_landing {
      height: 54px;}
    .harvest_navigation {
      font-size: 15px;}
    .navbar .harvest_navigation .nav-item .nav-link {
      padding-left: 8px;
  }
    
   .logo_image img{
    width:290px;
    margin: auto;
   }
   .playnow img{
    width:200px;
    margin: auto;
   }

    .profile_icon.c_icon{
      width:50px;
    }
    .profile_icon{
      width:60px;
    }
    .my_profile_btn_pwrd .pwrd_btn {
      width: 170px;
      padding-bottom: 16px;
  }
    .profile_content p{
      font-size: 16px;
    }
    .my_profile_btn .profile_btn{
      width: 63px;
      height: 27px;
      }
    .my_profile_btn .pwrd_btn {
      width: 170px;
      padding-bottom: 16px;
  }
    .dollar.green_dollar {
      font-size: 1.6rem;
  }
    .dollar {
      font-size: 1.8125rem;}
    .welcome_heading {
      font-size: 19px;}
    /* styles for desktop devices */
    .wallet_heading {
      font-size: 20px;}
      .wallet_dollar p {
        font-size: 18px;
        
      }
      .main_heading {
        font-size: 55px;}
    .navbar-nav.custom_navbar li {
          width:142px;}
    .navicons {
            width: 45px;
            margin: 28px auto 0;}
    .custom_navbar .nav_text {
              font-size: 12px;}
  }
  @media only screen and (min-width: 1200px) {
    
    /* styles for large desktop devices */
    .navbar_sub_position {
      top: 45%;}
  }
  @media only screen and (min-width: 1200px) and (max-width: 1400px) {
 
    .introduction .swiper-wrapper {
      height: 49%;
  }
    .intro_bg {
      height:503px;
      background-size: contain;
    }
    .team.swiper-slide p {
      padding-top: 0rem;
      font-size: 17px;
    }
    .swiper-slide p {
      padding-top: 6rem;
      font-size: 17px;
    }
    
  .navbar-nav.custom_navbar li {
    width: 169px;}
  .my_profile_btn .profile_btn{
    width: 76px;
    height: 30px;
    }
  .my_profile_btn_pwrd .pwrd_btn {
    width: 170px;
    padding-bottom: 16px;
}

  }
  @media only screen and (max-width:1400px){

  }