/* ===============================================
 
 Table Of Contents
 1.) Media Query for Tablet
 2.) Media Query for Handheld Devices
 3.) Media Query for mobile
 ===============================================*/
@media (min-width: 768px) {
  .breath-image-new {
    display: none;
  }
  .waranty-img {
    margin-top: unset !important;
  }
  .for-mobile {
    display: none;
  }
  .img-health-mobile {
    display: none;
  }
}

/*===============================
 2.) Media Query for Tablet
 ===============================*/
@media (min-width: 768px) and (max-width: 1023px) {
}

/*===============================
1.) Media Query for mobile
===============================*/
@media only screen and (max-width: 767px) {
  .btn-site {
    font-size: 16px !important;
    padding: 8px 30px;
  }
  .hero {
    background-image: url("https://o2cure.in/wp-content/uploads/2021/09/Mobile-1.jpg");
    min-height: auto;
    padding: 250px 0 250px;
    background-size: cover;
    background-repeat: no-repeat;
  }

  .certified ul {
    display: block;
    width: 100%;
    padding: 0;
  }
  .certified .first-block li {
    width: 18%;
    margin: 0 auto;
    display: block;
  }
  .first-block li:first-child {
    width: 100%;
    text-align: center;
    padding: 5px 0;
  }
  .sec-block {
    text-align: center;
  }
  .certified .sec-block li:first-child {
    width: 100%;
    text-align: center;
    padding: 5px 0;
  }
  .certified .sec-block li {
    width: 18%;
    margin: 0 auto;
    text-align: center;
  }
  .certified .center-strip-white {
    display: block;
    margin: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border-radius: 0;
    min-height: 100%;
  }
  .video h2 {
    font-size: 28px;
    line-height: 1.3;
  }
  .video .text-wrap {
    padding: 30px 0;
  }
  .video p {
    font-size: 16px;
  }
  .breathe-fresh {
    padding: 50px 0;
    height: auto;
    background-image: url(https://o2cure.in/wp-content/uploads/2021/09/6-8.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center bottom;
    background-color: #ebe7e6;
  }
  .breathe-fresh p strong {
    padding-top: 0px;
  }
  .breathe-fresh button {
    padding: 8px 30px;
    margin-top: 0px;
  }
  .breathe-fresh h2 {
    font-size: 28px;
    line-height: 1.3;
  }
  .breathe-fresh P {
    font-size: 16px;
  }
  .shiping-icon {
    max-width: 100%;
  }

  .shipping {
    padding: 50px 20px;
  }

  .shiping-icon img {
    max-width: 60%;
  }
  .shiping-icon p {
    line-height: 1.5;
    font-size: 12px;
  }
  .disclaimer-text p {
    font-size: 10px;
    line-height: 1.6;
  }
  .mobile-footer {
    background-image: linear-gradient(220deg, #039746 0%, #007ab4 100%);
  }
  .mobile-footer i {
    color: #fff;
  }
  .mobile-footer .list-inline {
    margin-bottom: 0;
    padding: 15px 0px;
    text-align: center;
  }
  .mobile-footer .list-inline-item:not(:last-child) {
    margin-right: 2.4rem;
  }
  .mainfooter {
    display: none;
  }
  .technology {
    padding: 50px 0;
  }
  .technology ul {
    padding: 0 15px;
    margin: 0;
  }
  .technology h2 {
    font-size: 28px;
    line-height: 1.3;
  }
  .technology ul li {
    margin: 0 0 20px !important;
    left: 0 !important;
    font-size: 16px;
    font-weight: 400;
  }
  .technology ul li::after,
  .technology ul li::before {
    display: none;
  }
  .features {
    padding: 50px 0;
  }
  .features h2 {
    font-size: 28px;
    line-height: 1.3;
  }
  .features p {
    line-height: 1.4;
    font-size: 16px;
    font-weight: 400;
  }
  .features ul {
    padding-top: 0;
    padding-bottom: 0;
    margin: 0;
  }
  /* .features .features-list-2{
	   padding: 0 25px;
   } */

  .book-whatsapp {
    padding: 50px 0;
  }
  .book-whatsapp h2 {
    font-size: 28px;
    color: #fff;
    line-height: 1.3;
    text-align: center;
    /* margin-bottom: 30px !important; */
  }
  .corona-kills {
    padding: 53px 0;
  }
  .health h2 {
    font-size: 28px;
    line-height: 1.3;
  }
  .health p {
    font-size: 18px;
    font-weight: 400;
  }
  .health {
    padding: 100px 0 750px;
    background-image: url(https://o2cure.in/wp-content/uploads/2021/09/health-solutions.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
  }

  .box-list {
    margin-bottom: 50px;
  }
  .box-list ul {
    display: block !important;
    padding: 10px 10px;
  }
  .box-list li {
    font-size: 12px;
    border-bottom: 2px solid #039749;
    width: 46%;
    border-right: none;
    float: left;
    margin-bottom: 10px;
    padding: 8px 0;
  }
  .box-list li:nth-child(3) {
    border: none;
    margin-bottom: 0px;
    padding: 0;
  }
  .box-list li:last-child {
    border: none;
    margin-bottom: 0px;
    padding: 0;
  }

  .testimonial {
    overflow: hidden;
    padding: 50px 0;
  }
  .testimonial .owl-stage-outer {
    width: 100%;
  }
  .testimonial h2 {
    font-size: 28px;
    line-height: 1.3;
  }
  .testimonial-slider .owl-nav {
    top: 37%;
    left: 0;
  }
  .testimonial-slider .owl-nav .owl-next {
    display: none;
  }
  .testimonial .owl-nav button {
    background: #007ab4 !important;
  }
  .testimonial-slider .owl-nav span {
    color: #fff;
  }
  .faq {
    padding: 50px 0;
  }
  .faq h2 {
    font-size: 28px;
    line-height: 1.3;
  }
  .faq .card-header button {
    font-size: 16px;
    text-align: left;
  }
  .faq .card:first-child i {
    top: 18% !important;
  }
  .faq #accordion .card-header i {
    right: 0;
    top: 27%;
    font-size: 15px;
  }
  .faq .card-body {
    font-size: 16px;
  }
  /* for review heading  */
  .review-heading {
    font-size: 28px !important;
  }
  h2.jdgm-rev-widg__title {
    font-size: 25px !important;
  }
  /* css for footer call to action  */
.elementor-section.elementor-top-section.elementor-element.elementor-element-994162d.elementor-hidden-desktop.elementor-hidden-tablet.footer-bar.elementor-section-boxed.elementor-section-height-default {
  display: none;
}
.call-to-action {
  padding: 5px;
}
.call-to-action h3 {
  display: none;
}
.call-to-action .banner-btn {
  color: #fff !important;
  padding: 5px 10px;
  font-size: 12px;
  border: 1px solid #fff;
  border-radius: 2px !important;
  font-weight: 400;
  width: unset;
}
.cta {
  justify-content: center;
}
/* css for footer call to action end  */
}

/*===============================
3.) Media Query for Handheld Devices
===============================*/

@media (min-width: 1024px) and (max-width: 1169px) {
  .add_to_cart_button {
    position: absolute;
    border: 0;
    bottom: 20%;
    background: #fff;
    left: 61%;
    padding: 10px 20px;
    color: #007bb9;
    font-size: 18px;
    font-weight: 500;
    font-family: "ELEMENTSKIT";
  }
  .enquire-now_button {
    position: absolute;
    border: 0;
    bottom: 20%;
    background: #fff;
    left: 51%;
    padding: 10px 20px;
    color: #007bb9;
    font-size: 18px;
    font-weight: 500;
    font-family: "ELEMENTSKIT";
  }
}

/*===============================
4.) Media Query for large screen Devices
===============================*/
@media (min-width: 1824px) and (max-width: 1969px) {
  .add_to_cart_button {
    position: absolute;
    border: 0;
    bottom: 20%;
    background: #fff;
    left: 62%;
    padding: 10px 20px;
    color: #007bb9;
    font-size: 18px;
    font-weight: 500;
    font-family: "ELEMENTSKIT";
  }
  .enquire-now_button {
    position: absolute;
    border: 0;
    bottom: 20%;
    background: #fff;
    left: 54%;
    padding: 10px 20px;
    color: #007bb9;
    font-size: 18px;
    font-weight: 500;
    font-family: "ELEMENTSKIT";
  }

  .second-banner-content {
    position: relative;
    left: -15%;
  }
  .second-banner-content h2 {
    font-size: 35px;
  }
  .second-banner-content p {
    font-size: 18px;
    text-align: justify;
  }
  .second-banner {
    padding: 80px 0;
    background: url(https://o2cure.in/wp-content/uploads/2021/10/Landing-pages-01.png-scaled.jpg);
    background-size: cover;
    height: 700px;
  }
  .breathe-fresh {
    background-image: url(https://o2cure.in/wp-content/uploads/2021/10/O2cure-Product-Page-Landing-Page-1.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center bottom;
    height: 85vh;
    padding: 100px;
  }
  .health {
    padding: 100px 0 1000px;
    background-image: url(https://o2cure.in/wp-content/uploads/2021/09/health-solutions.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom;
  }
  .testimonial .item {
    width: 540px !important;
  }
  .phi {
    background-position: center;
  }
}
/*===============================
5.) Media Query for extra small screen Devices
===============================*/
@media (max-width: 575px) {
  .add_to_cart_button {
    position: absolute;
    border: 0;
    bottom: 28%;
    background: #fff;
    left: 28%;
    padding: 8px;
    color: #007bb9;
    font-size: 16px;
    font-weight: 500;
    font-family: "ELEMENTSKIT";
  }
  .enquire-now_button {
    position: absolute;
    border: 0;
    bottom: 20%;
    background: #fff;
    left: 50%;
    padding: 8px;
    color: #007bb9;
    font-size: 16px;
    font-weight: 500;
    font-family: "ELEMENTSKIT";
  }
}
/*===============================
6.) Media Query for small screen Devices
===============================*/
@media (min-width: 576px) and (max-width: 767px) {
}

/* css by anish  */

@media only screen and (max-width: 767px) {
  /* for fix  */
  .img-health-desktop {
    display: none;
  }
  .for-mobile,
  .desktop_icons {
    display: none;
  }
  .for-mobiles {
    display: block !important;
  }
  .for-desktop {
    order: 2;
  }
  .for-desktop-block {
    margin-top: 30px;
  }
  /* for fix end */

  .hero-banner {
    padding-top: 0px !important;
  }
  .hero-left-content {
    padding: 0 !important;
  }
  .hero-left-content h1 {
    color: #0075af;
    font-size: 30px;
  }
  .hero-left-content h3 {
    color: #009348;
    font-size: 28px !important;
    margin-top: -15px !important;
  }
  .banner-price {
    width: 100%;
  }
  .banner-btn {
    padding: 10px;
    font-size: 14px;
  }
  .choose-color {
    padding: 10px 0;
  }
  .choose-color-text {
    font-size: 16px;
  }
  .choose-color1 {
    width: 35px;
    height: 35px;
  }
  .choose-color2 {
    width: 35px;
    height: 35px;
  }
  .amazon-logo {
    padding-left: unset !important;
  }
  .amazon-logo img {
    width: 150px;
  }
  .banner-icons span br {
    display: none;
  }
  .banner-icons {
    display: block !important;
    text-align: center;
  }
  .banner-icons img {
    margin-left: auto;
    margin-right: auto;
  }
  .banner-icons span {
    display: block;
  }
  /* for certification  */
  .certificate-box {
    border-right: unset !important;
  }
  .certificate-box {
    border-right: unset !important;
    border-bottom: 2px dashed #333;
    padding: 10px;
    align-items: center;
  }
  .certificate-box ul {
    padding-left: 30px !important;
  }
  .certificate-box img {
    width: 70px;
    height: unset !important;
    margin: unset !important;
  }
  /* for section second banner  */
  .second-banner {
    height: 900px;
  }
  .second-banner-content {
    position: unset;
  }
  .second-banner-content h2 {
    font-size: 24px;
    text-align: center;
  }
  .second-banner-content p {
    font-size: 14px;
    text-align: center;
    line-height: 2em;
  }
  .second-banner-content {
    padding: 0 15px;
  }
  /* css for video section  */
  .video-section h2 {
    font-size: 24px;
    line-height: 1.5em;
  }
  .video-section p {
    font-size: 14px;
    padding: unset;
  }
  .video-section-yt {
    width: 300px !important;
  }
  /* css for breath section  */
  .breathe-fresh-content {
    position: unset;
  }
  .breathe-fresh h2 {
    font-size: 22px;
  }
  .breathe-fresh P {
    font-size: 14px;
    margin: 0;
    line-height: 1.5;
  }
  /* .breathe-fresh button {
	   position: relative;
	   left: 20%;
   } */
  .breathe-fresh {
    background-image: url("https://o2cure.in/wp-content/uploads/2022/10/Plug-and-play-banner-mobile-version.jpg");
    background-size: cover;
    height: 650px;
  }
  .breath-image-new {
    position: relative;
    top: -20%;
    left: -40%;
    width: 530px;
    max-width: 530px;
  }
  .breathe-fresh button {
    padding: 5px 20px;
    /* margin-top: 30px; */
  }
  /* section for phi  */
  section.phi h2 {
    font-size: 24px;
    text-align: center;
  }
  /* section for phi cell  */
  .phi-cell h2 {
    font-size: 24px;
    line-height: 1.5em;
  }
  .phi-cell h3 {
    font-size: 18px;
  }
  .phi-cell p {
    font-size: 14px;
  }
  .phi-cell-box {
    max-width: 50% !important;
    flex: 0 0 50% !important;
    padding: 20px;
  }
  .phi-cell {
    padding-top: 50px;
  }
  /* css for book via whatsapp  */
  .book-whatsapp h2 {
    font-size: 24px;
  }
  .btn-whatsapp {
    padding: 5px 20px;
    display: inline-block;
    margin-left: auto !important;
  }
  .book-whatsapp p {
    text-align: center;
  }
  /* css for solution section  */
  .solution h2 {
    font-size: 24px;
  }
  .solution p {
    font-size: 14px;
  }
  .solution-box {
    max-width: 50%;
    padding: 20px;
  }
  /* css for application  */
  .application-heading h2 {
    font-size: 24px;
  }
  .application-heading p {
    font-size: 14px;
    padding: 0 25px;
  }
  .application img {
    height: unset !important;
  }
  .application-box {
    text-align: center;
    margin: 15px;
    width: unset;
  }
  .application-sec {
    max-width: 50%;
}
.application-box img {
  width: unset;
  padding: 15px;
}
.application-box h4{
  font-size: 18px;
}
  /* css for safety features  */
  .features h2 {
    font-size: 24px;
  }
  .features p {
    font-size: 14px;
  }
  .flex-row-reverse {
    flex-direction: unset !important;
  }
  section.features .features-list .ml-auto {
    margin-left: 1rem !important;
  }
  .features-list-2 li {
    justify-content: left;
  }
  .health-new h2 {
    font-size: 24px;
    line-height: 1.5em;
    padding: 0 25px;
  }
  .features .features-list-2 {
    padding: 0;
    margin-top: 1.5rem;
  }
  figure.safe {
    display: none;
  }
  /* css for testimonial  */
  .testimonial-video iframe {
    width: 360px;
    height: 225px;
    margin-left: auto;
    display: block;
    margin-right: auto;
  }
  .owl-nav {
    display: none;
  }
  .testimonial h2 {
    font-size: 24px;
  }
  /* css for review  */
  .review h2 {
    font-size: 24px !important;
  }
  .jdgm-prev-badge {
    font-size: 18px;
  }
  /* css for faq  */
  .faq h2 {
    font-size: 24px;
  }
  /* css for footer  */
  .mobile-footer .list-inline {
    margin: 0;
  }
}

@media only screen and (max-width: 375px) {
  .breath-image-new {
    position: relative;
    top: -20%;
    left: -50%;
    width: 500px;
    max-width: 530px;
  }
}