@media only screen and (max-width: 320px) {
    .f-40 {
        font-size: 30px;
    }
    /*.management-ttl {
        padding-right: 0px !important;
    }*/
    .management-ttl p {
        text-align: justify;
    }
    .df_right,
    .df-img,
    .df_left{
        padding-left: 0;
        padding-right: 0;
        margin-left: 0 !important;
        margin-right: 0 !important; 
    }
    /*footer .footer-right-top .info--2 {
        width: 48% !important;
    }*/
    .sustainability-banner {
        margin-top: 1rem;
    }
}
@media only screen and (max-width: 480px) {
    .home-btm-head{
        font-size: 44px !important;
        margin-bottom: 0px;
    }
    .client-slider {
        margin-bottom: 0px;
    }
    .hlast_sec {
        padding: 2rem 0 0;
    }
    .hlast_sec .slick-next,
    .hlast_sec .slick-prev {
        height: auto !important;
    }
   .process_heading:before {
        display: none;
   }

   /*.processes .swiper-button-next, .processes .swiper-button-prev {
        top: 26%;
   }*/
   .swiper-button-next,
   .swiper-container-rtl .swiper-button-prev {
        right: 1px !important;
        left: auto;
   }
   .swiper-button-prev,
   .swiper-container-rtl .swiper-button-next {
        left: 1px !important;
        right: auto;
   }
   .home-processes {
    padding: 0 2.5rem;
   }
   .processes .swiper-slide {
        width: 256px;
        margin-right: 0px;
   }
   .man_wrap .main_heading {
    margin-top: 20px;
        display: block;
   }
   .second_section:after {
        display: none;
   }
   .second_section,
   {
        text-align: center;
   }
   .home-content p {
    font-size: 18px;
   }
   .second_section p,
   .proc_text,
   .man_wrap p {
        text-align: justify;
   }
   .proc_text {
        padding: 0;
   }
   .second_section {
    padding-top: 30px;
   }
   .second_section h1 {
        font-size: 35px;
   }
   .second_section h3 {
        font-size: 24px;
   }
   .main_heading {
        font-size: 33px;
        /*margin-bottom: 26px;*/
   }
   .man_wrap {
        padding: 0px 20px !important; 
   }
   .man_wrap p {
        margin-left: 0px;
   }
   .tab-40 {
        font-size: 23px;
        text-align: justify;
        line-height: 30px;
   }
   .pmb {
        padding-right: 15px;
        padding-bottom: 20px;
   }
   .pmb p {
        text-align: justify;
   }
   .fourth_sec_wrapper:first-child {
    margin-top: 15px;
   }
   .home-slider {
    margin-bottom: 0px !important;
   }
   .counter_wrapper {
        margin-top: 30px;
   }
   .main_heading.proces_heading {
        margin-bottom: 6px;
        margin-top: 8px;
   }
   .category-sec {
        padding-top: 1rem;
   }
   .category-sec .nav-tabs {
        display: grid;
        grid-template-columns: 33.33% 33.33% 33.33%;
        text-align: center;
        border: 1px solid #eeeeee;
   }
   .category-sec .nav-tabs .nav-item {
        margin-bottom: -1px;
        border-right: 1px solid #eeeeee;
   }
   /*.category-sec .nav-tabs .nav-link {
        padding: 0.5rem 0.4rem;
    }*/

    .management-pg {
        padding: 2rem 0;
    }
    .style-img .msg-dr {
        bottom: 0;
        left: 0;
        padding: 1rem 2rem;
        width: 100%;
    }
    .style-img .img-wrapper h2,
    .md-sec .img-wrapper h2 {
        top: 16%;
        left: -33%;
        font-weight: 200;
        color: #848484;
        text-transform: uppercase;
        font-size: 26px;
        width: 100%;
        position: unset;
        transform: unset;
        text-align: unset;
    }
    .style-img .txt-wrapper,
    .md-sec .txt-wrapper {
        padding: 2rem 0 0;
        text-align: justify;
    }
    .style-img .quotes-wrapper {
        position: absolute;
        right: 19px;
        top: 18px;
        width: 18%;
    }
    .md-sec .msg-dr {
        bottom: 0;
        right: 0;
        left: 0;
        padding: 1rem 2rem;
        width: 92%;
        margin: 0 auto;
    }
    .order-mb {
        flex-direction: column-reverse;
    }
    .sustainability-banner {
        margin-top: 1rem;
    }
} 
@media only screen and (max-width: 575px) {
    .products-listing .imghvr-fade img {
        width: 100%;
   }
   .rspnsve-class p {
        text-align: justify;
   }
   .rotate_text {
    transform: none !important;
   }
   .process_inn figure img {
    box-shadow: none;
   }
   .process_heading {
    margin-top: 30px;
   }
   .timeline-wrap {
        padding: 0;
   }
   footer .fullwidth-footer {
    padding-top: 28px;
   }
   footer .footer-right-top .info--3 {
    padding-left: 27px;
    text-align: unset;
   }
   .footer-social-icons ul {
    padding-left: 0;
   }
   .management-name {
    text-align: center;
   }
   .management-content-sec {
    margin-top: 0px;
    padding: 0px;
   }
   .man_wrap_bgcolor {
    padding-top: 0px !important;
    padding-bottom: 40px !important;
   }
   .person_info p {
    text-align: justify;
   }
   .main_heading.proces_heading {
    margin-top: 25px !important;
   }
   .list_style {
    margin-bottom: 1.4rem;
   }
   .category-sec {
    margin-top: 0px;
    margin-bottom: 0px;
   }
   .management-pg {
        padding: 2rem 0;
    }
    .style-img .msg-dr {
        bottom: 0;
        left: 0;
        padding: 1rem 2rem;
        width: 100%;
    }
    .style-img .img-wrapper h2,
    .md-sec .img-wrapper h2 {
        top: 16%;
        left: -33%;
        font-weight: 200;
        color: #848484;
        text-transform: uppercase;
        font-size: 26px;
        width: 100%;
        position: unset;
        transform: unset;
        text-align: unset;
    }
    .style-img .txt-wrapper,
    .md-sec .txt-wrapper {
        padding: 2rem 0 0;
        text-align: justify;
    }
    .style-img .quotes-wrapper {
        position: absolute;
        right: 19px;
        top: 18px;
        width: 18%;
    }
    .md-sec .msg-dr {
        bottom: 0;
        right: 0;
        left: 0;
        padding: 1rem 2rem;
        width: 92%;
        margin: 0 auto;
    }
    .order-mb {
        flex-direction: column-reverse;
    }
}

@media only screen and (max-width: 600px) {
   .person_info .main_heading {
        justify-content: center;
    } 
    .order-mb {
        flex-direction: column-reverse;
    }
}

@media  screen and (max-width: 575px) and(min-width: 500px) {
    .rspnsve-class p {
        margin-right: 1rem;
   }
}
@media only screen and (max-width: 767px) {
    .home-slider .banner-text-wrapper span {
        font-size: 35px;
    }
    .home-slider .banner-text-wrapper p {
        font-size: 19px;
    }
    #myTab {
        margin-top: 1rem !important;
    }
    #myTab li {
        display: block;
        width: 100%
    }
    .header-section-product .header-content p {
        padding-left: 0;
    }
    .header-section-product .header-content {
        width: 100%;
        padding: 0 25px;
    }
    .header-section-product .header-content h4 {
        padding-left: 0;
    }
    .main_heading {
        margin-left: 0;
        /*margin-top: 2rem;*/
    }
    .header-section-product .z-indexing .img-container {
        width: 100%;
    }
    .product-range-container .img-container {
        margin-bottom: 40px;
    }
    .product_range .img-container h4 {
        font-size: 18px;
    }
    .product-range-container .product-range-title {
        transform: initial !important;
        margin-top: -70px;
        left: 44px;
    }
    .product-range-container .product-range-title::before {
        margin-top: 35px;
        margin-left: 8px;
    }
    
    /*-----Home css---*/
    .main_heading-slider {
        font-size: 27px;
        margin: 0;
    }
    .main_heading {
        font-size: 27px;
    }
    .client-slider .slider-A .slick-prev, .client-slider .slider-A .slick-next {
        line-height: 27px;
        width: 18px;
        height: 18px;
    }
    .client-slider .slider-A .slick-prev:before, .client-slider .slider-A .slick-next:before {
        font-size: 14px;
    }
    .client-slider .slider-A .slick-prev {
        left: -30px;
    }
    .client-slider .slider-A .slick-next {
        right: -30px;
    }
    .home-btm-head {
        font-size: 34px !important;
    }
    .fourth_sec .shadow_image {
        box-shadow: 0 12px 16px 0 rgb(0 0 0 / 28%);
    }
    .df_right {
        margin: 1rem 1rem 1rem;
    }
    .df_right p {
        margin-bottom: 0px;
    }
    .df_left {
        background-color: #f7f7f7;
    }
    .contact-form input, .contact-form textarea {
        margin-top: 16px;
    }
    .contact-form textarea {
        min-height: 85px;
    }
    .enquiry-form .main_heading {
        margin-top: 0;
    }
    .home-slider .slick-list {
        padding: 0 !important;
    }
    .home-slider .banner-text-wrapper {
        position: absolute;
        top: unset;
        left: 0;
        right: 0;
        bottom: 1%;
        padding: 1rem 0rem;
        text-align: center;
        width: 100%;
        background: rgba(0,0,0,.5);


        /*position: absolute;
        left: unset;
        right: unset;
        top: unset !important;
        bottom: 10%;
        padding: 1rem;
        text-align: center;
        width: 93%;
        background: rgba(0,0,0,.5);*/
    }
    .hm-slider .owl-nav {
        width: 90% !important;
        height: 65% !important;
        left: 5% !important;
    }
    .hm-slider .owl-nav .owl-prev,
    .hm-slider .owl-nav .owl-next {
        font-size: 44px !important;
    }
    .home-slider .banner-text-wrapper h4 {
        color: #ffffff;
        font-size: 17px;
    }
    .home-slider .slick-dots {
        bottom: 4%;
        text-align: center;
        left: 0;
    }
    #processesSlide.slick-slider {
        margin-bottom: 0px;
        padding: 0 2rem;
    }
    #processesSlide .slick-list {
        padding-top: 0px !important;
    }
    #processesSlide .slick-slide{
        transition: transform .412428s ease-in-out,-webkit-transform .412428s ease-in-out; 
        will-change: transform; 
        will-change: -webkit-transform;
    }
    #processesSlide .slick-active{
        transform: translateY(0px);
    }
    #processesSlide .slick-active + .slick-active{
        transform: translateY(0px); 
        -webkit-transform: translateY(0px);
    }
    #processesSlide .slick-active + .slick-active + .slick-active{
        transform: translateY(0px); 
        -webkit-transform: translateY(0px);
    }
    #processesSlide .slick-active + .slick-active + .slick-active + .slick-active{
        transform: translateY(0); 
        -webkit-transform: translateY(0px);
    }
    .csr-content {
        padding: 2rem 0;
    }
    .csr-content .table th {
        font-size: 13px;
    }
    .csr-content h2 {
        font-size: 26px;
    }

    /*--------Footer Css-------*/
    footer .fullwidth-footer {
        padding-left: 10px;
        padding-right: 10px;
    }
    footer .footer-left-part {
        width: 50%;
        margin-right: unset;
    }
    footer .footer-links {
        margin: unset;
    }
    footer .desktop-left-ft {
        display: none;
    }
    footer .footer-right-part {
        width: 100%;
        /*margin-top: 1rem;*/
    }
    footer .footer-right-top {
        display: block;
    }
    /*footer .footer-right-top .info--1:first-child{
        float: left;
    }*/
    footer .footer-right-top .info--1 {
        float: left;
        width: 50% !important;
        padding-left: 0px;
        margin-right: unset;
        margin-bottom: 0.5rem;
        display: unset;
        padding-left: 25px;
    }
    footer ul.list_style {
        margin-bottom: 1.5rem;
    }
    footer .footer-right-top .info--2 {
        float: left;
        margin-right: unset;
        width: 48% !important;
    }
    footer .footer-right-bottom {
        padding-top: 0px;
    }
    footer .footer-right-top .info--3 {
        float: unset;
    }
    footer .footer-logos {
        margin-bottom: 0px;
    }
    footer .logo_1 {
        width: 70%;
    }
    footer .logo_1 img {
        width: 160px;
    }
    footer .logo_2 img {
        width: 50px;
    }
    /*.footer-bottom-part  {
        display: block;
    }
    .footer-bottom-part a {
        display: block;
        margin-bottom: 1.2rem;
    }
    .footer-bottom-part a, 
    .footer-bottom-part p {
        text-align: left;
        margin-left: 0px;
    }*/

    /*.footer-bottom-part a,
    .footer-bottom-part p {
        font-size: 15px;
        font-weight: 900;
        text-align: center;
        margin-left: 40px;
    }*/


    /*Footer css*/
    /*.dsktp-footer {
        display: none;
    }*/
    /*.mobile-footer {
        display: block;
        border-top: solid 10px #f2f2f2;
        padding-top: 26px;
    }
    [data-content-type='row'][data-appearance='contained'] {
        box-sizing: border-box;
        margin-left: auto !important;
        margin-right: auto !important;
        max-width: 1280px;
    }
    [data-content-type='row'][data-appearance='contained'] [data-element='inner'] {
        background-attachment: scroll !important;
        box-sizing: border-box;
    }
    [data-content-type='html'] {
        word-wrap: break-word;
    }
    .mobile-middle-block {
        overflow: hidden;
        line-height: 1;
    }
    .mobile-middle-block .footer-logo {
        margin: 0 auto;
        display: block;
        max-width: 130px;
        height: 80px;
        overflow: hidden;
        position: relative;
    }
    .mobile-middle-block img {
        height: auto;
        max-width: 100%;
    }
    .mobile-middle-block .footer-callus-country {
        float: left;
        width: 100%;
        text-align: center;
        padding-top: 33px;
        padding-bottom: 20px;
    }
    .mobile-middle-block .call-us-footer, .mobile-middle-block .footer-country-switcher {
        float: left;
        width: 46%;
        font-size: 14px;
        line-height: 14px;
    }
    .mobile-middle-block .country-name, .mobile-middle-block .call-item {
        display: block;
        line-height: 17px;
    }
    .mobile-middle-block .call-us-footer .icon-call-us {
        display: inline-block;
        width: 20px;
        height: 20px;
        -webkit-border-radius: 100%;
        -moz-border-radius: 100%;
        border-radius: 100%;
        background: #000;
        color: #fff;
        text-align: center;
        position: relative;
        margin-bottom: 5px;
        overflow: hidden;
    }
    .mobile-middle-block .call-us-footer .icon-call-us:before {
        position: relative;
        color: #fff;
        font-family: 'elf-icons';
        font-style: normal;
        font-weight: normal;
        speak: none;
        font-variant: normal;
        text-transform: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        line-height: inherit;
        vertical-align: middle;
        display: inline-block;
        text-align: center;
        content: '\E810';
        font-size: 16px;
        top: 2px;
        left: 2px;
    }
    .mobile-middle-block .call-us-footer .help-footer-text, .mobile-middle-block .call-us-footer .call-us-text {
        display: block;
        line-height: 17px;
    }
    .mobile-middle-block .call-us-footer, .mobile-middle-block .footer-country-switcher {
        float: left;
        width: 46%;
        font-size: 14px;
        line-height: 14px;
    }
    .mobile-middle-block .footer-country-switcher {
        float: right;
        width: 44%;
    }
    .mobile-links-wrapper {
        float: left;
        width: 100%;
    }
    .mobile-footer ul {
        margin: 0;
        padding: 0;
        list-style: none none;
    }
    .mobile-links-wrapper li {
        text-align: center;
        font-size: 14px;
        text-transform: uppercase;
    }
    .mobile-links-wrapper li a {
        display: block;
        padding: 17px 0;
    }
    .mobile-middle-block .mobile-first-section {
        float: left;
        width: 46%;
    }
    .mobile-middle-block .mobile-second-section {
        float: right;
        width: 44%;
    }
    .footer-middle-bottom {
        padding: 26px 9px 27px 12px;
        float: left;
        width: 100%;
    }*/
    .home-slider .banner-text-wrapper {
        width: 88%;
        margin: 0 auto;
        padding: 2rem;
    }
    .rotate_text {
        transform: unset !important;
    }
    .counter_section {
        padding: 1rem 0;
    }
    .counter_wrapper {
        margin-top: 40px;
    }
    .home-btm-head {
        margin-top: 0;
    }
    .process_inn {
        padding: 1rem;
    }
    .home-processes {
        padding: 2rem 4rem 0;
    }
    .management-pg {
        padding: 4rem 0 2rem;
    }
    .order-mb {
        flex-direction: column-reverse;
    }
    .style-img .txt-wrapper,
    .cstm-pd-r {
        padding: 2rem 0rem;
    }
    .style-img .quotes-wrapper {
        right: -11px;
        top: 16px;
        width: 10%;
    }
    .md-sec .img-wrapper h2 {
        top: 16%;
        right: -30%;
    }
    section.md-sec .quotes-wrapper {
        width: 10%;
        right: -2%;
        left: unset;
        top: 16px;
        transform: scaleX(-1);
    }
    .style-img .img-wrapper h2 {
         /*position: absolute;*/ position: initial;
        top: 17%;
        left: -36%;
        width: 56%;
    }
    .sustainability-banner {
        margin-top: 2rem;
    }
}

@media screen and (min-width: 768px) and (max-width: 1920px) {
    footer .mobile-left-ft {
        display: none;
    }
    .container-fluid.home-slider-banner {
        padding: 0 !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    footer .footer-right-top {
        justify-content: unset !important;
    }
    .process_inn {
        padding: 0 1rem;
    }
    .home-slider .owl-dots {
        display: none;
    }
    .home-slider .banner-text-wrapper {
        top: 17%;
        width: 31%;
    }
    .home-slider .banner-text-wrapper span {
        font-size: 32px;
    }
    .home-slider .banner-text-wrapper p {
        font-size: 18px;
    }
    .owl-carousel .owl-nav button.owl-next,
    .owl-carousel .owl-nav button.owl-prev {
        top: unset !important;
    }
}

@media only screen and ( min-width:1500px) {
    .top-header a.nav-link {
        font-size: 14px;
        padding: 0px 2rem !important;
    }
    .container-fluid.home-slider-banner {
        padding: 0 !important;
    }
}
@media only screen and ( min-width:1200px) {
    .second_section .col-lg-4 {
        padding: 0 2%;
    }
    .hlast_sec .process_inn {
        padding: 0 5%
    }
    .top-header a.nav-link {
        font-size: 14px;
    }
    .grey-process-bg {
        position: absolute;
        right: -35px;
        top: 0;
        background-color: #eee;
        height: 300px;
        width: 600px;
    }
    .ct_sec {
        padding: 100px !important;
    }
    .container1 {
        width: 940px;
        margin: auto;
    }
}

@media only screen and ( min-width:992px) {}

@media only screen and ( max-width:1200px) {
    .top-header img {
        max-height: 65px
    }
    /*.home-slider .banner-text-wrapper span {
        font-stretch: 21px;
    }*/
    /*.home-slider .banner-text-wrapper p {
        font-size: 21px;
    }*/
}

@media only screen and ( max-width:991px) {
    .logo_right {
        display: none
    }
    .second_section h3 {
        font-size: 26px;
        margin-top: 60px;
        margin-bottom: 25px;
    }
    .shadow_image {
        width: 100%;
        margin: 15px 0;
    }
    .opennav {
        display: block
    }
    .sub_wrapper h1 {
        font-size: 18px;
        font-weight: 400;
    }
    .fourth_sec h1 {
        font-size: 30px;
    }
    .home-btm-head {
        font-size: 50px;
    }
    .second_section .shadow_image_txt {
        margin-top: 53px;
    }
    .second_section:after {
        display: none;
    }
}

@media only screen and( max-width:767px) {
    .mpl-0 {
        padding-left: 0px !important;
    }
    .mp40 {
        padding: 0px 40px;
    }
    .pl-65 {
        padding-left: 8px;
    }
    .sidenav ul li a {
        color: #FFF;
        text-transform: uppercase;
    }
    .foo_info li a {
        font-size: 14px;
    }
    .ptb80 {
        padding: 80px 0px !important;
    }
    .p32 {
        padding: 32px;
    }
    .mtp0 {
        margin-top: 0px !important;
        padding-top: 0px !important;
    }
    .rotate_text {
        transform: rotate(0deg) !important;
        margin: 10px;
    }
    .second_section h1 {
        white-space: normal;
        font-size: 28px;
    }
    .second_section {
        padding-top: 20px;
        margin-top: 20px;
    }
    .fourth_sec h1 {
        transform: rotate(0deg);
        margin: 10px;
    }
    .main_heading {
        font-size: 24px;
        justify-content: flex-start;
        font-weight: 200;
    }
    /*.main_heading:before {
  
    position: absolute;
    bottom: -15px;
}*/
    .sus_heading {
        font-size: 24px;
        justify-content: flex-start;
    }
    .sus_heading:after {
        position: absolute;
        bottom: -15px;
    }
    .sub_wrapper form {
        display: flex;
        flex-direction: column;
    }
    .sub_wrapper button {
        margin-top: 5px;
    }
    .second_section h3 {
        font-size: 22px;
        margin-top: 0px !important;
    }
    .foo_info .col-md-6 h3 {
        margin: 15px 0
    }
    .foo_info {
        font-size: 16px;
    }
    .counter_wrapper {
        margin-top: 20px;
    }
    .df_right {
        margin: 15px 0;
    }
    .fourth_sec_wrapper {
        margin-bottom: 35px;
        margin-top: 35px;
    }
    .f-60 {
        font-size: 24px
    }
    .f-40 {
        font-size: 24px;
    }
    .sub_wrapper h1 {
        white-space: normal;
    }
    body,
    .f-22,
    .f22 {
        font-size: 16px;
    }
    .second_section h5,
    .second_section h4 {
        font-size: 18px
    }
    .counter_section {
        font-size: 20px;
    }
    .counter_section h4 {
        font-size: 36px;
    }
    .process_heading {
        font-size: 24px;
    }
    .proc_text {
        font-size: 16px;
    }
    .fourth_sec h1 {
        font-size: 24px;
    }
    .df_right {
        font-size: 16px;
    }
    .about_pw {
        font-size: 16px;
    }
    .man_wrap {
        font-size: 16px;
    }
    .rotate_text {
         transform: rotate(0deg) !important;
   }
   .client-slider .slider-A img {
        margin-right: 10px;
        margin-left: 10px;
    }
    .management-pg {
        padding: 2rem 0;
    }
    .style-img .msg-dr {
        bottom: 0;
        left: 0;
        padding: 1rem 2rem;
        width: 100%;
    }
    .style-img .img-wrapper h2,
    .md-sec .img-wrapper h2 {
        top: 16%;
        left: -33%;
        font-weight: 200;
        color: #848484;
        text-transform: uppercase;
        font-size: 26px;
        width: 100%;
        position: unset;
        transform: unset;
        text-align: unset;
    }
    .style-img .txt-wrapper,
    .md-sec .txt-wrapper {
        padding: 2rem 0 0;
        text-align: justify;
    }
    .style-img .quotes-wrapper {
        position: absolute;
        right: 19px;
        top: 18px;
        width: 18%;
    }
    .md-sec .msg-dr {
        bottom: 0;
        right: 0;
        left: 0;
        padding: 1rem 2rem;
        width: 92%;
        margin: 0 auto;
    }
    .order-mb {
        flex-direction: column-reverse;
    }
}
@media only screen and (min-width:1200px) {
    
}
/*@media only screen and (max-width:1080px) {
    .home-slider .banner-text-wrapper {
        left: 10%;
        top: 28%;
        width: 30%;
    }
}*/

@media only screen and (min-width:1080px) {
    .container1 {
        width: 940px;
        margin: auto;
    }
}

@media  only screen and (max-width: 1060.99px) {
    .top-header ul.navbar-nav a.nav-link {
        padding: 0 7px !important;
    }
}