/* Responsive styles */
@media (max-width: 767px) {
    nav {
        height: auto;
        padding: 10px 20px;
    }

    .navbar {
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
    }

    /* Hide the default navigation links for smaller screens */
    .navbar .nav-links {
        display: none;
        flex-direction: column;
        width: 100%;
        background: #ffffff;
        position: absolute;
        top: 100%;
        left: 0;
        box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
        z-index: 99;
    }

    /* Show the nav-links when active */
    .navbar .nav-links.active {
        display: flex;
    }

    /* Hamburger menu */
    .navbar .bx-menu {
        display: block;
        font-size: 24px;
        cursor: pointer;
        color: #000;
        margin-right: 10px;
    }

    .navbar .links {
        flex-direction: column;
        width: 100%;
    }

    .navbar .links li {
        width: 100%;
        text-align: left;
        padding: 10px 15px;
    }

    .navbar .links li a {
        font-size: 16px;
        color: #000000;
        text-decoration: none;
    }

    /* Submenu styles for mobile */
    .navbar .links li .sub-menu {
        top: 80px !important;
        width: 100%;
    }

    .navbar .links li:hover .sub-menu {
        display: block;
    }

    .navbar .links li .sub-menu li {
        padding: 15px 15px;
    }

    nav .navbar .links li {
        border-bottom: 2px solid rgba(255, 255, 255, 0.1);
    }

    /* Adjust the logo size */
    .logo1 img {
        width: 140px;
    }

    .topbox {
        display: none;
        /* Hide topbox for mobile (adjust based on design) */
    }

    .contbox p {
        display: block;
        margin-bottom: 10px;
    }

    nav .navbar .links {
        position: relative;
        top: 10px;
        background: linear-gradient(90deg, rgba(255, 184, 0, 1) 0%, rgb(252, 50, 127) 100%);
    }

    .remee-help .row {
        justify-content: center;
    }

    .remee-help .helpbox {
        width: 80%;
        margin-bottom: 20px;
    }

    .helpcont {
        height: auto;
    }

    .REMPledge .mainheading h4 {
        font-size: 50px;
    }

    .logoarea {
        display: none;
    }

    .linkarea {
        width: 100%;
    }

    .linkarea .row img {
        display: none;
    }

    .banner .carousel {
        z-index: -1;
    }

    .navbar .links li .sub-menu a {
        width: 100%;
        text-wrap: auto;
        line-height: 30px;
    }

    .navbar .links li .sub-menu .more-sub-menu {
        display: none;
        top: 47px;
        left: 5%;
    }

    .menu-icon {
        display: flex !important;
    }

    nav .navbar .links li a,
    #menu-main-menu .fa-chevron-down {
        color: #ffff;
    }

    .carousel-item img {
        height: 470px;
        object-fit: cover;
    }

    .mainheading {
        margin-top: 30px;
    }

    .homenews-section {
        padding-top: 25px;
    }

    .mainheading h4 {
        font-size: 25px;
    }

    .homenews-section .col-md-4 {
        margin-bottom: 30px;
    }

    .REMPledge-cont {
        padding-top: 100px;
    }

    .REMPledge-cont p {
        font-weight: normal;
    }

    .testimonials .col-md-4:nth-child(1),
    .testimonials .col-md-4:nth-child(2) {
        margin-bottom: 35px;
    }

    .selection-design,
    .activate-rem,
    .product-table-section,
    .case-study,
    .remee-help,
    .inner-banner-cont,
    .inner-REMPledge,
    .main-sec,
    .videosec,
    .carrers-sec,
    .industrysec,
    .fiber-design,
    .blog-area,
    .state,
    .map-sec,
    .find-us,
	.newslater {
        padding: 70px 0px;
    }

    .blog-cont h4 {
        font-size: 25px;
    }

    .find-us .col-md-6:nth-child(2) {
        margin-top: 30px;
    }

    .selection-image,
    .feature-images,
    .carrersbox-img img {
        margin-bottom: 30px;
    }

    .product-table-section .starderd-table {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        margin-bottom: 20px;
    }

    .application-buttons {
        flex-direction: column;
        align-items: center;
    }

    .product-mid-sec h4,
    .product-page h4 {
        font-size: 27px;
    }

    .inner-banner img {
        height: 450px;
        object-fit: cover;
    }

    .innerprofile h3 {
        font-size: 25px;
        font-weight: unset;
        margin-top: 30px;
    }

    .innerprofile .aboutimg p img {
        height: auto !important;
        margin-bottom: 30px;
    }

    .inner-banner-cont .pb-5 {
        padding-bottom: unset !important;
    }

    .blogconty h1 {
        font-size: 25px;
    }

    .inner-REMPledge h4 {
        font-size: 28px;
        font-weight: 400;
        margin-top: 30px;
    }

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

    .carrers-content,
    .brochures-sec {
        margin-top: 70px !important;
    }

    .logoslider .col-md-2 img {
        width: 100px;
    }

    .fiber-design .pb-5 {
        margin-bottom: 0px !important;
    }

    .wpcf7-spinner {
        display: block !important;
        left: 133px;
    }
}



@media (min-width: 768px) and (max-width: 1024px) {
    .industrysec .col-md-3 {
        width: 50%;
    }

    nav .navbar .links li .sub-menu {
        top: 84px;
    }

    .application-buttons {
        flex-direction: column;
        align-items: center;
    }

    nav .navbar {
        max-width: 100%;
        padding: 0 25px;
    }

    nav .navbar .logo a {
        font-size: 27px;
    }

    nav .navbar .nav-links {
        position: absolute;
        left: 185px;
        top: 16px;
    }

    .topbar .col-md-9 {
        width: 100%;
    }

    .topbar .col-md-3 {
        width: 100%;
        margin-top: 30px;
    }

    nav .navbar .links li {
        padding: 0 10px;
        white-space: nowrap;
    }

    nav .navbar .links li a {
        font-size: 12px;
    }

    .topbox {
        display: none;
    }

    .homenews-section .col-md-4,
    .testimonials .col-md-4,
    .remee-help .helpbox {
        width: 50%;
        margin-top: 20px;
    }
}