@media screen and (max-width:1919px) {
  
   .banner-section .banner-left-text h1 {font-size:60px !important;}
   .banner-section .banner-left-text h1 {width: 90%;font-size: 68px;}
    header .right-nav-box {width:55%;}
    header .first-nav-box {width:24%;}
    .news-section .news-main-box .inner-leftbox {margin-right: 80px;}
    .career-section .career-box .inner-box {width: 31%;}
   .banner-section .banner-left-text p {width: 80%;}
   .banner-section .banner-right-img {top: -186px;right: -120px;}
   .banner-section .banner-box {left: 100px;}
   .title-box h2, .company-profile-section .left-title-box h2 {font-size: 56px;}
   .company-profile-section .company-profile-box {padding:0 180px;}
   .company-profile-section .right-cont p {font-size: 28px;}
   .company-profile-section .right-cont {padding-left: 50px;}
   .company-profile-section .left-title-box h2 {width: 90%;}
   .services-section ul.resp-tabs-list {padding: 45px 80px;height:620px;}
   .custom-container {padding: 0 100px;}
   .newsletter-section .newsletter-title {left: 100px;}
   .newsletter-section .distributor-box {right: 100px;padding: 60px 40px;}
   .newsletter-section .newsletter-title h2 {width: 60%;}
   footer .footer-contact-box .mail-box {width: 23%;}
   footer .footer-contact-box .social-icon-box {width: 17%;}
   .call-to-action-section .call-to-action-box h2 {width: 75%;}
   .call-to-action-section {height: 540px;}
   .slogan-section .slogan-text h2 {font-size: 48px;line-height: 80px;}
   .slogan-section .slogan-img {right: -50px;}
   .inner-banner-section {height: 380px;}
   .inner-banner-section .inner-banner-title h2 {font-size: 72px;}
   .inner-banner-section .inner-banner-title img {width: 90px;}
   .about-us-section .right-cont-box .title-box {margin-bottom: 40px;}
   .about-us-section .right-cont-box .title-box img {width: 85px;}
   .about-us-section .right-cont-box h3 {font-size: 34px;}
   .vision-mission-section .common-box, .vision-mission-section .common-box img {height: 477px;}
   .contact-us-section .left-contact-box .title-box img {left: 120px;}
   .contact-us-section .left-contact-box .title-box p {font-size: 22px;}
   .get-in-touch-section .get-in-touch-box .cll-box a, .get-in-touch-section .get-in-touch-box .cll-box p {font-size: 26px;}
   footer .top-footer .product-box {width: 33%;} 
   .product-list-section .left-img-section .left-img-box::before,.product-list-section .right-img-section .right-img-box::before {height: 442px;}
   .few-app-like-section .col-md-6:last-child span {width: 70%;}
   .other-products-section .border-common-img::before {height: 310px;}
   .other-products-section .common-title h2 {font-size: 34px;}
   .product-inner-section .right-cont-box h2 {font-size: 34px;}
   footer .bottom-footer  .social-icon-box ul li a {padding:9px;width:48px;height:48px;}
   footer .footer-contact-box .footer-logo { width: 19%; }
   footer .footer-contact-box .mail-box { width: 20%; }
   footer .footer-contact-box .call-box { width: 28%; }
   /* .company-profile-section .content-box { height: 290px; } */

}

@media screen and (max-width:1599px) {
   .company-profile-section .right-cont p {font-size: 27px;line-height: 40px;}
   .company-profile-section .left-title-box h2 { font-size: 50px;}
   .banner-section .banner-left-text h1 {font-size: 55px !important;}
   .product-catalogue-section .common-title h3 {font-size:26px !important;}
   footer .bottom-footer  .social-icon-box ul li a {width: 47px;height: 47px; padding: 6px;}
   .newsletter-section .distributor-box { bottom:-45px;right: 47px;padding: 30px 20px;}
    header .right-nav-box {width: 55%;}
   header .first-nav-box {width: 24%;}
    header img {width: 220px;}
    header .center-nav-box li a {padding: 0 25px !important;}
    .banner-section .banner-right-img {top: -100px;right: -215px;}
     .banner-section .owl-carousel .owl-item  .banner-right-img img{width: 83%;display: block;margin: 0 auto;}
     .banner-section .banner-left-text p {width: 90%; font-size: 26px;}
     .banner-section {height: 700px;}
     .banner-section .owl-carousel .owl-item .item {height: 700px;}
     .banner-section .owl-carousel .owl-stage-outer {height: 700px !important;}
     .banner-section .banner-left-text h1 {width: 90%;font-size: 62px;}
     .custom-container {padding: 0 80px;}
    .services-section ul.resp-tabs-list {padding: 50px 65px;height: 581px; }
     .services-section ul.resp-tabs-list li {margin-bottom: 0px !important;}
     .common-section {padding: 60px 0;}
     .common-section-top {padding-top: 60px;}
     .title-box h2, .company-profile-section .left-title-box h2 {font-size: 48px; }
     .product-catalogue-section .img-box {padding: 25px 70px;}
     .product-catalogue-section .common-title h3 {font-size: 28px;line-height: 40px;}
     .company-profile-section {margin-bottom: 60px;}
     .company-profile-section .company-profile-box {padding: 0 140px;}
     .company-profile-section .content-box h3 {font-size: 26px;}
     .company-profile-section .right-cont p {font-size: 26px;}
     .company-profile-section .left-title-box h2 {width: 80%;}
     .title-box img{width: 80px;}
     .call-to-action-section .call-to-action-box h2 {font-size: 55px;}
     .call-to-action-section {height: 500px;}
     .newsletter-section .newsletter-title h2 {font-size:68px; }
     .newsletter-section .distributor-box {right: 80px;padding: 50px 30px;bottom: -70px;}
     .services-section .bottom-detail-box {padding: 30px 30px;}
     .call-to-action-section {height: 460px;}
    .title-box p {font-size: 24px;}
    .company-profile-section .content-box h3 {width: 95%;}
     .company-profile-section .content-box {padding:25px;}
     footer .top-footer .footer-link ul li a {font-size: 18px;}
     footer .footer-contact-box .common-contact-box a, footer .footer-contact-box .common-contact-box p {font-size: 20px;}
     .around-the-globe-section .resp-tabs-list li {font-size: 34px;}
     .newsletter-section .newsletter-title {left: 80px;}
     footer .bottom-footer  .social-icon-box ul li a {padding: 6px;width: 40px;height: 40px;}
     footer .footer-title h3 {font-size: 26px;}
     .around-the-globe-section .right-box {padding-left: 70px;}
     .around-the-globe-section .resp-tabs-list li {padding: 10px 50px !important;}

     .slogan-section .slogan-text {left: 80px;}
     .about-us-section .right-cont-box h3 {font-size: 24px;line-height: 40px;margin-bottom: 25px;}
     .about-us-section .left-img-box {padding-right: 60px;}
     .about-us-section .right-cont-box p {font-size: 20px;}
     .about-us-section .right-cont-box .title-box {margin-bottom: 30px;}
     .slogan-section .slogan-text h2 {font-size: 44px;}
     .slogan-section .slogan-img {right: -80px;}
     .vision-mission-section .common-cont-box {padding: 30px;}
     .vision-mission-section .common-cont-box p {font-size: 20px;}
     .vision-mission-section .common-cont-box p:last-of-type {padding-bottom: 40px;}
     .vision-mission-section .common-cont-box .common-title h3 {font-size: 28px;}
     .vision-mission-section .common-box, .vision-mission-section .common-box, .vision-mission-section .common-box img{height: 415px;}
     .meet-team-section .team-box .team-cont h3 {font-size: 22px;}
     .meet-team-section .team-box .team-cont p {font-size: 18px;}
     .meet-team-section .team-box {padding: 15px;}
     .inner-banner-section {height: 350px;}
     .inner-banner-section .inner-banner-title h2 {font-size: 62px;}
     .inner-banner-section .inner-banner-title img {width: 75px;}
      .contact-us-section .right-contact-box {padding-left: 85px;}
      .contact-us-section .left-contact-box .form-control {height: 58px;}
      .get-in-touch-section .get-in-touch-box .icon-box {width: 90px;height: 90px;padding: 15px;}
       .get-in-touch-section .get-in-touch-box .icon-box img {width: 30px;}
       .get-in-touch-section .get-in-touch-box .cll-box {padding-top: 40px;}
       .get-in-touch-section .get-in-touch-box .cll-box a, .get-in-touch-section .get-in-touch-box .cll-box p {font-size: 24px;}
       .get-in-touch-section .get-in-touch-box {height: 304px}
       .common-bottom-padding {padding-bottom: 60px;}

       .product-list-section .left-img-section .left-img-box {padding-right: 60px;}
       .product-list-section .right-img-section .right-img-box {padding-left: 60px;}
       .product-list-section .left-img-section .left-img-box::before {right: 61px; height: 410px;}
       .product-list-section .right-img-section .right-img-box::before { height: 410px;}
       .product-list-section .common-cont-box p {font-size: 20px;}
       .product-list-section .common-cont-box h2 {font-size: 34px;}
       .product-list-section .common-list li {font-size:20px; }
       .product-list-section .common-cont-box h4 {font-size: 26px;}
       .product-list-section .common-cont-box .common-btn {margin-right: 25px;}

       .product-inner-section .left-img-box {padding-right: 60px;}
       .product-inner-section .right-cont-box h2 {font-size: 32px;}

       .mesure-table-section .tg th, .mesure-table-section .tg td{font-size: 22px;}
       .products-section .col-md-3 img.small-img {height: 240px;}
       .products-section .col-md-3 img.high-img {height: 390px;}
       .other-products-section .border-common-img::before { height: 278px; }
       .other-products-section .common-title h2 {font-size: 32px;}
       .other-products-section .common-title {margin-top: 25px;}
       /* .company-profile-section .content-box { height: 315px; } */
       footer .top-footer .footer-link ul li:before { top: 10px; }
       .company-profile-section .content-box { height: 190px; }
       .product-inner-section.alternative-section .left-img-box { padding-left: 60px; }       
      .few-app-like-section .aap-box:before { left: -30px; }
      .services-section ul.resp-tabs-list li { padding: 18px 15px !important; }
      .system-section .right-box img {width: 100%;}
      .few-app-like-section .common-grid {gap: 30px;}

}

@media screen and (max-width:1439px) {
   .product-catalogue-section .common-title h3 {font-size: 26px !important;}
.product-catalogue-section .common-title {padding: 20px !important;}
footer .bottom-footer  .social-icon-box ul li a {width: 45px;height: 45px;}
   .banner-section .banner-left-text h1 {  font-size: 52px !important;}
   footer .top-footer .product-box {width: 42%;}
footer .top-footer .industries-box {width: 22%; }
.custom-container {padding: 0 65px;}
.banner-section .banner-box {left: 65px;}
.banner-section .banner-left-text h1 {font-size: 55px;margin-bottom: 25px; }
header img {width: 200px;}
header .center-nav-box li a {font-size: 18px;}
.product-catalogue-section .common-title h3 {font-size: 26px;margin: 25px auto;}
.product-catalogue-section .img-box {padding: 25px 60px;}
.company-profile-section .left-title-box h2 {width: 73%;}
.outline-btn, .common-btn {padding: 10px 25px; font-size: 16px;}
.company-profile-section .company-profile-box {padding: 0 115px;}
 .banner-section {height: 670px;}
.banner-section .owl-carousel .owl-item .item {height: 670px;}
.banner-section .owl-carousel .owl-stage-outer {height: 670px !important;}
.banner-section .banner-right-img {top: -136px;}
.banner-section .banner-left-text p {font-size: 24px;margin-bottom: 25px;}
.title-box h2, .company-profile-section .left-title-box h2 {font-size: 42px;}
.company-profile-section .right-cont p {font-size: 24px;}
.company-profile-section .content-box h3 {font-size: 24px;}
.call-to-action-section .call-to-action-box h2 {font-size: 48px;width: 70%;margin-bottom: 40px;}
.call-to-action-section {height: 400px;}
.services-section ul.resp-tabs-list li {margin-bottom: 0px !important;}
.services-section ul.resp-tabs-list {padding: 40px 50px;height:549px;}
.services-section .resp-tabs-container .resp-tab-content h2 {font-size: 26px; margin-bottom: 15px;}
.around-the-globe-section .right-box h3 {font-size: 28px;}
.around-the-globe-section .right-box p {margin-bottom: 40px;}
.company-profile-section .right-cont {padding-left: 40px;}
.around-the-globe-section .resp-tabs-list li {font-size: 30px; padding: 10px 40px !important;}
.newsletter-section .newsletter-title h2 {font-size: 62px;width: 60%;line-height: 80px;}
.newsletter-section .distributor-box {right: 65px;}
.newsletter-section .newsletter-title {left: 65px;}
.newsletter-section .distributor-box .explore-btn {font-size: 16px; padding: 10px 40px;}
.newsletter-section .distributor-box h3 {font-size: 34px;width: 75%;line-height: 45px; }
footer .footer-contact-box .common-contact-box a, footer .footer-contact-box .common-contact-box p {font-size: 18px;}
footer .footer-contact-box {padding: 40px 0;}
footer .top-footer {padding-bottom: 40px;}
footer .bottom-footer  .social-icon-box ul li a {padding:11px;}

.slogan-section .slogan-text {left: 65px;}
.slogan-section {height: 400px;}
.slogan-section .slogan-img {top: -193px;right: -150px;}
.slogan-section .slogan-img img {width: 90%;}
.slogan-section .slogan-text h2 {line-height: 75px;}

.contact-us-section .left-contact-box .title-box p {font-size: 20px;}
.contact-us-section .left-contact-box .form-control {font-size: 16px; height: 55px;padding: 15px 20px;}
.contact-us-section .left-contact-box .title-box img {left: 80px;}
.mapouter, .gmap_canvas, #gmap_canvas {height: 400px !important;}
.contact-us-section .right-contact-box {padding-left: 70px;}
.get-in-touch-section .get-in-touch-box .cll-box a, .get-in-touch-section .get-in-touch-box .cll-box p {font-size: 22px;}
.get-in-touch-section .get-in-touch-box {padding: 25px;}
footer .top-footer .product-box {width: 40%;}
.product-list-section .left-img-section .left-img-box img, .product-list-section .right-img-section .right-img-box img {padding: 0 30px 30px 0;}
.product-list-section .left-img-section .left-img-box::before {right: 50px;height: 399px; }
.product-list-section .right-img-section .right-img-box::before {height: 399px;left: 96px;}
.product-list-section .right-img-section .right-img-box {padding-left: 50px;}
.product-list-section .left-img-section .left-img-box {padding-right: 50px;}
.product-list-section .common-cont-box p {font-size: 18px;margin-bottom: 15px;}
.product-list-section .common-cont-box h2 {font-size: 30px;}
.product-list-section .common-cont-box h4 {font-size: 22px;}
.product-list-section .common-list li {font-size: 18px;}
.product-list-section .common-cont-box .common-btn {margin-right: 20px;}
.product-list-section .common-cont-box .view-all-btn-box {margin-top: 20px;}
.news-section .news-main-box .inner-leftbox {margin-right: 65px;}
.product-inner-section .left-img-box {padding-right: 50px;}
.product-inner-section .right-cont-box p {font-size: 20px;}
.product-inner-section .right-cont-box h2 {font-size: 30px;}
.few-app-like-section span {font-size: 22px;}
.mesure-table-section .tg th, .mesure-table-section .tg td {font-size: 20px; padding: 15px 9px;}
.products-section .col-md-3 img.high-img {height: 370px;}
.products-section .col-md-3 img.small-img {height: 230px;}
.other-products-section .border-common-img::before {height: 267px;}
.other-products-section .common-title h2 {font-size: 28px;}
footer .bottom-footer  .social-icon-box ul li a .fa {font-size: 21px !important;}
.company-profile-section .content-box { height: 215px; }
 .product-inner-section.alternative-section .left-img-box { padding-left: 50px; }  
 .services-section ul.resp-tabs-list li h5 { font-size: 22px; }
 .product-inner-section .right-cont-box h2, .system-section .left-box h2 {font-size: 32px;}
 .system-section .common-list-point li {  font-size: 20px;}
 .product-inner-section .right-cont-box p, .system-section .left-box p {  font-size: 20px;}
   .company-profile-section .company-profile-box {padding: 0 65px;}

}

@media screen and (max-width:1365px) {
.product-catalogue-section .common-title h3 {font-size: 24px !important;}
.custom-container {padding: 0 50px;}
.banner-section .banner-box {left: 50px;}
.banner-section .owl-carousel .owl-item .banner-right-img img {width:80%;}
.banner-section .banner-right-img{top: -136px;}
 .banner-section {height: 640px;}
.banner-section .owl-carousel .owl-item .item {height: 640px;}
.banner-section .owl-carousel .owl-stage-outer {height: 640px !important;}
.banner-section .banner-left-text h1 {font-size: 48px;}
.banner-section .banner-left-text p {font-size: 22px;}
.title-box h2, .company-profile-section .left-title-box h2 {font-size: 36px;}
.title-box img {width: 70px;}
.product-catalogue-section .common-title h3 {font-size: 22px;line-height: 35px;}
.product-catalogue-section .img-box {padding: 25px 50px;}
.company-profile-section .left-title-box h2 {width: 65%; }
.company-profile-section .content-box h3 {font-size: 22px;}
.company-profile-section .company-profile-box {padding: 0 100px;}
.company-profile-section .right-cont p {font-size: 22px;}
.title-box p {font-size: 22px;}
.call-to-action-section .call-to-action-box h2 {font-size: 42px;margin-bottom: 30px;width: 65%;}
.call-to-action-section {height: 380px;}
.services-section ul.resp-tabs-list {padding: 40px;height:550px;}
.services-section .bottom-detail-box .tab-detail-box p  { height : 122px; }
.services-section ul.resp-tabs-list li {margin-bottom: 0px !important;}
.services-section ul.resp-tabs-list li h5 {font-size: 20px;}
/* .company-profile-section .content-box {height: 150px;} */
.around-the-globe-section .right-box {padding-left: 60px;}
.around-the-globe-section .right-box h3 {font-size: 24px;}
.newsletter-section .newsletter-title h2 {font-size: 54px;}
.newsletter-section .newsletter-title {left: 50px;}
.newsletter-section .distributor-box {right: 50px;bottom: -30px;}
.title-box {margin-bottom: 40px;}
footer .footer-contact-box .common-contact-box {padding-right: 30px; }
footer .footer-contact-box .common-contact-box.social-icon-box {padding-right: 0; }
footer .footer-contact-box .footer-logo {width: auto;}
footer .footer-contact-box .footer-logo a {width: 180px; display: block;}
footer .footer-contact-box .mail-box {width: 22%;}
footer .footer-contact-box .social-icon-box {width: 20%;}
footer .footer-title h3 {font-size: 22px;}

.about-us-section .bottom-logo, .about-us-section .top-logo {width: 365px;}
.about-us-section .right-cont-box .title-box img {width: 70px;left: 100px;}
.about-us-section .left-img-box {padding-right: 50px;}
.slogan-section .slogan-text h2 {font-size: 40px;}
.inner-banner-section .inner-banner-title h2 {font-size: 52px;}
.inner-banner-section {height: 320px;}
.about-us-section .right-cont-box h3 {font-size: 22px;}
.slogan-section {margin-top: 180px;}
.vision-mission-section .common-cont-box p {font-size: 18px;}
.vision-mission-section .common-cont-box .common-title h3 {font-size: 24px;}
.vision-mission-section .common-box, .vision-mission-section .common-box, .vision-mission-section .common-box img {height: 384px;}

footer .top-footer .product-box {width: 35%;}
.product-list-section .common-cont-box .common-btn {margin-right: 15px;}
.product-list-section .left-img-section .left-img-box::before { right: 51px;height: 394px;top: 30px;left: 30px;}
  
.product-list-section .right-img-section .right-img-box::before {height: 394px;left: 81px;top: 30px;}
 .product-inner-section .right-cont-box h2 {font-size: 26px;}
 .product-inner-section .right-cont-box p {font-size: 18px;}
 .few-app-like-section span {font-size: 20px;}
 .few-app-like-section .icon-img {margin-right: 20px;}
.mesure-table-section .tg th, .mesure-table-section .tg td {font-size: 18px;padding: 12px 9px;}
.products-section .col-md-3 img.high-img {height: 330px;}
.products-section .col-md-3 img.small-img {height: 220px;}
.other-products-section .border-common-img::before {height: 258px;top: 35px;}
.other-products-section .border-common-img img {padding: 0 20px 20px 0;}
.company-profile-section .content-box { padding: 16px;  height: 200px; }
.slogan-section .slogan-img { right: -160px; }
footer .footer-contact-box .call-box { width: 33%; }
.banner-section .owl-carousel .owl-dots { left: 50px; }

}
@media screen and (max-width:1279px) {
   .product-catalogue-section .common-title {padding: 15px !important;}
  .product-catalogue-section .common-title h3 {font-size: 20px !important;}
  .product-catalogue-section .common-title {padding: 10px;}
.banner-section .banner-right-img {top: -67px;}
.banner-section .banner-left-text h1 {font-size: 39px !important;}
footer .bottom-footer  .social-icon-box ul li a {padding: 7px;font-size: 20px;}
   footer .top-footer .product-box {  width: 46%;}
footer .top-footer .industries-box {width: 25%;}
    header, header.shrink { padding: 15px 25px; }
    header .social-icon-box { display: none; }
    header .menu-box { display: block; text-align: right; position: absolute; top: 50%; right: 0; transform: translateY(-50%); }
    header .center-nav-box li a { padding: 15px 25px; color: #fff; }
    header .center-nav-box li:first-child a { padding-left: 25px; }
    header .center-nav-box .social-icon-list { display: block; }
    header .center-nav-box ul.social-icon-list { padding-left: 25px; margin-top: 15px; }
    header .center-nav-box .social-icon-list li { display: inline-block; }
    header .center-nav-box .social-icon-list a.social-icon { padding: 4px 5px; margin-right: 5px; margin-left: 0; }
    header .center-nav-box .social-icon-list .social-icon i { font-size: 18px; }
    footer h4 { font-size: 21px; margin-bottom: 10px; }
    footer .upper-contact-box li:last-child { width: 35%; }
    footer .upper-contact-box li:nth-child(2) { width: 45%; }
    footer .get-in-touch-box p { width: auto; font-size: 16px; }
    footer .bottom-footer .right-box p { font-size: 13px; }
    footer .bottom-footer .right-box .rights { margin-bottom: 2px; font-size: 13px; }
    footer .footer-contact-box .common-contact-box p {width: 100%;}
    header .center-nav-box li:first-child a { padding: 0 25px !important; }
    nav .navbar .nav-links { max-width: 100%; }
    nav .navbar .nav-links { padding: 0; }
    nav .navbar .links li .arrow { right: 15px; color: #fff; font-size: 22px; width: auto; height: auto;  }
    .shrink nav .navbar .links li .arrow, header.shrink .center-nav-box li a { color: #fff; }
    nav .navbar .links li { border-bottom: solid 1px #fff; padding-bottom: 10px; }
    nav .navbar .links li .sub-menu li:last-child, nav .navbar .links li:last-child {display: none !important; border-bottom: none; margin-bottom: 0; }
    nav .navbar .links li .sub-menu { background: #e8e8e8; border-radius: 0; }
    nav .navbar .links li .sub-menu li { border-bottom: solid 1px #b5b5b5 }
    .sidebar-logo .bx.bx-x { font-size: 54px; position: absolute; top: 0; right: 0; z-index: 1; }
    nav .navbar .links { margin-top: 60px; }
    header .center-nav-box { width: auto; display: block; vertical-align: middle; text-align: left; position: absolute; top: 21px; right: 40px; z-index: 999; }
    header .container-fluid { position: relative; }
    .navbar .bx-menu { font-size: 40px; cursor: pointer; }
    nav .navbar .links li .arrow, .sidebar-logo .bx.bx-x { cursor: pointer; color: #fff; }
    nav .navbar .links li { padding-bottom: 0; }
    .shrink .navbar .bx-menu { color: #333; }
    header .nav-links .social-icon-box { display: block; position: fixed; bottom: 20px; z-index: 999; left: 0; right: 0; margin: 0 auto; width: 100%; text-align: center; }
    body.menu-open { overflow: hidden; }
    nav .navbar .nav-links { overflow-y: auto; }
    nav .navbar { padding: 0; }
    header .center-nav-box li a { white-space: normal; line-height: normal; }
    .navbar .links li .sub-menu { padding: 0; }
    nav .navbar .links li { padding: 0; }
    .navbar .links li .sub-menu a { padding: 10px 0 8px !important; line-height: normal; }
    .navbar .links li .sub-menu a { font-size: 14px; }
    nav .navbar .links li .sub-menu{width: 100%;}


    /* common */
    header, header.shrink { padding: 15px 0; }
    nav .navbar .links li .sub-menu { top: 0; }
    footer .custom-container, .banner-section .owl-carousel .owl-dots, .custom-container { padding: 0 40px; }
    .common-section { padding: 40px 0; }
    .common-section-top { padding-top: 40px; }
    .common-section-bottom { padding-bottom: 40px; }
    .common-bottom-padding { padding-bottom: 40px; }
    .title-box h2, .company-profile-section .left-title-box h2 { font-size: 26px; }
    .title-box p { font-size: 18px; }
    .company-profile-section .right-cont p {font-size: 18px;    line-height: 30px;}
   

    /* homepage-services-section */
    /*.services-section .resp-tabs-container .resp-tab-content h2 { font-size: 20px; margin-bottom: 10px; }
    .services-section ul.resp-tabs-list { padding-left: 0; margin-top: 50px; }
    .services-section ul.resp-tabs-list li { padding: 10px !important; }
    .services-section ul.resp-tabs-list li h5 { font-size: 16px; }
    .services-section ul.resp-tabs-list { width: 44%; }
    .services-section .resp-tabs-container { width: 56%; }
    .services-section .resp-tabs-container .resp-tab-content .service-list li { margin-bottom: 15px; display: block; width: auto; }
    .services-section .resp-tabs-container .resp-tab-content hr { margin-bottom: 25px; }
    .services-section .resp-tabs-container .resp-tab-content p { margin-bottom: 20px; }
    .services-section .resp-tabs-container .resp-tab-content { padding: 20px; height: 550px; }
*/
    header img {width: 170px;}
    .banner-section .owl-carousel, .banner-section .owl-carousel .owl-item, .banner-section .owl-carousel .owl-stage-outer, .banner-section .owl-carousel .owl-stage, .banner-section .owl-carousel .owl-stage .owl-item, .banner-section .owl-carousel .owl-stage .owl-item .item { height: 100% !important; }
    .banner-section { height: 500px; }
    .banner-section .banner-right-img {top: -38px;right: -311px;}
    .banner-section .owl-carousel .owl-item .banner-right-img img {width: 60%;}
    .banner-section .banner-left-text h1 {font-size: 38px;margin-bottom: 20px;}
    .banner-section .banner-left-text p {width: 100%;margin-bottom: 20px;}
    .banner-section .banner-right-img {top: -74px;}
    .product-catalogue-section .common-title h3 {font-size: 20px;line-height: 30px;margin: 20px auto;}
    .product-catalogue-section .img-box {padding: 25px 40px;}
    .company-profile-section .left-title-box h2 {width: 80%;}
    .company-profile-section .right-cont {padding-left: 30px; }
    .company-profile-section .company-profile-box {padding: 0 80px;}
    .company-profile-section {margin-bottom: 40px;}
    .company-profile-section .content-box h3 {font-size: 18px;margin-bottom: 15px;}
    .company-profile-section .content-box{padding: 20px; }
    .company-profile-section .content-box a {font-size: 16px;}
    .product-catalogue-section .img-box {padding: 20px 30px;}
    .call-to-action-section .call-to-action-box h2 {font-size: 32px;}
    .call-to-action-section {height: 300px;}
    .services-section ul.resp-tabs-list li h5 {font-size: 18px;}
    .services-section ul.resp-tabs-list {padding: 25px;height: 490px;}
    .services-section ul.resp-tabs-list li { padding-top: 12px !important; padding-bottom: 12px !important; }
    .services-section ul.resp-tabs-list li { margin-bottom: 0px !important;}
    .services-section ul.resp-tabs-list .resp-tab-item.resp-tab-active img {width: 25px;}
    .services-section .resp-tabs-container .resp-tab-content h2 {font-size: 22px;}
    .services-section .bottom-detail-box {padding: 33px 30px;}
    .around-the-globe-section .resp-tabs-list li {font-size: 24px;padding: 10px 30px !important;}
    .outline-btn, .common-btn {font-size: 16px;}
    .company-profile-section .company-profile-box-block {margin-top: 40px;}
    .around-the-globe-section .right-box p {margin-bottom: 35px;}
    .around-the-globe-section .right-box h3 {font-size: 22px;}
    .around-the-globe-section .right-box {padding-left: 50px;}
    .newsletter-section .distributor-box {width: 400px;right: 40px;padding: 40px 30px;}
    .newsletter-section .distributor-box h3 {font-size: 30px;width: 75%;line-height: 40px;}
    .newsletter-section .distributor-box .explore-btn {padding: 10px 30px;}
    .newsletter-section .newsletter-title h2 {font-size: 48px;width: 60%;line-height: 66px;}
    .newsletter-section {height: 400px;}
    footer .top-footer .product-box {width: 40%;}
    footer {padding-top: 60px;}
   footer .footer-img img {width: 400px;}
   footer .footer-contact-box .add-box {width: 30%;}
   footer .footer-contact-box .call-box  {width: 20%;}
   footer .footer-contact-box .mail-box {width: 28%; padding-right: 0;}
   footer .footer-contact-box .social-icon-box {width: 100%;text-align: center;margin-left: 0; margin-top: 30px;}
   
   .slogan-section .slogan-img {right: -350px;top: -161px;}
    .slogan-section .slogan-img img {width: 70%;}
   .inner-banner-section {height: 270px;}
   .inner-banner-section .inner-banner-title h2 {font-size: 46px;}
   .inner-banner-section .inner-banner-title img {width: 60px;}
   .about-us-section .right-cont-box .title-box img {left: 60px;}
   .about-us-section .right-cont-box h3 {font-size: 22px;line-height: 35px;margin-bottom: 20px;}
   .about-us-section .right-cont-box p {font-size: 18px;margin-bottom: 15px;}
  
   .slogan-section {height: 300px;margin-top: 150px;}
   .slogan-section .slogan-text h2 {font-size: 36px;line-height: 65px; width: 55%;}
   .vision-mission-section .common-cont-box {padding: 25px;}
   .vision-mission-section .common-cont-box p {margin-bottom: 15px;}
   .vision-mission-section .common-cont-box p:last-of-type {padding-bottom: 30px;}
   .vision-mission-section .common-cont-box .common-title {padding-top: 15px;}
   .vision-mission-section .common-cont-box .common-title h3 {font-size: 22px;}
   .vision-mission-section .common-box, .vision-mission-section .common-box, .vision-mission-section .common-box img {height: 414px; }
   .meet-team-section .team-box .team-cont h3 {font-size: 20px;}
   .meet-team-section .team-box .team-cont p {font-size: 16px;}
   .about-us-section .bottom-logo, .about-us-section .top-logo {width: 320px;}
 
   .contact-us-section .left-contact-box .title-box img {left: 40px;}
   .get-in-touch-section .get-in-touch-box .cll-box a, .get-in-touch-section .get-in-touch-box .cll-box p {font-size: 20px;}
   .get-in-touch-section .get-in-touch-box .cll-box {padding-top: 30px;}
   .mapouter, .gmap_canvas, #gmap_canvas {height: 300px !important;}
   nav .navbar .links li:hover .arrow, header .center-nav-box li a:hover{color: #c2c2c2;}
  .product-list-section .left-img-section .left-img-box {  padding-right: 30px;}
  .product-list-section .left-img-section .left-img-box::before {right: 31px;height: 315px;}
  .product-list-section .left-img-section .left-img-box img, .product-list-section .right-img-section .right-img-box img {padding: 0 20px 20px 0;}
  .product-list-section .right-img-section .right-img-box {padding-left: 30px;}
  .product-list-section .right-img-section .right-img-box::before {height: 316px;left: 62px;}
  .product-list-section .common-cont-box img {width: 73%;}
  .product-list-section .common-cont-box .common-btn {margin-right: 10px;}
  .product-list-section .common-cont-box h2 {font-size: 24px; margin-bottom: 15px;}
  .product-list-section .common-cont-box p {font-size: 16px;}
  .product-list-section .common-cont-box h4 {font-size: 18px;margin-bottom: 15px;}
  .product-list-section .common-list li { font-size: 16px;}
  .common-list li::before {width: 8px;height: 8px;top: 7px;}

  .product-inner-section .left-img-box {padding-right: 30px;}
  .product-inner-section .right-cont-box p {margin-bottom: 15px;}
  .product-inner-section .right-cont-box h2 {font-size: 22px;margin-bottom: 15px;}
  .few-app-like-section .icon-img {width: 65px;height: 65px;padding: 18px;margin-right: 15px;}
  .few-app-like-section span {font-size: 18px;}
  .products-section .col-md-3 img.high-img {height: 300px;}
  .products-section .col-md-3 img.small-img {height: 200px;}
  .other-products-section .border-common-img::before {height: 202px;top: 30px;left: 30px;}
  .other-products-section .common-title {margin-top: 20px;}
  .other-products-section .common-title h2 {font-size: 26px;}
  .around-the-globe-section .left-box {display: inline-block;vertical-align: middle;width: 100%;margin-left: -5px;text-align: center;height: auto !important; }
  .around-the-globe-section .left-box img { margin-bottom: 10px; }
  .around-the-globe-section ul.resp-tabs-list { margin-bottom: 50px; }
  .around-the-globe-section .right-box {width: 100%;padding-left: 0px;}
  footer .footer-contact-box .footer-logo { width: 100%; margin-bottom: 15px; }
  footer .footer-contact-box .add-box , footer .footer-contact-box .call-box , footer .footer-contact-box .mail-box { width:  33%; }
  footer .top-footer .product-box { width: 48%; }
  .company-profile-section .content-box { padding: 16px; height: 164px; }
  .company-profile-section .content-box p { font-size: 16px; line-height: 1.5; }
   .product-inner-section.alternative-section .left-img-box { padding-left: 30px; }  
   footer .footer-contact-box .call-box { width: 40% ; }
   footer .footer-contact-box .mail-box { width: 26% ; }
   .banner-section .owl-carousel .owl-dots { left: 20px; bottom: 50px; }
   .services-section .bottom-detail-box .tab-detail-box p { font-size: 16px; height: auto; }
   .services-section ul.resp-tabs-list li  { padding: 18px 15px !important; }
   .services-section ul.resp-tabs-list { height: 480px; }
   .filling-type-section.company-profile-section .content-box {padding: 15px;}
   .product-inner-section .right-cont-box h2, .system-section .left-box h2 {font-size: 28px;}
   .few-app-like-section .common-box h5 {font-size: 20px;}
   .system-section .common-list-point li {    font-size: 18px;}
   .product-inner-section .right-cont-box p, .system-section .left-box p { font-size: 18px;}
   .company-profile-section .company-profile-box {padding: 0 40px;}


}

@media screen and (max-width:1023px) {
   .product-catalogue-section .common-title {padding: 9px !important;}
   .banner-section .owl-carousel .owl-dots {position: absolute;bottom: 34px;left: 0px;}
   .product-catalogue-section .common-title h3 {font-size: 18px !important;}
   footer .bottom-footer  .social-icon-box ul li a {width: 40px;height: 40px;padding: 7px;font-size: 18px;}
    header, header.shrink { padding: 15px 0; }
    header .left-logo-box { width: 30%; }
    header .center-nav-box {top: 20px;}
    .banner-section { height: 400px; }
   .banner-section .banner-left-text {width: 70%;}
   .outline-btn, .common-btn {padding: 8px 20px;}
   .banner-section .banner-left-text p {font-size: 18px;width: 90%;}
   .banner-section .owl-carousel .owl-item .banner-right-img img {width: 50%;}
   .banner-section .banner-right-img {top: -64px;right: -410px;}
   .banner-section .banner-box {left: 40px;}
   .banner-section .banner-left-text h1 {font-size: 32px;}
   .product-catalogue-section .col-md-4 {padding: 0 15px;}
   .product-catalogue-section .common-title h3 {font-size: 18px; width:100%; margin: 15px auto; line-height: 26px;}
   .product-catalogue-section .img-box {padding: 20px;}
   .company-profile-section .left-title-box h2 {width: 69%;}
   .company-profile-section .right-cont p {margin-bottom: 15px;}
   .company-profile-section .company-profile-box {padding: 0 40px;}
   .company-profile-section .content-box {height: auto;}
   .call-to-action-section .call-to-action-box h2 {font-size: 26px;line-height: 35px;}
   .call-to-action-section {height: 250px;}
   .services-section .service-conatiner .resp-accordion span img {display: none;}
   .services-section .bottom-detail-box .view-mor-btn a {padding: 7px;width: 40px;height: 40px;}
   .around-the-globe-section .left-box img , .around-the-globe-section .left-box img.map-box{ width: 100%; margin-top: 10px; }

    
    
    /* homepage-services-section */
    .services-section .resp-tabs-container { width: 100%; float: none;margin-left: 0;}
    .services-section .service-conatiner .resp-accordion span .color-icon { display: none; }
    .services-section .service-conatiner .resp-accordion span { display: inline-block; vertical-align: middle; margin-right: 15px; }
    .services-section .service-conatiner .resp-accordion { position: relative; }
    .services-section .service-conatiner .resp-accordion h5 { display: inline-block; font-size: 18px; }
    .services-section .service-conatiner .resp-accordion.resp-tab-active h5 { color: #fff; }
    .services-section .service-conatiner .resp-accordion { padding: 12px 10px !important; background: linear-gradient(94.36deg, #BF0097 0%, #0046A6 100%) !important; border: none; border-bottom: solid 1px #fff !important; color: #c1c1c1; }
    /*.services-section .service-conatiner .resp-arrow {border-top: 12px solid #fff;}*/
    .services-section .service-conatiner .resp-accordion span img { width: 50px; }
    .services-section .service-conatiner .resp-accordion.resp-tab-active span .color-icon { display: block; vertical-align: middle; }
    .services-section .service-conatiner .resp-accordion.resp-tab-active span .bw-icon { display: none; }
    .services-section .service-conatiner span.resp-arrow { position: absolute; right: 0; bottom: 0; top: 0; margin: auto; right: 10px; }
    .services-section .service-conatiner .resp-tab-active span.resp-arrow { border-block-color: #fff; }
    .services-section .resp-tabs-container .resp-tab-content { height: auto; border-radius: 0; }
    .services-section .service-conatiner .resp-accordion:hover .bw-icon { display: none; }
    .services-section .service-conatiner .resp-accordion:hover .color-icon { display: block; }
    .services-section .service-conatiner .resp-accordion:hover h5 { color: #fff; }
    .services-section .service-conatiner .resp-accordion:hover span.resp-arrow { border-block-color: #fff; }
    .services-section .service-conatiner .resp-tab-active {border: none !important;}
    .services-section .bottom-detail-box {padding: 20px;}
    .title-box img {width: 55px;}
    .title-box h2, .company-profile-section .left-title-box h2 {font-size: 24px;}

    .title-box {margin-bottom: 30px !important;}
    .title-box p {width: 90%;}

    .around-the-globe-section .resp-tabs-container .resp-tab-active {border: none !important;}
    .around-the-globe-section .resp-tabs-container .resp-accordion { font-size: 18px; padding: 12px 10px !important; background: linear-gradient(94.36deg, #BF0097 0%, #0046A6 100%) !important; border: none; border-bottom: solid 1px #fff !important; color: #c1c1c1; }
    .around-the-globe-section .resp-tabs-container .resp-accordion h5 { display: inline-block; font-size: 18px; }
    .around-the-globe-section .resp-tabs-container .resp-accordion:hover { color: #fff; }
    .around-the-globe-section .resp-tabs-container .resp-accordion:hover span.resp-arrow { border-block-color: #fff; }
    .around-the-globe-section .resp-tabs-container .resp-tab-active span.resp-arrow { border-block-color: #fff; }
    .around-the-globe-section .right-box {padding-left: 35px;}
    .around-the-globe-section .right-box h3 {font-size: 20px; margin-bottom: 10px;}
    .around-the-globe-section .right-box p {margin-bottom: 20px;}
    .newsletter-section {height: auto;padding: 40px 0;}
    .newsletter-section .newsletter-title {position: unset;transform: translateY(0);}
    .newsletter-section .newsletter-title h2 {width: 100%;font-size: 36px;text-align: center;margin-bottom: 20px;}
    .newsletter-section .distributor-box {padding:30px;width: 100%;position: unset;clip-path:none;border-radius: 20px;}
    .newsletter-section .distributor-box h3 {font-size: 26px;line-height: 24px;}
    .newsletter-section .distributor-box p {font-size: 16px; margin-bottom: 20px;}
    .newsletter-section .distributor-box .explore-btn {padding: 7px 25px;}
    footer .top-footer .product-box {width: 50%;}
    footer .top-footer .industries-box, footer .top-footer .quick-links-box {width: 24%;}
     .around-the-globe-section .right-box { margin-bottom: 10px; padding-left: 10px; }
  
 
   

    .main-menu {display: none !important;}
    .f-link { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; display: block; }
    /*.f-link .foot-col-data ul {float: left; width: 50%;}*/
    .f-link .foot-col-data ul li {display: block;}
    .f-link .foot-col-data ul li a {position: relative; font-size: 18px; color: #fff; padding-bottom: 20px; display: inline-block;}
    .f-link .foot-col-data ul li a:hover {color: #c2c2c2;}
     .f-link .foot-col-data ul li a:before {transition: 0.5s all ease-in;content: '';position: absolute;width: 0;height: 1px;background: linear-gradient(to right, #fff, #fff);bottom: 10px;left: 0;}
      .f-link .foot-col-data ul li a:hover:before {width: 100%;transition: 0.5s all ease-in;}
    .f-title {position: relative; /*padding-bottom: 15px;*/ margin-bottom: 20px; cursor: pointer;}
    .f-title h4 {color: #fff; margin-bottom: 0;}
    footer .toggle-arrow {font-family:Fontawesome; position: absolute; right: 0; top: 0; line-height: 30px; display: block; cursor: pointer; -webkit-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; cursor: pointer;}
    footer .toggle-arrow::before {color: #fff; content: "\f105"; font-size: 34px;}
    footer .menushow .toggle-arrow {-moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); }
    ul.foot-col-data {padding: 0; overflow: hidden; width: 100%; max-height: 0; min-width: 100%; -webkit-transition: max-height .4s linear; -moz-transition: max-height .4s linear; -ms-transition: max-height .4s linear; -o-transition: max-height .4s linear; transition: max-height .4s linear; margin: 8px 0 15px 0; }
    ul.foot-col-data.menushowtoggle {max-height: 500px;}
    .f-link.contact-box span {display: block; font-size: 16px; color: #fff; margin-top: -22px; padding-left: 88px;}
    .f-link.contact-box ul li {color: #fff; margin-bottom: 10px;}
    .f-link.contact-box ul li a {padding-bottom: 0;}
    .f-link.contact-box ul li a:hover {color: #cd2122;}
   
    footer .contact-box a:last-child {padding-bottom: 0;}
    .services-section .content-box {padding: 20px 20px;}
    footer .footer-title h4 {font-size: 18px;}
   footer .top-footer .product-box, footer .top-footer .industries-box {width: 100%;}
   footer .top-footer {padding-bottom: 20px;}
   /*.f-link .foot-col-data ul li:last-child a {padding-bottom: 0;}*/
   footer .bottom-footer .copyright-box, footer .bottom-footer .made-box {width: 100%; margin-left: 0; text-align: center;}
   footer .bottom-footer .copyright-box {padding-bottom: 5px;}
   footer .footer-img img {width: 300px;}
   footer .footer-contact-box .common-contact-box {width: 100% !important; margin-left: 0 !important; padding-right: 0 !important;padding-bottom: 20px;}
   footer .footer-contact-box .social-icon-box {text-align: left; margin-top: 0; padding-bottom: 0;}
   footer .footer-title h3 {margin-bottom: 15px;}


    .about-us-section .left-img-box {width: 100%; padding-right: 0; margin-bottom: 40px;}
   .about-us-section .right-cont-box {width: 100%; margin-left: 0;}
   .slogan-section .slogan-img img {width: 45%;}
   .slogan-section .slogan-img {right: -575px;top: -57px;}
   .slogan-section .slogan-text {left: 40px;}
   .slogan-section .slogan-text h2 {font-size: 32px;line-height: 50px;width: 65%;}
   .slogan-section {height: 240px;margin-top: 60px;}
   .vision-mission-section .col-md-4 {max-width: 50%; flex: 50%; margin-bottom: 30px;}
   .vision-mission-section .col-md-4:last-child {margin: 0 auto; margin-bottom: 0;}
   .vision-mission-section .common-box, .vision-mission-section .common-box, .vision-mission-section .common-box img {height: 383px;}
    .inner-banner-section {height: 240px;}
    .inner-banner-section .inner-banner-title img {width: 50px;}
    .inner-banner-section .inner-banner-title h2 {font-size: 38px;}
    .meet-team-section .col-md-3 {max-width: 50%; flex: 50%; margin-bottom: 30px;}
    .meet-team-section .col-md-3:last-child, .meet-team-section .col-md-3:nth-child(3) {margin-bottom: 0;}

    .contact-us-section .left-contact-box {display: table-footer-group;}
    .contact-us-section .right-contact-box {display: table-header-group;}
    .contact-us-section .right-contact-box img {width: 70%;margin-bottom: 40px;}
    .contact-us-section .left-contact-box .form-group {margin-bottom: 20px;}
    .contact-us-section .left-contact-box .form-control {height: auto;padding: 12px 20px;}
    .get-in-touch-section .col-md-4 {max-width: 50%; flex: 50%; margin-bottom: 30px;}
     .get-in-touch-section .col-md-4:last-child {margin:0 auto;}
     .get-in-touch-section .get-in-touch-box {height: 270px;}
     .get-in-touch-section .get-in-touch-box .icon-box img {width: 25px;}
     .mapouter, .gmap_canvas, #gmap_canvas {height: 270px !important;}

   .product-list-section .left-img-section .left-img-box {width: 100%;padding-right: 0;}
   .product-list-section .left-img-section .right-cont-box {width: 100%; margin-left: 0;}
   .product-list-section .common-cont-box img {width: auto;}
   .product-list-section .left-img-section .left-img-box::before, .product-list-section .right-img-section .right-img-box::before {left: 0; right: 0; top: 0; height: 100%; width: 70%;}
   .product-list-section .left-img-section .left-img-box img, .product-list-section .right-img-section .right-img-box img {padding: 20px; width: 70%;}
   .product-list-section .common-cont-box h2 {margin-top: 30px;}
   .product-list-section .right-img-section .right-img-box {display: table-header-group;}
   .product-list-section .right-img-section .left-cont-box {display: table-footer-group;}

   .product-inner-section .left-img-box {width: 100%; padding-right: 0; margin-bottom: 30px;}
   .product-inner-section .right-cont-box {width: 100%; margin-left: 0;}
   .product-inner-section .left-img-box img {width: 80%;}
   .product-inner-section .right-cont-box h2 {font-size: 20px;margin-bottom: 10px;}
   .product-inner-section .right-cont-box p {margin-bottom: 10px;font-size: 16px;}
   .few-app-like-section .aap-box {width: 100%;}
   .mesure-table-section .tg th, .mesure-table-section .tg td {font-size: 16px;padding: 9px 5px;}
   .products-section .col-md-3 img.high-img {height: 200px;}
   .products-section .col-md-3 img.small-img {height: 150px;}
   .other-products-section .border-common-img::before {height: 144px;top: 20px;left: 20px; border-width: 2px;}
   .other-products-section .border-common-img img {padding: 0 15px 15px 0;}
   .other-products-section .common-title h2 {font-size: 20px;}
   .other-products-section .common-title {margin-top: 15px;}
   .product-inner-section.alternative-section .left-img-box { padding-left: 0px; }
   .product-inner-section.alternative-section .left-img-box { order :5 }
.product-inner-section.alternative-section .right-cont-box {order :6;}
.product-inner-section.alternative-section .custom-container { display : flex; flex-wrap : wrap; }
footer .footer-contact-box .mail-box { padding-bottom: 0px; }
footer .bottom-footer   { flex-wrap: wrap; justify-content: center; }
.products-section  .row .col-md-3 { padding: 0px 10px !important; }
.products-section .top-img { margin-bottom: 20px; }
ul.foot-col-data.menushowtoggle { margin-bottom: 0px; margin-top: 0px; }
footer .toggle-arrow { top: -7px; }
.service-conatiner { padding: 0px 40px; }
.services-section .service-conatiner .resp-accordion { color: #fff; }
.services-section .service-conatiner .resp-accordion { margin-top: 10px; }
.product-inner-section .right-cont-box h2, .system-section .left-box h2 {font-size: 22px;}
.system-section .custom-container {display: flex; flex-direction: column;   gap: 30px;}
.system-section.common-section .custom-container {display: flex; flex-direction: column-reverse;}
.few-app-like-section .common-grid {grid-template-columns: repeat(2, 1fr);}
.filling-type-section .filling-type .owl-nav {position: unset;  transform: none; display: flex; justify-content: center; gap: 15px; margin-top: 20px;}
.filling-type-section .filling-type .owl-nav button {position: unset !important; transform: none;display: flex;justify-content: center;align-items: center;}
.filling-type-section .filling-type .owl-nav button span {position: unset;transform: none;  font-size: 35px;}
}
@media screen and (max-width:767px) {
   .around-the-globe-section .left-box {height: 500px;}
   .banner-section .owl-carousel .owl-dots {position: absolute;bottom: 48px;left: 140px;}
    header .center-nav-box {right: 20px;}
   .banner-section {height: 300px;}
   .banner-section .banner-right-img {display: none;}
   .banner-section .banner-left-text {width: 100%;}
   .banner-section .banner-left-text h1 {font-size: 24px;margin-bottom: 10px;}
   footer .custom-container, .custom-container {padding: 0 20px;}
   .banner-section .banner-box {left: 20px;}
   .common-section {padding: 30px 0;}
   .title-box img {width: 45px;}
   .product-catalogue-section .img-box img {width: 50%;}
   .product-catalogue-section .col-md-4,  .product-catalogue-section .col-md-4:nth-last-child(2), .product-catalogue-section .col-md-4:nth-last-child(3) {margin-bottom: 30px;}
    .company-profile-section .left-title-box, .company-profile-section .right-cont {width: 100%;margin-left: 0;}
    .company-profile-section .right-cont {padding-left: 0; margin-top: 15px;}
    .outline-btn, .common-btn {border: 2px solid rgb(191, 0, 151);}
    .product-catalogue-section .common-title h3 {width: 100%;}
     .product-catalogue-section .common-title h3 br {display: none;}
     .company-profile-section .company-profile-box .common-profile-box {margin-bottom: 30px;}
     .company-profile-section .company-profile-box {padding: 0 20px;}
     .company-profile-section .company-profile-box .col-md-4:last-child .common-profile-box  {margin-bottom: 0;} 
     .call-to-action-section .call-to-action-box h2 {font-size: 22px;line-height: 30px;margin-bottom: 15px;}
     .call-to-action-section {height: 200px;}
     .services-section .resp-tabs-container .resp-tab-content p {font-size: 16px;}
     .services-section .resp-tabs-container .resp-tab-content h2 {font-size: 18px;margin-bottom: 10px;}
     .around-the-globe-section .right-box {width: 100%; padding-left: 0;}
     .around-the-globe-section .left-box  {width: 100%; margin-left: 0; margin-bottom: 20px;}
     footer .main-footer {z-index: 99;}
     .newsletter-section .newsletter-title h2 {font-size: 22px;}
     .newsletter-section .distributor-box h3 {font-size: 22px;width: 100%;}
     .newsletter-section .distributor-box p {margin-bottom: 15px;}
     .company-profile-section .left-title-box h2 {width: 100%;}
     footer .footer-title h3 {font-size: 18px;margin-bottom: 0;}
     footer .footer-contact-box .footer-title h3{margin-bottom: 20px;}
     footer .footer-contact-box, .newsletter-section {padding: 30px 0;}
     .company-profile-section {margin-bottom: 30px;}
     .newsletter-section .distributor-box .explore-btn .fa {margin-left: 5px;}
     .newsletter-section .distributor-box {padding: 20px;}
     .newsletter-section .distributor-box .explore-btn {padding: 7px 20px;}
     footer {padding-top: 30px;}
     footer .top-footer {padding-bottom: 10px;}
     footer .bottom-footer  .social-icon-box ul li a {width: 30px;height: 30px;font-size: 14px;padding: 5px;margin-right: 3px;}
    footer .footer-contact-box .footer-title h3 {margin-bottom: 10px;}
    footer .footer-contact-box .common-contact-box a, footer .footer-contact-box .common-contact-box p {font-size: 16px;}
    footer .bottom-footer p {font-size: 16px;}
    footer .bottom-footer {padding: 10px 0;}
    .f-link .foot-col-data ul li a {font-size: 16px; padding-bottom: 15px;}

    .inner-banner-section {height: 200px;}
    .inner-banner-section .inner-banner-title h2 {font-size: 32px;}
    .inner-banner-section .inner-banner-title img {width: 40px;}
    .slogan-section .slogan-img {display: none;}
    .slogan-section .slogan-text {left: 0; right: 0; text-align: center; margin: 0 auto;}
    .slogan-section .slogan-text h2  {font-size: 26px; margin: 0 auto;width: 100%;}
    .slogan-section {height: 170px; margin-top: 40px;}
    .vision-mission-section .common-cont-box p {font-size: 16px;line-height: 24px;}
    .vision-mission-section .common-cont-box {padding: 20px;}
    .vision-mission-section .common-cont-box .common-title h3 {font-size: 18px;}
    .vision-mission-section .common-box, .vision-mission-section .common-box, .vision-mission-section .common-box img {height: 316px;}
    .about-us-section .right-cont-box .title-box img {width: 45px;}

    .get-in-touch-section .get-in-touch-box .cll-box a, .get-in-touch-section .get-in-touch-box .cll-box p {font-size: 18px;}
    .get-in-touch-section .get-in-touch-box {height: 275px;}
    .get-in-touch-section .get-in-touch-box .icon-box {width: 80px;height: 80px;padding: 10px;}
    .get-in-touch-section .get-in-touch-box .cll-box {padding-top: 20px;}
    .mapouter, .gmap_canvas, #gmap_canvas {height: 240px !important;}
    .contact-us-section .left-contact-box .title-box p {font-size: 18px;}
    .contact-us-section .left-contact-box .form-control {padding: 10px 20px;}
    .contact-us-section .left-contact-box textarea.form-control {height: 100px;}
    .product-list-section .common-cont-box h2 {font-size: 20px;margin-bottom: 10px;margin-top: 20px;}
    .product-list-section .common-cont-box p {margin-bottom: 10px;}
    .common-list li {padding-bottom: 10px;}
    .common-section-top {padding-top: 30px;}
    .products-section .col-md-3 {width: 50%; margin-bottom: 20px;}
    .products-section .col-md-3:last-child, .products-section .col-md-3:nth-last-child(2) {margin-bottom: 0;}
    .products-section .col-md-3 img.high-img, .products-section .col-md-3 img.small-img {height: auto;}
    .other-products-section .border-common-img img {padding: 20px; }
    .other-products-section .border-common-img::before {width: 100%; left: 0; right: 0; top: 0; height: 100%;}
    .other-products-section .col-md-4 {margin-bottom: 20px;}
    .other-products-section .col-md-4:last-child {margin-bottom: 0;}
    .banner-section .owl-carousel .owl-dots { left: 0px; bottom: 20px; }
    .product-catalogue-section .common-title h3 .product-catalogue-section .col-md-4:last-child .common-title h3, .product-catalogue-section .col-md-4:nth-last-child(2) .common-title h3, .product-catalogue-section .col-md-4:nth-last-child(3) .common-title h3 { height: auto; }
      .company-profile-section .company-profile-box {padding: 0 20px;}
      .company-profile-section .company-profile-box-block {margin-top: 20px;}
      .company-profile-section.filling-type-section  .company-profile-box .common-profile-box {margin-bottom: 0;}
      .filling-type-section .filling-type .owl-nav button {width: 40px;height: 40px;}
      .filling-type-section .filling-type .owl-nav button span {font-size: 32px;}
      .few-app-like-section .common-box h5 {font-size: 18px;}
      .few-app-like-section .common-box p {font-size: 16px; line-height: 1.4;}
      .product-inner-section .right-cont-box h2, .system-section .left-box h2 {    font-size: 20px;}
      .system-section .common-list-point li,.product-inner-section .right-cont-box p, .system-section .left-box p {font-size: 16px;}
      .system-section .common-list-point li::before {top: -3px;}
}
@media screen and (max-width:639px) {
    header .left-logo-box img { width: 130px; }
    header, header.shrink { padding: 10px 0; }
    header .center-nav-box { top: 12px; right: 15px; }
    .navbar .bx-menu { font-size: 30px; }
    .banner-section .banner-box {width: 100%; text-align: center; right: 0; left: 0;}
    .banner-section .banner-left-text h1 {width: 100%; font-size: 18px;}
    .banner-section .banner-left-text p {margin: 0 auto; margin-bottom: 15px;font-size: 16px;}
    .product-catalogue-section .common-title h3 {font-size: 16px; }
   .common-list-point li { text-align: left; font-size: 18px; }
    
   
    /* common */
    .common-btn { font-size: 15px; padding: 8px 22px; }
    .title-box p { width: 90% !important; }
    .title-box { margin-bottom: 15px; }

   
    .services-section .bottom-detail-box .tab-detail-box {width: 100%;}
    .services-section .bottom-detail-box .view-mor-btn {width: 100%; margin-top: 10px;}
    .services-section .bottom-detail-box .view-mor-btn a {float: none;}
    .product-catalogue-section .img-box {padding: 10px;}
    .product-catalogue-section .img-box img {width: 100%;}
    .company-profile-section {text-align: center;}
     .company-profile-section .left-title-box h2 { font-size: 18px; text-align: center;} 
     .company-profile-section .right-cont p {font-size: 16px;}
     .company-profile-section .right-cont {margin-top: 10px;}
     .company-profile-section .content-box {padding: 15px;}
     .company-profile-section .content-box h3 {margin-bottom: 10px; font-size: 16px;width: 100%;}
     .call-to-action-section .call-to-action-box h2 {font-size: 18px;width: 100%;}
     .call-to-action-section {height: 160px;}
     .around-the-globe-section .right-box .common-tab-cont {text-align: center;}
     .services-section .bottom-detail-box {text-align: center;}
     .services-section .bottom-detail-box .view-mor-btn a {margin: 0 auto;}
     .around-the-globe-section .right-box h3 {font-size: 18px;}
     .around-the-globe-section .right-box p {margin-bottom: 15; font-size: 16px;}
    .services-section .service-conatiner .resp-accordion,  .around-the-globe-section .resp-tabs-container .resp-accordion {font-size: 16px;padding: 8px 10px !important;}
    .services-section .service-conatiner .resp-accordion h5 {font-size: 16px;}
    .newsletter-section .newsletter-title h2 {font-size: 18px; width: 80%; margin: 0 auto;line-height: 30px; margin-bottom: 20px;}
    .newsletter-section .distributor-box h3 {font-size: 18px;margin-bottom: 10px;}
    .newsletter-section .distributor-box {padding: 15px;}
    .newsletter-section .distributor-box p {margin-bottom: 10px;}
    .newsletter-section .distributor-box .explore-btn {font-size: 14px;padding: 6px 15px;}
    footer .footer-contact-box, footer .footer-contact-box .social-icon-box {text-align: center;}
    footer .footer-contact-box .footer-logo a {margin: 0 auto;width: 160px;}
    footer .bottom-footer p {font-size: 15px;}
    footer .custom-container, .custom-container {padding: 0 15px;}
    footer .footer-contact-box .common-contact-box {padding-bottom: 15px;}
    footer .footer-img img {margin: 0 auto;display: block;}
    footer .footer-img {right: 0;left: 0;}
    footer .footer-contact-box .common-contact-box p {width: 80%; margin: 0 auto;}
    footer .footer-contact-box .common-contact-box.social-icon-box {padding-bottom: 0;}
  
    .about-us-section .right-cont-box {text-align: center;}
    .about-us-section .right-cont-box .title-box h2 {text-align: center;}
    .about-us-section .right-cont-box .title-box img {left: 0; right: 0;}
    .about-us-section .right-cont-box h3 {font-size: 16px; width: 100%; line-height: 26px;margin-bottom: 15px;}
    .about-us-section .right-cont-box p {font-size: 15px; margin-bottom: 10px;}
    .about-us-section .bottom-logo, .about-us-section .top-logo {display: none;}
    .vision-mission-section .col-md-4 {max-width: 100%;flex: 100%;}
    .vision-mission-section .common-box, .vision-mission-section .common-box, .vision-mission-section .common-box img {height: 292px; text-align: center;}
    .meet-team-section .col-md-3, .meet-team-section .col-md-3:nth-child(3)  {max-width: 100%;flex: 100%; margin-bottom: 20px;}
    .meet-team-section .team-box .team-cont h3 {font-size: 18px;}
    .meet-team-section .team-box .team-cont p {font-size: 15px;}

    .contact-us-section .left-contact-box .title-box h2 {text-align: center;}
    .contact-us-section .left-contact-box .title-box img {left: 0; right: 0;}
    .contact-us-section .right-contact-box img {width: 100%;margin-bottom: 30px;}
    .contact-us-section .left-contact-box .title-box p {text-align: center; font-size: 16px;}
    .contact-us-section .left-contact-box .form-group {margin-bottom: 15px;}
    .contact-us-section .left-contact-box .form-control {padding: 8px 20px;font-size: 16px;}
    .contact-us-section .left-contact-box .submit-btn {text-align: center;}
    .contact-us-section .left-contact-box textarea.form-control {height: 90px;}
    .get-in-touch-section .col-md-4 {max-width: 100%;flex: 100%;margin-bottom: 20px;}
    .get-in-touch-section .get-in-touch-box {height: auto;}
    .get-in-touch-section .get-in-touch-box .cll-box a, .get-in-touch-section .get-in-touch-box .cll-box p {font-size: 16px;}
    .mapouter, .gmap_canvas, #gmap_canvas {height: 200px !important;}
    .get-in-touch-section .get-in-touch-box .icon-box {width: 70px;height: 70px;padding: 3px;}
    .get-in-touch-section .get-in-touch-box .icon-box img {width: 22px;}

    .product-list-section .left-img-section .left-img-box img, .product-list-section .right-img-section .right-img-box img {width: 100%;padding: 10px;}
    .product-list-section .left-img-section .left-img-box::before, .product-list-section .right-img-section .right-img-box::before {width: 100%; border-width: 2px;}
    .services-section .title-box p {font-size: 16px;}
    .services-section .title-box {padding: 0 15px; }
    .title-box p { font-size: 16px; width: 100% !important; }
    .product-list-section .common-cont-box img {width: 100%;}
    .product-list-section .common-cont-box {text-align: center;}
    .common-list li {text-align: left;}
    .product-list-section .common-cont-box .view-all-btn-box .common-btn {margin-bottom: 15px;}
    .product-list-section .common-cont-box .view-all-btn-box {margin-top: 15px;}

    .products-section .top-img {margin-bottom: 20px;}
    .products-section .col-md-3 {margin-bottom: 20px; padding: 0 10px;}
    .table-reponsive {overflow: scroll;}
    .mesure-table-section .tg th, .mesure-table-section .tg td {font-size: 14px;padding: 7px 4px;}
    .product-inner-section .left-img-box img {width: 100%;}
    .product-inner-section .right-cont-box {text-align: center;}
    .product-inner-section .right-cont-box h2 {font-size: 18px;}
    .few-app-like-section .aap-box::before { content: none;}
    .few-app-like-section {text-align: center;}
    .few-app-like-section span, .few-app-like-section .col-md-6:last-child span{width: 100%; display: block;}
    .few-app-like-section span li {display: inline-block;}
    .few-app-like-section .col-md-6 {margin-bottom: 20px;}
    .few-app-like-section .col-md-6:last-child {margin-bottom: 0;}
    .few-app-like-section .icon-img {margin-right: 0; margin-bottom: 10px;}
    .banner-section .banner-left-text h1 {font-size: 30px !important;}
.banner-section .owl-carousel .owl-dots button.owl-dot.active span {width: 80px;}
.banner-section .owl-carousel .owl-dots button.owl-dot span {width: 60px;}
.banner-section .banner-box {top: 130px;}
.banner-section .owl-carousel .owl-dots button.owl-dot span {margin-right: 15px;}
.banner-section .owl-carousel .owl-dots {bottom: 45px;  left: 97px;}
footer .footer-contact-box .common-contact-box { padding-bottom: 0px; }
.product-inner-section .right-cont-box h2 { font-size: 22px; }
  .company-profile-section .company-profile-box {padding: 0 15px;}
  .system-section .custom-container {gap: 20px;}
  .few-app-like-section .common-grid {grid-template-columns: auto;gap: 20px;}
  .other-products-section .common-title h2 {font-size: 16px;}

}
@media screen and (max-width:479px) {
    .banner-section .banner-left-text h1 {font-size:28px !important;}
.banner-section .owl-carousel .owl-dots button.owl-dot.active span {width:60px;}
.banner-section .owl-carousel .owl-dots button.owl-dot span {width:40px;}
.banner-section .banner-box {top: 140px;}
.banner-section .owl-carousel .owl-dots button.owl-dot span {margin-right:8px;}
.banner-section .owl-carousel .owl-dots {bottom: 20px;  left:50%; transform: translateX(-50%); width: 100%; padding: 0px; display: flex; justify-content: center;}
    header, header.shrink { padding: 10px 0; }
    header .left-logo-box img { width: 140px; }
    header .center-nav-box li a { padding: 10px 25px; }

    /* common */
    .title-box h2 { font-size: 22px; }
    .company-profile-section .left-title-box h2 { font-size: 18px; text-align: center;} 
    

    /* banner-section */
    .banner-section .owl-carousel .owl-item .item { height: 400px; }
    .product-catalogue-section .common-title h3 { margin: 5px auto; }

   
   


}
@media screen and (max-width:359px) {

}