/* ========== Min Width CSS ========== */

@media (min-width:1200px) {
    .page-headline .holder .title {
        font-size: 72px;
    }

    .three-column-section {
        margin-bottom: 100px;
    }

    .product-content-wrapper .content-area .main-title {
        letter-spacing: 0;
    }

    .product-content-wrapper>div .bnr-btn {
        padding: 16px 40px;
    }
}

/* ========== Max Width CSS ========== */

@media (max-width:1199px) {
    .hamburger-nav:not(.type2):not(.type3) {
        padding-left: 32px;
        padding-right: 32px;
    }

    .hamburger-nav .menu .mega-menu-item>a {
        position: static;
    }

    .hamburger-nav .menu {
        width: 30%;
    }

    .header.-mobile .menu li.active>ul li .menu-link {
        background-color: transparent;
        font-weight: 600;
    }

    .search-page.archive-holder>.grid-item {
        max-width: calc(50% - 15px);
    }

    .content-for-office-information:first-child .row1-office-address {
        margin-bottom: 6vh;
    }

    .heading-banner.contact h1 {
        font-size: 48px;
    }

    .three-column-section {
        margin-bottom: 50px;
    }

    .product-content-wrapper>div {
        flex: 0 0 100%;
        width: 100%;
    }

    .product-content-wrapper {
        flex-wrap: wrap-reverse;
    }

    .images-wrapper .product_images .slick-arrow {
        position: absolute;
        bottom: -70px;
        left: 50%;
        width: 56px;
        height: 56px;
        border-radius: 60px;
        font-size: 0;
        border: 0;
        outline: none;
        background-color: transparent;
        display: flex;
        align-items: center;
        justify-content: center;
        z-index: 3;
        cursor: pointer;
    }

    .product_images .slick-list.draggable {
        padding: 0 !important;
    }

    .images-wrapper .product_images .slick-arrow.slick-prev {
        left: calc(50% - 50px);
        transform: rotate(-180deg);
    }

    .images-wrapper .product_images .slick-arrow::after {
        content: '\f061';
        font-family: 'FontAwesome';
        font-size: 16px;
    }

    .product-content-wrapper>div.images-wrapper {
        padding-bottom: 70px;
    }

    .product-content-wrapper .content-area .main-title {
        letter-spacing: 0;
    }

}

@media(max-width:1024px) {
    .home .sticky {
        padding: 0;
    }

    .branding .logo img,
    .branding .logo-mobile img,
    .branding .logo-dynamic img {
        min-height: 150px;
        max-height: 150px;
        display: flex;
    }

    .home-banner .content-banner .banner-buttons {
        display: flex;
        flex-direction: column;
    }

    h1 {
        font-family: "Anton", sans-serif;
        font-size: 41px;
    }

    .categories .simple-category-grid {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }

    .call-to-action .holder {
        width: 100%;
    }

    .service-grid {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }

    .service-grid .service-container .image-box img {
        width: 100%;
        max-width: 100%;
        height: 277px;
    }

    .insights .insights-grid {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
        margin-top: 50px;
    }

    .site-footer .widgets {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
    }

    .site-footer .widgets .widgets-column {
        width: 100%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .site-footer .widgets .widgets-column2 {
        width: 100%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .site-footer .widgets .widgets-column3 {
        width: 100%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .newsletter {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .newsletter h3 {
        text-align: left;
    }

    .newsletter h3 {
        text-align: left;
    }

    .footer-content .holder {
        max-width: 100%;
        width: 100%;
        text-align: right;
    }

    header.sticky .header-wrap {
        height: 12vh;
    }


    /* about page */

    .totalrollforming-heading h6 {
        font-size: 27px;
        line-height: 1;
    }

    .trusted-suppliers {
        padding: 40px 0;
    }

    .social-follow {
        right: 0;
        padding-bottom: 20px;
    }

    .trusted-supplier-content {
        display: flex;
        flex-direction: column;
    }

    .trusted-supplier-left-part {
        width: 100%;
        max-width: 100%;
        padding-right: 15px;
        padding-left: 15px;
    }

    section.trusted-supplier-iamges {
        padding: 40px 0;
    }

    .machinery-content {
        display: flex;
        flex-direction: column;
    }

    .right-side-machinery-content {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        max-width: 100%;
        margin-left: 0;
    }

    section.machinery-section {
        padding: 50px 0;
    }

    .caption {
        padding: 40px;
    }

    .content {
        display: flex;
        flex-direction: column;
    }

    .widget-primary-container {
        width: 50%;
    }

    .widget-primary-container {
        padding: 20px 0;
    }

    .widget-primary-container .left-side-content-for-about-us {
        margin-bottom: 20px;
    }

    .widget1 h2 {
        font-size: 25px;
    }

    .about-us-section {
        background-color: #9690A20F;
        padding: 40px 0;
    }

    .widget1 p {
        margin-top: 16px;
        line-height: 27px;
        width: 100%;
        max-width: 350px;
    }

    section.team-members {
        padding-bottom: 40px;
    }

    .service {
        padding: 40px 0;
    }

    .content-services {
        display: flex;
        flex-direction: column;
    }

    .left-side-machinery-content2 {
        width: 100%;
        max-width: 100%;
        padding: 0 15px;
    }

    .sub-para-machinery-content2 {
        line-height: 27px;
        max-width: 100%;
        width: 100%;
    }

    .service-grid {
        padding: 40px 17px;
    }

    .right-side-machinery-content {
        margin-left: 0;
        margin-top: 40px;
    }

    .inner-column-content {
        padding: 0 30px;
    }

    .right-side-machinery-content .inner-column:nth-child(n+4) {
        padding-top: 50px;
    }

    .about-us-section .container {
        padding: 0;
    }

    .about-us-section .container .left-side-content-for-about-us {
        max-width: 100%;
        padding: 0 15px 15px;
    }

    .service .content-services .left-side-machinery-content2,
    .service .content-services .right-side-machinery-content2 {
        padding-inline: 0;
    }

    .left-side-machinery-content2 h2 {
        padding-bottom: 15px;
    }

    .call-to-action {
        padding: 25px 32px;
    }

    .ctc-section {
        padding: 50px 30px;
    }

    .service-grid {
        padding: 0 17px 40px;
    }

    .service-section {
        padding-bottom: 25px;
    }

    .service-grid .service-container .image-content p {
        margin-top: 20px;
    }

    .global-content-image-section,
    .content-only-section,
    .features-section {
        padding: 40px 0;
    }

    .features-section-wrap {
        flex-wrap: wrap;
    }

    .custom-heading-container {
        max-width: 100%;
    }

    .custom-inner-column {
        max-width: 100%;
    }

    .custom-inner-column ul {
        margin-top: 30px;
    }

    .custom-inner-column ul li {
        padding: 10px 30px;
    }

    .main-title {
        font-size: 45px;
    }

    .heading-banner-subtitle {
        font-size: 28px;
    }

    .secondparentflex {
        grid-template-columns: 1fr;
        gap: 50px;
    }

    .custom-inner-column h2 {
        font-size: 25px;
    }
}

@media (max-width:992px) {
    .search .page-container.bottom-offset {
        padding-top: 0;
    }

    main#main {
        padding: 0 0 40px;
    }

    .content-area .page-sidebar {
        width: 100%;
    }

    .heading-banner.contact h1 {
        font-size: 43px;
    }

    .box1-address {
        max-width: 30%;
    }

    body .get-customer-form .gform-body .gfield h2 {
        font-size: 23px;
    }

    .office-information {
        padding: 40px 0;
    }

    .heading-banner {
        padding: 32px 0;
    }

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

    .ctc-section {
        padding: 50px 20px;
    }

    .column-count-wrap .column-box-item {
        padding: 50px 20px 0;
    }

    .content-section-main {
        margin: 0 0 50px;
    }

    .woocommerce-account #content .entry-title {
        margin-top: 32px;
    }
}

/* header */
@media(max-width:767px) {
    .container #content .entry-title {
        font-size: 1.5rem !important;
    }

    ul#secondary-menu {
        margin-top: 0;
    }

    .search-page.archive-holder>.grid-item {
        max-width: 100%;
    }

    #site-navigation .holder ul.menu>li>.sub-menu {
        position: static;
    }

    #site-navigation .holder ul.menu>li.has-submenu>.sub-menu {
        margin: 0;
        box-shadow: none;
        max-height: 0;
        opacity: 0;
        transition: all .35s cubic-bezier(.645, .045, .355, 1);
        width: 100%;
        padding-left: .75rem;
    }

    #site-navigation .holder ul.menu>li.has-submenu.active>.sub-menu {
        opacity: 1;
        max-height: 400vh;
        display: block !important;
    }

    header .copyright p {
        font-size: .95rem;
    }

    #site-navigation .holder ul.menu>li.has-submenu>ul li.active>.menu-link {
        font-weight: 600;
    }

    #site-navigation .holder ul.menu>li.has-submenu>ul li {
        padding: 0;
    }

    #site-navigation .holder ul.menu>li.has-submenu.active>.sub-menu .sub-sub-menu {
        margin: 0;
        padding-left: 12px;
    }

    #site-navigation .holder ul.menu>li ul li .menu-link span {
        font-size: 0.98rem;
    }

    #site-navigation .holder>ul.menu>li.active {
        background-color: rgba(136, 136, 137, 0.078);
    }

    .branding .logo img {
        min-height: 150px;
        height: 150px;
    }

    #site-navigation .holder ul.menu>li.has-submenu.active>.sub-menu .sub-sub-menu {
        margin: 0;
        padding-left: 12px;
    }

    #site-navigation .holder ul.menu>li.has-submenu>ul li .sub-sub-menu {
        max-height: 0;
        opacity: 0;
        visibility: hidden;
        display: none;
        transition: all .35s cubic-bezier(.645, .045, .355, 1);
    }

    #site-navigation .holder ul.menu>li.has-submenu>ul li.active .sub-sub-menu {
        max-height: 400vh;
        opacity: 1;
        visibility: visible;
        display: block;
    }

    .home-banner .image-banner {
        width: 100%;
        max-width: 100%;
    }

    .trf-content-grid .fxplus-whychoose {
        margin-bottom: 0 !important;
    }

    .trf-tabs-nav .trf-tab-link {
        width: 100%;
        background: #d5d5d5 !important;
        padding: 15px !important;
        text-align: center;
        margin: 10px 0 !important;
    }

    .trf-content-grid .trf-content-text h2 {
        margin-bottom: 0px !important;
    }

    .trf-tabs-section>.container {
        display: flex;
        flex-direction: column;
    }

    .trf-tabs-section>.container ul.trf-tabs-nav {
        display: contents;
    }

    .specification-section {
        margin: 50px 0 0;
    }

    .trf-tabs-nav .trf-tab-link:first-child {
        order: 1;
    }

    .trf-tabs-nav .trf-tab-link:nth-child(2) {
        order: 2;
    }

    .trf-tabs-nav .trf-tab-link:nth-child(3) {
        order: 3;
    }

    .trf-tabs-nav .trf-tab-link:nth-child(4) {
        order: 4;
    }

    #trf-tab-why {
        order: 1;
    }

    #trf-tab-support {
        order: 2;
    }

    #trf-tab-maintenance {
        order: 3;
    }

    #trf-tab-resource {
        order: 4;
    }

    .hamburger-button {
        margin: 0;
    }

    .hamburger-nav {
        display: none;
    }

    .nav.hidden {
        display: flex;
        align-items: center;
    }

    .home-banner .content-banner {
        padding: 100px 50px;
        max-width: 100%;
        width: 100%;
    }

    .home-banner .content-banner .banner-buttons .white {
        margin: 0;
        white-space: normal;
        text-align: center;
    }

    .categories .simple-category-grid {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
    }

    .call-to-action .holder {
        text-align: left;
    }

    .service-grid {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
    }

    .insights .insights-grid {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 20px;
        margin-top: 50px;
    }

    .newsletter-form {
        display: flex;
        justify-content: left;
    }

    .newsletter {
        flex: 0 0 50%;
        max-width: 100%;
    }

    .site-footer .widgets .widgets-column3 {
        width: 100%;
        flex: 0 0 50%;
        max-width: 100%;
    }

    .site-footer .widgets .widgets-column2 {
        width: 100%;
        flex: 0 0 50%;
        max-width: 100%;
    }

    .site-footer .widgets .widgets-column {
        width: 100%;
        flex: 0 0 50%;
        max-width: 100%;
    }

    .slide-in-overlay .overlay {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: color-mix(in srgb, #111013 90%, transparent);
    }

    .trf-content-grid .fxplus-whychoose ul {
        margin-left: 0;
    }

    .slide-in-overlay .holder {
        position: absolute;
        top: 0;
        height: 100vh;
        bottom: 0;
        z-index: 1;
        background-color: white;
        width: calc(100% - 3.5rem) !important;
        right: 0;
        text-align: left;
        overflow-y: auto;
        padding: 12vh 1rem 1rem;
        transition-duration: 0.35s;
        opacity: 1;
        box-shadow: 0 20px 32px -8px color-mix(in srgb, var(--clb-color-black) 15%, transparent), 0 0 1px color-mix(in srgb, var(--clb-color-black) 5%, transparent);
    }

    .slide-in-overlay {
        width: 100%;
        height: 100%;
        top: 0;
        position: fixed;
        right: 0;
    }

    .slide-in-overlay .close-bar {
        right: 0;
        flex-direction: row-reverse;
    }

    .slide-in-overlay .close-bar {
        width: calc(100% - 3.5rem);
        position: absolute;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 0 20px;
    }

    .close-bar .icon-button .icon svg {
        width: 14px;
        height: 14px;
        color: #000;
        fill: #000 !important;
    }

    .slide-in .slide-in-overlay .close-bar .icon-button.search-global,
    .is-mobile-menu .slide-in-overlay .close-bar .icon-button.search-global {
        display: block;
        position: initial;
        background-color: initial;
    }

    .header.-mobile .menu li a {
        display: block;
        position: relative;
        padding: .45rem 0.75rem;
        min-height: 2.5rem;
        gap: 0 0.5em;
        display: flex;
        align-items: center;
        border-radius: 12px;
    }

    .header.-mobile .menu li {
        position: relative;
    }

    .header.-mobile .menu li>ul {
        max-height: 0;
        margin: 0;
        padding-left: 0.75em;
        overflow: hidden;
        opacity: 0;
        transition: all cubic-bezier(.645, .045, .355, 1) 0.35s;
    }

    .close-bar .icon-button {
        background: #f6f6f6;
        z-index: 999 !important;
    }

    .close-bar button:first-child {
        background-color: transparent;
        top: 10px;
    }

    .close-bar button:first-child:hover {
        background-color: rgba(136, 136, 137, 0.078);
    }

    .header-wrap.container.active button.icon-button.search-global {
        display: block;
        position: initial;
        margin-top: 25px !important;
    }

    .header-wrap.container.active button.icon-button.search-global svg {
        width: 24px;
        height: 24px;
    }

    #site-navigation .holder ul.menu>li .menu-link {
        font-size: 16px;
        color: #161518;
        position: relative;
        width: 100%;
    }

    #site-navigation .holder {
        max-width: 100%;
        width: 100%;
        text-align: left;
    }

    .holder .menu {
        margin: 10px 0;
    }

    .header.-mobile .menu li a .has-submenu-icon {
        right: calc(0.25rem * -1);
        position: absolute;
        min-width: 3rem;
        width: 3rem;
        height: 3rem;
        display: inline-flex;
        vertical-align: middle;
        align-items: center;
        justify-content: center;
    }

    .header.-mobile .menu li a .has-submenu-icon .icon svg {
        transform: none;
    }

    .menu-chevron {
        display: none;
    }

    .header .menu li span {
        white-space: normal;
        line-height: 1.3;
        gap: 0 0.5em;
        flex-wrap: wrap;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .desktop-hamburger {
        display: none;
    }


    #site-navigation {
        display: none;
    }


    #site-navigation .active {
        display: block;
        /* shown when visible class is added */
    }

    .mobile-hamburger {
        display: block;
    }

    button.icon-button.search-global {
        display: none;
    }

    .header-wrap {
        padding: 0;
    }

    .header-wrap .header-wrap-inner {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding-inline: 20px;
    }

    .page-headline .page-container {
        padding-inline: 0;
    }

    .page-content .content-area .entry-content {
        padding: 0;
    }

    .search .page-headline .page-container {
        padding-inline: 12px;
    }

    .has-submenu-icon .menu-plus svg {
        font-size: 30px;
        fill: black;
    }

    #site-navigation .holder ul.menu>li.active>a .has-submenu-icon svg,
    #site-navigation .holder ul.menu>li.has-submenu>ul li.active>.menu-link>.has-submenu-icon svg {
        transform: rotate(135deg);
    }

    #site-navigation .holder ul.menu>li .menu-link {
        padding: .45rem .75rem;
        color: #161518 !important;
        display: flex;
        align-items: center;
    }


    /* about page */

    .totalrollforming-heading h1 {
        padding: 0 0 15px;
        font-size: 35px;
        letter-spacing: 0;
    }

    .cstm-breadcrumbs {
        margin: 0;
    }

    .totalrollforming-heading {
        margin-top: 30px;
        padding: 0 20px 50px 0;
    }

    .totalrollforming-heading {
        margin-top: 30px;
        padding: 0 20px 50px 0;
    }

    .totalrollforming-heading h6 {
        font-family: "Helvetica", Sans-serif;
        font-size: 20px;
        font-weight: 600;
        color: #8a8a8a;
        line-height: 1;
    }

    .trusted-supplier-content {
        display: flex;
        flex-direction: column;
    }

    .trusted-supplier-left-part {
        padding: 0;
    }

    .trusted-supplier-right-part h6 {
        padding: 0;
    }

    .trusted-supplier-right-part-content {
        width: 100%;
        max-width: 100%;
    }

    .parent-div-for-right-side {
        padding: 0;
        width: 100%;
        max-width: 100%;
    }

    .sub-para-right-part-content p {
        font-weight: 400;
        width: 100%;
        max-width: 100%;
        line-height: 25px;
        margin-bottom: 0;
    }

    section.trusted-supplier-iamges {
        margin: 0;
        padding: 50px 0 0;
    }

    .supplier-grid>div {
        max-width: 40%;
        flex: 0 0 50%;
        padding: 0;
    }

    .supplier-grid>div {
        max-width: 40%;
        flex: 0 0 50%;
        padding: 0;
    }

    .trusted-supplier-iamges .supplier-item {
        max-width: 50%;
    }

    .right-side-machinery-content .inner-column:nth-child(n+4) {
        padding-top: 20px;
    }

    .inner-column {
        width: 100%;
    }

    header.sticky .header-wrap {
        height: 80px;
    }

    section.machinery-section {
        background-color: #9690A20F;
        padding: 40px 0 20px;
    }

    .machinery-content {
        display: flex;
        flex-direction: column;
    }

    .right-side-machinery-content {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        max-width: 860px;
        margin-top: 10px;
        flex-direction: column;
        margin-left: 0;
    }

    .inner-column-content {
        border-top: 1px solid #635D6FA6;
        padding: 20px 0 0;
        border-left: none;
    }

    .inner-column-content {
        border-top: 1px solid #635D6FA6;
        padding: 20px 0 0;
    }

    .inner-column-content h2 {
        padding-top: 0;
        font-size: 25px;
    }

    .caption-content p {
        /* line-height: 27px; */
        font-size: 16px;
    }

    .caption {
        padding: 40px 20px;
    }

    .caption-content p {
        /* line-height: 27px; */
        font-size: 16px;
    }

    .content {
        display: flex;
        flex-direction: column;
    }

    .widget-primary-container {
        padding: 30px 0 0;
    }

    .widget1 h2 {
        font-size: 25px;
    }

    .widget-primary-container {
        padding: 0;
    }

    .left-side-content-for-about-us {
        padding-bottom: 20px;
    }

    section.team-members {
        padding: 40px 0;
    }

    .parent-for-member-boxes {
        gap: 30px;
        display: flex;
        justify-content: center;
        flex-direction: column;
    }

    .team-member-box {
        text-align: center;
    }

    .member-image img {
        max-width: 275px;
        width: 100%;
        border-radius: 10px;
    }

    .service {
        padding: 40px 0;
    }

    .content-services {
        display: flex;
        flex-direction: column;
    }

    .sub-para-machinery-content2 p {
        margin-top: 10px;
    }

    .social-follow {
        right: 5.25vh;
        padding: 0;
    }

    .service-grid {
        padding: 0 20px;
        margin: 0 20px;
    }

    .gform_wrapper.gravity-theme .gform_footer,
    .gform_wrapper.gravity-theme .gform_page_footer {
        margin: 0;
        padding: 0;
    }

    .content-services {
        display: flex;
        flex-direction: column;
    }

    .service {
        padding: 40px 0;
    }

    .content .right-side-content-for-about-us {
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
    }

    /* cidan */

    .global-content-container {
        display: flex;
        align-items: flex-start;
        gap: 20px;
        flex-direction: column;
    }

    .cstm-breadcrumbs {
        font-size: 14px;
        margin: 30px 0 20px;
    }

    .heading-banner-subtitle {
        font-size: 22px;
    }

    .global-content-image-section {
        padding: 40px 0;
        background-color: #9690A20F;
    }

    .products-section {
        padding: 40px 0;
    }

    .supplier-grid {
        display: flex;
        flex-wrap: wrap;
        gap: 20px;
    }

    .supplier-grid>div {
        max-width: calc(50% - 10px);
        gap: 20px;
    }

    .supplier-item h3 {
        line-height: 1;
    }

    .content-only-wrap {
        display: flex;
        gap: 20px;
        flex-direction: column;
    }

    .content-only-section {
        background-color: #9690A20F;
        padding: 40px 0;
    }

    .features-section-wrap {
        flex-direction: column;
    }

    .custom-inner-column ul {
        flex-direction: column;
    }

    .custom-inner-column ul {
        list-style: none;
        padding: 0;
        margin: 0;
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        justify-content: space-between;
        gap: 10px 0;
        flex-direction: column;
    }

    .custom-inner-column ul li {
        width: 100%;
        padding: 20px 0 0 0;
        border-top: 1px solid rgba(99, 93, 111, .65);
        position: relative;
        box-sizing: border-box;
        border-left: none;
    }

    .features-section {
        background-color: #9690A20F;
        padding: 40px 0;
    }

    .custom-heading-container {
        width: 100%;
        max-width: 100%;
    }

    .video-item video {
        width: 100%;
        object-fit: cover;
        height: 250px;
    }

    .custom-inner-column {
        width: 100%;
        max-width: 100%;
    }

    .about-us-section .widget-primary-container {
        width: 100%;
        padding: 20px 15px 0;
    }

    .about-us-section .widget-primary-container p {
        margin-bottom: 0;
    }

    .team-members-heading {
        padding-bottom: 20px;
    }

    .content-for-member {
        padding-top: 10px;
        max-width: 100%;
        width: 100%;
        text-align: left;
    }

    .service+.service {
        padding-bottom: 0;
    }

    .footer-content {
        padding-bottom: 20px;
    }

    .site-footer .widgets .newsletter {
        padding: 0;
    }

    .site-footer .widgets .newsletter h3 {
        font-size: 15px;
        text-align: center;
    }

    .row1-office-address {
        flex-wrap: wrap;
    }

    .box1-address {
        max-width: 100%;
        padding: 0 0 15px;
    }

    .progress-bar {
        padding: 10px 0 0;
    }

    .box1-address:last-child {
        padding-bottom: 0;
    }

    .box1-address:last-child p.address {
        margin: 0;
    }

    .parentclassflex {
        flex-wrap: wrap;
    }

    .parentclassflex .rightparentdiv {
        padding: 20px 0 0;
    }

    .parentclassflex>div {
        flex: 0 0 100%;
        width: 100%;
    }

    .firstparentflex {
        flex-direction: column;
    }

    .firstparentflex .leftimg {
        padding: 0;
        width: 100%;
    }

    .firstparentflex .leftimg img {
        width: 100%;
    }

    .firstparent {
        padding: 20px 20px 0;
        margin: 0;
    }

    .main-title {
        font-size: 35px;
    }

    .secondsection {
        margin-top: 0px;
    }

    .firstparentflex h2 {
        font-size: 25px;
        padding-top: 25px;
    }

    .call-to-action {
        padding: 20px;
    }

    .column-count-wrap .column-box-item {
        flex: 0 0 100%;
        padding: 0;
    }

    .column-count-wrap {
        flex-wrap: wrap;
    }

    .products-grid {
        grid-template-columns: 1fr;
    }

    .product-main-wrap {
        margin: 50px 0 0;
    }

    .safety-content-wrap {
        gap: 10px;
        flex-wrap: wrap;
    }

    .safety-content-wrap .safety-box {
        flex: 0 0 100%;
        padding: 0;
    }

    .safety-content-wrap .safety-box>div {
        margin: 0 !important;
    }

    .optional-features-section .optional-feature-block {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .optional-features-section>.container {
        gap: 30px;
    }

    .products-grid .product-item-thumbnail .hover-image {
        max-width: 100%;
    }

    .three-column-wrap {
        flex-wrap: wrap;
    }

    .three-column-wrap .content-col {
        flex: 0 0 100%;
    }

    .content-inner ul {
        margin-left: 0;
    }
}