@media (width <= 2560px)  {
  /* global css  */
  p{font-size: 24px;}
  .welcome-one .image-div{    width: 100%;}
  .welcome-one .image-div img{        left: 80px; width: 1120px;}
  .welcome-one .welcome-one__right{          margin-left: 8rem;}
  .section-title__title{font-size: 3rem;}

  /* header  */
  header nav .main-menu-two__wrapper{    padding: 2rem 0;}
  header nav .main-menu-two__wrapper .main-menu-two__left .main-menu-two__logo{    margin-right: 30rem;}
  header nav .main-menu-two__wrapper .main-menu-two__left .main-menu-two__logo a img{    width: 350px;}
  header nav .main-menu-two__wrapper .main-menu-two__right .search-wrapper input{    font-size: 20px;}
  header nav .main-menu-two__wrapper .main-menu-two__right .main-menu-two__call-content .main-menu-two__call-number a{    font-size: 1.5rem;}
  header nav .main-menu-two__wrapper .main-menu-two__left .main-menu-two__main-menu-two-box .main-menu-two__main-menu-two-inner ul li a{    font-size: 2rem;}
  .enquire-modal .modal-dialog{    max-width: 900px;}
  .enquire-modal .modal-dialog .modal-content .modal-body img{    width: 590px;}
  

  section#home .swiper-wrapper .swiper-slide img{    height: 900px;}
  section.industry-painting-service .left img{width: 100%;}
  section.by-product-managment .d-flex img{    width: 550px;height: 700px;}
  section.clients .swiper .pagination{    width: 8%;}
  main.about-us .tabs-wrapper .tab-content .tab-pane .company section.one .welcome-one__right p{    font-size: 22px;}
  main.about-us .image-div{    width: 90%;}
  main.about-us .image-div img{         width: 100%;   left: 130px;}
  main.about-us .tabs-wrapper .tab-content .tab-pane .company section.one .welcome-one__right{margin-left: 50px;}
  main.about-us .tabs-wrapper .tab-content .tab-pane .company section.two ul li p{    font-size: 24px;}
  main.about-us .tabs-wrapper .tab-content .tab-pane .company section.two ul.left li{    font-size: 24px;    margin-bottom: 7rem;  }
  main.about-us .tabs-wrapper .tab-content .tab-pane .leadership section.five .cards-wrapper .cards img, main.about-us .tabs-wrapper .tab-content .tab-pane .leadership section.six .cards-wrapper .cards img{    height: 700px;}
  main.faq section.one{    padding-bottom: 0;}

  main .contact-us form input, main .contact-us form select{    font-size: 28px;}
  main .contact-us form label{font-size: 24px;    line-height: 54px;}
  main .contact-us form .checkbox-row label{    font-size: 24px;}
  main.contactus .one{    height: 1100px;}
  main.contactus .one .google-map{    height: 66%;}
  main.faq section.three .contact-us form label{font-size: 20px;    line-height: 40px;}
  main.faq section.three .contact-us form .form-row.textarea .form-group textarea{    height: 170px;}
  header nav .main-menu-two__wrapper .main-menu-two__left .main-menu-two__main-menu-two-box .main-menu-two__main-menu-two-inner ul li.dropdown ul.main-wrapper{    top: 130px;left: 350px; width: 75%;}
  header nav .main-menu-two__wrapper .main-menu-two__left .main-menu-two__main-menu-two-box .main-menu-two__main-menu-two-inner ul li.dropdown ul.product-dropdown li ul.links li a{    font-size: 22px;        line-height: 45px;}
  header nav .main-menu-two__wrapper .main-menu-two__left .main-menu-two__main-menu-two-box .main-menu-two__main-menu-two-inner ul li.dropdown ul.product-dropdown li ul.links li a b{    font-weight: 500;}
  .small-menu-services{    width: 580px !important;}
  main.iep-page section.one .wrapper .contents ul img{    height: 300px;}
  main.iep-page section.one .wrapper .contents ul li span{    font-size: 40px;    line-height: 65px;}
  main.product-list section.three .wrapper ul li img{    height: 550px;}
  main.product-list section.three .wrapper ul li h5{    font-size: 60px;}
  main.product-list section.three .wrapper ul li a{font-size: 30px;}
  main.iep-page section.one .wrapper{    height: 860px;}
  main.products-page .welcome-one .welcome-one__right ul{    padding: 0rem 10rem 0 0;}
  main.bpm-page .three.tab-style{    height: 1300px;}
  main.products-page .welcome-one .welcome-one__right ul li{    width: 27.333333% !important;}
  main.products-page section.one ul li{width: 290px;}
  main section.tab-style{height: 1100px;}
  main section.tab-style #verticalTab{height: 1050px;}
}

@media (width <= 1920px)  {
  p{font-size: 20px;font-weight: 400;}
  .section-title__title{font-size: 40px;}
  header nav .main-menu-two__wrapper .main-menu-two__left .main-menu-two__logo{    margin-right: 20rem;}
  section.by-product-managment .d-flex img{    width: 300px;    height: 450px;}
  header nav .main-menu-two__wrapper .main-menu-two__left .main-menu-two__logo{        margin-right: 5rem;  }
  header nav .main-menu-two__wrapper .main-menu-two__left .main-menu-two__logo{        margin-right: 5rem;}
  header nav .main-menu-two__wrapper .main-menu-two__left .main-menu-two__logo a img{    width: 220px;}
  header nav .main-menu-two__wrapper{        padding: 1rem 0;}
  header nav .main-menu-two__wrapper .main-menu-two__right .main-menu-two__call-content .main-menu-two__call-number a{    font-size: 1.125rem;}
  header nav .main-menu-two__wrapper .main-menu-two__right .search-wrapper input{font-size: 14px;}
  .welcome-one .image-div{        width: 100%;}
  .welcome-one .image-div img{        left: 80px;}
  .welcome-one .welcome-one__right{    margin-left: 100px;}
  header nav .main-menu-two__wrapper .main-menu-two__left .main-menu-two__logo{    margin-right: 18rem;}
  header nav .main-menu-two__wrapper .main-menu-two__left .main-menu-two__main-menu-two-box .main-menu-two__main-menu-two-inner ul li a{font-size: 20px;}
  .main-menu-two__call-sub-title{font-size: 16px;}
  .enquire-modal .modal-dialog{    max-width: 900px;}
  .enquire-modal .modal-dialog .modal-content .modal-body img{    width: 590px;    height: 95%;}
  section.clients .swiper .pagination{width: 12%;}
  main.about-us .tabs-wrapper .tab-content .tab-pane .company section.one .welcome-one__right p,main.about-us .tabs-wrapper .tab-content .tab-pane .company section.two ul li p,main.about-us .tabs-wrapper .tab-content .tab-pane .company section.two ul.left li{font-size: 16px;}
  main.about-us .image-div img{width: auto;left: 120px;    height: 95%;  }
  main.about-us .tabs-wrapper .tab-content .tab-pane .company section.two ul.left li{ margin-bottom: 3rem;  }
  main.about-us .tabs-wrapper .tab-content .tab-pane .leadership section.five .cards-wrapper .cards img, main.about-us .tabs-wrapper .tab-content .tab-pane .leadership section.six .cards-wrapper .cards img{    height: 500px;}
  main.contactus .one .google-map{    height: 70%;}
  main .contact-us form input, main .contact-us form select{font-size: 16px;}
  main .contact-us form label {font-size: 20px; line-height: 43px;}
  main .contact-us form .checkbox-row label{font-size: 20px;}
  main.contactus .one { height: 900px;}
  main.faq section.one{    padding-bottom: 0;}
  main.faq section.three .contact-us form label{font-size: 20px;    line-height: normal;}
  header nav .main-menu-two__wrapper .main-menu-two__left .main-menu-two__main-menu-two-box .main-menu-two__main-menu-two-inner ul li.dropdown ul.main-wrapper{    left: 20%;top: 100px;width: 75%;}
  header nav .main-menu-two__wrapper .main-menu-two__left .main-menu-two__main-menu-two-box .main-menu-two__main-menu-two-inner ul li.dropdown ul.product-dropdown li ul.links li a{font-size: 1rem; line-height: 35px;}
  main.iep-page section.one .wrapper {height: 660px;}
  main.iep-page section.one .wrapper .contents ul li span{      font-size: 32px;line-height: 45px;}
  main.iep-page section.one .wrapper .contents ul img{    height: 200px;}
  main.product-list section.three .wrapper ul li img{        height: 385px;}
  main.product-list section.three .wrapper ul li h5{        font-size: 40px;}
  main.product-list section.three .wrapper ul li a{        font-size: 24px;    padding: 10px 1rem;}
  main.iep-page section.three .wrapper ul{    margin-left: 4rem;}
  section#home .swiper-wrapper .swiper-slide img{    height: 700px;}
  main.faq section.one{padding-bottom: 3rem;}
  main.products-page .welcome-one .welcome-one__right ul li{    width: 33.3333333333% !important;}
  main.products-page section.one ul li{width: 205px;}
  main section.tab-style{    height: 860px;}
  main section.tab-style #verticalTab{    height: 800px;}
}

@media (width <= 1710px)  {
  header nav .main-menu-two__wrapper .main-menu-two__left .main-menu-two__logo{        margin-right: 16rem;}
}

@media (width <= 1570px) {
  p{font-size:16px;}
  .section-title__title{        font-size: 30px;}
  .section-title .heding-vector img{    width: 180px;}
  header nav .main-menu-two__wrapper .main-menu-two__left .main-menu-two__logo{margin-right: 5rem;}
  main.careers section.welcome-one .welcome-one__right .welcome-one__text{    font-size: 14px;}
  main.iep-page section.one .wrapper{        height: 500px;}
  main.iep-page section.one .wrapper .contents ul li span {font-size: 23px; line-height: 35px;}
  main.iep-page section.one .wrapper .contents ul img{        height: 150px;}
  main.product-list section.three .wrapper ul li img{height: 315px;}
  main.product-list section.three .wrapper ul li h5{        font-size: 30px;}
  main.product-list section.three .wrapper ul li a{        font-size: 16px;}
  main.products-page .welcome-one .welcome-one__right ul{        padding: 0rem 5rem 0 0;}
  main.product-details .product-detail-paragraph a{    font-size: 16px;    padding: 10px 1rem;border-radius: 10px;}
  main.product-details .product-detail-paragraph{    padding-top: 0rem;margin-bottom: 0rem;}
  main.products-page .welcome-one{    padding-top: 4rem !important;}
  main.iep-page section.three .wrapper ul{    margin-left: 3rem;}
  main section.tab-style #verticalTab{    height: 800px;}
  main.idcs-page section.four{    padding-top: 14rem;}
  footer .site-footer__top .footer-widget__column .cin-no{    font-size: 14px;}
  header nav .main-menu-two__wrapper .main-menu-two__left .main-menu-two__main-menu-two-box .main-menu-two__main-menu-two-inner ul li.dropdown ul.main-wrapper{        left: 10%;top: 100px; width: 88%;}
  .small-menu-services{left: 40% !important;}
  main.products-page section.one ul li{width: 170px;}
  main.about-us .tabs-wrapper .tab-content .tab-pane .leadership section.five .cards-wrapper .cards img, main.about-us .tabs-wrapper .tab-content .tab-pane .leadership section.six .cards-wrapper .cards img{height: 400px;}
  .welcome-one__right{    margin-left: 50px;}
  main.about-us .image-div img{height: 100%;top: 0;}
}

@media (width <= 1400px) {
  footer .site-footer__top .row{    padding: 1rem 2rem;}
  main.product-list section.three .wrapper ul li img{        height: 275px;}
  main.products-page .welcome-one .welcome-one__right ul li{    padding-right: 3rem;}
  main.bpm-page .three.tab-style{        height: 800px;}
  main.products-page section.one ul li{        width: 150px;}
}

@media (width <= 1366px) {
  section.new-arrival ul li figure img{    width: 370px;height: 390px;}
  section#home .swiper-wrapper .swiper-slide img{height: 500px; margin-top: 2rem;}
}

@media (width <= 1480px) {
  /* global css  */
  p{font-size: 14px;}
  .section-title__title{font-size: 24px;}
  .welcome-one__text b{    font-size: 16px;}
  .heding-vector img.img-fluid{width: 140px;}
  /* menu header  */
  header nav .main-menu-two__wrapper .main-menu-two__left .main-menu-two__main-menu-two-box .main-menu-two__main-menu-two-inner ul li.dropdown ul.product-dropdown li ul.links li a{    font-size: 14px;    line-height: 20px;  }
  header nav .main-menu-two__wrapper .main-menu-two__left .main-menu-two__logo{    margin-right: 12rem;}
  header nav .main-menu-two__wrapper .main-menu-two__left .main-menu-two__logo a img{    width: 190px;}
  header nav .main-menu-two__wrapper .main-menu-two__left .main-menu-two__main-menu-two-box .main-menu-two__main-menu-two-inner ul li{    padding: 0 10px;}
  header nav .main-menu-two__wrapper .main-menu-two__left .main-menu-two__main-menu-two-box .main-menu-two__main-menu-two-inner ul li.current a{    font-weight: 500;}
  header nav .main-menu-two__wrapper .main-menu-two__left .main-menu-two__main-menu-two-box .main-menu-two__main-menu-two-inner ul li a span.main-menu-border{    height: 2px;}
  header nav .main-menu-two__wrapper .main-menu-two__left .main-menu-two__main-menu-two-box .main-menu-two__main-menu-two-inner ul li a{    font-weight: 400;font-size: 16px;}
  header nav .main-menu-two__wrapper{padding-top: 11px;}
  header nav .main-menu-two__wrapper .main-menu-two__right .tata-logo{width: 60px;  margin-top: -60px;}

  /* home page  */
  section#home .color-bar .color-segment.pagination-wrapper .swiper-pagination .swiper-pagination-bullet{    padding: 5px;}
  header nav .main-menu-two__wrapper .main-menu-two__right .main-menu-two__call-content .main-menu-two__call-number a{    font-size: 16px;}
  section.by-product-managment .d-flex img{    width: 100%;height: 410px;}
  section.new-arrival{    padding-top: 2rem;}
  section.clients .swiper .pagination{    width: 13%;}
  section.our-client ul li{    height: 90px;}
  section.our-client{    padding-bottom: 5rem;}
  section.new-arrival ul li figure .color-imgs{    bottom: 40px;}
  /* section.new-arrival ul li figure img{    width: 340px;} */
  /* section.new-arrival ul li figure .color-imgs img{    width: 460px;} */

  /* about us  */
  main.about-us .image-div{    height: 100%;}
  main.about-us .tabs-wrapper .tab-content .tab-pane .company section.two ul li h3{font-size: 26px;}
  main.about-us .tabs-wrapper .tab-content .tab-pane .company section.two ul li p, main.about-us .tabs-wrapper .tab-content .tab-pane .company section.two ul li p, main.about-us .tabs-wrapper .tab-content .tab-pane .company section.two ul li ul li{    font-size: 12px;}
  main.about-us .tabs-wrapper .tab-content .tab-pane .company section.one .welcome-one__right p, main.about-us .tabs-wrapper .tab-content .tab-pane .company section.two ul li p, main.about-us .tabs-wrapper .tab-content .tab-pane .company section.two ul.left li{font-size: 12px;}
  main.about-us .tabs-wrapper .tab-content .tab-pane .company section.two ul.left li{    margin-bottom: 1rem;}

  /* shades  */
  main.shades .wrapper .shades-colors{padding: 1rem 1rem;}
  main.shades .all-color-shades ul li a img{    width: 100px; height: 100px;}
  main.shades .wrapper .left-side h5{    font-size: 20px;}
  main.shades .wrapper .left-side .accordion .accordion-item h2.accordion-header .accordion-button{    font-size: 16px;        padding: 1rem;padding-left: 0; padding-bottom: 0;}
  main.shades .wrapper .left-side .accordion .accordion-item .accordion-body{padding-left: 0;}
  main.shades .wrapper .left-side .accordion .accordion-item .accordion-collapse .accordion-body form ul li label{    font-size: 16px;}
  main.shades .wrapper .left-side{    padding-left: 2.5rem;}
  main.shades .wrapper .shades-colors h2{    font-size: 28px;    padding: 0;  }
  main.shades .wrapper .shades-colors .flex .card{    width: 210px; height: 310px;}
  main.shades .wrapper .shades-colors .flex .card .footer p{    font-size: 16px;}
  main.shades .wrapper .shades-colors .flex .card span{font-size: 14px;}
  main.shades .wrapper .shades-colors .flex .card .card-body{    margin-bottom: 15px;}
  main.shades .wrapper .shades-colors .load-more button{    font-size: 16px;    padding: 12px 1rem;}
  main.shades .all-color-shades ul li a p{    font-size: 14px;}


  }

@media (width <= 1024px) {
  .welcome-one__text b, p{        font-size: 12px;}
  
/* global style  */
.section-title__title{font-size: 24px;}
.heding-vector img{width: 140px;position: relative;  top: -8px;}
.welcome-one__right{    margin-top: 0; padding-left: 4rem;}
.enquire-modal .modal-dialog{    max-width: 600px;}
.enquire-modal .modal-dialog .modal-content .modal-body{    padding: 1rem;}
.enquire-modal .modal-dialog .modal-content .modal-body img{width: 450px;}
.enquire-modal .modal-dialog .modal-content .modal-body .form-group input,
.enquire-modal .modal-dialog .modal-content .modal-body .form-group textarea,
.enquire-modal .modal-dialog .modal-content .modal-body .form-group textarea::placeholder,
.enquire-modal .modal-dialog .modal-content .modal-body .form-group input::placeholder{font-size: 16px; padding-bottom: 0;}

/* headers  */
header nav .main-menu-two__wrapper .main-menu-two__left .main-menu-two__logo, .stricky-header nav .main-menu-two__wrapper .main-menu-two__left .main-menu-two__logo{    margin-right: 0;}
.main-menu-two{background-color: #fff}
.main-menu-two__logo img{width: 180px;}
.main-menu .main-menu__list{    display: flex;}
header nav .main-menu-two__wrapper .main-menu-two__left .main-menu-two__main-menu-two-box .main-menu-two__main-menu-two-inner ul li a{    font-size: 16px;}
header nav .main-menu-two__wrapper .main-menu-two__right .search-wrapper{display: none;}
header nav .main-menu-two__wrapper .main-menu-two__left .main-menu-two__main-menu-two-box .main-menu-two__main-menu-two-inner ul li.dropdown ul.main-wrapper{    padding: 1rem;}
header nav .main-menu-two__wrapper .main-menu-two__left .main-menu-two__main-menu-two-box .main-menu-two__main-menu-two-inner ul li.dropdown ul.product-dropdown li.menu-link{padding: 0;}
header nav .main-menu-two__wrapper .main-menu-two__left .main-menu-two__main-menu-two-box .main-menu-two__main-menu-two-inner ul li.dropdown ul.main-wrapper{    left: 40px;    width: 97%;}

/* home page  */
.industry-painting-service{    padding-top: 3rem;}
section.industry-painting-service .grid-one ul li, section.industry-painting-service .grid-two ul li, section.industry-painting-service .grid-three ul li{    width: 25px;height: 25px;    border: 2px solid #fff;}
section.industry-painting-service .grid-one ul, section.industry-painting-service .grid-two ul, section.industry-painting-service .grid-three ul{    bottom: -3px;}
.section-title{    margin-bottom: 1rem;}
.main-slider{top: 0;}
section.by-product-managment .d-flex img{ width: 180px;height: 300px;}
section.our-client ul{    margin-top: 2rem;}
section.our-client ul li{    width: 70px; height: 70px;}
section.new-arrival .swiper-slide.swiper-slide-active figure{    width: 530px;}
section.new-arrival .swiper-slide.swiper-slide-active figure .color-imgs{    left: -15%; bottom: 4px;}
section.project-one .project-one__inner .project-one__main-content .swiper-wrapper .swiper-slide .project-one__left .project-one__img img{    min-height: 530px;}
section.new-arrival .swiper-slide.swiper-slide-active figure .color-imgs img{    width: 380px;}
section.new-arrival .swiper-slide.swiper-slide-active figure figcaption{    left: 29%;}
section.new-arrival .swiper-slide.swiper-slide-active figure figcaption h5{    font-size: 18px;}
section.project-one .project-one__thumb-box .swiper-container .swiper-wrapper .swiper-slide .project-one__img-holder{    height: 100px;}
section.new-arrival .swiper-slide figure .color-imgs{ bottom: -6%; width: 75%; left: 13%;}
section.new-arrival .swiper-button-prev, section.new-arrival .swiper-button-next{    top: 60%;}
section.new-arrival .swiper-button-prev{left: 5px;}
section.new-arrival .swiper-button-next{    right: 5px;}
section.clients .swiper .pagination{    width: 20%;    top: 4rem;}
.project-one__content{padding: 22px 20px 20px;}
section.welcome-one.home{    padding-top: 0rem;}
.image-div img{    left: 0;}
.welcome-one__right{padding-left: 0;margin-left: 50px;}
section.project-one .project-one__inner .project-one__main-content .swiper-wrapper .swiper-slide .project-one__left{height: 500px;}
section.new-arrival{    padding-top: 0rem;}
section.clients{    padding-top: 6rem;}
section.clients .overflow-hidden{height: 500px;}
main.about-us .image-div img{    left: 0;}
section.project-one .project-one__inner .project-one__main-content .swiper-wrapper .swiper-slide .project-one__left{    margin-right: -512px;}
section#home .color-bar .color-segment.pagination-wrapper .swiper-pagination .swiper-pagination-bullet{    margin-right: 5px;}
.welcome-one .welcome-one__right{        margin-left: 3.5rem;}

/* about us  */
main.about-us .tabs-wrapper .tab-content .tab-pane .company section.one .welcome-one__right p{    font-size: 10px;}
main.about-us .tabs-wrapper .tab-content .tab-pane .company section.three .swiper-container .swiper-button{    bottom: 10%;width: 12%; left: 0;}
main.about-us .tabs-wrapper .tab-content .tab-pane .company section.three .swiper-container .swiper-wrapper .swiper-slide .wrapper h4{    font-size: 24px;}
main.about-us .tabs-wrapper .tab-content .tab-pane .company section.three .swiper-container .swiper-wrapper .swiper-slide .wrapper{    padding-top: 2rem;}
main.about-us .tabs-wrapper .tab-content .tab-pane .company section.three .swiper-container .swiper-wrapper .swiper-slide .wrapper p{    font-size: 16px;}
main.about-us .tabs-wrapper .tab-content .tab-pane .company section.three .swiper-container .swiper-button{    bottom: 15%;}
main.about-us .tabs-wrapper .tab-content .tab-pane .leadership section.four .welcome-one__right .content-txt p{    font-size: 12px}
main.about-us .tabs-wrapper .tab-content .tab-pane .leadership section.four .welcome-one__right .content-txt h4{    font-size: 24px;}
main.about-us .swiper-container{    height: 95%;}
main.about-us .tabs-wrapper .tab-content .tab-pane .company section.three .paginations ul{    padding-left: 3rem;}
main.about-us .tabs-wrapper .tab-content .tab-pane .company section.three{    overflow: hidden;}
main.about-us .tabs-wrapper .tab-content .tab-pane .leadership section.four{    padding-top: 2rem;}
main.about-us .tabs-wrapper .tab-content .tab-pane .leadership section.four .welcome-one__right{    padding-left: 1rem;margin-top: 0;}
main.about-us .tabs-wrapper .tab-content .tab-pane .leadership section.four .welcome-one__right h3{    margin-bottom: 2rem;}
main.about-us .tabs-wrapper .tab-content .tab-pane .leadership section.four .welcome-one__right .content-txt h4{    margin-bottom: 10px;font-size: 22px;}
main.about-us .tabs-wrapper .tab-content .tab-pane .leadership section.five .cards-wrapper .cards, main.about-us .tabs-wrapper .tab-content .tab-pane .leadership section.six .cards-wrapper .cards{    width: 33%;}
main.about-us .tabs-wrapper .tab-content .tab-pane .leadership section.five, main.about-us .tabs-wrapper .tab-content .tab-pane .leadership section.six{    padding-top: 0rem;}
main.products section.one .cards-wrapper .card{    padding: 0 10px;}
main.products-page .welcome-one .welcome-one__right ul li figure img{margin-right: 0;}
main.products-page .welcome-one .welcome-one__right ul li figure p{padding-right: 0;}
main.products-page .welcome-one .welcome-one__right p.welcome-one__text{    font-size: 14px;}
main.products-page section.one ul{    margin: 0px 8px;    margin-top: -80px;}
main.products-page section.one ul li figure img{    width: 45%;}
main.products-page section.one ul li{    margin: 2px;}
main.products-page section.one ul li figure figcaption p{    font-size: 13px;}
main.products-page section.two .content-section{    width: 70%;transform: translate(-30%, -47%);    height: 85%;    padding: 1rem;}
.welcome-one .image-div img{        left: 23px;}
section.new-arrival ul li figure img{    width: 270px; height: 290px;}
section.new-arrival ul li figure .color-imgs img{    width: 300px; height: 280px;}
main.about-us .tabs-wrapper .tab-content .tab-pane .company section.one .welcome-one__right p, 
main.about-us .tabs-wrapper .tab-content .tab-pane .company section.two ul li p, 
main.about-us .tabs-wrapper .tab-content .tab-pane .company section.two ul.left li{font-size: 10px;}
main.about-us .tabs-wrapper .tab-content .tab-pane section.seven .owl-carousel .owl-nav{right: 0;}
main.about-us .tabs-wrapper .tab-content .tab-pane .leadership section.five .cards-wrapper, main.about-us .tabs-wrapper .tab-content .tab-pane .leadership section.six .cards-wrapper{padding-top: 1rem;}
main.about-us .tabs-wrapper .tab-content .tab-pane .company section.one .welcome-one__right{        margin-left: 0;}
main.faq section.three .contacts .left-side h3{    font-size: 32px;}
main.iep-page section.one .wrapper{        height: 400px;}
main.iep-page section.one .wrapper .contents ul li span{        font-size: 16px;line-height: 30px;}
main.iep-page section.one .wrapper .contents ul img{        height: 100px;}
main.product-list section.three .wrapper ul li img{        height: 200px;}
main.careers section.careers-from .left-side img{    height: 330px;
border-radius: 10px;}


/* contact us  */
main.contactus .three .cards .card a.btn-primary{    width: 100%;}

/* product page */
main.products-page .welcome-one{    padding-top: 5rem;}
main.products-page .welcome-one .welcome-one__right ul li figure img{    width: 30px; height: 30px;}
main.products-page section.three .swiper .swiper-wrapper .swiper-slide figure img{    height: auto;}
main.products-page section.three .swiper{    margin-left: 2rem;}
main.products-page section.four .tab-content .tab-pane .card{    margin: 1rem;}
main.products-page section.four .tab-content .tab-pane .card ul li img{    width: 110px;  margin-left: -55px; margin-top: -25px;}
main.products-page .project-one__thumb-box{        margin-top: 30px;}
main.faq section.three .contact-us form label{    font-size: 12px;line-height: normal;}
main.faq section.three .contact-us form .form-row.textarea .form-group textarea{        height: 100px;}
main.faq section.three .contact-us form input, 
main.faq section.three .contact-us form textarea, 
main.faq section.three .contact-us form select{    font-size: 12px;}
main .contact-us form select{    background-size: 20px;}
main.faq section.three .contacts .left-side img{    height: 370px;}
main.product-details .welcome-one.content-second.pt-16 .image-div img{  left: 0;  margin-left: 0;}
main.products-page .content-left .welcome-one__right{    padding-left: 0;        margin-right: 0;}
main.product-details .content-right .welcome-one__right{    margin-left: 0rem;}
main.product-details .content-left .image-div img.img-fluid, main.product-details .content-right .image-div img.img-fluid{margin-left: 0rem;}
main.iep-page section.one .wrapper .contents{    margin: 1rem;}
main.flooring-page section .image-div{    width: 95%;}
main.flooring-page section.two .image-div{width: 100%;}
main.flooring-page section.two .image-div img{margin-left: 0;}

/* faq  */
main.faq section.three .contact-us form .form-group{    margin-bottom: 7px;}
main.faq section.two .tab-content .tab-pane .accordion .accordion-item button.accordion-button{    font-size: 15px;padding: 10px;}

/* careers page  */
main.careers .welcome-one .image-div img{        object-fit: cover;}

/* idcs page  */
main section.tab-style{    height: 660px;}
main.idcs-page section.one {padding-top: 0rem;}
main.idcs-page section.two .welcome-one__right{    margin-left: 0;}
main section.tab-style #verticalTab ul.resp-tabs-list li.resp-tab-item{ font-size: 14px;   padding: 5px !important;}
main section.tab-style #verticalTab ul.resp-tabs-list li.resp-tab-item.resp-tab-active::before{    width: 3px;    height: 15px;left: 0; top: 15px;}
main.idcs-page section.one .image-div img{        left: 30px;}
main.idcs-page section.tab-style #verticalTab{        height: 600px;}
main.idcs-page section.four #horizontalTab ul.resp-tabs-list li.resp-tab-item{font-size: 14px;}
main.idcs-page section.four h2.section-title__title{    font-size: 22px;}
main.bpm-page .three.tab-style{    padding-top: 4rem;}
main.bpm-page section.welcome-one.home{padding-bottom: 3rem;}
main section.tab-style #verticalTab .resp-tabs-container{    width: 65%;}
main.idcs-page section.four{        padding-top: 9rem;}
main.idcs-page section.tab-style #verticalTab{        height: 500px;}


/* footer  */
.footer-widget__services{margin-top: 0;}
.footer-widget__logo a img{width: 100%;}
footer .site-footer__top .row{        width: 100%;}
footer .site-footer__top .footer-widget__column .site-footer__social{    margin-bottom: 2rem;}

/* shades page */
main.shades .all-color-shades ul li a img{        width: 85px;height: 85px;}
main.shades .wrapper .left-side{        padding-left: 1.5rem;}

/* flooring page  */
main.flooring-page section.one, main.flooring-page section.three{    padding-top: 1rem;}
main.flooring-page section.three .owl-carousel .item figure figcaption ul li table tbody tr td{    font-size: 12px;}
main.flooring-page section.three .owl-carousel .item figure img{    height: 200px;width: 200px;}

/* pigements page  */
section#home .swiper-wrapper .swiper-slide img{        height: 400px;
  margin-top: 0;}
section.welcome-one.home{        padding-bottom: 5rem;}
main.pigments-page .sub-title{font-size: 12px;padding-top: 0;}

.main-menu-two__call-search{padding: 15px 0;}
.main-menu-two{background-color: #FFFDF5;}
.main-menu-two .main-menu__list>li>a, .stricky-header.main-menu-two .main-menu__list>li>a{color: #000000;}
.main-menu-two .main-menu__list>li.current>a, .main-menu-two .main-menu__list>li:hover>a, .stricky-header.main-menu-two .main-menu__list>li.current>a, .stricky-header.main-menu-two .main-menu__list>li:hover>a{color: #3879BB;}
.site-footer{background-color: #FFFDF5;color:#000000;}
.footer-widget__about-text{color:#000000;}
.footer-widget__explore-list li a{color:#000000;}
.footer-widget__services-list li a{color:#000000;}
.footer-widget__contact-list li .text h5{color:#000000;}
.site-footer__bottom{background-color: #3879BB;}
.site-footer__bottom-text{color:#ffffff;}
.site-footer__bottom-text a:hover{color:#ffffff;}
.site-footer__bottom-text a{color:#ffffff;}
.main-slider__border-left{border-left: 6px solid #ffffff00; border-top: 6px solid #ffffff00;}
.main-slider__border-right{border-right: 6px solid #ffffff00; border-top: 6px solid #ffffff00;}
.main-slider__icon img{opacity: 0;}.stricky-header.main-menu-two{background-color: #FFFDF5;}
.image-height{height: 50vh;}
.color-bar{display:flex;width:100%;height:60px;}
.color-segment{flex-grow:1;height:100%}
.number-bar{display:flex;align-items:center;color:#333;    justify-content: center;padding: 15px 0;}
.circle{display:flex;justify-content:center;align-items:center;width:25px;height:25px;margin:0;font-size:14px;font-weight:bold}
.highlighted{background-color:#333;color:white;border-radius:50%;}
.dash{font-size:24px;margin:0 5px;}
.mb_4_rem{margin-bottom: 5rem;}
.image-div{background: #000;width: 100%;padding: 50px 0px;height: 100%;border-radius: 10px;}
.home-about-image{margin: 0px 0px 0px 50px;width: 100%;height: 100%;border-radius: 10px;}
/* .btn-primary{color: #fff; background-color: #000000; border-color: #000000;} */
/* .btn-primary:hover { color: #fff; background-color: #3879bb; border-color: #3879bb;} */
.welcome-one__right .section-title {margin-bottom: 15px;}
/* .section-title__title{font-family: "Poppins", sans-serif;font-weight: 500;} */
.industry-painting-service .col-xl-7 .primary-painting-image{width: 210px; height: 210px; object-fit: cover}
.max_height_570{height: 570px;}
.industry-painting-service .col-xl-5 .section-title{position: relative; display: block; margin-top: -9px; margin-bottom: 10px;}
main.paint-budget-estimate-page .recommended-products ul{    padding: 0 0rem;}
/* __________________________________________________________________________________ */
  /* headers  */
  header nav .main-menu-two__wrapper .main-menu-two__left .main-menu-two__main-menu-two-box .main-menu-two__main-menu-two-inner ul li.dropdown ul.product-dropdown li ul.links li a, .stricky-header nav .main-menu-two__wrapper .main-menu-two__left .main-menu-two__main-menu-two-box .main-menu-two__main-menu-two-inner ul li.dropdown ul.product-dropdown li ul.links li a{font-size: 14px;line-height: normal;white-space: nowrap;}
  .stricky-header .sticky-header__content .main-menu-two__wrapper .main-menu-two__left .main-menu__list li.dropdown ul.product-dropdown li ul.links li a{    font-size: 14px;}

}

@media (width <= 768px) {
  .enquire-modal .modal-dialog .modal-content .modal-body img{        width: 350px;}
  header nav .main-menu-two__wrapper .main-menu-two__left .main-menu-two__logo a img{        width: 120px;}
  .main-menu-two__call-content{display: none;}
  header nav .main-menu-two__wrapper .main-menu-two__right .tata-logo{        margin-top: -33px;}
  .main-slider .swiper-slide{    width: 100% !important;}
  .main-slider{    top: 0;}
  .ipadvertical.row>*{    width: 100%;}
  .ipadvertical .image-div{    height: 500px;position: relative;margin-bottom: 8rem;}
  .ipadvertical .image-div img{    position: absolute;width: 100%; height: 600px; left: 0;  margin-left: 0; top: 1rem;}
  .ipadvertical .welcome-one__right{    margin: 0; width: 100%; max-width: 100%;}
  section.project-one .project-one__thumb-box{margin: auto;}
  section.new-arrival ul li figure img{width: 215px; height: 225px;}
  section.new-arrival ul li figure .color-imgs img{        width: 200px;height: 204px;}
  section.new-arrival ul li figure figcaption h5{font-size: 20px;        padding: 0;}
  section.clients .overflow-hidden{        height: 500px;}
  section.clients .swiper .pagination{        width: 22%;}
  footer .site-footer__top .row>*{visibility: visible !important;}
  footer .site-footer__top .footer-widget__column .site-footer__social{    padding-bottom: 3rem;}
  .project-one{    padding: 120px 0 50px; }
  section.project-one .project-one__inner .project-one__main-content .swiper-wrapper .swiper-slide .project-one__left{margin-right: 0;}
  main.about-us .tabs-wrapper ul.nav li.nav-item a{    padding: 0rem 3rem;}
  main.about-us .image-div{        width: 100%;height: 500px;        margin-bottom: 2rem;}
  main.about-us .tabs-wrapper .tab-content .tab-pane .company section.one .welcome-one__right{        margin-left: 0;        margin-top: 2rem;}
  section.by-product-managment{    padding-top: 2rem;}
  section.by-product-managment .d-flex img{        width: 160px;height: 275px;}
  main.about-us .image-div img{        width: 100%;top: 80px;}
  main.about-us .tabs-wrapper .tab-content .tab-pane .leadership section.five .cards-wrapper .cards, main.about-us .tabs-wrapper .tab-content .tab-pane .leadership section.six .cards-wrapper .cards{        width: 50%;}
  main.about-us section.eight .image-div img{margin-left: 0;width: 97%;}
  main.about-us section.eight .welcome-one__right .section-title.text-left{margin-top: 3rem;}
  main.about-us .tabs-wrapper .tab-content .tab-pane section.nine{    padding-top: 3rem;}
  main.about-us section.eight .welcome-one__right .section-title.text-left h2, main.about-us section.eight .welcome-one__right .section-title.text-left .heding-vector{text-align: center;}
  main.about-us .tabs-wrapper .tab-content .tab-pane section.ten .image-div{    padding: 0px 15px 70px 0px;}
  main.about-us .tabs-wrapper .tab-content .tab-pane section.ten .image-div img{    margin: auto;left: 8px; top: 8rem; padding: 1rem; padding-bottom: 0;}
  main.about-us .tabs-wrapper .tab-content .tab-pane section.eleven .content ul a li p{text-align: left;}
  main.about-us .tabs-wrapper .tab-content .tab-pane .company section.one .welcome-one__right p, main.about-us .tabs-wrapper .tab-content .tab-pane .company section.two ul li p, main.about-us .tabs-wrapper .tab-content .tab-pane .company section.two ul.left li{font-size: 14px;}
  main.contactus .one .get-in-touch ul li a{    font-size: 16px;}    
  main .contact-us form label {font-size: 16px; line-height: 25px;}
  main .contact-us form input, main .contact-us form select {font-size: 14px;}
  main .contact-us form .checkbox-row label { font-size: 15px;}
  main.contactus .two{    padding-top: 0rem;}
  main.careers section.welcome-one .image-div img{    left: 0;margin-left: 0; padding: 0 1rem; top: 5rem;}
  main.careers section.welcome-one .welcome-one__right{    margin-left: 0;margin-top: 4rem; margin-right: 0; width: 100%; max-width: 100%;}
  main.careers .contact-us{    margin-top: 3rem;}
  main .contact-us form label.resume-btn{    padding:11px;}
  main.idcs-page .image-div{    padding: 0;height: 300px;}
  main.idcs-page  .image-div img{        left: 27px;top: 15px;}
  main.idcs-page section.two{    padding-top: 3rem;}
  main section.tab-style #verticalTab .resp-tabs-container{    width: 100%;}
  main section.tab-style #verticalTab .resp-tabs-container .resp-tab-content img{    padding: 1rem;}
  main.idcs-page section.four #horizontalTab ul.resp-tabs-list li.resp-tab-item{    font-size: 14px;    padding: 8px 5px;}
  main.idcs-page section.four{    padding-top: 6rem;}
  main.idcs-page section.four #horizontalTab ul.resp-tabs-list{display: none;}
  main section.tab-style #verticalTab ul.resp-tabs-list{display: none;}
  main section.tab-style{        height: 1100px;}
  main.bpm-page ul li{padding: 10px;    margin: 1rem 1rem;}
  main.bpm-page section.welcome-one.home{    padding: 0px 0px 3rem;}
  main.bpm-page .three.tab-style{height: 1200px;}
  main.bpm-page .welcome-one__right{    margin-left: 2rem;}
  main.bpm-page .welcome-one .image-div img{        margin-left: 1rem;}
  main.bpm-page section.tab-style {    padding-top: 2rem;}
  header nav .main-menu-two__wrapper .main-menu-two__left .main-menu-two__main-menu-two-box .main-menu-two__main-menu-two-inner ul li.dropdown ul.main-wrapper{        top: 70px;    width: 100%;        left: 0;    padding: 10px;}
  header nav .main-menu-two__wrapper .main-menu-two__left .main-menu-two__main-menu-two-box .main-menu-two__main-menu-two-inner ul li{        line-height: 20px;}
  header nav .main-menu-two__wrapper .main-menu-two__left .main-menu-two__main-menu-two-box .main-menu-two__main-menu-two-inner ul li.dropdown ul.product-dropdown li ul.links li a, .stricky-header nav .main-menu-two__wrapper .main-menu-two__left .main-menu-two__main-menu-two-box .main-menu-two__main-menu-two-inner ul li.dropdown ul.product-dropdown li ul.links li a{    font-size: 10px;}
  .small-menu-services { width: 280px !important; border-radius: 19px !important;position: relative !important;left: 0 !important;}
  main.iep-page section.one .wrapper{        height: 300px;}
  main.iep-page section.one .wrapper .contents{    width: 85%;    margin: 1rem;    padding: 10px 1.5rem;}
  main.iep-page section.one .wrapper .contents ul img{height: 80px;}
  main.iep-page section.one .wrapper .contents ul li span{        font-size: 12px;line-height: 20px;}
  main.iep-page section.three .wrapper ul{        margin-left: 1rem;}
  main.product-list section.three .wrapper ul li img{        height: 150px;}
  main.product-list section.three .wrapper ul li h5{        font-size: 18px;}
  main.product-list section.three .wrapper ul li a{font-size: 12px;margin-top: 1rem !important;        padding: 5px 10px;}
  main.iep-page section.three .wrapper ul{        margin-top: 0.8rem;}
  main.products-page .welcome-one .welcome-one__right{    margin-left: 1rem;}
  main.products-page .welcome-one .welcome-one__right ul li{        padding-right: 0rem;}
  main.products-page .welcome-one .welcome-one__right ul{padding: 0;}
  main.product-details .product-detail-paragraph a{        font-size: 12px;padding: 7px 10px;}
  main.product-details .product-detail-paragraph p strong{    font-size: 12px;}
  main.products-page .welcome-one .welcome-one__right.marginnone{        margin-left: 0;        margin-right: 0;}
  main.product-details .welcome-one.content-second.pt-16 
  .image-div img, .product-details-content .image-div img{    margin-left: 0;left: 0;}
  .content-right.product-details-content .welcome-one__right{    margin-left: 0;}
  main.flooring-page section.one{    padding-top: 0;}
  main.flooring-page section.three .owl-carousel .item figure{        flex-direction: column;        padding-left: 4rem;}
  main.flooring-page section.three .owl-carousel .item figure figcaption ul li.title{        padding-top: 1rem;}
  main.flooring-page section.three .owl-carousel .item figure figcaption ul li table tbody tr td{        font-size: 13px;}
  main.flooring-page section.three .owl-carousel .item figure img{    height: 200px;width: 200px;}
  main.shades .all-color-shades ul{ flex-wrap: nowrap;overflow: overlay;    margin-top: 2rem;margin-bottom: 3rem;}
  main.shades .all-color-shades ul li{    margin: 5px;}
  main.shades .wrapper .left-side h5{        font-size: 15px;}
  main.shades .wrapper .left-side{    padding-left: 0.5rem;}
  main.shades .wrapper .left-side h5{        font-size: 15px;}
  main.shades .wrapper .left-side .accordion .accordion-item h2.accordion-header .accordion-button{    font-size: 10px;padding-right: 0; justify-content: space-between;}
  main.shades .wrapper .left-side .accordion .accordion-item h2.accordion-header .accordion-button::after{    background-size: 8px;background-position: 4px 5px; width: 16px; height: 16px;}
  main.shades .wrapper .left-side .accordion .accordion-item .accordion-collapse .accordion-body form ul li label{        font-size: 10px;    line-height: 23px;}
  main.shades .wrapper .left-side .accordion .accordion-item .accordion-collapse .accordion-body form ul li{     display: flex;align-items: center;}
  main.shades .wrapper .left-side .accordion .accordion-item h2.accordion-header .accordion-button{        font-size: 10px;padding: 1rem; padding-left: 0; padding-bottom: 0px;}
  main.shades .wrapper .shades-colors h2{        font-size: 24px;}
  main.shades .wrapper .shades-colors .flex .card{width: 150px;height: 250px;}
  main.shades .wrapper .shades-colors .flex .card .footer p{        font-size: 12px;}
  main.shades .wrapper .shades-colors .flex .card span{        font-size: 12px;}
  main.product-details .image-div img, .welcome-one .welcome-one__right{    margin-left: 0;}
  .welcome-one .welcome-one__right.marginnone{        margin-left: 0;}
  .home-about-image{margin-left: 0;}
  main.paint-budget-estimate-page .wrapper .img1{    width: 33%;}
  main.paint-budget-estimate-page .recommended-products ul{    padding: 0;}
  .recommended-products-ul img{    width: 80px;}
  main.paint-budget-estimate-page .recommended-products ul li h5{font-size: 24px;}
  main.paint-budget-estimate-page .recommended-products ul li p{font-size: 12px;}
  section#home .swiper-wrapper .swiper-slide img{        margin-top: 0rem;height: 350px;}
  section.welcome-one.home{        padding-bottom: 4rem;}
  main.pigments-page .sub-title{font-size: 12px;
    padding-top: 0rem;}
    main.faq section.three .contact-us{    margin-top: 2rem;}
    main.products-page .welcome-one .welcome-one__right ul li{width: 47.333333% !important;text-align: left;}
    main.products-page .welcome-one .welcome-one__right ul li img{    width: 40px;}
    main.products-page .welcome-one .welcome-one__right ul{        padding-bottom: 0 !important;}main.products-page .welcome-one .welcome-one__right ul li{        margin-bottom: 1rem;}
    main.flooring-page section.one .welcome-one__right,
    main.flooring-page section.two .welcome-one__right{        margin-left: 0;}
}

@media (width <= 499px) {
/* gobal css  */
.desktop-view{display: none;}
.mobile-view{display: block;}
p{font-size: 14px;}
.flex-colum-reverse{display: flex;flex-direction: column-reverse;}
.heding-vector img{    width: 160px;  position: relative; top: -6px;}
.section-title__title{        padding-right: 0; text-align: left;}
.enquire-btn{    top: 32%;    right: -48px;    padding: 2px 15px;}
.enquire-btn a{    font-size: 14px;}
.nav-mobile-dropdown .mobile-nav{    padding-top: 20px;}
.nav-mobile-dropdown .mobile-nav ul li{    margin-bottom: 0;}
.nav-mobile-dropdown .mobile-nav ul li img.main-logo{    margin-top: -45px;width: 50px;}
.moreless-button, .welcome-one__text{font-size: 12px;}
.section-title__title{font-size: 22px !important;}
.welcome-one__text b{font-size: 13px;}
.project-one__title{    font-size: 18px;    line-height: normal;}
.project-one__text{padding-top: 12px;}
.btn-primary{font-size: 12px; text-transform: uppercase; padding: 10px 15px;}
.project-one__thumb-box{margin-top: 0;}
.mobile-nav.mobile-view ul li a img{    width: 120px;}
.sm-column-reverse{flex-direction: column-reverse;}
.nav-mobile-dropdown .main-menu-two__main-menu-two-box .main-menu-two__main-menu-two-inner ul.main-menu__list{padding-top: 2rem;}
section.project-one .project-one__thumb-box .swiper-container{display: none;}
.project-one__nav{    opacity: 1; height: 100px; visibility: visible; padding: 0; position: absolute; top: -475%;}
/* .banner{margin-top:0rem;} */
.banners img{    width: 100%; height: 230px; object-fit: fill;}
.banner{margin-top:0rem;}
.banner img{    width: 100%; height: 230px !important; object-fit: fill;}
.project-one{    padding: 3rem 0 3rem;}
section.project-one h5.project-heading{     font-size: 35px;    padding: 1rem;   width: 100%;text-align: center;}
.section-title__titlem, .heding-vector{    text-align: left;}
.section-title__title br{display: block;}
.section-title__title{text-align: left;}
.color-bar{display:flex;width:100%;height:25px;}
.color-segment{flex-grow:1;height:100%}
.number-bar{display:flex;align-items:center;color:#333;    justify-content: center;padding: 15px 0;}
.circle{display:flex;justify-content:center;align-items:center;width:25px;height:25px;margin:0;font-size:14px;font-weight:bold}
.highlighted{background-color:#333;color:white;border-radius:50%;}
.dash{font-size:24px;margin:0 5px;}
.mb_4_rem{margin-bottom: 2rem;}
section#home .swiper-wrapper .swiper-slide img{    height: 250px;    object-fit: cover;margin-top: 0;}
.welcome-one__right{margin-left: 0;}
.project-one__content{        height: 400px;}
.image-div{    height: 100%; padding: 0; width: 100%;}
.project-one__thumb-box{    position: absolute;}
.industry-painting-service, .heding-vector{text-align: left;}


/* common contact us  */
main.careers section.careers-from .contacts{    padding-top: 2rem;}
main section .contacts .left-side{    padding-top: 0;}
main section .contacts .left-side h3{    font-size: 18px;    padding-right: 4rem;}
main section .contacts .left-side p{    font-size: 12px;    line-height: 50px;}
main section .contacts .left-side img{    margin-bottom: 2rem;}
main section .contact-us{padding: 1.5rem;    margin-top: 2rem;}
main section .contact-us form label{    font-size: 14px;}
main section .contact-us form input, main section .contact-us form select{    font-size: 12px;}
main .contact-us form .checkbox-row input{    width: 15px;    margin-right: 8px;}
main section .contact-us form .form-row.textarea .form-group textarea{    height: 100px;font-size: 12px;}
.nav-mobile-dropdown .mobile-nav ul li p{    right: 110px;top: 39px;}
.nav-mobile-dropdown .mobile-nav ul li .search-wrapper{    width: 241px;}
.nav-mobile-dropdown .mobile-nav ul li .search-wrapper input{    width: 81%;}
main .contact-us form label.resume-btn{    padding: 3px 11px;    margin-bottom: 1rem;}
.small-menu-services ul li {width: 100% !important;}
.nav-mobile-dropdown .main-menu-two__main-menu-two-box .main-menu-two__main-menu-two-inner ul.main-menu__list li.dropdown ul.main-wrapper{    overflow: overlay; height: 400px;}
/* _____________________________________ */

/* home page  */
main.home-page{padding-top: 0rem;}
main.home-page section#home{    top: 0; margin-bottom: 0;}
main.home-page  .welcome-one__right{ margin-top: 5rem;margin-left: 0;height: auto;}
main.home-page .welcome-one__right .section-title{    margin-bottom: 0;}
main.home-page .section-title{    margin-bottom: 1rem;}
main.home-page .section-title__title{         font-size: 20px;}
section.welcome-one.home{    padding-top: 3rem;}
.welcome-one__right{    margin-top: 3rem;}
.welcome-one__right .section-title .section-title__title{    font-size: 20px;padding-right: 0rem;}
.welcome-one__right .section-title{    margin-bottom: 1.5rem;}
section.welcome-one.home .image-div{ border-radius: 10px; height: 100%; padding: 0px 5px 0px 23px;}
section.welcome-one.home .image-div img{width: 95%; position: unset; border-radius: 10px; height: 100%; margin: auto; margin-top: 3rem;        
  /* box-shadow: 5px 10px 10px #00000047; */
}
main.home-page section.welcome-one.home .image-div img{box-shadow: none;}
.industry-painting-service .welcome-one__text{    padding-right: 0rem;    }
section#home .color-bar .color-segment.pagination-wrapper .swiper-pagination .swiper-pagination-bullet span{    font-size: 10px;}
section#home .color-segment.pagination-wrapper .swiper-pagination{    display: flex;}
section#home .color-segment.pagination-wrapper .dash span{    width: auto;background-color: transparent;margin: 0 10px;}
section#home .color-segment.pagination-wrapper .swiper-pagination .swiper-pagination-bullet{    border: 1px solid #2F2F2F;    padding: 4px;}
section#home .color-segment.pagination-wrapper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{    padding: 6px;}
section#home .color-segment.pagination-wrapper .swiper-pagination .swiper-pagination-bullet span{    font-size: 8px;}
section#home .color-bar .color-segment.pagination-wrapper .swiper-pagination .swiper-pagination-bullet{    padding: 3px; border: 2px solid #2F2F2F; margin-right: 5px;}
section#home .color-bar .color-segment.pagination-wrapper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{    padding: 6px;}
section#home .color-bar .color-segment.pagination-wrapper .dash span{    margin: 0 34px;width: 15px;}
section#home .color-bar .color-segment{    width: 100%;  height: 100%;}
section#home .color-bar .color-segment.pagination-wrapper{width: 100%;}
section.industry-painting-service .grid-one ul li, section.industry-painting-service .grid-two ul li, section.industry-painting-service .grid-three ul li{    width: 20px;height: 20px;    border: 2px solid #fff;    margin-bottom: 6px;    }
.industry-painting-service .left .left-col{padding-right: 0;}
.industry-painting-service .left{ margin-top: 2rem; height: 325px; overflow: hidden; max-height: 325px;}
section.industry-painting-service .grid-one ul, section.industry-painting-service .grid-two ul, section.industry-painting-service .grid-three ul{    bottom: 5px;right: 10px;}
section.by-product-managment .d-flex img{width: 48%; height: 100%;}
.by-product-managment .wrapper{    padding-top: 1rem;}
section.by-product-managment{    padding-top: 4rem;}
section.by-product-managment .d-flex {margin-top: 20px;justify-content: space-between !important;}
section.by-product-managment .wrapper{ padding-top: 0;  padding-left: 0;}
section.our-client{    padding-top: 4rem;        padding-bottom: 0rem;}
section.our-client ul{    margin-top: 10px;}
section.our-client ul:last-child{display: none;}
section.our-client ul li{     width: 60px; height: 60px; padding: 2px; margin-bottom: 15px;}
section.new-arrival .swiper-slide.swiper-slide-active figure .color-imgs{    left: -12%;  bottom: 0;}
section.new-arrival .swiper-slide.swiper-slide-active figure .buts button{    font-size: 16px; padding: 8px 23px;}
section.new-arrival .swiper-slide.swiper-slide-active figure .color-imgs img{    width: 430px;}
section.new-arrival .swiper-button-prev, section.new-arrival .swiper-button-next{top: 96%; padding: 10px 5px; border-radius: 30px;  width: 40px; height: 40px;        opacity: 1;z-index: 1;}
section.new-arrival .swiper-slide.swiper-slide-active figure figcaption h5{    font-size: 25px;}
.clients .section-title__title{        font-size: 24px;        padding: 0 2rem;}
section.new-arrival .swiper-slide.swiper-slide-active figure figcaption{    padding: 0rem 3rem;position: relative; left: 0; top: 1rem;}
section.clients .swiper .pagination{    width: 35%;}
section.clients .swiper .swiper-wrapper .swiper-slide .cards ul li{    justify-content: center; flex-direction: column;  align-items: center;}
section.clients .swiper .pagination .swiper-button-prev, section.clients .swiper .pagination .swiper-button-next{padding: 10px 5px;border-radius: 30px; width: 40px;height: 40px;}
section.clients .swiper-slide{    padding: 10px 20px;}
section.clients .swiper .swiper-wrapper .swiper-slide .cards ul{    padding-top: 1rem;}
section.clients .swiper .swiper-wrapper .swiper-slide.swiper-slide-active .cards ul li p{text-align: center; color: #2D2D2D;font-weight: 300;}
section.clients .overflow-hidden{    height: 600px;}
section.project-one .project-one__inner .project-one__main-content .swiper-wrapper .swiper-slide .project-one__left .project-one__img img{    min-height: 355px;    }
.project-one__right{        margin-top: 15px;}
.project-one__text{ padding-top: 15px; padding-bottom: 20px;}
main.home-page .welcome-one__right .section-title .section-title__title{padding-right: 0;        text-align: left;}
main.home-page .welcome-one__right .section-title{width: 100%;    margin-top: 0;}
section.project-one .project-one__thumb-box .swiper-container .swiper-wrapper .swiper-slide .project-one__img-holder img{    height: 115px;}
section.welcome-one.home{    padding-bottom: 3rem;}
section.new-arrival .swiper-slide figure img{    width: 100%;}
section.new-arrival .swiper-slide.swiper-slide-active figure img{width: 100%;}
section.clients .swiper .swiper-wrapper .swiper-slide.swiper-slide-active .cards{    padding: 10px;        height: 100%;}
section.clients .overflow-hidden{        height: 500px;}
section.clients .swiper{    margin-top: 1rem;    }
section.new-arrival ul{padding-top: 0; padding-left: 0; align-items: center; justify-content: center;    flex-direction: column;display: none;}
section.new-arrival ul li figure{    text-align: center;    }
section.new-arrival ul li figure .color-imgs{    bottom: 10px;top: 41%;left: 50%;transform: translate(-50%, -50%);}
section.new-arrival ul li figure figcaption h5{font-size: 18px; padding-top: 10px;}
section.new-arrival ul li{    margin-bottom: 3rem;}
section.project-one .project-one__inner .project-one__main-content .swiper-wrapper .swiper-slide .project-one__left{    height: 300px;margin-right: 0;}
section.project-one .project-one__inner .project-one__main-content .swiper-wrapper .swiper-slide .project-one__img{    height: 300px;}
section.project-one .project-one__inner .project-one__main-content .swiper-wrapper .swiper-slide .project-one__left .project-one__img img{    min-height: 100%;height: 100%; width: 100%;}
section.new-arrival .text-center.pt-10{    padding-top: 0rem;}
section.clients{padding-top: 4rem;}
section.new-arrival ul li figure img{    width: 100%; height: 100%;}
section.new-arrival ul li figure .color-imgs img{width: 245px;}
section.industry-painting-service .right{    height: 322px;}
section.our-client ul > li{width: calc(100% / 4);height: 90%; text-align: center;}
section.our-client ul li img{    width: 75%;}
section.new-arrival{padding-top: 3rem;}
section.new-arrival ul li{width: 100%; margin: 5px;margin-bottom: 5rem;}
section.brand-one .brand-one__main-content .swiper-slide img{    width: 100%;}
section.industry-painting-service .grid-one{height: 49%;}
section.industry-painting-service .left img{height: 100%;}


/* about us  page*/
main.about-us{margin-top: 0;}
main.about-us .tabs-wrapper ul.nav li.nav-item a{    font-size: 20px; padding: 0 18px; }
main.about-us .tabs-wrapper ul.nav{    justify-content: space-between;}
main.about-us .tabs-wrapper{    padding-top: 2rem;} 
main.about-us .tabs-wrapper .tab-content .tab-pane .company section.one .welcome-one__right{justify-content: start;margin-top: 0;    padding-top: 1rem;}
main.about-us .tabs-wrapper .tab-content .tab-pane .company section.one .welcome-one__right p{    font-size: 12px;font-weight: 300;}
main.about-us .tabs-wrapper .tab-content .tab-pane .company section.two ul{    padding: 0;}
/* main.about-us .tabs-wrapper .tab-content .tab-pane .company section.two ul li img{     padding: 0;padding-bottom: 10px;} */
main.about-us .tabs-wrapper .tab-content .tab-pane .company section.two ul.left{    padding: 0;}
main.about-us .tabs-wrapper .tab-content .tab-pane .company section.two ul.left li{    padding: 1rem;    margin-bottom: 1rem;}
main.about-us .tabs-wrapper .tab-content .tab-pane .company section.two ul.left li:nth-child(odd){    margin-left: 2rem;  padding: 5px;}
main.about-us .tabs-wrapper .tab-content .tab-pane .company section.two ul li h3{    font-size: 22px;}
main.about-us .tabs-wrapper .tab-content .tab-pane .company section.two ul li p, main.about-us .tabs-wrapper .tab-content .tab-pane .company section.two ul li p, main.about-us .tabs-wrapper .tab-content .tab-pane .company section.two ul li ul li{    font-size: 12px;}
main.about-us .tabs-wrapper .tab-content .tab-pane .company section.three .img-fluid{    width: 90%;height: 93%; object-fit: unset; margin: 1rem; border-bottom-left-radius: 17px;margin-top: -1px;}
main.about-us .tabs-wrapper .tab-content .tab-pane .company section.three .paginations{    width: 90%; top: 54% ; left: 12px;}
main.about-us .tabs-wrapper .tab-content .tab-pane .company section.three .paginations h3{    font-size: 22px; margin-right: 0; font-weight: 600;}
main.about-us .tabs-wrapper .tab-content .tab-pane .company section.three .paginations ul{    top: -20px; padding-left: 0; margin-left: 12px;}
main.about-us .tabs-wrapper .tab-content .tab-pane .company section.three .paginations ul li{    font-size: 20px; padding-right: 9px;}
main.about-us .swiper-container{height: 100%;}
main.about-us .tabs-wrapper .tab-content .tab-pane .company section.three .paginations ul li.active{font-size: 30px;}
main.about-us .tabs-wrapper .tab-content .tab-pane .company section.three{    overflow: hidden;}
main.about-us .tabs-wrapper .tab-content .tab-pane .company section.three .swiper-container .swiper-wrapper .swiper-slide .wrapper h4{    font-size: 22px;font-weight: 500; padding: 0 4rem; text-align: center; padding-bottom: 1rem;}
main.about-us .tabs-wrapper .tab-content .tab-pane .company section.three .swiper-container .swiper-wrapper .swiper-slide .wrapper p{    font-size: 14px;text-align: center; font-weight: 300; line-height: 20px;}
main.about-us .tabs-wrapper .tab-content .tab-pane .company section.three .swiper-container .swiper-wrapper .swiper-slide .wrapper{        padding-top: 6rem;padding-bottom: 7rem;}
main.about-us .tabs-wrapper .tab-content .tab-pane .company section.three .swiper-container .swiper-button{    bottom: 60px;width: 20%; left: 26%;}
main.about-us .tabs-wrapper .tab-content .tab-pane .company section.three .swiper-container .swiper-button .swi
main.about-us .tabs-wrapper .tab-content .tab-pane .leadership section.four{    padding-top: 0;}
main.about-us .tabs-wrapper .tab-content .tab-pane .leadership section.four .image-div{    width: 100%; height: 90%;}
main.about-us .tabs-wrapper .tab-content .tab-pane .leadership section.four .image-div img{margin: 60px 0px 7px 25px;position: relative; top: 0;;}
main.about-us .tabs-wrapper .tab-content .tab-pane .leadership section.four .welcome-one__right h3{    font-size: 18px;text-align: center; width: 100%; margin-bottom: 2rem;}
main.about-us .tabs-wrapper .tab-content .tab-pane .leadership section.four .welcome-one__right .content-txt{    padding-left: 15px;}
main.about-us .tabs-wrapper .tab-content .tab-pane .leadership section.four .welcome-one__right .content-txt.active{    border-left: 2px solid #2D2D2D;}
main.about-us .tabs-wrapper .tab-content .tab-pane .leadership section.four .welcome-one__right .content-txt h4{font-size: 16px;  margin: 0;}
main.about-us .tabs-wrapper .tab-content .tab-pane h2.section-title__title{        font-size: 24px;}
main.about-us .tabs-wrapper .tab-content .tab-pane .company section.one{    padding-bottom: 2rem;}
main.about-us .tabs-wrapper .tab-content .tab-pane .leadership section.five .cards-wrapper .cards, main.about-us .tabs-wrapper .tab-content .tab-pane .leadership section.six .cards-wrapper .cards{    width: 45%; }
main.about-us .tabs-wrapper .tab-content .tab-pane .leadership section.five .cards-wrapper .cards + .cards, main.about-us .tabs-wrapper .tab-content .tab-pane .leadership section.six .cards-wrapper .cards + .cards{    margin-left: 0;}
main.about-us .tabs-wrapper .tab-content .tab-pane .leadership section.five .cards-wrapper .cards figcaption, main.about-us .tabs-wrapper .tab-content .tab-pane .leadership section.six .cards-wrapper .cards figcaption{    padding-top: 8px;}
main.about-us .tabs-wrapper .tab-content .tab-pane .leadership section.five .cards-wrapper .cards h4, 
main.about-us .tabs-wrapper .tab-content .tab-pane .leadership section.six .cards-wrapper .cards h4{    font-size: 15px;}
main.about-us .tabs-wrapper .tab-content .tab-pane .leadership section.five .cards-wrapper .cards p, main.about-us .tabs-wrapper .tab-content .tab-pane .leadership section.six .cards-wrapper .cards p{    font-size: 12px;}
main.about-us .tabs-wrapper .tab-content .tab-pane .leadership section.five, main.about-us .tabs-wrapper .tab-content .tab-pane .leadership section.six{    padding-top: 0rem;}
main.about-us .tabs-wrapper .tab-content .tab-pane section.nine{    padding-top: 2rem;}
main.about-us .tabs-wrapper .tab-content .tab-pane section.nine .cards-wrapper .card{    margin-left: 10px; flex-wrap: wrap;width: 45%;}
main.about-us .tabs-wrapper .tab-content .tab-pane section.nine .cards-wrapper{ flex-wrap: wrap;}
main.about-us .tabs-wrapper .tab-content .tab-pane section.ten .d-flex{    flex-direction: column-reverse;}
main.about-us .tabs-wrapper .tab-content .tab-pane .leadership section.four{    padding-top: 0rem;}
main.about-us .tabs-wrapper ul.nav{        flex-wrap: nowrap;}
main.about-us .tabs-wrapper ul.nav li{width: 100%;}
main.products-page section.five form ul li input[type='checkbox']{    width: 20px;}
main.about-us .tabs-wrapper .tab-content .tab-pane section.ten .image-div{    padding: 0 1rem;}
main.about-us .tabs-wrapper .tab-content .tab-pane section.ten .image-div img{    margin: 7px 0px 0px 0px; position: relative; top: 20px;width: 100%;left: 0;}
main.about-us .tabs-wrapper .tab-content .tab-pane section.ten .welcome-one__right{    margin-right: 0;        margin-top: 5rem;}
main.about-us .tabs-wrapper .tab-content .tab-pane section.seven #scaefy-swiper-awards{    padding-top: 6rem;padding-bottom: 5rem;}
main.about-us .tabs-wrapper .tab-content .tab-pane section.seven #scaefy-swiper-awards .swiper-wrapper .swiper-slide figure img{    width: 120px;height: 80px;}
main.about-us .tabs-wrapper .tab-content .tab-pane section.seven #scaefy-swiper-awards .swiper-wrapper .swiper-slide figure figcaption h5{    font-size: 13px;    padding-top: 10px;}
main.about-us .tabs-wrapper .tab-content .tab-pane section.seven #scaefy-swiper-awards .swiper-button{    bottom: -340px;height: auto;  right: 83px;}
main.about-us .tabs-wrapper .tab-content .tab-pane section.seven #scaefy-swiper-awards .swiper-wrapper .swiper-slide figure figcaption p{    font-weight: 500;font-size: 12px;}
main.about-us .tabs-wrapper .tab-content .tab-pane section.seven #scaefy-swiper-awards .swiper-button .swiper-button-prev, main.about-us .tabs-wrapper .tab-content .tab-pane section.seven #scaefy-swiper-awards .swiper-button .swiper-button-next{    padding: 22px;}
main.about-us .tabs-wrapper .tab-content .tab-pane section.seven #scaefy-swiper-awards .swiper-button .swiper-button-next::after{    font-size: 12px;}
main.about-us .tabs-wrapper .tab-content .tab-pane .company section.three .paginations ul li{font-size: 14px;}
main.about-us .tabs-wrapper .tab-content .tab-pane .company section.three .paginations ul li.active{        font-size: 25px;}
main.about-us .tabs-wrapper .tab-content .tab-pane .leadership section.four .welcome-one__right{        padding: 0;        margin-top: 1rem; margin-left: 0;}
main.about-us .tabs-wrapper .tab-content .tab-pane .leadership section.four .welcome-one__right .content-txt{    margin-bottom: 1.5rem;}
main.about-us .tabs-wrapper .tab-content .tab-pane section.seven .owl-carousel .owl-stage-outer .owl-stage .owl-item .item figure img{    width: 120px;height: 80px;}
main.about-us .tabs-wrapper .tab-content .tab-pane section.seven .owl-carousel .owl-stage-outer .owl-stage .owl-item .item figure figcaption h5{font-size: 12px;    padding-top: 10px;}
main.about-us .tabs-wrapper .tab-content .tab-pane section.seven .owl-carousel .owl-stage-outer .owl-stage .owl-item .item figure figcaption p{    font-size: 12px;text-align: center;}
main.about-us .tabs-wrapper .tab-content .tab-pane section.seven .owl-carousel .owl-nav{    position: unset;    width: 100%;    justify-content: center;}
main.about-us .tabs-wrapper .tab-content .tab-pane section.seven .owl-carousel .owl-nav button span{    width: 40px;font-size: 35px;height: 40px;}
main.about-us .tabs-wrapper .tab-content .tab-pane .leadership section.six .managements .owl-nav{display: none;}
main.about-us .tabs-wrapper .tab-content .tab-pane .leadership section.six .managements .item .cards figure figcaption h4{    font-size: 14px;}
main.about-us .tabs-wrapper .tab-content .tab-pane .leadership section.six .managements .item .cards figure figcaption p{        font-size: 12px;}
main.about-us .seven{    padding-top: 2rem;}
main.about-us .image-div{padding: 0; height: 300px;width: 100%;}
main.about-us .image-div img{width: 100%;left: 0px; top: 15px; margin-left: 0; height: 330px; padding: 20px;}
main.about-us .tabs-wrapper .tab-content .tab-pane section.eight .welcome-one__right{        margin-top: 0;}
main.about-us .tabs-wrapper .tab-content .tab-pane .company section.one .welcome-one__right{        margin-left: 0;}
main.about-us .tabs-wrapper .tab-content .tab-pane .leadership section.five .cards-wrapper, main.about-us .tabs-wrapper .tab-content .tab-pane .leadership section.six .cards-wrapper{    padding-top: 1rem;}
main.about-us .tabs-wrapper .tab-content .tab-pane .leadership section.five .cards-wrapper .cards img, main.about-us .tabs-wrapper .tab-content .tab-pane .leadership section.six .cards-wrapper .cards img{        height: 200px;}
main.about-us .tabs-wrapper .tab-content .tab-pane .leadership section.five .cards-wrapper .cards, main.about-us .tabs-wrapper .tab-content .tab-pane .leadership section.six .cards-wrapper .cards{        width: 50%; }
main.about-us .tabs-wrapper .tab-content .tab-pane .leadership section.six{        padding-top: 3rem;}
main.about-us .tabs-wrapper .tab-content .tab-pane .leadership section.six .managements{padding-top: 1rem;}
main.about-us .tabs-wrapper .tab-content .tab-pane section.seven{    padding-top: 0rem;}
main.about-us section.eight .welcome-one__right .section-title.text-left{margin-top: 4rem;    margin-bottom: 1rem;}
main.about-us section.eight .welcome-one__right .section-title.text-left h2{padding: 0;text-align: center;}
main.about-us .tabs-wrapper .tab-content .tab-pane section.ten{padding-top: 3rem;}
main.about-us .tabs-wrapper .tab-content .tab-pane section.eleven{    padding-top: 3rem;}
main.about-us .tabs-wrapper .tab-content .tab-pane section.eleven .content ul a li p{    font-size: 14px;text-align: left;}
main.about-us .tabs-wrapper .tab-content .tab-pane section.eleven .content ul a li{padding: 5px 0;}
main.about-us section.eight .welcome-one__right .section-title.text-left h2, 
main.about-us section.eight .welcome-one__right .section-title.text-left .heding-vector{    text-align: center;}
main.about-us .tabs-wrapper .tab-content .tab-pane section.ten .welcome-one__right h2{text-align: center;}
main.about-us .tabs-wrapper .tab-content .tab-pane section.ten .welcome-one__right .section-title{text-align: center;width: 100%; }
main.about-us .tabs-wrapper .tab-content .tab-pane section.ten .welcome-one__right .heding-vector{text-align: center;}
main.about-us .tabs-wrapper .tab-content .tab-pane section.ten .welcome-one__right h2{padding-right: 0;}


/* Products under products */
main.products-page .banner{margin-top: 0;}
main.products .banner{    margin-top: 0;}
main.products .banner img{     height: 270px;}
main.products section.breadcumb ul{    display: flex; padding: 20px 0px;}
main.products section.breadcumb ul li{    display: flex; align-items: center;}
main.products section.breadcumb ul li a{    font-size: 12px;}
main.products section.breadcumb ul li i{    margin: 0 13px;}
main.products section.one .cards-wrapper .card figure{    text-align: center;}
main.products section.one .cards-wrapper .card figure img{    width: 150px;}
main.products section.one .cards-wrapper .card figure figcaption p{    font-size: 16px;    line-height: 20px;    }
main.products section.two{margin-top: 50px;}
main.products section.two .mobile-view{    margin-top: 2rem;}
main.products section.two img{height: 200px;}
main.products section.three .section-title__title{        font-size: 24px;}
main.products section.three .blogs-wrapper .blogCard figure figcaption a{    font-size: 12px;}
main.products section.three .blogs-wrapper.mobile-view .blogCard{padding: 1rem;}
main.products section.three .blogs-wrapper{    position: relative;}
main.products section.three .blogs-wrapper .blog-slider .swiper-button-prev,
main.products section.one .mobile-view .product-slider .swiper-button-prev,
main.products section.one .mobile-view .product-slider .swiper-button-next,
main.products section.three .blogs-wrapper .blog-slider .swiper-button-next{display: none;}
main.products section.one .mobile-view .swiper-slide{    padding: 2rem;}
main.products section .contacts{    padding-top: 2rem;}
main.products section.four .contacts .left-side{    padding-top: 0;}
main.products section.four .contacts .left-side h3{    font-size: 18px;    padding-right: 4rem;}
main.products section.four .contacts .left-side p{    font-size: 12px;    line-height: 50px;}
main.products section.four .contacts .left-side img{    margin-bottom: 2rem;}
main.products section.four .contact-us{padding: 1.5rem;}
main.products section.four .contact-us form label{    font-size: 14px;}
main.products section.four .contact-us form input, main.products section.four .contact-us form select{    font-size: 12px;}
main.products section.four .contact-us form .form-row.textarea .form-group textarea{    height: 100px;font-size: 12px;}
main.products section.four .contacts{padding-top: 2rem;}
main.about-us section.eight .image-div img{        width: 100%;}
main.about-us .mobile-view .managements .owl-item .cards img{ height: 200px;}
main.about-us .mobile-view .managements .owl-item .cards figure figcaption h4{        font-size: 15px;}
main.about-us .mobile-view .managements .owl-item .cards figure figcaption p{        font-size: 12px;}
main.iep-page section.one .wrapper{        height: 400px;}
main.iep-page section.one .wrapper .contents{    margin: 1rem;    padding: 1rem 2rem;width: 92%;}
main.iep-page section.one .wrapper .contents ul img{        height: 130px;}
main.product-details .welcome-one.content-second.pt-16{    padding-bottom: 2rem;}
.content-right.product-details-content .welcome-one__right{    margin-left: 0;}
main.product-details .welcome-one__right .section-title{        margin-bottom: 0;}
main.products-page .section-title__title, main.products-page .heding-vector,
main.products-page.product-details .product-detail-paragraph{text-align: left;}
main.products-page.product-details .welcome-one__right .section-title .section-title__title{        padding-right: 0;}
main.products-page.product-details .welcome-one{    padding: 0px 0px 0px;}
.content-right.product-details-content .welcome-one__right .product-detail-paragraph{    padding-top: 0;}
.content-right.product-details-content .welcome-one__right{        margin-top: 2rem;}

/* contact us  */
main.contactus .one .google-map{    height: 345px;}
main.contactus .two{    padding-top: 4rem;}
main.contactus .two h2{    font-size: 20px;}
main.contactus .two .form-group{    width: 100%;}
main.contactus .two .form-group input{    padding: 10px;}
main.contactus .two .form-group button{    padding: 0rem 10px;}
main.contactus .three .cards{    flex-wrap: wrap;}
main.contactus .three .cards .card{    margin: 0;  margin-bottom: 2rem;}
main.contactus .one{height: 100%;}   
main .contact-us form .checkbox-row label {font-size: 12px;}
main .contact-us form label{line-height: 30px;}
main .contact-us form select{    background-size: 20px; background-position: right 10px top 5px;}
main .contact-us form .form-group { margin-bottom: 5px;}
main .contact-us form .form-group.flex {text-align: center;}
main.contactus .one .get-in-touch ul li a{    font-size: 16px;}
main .contact-us .center-mob{text-align: center;}

/* faq page  */
main.faq section.one{    padding: 1rem;    padding-top: 3rem;}
main.faq section.one .section-title__title{        font-size: 22px;}
main.faq section.two .container.p-5{    padding: 1rem !important;}
main.faq section.two ul.nav{    margin: 0 !important; flex-direction: row !important;justify-content: flex-start;}
main.faq section.two ul.nav li.nav-item button{    font-size: 14px;  padding: 10px 14px;}
main.faq section.one .form-group{    width: 100%;}
main.faq section.one .form-group input{    width: 100%; padding: 10px;}
main.faq section.one .form-group button{    padding: 0rem 1rem; font-size: 14px;}
main.faq section.two .tab-content .tab-pane .accordion .accordion-item button.accordion-button{    font-size: 14px;}
main.faq section.two .tab-content .tab-pane .accordion .accordion-item .accordion-collapse .accordion-body{    font-size: 12px;}
main.faq section.two .tab-content{    padding-top: 2rem;}
main.faq section.three .contacts .left-side{    padding-top: 0;}
main.faq section.three .contacts .left-side h3{    font-size: 18px;    padding-right: 4rem;}
main.faq section.three .contacts .left-side p{    font-size: 12px;    line-height: 50px;}
main.faq section.three .contacts .left-side img{    margin-bottom: 2rem;        height: 100%;}
main.faq section.three .contact-us{padding: 1.5rem;}
main.faq section.three .contact-us form label{    font-size: 14px;}
main.faq section.three .contact-us form input, main.faq section.three .contact-us form select{    font-size: 12px;}
main.faq section.three .contact-us form .form-row.textarea .form-group textarea{    height: 100px;font-size: 12px;}
main.faq section.three .contacts{padding-top: 2rem;}


/* carees page  */
main.careers section.welcome-one .image-div img{  padding: 0; position: relative;     margin: 0;left: 0; top: 40px;}
main.careers section.welcome-one .welcome-one__right{    margin-left: 0;}
main.careers section.welcome-one .image-div{ height: 85%;        padding: 1rem;}
main.careers section.welcome-one{ padding-top: 3rem;}
main.careers section.welcome-one .welcome-one__right{        margin-top: 2rem;}
main.careers section.welcome-one{        padding-bottom: 3rem;}
main.careers section.welcome-one .welcome-one__right .section-title.text-left{margin-bottom: 0.5rem;}
main.careers section.current-opening .card .header span{    font-size: 14px;    margin-bottom: 0px;}
main.careers section.current-opening .card .card-body h4{    font-size: 16px;}
main.careers section.current-opening .card .card-body{    margin-bottom: 0;}
main.careers section.current-opening .card .card-body p{    font-size: 16px;}
main.careers section.current-opening .card .footer a{    font-size: 12px;    padding: 6px 15px;}
main.careers section.welcome-one .welcome-one__right button{    padding: 7px 10px;    font-size: 12px;}
main.careers section.welcome-one .welcome-one__right .welcome-one__text{    padding-bottom: 0;}
main.careers section.careers-from .left-side{padding-top: 0;}
main.careers section.careers-from .left-side h3{    font-size: 1.5rem;}
main.careers section.careers-from .left-side img{    border-radius: 5px;}

/* Product css  */
main.products-page section.welcome-one .image-div img{padding: 0;width: 95%; position: relative; left: 0; top: 40px; border-radius: 10px; height: 100%; margin: auto; margin-top: 0rem; box-shadow: 5px 10px 10px #00000047;}
main.products-page section.welcome-one .image-div{   border-radius: 10px; height: 100%; padding: 0px 5px 0px 23px;    padding: 0;text-align: center;}
main.products-page section.one{    padding-top: 2rem;}
main.products-page .welcome-one__right .section-title .section-title__title{    display: none;}
main.products-page .welcome-one .welcome-one__right{        margin-top: 1rem;}
main.products-page .welcome-one .welcome-one__right p.welcome-one__text{font-size: 14px;    font-weight: 300;}
main.products-page .welcome-one .welcome-one__right ul li figure img{    margin-right: 0;}
main.products-page .welcome-one .welcome-one__right ul li figure p{    padding-right: 0;}
main.products-page .welcome-one .welcome-one__right ul li{width: 100%;}
main.products-page .welcome-one{        padding-bottom: 3rem; padding-top: 0rem !important;}
main.products-page .section-title__title,  main.products-page .heding-vector{    text-align: left;}
/* main.products-page .container .row{    flex-direction: column-reverse;} */
main.products-page section.one .banner-image img{    border-radius: 10px;}
main.products-page section.one ul{    margin: 0px 10px; margin-top: -30px;flex-wrap: wrap;}
main.products-page section.one ul li{         padding: 1rem 5px;width: 46%; margin: 6px 6px;}
main.products-page section.one ul li figure figcaption p{    font-size: 12px;}
main.products-page section.one ul li figure figcaption span{    font-size: 12px;}
main.products-page section.one ul li:last-child{display: none;}
main.products-page section.one ul li figure img{    width: 25%;}
main.products-page .container .row .bottomtext{    text-align: center; padding-top: 1rem;}
main.products-page .container .row button{    margin-top: 1rem;}
main.products-page section.two{    padding-top: 3rem;}
main.products-page section.two .container-fluid .col-md-8 .img-fluid{    height: 525px; object-fit: cover;}
main.products-page section.two .content-section{    width: 90%; position: absolute;  max-width: 100%; transform: translate(0%, -25%);  margin: 0 1rem;    padding: 25px 15px;        height: 120%;        bottom: 0;left: 0;}
main.products-page section.two .content-section .box form ul li label{    font-size: 14px;}
main.products-page section.two .content-section .box small{    font-size: 12px;}
main.products-page section.two .content-section .row .col-md-6:first-child{    margin-bottom: 1rem;}
main.products-page section.two h4{    padding-top: 2rem;}
main.products-page section.two .carpet-area input{    width: 100%;}
main.products-page section.two .carpet-area button{ width: 100%;    padding: 9px 30px;    }
main.products-page section.two .content-section h3{ padding-top: 1rem;}
main.products-page section.three{    padding-top: 17rem;}
main.products-page section.three .swiper{    margin: 1rem;}
main.products-page section.three .swiper .swiper-wrapper .swiper-slide{margin-top: 0rem;}
main.products-page section.three .swiper .swiper-wrapper .swiper-slide figure img{ padding: 1rem;padding-left: 0;padding-right: 0;}
main.products-page section.three .swiper .swiper-wrapper .swiper-slide figure figcaption ul li img{    height: 75px;}
main.products-page section.three .swiper .swiper-wrapper .swiper-slide figure figcaption ul{    margin-top: -15px;}
main.products-page section.three .download-category button.btn.btn-primary{        font-size: 14px; padding: 10px;        text-transform: uppercase;}
main.products-page section.four ul.nav li.nav-item a{    font-size: 14px;    padding: 0px 15px;}
main.products-page section.four ul.nav{    justify-content: space-between;}
main.products-page section.four ul.nav li.nav-item a img.img-fluid{    width: 85px;}
/* main.products-page section.four .tab-content .swiper-slide{width: 330px !important;} */
main.products-page section.four .tab-content .tab-pane .card{    margin-right: 0;}
main.products-page .section-title__title{        padding-top: 3rem;}
main.products-page section.four .tab-content .tab-pane#simple-tabpanel-1 .product-info p{text-align: center;    padding-right: 0;    padding-top: 1rem;}
main.products-page section.four .tab-content .tab-pane#simple-tabpanel-1 .product-info ul li{    width: 100%;}
main.products-page section.five{    padding-top: 1rem;}
main.products-page section.five h2.section-title__title{    padding-top: 1rem;}
main.products-page section.five form .term-info{    padding-top: 1rem;}
main.products-page section.five form ul{    flex-direction: column; position: relative;}
main.products-page section.five form .term-info ul li:first-child{    width: 10px; position: absolute; top: -4px; }
main.products-page section.five form .term-info ul li:last-child{text-align: center; }
main.products-page section.five form .term-info ul li p{    padding-right: 0;padding-left: 1.5rem;}
main.products-page section.five form .term-info ul li button{    padding: 7px 12px;}
main.products-page section.five .form-banners{    padding: 1rem;}
main.products-page section.five form ul li{width: 100%;margin-bottom: 1rem;}
main.products-page .section-title__title{ padding-top: 1rem; font-size: 22px;}
main.products-page .section-title{    margin-bottom: 0;}
main.products-page section.three .swiper .swiper-wrapper{    margin-top: 0;        padding-top: 1rem;}
main.products-page .welcome-one .welcome-one__right ul{justify-content: center;       padding:0;}
main.products-page .welcome-one .welcome-one__right ul li{padding-right: 0rem;}
main.products-page .welcome-one .welcome-one__right ul li img{    width: 35px;}
main.products-page.product-details .btn.btn-primary{margin: 0rem;}
main.product-details .product-detail-paragraph a{font-size: 12px;}
main.products-page .banner img{        height: 300px !important;}
main.product-details .welcome-one.content-second.pt-16{ padding-bottom: 5rem;  padding-top: 0rem !important;}
main.products-page.product-details .welcome-one__right .section-title .section-title__title{        padding-top: 0rem;}
.welcome-one .welcome-one__right{        margin-left: 0;        margin-top: 3rem;}
main.product-details .product-details-shades .bottomtext a{font-size: 14px; padding: 10px;    border-radius: 10px;}


/* product details page  */
main.products-page.product-details section.welcome-one .image-div img{box-shadow: none;    width: 70%;}
main.products-page.product-details .welcome-one .welcome-one__right ul li{text-align: center;}
main.products-page.product-details .product-detail-paragraph{text-align: left;}
main.products-page.product-details .container .flex-sm-row {flex-direction: column;        align-items: center;}
main.products-page .welcome-one .welcome-one__right{        flex-direction: column;  margin: 0;  margin-top: 5rem;        padding: 0;justify-content: flex-start;}
main.products-page.product-details .welcome-one__right .section-title .section-title__title{padding: 0;padding-top: 0rem;     display: block;}
main.products-page.product-details  .container .row .bottomtext {padding-top: 1rem;margin-bottom: 2rem;}
main.products-page.product-details  .btn.btn-primary{        margin: 2rem 0;}
main.products-page .welcome-one{        padding-bottom: 0rem; }
.product-details-content .image-div img{        margin-left: 0;}
main.products-page .welcome-one__right .section-title .section-title__title{        padding-right: 0;}
main.products-page .welcome-one__right .section-title{        margin-bottom: 0.5rem;}
main.products-page .content-right.product-details-content .welcome-one__right .product-detail-paragraph{    padding-top: 0rem;}
main.products-page .content-right.product-details-content .welcome-one__right{margin-top: 2rem;}
.welcome-one.content-second.content-right.product-details-content{    padding: 0px 0px 100px;}

/* contact us page */
main.contactus .one{    padding-top: 2rem;}
main.contactus .three .cards .card h3{    font-size: 16px;}
main.contactus .two{        padding-top: 3rem; padding-bottom: 1rem;}
main.contactus .three .cards .card{        margin-bottom: 1rem;}
main.careers section.careers-from::before{    height: 370px;}
main.careers .contact-us{        margin-top: 0rem;}
main.careers section.careers-from .contact-us button{    font-size: 13px;
padding: 5px 15px;}
main .contact-us form label.resume-btn span{    font-size: 14px;}
main.iep-page section.three .wrapper img.bg-img{    left: 0;}

/* shades page  */
.shades section.banner{        margin-top: 0rem;}

/* footer  */
.site-footer{    background: #FFFDF5; padding-top: 2rem;}
footer .site-footer__top{    padding-top: 2rem;}
footer .site-footer__top .footer-widget__column{    text-align: left;        margin-top: 23px;}
.footer-widget__logo{    padding-bottom: 8px;}
.footer-widget__logo a img{    width: 150px;}
footer .site-footer__top .footer-widget__column .site-footer__social{    justify-content: flex-start;}
footer .site-footer__top .footer-widget__column .site-footer__social a{    width: 35px; height: 35px;}
.footer-widget__explore-list li a, .footer-widget__services-list li a{    color: #000;  font-weight: 300;padding: 0;padding: 0;font-size: 13px;}
footer .site-footer__top .width50{width: 50%;}
footer .footer-widget__explore-list li a, footer ul.footer-widget__services-list li a{    font-size: 14px;    line-height: normal;        white-space: nowrap;}
footer .site-footer__top .footer-widget__column .cin-no{    font-size: 14px;}
footer .site-footer__top{    border: 3px solid #3879BB;        padding-top: 0rem;padding-bottom: 1rem;}
footer .site-footer__top .row{        padding: 1rem;}
footer .site-footer__bottom-text{font-weight: 500;}
footer .site-footer__top .footer-widget__column .site-footer__social a i{    font-size: 16px;}
footer .site-footer__top .footer-widget__column .site-footer__social{        padding-bottom: 0rem;}
footer .site-footer__top .footer-widget__column .footer-widget__logo{    padding-top: 0rem;}
.site-footer__bottom-inner{padding: 15px 0;}
footer .site-footer__top .footer-widget__column .site-footer__social{        margin-bottom: 1rem;padding-top: 1rem;}

/* budget calculator */
main.paint-budget-estimate-page .recommended-products ul{padding: 0;}
main.paint-budget-estimate-page .section-title__title{text-align: center;}
main.paint-budget-estimate-page .heding-vector{text-align: center;}

/* BPM page  */
main.bpm-page ul{    flex-wrap: wrap;}
main.bpm-page .welcome-one__right{margin-top: 6rem;margin-left: 0;}
main.idcs-page .image-div, main.bpm-page section.welcome-one.home .image-div{ padding: 0px 5px 0px 0;display: flex;height: 285px;  }
main.idcs-page .image-div img, main.bpm-page section.welcome-one.home .image-div img{width: 100%;margin:0; height: 350px;box-shadow: none;}
main.bpm-page .three.tab-style{        height: 1000px;}

/* IDCS page  */
main.idcs-page section.one{    padding-top: 0;}
main.idcs-page section.one .welcome-one__right{        margin-top: 1rem;}
main.idcs-page section.four #horizontalTab ul.resp-tabs-list{display: none;}
main.idcs-page section.four #horizontalTab .resp-tabs-container .resp-tab-content{border: 1px solid silver;}
main.idcs-page section.two .welcome-one__right{    margin: 0;margin-top: 3rem;}
main.idcs-page section.four{    padding-top: 21rem;}
main.idcs-page section.two{    padding-top: 4rem;}
main.idcs-page .welcome-one__right .section-title .section-title__title{    padding: 0;}
main.idcs-page section.two img.img-fluid{    margin-top: 1rem;}
main section.tab-style h2.resp-accordion{font-size: 14px;}
.resp-tab-content p{font-size: 10px;padding: 10px;}
section.tab-style .resp-tab-content p{        padding: 5px 0;font-size: 10px;}
main.idcs-page  .section-title__titlem{text-align: center !important;}
main.idcs-page section.five{padding-top: 0;}
main.idcs-page .image-div img, main.bpm-page section.welcome-one.home .image-div img{        left: 0;}
main.idcs-page section.one .welcome-one__right{        margin-top: 3rem;}
main.bpm-page section.welcome-one.home{    padding-top: 3rem;}
main.idcs-page .three.tab-style{padding-top: 9rem;}
main.idcs-page section.four .resp-tab-content p{padding: 15px;}
main.idcs-page section.one .image-div img{        left: 0;}
/* interior emuslion paints  */
main.iep-page section.one{    padding-top: 5rem;}
main.iep-page section.one h2.section-title__title,main.iep-page section.one .heding-vector{text-align: center;}
main.iep-page section.one .wrapper .contents ul li span{    font-size: 20px;        line-height: 30px;}
main.iep-page section.one .wrapper{    margin-bottom: 3rem;}
main.iep-page section.three .wrapper{    padding: 1rem 0;    margin-bottom: 2rem;}
main.iep-page section.three .wrapper img.bg-img{    height: 100%; object-fit: none; border-radius: 10px;}
main.iep-page section.three .wrapper ul{    margin: 0; flex-direction: column; padding: 0;}
main.iep-page section.three .wrapper ul li{    padding-top: 2rem; text-align: center;}
main.iep-page section.three .wrapper ul li h5{    font-size: 22px; text-align: center;}
main.product-list section.three .wrapper ul li img{        height: 230px;}
main.product-list section.three .wrapper ul li:last-child{    margin-left: 0rem;}
main.product-list section.three .wrapper ul li a{    margin-top: 1rem !important;        font-size: 14px;}
main.product-details .welcome-one.content-second.pt-16 .image-div img{top: 0;}

/* flooring  */
main.flooring-page section.one{padding-top: 3rem;}
main.flooring-page section .image-div{    width: 100%;padding: 0px;}
main.flooring-page section .image-div img{        margin-left: 0;top: 50px; left: -6px;}
main.flooring-page section.one .welcome-one__right{    margin-top: 5rem;}
main.flooring-page section.two{    padding-top: 0;}
main.flooring-page section.two .welcome-one__right{    margin-left: 0; margin-top: 5rem;}
main.flooring-page .welcome-one__right .section-title{margin-bottom: 0;}
main.flooring-page section.three{    padding-top: 0;}
main.flooring-page section.three .owl-carousel .item figure img{    height: 200px;width: 200px;}
main.flooring-page section.three .owl-carousel .item figure{    flex-direction: column;    padding-left: 4rem;}
main.flooring-page section.three .owl-carousel .item figure figcaption ul {padding: 0;}
main.flooring-page section.three .owl-carousel .item figure figcaption ul li.title{    padding-top: 1rem;}
main.flooring-page section.three .owl-carousel .item figure figcaption ul li table tbody tr td{    font-size: 13px;}

/* shades page  */
main.shades .all-color-shades ul{flex-wrap: nowrap;overflow: overlay;}
main.shades .all-color-shades ul li{    margin-right: 1rem;}
main.shades .all-color-shades ul li a img{    width: 85px;height: 70px; object-fit: contain;}
main.shades .all-color-shades ul li a p{font-size: 10px;}
main.shades .all-color-shades ul{    margin-top: 2rem; margin-bottom: 2rem;}
main.shades .wrapper .shades-colors{    margin-top: 3rem;        padding-left: 0;padding-right: 0;}
main.shades .wrapper .shades-colors .flex .card{    width: 100px;height: 190px;}
main.shades .wrapper .shades-colors .flex .card .card-body{    border-radius: 10px;        margin-bottom: 5px;}
main.shades .wrapper .shades-colors .flex .card .footer p{    font-size: 12px;}
main.shades .wrapper .shades-colors .flex .card span{        font-size: 12px;}
main.shades .wrapper .left-side .accordion .accordion-item .accordion-body{padding-bottom: 10px;}
main.shades .wrapper .left-side .accordion .accordion-item .accordion-collapse .accordion-body form ul li input[type=radio]{    width: 15px;height: 15px;}
main.shades .wrapper .left-side .accordion .accordion-item .accordion-collapse .accordion-body form ul li input[type=radio]:checked{    border: 3px solid #007bff;}


/* paint budget page  */
main.paint-budget-estimate-page h3{    margin-bottom: 2rem;}
main.paint-budget-estimate-page form .wrapper.mb-2{    margin-bottom: 2rem !important;}
main.paint-budget-estimate-page form input[type=radio] + label{    font-size: 12px;}
main.paint-budget-estimate-page form .enter-carpet-area h4{    padding-top: 1rem;padding-bottom: 2rem;}
main.paint-budget-estimate-page form .enter-carpet-area .wrapper input{    width: 130px;font-size: 13px;        margin-right: 1rem;}
main.paint-budget-estimate-page form .enter-carpet-area .wrapper p{    font-size: 15px;}
main.paint-budget-estimate-page .wrapper .img1{        width: 44%;}
main.paint-budget-estimate-page form .wrapper .img1 img{    height: 160px;}

/* easy responsive custom tab */
main section.tab-style #verticalTab ul.resp-tabs-list li.resp-tab-item{display: none;}
main section.tab-style #verticalTab .resp-tabs-container{    width: 100%}
main section.tab-style{    height: 100%;}
main.bpm-page section.tab-style{height: 1050px;}
section.tab-style .resp-vtabs .resp-tab-content{        padding: 10px !important;}
section.tab-style .resp-tab-content p{padding: 15px 0;}
 h2.resp-accordion{font-size: 14px;}
 h2.resp-accordion.resp-tab-active{font-weight: 600;}
 main.pigments-page .sub-title{    padding-bottom: 3rem;padding-top: 0rem; font-size: 12px;}

}