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

    body .sepro-programs .programs-wrap .programs-group {
        grid-template-columns: 1fr;
    }

    .sepro-header .header-wrapper .head-item.head-center .logo img {
        width: 150px;
    }

    .sepro-hero .hero-wrapper {
        flex-direction: column;
        gap: 50px;
    }

    .sepro-hero .hero-wrapper .hero-content-slider {
        width: 100%;
        padding: 30px;
        margin: 100px 0 0;
        z-index: 99;
    }

    .sepro-hero .hero-wrapper .hero-vector-slider {
        width: 100%;
    }

    .sepro-hero .hero-wrapper .hero-content-slider .swiper .swiper-slide .title,
    .sepro-hero .hero-wrapper .hero-content-slider .swiper .swiper-slide .title p {
        font-size: 26px;
        line-height: 35px;
    }

    .sepro-hero .hero-wrapper .hero-content-slider .swiper .swiper-slide p {
        width: 100%;
        max-width: 100%;
        font-size: 16px;
    }

    body .common-button-v2 {
        font-size: 12px;
        height: 40px;
    }

    body .common-button-v2 .icon {}

    body .common-button-v2 .icon svg {
        width: 26px;
        height: 26px;
    }

    .sepro-hero {
        height: auto;
    }

    .sepro-header {}

    .sepro-hero .hero-wrapper .hero-vector-slider .swiper .swiper-slide .vector-box img {
        width: 200px;
    }

    .sepro-hero .hero-wrapper .hero-content-slider .swiper .swiper-slide {
        position: relative;
    }

    .sepro-hero .hero-wrapper .hero-vector-slider::before {
        width: 280px;
        height: 280px;
    }

    .hero-pagination {
        margin: 50px 0 0;
    }

    .hero-pagination .pagination-area {
        width: 100%;
        height: 60px;
    }

    .hero-pagination .pagination-area .swiper {}

    .hero-pagination .pagination-area .swiper .swiper-slide .pagination-box {}

    .hero-pagination .pagination-area .swiper .swiper-slide .pagination-box .number {
        width: 30px;
        height: 30px;
        font-size: 12px;
    }

    .hero-pagination .pagination-area .swiper .swiper-slide .pagination-box span {
        font-size: 12px;
    }

    .sepro-form .form-wrapper .form-box .sepro-head h2 {}

    .sepro-form .form-wrapper .form-box .sepro-head p {
        max-width: 75%;
    }

    .sepro-form .form-wrapper .form-box .sepro-head::after {
        width: 40px;
        height: 40px;
        right: 30px;
        bottom: 0;
    }

    .sepro-form .form-wrapper .form-box .sepro-head {
        padding: 30px 30px 0;
    }

    .sepro-head {}

    .sepro-head h2 {
        font-size: 28px;
    }

    .sepro-head p {
        font-size: 13px;
    }

    .sepro-form .form-wrapper .form-box {
        overflow: hidden;
    }

    .sepro-form .form-wrapper .form-box .form-body {
        padding: 20px 0 0;
    }

    .sepro-form .form-wrapper .form-box .form-body form .form-row {
        flex-direction: column;
    }

    .sepro-form .form-wrapper .form-box .form-body form .form-row .input-box {
        border-radius: 0 !important;
        padding: 8px 15px;
        border: unset !important;
    }

    .sepro-form .form-wrapper .form-box .form-body form .form-row .input-box:nth-child(1) {
        border-width: 0 1px;
        background-color: #1059b3;
    }

    .sepro-form .form-wrapper .form-box .form-body form .form-row .input-box:nth-child(1) input {
        color: #fff;
    }

    .sepro-form .form-wrapper .form-box .form-body form .form-row .input-box:nth-child(1) input::placeholder {
        color: #fff;
    }

    .sepro-form .form-wrapper {
        opacity: 1;
        top: 0;
    }

    .input-box .icon {
        width: 35px;
        height: 35px;
        max-width: 35px;
        max-height: 35px;
    }

    .input-box .icon p {}

    .input-box .icon svg {
        width: 20px;
        height: 20px;
    }

    .input-box input {
        font-size: 13px;
    }

    .input-box input::placeholder {
        font-size: 12px;
    }

    .sepro-form {
        margin: 50px 0 0;
    }

    .sepro-form .form-wrapper .form-box .form-body form .form-row .policy {}

    .sepro-form .form-wrapper .form-box .form-body form .form-row .policy p {
        font-size: 11px;
        padding: 15px;
    }

    .sepro-form .form-wrapper .form-box .form-body form .form-row .input-submit {}

    .input-submit p {}

    .input-submit .submit-label {
        font-size: 16px;
    }

    .input-submit svg {
        width: 24px;
        height: 24px;
    }

    body .input-submit {
        position: relative;
        width: 100%;
        flex: 1;
        top: unset;
        right: unset;
        padding: 15px 10px;
    }

    .sepro-solutions {
        margin: 60px 0 0;
    }

    .sepro-solutions .solutions-slider {}

    .sepro-solutions .solutions-slider .solution-row .solution-flex {}

    body .solution-box {
        margin: 0 0 50px;
    }

    .sepro-solutions .solutions-slider .solution-row .solution-flex .solution-box {
        flex: 0 0 100vw;
    }

    .sepro-head h2 img {
        width: 40px;
        height: 40px;
    }

    .sepro-solutions .sepro-head p {
        max-width: 100%;
    }

    .sepro-solutions .sepro-head {
        margin: 0 0 20px;
    }

    .sepro-features .features-wrapper .features-left .features-left-box {
        opacity: 1;
        transform: translate(0, 0);
        flex-direction: column-reverse;
    }

    .sepro-features .features-wrapper .features-left .features-right-box {
        opacity: 1;
        transform: translate(0, 0);
    }

    body .solution-box .solutions-content {
        bottom: -18px;
    }

    body .solution-box h3 {
        font-size: 18px;
        margin: 0 0 10px;
    }

    body .solution-box .icon {
        width: 50px;
        height: 36px;
    }

    body .solution-box .icon svg {
        width: 30px;
        height: 30px;
    }

    .sepro-features {
        margin: 50px 0 100px;
    }

    .sepro-features .features-wrapper {
        flex-direction: column-reverse;
        gap: 20px;
    }

    .sepro-features .features-wrapper .features-left {
        width: 100%;
    }

    .sepro-features .features-wrapper .features-right {
        width: 100%;
    }

    .sepro-features .features-wrapper .features-right .features-right-box {
        opacity: 1;
        transform: translate(0, 0);
        overflow-x: scroll;
        overflow-y: hidden;
    }

    .sepro-features .features-wrapper .features-right .features-right-box::-webkit-scrollbar {
        display: none;
    }

    .sepro-features .features-wrapper .features-right .features-right-box .features-tab {
        flex-direction: row;
        width: max-content;
    }

    .sepro-features .features-wrapper .features-right .features-right-box .features-tab button {
        font-size: 14px;
        height: 50px;
        border-radius: 15px;
        width: max-content;
        gap: 10px;
    }

    .sepro-features .features-wrapper .features-right .features-right-box .features-tab button svg {
        width: 26px;
        height: 26px;
    }

    .sepro-features .features-wrapper .features-left .features-left-box .features-content-box {
        width: 100%;
        padding: 30px 30px 0;
    }

    .sepro-features .features-wrapper .features-left .features-left-box .features-content-box p {
        font-size: 14px;
    }

    .sepro-features .features-wrapper .features-left .features-left-box .images {
        width: 60%;
        margin: 0;
        transform: scale(1) translateY(50px);
    }

    .sepro-products {}

    .sepro-products .sepro-navigation {
        flex-direction: column;
    }

    .sepro-products .sepro-navigation .navigation-arrows {
        width: 100%;
        padding: 0 0 10px;
    }

    .sepro-products .sepro-navigation .navigation-arrows::before {
        border-radius: 0;
        border-width: 0 0 1px 0;
    }

    .sepro-navigation .navigation-arrows .nav-button svg {
        width: 40px;
        height: 40px;
    }

    .sepro-products .sepro-navigation .navigation-links {
        width: 100%;
        justify-content: center;
        padding: 15px 0 0;
    }

    .sepro-products .sepro-navigation .navigation-links::before {
        display: none;
    }

    .sepro-navigation .navigation-links a {
        font-size: 14px;
    }

    .product-card .images img {
        height: 200px;
    }

    .products-group {
        opacity: 1;
        transform: translate(0, 0);
    }

    .product-card .card-content {
        top: 18px;
    }

    .product-card .card-content h3 {
        font-size: 16px;
        min-height: 40px;
        margin: 0 0 10px;
    }

    .product-card .card-content p {
        font-size: 12px;
        min-height: 35px;
    }

    .product-card .card-content .icon {
        width: 50px;
        height: 36px;
    }

    .product-card .card-content .icon svg {
        width: 30px;
        height: 30px;
    }

    .sepro-solutions-partner .sepro-head {
        opacity: 1;
        transform: translate(0, 0);
    }

    .sepro-solutions-partner .partner-group .swiper .swiper-wrapper .swiper-slide .images {
        height: 100px;
    }

    .sepro-solutions-partner .partner-group {
        opacity: 1;
        transform: translate(0, 0);
    }

    .sepro-solutions-partner .sepro-head h2 {
        font-size: 22px;
    }

    .sepro-solutions-partner .sepro-head p {
        text-align: center;
    }

    .sepro-solutions-partner .partner-group .solution-nav-button {
        position: absolute;
        bottom: 85%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .sepro-solutions-partner .partner-group .solution-nav-button.prev {}

    .sepro-solutions-partner .partner-group .solution-nav-button.next {
        right: 0;
    }

    .sepro-solutions-partner .partner-group .solution-nav-button .nav-button {
        width: 50px;
        height: 50px;
        border-radius: 10px;
    }

    .sepro-solutions-partner .partner-group .solution-nav-button .nav-button svg {
        width: 30px;
        height: 30px;
    }

    .sepro-solutions-partner .partner-group .swiper {
        margin: 50px 0 0;
    }

    .sepro-solutions-partner {
        margin: 60px 0 0;
    }

    .sepro-journal {
        margin: 60px 0 0;

    }

    .sepro-journal .journal-wrapper .journal-box {
        width: 100%;
        padding: 30px;
        flex-direction: column;
        gap: 20px;
    }

    .sepro-journal .journal-wrapper .journal-box .journal-title {
        font-size: 18px;
        width: 100%;
        line-height: 28px;
        text-align: center;
    }

    .sepro-journal .journal-wrapper .journal-box .journal-form {
        width: 100%;
    }

    .sepro-journal .journal-wrapper .journal-box .journal-form .mailpoet_paragraph input[type=submit] {
        font-size: 14px !important;
        height: 45px;
    }

    .sepro-journal .journal-wrapper .journal-box .journal-form .mailpoet_paragraph input {
        height: 45px;
        font-size: 13px !important;
    }

    .sepro-footer .footer-wrapper .footer-box {
        border-radius: 0;
        flex-direction: column;
    }

    .sepro-journal .journal-wrapper .journal-box::before,
    .sepro-journal .journal-wrapper .journal-box::after {
        display: none;
    }

    .sepro-journal .journal-wrapper::before {
        width: 90%;
    }

    .sepro-footer .footer-wrapper .footer-box .footer-left {
        width: 100%;
        padding: 30px 40px 0;
    }

    .sepro-footer .footer-wrapper .footer-box .footer-left .footer-menu-group {
        flex-direction: column;
        padding: 0;
        width: 100%;
        gap: 30px;
    }

    .sepro-footer .footer-wrapper .footer-box .footer-left .footer-menu-group .menu-group .title {
        font-size: 20px;
    }

    .sepro-footer .footer-wrapper .footer-box .footer-left .footer-menu-group .menu-group ul li a {
        font-size: 13px;
    }

    .sepro-footer .footer-wrapper .footer-box .footer-right {
        width: 100%;
        padding: 30px 30px 40px;
    }

    .sepro-footer .footer-wrapper .footer-box .footer-right .footer-contact {
        flex-direction: column;
        padding: 20px;
    }

    .sepro-footer .footer-wrapper .footer-box .footer-right .footer-contact .maps {
        width: 100%;
    }

    .sepro-footer .footer-wrapper .footer-box .footer-right .footer-contact .contact-info {
        width: 100%;
    }

    .sepro-footer .footer-wrapper .footer-box .footer-right .footer-contact .maps iframe {
        height: 300px;
    }

    .sepro-footer .footer-wrapper .footer-box .footer-right .footer-contact .contact-info ul li a {
        font-size: 14px;
    }

    .sepro-footer .footer-wrapper .footer-box .footer-right .footer-contact .contact-info ul li a.address {
        font-size: 14px;
    }

    .sepro-footer .footer-wrapper .footer-box .footer-left .copy {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        border-radius: 0;
        padding: 10px 20px;
    }

    .sepro-footer .footer-wrapper .footer-box .footer-left .copy .copy-item.copy-text {
        font-size: 11px;
    }

    .sepro-footer .footer-wrapper .footer-box .footer-left .copy .copy-item a img {
        width: 50px;
    }

    .sepro-journal .journal-wrapper .journal-box .journal-form form {
        gap: 10px;
    }

    .sepro-about {
        margin: 100px 0 0;
    }

    .sepro-about .about-wrapper {
        flex-direction: column;
    }

    .sepro-about .about-wrapper .about-left {
        width: 100%;
    }

    .sepro-about .about-wrapper .about-left .left-box {
        padding: 30px 20px 30px 0;
    }

    .sepro-about .about-wrapper .about-left .right-box {}

    .sepro-about .about-wrapper .about-left .left-box h1 {
        font-size: 30px;
        margin: 0 0 20px;
    }

    .sepro-about .about-wrapper .about-left .left-box p {
        font-size: 14px;
    }

    .sepro-about .about-wrapper .about-left .left-box h2 {
        font-size: 20px;
        margin: 20px 0 15px;
    }

    .about-breadcrumb.mobile {
        margin: 0 0 10px;
        padding: 10px 0 0;
        border-top: 1px solid #e0e0e0;
    }

    .sepro-about .about-wrapper .about-right {
        width: 100%;
    }

    .sepro-about .about-wrapper .about-right .about-image {
        padding: 0;
        width: 100%;
    }

    .sepro-about .about-wrapper .about-right .about-image img {}

    .sepro-why {}

    .sepro-why .why-wrapper {
        flex-direction: column-reverse;
    }

    .sepro-why .why-right {
        width: 100%;
        justify-content: center;
        padding: 40px 0 20px;
    }

    .sepro-why .why-left {
        width: 100%;
    }

    .sepro-why .why-left .why-group {
        width: 100%;
        border-radius: 0 30px 30px 0;
    }

    .sepro-why .why-left .why-group .why-item {
        margin: 0 0 30px;
    }

    .sepro-why .why-right h2,
    .sepro-why .why-right h2 p {
        font-size: 30px;
        line-height: 40px;
        text-align: center;
    }

    .sepro-page-head {
        border-radius: 30px 30px 0 0;
        margin: 100px 0 20px;
    }

    .products-page .row {
        row-gap: 20px;
    }

    .sepro-page-head .head-wrapper {
        padding: 40px 0 20px;
        flex-direction: column;
        gap: 30px;
    }

    .sepro-page-head .head-wrapper .page-head-content {
        width: 100%;
    }

    .sepro-page-head .head-wrapper .page-head-content h1 {
        font-size: 26px;
        margin: 0 0 15px;
    }

    .sepro-page-head .head-wrapper .page-head-content .breadcrumb {}

    .sepro-page-head .head-wrapper .page-head-search {
        width: 100%;
    }

    .search-box .ysm-search-widget .search-form .ysm-smart-search-input-holder input {
        font-size: 13px;
        height: 45px;
        padding: 0 20px 0 40px;
    }

    .search-box .ysm-search-widget .search-form .ysm-smart-search-input-holder label::before {
        width: 20px;
        height: 20px;
        left: 12px;
    }

    body .breadcrumb {}

    body .breadcrumb nav {}

    body .breadcrumb nav p {
        font-size: 13px;
    }

    body .breadcrumb nav p a {}

    body .breadcrumb nav p a:first-child {
        width: 30px;
        height: 30px;
        border-radius: 10px;
    }

    body .breadcrumb nav p a:first-child::before {}

    body .breadcrumb nav p .separator {}

    body .breadcrumb nav p .separator::before {
        width: 16px;
        height: 16px;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    body .breadcrumb nav p span.last {}

    .solutions-page {
        margin: 0 0 50px;
    }

    .contact-info ul li a .icon {
        height: 40px;
        min-width: 40px;
        max-width: 40px;
    }

    .contact-info ul li a .icon svg {
        width: 20px;
        height: 20px;
    }


    .contact-info ul {
        gap: 10px;
    }

    .sepro-why.contact .why-group form .form-row {
        grid-template-columns: 1fr;
    }

    .sepro-why.contact .why-group form .form-row .input-box {
        height: 45px;
    }

    .sepro-why.contact .why-group form .form-row .input-box .icon {
        width: 25px;
        max-width: 25px;
    }

    .sepro-product-head {
        margin: 100px 0 0;
    }

    .sepro-product-head .product-head-wrapper {
        flex-direction: column;
        gap: 15px;
        align-items: flex-start;
    }

    .sepro-product-head .product-head-wrapper h1 {
        font-size: 20px;
        line-height: 30px;
        border: unset;
    }

    .sepro-product-head .product-head-wrapper .breadcrumb {}

    .sepro-product-single .product-single-wrapper {
        flex-direction: column;
    }

    .sepro-product-single .product-single-wrapper .product-single-left {
        width: 100%;
    }

    .sepro-product-single .product-single-wrapper .product-single-right {
        width: 100%;
    }

    .sepro-product-single .product-single-wrapper .product-single-left .product-images-group {
        padding: 0;
    }

    .swiper.swiper-product-gallery .swiper-wrapper .swiper-slide a img {
        height: 300px;
    }

    .swiper.swiper-product-gallery-thumb .swiper-wrapper .swiper-slide .thumb {
        padding: 10px;
    }

    .swiper.swiper-product-gallery-thumb .swiper-wrapper .swiper-slide .thumb img {
        height: 70px;
    }

    .sepro-page-head.single-head .head-wrapper .page-head-content h1 {
        font-size: 25px;
    }

    body aside {
        padding: 20px;
        border-radius: 20px;
    }

    aside .single-sidebar .sidebar-head h2 {
        font-size: 16px;
        margin: 0;
    }

    aside .single-sidebar {
        margin: 0;
    }

    aside .single-sidebar .sidebar-body {
        display: none;
        margin: 20px 0 0;
    }

    aside .side-buttons {
        display: none;
    }

    aside .side-buttons .common-button-v2 {
        font-size: 14px;
    }

    aside .side-buttons .common-button-v2 .icon {
        padding: 0 15px;
    }

    aside .side-buttons .common-button-v2 .icon svg {
        width: 20px;
        height: 20px;
    }

    .single-page-content {
        margin: 30px 0 0;
    }

    body .alert {
        font-size: 14px;
        padding: 10px 15px;
    }

}

@media only screen and (min-width:992px) {
    .sepro-header .header-wrapper .head-item.head-mobile {
        display: none;
    }

    .sepro-header .header-wrapper .head-item.head-mobile {}

    .sepro-header .header-wrapper .head-item.head-mobile a {}


}

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

    html,
    body {
        overflow-x: hidden;
    }

    .sepro-form .wpcf7-not-valid-tip {
        background-color: unset;
        color: #ff7b7b !important;
        bottom: 70%;
        left: -6px;
    }

    .sepro-header .header-wrapper .head-item.head-left,
    .sepro-header .header-wrapper .head-item.head-right {
        display: none;
    }

    .sepro-header .header-wrapper .head-item.head-center {
        justify-content: left;
    }

    .sepro-header .header-wrapper .head-item.head-mobile {
        display: flex;
        gap: 15px;
    }

    .sepro-header .header-wrapper .head-item.head-mobile a {}


    /* MEGA MENU */

    .mega-menu {
        height: 101vh;
    }

    .mega-menu .container {
        padding: 0;
    }

    .mega-menu .mega-menu-container {
        width: 100%;
        border-radius: 0;
        padding: 30px;
    }

    .mega-menu .mega-menu-container .menu-head .logo img {
        width: 150px;
    }

    .mega-menu .mega-menu-container .menu-head button {
        top: 0px;
    }

    .mega-menu .mega-menu-container .menu-body ul .menu-item a {
        font-size: 14px;
        padding-left: 15px;
    }

    .mega-menu .mega-menu-container .menu-body ul .menu-item a::before {
        width: 6px;
        height: 6px;
        top: 7px;
    }

    .mega-menu .mega-menu-container .menu-body ul .menu-item:not(:last-child) {
        margin: 0 0 10px;
    }

    button.sub-sub-button {
        width: 20px;
        height: 20px;
        font-size: 18px;
        margin-left: 5px;
    }

    button.sub-sub-button i {}

    .mega-menu .mega-menu-container .menu-body {
        padding: 0 0 20px;
    }

    .mega-menu .mega-menu-container .menu-foot {
        padding: 20px 0 0;
    }

    .contact-info ul li a,
    .mega-menu .mega-menu-container .menu-foot .contact-info ul li a.address {
        font-size: 16px;
    }

    .contact-info ul li a.address {
        font-size: 14px;
    }

    .contact-info ul li a.address span {
        max-width: 100%;
    }

    body .sub-menu li a {
        font-size: 13px !important;
    }

    body button.sub-back-button {
        font-size: 12px;
        padding: 8px 10px;
        align-items: center;
        margin: 0 0 15px;
    }

    body button.sub-back-button i {
        font-size: 14px;
    }

}

@media only screen and (min-width:768px) and (max-width: 991px) {

    body .sepro-programs .programs-wrap .programs-group {
        grid-template-columns: 1fr 1fr;
    }

    .sepro-header .header-wrapper .head-item.head-center .logo img {
        width: 150px;
    }

    .sepro-hero .hero-wrapper {
        flex-direction: column;
        gap: 50px;
    }

    .sepro-hero .hero-wrapper .hero-content-slider {
        width: 100%;
        padding: 30px;
        margin: 100px 0 0;
        z-index: 99;
    }

    .sepro-hero .hero-wrapper .hero-vector-slider {
        width: 100%;
    }

    .sepro-hero .hero-wrapper .hero-content-slider .swiper .swiper-slide .title,
    .sepro-hero .hero-wrapper .hero-content-slider .swiper .swiper-slide .title p {
        font-size: 26px;
        line-height: 35px;
    }

    .sepro-hero .hero-wrapper .hero-content-slider .swiper .swiper-slide p {
        width: 100%;
        max-width: 100%;
        font-size: 16px;
    }

    body .common-button-v2 {
        font-size: 12px;
        height: 40px;
    }

    body .common-button-v2 .icon {}

    body .common-button-v2 .icon svg {
        width: 26px;
        height: 26px;
    }

    .sepro-hero {
        height: auto;
    }

    .sepro-header {}

    .sepro-hero .hero-wrapper .hero-vector-slider .swiper .swiper-slide .vector-box img {
        width: 200px;
    }

    .sepro-hero .hero-wrapper .hero-content-slider .swiper .swiper-slide {
        position: relative;
    }

    .sepro-hero .hero-wrapper .hero-vector-slider::before {
        width: 280px;
        height: 280px;
    }

    .hero-pagination {
        margin: 50px 0 0;
    }

    .hero-pagination .pagination-area {
        width: 100%;
        height: 60px;
    }

    .hero-pagination .pagination-area .swiper {}

    .hero-pagination .pagination-area .swiper .swiper-slide .pagination-box {}

    .hero-pagination .pagination-area .swiper .swiper-slide .pagination-box .number {
        width: 30px;
        height: 30px;
        font-size: 12px;
    }

    .hero-pagination .pagination-area .swiper .swiper-slide .pagination-box span {
        font-size: 12px;
    }

    .sepro-form .form-wrapper .form-box .sepro-head h2 {}

    .sepro-form .form-wrapper .form-box .sepro-head p {
        max-width: 75%;
    }

    .sepro-form .form-wrapper .form-box .sepro-head::after {
        width: 40px;
        height: 40px;
        right: 30px;
        bottom: 0;
    }

    .sepro-form .form-wrapper .form-box .sepro-head {
        padding: 30px 30px 0;
    }

    .sepro-head {}

    .sepro-head h2 {
        font-size: 28px;
    }

    .sepro-head p {
        font-size: 13px;
    }

    .sepro-form .form-wrapper .form-box {
        overflow: hidden;
    }

    .sepro-form .form-wrapper .form-box .form-body {
        padding: 20px 0 0;
    }

    .sepro-form .form-wrapper .form-box .form-body form .form-row {
        flex-direction: column;
    }

    .sepro-form .form-wrapper .form-box .form-body form .form-row .input-box {
        border-radius: 0 !important;
        padding: 8px 15px;
        border: unset !important;
    }

    .sepro-form .form-wrapper .form-box .form-body form .form-row .input-box:nth-child(1) {
        border-width: 0 1px;
        background-color: #1059b3;
    }

    .sepro-form .form-wrapper .form-box .form-body form .form-row .input-box:nth-child(1) input {
        color: #fff;
    }

    .sepro-form .form-wrapper .form-box .form-body form .form-row .input-box:nth-child(1) input::placeholder {
        color: #fff;
    }

    .sepro-form .form-wrapper {
        opacity: 1;
        top: 0;
    }

    .input-box .icon {
        width: 35px;
        height: 35px;
        max-width: 35px;
        max-height: 35px;
    }

    .input-box .icon p {}

    .input-box .icon svg {
        width: 20px;
        height: 20px;
    }

    .input-box input {
        font-size: 13px;
    }

    .input-box input::placeholder {
        font-size: 12px;
    }

    .sepro-form {
        margin: 50px 0 0;
    }

    .sepro-form .form-wrapper .form-box .form-body form .form-row .policy {}

    .sepro-form .form-wrapper .form-box .form-body form .form-row .policy p {
        font-size: 11px;
        padding: 15px;
    }

    .sepro-form .form-wrapper .form-box .form-body form .form-row .input-submit {}

    .input-submit p {}

    .input-submit .submit-label {
        font-size: 16px;
    }

    .input-submit svg {
        width: 24px;
        height: 24px;
    }

    body .input-submit {
        position: relative;
        width: 100%;
        flex: 1;
        top: unset;
        right: unset;
        padding: 15px 10px;
    }

    .sepro-solutions {
        margin: 60px 0 0;
    }

    .sepro-solutions .solutions-slider {}

    .sepro-solutions .solutions-slider .solution-row .solution-flex {}

    body .solution-box {
        margin: 0 0 50px;
    }

    .sepro-solutions .solutions-slider .solution-row .solution-flex .solution-box {
        flex: 0 0 100vw;
    }

    .sepro-head h2 img {
        width: 40px;
        height: 40px;
    }

    .sepro-solutions .sepro-head p {
        max-width: 100%;
    }

    .sepro-solutions .sepro-head {
        margin: 0 0 20px;
    }

    .sepro-features .features-wrapper .features-left .features-left-box {
        opacity: 1;
        transform: translate(0, 0);
        flex-direction: column-reverse;
    }

    .sepro-features .features-wrapper .features-left .features-right-box {
        opacity: 1;
        transform: translate(0, 0);
    }

    body .solution-box .solutions-content {
        bottom: -18px;
    }

    body .solution-box h3 {
        font-size: 18px;
        margin: 0 0 10px;
    }

    body .solution-box .icon {
        width: 50px;
        height: 36px;
    }

    body .solution-box .icon svg {
        width: 30px;
        height: 30px;
    }

    .sepro-features {
        margin: 50px 0 100px;
    }

    .sepro-features .features-wrapper {
        flex-direction: column-reverse;
        gap: 20px;
    }

    .sepro-features .features-wrapper .features-left {
        width: 100%;
    }

    .sepro-features .features-wrapper .features-right {
        width: 100%;
    }

    .sepro-features .features-wrapper .features-right .features-right-box {
        opacity: 1;
        transform: translate(0, 0);
        overflow-x: scroll;
        overflow-y: hidden;
    }

    .sepro-features .features-wrapper .features-right .features-right-box::-webkit-scrollbar {
        display: none;
    }

    .sepro-features .features-wrapper .features-right .features-right-box .features-tab {
        flex-direction: row;
        width: max-content;
    }

    .sepro-features .features-wrapper .features-right .features-right-box .features-tab button {
        font-size: 14px;
        height: 50px;
        border-radius: 15px;
        width: max-content;
        gap: 10px;
    }

    .sepro-features .features-wrapper .features-right .features-right-box .features-tab button svg {
        width: 26px;
        height: 26px;
    }

    .sepro-features .features-wrapper .features-left .features-left-box .features-content-box {
        width: 100%;
        padding: 30px 30px 0;
    }

    .sepro-features .features-wrapper .features-left .features-left-box .features-content-box p {
        font-size: 14px;
    }

    .sepro-features .features-wrapper .features-left .features-left-box .images {
        width: 60%;
        margin: 0;
        transform: scale(1) translateY(50px);
    }

    .sepro-products {}

    .sepro-products .sepro-navigation {
        flex-direction: column;
    }

    .sepro-products .sepro-navigation .navigation-arrows {
        width: 100%;
        padding: 0 0 10px;
    }

    .sepro-products .sepro-navigation .navigation-arrows::before {
        border-radius: 0;
        border-width: 0 0 1px 0;
    }

    .sepro-navigation .navigation-arrows .nav-button svg {
        width: 40px;
        height: 40px;
    }

    .sepro-products .sepro-navigation .navigation-links {
        width: 100%;
        justify-content: center;
        padding: 15px 0 0;
    }

    .sepro-products .sepro-navigation .navigation-links::before {
        display: none;
    }

    .sepro-navigation .navigation-links a {
        font-size: 14px;
    }

    .product-card .images img {
        height: 200px;
    }

    .products-group {
        opacity: 1;
        transform: translate(0, 0);
    }

    .product-card .card-content {
        top: 18px;
    }

    .product-card .card-content h3 {
        font-size: 16px;
        min-height: 40px;
        margin: 0 0 10px;
    }

    .product-card .card-content p {
        font-size: 12px;
        min-height: 35px;
    }

    .product-card .card-content .icon {
        width: 50px;
        height: 36px;
    }

    .product-card .card-content .icon svg {
        width: 30px;
        height: 30px;
    }

    .sepro-solutions-partner .sepro-head {
        opacity: 1;
        transform: translate(0, 0);
    }

    .sepro-solutions-partner .partner-group .swiper .swiper-wrapper .swiper-slide .images {
        height: 100px;
    }

    .sepro-solutions-partner .partner-group {
        opacity: 1;
        transform: translate(0, 0);
    }

    .sepro-solutions-partner .sepro-head h2 {
        font-size: 22px;
    }

    .sepro-solutions-partner .sepro-head p {
        text-align: center;
    }

    .sepro-solutions-partner .partner-group .solution-nav-button {
        position: absolute;
        bottom: 85%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .sepro-solutions-partner .partner-group .solution-nav-button.prev {}

    .sepro-solutions-partner .partner-group .solution-nav-button.next {
        right: 0;
    }

    .sepro-solutions-partner .partner-group .solution-nav-button .nav-button {
        width: 50px;
        height: 50px;
        border-radius: 10px;
    }

    .sepro-solutions-partner .partner-group .solution-nav-button .nav-button svg {
        width: 30px;
        height: 30px;
    }

    .sepro-solutions-partner .partner-group .swiper {
        margin: 50px 0 0;
    }

    .sepro-solutions-partner {
        margin: 60px 0 0;
    }

    .sepro-journal {
        margin: 60px 0 0;

    }

    .sepro-journal .journal-wrapper .journal-box {
        width: 100%;
        padding: 30px;
        flex-direction: column;
        gap: 20px;
    }

    .sepro-journal .journal-wrapper .journal-box .journal-title {
        font-size: 18px;
        width: 100%;
        line-height: 28px;
        text-align: center;
    }

    .sepro-journal .journal-wrapper .journal-box .journal-form {
        width: 100%;
    }

    .sepro-journal .journal-wrapper .journal-box .journal-form .mailpoet_paragraph input[type=submit] {
        font-size: 14px !important;
        height: 45px;
    }

    .sepro-journal .journal-wrapper .journal-box .journal-form .mailpoet_paragraph input {
        height: 45px;
        font-size: 13px !important;
    }

    .sepro-footer .footer-wrapper .footer-box {
        border-radius: 0;
        flex-direction: column;
    }

    .sepro-journal .journal-wrapper .journal-box::before,
    .sepro-journal .journal-wrapper .journal-box::after {
        display: none;
    }

    .sepro-journal .journal-wrapper::before {
        width: 90%;
    }

    .sepro-footer .footer-wrapper .footer-box .footer-left {
        width: 100%;
        padding: 30px 40px 0;
    }

    .sepro-footer .footer-wrapper .footer-box .footer-left .footer-menu-group {
        flex-direction: column;
        padding: 0;
        width: 100%;
        gap: 30px;
    }

    .sepro-footer .footer-wrapper .footer-box .footer-left .footer-menu-group .menu-group .title {
        font-size: 20px;
    }

    .sepro-footer .footer-wrapper .footer-box .footer-left .footer-menu-group .menu-group ul li a {
        font-size: 13px;
    }

    .sepro-footer .footer-wrapper .footer-box .footer-right {
        width: 100%;
        padding: 30px 30px 40px;
    }

    .sepro-footer .footer-wrapper .footer-box .footer-right .footer-contact {
        flex-direction: column;
        padding: 20px;
    }

    .sepro-footer .footer-wrapper .footer-box .footer-right .footer-contact .maps {
        width: 100%;
    }

    .sepro-footer .footer-wrapper .footer-box .footer-right .footer-contact .contact-info {
        width: 100%;
    }

    .sepro-footer .footer-wrapper .footer-box .footer-right .footer-contact .maps iframe {
        height: 300px;
    }

    .sepro-footer .footer-wrapper .footer-box .footer-right .footer-contact .contact-info ul li a {
        font-size: 14px;
    }

    .sepro-footer .footer-wrapper .footer-box .footer-right .footer-contact .contact-info ul li a.address {
        font-size: 14px;
    }

    .sepro-footer .footer-wrapper .footer-box .footer-left .copy {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        border-radius: 0;
        padding: 10px 20px;
    }

    .sepro-footer .footer-wrapper .footer-box .footer-left .copy .copy-item.copy-text {
        font-size: 11px;
    }

    .sepro-footer .footer-wrapper .footer-box .footer-left .copy .copy-item a img {
        width: 50px;
    }

    .sepro-journal .journal-wrapper .journal-box .journal-form form {
        gap: 10px;
    }

    .sepro-about {
        margin: 100px 0 0;
    }

    .sepro-about .about-wrapper {
        flex-direction: column;
    }

    .sepro-about .about-wrapper .about-left {
        width: 100%;
    }

    .sepro-about .about-wrapper .about-left .left-box {
        padding: 30px 20px 30px 0;
    }

    .sepro-about .about-wrapper .about-left .right-box {}

    .sepro-about .about-wrapper .about-left .left-box h1 {
        font-size: 30px;
        margin: 0 0 20px;
    }

    .sepro-about .about-wrapper .about-left .left-box p {
        font-size: 14px;
    }

    .sepro-about .about-wrapper .about-left .left-box h2 {
        font-size: 20px;
        margin: 20px 0 15px;
    }

    .about-breadcrumb.mobile {
        margin: 0 0 10px;
        padding: 10px 0 0;
        border-top: 1px solid #e0e0e0;
    }

    .sepro-about .about-wrapper .about-right {
        width: 100%;
    }

    .sepro-about .about-wrapper .about-right .about-image {
        padding: 0;
        width: 100%;
    }

    .sepro-about .about-wrapper .about-right .about-image img {}

    .sepro-why {}

    .sepro-why .why-wrapper {
        flex-direction: column-reverse;
    }

    .sepro-why .why-right {
        width: 100%;
        justify-content: center;
        padding: 40px 0 20px;
    }

    .sepro-why .why-left {
        width: 100%;
    }

    .sepro-why .why-left .why-group {
        width: 100%;
        border-radius: 0 30px 30px 0;
    }

    .sepro-why .why-left .why-group .why-item {
        margin: 0 0 30px;
    }

    .sepro-why .why-right h2,
    .sepro-why .why-right h2 p {
        font-size: 30px;
        line-height: 40px;
        text-align: center;
    }

    .sepro-page-head {
        border-radius: 30px 30px 0 0;
        margin: 100px 0 50px;
    }

    .sepro-page-head .head-wrapper {
        padding: 40px 0 20px;
        flex-direction: column;
        gap: 30px;
    }

    .sepro-page-head .head-wrapper .page-head-content {
        width: 100%;
    }

    .sepro-page-head .head-wrapper .page-head-content h1 {
        font-size: 26px;
        margin: 0 0 15px;
    }

    .sepro-page-head .head-wrapper .page-head-content .breadcrumb {}

    .sepro-page-head .head-wrapper .page-head-search {
        width: 100%;
    }

    .search-box .ysm-search-widget .search-form .ysm-smart-search-input-holder input {
        font-size: 13px;
        height: 45px;
        padding: 0 20px 0 40px;
    }

    .search-box .ysm-search-widget .search-form .ysm-smart-search-input-holder label::before {
        width: 20px;
        height: 20px;
        left: 12px;
    }

    body .breadcrumb {}

    body .breadcrumb nav {}

    body .breadcrumb nav p {
        font-size: 13px;
    }

    body .breadcrumb nav p a {}

    body .breadcrumb nav p a:first-child {
        width: 30px;
        height: 30px;
        border-radius: 10px;
    }

    body .breadcrumb nav p a:first-child::before {}

    body .breadcrumb nav p .separator {}

    body .breadcrumb nav p .separator::before {
        width: 16px;
        height: 16px;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    body .breadcrumb nav p span.last {}

    .solutions-page {
        margin: 0 0 50px;
    }

    .contact-info ul li a .icon {
        height: 40px;
        min-width: 40px;
        max-width: 40px;
    }

    .contact-info ul li a .icon svg {
        width: 20px;
        height: 20px;
    }


    .contact-info ul {
        gap: 10px;
    }

    .sepro-why.contact .why-group form .form-row {
        grid-template-columns: 1fr;
    }

    .sepro-why.contact .why-group form .form-row .input-box {
        height: 45px;
    }

    .sepro-why.contact .why-group form .form-row .input-box .icon {
        width: 25px;
        max-width: 25px;
    }

    .sepro-product-head {
        margin: 100px 0 0;
    }

    .sepro-product-head .product-head-wrapper {
        flex-direction: column;
        gap: 15px;
        align-items: flex-start;
    }

    .sepro-product-head .product-head-wrapper h1 {
        font-size: 20px;
        line-height: 30px;
        border: unset;
    }

    .sepro-product-head .product-head-wrapper .breadcrumb {}

    .sepro-product-single .product-single-wrapper {}

    .sepro-product-single .product-single-wrapper .product-single-left {
        width: 100%;
    }

    .sepro-product-single .product-single-wrapper .product-single-left .product-images-group {
        padding: 0;
    }

    .swiper.swiper-product-gallery .swiper-wrapper .swiper-slide a img {
        height: 300px;
    }

    .swiper.swiper-product-gallery-thumb .swiper-wrapper .swiper-slide .thumb {
        padding: 10px;
    }

    .swiper.swiper-product-gallery-thumb .swiper-wrapper .swiper-slide .thumb img {
        height: 70px;
    }

    .sepro-page-head.single-head .head-wrapper .page-head-content h1 {
        font-size: 25px;
    }

    body aside {
        padding: 20px;
        border-radius: 20px;
    }

    aside .single-sidebar .sidebar-head h2 {
        font-size: 16px;
        margin: 0;
    }

    aside .single-sidebar {
        margin: 0;
    }

    aside .single-sidebar .sidebar-body {
        display: none;
        margin: 20px 0 0;
    }

    aside .side-buttons {
        display: none;
    }

    aside .side-buttons .common-button-v2 {
        font-size: 14px;
    }

    aside .side-buttons .common-button-v2 .icon {
        padding: 0 15px;
    }

    aside .side-buttons .common-button-v2 .icon svg {
        width: 20px;
        height: 20px;
    }

    .single-page-content {
        margin: 30px 0 0;
    }

    body .alert {
        font-size: 14px;
        padding: 10px 15px;
    }

}

@media only screen and (min-width:992px) {
    .sepro-header .header-wrapper .head-item.head-mobile {
        display: none;
    }

    .sepro-header .header-wrapper .head-item.head-mobile {}

    .sepro-header .header-wrapper .head-item.head-mobile a {}

    aside .single-sidebar .sidebar-head h2 i {
        display: none;
    }
}

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

    html,
    body {
        overflow-x: hidden;
    }

    .sepro-header .header-wrapper .head-item.head-left,
    .sepro-header .header-wrapper .head-item.head-right {
        display: none;
    }

    .sepro-header .header-wrapper .head-item.head-center {
        justify-content: left;
    }

    .sepro-header .header-wrapper .head-item.head-mobile {
        display: flex;
        gap: 15px;
    }

    .sepro-header .header-wrapper .head-item.head-mobile a {}


    /* MEGA MENU */

    .mega-menu {
        height: 101vh;
    }

    .mega-menu .container {
        padding: 0;
    }

    .mega-menu .mega-menu-container {
        width: 100%;
        border-radius: 0;
        padding: 30px;
    }

    .mega-menu .mega-menu-container .menu-head .logo img {
        width: 150px;
    }

    .mega-menu .mega-menu-container .menu-head button {
        top: 0px;
    }

    .mega-menu .mega-menu-container .menu-body ul .menu-item a {
        font-size: 14px;
        padding-left: 15px;
    }

    .mega-menu .mega-menu-container .menu-body ul .menu-item a::before {
        width: 6px;
        height: 6px;
        top: 7px;
    }

    .mega-menu .mega-menu-container .menu-body ul .menu-item:not(:last-child) {
        margin: 0 0 10px;
    }

    button.sub-sub-button {
        width: 20px;
        height: 20px;
        font-size: 18px;
        margin-left: 5px;
    }

    button.sub-sub-button i {}

    .mega-menu .mega-menu-container .menu-body {
        padding: 0 0 20px;
    }

    .mega-menu .mega-menu-container .menu-foot {
        padding: 20px 0 0;
    }

    .contact-info ul li a,
    .mega-menu .mega-menu-container .menu-foot .contact-info ul li a.address {
        font-size: 16px;
    }

    .contact-info ul li a.address {
        font-size: 14px;
    }

    .contact-info ul li a.address span {
        max-width: 100%;
    }

    body .sub-menu li a {
        font-size: 13px !important;
    }

    body button.sub-back-button {
        font-size: 12px;
        padding: 8px 10px;
        align-items: center;
        margin: 0 0 15px;
    }

    body button.sub-back-button i {
        font-size: 14px;
    }
}

@media only screen and (min-width:992px) and (max-width: 1200px) {}

@media only screen and (min-width:992px) and (max-width: 1440px) {
    .mega-menu .mega-menu-container .menu-body {
        padding: 0 0 25px;
    }

    .mega-menu .mega-menu-container .menu-foot {
        padding: 25px 0 0;
    }

    .contact-info ul li a {
        font-size: 18px;
    }

    .mega-menu .mega-menu-container .menu-foot .contact-info ul li a.address {
        font-size: 14px;
    }

    .sepro-hero .hero-wrapper .hero-vector-slider .swiper .swiper-slide .vector-box img {
        width: 350px;
    }

    .sepro-hero .hero-wrapper .hero-vector-slider::before {
        width: 350px;
        height: 350px;
    }

    .sepro-header .header-wrapper .head-item ul li a {
        font-size: 14px;
    }

    .sepro-header .header-wrapper .head-item ul {
        gap: 20px;
    }

    .sepro-footer .footer-wrapper .footer-box .footer-left .copy .copy-item.copy-text {
        font-size: 12px;
    }

    .sepro-footer .footer-wrapper .footer-box .footer-left .copy .copy-item a img {
        width: 60px;
    }

    .sepro-footer .footer-wrapper .footer-box .footer-right .footer-contact {
        flex-direction: column;
    }

    .sepro-footer .footer-wrapper .footer-box .footer-right .footer-contact .maps {
        width: 100%;
    }

    .sepro-footer .footer-wrapper .footer-box .footer-right .footer-contact .maps iframe {
        height: 200px;
    }

    .sepro-footer .footer-wrapper .footer-box .footer-right .footer-contact .contact-info ul li a {
        font-size: 18px;
    }

    .sepro-footer .footer-wrapper .footer-box .footer-right .footer-contact .contact-info ul li a.address {
        font-size: 14px;
    }

    .sepro-footer .footer-wrapper .footer-box .footer-left .footer-menu-group {
        padding: 50px 30px 30px 0;
    }

    .sepro-footer .footer-wrapper .footer-box .footer-left .footer-menu-group .menu-group .title {
        font-size: 20px;
    }

    .sepro-features .features-wrapper .features-left .features-left-box .features-content-box p {
        font-size: 16px;
        line-height: 28px;
    }

    .sepro-features .features-wrapper .features-right .features-right-box .features-tab button {
        font-size: 18px;
    }

    .sepro-solutions .solutions-slider .solution-row .solution-flex .solution-box {
        flex: 0 0 50vw;
    }
}