@media (max-width: 1400px) {
   .banner-right .card {
      width: 370px;
   }
	.banner-right .form-bottom{
		font-size:11px;
}
   .phone a {
      font-size: 18px;
   }

   .location h5 {
      font-size: 18px;
   }

   .banner-left h1 {
      font-size: 65px;
   }

   .banner-left h2 {
      font-size: 25px;

   }

   .why-we-right p {
      font-size: 20px;
      line-height: 35px;
   }

   .how-to-use p {
      font-size: 26px;
   }

   .banner-bottom h2 {
      font-size: 25px;
      color: #c52600;
   }

   .banner-bottom-img {
      left: 34%;
   }

   .banner-bottom-img img {
      width: 75px;
   }

   .banner-right h3 {
      font-size: 22px;
   }

   .banner-right input {
      font-size: 13px;
   }

  .banner-right input {
        margin-bottom: 8px;
    }

   .banner-right textarea {
      font-size: 13px;
   }

   .submit-btn {
      font-size: 13px;
      padding: 12px 31px;
   }

   .banner-right p {
      font-size: 11px;
   }
}

@media (max-width: 1200px) {
   .header-left img {
      width: 40px;
   }

   .header-left h2 {
      font-size: 18px;
   }

   .phone a {
      font-size: 17px;
   }

   .phone-logo img {
      width: 26px;
   }

   .location h5 {
      font-size: 17px;
   }

   .banner-left h1 {
      font-size: 56px;
   }

   .banner-left h2 {
      font-size: 20px;
   }

   .banner-right h3 {
      font-size: 19px;
   }

   .banner-right p {
      font-size: 9px !important;
   }

   .banner-right input {
      font-size: 12px;
   }

   .banner-bottom-img {
      position: absolute;
      bottom: 58px;
      left: 31%;
      z-index: 9;
   }

   .banner-bottom-img img {
      width: 80px;
   }

   .banner-left {
      padding: 50px 0;
   }

   .banner-right {
      padding: 50px 0
   }

   .banner-bottom h2 {
      font-size: 17px;
      color: #c52600;
   }

   .heading h2 {
      font-size: 34px;
   }

   .how-to-use p {
      font-size: 19px;
   }

   .how-to-use-bottom-img {
      margin: 27px 0;
   }

   .how-to-use {
      padding: 58px 0 23px 0;
   }

   .why-we-right h3 {
      margin-bottom: 20px;
   }

   .why-we-right p {
      font-size: 19px;
   }

   .why-we::after {
      bottom: -306px;
      width: 400px;
   }

   .ingredients-des h2 {
      font-size: 20px;
   }

   .ingredients-des p {
      font-size: 15px;
   }

   .ingredients .heading::before {
      width: 400px;
   }

   .ingredients .heading::after {
      width: 400px;
   }

   .ingredients-buttom h3 {
      font-size: 27px;
   }

   .clients-reviews .heading h2 {
      font-size: 35px;
   }

   .client-des p {
      font-size: 19px;
      padding: 32px 0;
   }

   .clients-name-rating .clients-name h3 {
      font-family: "Montserrat", sans-serif;
      font-size: 18px;
   }

   .clients-rating img {
      height: 24px;
   }

   .footer a {
      font-size: 17px;
   }

   .ingredients::after {
      width: 317px;
   }

   .banner-right .card {
      width: 316px;
   }

}

@media (max-width: 991px) {
	 
	.banner-right p.form-bottom {
        font-size: 9px;
    }
   .header-left img {
      width: 28px;
   }
	.why-we-right p{
	font-size: 17px;
    line-height: 30px
		}
   .header-left h2 {
      font-size: 16px;
   }

   .location h5 {
      font-size: 13px;
   }

   .location-img img {
      width: 16px;
   }

   .phone a {
      font-size: 14px;
   }

   .submit-btn {
      font-size: 12px;
      padding: 13px 27px;
   }

   .banner-right p {
      font-size: 10px;
   }

   .how-to-use p {
      font-size: 15px;
   }

   .clients-right img {
      width: 100%;
   }

   .clients-right::before {
      left: -14px;
   }

   .why-we::after {
      bottom: -278px;
      width: 285px;
   }

   .ingredients::after {
      width: 241px;
	  bottom: -293px;
   }

   .banner-right input {
      margin-bottom: 23px;
   }

   .ingredients .row {
      padding: 60px 0;
   }

   .ingredients {
      padding: 66px 0;
   }

   .banner-right textarea {
      font-size: 12px;
   }
	
	.banner-right .form-bottom {
        font-size: 9px !important;
    }
	   .banner-right input {
        margin-bottom: 7px !important;
    }
	    .banner-right input {
        font-size: 10px !important;
    }


}

@media (max-width: 768px) {
   .header-left img {
      width: 19px;
   }

   .header-left h2 {
      font-size: 13px;
      margin-left: 4px;
   }

   .banner-left h1 {
      font-size: 41px;
   }

   .banner-left h2 {
      font-size: 16px;
   }

   .banner-right {
      justify-content: center;
   }

   .banner-right {
      padding: 50px 0;
      width: 100%;
   }

   .banner-left {
      padding: 50px 0 13px 0;
   }

   /* .banner-right input {
      margin-bottom: 30px;
   } */

   .banner .col-md-6 {
      width: 100%;
      margin-top: 0;
      margin-bottom: 0px;
   }

   #email {
      margin-top: 15px;
   }

   .banner-right input {
      margin-bottom: 23px;
   }

   .banner-bottom-img img {
      width: 46px;
   }

   .banner-bottom-img {
      position: absolute;
      bottom: 11px;
      left: 2%;
      z-index: 9;
   }

   .banner-right textarea {
      font-size: 13px;
   }

   .banner-right h3.mb-4 {
      margin-bottom: 50px !important;
   }

   .banner-bottom h2 {
      margin-bottom: 25px;
   }

   .heading h2 {
      font-size: 24px;
   }

   .heading::after {
      width: 311px;
      height: 2px;
   }

   .how-to-use-bottom-img img {
      width: 230px;
   }

   .why-we-left {
      position: relative;
      margin-bottom: 50px;
   }

   .why-we::after {
      bottom: -484px;
      width: 217px;
   }

   .ingredients-item {
      margin-bottom: 50px;
   }

   .ingredients::after {
      bottom: -441px;
   }

   .ingredients-buttom h3 {
      font-size: 20px;
   }

   .clients-reviews .heading h2 {
      font-size: 23px;
   }

   .client-des p {
      font-size: 19px;
      padding: 22px 0;
   }

   .clients-name-rating {
      margin-bottom: 60px;
   }

   .footer a {
      font-size: 12px;
   }

   .footer-content {
      padding: 9px 0;
   }

   .location {
      margin-left: 0;
   }

   .location-img img {
      width: 9px;
   }

   .location-img {
      width: 18px;
      height: 18px;
   }

   .phone-logo img {
      width: 17px;
   }

   .phone a {
      margin-left: 3px;
      font-size: 12px;
   }

   .location h5 {
      margin-left: 3px;
      font-size: 12px;
   }

   .header-left h2 {
      font-size: 10px;
      margin-left: 4px;
   }

   .header-left img {
      width: 16px;
   }

   .location {
      margin-left: 10px;
   }

   .ingredients .row .col-md-3 {
      width: 50%;
   }

   .my-container {
      background-image: none;
   }

   .banner-left {
      position: relative;
      background-image: url(image/banner-img.jpg);
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
   }

   .my-container::after {
      display: none;
   }

   .banner-bottom-img {
      top: 15%;
      right: 10%;
      left: unset;
   }

   .banner-left {
      padding: 50px 0 50px 0;
   }

   .banner-right {
      padding: 40px 0 9px 0;
      width: 100%;
   }

   .how-to-use p {
      font-size: 14px;
   }

   .banner-left h2 {
      font-size: 10px;
   }

   .banner-right .card {
      width: 100%;
   }
	.banner-right .col-md-6 p{
		margin-bottom:0 !important;
	}
	.wpcf7-validates-as-email{
		margin-top:16px !important;
	}
}

@media (max-width: 600px) {
   .location {
      display: none;
   }

   .phone {
      display: none;
   }

   .my-container::after {
      z-index: -1;
   }

   .ingredients .row {
      padding: 23px 0;
   }

   .how-to-use {
      padding: 7px 0 23px 0;
   }

   .clients-reviews-bottom img {
      width: 270px;
   }

   .why-we-left::after {
      right: -9px;
      top: -9px;
   }

   .why-we-left::before {
      left: -9px;
      bottom: -9px;
   }

   .footer a {
      font-size: 9px;
   }

   .ingredients {
      padding: 73px 0 50px 0;
   }

   .ingredients::after {
      bottom: -715px;
      width: 164px;
   }

   .why-we::after {
      bottom: -464px;
      width: 166px;
   }

   .ingredients .row .col-md-3 {
      width: 100%;
   }

   .header-left img {
      width: 23px;
   }

   .header-left h2 {
      font-size: 15px;
      margin-left: 4px;
   }

   .mobile-logo {
      display: block;
   }

   .mobile-logo img {
      width: 32px;
   }

   .banner-left h1 {
      font-size: 32px;
   }

   .banner-left h2 {
      font-size: 14px;
   }

   .banner-left {
      padding: 40px 0;
   }

   .ingredients-buttom h3 {
      font-size: 15px;
   }

   .banner-left h2 {
      font-size: 10px;
   }

   .banner-left h2 {
      background: linear-gradient(to right, rgb(255 255 255 / 41%), rgb(255 255 255 / 0%));
   }

   .banner-left h2 {
      background: linear-gradient(to right, rgb(255 255 255), rgb(255 255 255 / 0%));
      padding: 8px 5px;
   }
	.how-to-use p {
        font-size: 13px;
    }
	    .why-we-right p {
        font-size: 14px;
        line-height: 27px;
    }
	    .banner-bottom h2 {
        font-size: 15px;
        
    }


}