@media (max-width:1600px) {

    .testim-head br,
    .testim-head h2 br {
        display: none
    }

    .banner_slider .carousel-caption h1,
    .banner_slider .carousel-caption h5 {
        font-size: 45px;
        line-height: 50px
    }
}

@media (min-width:1500px) {
    .gallery-wrapper {
        min-height: 800px
    }

    .bg-text-event {
        font-size: 6rem;
        top: 50%
    }
}

@media (max-width:1500px) {

    .banner_slider .carousel-caption h1,
    .banner_slider .carousel-caption h5 {
        font-size: 45px;
        line-height: 50px
    }

    .carousel-footer .carousel-left {
        max-width: 35%
    }

    .banner_slider .carousel-caption p {
        line-height: 25px;
        margin-bottom: 15px
    }

    .banner_slider .carousel-caption .main-btn {
        padding: 10px 30px
    }

    .anim-btn-1 {
        height: 45px
    }

    .hm-about {
        padding-left: 50px
    }

    .bg-text-event {
        font-size: 5rem
    }

    .gallery-slide .bg-img {
        width: 250px;
        height: 170px
    }

    .bg-img6 {
        right: 5%
    }
}

@media (max-width:1300px) {

    .awards-recog h2,
    .client-header h2,
    .faq-header h3 {
        font-size: 50px
    }

    .nav-desc-menu ul li a {
        font-size: 14px
    }
}

@media (max-width:1200px) {

    .client-header,
    .faq-header {
        text-align: center
    }

    .banner_slider .carousel-caption h1,
    .banner_slider .carousel-caption h5 {
        font-size: 35px;
        line-height: 40px
    }

    .right-nav-top {
        width: 85%;
        justify-content: end;
        border-left: 0
    }

    .main-header-in {
        padding: 0
    }

    .lang-switch ul li a,
    .nav-desc-menu ul li a {
        font-size: 14px
    }

    .header-img {
        width: 130px
    }

    .right-nav-top .anim-btn-1 {
        font-size: 14px;
        width: 135px
    }

    .bg-text {
        font-size: 8rem !important
    }

    .event-portfolio-cont h3 {
        font-size: 50px
    }

    .event-portfolio-cont h3 span {
        font-size: 16px
    }

    .left-hm-future-cont h2 {
        font-size: 40px;
        line-height: 50px
    }

    .client-header {
        margin-bottom: 30px
    }

    .faq-header h3 br,
    .left-about-first-in h2 br {
        display: none
    }

    .event-exper-list-all {
        padding-right: 50px
    }

    .event-exper-list-in {
        margin-left: 0;
        margin-bottom: 0;
        padding: 30px
    }

    .event-exper-list-all {
        margin-bottom: 50px
    }

    .event-exper-list-all-rev {
        padding-left: initial;
        padding-right: initial;
        margin-top: 50px
    }

    .event-exper-list-all-rev .event-exper-list-in {
        margin-left: 0;
        margin-bottom: auto;
        margin-top: 0
    }

    .qt {
        width: 100%
    }

    .left-about-second-sec h3 {
        font-size: 50px;
        line-height: 60px
    }

    .empower-img {
        height: 200px
    }

    .empower-featur .owl-nav button {
        width: 40px;
        height: 40px
    }

    .gallery-slide .bg-img {
        width: 250px
    }

    .bg-img1 {
        left: 3%
    }

    .bg-img2 {
        left: 36%
    }

    .gallery-btn-out .gallery-btn.left,
    .gallery-btn-out .gallery-btn.right {
        width: 60px;
        height: 60px
    }

    .bg-text-event {
        font-size: 4rem
    }

    .event-portfolio-img {
        height: 300px
    }

    .hover-1-description {
        padding: 15px;
        font-size: 14px
    }

    .blog-bg {
        top: 9%
    }

    .blog-dtails-img {
        height: 400px
    }
}

@media (max-width:992px) {
    .common-section {
        padding: 40px 0 0
    }

    .menu-outr {
        display: block
    }

    .menu-button.open .close-icon {
        right: -250%
    }

    .gallery-btn i,
    .gallery-btn svg,
    .menu a {
        font-size: 20px
    }

    .main-header-in {
        padding: 0
    }

    .menu-overlay {
        width: 100%;
        right: -100%
    }

    .banner_slider .carousel-caption h1,
    .banner_slider .carousel-caption h5,
    .right-achive-event h3,
    .right-project-event h3 {
        font-size: 35px;
        line-height: 40px
    }

    .banner_slider .carousel-caption p {
        font-size: 14px;
        font-weight: 400
    }

    .inner-banner {
        height: 350px
    }

    .inner-banner-cont {
        padding: 110px 20px
    }

    .rotatetext .circle-container {
        width: 100px;
        height: 100px
    }

    .blog-details-head h2,
    .common-head h3,
    .empower-featur-head h3,
    .event-experience h2,
    .innovative-featur-head h3,
    .left-about-second-sec h3,
    .left-events-inner h2,
    .left-hm-about h2,
    .technology-in h2 {
        font-size: 35px;
        line-height: 45px
    }

    .left-events-inner h2 span {
        font-size: 35px;
        display: inline-block
    }

    .agenda-cont h3,
    .left-hm-about h2 span,
    .testim-head h2 {
        font-size: 35px
    }

    .hm-about {
        padding-left: 20px
    }

    .hm-future-img {
        height: 400px;
        margin-top: 0
    }

    .free-demo,
    .right-hm-future {
        margin-top: 30px
    }

    .hm-future {
        margin: 40px 0 0;
        padding-bottom: 40px
    }

    .testim-head {
        margin: 0 auto 50px;
        text-align: center;
        width: 80%
    }

    .blog-details-bottom,
    .blog-details-head,
    .contact-in {
        width: 100%
    }

    .bg-text-event,
    .blog-bg,
    .inner-banner-content h1 br,
    .testim-head h2 br {
        display: none
    }

    .testimonial-outr .hero-text h1 {
        margin-bottom: 30px
    }

    .event-exper-list-in h3 {
        line-height: 40px
    }

    .event-exper-list-in h3 span {
        font-size: 30px
    }

    .qt h2 {
        max-width: 60%
    }

    .bg-text-ft {
        font-size: 6rem
    }

    .footer {
        padding: 150px 0 40px
    }

    .left-about-first-in h2 {
        font-size: 35px;
        font-weight: 700;
        line-height: 45px
    }

    .inner-banner-content h1 {
        font-size: 30px;
        max-width: 85%
    }

    .about-first-section {
        padding-bottom: 40px !important
    }

    .blog-dtails-img {
        height: 350px;
        margin: 30px 0
    }

    .all-ft-blog-listing {
        padding: 30px 0;
        margin-top: 30px
    }

    .innovative-featur,
    .project-event,
    .second-featur {
        padding-bottom: 40px
    }

    .contact-in,
    .custom-tab-solution .accordion-body {
        padding: 30px
    }

    .left-achive-event {
        height: 500px;
        overflow: hidden;
        margin-bottom: 30px
    }

    .gallery-wrapper,
    .tech-video {
        height: 100%
    }

    .gallery-slide {
        width: 100%;
        height: 100%
    }

    .gallery-slide .bg-img {
        width: 49%;
        position: initial;
        display: inline-block;
        box-shadow: none;
        margin-bottom: 4px
    }

    .bg-img4 {
        transform: initial
    }

    .gallery-btn-out {
        width: 50px;
        height: 50px
    }

    .clients {
        margin-bottom: 0
    }

    .gallery-btn-out .gallery-btn.left,
    .gallery-btn-out .gallery-btn.right {
        width: 40px;
        height: 40px
    }

    .left-hm-future-cont {
        text-align: center;
        display: flex;
        flex-direction: column;
        align-items: center
    }

    .project-item-in-item {
        padding: 20px
    }
}

@media (max-width:800px) {
    .bg-text {
        font-size: 4rem !important
    }

    .front-text {
        position: relative;
        top: auto;
        left: auto;
        transform: initial
    }

    .technology-in h2 br {
        display: none
    }
}

@media (max-width:768px) {
    .banner_slider .carousel-caption {
        width: 75%
    }

    .custome-marquee span,
    .inner-banner-content h1 {
        font-size: 25px
    }

    .hm-about {
        padding: 0 20px
    }

    .left-hm-about {
        margin-bottom: 50px
    }

    .marque-outer {
        height: 78px
    }

    .custome-marquee div {
        padding: 12px 0
    }

    .event-exper-list-all-rev .event-exper-list {
        order: 1
    }

    .event-exper-list-in {
        background-color: transparent !important
    }

    .event-exper-list-all,
    .right-project-event {
        padding-right: initial
    }

    .event-exper-list-all-rev,
    .right-achive-event {
        padding-left: initial
    }

    .qt {
        padding: 30px;
        text-align: center
    }

    .qt h2 {
        font-size: 30px
    }

    .ft-form-outr,
    .second-featur-item {
        margin-top: 50px
    }

    .featur-detls-cont {
        margin-top: -60px;
        padding: 30px
    }

    .left-second-featur {
        order: -1
    }

    .features-dtails-img {
        padding-right: 0;
        height: 350px
    }

    .right-second-featur {
        margin-top: 20px
    }

    .second-featur-bg {
        height: 250px
    }

    .empower-featur-head {
        width: 100%
    }

    .empower-featur-in {
        padding: 30px
    }

    .left-blog-cont h2 {
        font-size: 35px;
        line-height: 40px
    }

    .bg-text-ft,
    .empower-featur-head br,
    .solutions-detls-cont h2 br,
    .solutions-dtails-img {
        display: none
    }

    .solutions-detls-cont {
        margin-left: auto
    }

    .custom-tab-solution ul {
        width: 100%;
        overflow: scroll;
        display: -webkit-box;
        padding-bottom: 15px
    }

    .project-item-out,
    .right-contact-page {
        margin-top: 30px
    }

    .project-item-in-item {
        padding: 15px
    }

    .project-item-in-img {
        height: 100px
    }

    .project-item-in h6 {
        font-size: 12px;
        padding: 10px;
        word-break: break-all
    }

    .major-project-head h3 {
        font-size: 30px;
        line-height: 35px
    }

    .awards-recog h2 {
        font-size: 2rem;
        line-height: 40px
    }

    .horiz-gallery-strip {
        flex-wrap: wrap;
        gap: 15px
    }

    .project-wrap {
        width: 48%;
        padding: 0;
        margin-bottom: 20px
    }
}

@media (max-width:700px) {
    .qt {
        display: flex;
        flex-direction: column;
        justify-content: center
    }

    .qt h2 {
        max-width: 100%;
        margin-bottom: 20px
    }

    .blog-contact .contact-form {
        padding: 30px 20px
    }

    .awards-recog-item {
        width: 120px;
        height: 90px;
        margin-top: 15px
    }
}

@media (max-width:600px) {

    .anim-btn-1,
    .blog-content .read-more,
    .third-btn {
        font-size: 14px
    }

    .anim-btn-1 {
        width: 175px;
        height: 40px
    }

    .blog-content h5,
    .menu a {
        font-size: 18px
    }

    .inner-banner,
    .right-about-first-img {
        height: 350px
    }

    .inner-banner-content {
        padding-right: 0
    }

    .inner-banner-cont {
        padding-bottom: 60px
    }

    .blog-bg,
    .inner-banner-cont button,
    .project-wrap-none {
        display: none
    }

    .agenda-cont h3,
    .event-exper-list-in h3 span,
    .featur-detls-cont h2,
    .free-demo h4,
    .inner-banner-content h1,
    .testim-head h2 {
        font-size: 25px
    }

    .header-img {
        width: 115px
    }

    .menu-button {
        width: 40px
    }

    .menu-outr {
        min-width: 35px
    }

    .right-nav-top {
        gap: 10px
    }

    #btn__line,
    #btn__line::after,
    #btn__line::before {
        height: 2px
    }

    #btn__line::before {
        width: 28px;
        bottom: 6px
    }

    #btn__line {
        width: 20px
    }

    #btn__line::after {
        width: 10px;
        top: 6px
    }

    .menu-overlay {
        padding: 30px 15px
    }

    .lang-switch ul li a,
    .nav-contact-btn .btn {
        font-size: 12px
    }

    .right-nav-top .anim-btn-1 {
        font-size: 12px;
        width: 110px;
        height: 30px
    }

    .main-btn,
    .qt button {
        font-size: 14px;
        padding: 10px 20px
    }

    .left-hm-about h2,
    .technology-in h2 {
        font-size: 30px;
        line-height: 40px
    }

    .blog-details-head h2,
    .empower-featur-head h3,
    .event-experience h2,
    .innovative-featur-head h3,
    .left-blog-cont h2,
    .left-hm-future-cont h2,
    .major-project-head h3 {
        font-size: 25px;
        line-height: 30px
    }

    .agenda-cont p,
    .blog-details-bottom p,
    .empower-featur-head p,
    .event-exper-list-in p,
    .innovative-featur-head p,
    .left-events-inner p,
    .pagination ul li,
    .right-achive-event p,
    .right-hm-future-head p,
    .right-project-event p,
    .second-featur-cont p,
    .technology-in p {
        font-size: 14px;
        line-height: 25px
    }

    .event-portfolio-cont h3 span {
        font-size: 14px;
        display: block
    }

    .event-exper-list-in h3,
    .solutions-detls-cont h2 {
        font-size: 25px;
        line-height: 35px
    }

    .banner_slider .carousel-caption h1,
    .banner_slider .carousel-caption h5,
    .client-header h2,
    .faq-header h3,
    .left-about-second-sec h3,
    .right-achive-event h3,
    .right-project-event h3 {
        font-size: 30px;
        line-height: 35px
    }

    .testimonial-outr .hero-text h1 {
        margin-top: 40px
    }

    .testim-icon {
        font-size: 60px
    }

    .awards-recog h6,
    .faq-header h6,
    .right-achive-event h6,
    .right-project-event h6 {
        font-size: 14px;
        margin-bottom: 5px
    }

    .qt {
        padding: 22px
    }

    .qt h2 {
        font-size: 20px;
        margin-bottom: 10px
    }

    .banner_slider .carousel-caption .main-btn {
        padding: 10px 15px
    }

    .contact-in,
    .event-exper-list-in {
        padding: 15px
    }

    .footer {
        padding: 110px 0 40px
    }

    .bg-text-ft {
        font-size: 5rem;
        margin-bottom: 0
    }

    .third-btn {
        width: 175px;
        height: 42px
    }

    .left-about-first-in h2 {
        font-size: 30px;
        font-weight: 600;
        line-height: 40px
    }

    .blog-detls-view-head h2 {
        font-size: 20px
    }

    .blog-contact .contact-form .btn {
        width: 165px;
        height: 40px
    }

    .featur-detls-cont p {
        font-size: 14px;
        font-weight: 300;
        line-height: 25px;
        margin-bottom: 25px
    }

    .featur-detls-cont .third-btn {
        font-size: 14px;
        padding: 10px 15px;
        width: 150px;
        height: 40px
    }

    .solutions-detls-cont {
        padding: 20px 20px 40px;
        margin-bottom: 20px
    }

    .solutions-detls-cont p {
        font-size: 14px;
        line-height: 25px;
        margin-bottom: 20px
    }

    .solutions-detls-cont .third-btn {
        padding: 12px 20px;
        font-size: 14px
    }

    .custom-tab-solution .accordion-body,
    .free-demo {
        padding: 20px
    }

    .free-demo {
        margin-top: 5px
    }

    .left-achive-event {
        height: 300px
    }

    .right-achive-event ul li {
        font-size: 15px;
        line-height: 30px
    }

    .innovative-featur-head {
        width: 100%
    }

    .contact-img {
        height: 100%
    }

    .left-hm-future-cont .wrap a {
        margin: 0 auto
    }

    .about-second-sec {
        padding-bottom: 0
    }

    .right-ft-btm-cont span:last-child {
        margin-right: 0
    }

    .pagination {
        margin-top: 20px
    }

    .pagination ul li.btn {
        padding: 0 4px;
        margin: 0 5px
    }

    .pagination ul li.numb {
        height: 22px;
        width: 22px;
        margin: 0 6px
    }

    .footer .left-bottom-logo-out p,
    .left-about-first-in p,
    .right-about-second-sec p,
    .testimonial-card p {
        font-size: 14px;
        line-height: 25px;
        padding-right: initial
    }

    .right-faq .accordion-body {
        font-size: 14px;
        line-height: 24px;
        padding: 0 15px 15px
    }

    .carousel-control-prev,
    .slider-banner .carousel-control-next {
        width: 10%
    }

    .carousel-control-prev-icon,
    .slider-banner .carousel-control-next-icon {
        width: 1.5rem
    }

    .left-events-inner h2,
    .left-events-inner h2 span {
        font-size: 25px;
        line-height: 38px
    }

    .blog-dtails-img {
        height: 250px;
        margin: 10px 0
    }
}

@media (max-width:500px) {
    .bg-text {
        font-size: 3rem !important;
        text-align: center
    }

    .right-ft-btm-cont {
        gap: 5px
    }

    .right-ft-btm-cont a {
        font-size: 12px
    }

    .right-hm-about-video {
        height: 350px
    }

    .banner_slider .carousel-caption h1,
    .banner_slider .carousel-caption h5 {
        font-size: 25px;
        line-height: 25px
    }

    .banner_slider .carousel-caption p {
        line-height: 20px
    }

    .inner-banner-cont {
        display: block
    }

    .inner-banner-content h1 {
        max-width: 100%
    }

    .project-wrap {
        width: 100%
    }
}

@media (max-width:450px) {
    .right-nav-top {
        width: 50%
    }

    .main-btn-out,
    .right-nav-top .wrap {
        display: none
    }

    .menu-button.open .close-icon {
        right: 30%
    }

    .event-exper-list-in img {
        width: 46%;
        height: auto;
        object-fit: contain;
        margin-bottom: 10px
    }
}

@media (max-width:400px) {
    .bg-text-ft {
        font-size: 4rem
    }

    .ft-address-dtls {
        display: block
    }

    .event-portfolio-cont h3 span {
        display: none
    }
}