@import url("https://fonts.googleapis.com/css2?family=Montserrat&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Prosto+One&display=swap");

/*! for Whatsapp button */
@media only screen and (max-width: 991px) {
  .whatsapp-button-wrapper {
    right: 25px !important;
  }
}

@media only screen and (max-width: 650px) {
  .whatsapp-button-wrapper {
    bottom: 70px !important;
    width: 60px !important;
    height: 60px !important;
  }
}

@media only screen and (max-width: 430px) {
  .whatsapp-button-wrapper {
    bottom: 95px !important;
  }
}

/*! for Infinite Slider */

@media only screen and (max-width: 1600px) {
  .harmful-substances-water-section
    .harmful-substances-water-content
    .content-bottom
    .elements-information-wrapper {
    width: 300px;
  }
}
@media only screen and (max-width: 1450px) {
  .harmful-substances-water-section
    .harmful-substances-water-content
    .content-bottom
    .elements-information-wrapper
    .element-symbol {
    font-size: 32px;
    color: #13bbea;
  }

  .harmful-substances-water-section
    .harmful-substances-water-content
    .content-bottom
    .elements-information-wrapper
    .text
    .content {
    font-size: 1vw;
  }
}

@media only screen and (max-width: 1250px) {
  .harmful-substances-water-section
    .harmful-substances-water-content
    .content-bottom
    .elements-information-wrapper
    .element-symbol {
    font-size: 27px;
  }

  .harmful-substances-water-section
    .harmful-substances-water-content
    .content-bottom
    .elements-information-wrapper
    .text
    .title {
    font-size: 1.5vw;
  }

  .harmful-substances-water-section
    .harmful-substances-water-content
    .content-bottom
    .elements-information-wrapper
    .text
    .title-content {
    font-size: 1.3vw;
  }

  .harmful-substances-water-section
    .harmful-substances-water-content
    .content-bottom
    .elements-information-wrapper
    .text
    .content {
    font-size: 1.2vw;
  }
}

@media only screen and (max-width: 1000px) {
  .harmful-substances-water-section
    .harmful-substances-water-content
    .content-bottom
    .elements-information-wrapper {
    width: 230px;
  }

  .harmful-substances-water-section
    .harmful-substances-water-content
    .content-top
    .glass-image-div
    .glass-image {
    width: 80%;
  }
}

@media only screen and (max-width: 800px) {
  .harmful-substances-water-section
    .harmful-substances-water-content
    .content-bottom
    .elements-information-wrapper
    .element-symbol {
    font-size: 23px !important;
  }

  .harmful-substances-water-section
    .harmful-substances-water-content
    .content-bottom
    .elements-information-wrapper
    .text
    .title {
    font-size: 1.8vw !important;
  }

  .harmful-substances-water-section
    .harmful-substances-water-content
    .content-bottom
    .elements-information-wrapper
    .text
    .title-content {
    font-size: 1.5vw !important;
  }

  .harmful-substances-water-section
    .harmful-substances-water-content
    .content-bottom
    .elements-information-wrapper
    .text
    .content {
    font-size: 1.5vw !important;
  }

  .crumb {
    margin: 25px 0 0 25px;
    max-width: 85vw;
  }
}

@media only screen and (max-width: 650px) {
  .harmful-substances-water-section
    .harmful-substances-water-content
    .content-bottom
    .elements-information-wrapper {
    width: 200px;
  }

  .slider .slide-track {
    animation: 17s slide infinite linear;
  }

  .harmful-substances-water-section
    .harmful-substances-water-content
    .content-bottom
    .elements-information-wrapper
    .text
    .title {
    font-size: 13px !important;
  }

  .harmful-substances-water-section
    .harmful-substances-water-content
    .content-bottom
    .elements-information-wrapper
    .text
    .title-content {
    font-size: 11px !important;
  }

  .harmful-substances-water-section
    .harmful-substances-water-content
    .content-bottom
    .elements-information-wrapper
    .text
    .content {
    font-size: 11px !important;
  }

  .slider::before,
  .slider::after {
    width: 90px !important;
  }

  .harmful-substances-water-section
    .harmful-substances-water-content
    .content-top
    .glass-image-div
    .glass-image {
    width: 60%;
  }
}

/*! for navbar */
@media only screen and (max-width: 1650px) {
  .navbar-right .dropdown .dropbtn {
    font-size: 18px !important;
  }

  .navbar-right .dropdown .dropbtn {
    padding: 14px 40px 13px 40px;
  }
}

@media only screen and (max-width: 1500px) {
  .navbar-right .dropdown .dropbtn {
    padding: 14px 35px 13px 35px !important;
  }

  .section-2-for-product-properties .product-properties-and-images .product-properties-wrapper .product-properties {
    min-width: unset;
  }

  .section-2-for-product-properties
  .other-products
  .other-products-section
  .section-content
  .properties {
    width: unset;
  }
}

@media only screen and (max-width: 1400px) {
  .navbar-left {
    justify-content: start;
    column-gap: 10%;
  }

  .navbar-right .dropdown .dropbtn {
    font-size: 17px !important;
  }

  .navbar-right .dropdown .dropbtn {
    padding: 14px 32px 13px 32px;
  }
}

@media only screen and (max-width: 1199px) {
  .navbar-right {
    width: 100% !important;
  }

  .main-container .black-background {
    background-color: #000000c1;
    position: absolute;
    top: 0;
    right: 0;

    width: 100%;
    height: 100%;
    z-index: 20;
  }

  .black-bg {
    display: flex;
    background-color: #0000009f !important;
    position: absolute !important;
    width: 100% !important;
    height: 100vh !important;
    top: 0 !important;
    left: 0 !important;
    z-index: 30 !important;
  }

  .navbar-left {
    padding-left: 6%;
    width: 50%;
  }

  .navbar .navbar-left .navbar-section-left .logo-wrapper .navbar-logo {
    width: 100%;
  }

  .popup-menu {
    background-color: #202020;
    width: 300px !important;
    padding: 0;
    position: fixed;
    right: 0;
    top: 0;
    height: 100vh !important;
    overflow: auto !important;
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: center;
    transform: translateX(0);
    transition: all 1s ease;
    overflow: hidden;
    z-index: 31;
  }

  #for-z-index {
    position: absolute;
    width: 100%;
    height: 100vh;
    transform: translateX(100%);
  }

  .navbar-right .dropdown .link-top {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
  }

  .navbar-right .dropdown .dropbtn {
    color: #fff;
    transition: color 0.5s ease;
  }

  .navbar-right .dropdown .dropbtn:hover {
    color: #f5a93f;
  }

  .navbar-right .dropdown .dropdown-content a {
    display: flex;
    justify-content: start;
    background-color: unset;
    width: 100% !important;
    font-size: 13px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
    white-space: unset;
    color: #fff;
    font-family: "PT-Sans";
    padding-left: 18%;
    transition: color 0.5s ease;
  }

  .navbar-right .dropdown .dropdown-content a:hover {
    background-color: unset;
    color: #f5a93f;
  }

  .navbar-right .dropdown .dropdown-content .link-1 {
    border-top: none !important;
  }

  .navbar-right .navbar-nav .nav-item {
    display: flex;
    flex-direction: column;
    width: 100%;
  }

  .navbar-right .social-media-links {
    width: 150px;
    display: flex !important;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    column-gap: 10%;
  }

  .navbar-right .social-media-links .bx {
    font-size: 50px !important;
    color: #fff;
  }

  .navbar-right .social-media-links a {
    display: flex;
    justify-content: center;
    text-decoration: none;
    align-items: center;
  }

  .navbar-right .social-media-links .insta-wrapper {
    width: 50px;
    height: 50px;
  }

  .navbar-right .social-media-links .insta-wrapper {
    width: 50px;
    height: 50px;
  }

  .navbar-right .social-media-links .facebook-wrapper {
    width: 50px;
    height: 50px;
  }

  .navbar-right .social-media-links .facebook-wrapper {
    width: 50px;
    height: 50px;
  }

  .navbar-right .social-media-links .social-media-wrappers .icons {
    filter: brightness(0) invert(1);
  }

  .navbar-right .dropdown:hover::before {
    content: unset;
    height: 2px;
    width: 40px;
    background-color: none !important;
    position: absolute;
    bottom: 10%;
    left: 50%;
    transform: translateX(-50%);
  }

  .navbar-right .dropdown .dropdown-content {
    transform: unset;
  }

  .navbar-right .dropdown .dropdown-content {
    display: none;
    position: static !important;
    bottom: -19px;
    right: 53%;
    column-gap: 10px;
    min-width: unset !important;
    border: none !important;
    box-shadow: unset !important;
    background-color: unset;
    z-index: 3;
    transition: transform 800ms ease;
    border-radius: unset !important;
  }
  .for-dropdown-animation {
    display: flex !important;
    flex-direction: column;
    justify-content: center;
    align-items: center !important;
  }

  .show {
    transform: translateX(0) !important;
  }

  .not-show {
    transform: translateX(100%) !important;
  }

  .not-show-for-black-bg {
    transform: translateX(100%) !important;
  }

  .show-for-black-bg {
    transform: translateX(0);
  }

  .ham-nav-top {
    height: 15%;
    width: 100%;
    margin-top: 10% !important;
    display: flex !important;
    --bs-gutter-x: 0 !important;
  }

  .sticky-navbars {
    padding: 0 !important;
  }

  .navbar-collapse {
    overflow: auto;
    flex-basis: unset !important;
    flex-grow: unset !important;
  }

  .navbar-toggler {
    margin-right: 8%;
  }
  .navbar-nav {
    display: flex;
    justify-content: start;
    align-items: start;
  }

  .navbar-nav .navbar-left {
    margin-left: 8%;
  }

  .ham-nav-middle {
    display: flex;
    justify-content: center;
    align-items: start;
    height: 100px;
  }

  .ham-nav-middle .close {
    display: flex;
    align-items: start;
    justify-content: start;
    column-gap: 10px;
  }

  .ham-nav-middle .close .bi-x-lg {
    font-size: 50px;
    -webkit-text-stroke: 1px;
  }

  .navbar-right .dropdown .dropbtn {
    width: 100%;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  }

  .navbar-right .dropdown .dropbtn {
    font-size: 18px !important;
    font-weight: 200;
  }

  .navbar-right .absolutes .circle-border {
    left: -80px;
    top: -70px;
    right: auto;
    bottom: auto;
    position: absolute;
    left: auto;
    top: auto;
    right: -90px;
    bottom: -90px;
    width: 350px;
    height: 350px;
    border-style: solid;
    border-width: 50px;
    border-color: rgba(31, 51, 44, 0.05);
    border-radius: 50%;
  }
}

@media only screen and (max-width: 600px) {
  .navbar-right .dropdown .dropbtn {
    font-size: 19px !important;
    padding: 13px 35px 13px 35px !important;
  }

  .navbar-right .dropdown .dropdown-content a {
    width: 200px;
    font-size: 13px !important;
  }
  .navbar-right .dropdown .dropdown-content {
    right: 50%;
  }
}

@media only screen and (max-width: 550px) {
  .navbar .navbar-left .navbar-section-left .logo-wrapper .navbar-logo {
    width: 100% !important;
    height: auto !important;
  }
}

/*! for secondary Navbar  */
@media only screen and (max-width: 1250px) {
  .secondary-navbar {
    padding-left: 10% !important;
    padding-right: 10% !important;
  }
}

@media only screen and (max-width: 1200px) {
  .secondary-navbar {
    display: block !important;
    position: static !important;
    height: 90px;
    width: 100%;
    background-color: #fff;
  }

  .sticky-navbars {
    position: fixed !important;
  }

  .opened-secondary-navbar {
    opacity: 0 !important;
    transform: translateY(0%) !important;
  }
  .secondary-navbar .navbar-sections-wrapper .secondary-navbar-left {
    display: none;
  }

  .secondary-navbar .navbar-sections-wrapper .secondary-navbar-right {
    display: none;
  }
}

/*! for footer */

@media only screen and (max-width: 1400px) {
  .footer .footer-our-about-informations {
    margin: 0 20%;
  }
}

@media only screen and (max-width: 1300px) {
  .footer .footer-row .input-div {
    width: 70%;
  }
}

@media only screen and (max-width: 991px) {
  .footer .footer-row {
    display: flex;
    row-gap: 2vw;
  }

  .footer-our-about-informations {
    display: grid !important;
    grid-template-columns: repeat(1, 5fr);
    grid-template-rows: repeat(2, 1fr);
  }

  .footer .footer-our-about-informations {
    margin: 0 27% !important;
  }

  .footer .footer-our-about-informations .unique .content,
  .footer .footer-our-about-informations .informations .content,
  .footer .footer-our-about-informations .unique .title {
    text-align: center;
  }

  .footer .footer-our-about-informations .informations .title {
    display: flex;
    justify-content: center;
  }

  .footer .footer-our-about-informations .unique .content,
  .footer .footer-our-about-informations .informations .content {
    opacity: 0.8;
  }

  .footer .footer-our-about-informations .informations {
    width: unset !important;
  }

  .footer .footer-our-about-informations .unique .title::after {
    right: 50% !important;
    left: unset;
    transform: translateX(50%);
  }
}

@media only screen and (max-width: 800px) {
  .footer .footer-contact-us {
    display: flex;
    flex-direction: column !important;
    row-gap: 20px;
  }

  .footer .footer-contact-us {
    margin: 0 10% !important;
  }

  .footer .footer-row .input-div {
    width: 80% !important;
  }

  .section-2-for-product-properties .product-properties-and-images .product-images-wrapper .img {
    height: 450px;
  }
}

@media only screen and (max-width: 1500px) {
  .section-2-for-product-properties .product-properties-and-images {
    flex-direction: column;
  }

  .section-2-for-product-properties .product-properties-and-images {
    margin: 5% 23% 15% 23%;
  }

  .section-2-for-product-properties
  .product-properties-and-images
  .product-images-wrapper
  .img {
    width: 100%;
    height: 450px;
  }

  .section-2-for-product-properties
  .other-products
  .other-products-section
  .section-content {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
    grid-template-columns: repeat(3, 1fr);
  }

  .section-2-for-product-properties
  .product-properties-and-images
  .product-properties-wrapper
  .product-properties
  .content
  .content-item {
    font-size: 25px !important;
  }

  .section-2-for-product-properties
  .product-properties-and-images
  .product-properties-wrapper
  .product-properties
  .title {
    font-size: 37px;
  }

  .section-2-for-product-properties .other-products {
    margin: 5% 25% !important;
  }
}

@media only screen and (max-width: 600px) {
  .footer .footer-row .input-div .button {
    padding: 15px 21px !important;
    font-size: 16px !important;
    border-radius: 27px !important;
  }

  .footer .footer-row .input-div .input {
    padding: 16px 18px !important;
    font-size: 15px !important;
    border-radius: 30px 0 0 30px !important;
  }

  .section-2-for-product-properties .product-properties-and-images .product-images-wrapper .img {
    height: 350px;
  }

  .section-2-for-product-properties .product-properties-and-images .product-images-wrapper .img img {
    height: 60%;
    width: auto;
  }
}
/*! for main page */

@media only screen and (max-width: 1600px) {
  .harmful-substances-water-section
    .harmful-substances-water-content
    .elements-information-wrapper::after {
    display: none;
  }

  .harmful-substances-water-section
    .harmful-substances-water-content
    .content-right
    .elements-information-wrapper::after {
    display: none;
  }

  .harmful-substances-water-section
    .harmful-substances-water-content
    .content-right
    .elements-information-wrapper::before {
    display: none;
  }
}

@media only screen and (max-width: 1500px) {
  .main-introduction
    .main-introduction-wrapper
    .main-introduction-left
    .col-buttons
    .button {
    padding: 18px 30px;
  }

  .company-description .description-right .small-col .button-1 {
    padding: 18px 30px;
  }
}

@media only screen and (max-width: 991px) {
  .main-introduction .main-introduction-wrapper {
    padding: 5% 8%;
  }

  .incentive-section .video-wrapper .photo {
    width: 100%;
  }
  .main-introduction .main-introduction-wrapper .main-introduction-left {
    padding: 0;
  }

  .main-introduction
    .main-introduction-wrapper
    .main-introduction-left
    .col-buttons
    .buttons {
    padding: 12% 35px;
  }

  .incentive-section .video-wrapper .video {
    width: 100%;
    padding: 0;
    margin: 0;
  }

  .company-description .description-right .small-col .button-1 {
    padding: 15px 35px;
  }

  .main-introduction-left-wrapper {
    text-align: start;
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: start;
  }
  .main-introduction
    .main-introduction-wrapper
    .main-introduction-left
    .content {
    padding: 0;
  }

  .main-introduction
    .main-introduction-wrapper
    .main-introduction-right
    .border-background {
    width: 68% !important;
  }

  .main-introduction-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .main-introduction-left {
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: center;
  }

  .main-introduction
    .main-introduction-wrapper
    .main-introduction-left
    .main-introduction-title-wrapper
    .big-title {
    font-size: 7vw;
  }

  .main-introduction
    .main-introduction-wrapper
    .main-introduction-left
    .main-introduction-title-wrapper
    .small-title {
    font-size: 3.6vw;
  }

  .main-introduction
    .main-introduction-wrapper
    .main-introduction-left
    .col-buttons
    .button {
    font-size: 2.5vw;
  }

  .company-description .description-right .small-col .button-1 {
    font-size: 2.5vw;
  }

  .main-introduction
    .main-introduction-wrapper
    .main-introduction-left
    .content {
    margin-bottom: 4.2vw;
  }

  .main-introduction .main-introduction-wrapper {
    row-gap: 50px;
  }

  .products-section .products-title .col-border {
    display: none;
  }

  .products-section .products-title {
    padding: 10% 8% !important;
  }

  .products-section .products-title .title-wrapper .title::after {
    left: 0;
  }

  .products-section .products-title .content-wrapper .content {
    font-size: 2.1vw !important;
    opacity: 0.6;
    font-weight: 500;
  }

  .products-section
    .products-content
    .products
    .product-content-wrapper
    .title {
    height: 5%;
  }

  .products-section
    .products-content
    .products
    .product-content-wrapper
    .img-div {
    height: 29vw !important;
  }

  .incentive-section
    .video-wrapper
    .video-content
    .video-content-left-wrapper
    .title {
    font-size: 5.4vw !important;
    margin: 0 !important;
  }

  .incentive-section .video-wrapper .video-content .border {
    display: none !important;
  }

  .incentive-section
    .video-wrapper
    .video-content
    .video-content-left-wrapper
    .title::before {
    left: 0;
  }

  .incentive-section
    .video-wrapper
    .video-content
    .video-content-right-wrapper
    .content {
    padding: 0;
  }

  .incentive-section .video-wrapper .video-content .video-content-left-wrapper {
    justify-content: start;
  }

  .incentive-section
    .video-wrapper
    .video-content
    .video-content-right-wrapper
    .content {
    font-size: 2.1vw !important;
  }

  .incentive-section
    .video-wrapper
    .video-content
    .video-content-right-wrapper {
    width: unset !important;
  }

  .harmful-substances-water-section
    .harmful-substances-water-content
    .contents
    .elements-information-wrapper
    .text
    .title {
    font-size: 2.4vw;
  }

  .harmful-substances-water-section
    .harmful-substances-water-content
    .contents
    .elements-information-wrapper
    .text
    .title-content {
    font-size: 1.5vw;
  }

  .harmful-substances-water-section
    .harmful-substances-water-content
    .contents
    .elements-information-wrapper
    .text
    .content {
    font-size: 1.5vw !important;
  }

  .harmful-substances-water-section
    .harmful-substances-water-title
    .main-title {
    font-size: 4.5vw !important;
  }

  .incentive-section .photo-wrapper .photos {
    padding: 8% 20% 8% 20% !important;
  }

  .main-introduction
    .main-introduction-wrapper
    .main-introduction-left
    .content {
    font-size: 2.4vw !important;
  }

  .incentive-section .video-wrapper .video-content {
    justify-content: start;
  }

  .harmful-substances-water-section
    .harmful-substances-water-content
    .content-middle
    .glass-image-div
    img {
    width: 100%;
    height: auto;
  }

  .main-introduction
    .main-introduction-wrapper
    .main-introduction-left
    .col-buttons
    .buttons {
    font-size: 1.8vw !important;
  }

  .harmful-substances-water-section
    .harmful-substances-water-content
    .content-middle
    .glass-image-div
    .img {
    width: 75% !important;
  }

  .harmful-substances-water-section
    .harmful-substances-water-content
    .content-middle
    .glass-image-div {
    display: flex;
    justify-content: center;
  }

  .company-description .description-right .small-col .title {
    font-size: 3.4vw !important;
  }

  .company-description .description-right .small-col .content {
    font-size: 1.4vw !important;
  }

  .company-description .description-left {
    display: none !important;
  }

  .company-description .description-right {
    width: 100% !important;
  }

  .company-description .description-right .small-col .title {
    font-size: 4vw !important;
  }

  .company-description .description-right .small-col .content {
    font-size: 2vw !important;
  }

  .company-description .description-right .small-col .materials .list-item {
    font-size: 1.8vw !important;
  }

  .company-description .description-right .small-col .materials {
    padding-left: 0 !important;
  }

  .our-business-life-section .our-business-life-wrapper .title-wrapper::before {
    display: none;
  }

  .our-business-life-section .our-business-life-wrapper .title-wrapper {
    justify-content: start;
  }

  .our-business-life-section
    .our-business-life-wrapper
    .content-wrapper
    .content {
    padding: 0 !important;
  }

  .our-business-life-section .our-business-life-wrapper {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }

  .our-business-life-section .our-business-life-wrapper,
  .our-business-life-section .our-business-life-wrapper .title-wrapper,
  .our-business-life-section .our-business-life-wrapper .content-wrapper {
    justify-content: start !important;
  }

  .our-business-life-section .our-business-life-wrapper .title-wrapper .title {
    font-size: 5.4vw !important;
  }

  .our-business-life-section
    .our-business-life-wrapper
    .content-wrapper
    .content {
    font-size: 2.1vw !important;
  }

  .our-business-life-section
    .our-business-life-wrapper
    .title-wrapper
    .title::after {
    right: unset !important;
    left: 0 !important;
  }

  .products-section .products-title .title-wrapper .title {
    font-size: 5vw !important;
  }
  .incentive-section
    .video-wrapper
    .video-content
    .video-content-left-wrapper
    .title {
    text-align: start !important;
  }
}

@media only screen and (max-width: 1400px) {
  .company-description .description-right .small-col .button-1 {
    font-size: 1.4vw;
  }
}

@media only screen and (max-width: 1300px) {
  .products-section .products-title .title-wrapper .title {
    font-size: 3.4vw;
  }

  .products-section .products-title .content-wrapper .content {
    font-size: 1.6vw;
  }

  .products-section .products-title .col-border {
    height: 100px;
  }

  .products-section
    .products-content
    .products
    .product-content-wrapper
    .title {
    height: 75px;
  }

  .harmful-substances-water-section
    .harmful-substances-water-content
    .contents
    .row
    .text
    .title {
    font-size: 1.6vw;
  }

  .harmful-substances-water-section
    .harmful-substances-water-content
    .contents
    .row
    .text
    .title-content {
    font-size: 1.2vw;
  }

  .harmful-substances-water-section
    .harmful-substances-water-content
    .contents
    .row
    .text
    .content {
    font-size: 1.4vw;
  }

  .harmful-substances-water-section
    .harmful-substances-water-content
    .contents
    .elements-information-wrapper
    .text
    .content {
    font-size: 1.2vw;
  }

  .harmful-substances-water-section
    .harmful-substances-water-content
    .contents
    .elements-information-wrapper
    .text
    .title {
    font-size: 1.6vw;
  }

  .harmful-substances-water-section
    .harmful-substances-water-content
    .contents
    .elements-information-wrapper
    .text
    .title-content {
    font-size: 1.2vw;
  }

  .products-section
    .products-content
    .swiper
    .swiper-wrapper
    .swiper-slide
    .products
    .product-content-wrapper
    .title {
    height: 63px;
  }

  .company-description .description-right .small-col .title {
    font-size: 3.1vw;
  }

  .company-description .description-right .small-col .content {
    font-size: 1.2vw;
  }

  .company-description .description-right .small-col .materials .list-item {
    font-size: 1.3vw;
  }

  .company-description .description-right .small-col .button-1 {
    font-size: 1.3vw;
  }
}

@media only screen and (max-width: 1200px) {
  .products-section
    .products-content
    .products
    .product-content-wrapper
    .title {
    font-size: 2vw !important;
    height: auto !important;
  }

  .company-description .description-right .small-col .button-1 {
    padding: 16px 25px;
  }

  .products-section
    .products-content
    .products
    .product-content-wrapper
    .content {
    font-size: 1.6vw;
  }

  .main-introduction
    .main-introduction-wrapper
    .main-introduction-left
    .col-buttons
    .button {
    padding: 16px 25px;
  }

  .products-section
    .products-content
    .products
    .product-content-wrapper
    .button-div
    .button {
    font-size: 1.4vw;
  }

  .products-section
    .products-content
    .products
    .product-content-wrapper
    .amount-content
    .text {
    font-size: 2vw;
  }

  .products-section
    .products-content
    .products
    .product-content-wrapper
    .img-div {
    height: 17vw;
  }

  .products-section
    .products-content
    .swiper
    .swiper-wrapper
    .swiper-slide
    .products
    .product-content-wrapper {
    padding: 15px 10px !important;
  }

  .main-introduction
    .main-introduction-wrapper
    .main-introduction-left
    .content {
    font-size: 1.6vw;
  }

  .products-section
    .products-content
    .products
    .product-content-wrapper
    .amount-content
    .text {
    text-align: center;
  }

  .products-section
    .products-content
    .swiper
    .swiper-wrapper
    .swiper-slide
    .products
    .product-content-wrapper {
    width: 25vw;
  }

  .products-section
    .products-content
    .swiper
    .swiper-wrapper
    .swiper-slide
    .products
    .product-content-wrapper
    .title {
    height: 94px !important;
  }

  .whatsapp-button {
    width: 70px !important;
    height: 70px !important;
    font-size: 35px !important;
  }
}

@media only screen and (max-width: 1100px) {
  .incentive-section .video-wrapper {
    padding: 5% 8%;
  }

  .harmful-substances-water-section .harmful-substances-water-content {
    display: flex;
    flex-direction: column;
  }

  .harmful-substances-water-section
    .harmful-substances-water-content
    .content-right {
    margin-left: unset;
  }

  .harmful-substances-water-section
    .harmful-substances-water-content
    .contents
    .elements-information-wrapper {
    display: flex;
    justify-content: end;
  }

  .harmful-substances-water-section
    .harmful-substances-water-content
    .contents
    .elements-information-wrapper-right {
    justify-content: start;
  }

  .harmful-substances-water-section
    .harmful-substances-water-title
    .main-title {
    font-size: 3vw;
  }

  .incentive-section
    .video-wrapper
    .video-content
    .video-content-left-wrapper
    .title {
    font-size: 3vw;
  }

  .incentive-section
    .video-wrapper
    .video-content
    .video-content-right-wrapper
    .content {
    font-size: 1.7vw;
  }

  .company-description .description-right .small-col .button-1 {
    font-size: 1.7vw;
  }

  .company-description .description-right .small-col .materials .list-item {
    font-size: 1.5vw;
  }

  .company-description .description-right .small-col .content {
    font-size: 1.5vw;
  }

  .our-business-life-section .our-business-life-wrapper .title-wrapper .title {
    font-size: 3vw;
  }

  .our-business-life-section
    .our-business-life-wrapper
    .content-wrapper
    .content {
    font-size: 1.7vw;
  }
}

@media only screen and (max-width: 900px) {
  .products-section
    .products-content
    .swiper
    .swiper-wrapper
    .swiper-slide
    .products
    .product-content-wrapper
    .title {
    max-height: 93px !important;
  }
}

@media only screen and (max-width: 860px) {
  .incentive-section .video-wrapper .photo {
    width: 100% !important;
  }
}

@media only screen and (max-width: 839px) {
  .products-section
    .products-content
    .swiper
    .swiper-wrapper
    .swiper-slide
    .products
    .product-content-wrapper {
    width: 43vw;
  }
  .main-introduction
    .main-introduction-wrapper
    .main-introduction-left
    .col-buttons
    .buttons {
    padding: 13px 30px;
  }

  .company-description .description-right .small-col .button-1 {
    padding: 13px 30px;
  }
}

@media only screen and (max-width: 800px) {
  .harmful-substances-water-section
    .harmful-substances-water-content
    .contents
    .elements-information-wrapper
    .text
    .title {
    font-size: 3vw !important;
  }

  .harmful-substances-water-section
    .harmful-substances-water-content
    .contents
    .elements-information-wrapper
    .text
    .title-content {
    font-size: 2vw !important;
  }

  .harmful-substances-water-section
    .harmful-substances-water-content
    .contents
    .elements-information-wrapper
    .text
    .content {
    font-size: 2vw !important;
  }

  .company-description .description-right .small-col .materials .list-item {
    font-size: 2.3vw !important;
  }
}

@media only screen and (max-width: 768px) {
  .element-kursun {
    margin-top: 7% !important;
  }

  .element-kadmiyum {
    margin-top: 7% !important;
  }

  .element-kadmiyum {
    margin-top: 7% !important;
  }

  .m-border {
    margin-top: 7% !important;
  }

  .main-introduction
    .main-introduction-wrapper
    .main-introduction-left
    .col-buttons
    .buttons {
    font-size: 1.8vw !important;
  }

  .company-description .description-right .small-col .button-1 {
    font-size: 1.8vw !important;
  }

  .company-description .description-right .small-col .button-1 {
    font-size: 2.2vw !important;
  }

  .products-section
    .products-content
    .products
    .product-content-wrapper
    .title {
    font-size: 3vw !important;
  }

  .products-section
    .products-content
    .products
    .product-content-wrapper
    .content {
    font-size: 2.1vw !important;
  }

  .products-section
    .products-content
    .products
    .product-content-wrapper
    .button-div
    .button {
    font-size: 2vw !important;
  }
}

@media only screen and (max-width: 600px) {
  .products-section .products-title .title-wrapper .title {
    font-size: 8vw !important;
  }

  .incentive-section
    .video-wrapper
    .video-content
    .video-content-left-wrapper
    .title {
    font-size: 8vw !important;
  }

  .main-introduction
    .main-introduction-wrapper
    .main-introduction-left
    .col-buttons
    .buttons {
    padding: 12% 20px;
  }

  .company-description .description-right .small-col .button-1 {
    padding: 10px 20px;
  }

  .products-section .products-title .content-wrapper .content {
    font-size: 3vw !important;
  }

  .harmful-substances-water-section
    .harmful-substances-water-title
    .main-title {
    font-size: 6vw !important;
  }

  .harmful-substances-water-section
    .harmful-substances-water-content
    .content-middle
    .glass-image-div
    .private-image {
    display: none !important;
  }

  .main-introduction
    .main-introduction-wrapper
    .main-introduction-left
    .content {
    font-size: 3.1vw !important;
  }

  .company-description .description-right .small-col .button-1 {
    font-size: 2.2vw !important;
  }

  .main-introduction
    .main-introduction-wrapper
    .main-introduction-left
    .col-buttons
    .buttons {
    font-size: 2.2vw !important;
  }

  .harmful-substances-water-section
    .harmful-substances-water-content
    .contents
    .elements-information-wrapper
    .text
    .title {
    font-size: 3.7vw !important;
  }

  .harmful-substances-water-section
    .harmful-substances-water-content
    .contents
    .elements-information-wrapper
    .text
    .title-content {
    font-size: 2.7vw !important;
  }

  .harmful-substances-water-section
    .harmful-substances-water-content
    .contents
    .elements-information-wrapper
    .text
    .content {
    font-size: 2.7vw !important;
  }

  .products-section
    .products-content
    .products
    .product-content-wrapper
    .amount-content
    .text {
    font-size: 2.4vw !important;
  }

  .products-section
    .products-content
    .products
    .product-content-wrapper
    .title {
    font-size: 3.7vw !important;
  }

  .products-section
    .products-content
    .products
    .product-content-wrapper
    .content {
    font-size: 2.5vw !important;
  }

  .products-section
    .products-content
    .products
    .product-content-wrapper
    .button-div
    .button {
    font-size: 2.3vw !important;
  }

  .incentive-section .video-wrapper .video .play-button {
    padding: 20px !important;
  }

  .company-description .description-right .small-col .title {
    font-size: 5vw !important;
  }

  .company-description .description-right .small-col .content {
    font-size: 2.9vw !important;
  }

  .company-description .description-right .small-col .materials .list-item {
    font-size: 2.9vw !important;
  }

  .incentive-section
    .video-wrapper
    .video-content
    .video-content-right-wrapper
    .content {
    font-size: 3vw !important;
  }

  .our-business-life-section .our-business-life-wrapper .title-wrapper .title {
    font-size: 8vw !important;
  }

  .our-business-life-section
    .our-business-life-wrapper
    .content-wrapper
    .content {
    font-size: 3vw !important;
  }

  .products-section
    .products-content
    .swiper
    .swiper-wrapper
    .swiper-slide
    .products
    .product-content-wrapper {
    width: 49vw !important;
  }
}

@media only screen and (max-width: 400px) {
  .harmful-substances-water-section
    .harmful-substances-water-content
    .contents
    .elements-information-wrapper
    .text
    .title {
    font-size: 4.3vw !important;
  }

  .harmful-substances-water-section
    .harmful-substances-water-content
    .contents
    .elements-information-wrapper
    .text
    .title-content {
    font-size: 3.4vw !important;
  }

  .harmful-substances-water-section
    .harmful-substances-water-content
    .contents
    .elements-information-wrapper
    .text
    .content {
    font-size: 3.4vw !important;
  }

  .incentive-section .video-wrapper .video .play-button {
    padding: 10px !important;
  }

  .company-description .description-right .small-col .title {
    font-size: 6vw !important;
  }

  .company-description .description-right .small-col .content {
    font-size: 3.5vw !important;
  }

  .company-description .description-right .small-col .materials .list-item {
    font-size: 3.7vw !important;
  }
}

/*! For About Us Page */
@media only screen and (max-width: 1200px) {
  .section-1-for-aboutus-page .banner-section .title-wrapper .title {
    font-size: 65px;
  }

  .section-2-for-aboutus-page .about-the-company .main-title {
    font-size: 33px;
  }
}

@media only screen and (max-width: 1000px) {
  .section-1-for-aboutus-page .banner-section {
    height: 500px;
  }
}

@media only screen and (max-width: 800px) {
  .section-1-for-aboutus-page .banner-section {
    height: 340px;
  }

  .section-1-for-aboutus-page .banner-section .title-wrapper .title {
    font-size: 59px !important;
  }

  .section-2-for-aboutus-page .about-the-company .main-title {
    font-size: 35px;
    margin-bottom: 14%;
  }

  .section-2-for-aboutus-page
    .content-about-the-company
    .the-company-informations
    .text {
    font-size: 16px;
  }

  .section-2-for-aboutus-page
    .content-about-the-company
    .the-company-informations {
    margin-bottom: 54px;
  }

  .section-2-for-aboutus-page
    .content-about-the-company
    .the-company-informations::after {
    bottom: -22px !important;
  }
}

@media only screen and (max-width: 600px) {
  .section-2-for-aboutus-page .about-the-company .main-title {
    margin-bottom: 20% !important;
  }

  .section-2-for-aboutus-page
    .content-about-the-company
    .the-company-informations
    .text {
    font-size: 13px !important;
  }
}

/*! For Water Purifier Models */

@media only screen and (min-width: 1400px) {
  .section-2-for-water-purifier-models {
    grid-template-columns: repeat(4, 300px);
  }
}

@media only screen and (max-width: 1400px) {
  .section-2-for-water-purifier-models {
    grid-template-columns: repeat(3, 300px);
  }
}

@media only screen and (max-width: 1100px) {
  .section-2-for-water-purifier-models {
    grid-template-columns: repeat(2, 300px);
  }
}

@media only screen and (max-width: 700px) {
  .section-2-for-water-purifier-models {
    grid-template-columns: repeat(1, 300px);
  }

  .section-2-for-water-purifier-models .products-col .wrapper {
    height: 535px;
  }

  .section-2-for-water-purifier-models .products-col .wrapper .title {
    font-size: 17px;
  }

  .section-2-for-water-purifier-models
    .products-col
    .wrapper
    .content-div
    .content {
    font-size: 14px;
  }

  .crumb {
    font-size: 12px;
  }
}

@media only screen and (max-width: 1200px) {
  .section-1-for-water-purifier-models .banner-section {
    height: 500px;
  }

  .section-1-for-water-purifier-models .banner-section h3 {
    font-size: 58px;
  }
}

@media only screen and (max-width: 1000px) {
  .section-1-for-water-purifier-models .banner-section {
    height: 500px;
  }
}

@media only screen and (max-width: 800px) {
  .section-1-for-water-purifier-models .banner-section {
    height: 300px !important;
  }

  .section-1-for-water-purifier-models .banner-section h3 {
    font-size: 43px;
  }
}

@media only screen and (max-width: 600px) {
  .section-1-for-water-purifier-models .banner-section {
    height: 300px !important;
  }

  .section-1-for-water-purifier-models .banner-section h3 {
    font-size: 31px !important;
  }

  .section-1-for-water-purifier-models .banner-section h5 {
    font-size: 15px;
  }
}

@media only screen and (max-width: 500px) {
  .section-1-for-water-purifier-models .banner-section {
    height: 300px !important;
  }

  .section-1-for-water-purifier-models .banner-section h3 {
    font-size: 25px !important;
  }

  .section-1-for-water-purifier-models .banner-section h5 {
    font-size: 13px;
    right: 50% !important;
    transform: translateX(50%) !important;
  }

  .crumb {
    font-size: 11px;
  }
}

/*! For Water Purifier Models For Apartment*/

@media only screen and (min-width: 1400px) {
  .section-2-water-purifier-models-for-apartment {
    grid-template-columns: repeat(3, 300px);
  }
}

@media only screen and (max-width: 1400px) {
  .section-2-water-purifier-models-for-apartment {
    grid-template-columns: repeat(3, 300px);
  }
}

@media only screen and (max-width: 1100px) {
  .section-2-water-purifier-models-for-apartment {
    grid-template-columns: repeat(2, 300px);
  }
}

@media only screen and (max-width: 700px) {
  .section-2-water-purifier-models-for-apartment {
    grid-template-columns: repeat(1, 300px);
  }

  .section-2-water-purifier-models-for-apartment .products-col .wrapper {
    height: 535px;
  }

  .section-2-water-purifier-models-for-apartment .products-col .wrapper .title {
    font-size: 17px;
  }

  .section-2-water-purifier-models-for-apartment
    .products-col
    .wrapper
    .content-div
    .content {
    font-size: 14px;
  }
}

@media only screen and (max-width: 1210px) {
  .section-1-water-purifier-models-for-apartment .banner-section {
    height: 500px;
  }

  .section-1-water-purifier-models-for-apartment .banner-section h3 {
    font-size: 48px;
  }
}

@media only screen and (max-width: 1000px) {
  .section-1-water-purifier-models-for-apartment .banner-section {
    height: 500px;
  }
}

@media only screen and (max-width: 800px) {
  .section-1-water-purifier-models-for-apartment .banner-section {
    height: 300px !important;
  }

  .section-1-water-purifier-models-for-apartment .banner-section h3 {
    font-size: 34px;
  }
}

@media only screen and (max-width: 600px) {
  .section-1-water-purifier-models-for-apartment .banner-section {
    height: 300px !important;
  }

  .section-1-water-purifier-models-for-apartment .banner-section h3 {
    font-size: 26px !important;
  }

  .section-1-water-purifier-models-for-apartment .banner-section h5 {
    font-size: 15px;
  }
}

@media only screen and (max-width: 500px) {
  .section-1-water-purifier-models-for-apartment .banner-section {
    height: 300px !important;
  }

  .section-1-water-purifier-models-for-apartment .banner-section h3 {
    font-size: 25px !important;
  }

  .section-1-water-purifier-models-for-apartment .banner-section h5 {
    font-size: 13px;
    right: 50% !important;
    transform: translateX(50%) !important;
  }
}

/*! For Water Treatment Minerals*/

@media only screen and (min-width: 1400px) {
  .section-2-for-water-treatment-minerals {
    grid-template-columns: repeat(3, 300px);
  }
}

@media only screen and (max-width: 1400px) {
  .section-2-for-water-treatment-minerals {
    grid-template-columns: repeat(3, 300px);
  }
}

@media only screen and (max-width: 1100px) {
  .section-2-for-water-treatment-minerals {
    grid-template-columns: repeat(2, 300px);
  }
}

@media only screen and (max-width: 700px) {
  .section-2-for-water-treatment-minerals {
    grid-template-columns: repeat(1, 300px);
  }

  .section-2-for-water-treatment-minerals .products-col .wrapper {
    height: 535px;
  }

  .section-2-for-water-treatment-minerals .products-col .wrapper .title {
    font-size: 17px;
  }

  .section-2-for-water-treatment-minerals
    .products-col
    .wrapper
    .content-div
    .content {
    font-size: 14px;
  }
}

@media only screen and (max-width: 1200px) {
  .section-1-for-water-treatment-minerals .banner-section {
    height: 500px;
  }

  .section-1-for-water-treatment-minerals .banner-section h3 {
    font-size: 58px;
  }
}

@media only screen and (max-width: 1000px) {
  .section-1-for-water-treatment-minerals .banner-section {
    height: 500px;
  }
}

@media only screen and (max-width: 800px) {
  .section-1-for-water-treatment-minerals .banner-section {
    height: 300px !important;
  }

  .section-1-for-water-treatment-minerals .banner-section h3 {
    font-size: 43px;
  }
}

@media only screen and (max-width: 600px) {
  .section-1-for-water-treatment-minerals .banner-section {
    height: 300px !important;
  }

  .section-1-for-water-treatment-minerals .banner-section h3 {
    font-size: 31px !important;
  }

  .section-1-for-water-treatment-minerals .banner-section h5 {
    font-size: 15px;
  }
}

@media only screen and (max-width: 500px) {
  .section-1-for-water-treatment-minerals .banner-section {
    height: 300px !important;
  }

  .section-1-for-water-treatment-minerals .banner-section h3 {
    font-size: 25px !important;
  }

  .section-1-for-water-treatment-minerals .banner-section h5 {
    font-size: 13px;
  }
}

/*! For İndustrial Water Treatment Systems*/

@media only screen and (min-width: 1400px) {
  .section-2-for-industrial-water-treatment-systems {
    grid-template-columns: repeat(4, 300px);
  }
}

@media only screen and (max-width: 1400px) {
  .section-2-for-industrial-water-treatment-systems {
    grid-template-columns: repeat(3, 300px);
  }
}

@media only screen and (max-width: 1100px) {
  .section-2-for-industrial-water-treatment-systems {
    grid-template-columns: repeat(2, 300px) !important;
  }
}

@media only screen and (max-width: 700px) {
  .section-2-for-industrial-water-treatment-systems {
    grid-template-columns: repeat(1, 300px) !important;
  }

  .section-2-for-industrial-water-treatment-systems .products-col .wrapper {
    height: 500px;
  }

  .section-2-for-industrial-water-treatment-systems
    .products-col
    .wrapper
    .title {
    font-size: 17px;
  }

  .section-2-for-industrial-water-treatment-systems
    .products-col
    .wrapper
    .content-div
    .content {
    font-size: 14px;
  }
}

@media only screen and (max-width: 1200px) {
  .section-1-for-industrial-water-treatment-systems .banner-section {
    height: 500px;
  }

  .section-1-for-industrial-water-treatment-systems .banner-section h3 {
    font-size: 54px;
  }
}

@media only screen and (max-width: 1000px) {
  .section-1-for-industrial-water-treatment-systems .banner-section {
    height: 500px;
  }
}

@media only screen and (max-width: 800px) {
  .section-1-for-industrial-water-treatment-systems .banner-section {
    height: 300px !important;
  }

  .section-1-for-industrial-water-treatment-systems .banner-section h3 {
    font-size: 42px;
  }
}

@media only screen and (max-width: 600px) {
  .section-1-for-industrial-water-treatment-systems .banner-section {
    height: 300px !important;
  }

  .section-1-for-industrial-water-treatment-systems .banner-section h3 {
    font-size: 31px !important;
  }

  .section-1-for-industrial-water-treatment-systems .banner-section h5 {
    font-size: 15px;
  }
}

@media only screen and (max-width: 500px) {
  .section-1-for-industrial-water-treatment-systems .banner-section {
    height: 300px !important;
  }

  .section-1-for-industrial-water-treatment-systems .banner-section h3 {
    font-size: 25px !important;
  }

  .section-1-for-industrial-water-treatment-systems .banner-section h5 {
    font-size: 13px;
  }
}

@media only screen and (max-width: 360px) {
  .section-1-for-industrial-water-treatment-systems .banner-section h5 {
    right: 50% !important;
    transform: translateX(50%) !important;
  }
}

/*! For Water Treatment Filter And Spare Parts*/

@media only screen and (min-width: 1400px) {
  .section-2-for-water-treatment-filter-and-spare-parts {
    grid-template-columns: repeat(4, 300px);
  }
}

@media only screen and (max-width: 1400px) {
  .section-2-for-industrial-water-treatment-systems {
    grid-template-columns: repeat(3, 300px);
  }
}

@media only screen and (max-width: 1100px) {
  .section-2-for-water-treatment-filter-and-spare-parts {
    grid-template-columns: repeat(2, 300px);
  }
}

@media only screen and (max-width: 700px) {
  .section-2-for-water-treatment-filter-and-spare-parts {
    grid-template-columns: repeat(1, 300px);
  }

  .section-2-for-water-treatment-filter-and-spare-parts .products-col .wrapper {
    height: 535px;
  }

  .section-2-for-water-treatment-filter-and-spare-parts
    .products-col
    .wrapper
    .title {
    font-size: 17px;
  }

  .section-2-for-water-treatment-filter-and-spare-parts
    .products-col
    .wrapper
    .content-div
    .content {
    font-size: 14px;
  }
}

@media only screen and (max-width: 1200px) {
  .section-1-for-water-treatment-filter-and-spare-parts .banner-section {
    height: 500px;
  }

  .section-1-for-water-treatment-filter-and-spare-parts .banner-section h3 {
    font-size: 46px;
  }
}

@media only screen and (max-width: 1000px) {
  .section-1-for-water-treatment-filter-and-spare-parts .banner-section {
    height: 500px;
  }
}

@media only screen and (max-width: 800px) {
  .section-1-for-water-treatment-filter-and-spare-parts .banner-section {
    height: 300px !important;
  }

  .section-1-for-water-treatment-filter-and-spare-parts .banner-section h3 {
    font-size: 37px;
  }
}

@media only screen and (max-width: 600px) {
  .section-1-for-water-treatment-filter-and-spare-parts .banner-section {
    height: 300px !important;
  }

  .section-1-for-water-treatment-filter-and-spare-parts .banner-section h3 {
    font-size: 31px !important;
  }

  .section-1-for-water-treatment-filter-and-spare-parts .banner-section h5 {
    font-size: 15px;
  }
}

@media only screen and (max-width: 500px) {
  .section-1-for-water-treatment-filter-and-spare-parts .banner-section {
    height: 300px !important;
  }

  .section-1-for-water-treatment-filter-and-spare-parts .banner-section h3 {
    font-size: 22px !important;
  }

  .section-1-for-water-treatment-filter-and-spare-parts .banner-section h5 {
    font-size: 10px;
  }
}

@media only screen and (max-width: 340px) {
  .section-1-for-water-treatment-filter-and-spare-parts .banner-section h5 {
    right: 50% !important;
    transform: translateX(50%);
  }
}

/*! For Blog*/

@media only screen and (min-width: 1400px) {
  .section-2-for-blog .products-container {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media only screen and (max-width: 1400px) {
  .section-2-for-blog .products-container {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media only screen and (max-width: 1200px) {
  .section-2-for-blog .products-container {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media only screen and (max-width: 800px) {
  .section-2-for-blog .products-container {
    grid-template-columns: repeat(1, 370px);
  }
}

@media only screen and (max-width: 1200px) {
  .section-1-for-blog {
    height: 430px;
  }

  .section-1-for-blog .banner-section h3 {
    font-size: 60px;
  }
}

@media only screen and (max-width: 1000px) {
  .section-1-for-blog {
    height: 400px;
  }
}

@media only screen and (max-width: 800px) {
  .section-1-for-blog {
    height: unset;
  }

  .section-1-for-blog .banner-section h3 {
    font-size: 47px;
  }

  .section-1-for-blog .banner-section h5 {
    font-size: 12px !important;
  }
}

@media only screen and (max-width: 600px) {
  .section-1-for-blog .banner-section h3 {
    font-size: 40px !important;
  }

  .section-1-for-blog .banner-section h5 {
    font-size: 9px !important;
  }
}

@media only screen and (max-width: 500px) {
  .section-1-for-blog .banner-section {
    height: 300px !important;
  }

  .section-2-for-blog .products-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .section-2-for-blog .products-container .products-col .photo {
    width: 100%;
  }

  .section-2-for-blog .products-container .products-col {
    width: 90%;
  }

  .section-2-for-blog .products-container .products-col .title h2 {
    font-size: 22px !important;
  }

  .section-2-for-blog .products-container .date h4 {
    font-size: 15px;
  }

  .section-2-for-blog .products-container .products-col .content h3 {
    font-size: 14px;
    line-height: unset;
  }
}

/*! For Contact Us */
@media only screen and (max-width: 1200px) {
  .section-1-for-communication {
    height: 430px;
  }

  .section-1-for-communication .banner-section h3 {
    font-size: 60px;
  }

  .section-2-for-communication {
    flex-direction: column;
  }

  .section-2-for-communication .send-message-section {
    margin-bottom: 25%;
  }

  .section-2-for-communication .contact-us-section .title {
    margin-bottom: 10%;
  }

  .section-2-for-communication .send-message-section {
    width: 100%;
  }
}

@media only screen and (max-width: 1000px) {
  .section-1-for-communication {
    height: 400px;
  }
}

@media only screen and (max-width: 800px) {
  .section-1-for-communication {
    height: unset;
  }

  .section-1-for-communication .banner-section h3 {
    font-size: 47px;
  }

  .section-1-for-communication .banner-section h5 {
    font-size: 12px !important;
  }

  .section-2-for-communication {
    margin: 100px 10% !important;
  }
}

@media only screen and (max-width: 600px) {
  .section-1-for-communication .banner-section h3 {
    font-size: 40px !important;
  }

  .section-1-for-communication .banner-section h5 {
    font-size: 9px !important;
  }
}

@media only screen and (max-width: 500px) {
  .section-1-for-communication .banner-section {
    height: 300px !important;
  }

  .section-2-for-communication .products-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .section-2-for-communication .products-container .products-col .photo {
    width: 100%;
  }

  .section-2-for-communication .products-container .products-col {
    width: 90%;
  }

  .section-2-for-communication .products-container .products-col .title h2 {
    font-size: 22px !important;
  }

  .section-2-for-communication .products-container .date h4 {
    font-size: 15px;
  }

  .section-2-for-communication .products-container .products-col .content h3 {
    font-size: 14px;
    line-height: unset;
  }
}

/*! For Products Properties */
@media only screen and (max-width: 1200px) {
  .section-1-for-product-properties {
    height: 430px;
  }

  .section-1-for-product-properties .banner-section h3 {
    font-size: 60px;
  }
}

@media only screen and (max-width: 1000px) {
  .section-1-for-product-properties {
    height: 400px;
  }
}

@media only screen and (max-width: 800px) {
  .section-1-for-product-properties {
    height: unset;
  }

  .section-1-for-product-properties .banner-section {
    height: 400px !important;
  }

  .section-1-for-product-properties .banner-section h3 {
    font-size: 47px;
  }

  .section-1-for-product-properties .banner-section h5 {
    font-size: 12px !important;
  }

  .section-2-for-product-properties
    .product-properties-and-images
    .product-properties-wrapper
    .product-properties
    .title {
    font-size: 33px !important;
  }
}

@media only screen and (max-width: 600px) {
  .section-1-for-product-properties .banner-section h3 {
    font-size: 40px !important;
  }

  .section-1-for-product-properties .banner-section h5 {
    font-size: 9px !important;
  }
}

@media only screen and (max-width: 500px) {
  .section-1-for-product-properties .banner-section {
    height: 300px !important;
  }

  .section-1-for-product-properties .banner-section h3 {
    font-size: 32px !important;
    text-align: center;
  }

  .section-1-for-product-properties .banner-section h5 {
    right: unset;
    left: 50%;
    transform: translateX(-50%);
  }
}

/*@media only screen and (max-width: 1500px) {*/
/*  .section-2-for-product-properties .product-properties-and-images {*/
/*    flex-direction: column;*/
/*  }*/

/*  .section-2-for-product-properties .product-properties-and-images {*/
/*    margin: 5% 23% 15% 23%;*/
/*  }*/

/*  .section-2-for-product-properties*/
/*    .product-properties-and-images*/
/*    .product-images-wrapper*/
/*    .img {*/
/*    width: 100%;*/
/*    height: 350px;*/
/*  }*/

/*  .section-2-for-product-properties*/
/*    .other-products*/
/*    .other-products-section*/
/*    .section-content {*/
/*    display: grid;*/
/*    grid-template-columns: repeat(auto-fit, minmax(0, 1fr));*/
/*    grid-template-columns: repeat(3, 1fr);*/
/*  }*/

/*  .section-2-for-product-properties*/
/*    .product-properties-and-images*/
/*    .product-properties-wrapper*/
/*    .product-properties*/
/*    .content*/
/*    .content-item {*/
/*    font-size: 25px !important;*/
/*  }*/

/*  .section-2-for-product-properties*/
/*    .product-properties-and-images*/
/*    .product-properties-wrapper*/
/*    .product-properties*/
/*    .title {*/
/*    font-size: 37px;*/
/*  }*/

/*  .section-2-for-product-properties .other-products {*/
/*    margin: 5% 25% !important;*/
/*  }*/
/*}*/

@media only screen and (max-width: 991px) {
  .section-2-for-product-properties .product-properties-and-images {
    margin: 5% 10% 15% 10% !important;
  }
}

@media only screen and (max-width: 800px) {
  .section-2-for-product-properties
    .other-products
    .other-products-section
    .section-content {
    grid-template-columns: repeat(2, 1fr);
  }

  .section-2-for-product-properties
    .other-products
    .other-products-section
    .section-content
    .properties
    .img-div
    img {
    padding: 10%;
  }

  .section-2-for-product-properties
    .other-products
    .other-products-section
    .section-content
    .properties
    .img-name {
    font-size: 20px;
  }

  .section-2-for-product-properties
    .product-properties-and-images
    .product-properties-wrapper
    .product-properties
    .content
    .content-item {
    font-size: 20px !important;
  }
}

@media only screen and (max-width: 600px) {
  .section-2-for-product-properties
    .product-properties-and-images
    .product-properties-wrapper
    .product-properties
    .title {
    font-size: 35px;
  }
  /*.section-2-for-product-properties*/
  /*  .product-properties-and-images*/
  /*  .product-images-wrapper*/
  /*  .img*/
  /*  .product-images {*/
  /*  width: 100%;*/
  /*  height: auto;*/
  /*}*/

  .section-2-for-product-properties
    .product-properties-and-images
    .product-properties-wrapper
    .product-properties
    .content
    .content-item {
    font-size: 18px !important;
  }

  .section-2-for-product-properties
    .product-properties-and-images
    .product-properties-wrapper
    .product-properties
    .title {
    font-size: 30px !important;
  }

  .section-2-for-product-properties
    .other-products
    .other-products-section
    .section-title
    .title {
    font-size: 32px;
  }
}

@media only screen and (max-width: 500px) {
  .section-2-for-product-properties
    .other-products
    .other-products-section
    .section-content {
    grid-template-columns: repeat(1, 1fr);
  }
}

/*! For Mini Blog */
@media only screen and (max-width: 1200px) {
  .section-1-for-mini-blog {
    height: 430px;
  }

  .section-1-for-mini-blog .banner-section h3 {
    font-size: 60px;
  }
}

@media only screen and (max-width: 1000px) {
  .section-1-for-mini-blog {
    height: 400px;
  }
}

@media only screen and (max-width: 800px) {
  .section-1-for-mini-blog {
    height: unset;
  }

  .section-2-for-mini-blog {
    padding: 5% 20% 15% 20% !important;
  }

  .section-1-for-mini-blog .banner-section h3 {
    font-size: 47px;
  }

  .section-1-for-mini-blog .banner-section h5 {
    font-size: 12px !important;
  }

  .section-2-for-mini-blog .mini-blog-sections .title {
    font-size: 30px;
  }

  .section-2-for-mini-blog .mini-blog-sections .content {
    font-size: 16px;
  }
}

@media only screen and (max-width: 600px) {
  .section-1-for-mini-blog .banner-section h3 {
    font-size: 40px !important;
  }

  .section-1-for-mini-blog .banner-section h5 {
    font-size: 9px !important;
  }

  .section-2-for-mini-blog {
    padding: 5% 12%;
  }
}

@media only screen and (max-width: 500px) {
  .section-1-for-mini-blog .banner-section {
    height: 300px !important;
  }

  .section-2-for-mini-blog .mini-blog-sections .title {
    font-size: 26px;
  }

  .section-2-for-mini-blog .mini-blog-sections .content {
    font-size: 13px;
  }
}

@media only screen and (min-width: 1400px) {
  .section-2-for-water-treatment-filter-and-spare-parts {
    grid-template-columns: repeat(4, 300px);
  }
}

@media only screen and (max-width: 1400px) {
  .section-2-for-water-treatment-filter-and-spare-parts {
    grid-template-columns: repeat(3, 300px);
  }
}

@media only screen and (max-width: 1100px) {
  .section-2-for-water-treatment-filter-and-spare-parts {
    grid-template-columns: repeat(2, 300px);
  }
}

@media only screen and (max-width: 700px) {
  .section-2-for-water-treatment-filter-and-spare-parts {
    grid-template-columns: repeat(1, 300px);
  }

  .section-2-for-water-purifier-models .products-col .wrapper .img {
    height: 200px;
  }
}