/* Min Width Media Queries */
@media (min-width: 1500px) {
    
}


/* Max Width Media Queries */
@media only screen and (max-width: 1700px) {
  .container {max-width: 1320px;}
  h1, .h1 {font-size: 85px;line-height: 85px;}
  .banner-top-text img {max-width: 680px;}
  .products-section .container, .dispensing-section .container {max-width: calc(50vw + 650px);}
  .home-hero-banner::before {height: 75%;right: 0;}
  .inquire-section label {font-size: 18px;}
  .promise-content {margin-left: 65px;padding: 140px 0;}
  .promise-content .img-wrap {margin-left: 10px;}
  .our-promise-section .container .row .col-6.col-xl-4:nth-child(2) {padding-left: 50px;}
  .inquire-section .form-control {font-size: 20px !important;}

}

@media only screen and (max-width: 1380px) {
  .dispensing-section .dispensing-content p br {display: none;}

}

@media only screen and (max-width: 1199px) {
  /* .home-hero-banner {height: 755px;} */
  .home-hero-banner::before {height: 80%;right: 20px;width: 300px;bottom: 0;}
  .container {max-width: 960px;}
  h1, .h1 {font-size: 72px;line-height: 72px;}
  .bottle-section h1 {margin-bottom: 42px;}
  /* p {font-size: 16px;line-height: 32px;} */
  .banner-top-text img {max-width: 550px;}
  .banner-top-text h3 {font-size: 26px;line-height: 36px; max-width: 370px;}
  .products-section .container, .dispensing-section .container {max-width: calc(50vw + 485px);}
  .section {padding: 100px 0;}
  h2 {font-size: 60px;line-height: 60px;}
  .Why-cleanslate-section h2 {margin-bottom: 35px;}
  .promise-content {margin-left: 40px;padding: 60px 0;}
  .promise-content .img-wrap {margin-left: 0;text-align: center;margin-top: 40px;}
  .inquire-section form .row.border-btm {margin-left: 0; margin-right: 0;}
  .inquire-section .container {padding: 80px 50px;}
  .inquire-section form {margin-top: 30px;}
  .footer img {margin-bottom: 50px;}
  footer p.copyright {margin-top: 40px;}
  .our-promise-section .container .row .col-6.col-xl-4:nth-child(2) {padding-left: 12px;}
  .Why-cleanslate-section p br, .expert-section p br {display: none;}

}

@media only screen and (max-width: 991px) {
  .home-hero-banner::before {width: 117px;bottom: 110px;height: 203px;}
  .banner-top-text h3 {font-size: 20px;line-height: 30px;max-width: 300px;}
  .container {padding-left: 30px;padding-right: 30px;}
  /* .banner-top-text img {width: 470px;transform: rotate(-90deg);margin-left: -190px;margin-bottom: 200px;} */
  .banner-top-text img {transform: rotate(-90deg);margin-bottom: 150px;width: 510px;margin-left: -195px;}
  .home-hero-banner::before {bottom: 45px;}
  .home-hero-banner {padding: 40px 0 100px;}.Why-cleanslate-section img {margin-bottom: 50px;}
  .expert-section img {margin-bottom: 70px;}
  .inquire-section {padding: 20px;}
  .our-promise-section {padding: 30px 10px;}
  .promise-content .img-wrap {margin-left: -120px;}
  .bottle-section .text-wrapper p {
    display: block;
  }
  .bottle-section .text-wrapper p {
    margin-bottom: 30px;
  }
  .bottle-section .text-wrapper p:last-child {
    margin-bottom: 0;
  }

}

@media only screen and (max-width: 767px) {
  .promise-content {margin: 0 auto;max-width: 550px;padding-top: 50px;}
  .our-promise-section img {max-width: 550px;margin: 100px auto  30px;}
  .our-promise-section .promise-content img {margin: 0;}
  .promise-content .img-wrap {margin-top: 50px;} 
  .bottle-section {padding: 40px 0 70px;}
  .section {padding: 80px 0;}
  .product-wrap h4 {font-size: 18px;}
  .footer {padding: 70px 40px;}
  /* .banner-top-text img {margin-bottom: 110px;width: 380px;margin-left: -155px;} */
  /* .banner-top-text img {margin-bottom: 150px;width: 510px;margin-left: -195px;}
  .home-hero-banner::before {bottom: 45px;} */
  .bottle-section img {width: 140% !important;margin-bottom: 35px;}
  .bottle-section .container {overflow: hidden;}

}

@media only screen and (max-width: 575px) {
  .inquire-section .container {padding: 90px 10px 100px;}
  .inquire-section label, .inquire-section .form-control {font-size: 18px !important;line-height: 26px;}
  .inquire-section button {min-width: 269px;}
  .promise-content li {display: block;text-align: center;}
  .promise-content li span {margin: 15px 65px 0;max-width: 60px;}.promise-content .img-wrap {margin-left: 0;}
  .our-promise-section .promise-content img {min-height: 50px;}
  .promise-content {text-align: center;}
  .our-promise-section h2 {margin-bottom: 50px;} 
  .our-promise-section p, .promise-content li span {font-size: 14px;}
  h1, .h1 {font-size: 58px;line-height: 65px;}
  .bottle-section .container, .products-section h3 {text-align: center;}
  .products-section h3 {margin: 0 auto;}
  .expert-section h2 {margin-top: 10px;}
  .expert-section h5, .dispensing-section h5 {font-size: 20px;}
  .dispensing-section .container {padding: 0;}
  .dispensing-section .container .row {margin: 0;}
  .dispensing-section .container .dispensing-content {padding-left: 30px;padding-right: 30px;}
  .our-promise-section img {margin-top: 60px;max-width: 295px;margin-bottom: 10px;}
  .inquire-section h2 {max-width: 200px;}
  .inquire-section form {margin-top: 50px;}
  .inquire-section label, .inquire-section .form-control {font-size: 16px !important;line-height: 26px;}
  .inquire-section form .row.border-btm .col-4 {padding-right: 0;width: 40%;}
  .inquire-section form .row.border-btm .col-8 {width: 60%;padding-left: 0;}
  .inquire-section form .row.border-btm:before {height: 20px;}
  .btn-primary {padding: 20px 40px;}
  .products-section .container {padding-right: 0;padding-left: 45px;}
  .products-section .container .row {margin-right: 0;}
  .inquire-section {padding: 20px;}
  .home-hero-banner {background-image: url(../images/mobile-bg.png) !important;}
  .bottle-section .text-wrapper p {padding: 0 10px;}
  .Why-cleanslate-section p {max-width: 330px;}
  .expert-section p {max-width: 294px;}
  .dispensing-section .dispensing-content p {max-width: 350px;}
  .dispensing-section .dispensing-content p {max-width: 350px;}
  .our-promise-section .h1 {font-size: 69px;line-height: 69px;margin-bottom: 65px;}
  .promise-content h5 {margin-bottom: 40px;}
  footer p {font-size: 16px;line-height: 28px;}
  .footer {padding: 70px 20px;}
}

@media only screen and (max-width: 435px) {
  .promise-content li span {margin: 15px 45px 0;max-width: 100%;}
  footer p.copyright {font-size: 14px;}
  .inquire-section label, .inquire-section .form-control {
    font-size: 14px !important;}
  
}
@media only screen and (max-width: 380px) {
  .footer {padding: 70px 0px 50px;}
  .inquire-section button {min-width: 230px;}
  .inquire-section label, .inquire-section .form-control {font-size: 15px !important;}
  .banner-top-text img {
    transform: rotate(
-90deg);
    margin-bottom: 95px;
    width: 370px;
    margin-left: -150px;
}

}
@media only screen and (max-width: 383px) {
  .inquire-section label, .inquire-section .form-control {font-size: 13px !important;}

}
@media only screen and (max-width: 350px) {
  .banner-top-text img {margin-bottom: 80px;width: 340px;margin-left: -142px;}
  .inquire-section form .row.border-btm .col-4 {padding-left: 4px;}
  .inquire-section {
    padding: 12px;}
  
}

/* Max Height Media Queries */
@media screen and ( max-height: 1080px) {
    
}
/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 823px) 
  and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) { 
   
}