@media screen and (max-width: 991.78px) {
   
    a.hpt-header-2-logo {
        width: 100px;
    }
    .hpt-marquee-2-wrap, .sticky_header_2 {
        padding-top: 15px !important;
        padding-bottom: 0;
    }
    .hpt-menu-btn-1,
    .hpt-menu-btn-2 {
        width: 40px !important;
        height: 40px !important;
        font-size: 18px !important;
        line-height: 43px !important;
    }
    /*.hpt-header-2-content{*/
    /*    border-radius: 0px  0px 32px 32px !important;*/
    /*}*/


    .owl-nav button.owl-next{
        position: absolute;
        top: 45px;
        right: -5px;
        transform: translate(-50%, -50%);
        /* width: 30px !important;
        height: 30px !important;
        line-height: 34px !important; */
        background-color: transparent !important;
        border-radius: 100%;
        text-align: center !important;
        color: #008184 !important;
        align-items: center !important;
        font-size: 24px !important;
        
    }
    .owl-nav button.owl-prev{
        position: absolute;
        top: 45px;
        left: 8px;
        transform: translate(-50%, -50%);
        /* width: 30px !important;
        height: 30px !important;
        line-height: 34px !important; */
        background-color: transparent !important;
        border-radius: 100%;
        text-align: center !important;
        color: #008184 !important;
        align-items: center !important;
        font-size: 24px !important;
    }
    .service_text{
        font-size: 20px;
    }

    .top_service_wrapper h3{
        font-size: 45px !important;
    }
    .about_us {
        padding: 15px 0 !important;
    }
    .equal {
        margin-top: 30px !important;
    }
    .about_us_wrapper h3{
        font-size: 45px !important;
    }
    .le1 h4{
        font-size: 100px !important;
    }
    .le2 h3{
        padding-left: 12px !important;
        font-size: 40px !important;
    }
    .le2 h2{
        padding-left: 12px !important; 
        font-size: 25px !important;
    }
    .lb{
        text-align: center !important;
    }
    .line {
        text-align: center !important;
    }
    img.img-fluid.portfolio_btn {
        width: 100% !important;
    }
    .mobile_service {
        padding: 15px 0 !important;
    }
    .se_service_page_wrapper{
        height: auto !important;
        padding: 25px !important;
    }
    .what_we_do {
        padding: 30px 0 !important;
    }
    .what_we_do_wrapper.new1{
        top: 0px !important;
    }
    .mobile_banner_img img{
        width: 100%;
        height: auto !important;
    }
    .mobile_overlay{
        position: unset !important;
        padding: 20px !important;
    }
    .mobile_overlay_content h4{
        margin-bottom: 10px !important;
    }
    .row.gx {
        --bs-gutter-x: 0px !important;
    }
    .c_overlay{
        left: 0px !important;
    }
    .e2{
        right: 0px !important;
        display: none;
    }
    .blog h6{
        font-size: 18px !important;
    }
    .contact_page_wrapper{
        top: 0px !important;
    }
    .hap-btn a {
        padding: 9px 25px !important;
    }
    .lw {
        margin: 0 auto;
        display: flex;
        justify-content: center;
        padding: 0px 0px !important;
    }
    .bi-footer-widget-content{
        padding: 35px 0 0px !important;
    }
    .bi-blog-item, .bi-footer-widget, .bi-fun-fact-text-area .bi-fun-fact-text, .bi-team-feed-section .hap-team-item, .hpt-footer-widget, .mb-40, .mobile_menu .mobile-search-bar {
        margin-bottom: 13px !important;
    }
    .bi-footer-logo {
        padding: 15px 0 !important;
    }
    .bi-price-top-content .bi-section-top-text{
        margin: 10px 0 10px !important;
    }

    .bi-blog-content-2, .bi-blog-feed-content-2, .bi-career-content, .bi-career-feed-content, .bi-faq-feed-content, .bi-fun-fact-counter, .bi-key-feature-title-text, .bi-portfolio-tab-content, .bi-pricing-content-3, .bi-team-content-4, .bi-testimonial-feed-content, .bi-testimonial-slider-4, .bi-why-choose-us-content, .hap-blog-content, .hpt-service-2-tabs, .inv-demo-page-content, .inv-lan-faq-feature, .pt-50{
        padding-top: 20px !important;
    }
    .bi-pricing-section-3 {
        padding: 30px 0 20px !important;
    }
    .bi-pricing-item-2, .bi-pricing-item-area-3 {
        margin-bottom: 30px !important;
    }
    .bi-footer-widget .widget-title, .hpt-footer-widget .widget-title{
        margin-bottom: 10px !important;
    }
    .headline {
        margin-top: 13px !important;
    }


     /* about page */

    .ru_wrapper {
        bottom: 0px !important;
    }
    .bcx {
        margin-top: 30px !important;
    }
    .bi-fun-fact-section-2{
        padding: 10px 0 !important; 
    }
    .area-2 {
        margin: 0 auto 20px !important;
    }
        .about_us_wrapper img{
            display: block;
            margin: auto;
        }
        .row.fle {
            flex-flow: column-reverse;
        }
        .bii-subtitle.text-uppercase.buld{
                text-align: center;
            }
            h2.tx-split-text.split-in-right.buld{
                text-align: center;
            }

                /* exhibition page */

                .exibition_banner{
                    background-position: left !important;
                }

    .exibition_wrapper h1{
        font-size: 40px !important;
    }
    .hap-sponsor-content{
        border-radius: 20px !important;
    }
    .hap-sponsor-content {
        width: 100% !important;
        padding: 15px 16px !important;
        top: 65px !important;
        box-shadow: 0px 0px 23px rgb(0 0 0 / 31%) !important;

    }
    .exibition_about_{
        padding: 40px 0 23px 0px !important;
    }
    /* .swiper-slide {
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
    } */
    .swiper-slide img {
        display: block !important; 
        margin: 0 auto !important; 
    }
    .slick-next {
        right: 15px !important;
    }
    .slick-prev{
            left:-15px !important
    }
    .right_price h3{
        padding-top: 0px !important;
    }
    .right_wrin{
        min-height: auto !important;
        /*border-radius: 20px !important;*/
        padding: 12px 20px !important;
    }
    .right_price {
        background-color: #e6ece6;
        padding: 60px 0 50px 0 !important;
    }
    .needto_help {
        padding: 0px 0 60px 0 !important;
    }
    .work_process{
        padding: 0px !important;
    }

    .hover-image{
        width: 100% !important;
        transform: translateX(-7%) !important;
    }


    /* portfolio */
    .new_inner_fact_wrapper h2{
        font-size: 50px !important;
    }
    .portfolio_slider_image {
        padding: 30px 0 !important;
    }

    .inner_para_set {
        padding-top: 0px !important;
    }

    .what_we_do_wrapper h3{
        text-align: center !important;
    }
    .what_we_do_wrapper.new11 {
        bottom: 0px !important;
    }
    
        /* contact us */

        .circle{
            left: 0px !important;
        }
        .contact_us{
            padding: 0px !important;
        }
        .color_ui {
            padding: 20px !important;
        }

        .deign_wrapperd h2{
            font-size: 35px !important;
        }

        div#fle {
            flex-flow: column-reverse;
        }
        
        .lb-outerContainer{
            top: 90px !important;
        }
        a.lb-close {
   
            top: 50px !important;
        }



        /* career */

        .career {
            margin-top: 0px !important;
        }

    }





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

        .nya {
            position: relative;
            top: 0px !important;
        }
        .c_overlay {
            left: 22px !important;
        }
        .mid video {
            width: 100%;
            /*height: 240px !important;*/
            /* object-fit: cover !important; */
        }
       .contact_page_wrapper.blg.GG {
            margin-top: 45px !important;
        }

        /* exhibition */

        .exibition_banner{
            padding: 100px 0 !important;
        }

        .cursor{
            display: none !important;
        }
        .swiper-slide
        {
            margin-top: 10px !important;
            margin-bottom: 10px !important;
        }
        .contact_details_needed{
            padding-left: 1rem !important;
        }
        .rating h6{
            text-align: center !important;
        }
        .rating_start{
            justify-content: center !important;
        }
        .rating {
            text-align: center !important;
        }

        .work_process_wrapper p{
            height: fit-content !important;
        }
        .work_process_wrapper h3{
            margin-top: 10px !important;
        }
        .work_process_wrapper span::after{
            top: 12px !important;
            height: 52px !important;
        }
        .work_process_wrapper span{
            font-size: 50px !important;
        }

            /* portfolio */
           

        .new_inner_fact {
             padding: 100px 10px 0 10px !important;
        }
        .inner_para_set {
            padding-top: 0px !important;
        }
        .slider2{
            grid-template-columns: auto !important;
        }
        .slider1{
            grid-template-columns: auto !important;
        }

        .map {
            padding: 0px 0 100px 0 !important;
        }

        .slider2 {
            grid-template-columns: repeat(1, 100%) !important;
        }

        .port button.owl-prev{
            left: 35px !important;
        }
        .port .owl-nav button.owl-next{
            right: 5px !important;
        }
        .frm-por{
            margin-top: 80px;
            margin-bottom: 40px;
        }

        .box1 {
            width: auto !important;
        }

        .xc {
            display: grid !important;
            grid-template-columns: auto auto !important;
            grid-template-rows: repeat(2, auto) !important;
        }
        
        .contact_us {
                margin-top: 80px !important;
            }


            .icn-box {
                background-color: #008184;
                width: 100% !important;
                position: fixed !important;
                top: unset !important;
                bottom: 0px !important;
                right: 0px !important;
                transform: unset !important;
                z-index: 999;
                text-align: center !important;
            }
            .icn-box ul li {
                display: inline-block;
                padding-left: 20px !important;
                padding-right: 20px !important;
            }
            span.bord {
                border-left: 2px solid white !important;
            }
            .icn-bx-ul{
                display: flex !important;
                justify-content: space-between !important;
            }



            /* career */

            .view-btn1.rer {
                margin-top: 20px !important;
                margin-bottom: 30px;
            }
            
            video {
            width: 100%;
            height: auto !important;
            border-radius: 4px;
            }






    }
    @media screen and (max-width: 320px){

        /* home */
        .owl-nav button.owl-next{
            right: -16px;
        }
        .owl-nav button.owl-prev{
            left: -4px;
        }
        .le2 h3{
            font-size: 32px !important;
        }
        .mobile_overlay_content h4{
            font-size: 30px !important;
        }

        /* about */

        .ru_btn a{
            font-size: 12px !important;
        }
        .frm-por{
            margin-top: 40px;
            margin-bottom: 40px;
        }
        .port .owl-nav button.owl-prev{
            top: 40%;
        }
        .port .owl-nav button.owl-next{
            top: 40%;
        }

           

    }

    @media screen and (min-device-width: 576px) and (max-device-width: 767.78px){
        .icon_headline h2 {
            font-size: 17px !important;
            padding: 0 5px !important;
        }
    }
@media screen and (min-device-width: 768px) and (max-device-width: 991.78px) { 
    .pb-120 {
        padding-bottom: 20px !important;
    }
    .squ{
        bottom: 0% !important;
    }
    .blog h2{
        margin-bottom: 20px !important;
    }
    .blog h6{
        margin-top: 20px !important;
    }
    .bi-footer-widget .about-widget h3{
        font-size: 35px !important;
    }
    .xc{
        display: grid !important;
        grid-template-columns: auto auto;
        grid-template-rows: repeat(2, auto);
    }
    .box1{
        width: auto !important;
    }
    .box1:hover {
        height: 300px;
        /* top: calc(50% - 100px); */
        top: 0px !important;
        height: 400px;
    }
    .bi-fun-fact-counter-2 .bi-fun-fact-star{
        right: 36px !important;
    }

        /* exhibitionn */

        .right_wrin p{
            height: 135px !important;
        }
        .right_wrin h2{
            font-size: 24px !important;
        }

        .exibition_banner {
            padding: 115px 0 !important;
        }
        .contact_details_needed{
            padding-left: 1rem !important;
        }
        .swiper-slide
        {
            margin-top: 10px !important;
            margin-bottom: 10px !important;
        }
        h3.aos-init.aos-animate{
            font-size: 21px !important;
        }
        /* .sa1 {
            top: 21px !important;
        }
        .sa2 {
            top: 111px !important;
        } */
        span.sa4.fv {
            top: 51px !important;
        }
        .work_process_wrapper p {
            font-size: 16px !important;
            height: 170px !important;
        }


        /* portfolio */

        h6.lb.old{
            text-align: left !important;
        }

        .port .owl-nav button.owl-prev{
            left: 14px;
        }
        .port .owl-nav button.owl-next{
            right: -17px;
        }
}
@media screen and (min-device-width: 992px) and (max-device-width: 1120px) {
    .exibition_icon{
        min-width: 120px !important;
    }
    .e2{
        display: none !important;
    }
}
@media screen and (orientation: landscape){

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

    .xc{
        display: grid !important;
        grid-template-columns: auto auto;
        grid-template-rows: repeat(2, auto);
    }
    .box1:hover {
        top: 0px !important;
    }
    .box1{
        width: auto !important;
    }
    a.hpt-header-2-logo {
        width: 120px;
    }
    .pb-120 {
        padding-bottom: 20px !important;
    }
    .head_pi h2 {
        font-size: 22px !important;
    }
   

    /* exhibition */
    .work_process_wrapper p {
        font-size: 18px !important;
        height: 160px !important;
    }
    .hover-image{
        width: 100% !important;
        transform: translateX(-7%) !important;
    }

    .bi-fun-fact-counter-2 .bi-fun-fact-star{
        right: 36px !important;
    }


}
@media screen and (min-device-width: 1024px) and (max-device-width: 1300px){
    .overlay_headline img {
        width: 25% !important;
        margin: 0 8px !important;
    }
    .head_pi h2 {
        font-size: 22px !important;
    }
}
@media screen and (min-device-width: 992px) and (max-device-width: 1043px) {
            /* exhibition */
    span.sa4.fv {
        top: 51px !important;
    }
    .work_process_wrapper p {
        font-size: 18px !important;
        height: 160px !important;
    }
}
@media screen and (min-device-width: 1751px) and (max-device-width: 2670px) {
    /* .box1{
        height: auto !important;
    } */
    /* .box1:hover{
        height: auto !important;
    } */
    .box1{
        height: -webkit-fill-available;
    }

}