.outer-menu .menu > div > div {
    padding: 100px 20px 30px! important;
}

.hide-on-1200 {
    display: block;
}
.show-on-1200 {
    display: none;
}

.hide-on-767 {
    display: block;
}
.show-on-767 {
    display: none;
}

@media only screen and (max-width: 2560px) {
    .container-xl, .container-xxl {
        max-width: 1520px;
    }
    .container, .container-lg, .container-md, .container-sm {
        max-width: 1320px;
    }
}
@media only screen and (max-width: 2200px) {
    
    .container, .container-lg, .container-md, .container-sm {
        max-width: 1320px;
    }
}
@media only screen and (max-width: 1920px) {
    .container-xl, .container-xxl {
        max-width: 1520px;
    }
    .main-slider-three .container, .container, .container-lg, .container-md, .container-sm {
        max-width: 1320px;
    }
   /* .main-logo img {
        max-width: 300px;
        width: 100%;
    }*/
}
@media only screen and (max-width: 1680px) {
    .main-header.fixed-header .sticky-header .container-xl, .container-xxl {
        max-width: 1320px;
    }

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

    .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>li>a {
        font-size: 12px;
    }
    .sticky-header .main-menu__navigation.resource-menu__navigation>li>a {
        font-size: 12px;
    }
    .main-menu__navigation.resource-menu__navigation>li>a {
        font-size: 12px;
    }
    .sticky-header .main-menu__navigation>li>a {
        font-size: 12px;
    }

    .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: 10px;
        line-height: 1.5;
    }

    .ar-page .service-section .card-body p {
        font-size: 1rem;
    }
    .main-logo img {
        max-width: 250px;
        width: 100%;
    }
    .main-slider__three-img img {
        max-width: 550px;
        width: 100%;
    }
    /* .main-slider__three-title {
        font-size: 50px;
        line-height: 1.4;
    } */
    .ry-logo {
        top: -90px;
    }
    .terms-box-content {
        padding:0 1rem;
    }
}
@media only screen and (max-width: 1400px) {
    .webinar-section {
        padding: 90px 20px 30px;
    }

    .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;
    }

    .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(even) .item .main-slider__three-img {
        transform: translateX(-5%);
    }

    .main-slider-three .hero-slider .owl-stage .owl-item.active:nth-child(even) .item .main-slider__three-img {
        opacity: 1;
        transform: translateX(5%);
        transition: transform 2000ms ease, opacity 2000ms ease, color 500ms ease, background 500ms ease;
    }
    
    .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 2000ms ease, opacity 2000ms ease, color 500ms ease, background 500ms ease;
    }
    

    .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 {
        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-section .team-card-body h4 {
        font-size: 22px;
    }
    .team-section .our-team {
        margin-bottom: 50px;
    }
    .mixitup-gallery.industry-box .filters {
        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: 18px;
        line-height: 1.4;
        min-height: 80px;
        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: 1140px;
        padding: 0 1rem! important;
    }
    .main-slider-three .container {
        padding: 135px 1rem 0! important;
    }
    .portfolio-section::after, .service-section::after, 
    .portfolio-section::before, .service-section::before, .service-section::after {
        height: 80px;
    }
    .top-title {
        margin-bottom: 10px;
    }
    .top-title h2 {
        font-size: 24px;
        line-height: 1.4;
    }
    .main-slider__three-img {
        /* right: -130px; */
        top: 20%;
    }
    .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 span {
        font-size: 22px;
        line-height: 1.2;
    } */
    .main-slider__three-left p {
        font-size: 18px;
        line-height: 1.4;
        margin-bottom: 0;
    }
    .banner-logo-img img, .main-logo img {
        max-width: 220px;
        width: 100%;
    }
    .sticky-header .main-menu__navigation>li, .main-menu__navigation>li {
        margin-right: 10px;
    }
    .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, .service-section {
        padding: 100px 20px;
    }

    .blog-list-section {
        padding:90px 20px !important;
    }
        /* .portfolio-section.terms-section {
        padding: 90px 20px 40px;
    } */
        .video-details-section,
        .portfolio-section.video-details-section,
        .inner-blog-section,
        .section.inner-blog-section {
            padding: 90px 20px 0;
        }

    .support-engineer-section, .service-section.join-section, .service-section.vacancy-section {
        padding: 100px 20px 50px;
    }
    .top-banner-section, .contact-section {
        padding: 100px 20px 50px;
    }

    .contact-search-section {
        padding: 100px 20px 50px;
    }
    .product-section {
        padding: 100px 20px;
    }

    .industry-list-section {
        padding: 30px 20px 90px! important;
    }

    .client-section .section-title {
        margin: 0 auto 30px;
    }
    .case-study-section .section-title.top-title-box {
        margin: 0 auto 30px;
    }
    .case-study-section .section-title {
        margin: 30px 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 {
        padding: 0;
    }

    .sticky-header__logo {
        padding: 0;
    }
    .main-header.fixed-header .left-navbar .top-nav {
        margin-top: 0px;
    }
    .mixitup-gallery .filter-tabs {
        flex-wrap: wrap;
        gap: 10px;
    }
    .blog-card-body h4 a {
        font-size: 18px;
        line-height: 1.4;
    }
    .team-card-body h4 {
        font-size: 22px;
    }
    .magazine-webinar-section, .rd-section, .video-resource-section, .gallery-section, .about-us-section {
        padding: 100px 20px 50px;
    }
    .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 10px;
    }
    .mixitup-gallery .filter-tabs li a {
        font-size: 12px;
    }
    .left-box .highlight, .blog-card-box .highlight {
        font-size: 150px;
        left: 30px;
    }
    .main-slider__three-img img {
        max-width: 400px;
        width: 100%;
    }
    .main-slider__three-title {
        font-size: 40px;
    }
    .main-header.fixed-header .sticky-header .container-xl, .container, .container-lg, .container-md, .container-sm, .container-xl, .main-slider-three .container {
        max-width: 1024px;
    }
    .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;
    }
    .resource-card-section {
        display: none;
    }

    .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;
    }
    .main-header.fixed-header .sticky-header .main-header__phone-number span {
        display: none;
    }
    .main-slider__three-left {
        max-width: 100%;
    }
    .inner-content-box span {
        font-size: 1rem;
    }

    .hide-on-1200 {
        display: none;
    }

    .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 {
        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%;
    }
    .isd-service-section .industry-card-box .card-img-overlay .overlay-content, .img-overlay .card-body {
        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 .container {
        max-width: 100%;
    }
    .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: 180px;
    }
    .sticky-header__logo.resource-logo img {
        max-width: 180px;
    }
    .main-slider-three .container {
        max-width: 940px;
    }

    .flip-box-section .box {
        max-width: 100%;
    }
    
    .why-content-box .row:nth-child(odd) .right-box {
        margin: 30px auto 0;
    }

    .why-content-box .row:nth-child(even) .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-name {
        font-size: 1rem;
    }

    .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;
    }

    .right-card-box h4 {
        font-size: 1rem;
        line-height: 1.4;
    }

    .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;
    }

    .travel-section.portfolio-section .section-title p,
    .right-card-box .author-details p,
    .top-section .section-title p,
    .testimonial-widget .right-card-box .card-body .discription,
    .right-card-box p {
        font-size: 14px;
    }

    .right-event-content-box h4 {
        font-size: 20px;
    }

    .inner-content-box h4 {
        font-size: 20px;
    }

    .inner-title-content h2 {
        font-size: 24px;
        line-height: 1.3;
    }

    .date-time span {
        font-size: 13px;
    }

    .date-time h5 {
        font-size: 1rem;
    }

    .inner-content-box h5 {
        font-size: 1rem;
    }

    .list-box li,
    .inner-content-box p {
        font-size: 14px;
    }

    .inner-content-box p br {
        display: none;
    }

}
@media only screen and (max-width: 1024px) {
    .main-header .header-lower .logo-box {
        padding-bottom: var(--padding-zero);
    }
    /* .resource-card-section {
        margin-top: 20px;
    } */
    .expirence-box {
        width: auto;
        flex-wrap: wrap;
        text-align: center;
    }
    .expirence-box .inner-content p {
        text-align: center;
    }
    .hiring-banner-section {
        background-attachment: scroll! important;
        height: 100%! important;
        background-position: center;
    }
    .inner-psm-section {
        padding-bottom: 30px! important;
    }
    .portfolio-section .section-title {
        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 {
        font-size: 1rem;
    }
    .psm-box-content .row {
        align-items: flex-start! important;
    }
    .accordion-button:not(.collapsed), .accordion-button, .accordion-button.collapsed {
        font-size: 1rem;
        line-height: 1.3;
    }
    .styled-pagination {
        margin-bottom: 30px;
    }
    .view-btn {
        padding: 10px;
    }
    .industry-section.industry-leaders-section .section-title h3 {
        font-size: 28px;
    }
    .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;
    }
    .team-section .team-card-body h4 {
        font-size: 18px;
        margin-bottom: 10px;
    }
    .team-card-body h4 {
        font-size: 20px;
    }
    .certification-preocess-box .card .card-body h5 {
        font-size: 14px;
    }
    .team-section .team-card-body .designation, .team-card-body p {
        font-size: 14px;
    }
    .breadcrumb {
        margin-bottom: 0;
    }
    .about-us-section .container {
        text-align: center;
    }
    .ry-logo {
        position: static;
    }
    .industry-hero-section {
        padding: 150px 20px 80px;
    }
    .industry-hero-section .left-banner-content h4 {
        font-size: 20px;
    }
    .industry-section .section-title {
        margin: 0 auto 30px;
    }
    .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 {
        text-align: center;
        padding: 20px 20px 0;
    }
    .download-box .left-box-content h3 {
        text-align: center;
    }
    .download-box .left-box-content {
        margin-bottom: 30px;
    }
    .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 {
        font-size: 18px;
    }
    .industry-section .industry-card-box .card-body h4 {
        font-size: 1rem;
        line-height: 1.3;
        height: 40px;
        margin-bottom: 10px;
    }
    .industry-section .industry-card-box .card-body h4 br {
        display: none;
    }
    .why-about-section .development-content-box::after {
        height: 100%;
    }
    .about-us-section .about-box-content::after {
        height: 100%;
    }
    .isd-section.braudcum-section .left-banner-content h1, .industry-hero-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.product-development-section .section-title, .product-section .section-title {
        margin: 0 auto 60px;
    }
    .product-section .section-title h3, .app-process-section.portfolio-section .section-title h3, .industry-section .section-title h3 {
        font-size: 32px;
    }
    .isd-service-section .industry-card-box .card-body p, .isd-service-section .industry-card-box .card-body h4 {
        height: auto;
    }
    .isd-service-section .industry-card-box .card-body h4 {
        font-size: 18px;
    }
    .our-service-section {
        padding: 80px 20px;
    }
    .isd-portfolio-section .section-title h3, .isd-design-section .section-title h3 {
        font-size: 30px;
    }
    .portfolio-section .case-study-section {
        padding-top: 0px;
    }
    .industry-hero-section .left-banner-content p {
        font-size: 1rem;
        line-height: 1.4;
    }
    .top-scroll-nav .nav-pills li .nav-link {
        font-size: 12px;
    }
    .counter-one__text {
        font-size: 1rem;
    }
    .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 {
        max-width: 720px;
    }
    .section .container-lg {
        max-width: 720px;
    }
    .btn-style-one {
        padding: 10px 30px;
        font-size: 1rem;
    }
    .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: "";
    }
    .main-header .header-lower .logo-box {
        float: left;
    }
    .project-detail__text-five {
        max-width: 100%;
    }
    .project-detail__text-four br, .project-detail__text-three br, .purpose-one__text br, .main-header__top {
        display: none;
    }
    .main-slider .owl-nav {
        position: absolute;
        right: 15px;
        bottom: 20px;
        left: auto;
        top: auto;
        width: auto;
        max-width: auto;
    }
    .main-slider .owl-nav .owl-prev, .main-slider .owl-nav .owl-next {
        position: relative;
        margin-left: 15px;
        display: inline-block;
    }
    .main-header::before {
        display: none;
    }
    .main-header__lower__inner {
        padding-right: var(--padding-zero);
    }
    .main-header__lower {
        background-color: var(--roofie-primary);
    }
    .main-header .nav-outer {
        margin-left: var(--margin-zero);
    }
    .header-search__box {
        margin-left: var(--margin-left-5);
    }
    .main-header-phone__number {
        color: var(--roofie-white);
    }
    .main-slider .main-slider__image {
        margin-left: var(--margin-zero);
    }
    .main-slider__content {
        order: 1;
    }
    .main-slider .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 {
        width: 100%;
    }
    .choose-one .section-title .section-title__text br {
        display: none;
    }
    .cta-one__inner {
        text-align: center;
    }
    .cta-one__counter {
        margin-top: var(--margin-top-40);
        padding-left: var(--padding-zero);
    }
    .news-detail__blockquote {
        margin-bottom: var(--margin-bottom-40);
    }
    .cta-one__inner {
        padding-bottom: var(--padding-bottom-50);
    }
    .project-two__inner-container .pull-right {
        width: 100%;
    }
    .energy-two__content-column {
        order: 1;
    }
    .energy-two__image-column {
        order: 2;
    }
    .testimonial-one__text {
        font-size: 24px;
        line-height: 36px;
    }
    .site-footer__bottom {
        text-align: center;
    }
    .site-footer__bottom-logo::before {
        display: none;
    }
    .site-footer__copyright {
        padding: var(--padding-zero);
    }
    .site-footer__social-nav {
        text-align: center;
    }
    .site-footer__bottom-logo {
        display: block;
    }
    .header-style-two .main-header__logo-box {
        margin-right: var(--margin-zero);
    }
    .main-header__btn-box {
        display: none;
    }
    .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-column {
        order: 2;
    }
    .solar-one__image-three {
        position: relative;
        right: auto;
        bottom: auto;
        margin-top: var(--margin-top-30);
    }
    .site-footer__shape-three, .site-footer__shape-four, .project-three .section-title .section-title__text br {
        display: none;
    }
    .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-btn-box, .site-footer__upper {
        text-align: center;
    }
    .site-footer__upper-logo {
        position: relative;
        margin-bottom: var(--margin-bottom-30);
    }
    .site-footer__upper-title {
        padding-left: var(--padding-zero);
    }
    .site-footer.style-two .site-footer__bottom {
        padding-top: var(--padding-top-30);
    }
    .site-footer.style-two .site-footer_newsletter-list {
        padding: var(--padding-zero);
    }
    .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 br, .history-one__title br {
        display: none;
    }
    .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);
    }
    .consultant-two__content {
        margin-bottom: var(--margin-bottom-40);
    }
    .purpose-one__title-two {
        margin-top: var(--margin-top-40);
    }
    .purpose-one__button-box {
        margin-bottom: var(--margin-bottom-40);
    }
    .faq-email a {
        position: relative;
        display: block;
        margin-top: var(--margin-top-20);
        margin-left: var(--margin-zero);
    }
    .faq-email {
        display: block;
        padding: 20px 20px;
    }
    .history-two__text-two {
        margin-bottom: var(--margin-bottom-20);
    }
    .comment-one__form-box {
        margin-bottom: var(--margin-bottom-40);
    }
    .contact-one__info {
        margin-bottom: var(--margin-bottom-60);
    }
    .top-scroll-nav .nav-pills li {
        margin-right: 20px;
        padding-left: 0;
    }
    .top-title h2 {
        font-size: 20px;
    }
    .box-content {
        padding: 0;
    }
    .box-content p {
        font-size: 14px;
    }

    .ar-page .right-box,
    .psm-box-content .row:nth-child(odd) .right-box, .service-box-content .row:nth-child(even) .right-box {
        margin-right: 20px;
    }
    .right-box {
        margin-left: 20px;
    }
    .banner-logo-img img, .main-logo img {
        max-width: 170px;
        width: 100%;
    }
    .blog-section .container-lg {
        max-width: 750px;
    }
    .footer-middel {
        margin-top: 80px;
    }
    .why-box-content {
        margin-bottom: 0;
    }
    .why-royex-section .section-title {
        margin-bottom: 60px;
    }
    .flip-box-section .box .body .content .inner-content h3, .text-overlay .box-top-title h4 {
        font-size: 18px;
        margin-bottom: 10px;
    }
    .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;
    }
    .right-sidebar-box h4, .job-details h4 {
        font-size: 18px;
    }
    .apply-btn {
        font-size: 12px;
    }
    .summary-box h5 span {
        font-size: 12px;
    }
    .summary-box h5 {
        font-size: 14px;
    }
}
@media only screen and (max-width: 991px) {

    .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(odd) .box .body .imgContainer .front-img,
    .flip-box-section .case-study-box >.row .case_study_img:nth-child(even) .box .body .imgContainer .front-img, 
    .flip-box-section .case_study_box >.row .case_study_img:nth-child(even) .box .body .imgContainer .front-img {
        height: 100%;
    }

    .download-icon {
        flex-direction: column;
    }

    .case_study_img {
        position: static! important;
    }

    .portfolio-gallery .project-four__image img {
        width: 100%! important;
    }

    .portfolio-gallery .project-four__single {
        margin-bottom: 20px;
    }

    .flip-box-section .box,
    .flip-box-section .box .body {
        height: 100%;
    }

    .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;
    }

    .modal-body-content .project-body h4,
    .modal-body-content .project-body p,
    .modal-body-content .project-body,
    .social-box {
        text-align: center;
    }

    .contact-search-section .development-content-box::after {
        display: none;
    }

    .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 {
        font-size: 14px;
    }

    .help-support-section {
        padding: 100px 20px 50px! important;
    }

    .ctg-search-section {
        padding: 100px 20px 0! important;
    }

    .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 rgba(226, 207, 207, 1);
    }

    .right-content-box {
        margin-top: 20px;
    }

    .service-section.magazine-webinar-section, .service-section.rd-section, 
    .service-section.video-resource-section, 
    .gallery-section, .about-us-section, 
    .service-section.join-section, 
    .service-section.vacancy-section {
        padding: 100px 20px 20px;
    }
    .expirence-box {
        width: 100%;
        flex-wrap: wrap;
        text-align: left;
    }
    .top-section-title .left-title h3 {
        font-size: 32px;
    }

    .top-section-title a {
        width: 20%;
    }

    .expirence-box .inner-content p {
        text-align: left;
    }
    .job-content {
        flex-direction: column;
        gap: 15px;
        justify-content: flex-start;
        align-items: flex-start;
    }
    .gallery-view-section .tmg-gallery {
        margin-bottom: 20px;
    }
    .social-icons {
        justify-content: center;
    }
    .main-header.fixed-header .sticky-header .main-header__phone-number span {
        display: inline-block;
    }
    .footer-left-content {
        justify-content: center;
    }
    .main-slider__three-left {
        margin-bottom: 20px;
    }
    .main-menu__navigation {
        display: none;
    }
    .main-header__lower .outer-box {
        padding: 20px 0px;
    }
    .main-header__lower {
        padding: 0 20px;
    }
    .main-slider__three-left span, .main-slider__three-title, .main-slider__three-left p {
        text-align: center;
    }
    .main-header .outer-box {
        position: relative;
        margin-left: var(--margin-left-25);
    }

    .ar-page .banner-logo {
        text-align: center;
    }

    .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 .container {
        text-align: center;
    }
    .main-slider-three {
        height: 100%;
    }
    .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;
    }
    .industry-section .section-title {
        margin-bottom: 30px! important;
    }
    .main-menu__navigation {
        float: left;
    }
    .main-slider__three-left {
        max-width: 700px;
        width: 100%;
        margin: 0 auto;
    }
    .slider-three__shape-one, .site-footer__upper-title br, .slider-two__image {
        display: none;
    }
    .main-menu__menu-box {
        display: none;
    }
    .main-header .nav-outer {
        float: right;
    }
    .project-detail__title, .section-title__title {
        line-height: 50px;
        font-size: var(--font-50);
    }
    .main-header__info li {
        font-size: var(--font-16);
    }
    .main-slider__tagline {
        margin-top: var(--margin-zero);
    }
    .site-footer__about-text, 
    .site-footer__newsletter-text, 
    .solar-one__text, 
    .solar-one__text-two, 
    .enerygy-one__text-two, 
    .enerygy-one__text {
        padding-right: var(--padding-zero);
    }
    .enerygy-one__client-box {
        padding: 50px 25px;
    }
    .energy-one__image-three {
        position: absolute;
        top: auto;
        right: 0px;
        bottom: -20px;
    }
    .cta-one__text {
        font-size: var(--font-16);
    }
    .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 0px;
        margin-left: var(--margin-zero);
    }
    .slider-two .slide {
        padding: 80px 0px 120px;
    }
    .energy-one__phone-inner {
        font-size: var(--font-24);
    }
    .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;
    }
    .banner-logo {
        text-align: center;
        margin-bottom: 30px;
    }
    .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 40px;
    }
    .main-header .nav-outer {
        margin-left: var(--margin-zero) !important;
    }
    .slider-three .owl-dots {
        left: auto;
        text-align: center;
        transform: translateX(0px);
    }
    .history-one__btn-box {
        position: relative;
        right: 0px;
        top: 0px;
        margin-top: var(--margin-top-30);
    }
    .service-three__title {
        padding-top: var(--padding-zero);
    }
    .progress-one__inner-container::before, .progress-one__single-inner::after {
        display: none;
    }
    .progress-one .progress-one__single {
        width: 33.1%;
    }
    .progress-one__inner-container, .progress-one__single-inner {
        padding-left: var(--padding-left-20);
        padding-right: var(--padding-right-20);
    }
    .consultant-two__form-box {
        margin-left: var(--margin-zero);
    }
    .faq-two .column {
        padding: 0px 15px;
    }
    .project-one__overlay-box {
        left: 20px;
        bottom: 20px;
        right: 20px;
    }
    .project-detail__info-box {
        padding: 25px 25px;
    }
    .news-three__content {
        padding: 25px 25px;
    }
    .news-three__title {
        line-height: 40px;
        font-size: var(--font-40);
    }
    .news-detail__title {
        line-height: 40px;
        font-size: var(--font-40);
    }
    .contact-one__info p br, .comment-one__text br {
        display: none;
    }
    .contact-one__form-box, .comment-one__reply-comment {
        margin-left: var(--margin-zero);
    }
    .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;
        text-align: center;
    }
    .ry-logo {
        position: static;
        text-align: center;
        max-width: 300px;
    }
    .team-card-body h4 {
        font-size: 20px;
    }
    .team-card-body p {
        font-size: 14px;
    }
    .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: none;
    }
    .why-about-section .development-content-box .row {
        margin-bottom: 50px;
    }
    .why-about-section .development-content-box .row:nth-child(even) .right-box {
        margin-left: 0;
    }
    .why-about-section .development-content-box .row:nth-child(odd) .right-box {
        margin-right: 0;
    }
    .about-box-content .left-box {
        margin-bottom: 30px;
    }
    .about-banner-section {
        background-size: cover! important;
    }
    .list-items-box {
        padding: 0;
    }
    .list-items-box li {
        margin-bottom: 50px;
    }

}
@media only screen and (max-width: 920px) {
    .section .container-lg {
        max-width: 600px;
        padding: 0 1rem! important;
    }
    .why-royex-section .section-title h3, .case-study-section .section-title h3, .portfolio-section .section-title h3, .partner-section .section-title h3 {
        font-size: 32px;
    }
    .mixitup-gallery .filter-tabs li a {
        font-size: 14px;
    }
    .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 {
        font-size: 14px;
        line-height: 1.5;
    }
    .psm-box-content .row:nth-child(odd) .right-box, .service-box-content .row:nth-child(even) .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: 620px;
    }
}
@media only screen and (max-width: 768px) {
    .section .container-lg, .container, .container-lg, .container-md, .container-sm, .container-xl, .main-slider-three .container {
        max-width: 540px;
        padding: 0 1rem! important;
    }
    .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: 1rem;
    }
    .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%;
    }
}
@media only screen and (max-width: 767px) {

    .show-on-767 {
        display: block;
    }

    .hide-on-767 {
        display: none;
    }

    .top-scroll-nav .nav-pills li {
        margin-right: 30px;
    }

    .braudcum-section {
        min-height: 100%;
    }

    .braudcum-section .container-lg {
        max-width: 100%;
    }

    .top-banner-content {
        max-width: 600px;
        margin: 0 auto;
    }

    .pb-60 {
        padding-bottom: 60px! important;
    }

    .banner-logo {
        display: none;
    }

    .section-title__text br, .main-header .search-outer, .main-menu__navigation {
        display: none;
    }

    .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 {
        margin-bottom: 10px;
    }
    .main-header__lower, .main-header.fixed-header .sticky-header {
        padding: 0;
    }
    .industry-section.isd-service-section .industry-card-box .card-body h4 {
        height: auto;
    }
    .realstate-section .section-title h4 {
        padding: 0 1rem;
    }
    .our-service-section, .service-section {
        padding: 70px 20px 60px;
    }
    .blog-card-img {
        width: 100%;
    }
    
    .mixitup-gallery .filter-tabs li {
        padding: 5px 0;
    }
    .section .container-lg {
        max-width: 100%;
        padding: 0! important;
    }
    .top-title h2 {
        max-width: 100%;
        width: 100%;
    }
    .breadcrumb {
        margin-bottom: 10px;
    }
    .industry-section .industry-card-box .card-body p, .industry-section .section-title p, .industry-hero-section .left-banner-content 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;
    }
    .tech-img-figure {
        max-width: 100%;
    }
    .project-four__content p {
        height: 80px;
    }
    .main-header__logo-box {
        padding: 0;
        opacity: 1;
        visibility: visible;
    }

    .ar-page .sticky-header__logo {
        margin-right: 0;
    }
    .sticky-header__logo {
        margin-left: 0;
    }

    .sticky-header__logo a {
        display: block;
    }
    .sticky-header .container {
        max-width: 100%;
    }
    .main-header .mobile-nav-toggler {
        display: block;
        padding: 27px 0px;
        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;
    }
    .development-content-box::after, .psm-box-content::after, .service-box-content::after {
        display: none;
    }

    .ar-page .right-box,
    .ar-page .psm-box-content .row:nth-child(odd) .right-box, 
    .ar-page .service-box-content .row:nth-child(even) .right-box,
    .development-content-box .row:nth-child(even) .right-box, 
    .development-content-box .row:nth-child(odd) .right-box, 
    .psm-box-content .row:nth-child(odd) .right-box, 
    .service-box-content .row:nth-child(even) .right-box, .right-box {
        margin-left: 0;
        margin-right: 0;
        margin-top: 20px;
    }

    .portfolio-section::after, .service-section::after, .portfolio-section::before, .service-section::before, .service-section::after {
        height: 60px;
    }

    .table-box .box-content {
        margin-bottom: 0;
    }

    .why-content-box, .psm-box-content, .service-box-content {
        gap: 50px;
    }

    .service-box-content .row:nth-child(odd) .right-box {
        margin-top: 0;
    }
    .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(even) .left-box .card-body {
        padding: 1rem 0 0! important;
    }
    .left-navbar {
        display: none;
    }
    .main-header .nav-outer .mobile-nav-toggler {
        display: block;
    }
    .main-header #navbarSupportedContent {
        display: block;
    }
    .main-header .mCSB_inside>.mCSB_container {
        margin-right: 0px;
    }
    .main-header .outer-box {
        position: relative;
        left: 0px;
        margin-left: 0px;
        padding: 0px 0px;
    }
    .main-header .sticky-header .mobile-nav-toggler {
        display: block;
        padding: 1rem 0;
    }
    .section-title__title, .cta-one__title, .energy-two__title, .project-two__title, .faq-one__accordion-column .section-title h2 {
        line-height: 40px;
        font-size: var(--font-44);
    }
    .section-title {
        margin-bottom: var(--margin-bottom-45);
    }
    .project-two__text br, .slider-three__power, .testimonial-one__text br, .project-two__title span::before, .main-header__contact-list, .main-slider__shape-three {
        display: none;
    }
    .main-slider .main-slider__image {
        margin-top: var(--margin-top-40);
    }
    .energy-one__phone-box {
        margin-top: var(--margin-top-30);
    }
    .testimonial-one .owl-nav {
        left: 0px;
        right: 0px;
    }
    .header-style-two .main-header__upper .pull-left {
        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__inner {
        text-align: center;
        padding: var(--padding-zero);
    }
    .counter-one__icon {
        position: relative;
        margin: 0 auto;
        margin-bottom: var(--margin-bottom-25);
    }
    .solar-one__shape-three, .solar-one__shape-four {
        display: none;
    }
    .energy-one__phone-inner {
        text-align: center;
        padding: var(--padding-zero);
    }
    .energy-one__phone-icon {
        position: relative;
        margin: 0 auto;
        display: block;
        margin-bottom: var(--margin-bottom-20);
    }
    .history-one__inner-container {
        padding-left: var(--padding-zero);
    }
    .history-one__client-box {
        position: relative;
        display: block;
        max-width: 100%;
        margin-bottom: var(--margin-bottom-30);
    }
    .progress-one .progress-one__single {
        width: 100%;
        text-align: center;
    }
    .page-title {
        padding: 100px 0px;
    }
    .service-detail__title-three {
        margin-top: var(--margin-top-40);
    }
    .styled-pagination {
        margin-bottom: var(--margin-bottom-30);
    }
    .news-details__social-list {
        width: 100%;
    }
    .news-detail__more-posts .prev-post {
        width: 100%;
        text-align: center;
        padding: var(--padding-zero);
        margin-bottom: var(--margin-bottom-20);
    }
    .news-detail__more-posts .prev-post span {
        position: relative;
        top: 0px;
        display: block;
        margin: 0 auto;
        margin-bottom: var(--margin-bottom-10);
    }
    .news-detail__more-posts .next-post {
        width: 100%;
        text-align: center;
        padding: var(--padding-zero);
    }
    .news-detail__more-posts .next-post span {
        position: relative;
        top: 0px;
        display: block;
        margin: 0 auto;
        margin-bottom: var(--margin-bottom-10);
    }
    .choose-two__left {
        margin-right: 0;
    }
    .footer-top >.row {
        gap: 15px;
    }
    .banner-logo-img img {
        max-width: 200px;
    }
}
@media only screen and (max-width: 599px) {
    .main-slider .text {
        font-size: 15px;
    }
    
    .industry-list-section {
        padding: 20px 20px 70px! important;
    }

    .top_nav .nav-pills {
        gap: 10px;
    }

    .top_nav .nav-pills li {
        margin-right: 30px;
    }

    .top_nav .nav-pills li a {
        padding: 5px 0 0;
    }

    .main-slider__three-img img {
        max-width: 100%;
    }

    .main-slider__three-img {
        max-height: 380px;
    }

    .main-slider__three-left p {
        font-size: 14px;
    }

    .main-slider__three-left span {
        font-size: 1rem;
    }

    .top-scroll-nav .navbar {
        min-height: auto;
    }

    .sticky-header__logo.resource-logo {
        max-width: 100%;
    }
    .tab-nav {
        flex-direction: column;
        align-items: flex-start;
    }
    .tab-nav .nav {
        gap: 10px;
    }
    .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 {
        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;
    }
    .main-header__phone-number {
        display: none;
    }
    .whats-app-icon {
        display: block;
        position: fixed;
        right: 1rem;
        bottom: 80px;
        /* z-index: 2000; */
    }
    .whats-app-icon img {
        width: 100%;
        max-width: 35px;
        height: 35px;
    }

    .partner-section .section-title h3, .section-title h3, .technology-section .section-title h3 {
        font-size: 30px;
        line-height: 1.3;
    }

    .portfolio-section::after, .service-section::after, .portfolio-section::before, .service-section::before {
        height: 50px;
    }

    .certification-section {
        padding: 80px 20px 50px;
    }

    .why-royex-section, .portfolio-section, .our-service-section {
        padding: 60px 20px;
    }
    .realstate-section .section-title {
        padding: 0 1rem;
    }
    .why-box-content {
        margin: 0;
    }
    .mixitup-gallery .filter-tabs li a {
        font-size: 14px;
    }
    .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 {
        margin-bottom: 20px;
    }
    .footer-section {
        padding: 80px 20px 50px;
    }
    .blog-card-box .card-body p {
        font-size: 14px;
        line-height: 1.4;
    }
    .mixitup-gallery .filter-tabs {
        gap: 10px;
        justify-content: space-evenly;
        width: 100%;
    }
    .portfolio-section .section-title {
        margin-bottom: 20px;
    }
    .case-study-section .section-title.top-title-box, .case-study-section .section-title, .portfolio-section.case-study-section .section-title {
        margin: 0 auto 20px;
    }
    .mixitup-gallery .filter-tabs li {
        padding: 15px 0;
    }
    .mixitup-gallery .filter-tabs li {
        margin-right: 20px;
    }
    .top-scroll-nav .nav-pills li .nav-link {
        padding: 0;
    }
    .sec-title h2 br {
        display: none;
    }
    .main-slider__tagline {
        margin-bottom: var(--margin-bottom-25);
    }
    .enerygy-one__text, .section-title__text, .project-two__text, .energy-two__text, .enerygy-one__text-two {
        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;
    }
    .contact-one__text-two br, .sponsors-one .section-title__title br, .solar-one__shape-three, .slider-two__text br {
        display: none;
    }
    .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 {
        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;
    }
    .purpose-one__title, .page-main__title {
        font-size: var(--font-50);
    }
    .faq-two__title {
        line-height: 42px;
        font-size: var(--font-40);
    }
    .faq-one__accordion {
        margin-bottom: var(--margin-bottom-30);
    }
    .history-two__text {
        font-size: var(--font-18);
        padding-left: var(--padding-zero);
    }
    .history-two__text-four, .history-two__text-five, .history-two__text-three, .service-detail__text, .service-detail__text-two, .project-detail_text, .project-detail_text-two, .project-detail__text-three, .history-two__text-two {
        font-size: var(--font-18);
    }
    .history-two__text span, .history-two__title, .history-two__title-two {
        font-size: var(--font-50);
    }
    .history-two__text span {
        position: relative;
        top: 0px;
        display: block;
        margin-bottom: var(--margin-bottom-25);
    }
    .service-detail__title {
        font-size: var(--font-40);
    }
    .service-detail__faq-accordion {
        padding: 20px 20px;
    }
    .project-detail__text-four {
        margin-bottom: var(--margin-bottom-30);
    }
    .comment-one__single {
        padding-left: var(--padding-zero);
    }
    .news-detail__author-inner {
        padding: var(--padding-zero);
    }
    .comment-one__image, .news-detail__author-thumb {
        position: relative;
        margin-bottom: var(--margin-bottom-25);
    }
    .contact-one__form-box {
        padding: 30px 20px;
    }
    
    .ar-page .breadcrumb-item a, 
    .ar-page .breadcrumb-item {
        font-size: 1rem;
    }

    .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;
    }
    .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;
        /* max-width: 166px;
        width: 100%; */
        padding: 10px;
        /* font-size: 10px; */
    }

    .book-details-section .box-content {
        margin-bottom: 30px;
    }


    .top-section-title .left-title h3 {
        font-size: 24px;
        line-height: 1.2;
    }


    /* .top-section-title {
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 15px;
        margin-bottom: 30px;
    }

    .top-section-title a {
        text-align: left;
    } */

    .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 {
        height: 100%;
    }

    .product-section .section-title h3 {
        font-size: 26px;
        line-height: 1.4;
    }
    
    .industry-section .industry-card-box .card-body p, 
    .industry-section .industry-card-box .card-body h4 {
        height: 100%;
    }

    .tech-img-figure {
        margin-bottom: 0;
    }

    .why-royex-section, .portfolio-section, .our-service-section {
        padding: 70px 20px;
    }
    .blog-list-section {
        padding: 70px 20px !important;
    }

    .published-date {
        font-size: 1rem;
    }
    
    .case-study-box .more-btn {
        font-size: 14px;
    }


    .scroll-items-box .nav-item {
        width: 100%;
    }

    .service-card-box .card-body h4 {
        height: 100%;
        font-size: 22px;
    }
    .isd-portfolio-section .section-title h3, .isd-design-section .section-title h3 {
        font-size: 24px;
    }
    .service-card-box .card-img-overlay .overlay-content {
        height: 100%;
    }
    .service-card-box .card-body h4, .service-card-box .card-img-overlay .overlay-content .card-body h4 {
        font-size: 18px;
        height: 100%;
    }
    .testimonial-widget {
        margin-bottom: 20px;
    }
    .team-card-box .team-card-img img {
        width: 100%;
    }
    .counter-one__inner-container .counter-one__single {
        border-top: 1px solid rgba(226, 207, 207, 1);
        border-left: 0;
        padding-top: 20px;
        margin-bottom: 0;
    }
    .counter-one__inner-container .counter-one__single:first-child {
        padding-top: 0;
    }
    .section-title {
        margin-bottom: 30px;
    }
    .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;
    }
    .service-card-box .card-body p {
        height: 100%;
    }
    .industry-section .book-list-box .industry-card-box .card-body h5,
    .industry-section .book-list-box .industry-card-box .card-body p {
        height: 100%;
    }
}
@media only screen and (max-width: 480px) {
    .project-detail__title {
        line-height: 40px;
        font-size: var(--font-36);
    }
    .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;
    }
    .technology-section .section-title h3 {
        margin-bottom: 10px;
    }
    .team-section {
        padding: 60px 20px 30px;
    }
    .team-section .our-team {
        margin-bottom: 10px;
    }
    .team-section .section-title h3 {
        font-size: 30px;
        margin-bottom: 10px;
    }
    .team-section .section-title p {
        font-size: 14px;
    }
    .isd-portfolio-section .section-title h3, 
    .isd-design-section .section-title h3 {
        font-size: 22px;
    }
    .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;
    }
    .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: 0px;
    }
    .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;
    }
    .section-title__title, .cta-one__title, .energy-two__title, .project-two__title, .faq-one__accordion-column .section-title h2 {
        font-size: var(--font-38);
    }
    .energy-two__skill-title {
        font-size: var(--font-16);
    }
    .energy-one__image-three {
        position: relative;
        bottom: 0px;
        margin-left: var(--margin-zero);
    }
    .energy-one__image-two {
        display: block;
        margin-bottom: var(--margin-bottom-25);
    }
    .energy-one__image-three img, .energy-one__image-two img {
        width: 100%;
    }
    .energy-one__image-three {
        display: block;
    }
    .cta-one__inner {
        padding: 45px 20px 40px;
    }
    .project-one__overlay-box {
        left: 20px;
        right: 20px;
    }
    .main-header__agent-box {
        display: none;
    }
    .header-style-two .main-header__lower .outer-box {
        display: block;
        float: left;
    }
    .main-header__cart-box {
        margin-left: var(--margin-zero);
    }
    .slider-two__title {
        line-height: 40px;
        font-size: var(--font-36);
    }
    .solar-one__image-inner-column img {
        width: 100%;
    }
    .solar-one__image, .solar-one__image-two, .solar-one__image-three {
        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;
    }
    .consultant-one__title {
        line-height: 40px;
        font-size: var(--font-36);
    }
    .news-two__content {
        padding: 25px 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;
    }
    .section-title__title br {
        display: none;
    }
    .main-header__cart-panel {
        left: 0px !important;
        right: auto;
    }
    .faq-two__title {
        line-height: 40px;
        font-size: var(--font-36);
    }
    .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 20px;
    }
    .project-four .filters li {
        width: 100%;
        margin: 0px 0px 15px;
    }
    .error-page__tagline, .news-detail__title, .contact-one__title, .news-three__title {
        line-height: 34px;
        font-size: var(--font-30);
    }
    .styled-pagination li {
        margin-right: 5px;
    }
    .portfolio-section .project-four__content {
        /* gap: 10px; */
        padding: 10px;
    }
    .footer-menu ul li {
        padding: 0 20px;
    }
    .footer-middel {
        margin-top: 50px;
    }
    .footer-widget__title {
        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;
    }
    .more-btn {
        padding: 10px;
    }
    .section-title h1 {
        font-size: 32px;
    }

    .why-content-box, .psm-box-content, .service-box-content {
        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;
    }

    .case-study-box .more-btn {
        font-size: 12px;
    }
    
    .service-section.book-section {
        padding: 60px 20px 0;
    }
}
@media only screen and (max-width: 425px) {
    .brochure-download-box {
        flex-direction: column;
        /* align-items: flex-start; */
    }

    .contact-details p {
        text-align: center;
    }

    .contact-details h4 {
        text-align: center;
    }

    .brochure-download-box .download-btn {
        max-width: 170px;
        width: 100%;
    }


    .top-scroll-nav .nav-pills, .mixitup-gallery .filter-tabs {
        justify-content: space-between;
        gap: 10px 0;
    }
    .blog-card-box .card-body h4 a {
        font-size: 20px;
    }
    .development-content-box .top-title h2 {
        font-size: 24px;
    }
    .why-about-section .development-content-box .row:last-child {
        margin-bottom: 20px;
    }
    .about-us-section.service-section {
        padding: 60px 20px 30px;
    }
    
    .top-scroll-nav .nav-pills li, .mixitup-gallery .filter-tabs li {
        padding: 5px 0 0 10px;
        /* margin: 0;
        list-style: none; */
    }
    .top-scroll-nav .nav-pills li a, .mixitup-gallery .filter-tabs li a {
        width: 100%;
        display: inline-flex;
    }
    .service-section.magazine-webinar-section, .service-section.rd-section, .service-section.video-resource-section, .gallery-section, .about-us-section, .service-section.join-section, .service-section.vacancy-section,
    .service-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;
    }
    .isd-section.braudcum-section .left-banner-content h1 {
        font-size: 24px;
    }
    /* .more-btn {
        padding: 5px 10px;
    } */
    .app-process-section.portfolio-section .section-title h3, .industry-section .section-title h3, .portfolio-section .section-title h3, .development-service-section .section-title h3, .portfolio-section .section-title h3, .partner-section .section-title h3, .section-title h3, .technology-section .section-title h3 {
        font-size: 24px;
    }
    .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 img, .sticky-header__logo.resource-logo {
        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;
    }

    .portfolio-section .section-title h3, .partner-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: 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;
    }
}
@media only screen and (min-width: 1024px) and (max-width: 1366px) {
    .main-slider-three {
        height: 700px;
    }
    .main-slider-three.braudcum-section {
        height: 100%;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .main-slider__content-img {
        display: none;
    }
    .main-slider__shape-group {
        display: none;
    }
    .main-slider__two-title {
        font-size: var(--font-90);
    }
    .main-slider__three-title br {
        display: none;
    }
    .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;
    }
}
@media only screen and (max-width: 767px) {
    .main-slider__content-img {
        display: none;
    }

    .hero-section {
        min-height: auto;
    }

    .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__shape-group {
        display: none;
    }
    .main-slider__nav {
        display: none;
    }
    .main-slider__title {
        line-height: 60px;
        font-size: var(--font-50);
    }
    .main-slider__title br {
        display: none;
    }
    .energy-one__shape-one {
        display: none;
    }
    .main-slider__two-title {
        font-size: var(--font-50);
        line-height: 60px;
    }
    .main-slider__two-title br {
        display: none;
    }
    .main-slider__two-text br {
        display: none;
    }
    .main-slider__three-title br {
        display: none;
    }
    .main-slider__three-title {
        font-size: 40px;
        line-height: 1.4;
    }

    .hero-slider .main-logo img {
        display: none;
    }

    .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-title span::before {
        display: none;
    }
    .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;
        ;
    }
}
@media only screen and (min-width: 1400px) {
    .container-xxl {
        max-width: 1520px;
    }
}
@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;
    }
}