/* Normal desktop :1400px. */
@media (min-width: 1400px) and (max-width: 1600px) {

    .testimonial-section:before {
        width: 93%;
    }

}

/* Normal desktop :1200px. */
@media (min-width: 1200px) and (max-width: 1399px) {

    .technosan_menu>ul>li>a {
        margin: 30px 6px !important;
        font-size: 15px !important;
    }

    a.logo_img img {
        max-width: 170px !important;
        max-height: 50px !important;
        width: auto !important;
        height: auto !important;
        object-fit: contain !important;
    }

    .dreamhub-logo img {
        max-width: 130px !important;
        max-height: 45px !important;
        width: auto !important;
        height: auto !important;
        object-fit: contain !important;
    }

    .header-button a {
        padding: 10px 30px;
        font-size: 14px;
    }

    .about-counter {
        right: 55px;
    }

    .tabs li a {
        padding: 20px 58px;
    }

    

    .teastimonial-single-box {
        padding: 0 35px 0;
    }



}


/* Normal desktop :992px. */
@media (min-width: 992px) and (max-width: 1199px) {

    a.logo_img img {
        max-width: 90% !important;
        max-height: 55px !important;
        width: auto !important;
        height: auto !important;
        object-fit: contain !important;
    }

    a.main_sticky img {
        max-width: 100% !important;
        max-height: 45px !important;
        width: auto !important;
        height: auto !important;
        object-fit: contain !important;
    }

    .dreamhub-logo img {
        max-width: 150px !important;
        max-height: 50px !important;
        width: auto !important;
        height: auto !important;
        object-fit: contain !important;
    }

    nav.technosan_menu span {
        font-size: 8px;
        padding-left: 2px;
    }

    nav.technosan_menu {
        padding: 0px 10px 0 10px;
    }

    .technosan_menu>ul>li>a {
        font-size: 15px;
        margin: 29px 6px;
    }

    .header-search-button.search-box-outer {
        display: none;
    }

    .header-button {
        padding-left: 5px;
    }

    .header-button a {
        font-size: 13px;
        padding: 9px 20px;
    }

    .header-address-info p {
        font-size: 13px;
    }

    .phone-number p {
        font-size: 13px;
    }

    /*hero section
    ===================*/

   .sero-content h1 {
        font-size: 40px;
        line-height: 42px;
    }

    .hero-thumb img {
        margin: 0 0 0 0px;
    }

    /*Feature section
    =========================*/

    .feature-section {
        padding: 0 30px;
    }

    .row.feature-bg {
        padding: 65px 35px 50px;
        margin-top: -90px;
    }

    h2.feature-phone-number {
        font-size: 16px;
    }

    .feature-content h2 {
        font-size: 18px;
    }

    a.feature-icon2 {
        left: -15px;
    }

    .feature-single-box:hover a.feature-icon2 {
        top: 40px;
    }

    a.feature-icon2 i {
        font-size: 20px;
        width: 52px;
        height: 52px;
        line-height: 52px;
    }

    /*Start Section title
    =========================*/

    .technosan-section-title h1 {
        font-size: 30px;
        line-height: 40px;
    }

    /*Start About Section
    =========================*/


    .about-right-thumb img {
        width: 100%;
    }

    .about-right-thumb {
        margin: 0 0px 0 0;
    }

    .about-counter {
        right: 10px;
        bottom: 35px;
    }

    h2.counter {
        font-size: 28px;
    }

    h2.counter1 {
        font-size: 24px;
    }

    span.counter-text {
        font-size: 12px;
        font-weight: bold;
        line-height: 14px;
        color: #6f42c1;
    }

    .image-overlay-counter {
        top: 15px;
        right: 15px;
        padding: 10px 14px;
        border-radius: 10px;
        border-width: 1px;
    }

    .overlay-counter {
        font-size: 22px;
        font-weight: 900;
    }

    .overlay-plus {
        font-size: 18px;
        margin-left: 8px;
        font-weight: 900;
    }

    .overlay-text {
        font-size: 10px;
        font-weight: 900;
        letter-spacing: 0.3px;
        margin-top: 2px;
    }
}

/* Smaller screens */
@media (max-width: 576px) {
    .image-overlay-counter {
        top: 10px;
        right: 10px;
        padding: 8px 12px;
    }

    .overlay-counter {
        font-size: 20px;
    }

    .overlay-plus {
        font-size: 16px;
        margin-left: 6px;
    }

    .overlay-text {
        font-size: 9px;
    }

    .seo-pic {
        width: 70px;
        height: 70px;
        margin-right: 15px;
        border-width: 2px;
    }

    .tabs {
        text-align: center;
    }

    .tabs li {
        display: block;
        margin: 15px auto;
        margin-bottom: 20px;
        width: fit-content;
    }

    .tabs li a {
        padding: 12px 30px;
        font-size: 16px;
    }

    /* Hero Section Mobile Styles */
    .sero-content h4 {
        font-size: 14px !important;
        padding: 0 0 8px !important;
    }

    .sero-content h1 {
        font-size: 28px !important;
        line-height: 32px !important;
    }

    p.hero-desc {
        font-size: 14px !important;
        padding: 15px 0 15px !important;
        width: 100% !important;
    }

    .hero-tagline h3 {
        font-size: 14px !important;
        margin: 3px 0 !important;
    }

    .hero-tagline h3:first-child {
        font-size: 15px !important;
        margin-bottom: 5px !important;
    }

    .hero-button a {
        font-size: 14px !important;
        padding: 12px 25px !important;
    }

    .hero-button a i {
        font-size: 14px !important;
    }

    /* Section Title Mobile Styles */
    .technosan-section-title h4 {
        font-size: 14px !important;
        padding-bottom: 5px !important;
    }

    .technosan-section-title h1 {
        font-size: 24px !important;
        line-height: 30px !important;
    }

    .technosan-section-title p {
        font-size: 14px !important;
        padding: 15px 0 10px !important;
    }

    /* About Section Mobile Styles */
    .about-item-list ul li {
        font-size: 14px !important;
    }

    .about-item-list ul li i {
        font-size: 16px !important;
    }

    .seo-content h5 {
        font-size: 15px !important;
    }

    span.sector {
        font-size: 12px !important;
    }

    /* Process Section Mobile Styles */
    .process-title {
        font-size: 16px !important;
    }

    p.process-desc {
        font-size: 13px !important;
        line-height: 20px !important;
    }

    /* Tab Section Mobile Styles */
    .tabs li a {
        font-size: 14px !important;
        padding: 10px 20px !important;
    }

    .tabs li a span {
        font-size: 14px !important;
    }

    /* FAQ Section Mobile Styles */
    .technosan-section-title h1 {
        font-size: 22px !important;
        line-height: 28px !important;
    }

    /* Call to Action Mobile Styles */
    h2.call-title {
        font-size: 18px !important;
    }

    span.call-desc {
        font-size: 14px !important;
    }

    /* Testimonial Mobile Styles */
    h4.testi-title {
        font-size: 16px !important;
    }

    p.testi-desc {
        font-size: 14px !important;
    }

    .user-name h4 {
        font-size: 14px !important;
    }

    span.user-sector {
        font-size: 12px !important;
    }

    /* Button Mobile Styles */
    .technosan-button a {
        font-size: 14px !important;
        padding: 12px 20px !important;
    }

    .technosan-button a i {
        font-size: 14px !important;
    }

    /* Counter Mobile Styles */
    h2.counter {
        font-size: 20px !important;
    }

    h2.counter1 {
        font-size: 20px !important;
    }

    h2.counter1 span {
        font-size: 18px !important;
    }

    span.counter-text {
        font-size: 12px !important;
    }

    .overlay-counter {
        font-size: 18px !important;
    }

    .overlay-plus {
        font-size: 16px !important;
    }

    .overlay-text {
        font-size: 10px !important;
    }

    /* General Mobile Spacing */
    .about-section {
        padding: 60px 0 40px !important;
    }

    .process-section {
        padding: 60px 0 40px !important;
    }

    .why-choose-section {
        padding: 40px 0 40px !important;
    }

    .faq-section {
        padding: 60px 0 40px !important;
    }

    .testimonial-section {
        padding: 60px 0 40px !important;
    }

    .call-to-action {
        padding: 40px 0 !important;
    }

    /* Hide contact information on mobile */
    .contact-section {
        display: none !important;
    }

    .contact-informations {
        display: none !important;
    }

    .tab-thumb {
        margin-right: 0 !important;
        margin-bottom: 20px !important;
        text-align: center;
    }

    .technosan-section-title.padding-lg {
        padding: 0 0 30px !important;
    }

    /* Hide navbar contact info on mobile */
    .header-top-section {
        display: none !important;
    }

    .header-address-info {
        display: none !important;
    }

    .technosan-social-icon {
        display: none !important;
    }

    .phone-number {
        display: none !important;
    }

    /* Hide mobile menu contact info */
    .mobile-contact {
        display: none !important;
    }

    .mobile-social {
        display: none !important;
    }

    /* Additional Mobile Optimizations */
    .hero-section {
        min-height: 80vh !important;
        padding: 100px 0 60px !important;
    }

    .hero-list .owl-stage-outer {
        padding-top: 0 !important;
    }

    .process-section {
        padding: 60px 0 40px !important;
    }

    .single-process-box {
        padding: 20px 15px !important;
        margin-bottom: 20px !important;
    }

    .single-process-box .process-thumb {
        margin-bottom: 15px !important;
    }

    .why-choose-section {
        padding: 40px 0 40px !important;
    }

    .faq-section {
        padding: 60px 0 40px !important;
    }

    .testimonial-section {
        padding: 60px 0 40px !important;
    }

    .call-to-action {
        padding: 40px 0 !important;
    }

    /* Mobile Container Spacing */
    .container {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    /* Mobile Image Optimization */
    .about-main-image {
        margin-bottom: 20px !important;
    }

    .testimonial-thumb img {
        max-width: 300px !important;
        max-height: 250px !important;
    }

    /* Mobile Button Improvements */
    .technosan-button a {
        width: 100% !important;
        text-align: center !important;
        margin-bottom: 10px !important;
    }

    .hero-button a {
        width: auto !important;
        display: inline-block !important;
    }

    /* Mobile Text Spacing */
    .technosan-section-title h1 {
        margin-bottom: 15px !important;
    }

    .technosan-section-title p {
        margin-bottom: 20px !important;
    }

    /* Mobile List Items */
    .about-item-list ul li {
        margin-bottom: 8px !important;
    }

    /* Mobile Counter Improvements */
    .image-overlay-counter {
        position: relative !important;
        margin-top: 15px !important;
        display: inline-block !important;
    }

    /* Mobile SEO Section */
    .seo-and-founder {
        text-align: center !important;
        margin-top: 20px !important;
    }

    .seo-info {
        display: inline-block !important;
        margin-left: 0 !important;
    }

    /* Mobile Tab Improvements */
    .tabs_item {
        text-align: center !important;
    }

    .tabs_item .technosan-section-title h1 {
        margin-bottom: 15px !important;
    }
}

/* Mobile specific styles */
@media (max-width: 480px) {
    .seo-pic {
        width: 60px;
        height: 60px;
        margin-right: 12px;
        border-width: 2px;
    }

    .about-main-image {
        border-radius: 10px;
        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
    }

    .about-main-image:hover {
        transform: translateY(-4px) scale(1.01);
        box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
    }

    .about-main-image::before {
        top: -3px;
        left: -3px;
        right: -3px;
        bottom: -3px;
        border-radius: 13px;
    }

    .about-main-image:hover::before {
        top: -6px;
        left: -6px;
        right: -6px;
        bottom: -6px;
    }

    .tabs li a {
        padding: 10px 20px;
        font-size: 14px;
    }
}

.about-item-list ul li {
    font-size: 14px;
}

    .about-item-list ul li i {
        font-size: 15px;
    }

    /*Service Section
    ========================*/

    .service-section:before {
        left: 0;
        width: 100%;
    }

    .row.service-bg {
        padding: 0 0 0 0px;
    }

    .service-content {
        padding: 34px 20px 35px 20px;
        margin-right: 60px;
    }

    h3.service-title a {
        font-size: 16px;
    }

    p.service-desc {
        font-size: 14px;
    }

    a.technosan-button {
        font-size: 14px;
    }

    .contact-informations {
        padding: 30px 14px 32px;
    }
    h2.contact-title {
        font-size: 18px;
    }

    ul.service-list2 li {
        font-size: 13px;
    }

    /*Why Choose Us
    ===================*/

    .tabs li a {
        font-size: 18px;
        padding: 16px 40px;
    }

    .tabs li a span {
        font-size: 20px;
    }

    .tab-thumb {
        margin-right: 20px;
    }

    /* Team  Section
    =================*/

    

    

    


    /*Testi Section
    =====================*/

    .testimonial-section {
        padding: 180px 0 50px;
    }

    .testimonial-section:before {
        width: 97%;
    }

    .teastimonial-single-box {
        padding: 0 10px 0;
    }

    .testi-shape-thumb img {
        display: none;
    }

    p.testi-desc {
        font-size: 16px;
    }

    .testimonial-thumb img {
        width: 100%;
        max-width: 350px;
        max-height: 300px;
    }

    /*start process 
    ===================*/

    .process-number {
        right: 20px;
        top: 55px;
    }

    .single-process-box:hover .process-number {
        right: 30px;
    }

    .single-process-box:before {
        right: 25px;
        top: 35px;
        width: 90px;
        height: 50px;
    }

    p.process-desc {
        font-size: 13px;
        line-height: 25px;
    }

    

    /*Footer Section
    =====================*/

    .company-info-desc p {
        font-size: 14px;
    }

    h2.widget-title {
        font-size: 25px;
    }


    .recent-post-text a {
        font-size: 14px;
    }

    .footer-bottom-content-copy p {
        font-size: 14px;
    }

    h2.subscribe-phone-number {
        font-size: 20px;
    }

    .subscribe-contact {
        padding-left: 18px;
    }
    

    /*inner page Counter
    ====================*/

    .single-counter-box {
        text-align: center;
    }

    .counter-icon {
        float: inherit;
    }

    /*progess
    ===========*/

    .progress-single-box {
        width: 25%;
        bottom: 35%;
        left: 11%;
    }

    /*Service Detials
    =====================*/

    .service-details:before {
        width: 30%;
    }

    .widget-sidebar-box {
        padding: 30px 20px 30px;
    }

    ul.sidebar-menu li {
        padding: 13px 10px 13px;
    }

    ul.sidebar-menu li a {
        font-size: 14px;
    }

    ul.sidebar-menu li a i {
        font-size: 15px;
    }

    img.sidbr-icn {
        padding-right: 6px;
    }

    ul.sidebar-menu2 li {
        font-size: 13px;
    }

    h3.widget-title2 {
        font-size: 22px;
    }

    h5.sidebar-title:before {
        right: 135px;
        width: 65px;
    }

    h5.sidebar-title:after {
        left: 135px;
        width: 65px;
    }

    h5.sidebar-title2 {
        font-size: 22px;
    }

    .widget-button a {
        padding: 11px 32px;
        font-size: 14px;
    }

    .service-dtls-cont h3 {
        font-size: 26px;
        line-height: 37px;
    }

    .sevice-dtls-content {
        padding-left: 15px;
    }

    .sevice-dtls-content h4 {
        font-size: 16px;
    }

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


    /*Contact form*/

    .row.cntc-bg2 {
        padding: 60px 15px 60px;
    }

    h4.contact-form-title {
        font-size: 26px;
        line-height: 40px;
    }

    .single-contact-info-box {
        padding: 30px 20px 40px;
        margin-left: 0;
    }

    .contacts-title {
        overflow: hidden;
    }

    .contacts-title h6 {
        font-size: 13px;
    }

    /*Call to Action
    ====================*/

   h2.call-title {
        font-size: 24px;
    }

    /*faq
    ===================*/

    .faq-thumb img {
        width: 100%;
    }

    .faq-shape {
        width: 350px;
        height: 350px;
        bottom: -140px;
        right: -250px;
    }

    .faq-shape img {
        max-width: 350px;
        max-height: 350px;
    }

    /*Project
    =================*/

    h3.case-study-title a {
        padding: 14px 45px 14px 25px;
        font-size: 16px;
    }

    h6.case-study-title {
        font-size: 14px;
    }

    
    



    /* Shop section responsive CSS removed */

    .widget-check-box {
        padding: 20px 20px 1px;
    }

    .widget-check {
        font-size: 15px;
    }

    .range-wrapper-box {
        padding: 20px 20px 25px;
    }

    .product-categories-box {
        padding: 20px 18px 5px;
    }

    .product-thumb {
        padding-right: 10px;
    }

    .product-price span {
        font-size: 13px;
    }

    .product-icon-list ul li {
        font-size: 12px;
    }

    .products-title h6 {
        font-size: 13px;
    }

    .product-sale span {
        padding: 2px 16px;
        font-size: 12px;
    }

    .product-title h2 {
        font-size: 16px;
    }

    .form_box select {
        width: 40%;
    }

    p.description {
        font-size: 13px;
        line-height: 26px;
    }
     
    .style-three.tab {
        padding: 0px 15px 0px;
    }

    .style-three .tabs_item {
        padding: 15px 0;
    }

    .tabs_item img {
        width: 100%;
    } 

    .style-three .tabs li a {
        margin-right: 5px;
    }

    .product-thumb-icon a {
        font-size: 18px;
        width: 35px;
        height: 35px;
        line-height: 37px;
    }

    .single-products-box:hover .product-thumb-icon a:nth-child(1) {
        left: 55px;
    }

    .single-products-box:hover .product-thumb-icon a:nth-child(2) {
        right: 55px;
    }

    /* Tablet desktop :768px. */
@media (min-width: 768px) and (max-width: 991px) {
    .technosan_nav_manu {
        display: none;
    }

    .header-top-section {
        display: none;
    }

    /* Sticky navbar should remain fixed for proper scroll behavior */
    .sticky {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        z-index: 999 !important;
        width: 100% !important;
    }

    /*hero section
    ===================*/


   .sero-content h1 {
        font-size: 40px;
        line-height: 42px;
    }

    .hero-thumb img {
        display: none;
    }

    /*Feature section
    =========================*/

    .feature-section {
        padding: 0 30px;
    }

    .row.feature-bg {
        padding: 65px 35px 50px;
        margin-top: -90px;
    }

    h2.feature-phone-number {
        font-size: 16px;
    }

    .feature-content h2 {
        font-size: 18px;
    }

    a.feature-icon2 {
        left: -15px;
    }

    .feature-single-box:hover a.feature-icon2 {
        top: 40px;
    }

    a.feature-icon2 i {
        font-size: 20px;
        width: 52px;
        height: 52px;
        line-height: 52px;
    }

    .feature-shape {
        display: none;
    }

    /*Start Section title
    =========================*/

    .technosan-section-title h1 {
        font-size: 30px;
        line-height: 40px;
    }

    /*Start About Section
    =========================*/


    .about-right-thumb img {
        width: 100%;
        margin-bottom: 15px;
    }

    .about-right-thumb {
        margin: 0 0px 0 0;
    }

    .about-counter {
        right: 33px;
        bottom: 88px;
    }

    p.about-discription {
        width: 90%;
    }

    /*Service Section
    ========================*/

    .service-section:before {
        left: 0;
        width: 100%;
    }

    .row.service-bg {
        padding: 0 0 0 0px;
    }


    .service-content {
        padding: 34px 20px 35px 30px;
    }

    h3.service-title {
        font-size: 19px;
    }

    p.service-desc {
        font-size: 14px;
    }

    a.technosan-button {
        font-size: 14px;
    }

    
    /*Why Choose Us
    ===================*/

    .tabs li a {
        font-size: 16px;
        padding: 12px 27px;
        margin-right: 10px;
    }

    .tabs li a span {
        font-size: 16px;
        padding-right: 0;
    }

    .tab .tabs_item .technosan-section-title h1 {
        font-size: 27px;
        line-height: 37px;
    }

    .tab .tabs_item .about-item-list ul li {
        font-size: 14px;
    }

    .tab .tabs_item .about-item-list ul li i {
        font-size: 15px;
    }

    .tab-thumb {
        margin-right: 0;
        margin-bottom: 30px;
    }

    /* Team  Section
    =================*/

    



    /*Testi Section
    =====================*/

    .testimonial-section {
        padding: 180px 0 60px;
    }

    .testimonial-section:before {
        width: 95%;
    }

    .teastimonial-single-box {
        padding: 0 10px 0;
    }

    .testimonial-thumb {
        margin-bottom: 40px;
    }

    .testi-shape-thumb img {
        display: none;
    }

    /*Contact Form
    ================*/

    .contact-form-box {
        margin-left: 0;
        margin-top: 35px;
    }

    .testimonial-section:before {
        width: 95%;
    }
    /*start process 
    ===================*/

    .process-number {
        right: 10px;
        top: 45px;
    }

    .single-process-box:hover .process-number {
        right: 20px;
    }

    .single-process-box:before {
        display: none; /* Hide arrows on very small screens */
    }

    /*Subscribe
    ==================*/

    .row.subscribe-section {
        text-align: center;
    }

    .subscribe-contact-info {
        display: inline-block;
    }
    
    .subscribe-icon {
        margin-bottom: 20px;
    }

    h2.widget-title {
        padding: 0 0 20px;
    }

    span.contact-text {
        font-size: 14px;
    }

    /*Footer Section
    =====================*/

    .contact-informations {
         margin-top: 0px;
    }

    .company-info-desc p {
        font-size: 14px;
    }

    h2.widget-title {
        font-size: 25px;
    }


    .recent-post-text a {
        font-size: 14px;
    }

    .footer-bottom-content-copy p {
        font-size: 14px;
    }

    .subscribe-contact {
        padding-left: 18px;
    }

    .menu-quick-link-contact h4.widget-title {
        padding: 25px 0 13px;
    }

    /*Inner Page*/


    /*Counter
    ==============*/

    .single-counter-box {
        padding: 35px 18px 35px;
    }

    span.counter-text2 {
        font-size: 13px;
    }

    .counter-icon {
        float: left;
    }

    /*progress
    ==============*/

    .progress-right-content {
        padding-left: 10px;
    }

    .progress-single-box {
        width: 32%;
        bottom: 30%;
        left: 11%;
    }

    /*Service Details
    =====================*/

    .service-details:before {
        width: 100%;
    }

    .service-dtls-all-items {
        padding-left: 0;
    }

    .service-dtls-box {
        background: #fff;
    }

    .service-dtls-items {
        margin-bottom: 30px;
    }

    .service-dtls-cont h3 {
        font-size: 24px;
    }

    h2.accordion-title {
        font-size: 24px;
    }

    .faq-thumb {
        margin: 0 0 20px 0px;
        text-align: center;
    }

    /*Contact form*/

    .row.cntc-bg2 {
        padding: 60px 15px 60px;
    }

    h4.contact-form-title {
        font-size: 26px;
        line-height: 40px;
    }

    .single-contact-info-box {
        padding: 30px 20px 40px;
        margin-top: 30px;
        margin-left: 0;
    }

    .contacts-title {
        overflow: hidden;
    }


    /*Call to Action
    =====================*/

    .call-to-action-box {
        align-items: inherit;
    }

    h2.call-title {
        font-size: 26px;
        padding: 15px 0 6px;
    }

    .technosan-button.text-right {
        margin: -72px 0 0px 117px;
        text-align: center !important;
    }

    /*Proejct section
    ================*/

    

    

    h3.prjct-dtls-title {
        padding: 0px 0 21px;
    }



    /* Shop section responsive CSS removed */

    .row.products {
        padding-left: 0;
    }

    .upper.widget_search input {
        width: 100%;
    }

    .form_box select {
        width: 37%;
    }

    table.tab-items-table tr td {
        padding-right: 65px;
    }

    .tabs_item img {
        width: 100%;
    }

    .style-three.tab {
        padding: 0px 20px 0px;
    }

    /* Shop details responsive CSS removed */

    .category-description p {
        font-size: 14px;
    }

    .category-button a {
        padding: 12px 18px;
        font-size: 12px;
    }

    table.category-table tr td {
        padding-right: 18px;
    }

    table.category-table td.table-title {
        font-size: 14px;
    }

    table.category-table td.table-text {
        font-size: 14px;
    }

    .style-three .tabs li a {
        padding: 1px;
        margin-right: 10px;
    }

    .single-products-box:hover .product-thumb-icon a:nth-child(1) {
        left: 110px;
    }

    .single-products-box:hover .product-thumb-icon a:nth-child(2) {
        right: 110px;
    }

    /* Large Mobile :600px. */
@media only screen and (min-width: 600px) and (max-width: 767px) {
    .technosan_nav_manu {
        display: none;
    }

    .header-top-section {
        display: none;
    }

    /* Sticky navbar should remain fixed for proper scroll behavior */
    .sticky {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        z-index: 999 !important;
        width: 100% !important;
    }

    /*hero section
    ===================*/
    
    .hero-section {
        min-height: 100vh; /* Changed from fixed 650px to full viewport height */
        display: flex;
        align-items: center;
    }

    .slider.hero-section {
        min-height: 100vh; /* Changed from fixed 650px to full viewport height */
        display: flex;
        align-items: center;
    }

   .sero-content h1 {
        font-size: 40px;
        line-height: 42px;
    }

    .hero-thumb img {
        display: none;
    }

    /*Feature section
    =========================*/

    .feature-section {
        padding: 0 30px;
    }

    .row.feature-bg {
        padding: 65px 35px 50px;
        margin-top: -90px;
    }

    h2.feature-phone-number {
        font-size: 16px;
    }

    .feature-content h2 {
        font-size: 18px;
    }

    a.feature-icon2 {
        left: -15px;
    }

    .feature-single-box:hover a.feature-icon2 {
        top: 40px;
    }

    a.feature-icon2 i {
        font-size: 20px;
        width: 52px;
        height: 52px;
        line-height: 52px;
    }

    .feature-shape {
        display: none;
    }

    /*Start Section title
    =========================*/

    .technosan-section-title h1 {
        font-size: 30px;
        line-height: 40px;
    }

    /*Start About Section
    =========================*/


    .about-right-thumb img {
        width: 100%;
        margin-bottom: 15px;
    }

    .about-right-thumb {
        margin: 0 0px 0 0;
    }

    .about-counter {
        right: 15px;
        bottom: 60px;
    }

    p.about-discription {
        width: 90%;
    }

    .technosan-button a {
        font-size: 14px;
        padding: 12px 9px 12px 35px;
    }

    h2.counter {
        font-size: 26px;
    }

    h2.counter1 {
        font-size: 24px;
    }

    h2.counter1 span {
        font-size: 25px;
    }

    span.counter-text {
        font-size: 13px;
        line-height: 17px;
    }

    /*Service Section
    ========================*/

    .service-section:before {
        left: 0%;
        width: 100%;
    }

    .service-content {
        padding: 34px 20px 35px 30px;
    }

    .service-content:before {
        background-size: cover;
        background-position: center;
    }

    h3.service-title {
        font-size: 19px;
    }

    p.service-desc {
        font-size: 14px;
    }

    a.technosan-button {
        font-size: 14px;
    }

    .owl-nav {
        top: -8%;
    }
    
    /*Why Choose Us
    ===================*/

    .tabs li a {
        font-size: 16px;
        padding: 12px 27px;
        margin-right: 10px;
    }

    .tabs li a span {
        font-size: 16px;
        padding-right: 0;
    }

    .tab .tabs_item .technosan-section-title h1 {
        font-size: 27px;
        line-height: 37px;
    }

    .tab-thumb {
        margin-right: 0;
        margin-bottom: 30px;
    }

    /* Team  Section
    =================*/

    


    /*Testi Section
    =====================*/

    .testimonial-section {
        padding: 180px 0 60px;
    }

    .testimonial-section:before {
        width: 93%;
    }

    .teastimonial-single-box {
        padding: 0 10px 0;
    }

    .testimonial-thumb {
        margin-bottom: 35px;
    }

    .testi-shape-thumb img {
        display: none;
    }

    /*Contact Form
    ================*/

    .contact-form-box {
        margin-left: 0;
        margin-top: 35px;
    }


    /*Subscribe
    ==================*/

    .row.subscribe-section {
        text-align: center;
    }

    .subscribe-contact-info {
        display: inline-block;
    }

    .contact-informations:before {
        background-position: center;
        background-size: cover;
    }
    
    .subscribe-icon {
        margin-bottom: 20px;
    }

    h2.widget-title {
        padding: 0 0 20px;
    }

    /*Footer Section
    =====================*/

    .contact-informations {
         margin-top: 0px;
    }

    h4.widget-title {
        padding: 25px 0 13px;
    }

    h2.widget-title {
        font-size: 25px;
    }


    .recent-post-text a {
        font-size: 14px;
    }

    .footer-bottom-content-copy {
        text-align: center;
    }

    .footer-bottom-menu.text-right {
        text-align: center !important;
    }

    .footer-bottom-content-copy p {
        margin: 0 0 15px;
    }

    /* Mobile Footer Fixes for Medium Mobile */
    @media (max-width: 767px) {
        .footer-section {
            padding: 0 0 35px;
        }
        
        .row.footer-bg {
            padding: 35px 0 0;
        }
        
        .widget {
            margin-bottom: 35px;
        }
        
        .widget:last-child {
            margin-bottom: 0;
        }
        
        .widget h4.widget-title {
            font-size: 17px;
            padding: 0 0 12px;
            margin-bottom: 12px;
        }
        
        .company-info-desc p {
            font-size: 13px;
            line-height: 1.5;
            padding: 12px 0;
        }
        
        .footer-menu li {
            padding: 6px 0;
        }
        
        .footer-menu li a {
            font-size: 13px;
        }
        
        .follow-company-icon a {
            margin-right: 12px;
            font-size: 16px;
        }
        
        .contact-informations {
            margin-bottom: 25px;
        }
    }

    /*Inner page*/

    span.counter-text2 {
        display: block;
    }

    span.counter-text2:before {
        position: inherit;
    }

    /*Progress
    =================*/

    .progress-section {
        background-position: center right;
    }

    .progress-right-content {
        padding-left: 0;
    }

    .progress-single-box {
        width: inherit;
        position: inherit;
        margin: 35px 0 20px;
    }

    .rs-video2 {
        margin: 0 auto;
        max-width: 100%;
    }


    /*Service Details
    =====================*/

    .service-details:before {
        width: 100%;
    }

    .service-dtls-all-items {
        padding-left: 0;
    }

    .service-dtls-box {
        background: #fff;
        padding: 0 20px 0 0;
        margin-bottom: 30px;
    }

    .service-dtls-items {
        margin-bottom: 30px;
    }

    .service-dtls-cont h3 {
        font-size: 24px;
    }

    /*accordion
    ================*/

    h2.accordion-title {
        font-size: 24px;
    }

    .accordion a:after {
        top: 33px;
    }

    .accordion a:before {
        top: 29px;
    }

    /*Contact form*/

    .row.cntc-bg2 {
        padding: 60px 15px 60px;
    }

    h4.contact-form-title {
        font-size: 26px;
        line-height: 40px;
    }

    .single-contact-info-box {
        padding: 30px 20px 40px;
        margin-top: 30px;
        margin-left: 0;
    }

    .contacts-title {
        overflow: hidden;
    }

    /*Call to Action
    =====================*/

    .call-to-action-box {
        align-items: inherit;
    }

    .call-to-thumb {
        margin-right: 22px;
        margin-bottom: 20px;
    }
    
    .call-to-thumb img {
        max-width: 250px;
        max-height: 140px;
    }

    h2.call-title {
        font-size: 22px;
        font-weight: 500;
    }

    .technosan-button.text-right {
        margin: -72px 50px 0 0;
    }

    /* Project section
    ================*/
    
    

    

    

    h3.prjct-dtls-title {
        padding: 0px 0 21px;
    }



    /* Shop section responsive CSS removed */

    .row.products {
        padding-left: 0;
    }

    .upper.widget_search input {
        width: 100%;
    }

    .form_box select {
        width: 74%;
    }

    .form_box {
        padding: 35px 0 25px;
    }

    .single-products-box:hover .product-thumb-icon a:nth-child(1) {
        left: 200px;
    }

    .single-products-box:hover .product-thumb-icon a:nth-child(2) {
        right: 200px;
    }

    .style-three.tab {
        padding: 0px 0px 0px;
    }

    .style-three .tabs_item {
        padding: 0;
    }
    .style-three .tabs {
        margin: 30px 0 0;
    }

    /* Shop details responsive CSS removed */

    table.tab-items-table td.table-text {
        font-size: 13px;
    }

    table.tab-items-table td.table-title {
        font-size: 14px;
    }

    table.tab-items-table tr {
        padding: 20px 0 0 15px;
    }

    table.tab-items-table tr td {
        padding-right: 10px;
    }

    .widget form {
        display: none;
    }

}

/* small mobile :480px. */
@media only screen and (min-width: 480px) and (max-width: 599px) {

    .technosan_nav_manu {
        display: none;
    }

    .header-top-section {
        display: none;
    }

    /* Sticky navbar should remain fixed for proper scroll behavior */
    .sticky {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        z-index: 999 !important;
        width: 100% !important;
    }

    /*hero section
    ===================*/
    .hero-section {
        min-height: 100vh; /* Changed from fixed 600px to full viewport height */
        background-position: center left;
        display: flex;
        align-items: center;
    }

    .slider.hero-section {
        min-height: 100vh; /* Changed from fixed 600px to full viewport height */
        background-position: center left;
        display: flex;
        align-items: center;
    }
    .mean-container .mean-nav ul li a span i{
        display:none;
    }
   .sero-content h1 {
        font-size: 35px;
        line-height: 40px;
    }

    .hero-thumb img {
        display: none;
    }

    /*Feature section
    =========================*/

    .feature-section {
        padding: 0 30px;
    }

    .row.feature-bg {
        padding: 65px 35px 50px;
        margin-top: -90px;
    }

    h2.feature-phone-number {
        font-size: 16px;
    }

    .feature-content h2 {
        font-size: 18px;
    }

    a.feature-icon2 {
        left: -15px;
    }

    .feature-single-box:hover a.feature-icon2 {
        top: 40px;
    }

    a.feature-icon2 i {
        font-size: 20px;
        width: 52px;
        height: 52px;
        line-height: 52px;
    }

    .feature-shape {
        display: none;
    }

    /*Start Section title
    =========================*/

    .technosan-section-title h1 {
        font-size: 26px;
        line-height: 40px;
    }

    /*Start About Section
    =========================*/


    .about-right-thumb img {
        width: 100%;
        margin-bottom: 15px;
    }

    .about-right-thumb {
        margin: 0 0px 0 0;
    }

    .about-counter {
        right: 15px;
        bottom: 46px;
    }

    p.about-discription {
        width: 90%;
    }

    .technosan-button a {
        font-size: 14px;
        padding: 12px 9px 12px 35px;
    }

    .button {
        float: inherit;
    }

    .row.call-to-bg {
        padding: 20px;
    }

    .testimonial-section:before {
        width: 100%;
    }

    /*Service Section
    ========================*/

    .service-content {
        padding: 34px 20px 35px 30px;
    }

    h3.service-title {
        font-size: 19px;
    }

    p.service-desc {
        font-size: 14px;
    }

    a.technosan-button {
        font-size: 14px;
    }

    .owl-nav {
        top: -11%;
    }

    
    /*Why Choose Us
    ===================*/

    .tabs li a {
        font-size: 16px;
        padding: 12px 27px;
        margin-right: 10px;
    }

    .tabs li a span {
        font-size: 16px;
        padding-right: 0;
    }

    .tab .tabs_item .technosan-section-title h1 {
        font-size: 27px;
        line-height: 37px;
    }

    .tab-thumb {
        margin-right: 0;
        margin-bottom: 30px;
    }

    .tb-icons img {
        width: 55% !important;
    }

    /* Team  Section
    =================*/

    



    /*Testi Section
    =====================*/

    .testimonial-section {
        padding: 180px 0 60px;
    }

    .teastimonial-single-box {
        padding: 0 10px 0;
    }

    .service-section:before {
        left: 0%;
        width: 100%;
    }

    .testimonial-thumb {
        margin-bottom: 30px;
    }

    .testi-shape-thumb img {
        display: none;
    }

    h4.testi-title {
        font-size: 24px;
    }

    /*Contact Form
    ================*/

    .contact-form-box {
        margin-left: 0;
        margin-top: 35px;
    }


    /*Subscribe
    ==================*/

    .row.subscribe-section {
        text-align: center;
    }

    .subscribe-contact-info {
        display: inline-block;
    }

    .contact-informations:before {
        background-size: cover;
    }
    
    .subscribe-icon {
        margin-bottom: 20px;
    }

    h2.widget-title {
        padding: 0 0 20px;
    }

    /*Footer Section
    =====================*/

    .contact-informations {
         margin-top: 0px;
    }

    h4.widget-title {
        padding: 25px 0 13px;
    }

    h2.widget-title {
        font-size: 25px;
    }

    .recent-post-text a {
        font-size: 14px;
    }

    .footer-bottom-content-copy {
        text-align: center;
    }

    .footer-bottom-menu.text-right {
        text-align: center !important;
    }

    .footer-bottom-content-copy p {
        margin: 0 0 15px;
    }

    /* Small Mobile Footer Fixes */
    @media (max-width: 599px) {
        .footer-section {
            padding: 0 0 30px;
        }
        
        .row.footer-bg {
            padding: 30px 0 0;
        }
        
        .widget {
            margin-bottom: 30px;
        }
        
        .widget h4.widget-title {
            font-size: 16px;
            padding: 0 0 10px;
            margin-bottom: 10px;
            border-bottom: 1px solid rgba(255,255,255,0.15);
        }
        
        .company-info-desc p {
            font-size: 12px;
            line-height: 1.4;
            padding: 10px 0;
        }
        
        .footer-menu li {
            padding: 5px 0;
        }
        
        .footer-menu li a {
            font-size: 12px;
            padding-left: 15px;
        }
        
        .follow-company-icon a {
            margin-right: 10px;
            font-size: 14px;
        }
        
        .contact-informations {
            margin-bottom: 20px;
        }
        
        .dreamhub-logo {
            margin-bottom: 15px;
            padding: 8px 15px;
        }
        
        .dreamhub-logo img {
            max-height: 45px;
        }
    }

    .company-work-hour {
        padding: 19px 15px 0 0;
    }

    /* Mobile Footer Fixes */
    @media (max-width: 767px) {
        .footer-section {
            padding: 0 0 40px;
        }
        
        .row.footer-bg {
            padding: 40px 0 0;
        }
        
        .widget {
            margin-bottom: 40px;
        }
        
        .widget:last-child {
            margin-bottom: 0;
        }
        
        .widget h4.widget-title {
            font-size: 18px;
            padding: 0 0 15px;
            margin-bottom: 15px;
            border-bottom: 2px solid rgba(255,255,255,0.1);
        }
        
        .company-info-desc p {
            font-size: 14px;
            line-height: 1.6;
            padding: 15px 0;
        }
        
        .footer-menu li {
            padding: 8px 0;
        }
        
        .footer-menu li a {
            font-size: 14px;
            padding-left: 20px;
        }
        
        .follow-company-icon {
            margin-top: 20px;
        }
        
        .follow-company-icon a {
            margin-right: 15px;
            font-size: 18px;
        }
        
        .contact-informations {
            margin-bottom: 30px;
        }
        
        .footer-shape {
            display: none;
        }
    }

    /* Large Mobile :480px. */
    @media only screen and (min-width: 480px) and (max-width: 767px) {

    /*Inner page Start
    =========================*/

    .breatcam-content h1 {
        font-size: 40px;
    }

    span.counter-text2 {
        display: block;
    }

    span.counter-text2:before {
        position: inherit;
    }

    /*Progress
    =================*/

    .progress-section {
        background-position: center right;
    }

    .progress-right-content {
        padding-left: 0;
    }

    .progress-single-box {
        width: inherit;
        position: inherit;
        margin: 35px 0 20px;
    }

    .rs-video2 {
        margin: 0 auto;
        max-width: 100%;
    }

    /*Service Details
    =====================*/

    .col-lg-3.col-md-12.pr-0.pl-0.responsive {
        padding: 0 15px;
    }

    .service-details:before {
        width: 100%;
    }

    .service-dtls-all-items {
        padding-left: 0;
    }

    .service-dtls-box {
        background: #fff;
        padding: 0 20px 0 0;
        margin-bottom: 30px;
    }

    .service-dtls-items {
        margin-bottom: 30px;
    }

    .service-dtls-cont h3 {
        font-size: 24px;
    }

    /*accordion
    ================*/

    h2.accordion-title {
        font-size: 24px;
    }

    .accordion a:after {
        top: 33px;
    }

    .accordion a:before {
        top: 29px;
    }

    .accordion li a {
        font-size: 17px;
    }

    .faq-thumb img {
        width: 100%;
    }

    .faq-thumb {
        margin: 0;
    }

    /*Contact form*/

    .row.cntc-bg2 {
        padding: 60px 15px 60px;
    }

    h4.contact-form-title {
        font-size: 26px;
        line-height: 40px;
    }

    .single-contact-info-box {
        padding: 30px 20px 40px;
        margin-top: 30px;
        margin-left: 0;
    }

    .contacts-title {
        overflow: hidden;
    }

    .contacts-title h6 {
        font-size: 13px;
    }

    /*Call to Action
    =====================*/

    .call-to-action {
        padding: 30px 0 30px;
    }

    .call-to-action-box {
        display: inherit;
    }

    .technosan-button.text-right {
        text-align: left!important;
    }

    span.call-desc {
        padding: 10px 0 25px;
    }

    h2.call-title {
        font-size: 28px;
        padding: 20px 0 0;   
    }

    /*Proejct
    ================*/
    
    

    

    

    h3.prjct-dtls-title {
        font-size: 25px;
        padding: 0px 0 21px;
    }



    /* Shop section responsive CSS removed */

    .row.products {
        padding-left: 0;
    }

    .upper.widget_search input {
        width: 100%;
    }

    .form_box select {
        width: 100%;
    }

    .form_box {
        padding: 35px 0 25px;
    }

    .single-products-box:hover .product-thumb-icon a:nth-child(1) {
        left: 170px;
    }

    .single-products-box:hover .product-thumb-icon a:nth-child(2) {
        right: 170px;
    }

    .style-three.tab {
        padding: 0px 0px 0px;
    }

    .style-three .tabs_item {
        padding: 0;
    }
    .style-three .tabs {
        margin: 30px 0 0;
    }

    /* Shop details responsive CSS removed */

    table.tab-items-table td.table-text {
        font-size: 13px;
    }

    table.tab-items-table td.table-title {
        font-size: 14px;
    }

    table.tab-items-table tr {
        padding: 20px 0 0 15px;
    }

    table.tab-items-table tr td {
        padding-right: 10px;
    }

    .style-three .tabs li a {
        padding: 4px;
        margin-right: 8px;
    }

    .appoinment-tab li.current a {
        font-size: 14px;
        padding: 9px 18px;
        margin-right: 14px;
    }

    .tabs_item img {
        width: 100%;
    }

    .appoinment-tab .tabs li a {
        font-size: 14px;
        padding: 9px 21px;
    }

    .category-count-button {
        display: inline-block;
    }

    .category-button {
        padding-left: 0;
        margin-top: 25px;
    }

    .widget form {
        display: none;
    }

}