@media(max-width:1440px) {
    .container-main {
        padding: 0px 40px;
    }
}

@media(max-width:1366px) {}

@media(max-width:1280px) {
    .home-about-right h2 {
        font-size: 50px;
        line-height: 58px;
    }

    .home-stats-block img {
        width: 55px;
        height: 56px;
    }
    .pre-right p{
        max-width: 350px;
       }
}


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

    .header-links ul {
        gap: 19px;
    }

    .home-about-right h2 {
        font-size: 40px;
        line-height: 45px;
        margin-bottom: 0px;
    }

    .home-publications-left h2,
    .home-publications-right h2,
    .home-products-heading h2,
    .why-us-heading h2 {
        font-size: 52px;
        line-height: 52px;
    }

    .why-us-block-inner {
        padding: 25px 23px 25px;
    }

    .why-us-block img {
        height: 40px;
        width: 40px;
    }

    .home-stats-flex {
        margin: -7px;
    }

    .home-stats-block {
        width: 25%;
        padding: 7px;
    }

    .home-stats-block img {
        display: flex;
        justify-content: center;
        margin: 0 auto;
        float: unset;
    }

    .stats-info {
        display: flex;
        flex-flow: column;
        justify-content: center;
        align-items: center;
        width: 100%;
    }

    .stats-info h4,
    .stats-info p {
        text-align: center;
    }

    .stats-info h4 {
        font-size: 30px;
        margin-left: -25px;
    }

    .stats-info h4::before {
        font-size: 36px;
        line-height: 1;
    }

    .stats-info p {
        font-size: 16px;

        line-height: 1.688;
    }

    .home-products-bg {
        height: 270px;
    }
    .customer-prefer-content{
        padding-left: 95px;
   }
   .pre-right p{
    max-width: 400px;
   }
   
}

@media(max-width:1024px) {
    .header-left img {
        max-height: 72px;
    }

    .header-links ul {
        gap: 10px;
    }

    .why-us-block-inner {

        padding: 22px 25px 27px;
    }

    .why-us-block img {
        height: 30px;
        width: 30px;
    }

    .home-publications-left {
        /* padding-right: 50px; */
        width: 50%;
    }

    .home-publications-right {
        /* padding-right: 50px; */
        width: 50%;
    }

    .footer-block h6 {
        font-size: 30px;
    }

    /* .footer-block p {
        font-size: 14px;
    } */

    .footer-block ul li {
        font-size: 14px;
        letter-spacing: 0.02em;
        padding-top: 17px;
        padding-left: 16px;
    }
    .customer-prefer-content{
        padding-left: 95px;
   }
    
}

@media(max-width:991px) {

    .main-header,
    .top-bar-right a {
        display: none;
    }

    .top-bar-main {
        padding: 6px 20px;
    }

    .top-bar-main .container-main {
        padding: 0;
    }

    .top-bar-left ul,
    .top-bar-right ul {
        gap: 10px;
        justify-content: space-between;
    }

    .top-bar-left {
        width: 100%;
    }

    .mob-header {
        display: block;
        position: absolute;
        width: 100%;
        top: 0;
        left: 0;
        z-index: 10;
        -webkit-transition: .5s;
        -o-transition: .5s;
        transition: .5s;
        margin-top: 27px;
        box-shadow: 0 10px 15px rgba(25, 25, 25, 0.1);
    }

    .mob-header .navbar {
        background-color: #fff;
        padding: 15px 0px;
    }

    .mob-header .navbar>.container-fluid {
        padding: 0px 20px;
    }

    .mob-header .navbar-brand img {
        max-width: 150px;
    }

    .mob-header .navbar-brand {
        padding: 0;
        margin: 0;
    }

    .mob-header .navbar-toggler {
        padding: 0;
        border: unset;
    }

    .mob-header .navbar-toggler-icon {
        background-image: url(../images/menu-icon.webp);
        background-repeat: no-repeat;
        width: 30px;
        height: 28px;

    }

    body.menu-open .mob-header .navbar-toggler-icon {
        background-image: url(../images/close-icon.webp);
        height: 30px;
        margin-right: 7px;
    }

    body.menu-open {
        overflow: hidden;
    }

    .mob-header .navbar-collapse {
        position: absolute;
        top: 0px;
        left: 0;
        width: 100%;
        background-color: #fff;
        padding: 0px 20px;
        z-index: -1;
    }

    .mob-header .navbar-nav {
        padding-bottom: 600px;
        padding-top: 120px;
    }

    .mob-header .nav-link {
        color: #363435;
        font-weight: 400;
        font-size: 16px;
        line-height: 20px;
        padding: 10px;
    }

    .mob-header .nav-link:hover {
        color: #f22e3a;
    }

    .navbar-toggler:focus {
        box-shadow: unset;
    }

    .header-btn.mob {
        margin-top: 20px;
    }

    .quote-btn.mob {
        margin-top: 10px;
    }

    .home-banner-main {
        padding-top: 110px;
    }

    .home-banner-bg {
        height: 600px;

    }

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

    .home-banner-content p {
        font-size: 18px;
    }

    .text-anime h4 {
        font-size: 30px;
        font-weight: 600;
        color: #fff;
        /* letter-spacing: 1px; */
        /* line-height: 1; */
        text-align: center;
        position: relative;
        z-index: 2;
    }

    .home-about-right h2 {
        font-size: 32px;
        line-height: 30px;
        margin-bottom: 15px;
    }

    .home-about-right {
        padding-left: 60px;
    }

    .home-about-right p {
        font-size: 14px;
        font-weight: 400;
        line-height: 1.5;
        margin-bottom: 10px;

    }

    .home-products-bg {
        height: 200px;
    }

    .home-products-content h4 {
        font-size: 28px;
    }

    .stats-info h4 {
        font-size: 30px;
        /* margin-left: 10px; */
    }

    .footer-block h6 {
        font-size: 25px;
    }
    .customer-prefer-content{
        padding-left: 85px;
   }
   .product-detail-main {
    padding-top: 200px;
   }
   .product-detail-right h2 {
    font-size: 45px;
    line-height: 55px;
   
}
.banner-info {
    padding-top: 100px;
}
.certificate-grid {
    grid-template-columns: repeat(2, 1fr) !important; 
  }
}

@media(max-width:850px) {

    .home-about-flex,
    .home-publications-flex {
        flex-direction: column;
    }


    .home-about-left,
    .home-about-right {
        width: 100%;
        padding-left: 0px;
    }

    .home-about-right {
        margin-top: 25px;
    }

    .home-products-bg {
        height: 250px;
    }

    .home-products-block,
    .why-us-block {
        width: 50%;
    }

    .home-publications-left {
        padding-right: 0px;
        padding-bottom: 25px;
        width: 100%;
    }

    .home-publications-right {
        padding-right: 0px;
        width: 100%;
    }

    .footer-flex {
        flex-wrap: wrap;
    }

    .footer-block:nth-child(1) {
        width: 100%;
        padding-bottom: 25px;
    }

    .footer-block p {
        max-width: unset;
    }

    .footer-copyright {
        flex-direction: column;
        gap: 15px;
    }
    .customer-prefer-left,.customer-prefer-right{
        width: 100%;
    }
    .customer-prefer-content{
        padding-left: 55px;
   }
   .product-detail-left,.product-detail-right{
    width: 100%;
   }
   .product-detail-left{
    padding-right: 0px;
   }
   .product-detail-left img {
    max-width: 100%;
    max-height: 600px;
    object-fit: cover;
   }
   .product-detail-right{
    margin-top: 40px;
   }
   .product-detail-right h2 {
    font-size: 45px;
    line-height: 58px;
    margin-bottom: 10px;
}

}


@media(max-width:768px) {
    .home-banner-main {
        padding-top: 91px;
    }

    .home-banner-content {
        padding-top: 0px;
    }

    .home-banner-content h1 {
        font-size: 55px;
        line-height: 60px;
        color: #fff;
        font-weight: 500;
        text-align: center;
        margin-bottom: 30px;
    }
    
    .about-banner-content h1{
        font-size:55px;
    }

    .home-banner-content p {
        font-size: 17px;
        font-weight: 500;
        line-height: 1.5;
        color: #fff;
        text-align: center;
        max-width: 610px;
        margin: 0 auto;
    }

    .home-btn-flex {
        display: none;
    }

    .text-anime h4 {
        font-size: 28px;
        font-weight: 600;
        color: #fff;
        /* letter-spacing: 1px; */
        /* line-height: 1; */
        text-align: center;
        position: relative;
        z-index: 2;
    }

    .footer-block {
        width: 100%;
        margin-bottom: 20px;
    }
    .product-detail-right h2 {
        font-size: 35px;
        line-height: 40px;
        margin-bottom: 10px;
    }
}

@media(max-width:600px) {
    .container-main {
        padding: 0px 20px;
    }

    .top-bar-left ul li,
    .top-bar-right ul li {
        font-size: 12px;
    }

    .top-bar-flex {
        justify-content: center;
    }

    .mob-header .navbar {
        background-color: #fff;
        padding: 10px 0px;
    }

    .mob-header .navbar-brand img {
        max-width: 134px;
    }

    .home-banner-main,
    .text-anime-main,
    .home-products-main,
    .home-about-main,
    .home-products-main,
    .why-us-main,
    .home-stats {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .home-banner-main {
        padding-bottom: 0;
    }

    .home-publications {
        padding-top: 0px;
        padding-bottom: 50px;
    }

    .home-banner-bg {
        height: 450px;
    }

    .home-banner-main {
        padding-top: 91px;
    }

    .home-banner-content h1 {
        font-size: 40px;
        line-height: 45px;
        color: #fff;
        font-weight: 500;
        text-align: center;
        margin-bottom: 15px;
    }
    
    .about-banner-content h1{
        font-size:40px;
        line-height:45px;
    }

    .home-banner-content p {
        font-size: 15px;
        font-weight: 500;
        line-height: 1.5;
        color: #fff;
        text-align: center;
        max-width: 610px;
        margin: 0 auto;
    }

    .banner-btn {
        margin-top: 30px;
    }

    .home-banner-info .container-main {
        padding: 0px 55px;
    }

    .home-btn-flex {
        display: none;
    }



    .text-anime-main {
        padding: 18px 17px;
    }

    .text-anime h4 {
        font-size: 21px;
        font-weight: 600;
        color: #fff;
        letter-spacing: 0px;
        line-height: 1;
        text-align: center;
        position: relative;
        z-index: 2;
    }

    .home-about-left {
        height: 350px;
        /* border-bottom: 6px solid #f22e3a; */
    }

    .home-products-bg {
        height: 240px;
    }

    .home-products-block,
    .why-us-block {
        width: 100%;
    }

    .home-products-heading h2,
    .why-us-heading h2,
    .home-publications-left h2,
    .home-publications-right h2 {
        font-size: 35px;
        line-height: 40px;
    }

    .home-publications-right h2 {
        padding-bottom: 8px;
    }

    .home-stats-flex {
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .home-stats-block {

        width: 100%;
    }

    .stats-info {

        width: 100%;
    }

    .stats-info h4 {
        margin-left: -15px;
    }

    .home-products-flex,
    .why-us-flex {
        margin: -10px;
    }

    .home-products-block,
    .why-us-block {
        padding: 10px;
    }

    .form-field {
        margin-bottom: 20px;
    }

    .footer-copyright p {
        max-width: 273px;

    }

    .footer-copyright p:last-child {
        max-width: 220px;
    }

    .footer-block ul li {
        font-size: 16px;
    }
    .product-detail-main {
        padding-top: 150px;
        padding-bottom: 50px;
    }
    .certificate-grid {
    grid-template-columns: repeat(1, 1fr) !important; 
  }
}