@media screen and (max-width:1199px){
  .services_half_box{
      width:100%;
  }
  .video_div{
      width:44%;
  }
  .footer_div{
    margin:0px 24px;
    /* width:30%; */
  }
  .our_services{
    background-position: center;
  }
  .banner_title h3{
    color:#fff;
  }
  .remove_div{
      bottom:-10px;
  }
  .address_section{
    width:47%;
  }
  .contact_left_img img{
      height: 39px;
  }
  .contact_text{
    margin-left: 19px;
    width:85%;
  }
}



@media screen and (max-width:991px) {
  .our_services{
    background-position: center;
  }
  .about_right_biotech{
    float: none;
    width:100%;
    text-align: center;
  }

  .about_right_biotech img{
    width:300px;
  }
  .about_left_section{
    float: none;
    width:100%;
    margin-top: 10px;
    text-align: center;
  }
  .about_left_section h1{
      text-align: center;
      margin-bottom: 10px;
  }
  .about_left_section p{
    text-align: justify;
  }
  .more_inforamtion{
    display:inline-block;
  }
  .video_div{
      width: 100%;
      margin:0px 0px;
  }
  .video_box_second{
    margin-top: 50px;
  }
  .footer_div{
    width:49%;
    margin:10px 2px;
  }
  .footer_div img{
    width:100px;
  }
  .footer_div img{
    height: 150px;
    width:auto;
  }
  .second_inner_nav ul{
    display: none;
  }
  .mobile_div{
    display: block;
  }
  .benefit_box{
    vertical-align: top;
    width:100%;
    display: inline-block;
    margin-top: 20px;
  }

  .benefit_text{
    width:95%;
  }

  .left_method{
    float: none;
    display: block;
  }


  .right_methods{
    float: right;
    display: block;
  }

  .right_methods{
    float: none;
    width:100%;
    text-align: center;
    margin-left: 0px;
  }

  .right_methods img{
    width:300px;
  }

  .left_method{
    width:100%;
    margin:20px 0px;
  }

  .foliar_left_method{
      width:100%;
      text-align: center;
      float: none;
  }

  .foliar_left_method  img {
    text-align: center;
    width:300px;
  }
  .foliar_right_method{
    float: none;
    width:100%;
    margin:20px 0px;
  }
  .foliar_right_method h5{
    text-align: center;
  }
  .soil_left h5{
    text-align: center;
  }

  .benefits_list {
    text-align: left;
  }

  .foliar_left_method{
    margin-left: 0px;
  }

  .benefits_section{
      padding: 70px 0px;
  }

  .registration_form_section .first_img{
    height: 200px;
  }
  .registration_form_section .second_img{
    height: 200px;
  }
  .registration_form_section .third_img{
    height: 200px;
  }
  .registration_form_section .four_img{
    height: 200px;
  }

  .nano_img{
    text-align: center;
  }

  .nano_img img{
    height: 100px;
    width:auto;
  }

  .product_details_section{
    text-align: center;
    margin-top: 30px;
  }

  .capsule_quantity{
    display: inline-block;
  }

  .remove_div{
    position: relative;
  }

  .cart_section{
    margin-top: 20px;
  }

  .contact_form_box{
      width:100%!important;
  }

  .address_section{
    width:100%;
    margin-top: 30px;
    margin-left: 0px;
  }

}

@media screen and (max-width:967px){
  .home_background_image1{
    background-position: center;
  }
}
@media screen and (max-width:795px){
  .registration_form_section .first_img{
    display: none;
  }
  .registration_form_section .second_img{
    display: none;
  }
  .registration_form_section .third_img{
    display: none;
  }
  .registration_form_section .four_img{
    display: none;
  }
  .how_to_use_btn{
    margin:10px;
  }
}

@media screen and (max-width:767px){
  .benefit_text{
    width:90%;
  }

}

@media screen and (max-width:723px){
  .how_video_iframe{
    margin:20px 0px;
  }
  .videos_boxes{
    width:100%;
  }
}


@media screen and (max-width:500px){
  .about_left_section h1{
    font-size: 38px;
  }
  .benefits_section{
    padding:70px 0px;
  }
  .registered_div{
    width:90%;
  }
}


@media screen and (max-width:704px) {
  .service_box{
    width:100%;
  }
}
@media screen and (max-width:484px) {
  .banner_title h3{
    font-size: 40px;
  }
  .our_services_title h1{
    font-size: 30px;
  }
  .videos_title h3{
    font-size: 30px;
  }
}





@media screen and (max-width:456px){
  .contact_text{
    width:74%;
  }
}


@media screen and (max-width:445px){
  .about_left_section h1{
    font-size: 30px;
  }
}


@media screen and (max-width:421px){
  .login_window{
    width:90%;
  }
}


@media screen and (max-width:380px){
  .banner_title{
    margin-top: 20%;
  }
}


@media screen and (max-width:378px){
  .refferal_link{
    width:70%;
  }
}

@media screen and (max-width:360px) {
  .our_services_title h1{
    font-size: 26px;
  }
  .service_box{
      margin-top: 20px;
  }
  .know_more_btn{
    width: 225px;
    font-size: 15px;
  }
  .service_img img{
    height: 41px;
  }
  .service_text{
    width:84%;
  }
}




@media screen and (max-width:340px){
  .banner_title h3{
    font-size: 35px;
  }
  .service_img img{
    height: 32px;
  }
}

@media screen and (max-width:337px){
  .about_left_section h1{
    font-size: 25px;
  }
}


@media screen and (max-width:330px){
  .benefit_text{
    width:86%;
  }
}