@media (min-width: 1300px) {
    header.header-venor>nav.navbar.navbar-expand-lg {
        padding: 0;
    }
}

@media only screen and (max-width: 1200px) {
    .header__cta-link {
        display: none;
    }

    .header__more.header__nav-item {
        display: none;
    }

    .header__nav {
        display: block;
    }

    .header {
        position: relative;
    }

    .header__logo {
        padding-left: 20px;
    }
}

@media only screen and (min-width: 1200px) {
    .sticky .header__content__venor {
        position: absolute;
        left: 0;
        top: 0;
        background: #0F0F0F;
        z-index: 9999;
        right: 0;
        -webkit-box-shadow: 0 10px 10px 0 rgb(0 0 0 / 6%);
        box-shadow: 0 10px 10px 0 rgb(0 0 0 / 6%);
    }

    .sticky>.header {
        height: 104px;
    }
}

@media (min-width: 576px) {
    .header__action--signin {
        width: auto;
        padding-left: 22px;
    }

    .header__action--signin:before {
        content: '';
        position: absolute;
        display: block;
        width: 1px;
        height: 24px;
        background-color: #222227;
        top: 50%;
        left: 0;
        margin-top: -11px;
    }

    .header__action--signin:hover a span,
    .header__action--signin:hover button span {
        color: #fff;
    }

    .header__action--signin:hover a svg,
    .header__action--signin:hover button svg {
        fill: #6164ff;
    }

    .header__action-btn span {
        display: block;
        white-space: nowrap;
        color: #bdbdbd;
        font-size: 14px;
        margin-right: 10px;
        font-family: 'Inter', sans-serif;
        font-weight: 400;
        transition: color 0.5s ease;
    }

    .header__action-btn--start-project {
        background-color: #6164ff;
        border-radius: 12px;
        padding: 0 20px;
    }

    .header__action-btn--start-project span {
        margin-right: 0;
        color: #fff;
    }

    .header__action-btn--start-project svg {
        display: none;
    }

    .header__action-btn--start-project:hover {
        background-color: #222227;
    }

    .header__action-btn--start-project:hover span {
        color: #6164ff;
    }


    .header__search__venor {
        padding: 0 30px;
    }

    .header__search__venor button {
        right: 75px;
    }

    .header__search__venor button.close {
        right: 30px;
    }

    .header__profile-btn img {
        display: block;
    }

    .header__profile-btn--verified:after {
        display: block;
    }
}

@media (min-width: 768px) {
    .header__action {
        margin-left: 30px;
    }

    .rtl .header__action {
        margin-left: 0;
        margin-right: 30px;
    }

    .header__action--signin {
        padding-left: 0px;
    }

}

@media (min-width: 1200px) {

    .rtl .header__logo {
        margin-right: 0;
        margin-left: 50px;
    }

    .header__btn__venor {
        display: none;
    }


    .header__actions__venor {
        margin-right: 0;
    }

    .header__action--search {
        display: none;
    }

    .header__action--signin {
        padding-left: 0;
    }

    .header__action--signin:before {
        display: none;
    }

    .header__action-btn svg {
        fill: #6164ff;
    }

    .header__action-btn--start-project {
        height: 40px;
        min-width: 100px;
    }

    .header__search__venor {
        position: relative;
        top: auto;
        left: auto;
        width: 280px;
        padding: 0;
        border: none;
        background-color: transparent;
    }

    .header__search__venor input {
        padding: 0 60px 0 20px;
        width: 100%;
    }

    .header__search__venor button {
        right: 20px;
    }

    .header__search__venor button.close {
        display: none;
    }

    .header__search__venor--active {
        top: auto;
    }

    .header__menu__venor {
        flex-direction: row;
        align-items: center;
        width: auto;
        padding: 0;
        position: relative;
        top: auto;
        right: auto;
        bottom: auto;
        background-color: transparent;
        transform: translate3d(0, 0, 0);
        border: none;
        transition: transform 0s ease;
        margin: 0 auto;
    }

    .header__nav {
        flex-direction: row;
        align-items: center;
        justify-content: center;
        gap: 32px;
        width: auto;
        margin: 0 auto;
    }

    .header__nav-item {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
        height: 70px;
        margin-bottom: 0;
    }

    .rtl .header__nav-item {
        margin-left: 0px;
        margin-right: 30px;
    }

    .header__nav-menu {
        transform: translate3d(0px, 46px, 0px);
    }

    .header__nav-menu .header__nav-menu {
        transform: translate3d(0px, 22px, 0px);
    }
}

@media (min-width: 1200px) and (max-width: 1600px) {
    .header__nav-item:nth-child(5), .header__nav-item:nth-child(6), .header__nav-item:nth-child(7) {
        display: none;
    }

    .header__more.header__nav-item {
        display: flex;
    }
}

@media only screen and (min-width: 1200px) {
    .sticky .header-venor {
        height: 90px;
    }

    .sticky .header-venor .navbar {
        position: absolute;
        left: 0;
        top: 0;
        width: 100vw;
        background: #fff;
        z-index: 9999;
        right: 0;
        -webkit-box-shadow: 0 7px 8px 0 rgb(0 0 0 / 6%);
        box-shadow: 0 7px 8px 0 rgb(0 0 0 / 6%);
    }

    .fadeInDown {
        -webkit-animation-name: fadeInDown;
        animation-name: fadeInDown;
    }

    .animated {
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
    }

}

/* RESPONSIVE */
@media (max-width:1024px) and (min-width:767px) {
    header.header-venor .navbar-buttons {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 30.666667%;
        flex: 0 0 30.666667%;
        max-width: 30.666667%;
    }

    header.header-venor .navbar-menu.col-md-8 button.navbar-toggler {
        position: relative;
        top: 20px;
    }

    header.header-venor div#navbarvenor {
        padding-top: 15px;
    }

    header.header-venor #navbarvenor li.nav-item a {
        line-height: 40px;
        text-align: right;
        font-size: 14px;
        padding: 5px 8px;
    }

    header.header-venor .navbar-menu.col-md-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 51.666667%;
        flex: 0 0 51.666667%;
        max-width: 51.666667%;
        text-align: right;
    }

    .slider-venor-section .owl-nav {
        display: none;
    }

    .slider-content h1 {
        font-size: 36px;
        line-height: 46px;
    }

    a.btn.btn-slider {
        margin-bottom: 0;
    }

    .slider-content h1 span {
        font-size: 60px;
        line-height: 60px;
    }

    .slider-content h2 {
        font-size: 36px;
        line-height: 46px;
    }

    .row.fun-facts-timer h4 {
        font-size: 18px;
    }

    .header__action:first-child {
        margin-right: 20px;
    }

    .rtl .header__action:first-child {
        margin-right: 0;
        margin-left: 20px;
    }

    .rtl .header__nav-menu {
        left: 0;
        right: inherit;
    }

    .about-heading2-home {
        font-size: 32px;
        line-height: 40px;
        margin-bottom: 10px;
    }

    h5.nmb-font-about {
        font-size: 50px;
    }

    .portfolio-section .col-md-6 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        margin-top: 50px !important;
    }

    .services-section h3 {
        font-size: 32px;
        line-height: 40px;
        max-width: 500px;
    }

    .service-box h5 {
        font-size: 24px;
    }

    .portfolio-section h3 {
        font-size: 42px;
        margin-bottom: 40px;
    }

    .blog-section h3.post-name {
        font-size: 18px;
        line-height: 22px;
    }

    .blog-section .blog_custom .post-details {
        padding: 15px;
    }

    .typed-section H4 {
        font-size: 26px;
        line-height: 35px;
        padding: 10px 0;
    }

    .pricing-elements .col-md-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 30px;
    }

    .pricing-elements .col-md-4 .venor-price-box {
        max-width: 400px;
        margin: 0 auto;
    }

    .contant-section-page .icon {
        font-size: 30px;
        margin-right: 7px;
    }

    .contant-section-page .content h3 {
        font-size: 22px;
    }

    .content p a {
        font-size: 14px;
    }

    .contant-section-page .contact-element-wrapper {
        padding: 15px;
    }

    .iframe-contact h3 {
        font-size: 32px;
    }
}

@media (max-width:767px) {
    .navbar-menu.col-md-8 {
        position: static;
        padding: 0;
    }

    .header.header-venor .navbar-menu.col-md-8 button.navbar-toggler {
        position: absolute;
    }

    header.header-venor .navbar-menu.col-md-8 button.navbar-toggler {
        position: absolute;
        top: 21px;
        right: 5px;
        z-index: 9999;
    }

    header.header-venor .navbar-buttons-inner {
        text-align: center;
    }

    .fixed-sidebar-menu.open {
        width: 320px;
        padding: 0;
    }

    .header__action.header__action--search {
        margin-right: 10px;
    }

    .header7 .fixed-sidebar-menu {
        right: -320px;
        width: 320px;
    }

    .fixed-sidebar-menu.open .left-side {
        padding: 80px 30px 30px;
    }

    header.header-venor nav.navbar.navbar-expand-lg.container .w-100 {
        width: 100% !important;
        display: block !important;
        margin: 0;
    }

    header.header-venor nav.navbar.navbar-expand-lg.container {
        padding: 0;
    }

    header.header-venor #navbarvenor li.nav-item a {
        border-bottom: 1px solid rgb(204 204 204 / 50%);
        line-height: 40px;
        padding: 5px 15px;
    }

    header.header-venor #navbarvenor li.nav-item a {
        border-bottom: 1px solid rgb(204 204 204 / 50%);
        line-height: 40px;
        padding: 5px 15px;
    }

    header.header-venor #navbarvenor li.nav-item .dropdown-menu {
        padding: 0;
    }

    header.header-venor #navbarvenor li.nav-item .dropdown-menu>a {
        line-height: 40px;
        padding: 5px 15px;
    }

    .slider-content h1 {
        font-size: 26px;
        line-height: 36px;
        text-align: center;
    }

    .slider-content h2 {
        font-size: 26px;
        line-height: 36px;
        text-align: center;
        margin-bottom: 0;
    }

    .slider-content h1 span {
        font-size: 50px;
        line-height: 60px;
    }

    a.btn-slider {
        margin-top: 10px;
    }

    a.btn.btn-slider {
        margin: 0 15px;
    }

    .slider-venor-section .owl-nav {
        display: none;
    }

    span.testimonial_slider_title {
        font-size: 38px;
        line-height: 48px;
        margin: 20px 0;
    }

    .testimonial-layoutArea p {
        font-size: 18px;
        line-height: 28px;
    }

    h3.fun-facts-heading1 {
        font-size: 42px;
    }

    .fun-facts-section p {
        font-size: 16px;
        line-height: 24px;
    }

    .radial {
        margin-top: 45px;
    }

    .slider-content {
        text-align: center;
    }

    .row.fun-facts-timer {
        margin-top: 0;
    }

    .pictures-row {
        max-width: 300px;
        padding: 0;
        margin: 0 auto;
        text-align: center;
    }

    .exp-about {
        padding-left: 0;
        margin-top: 0;
        margin-bottom: 40px;
    }

    .about-heading2-home {
        font-size: 38px;
        line-height: 48px;
    }

    .about-heading2-home {
        font-size: 38px;
        line-height: 48px;
        margin-bottom: 20px;
    }

    h4.about-heading1-home {
        margin-top: 40px;
    }

    .about-section p {
        font-size: 16px;
        line-height: 27px;
    }

    .services-section h3 {
        font-size: 32px;
        line-height: 40px;
    }

    .portfolio-section h3 {
        font-size: 36px;
        line-height: 44px;
        margin-bottom: 0px;
    }

    .col-project-big {
        margin-bottom: 30px;
    }

    .portfolio-section {
        padding: 90px 0 50px;
    }

    .testimonial-slide {
        padding: 100px 30px;
    }

    .blog-section .blog-section-title {
        font-size: 42px;
        line-height: 50px;
    }

    .typed-section H4 {
        font-size: 32px;
        line-height: 42px;
    }

    .typed-section .col-md-4.text-right {
        text-align: left !important;
        margin-top: 30px;
    }

    .breadcrumb-area h1.breadcrumb-title {
        font-size: 26px;
        line-height: 36px;
        padding: 0 15px;
    }

    .breadcrumb-area {
        padding: 50px 0;
    }

    .members-section h3.members-heading1 {
        font-size: 38px;
        line-height: 44px;
    }

    .portfolio-section-filters .filters {
        margin-bottom: 50px;
    }

    .project-content .col-md-4 {
        margin-top: 30px;
        margin-bottom: 50px;
    }

    .pricing-elements::before {
        display: none;
    }

    .pricing-elements h2 {
        font-size: 42px;
        line-height: 50px;
    }

    .venor-price-box {
        margin-bottom: 50px;
    }

    .blog-page-section .post-details {
        padding: 0 15px 30px;
    }

    .blog-page-section .post-excerpt p,
    .blog-page-section p.html-widget-paragraph,
    .blog-page-section .post-body p {
        font-size: 16px;
        line-height: 24px;
    }

    .blog-page-section h2.post-name a,
    .blog-page-section h2.post-name {
        font-size: 28px;
        line-height: 36px;
    }

    .blog-page-section .col-md-8 {
        padding-right: 15px !important;
        padding-left: 15px !important;
    }

    .post-body blockquote {
        padding: 30px;
    }

    .post-body blockquote:before {
        position: static;
    }

    .contant-section-page .contact-element-wrapper {
        margin-bottom: 30px;
    }

    .iframe-contact h3 {
        font-size: 32px;
        line-height: 40px;
        margin-top: 30px;
    }

    button.js-cookie-consent-agree.cookie-consent__agree {
        margin: 10px;
    }

    .slider-inner-venor {
        padding: 10px 0 5px;
    }

    header.header-venor .row.w-100 {
        display: flex;
        margin: 0;
    }

    .header__action.header__action--signin {
        display: none;
    }

    header.header-venor .navbar {
        padding: 0;
    }

    header.header-venor .row.w-100 .navbar-header {
        order: 1;
    }

    header.header-venor .row.w-100 .navbar-menu {
        order: 3;
    }

    header.header-venor .row.w-100 .navbar-buttons {
        order: 2;
        padding-left: 0;
    }

    header.header-venor .link_user_section {
        margin-right: 10px;
    }

    header.header-venor .navbar-buttons-inner {
        text-align: left;
    }

    .slider-venor:not(.owl-loaded) {
        height: auto !important;
    }

    a.btn-slider,
    .btn.btn-style1 {
        font-size: 16px;
        line-height: 45px;
        height: 45px;
        padding: 00 25px;
    }

    .slider-venor-section,
    .breadcrumb-area {
        background-size: contain;
    }

    .ct-topbar-layout1 .ct-topbar-meta {
        display: block;
        text-align: center;
        margin-top: 10px;
    }

    .ct-topbar-item+.ct-topbar-item:before {
        display: none;
    }

    .ct-topbar-layout1 .ct-topbar-meta .ct-topbar-item {
        padding: 5px 0 !important;
        margin: 0 !important;
    }

    .ct-topbar-layout1 .ct-topbar-social {
        margin: 0;
        width: 100%;
        text-align: center;
    }

    .project-box-div,
    .portfolio-section .project-image {
        width: 210px;
        height: auto;
    }

    .portfolio-section .col-md-6 {
        margin-top: 70px !important;
    }

    .rtl .project-box-div,
    .rtl .portfolio-section .project-image {
        margin-left: auto;
    }

    .portfolio-section .project-meta {
        height: auto;
    }

    .project-meta-title {
        font-size: 18px;
    }

    .rtl .header__logo {
        margin-right: 40px;
    }

    .rtl .header__action.header__action--search {
        margin-left: 10px;
        margin-right: 10px;
    }

    .rtl .header__nav-menu {
        left: 0 !important;
        right: inherit;
    }

    .rtl .header__search__venor button.close {
        right: 30px;
    }

    .rtl .header__search__venor>button {
        right: inherit;
        left: 60px;
    }
}

@media (min-width: 1600px) and (max-width: 1707px) {

}

@media (min-width: 1500px) and (max-width: 1599.98px) {

}

@media (min-width: 1300px) and (max-width: 1499.98px) {


    .slider-venor-section {
        padding-bottom: 35px;
    }

    .slider-inner-container {
        width: 1100px;
    }

    .slider-content h1 {
        font-size: 33px;
    }

    .slider-body p {
        font-size: 15px;
    }

    a.btn.btn-slider,
    a.btn.btn-slider2 {
        font-size: 18px;
        margin: 0;
    }

    .slider-inner-wrapper {
        width: 450px;
    }

    .slider-img {
        object-fit: contain;
    }

    .services-container {
        height: 1000px;
    }

    .services-container h2 {
        font-size: 36px;
        width: max-content;
    }

    .description-services p {
        font-size: 18px;
    }

    .card.featured.to-top-left h3.heading {
        font-size: 20px;
    }

    .service-boxes-slider {
        width: 1350px;
    }

    h3.fun-facts-heading1 {
        font-size: 36px;
    }

    .fun-facts-wrapper {
        width: 1300px;
    }

    .radial {
        width: 300px;
    }

    .radial h2 {
        font-size: 20px;
    }

    .radial span {
        font-size: 40px;
    }

    .row.fun-facts-timer h4 {
        font-size: 22px;
    }

    span.testimonial_slider_title {
        font-size: 38px;
    }

    .testimonial-layoutArea p {
        font-size: 18px;
    }

    .clients-section h3 {
        font-size: 36px;
    }

    .clients-container {
        width: 1300px;
    }
}

@media (min-width: 1200px) and (max-width: 1299.98px) {

    .slider-venor-section {
        padding-bottom: 10px;
    }

    .slider-inner-container {
        width: 1000px;
    }

    .slider-content h1 {
        font-size: 31px;
    }

    .slider-inner-wrapper {
        gap: 0;
    }

    .slider-image {
        padding: 0 !important;
    }

    .slider-body p {
        font-size: 14px;
    }

    a.btn.btn-slider,
    a.btn.btn-slider2 {
        font-size: 16px;
        margin: 0;
    }

    .slider-inner-wrapper {
        width: 450px;
    }

    .slider-img {
        object-fit: contain;
    }

    .services-container {
        height: 920px;
    }

    .services-container h2 {
        font-size: 30px;
    }

    .description-services p {
        font-size: 16px;
    }

    .card.featured.to-top-left h3.heading {
        font-size: 18px;
    }

    .card.featured.to-top-left p {
        font-size: 13px;
    }

    .service-boxes-slider {
        width: 1200px;
    }

    h3.fun-facts-heading1 {
        font-size: 30px;
    }

    .fun-facts-wrapper {
        width: 1200px;
    }

    .radial {
        width: 270px;
    }

    .radial span {
        font-size: 37px;
    }

    .radial h2 {
        font-size: 18px;
    }

    .row.fun-facts-timer h4 {
        font-size: 20px;
    }

    span.testimonial_slider_title {
        font-size: 33px;
    }

    .testimonial-layoutArea p {
        font-size: 16px;
    }

    .clients-section h3 {
        font-size: 30px;
    }

    .clients-container {
        width: 1000px;
    }

    .header__nav-menu li a {
        font-size: 11px;
    }

    .header__nav-menu li {
        margin-bottom: 9px;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {

    .slider-venor-section {
        padding: 20px 0;
        height: auto;
    }

    .slider-content,
    .slider-inner-wrapper {
        gap: 0;
        align-self: center;
    }

    .slider-inner-container {
        width: 100vw;
        margin: 0;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
    }

    .slider-content h1 {
        font-size: 24px;
        text-align: start;
    }

    .slider-body p {
        font-size: 14px;
    }

    .slider-button {
        align-items: center;
        align-self: center;
    }

    a.btn.btn-slider,
    a.btn.btn-slider2 {
        font-size: 12px;
        margin: 0 auto;
    }

    .slider-inner-wrapper {
        width: 450px;
    }

    .owl-dots button.owl-dot {
        width: 10px;
        height: 5px;
        background-color: #FFF;
        border-radius: 12px;
        margin: 0 5px;
    }

    .owl-dots {
        display: flex;
        justify-content: center;
    }

    .owl-dots button.owl-dot.active {
        background: #3185FF;
        width: 20px;
    }

    .slider-img {
        object-fit: contain;
    }

    .services-container h2 {
        font-size: 24px;
    }

    .services-container {
        height: 760px;
        padding: 43px 53px;
        gap: 36px;
    }

    .description-services p {
        font-size: 16px;
    }

    .heading-wrapper {
        margin: 0;
        padding: 0;
    }

    .card.featured.to-top-left {
        padding: 20px 20px;
    }

    .card.featured.to-top-left h3.heading {
        font-size: 12px;
        align-items: center;
    }

    .card.featured.to-top-left p {
        font-size: 10px;
        line-height: 22px;
    }

    .service-boxes-slider {
        width: 900px;
    }

    h3.fun-facts-heading1 {
        font-size: 28px;
    }

    .fun-facts-wrapper {
        width: 750px;
    }

    .radial {
        width: 165px;
        height: 140px;
    }

    .radial span {
        font-size: 30px;
    }

    .radial > div {
        gap: 7px;
    }

    .radial h2 {
        font-size: 12px;
    }

    .row.fun-facts-timer h4 {
        font-size: 20px;
    }

    .section_title {
        font-size: 10px;
    }

    .testimonial-slide {
        padding: 50px 0;
    }

    span.testimonial_slider_title {
        font-size: 29px;
        line-height: 35px;
        margin-bottom: 20px;
        margin-top: 10px;
    }

    .testimonial-layoutArea p {
        font-size: 14px;
        line-height: 25px;
    }

    .clients-section {
        padding: 60px 0;
        height: 400px;
    }

    .clients-section h3 {
        font-size: 28px;
        margin-bottom: 20px;
    }

    .clients-container {
        width: 700px;
    }

    .clients-slide>div {
        background-position: center;
    }

    .codeless-add-purchase-button i.icon {
        width: 40px;
        height: 40px;
    }

    .header__nav-menu li a {
        font-size: 11px;
    }

    .header__nav-menu li {
        margin-bottom: 9px;
    }
}


@media (min-width: 790px) and (max-width: 991.98px) {

    .slider-venor-section {
        padding: 20px 0;
        height: auto;
    }

    .slider-content,
    .slider-inner-wrapper {
        gap: 0;
        align-self: center;
    }

    .slider-inner-container {
        width: 100vw;
        margin: 0;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
    }

    .slider-content h1 {
        font-size: 24px;
        text-align: start;
    }

    .slider-body p {
        font-size: 14px;
    }

    .slider-button {
        align-items: center;
        align-self: center;
    }

    a.btn.btn-slider,
    a.btn.btn-slider2 {
        font-size: 12px;
        margin: 0 auto;
    }

    .slider-inner-wrapper {
        width: 450px;
    }

    .owl-dots button.owl-dot {
        width: 10px;
        height: 5px;
        background-color: #FFF;
        border-radius: 12px;
        margin: 0 5px;
    }

    .owl-dots {
        display: flex;
        justify-content: center;
    }

    .owl-dots button.owl-dot.active {
        background: #3185FF;
        width: 20px;
    }

    .slider-img {
        object-fit: contain;
    }

    .services-container h2 {
        font-size: 24px;
    }

    .services-container {
        height: 980px;
        padding: 43px 53px;
        gap: 36px;
    }

    .description-services p {
        font-size: 16px;
        width: 100%;
    }

    .heading-wrapper {
        margin: 0;
        padding: 0;
    }

    .card.featured.to-top-left {
        padding: 20px 20px;
    }

    .card.featured.to-top-left h3.heading {
        font-size: 20px;
        align-items: center;
    }

    .card.featured.to-top-left p {
        font-size: 16px;
    }

    .service-boxes-slider {
        width: 550px;
    }

    h3.fun-facts-heading1 {
        font-size: 28px;
    }

    .fun-facts-wrapper {
        width: 750px;
    }

    .radial {
        width: 165px;
        height: 140px;
    }

    .radial span {
        font-size: 30px;
    }

    .radial > div {
        gap: 7px;
    }

    .radial h2 {
        font-size: 12px;
    }

    .row.fun-facts-timer h4 {
        font-size: 20px;
    }

    .section_title {
        font-size: 10px;
    }

    .testimonial-slide {
        padding: 50px 0;
    }

    span.testimonial_slider_title {
        font-size: 29px;
        line-height: 35px;
        margin-bottom: 20px;
        margin-top: 10px;
    }

    .testimonial-layoutArea p {
        font-size: 14px;
        line-height: 25px;
    }

    .clients-section {
        padding: 60px 0;
        height: 400px;
    }

    .clients-section h3 {
        font-size: 28px;
        margin-bottom: 20px;
    }

    .clients-container {
        width: 700px;
    }

    .clients-slide>div {
        background-position: center;
    }

    .codeless-add-purchase-button i.icon {
        width: 40px;
        height: 40px;
    }
}

@media (min-width: 627px) and (max-width: 789.98px) {

    .slider-venor-section {
        padding: 20px 0;
        height: auto;
    }

    .slider-content,
    .slider-inner-wrapper {
        gap: 0;
        align-self: center;
    }

    .slider-inner-container {
        width: 100vw;
        margin: 0;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
    }

    .slider-content h1 {
        font-size: 24px;
        text-align: start;
    }

    .slider-body p {
        font-size: 14px;
    }

    .slider-button {
        align-items: center;
        align-self: center;
    }

    a.btn.btn-slider,
    a.btn.btn-slider2 {
        font-size: 12px;
        margin: 0 auto;
    }

    .slider-inner-wrapper {
        width: 450px;
    }

    .owl-dots button.owl-dot {
        width: 10px;
        height: 5px;
        background-color: #FFF;
        border-radius: 12px;
        margin: 0 5px;
    }

    .owl-dots {
        display: flex;
        justify-content: center;
    }

    .owl-dots button.owl-dot.active {
        background: #3185FF;
        width: 20px;
    }

    .slider-img {
        object-fit: contain;
    }

    .services-container h2 {
        font-size: 24px;
    }

    .services-container {
        height: 980px;
        padding: 43px 53px;
        gap: 36px;
    }

    .description-services p {
        font-size: 16px;
        width: 100%;
    }

    .heading-wrapper {
        margin: 0;
        padding: 0;
    }

    .card.featured.to-top-left {
        padding: 20px 20px;
    }

    .card.featured.to-top-left h3.heading {
        font-size: 20px;
        align-items: center;
    }

    .card.featured.to-top-left p {
        font-size: 16px;
    }

    .service-boxes-slider {
        width: 550px;
    }

    h3.fun-facts-heading1 {
        font-size: 28px;
    }

    .fun-facts-wrapper {
        width: 750px;
    }

    .radial {
        width: 165px;
        height: 140px;
    }

    .radial span {
        font-size: 30px;
    }

    .radial > div {
        gap: 7px;
    }

    .radial h2 {
        font-size: 12px;
    }

    .row.fun-facts-timer h4 {
        font-size: 20px;
    }

    .section_title {
        font-size: 10px;
    }

    .testimonial-slide {
        padding: 50px 0;
    }

    span.testimonial_slider_title {
        font-size: 29px;
        line-height: 35px;
        margin-bottom: 20px;
        margin-top: 10px;
    }

    .testimonial-layoutArea p {
        font-size: 14px;
        line-height: 25px;
    }

    .clients-section {
        padding: 60px 0;
        height: 400px;
    }

    .clients-section h3 {
        font-size: 28px;
        margin-bottom: 20px;
    }

    .clients-container {
        width: 700px;
    }

    .clients-slide>div {
        background-position: center;
    }

    .codeless-add-purchase-button i.icon {
        width: 40px;
        height: 40px;
    }
}

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

    .slider-venor-section {
        padding: 20px 0;
    }

    .slider-content,
    .slider-inner-wrapper {
        gap: 0;
        align-self: center;
        width: 100vw;
    }

    .slider-content {
        padding: 0 20px;
    }

    .slider-inner-container {
        width: 100vw;
        margin: 0;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
    }

    .slider-content h1 {
        font-size: 24px;
        text-align: start;
    }

    .slider-body {
        width: 90vw;
        align-self: center;
    }

    .slider-body p {
        font-size: 14px;
    }

    .slider-button {
        align-items: center;
        align-self: center;
    }

    a.btn.btn-slider,
    a.btn.btn-slider2 {
        font-size: 12px;
        margin: 0 auto;
    }

    .slider-inner-wrapper {
        width: 100vw;
    }

    .slider-venor-section .owl-dots button.owl-dot {
        width: 10px;
        height: 5px;
        background-color: #FFF;
        border-radius: 12px;
        margin: 0 5px;
        position: relative;
    }

    .slider-venor-section .owl-dots {
        position: absolute;
        top: -19px;
        left: 4%;
    }

    .owl-dots button.owl-dot.active {
        background: #3185FF;
        width: 20px;
    }

    .slider-img {
        object-fit: contain;
    }

    .services-container h2 {
        font-size: 24px;
        width: 100vw;
    }

    .services-container {
        height: 1040px;
        padding: 43px 53px;
        gap: 36px;
    }

    .description-services p {
        font-size: 16px;
        width: 90vw;
    }

    .heading-wrapper {
        margin: 0;
        padding: 0;
    }

    .card-parent {
        width: 80vw;
        margin: 0 auto;
    }

    .card.featured.to-top-left {
        padding: 20px 20px;
    }

    .card.featured.to-top-left h3.heading {
        font-size: 18px;
        align-items: center;
        line-height: 20px;
    }

    .paragraph-wrapper {
        height: 180px;
    }

    .card.featured.to-top-left p {
        font-size: 16px;
    }

    .service-boxes-slider {
        width: 550px;
    }

    h3.fun-facts-heading1 {
        font-size: 28px;
    }

    .fun-facts-wrapper {
        width: 100vw;
    }

    .radial {
        width: 304px;
        height: 196px;
        text-align: center;
        margin-top: 30px;
    }

    .radial span {
        font-size: 30px;
    }

    .radial > div {
        gap: 7px;
    }

    .radial h2 {
        font-size: 12px;
    }

    .row.fun-facts-timer {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .row.fun-facts-timer > div {
        width: max-content !important;
    }

    .row.fun-facts-timer h4 {
        font-size: 20px;
    }

    .section_title {
        font-size: 10px;
    }

    .testimonial-slide {
        padding: 50px 20px 10px 20px;
    }

    span.testimonial_slider_title {
        font-size: 29px;
        line-height: 35px;
        margin-bottom: 20px;
        margin-top: 10px;
    }

    .testimonial-layoutArea p {
        font-size: 14px;
        line-height: 25px;
    }

    .clients-section {
        padding: 60px 0;
        height: 400px;
    }

    .clients-section h3 {
        font-size: 28px;
        margin-bottom: 20px;
    }

    .clients-container {
        width: 700px;
    }

    .clients-slider  {
        width: 100vw;
    }

    .clients-slide>div {
        background-position: center;
    }

    .collapsible-menu {
        width: 95vw;
        display: flex;
        flex-direction: row;
        align-items: baseline;
        justify-content: space-between;
        cursor: pointer;
    }
}