@media screen and (max-width: 1880px) {}

@media screen and (max-width: 1740px) {
    .products-main-description h4:before {
        left: -87px;
        width: 70px;
    }

    .clients-contents h3 {
        font-size: 28px;
    }
}

@media screen and (max-width: 1536px) {
    .header-banner-content {
        bottom: 11%;
    }

}

@media screen and (max-width:1440px) {
    .navbar .container-fluid {
        padding: 0px 32px;
    }

    .navbar .navbar-nav .nav-link {
        font-size: 18px;
        font-weight: 400 !important;
        margin: 0 7px;
    }

    .header-banner-content {
        bottom: 5%;
    }

    .footer-list {
        padding-left: 40px;
    }

    .certificate-logo .clients-logo-item {
        width: 74%;
    }

    .marquee span {
        font-size: 100px;
    }
}

@media screen and (max-width: 1300px) {
    .text-start h2 {
        font-size: 54px;
    }

    .portfolio__text {
        font-size: 73px;
    }
    .title-wrap h2 {
        color: #2c2c2c;
        font-size: 48px;
        line-height: 1.2;
    }
    .lft-two svg {
        max-width: 100%;
        margin-bottom: -5%;
    }
    .card h1 {
        font-size: 32px;
    }
    #cocacola {
        max-height: 400px;
    }
}

@media screen and (max-width: 1200px) {
    .enquiry-btn {
        padding: 30px 0px 30px 15px;
    }

    .scrolled .enquiry-btn {
        padding: 30px 0px 30px 15px;
    }

    .navbar .container-fluid {
        padding: 0px 25px;
    }

    .navbar.scrolled .container-fluid {
        padding: 0px 25px;
    }

    .btn {
        font-size: 18px;
    }

    .scrolled .btn {
        font-size: 18px;
    }

    li.nav-item {
        margin-top: 5px;
    }

    .inner-banner-div .header-banner {
        margin-top: 50px;
    }

    .years-info-items {
        padding: 60px 80px;
    }

    .years-info-details p {
        font-size: 28px;
    }

    .contact_field h3 {
        font-size: 42px;
    }

    .about-two__content-text1 p {
        text-align: center;
    }

    .portfolio__text {
        font-size: 65px;
    }

    .title .textblock h2 {
        font-size: 48px;
    }

    .map-img {
        max-width: 60%;
    }

    .bottom-form-title h4 {
        margin-bottom: 10px;
        font-size: 28px;
    }

    .contact-title h3 {
        font-size: 27px;
    }

    .contact-title h3 {
        font-size: 23px;
    }

    .contact-title h3 span {
        font-size: 31px;
    }

    .contact-title p {
        margin-top: 14px;
    }

    .animate-btn-style3 {
        padding: 17px 15px;
    }

    .bottom-form-item {
        padding: 18px;
    }
    #fanta {
        top: 33%;
    }
    #fanta-two {
        top: 38%;
    }
    .card h1 {
        font-size: 32px;
    }
}


@media screen and (max-width:1024px) {
    .text-start h2 {
        font-size: 48px;
    }
    .portfolio__list-1 {
        gap: 45px 58px;
    }
}

@media screen and (max-width:991px) {
    .enquiry-btn {
        padding: 30px 0px 30px 0px;
    }

    ul.navbar-nav {
        margin-top: 25px;
    }

    .scrolled .enquiry-btn {
        padding: 30px 0px 30px 0px;
    }

    .navbar-brand {
        max-width: 20%;
    }

    .navbar {
        padding-top: 10px !important;
        padding-bottom: 6px !important;
    }

    .inner-banner-div .header-banner {
        margin-top: 90px;
    }

    section {
        padding: 40px 0;
    }

    .years-info-items {
        padding: 60px 40px;
    }

    .years-info-details p {
        font-size: 26px;
    }

    .products-items .row {
        padding-top: 0px !important;
    }

    .products-info-details h3 {
        font-size: 22px;
    }

    .details-page .text-start h2 {
        font-size: 36px;
    }

    .products-main-description h4 {
        font-size: 30px;
        margin-bottom: 10px;
    }

    .products-main-description h4:before {
        display: none;
    }

    li.breadcrumb-item {
        margin-bottom: 10px;
    }

    .footer-list {
        padding-left: 0px;
    }

    .footer .logo-wrap {
        margin: auto;
    }

    .blog-list {
        padding-right: 0px;
    }

    .blogs-details-section .products-main-description,
    .leave-comments {
        padding-right: 0px;
    }

    .leave-comments {
        margin-bottom: 20px;
    }

    .text-start h2 {
        width: auto;
    }

    .portfolio__title {
        font-size: 24px;
    }

    .portfolio__text {
        font-size: 47px;
    }

    .row_bottom {
        margin-top: 50vh;
    }

    .map-img {
        max-width: 75%;
    }

    .blog_post .blog_content {
        padding: 20px 20px 20px 20px;
    }

    .clients-contents {
        padding: 0 0px;
    }

    .certificate-box img.img-fluid {
        width: 100%;
        margin-top: 15px;
    }

    .certificate-logo .clients-logo-item {
        width: 100%;
    }

    .contact-title h3 {
        font-size: 23px;
        color: #fff;
    }

    .contact-title span {
        color: #ffffff;
    }

    section.contact-bottom-form-section {
        background-image: none;
        background-color: #000;
    }

    .contact-title p {
        color: #fff;
    }

    .bottom-form-item {
        box-shadow: 8px 10px 19px #ffffff00;
    }

    .butn .animate-btn-style3 {
        width: 40%;
    }

    .contact-title p {
        padding-right: 0px;
    }

    .text-upper {
        text-transform: uppercase;
        color: #fff;
        font-size: 36px;
        font-weight: 700;
    }

    .d-grid:not(.dsn-isotope):not(.d-grid-no-space) {
        flex-direction: column;
        display: flex !important;
        grid-column-gap: 13px;
        grid-row-gap: 0px;
    }
    #cocacola {
        opacity: 1;
        max-height: 460px;
    }
    .rght-two p {
        width: 100%;
    }
    #fanta, #fanta-two, .lft-two svg, #one-roof{
        display: none;
    }
    .about-flowmax{
        display: block;
    }
    .products-details-list{
        margin-top: 40px;
    }
    .progress-circle {
        width: 50px;
        height: 50px;
    }
    .progress-circle-container {
        bottom: 66px;
        right: 10px;
    }
    .footer .copyright {
        padding: 30px 0 77px;
        margin-bottom: 10%;
    }
    .dsn-btn{
        display: none;
    }
    
}

@media screen and (max-width:767px) {
    .text-start h2 {
        font-size: 38px;
        padding: 10px 23px;
    }

    .years-info-details h2 {
        font-size: 112px;
    }

    .years-info-details p {
        text-align: center;
    }

    .products-main-description h4 {
        font-size: 30px;
    }

    .details-page .text-start h2 {
        font-size: 28px;
        max-width: 100%;
    }

    .header-banner img {
        height: 340px;
        object-fit: cover;
    }

    section {
        padding: 25px 0;
    }

    .breadcrumb {
        display: none;
    }

    .header-banner-content {
        bottom: 38%;
    }

    .footer-socials {
        margin-top: 20px;
    }

    .contact-map {
        margin-top: 20px;
    }

    .latest-blog-post-description h3 {
        margin-bottom: 5px;
        font-size: 26px;
    }

    .blogs-details-section .products-main-description h2 {
        font-size: 28px;
    }

    h2.sec-title__title {
        font-size: 28px;
    }

    .about-two__content-text1 p {
        font-size: 16px;
    }

    .row_bottom {
        margin-top: 0vh;
    }

    .portfolio__list-1 {
        display: flex;
        flex-direction: column;
    }

    .title .textblock h2 {
        font-size: 45px;
    }

    .textblock h5 {
        align-items: self-start;
    }

    .map-img {
        max-width: 100%;
    }

    .marquee span {
        font-size: 80px;
        margin-top: 20px;
    }
    .portfolio__item{
        position: relative;
        opacity: 1 !important;
        transform: perspective(4000px) translate3d(0px, 0px, 0px) rotateX(19.433deg) scale(0.9704, 0.9704);
        translate: none;
        rotate: none;
        scale: none;
        height: 100%;
    }
    .portfolio__list-1 {
        grid-template-columns: auto;
        gap: 14px 58px;
    }
    .table-panel-item ul li{
        width: 100%;
        max-width: 100%;
    }
    .tab-panel-title .tab-panel-heading {
        font-size: 27px;
        margin-bottom: 22px;
        text-transform: uppercase;
        line-height: 1.2;
    }
    .tab-panel-title .products-main-description ul li ol li {
        line-height: 1.5;
    }
    .blogs-details-section .tab-panel-title .products-main-description h2 {
        font-size: 23px;
    }
    .tab-panel-title .products-main-description {
        padding-left: 0;
    }
}

@media screen and (max-width:664px) {
    .navbar-brand {
        max-width: 25%;
    }

    .years-info-items {
        padding: 30px 40px;
    }

    .products-main-description h5 {
        font-size: 22px;
    }

    .widget-title .circle-after.circle-before.circle-both-before {
        font-size: 24px;
    }

    .contacr-bottom-info h4 {
        font-size: 21px;
    }

    .contact_field h3 {
        font-size: 35px;
    }

    .d-grid.custom-width {
        grid-template-columns: auto 55%;
    }
}

@media screen and (max-width:575px) {
    .text-start h2 {
        font-size: 28px;
    }

    section {
        padding: 35px 0;
    }

    .about-title h3 {
        font-size: 48px;
    }

    .what-we-title h1 {
        font-size: 28px;
    }

    .products-main-description h4:before {
        display: none;
    }

    .products-main-description h4 {
        font-size: 26px;
    }

    .details-page .text-start h2 {
        font-size: 24px;
    }

    .footer-list {
        padding-left: 20px;
    }

    .footer-socials {
        padding-left: 20px;
    }

    .leave-comments .contact_field h3 {
        font-size: 28px;
    }

    h2.sec-title__title {
        font-size: 24px;
    }

    .title .textblock h2 {
        font-size: 36px;
    }

    .heading {
        margin-bottom: 20px;
    }

    .butn .animate-btn-style3 {
        width: 50%;
    }
    section.next-page.v-dark.section-padding {
        padding-bottom: 50px;
    }
    .tab-panel-title .products-main-description ul li b {
        margin-bottom: 6px;
        display: inline;
    }
}

@media screen and (max-width:480px) {

    .navbar-brand {
        max-width: 33%;
    }

    .about-info p {
        font-size: 16px;
    }

    .about-title h3 {
        font-size: 40px;
    }

    .what-we-title span::before {
        top: 19%;
    }

    .what-we-title span::after {
        top: 19%;
    }

    .breadcrumb {
        padding: 15px 7px;
    }

    .animate-btn-style3 {
        padding: 17px 27px;
    }

    .products-details-list ul li {
        font-size: 16px;
    }

    .products-main-description h4 {
        font-size: 22px;
    }

    .products-details-list h5,
    .products-details-para h5 {
        font-size: 20px;
    }

    .products-main-description h4 {
        margin-bottom: 5px;
    }

    /* .specif-btn {
        flex-direction: column;
    } */
    .animate-btn-style3 {
        font-size: 15px;
        padding: 14px 22px;
    }

    .circle-after.circle-before.circle-both-before {
        font-size: 16px;
    }

    .footer-socials {
        margin-top: 8px;
    }

    .footer-list ul li a {
        font-size: 16px;
    }

    .contacr-bottom-info h4 {
        font-size: 18px;
    }

    p {
        font-size: 16px;
    }

    .newsletter-widget {
        margin-bottom: 10px;
    }

    .footer-all-links {
        margin-top: 30px;
        padding-top: 30px;
    }

    .main-sidebar .widget_text p strong {
        font-size: 18px;
    }

    .textwidget p {
        font-size: 16px;
    }

    .main-sidebar ul li {
        font-size: 16px;
    }

    .blogs-list ul li {
        font-size: 16px;
    }

    .blogs-list {
        margin: 15px 0;
    }

    .posted-date {
        margin-right: 0px;
        flex-direction: column;
    }

    .posts-by {
        margin-bottom: 15px;
    }

    .leave-comments {
        margin-top: 30px;
        margin-bottom: 20px;
    }

    .blogs-details-section .products-main-description h2 {
        font-size: 24px;
    }

    .products-items .row {
        margin-bottom: 0px !important;
    }

    .blogs-parts {
        margin-bottom: 10px !important;
    }

    .blogs-details-section .products-main-description h2 {
        margin-bottom: 5px;
    }

    .blog-table table,
    .blog-table th,
    .blog-table td {
        font-size: 16px;
    }

    .blogs-details-section .products-main-description h5 {
        font-size: 22px;
    }

    .blogs-details-section .products-main-description h6 {
        line-height: 1.2;
        font-size: 22px;
    }

    .blogs-details-section .products-main-description h6 span {
        font-size: 32px;
    }

    .portfolio__text {
        font-size: 60px;
    }

    .valve-gif {
        max-width: 10%;
    }

    .portfolio__title {
        font-size: 22px;
    }

    .title .textblock h2 svg {
        margin-top: -11px;
        margin-left: 4px;
        width: 30px;
    }

    .butn .animate-btn-style3 {
        width: 65%;
    }

    .marquee span {
        font-size: 44px;
    }

    .dsn-btn-shape {
        display: none !important;
    }
    .tab-panel-title .products-main-description ul li {
        line-height: 1.4;
    }
}

@media screen and (max-width:375px) {
    .navbar-brand {
        max-width: 42%;
    }

    p {
        font-size: 15px;
    }

    h5.title {
        font-size: 22px;
    }

    ul.address li span svg {
        width: 20px;
        height: 20px;
    }

    section {
        padding: 25px 0;
    }

    .animate-btn-style3 {
        font-size: 16px;
    }

    .latest-blog-post-description h3 {
        font-size: 22px;
    }

    .posted-date {
        margin: 0px 0 0px;
    }

    .blogs-details-section .products-main-description h2 {
        font-size: 22px;
    }

    .portfolio__text {
        font-size: 50px;
    }

    .butn .animate-btn-style3 {
        width: 80%;
    }
    .tab-panel-title .tab-panel-heading {
        font-size: 24px;
        font-weight: 600;
    }
}

@media screen and (max-width:320px) {}