.outer-menu .menu > div > div {
    padding: 100px 20px 30px !important;
}
.hide-on-1200,
.hide-on-767,
.hide-on-991 {
    display: block;
}
.show-on-1200,
.show-on-767,
.show-on-991 {
    display: none;
}


@media only screen and (max-width: 2560px) {
    .container-xl,
    .container-xxl,
    .service-details-section .container-xl {
        max-width: 1820px;
    }
    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .main-slider-three .container,
    .main-header__lower .container,
    .sticky-header .container {
        max-width: 1820px;
    }
    .main-header__logo a {
        margin-left: 0;
    }
}
@media only screen and (max-width: 2200px) {
    .container-xl,
    .container-xxl,
    .service-details-section .container-xl {
        max-width: 1620px;
    }
    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .main-slider-three .container,
    .main-header__lower .container,
    .sticky-header .container {
        max-width: 1620px;
    }
    .sticky-header__logo {
        margin-left: 0;
        margin-right: auto;
    }
    .service-hero-section {
        padding: 120px 20px 50px;
        min-height: auto;
    }
    .contact-us-section {
        padding: 100px 20px 50px;
        min-height: auto;
    }
    .main-header__logo a {
        margin-left: 0;
    }
}
@media only screen and (max-width: 1920px) {
    .container-xl,
    .container-xxl,
    .service-details-section .container-xl {
        max-width: 1520px;
    }
    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .main-slider-three .container,
    .main-header__lower .container,
    .sticky-header .container {
        max-width: 1520px;
    }
    .sticky-header__logo {
        margin-left: 0;
        margin-right: auto;
    }
    .service-hero-section {
        padding: 120px 20px 50px;
        min-height: auto;
    }
    .contact-us-section {
        padding: 100px 20px 50px;
        min-height: auto;
    }
    .main-header__logo a {
        margin-left: 0;
    }
}
@media only screen and (max-width: 1879px) {
    .container-xl,
    .container-xxl,
    .service-details-section .container-xl {
        max-width: 1420px;
    }
    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .main-slider-three .container,
    .main-header__lower .container,
    .sticky-header .container {
        max-width: 1420px;
    }

}
@media only screen and (max-width: 1680px) {
    .container-xxl,
    .main-header.fixed-header .sticky-header .container-xl {
        max-width: 1320px;
    }

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .main-slider-three .container,
    .sticky-header .container {
        max-width: 1320px;
    }
    .main-slider__three-img img {
        max-width: 600px;
    }
}
@media only screen and (max-width: 1580px) {
    .container-xxl,
    .main-header.fixed-header .sticky-header .container-xl {
        max-width: 1220px;
    }

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .main-slider-three .container,
    .sticky-header .container {
        max-width: 1220px;
    }
}
@media only screen and (max-width: 1500px) {
    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl,
    .main-header.fixed-header .sticky-header .container-xl,
    .main-slider-three .container {
        max-width: 1180px;
    }
    .blog-page .main-header__logo-box {
        margin-left: auto;
        margin-right: 0;
    }
    .inner-title-content h2 {
        font-size: 28px;
        max-width: 430px;
        line-height: 1.3;
    }
    .share-box {
        justify-content: flex-start;
        align-items: flex-start;
    }
    .main-header__location-box {
        display: none;
    }
    .main-menu__navigation > li {
        margin-right: 20px;
    }
    .main-slider__three-left span {
        font-size: 22px;
        line-height: 1.4;
    }
    .main-header__phone-number {
        font-size: 16px;
        line-height: 1.2;
    }
    .sticky-header__logo img {
        max-width: 120px;
        width: 100%;
    }
    .sticky-header__logo.resource-logo img {
        max-width: 240px;
    }
    .sticky-header__logo.resource-logo {
        max-width: 100% !important;
    }
    .lng__navigation > li > a,
    .main-menu__navigation.resource-menu__navigation > li > a,
    .main-menu__navigation > li > a,
    .sticky-header .main-menu__navigation.resource-menu__navigation > li > a,
    .sticky-header .main-menu__navigation > li > a {
        font-size: 15px;
    }
    .ar-page .service-section .card-body p,
    .ar-page .sticky-header .main-menu__navigation > li > a {
        font-size: 1rem;
    }
    .project-body h4 {
        font-size: 22px;
        line-height: 1.2;
    }
    .service-section .card-body p {
        font-size: 1rem;
        line-height: 1.3;
    }
    .main-logo img {
        max-width: 300px;
        width: 100%;
    }
    .main-slider__three-img img {
        max-width: 550px;
        width: 100%;
    }
    .ry-logo {
        top: -90px;
    }
    .terms-box-content {
        padding: 0 1rem;
    }

}
@media only screen and (max-width: 1400px) {
    .main-slider__three-title {
        font-size: 40px;
    }
    .footer-menu ul li {
        padding: 0 20px;
    }
    .customer-solution-section {
        padding: 100px 20px;
        min-height: auto;
    }
    .interfaces-section {
        padding: 50px 20px;
    }
    .webinar-section {
        padding: 90px 20px 30px;
    }
    .main-header .left-navbar .clip-logo img {
        max-width: 60px;
    }
    .sticky-header__logo {
        padding-left: 15px !important;
    }
    .box-content p {
        font-size: 20px;
    }
    .book-section .download-icon a {
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        text-align: center;
    }
    .book-section .download-icon a img {
        max-width: 120px;
        width: auto;
    }
    .blog-section {
        height: 100%;
    }
    .portfolio-section .project-four__title {
        font-size: 18px;
        line-height: 1.2;
    }
    .project-four__content p {
        font-size: 15px;
        line-height: 1.4;
    }
    .main-slider__three-img {
        /*margin: 0 -65px;*/
        top: 20%;
        margin: 0;
    }
    .main-slider-three .hero-slider .owl-stage .owl-item:nth-child(odd) .item .main-slider__three-img {
        transform: translateX(5%);
    }
    .main-slider-three .hero-slider .owl-stage .owl-item:nth-child(2n) .item .main-slider__three-img {
        transform: translateX(-5%);
    }
    .main-slider-three .hero-slider .owl-stage .owl-item.active:nth-child(2n) .item .main-slider__three-img {
        opacity: 1;
        transform: translateX(5%);
        transition:
            transform 2s,
            opacity 2s,
            color 0.5s,
            background 0.5s;
    }
    .main-slider-three .hero-slider .owl-stage .owl-item.active:nth-child(odd) .item .main-slider__three-img {
        opacity: 1;
        transform: translateX(-5%);
        transition:
            transform 2s,
            opacity 2s,
            color 0.5s,
            background 0.5s;
    }
    .resource-card-box:hover {
        min-height: 310px;
    }
    .customer-solution-section .top-banner-content {
        padding: 60px;
    }
    .why-content-box .top-title h2 {
        font-size: 28px;
    }
    .working-list ul li {
        font-size: 14px;
        line-height: 1.4;
    }
    .working-list ul li::before {
        width: 14px;
        height: 14px;
    }
    .top-section {
        padding: 40px 20px 50px;
    }
    .main-header__location-box {
        display: none;
    }
    .btn-style-one {
        padding: 10px 36px;
    }
    .requirments h2 {
        font-size: 30px;
        line-height: 1.3;
    }
    .service-demo-box .demo-card-box {
        padding: 45px 60px;
    }
    .certification-preocess-box .card .card-body h5 {
        font-size: 16px;
        line-height: 1.3;
    }
    .industry-leaders-section .section-title h3,
    .top-title h2 {
        font-size: 32px;
        line-height: 1.2;
    }
    .project-body h4 {
        font-size: 22px;
        line-height: 1;
    }
    .ry-logo {
        max-width: 300px;
        width: 100%;
        left: 1rem;
    }
    .why-about-section .development-content-box .row:first-child {
        align-items: flex-start;
    }
    .team-card-body h4,
    .team-section .team-card-body h4 {
        font-size: 22px;
    }
    .mixitup-gallery.industry-box .filters,
    .team-section .our-team {
        margin-bottom: 50px;
    }
    .hero-section {
        background-size: cover;
    }
    .isd-design-section .section-title h3 {
        font-size: 32px;
        line-height: 1.3;
    }
    .left-banner-content h1 {
        font-size: 60px;
        line-height: 1.2;
    }
    .left-banner-content h4 {
        font-size: 24px;
        margin-bottom: 10px;
        line-height: 1;
    }
    .service-card-box .card-body h4 {
        font-size: 1rem;
        line-height: 1.4;
        min-height: 60px;
        height: auto;
    }
    .location-card-box {
        gap: 40px;
    }
    .location-card-box .card-top h4 {
        font-size: 60px;
    }
    .blog-card-box .card-body h4 a {
        font-size: 24px;
        line-height: 1.4;
    }
    .blog-card-box .card-body h4 {
        margin-bottom: 10px;
    }
    .blog-section .owl-nav .owl-prev {
        left: -20px;
    }
    .blog-section .owl-nav .owl-next {
        right: -20px;
    }
    .mixitup-gallery .filter-tabs li {
        padding: 20px 0 20px 10px;
    }
    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .main-slider-three .container {
        max-width: 1090px;
        padding: 0 1rem !important;
    }
    .main-slider-three .container {
        padding: 120px 1rem 0 !important;
    }
    .portfolio-section::after,
    .portfolio-section::before,
    .service-section::after,
    .service-section::before {
        height: 80px;
    }
    .top-title {
        margin-bottom: 20px;
    }
    .main-slider__three-img img {
        max-width: 500px;
        width: 100%;
    }
    .main-header__phone-number {
        font-size: 1rem;
        line-height: 1;
    }
    .main-header__phone-number img {
        margin-right: 5px;
    }
    .ar-page .main-header__phone-number img {
        margin-left: 5px;
        margin-right: 0;
    }
    .ar-page .main-header__button-box {
        margin-right: 20px;
    }
    .main-slider__three-left p {
        font-size: 18px;
        line-height: 1.4;
        margin-bottom: 0;
    }
    .banner-logo-img img,
    .main-logo img {
        max-width: 280px;
        width: 100%;
    }
    .main-menu__navigation > li,
    .sticky-header .main-menu__navigation > li {
        margin-right: 15px;
    }
    .sticky-header__logo {
        margin-left: auto;
        margin-right: 0;
    }
    .ar-page .sticky-header__logo {
        margin-left: 0;
        margin-right: auto;
    }
    .about-box-content::after,
    .development-content-box::after,
    .psm-box-content::after,
    .service-box-content::after {
        height: 82%;
    }
    .inner-psm-section .psm-box-content::after {
        height: 70%;
    }
    .portfolio-section,
    .product-section,
    .service-section {
        padding: 100px 20px;
    }
    .inner-blog-section,
    .portfolio-section.video-details-section,
    .section.inner-blog-section,
    .video-details-section {
        padding: 90px 20px 0;
    }
    .about-us-section,
    .contact-search-section,
    .contact-section,
    .gallery-section,
    .magazine-webinar-section,
    .rd-section,
    .service-section.join-section,
    .service-section.vacancy-section,
    .support-engineer-section,
    .top-banner-section,
    .video-resource-section {
        padding: 100px 20px 50px;
    }
    .industry-list-section {
        padding: 30px 20px 90px !important;
    }
    .case-study-section .section-title.top-title-box,
    .client-section .section-title {
        margin: 0 auto 30px;
    }
    .case-study-section .section-title {
        margin: 20px auto 35px;
    }
    .partner-section .section-title {
        margin: 0 auto 50px;
    }
    .search-outer {
        gap: 0;
    }
    .header-search__box {
        margin: 0 10px;
        font-size: 20px;
        line-height: 1;
    }
    .outer-menu .menu > div > div {
        max-width: 100%;
    }
    .main-header__button-box {
        margin-left: 20px;
    }
    .main-header__phone-inner {
        padding-left: 20px;
    }
    .ar-page .main-header__phone-inner {
        padding-right: 20px;
        padding-left: 0;
    }
    .lng-box .main-header__language-dropdown,
    .sticky-header__logo {
        padding: 0;
    }
    .main-header.fixed-header .left-navbar .top-nav {
        margin-top: 15px;
    }
    .mixitup-gallery .filter-tabs {
        flex-wrap: wrap;
        gap: 10px;
    }
    .blog-card-body h4 a {
        font-size: 18px;
        line-height: 1.4;
    }
    .footer-section {
        padding: 80px 20px 50px;
    }
}
@media only screen and (max-width: 1280px) {
    .page-wrapper {
        overflow: hidden;
    }
    .realstate-section {
        height: 100%;
    }
    .video-section .card-img-overlay {
        height: calc(100% - 5px);
    }
    .inner-title-content {
        flex-direction: column;
    }
    .mixitup-gallery .filter-tabs li {
        margin-right: 20px;
        padding: 10px 0;
    }
    .mixitup-gallery .filter-tabs li a {
        font-size: 12px;
    }
    .blog-card-box .highlight,
    .left-box .highlight {
        font-size: 150px;
        left: 30px;
    }
    .main-slider__three-img img {
        max-width: 400px;
        width: 100%;
    }
    .main-slider__three-title {
        font-size: 40px;
    }
    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .main-header.fixed-header .sticky-header .container-xl,
    .main-slider-three .container {
        max-width: 1024px;
    }
    .section.service-section .container{
        max-width: 800px;
    }
    .service-card-box .card-body h4 {
        font-size: 1rem;
        height: 40px;
    }
    .service-card-box .card-body p {
        font-size: 15px;
    }
    .footer-widget__title {
        font-size: 26px;
    }
}
@media only screen and (max-width: 1200px) {
    .brocher-download-section .download-box {
        padding: 40px;
    }
    .hide-on-1200,
    .inner-content-box p br,
    .main-header.fixed-header .sticky-header .main-header__phone-number span,
    .resource-card-section {
        display: none;
    }
    .main-header__logo a {
        /*display: none !important;*/
    }
    .resource-card-section .container-lg {
        max-width: 1024px;
    }
    .webinar-section .container-lg {
        max-width: 1000px;
    }
    .resource-card-box .card-img-overlay {
        padding: 10px;
    }
    .resource-card-box .card-img-overlay h4 {
        font-size: 14px;
        line-height: 1.2;
    }
    .resource-card-box .card-img-overlay p {
        line-height: 1.4;
        font-size: 14px;
    }
    .flip-box-section .box,
    .main-slider__three-left,
    .sticky-header .container {
        max-width: 100%;
    }
    .date-time h5,
    .inner-content-box h5,
    .inner-content-box span,
    .right-card-box .author-name {
        font-size: 1rem;
    }
    .show-on-1200 {
        display: block;
    }
    .inner-content-box .nav-pills .nav-link {
        padding: 10px;
        line-height: 1.2;
        font-size: 12px;
    }
    .main-header .nav-outer.resource-outer {
        margin: 0 auto;
    }
    .box-menu-items .menu-items h4,
    .left-menu-items ul li {
        margin-bottom: 10px;
    }
    .blog-card-box .card-body h4 a {
        font-size: 24px;
        line-height: 1.2;
    }
    .box-menu-items .menu-items h4 a,
    .right-card-box h4 {
        font-size: 1rem;
        line-height: 1.4;
    }
    .list-items a {
        font-size: 14px;
        line-height: 1.4;
    }
    .left-menu-items ul li a {
        font-size: 20px;
        line-height: 1.4;
    }
    .service-demo-box .card-body-content {
        flex-direction: column;
    }
    .service-demo-box .demo-card-box {
        padding: 65px 50px;
    }
    .service-demo-box .card-body-content h4 {
        text-align: center;
    }
    .industry-section figure .card .card-img {
        min-height: 100%;
    }
    .img-overlay .card-body,
    .isd-service-section .industry-card-box .card-img-overlay .overlay-content {
        padding: 1rem;
    }
    .isd-service-section .industry-card-box .card-body h4 {
        font-size: 20px;
        line-height: 1.2;
    }
    .section .container-lg {
        max-width: 800px;
    }
    .sticky-header__logo {
        margin-left: 100px;
        max-width: 120px;
    }
    .ar-page .sticky-header__logo {
        margin-right: 100px;
        margin-left: 0;
    }
    .main-logo img {
        max-width: 220px;
    }
    .sticky-header__logo.resource-logo img {
        max-width: 180px;
    }
    .main-slider-three .container {
        max-width: 980px;
    }
    .why-content-box .row:nth-child(2n) .right-box,
    .why-content-box .row:nth-child(odd) .right-box {
        margin: 30px auto 0;
    }
    .why-content-box {
        margin-bottom: 30px;
    }
    .top-section .section-title h2 {
        font-size: 28px;
        line-height: 1.4;
    }
    .right-card-box .author-info-box {
        gap: 10px;
    }
    .right-card-box .author-info-box img {
        max-width: 60px;
        height: 60px;
    }
    .right-card-box {
        margin-bottom: 20px;
    }
    .help-left-box h3 {
        font-size: 28px;
        line-height: 1.5;
    }
    .customer-solution-section .left-banner-content h1 {
        font-size: 32px;
        margin-bottom: 0;
        line-height: 1.3;
    }
    .customer-solution-section .top-banner-content {
        padding: 60px 50px;
    }
    .travel-section.portfolio-section .section-title h3 {
        font-size: 32px;
    }
    .inner-content-box p,
    .list-box li,
    .right-card-box .author-details p,
    .right-card-box p,
    .testimonial-widget .right-card-box .card-body .discription,
    .top-section .section-title p,
    .travel-section.portfolio-section .section-title p {
        font-size: 14px;
    }
    .inner-content-box h4,
    .right-event-content-box h4 {
        font-size: 20px;
    }
    .inner-title-content h2 {
        font-size: 24px;
        line-height: 1.3;
    }
    .date-time span {
        font-size: 13px;
    }
}
@media only screen and (max-width: 1024px) {
    .choose-one .section-title .section-title__text br,
    .history-one__text br,
    .history-one__title br,
    .industry-section .industry-card-box .card-body h4 br,
    .main-header::before,
    .main-header__btn-box,
    .main-header__top,
    .project-detail__text-four br,
    .project-detail__text-three br,
    .project-three .section-title .section-title__text br,
    .purpose-one__text br,
    .site-footer__bottom-logo::before,
    .site-footer__shape-four,
    .site-footer__shape-three {
        display: none;
    }
    .about-us-section .container,
    .cta-one__inner,
    .download-box,
    .download-box .left-box-content h3,
    .expirence-box,
    .expirence-box .inner-content p,
    .site-footer__bottom,
    .site-footer__social-nav,
    .site-footer__upper,
    .site-footer__upper-btn-box {
        text-align: center;
    }
    .banner-logo-img img,
    .main-logo img {
        max-width: 200px;
    }
    .main-header .header-lower .logo-box {
        padding-bottom: var(--padding-zero);
        float: left;
    }
    .expirence-box {
        width: auto;
        flex-wrap: wrap;
    }
    .hiring-banner-section {
        background-attachment: scroll !important;
        height: 100% !important;
        background-position: center;
    }
    .inner-psm-section {
        padding-bottom: 30px !important;
    }
    .download-box .left-box-content,
    .portfolio-section .section-title,
    .styled-pagination {
        margin-bottom: 30px;
    }
    .support-qus-box {
        font-size: 18px;
        padding: 1rem;
    }
    .contact-banner-box {
        padding: 50px;
    }
    .contact-banner-box .row {
        flex-wrap: wrap;
    }
    .contact-details-box span,
    .counter-one__text {
        font-size: 1rem;
    }
    .psm-box-content .row {
        align-items: flex-start !important;
    }
    .accordion-button,
    .accordion-button.collapsed,
    .accordion-button:not(.collapsed) {
        font-size: 1rem;
        line-height: 1.3;
    }
    .view-btn {
        padding: 10px;
    }
    .industry-section.industry-leaders-section .section-title h3 {
        font-size: 28px;
    }
    .industry-section .section-title,
    .terms-details {
        margin: 0 auto 30px;
    }
    .service-demo-box .demo-card-box {
        padding: 30px;
    }
    .terms-details h2 {
        font-size: 32px;
        line-height: 1.2;
    }
    .terms-details p,
    .terms-list li {
        font-size: 14px;
        line-height: 1.4;
    }
    .testimonials-section .section-title {
        margin: 0 auto 40px;
    }
    .service-demo-box .card-body-content h4 {
        font-size: 24px;
        line-height: 1.3;
    }
    .flip-box-section .box .body .content .inner-content h3,
    .team-section .team-card-body h4,
    .text-overlay .box-top-title h4 {
        font-size: 18px;
        margin-bottom: 10px;
    }
    .industry-hero-section .left-banner-content h4,
    .team-card-body h4,
    .top-title h2 {
        font-size: 20px;
    }
    .box-content p,
    .certification-preocess-box .card .card-body h5,
    .summary-box h5,
    .team-card-body p,
    .team-section .team-card-body .designation {
        font-size: 14px;
    }
    .breadcrumb,
    .why-box-content {
        margin-bottom: 0;
    }
    .ry-logo {
        position: static;
    }
    .industry-hero-section {
        padding: 150px 20px 80px;
    }
    .industry-section .industry-card-box .card-body {
        padding: 15px;
    }
    .location-box {
        margin: 20px auto;
    }
    .industry-section .industry-card-box .card-body p {
        height: 58px;
        line-height: 1.4;
        font-size: 14px;
    }
    .project-four__content p {
        font-size: 14px;
        line-height: 1.3;
        height: 57px;
    }
    .download-box .left-box-content h3 {
        font-size: 24px;
        line-height: 1.3;
    }
    .download-box {
        padding: 20px 20px 0;
    }
    .download-icon {
        justify-content: center;
    }
    .portfolio-section .project-four__title {
        font-size: 20px;
        line-height: 1.2;
    }
    .industry-box .project-four__single {
        margin-bottom: 25px;
    }
    .book-list-box .card-body h5,
    .isd-service-section .industry-card-box .card-body h4,
    .job-details h4,
    .right-sidebar-box h4 {
        font-size: 18px;
    }
    .industry-section .industry-card-box .card-body h4 {
        font-size: 1rem;
        line-height: 1.3;
        height: 40px;
        margin-bottom: 10px;
    }
    .about-us-section .about-box-content::after,
    .why-about-section .development-content-box::after {
        height: 100%;
    }
    .industry-hero-section.braudcum-section .left-banner-content h1,
    .isd-section.braudcum-section .left-banner-content h1 {
        font-size: 30px;
        line-height: 1.4;
        margin-bottom: 10px;
    }
    .industry-hero-section .left-banner-content h1 {
        font-size: 32px;
        line-height: 1.4;
        margin-bottom: 10px;
    }
    .top-scroll-nav .navbar {
        padding: 10px 0;
    }
    .isd-design-section .section-title {
        margin-bottom: 80px;
    }
    .development-service-section .section-title h3 {
        font-size: 28px;
        line-height: 1.3;
    }
    .development-content-box .top-title h2 {
        font-size: 22px;
        line-height: 1.3;
    }
    .development-content-box .row {
        align-items: flex-start;
    }
    .product-section .section-title,
    .product-section.product-development-section .section-title {
        margin: 0 auto 60px;
    }
    .faq-email a,
    .main-header .nav-outer,
    .main-slider .main-slider__image {
        margin-left: var(--margin-zero);
    }
    .app-process-section.portfolio-section .section-title h3,
    .industry-section .section-title h3,
    .product-section .section-title h3 {
        font-size: 32px;
    }
    .isd-service-section .industry-card-box .card-body h4,
    .isd-service-section .industry-card-box .card-body p {
        height: auto;
    }
    .our-service-section {
        padding: 80px 20px;
    }
    .isd-design-section .section-title h3,
    .isd-portfolio-section .section-title h3 {
        font-size: 30px;
    }
    .portfolio-section .case-study-section {
        padding-top: 0;
    }
    .industry-hero-section .left-banner-content p {
        font-size: 1rem;
        line-height: 1.4;
    }
    .apply-btn,
    .summary-box h5 span,
    .top-scroll-nav .nav-pills li .nav-link {
        font-size: 12px;
    }
    .counter-one__count {
        font-size: 40px;
    }
    .braudcum-section .left-banner-content h1 {
        font-size: 40px;
        margin-bottom: 0;
    }
    .braudcum-section {
        padding: 100px 20px 60px;
    }
    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .main-slider-three .container,
    .section .container-lg {
        max-width: 720px;
    }
    .btn-style-one {
        padding: 10px 30px;
        font-size: 1rem;
    }
    .cta-one__counter,
    .site-footer__upper-title {
        padding-left: var(--padding-zero);
    }
    .main-menu__navigation .navigation > li {
        margin-left: var(--margin-zero);
        margin-right: var(--margin-right-15);
    }
    .main-header .header-lower .inner-container {
        clear: both;
        content: "";
    }
    .project-detail__text-five {
        max-width: 100%;
    }
    .main-slider .owl-nav {
        position: absolute;
        right: 15px;
        bottom: 20px;
        left: auto;
        top: auto;
        width: auto;
        max-width: auto;
    }
    .main-slider .owl-nav .owl-next,
    .main-slider .owl-nav .owl-prev {
        position: relative;
        margin-left: 15px;
        display: inline-block;
    }
    .main-header__lower__inner {
        padding-right: var(--padding-zero);
    }
    .main-header__lower {
        background-color: var(--roofie-primary);
    }
    .header-search__box {
        margin-left: var(--margin-left-5);
    }
    .main-header-phone__number {
        color: var(--roofie-white);
    }
    .energy-two__content-column,
    .main-slider__content {
        order: 1;
    }
    .energy-two__image-column,
    .main-slider .image-column,
    .solar-one__image-column {
        order: 2;
    }
    .energy-one__phone-box {
        margin-top: var(--margin-zero);
    }
    .faq-one__accordion-column-inner {
        padding-top: var(--padding-top-80);
    }
    .choose-one .section-title .pull-right,
    .project-two__inner-container .pull-right {
        width: 100%;
    }
    .cta-one__inner {
        padding-bottom: var(--padding-bottom-50);
    }
    .cta-one__counter {
        margin-top: var(--margin-top-40);
    }
    .comment-one__form-box,
    .consultant-two__content,
    .news-detail__blockquote,
    .purpose-one__button-box {
        margin-bottom: var(--margin-bottom-40);
    }
    .testimonial-one__text {
        font-size: 24px;
        line-height: 36px;
    }
    .faq-email,
    .faq-email a,
    .site-footer__bottom-logo {
        display: block;
    }
    .site-footer.style-two .site-footer_newsletter-list,
    .site-footer__copyright {
        padding: var(--padding-zero);
    }
    .header-style-two .main-header__logo-box {
        margin-right: var(--margin-zero);
    }
    .header-style-two .mobile-nav-toggler {
        margin-left: var(--margin-left-20);
    }
    .slider-two__title {
        line-height: 60px;
        font-size: var(--font-70);
    }
    .slider-two__text {
        font-size: var(--font-18);
    }
    .solar-one__content-column {
        order: 1;
        margin-bottom: var(--margin-bottom-60);
    }
    .solar-one__image-three {
        position: relative;
        right: auto;
        bottom: auto;
        margin-top: var(--margin-top-30);
    }
    .site-footer__upper {
        padding-top: var(--padding-zero);
    }
    .site-footer.style-two .site-footer__copyright {
        text-align: center;
        margin-bottom: var(--margin-bottom-30);
    }
    .site-footer__upper-logo {
        position: relative;
        margin-bottom: var(--margin-bottom-30);
    }
    .site-footer.style-two .site-footer__bottom {
        padding-top: var(--padding-top-30);
    }
    .slider-three .slide {
        padding-top: var(--padding-top-120);
    }
    .slider-three__title {
        line-height: 74px;
        font-size: var(--font-70);
    }
    .choose-two__inner-container .section-title {
        margin-bottom: var(--margin-zero);
    }
    .history-one__text {
        font-size: var(--font-18);
    }
    .history-one__title {
        line-height: 54px;
        font-size: var(--font-50);
    }
    .history-one__inner-container {
        padding-left: 260px;
    }
    .progress-one .progress-one__single {
        width: 50%;
    }
    .progress-one__inner-container {
        padding-bottom: var(--padding-bottom-70);
    }
    .purpose-one__title-two {
        margin-top: var(--margin-top-40);
    }
    .faq-email a {
        position: relative;
        margin-top: var(--margin-top-20);
    }
    .faq-email {
        padding: 20px;
    }
    .history-two__text-two {
        margin-bottom: var(--margin-bottom-20);
    }
    .contact-one__info {
        margin-bottom: var(--margin-bottom-60);
    }
    .top-scroll-nav .nav-pills li {
        margin-right: 20px;
        padding-left: 0;
    }
    .box-content {
        padding: 0;
    }
    .ar-page .right-box,
    .psm-box-content .row:nth-child(odd) .right-box,
    .service-box-content .row:nth-child(2n) .right-box {
        margin-right: 20px;
    }
    .right-box {
        margin-left: 20px;
    }
    .main-logo img {
        width: 100%;
    }
    .blog-section .container-lg {
        max-width: 750px;
    }
    .footer-middel {
        margin-top: 80px;
    }
    .why-royex-section .section-title {
        margin-bottom: 60px;
    }
    .flip-box-section .box .body .content .inner-content p {
        font-size: 14px;
        line-height: 1.5;
        height: 64px;
    }
    .service-card-box .card-body p {
        font-size: 14px;
        height: 64px;
    }
    .service-card-box .card-body h4,
    .service-card-box .card-img-overlay .overlay-content .card-body h4 {
        font-size: 14px;
        height: 36px;
    }
}
@media only screen and (max-width: 991px) {
    .comment-one__text br,
    .contact-one__info p br,
    .contact-search-section .development-content-box::after,
    .hide-on-991,
    .main-menu__menu-box,
    .progress-one__inner-container::before,
    .progress-one__single-inner::after,
    .site-footer__upper-title br,
    .slider-three__shape-one,
    .slider-two__image {
        display: none;
    }
    .show-on-991 {
        display: block;
    }
    .flip-box-section .box,
    .flip-box-section .box .body,
    .flip-box-section .case-study-box > .row .case_study_img:nth-child(2n) .box .body .imgContainer .front-img,
    .flip-box-section .case-study-box > .row .case_study_img:nth-child(odd) .box .body .imgContainer .front-img,
    .flip-box-section .case_study_box > .row .case_study_img:nth-child(2n) .box .body .imgContainer .front-img,
    .flip-box-section .case_study_box > .row .case_study_img:nth-child(odd) .box .body .imgContainer .front-img,
    .main-slider-three {
        height: 100%;
    }
    .download-icon {
        flex-direction: column;
    }
    .case_study_img {
        position: static !important;
    }
    .portfolio-gallery .project-four__image img {
        width: 100% !important;
    }
    .gallery-view-section .tmg-gallery,
    .portfolio-gallery .project-four__single {
        margin-bottom: 20px;
    }
    .resource-section {
        min-height: 100%;
    }
    .top-section-title {
        gap: 20px;
    }
    .top-section-title .tab-nav {
        width: 100%;
    }
    .top-section-title .tab-nav .nav {
        flex-wrap: nowrap;
        width: 100%;
    }
    .protfolio-modal .modal-content {
        margin: 0 auto;
    }
    .protfolio-modal .modal-dialog {
        margin: 20px auto;
    }
    .ar-page .banner-logo,
    .main-slider-three .container,
    .main-slider__three-left p,
    .main-slider__three-left span,
    .main-slider__three-title,
    .modal-body-content .project-body,
    .modal-body-content .project-body h4,
    .modal-body-content .project-body p,
    .social-box {
        text-align: center;
    }
    .expirence-box,
    .expirence-box .inner-content p {
        text-align: left;
    }
    .scroll-items-box .tab-nav .nav {
        flex-wrap: wrap;
    }
    .scroll-items-box .nav-item {
        width: 48%;
    }
    .category-faq-box .nav-link {
        font-size: 14px;
        line-height: 1.3;
        padding: 1rem 18px;
    }
    .inner-tab-content h3 {
        font-size: 30px;
        line-height: 1.3;
    }
    .inner-tab-content p,
    .team-card-body p {
        font-size: 14px;
    }
    .help-support-section {
        padding: 100px 20px 50px !important;
    }
    .ctg-search-section {
        padding: 100px 20px 0 !important;
    }
    .industry-section .section-title,
    .service-section.support-faq-section .section-title {
        margin-bottom: 30px !important;
    }
    .realstate-section .section-title h4 {
        font-size: 40px;
        line-height: 1.3;
    }
    .top-section {
        padding: 50px 20px;
    }
    .study-details-section .border-left {
        border-left: 0;
        border-top: 1px solid #e2cfcf;
    }
    .right-content-box {
        margin-top: 20px;
    }
    .about-us-section,
    .gallery-section,
    .service-section.join-section,
    .service-section.magazine-webinar-section,
    .service-section.rd-section,
    .service-section.vacancy-section,
    .service-section.video-resource-section {
        padding: 100px 20px 20px;
    }
    .expirence-box {
        width: 100%;
        flex-wrap: wrap;
    }
    .about-us-section,
    .banner-logo,
    .ry-logo {
        text-align: center;
    }
    .top-section-title .left-title h3 {
        font-size: 32px;
    }
    .top-section-title a {
        width: 20%;
    }
    .job-content {
        flex-direction: column;
        gap: 15px;
        justify-content: flex-start;
        align-items: flex-start;
    }
    .footer-left-content,
    .social-icons {
        justify-content: center;
    }
    .main-header.fixed-header .sticky-header .main-header__phone-number span {
        display: inline-block;
    }
    .main-menu__navigation {
        display: none;
        float: left;
    }
    .main-header__lower .outer-box {
        padding: 20px 0;
    }
    .main-header__lower {
        padding: 0 20px;
    }
    .main-header .outer-box {
        position: relative;
        margin-left: var(--margin-left-25);
    }
    .ar-page .main-header .outer-box {
        margin-right: var(--margin-right-25);
        margin-left: 0;
    }
    .flip-box-section .box {
        max-width: 100%;
        margin-bottom: 1rem;
        max-height: 100%;
    }
    .location-box figure {
        margin: 0;
    }
    .footer-menu ul {
        gap: 10px;
    }
    .main-logo img {
        position: static;
        margin-bottom: 30px;
    }
    .main-slider__three-img {
        position: relative;
        left: 0;
        right: 0;
        margin: 30px auto 0;
        top: 0;
        max-height: 433px;
        height: 100%;
    }
    .our-service-section,
    .service-section {
        padding: 100px 20px;
    }
    .service-section .section-title {
        margin-bottom: 60px !important;
    }
    .main-slider__three-left {
        max-width: 700px;
        width: 100%;
        margin: 0 auto;
    }
    .about-box-content .left-box,
    .banner-logo {
        margin-bottom: 30px;
    }
    .project-detail__title,
    .section-title__title {
        line-height: 50px;
        font-size: var(--font-50);
    }
    .cta-one__text,
    .main-header__info li {
        font-size: var(--font-16);
    }
    .main-slider__tagline {
        margin-top: var(--margin-zero);
    }
    .enerygy-one__text,
    .enerygy-one__text-two,
    .site-footer__about-text,
    .site-footer__newsletter-text,
    .solar-one__text,
    .solar-one__text-two {
        padding-right: var(--padding-zero);
    }
    .enerygy-one__client-box {
        padding: 50px 25px;
    }
    .energy-one__image-three {
        position: absolute;
        top: auto;
        right: 0;
        bottom: -20px;
    }
    .site-footer_newsletter-list li {
        margin-right: var(--margin-right-5);
    }
    .main-header__contact-list li {
        margin-right: var(--margin-right-15);
    }
    .header-style-two .mobile-nav-toggler {
        padding: 23px 0;
        margin-left: var(--margin-zero);
    }
    .slider-two .slide {
        padding: 80px 0 120px;
    }
    .energy-one__phone-inner {
        font-size: var(--font-24);
    }
    .progress-one__inner-container,
    .progress-one__single-inner,
    .service-two__single-inner {
        padding-left: var(--padding-left-20);
        padding-right: var(--padding-right-20);
    }
    .service-two__text {
        line-height: 30px;
    }
    .cta-one__inner {
        padding-bottom: var(--padding-bottom-50);
    }
    .project-three .section-title .pull-right {
        width: 100%;
        margin-top: var(--margin-top-40);
    }
    .testimonial-two__text {
        line-height: 34px;
        font-size: var(--font-20);
    }
    .counter-one__inner-container {
        padding-top: 40px;
    }
    .left-banner-content h1 {
        font-size: 50px;
    }
    .left-banner-content h4 {
        margin-bottom: 10px;
    }
    .consultant-one__image::before {
        left: 20px;
        top: 20px;
        right: 20px;
        bottom: 20px;
    }
    .consultant-one__text {
        font-size: var(--font-18);
    }
    .consultant-one__form-inner {
        padding: 40px 30px;
    }
    .main-header .nav-outer {
        float: right;
        margin-left: var(--margin-zero) !important;
    }
    .slider-three .owl-dots {
        left: auto;
        text-align: center;
        transform: translateX(0);
    }
    .history-one__btn-box {
        position: relative;
        right: 0;
        top: 0;
        margin-top: var(--margin-top-30);
    }
    .service-three__title {
        padding-top: var(--padding-zero);
    }
    .progress-one .progress-one__single {
        width: 33.1%;
    }
    .comment-one__reply-comment,
    .consultant-two__form-box,
    .contact-one__form-box {
        margin-left: var(--margin-zero);
    }
    .faq-two .column {
        padding: 0 15px;
    }
    .project-one__overlay-box {
        left: 20px;
        bottom: 20px;
        right: 20px;
    }
    .news-three__content,
    .project-detail__info-box {
        padding: 25px;
    }
    .news-detail__title,
    .news-three__title {
        line-height: 40px;
        font-size: var(--font-40);
    }
    .contact-one__title {
        margin-right: var(--margin-zero);
    }
    .top-title h2 {
        font-size: 24px;
        line-height: 1.3;
    }
    .blog-section .owl-nav .owl-prev {
        left: -10px;
    }
    .blog-section .owl-nav .owl-next {
        right: -10px;
    }
    .about-us-section {
        padding: 120px 20px 50px;
    }
    #accordionFlushExample{
        display: grid;
        gap: 0px !important;
    }
    .ry-logo {
        position: static;
        max-width: 300px;
    }
    .team-card-body h4 {
        font-size: 20px;
    }
    .team-card-body {
        padding: 10px 0;
    }
    .our-team-section {
        padding: 60px 20px;
    }
    .why-about-section.product-section.product-development-section .section-title {
        margin: 0 auto 40px;
    }
    .why-about-section {
        padding: 120px 20px 50px;
    }
    .certification-section {
        padding: 100px 20px 50px;
    }
    .about-box-content::after,
    .why-about-section .development-content-box::after {
        background: 0 0;
    }
    .list-items-box li,
    .why-about-section .development-content-box .row {
        margin-bottom: 50px;
    }
    .why-about-section .development-content-box .row:nth-child(2n) .right-box {
        margin-left: 0;
    }
    .why-about-section .development-content-box .row:nth-child(odd) .right-box {
        margin-right: 0;
    }
    .about-banner-section {
        background-size: cover !important;
    }
    .list-items-box {
        padding: 0;
    }
}
@media only screen and (max-width: 920px) {
    .box-content p,
    .mixitup-gallery .filter-tabs li a {
        font-size: 14px;
    }
    .section .container-lg {
        max-width: 580px;
        padding: 0 1rem !important;
    }
    .case-study-section .section-title h3,
    .partner-section .section-title h3,
    .portfolio-section .section-title h3,
    .why-royex-section .section-title h3 {
        font-size: 32px;
    }
    .about-box-content::after,
    .development-content-box::after,
    .psm-box-content::after,
    .service-box-content::after {
        height: 80%;
    }
    .inner-psm-section {
        padding-bottom: 20px !important;
    }
    .service-right-card-body {
        padding-top: 1rem;
        padding-bottom: 0;
    }
    .inner-psm-section .psm-box-content::after {
        height: 65%;
    }
    .box-content p {
        line-height: 1.5;
    }
    .psm-box-content .row:nth-child(odd) .right-box,
    .service-box-content .row:nth-child(2n) .right-box {
        margin-right: 20px;
    }
    .right-box {
        margin-left: 20px;
    }
    .top-title h2 {
        font-size: 20px;
    }
    .top-nav {
        margin-top: 0;
    }
    .realstate-section .section-title h4 {
        font-size: 33px;
    }
    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .main-slider-three .container {
        max-width: 580px;
    }
}
@media only screen and (max-width: 768px) {
    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .main-slider-three .container,
    .section .container-lg {
        max-width: 540px;
        padding: 0 1rem !important;
    }
    .mobile-menu .mobile-menu__outer li .submenu-toggle{
        background: transparent; border: 0; color: #fff;
    }
    .isd-service-section .industry-card-box .card-body p {
        height: 65px;
    }
    .industry-list-section .container {
        padding: 0 !important;
        max-width: 100%;
    }
    .top-title h2 {
        font-size: 18px;
    }
    .main-slider-three .container {
        padding: 100px 1rem 0 !important;
    }
    .main-slider__three-title {
        font-size: 32px;
    }
    .about-box-content::after,
    .development-content-box::after,
    .psm-box-content::after,
    .service-box-content::after {
        height: 75%;
    }
    .mobile-menu{
        width: 380px;
    }
}
@media only screen and (max-width: 767px) {
    .show-on-767 {
        display: block;
    }
    .banner-logo,
    .development-content-box::after,
    .hide-on-767,
    .left-navbar,
    .main-header .search-outer,
    .main-header__contact-list,
    .main-menu__navigation,
    .main-slider__shape-three,
    .project-two__text br,
    .project-two__title span::before,
    .psm-box-content::after,
    .section-title__text br,
    .service-box-content::after,
    .slider-three__power,
    .solar-one__shape-four,
    .solar-one__shape-three,
    .testimonial-one__text br {
        display: none;
    }
    .main-header {
        position: static;
        background: #000;
    }
    .main-header.fixed-header .sticky-header,
    .main-header__lower,
    .main-slider__three-left,
    .realstate-section .section-title h4 {
        padding: 0 1rem;
    }
    .top-scroll-nav .nav-pills li {
        margin-right: 30px;
    }
    .braudcum-section {
        min-height: 100%;
    }
    .braudcum-section .container-lg,
    .sticky-header .container,
    .tech-img-figure {
        max-width: 100%;
    }
    .top-banner-content {
        max-width: 100%;
        margin: 0 auto;
    }
    .interfaces-section {
        padding: 40px 20px;
    }
    .portfolio-section .section-title,
    .service-box-content .row:nth-child(odd) .right-box {
        margin-top: 0;
    }
    .customer-solution-section .top-banner-content {
        padding: 50px 40px;
    }
    .pb-60 {
        padding-bottom: 60px !important;
    }
    .service-section.book-list-section {
        padding: 90px 20px 40px;
    }
    .app-preocess-box .widget-box .card-body p {
        font-size: 14px;
        line-height: 1.3;
    }
    .portfolio-section.app-process-section {
        padding: 60px 20px 80px;
    }
    .app-preocess-box .widget-box .card-body h4,
    .breadcrumb {
        margin-bottom: 10px;
    }
    .industry-section.isd-service-section .industry-card-box .card-body h4 {
        height: auto;
    }
    .sticky-header__logo {
        padding-left: 0 !important;
        margin-left: 0;
    }
    .blog-page .main-header__logo-box {
        margin: 0 !important;
    }
    .our-service-section,
    .service-section {
        padding: 70px 20px 60px;
    }
    .blog-card-img,
    .news-details__social-list {
        width: 100%;
    }
    .mixitup-gallery .filter-tabs li {
        padding: 5px 0;
    }
    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .main-slider-three .container,
    .section .container-lg {
        max-width: 100%;
        padding: 0 !important;
    }
    .top-title h2 {
        max-width: 100%;
        width: 100%;
    }
    .industry-hero-section .left-banner-content p,
    .industry-section .industry-card-box .card-body p,
    .industry-section .section-title p {
        font-size: 14px;
        line-height: 1.5;
    }
    .industry-section .industry-card-box .card-body h4 {
        font-size: 18px;
    }
    .industry-section .book-list-box .industry-card-box .card-body p {
        height: 58px;
    }
    .industry-section .industry-card-box .card-body {
        padding: 20px;
    }
    .service-demo-box .demo-card-box {
        padding: 40px;
    }
    .industry-hero-section.braudcum-section .left-banner-content h1 {
        font-size: 24px;
        line-height: 1.2;
    }
    .service-demo-box .card-body-content h4 {
        font-size: 24px;
        line-height: 1.3;
    }
    .app-process-section.portfolio-section .section-title h3,
    .industry-section .section-title h3,
    .portfolio-section .section-title h3 {
        font-size: 32px;
        line-height: 1.4;
    }
    .development-service-section .section-title h3 {
        font-size: 26px;
        line-height: 1.4;
    }
    .portfolio-section .case-study-section .section-title {
        margin: 20px auto 30px;
    }
    .portfolio-section .case-study-section {
        padding: 40px 20px 20px;
    }
    .portfolio-section {
        padding: 70px 20px;
    }
    .left-banner-content h1 {
        font-size: 44px;
    }
    .isd-service-section {
        padding: 60px 20px;
    }
    .top-scroll-nav .navbar {
        padding: 1rem 0;
        min-height: auto;
    }
    .about-banner-section {
        background-attachment: scroll;
    }
    .isd-service-section .section-title {
        margin: 20px auto;
    }
    .braudcum-section .left-banner-content h1 {
        font-size: 40px;
        line-height: 1.2;
    }
    .realstate-section .section-title h4 {
        font-size: 32px;
        line-height: 1.3;
    }
    .section .container-lg {
        padding: 0 !important;
    }
    .left-banner-content p {
        font-size: 22px;
        line-height: 1.3;
    }
    .project-four__content p {
        height: 80px;
    }
    .main-header__logo-box {
        padding: 0;
        opacity: 1;
        visibility: visible;
    }
    .ar-page .sticky-header__logo,
    .choose-two__left,
    .main-header .mCSB_inside > .mCSB_container {
        margin-right: 0;
    }
    .main-header #navbarSupportedContent,
    .main-header .nav-outer .mobile-nav-toggler,
    .sticky-header__logo a {
        display: block;
    }
    .main-header .mobile-nav-toggler {
        display: block;
        padding: 27px 0;
        margin-right: 20px;
        color: #fff;
    }
    .ar-page .main-header .mobile-nav-toggler {
        margin-left: 20px;
        margin-right: 0;
    }
    .extra-page.main-header .mobile-nav-toggler,
    .sticky-header .mobile-nav-toggler {
        color: #000;
    }
    .ar-page .psm-box-content .row:nth-child(odd) .right-box,
    .ar-page .right-box,
    .ar-page .service-box-content .row:nth-child(2n) .right-box,
    .development-content-box .row:nth-child(2n) .right-box,
    .development-content-box .row:nth-child(odd) .right-box,
    .psm-box-content .row:nth-child(odd) .right-box,
    .right-box,
    .service-box-content .row:nth-child(2n) .right-box {
        margin-left: 0;
        margin-right: 0;
        margin-top: 20px;
    }
    .portfolio-section::after,
    .portfolio-section::before,
    .service-section::after,
    .service-section::before {
        height: 60px;
    }
    .table-box .box-content {
        margin-bottom: 0;
    }
    .psm-box-content,
    .service-box-content,
    .why-content-box {
        gap: 50px;
    }
    .development-service-section {
        padding: 80px 20px;
    }
    .development-content-box .top-title {
        margin-bottom: 1rem;
    }
    .box-content {
        padding: 20px 0 0;
    }
    .psm-box-content .row:nth-child(odd) .left-box .card-body,
    .service-box-content .row:nth-child(2n) .left-box .card-body {
        padding: 1rem 0 0 !important;
    }
    .main-header .outer-box {
        position: relative;
        left: 0;
        margin-left: 0;
        padding: 0;
    }
    .counter-one__inner,
    .energy-one__phone-inner,
    .news-detail__more-posts .next-post,
    .news-detail__more-posts .prev-post {
        text-align: center;
        padding: var(--padding-zero);
    }
    .main-header .sticky-header .mobile-nav-toggler {
        display: block;
        padding: 1rem 0;
    }
    .cta-one__title,
    .energy-two__title,
    .faq-one__accordion-column .section-title h2,
    .project-two__title,
    .section-title__title {
        line-height: 40px;
        font-size: var(--font-44);
    }
    .section-title {
        margin-bottom: var(--margin-bottom-45);
    }
    .main-slider .main-slider__image,
    .service-detail__title-three {
        margin-top: var(--margin-top-40);
    }
    .energy-one__phone-box {
        margin-top: var(--margin-top-30);
    }
    .testimonial-one .owl-nav {
        left: 0;
        right: 0;
    }
    .header-style-two .main-header__upper .pull-left,
    .progress-one .progress-one__single {
        width: 100%;
        text-align: center;
    }
    .header-style-two .main-header__logo-box {
        width: 100%;
        display: inline-block;
        margin: var(--margin-zero);
        text-align: center;
    }
    .slider-two__title {
        line-height: 56px;
        font-size: var(--font-60);
    }
    .counter-one__icon {
        position: relative;
        margin: 0 auto;
        margin-bottom: var(--margin-bottom-25);
    }
    .energy-one__phone-icon {
        position: relative;
        margin: 0 auto;
        display: block;
        margin-bottom: var(--margin-bottom-20);
    }
    .history-one__client-box,
    .styled-pagination {
        margin-bottom: var(--margin-bottom-30);
    }
    .history-one__inner-container {
        padding-left: var(--padding-zero);
    }
    .history-one__client-box {
        position: relative;
        display: block;
        max-width: 100%;
    }
    .page-title {
        padding: 100px 0;
    }
    .news-detail__more-posts .prev-post {
        width: 100%;
        margin-bottom: var(--margin-bottom-20);
    }
    .news-detail__more-posts .prev-post span {
        position: relative;
        top: 0;
        display: block;
        margin: 0 auto;
        margin-bottom: var(--margin-bottom-10);
    }
    .news-detail__more-posts .next-post {
        width: 100%;
    }
    .news-detail__more-posts .next-post span {
        position: relative;
        top: 0;
        display: block;
        margin: 0 auto;
        margin-bottom: var(--margin-bottom-10);
    }
    .footer-top > .row {
        gap: 15px;
    }
    .banner-logo-img img {
        max-width: 200px;
    }
    .main-slider__title,
    .main-slider__two-title {
        font-size: var(--font-50);
        line-height: 60px;
    }

    .main-slider-three .hero-slider .owl-stage .owl-item.active:nth-child(odd) .item .main-slider__three-img img, .main-slider-three .hero-slider .owl-stage .owl-item:nth-child(odd) .item .main-slider__three-img img {
        margin-right: auto;
        margin-left: auto;
    }

    .header-container {
        justify-content: center;
    }

    .stats-section {
        padding: 20px 1rem;
        gap: 10px;
    }
    .stat-item h2 {
        font-size: 25px;
    }
    .stat-item .plus {
        font-size: 22px;
    }
    .stat-item p {
        font-size: 12px;
        line-height: 14px;
        text-align: left;
    }
    .text-white,
    .text-gradient,
    .text-red {
        font-size: 14px !important;
        line-height: 17px !important;
    }
    .energy-one__shape-one,
    .hero-slider .main-logo img,
    .main-slider__content-img,
    .main-slider__nav,
    .main-slider__shape-group,
    .main-slider__three-title br,
    .main-slider__three-title span::before,
    .main-slider__title br,
    .main-slider__two-text br,
    .main-slider__two-title br {
        display: none;
    }
    .hero-section {
        min-height: auto;
    }
    .caption_text_1,
    .caption_text_2,
    .caption_text_3 {
        font-size: 50px !important;
        line-height: 60px !important;
    }
    .custom_banner_caption_text {
        padding: 0;
        margin: 20px 0 0 0;
    }
    .custom_banner_caption_left{
        width: 100% !important;
    }
    .custom_banner_caption_right{
                width: 100% !important;
        padding: 20px 5% 30px 5%;
        margin: 0 !important;
        z-index: 999;
    }
    .main-slider-three .hero-slider .owl-stage .owl-item.active:nth-child(odd) .item .main-slider__three-img,
    .main-slider-three .hero-slider .owl-stage .owl-item.active:nth-child(2n) .item .main-slider__three-img {
        transform: unset;
        transition: unset;
    }

    .main-slider__three-img {
        max-width: 100%;
        max-height: none;
        margin: 0 0 20px 0 !important;
    }
    .flip-box-section .box .body .imgContainer .front-img {
        height: 100%;
        object-fit: cover;
    }
    .download-box .right-box-content img {
        width: 100%;
    }
    .book-section .download-box .left-box-content h3 {
        font-size: 24px;
        line-height: 1.4;
    }
    .main-slider__three-title {
        font-size: 40px;
        line-height: 1.4;
    }
    .mobile-contact-info {
        padding: 20px 15px;
        margin-bottom: 0;
    }
    .mobile-contact-info a {
        display: block;
        margin-bottom: 10px;
    }
    .mobile-contact-info span {
        margin-bottom: 10px;
        gap: 10px;
        font-size: 12px;
    }
    .mobile-contact-info span img {
        max-width: 30px;
        width: 100%;
    }
    .mobile-contact-info span.addres-box {
        align-items: flex-start;
    }
    .mobile-menu__social {
        margin-top: 1rem;
    }
    .main-slider__three-play-box {
        position: relative;
        top: 0;
    }
    .main-slider__three-right {
        margin-top: 60px;
        margin-left: 37px;
        margin-right: 0;
        max-width: 320px;
        width: 100%;
    }
    #main-slider-pagination {
        max-width: 540px;
        padding: 0 15px;
    }
    .main-slider__three-play {
        padding: 33px 50px 40px;
    }
    /* first slide visible immediately; animation still applies to slides 2+ */
    .hero-slider .item:first-child .main-slider__three-title,
    .hero-slider:not(.owl-loaded) .item:first-child .main-slider__three-title ,
    .main-slider-three .hero-slider:not(.owl-loaded) .item:first-child .main-slider__three-title{
      opacity:1 !important;
      visibility:visible !important;
      transform:none !important;
    }
}
@media only screen and (max-width: 599px) {
    .main-slider .text {
        font-size: 15px;
    }
    .industry-list-section {
        padding: 20px 20px 70px !important;
    }
    .tab-nav .nav,
    .top_nav .nav-pills {
        gap: 10px;
    }
    .top_nav .nav-pills li {
        margin-right: 20px;
        line-height: 1;
    }
    .top_nav .nav-pills li a {
        padding: 5px 0 0;
        font-size: 12px;
        line-height: 1.5;
    }
    .main-slider__three-img img,
    .sticky-header__logo.resource-logo {
        max-width: 100%;
    }
    .main-slider__three-img {
        max-height: 380px;
    }
    .main-slider__three-left p,
    .mixitup-gallery .filter-tabs li a {
        font-size: 14px;
    }
    .ar-page .breadcrumb-item,
    .ar-page .breadcrumb-item a,
    .main-slider__three-left span {
        font-size: 1rem;
    }
    .top-scroll-nav .navbar {
        min-height: auto;
    }
    .tab-nav {
        flex-direction: column;
        align-items: flex-start;
    }
    .tab-nav .nav-pills .nav-link {
        padding: 10px 0;
    }
    .top-section-title {
        gap: 15px 0;
        margin-bottom: 30px;
    }
    .top-section-title .left-title span {
        display: block;
    }
    .top-job-title {
        flex-direction: column;
        gap: 10px;
        justify-content: flex-start;
    }
    .blog-details-section .designation {
        margin-right: auto;
    }
    .social-icons-btn {
        justify-content: flex-start !important;
    }
    .psm-box-content {
        margin-top: 40px;
    }
    .counter-one__inner-container {
        padding: 40px 0 0;
    }
    .hero-section {
        padding: 120px 20px 80px;
    }
    .counter-one__count,
    .partner-section .section-title h3,
    .section-title h3,
    .technology-section .section-title h3 {
        font-size: 30px;
        line-height: 1.3;
    }
    .counter-one__text {
        font-size: 16px;
        line-height: 1.3;
    }
    .counter-one__inner {
        min-height: 100%;
        margin-bottom: 20px;
    }
    .left-banner-content h1 {
        font-size: 40px;
    }
    .left-banner-content p {
        max-width: 100%;
        font-size: 20px;
    }
    .left-banner-content h4 {
        font-size: 20px;
        margin-bottom: 10px;
    }
    .service-card-box .card-body h4 {
        font-size: 18px;
    }
    .section-title h1 {
        font-size: 50px;
        line-height: 1.2;
    }
    .project-body h4 {
        font-size: 18px;
        line-height: 1.4;
    }
    .contact-one__text-two br,
    .main-header__phone-number,
    .sec-title h2 br,
    .slider-two__text br,
    .solar-one__shape-three,
    .sponsors-one .section-title__title br {
        display: none;
    }
    .whats-app-icon {
        display: block;
        position: fixed;
        right: 1rem;
        bottom: 90px;
        z-index: 999;
    }
    .whats-app-icon img {
        width: 100%;
        max-width: 55px;
        height: 55px;
    }
    .portfolio-section::after,
    .portfolio-section::before,
    .service-section::after,
    .service-section::before {
        height: 50px;
    }
    .certification-section,
    .footer-section {
        padding: 80px 20px 50px;
    }
    .our-service-section,
    .portfolio-section,
    .why-royex-section {
        padding: 60px 20px;
    }
    .realstate-section .section-title {
        padding: 0 1rem;
    }
    .why-box-content {
        margin: 0;
    }
    .blog-card-box .card-body p,
    .technology-section .section-title p {
        font-size: 14px;
        line-height: 1.4;
    }
    .realstate-section .section-title h4 {
        font-size: 32px;
        line-height: 1.4;
    }
    .video-section .card-img-overlay {
        background: rgba(0, 0, 0, 0.5);
        background-attachment: scroll;
    }
    #myBtn {
        right: 20px;
        top: 20px;
    }
    .partner-section .section-title {
        margin: 0 auto 30px !important;
    }
    .flip-box-section .box .body .imgContainer .box-top-title img {
        max-width: 150px;
        margin: 0 auto;
    }
    .blog-card-box .card-body h4 a {
        font-size: 24px;
        line-height: 1.4;
    }
    .blog-card-box .card-body h4,
    .portfolio-section .section-title {
        margin-bottom: 20px;
    }
    .mixitup-gallery .filter-tabs {
        gap: 10px;
        justify-content: space-evenly;
        width: 100%;
    }
    .case-study-section .section-title,
    .case-study-section .section-title.top-title-box,
    .portfolio-section.case-study-section .section-title {
        margin: 0 auto 20px;
    }
    .mixitup-gallery .filter-tabs li {
        padding: 15px 0;
        margin-right: 20px;
    }
    .top-scroll-nav .nav-pills li .nav-link {
        padding: 0;
    }
    .main-slider__tagline {
        margin-bottom: var(--margin-bottom-25);
    }
    .energy-two__text,
    .enerygy-one__text,
    .enerygy-one__text-two,
    .project-two__text,
    .section-title__text {
        line-height: 28px;
        font-size: var(--font-16);
    }
    .testimonial-one__text {
        font-size: var(--font-20);
    }
    .faq-one__image:before {
        left: 20px;
        top: 20px;
        right: 20px;
        bottom: 20px;
    }
    .solar-one__image-inner-column {
        padding-right: var(--padding-zero);
    }
    .cta-image__one {
        margin-left: var(--margin-zero);
    }
    .solar-one__image-two {
        margin-top: var(--margin-top-30);
    }
    .slider-three__title {
        line-height: 56px;
        font-size: var(--font-50);
    }
    .consultant-two__text {
        font-size: var(--font-18);
    }
    .consultant-two__title,
    .faq-two__title {
        line-height: 42px;
        font-size: var(--font-40);
    }
    .slider-three .slide {
        padding-bottom: var(--padding-bottom-150);
    }
    .consultant-two__form-box {
        padding: 20px 30px 45px;
    }
    .page-main__title,
    .purpose-one__title {
        font-size: var(--font-50);
    }
    .history-two__text,
    .history-two__text-five,
    .history-two__text-four,
    .history-two__text-three,
    .history-two__text-two,
    .project-detail__text-three,
    .project-detail_text,
    .project-detail_text-two,
    .service-detail__text,
    .service-detail__text-two {
        font-size: var(--font-18);
    }
    .faq-one__accordion,
    .project-detail__text-four {
        margin-bottom: var(--margin-bottom-30);
    }
    .comment-one__image,
    .history-two__text span,
    .news-detail__author-thumb {
        position: relative;
        margin-bottom: var(--margin-bottom-25);
    }
    .history-two__text {
        padding-left: var(--padding-zero);
    }
    .history-two__text span,
    .history-two__title,
    .history-two__title-two {
        font-size: var(--font-50);
    }
    .history-two__text span {
        top: 0;
        display: block;
    }
    .service-detail__title {
        font-size: var(--font-40);
    }
    .service-detail__faq-accordion {
        padding: 20px;
    }
    .comment-one__single {
        padding-left: var(--padding-zero);
    }
    .news-detail__author-inner {
        padding: var(--padding-zero);
    }
    .contact-one__form-box {
        padding: 30px 20px;
    }
    .service-section.book-list-section .portfolio-btn {
        margin-top: 1.5rem !important;
    }
}
@media only screen and (max-width: 575px) {
    .scroll-items-box .tab-nav .nav {
        flex-wrap: nowrap;
        flex-direction: column;
    }
    .case-study-box .more-btn,
    .service-section .card-body p {
        font-size: 14px;
    }
    .terms-box-content {
        padding: 0;
    }
    .contact-details {
        flex-direction: column-reverse;
        gap: 16px;
    }
    .contact-info-details {
        max-width: 100%;
    }
    .brochure-download-box .download-btn {
        line-height: 1;
        padding: 10px;
    }
    .book-details-section .box-content,
    .section-title {
        margin-bottom: 30px;
    }
    .top-section-title .left-title h3 {
        font-size: 24px;
        line-height: 1.2;
    }
    .scroll-items-box .nav-item,
    .team-card-box .team-card-img img,
    .top-section-title a {
        width: 100%;
    }
    .category-faq-box .row {
        flex-direction: column-reverse;
    }
    .service-box .blog-card-body {
        height: auto;
    }
    .blog-card-body h4 a,
    .blog-card-body p,
    .industry-section .book-list-box .industry-card-box .card-body h5,
    .industry-section .book-list-box .industry-card-box .card-body p,
    .industry-section .industry-card-box .card-body h4,
    .industry-section .industry-card-box .card-body p,
    .service-card-box .card-body p,
    .service-card-box .card-img-overlay .overlay-content {
        height: 100%;
    }
    .product-section .section-title h3 {
        font-size: 26px;
        line-height: 1.4;
    }
    .tech-img-figure {
        margin-bottom: 0;
    }
    .our-service-section,
    .portfolio-section,
    .why-royex-section {
        padding: 70px 20px;
    }
    .published-date {
        font-size: 1rem;
    }
    .isd-design-section .section-title h3,
    .isd-portfolio-section .section-title h3 {
        font-size: 24px;
    }
    .service-card-box .card-body h4,
    .service-card-box .card-img-overlay .overlay-content .card-body h4 {
        font-size: 18px;
        height: 100%;
        min-height: auto;
    }
    .testimonial-widget {
        margin-bottom: 20px;
    }
    .counter-one__inner-container .counter-one__single {
        border-top: 1px solid #e2cfcf;
        border-left: 0;
        padding-top: 20px;
        margin-bottom: 0;
    }
    .counter-one__inner-container .counter-one__single:first-child {
        padding-top: 0;
    }
    .ry-logo {
        max-width: 200px;
    }
    .top-scroll-nav .nav-pills li .nav-link {
        font-size: 12px;
        line-height: 1;
    }
    .left-banner-content h1 {
        font-size: 32px;
    }
}
@media only screen and (max-width: 480px) {
    .consultant-one__title,
    .faq-two__title,
    .project-detail__title,
    .slider-two__title {
        line-height: 40px;
        font-size: var(--font-36);
    }
    .main-header__logo img {
        max-width: 100px;
        width: 100%;
        height: auto !important;
    }
    .terms-details h2 {
        font-size: 26px;
        line-height: 1.2;
    }
    .enquiry-modal .modal-dialog {
        margin: 20px auto;
    }
    .enquiry-modal .modal-content {
        max-width: 380px;
        margin: 0 auto;
    }
    .enquiry-modal .modal-header h5 {
        font-size: 24px;
    }
    .terms-section {
        margin-bottom: 20px !important;
    }
    .team-section .our-team,
    .technology-section .section-title h3 {
        margin-bottom: 10px;
    }
    .team-section {
        padding: 60px 20px 30px;
    }
    .team-section .section-title h3 {
        font-size: 30px;
        margin-bottom: 10px;
    }
    .team-section .section-title p {
        font-size: 14px;
    }
    .isd-design-section .section-title h3,
    .isd-portfolio-section .section-title h3 {
        font-size: 22px;
    }
    .case-study-box .more-btn,
    .mixitup-gallery .filter-tabs li a {
        font-size: 12px;
    }
    .mixitup-gallery .filter-tabs li {
        padding: 10px 0;
    }
    .footer-menu ul {
        gap: 5px;
    }
    .iso-image {
        margin: 55px auto 40px;
    }
    .energy-one__image-three,
    .main-header__cart-box {
        margin-left: var(--margin-zero);
    }
    .client-section .section-title h3 {
        font-size: 36px;
        line-height: 1.4;
    }
    .text-overlay .box-top-title h4 {
        font-size: 20px;
        line-height: 1.2;
    }
    .main-slider__three-left .main-slider__three-title {
        font-size: 24px;
        line-height: 1.3;
        margin-bottom: 10px;
    }
    .banner-logo-img img,
    .main-logo img {
        max-width: 180px;
    }
    .sticky-header__logo {
        max-width: 100px;
        width: 100%;
    }
    .sticky-header__logo.resource-logo {
        max-width: 100%;
    }
    .main-header__logo-box {
        padding: 0;
    }
    .main-header .sticky-header .mobile-nav-toggler {
        line-height: 1;
        font-size: 24px;
        padding: 20px 0;
    }
    .btn-style-one,
    .main-header.fixed-header .sticky-header .btn-style-one {
        padding: 10px 30px;
    }
    .main-header.fixed-header .sticky-header .mobile-nav-toggler {
        line-height: 1;
        font-size: 24px;
        padding: 25px 0;
    }
    .cta-one__title,
    .energy-two__title,
    .faq-one__accordion-column .section-title h2,
    .project-two__title,
    .section-title__title {
        font-size: var(--font-38);
    }
    .energy-two__skill-title {
        font-size: var(--font-16);
    }
    .energy-one__image-three {
        position: relative;
        bottom: 0;
        display: block;
    }
    .energy-one__image-two {
        display: block;
        margin-bottom: var(--margin-bottom-25);
    }
    .energy-one__image-three img,
    .energy-one__image-two img,
    .solar-one__image-inner-column img {
        width: 100%;
    }
    .cta-one__inner {
        padding: 45px 20px 40px;
    }
    .project-one__overlay-box {
        left: 20px;
        right: 20px;
    }
    .main-header__agent-box,
    .section-title__title br {
        display: none;
    }
    .header-style-two .main-header__lower .outer-box {
        display: block;
        float: left;
    }
    .solar-one__image,
    .solar-one__image-three,
    .solar-one__image-two {
        display: block;
    }
    .project-three__overlay-box {
        right: 20px;
    }
    .testimonial-two__single-inner {
        padding-left: var(--padding-left-20);
        padding-right: var(--padding-right-20);
    }
    .testimonial-two__quote-icon {
        left: -10px;
    }
    .choose-one__single-inner {
        padding: 30px 20px;
    }
    .news-two__content {
        padding: 25px;
    }
    .site-footer__upper-title {
        line-height: 36px;
        font-size: var(--font-34);
    }
    .slider-three__title {
        line-height: 46px;
        font-size: var(--font-38);
    }
    .choose-two__text-two {
        font-size: var(--font-18);
    }
    .pricing-one__title {
        font-size: var(--font-36);
    }
    .history-one__title {
        line-height: 44px;
        font-size: var(--font-40);
    }
    .service-three__content {
        padding: 25px 25px 30px;
    }
    .main-header__cart-panel {
        left: 0 !important;
        right: auto;
    }
    .service-three__title {
        line-height: 34px;
        font-size: var(--font-28);
    }
    .service-detail__solution-single {
        padding: var(--padding-zero);
    }
    .service-detail__solution-icon {
        position: relative;
        display: block;
        margin-bottom: var(--margin-bottom-25);
    }
    .service-detail__faq-accordion {
        padding: 20px;
    }
    .project-four .filters li {
        width: 100%;
        margin: 0 0 15px;
    }
    .contact-one__title,
    .error-page__tagline,
    .news-detail__title,
    .news-three__title {
        line-height: 34px;
        font-size: var(--font-30);
    }
    .styled-pagination li {
        margin-right: 5px;
    }
    .more-btn,
    .portfolio-section .project-four__content {
        padding: 10px;
    }
    .footer-menu ul li {
        padding: 0 20px;
    }
    .footer-middel {
        margin-top: 50px;
    }
    .footer-widget__title,
    .section-title h1,
    .section-title.rich-title h2 {
        font-size: 26px;
        line-height: 1.3;
    }
    .site-footer__newsletter-text {
        margin-bottom: 20px;
    }
    .footer-menu ul li a {
        font-size: 14px;
        padding: 0;
        line-height: 1.4;
    }
    .top-scroll-nav .navbar {
        padding: 20px 10px;
    }
    .portfolio-section .project-four__title {
        font-size: 14px;
        line-height: 1.2;
    }
    .flip-box-section .box .body .content .inner-content h3 {
        font-size: 16px;
        line-height: 1.3;
        margin-bottom: 5px;
    }
    .flip-box-section .box .body .content .inner-content p,
    .project-four__content p {
        height: 32px;
        font-size: 13px;
        line-height: 1.2;
    }
    .realstate-section .section-title h4 {
        font-size: 25px;
    }
    .psm-box-content,
    .service-box-content,
    .why-content-box {
        gap: 50px;
    }
    .project-four__single {
        margin-bottom: 0;
    }
    .portfolio-section .project-four__single {
        margin-bottom: 25px;
    }
    .project-body h4 {
        font-size: 1rem;
        line-height: 1.2;
        height: 20px;
        margin-bottom: 5px;
    }
    .project-body p {
        height: 40px;
        font-size: 14px;
        line-height: 1.5;
        margin-bottom: 25px;
    }
    .service-section.book-section {
        padding: 60px 20px 0;
    }
}
@media only screen and (max-width: 425px) {
    .brochure-download-box {
        flex-direction: column;
    }

    .mobile-menu{
        width: 300px;
    }
    .contact-details h4,
    .contact-details p {
        text-align: center;
    }
    .brochure-download-box .download-btn {
        max-width: 170px;
        width: 100%;
    }
    .mixitup-gallery .filter-tabs,
    .top-scroll-nav .nav-pills {
        justify-content: space-between;
        gap: 10px 0;
    }
    .blog-card-box .card-body h4 a {
        font-size: 20px;
    }
    .app-process-section.portfolio-section .section-title h3,
    .development-content-box .top-title h2,
    .development-service-section .section-title h3,
    .industry-section .section-title h3,
    .isd-section.braudcum-section .left-banner-content h1,
    .partner-section .section-title h3,
    .portfolio-section .section-title h3,
    .section-title h3,
    .technology-section .section-title h3 {
        font-size: 24px;
    }
    .why-about-section .development-content-box .row:last-child {
        margin-bottom: 20px;
    }
    .about-us-section.service-section {
        padding: 60px 20px 30px;
    }
    .mixitup-gallery .filter-tabs li,
    .top-scroll-nav .nav-pills li {
        padding: 5px 0 0 10px;
    }
    .mixitup-gallery .filter-tabs li a,
    .top-scroll-nav .nav-pills li a {
        width: 100%;
        display: inline-flex;
    }
    .about-us-section,
    .gallery-section,
    .service-section,
    .service-section.join-section,
    .service-section.magazine-webinar-section,
    .service-section.rd-section,
    .service-section.vacancy-section,
    .service-section.video-resource-section {
        padding: 60px 20px;
    }
    .top-scroll-nav .navbar {
        padding: 1rem 0;
    }
    .top-scroll-nav .nav-pills li .nav-link {
        padding: 0;
    }
    .section .container-lg {
        padding: 0 !important;
    }
    .footer-widget__newsletter-btn {
        position: static;
        max-width: 100%;
    }
    .footer-menu ul li {
        padding: 0 10px;
    }
    .footer-menu ul li a {
        font-size: 12px;
        line-height: 1.2;
    }
    .footer-widget__title {
        font-size: 24px;
        line-height: 1.2;
    }
    .sticky-header__logo {
        max-width: 120px;
    }
    .sticky-header__logo.resource-logo,
    .sticky-header__logo.resource-logo img {
        max-width: 100%;
    }
}
@media only screen and (max-width: 380px) {
    .realstate-section .section-title h4 {
        font-size: 22px;
    }
    .table-content {
        padding: 20px;
    }
    .service-section.book-section {
        padding: 60px 20px 0;
    }
    .top-section-title .left-title h3 {
        font-size: 20px;
    }
    .top-section-title a {
        font-size: 1rem;
    }
    .book-section .download-box {
        padding: 25px 20px;
    }
    .main-slider__three-img {
        max-height: 300px;
    }
    .partner-section .section-title h3,
    .portfolio-section .section-title h3,
    .section-title h3,
    .technology-section .section-title h3 {
        font-size: 22px !important;
    }
    .text-overlay .box-top-title h4 {
        font-size: 16px;
    }
    .sticky-header__logo {
        max-width: 100%;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .main-slider__content-img,
    .main-slider__shape-group,
    .main-slider__three-title br {
        display: none;
    }
    .main-slider__two-title {
        font-size: var(--font-90);
    }
    .main-slider__three-title span::before {
        bottom: 19px;
    }
    .main-slider__three-play-box {
        position: relative;
        top: 0;
    }
    .main-slider__three-right {
        margin-top: 60px;
        margin-left: 37px;
        margin-right: 0;
        max-width: 320px;
        width: 100%;
    }
    #main-slider-pagination {
        max-width: 720px;
        padding: 0 15px;
    }
    .banner_btn_section{
        justify-content: center;
        margin-bottom: 30px;
    }
    .custom_banner_caption_left{
        width: 100% !important;
    }
    .header-container {
        justify-content: center;
    }
    .custom_banner_caption_right{
        width: 100% !important;
        margin: 50px 0 30px 0;
    }
    .left-menu .top-nav {
        margin-top: 15px;
    }
    .main-slider-three .hero-slider .owl-stage .owl-item.active:nth-child(odd) .item .main-slider__three-img img, .main-slider-three .hero-slider .owl-stage .owl-item:nth-child(odd) .item .main-slider__three-img img {
        margin-right: auto;
        margin-left: auto;
    }
    .stats-section {
        padding: 20px 0;
        gap: 10px;
    }
    .stat-item h2 {
        font-size: 25px;
    }
    .stat-item .plus {
        font-size: 22px;
    }
    .stat-item p {
        font-size: 12px;
        line-height: 14px;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .main-slider__content-img {
        top: 112px;
    }
    .published-date {
        font-size: 14px;
        padding: 8px;
        max-width: 100px;
    }
    .main-slider__title {
        font-size: var(--font-90);
    }
    .blog-card-box .card-body h4 a {
        font-size: 20px;
    }
    .footer-widget__newsletter-btn {
        max-width: 120px;
    }
    .site-footer__newsletter-text {
        margin-bottom: 30px;
    }
    .blog-card-box .highlight {
        font-size: 150px;
    }
    .blog-card-box .card-body p {
        font-size: 14px;
    }
    .main-slider__three-title span::before {
        bottom: 16px;
    }
    .main-slider__three-right {
        margin-left: 0;
        margin-right: 0;
    }
    .main-slider__three-play-box {
        top: 90px;
        left: 0;
    }
    .main-slider__three-play {
        padding: 33px 50px 40px;
    }
    #main-slider-pagination {
        max-width: 960px;
        padding: 0 15px;
    }
    .sticky-header__logo a{
        display: none !important;
    }
    .sticky-header .main-menu__navigation > li > a {
        padding: 10px 0;
    }
    .caption_text_1,
    .caption_text_2,
    .caption_text_3{
        font-size: 55px !important;
        line-height: 65px !important;
    }
}
@media only screen and (min-width: 1024px) and (max-width: 1366px) {
    .main-slider-three {
        height: 710px;
    }
    .main-slider-three.braudcum-section {
        height: 100%;
    }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .sticky-header__logo {
        margin-left: 80px;
        max-width: 100px;
    }
    .sticky-header__logo img {
        max-width: 100px;
        width: 100%;
        height: auto !important;
    }
    .main-header__phone-number span{
        display: none !important;
    }
    .sticky-header .main-menu__navigation > li > a {
        padding: 10px 0;
    }
    .caption_text_1,
    .caption_text_2,
    .caption_text_3{
        font-size: 60px !important;
        line-height: 74px !important;
    }
    
}
@media only screen and (min-width: 1400px) and (max-width: 1680px) {
    .main-header .sticky-header__logo {
        margin-left: 70px;
        max-width: 100px;
    }
    .main-header.fixed-header .sticky-header__logo {
        margin-left: 0px;
        max-width: 100px;
    }
    .sticky-header__logo img {
        max-width: 100px;
        width: 100%;
        height: auto !important;
    }
    .main-header__phone-number {
        gap: 5px;
    }
    
}




@media only screen and (min-width: 768px) {
    .main-menu__navigation > li > ul,
    .main-menu__navigation > li > ul > li > ul {
        display: block !important;
        visibility: hidden;
        opacity: 0;
    }
    
    .royex-in-news-section .section-title p{
      margin: 0 10%;
    }
    .custom_banner_caption_right{
        margin-top: -70px;
    }
}
@media only screen and (min-width: 1400px) {
    .container-xxl {
        max-width: 1520px;
    }
}
@media only screen and (min-width: 1681px) {
    .main-slider__three-img img {
        max-width: 90%;
        width: 100% !important;
    }
    .banner_caption_p{
        margin-right: 30%;
    }
}
@media only screen and (min-width: 2561px) {
    .container-xl,
    .container-xxl,
    .service-details-section .container-xl {
        max-width: 80%;
    }
    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .main-slider-three .container,
    .main-header__lower .container,
    .sticky-header .container {
        max-width: 80%;
    }
    .main-header__logo a {
        margin-left: 0;
    }
}