@media (max-width:1460px) {
  header .header-left{width: 80px;}
  header .header-left .logo{width: 50px; left: 15px; top: 15px}
  header .header-left ul.social{bottom: 10px; left: 10px}
  header .header-left ul.menu-list{left: -194px; margin-top: -25px;}
  .chat-icon{width: 70px; height: 70px;}
  .home-section .content-area h1{font-size:100px; line-height:110px; margin-bottom:15px;}
  .home-section .content-area h1 span{line-height:40px;}
  #logo-icon {width: 600px; height: 600px; position: absolute; top: 50%; left: 200px; margin-top: -300px;}

  .banner .top-left{top: 50px; left: 150px}
  .home-section .button-right{bottom: 70px; right: 70px}
  .banner .top-left h1{font-size: 60px; line-height: 60px}
  .banner .top-left p{font-size: 18px}
  .service-section, .work-section, .project-section, .service-page, .info-section, .contact-form-section, .location-section, .hire-info-section, .hiring-section, .hiring-process-section, .who-we-area-section, .process-section,
  .quote-section, .epr-section, .consultancy-two-section, .consultancy-one-section, .partner-section, .collectioncenters-section,
  .franchisepartner-section, .founder-section, .team-section, .content-section, .collectionlist-section, .testimonial-section, .blog-section, .client-section, .about-section, .collection-section, .compliance_simplified, .photoslider-section{padding: 40px 40px 0px 120px}

  .about-section h2,
  .service-section h2,
  .testimonial-section h2,
  .blog-section h2,
  .client-section h2,
  .project-section h2,
  .who-we-area-section h2,
  .collection-section h2,
  .quote-section h2,
  .compliance_simplified h2,
  .epr-section h2,
  .franchisepartner-section h2,
  .partner-section h2,
  .collectioncenters-section h2,
  .collectionlist-section h2,
  .founder-section h2,
  .team-section h2,
  .photoslider-section h2{font-size: 40px; line-height: 54px; margin-bottom: 20px}
  .consultancy-two-section h2{font-weight: 400;}

  .flip-box-header{font-size: 40px; line-height: 54px;}
  .flip-box p{font-size: 18px}

  .about-section h2 span img {height: 34px;}
  .who-we-area-section .number-block .inner-block{margin-bottom: 25px}
  .who-we-area-section p{margin-bottom: 40px !important}

  .service-section p,
  .blog-section p,
  .client-section p,
  .project-section p,
  .who-we-area-section p,
  .process-section p,
  .quote-section p,
  .collectioncenters-section p,
  .franchisepartner-section p,
  .photoslider-section p{font-size: 20px; font-weight: 300; line-height: 36px; margin: 20px 0 30px 0px;}
  .consultancy-one-section p{font-size: 20px; font-weight: 300; line-height: 36px; }
  .quote-section .form-area{width: 100%; }
  .process-section ul li .link{padding: 30px}
  .process-section ul li .link h3{font-size: 40px}
  .process-section ul li .link .number{font-size: 120px; line-height: 100px; top: 20px;}

  .footer-section{padding: 50px 85px 50px 165px}
  .footer-section .copyright{font-size: 15px; line-height: 24px;}
  .footer-section ul.bottom-link li a{font-size: 13px; line-height: 24px;}

  .consultancy-one-section p{font-size: 20px; line-height: 36px}
  .consultancy-two-section p{font-size: 20px; line-height: 36px}
  .partner-section p{font-size: 20px; line-height: 36px; margin:0px 0 0px 0px}
  .partner-section ul.point{margin:0px;}
  .partner-section ul.point li{font-size: 20px; line-height: 36px}

  .video-section .content-area{padding: 0px 85px 0px 165px}
  .video-section .content-area h2{font-size: 100px; line-height: 120px; min-height: 120px}
  .photoslider-section .swiper-slide{height: 400px}
  .team-section ul.team-list li{padding: 0px 20px}

  .testimonial-section h2 span img{height: 80px;margin-bottom: 10px;}
  .client-section h2 img{height: 80px;margin-bottom: 10px;}
  .who-we-area-section h2 span img{height: 80px;margin-bottom: 10px;}
  .epr-section h2 img{height: 80px;margin-bottom: 10px;}
  .photoslider-section h2 span img{height: 80px;margin-bottom: 10px;}

  .collectionlist-section .location-block .btn-link{width: 182px}
  .collectioncenters-section .wc-btn-light{font-size:16px; height: 60px;}
  .collectionlist-section .location-list {margin-top: 40px;}

  .agency-section .content-bottom{bottom: 60px; left: 150px;}
  .agency-section .content-bottom h1{font-size:58px; line-height:60px;}
  .agency-section .content-bottom p{font-size:20px; line-height:30px;}
}

@media (min-width: 768px) and (max-width: 1024px){
  .cursor{display: none}
  .o-scroll{overflow: scroll;}
}

@media (max-width: 767px) {
    .map-area{margin-bottom: 15px;}
    .common-inner-section .content-bottom {
        position: absolute;
        bottom: 100px;
        left: 0;
        width: 100%;
        text-align: center;
    }

    .common-page {
        width: 100%;
        position: relative;
        padding: 40px 15px;
    }

    .common-page p {
        font-size: 20px;
        line-height: 33px;
    }

    .common-page h2 {
        font-size: 38px;
    }

    .common-inner-section h1 {
        font-size: 45px;
    }

  .cursor{display: none}
  .o-scroll{overflow: scroll;}

  header .header-left{width: 50px; display: none;}
  header .header-left .logo {width: 30px; left: 10px; top: 10px;}
  header .header-left ul.social{display: none}
  header .header-left ul.menu-list{left: -182px; bottom: 0px; margin-top: -15px; margin-bottom: 200px; top: auto;}
  .mobile-header{display: flex;}

  .home-section{padding: 150px 30px 40px 30px; height: 520px; margin: 0px 0px 40px 0px;}
  .banner .top-left {top: 80px; left: 0; width: 100%; padding: 0 20px; overflow: hidden;}
  .banner .top-left h1 {font-size: 30px;line-height: 40px; margin: 0;}
  .banner .top-left p {font-size: 16px;}
  .home-section .button-right {bottom: -40px; right: 0; display: flex; justify-content: center; width: 100%;}
  .home-section .button-right .link-block {padding: 1px; background: #fff; position: relative; margin: 0 8px; width: 140px; border: #e6e6e6 1px solid;}
  .home-section .button-right .link-block .name {position: relative; font-size: 13px; padding: 5px 15px; width: 100%;}

  .home-section .content-area{min-width: 100%}
  .home-section .content-area h1 {font-size: 70px; line-height: 80px; margin-bottom: 15px;}
  .home-section .content-area ul.radio-button li{padding: 0 0 10px 0; width: 100%}
  .home-section .content-area ul.radio-button li input[type="radio"].css-radio + label.css-radiobtn{font-size: 18px; text-align: left; padding: 4px 20px 0 50px}
  .home-section .content-area ul.radio-button li input[type="radio"].css-radio + label.css-radiobtn::before {top: 11px; left: 11px; width: 24px; height: 24px;}
  .home-section .content-area ul.radio-button li input[type="radio"].css-radio:checked + label.css-radiobtn::after {width: 14px; height: 14px; top: 16px; left: 16px;}
  .input-area{margin: 0px; padding-right: 70px;}
  .input-area .form-group{padding: 7px 15px}
  .input-area .form-group .form-control{font-size: 19px}
  .input-area .form-group label{color: #000; font-size: 14px; font-weight: 700; line-height: 16px; margin: 0 0 5px 0;}
  .input-area .wc-btn-light { width: 65px; height: 65px;}
  .wc-btn-light .text svg {width: 100%;height: 100%;}

  #logo-icon{width: 300px; left: 0px; bottom: 0px; margin: 0px; height: 300px; top: auto;}

  .service-section, .work-section, .project-section, .service-page, .info-section, .contact-form-section, .location-section, .hire-info-section, .hiring-section, .hiring-process-section, .who-we-area-section, .process-section,
  .quote-section, .epr-section, .consultancy-two-section, .consultancy-one-section, .partner-section, .collectioncenters-section,
  .franchisepartner-section, .founder-section, .team-section, .content-section, .collectionlist-section, .testimonial-section, .blog-section, .client-section, .about-section, .collection-section, .compliance_simplified, .photoslider-section{padding: 40px 5px}

  .about-section h2,
  .service-section h2,
  .testimonial-section h2,
  .blog-section h2,
  .client-section h2,
  .project-section h2,
  .who-we-area-section h2,
  .collection-section h2,
  .quote-section h2,
  .compliance_simplified h2,
  .epr-section h2,
  .franchisepartner-section h2,
  .partner-section h2,
  .collectioncenters-section h2,
  .collectionlist-section h2,
  .founder-section h2,
  .team-section h2,
  .photoslider-section h2{font-size: 30px; line-height: 44px; margin-bottom: 20px}
  .consultancy-two-section h2{font-weight: 400;}
  .about-section h2{margin: 0px}
  .about-section p, .service-section p, .blog-section p, .client-section p, .project-section p, .who-we-area-section p, .quote-section p, .collectioncenters-section p, .franchisepartner-section p{font-size: 16px; font-weight: 300; line-height: 22px; margin: 20px 0 0 0px;}

  .about-section .inner .btn-link{position: absolute; bottom: -10px; right: 0; z-index: 23; width: 60px; height: 60px;}
  .about-section .number-block{margin-top: 25px}
  .about-section .number-block .inner-block{width: 100%; margin: 0px 0px 15px 0px; padding: 20px}
  .about-section .number-block .inner-block:nth-of-type(4n+1),
  .about-section .number-block .inner-block:nth-of-type(4n+3),
  .about-section .number-block .inner-block:nth-of-type(4n+4),
  .about-section .number-block .inner-block:nth-of-type(4n+2){margin-top: 0px}
  .about-section .number-block .inner-block:nth-of-type(4n+2),
  .about-section .number-block .inner-block:nth-of-type(4n+4){margin-left: 0px}
  .about-section .number-block .inner-block span{font-size: 30px; margin-bottom: 20px;}
  .about-section .map {width: 100%; margin: 20px auto 0 auto;}

  .project-section .links{font-size: 16px; margin: 0 0 5px 0; padding: 8px 40px; width: 90%;}

  .service-section ul{margin: 20px 0px 0px 0px; border-top: none}
  .service-section ul li{border: #38b44a 1px solid; margin: 20px 0 0 0; border-radius: 30px 30px 30px 0}
  .service-section ul li:hover .link{padding-left: 20px}
  .service-section ul li .link{display: block; padding: 100px 20px 20px 20px}
  .service-section ul li .link .number {font-size: 40px; border-radius: 30px 0 10px 0; width: 80px; height: 80px; line-height: 80px; top: 0px; left: 0px; background: #38b44a;}
  .service-section ul li:hover .link .number{left: 0px; top: 0px}
  .service-section ul li .link span{font-size: 22px; line-height: 28px;}
  .service-section ul li .wc-btn-light {top: -10px; right: -10px; width: 60px; height: 60px;}
  .hover-reveal{display: none}

  .blog-section .project-list{margin-top: 40px}
  .blog-section .project-list .blog-box{width: 100%; padding: 0px; margin-bottom: 30px}
  .blog-section .project-list .blog-box:nth-of-type(2){margin: 0px 0px 30px 0px; position: relative; top: 0px}
  .blog-section .project-list .blog-box .blog-img{height: 380px; border-radius: 0 90px 0 0}
  .blog-section .project-list .blog-box .blog-detail{padding: 30px 20px; bottom: 0px}
  .blog-section .project-list .blog-box p{display: none}
  .blog-section .project-list .blog-box .blog-name{font-size: 20px; line-height: 28px}
  .blog-section .project-list .blog-box .date{font-size: 14px; line-height: 16px; margin: 0px}
  .blog-section .project-list .blog-box .btn-link {top: -10px;right: -10px; opacity: 1;width: 60px; height: 60px; z-index: 1}
  .blog-section .project-list .blog-box:hover .blog-img{border-radius: 0 90px 0 0}
  .blog-section .project-list .blog-box:hover .btn-link{right: -10px}

  .work-section .project-list{margin-top: 25px}
  .work-section .project-list .project-box{width: 100%; padding: 0px}
  .work-section .project-list .project-box:nth-of-type(2){position: relative; top: 0px; margin-left: 0%; margin-top: 50px; margin-bottom: 50px}
  .work-section .project-list .project-box .project-img {margin-bottom: 40px;}
  .work-section .project-list .project-box .project-img::before {z-index: 1}
  .work-section .project-list .project-box .project-name {padding-left: 20px; font-size: 26px; line-height: 28px; margin-bottom: 10px}
  .work-section .project-list .project-box .project-name span {font-size: 70px; line-height: 50px; left: 20px;}
  .work-section .project-list .project-box p {font-size: 15px;line-height: 20px; padding-left: 20px;}
  .work-section .project-list .project-box .technologies{padding-left: 20px}

  .client-section ul.client-list{margin: 20px 0px 0px 0px}
  .client-section ul.client-list li {width: 50%; padding: 0 5px;}
  .client-section ul.client-list li .client-message{height: 80px}
  .client-section ul.client-list li:nth-of-type(4n+2), .client-section ul.client-list li:nth-of-type(4n+4) {margin-top: 20px;}

  .project-section h2 {font-size: 46px; line-height: 60px;}
  .project-section .btn-area a {font-size: 18px; line-height: 48px; padding: 0 20px; width: 100%; margin: 5px 0;}
  .project-section .btn-area a::before {background: linear-gradient(45deg, #000 10px, transparent 0)}

  .footer-section{padding: 30px 20px 20px 20px}
  .footer-section h2{font-size: 40px; line-height: 44px;}
  .footer-section h2 span {font-weight: 300; line-height: 37px; display: block; margin-top: 6px;}
  .footer-section .link-area{padding-left: 0px}
  .footer-section .link-area .short-title {font-size: 24px; line-height: 24px;}
  .footer-section .link-area a.email{font-size: 21px; letter-spacing: 0px; margin-bottom: 15px;}
  .footer-section .copyright{text-align: center;}
  .footer-section ul.bottom-link{text-align: center;}
  .footer-section ul.bottom-link li a{font-size: 12px; padding: 0 5px}
  .footer-section ul.bottom-link li::before {content: '|'; right: 3px; position: relative; font-size: 12px;}
  .footer-section .logo-icon-box{display: none}

  .agency-section{padding: 120px 30px; height: auto; display: block;}
  .agency-section .content-bottom  h1{font-size: 50px; line-height: 60px}
  .agency-section img{bottom: 0px}
  .agency-section h1 span img{height: 32px}
  .agency-section .image-right {position: relative; right: 0; bottom: 0; height: auto; width: 100%; margin-bottom: 0;}
  .agency-section .image-right img{position: relative !important;}

  .who-we-area-section .number-block{min-height: 620px; margin: 20px 0px 0px 0px}
  .who-we-area-section .number-block .inner-block{width: 90%; font-size: 16px; padding: 14px; margin: 0 0 10px 0 ; text-align: center;}
  .who-we-area-section .number-block .inner-block:nth-of-type(5n+2){margin-top: 0; background: #fdfdfd; margin-left: 10%;}
  .who-we-area-section .number-block .inner-block:nth-of-type(5n+4){margin-top: 0; background: #fdfdfd; margin-left: 10%;}
  .who-we-area-section .number-block .inner-block span{font-size: 40px; margin-bottom: 20px; line-height: 40px;}

  .process-section ul li .link{padding:30px 20px; }
  .process-section ul li:hover .link{padding:30px 20px}
  .process-section ul li{border-radius: 25px 0 25px 25px}
  .process-section ul li .link h3 {font-size: 26px; line-height: 30px;}
  .process-section ul li .link .number {font-size: 80px; line-height: 80px; top: -40px; opacity: 1; right: 0px; left: auto;}

  .quote-section .form-area{width: 100%; margin: 20px 0 0 0; padding: 0px}
  .quote-section .form-area .form-group{padding: 2px 10px 10px 15px}
  .quote-section .form-area .form-group .form-control{font-size: 16px}
  .quote-section .form-area .form-group label{font-size: 14px; line-height: 14px}
  .quote-section .form-area a{margin-left: 0px; font-size: 22px; top: 10px}

  .consultancy-one-section p{font-size: 16px; line-height: 24px}
  .consultancy-one-section .wc-btn-light{width: 100%; margin: 0px}
  .consultancy-two-section h2{font-size: 16px; line-height: 24px;}
  .consultancy-two-section .photo-list{margin: 30px 0px 0px 0px; width: 100%}
  .consultancy-two-section .photo-list li{width: 100%; padding: 0px; margin-bottom: 15px}
  .consultancy-two-section .photo-list li:nth-of-type(4n+2), .consultancy-two-section .photo-list li:nth-of-type(4n+4){margin-top: 0px}
  .consultancy-two-section p{font-size: 20px; line-height: 34px; margin: 20px 0px 30px 0px;}
  .consultancy-two-section .wc-btn-light{width: 100%; margin: 0px}

  .epr-section ul.client-list{margin: 30px 0px }
  .epr-section ul.client-list li {width: 50%; padding: 0 5px;}
  .epr-section ul.client-list li .client-message{height: 80px}
  .epr-section ul.client-list li:nth-of-type(4n+2), .client-section ul.client-list li:nth-of-type(4n+4) {margin-top: 10px;}
  .epr-section p{margin: 0px; width: 100%; text-align: left;}
  .epr-section .text-center{display: block;}
  .epr-section .wc-btn-light{width: 100%; margin: 10px 0px 0px 0px}
  .quote-section .video-block{width: 100%; margin-top: 40px}

  .video-section{height: 400px;}
  .video-section .content-area{padding: 120px 30px; }
  .content-section ul.content-list li{width: 100%; padding: 0px; margin-bottom: 30px}
  .flip-box-header{line-height: 40px; font-size: 30px;}
  .flip-box .inner{padding: 20px}
  .flip-box p{font-size: 16px}
  .content-section ul.content-list li:nth-of-type(2n+2){margin-top: 0px;}
  .team-section{overflow: hidden;}
  .photoslider-section .swiper{margin-top: 30px}
  .photoslider-section .swiper-slide{height: 240px}
  .photoslider-section p{font-size: 16px; line-height: 24px; margin: 20px 0 30px 0px}
  .photoslider-section .photo-box{height: auto;}
  .photoslider-section .photo-box img{position: relative;}
  .photoslider-section .video-list .video-box{width: 100%; margin-top: 20px; height: auto;}
  .photoslider-section .video-list .video-box:nth-of-type(3n+2) {margin-left: 0;}
  .testimonial-section .swiper-slide{height: auto; border-radius: 0px; margin-top: 80px;}
  .testimonial-section .swiper{margin: 0px;}
  .testimonial-section .swiper-wrapper {padding: 0;}
  .testimonial-section .swiper-button-next,
  .testimonial-section .swiper-button-prev{top: 24px !important}
  .testimonial-section .swiper-slide.swiper-slide-active {transform: scale(1);}

.partner-section p {font-size: 20px; line-height: 34px; margin: 0px 0px 20px 0px}
.partner-section ul.point {margin: 0px 0px 0px 20px;}
.partner-section ul.point li{font-size: 20px; line-height: 34px; padding-left: 20px}
.partner-section ul.point li::before {top: 12px; width: 10px;}
.partner-section .map-block{display: block;}
.partner-section .map-block .map-area{width: 100%}
.partner-section .map-block .map-area .icon{display: none}
.partner-section .map-block .list-block{width: 100%; padding: 0px; display: block;}
.partner-section .map-block .inner-block{padding: 20px; font-size: 16px;  width: 100%}
.partner-section .map-block .inner-block:nth-of-type(3n+2){margin: 10px 0}
.partner-section .map-block .inner-block span{font-size: 30px; margin-bottom: 20px; line-height: 26px;}

.collectioncenters-section .photo-list{width: 100%; margin: 30px 0px 0px 0px}
.collectioncenters-section .photo-list li {width: 100%; padding: 0; margin: 0 0 15px 0 !important}
.collectioncenters-section .photo-list li:nth-of-type(6n+2), .collectioncenters-section .photo-list li:nth-of-type(6n+5){margin: 0px}
.collectioncenters-section .wc-btn-light{width: 100%; margin-left: 0px; font-size: 14px}

.collectionlist-section{padding: 50px 20px}
.collectionlist-section .swiper-slide {width: 240px;}
.collectionlist-section .center-block{padding: 20px; margin-top: 20px;}
.collectionlist-section .location-list {margin-top: 40px;}
.collectionlist-section .location-block .name{font-size: 18px}
.collectionlist-section .location-block .name span{display: block;}
.collectionlist-section .location-block .d-flex{display: block !important;}
.collectionlist-section .location-block .info{margin-right: 0px}
.collectionlist-section .location-block .btn-link{width: 100%; margin-top: 10px; text-align: center;}
.franchisepartner-section .photo-list{width: 100%; margin: 30px 0px 0px 0px}
.franchisepartner-section .photo-list li {width: 100%; padding: 0; margin: 0 0 15px 0 !important}
.franchisepartner-section .photo-list li:nth-of-type(6n+2), .collectioncenters-section .photo-list li:nth-of-type(6n+5){margin: 0px}
.franchisepartner-section .wc-btn-light{width: 100%; margin-left: 0px; font-size: 14px}

.founder-section .ceo-box{display: block; margin-top: 30px;}
.founder-section .ceo-box .photo{width: 100%}
.founder-section .ceo-box .detail{width: 100%; padding: 25px 0 0 0; margin: 0px}
.founder-section .ceo-box .detail h3{font-size: 36px; line-height: 30px; margin: 0 0 10px 0}
.founder-section .ceo-box .detail h3 span {font-size: 14px; line-height: 14px; margin-top: 10px;}
.founder-section .ceo-box .detail p{font-size: 16px; line-height: 24px}
.video-section .content-area h2{min-height: 40px; font-size: 30px; line-height: 40px;}

.team-section h2{font-size: 40px; line-height: 50px;}
.team-section ul.team-list {margin: 20px 0px 0px 0px;}

.team-section ul.team-list li{width: 100%; padding: 0px; margin-bottom: 20px}
.team-section ul.team-list li:nth-of-type(3n+2){margin-top: 0px}
.team-section ul.team-list li .team-box .member-name{bottom: 6px;left: 6px; font-size: 24px; line-height: 30px; padding: 8px 15px 8px 15px; width: 94%; opacity: 1}
.team-section ul.team-list li .team-box .member-name span{font-size: 13px; line-height: 13px; margin-top: 6px;}
.team-section ul.team-list li .team-box img{filter: grayscale(0%);}
.team-section ul.team-list li .team-box::before{transform: rotate(6deg);}
.team-section ul.team-list li .team-box .tag-main{opacity: 1; padding: 4px}
.team-section ul.team-list li .team-box .tag-main .tag-icon{width: 80px; height: 80px;}
.team-section ul.team-list li .team-box .tag-main .arrow-box{width: 40px; height: 40px; top: 24px; left: 24px;}
.team-section ul.team-list li:hover .team-box .tag-main{top: 10px; right: 10px}

.about-section h2 span img, .testimonial-section h2 span img{height: 22px; margin-bottom: 6px;}
.client-section h2 img{height: 32px;margin-bottom: 6px;}
.who-we-area-section h2 span img{height: 32px;margin-bottom: 6px;}
.epr-section h2 img{height: 32px;margin-bottom: 6px;}
.photoslider-section h2 span img{height: 32px;margin-bottom: 6px;}

.agency-section{padding: 0px; min-height: 500px}
.agency-section img {
  position: absolute;
  width: 100%;
  bottom: 0px;
  left: 0px;
  opacity: 0.3;
  height: 100%;
  object-fit: cover;
}

.agency-section .content-bottom{bottom: 0; left: 0; padding: 30px; width: 100%;}
.agency-section .content-bottom h1{font-size:36px; line-height:46px;}
.agency-section .content-bottom p{font-size:16px; line-height:24px; width: 100%}
.collection-section .swiper{margin: 0px}
.compliance_simplified ul.link-list li {width: 100%; margin: 0 0 10px 0; padding: 0px}
.compliance_simplified ul.link-list li .wc-btn-light{padding: 0 15px}
.compliance_simplified .download-btn{margin-bottom: 8px; font-size: 18px; padding: 15px}

.franchisepartner-section .wc-btn-light{margin-top: 20px; padding: 0 15px}
.collectioncenters-section .d-flex{display: block !important;}
.collectioncenters-section .d-flex a{margin-bottom: 10px }

.compliance_simplified p{font-size: 16px; line-height: 22px; margin: 10px 0 30px 0px;}
.compliance_simplified .step-box h3{font-size: 22px; line-height: 34px;}
}
.error{color: #e50119 !important;font-size: 1rem !important;font-weight: 500 !important;}
.txt-just { text-align: justify !important; font-size: 17px !important; line-height: 36px !important; }

@media (max-width: 650px) {
    .banner .top-left p {
      font-size: 12px;
    }
    .banner .top-left p span {
      margin: 0 5px;
    }

    .banner .top-left {
      margin-left: 0px !important;
    }
    .about-section h2, .service-section h2, .testimonial-section h2, .blog-section h2, .client-section h2, .project-section h2, .who-we-area-section h2, .collection-section h2, .quote-section h2, .compliance_simplified h2, .epr-section h2, .franchisepartner-section h2, .partner-section h2, .collectioncenters-section h2, .collectionlist-section h2, .founder-section h2, .team-section h2, .photoslider-section h2 {
      font-size: 20px;
      line-height: 26px;
      margin-bottom: 20px;
    }
    .project-section h2 {
      font-size: 30px;
      line-height: 38px;
    }
    .about-section p, .service-section p, .blog-section p, .client-section p, .project-section p, .who-we-area-section p, .quote-section p, .collectioncenters-section p, .franchisepartner-section p {
      text-align: justify;
    }
    .about-section h2 span img, .testimonial-section h2 span img {
        height: 17px;
    }
    .collection-section .swiper {
        width: 100%;
    }
    .consultancy-one-section p {
        text-align: justify;
    }
    .footer-section .copyright {
        font-size: 11px;
    }
    .wc-btn { display:none !important; }
    .in-desk { display:none !important; }
    .in-mob { display:block !important; }

    .banner {
      position: relative;
      overflow: hidden;
      height: 650px;
  }

  .banner img {
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
      opacity: 0;
      transition: opacity 1s ease-in-out;
      filter: brightness(80%);
  }

  .banner img.active {
      opacity: 1;
  }
  
}
#dispose-now h2 { margin-bottom: 32px !important; }


.menu-block-mobile ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.menu-block-mobile ul li {
  position: relative;
}

.menu-block-mobile ul li a {
  display: block;
  padding: 10px;
  text-decoration: none;
  color: #000;
}

.menu-block-mobile ul li .nav-dropdown {
  display: none;
  transition: all 0.3s ease-in-out;
  list-style: none;
  padding: 0;
  margin: 0;
}

.menu-block-mobile ul li .nav-dropdown.active {
  transition: all 0.5s ease-in-out;
  display: block;
}


.menu-block-mobile ul li .nav-dropdown li a {
    padding: 10px 20px;
    background-color: #f1f1f1;
}

.menu-block-mobile ul li .nav-dropdown li a:hover {
    background-color: #e1e1e1;
}