/* Scope to only the first content_right_620_section with floated images */
.products-page #content_right > .content_right_620_section:first-of-type div[style*="float:left"] {
    float: left;
}
/* For screens 811px and above (desktop) */
@media only screen and (max-width: 811px) {
    .products-page #content_right > .content_right_620_section:first-of-type div[style*="float:left"] {
        float: left !important;
        width: 30% !important;
        margin: 1.66% !important;
        box-sizing: border-box !important;
    }

    .products-page #content_right > .content_right_620_section:first-of-type div[style*="float:left"] img {
        width: 100% !important;
        height: auto !important;
        display: block !important;
        margin: 0 auto !important;
    }

    .products-page #content_right > .content_right_620_section:first-of-type {
        text-align: center !important;
    }
}


/* Medium screens: 481px to 810px */
@media only screen and (min-width: 481px) and (max-width: 810px) {
    #topnan_menu ul li a.current {
        padding: 8px 0px !important;
        font-size: 14px !important;
        color: #ffffff !important;
    }
    #logo-text img {
        margin-top: -65px;
        margin-bottom: 10px;
        padding-left: 211px;
    }

}
/* Tablet / Small Desktop: max-width 810px */
@media only screen and (max-width: 810px) {
    #content_right .content_right_620_section > div[style*="height:450px"] {
        min-height: auto !important;
        height: auto !important;
        margin-bottom: 100px !important;
    }
}

@media only screen and (width:810px){
    #logo-images img {
        max-width: 100% !important;
        height: auto !important;
        margin-left: -336px !important; /* optional */
    }
    #logo-images > a > img {
    margin: -14px auto;    /* horizontal center */
    }
}

/* Tablets / Small Desktop: 810px */
@media only screen and (max-width: 810px) {
    #content_right iframe {
        aspect-ratio: 16 / 9;
        padding-top:220px;
    }
}


.quality-page #content_right > .content_right_620_section:first-of-type div[style*="float:left"] {
    float: left;
}
/* For screens 811px and above (desktop) */
@media only screen and (max-width: 810px) {
    .quality-page #content_right > .content_right_620_section:first-of-type div[style*="float:left"] {
        float: left !important;
        width: 30% !important;
        margin: 1.66% !important;
        box-sizing: border-box !important;
    }

    .quality-page #content_right > .content_right_620_section:first-of-type div[style*="float:left"] img {
        width: 100% !important;
        height: auto !important;
        display: block !important;
        margin: 0 auto !important;
    }

    .quality-page #content_right > .content_right_620_section:first-of-type {
        text-align: center !important;
    }

}

/* For screens 481px to 810px */
@media only screen and (min-width: 481px) and (max-width: 810px) {
    .products-page #content_right > .content_right_620_section:first-of-type {
        text-align: center !important;
        font-size: 0 !important;
    }

    .products-page #content_right > .content_right_620_section:first-of-type div[style*="float:left"] {
        float: none !important;
        display: inline-block !important;
        vertical-align: top !important;
        width: 33.33% !important;
        margin: 0 !important;
        box-sizing: border-box !important;
        font-size: 14px !important;
    }

    .products-page #content_right > .content_right_620_section:first-of-type div[style*="float:left"] img {
        float: none !important;
        display: block !important;
        width: 100% !important;
        height: auto !important;
        margin: 0 auto !important;
    }
}


.facilities-page #content_right > .content_right_620_section:first-of-type div[style*="float:left"] {
    float: left;
}

/* ---------- Tablet / Small Desktop: max-width 810px ---------- */
@media only screen and (max-width: 810px) {
    .cleaner_h30 {
        height: 0 !important;     /* override inline height */
    }
}
/* For screens 811px and above (desktop) */
@media only screen and (max-width: 811px) {
    .facilities-page #content_right > .content_right_620_section:first-of-type div[style*="float:left"] {
        float: left !important;
        width: 30% !important;
        margin: 1.66% !important;
        box-sizing: border-box !important;
    }

    .facilities-page #content_right > .content_right_620_section:first-of-type div[style*="float:left"] img {
        width: 100% !important;
        height: auto !important;
        display: block !important;
        margin: 0 auto !important;
    }

    .facilities-page #content_right > .content_right_620_section:first-of-type {
        text-align: center !important;
    }
}

/* Inputs, textarea, select full width on smaller screens */
@media only screen and (max-width: 810px) {
    #content_right_620_section form input.formField,
    #content_right_620_section form textarea.formField,
    #content_right_620_section form select.formField {
        width: 100% !important;
        max-width: 100%;
    }

    

    /* Adjust spacing for labels and fields */
    #content_right_620_section .row {
        display: flex;
        flex-direction: column;
        margin-bottom: 15px;
    }

    #content_right_620_section .row .r1 {
        width: 100%;
        margin-bottom: 5px;
    }

    #content_right_620_section .row .r2 {
        width: 100%;
    }

    /* Buttons full width */
    #content_right_620_section .buttons button {
        width: 100%;
        font-size: 16px;
        padding: 12px 0;
    }

    /* Adjust captcha image and input */
    #content_right_620_section .row img {
        max-width: 100%;
        height: auto;
        margin-bottom: 7px;
    }

    #content_right_620_section .row input#Verification\ Code {
        width: 100px;
        max-width: 30%;
    }

    /* Reduce overall padding/margin for mobile */
    #content_right_620_section form {
        padding: 10px;
    }
}

.about-page #content_right > .content_right_620_section:first-of-type div[style*="float:left"] {
    float: left;
}

/* For screens 811px and above (desktop) */
@media only screen and (max-width: 811px) {
    .about-page #content_right > .content_right_620_section:first-of-type div[style*="float:left"] {
        float: left !important;
        width: 30% !important;
        margin: 1.66% !important;
        box-sizing: border-box !important;
    }

    .about-page #content_right > .content_right_620_section:first-of-type div[style*="float:left"] img {
        width: 100% !important;
        height: auto !important;
        display: block !important;
        margin: 0 auto !important;
    }

    .about-page #content_right > .content_right_620_section:first-of-type {
        text-align: center !important;
    }
}


/* For screens 481px to 810px */
@media only screen and (min-width: 481px) and (max-width: 810px) {
    .facilities-page #content_right > .content_right_620_section:first-of-type {
        text-align: center !important;
        font-size: 0 !important;
    }

    .facilities-page #content_right > .content_right_620_section:first-of-type div[style*="float:left"] {
        float: none !important;
        display: inline-block !important;
        vertical-align: top !important;
        width: 33.33% !important;
        margin: 0 !important;
        box-sizing: border-box !important;
        font-size: 14px !important;
    }

    .facilities-page #content_right > .content_right_620_section:first-of-type div[style*="float:left"] img {
        float: none !important;
        display: block !important;
        width: 100% !important;
        height: auto !important;
        margin: 0 auto !important;
    }
}

/* For screens 481px to 810px */
@media only screen and (min-width: 481px) and (max-width: 810px) {
    .about-page #content_right > .content_right_620_section:first-of-type {
        text-align: center !important;
        font-size: 0 !important;
    }

    .about-page #content_right > .content_right_620_section:first-of-type div[style*="float:left"] {
        float: none !important;
        display: inline-block !important;
        vertical-align: top !important;
        width: 33.33% !important;
        margin: 0 !important;
        box-sizing: border-box !important;
        font-size: 14px !important;
    }

    .about-page #content_right > .content_right_620_section:first-of-type div[style*="float:left"] img {
        float: none !important;
        display: block !important;
        width: 100% !important;
        height: auto !important;
        margin: 0 auto !important;
    }
}

/* ---------- Tablet / iPad Portrait: 481px to 1024px ---------- */
@media only screen and (min-width: 481px) and (max-width: 1024px) {

    body, html { 
        overflow-x: hidden; 
        font-size: 15px; 
        line-height: 1.5; 
    }
    #banner {
        clear: both;
        height: 310px;
        margin: 0 auto;
        background: url(../images/bannerbg-repeat.jpg) repeat;
    }

    /* Containers */
    #headerbg_main, #site_title_section, #logo-images, #logo-text,
    #banner_bannerbg, #left, #right,
    #leftnav_content, #content_left, #content_right,
    .content_right_620_section, .content_right_section, 
    #content_right_w620_wrapper, #content_right_w620_inner,
    #footer_wrapper, #footer {
        width: 100% !important;
        max-width: 810px;
        float: none !important;
        margin: 0 auto !important;
        padding: 10px !important;
        height: auto !important;
        overflow: visible !important;
        box-sizing: border-box;
        text-align: center;
    }

    #banner_bigtext { font-size: 24px !important; padding: 25px 0 10px 0 !important; }
    #banner_smolltext { font-size: 18px !important; margin-bottom: 10px; }
    #banner_text { font-size: 15px !important; }

    #content_right_620_section ul li, #content_right ul li {
        display: inline-block;
        width: 48% !important;
        margin: 5px 1% !important;
        vertical-align: top;
    }

    /* Force Our Product Range below navbar */
    #leftnav_content {
        display: flex !important;
        flex-direction: column !important;
    }
    #content_left { order: 1 !important; }
    #content_right { order: 2 !important; }

    /* Side Menu */
    .menu-toggle {
        display: block;
        font-size: 28px;
        cursor: pointer;
        color: #fff;
        background: #333;
        padding: 10px 15px;
        position: fixed;
        top: 15px;
        right: 15px;
        z-index: 10000;
    }
    #topnan_menu {
        position: fixed !important;
        top: 0;
        right: -300px;
        width: 300px !important;
        height: 100vh !important;
        background: #333;
        transition: right 0.3s ease-in-out;
        z-index: 9999;
        padding-top: 78px !important;
        text-align: left !important;
        box-sizing: border-box;
    }
    #topnan_menu.open { right: 0 !important; width:145px !important;}
    #topnan_menu ul li a { 
        display: block;  
        color: #333 !important; 
        text-decoration: none; 
        text-align: center !important;
        width:141px; 
    }
    #topnan_menu ul {
        float: left;
        margin: -18px;
        padding: 0 0 0 20px;
        list-style: none;
        margin-top: -1px;
    }
    #topnan_menu ul li a:hover { background: #444; }

    /* Footer Fix */
    #footer {
        width: 100% !important;
        max-width: 810px !important;
        padding: 20px 15px !important;
        margin: 0 auto !important;
        text-align: center !important;
        box-sizing: border-box;
        color: #CCC;
    }
    #footer ul {
        width: 100% !important;
        max-width: 100% !important;
        list-style: none;
        padding: 0 !important;
        margin: 0 auto !important;
        box-sizing: border-box;
    }
    #footer ul li {
        display: inline-block;
        margin: 0 10px;
    }
    #footer ul li a {
        color: #CCC !important;
        text-decoration: none;
        font-size: 15px !important;
    }
    #footer p {
        word-wrap: break-word;
        margin: 5px 0;
    }
    #footer a {
        margin: 5px 0;
    }
}











/* Small screens: max-width 480px */
@media only screen and (max-width: 480px) {
    #topnan_menu ul li a.current {
        padding: 8px 0px !important;   /* reduce padding for small screens */
        font-size: 14px !important;      /* smaller font if needed */
        color: #ffffff !important;
    }
}
/* ---------- Mobile Portrait: max-width 480px ---------- */
@media only screen and (max-width: 480px) {

    body, html {
        overflow-x: hidden;
        font-size: 14px;
        line-height: 1.5;
    }
    #topnan_menu li a:hover, #topnan_menu li a .current{
        padding: 10px;
    }
    /* Header */
    #headerbg_main, #site_title_section, #logo-images, #logo-text {
        width: 100% !important;
        float: none !important;
        text-align: center;
        padding: 0 !important;
        margin: 0 auto !important;
        height: auto !important;
    }

    #logo-text { 
        font-size: 24px !important; 
        padding: 10px 0 !important; 
    }
    #logo-text img {
        max-width: 100% !important;
        height: auto !important;
        margin: 35px 0 0 15px;
    }
    .ISO { 
        padding: 5px 0 !important; 
        text-align: center !important; 
    }

    /* Banner */
    #banner {
      clear: both;
      width: 100%;
      height: 380px;
      margin: 0 auto;
      background: url(../images/bannerbg-repeat.jpg) repeat;
    }
    #banner_bannerbg, #left, #right {
        width: 100% !important;
        float: none !important;
        margin: 0 auto !important;
        padding: 0 !important;
        height: auto !important;
    }

    #banner_bigtext { 
        font-size: 20px !important; 
        padding: 75px 0 15px 0 !important; 
        text-align: center; 
    }
    #banner_smolltext { 
        font-size: 16px !important; 
        text-align: center; 
        margin-bottom: 10px; 
    }
    #banner_text {
        width: 100% !important;
        font-size: 14px; 
        text-align: justify;
        padding: 0 10px;
        box-sizing: border-box !important;
        overflow-wrap: break-word;
    }
    #banner_text p {
        margin-bottom: 10px;
        word-break: break-word;
    }

    /* Side Menu (Right Sidebar) */
    .menu-toggle {
        display: block;
        font-size: 26px;
        cursor: pointer;
        color: #fff;
        background: #333;
        padding: 10px 15px;
        position: fixed;
        top: 10px;
        right: 10px;
        z-index: 10000;
    }

    #topnan_menu {
        position: fixed !important;
        top: 0;
        right: -250px;
        width: 121px !important;
        height: 100vh !important;
        background: #333;
        transition: right 0.3s ease-in-out;
        z-index: 9999;
        padding-top: 70px !important;
        text-align: left !important;
        box-sizing: border-box;
        overflow: scroll;
    }
    #topnan_menu.open { 
        right: 0 !important; 
    }
    #topnan_menu ul {
        padding: 0;
        margin: 0;
        list-style: none;
    }
    #topnan_menu ul li {
        display: block !important;
        margin: 0 !important;
        border-bottom: 1px solid #444;
    }
    #topnan_menu ul li a {
        display: block;
        color: #333 !important;
        text-decoration: none;
        text-align: center !important;
    }
    #topnan_menu ul li a:hover {
        background: #444;
    }

    /* Left & Right Content */
    #leftnav_content, #content_left, #content_right, 
    .content_right_620_section, .content_right_section, 
    #content_right_w620_wrapper, #content_right_w620_inner {
        width: 100% !important;
        float: none !important;
        margin: 0 auto !important;
        padding: 10px !important;
        height: auto !important;
        overflow: visible !important;
        box-sizing: border-box;
    }

    #content_left { 
        border-right: none !important; 
        padding: 0 !important; 
        margin-bottom: 20px; 
    }

    /* Force Our Product Range below navbar */
    #leftnav_content {
        display: flex !important;
        flex-direction: column !important;
    }
    #content_left { order: 1 !important; }
    #content_right { order: 2 !important; }

    /* Images */
    img { 
        max-width: 100% !important; 
        height: auto !important; 
        margin-top:27px;
        margin-left:15px;
    }



    #logo-images > a > img {  /* block level banaye, agar nahi hai */
    margin-top: 8px;
    margin-left:-165px;    /* jitna neeche chahiye utna px set karein */
}

    .text1 {
        font-size: 14px !important; /* desired font size */
        line-height: 1 !important; /* desired line height */
        display: block; /* optional: ensure block layout */
        word-wrap: break-word; /* long text wrap properly */
    }

    p {
        padding:0 18px ;
    }

    .image_wrapper { 
        width: 100% !important; 
        float: none !important; 
        margin: 10px 0 !important; 
    }

    /* Lists & LeftNav */
    .leftNav, .leftNav a { 
     /*   display: block; */
        width: 100% !important; 
        padding: 5px 0 !important; 
    }
    .content_right_620_section ul li, #content_right ul li { 
        display: block; 
        width: 100% !important; 
        margin-bottom: 8px; 
    }

    /* Clearers */
    .cleaner, .cleaner_h10, .cleaner_h30, .cleaner_w20 { 
        clear: both; 
        height: auto !important; 
        width: 100% !important; 
    }

    /* Footer */
    #footer {
        width: 100% !important;
        padding: 12px 0;
        margin: 0 auto;
        text-align: center;
        color: #CCC;
    }
    #footer ul {
        width: 100% !important;
        list-style: none;
        padding: 0;
        margin: 0;
        text-align: center;
    }


}
/* Mobile Landscape / Small Tablet: max-width 480px */
@media only screen and (max-width: 480px) {
    #content_right .content_right_620_section > div[style*="height:450px"] {
        min-height: auto !important;
        height: auto !important;
        margin-bottom: 120px !important;
    }
}
/* Small Tablets / Mobile Landscape: 480px */
@media only screen and (max-width: 480px) {
    #content_right iframe {
        aspect-ratio: 5 / 3; 
    }
}
/* For screens 321px to 480px */
@media only screen and (min-width: 321px) and (max-width: 480px) {
    .quality-page #content_right > .content_right_620_section:first-of-type div[style*="float:left"] {
        float: none !important;
        width: 100% !important;
        text-align: center !important;
        margin: 5px 0 !important;
    }

    .quality-page #content_right > .content_right_620_section:first-of-type div[style*="float:left"] img {
        float: none !important;
        display: inline-block !important;
        margin: 0 auto !important;
        width: 232px !important;
        height: auto !important;
    }
}
/* For screens 321px to 480px */
@media only screen and (min-width: 321px) and (max-width: 480px) {
    .products-page #content_right > .content_right_620_section:first-of-type div[style*="float:left"] {
        float: none !important;
        width: 100% !important;
        text-align: center !important;
        margin: 5px 0 !important;
    }

    .products-page #content_right > .content_right_620_section:first-of-type div[style*="float:left"] img {
        float: none !important;
        display: inline-block !important;
        margin: 0 auto !important;
        width: 232px !important;
        height: auto !important;
    }
}


/* For screens 321px to 480px */
@media only screen and (min-width: 321px) and (max-width: 480px) {
    .facilities-page #content_right > .content_right_620_section:first-of-type div[style*="float:left"] {
        float: none !important;
        width: 100% !important;
        text-align: center !important;
        margin: 5px 0 !important;
    }

    .facilities-page #content_right > .content_right_620_section:first-of-type div[style*="float:left"] img {
        float: none !important;
        display: inline-block !important;
        margin: 0 auto !important;
        width: 232px !important;
        height: auto !important;
    }
}
/* For screens 321px to 480px */
@media only screen and (min-width: 321px) and (max-width: 480px) {
    .about-page #content_right > .content_right_620_section:first-of-type div[style*="float:left"] {
        float: none !important;
        width: 100% !important;
        text-align: center !important;
        margin: 5px 0 !important;
    }

    .about-page #content_right > .content_right_620_section:first-of-type div[style*="float:left"] img {
        float: none !important;
        display: inline-block !important;
        margin: 0 auto !important;
        width: 232px !important;
        height: auto !important;
    }
}
/* Extra small screens (<480px) */
@media only screen and (max-width: 480px) {
    #content_right_620_section .row input#Verification\ Code {
        max-width: 50%;
    }

    #content_right_620_section .buttons button {
        font-size: 14px;
    }
    .r2{
        float:left; 
        width:100%; 
        font:normal 1.0em "Trebuchet MS", Tahoma, Verdana, Arial; color:#666666; 
        padding:4px 0 4px 0;}
}




















/* THANKS PAGE - Prevent footer overlap */

/* Target the inline height container inside content_right */
#content_right .content_right_620_section > div[style*="height:450px"] {
    height: auto !important;      /* override fixed height */
    min-height: 450px;            /* keep original height on desktop */
    overflow: visible !important; /* let content expand */
    margin-bottom: 40px !important; /* spacing before footer */
}

/* Mobile Portrait: max-width 320px */
@media only screen and (max-width: 320px) {
    #content_right .content_right_620_section > div[style*="height:450px"] {
        min-height: auto !important;
        height: auto !important;
        margin-bottom: 120px !important;
    }
}

@media only screen and (max-width: 320px) {
    #logo-images > a > img {  /* block level banaye, agar nahi hai */
        margin-top: 8px;
    margin-left:-85px;    /* jitna neeche chahiye utna px set karein */
    }
}

@media only screen and (width: 320px) {

    #footer {
        padding: 0 10px !important; /* sirf horizontal padding adjust */
        text-align: center;          /* saare text center */
        box-sizing: border-box;
    }

    /* Pehla a (copyright) left side me proper align */
    #footer > a:first-of-type {
        display: block;
        text-align: center;          /* ya left, agar center nahi chahiye */
        margin: -3px 0;
    }

    /* Last do a (design links) line by line */
    #footer a.design {
        display: block;
        margin-top: 5px;
        text-align: center;          /* center align line by line */
    }
}

#content_right iframe {
    width: 100% !important;
    height: auto !important;
    max-width: 100%;
    aspect-ratio: 16 / 9; /* Modern CSS to keep 16:9 ratio */
    border: 0;
}

/* Mobile Portrait: 320px */
@media only screen and (max-width: 320px) {
    #content_right iframe {
        aspect-ratio: 4 / 3; /* slightly taller for small screens */
    }
}
/* For screens up to 320px */
@media only screen and (max-width: 320px) {
    .quality-page #content_right > .content_right_620_section:first-of-type div[style*="float:left"] {
        float: none !important;
        width: 100% !important;
        text-align: center !important;
        margin: 5px 0 !important;
    }

    .quality-page #content_right > .content_right_620_section:first-of-type div[style*="float:left"] img {
        float: none !important;
        display: inline-block !important;
        margin: 0 auto !important;
        width: 200px !important;
        height: auto !important;
    }
}
/* For screens up to 320px */
@media only screen and (max-width: 320px) {
    .products-page #content_right > .content_right_620_section:first-of-type div[style*="float:left"] {
        float: none !important;
        width: 100% !important;
        text-align: center !important;
        margin: 5px 0 !important;
    }

    .products-page #content_right > .content_right_620_section:first-of-type div[style*="float:left"] img {
        float: none !important;
        display: inline-block !important;
        margin: 0 auto !important;
        width: 200px !important;
        height: auto !important;
    }
}
/* For screens up to 320px */
@media only screen and (max-width: 320px) {
    .facilities-page #content_right > .content_right_620_section:first-of-type div[style*="float:left"] {
        float: none !important;
        width: 100% !important;
        text-align: center !important;
        margin: 5px 0 !important;
    }

    .facilities-page #content_right > .content_right_620_section:first-of-type div[style*="float:left"] img {
        float: none !important;
        display: inline-block !important;
        margin: 0 auto !important;
        width: 200px !important;
        height: auto !important;
    }
}

.about-page #content_right .content_hed {
    font-size: 20px;
    margin-bottom: 15px;
    text-align: center;
}

/* Optional: paragraphs inside About Us */
.about-page #content_right p {
    font-size: 14px;
    line-height: 1.6;
    margin-bottom: 15px;
}



/* For screens up to 320px */
@media only screen and (max-width: 320px) {
    .about-page #content_right > .content_right_620_section:first-of-type div[style*="float:left"] {
        float: none !important;
        width: 100% !important;
        text-align: center !important;
        margin: 5px 0 !important;
    }

    .about-page #content_right > .content_right_620_section:first-of-type div[style*="float:left"] img {
        float: none !important;
        display: inline-block !important;
        margin: 0 auto !important;
        width: 200px !important;
        height: auto !important;
    }
}


#content_right_620_section form,
#content_right_620_section form .row {
    width: 100%;
    box-sizing: border-box;
}
@media only screen and (max-width: 320px){
    #logo-text img {
        max-width: 100% !important;
        height: auto !important;
        padding: 10px 0 10px;
        margin-left: 0px;
    }
}