/* Extra small devices (portrait phones, less than 576px) */
@media only screen and (max-width: 575.98px) {
    
    .btn-learn a{font-size: 14px;}
    .btn-learn::before, .btn-learn::after{width: 14px;height: 14px;}
    .custom-list li::before,
    .custom-list-white li::before,
    .panel-light1 .features-list li::before,
    .footer-list li::before {
        top: 2px;
        transform: none;
    }
    .chemistry-capabilities-section .chemistry-list li::before {
        top: 2px;
        transform: none;
    }
    .chemistry-capabilities-section .chemistry-list li{margin-left: 10px;padding-left: 14px;}
    .mob-carousel-indicators .carousel-indicators{
        bottom: -38px !important;
    }
    .mob-carousel-indicators .carousel-indicators [data-bs-target] {
        background-color: #A9C5FF;
    }

    .mob-carousel-indicators .carousel-indicators [data-bs-target].active {
        background-color: #0044D3;
    }
    .about-safety-card{margin-top: 30px;}

    /* Styles for extra small devices (phones) */
    p {
        font-size: 14px;
    }

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

    section {
        padding: 40px 0;
    }

    .curved-bg-mob {
        display: block;
        position: relative;
        top: -10px;
    }

    #header {
        margin-top: 0px !important;
        top: 0px !important;
        background-color: rgb(252, 252, 252);
    }

    .mobNav {
        display: block
    }

    .respbar {
        display: block;
    }

    .menu {
        display: none;
    }

    .res_subopen {
        display: none;
    }

    .logo .img-fluid1 {
        width: 150px;
    }

    .banText {
        height: 100%;
        padding-top: 0px;
    }

    .banner {
        padding: 0;
    }

    .khilolab {
        margin-top: 20px;
    }

    .top-space {
        margin-top: 10px;
    }

    .banText h5 {
        position: relative;
        font-size: 16px;
        margin-bottom: 20px;
    }

    .banText h2 {
        font-size: 40px;
        position: relative;
        z-index: 2;
    }

    .privacy-in {
        padding-left: 12px !important;
    }

    .btn-read {
        margin-top: 0;
    }

    .bannerbg {
        padding-top: 30px;
        display: flex;
        align-items: flex-end;
        padding-bottom: 30px;
    }

    .shedule {
        width: 100%;
        margin-right: auto;
    }

    .service-img {
        position: relative;
        width: 100%;
        display: none;
    }

    .curved-bg {
        display: none;
    }

    .services {
        padding: 40px 0;
    }

    .service-img-mob {
        display: block;
        position: relative;
        width: 100%;
        margin-top: 20px;
        border-radius: 12px;
        overflow: hidden;
        margin-bottom: 30px;
    }

    .overview-text {
        margin-top: 30px;
    }

    .service-item {
        display: flex;
        flex-direction: column;
        gap: 10px;
        align-items: center;
    }

    .service-content,
    .servicedesc {
        text-align: center;
    }

    .services-heading {
        margin-top: 20px;
    }

    .overview-text h3 {
        color: #fff;
    }

    .bg-img img {
        height: 100px;
    }

    .overview-text {
        margin-top: 0;
    }

    .daily1 .overview-text h3,
    .services-heading {
        color: #0044D3 !important;
    }

    .services-list {
        margin-bottom: 40px;
    }

    .carousel-control-next.custom-arrow {
        right: 64px;
    }

    .carousel-control-prev.custom-arrow {
        left: 64px;
    }

    .custom-arrow {
        top: 110%;
    }

    .milestones-section {
        padding: 60px 0 80px 0;
    }

    #scndpara {
        display: none;
    }

    .site-footer {
        top: -80px;
        padding: 0;
        height: 330px;
    }

    .standard-links {
        justify-content: center;
        margin-top: 10px;
    }

    .footer-bottom {
        margin-top: 10px;
    }

    .mul.Feature-tabti-images {
        flex-direction: column;
    }

    .multi-images img {
        width: 100%;
        margin-bottom: 10px;
        height: 160px;
    }

    .story-images {
        margin-top: 20px;
    }

    #successCarousel .carousel-indicators {
        bottom: -34px;
    }

    .image-carousel {
        display: none;
    }

    .mob-image-carousel {
        display: block;
        margin-bottom: 20px;
        border-radius: 10px;
        /* overflow: hidden; */
    }

    .panel-light,
    .panel-dark {
        padding: 20px;
        border-radius: 20px;
        margin: 0 12px;
    }

    .panel-light {
        margin-bottom: 20px;
    }

    .manufacturing-img {
        display: block;
        border-radius: 20px;
        margin-bottom: 20px;
        overflow: hidden;
    }

    .manufacturing-bg-img {
        display: none;
    }

    .manufacturing-btn {
        right: 0;
        margin-top: 0px;
        margin-bottom: 20px;
    }

    .meeting-btn {
        right: -54%;
        margin-top: 0px;
        margin-bottom: 5px;
    }

    .footer-brand-panel {
        width: 90%;
        border-radius: 0 32px 0 0;
        padding: 20px 0;
    }

    .innerbanner {
        height: 300px;
        display: flex;
    }

    .innerbanner .banText {
        padding: 0px 12px;
        margin-top: 30px;
    }

    .innerbanner .banText h1 {
        font-size: 35px;
        color: #0044D3;
        margin-bottom: 12px;
    }

    .innerbanner .bannerbg {
        padding-top: 30px !important;
        padding: 20px 0;
        /* background-color: rgba(252, 252, 252, .4); */
    }

    /* .row>* {
        padding: 0 12px;
    } */


    .chemistry-capabilities-section .chemistry-quote{margin-bottom: 14px;}
    .chemistry-capabilities-section .chemistry-list li{font-size: 14px;}
    .chemistry-capabilities-section .chemistry-list{gap: 8px;}
    .innerbanner .banText h5 {
        font-size: 14px;
        line-height: normal;
        margin-bottom: 0;
    }
    .chemistry-capabilities-section .chemistry-list li::before{width: 12px;height: 12px;}



    .innerbanner #longtext {
        padding: 0px !important;
    }

    .team .overview-text h3 {
        color: #0044D3;
    }

    #manufac {
        background-image: url(../images/innerbanner/about-mob.png) !important;
        background-position: top;
        background-size: cover;
        height: 600px;
        padding-bottom: 20px;

    }

    #about {
        background-image: url(../images/innerbanner/manufac-mob.png) !important;
        background-position: top;
        background-size: cover;
        height: 570px;
        padding-bottom: 40px;

    }

    #services {
        background-image: url(../images/innerbanner/services-mob.png) !important;
        background-position: top;
        background-size: cover;
        height: 650px;
        padding-bottom: 30px;
    }

    #cookie {
        background-image: url(../images/innerbanner/cookieban.png) !important;
        background-position: top;
        background-size: cover;
        height: 480px;
        padding-bottom: 30px;
    }

    #privacy {
        background-image: url(../images/innerbanner/privacyban.png) !important;
        background-position: top;
        background-size: cover;
        height: 480px;
        padding-bottom: 30px;
    }

    .chemist h3 {
        margin-bottom: 30px;
    }

    .chemist-box {
        padding-left: 6px !important;
        margin: 14px 0;
    }
    .about-card {padding: 0 14px;}

    .about-card .chemist-box {
        padding-left: 0px !important;
        margin: 0px 0;
    }
    .btn-wrapper {
        float: left;
        margin-bottom: 40px !important;
    }

    #rdbanner {
        background-image: url(../images/innerbanner/r&d-banner.png) !important;
        background-position: top;
        background-size: cover;
        height: 600px;
        padding-bottom: 20px;
    }

    #careerban {
        background-image: url(../images/innerbanner/careers-ban.png) !important;
        background-position: top;
        background-size: cover;
        height: 530px !important;
        padding-bottom: 40px;
    }

    

    .career-phone {
        padding: 0 12px !important;
    }

    #careerban .bannerbg {
        padding: 0px 0 !important;
    }

    #contactban {
        background-image: url(../images/innerbanner/contact-ban.png) !important;
        background-position: top;
        background-size: cover;
        height: 520px !important;
        padding-bottom: 40px;
    }

    .repon_menu>ul>li>ul {
        padding-top: 0px !important;
    }

    #contactban .bannerbg {
        padding: 0px 0 !important;
    }

    #careerban .banText h1 {
        font-size: 30px;
    }

    .login_form .form-control,
    .form-select {
        margin-bottom: 6px;
    }

    .phonecode {
        margin-top: 12px;
    }

    .phonecode .leftspacing {
        padding: 0 12px !important;
    }

    .login_form #captcha .preview,
    .form_input_captcha {
        margin-top: 1px !important;
    }

    .captachleft1 {
        padding-right: 3px !important;
        margin-top: -5px;
    }

    .desktop-only {
        display: none;
    }

    .login_form .captachleft1 #captcha .preview {
        line-height: 33px;
    }

    .captachleft {
        padding-right: 2px !important;
    }

    #deskservices {
        display: none;
    }

    #mobservices {
        display: block;
        font-size: 30px;
        color: #0044D3 !important;
    }

    .captachright {
        padding-left: 2px !important;
    }

    .captachright1 {
        padding-left: 2px !important;
    }

    .phonecode .phonenum1 {
        padding-left: 0 !important;
        padding-right: 12px;
    }

    /* #exampleFormControlTextarea1 {
        width: 342px;
        margin: 0 auto;
    } */

    #services .banText h1 {
        font-size: 30px;
        margin-top: 0px;
    }

    .process {
        padding: 40px 0;
    }

    .safety-img {
        margin-top: 20px;
    }

    .mob-list {
        display: block;
    }

    .desk-list {
        display: none;
    }

    .service-02 .ourService {
        height: 100%;
    }

    .panel-dark {
        margin-top: 30px;
    }

    .partner-bg-img img {
        overflow: hidden !important;
        height: 120px !important;
    }

    .lab {
        padding-top: 40px;
    }

    .section-para,
    .chemist p,
    .service-description {
        font-size: 14px;
    }

    .panel-light1 {
        padding: 30px 20px;
        border-radius: 16px;
        margin: 0 12px;
    }

    .panel-dark1 img {
        margin-top: 30px;

        border-radius: 12px;
    }

    .panel-dark p,
    .panel-light p {
        font-size: 14px;
    }

    .top-gap {
        display: none;
    }

    .safety-card {
        margin-top: 40px;
    }

    #phone-select,
    .company-name {
        margin-top: 10px;
    }

    .btn-wrapper {
        margin: 10px 0;
    }

    .career .meeting-btn {
        right: -55%
    }

    .info-box p {
        margin-top: 0px !important;
    }

    .contact-form p {
        margin-bottom: 20px;
    }

    .service-02 .services-bg-img,
    .service-01 .services-bg-img {
        display: none;
    }

    .services-img {
        display: block;
        margin: 20px 0;
    }

    .service-02 .ourService .overview-text,
    .service-01 .ourService .overview-text {
        margin-top: 0;
    }

    .service-02,
    .service-01 {
        padding: 40px 0;
    }

    .service-card {
        margin-bottom: 20px;
    }

    .service-card h4 {
        margin-bottom: 10px;
    }

    .service-card::before {
        display: none;
    }

    .services-grid {
        padding: 20px 0;
    }

    .services-img img {
        border-radius: 12px;
    }

    #padding-right {
        padding-right: 12px;
        padding-left: 12px;
    }

    .top-left-radius {
        border-radius: 20px;
    }

    #padding-left {
        padding-left: 12px;
        padding-right: 12px;
    }

    .right-bottom-radius {
        border-radius: 20px 20px 20px 20px;
    }

    .text-block h5 {
        display: none;
    }

    .Feature-tab:hover .visible-text {
        border-radius: 20px;
    }

    .hide {
        transform: translateY(0%);
    }

    .Feature-tab:hover .hidden-text,
    .Feature-tab:hover .right-bottom-radius {
        border-radius: 20px;
    }

    .text-block {
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        height: 100%;
        border-radius: 20px;
        background-color: rgba(0, 0, 0, 0.6);
    }

    .multiimges .carousel-item {
        padding: 0 !important;
    }

    .multi-images {
        flex-direction: column;
        gap: 10px;
    }

    .milestones .carousel-item,
    .multiimges .slider-img1 {
        height: 100%;
    }

    .milestones .carousel-item {
        padding: 15px;
    }

    .map-gap {
        margin-bottom: 30px;
    }

    .contact-form,
    .image-out-right1 {
        margin-top: 20px;
    }

    .location-card {
        margin-bottom: 20px;
    }

    .panel-dark1 {
        padding: 10px 12px;
    }

    #rd {
        margin-top: 20px;
    }

    .panel-dark .features-list li,
    .panel-light .features-list li {
        font-size: 14px;
    }

    .services-wrapper {
        padding-bottom: 10px;
    }

    .rd {
        margin-top: 0px;
        border-radius: 16px;
        height: 180px;
    }

    .image-out-left {
        margin-top: 40px;
        border-radius: 12px;
        overflow: hidden;
    }

    .team-image {
        width: 240px;
    }

    .team-card {
        margin-bottom: 20px;
    }

    .team-content {
        margin-top: 14px;
    }

    .info-box {
        border-radius: 8px 0 8px 8px;
    }

    .chemist-img {
        margin-top: 0px;
        margin-bottom: 30px;
        background-size: contain;
    }

    .file-upload-label .input-with-asterisk {
        background-position: 21% center;
    }

    .top-space1 {
        margin-top: 8px;
    }

    .form_input_captcha {
        margin-top: 8px;
    }

    .saftey {
        height: 100%;
        background-size: cover;
    }

    #spacing-left {
        margin-left: 0px;
    }

    .about-card {
        margin-bottom: 20px;
        margin-left: 0px;
    }

    .process-right {
        margin-left: 0px;
    }



    #process {
        min-height: 100%;
        padding: 40px 0;
    }

    #saftey-height {
        height: 100%;
    }


    .rdprocess #carouselExampleFade1 .carousel-indicators{bottom: -42px;}

    #carouselExampleFade2 .carousel-indicators {
        bottom: -57px;
        margin-right: 3%;
    }

    .services {
        padding: 20px 0;
        height: 100%;
    }

    .chemist-long-content.is-active {
        padding-bottom: 80px;
    }

    #process1 {
        padding: 40px 0;
    }



    .chemist.is-active .image-carousel1 {
        margin-top: 30px;
    }

    .btn-read1 {
        margin-top: 10px;
    }

    .btn-read1 a {
        top: -1px;
    }

    #bg-space {
        padding: 0 !important;
    }

    .chemist.is-active {
        background-size: contain !important;
        background-position: top;
    }

    .Feature-tab {
        margin: 20px 0 30px 0;
    }

    .footer-logo {
        width: 180px;
    }

    .footer-right {
        padding: 60px 20px 20px;
        width: 97%;
    }

    #saftey1{padding-bottom: 40px;}
    #saftey1 img {
        margin-top: 40px;
        object-position: right;
    }

    .finaldiv {
        margin-top: 0px;
    }

    .footer-bottom p {
        text-align: center;
    }

    .top-break {
        display: none;
    }

    .single-image img {
        height: 340px;
        object-fit: cover;
    }

    .manufacturing {
        height: 100%;
    }

    .team {
        margin-top: 0px;
    }

    .contact-map {
        margin-top: 30px;
    }

    .chemist-img img {
        margin-top: 40px;
    }

    #carouselExampleFade2 .image-out-left {
        margin-top: 40px;
    }
/* 
    .saftey {
        background-image: none !important;
    } */

    .manufacturing-img {
        margin-top: 40px;
    }

}



/* Small devices (landscape phones, 576px to 767px) */
@media only screen and (min-width: 576px) and (max-width: 767.98px) {

    /* Styles for small devices (landscape phones) */
    section {
        padding: 40px 0;
    }

    #header {
        margin-top: 0px !important;
        top: 0px !important;
        background-color: rgb(252, 252, 252);
    }

    .mobNav {
        display: block
    }

    .respbar {
        display: block;
    }

    .menu {
        display: none;
    }

    .res_subopen {
        display: none;
    }

    .logo .img-fluid1 {
        width: 150px;
    }

    .banText {
        height: 100%;
        padding-top: 20px;
    }

    .banner {
        padding: 0;
    }

    .top-space {
        margin-top: 10px;
    }

    .banText h5 {
        position: relative;
        font-size: 16px;
        margin-bottom: 20px;
    }

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

    .btn-read {
        margin-top: 0;
    }

    .bannerbg {
        padding-top: 30px;
        display: flex;
        align-items: flex-end;
        padding-bottom: 30px;
    }

    .service-img {
        position: relative;
        width: 100%;
        display: none;
    }

    .curved-bg {
        display: none;
    }

    .services {
        padding: 20px 0;
        height: 100%;
    }

    .service-img-mob {
        display: block;
        position: relative;
        width: 100%;
        margin-top: 0px;
        border-radius: 12px;
        overflow: hidden;
        margin-bottom: 20px;
    }

    .overview-text {
        margin-top: 30px;
    }

    .service-item {
        display: flex;
        flex-direction: column;
        gap: 10px;
        align-items: center;
    }

    .service-content,
    .servicedesc {
        text-align: center;
    }

    .services-heading {
        margin-top: 20px;
    }

    .overview-text h3 {
        color: #fff;
    }

    .bg-img img {
        height: 100px;
    }

    .overview-text {
        margin-top: 0;
    }

    .daily1 .overview-text h3,
    .services-heading {
        color: #000 !important;
    }

    .custom-arrow {
        top: 110%;
    }

    .milestones-section {
        padding: 60px 0;
    }

    #scndpara {
        display: none;
    }

    .site-footer {
        top: -40px
    }

    .footer-right {
        position: relative;
        top: 0;
        width: 100%;
    }

    .standard-links {
        justify-content: center;
        margin-top: 10px;
    }

    .footer-bottom {
        margin-top: 10px;
    }

    .mul.Feature-tabti-images {
        flex-direction: column;
    }

    .multi-images img {
        width: 100%;
        margin-bottom: 10px;
        height: auto;
    }

    .story-images {
        margin-top: 20px;
    }

    .carousel-control-prev.custom-arrow {
        left: 64px;
    }

    .carousel-control-next.custom-arrow {
        right: 64px;
    }

    #successCarousel .carousel-indicators {
        bottom: -34px;
    }

    .milestones-section {
        padding: 40px 0;
    }

    .image-carousel {
        display: none;
    }

    .mob-image-carousel {
        display: block;
        margin-bottom: 20px;
        border-radius: 10px;
        overflow: hidden;
    }

    .panel-light,
    .panel-dark {
        padding: 20px;
        border-radius: 20px;
        margin: 0px;
    }

    .panel-light {
        margin-bottom: 20px;
    }

    .manufacturing-img {
        display: block;
        border-radius: 20px;
        margin-bottom: 20px;
        overflow: hidden;
    }

    .manufacturing-bg-img {
        display: none;
    }

    .manufacturing-btn {
        right: 0;
        margin-top: 0px;
        margin-bottom: 0px;
    }

    .meeting-btn {
        right: -48%;
        margin-top: 0px;
        margin-bottom: 0px;
    }

    .footer-brand-panel {
        width: 90%;
        border-radius: 0 32px 0 0;
    }

    .innerbanner {
        height: 300px;
        display: flex;
    }

    .innerbanner .banText h1 {
        font-size: 26px;
    }

    .team .overview-text h3 {
        color: #000;
    }

    .process {
        padding: 20px 0;
    }

    .safety-img {
        margin-top: 20px;
    }

    .partner-bg-img img {
        overflow: hidden !important;
    }

    .panel-light1 {
        padding: 20px 20px !important;
        border-radius: 16px;
    }

    .panel-dark1 img {
        margin-top: 30px;
        ;
        border-radius: 12px;
    }

    .top-gap {
        display: none;
    }

    .safety-card {
        margin-top: 20px;
    }

    #phone-select,
    .company-name {
        margin-top: 10px;
    }

    .btn-wrapper {
        margin: 10px 0;
    }

    .career .meeting-btn {
        right: -60%
    }

    .info-box p {
        margin-top: 0px !important;
    }

    .contact-form p {
        margin-bottom: 20px;
    }

    .service-02 .services-bg-img,
    .service-01 .services-bg-img {
        display: none;
    }

    .services-img {
        display: block;
        margin-top: 20px;
    }

    .service-02 .ourService .overview-text,
    .service-01 .ourService .overview-text {
        margin-top: 0;
    }

    .service-02,
    .service-01 {
        padding-top: 0;
    }

    .service-card {
        margin-bottom: 20px;
    }

    .service-card h4 {
        margin-bottom: 10px;
    }

    .service-card::before {
        display: none;
    }

    .services-grid {
        padding: 20px 0;
    }

    .services-img img {
        border-radius: 12px;
    }

    #padding-right {
        padding-right: 12px;
    }

    .top-left-radius {
        border-radius: 20px;
    }

    #padding-left {
        padding-left: 12px;
        
    }

    .right-bottom-radius {
        border-radius: 20px 20px 20px 20px;
    }

    .text-block h5 {
        display: none;
    }

    .Feature-tab:hover .visible-text {
        border-radius: 20px;
    }

    .hide {
        transform: translateY(0%);
    }

    .Feature-tab:hover .hidden-text,
    .Feature-tab:hover .right-bottom-radius {
        border-radius: 20px;
    }

    .text-block {
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        height: 100%;
        border-radius: 20px;
        background-color: rgba(0, 0, 0, 0.6);
    }

    .multiimges .carousel-item {
        padding: 0 !important;
    }

    .multi-images img {
        height: 100%;
    }

    .multi-images {
        flex-direction: column;
        gap: 10px;
    }

    .service-02 .ourService {
        height: 100%;
    }

    .milestones .carousel-item,
    .multiimges .slider-img1 {
        height: 100%;
    }

    .milestones .carousel-item {
        padding: 15px;
    }

    .site-footer {
        padding: 0 15px;
    }

    .contact-form,
    .map,
    .image-out-right1 {
        margin-top: 20px;
    }

    .location-card {
        margin-bottom: 20px;
    }

    .panel-dark1 {
        padding: 10px 12px;
    }

    #rd {
        margin-top: 0;
    }

    .rd {
        margin-top: 30px;
        border-radius: 16px;
        height: 250px;
    }

    .image-out-left {
        margin-top: 20px;
        border-radius: 12px;
        overflow: hidden;
    }

    .team-image {
        height: 200px;
        object-fit: contain;
        width: auto;
    }

    .team-card {
        margin-bottom: 20px;
    }

    .team-content {
        margin-top: 14px;
    }

    .info-box {
        border-radius: 8px 0 8px 8px;
    }

    .chemist-img {
        margin-top: 20px;
        margin-bottom: 0;
    }

    .file-upload-label .input-with-asterisk {
        background-position: 21% center;
    }

    .top-space1 {
        margin-top: 8px;
    }

    .form_input_captcha {
        margin-top: 8px;
    }

    .saftey {
        height: 100%
    }

    #spacing-left {
        margin-left: 0px;
    }

    .process-right {
        margin-left: 0px;
    }

    #saftey-height {
        height: 100%;
    }

    .innerbanner .bannerbg {
        padding-top: 30px;
    }
}

/* Medium devices (tablets, 768px to 991px) */
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
    section {
        padding: 20px 0;
    }

    .shedule{width: 100%;}
    #header {
        margin-top: 0px !important;
        top: 0px !important;
        background-color: rgb(252, 252, 252);
    }

    .mobNav {
        display: block
    }

    .respbar {
        display: block;
    }

    .menu {
        display: none;
    }

    .res_subopen {
        display: none;
    }

    .logo .img-fluid1 {
        width: 150px;
    }

    .banText {
        height: 100%;
        padding-top: 20px;
    }

    .banner {
        padding: 0;
    }

    .top-space {
        margin-top: 10px;
    }

    .banText h5 {
        position: relative;
        font-size: 16px;
        margin-bottom: 20px;
    }

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

    .btn-read {
        margin-top: 0;
    }

    .bannerbg {
        padding-top: 30px;
        display: flex;
        align-items: flex-end;
        padding-bottom: 30px;
    }

    .service-img {
        position: relative;
        width: 100%;
        display: none;
    }

    .curved-bg {
        display: none;
    }

    .services {
        padding: 20px 0;
        height: 100%;
    }

    .service-img-mob {
        display: block;
        position: relative;
        width: 100%;
        margin-top: 0px;
        border-radius: 12px;
        overflow: hidden;
        margin-bottom: 10px;
    }

    .overview-text {
        margin-top: 30px;
    }

    .service-item {
        display: flex;
        flex-direction: column;
        gap: 10px;
        align-items: center;
    }

    .service-content,
    .servicedesc {
        text-align: center;
    }

    .services-heading {
        margin-top: 20px;
    }

    .overview-text h3 {
        color: #fff;
    }

    .bg-img img {
        height: 100px;
    }

    .overview-text {
        margin-top: 0;
    }

    .daily1 .overview-text h3,
    .services-heading {
        color: #000 !important;
    }

    .carousel-control-next.custom-arrow {
        right: 0;
    }

    .carousel-control-prev.custom-arrow {
        left: 0;
    }

    .custom-arrow {
        top: 114%;
    }

    .milestones-section {
        padding: 60px 0;
    }

    #scndpara {
        display: none;
    }

    .site-footer {
        top: -40px
    }

    .footer-right {
        position: relative;
        top: 0;
        width: 100%;
    }

    .standard-links {
        justify-content: center;
        margin-top: 10px;
    }

    .footer-bottom {
        margin-top: 10px;
    }

    .mul.Feature-tabti-images {
        flex-direction: column;
    }

    .multi-images img {
        width: 100%;
        margin-bottom: 10px;
        height: auto;
    }

    .story-images {
        margin-top: 20px;
    }

    .carousel-control-prev.custom-arrow {
        left: 0px;
    }

    .carousel-control-next.custom-arrow {
        right: 0px;
    }

    #successCarousel .carousel-indicators {
        bottom: -34px;
    }

    .milestones-section {
        padding: 40px 0;
    }

    .image-carousel {
        display: none;
    }

    .mob-image-carousel {
        display: block;
        margin-bottom: 20px;
        border-radius: 10px;
        overflow: hidden;
    }

    .panel-light,
    .panel-dark {
        padding: 20px;
        border-radius: 20px;
        margin: 20px;
    }

    .panel-light {
        margin-bottom: 20px;
    }

    .manufacturing-img {
        display: block;
        border-radius: 20px;
        margin-bottom: 20px;
        overflow: hidden;
    }

    .manufacturing-bg-img {
        display: none;
    }

    .manufacturing-btn {
        right: 0;
        margin-top: 0px;
        margin-bottom: 20px;
    }

    .meeting-btn {
        right: -48%;
        margin-top: 0px;
        margin-bottom: 20px;
    }

    .footer-brand-panel {
        width: 100%;
        border-radius: 0 32px 0 0;
    }

    .innerbanner {
        height: 600px;
        display: flex;
    }

    .innerbanner .banText h1 {
        font-size: 26px;
    }

    .team .overview-text h3 {
        color: #000;
    }

    .process {
        padding: 20px 0;
    }

    .safety-img {
        margin-top: 20px;
    }

    .partner-bg-img img {
        overflow: hidden !important;
    }

    .panel-light1 {
        padding: 20px;
    }

    .panel-dark1 img {
        margin-top: 20px;
        ;
        border-radius: 12px;
    }

    .top-gap {
        display: none;
    }

    .safety-card {
        margin-top: 20px;
    }

    #phone-select,
    .company-name {
        margin-top: 10px;
    }

    .btn-wrapper {
        margin: 10px 0;
    }

    .career .meeting-btn {
        right: -60%
    }

    .info-box p {
        margin-top: 0px !important;
    }

    .contact-form p {
        margin-bottom: 20px;
    }

    .service-02 .services-bg-img,
    .service-01 .services-bg-img {
        display: none;
    }

    .services-img {
        display: block;
        margin-top: 20px;
    }

    .service-02 .ourService .overview-text,
    .service-01 .ourService .overview-text {
        margin-top: 0;
    }

    .service-02,
    .service-01 {
        padding-top: 0;
    }

    .service-card {
        margin-bottom: 20px;
    }

    .service-card h4 {
        margin-bottom: 10px;
    }

    .service-card::before {
        display: none;
    }

    .services-grid {
        padding: 20px 0;
    }

    .services-img img {
        border-radius: 12px;
    }

    #padding-right {
        padding-right: 12px;
    }

    .top-left-radius {
        border-radius: 20px;
    }

    #padding-left {
        padding-left: 12px;
    }

    .right-bottom-radius {
        border-radius: 20px 20px 20px 20px;
    }

    .text-block h5 {
        display: none;
    }

    .Feature-tab:hover .visible-text {
        border-radius: 20px;
    }

    .hide {
        transform: translateY(0%);
    }

    .Feature-tab:hover .hidden-text,
    .Feature-tab:hover .right-bottom-radius {
        border-radius: 20px;
    }

    .text-block {
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        height: 100%;
        border-radius: 20px;
        background-color: rgba(0, 0, 0, 0.6);
    }

    .multiimges .carousel-item {
        padding: 0 !important;
    }

    .multi-images img {
        height: 100%;
    }

    .multi-images {
        flex-direction: column;
        gap: 10px;
    }

    .milestones .carousel-item,
    .multiimges .slider-img1 {
        height: 100%;
    }

    .milestones .carousel-item {
        padding: 15px;
    }

    .site-footer {
        padding: 0 15px;
    }

    .contact-form,
    .map,
    .image-out-right1 {
        margin-top: 20px;
    }

    .location-card {
        margin-bottom: 20px;
    }

    .panel-dark1 {
        padding: 10px 12px;
    }

    #rd {
        margin-top: 0;
    }

    .rd {
        margin-top: 30px;
        border-radius: 16px;
    }

    .image-out-left {
        margin-top: 20px;
        border-radius: 12px;
        overflow: hidden;
    }

    .team-image {
        height: 200px;
        object-fit: contain;
        width: auto;
    }

    .team-card {
        margin-bottom: 20px;
    }

    .team-content {
        margin-top: 14px;
    }

    .info-box {
        border-radius: 8px 0 8px 8px;
    }

    .chemist-img {
        margin-top: 20px;
        margin-bottom: 0;
    }

    .file-upload-label .input-with-asterisk {
        background-position: 21% center;
    }

    .top-space1 {
        margin-top: 8px;
    }

    .form_input_captcha {
        margin-top: 8px;
    }

    .saftey {
        height: 100%;
    }

    #spacing-left {
        margin-left: 0px;
    }

    .process-right {
        margin-left: 0px;
    }
}

/* Large devices (laptops, 992px to 1199px) */
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {

    /* Styles for laptops.about .carousel{margin-bottom: -140px;} */
    .card-imgg {
        width: 180px !important;
    }

    .overview {
        padding: 20px;
    }

    .about-head h1 {
        font-size: 24px;
    }

    .about-head p {
        font-size: 14px;
    }

    .greencard1 {
        padding: 20px;
    }

    #space-btw {
        padding: 0 80px;
    }

    .overview-sugar {
        padding: 0px 0;
    }

    .empty-space {
        display: none !important;
    }

    .contact-map {
        height: auto;
    }

    .mobNav {
        display: block
    }

    .respbar {
        display: block;
    }

    .menu {
        display: none;
    }

    .res_subopen {
        display: none;
    }

    .logo .img-fluid1 {
        width: 150px;
    }

    .overlay,
    .process {
        height: 100% !important;
        padding: 0px 0;
    }

    .platform-img {
        height: 250px;
        object-fit: cover;
        border-radius: 20px;
        object-position: left;
    }

    .saftey-img {
        height: 500px;
        border-radius: 20px;
        object-fit: cover;
    }

    .large-img {
        height: 300px;
        object-fit: cover;
    }

    .project-img {
        height: 500px;
        object-fit: cover;
    }

    .card {
        height: 380px !important;
    }

    .cta h5 {
        text-align: center;
    }

    .ehs-img,
    .ip-img {
        height: 450px;
        object-fit: cover;
    }

    .facilities-img {
        height: 500px;
        object-fit: cover;
    }

    .rd-img {
        height: 300px;
        object-fit: cover;
        object-position: center;
    }

    .image-carousel {
        display: none;
    }

    .mob-image-carousel {
        display: block;
        margin-bottom: 20px;
        border-radius: 10px;
        overflow: hidden;
    }
}

/* Extra large devices (desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {

    /* Styles for desktops */
    .empty-space {
        display: none !important;
    }

    .contact-map {
        height: auto;
    }
}

/* iPhone SE and similar (320px) */
@media only screen and (min-width: 320px) and (max-width: 374px) {
    
}

/* iPhone 12/13 Mini and similar (375px) */
@media only screen and (min-width: 375px) and (max-width: 424px) {
    /* .custom-list li::before, .custom-list-white li::before, .panel-light1 .features-list li::before{top: 6px;} */
}

/* iOS only (not Android): align arrows exactly where text starts */
@media only screen and (max-width: 767.98px) {
    @supports (-webkit-touch-callout: none) {
        .chemistry-capabilities-section .chemistry-list li {
            align-items: flex-start;
        }
        
        .custom-list-white li::before,
        .panel-light1 .features-list li::before,
        .footer-list li::before,
        .chemistry-capabilities-section .chemistry-list li::before {
            top: 8px;
            transform: none;
        }
        .custom-list li::before{top: 6px;
            transform: none;}

        /* iOS: center-align button arrows with text (Read More, Learn More, etc.) */
        .btn-read,
        .btn-read1,
        .btn-learn,
        .meeting-btn,
        .btn-wrapper,
        .btn-wrapper1,
        .manufacturing-btn {
            display: inline-flex;
            align-items: center;
        }
        .btn-read::before,
        .btn-read::after,
        .btn-read1::before,
        .btn-read1::after,
        .btn-learn::before,
        .btn-learn::after,
        .meeting-btn::before,
        .meeting-btn::after,
        .btn-wrapper::before,
        .btn-wrapper::after,
        .btn-wrapper1::before,
        .btn-wrapper1::after,
        .manufacturing-btn::before,
        .manufacturing-btn::after {
            top: 50%;
            transform: translateY(-50%);
        }
        .btn-read a,
        .btn-read1 a,
        .btn-learn a{top: -2px;}
        
    }
}

/* iPhone 12/13 Pro Max and similar (428px) */
@media only screen and (min-width: 428px) and (max-width: 474px) {}

/* iPad portrait mode */
@media only screen and (min-width: 768px) and (max-width: 1024px) {

    /* Styles for iPad portrait mode */
    .image-carousel {
        display: none;
    }

    .mob-image-carousel {
        display: block;
        margin-bottom: 20px;
        border-radius: 10px;
        overflow: hidden;
    }
}

/* iPad landscape mode */
@media only screen and (min-width: 1025px) and (max-width: 1366px) {

    /* Styles for iPad landscape mode */
    .feature-text {
        margin-top: 10px;
    }

    .feature-text h5 {
        margin-bottom: 5px;
    }

    .facilities-img {
        height: 420px;
        object-fit: cover;
    }

    .platform .list h5 {
        margin-bottom: 9px;
    }

    .platform .list p {
        padding: 4px 0;
    }

    .banText {
        height: 100%;
    }

    .Core-img {
        height: 400px;
        object-fit: cover;
    }

    .accordion-button:not(.collapsed)::after {
        top: 180px;
    }

    .overlay h3 {
        font-size: 36px;
        margin-bottom: 20px;
    }

    .large-img {
        height: 280px;
        object-fit: cover;
    }

    .ip-img {
        height: 430px;
        object-fit: cover;
    }

    .man-img {
        height: 350px;
        object-fit: cover;
    }

    .rd-img {
        height: 280px;
        object-fit: cover;
    }

    .links a {
        font-size: 14px;
    }
}

/* Media query for tablets */
@media only screen and (min-width: 768px) and (max-width: 991px) {
    /* Styles for tablets */
}

/* Media query for laptops */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    /* Styles for laptops */
}

/* Media query for desktops */
@media only screen and (min-width: 1400px) {

    /* Styles for desktops */
    .meeting-btn {
        right: -70%
    }

    .chemist-img {
        bottom: 60px;
    }

    .banner {
        height: 680px;
    }

    .banner .bannerbg {
        padding-top: 200px;
    }

    .serice-top {
        margin-top: 40px;
    }

    h6 {
        font-size: 20px !important;
    }

    .links a {
        font-size: 16px;
    }

    .curved-bg {
        right: 0%;
        background-size: 100%;
        top: -90px;
    }

    .footer-right {
        width: 92%;
    }

    .innerbanner {
        height: 680px;
    }

    .innerbanner #longtext {
        padding-top: 260px;
    }

    .innerbanner .banText {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        padding: 0 15px;
    }

    .process {
        position: relative;
        padding: 95px 0 100px;
    }

    .image-carousel {
        position: absolute;
        z-index: 4;
        left: 0;
        top: 75px;
        bottom: 0px;
        width: 49.44%;
        overflow: visible;
        border-top-right-radius: 24px;
        border-bottom-right-radius: 24px;
        height: 340px
    }

    .panel-dark1 img {
        height: 425px;
        object-fit: cover;
    }

    .panel-light {
        background-color: #0044D3;
        padding: 60px 80px 60px 60px;
    }

    #carouselExampleFade1 .carousel-indicators {
        bottom: -28px;
    }

    #carouselExampleFade1 #indicators {
        bottom: -43px !important;
    }

    .bannerbg {
        padding: 160px 0 160px 0;
    }

    .panel-light1 {
        padding: 60px 80px 60px 144px;
    }

    .innerbanner .bannerbg {
        padding: 280px 0 !important;
    }


    .services .bannerbg {
        padding: 280px 0 !important;
    }

    #careerban .bannerbg {
        padding: 100px 0 !important;
    }

    #contactban .bannerbg {
        padding: 100px 0 !important;
    }

    #privacy .bannerbg {
        padding: 140px 0 !important;
    }

    #cookie .bannerbg {
        padding: 140px 0 !important;
    }

    #process {
        padding: 100px 0;
    }

    .services-wrapper {
        padding-top: 80px;
    }

    .safety-img {
        height: 350px;
        object-fit: cover;
    }

    .services {
        height: 700px;
    }

    .service-img {
        height: 600px;
    }

    .lab {
        padding-top: 0;
    }

    p {
        font-size: 16px;
    }

    .partner-bg-img {
        top: 0px;
    }

    .career .meeting-btn {
        right: -82%
    }

    .section-para {
        font-size: 16px;
    }

    .custom-list-white li::before {
        top: 3px;
    }

    .custom-list li,
    .custom-list-white li {
        font-size: 16px;
    }

    .manufacturing-bg-img {
        height: 260px;
    }

    .overview-text p {
        font-size: 16px;
    }

    .manufacturing {
        height: 320px;
    }

    .manufacturing-bg-img img {
        object-position: center;
        object-fit: cover;
    }

    .service-01 .services-bg-img,
    .service-02 .services-bg-img {
        height: 250px;
    }

    .ourService {
        height: 300px;
    }

    .service-02 .ourService .overview-text {
        padding-top: 35px;
        margin-top: 95px;
    }

    .service-01 .ourService .overview-text {
        margin-top: 100px
    }

    .overview-text h3,
    .section-subtitle {
        font-size: 34px;
    }

    #process1 {
        padding: 100px 0 80px;
    }

    .service-description {
        font-size: 14px !important;
    }

    .team-card {
        display: flex;
        align-items: center !important;
    }

    .desktop-only {
        display: none
    }

    .curved-bg,
    .curved-bg-mob {
        pointer-events: none;
    }

    .panel-light1 p,
    .panel-light1 .features-list li {
        font-size: 16px;
    }

    .chemist {
        background-size: cover !important;
    }

    .image-out-left img {
        object-position: center;
    }

    .shedule {
        width: 74%;
        margin-left: auto;
    }

    .rdprocess #carouselExampleFade1 .carousel-indicators {
        bottom: -100px;
    }

    .rdprocess .image-carousel {
        top: 60px;
    }

    .rdprocess .image-out-left {
        height: 400px;
    }

    .rdprocess {
        padding: 100px 0 100px;
    }
    .about-head{padding: 0px 80px 40px;}
}

/* @media screen and (max-width: 1550px) {

    .panel-light1{padding-left: 60px;}
} */