@media screen and (max-width: 1680px) {
  .best-food-items-section .container,
  .container {
    max-width: 1290px;
  }
  .news-main .news-standard-wrapper .news-standard-items .news-content h3 a {
    font-size: 20px;
  }
  .news-standard-wrapper .news-standard-items .news-thumb .post-date {
    padding: 14px 16px 8px;
  }
}
@media screen and (max-width: 1440px) {
  .best-food-items-section .container,
  .container {
    max-width: 1140px;
  }
}
@media screen and (max-width: 1680px) {
  .testimonial-wrapper.style1.section-padding {
    padding: 100px 0 100px;
  }
  .section-padding {
    padding: 100px 0;
  }
}
@media screen and (max-width: 1440px) {
  .section-padding {
    padding: 80px 0;
  }
  .testimonial-wrapper.style1.section-padding {
    padding: 80px 0;
  }
}
@media screen and (max-width: 1680px) {
  .section-title .title {
    margin-bottom: 40px;
    font-size: 80px;
    line-height: 1.15;
  }
  .banner-style1 {
    padding: 40px 40px 60px;
  }
  .title-area .title {
    font-size: 36px;
  }
  .single-food-items {
    margin-top: 120px;
  }
  .best-food-items-section .single-food-items .mores {
    padding: 8px 25px;
  }
  .home-product-nav .items {
    margin: 0 12px 24px;
    padding: 11px 25px;
  }
  .best-food-items-section {
    margin-bottom: -10px;
  }
  .chefe-card.style2 {
    margin-top: 30px;
  }
  .chefe-card-item {
    padding: 0 20px;
  }
  .chefe-card-list {
    margin-left: -20px;
    margin-right: -20px;
  }
  .testimonial-card.style1 .testimonial-header .quote {
    width: 36px;
    top: -8px;
  }
  .testimonial-card.style1 .testimonial-header .quote img {
    width: 100%;
  }
  .home-solution .title-area {
    margin-bottom: 45px;
  }
  .theme-btn {
    padding: 12px 24px 12px 24px;
  }
  .title-area .text {
    font-size: 16px;
    line-height: 1.75;
    margin-bottom: 35px;
  }
  .about-wrapper.style1 .about-us {
    padding-bottom: 30px;
  }
  .home-about-play {
    width: 50px;
    height: 50px;
  }
  .blog-card.style1 .blog-content a h3 {
    font-size: 20px;
  }
  .home-blog .slider-area {
    margin-top: 40px;
  }
  .footer-widgets-wrapper {
    padding: 100px 0 100px;
  }
  .prodeta-related {
    padding: 90px 0;
  }
  .news-main {
    padding-top: 50px;
    padding-bottom: 90px;
  }
  .about-info.section-padding {
    padding-top: 90px !important;
  }
  .about-wrapper.style2 .about-us .title-area .text {
    padding-bottom: 26px;
    margin-bottom: 36px;
  }
  .about-wrapper.style2 .about-us .video-wrap {
    width: 130px;
  }
  .about-wrapper.style2 .about-us .video-wrap a {
    display: block;
  }
  .about-service.section-padding {
    padding-top: 90px;
    padding-bottom: 90px;
  }
  .services-card.style2 {
    padding: 40px 30px;
  }
  .services-card.style2 .services-card_icon {
    padding: 35px 35px;
    margin-bottom: 16px;
  }
  .about-history,
  .about-factory,
  .about-certificates {
    padding: 90px 0;
  }
  .case-main {
    padding: 40px 0 90px;
  }
  .case-main .title-area .text {
    margin-bottom: 0;
  }
  .case-main .title-area {
    margin-bottom: 35px;
  }
  .case-nav-links {
    padding: 12px 22px;
    font-size: 18px;
    min-width: 130px;
  }
  .case-content .content .mores {
    margin-top: 18px;
    padding: 10px 24px;
    font-size: 16px;
  }
  .case-list {
    padding-bottom: 10px;
  }
  .solution-main {
    padding: 50px 0 90px;
  }
  .mod-titles {
    margin-bottom: 40px;
  }
  .testimonial-card.style1 .testimonial-header {
    margin-bottom: 10px;
  }
  .testimonial-card.style1 .testimonial-header .fancy-box .tits {
    font-size: 24px;
  }
  .page-banner .breadcumb-title {
    font-size: 46px;
  }
  .page-banner .mores {
    padding: 10px 25px;
    font-size: 16px;
    margin-top: 20px;
  }
  .page-banner .breadcumb-title {
    font-size: 38px;
  }
  .page-banner .texts {
    width: 900px;
    margin: 10px auto 0;
  }
}
@media screen and (max-width: 1440px) {
  .header-main {
    padding: 0px 0;
  }
  .main-header-wrapper .logo-image {
    padding: 25px 0px;
  }
  .single-food-items .item-thumb img {
    width: 100%;
  }
  .section-title .title {
    margin-bottom: 30px;
    font-size: 60px;
  }
  .banner-style1 {
    padding: 40px 20px 60px;
  }
  .title-area .title {
    font-size: 34px;
  }
  .home-product-nav {
    padding-top: 20px;
    margin-bottom: -24px;
  }
  .single-food-items {
    padding: 24px 20px 30px;
  }
  .chefe-card.style2 {
    margin-top: 25px;
  }
  .chefe-card.style2 .icon {
    padding: 13px 16px 13px 28px;
  }
  .chefe-card.style2 .icon {
    right: -65px;
  }
  .chefe-card.style2 .chefe-content {
    bottom: -45px;
    left: 20px;
    right: 20px;
    padding: 20px 30px;
  }
  .chefe-card.style2 .chefe-content a h3 {
    font-size: 20px;
    line-height: 1.5;
    margin-bottom: 6px;
  }
  .testimonial-card.style1 .testimonial-header {
    margin-bottom: 10px;
  }
  .testimonial-card.style1 p {
    font-size: 16px;
    line-height: 1.75;
  }
  .testimonial-card.style1 {
    padding: 35px 35px;
    margin-top: 20px;
  }
  .testimonial-wrapper.style1 .arrow-next i,
  .testimonial-wrapper.style1 .arrow-prev i {
    width: 50px;
    height: 50px;
  }
  .testimonial-wrapper.style1 .btn-wrap {
    gap: 15px;
  }
  .home-solution .title-area {
    margin-bottom: 40px;
  }
  .offer-card.style1 .offer-content h3 {
    font-size: 22px;
    margin-bottom: 13px;
  }
  .offer-card.style1 .offer-content p {
    margin-bottom: 22px;
  }
  .theme-btn {
    padding: 11px 22px 11px 22px;
  }
  .home-about-play {
    width: 48px;
    height: 48px;
  }
  .home-about-play svg {
    width: 30px;
  }
  .footer-top {
    padding: 40px 30px;
    margin-bottom: 30px;
  }
  .footer-widgets-wrapper {
    padding: 80px 0 80px;
  }
  .footer-widgets-wrapper .single-footer-widget .widget-head h3 {
    font-size: 20px;
    padding-bottom: 12px;
  }
  .footer-widgets-wrapper .single-footer-widget .list-area li:not(:last-child) {
    margin-bottom: 14px;
  }
  .footer-widgets-wrapper .single-footer-widget .widget-head {
    margin-bottom: 25px;
  }
  .footer-widgets-wrapper .single-footer-widget .footer-content .social-icon {
    margin-top: 30px;
  }
  .footer-bottom .footer-wrapper {
    padding: 10px 0;
  }
  .sticky.header-1 .mega-menu-wrapper {
    padding: 8px 0px;
  }
  .contact-us-section.section-padding {
    padding-top: 60px;
    padding-bottom: 70px;
  }
  .contact-maps {
    margin-top: -100px;
    height: 600px;
  }
  .news-main {
    padding-top: 40px;
    padding-bottom: 80px;
  }
  .page-nav-wrap ul li .page-numbers {
    width: 52px;
    height: 52px;
    line-height: 52px;
  }
  .page-nav-wrap {
    margin-top: 40px;
  }
  .main-sidebar2 .single-sidebar-widget .news-widget-categories ul li a {
    padding: 14px 24px;
  }
  .news-main .news-standard-wrapper .news-standard-items .news-content h3 a {
    font-size: 18px;
  }
  .main-sidebar2 .single-sidebar-widget .wid-title h3 {
    font-size: 22px;
    line-height: 28px;
  }
  .news-standard-wrapper .news-standard-items .news-thumb .post-date h3 {
    font-size: 20px;
    line-height: 20px;
  }
  .news-main .news-standard-wrapper .news-standard-items .theme-btn {
    font-size: 16px;
    padding: 10px 18px;
  }
  .container {
    max-width: 1170px !important;
  }
  .prodeta-related {
    padding: 80px 0;
  }
  .title-area .sub-title {
    margin-bottom: 16px;
  }
  .prodeta-related-item {
    padding: 0 15px;
  }
  .prodeta-related-slick {
    margin: 30px -15px 0;
  }
  .slick-dots {
    margin-top: 20px;
  }
  .about-info.section-padding {
    padding-top: 80px !important;
  }
  .about-info-left {
    padding-right: 40px;
  }
  .about-wrapper.style2 .about-us .video-wrap {
    width: 120px;
  }
  .about-wrapper.style2 .about-us .title-area .text {
    padding-bottom: 20px;
    margin-bottom: 30px;
  }
  .about-service.section-padding {
    padding-top: 80px;
    padding-bottom: 80px;
  }
  .about-history,
  .about-factory,
  .about-certificates {
    padding: 80px 0;
  }
  .mod-titles {
    margin-bottom: 40px;
  }
  .about-factory-slick {
    margin: 0px -15px 0;
  }
  .case-main {
    padding: 40px 0 80px;
  }
  .case-content .content .tits a {
    font-size: 20px;
    line-height: 1.4;
  }
  .case-list {
    margin: 35px -15px -50px;
  }
  .solution-main {
    padding: 40px 0 80px;
  }
  .solution-content .tits a {
    font-size: 22px;
  }
  .service-main {
    padding: 40px 0 80px;
  }
  .service-main .title-area {
    margin-bottom: 35px;
  }
  .service-item .rights .mores {
    margin-top: 20px;
    font-size: 16px;
  }
  .product-main {
    padding-top: 40px;
  }
  .prodeta-main .flex .rights .title {
    font-size: 30px;
  }
  .prodeta-main .flex .lefts {
    width: 41%;
  }
  .prodeta-info-groups .prodeta-info-btn {
    min-width: 150px;
  }
  .prodeta-main .flex .rights .texts {
    margin-top: 5px;
  }
  .prodeta-main .flex .lefts .prodeta-scont::after {
    border: 2px solid var(--theme);
  }
  .prodeta-main {
    padding: 60px 0 70px;
  }
  .prodeta-details {
    padding: 50px 0 80px;
  }
  .prodeta-details-nav .items {
    margin-right: 15px;
  }
  .content-type1 .tits,
  .content-type1 .texts {
    padding-left: 20px;
  }
  .content-type1 .tits {
    font-size: 24px;
  }
  .content-type1 .texts p {
    font-size: 16px;
    line-height: 1.8;
  }
  .prodeta-service {
    padding: 80px 0;
  }
  .prodeta-service-slick {
    margin: 40px -15px 0;
  }
  .prodeta-service-item {
    padding: 0 15px;
  }
  .prodeta-service-content {
    min-height: 260px;
    padding: 35px 30px;
  }
}
@media screen and (max-width: 1200px) {
  .main-header-wrapper .logo-image {
    padding: 0px;
  }
  .header__hamburger {
    display: block !important;
  }
  .header-main .sidebar__toggle {
    font-size: 30px;
  }
  .header-1 .mega-menu-wrapper {
    padding: 0 0px;
  }
  .offcanvas__wrapper .offcanvas__content .offcanvas__close {
    font-size: 22px;
  }
  .mean-container .mean-nav ul li a.mean-expand {
    margin-top: 9px;
  }
  .offcanvas__wrapper .offcanvas__content .offcanvas__contact ul li i {
    font-size: 20px;
  }
  .offcanvas__wrapper .offcanvas__content .offcanvas__contact ul li .offcanvas__contact-icon {
    margin-right: 8px;
  }
  .offcanvas__wrapper .offcanvas__content .offcanvas__contact ul li:not(:last-child) {
    margin-bottom: 12px;
  }
  .offcanvas__wrapper .offcanvas__content .offcanvas__contact .social-icon {
    padding-bottom: 50px;
  }
  .section-title .title {
    margin-bottom: 30px;
    font-size: 46px;
  }
  .sticky.header-1 .mega-menu-wrapper {
    padding: 13px 0px;
  }
  #header-sticky {
    background-color: #fff;
  }
  .contact-us-section.section-padding {
    padding-top: 50px;
    padding-bottom: 60px;
  }
  .contact-us-section .contact-box p,
  .contact-us-section .contact-box a {
    font-size: 16px;
  }
  .contact-box.style1 .title {
    font-size: 20px;
    line-height: 22px;
  }
  .contact-us-section .contact-box .iconfont {
    width: 48px;
    height: 48px;
    font-size: 24px;
  }
  .contact-form.style2 h2 {
    font-size: 30px;
    line-height: 46px;
    margin-bottom: 20px;
  }
  .contact-maps {
    margin-top: -100px;
    height: 550px;
  }
  .container {
    max-width: 100% !important;
    padding: 0 40px;
  }
  .news-main {
    padding-top: 40px;
    padding-bottom: 70px;
  }
  .news-main .news-standard-wrapper .news-standard-items {
    padding: 20px;
  }
  .main-sidebar2 .single-sidebar-widget {
    padding: 30px 25px;
  }
  .page-nav-wrap ul li .previous {
    width: 50px;
    height: 50px;
  }
  .page-nav-wrap ul li .next {
    width: 50px;
    height: 50px;
  }
  .page-nav-wrap ul li .page-numbers {
    width: 50px;
    height: 50px;
    line-height: 50px;
  }
  .page-nav-wrap ul li .page-numbers,
  .page-nav-wrap ul li .previous {
    margin-right: 5px;
  }
  .main-sidebar2 .single-sidebar-widget:last-child {
    margin-bottom: 0;
  }
  .footer-widgets-wrapper {
    padding: 70px 0 80px;
  }
  .blog-details-area .blog-post-details .single-blog-post .post-content h1 {
    font-size: 28px;
  }
  .blog-details-area .blog-post-details .comment-form-wrap h3 {
    font-size: 26px;
    margin-bottom: 18px;
  }
  .prodeta-related {
    padding: 70px 0;
  }
  .title-area {
    margin-bottom: 30px;
  }
  .title-area .title {
    font-size: 30px;
  }
  .about-info .about-number {
    margin-top: 60px;
  }
  .about-us-section .title-area {
    margin-bottom: 0px;
  }
  .history-swiper {
    margin-top: 30px;
  }
  .about-history,
  .about-factory,
  .about-certificates {
    padding: 70px 0;
  }
  .section-padding {
    padding: 70px 0;
  }
  .case-item {
    width: 50%;
  }
  .case-nav-links {
    padding: 11px 20px;
    font-size: 16px;
    min-width: 120px;
  }
  .case-main {
    padding: 40px 0 70px;
  }
  .solution-content {
    flex-direction: column;
  }
  .solution-content .imgs {
    width: 100%;
  }
  .solution-item {
    width: 33.3333333%;
  }
  .solution-content .contents {
    width: 100%;
    padding: 25px 25px;
  }
  .solution-content .tits a {
    font-size: 20px;
  }
  .solution-item {
    padding: 0 15px;
    margin-bottom: 30px;
  }
  .solution-list {
    margin: 0 -15px -30px;
  }
  .service-item .rights .tits a {
    font-size: 24px;
  }
  .product-class-item {
    width: 50%;
  }
  .faq-content.style-1 .accordion-item .accordion-header .accordion-button.collapsed {
    font-size: 18px;
  }
  .faq-content {
    margin-top: 10px;
  }
  .categorie-items {
    width: 50%;
  }
  .prodeta-main .flex .rights {
    width: 52%;
    padding: 0;
  }
  .prodeta-main .flex .rights .title {
    font-size: 28px;
  }
  .prodeta-main .flex .lefts {
    width: 43%;
  }
  .prodeta-info-groups .prodeta-info-btn {
    min-width: 140px;
    margin-right: 15px;
    margin-bottom: 15px;
  }
  .prodeta-info-groups {
    margin-bottom: -15px;
  }
  .prodeta-main .flex .lefts .prodeta-sitem {
    padding: 0 8px;
  }
  .prodeta-main .flex .lefts .prodeta-blist {
    margin-bottom: 16px;
    border-radius: 10px;
  }
  .prodeta-main {
    padding: 60px 0 60px;
  }
  .prodeta-details-nav .items {
    padding: 14px 15px;
  }
  .prodeta-details {
    padding: 50px 0 70px;
  }
  .home-blog .slider-area {
    margin-top: 0px;
  }
  .content-type2 {
    width: 90%;
  }
  .prodeta-service {
    padding: 70px 0;
  }
  .prodeta-service-content .title {
    font-size: 22px;
  }
  .page-banner .breadcumb-title {
    font-size: 34px;
  }
}
@media screen and (max-width: 991px) {
  .contact-us-section.section-padding {
    padding-top: 40px;
    padding-bottom: 60px;
  }
  .contact-form.style2 h2 {
    font-size: 26px;
    line-height: 44px;
    margin-bottom: 20px;
  }
  .main-sidebar2 {
    margin-top: 40px;
  }
  .about-us-section .title-area {
    margin-bottom: 60px;
  }
  .about-wrapper.style2 .about-us .about-thumb {
    margin-bottom: 0 !important;
  }
  .solution-item {
    width: 50%;
  }
  .contact-card-wrap .title-area {
    max-width: 90%;
  }
  .service-item {
    --br: 60px;
    --pr: 0px;
  }
  .service-item .rights .tits {
    margin-bottom: 5px;
  }
  .service-item .rights .tits a {
    font-size: 22px;
  }
  .service-item {
    margin-bottom: 40px;
  }
  .title-area .text {
    font-size: 16px;
    line-height: 1.75;
    margin-bottom: 30px;
  }
  .service-main {
    padding: 40px 0 50px;
  }
  .faq-content {
    margin-top: 40px;
  }
  .product-main .main-sidebar2 {
    margin-bottom: 30px;
    margin-top: 0;
  }
  .mod-breadcumb-menu li,
  .mod-breadcumb-menu li a,
  .mod-breadcumb-menu .texts {
    font-size: 16px;
  }
  .mod-breadcumb-menu {
    gap: 8px;
  }
  .mod-breadcumb {
    padding: 15px 0;
  }
  .prodeta-details-nav .items {
    padding: 14px 10px;
  }
  .pro-tabs-slick {
    margin-top: 35px;
  }
  .content-type1 .tits {
    font-size: 22px;
  }
  .content-type1 .tits,
  .content-type1 .texts {
    padding-left: 0px;
  }
  .content-type1 .row {
    margin-bottom: 30px;
  }
  .solution-items.offer-card.style1 {
    flex-direction: column;
  }
  .home-solution-item {
    padding: 0 15px;
    margin-bottom: 30px;
  }
  .home-solution-list {
    margin: 0 -15px -30px;
  }
  .about-wrapper.style1 .shape1,
  .about-wrapper.style1 .shape4 {
    display: none;
  }
  .about-wrapper.style1 .title-area {
    max-width: 687px;
  }
  .about-wrapper.style1 .about-us {
    padding-bottom: 0px;
  }
  .home-product-nav {
    padding-top: 0px;
    margin-bottom: -24px;
  }
  .chefe-section .title-area {
    margin-bottom: 0px;
  }
  .testimonial-wrapper.style1.section-padding {
    padding: 40px 0 80px;
  }
  .testimonial-card.style1 {
    margin-top: 0px;
  }
  .swiper-horizontal > .swiper-pagination-bullets,
  .swiper-pagination-bullets.swiper-pagination-horizontal,
  .swiper-pagination-custom,
  .swiper-pagination-fraction {
    width: 7%;
  }
  .section-title .title {
    margin-bottom: 20px;
    font-size: 40px;
  }
  .section-title .sub-title {
    font-size: 18px;
    line-height: 1.65;
    margin-bottom: 10px;
  }
  .swiper-horizontal > .swiper-pagination-bullets,
  .swiper-pagination-bullets.swiper-pagination-horizontal,
  .swiper-pagination-custom,
  .swiper-pagination-fraction {
    width: 100%;
  }
  .page-banner .swiper-pagination {
    bottom: 7px;
  }
  .page-banner .breadcumb-title {
    font-size: 30px;
  }
}
@media screen and (max-width: 768px) {
  .container {
    padding: 0 20px;
  }
  .home-product-nav {
    display: none;
  }
  .contact-us-section.section-padding {
    padding-top: 30px;
    padding-bottom: 55px;
  }
  .contact-maps {
    margin-top: -100px;
    height: 500px;
  }
  .footer-widgets-wrapper {
    padding: 60px 0 70px;
  }
  .footer-nav-items {
    width: 50%;
    max-width: initial;
  }
  .footer-nav-items:nth-child(1) {
    width: 100%;
  }
  .footer-nav-items:last-child {
    width: 100%;
  }
  .footer-widgets-wrapper .single-footer-widget form .form-control {
    padding: 8px 8px 8px 16px;
  }
  .footer-widgets-wrapper .single-footer-widget form .form-control button {
    width: 43px;
    height: 43px;
  }
  .footer-bottom .footer-wrapper {
    padding: 14px 0;
  }
  .footer-bottom .footer-wrapper {
    gap: 15px;
    justify-content: flex-start !important;
  }
  .back-to-top {
    width: 48px;
    height: 48px;
    line-height: 48px;
    font-size: 18px;
    right: 20px;
    bottom: 25px;
  }
  .footer-widgets-wrapper .single-footer-widget {
    margin-top: 20px;
  }
  .footer-section .footer-top .fancy-box .item1 span {
    width: 46px;
    height: 46px;
    font-size: 20px;
  }
  .news-list .news-items {
    width: 100%;
  }
  .news-main {
    padding-top: 30px;
    padding-bottom: 60px;
  }
  .page-nav-wrap ul li .previous,
  .page-nav-wrap ul li .next {
    width: 46px;
    height: 46px;
  }
  .page-nav-wrap ul li .page-numbers {
    width: 46px;
    height: 46px;
    line-height: 46px;
  }
  .page-nav-wrap ul li .page-numbers,
  .page-nav-wrap ul li .previous {
    margin-right: 2px;
  }
  .page-nav-wrap {
    margin-bottom: 00px;
  }
  .footer-top {
    padding: 35px 25px;
    margin-bottom: 30px;
  }
  .news-standard-wrapper .news-standard-items .news-thumb .post-date h3 {
    font-size: 18px;
    line-height: 16px;
  }
  .news-standard-wrapper .news-standard-items .news-thumb .post-date h3 span {
    font-size: 13px;
    line-height: 20px;
  }
  .news-standard-wrapper .news-standard-items .news-thumb .post-date {
    top: 15px;
    left: 15px;
  }
  .sticky.header-1 .mega-menu-wrapper {
    padding: 13px 20px;
  }
  .header-section .container-fluid {
    padding: 0 20px;
  }
  .main-sidebar2 .single-sidebar-widget .wid-title h3 {
    font-size: 20px;
    line-height: 24px;
  }
  .main-sidebar2 .single-sidebar-widget .wid-title h3::before {
    width: 50px;
  }
  .blog-details-area .blog-post-details .single-blog-post .post-content h1 {
    font-size: 26px;
  }
  .newsdeta-switch {
    flex-direction: column;
  }
  .newsdeta-switch-prev,
  .newsdeta-switch-next {
    width: 100%;
  }
  .newsdeta-switch-prev {
    margin-bottom: 14px;
  }
  .blog-details-area .blog-post-details .tag-share-wrap {
    margin-top: 10px;
  }
  .prodeta-related {
    padding: 60px 0;
  }
  .title-area .title {
    font-size: 26px;
  }
  .slick-dots {
    margin-top: 15px;
  }
  .about-service.section-padding {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .about-info.section-padding {
    padding-top: 50px !important;
  }
  .about-info-left {
    padding-right: 10px;
  }
  .about-us-section .title-area {
    margin-bottom: 40px;
  }
  .about-wrapper.style2 .about-us .video-wrap {
    width: 100px;
  }
  .about-history,
  .about-factory,
  .about-certificates {
    padding: 60px 0;
  }
  .about-wrapper.style2 .about-us .title-area .text {
    padding-top: 0px;
  }
  .header-main .header-right .search-icon {
    margin-right: 10px;
  }
  .mod-breadcumb {
    padding: 18px 0;
  }
  .mod-breadcumb-menu li,
  .mod-breadcumb-menu li a,
  .mod-breadcumb-menu .texts {
    font-size: 16px;
  }
  .mod-breadcumb-menu {
    gap: 8px;
  }
  .case-item {
    width: 100%;
  }
  .case-main {
    padding: 40px 0 60px;
  }
  .solution-item {
    width: 100%;
  }
  .solution-main {
    padding: 40px 0 60px;
  }
  .contact-form.style2 h2 {
    font-size: 22px;
  }
  .contact-form.style2 input {
    padding: 13px 20px;
  }
  .service-item {
    flex-direction: column !important;
  }
  .service-item .lefts,
  .service-item .rights {
    width: 100%;
  }
  .service-item .lefts {
    margin-bottom: 20px;
  }
  .service-item {
    margin-bottom: 45px;
  }
  .service-item {
    --br: 10px;
  }
  .service-list {
    padding-top: 0px;
  }
  .service-item .rights .tits a {
    font-size: 20px;
  }
  .contact-card-wrap .title-area {
    margin-bottom: 25px;
  }
  .service-main {
    padding: 40px 0 60px;
  }
  .product-class-item {
    width: 100%;
  }
  .categorie-items {
    width: 100%;
  }
  .product-main .main-sidebar2 {
    margin-bottom: 20px;
    margin-top: 0;
  }
  .prodeta-main .flex {
    flex-direction: column;
  }
  .prodeta-main .flex .lefts {
    width: 100%;
    margin-bottom: 20px;
  }
  .prodeta-main .flex .rights {
    width: 100%;
  }
  .prodeta-main .flex .rights .title {
    font-size: 24px;
  }
  .prodeta-details-nav .items {
    padding: 7px 2px 14px;
  }
  .content-type1 .tits {
    font-size: 20px;
    margin-top: 15px;
  }
  .content-type2 .theme-btn {
    padding: 10px 22px;
    font-size: 16px;
  }
  .content-type1 .texts {
    padding-top: 8px;
  }
  .mod-title {
    margin-bottom: 30px;
  }
  .footer-widgets-wrapper .single-footer-widget .footer-content .social-icon {
    margin-top: 20px;
  }
  .prodeta-main {
    padding: 50px 0 60px;
  }
  .content-type3 {
    overflow: auto;
  }
  .home-solution-item {
    width: 100%;
  }
  .solution-items.offer-card.style1 {
    padding: 30px 25px;
  }
  .offer-card.style1 .offer-thumb {
    width: 100%;
    margin-top: 20px;
  }
  .solution-items .offer-content {
    padding-right: 0px;
    width: 100%;
  }
  .section-padding {
    padding: 60px 0;
  }
  .home-solution .title-area {
    margin-bottom: 30px;
  }
  .testimonial-card.style1 {
    padding: 28px 24px;
  }
  .testimonial-wrapper.style1.section-padding {
    padding: 40px 0 60px;
  }
  .offer-card.style1 .offer-content h3 {
    font-size: 20px;
    margin-bottom: 12px;
  }
  .section-title {
    padding: 20px 0 20px 0;
  }
  .banner-style1 {
    padding: 0 0;
  }
  .section-title .title {
    margin-bottom: 20px;
    font-size: 28px;
  }
  .index-banner-content {
    top: initial;
    bottom: 0%;
    transform: translateY(0);
  }
  .index-banner-imgs {
    position: relative;
    z-index: 1;
  }
  .index-banner-imgs::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: linear-gradient(to top, #000 0%, rgba(0, 0, 0, 0) 80%);
  }
}