@media (max-width:1800px) {
    .snapsearch-explore {
        right: 6%
    }

    .snapsearch-explore img {
        width: 90%
    }

    .whereToBuy_sec .lt_data {
        padding-left: 0px
    }

    .containerWrapper {
        padding: 0px 100px
    }

    .temp-20Card-text {
        margin-top: 140px
    }

    .heading p {
        font-size: 16px;
        line-height: 22px
    }

    #scroll-Down {
        width: 400px;
        height: 400px
    }

    #scroll-Down svg {
        width: 400px;
        height: 400px
    }

    #scroll-Down {
        bottom: -200px
    }

    #scroll-Down a img {
        height: 26px
    }

    #scroll-Down a {
        bottom: 233px
    }

    .nav_left_tab_content .nav-link span {
        font-size: 17px;
        padding: 0px;
        height: auto;
        padding-left: 50px
    }

    .nav_tab_wrapper .nav-link.active span {
        padding-left: 75px
    }

    .nav_left_tab_content .nav-link span img {
        width: 30px
    }

    .to-top {
        bottom: 78px;
        width: 55px;
        height: 55px;
        right: 90px
    }

    .emailHandler-container .emailHandler-header h2 {
        font-size: 48px;
        letter-spacing: 0
    }

    .emailHandler-container .emailHandler-header h4 {
        font-size: 28px
    }

    .banner_text p {
        font: normal normal 18px / 1.4 var(--roboto_reg)
    }

    .container1 {
        padding: 0 50px
    }

    .keeping-you-ahead .efficient_protection_slider_wrapper {
        padding: 0px 50px 0 50px
    }
}

@media screen and (min-width:1651px) {
    .about-us-bannr .home-video {
        position: relative;
        height: calc(100vh - 110px)
    }
}

@media screen and (min-width:1501px) and (max-width:1810px) {
    a.brand_logo {
        margin-left: 50px;
        width: 180px
    }

    .inner_page_nav {
        padding: 0 50px
    }

    .to-top {}

    .nav_div.top_nav_wrapper {
        padding: 0 2% 0 18%
    }

    .nav_div.bottom_nav_wrapper {
        padding: 0 2% 0 18%
    }

    .products_super_meg_menu,
    .programs_super_meg_menu,
    .spaces_super_meg_menu,
    .professionals_products_super_meg_menu,
    .professionals_programs_super_meg_menu,
    .professionals_spaces_super_meg_menu,
    .hamburger_meg_menu,
    .experience_legrand_super_meg_menu {
        padding: 0 50px;
        height: 0
    }

    .super_meg_menu_expanded {
        height: 100vh
    }

    .nav_tab_wrapper {
        grid-template-columns: 370px auto
    }

    .nav_tab_wrapper.hover_nav_tab_wrapper {
        grid-template-columns: 370px 676px
    }

    .sub_tab_grid_wrapper {
        grid-template-columns: 360px auto;
        gap: 20px
    }

    .half_grid_content p {
        font-size: 15px
    }

    .nav_tab_wrapper .nav-link {
        height: auto;
        padding: 20px 10px;
        font-size: 17px;
        gap: 11px;
        line-height: 1.6
    }

    .nav_tab_wrapper .nav-link>img {
        max-width: 25px
    }

    .nav_tab_wrapper .nav-link:after {
        top: 45%;
        height: 7px;
        width: 7px;
        right: 30px
    }

    .tab_accordion {
        padding: 30px;
        height: auto
    }

    .nav_tab_wrapper .accordion-button {
        font-size: 17px
    }

    .nav_tab_wrapper .accordion-body>ul>li>a {
        font-size: 15px
    }

    .nav_tab_wrapper .accordion-body>ul>li {}

    .nav_tab_wrapper .accordion-body {
        padding: 10px 0 10px
    }

    .nav_tab_wrapper .accordion-item {
        margin-bottom: 10px
    }

    .nav_tab_wrapper .accordion-button::after,
    .accordion-button::before {
        width: 12px;
        height: 2px
    }

    .nav_tab_wrapper .accordion-button::after {
        right: 8px
    }

    .sub_grid_img_Wrappper img {
        height: 270px !important
    }

    .grid_2x2_img {
        height: 230px
    }

    .grid_content_wrap h3 {
        font-size: 20px
    }

    .grid_content_wrap p {
        font-size: 12px;
        margin: 0
    }

    .grid_content_wrap a {
        margin: 10px 0 0;
        font-size: 10px;
        height: auto;
        width: max-content;
        padding: 7px 20px
    }

    .hamburger_nav_list li a {
        font-size: 17px;
        height: auto;
        padding: 20px 10px;
        line-height: 1.6
    }

    .hamburger_nav_list li a:hover {
        padding-left: 55px
    }

    .hamburger_nav_list li.hovered_bg a {
        padding-left: 55px
    }

    .hamburger_nav_list li:before {
        left: 20px;
        font-size: 14px
    }

    .hamburger_super_meg_menu_wrapper .nav_tab_wrapper {
        gap: 30px
    }

    .sub_tab_grid_wrapper2 {
        grid-template-columns: 670px auto;
        gap: 30px
    }

    .grid_box_Wrapper {
        padding: 30px;
        gap: 10px
    }

    .grid_box_Wrapper img {
        max-width: 26px
    }

    .grid_box_Wrapper h3 {
        font-size: 22px;
        line-height: 1.6
    }

    .banner_text h1 {
        font-size: 60px;
        line-height: 60px
    }

    .banner_text {
        max-width: 600px;
        width: 100%;
        margin-top: 50px
    }

    .btn_solid {
        font-size: 12px
    }

    .banner_content_wrapper {
        top: 100px;
        left: 100px
    }

    .inner_page_banner {
        overflow: hidden
    }

    .inner_page_banner,
    .inner_page_banner img,
    .inner_page_banner:before {
        height: 650px;
        object-fit: cover
    }

    .home-video {
        height: 650px
    }

    .head_wrapper p {
        width: 780px
    }

    .elegant_slider_wrapper {
        padding: 0 0px
    }

    .elegant_slider_wrapper .swiper-slide {
        padding: 0 0
    }

    .slider_card_content_wrapper p {
        font-size: 14px;
        width: 300px
    }

    .slider_card_content_wrapper h2 {
        font-size: 30px
    }

    .top_left_logo {
        left: 40px;
        top: 25px;
    }

    .top_right_fullcscreen {
        max-width: 25px
    }

    .video_modal_wrapper .modal-content {
        height: 90vh
    }

    .global_drop_wrapper {
        width: 900px;
        padding: 0 30px;
        right: 30px
    }

    .global_drop_open {
        height: 500px;
        padding: 30px;
        top: 7px
    }

    .country_list_Wrapper ul>li {
        margin-bottom: 20px
    }

    .global_drop_wrapper.global_drop_open .country_list_Wrapper {
        height: 440px
    }

    .country_list_Wrapper h3 {
        margin-bottom: 20px;
        font-size: 22px
    }

    .nav_right .india_drop_wrapper li {
        margin-bottom: 15px
    }

    .india_drop_wrapper.india_drop_open {
        height: 222px
    }

    .envision-sec {
        padding: 100px 100px
    }

    .envision-card {
        width: 23.3%
    }

    .Experience-Customisation-header {
        width: 63%
    }

    .envision-card-content h3 {
        font: normal normal 22px / 30px var(--acumin_semibold)
    }

    .envision-header.dark_center.head_wrapper p {
        width: 750px
    }

    .Experience-Customisation-header.dark_center.head_wrapper p {
        width: 730px
    }

    .product_tab_sec .captionText h6 {
        font-size: 28px
    }

    .product_tab_sec .captionText p {
        font-size: 14px
    }

    .temp-15-offering4:hover .temp-15-offering4-hover {
        width: 274px
    }

    .featuredProducts_section {
        padding-top: 120px;
        padding-bottom: 15px
    }

    .smart-spaces-bg {
        padding: 120px 0
    }

    .social-media-sec {
        padding: 110px 0 100px 0
    }

    .whereToBuy_sec .lt_data h3 {
        padding-top: 100px
    }

    .year1-area .year1::before {
        height: 80px
    }

    .temp-3 .swiper-button-next,
    .temp-3 .swiper-button-prev {
        width: 50px;
        height: 50px;
        left: 50px
    }

    .temp-3 .swiper-button-next {
        left: calc(50px + 65px)
    }

    .elegant_design_slider .swiper-button-next,
    .elegant_design_slider .swiper-button-prev {
        width: 50px;
        height: 50px;
        left: 0
    }

    .elegant_design_slider .swiper-button-next {
        left: calc(1px + 75px)
    }

    .products_list_swiper .swiper-button-next,
    .products_list_swiper .swiper-button-prev {
        width: 50px;
        height: 50px;
        left: 50px
    }

    .products_list_swiper .swiper-button-next {
        left: calc(50px + 65px)
    }

    .other_products_swiper .swiper-button-next,
    .other_products_swiper .swiper-button-prev {
        width: 50px;
        height: 50px
    }

    .other_products_swiper .swiper-button-next {
        left: calc(1px + 65px)
    }

    .dynamic_product_slider .swiper-button-next,
    .dynamic_product_slider .swiper-button-prev {
        width: 50px;
        height: 50px;
        left: 140px
    }

    .dynamic_product_slider .swiper-button-next {
        left: calc(140px + 65px)
    }

    .featured-in-new-slider .swiper-button-next,
    .featured-in-new-slider .swiper-button-prev {
        width: 50px;
        height: 50px;
        left: 0px
    }

    .featured-in-new-slider .swiper-button-next {
        left: calc(1px + 65px)
    }

    .case_studies_swiper .swiper-button-next,
    .case_studies_swiper .swiper-button-prev {
        width: 50px;
        height: 50px;
        left: 50px
    }

    .case_studies_swiper .swiper-button-next {
        left: calc(50px + 65px)
    }

    .temp-20-slider .swiper-button-next,
    .temp-20-slider .swiper-button-prev {
        width: 50px;
        height: 50px;
        left: 50px
    }

    .temp-20-slider .swiper-button-next {
        left: calc(50px + 65px)
    }

    .footer_lt_data_top {
        padding-left: 50px
    }

    .whereToBuy_sec {
        padding: 0 0 0 40px
    }

    .all_prod_data_wrapper {
        padding: 120px 100px 100px 50px
    }

    .case_studies_head {
        padding: 0 50px
    }

    .temp-6-area {
        left: 50px
    }

    .other_products .case_studies_swiper_wrapper {
        padding: 0 50px;
        overflow: hidden
    }

    .smart-spaces-bg .container1 {
        padding: 0 50px
    }

    .life-legrand_wrapper {
        padding: 0 50px
    }

    .efficient_protection_slider_wrapper {
        padding: 80px 26px
    }

    .social-media-wrapper {
        padding: 0 50px
    }
}

@media (max-width:1500px) {
    .banner_text {
        max-width: 600px;
        width: 100%;
        margin-top: 50px
    }
}

@media screen and (min-width:1200px) and (max-width:1650px) {
    .temp-2-textTop h5 {
        font-size: 20px
    }

    .product_tab_sec .captionText h6 {
        text-align: center;
        letter-spacing: -1.6px;
        color: #ffffff;
        text-transform: capitalize;
        opacity: 1;
        font-family: var(--acumin_regular);
        font-size: 32px
    }

    .container1 {
        padding: 0 50px
    }

    .juicer-feed {
        padding: 0 90px !important
    }

    .smart-spaces-bg .container1 {
        padding: 0 50px
    }

    .enquire_Sec .enq_lt_data {
        padding: 100px 110px
    }

    .whereToBuy_sec {
        padding: 0 0 0 40px
    }

    .footer_lt_data_top {
        padding-left: 40px
    }

    .enquire_Sec .enq_lt_data h5 {
        font-size: 70px
    }

    .slideData {
        left: 7%
    }

    .downloadApp_Sec {
        padding: 0 110px;
        padding-top: 190px
    }

    a.brand_logo {
        width: 150px;
        max-height: 110px;
        margin-left: 50px
    }

    .inner_page_nav {
        padding: 0 50px
    }

    .nav_wrapper.scrolled a.brand_logo {
        max-height: 60px
    }

    .nav_div.top_nav_wrapper {
        padding: 0 30px 0 19%;
        height: 50px
    }

    .nav_div.top_nav_wrapper .nav_left ul li button.nav-link {
        font-size: 12px;
        padding: 0 15px
    }

    .nav_div.bottom_nav_wrapper {
        height: 60px;
        padding: 0 55px 0 19%
    }

    .nav_wrapper.scrolled {}

    .nav_left ul li {
        margin: 0 0 0 20px
    }

    .nav_div.bottom_nav_wrapper .nav_left ul li a {
        font-size: 12px;
        height: 60px
    }

    .drop_a_datacenter {
        font: normal normal 12px / 1.1 var(--acumin_semibold);
        height: 60px;

    }

    .nav_right ul {
        gap: 30px
    }

    .nav_right ul li a {
        font-size: 12px
    }

    .nav_right ul li {
        margin-left: 20px
    }

    li.nav_dropdown {
        font-size: 12px;
        width: 145px
    }

    li.bordered_dropdown a {
        height: 35px;
        width: fit-content;
        padding: 0 40px 0 16px
    }

    .nav_right ul li.solid_bg_dropdown>a {
        height: 35px;
        width: fit-content;
        padding: 5px 15px 0
    }

    .nav_right ul li.bordered_dropdown a,
    .nav_right ul li.solid_bg_dropdown>a {
        font-size: 11px
    }

    .top_nav_wrapper>.nav_left li.nav-item.dropdown {
        margin-left: 14px;
        width: auto;
        padding: 0 30px 0 20px;
        font-size: 12px;
        height: 35px
    }

    .cons:after,
    .cons:before {
        margin-right: 4px
    }

    .cons:after {
        right: 12px
    }

    .cons:before {
        right: 7px
    }

    .top_nav_wrapper>.nav_left ul>li>ul.dropdown-menu {
        left: -50px !important
    }

    .top_nav_wrapper>.nav_left ul>li>ul.dropdown-menu.show {
        padding: 15px;
        left: -50px !important;
        height: 250px
    }

    .top_nav_wrapper a.dropdown-item {
        font-size: 12px
    }

    .top_nav_wrapper>.nav_left ul>li>ul li {
        margin: 0
    }

    .products_super_meg_menu,
    .programs_super_meg_menu,
    .spaces_super_meg_menu,
    .professionals_products_super_meg_menu,
    .professionals_programs_super_meg_menu,
    .professionals_spaces_super_meg_menu,
    .hamburger_meg_menu,
    .experience_legrand_super_meg_menu {
        padding: 0 50px
    }

    .nav_tab_wrapper {
        grid-template-columns: 350px auto
    }

    .nav_tab_wrapper.hover_nav_tab_wrapper {
        grid-template-columns: 350px 640px
    }

    .sub_tab_grid_wrapper {
        grid-template-columns: 260px auto;
        gap: 20px
    }

    .half_grid_content p {
        font-size: 15px
    }

    .nav_tab_wrapper .nav-link {
        height: auto;
        padding: 10px;
        font-size: 15px;
        gap: 11px;
        line-height: 30px
    }

    .nav_tab_wrapper .accordion-item:first-of-type .accordion-button {
        font-size: 15px;
        line-height: 1.3
    }

    .nav_tab_wrapper .nav-link>img {
        max-width: 17px;
        margin-top: -5px
    }

    .nav_tab_wrapper .nav-link:after {
        top: 20px;
        height: 7px;
        width: 7px
    }

    .tab_accordion {
        padding: 10px 20px;
        height: auto
    }

    .nav_tab_wrapper .accordion-button {
        font-size: 15px
    }

    .nav_tab_wrapper .accordion-body>ul>li>a {
        font-size: 15px
    }

    .nav_tab_wrapper .accordion-body>ul>li {
        margin-bottom: 6px
    }

    .nav_tab_wrapper .accordion-body {
        padding: 4px 0 10px
    }

    .nav_tab_wrapper .accordion-item {
        margin-bottom: 24px
    }

    .nav_tab_wrapper .accordion-button::after,
    .nav_tab_wrapper .accordion-button::before {
        width: 7px;
        height: 2px
    }

    .nav_tab_wrapper .accordion-button::after {
        right: 4px
    }

    .sub_grid_img_Wrappper img {
        height: 250px !important
    }

    .grid_content_wrap h3 {
        font-size: 20px
    }

    .grid_content_wrap p {
        font-size: 12px;
        margin: 0
    }

    .grid_content_wrap a {
        margin: 10px 0 0;
        font-size: 10px;
        height: auto;
        width: max-content;
        padding: 7px 20px
    }

    .grid_2x2_img {
        height: 290px
    }

    .hamburger_nav_list li a {
        font-size: 15px;
        padding: 10px;
        height: auto;
        padding-left: 55px
    }

    .hamburger_nav_list li:before {
        font-size: 14px;
        left: 20px
    }

    ul.hamburger_nav_list li a:hover {
        padding-left: 55px
    }

    #hamburger_icon {
        margin-top: -3px
    }

    .hamburger_nav_list li.hovered_bg a {
        padding-left: 55px
    }

    .hamburger_super_meg_menu_wrapper .nav_tab_wrapper {
        gap: 20px
    }

    .sub_tab_grid_wrapper2 {
        grid-template-columns: auto 260px;
        gap: 20px
    }

    .grid_box_Wrapper {
        padding: 20px;
        gap: 20px
    }

    .grid_box_Wrapper h3 {
        font-size: 19px;
        line-height: 1.6
    }

    .grid_box_Wrapper img {
        max-width: 26px
    }

    .inner_page_banner {
        margin-top: 110px
    }

    .inner_page_banner {
        margin-top: 110px
    }

    .banner_content_wrapper {
        top: 70px;
        left: 80px
    }

    .banner_text h1 {
        font-size: 60px;
        line-height: 60px
    }

    .banner_text p {
        font-size: 14px;
        line-height: 1.6;
        margin-bottom: 30px
    }

    .btn_solid,
    .btnMain,
    .forumBtn,
    .footer_lt_data_top .submitBtn {
        font-size: 12px
    }

    .inner_page_banner {}

    .home-video {
        position: relative;
        height: calc(100vh - 110px)
    }

    .other_products_swip_wrapper:hover .other_products_content {
        transform: translateY(0px)
    }

    .other_products_content .know_more_op {
        bottom: 0
    }

    .other_products_content {
        transform: translateY(80px)
    }

    .banner_content_wrapper .breadcrumb-item {
        font-size: 12px
    }

    .head_wrapper p {
        font: normal normal 14px / 1.4 var(--roboto_reg);
        width: 500px
    }

    .elegant_slider_wrapper .swiper-slide {
        padding: 0 0
    }

    .top_left_logo {
        top: 20px;
        left: 30px;
        width: 140px !important;
    }

    .slider_card_content_wrapper p {
        width: 100%;
        font-size: 14px;
        line-height: 18px
    }

    .slider_card_content_wrapper h2 {
        font-size: 25px;
        line-height: 1.1
    }

    .top_right_fullcscreen {
        max-width: 20px;
        top: 20px;
        right: 20px
    }

    .know_more_btn {
        width: auto;
        height: auto;
        font-size: 11px;
        padding: 10px 19px 8px;
        line-height: 1.6;
        margin-top: 15px
    }

    .elegant_slider_wrapper {
        padding: 0 0px
    }

    .video_modal_wrapper .modal-content {
        height: 90vh
    }

    .fanRegulator360 .swiper-thumbs .swiper-slide {
        width: 100px !important;
        height: 100px !important
    }

    .wrapFanRegul360 {
        width: 75%
    }

    .sub_nav_drop_active.t2 {
        padding: 0 6px;
        font-size: 12px
    }

    .inner_page_nav.ty2.sticky .inner_sticky_left ul li a {
        padding: 0 8px;
        font-size: 11px
    }

    .global_drop_wrapper {
        width: 790px;
        gap: 20px;
        padding: 0 30px;
        top: 43px;
        right: 40px
    }

    .global_drop_open {
        padding: 30px;
        height: 460px;
        top: 52px
    }

    .global_drop_wrapper {
        right: 0
    }

    .global_drop_wrapper.global_drop_open .country_list_Wrapper {
        height: 442px
    }

    .country_list_Wrapper ul>li {
        margin-bottom: 20px
    }

    .country_list_Wrapper h3 {
        font-size: 20px;
        margin-bottom: 10px
    }

    .nav_right .india_drop_wrapper li {
        margin-bottom: 5px
    }

    .india_drop_wrapper.india_drop_open {
        height: auto;
        padding: 15px
    }

    .india_drop_wrapper {
        width: 200px;
        padding: 0 15px
    }

    .shospOnlineBtn {
        padding: 17px 37px
    }

    .to-top {}

    .banner_sec .swiper-button-next,
    .banner_sec .swiper-button-prev {
        width: 50px;
        height: 50px;
        left: 7%
    }

    .banner_sec .swiper-button-next {
        left: calc(7% + 65px)
    }

    .temp-21 .swiper-button-next,
    .temp-21 .swiper-rtl .swiper-button-prev,
    .temp-21 .swiper-button-prev,
    .temp-21 .swiper-rtl .swiper-button-next {
        width: 50px;
        height: 50px
    }

    .temp-15-offering4:hover .temp-15-offering4-hover {
        width: 274px
    }

    .year1-area .year1::before {
        height: 80px
    }

    .career_banner img {
        height: calc(100vh - 110px)
    }

    .career_banner img {
        height: calc(100vh - 110px)
    }

    .nav_left_tab_content .nav-link span {
        font-size: 15px;
        padding: 0px;
        height: auto;
        padding-left: 55px
    }

    .nav_left_tab_content .nav-link.active span {
        font-size: 15px;
        padding: 0px;
        height: auto;
        padding-left: 55px
    }

    .nav_left_tab_content .nav-link:before {
        font-size: 14px;
        left: 20px
    }

    .nav_left_tab_content .nav-link span img {
        width: 28px
    }

    .fanRegulator360 {
        padding-top: 110px
    }
}

@media screen and (min-width:1399px) and (max-width:1600px) {
    .inner_page_nav.ty2.sticky .inner_sticky_left ul li a {
        padding: 0 3px;
        font-size: 12px
    }

    .sub_nav_drop_active.t2 {
        padding: 0 8px;
        font-size: 13px
    }
}

@media (min-width:1200px) {
    .mobile-banner {
        display: none
    }

    .elegant_slider_wrapper .swiper-wrapper {
        width: auto;
        row-gap: 30px;
        margin: 0
    }
}

@media (max-width:1199px) {
    .elegant_slider_wrapper .swiper-wrapper.row {
        --bs-gutter-x: 0
    }

    .downloadApp_Sec .tab-content {
        top: 100px;
        right: 0
    }

    .codeLogo img {
        width: 50%
    }

    .enquire_Sec .enq_lt_data {
        padding: 33px
    }

    .enquire_Sec .enq_lt_data h5 {
        font-size: 60px
    }

    .temp-3-card h3 {
        font-size: 32px
    }

    .featuredProducts_section .tabs-container nav {
        width: 80%
    }

    .temp-2-card-text {
        padding: 20px 9px 2px 10px
    }

    .downloadApp_Sec h5 {
        font-size: 60px
    }

    .codeLogo {
        left: -56px
    }

    .whereToBuy_sec .lt_data {
        padding-right: 20px;
        padding-left: 10px
    }

    .whereToBuy_sec {
        padding: 0;
        padding-bottom: 50px
    }

    .whereToBuy_sec .lt_data h3 {
        font-size: 58px
    }

    .mainNav-tabs .nav-link {
        padding: 13px 25px
    }

    .whereBuyTab {
        width: 100%
    }

    .footer_lt_data_top h5 {
        font-size: 39px
    }

    .footer_lt_data_top {
        padding-left: 25px;
        padding-right: 25px
    }

    .footer_rt_data {
        padding-right: 5px;
        padding-left: 5px
    }

    .footer_rt_data .ftr-heading {
        font-size: 21px
    }

    .to-top {
        display: none !important
    }

    .followUsSec .tlFus {
        font-size: 26px
    }

    .downloadApp_Sec .tab-content {
        width: 456px
    }

    .wrapFanRegul360 {
        width: 85%
    }

    .fanRegulator360 .swiper-thumbs .swiper-slide {
        width: 80px !important;
        height: 80px !important
    }

    .fanRegulator360 .swiper-thumbs .swiper-slide img {
        width: 79%;
        height: auto
    }

    .fanRegulator-details {
        width: 100%;
        padding-left: 10px;
        padding-right: 10px
    }

    .shospOnlineBtn {
        padding: 25px 33px
    }

    .rt-featuresBeniData {
        width: 50%;
        height: 500px;
        right: 5%;
        top: 10%;
        padding: 0
    }

    .benifit-section-lGe .rt-featuresBeniData {
        width: 100%
    }

    .left-featuresBenifits h3 {
        font: normal normal bold 60px/72px var(--acumin_bold)
    }

    .left-featuresBenifits {
        left: 5%;
        top: 15%;
        width: 29%
    }

    .features-benefits-sec .product_img {
        height: 600px;
        object-fit: cover
    }

    .rt-featuresBeniData .link1 {
        word-break: break-all
    }

    .temp-10-area.t2 .card-text-title h3,
    .temp-10-area.t2 .card-text-title span {
        font-size: 16px;
        margin-bottom: 4px
    }

    .temp-2-textTop h5 {
        font-size: 21px
    }

    .banner_sec .swiper-slide img {
        object-position: center
    }

    .Customisation-card {
        width: 48%
    }

    .banner_sec .swiper-button-next,
    .banner_sec .swiper-button-prev {
        width: 50px;
        height: 50px;
        right: 6%
    }

    .product_tab_sec .captionText {
        padding-inline: 15px;
        padding-block: 30px
    }

    .banner_text {
        max-width: 500px;
        width: 100%
    }
}

@media only screen and (max-width:1600px) {
    .contactus-new .temp-9-area-2 {
        width: 50%
    }

    .report_frm .contct_frm h2 {
        font-size: 52px
    }

    .temp-5 .card-text-title h3 {
        font-size: 18px
    }

    .temp-16Card-text h5 {
        font-size: 21px;
        margin-bottom: 6px
    }

    .temp-16Card-text p {
        font-size: 14px;
        margin-bottom: 15px
    }

    .temp-17Card-text {
        padding: 35px
    }

    .temp-17Card-text h3 {
        font-size: 28px
    }

    .temp-20 {
        padding: 100px 0px 100px 0px
    }

    .temp-20Card {
        padding: 40px
    }

    .temp-20Card-text span {
        font-size: 14px
    }

    .temp-20Card-text {
        font-size: 40px
    }

    .temp-16-model .testmuni {
        font-size: 24px;
        margin: 25px 0 28px 0
    }

    .temp-16-model .head-Left h5 {
        font-size: 28px
    }

    .temp-16 .heading p {
        padding: 0px 11%
    }

    .temp-19Card {
        margin-left: 12.45%
    }

    .temp-16 {
        padding: 120px 50px 110px 50px
    }

    .temp-17 {
        padding: 100px 20px 100px 20px
    }

    .temp-18-textArea h3 {
        font-size: 70px
    }

    .temp-18-textArea h3 {
        margin-bottom: 10px
    }

    .temp-15-offering1-hover {
        width: 270px;
        left: -288px;
        top: -18px;
        font-size: 20px
    }

    .temp-15-offering2-hover {
        width: 270px;
        left: -288px;
        top: -18px;
        font-size: 20px
    }

    .temp-15-offering3-hover {
        width: 270px;
        left: -288px;
        top: -18px;
        font-size: 20px
    }

    .temp-15-offering4-hover {
        width: 270px;
        left: -288px;
        top: -18px;
        font-size: 20px
    }

    .temp-15-offering2-hover::after {
        border-top: 9px solid transparent;
        border-bottom: 9px solid transparent;
        border-left: 11px solid white;
        left: auto;
        right: -10px;
        top: 7px;
        rotate: 57deg
    }

    .temp-15-offering3-hover::after {
        border-top: 9px solid transparent;
        border-bottom: 9px solid transparent;
        border-left: 11px solid white;
        right: -10px;
        left: auto;
        top: 7px;
        rotate: 57deg
    }

    .temp-20Card-text {
        margin-top: 80px
    }

    .temp-14-bgText {
        font-size: 190px;
        top: -93px
    }

    .temp-18-textArea p {
        margin-bottom: 40px
    }

    .nav_right ul li {
        margin-left: 0px
    }

    .merSection {
        padding-top: 70px
    }

    .nav_tab_wrapper .menu-overview li a {
        font-size: 15px
    }

    .temp-5 .card-text-title h4 {
        font-size: 18px
    }

    .temp-5 .temp-5-card-text .card-product-mrp p {
        font-size: 18px
    }

    .temp-4 h2 {
        font-size: 44px
    }

    .temp-4-inner {
        padding: 0 5%
    }

    .temp-6 h3 {
        font-size: 60px;
        width: 565px
    }

    .temp-4 {
        padding-top: 150px;
        padding-bottom: 45px;
    }

    .temp-6 .btnMain {
        padding: 25px 60px 20px;
        font-size: 12px
    }

    .temp-6 p {
        font-size: 18px
    }

    .heading h2 {
        font-size: 52px;
        line-height: 1
    }

    #contact-us .enquire_Sec .enq_lt_data h5 {
        font-size: 52px;
        line-height: 1
    }

    .heading p {
        font-size: 14px
    }

    .temp-6 .temp-6-area p {
        font-size: 14px;
        padding-bottom: 40px
    }

    .temp-7-card {
        width: 28%;
        padding: 30px 30px
    }

    .temp-7-imageArea {
        width: 150px;
        height: 150px
    }

    .temp-7-imageArea-2 {
        width: 150px;
        height: 150px
    }

    .temp-7-imageArea-3 {
        width: 150px;
        height: 150px
    }

    .temp-7-right-cardText {
        padding: 30px
    }

    .temp-7-imageArea-2 img {
        width: 45px
    }

    .temp-7-imageArea-3 img {
        width: 55px
    }

    .temp-7-imageArea img {
        width: 80px
    }

    .temp-7-card h4 {
        font-size: 18px
    }

    .temp-7-right-cardText h4 {
        font-size: 30px
    }

    .temp-7-bg {
        padding: 100px 0
    }

    .temp-9 h5 {
        font-size: 20px
    }

    .temp-9-livingNow {
        padding: 35px 27px
    }

    .temp-9 h6 {
        border-radius: 25px;
        margin-bottom: 20px;
        font-size: 9px
    }

    .temp-11-innerL {
        font-size: 34px
    }

    .temp-11-innerR {
        font-size: 18px
    }

    .temp-10-text2 .btn-carsKnow {
        font-size: 9px
    }

    .temp-10-text2 .btn-carsKnow-bgblue {
        font-size: 9px
    }

    .eCol-font {
        font-size: 18px
    }

    .emailHandler-container .emailHandler-header h2 {
        font-size: 38px
    }

    .emailHandler-container .emailHandler-header h4 {
        font-size: 24px;
        line-height: 1.1
    }

    .emailHandler-container .emailHandler-header h2 {
        font-size: 32px
    }

    .emailHandler-container .emailHandler-header p {
        font-size: 12px;
        line-height: 1.4
    }

    .emailHandler-header {
        padding-right: 25px
    }

    .amd_timeline_sec .num {
        font-size: 72px;
    }

    .amd_timeline_sec .countdown {
        margin-top: 10px;
    }

    .amd_timeline_sec .number-wrapper {
        width: 110px;
        height: 110px;
    }

    .amd_timeline_sec .countdown span {
        font-size: 72px;
        margin-top: 10px;
    }
}

@media screen and (min-width:1501px) and (max-width:1750px) {
    .slideData {
        top: 21%
    }

    .temp-3-card h3 {
        font-size: 29px
    }

    .featuredProducts_section .tabs-container nav {
        width: 67%
    }

    .downloadApp_Sec .tab-content {
        right: -48px
    }

    .downloadApp_Sec .downApp_btn_section .nav-link {
        width: 230px
    }

    .downloadApp_Sec .tab-content {
        right: -145px
    }

    .downloadApp_Sec .downApp_btn_section .nav-link .socInfo .img1 {
        width: 90px
    }

    .whereToBuy_sec .lt_data h3 {
        font-size: 70px
    }

    .whereBuyTab .nav-link {}

    .temp-10-text2 .btn-carsKnow {
        padding: 10px 21px;
        font-size: 9px
    }

    .temp-10-text2 .btn-carsKnow-bgblue {
        padding: 10px 21px;
        font-size: 9px
    }

    .temp-10-text2 h4 {
        font-size: 22px
    }

    .temp-10-text2 p {
        font-size: 14px
    }

    .top_nav_wrapper>.nav_left li.nav-item.dropdown {
        height: 35px;
        padding: 0 30px
    }

    .cons:after,
    .cons:before {
        margin-right: 4px
    }

    .descriptive_text_wrapper {
        padding: 0 380px
    }
}

@media screen and (min-width:1200px) and (max-width:1500px) {
    .featuredProducts_section .tabs-container nav {
        position: relative;
        width: 73%
    }

    section.sticky-right-bar {
        top: 20%
    }

    .temp-2-textBottom h4 {
        font-size: 75px
    }

    .temp-2-textTop p {
        margin-bottom: 20px;
        font-size: 13px
    }

    .downloadApp_Sec h5 {
        font-size: 60px
    }

    .lowerText {
        font-size: 17px
    }

    .downloadApp_Sec .tab-pane.active .tabSec1 img {
        width: 100%
    }

    .downloadApp_Sec .tab-content {
        width: 255px;
        height: auto;
        top: -75px
    }

    .slideData h1 {
        font-size: 60px;
        line-height: 60px
    }

    .downloadApp_Sec .downApp_btn_section .nav-link {
        width: 220px
    }

    .downloadApp_Sec .downApp_btn_section .nav-link .socInfo img {
        width: 79px
    }

    .downloadApp_Sec .tab-content {
        right: -118px
    }

    .codeLogo img {
        width: 50%
    }

    .codeLogo {
        left: -69px
    }

    .enquire_Sec .enq_lt_data h5 {
        font-size: 67px
    }

    .whereToBuy_sec .lt_data h3 {
        font-size: 50px
    }

    .whereToBuy_sec .lt_data {
        padding-right: 0
    }

    .copyrightSec .footerMenu ul {
        flex-wrap: wrap
    }

    .footer_rt_data .ftr-heading {
        font-size: 23px
    }

    .footer_lt_data_top h5 {
        font-size: 50px
    }

    .footer_rt_data {
        padding: 40px;
        padding-right: 50px;
        padding-top: 100px
    }

    .fanRegulator-details {
        padding: 30px;
        padding-right: 80px
    }

    .fanRegulator-details h2 {
        font-size: 32px;
        width: 90%
    }

    .fanRegulator-details h2 br {
        display: none
    }

    .sticky-right-bar nav {
        top: 25%
    }

    .bordered_nav_btn a,
    .solid_nav_btn a {
        width: max-content
    }

    .rt-featuresBeniData {
        width: 49%;
        padding: 20px 30px;
        height: 665px
    }

    .benifit-section-lGe .rt-featuresBeniData {
        width: 100%
    }

    .rt-featuresBeniData .row {
        padding-top: 7px;
        padding-bottom: 7px
    }

    .left-featuresBenifits h3 {
        font: normal normal bold 52px/61px var(--acumin_bold);
        letter-spacing: -2.5px
    }

    .features-benefits-sec .product_img {
        height: 940px;
        object-fit: cover
    }

    .left-featuresBenifits {
        width: 29%
    }

    .temp-10-area.t2 .card-text-title h3 {
        font: normal normal bold 17px/28px var(--acumin_bold)
    }

    .temp-10-area.t2 .card-text-title span {
        font-size: 20px
    }

    .heading h2 {
        font-size: 70px
    }

    #contact-us .enquire_Sec .enq_lt_data h5 {
        font-size: 70px
    }

    .chatBoat {
        bottom: 110px;
        right: 36px
    }

    .to-top {}

    .temp-2-card-text {
        padding: 30px
    }

    .temp-2-textTop h6 {
        margin-bottom: 14px
    }
}

@media only screen and (max-width:1650px) {
    .beyond-sec .temp-19Area .ovr-hidd .mySwiper11.swiper-container2 {
        height: 270px
    }

    .other_products .case_studies_swiper_wrapper {
        padding: 0 50px
    }

    .snapsearch-content {
        left: 50px
    }

    .post-login-wrapper {
        top: 50px
    }

    .product-details-wrapper {
        padding: 0 50px 50px
    }

    .boq-banner .temp-4-inner {
        padding: 0 26px
    }

    .product-details-wrapper.my-orders {
        grid-template-columns: 26% 70%;
        gap: 50px;
        padding: 0 50px 100px
    }

    .create-account-frm-wrap .modal-content {
        width: 500px;
        height: auto;
        padding: 30px 50px 55px
    }

    .create-account-from .form-control {
        padding: 13px 30px
    }

    .create-account-from .form-submit {
        padding: 13px 30px
    }

    .OrSignIn-wrap {
        margin: 10px 0 12px
    }

    .product-details-wrapper.my-orders {
        grid-template-columns: 25% 70%;
        gap: 70px
    }

    .containerWrapper {
        padding: 0px 50px 0 50px
    }

    .efficient_protection_slider_wrapper {
        padding: 80px 60px
    }

    .img-transition img {
        height: 240px;
        max-height: 240px
    }

    .temp-2-card img {
        height: 600px;
        max-height: 650px
    }

    .swiper.products_list_swiper {
        padding: 0 80px 80px 50px
    }

    .social-media-wrapper {
        padding: 0 50px
    }

    .btn_solid,
    .footer_lt_data_top .submitBtn,
    .forumBtn {
        width: 190px
    }

    .temp-2 .btnMain,
    .btnMain {}

    .temp-1 .btnMain {
        margin-top: 42px
    }

    .temp-1 .heading p {
        font-size: 16px
    }

    .temp-21 .swiper-button-next,
    .temp-21 .swiper-rtl .swiper-button-prev {
        right: calc(50% - 60px)
    }

    .temp-21 .swiper-button-prev,
    .temp-21 .swiper-rtl .swiper-button-next {
        left: calc(50% - 60px)
    }

    .temp-21 .swiper-button-prev,
    .temp-21 .swiper-rtl .swiper-button-next {
        left: calc(50% - 60px)
    }

    section.addMoreItem-wrap {
        padding: 0 50px
    }

    .whitpaperHeading h2.whitepaper-title {
        font-size: 36px;
        line-height: 1
    }

    p.whitepaper-description {
        font-size: 14px;
        line-height: 1.2
    }

    .temp-3 .swiper-button-next,
    .temp-3 .swiper-button-prev {
        width: 50px;
        height: 50px;
        left: 50px
    }

    .temp-3 .swiper-button-next {
        left: calc(50px + 65px)
    }

    .elegant_design_slider .swiper-button-next,
    .elegant_design_slider .swiper-button-prev {
        width: 50px;
        height: 50px;
        left: 0
    }

    .elegant_design_slider .swiper-button-next {
        left: calc(1px + 75px)
    }

    .products_list_swiper .swiper-button-next,
    .products_list_swiper .swiper-button-prev {
        width: 50px;
        height: 50px;
        left: 50px
    }

    .products_list_swiper .swiper-button-next {
        left: calc(50px + 65px)
    }

    .other_products_swiper .swiper-button-next,
    .other_products_swiper .swiper-button-prev {
        width: 50px;
        height: 50px
    }

    .other_products_swiper .swiper-button-next {
        left: calc(1px + 65px)
    }

    .dynamic_product_slider .swiper-button-next,
    .dynamic_product_slider .swiper-button-prev {
        width: 50px;
        height: 50px;
        left: 140px
    }

    .dynamic_product_slider .swiper-button-next {
        left: calc(140px + 65px)
    }

    .featured-in-new-slider .swiper-button-next,
    .featured-in-new-slider .swiper-button-prev {
        width: 50px;
        height: 50px;
        left: 0px
    }

    .featured-in-new-slider .swiper-button-next {
        left: calc(1px + 65px)
    }

    .case_studies_swiper .swiper-button-next,
    .case_studies_swiper .swiper-button-prev {
        width: 50px;
        height: 50px;
        left: 50px
    }

    .case_studies_swiper .swiper-button-next {
        left: calc(50px + 65px)
    }

    .temp-3-card-text {
        padding: 25px
    }

    .temp-3-card h3 {
        font-size: 16px
    }

    .case_studies_head {
        padding: 0 50px
    }

    .all_prod_data_wrapper {
        padding: 100px 50px
    }

    .temp-6-area {
        left: 50px
    }

    .amd_banner {
        padding: 0 70px 40px 70px;
        margin-top: 110px;
    }
}

@media only screen and (max-width:1536px) {

    .careers_swip_content,
    .highlight-card {
        padding: 20px
    }

    .slideData h1 {
        font-size: 60px
    }

    .slideData .info1 {
        font-size: 16px;
        line-height: 1.1
    }

    .heading h2 {
        font-size: 52px;
        line-height: 1.1
    }

    #contact-us .enquire_Sec .enq_lt_data h5 {
        font-size: 52px;
        line-height: 1.1
    }

    .head_wrapper h2 {
        font-size: 52px;
        line-height: 1.1
    }

    .enquire_Sec .enq_lt_data h5 {
        font-size: 72px;
        letter-spacing: -3px;
        line-height: 76px
    }

    .whereToBuy_sec .lt_data h3 {
        font-size: 72px;
        letter-spacing: -3px;
        line-height: 76px
    }

    .footer_lt_data_top h5 {
        font-size: 72px;
        letter-spacing: -3px;
        line-height: 76px
    }

    .banner_text h1 {
        font-size: 60px;
        line-height: 60px
    }

    .banner_text p {
        font-size: 16px;
        line-height: 1.4
    }

    .dark_center.head_wrapper p {
        width: 700px
    }

    .temp-6 h3 {
        font-size: 72px;
        width: 600px;
        line-height: 76px;
        letter-spacing: -3px
    }

    .temp-6 p {
        font-size: 20px
    }

    .temp-2-area .heading p {
        padding-right: 14%
    }

    .paddin_140 {
        padding: 100px 80px
    }

    .temp-2 .btnMain {
        margin-top: 60px
    }

    .Customisation-card-content h3 {
        font: normal normal normal 24px / 24px var(--acumin_regular);
        letter-spacing: -0.28px
    }

    .Customisation-card-content p {
        font: normal normal normal 14px / 22px var(--roboto_reg);
        letter-spacing: 0px
    }

    .Customisation-card-content {
        padding: 20px 30px
    }

    .beyond-sec .temp-19Area .ovr-hidd .mySwiper11.swiper-container2 {}

    .temp-15-offering3:hover .temp-15-offering3-hover {
        width: 260px;
        left: 85px
    }

    .temp-15-offering2:hover .temp-15-offering2-hover {
        width: 260px;
        left: 95px
    }

    .envision-card {
        width: 23.1%;
        height: 220px
    }

    .envision-card-content h3 {
        font: normal normal 18px / 20px var(--acumin_semibold)
    }

    .envision-card-img {
        width: 40px;
        height: 50px
    }

    .configure_now {
        font: normal normal 10px / 16px var(--acumin_bold)
    }

    .envision-card:hover .configure_now::after {
        right: -17px;
        top: 10px
    }

    .descriptive_text_wrapper {
        padding: 0 230px
    }

    .temp-222-textTop h5 {
        font-size: 20px
    }

    .temp-222-textTop p {
        font-size: 14px;
        margin-bottom: 30px
    }

    .temp-222-textBottom h4 {
        font-size: 70px
    }

    .temp-222-textBottom h4 span {
        font-size: 18px;
        top: -2px
    }

    .temp-21 .swiper-button-next,
    .temp-21 .swiper-rtl .swiper-button-prev {
        right: calc(50% - 60px)
    }

    .temp-21 .swiper-button-prev,
    .temp-21 .swiper-rtl .swiper-button-next {
        left: calc(50% - 60px)
    }

    .snapsearch-content .heading span {
        font-size: 18px;
        letter-spacing: 0.04px
    }

    .tryIt-btn {
        padding: 20px 50px
    }

    .snapsearch-explore {
        right: 0%
    }

    .snapsearch-explore img {
        width: 80%
    }

    .product-details-wrapper {
        grid-template-columns: 62% 34%;
        gap: 60px
    }

    .profile-bg {
        top: -25px
    }

    .counter {
        width: 85px
    }

    .counter span {
        display: block;
        font-size: 16px;
        padding: 0 6px
    }

    .counter input {
        width: 22px;
        font: normal normal 600 12px / 30px var(--acumin_semibold)
    }

    .product-title {
        font: normal normal bold 20px / 34px var(--acumin_bold)
    }

    .order-summary-title h3 {
        font: normal normal bold 20px / 34px var(--acumin_bold)
    }

    .summary-list-item p {
        font: normal normal 600 16px / 20px var(--acumin_semibold)
    }

    .summary-list-item span {
        font: normal normal bold 16px / 20px var(--acumin_bold)
    }

    .subTotal {
        font: normal normal bold 20px / 28px var(--acumin_bold)
    }

    .moredetails {
        grid-template-columns: 54% 7% 7% 20%
    }

    .wtb-card {
        padding: 20px
    }

    .Editors_Choice_wrapper .img-transition .img-fluid {
        height: 400px;
        max-height: 400px
    }

    .temp-2-card img {
        height: 560px;
        max-height: 650px
    }

    .legrand-academy-sec .careers-knw-mr-wrapper a {
        padding: 14px 24px 14px
    }

    .temp-6-area {
        width: 35%
    }

    .temp-8-textArea {
        padding: 40px
    }

    .temp-8-textArea h4 {
        font-size: 30px
    }

    .temp-19-head h3 {
        letter-spacing: -2px;
        font-size: 52px
    }

    .featuredProducts_section .tabs-container nav ul li {
        padding: 10px 20px 8px
    }

    .temp-13-textarea h4 {
        font-size: 28px
    }

    .ab-1sec li {
        font-size: 24px
    }

    .slide_card:hover .slider_card_content_wrapper {
        transform: translateY(-30px)
    }

    .year1-area {
        font-size: 18px
    }

    .temp-19 .swiper-button-prevv,
    .temp-19 .swiper-rtl .swiper-button-nextt,
    .temp-19 .swiper-button-nextt,
    .temp-19 .swiper-rtl .swiper-button-prevv {
        width: 50px;
        height: 50px
    }

    .wt-buy-body {
        height: 860px
    }

    .wtb-search-result-wrap {
        height: 310px
    }

    .ep_nav_pills .nav-link {
        height: 40px
    }

    .dynamic_product_slider .swiper-button-next,
    .dynamic_product_slider .swiper-button-prev {
        width: 50px;
        height: 50px;
        left: 90px
    }

    .dynamic_product_slider .swiper-button-next {
        left: calc(90px + 65px)
    }
}

@media only screen and (max-width:1500px) {
    .to-top img {
        width: 18px
    }

    .to-top {}

    .chatBoat {
        bottom: 110px;
        padding: 20px 20px
    }

    .chatBoat img {
        width: 25px
    }

    .snapsearch-explore img {
        width: 70%
    }

    .create-account-frm-wrap .modal-content {
        width: 460px;
        height: auto;
        padding: 10px 40px 35px
    }

    .create-account-from-header h3 {
        font: normal normal bold 26px / 26px var(--acumin_bold);
        margin: 0
    }

    .create-account-from-header p {
        font: normal normal normal 16px / 26px var(--roboto_reg);
        margin: 0
    }

    .create-account-from .form-control {
        font-size: 12px
    }

    .create-account-from .form-submit {
        font-size: 12px
    }

    .product-price {
        font: normal normal bold 16px / 26px var(--acumin_bold)
    }

    .product-totalPrice {
        font: normal normal bold 16px / 24px var(--acumin_bold)
    }

    .product-details-wrapper {
        grid-template-columns: 61% 36%;
        gap: 40px
    }

    .product-details-wrapper.my-orders {
        padding: 0 60px 100px
    }

    .my-orders .product-card-content-wrap {
        grid-template-columns: 45% 15% 30%;
        gap: 20px
    }

    .myorder-dropdown-title {
        font-size: 16px;
        line-height: 20px
    }

    .shopBtn {
        height: 56px
    }

    .wt-buy-body {
        height: auto;
        width: 100%;
        margin-top: 18px;
        overflow: hidden
    }

    .wtb-card-title {
        font: normal normal 600 20px / 30px var(--acumin_semibold)
    }

    .feaSlide-img img {
        height: 500px
    }

    .heading-ss1 {
        font-size: 24px
    }

    .img-transition img {
        height: 220px;
        max-height: 220px
    }

    .res_top p {}

    .legrand-academy-sec .careers_swip_content {
        padding: 0 25px
    }

    .nav_div.top_nav_wrapper {
        padding: 0 30px 0 17%
    }

    .nav_div.top_nav_wrapper .nav_left ul li button.nav-link {
        font-size: 12px;
        padding: 0 10px
    }

    li.nav_dropdown.india_drop {
        width: 110px;
        margin-left: 0px
    }

    li.nav_dropdown {
        width: 135px
    }

    .click_dropdown:after {
        right: 16px
    }

    .click_dropdown:before {
        right: 12px
    }

    .nav_right ul:first-child {
        padding-right: 38px
    }

    .nav_right ul {
        gap: 20px
    }

    .case_studies {
        padding: 100px 0
    }

    .case_studies_head {
        padding: 0px 80px 0 50px;
        margin-bottom: 40px
    }

    .temp-16-model .leaflet-body-inner {
        padding: 0 50px 0px;
        height: calc(100vh - 470px)
    }

    .india_drop_wrapper.india_drop_open ul:first-child {
        padding-right: 0
    }

    .btn_solid,
    .footer_lt_data_top .submitBtn,
    .forumBtn {
        padding-top: 4px;
        height: 60px
    }

    .temp-2 .btnMain,
    .btnMain {}

    .temp-3 {
        padding: 100px 0 0
    }

    .featuredProducts_section {
        padding-top: 100px
    }

    .smart-spaces-bg {
        padding: 100px 0
    }

    .temp-9-DownloadBg {
        padding: 100px 0
    }

    .padding--tb {
        padding: 100px 0;

    }

    .elegant_design {
        padding: 100px 0
    }

    .product_highlights {
        padding: 80px 0
    }

    .other_products_content {
        padding: 20px
    }

    .ptb-120 {
        padding: 100px 0
    }

    .temp-5-right,
    .temp-5-left {
        padding-top: 65px;
        padding-bottom: 65px
    }

    .temp-5-right {
        padding-left: 5%
    }

    .temp-19Card-leftText {
        font-size: 16px
    }

    .temp-19 {
        padding: 100px 0
    }

    .banner_text p {}

    .temp-13 {
        padding: 80px 18.8% 80px
    }

    .temp-1 .heading p {
        width: 100%
    }

    .temp-19Card-right h6 {
        font-size: 24px
    }

    .temp-19Card-right h5 {
        font-size: 90px
    }

    .temp-19Card-right {
        width: 38%
    }

    .footer_lt_data_top .submitBtn {
        padding-top: 13px
    }

    .btn-div.wt-buy-CTA {
        margin-top: 12px
    }

    .temp-20Card-img img {
        width: 14%
    }

    .temp-14Card-text {
        padding: 20px
    }

    .temp-14Card-text p {
        font-size: 12px
    }

    .temp-14Card-text h3 {
        font-size: 18px
    }

    .wt-buy-body {
        height: 820px
    }

    .wtb-search-result-wrap {
        height: 335px
    }

    .followUsSec .tlFus {
        font-size: 24px
    }

    .privacy_policy .about-us-wrapper1 {
        padding: 100px 50px 0
    }

    .keeping-you-ahead.efficient_protection.downloadPage_filters {
        padding: 100px 0
    }

    .banner_search_dropdown_Wrapper {
        width: 500px
    }

    .temp-21 {
        padding: 100px 0 130px 0
    }

    .efficient_protection {
        padding: 100px 0
    }

    button.add-item {
        padding: 12px 24px
    }

    .fanRegulator-details .amt-Sect {
        font: normal normal bold 32px / 40px var(--acumin_bold)
    }

    .sku-category .category {
        font-size: 12px;
        padding: 4px 15px
    }

    .slider_card_content_wrapper {
        padding: 30px
    }

    .slide_card:hover .slider_card_content_wrapper {
        transform: translateY(-45px)
    }

    .dynamic_product_slider .swiper-button-next,
    .dynamic_product_slider .swiper-button-prev {
        width: 50px;
        height: 50px;
        left: 90px
    }

    .dynamic_product_slider .swiper-button-next {
        left: calc(90px + 65px)
    }

    .smart-spaces-slider .swiper-button-next,
    .smart-spaces-slider .swiper-button-prev {
        width: 50px;
        height: 50px;
        left: 0px
    }

    .smart-spaces-slider .swiper-button-next {
        left: calc(1px + 65px)
    }

    .temp-20-slider .swiper-button-next,
    .temp-20-slider .swiper-button-prev {
        width: 50px;
        height: 50px;
        left: 50px
    }

    .temp-20-slider .swiper-button-next {
        left: calc(50px + 65px)
    }

    .smart-spaces-slider .swiper-wrapper {
        padding-bottom: 70px
    }


    .driven_future_right img {
        width: 100% !important;
    }
}

@media only screen and (max-width:1440px) {
    .temp-5-rightInner {
        height: auto;
        row-gap: 20px;
        column-gap: 20px
    }

    #contact-us .driven_future_left p {
        font-size: 22px
    }

    .slideData h1 {
        margin-top: 30px
    }

    .slideData {
        top: 22%
    }

    .videoSec {
        width: 418px;
        height: 170px
    }

    .slideData .info1 {
        margin-top: 10px;
        margin-bottom: 15px
    }

    .scroll-Down {
        width: 249px;
        height: 63px;
        bottom: 43px;
        text-align: center
    }

    .scroll-Down img {
        width: 77%
    }

    .temp-5-left {
        padding-right: 2.2%;
        width: 25%
    }

    .who-we-are-bg {
        padding: 100px 0
    }

    .whereBuyTab .nav-link {
        font-size: 12px
    }

    .forumBtn {
        margin-bottom: 15px;
        margin-top: 10px
    }

    .banner_sec .swiper-pagination-bullet--svg-animation {
        margin: 11px 11px !important
    }

    .to-top {}

    .marquee div,
    .marquee2 div {
        font-size: 74px
    }

    .copyrightSec {
        font-size: 12px;
        line-height: 20px
    }

    .copyrightSec .footerMenu li a {
        font-size: 12px;
        line-height: 20px
    }

    .whereToBuy_sec .lt_data {
        padding-left: 0px
    }

    .whereBuyTab .tab-content .nav-link {
        padding: 21px 22px
    }

    .whereBuyTab {
        width: 85%
    }

    .temp-2-area {
        width: 35%
    }

    .whereBuyTab .tab-content .nav-link {
        padding: 21px 2px;
        width: auto
    }

    .enquire_Sec .enq_lt_data form {
        margin-left: -10px
    }

    .enq_rt_data {
        height: 100vh
    }

    .enq_rt_data img {
        height: 100vh;
        object-fit: cover
    }

    .downloadApp_Sec {
        padding: 100px 50px
    }

    .footer_lt_data_top {
        padding-right: 45px
    }

    .merSection {
        padding-top: 100px
    }

    .temp-6 h3 {
        font-size: 60px;
        line-height: 66px;
        letter-spacing: -2px
    }

    .temp-6 p {
        font-size: 18px
    }

    .enquire_Sec .enq_lt_data h5 {
        font-size: 60px;
        line-height: 66px;
        letter-spacing: -2px
    }

    .whereToBuy_sec .lt_data h3 {
        font-size: 60px;
        line-height: 66px;
        letter-spacing: -2px
    }

    .footer_lt_data_top h5 {
        font-size: 60px;
        line-height: 66px;
        letter-spacing: -2px
    }

    .envision-sec {
        padding: 100px 70px
    }

    .envision-sec-body {
        row-gap: 20px;
        column-gap: 20px;
        justify-content: center
    }

    .envision-card {
        width: 23.8%
    }

    .envision-card-img {
        width: 50px;
        height: 40px
    }

    .envision-card-content h3 {
        font: normal normal 20px / 30px var(--acumin_semibold);
        letter-spacing: 0.28px
    }

    .all_prod_data_wrapper {
        padding: 100px 100px 100px 50px
    }

    .internship-program-wrapper {
        padding: 95px 100px
    }

    .nav_tab_wrapper.experience_legrand_tab_wrapper {
        grid-template-columns: 400px 308px auto
    }

    .product-title {
        font: normal normal bold 20px / 30px var(--acumin_bold)
    }

    .product-SKU {
        font: normal normal 14px / 24px var(--acumin_medium);
        margin-bottom: 10px
    }

    .product-subTitle {
        font: normal normal normal 12px / 18px var(--acumin_regular)
    }

    .product-price {
        font: normal normal bold 16px / 26px var(--acumin_bold)
    }

    .product-totalPrice {
        font: normal normal bold 16px / 26px var(--acumin_bold)
    }

    .counter input {
        width: 30px
    }

    .counter {
        width: 100px
    }

    .order-summary-title h3 {
        font: normal normal bold 22px / 28px var(--acumin_bold)
    }

    .summary-list-item p {
        font: normal normal 600 16px / 24px var(--acumin_semibold)
    }

    .summary-list-item span {
        font: normal normal bold 16px / 26px var(--acumin_bold)
    }

    .subTotal {
        font: normal normal bold 22px / 32px var(--acumin_bold)
    }

    .product-card-left {
        gap: 25px
    }

    .sign-in-LINk-wrap {
        text-align: center;
        margin-top: 20px
    }

    .sign-in-CTAs a {
        padding: 9px 15px 8px;
        height: 40px;
        font: normal normal 12px / 14px var(--acumin_semibold)
    }

    .sign-in-LINk-wrap span {
        font-size: 16px;
        line-height: 16px
    }

    .signin-link {
        font-size: 16px;
        line-height: 16px
    }

    .sign-in-CTAs {
        gap: 15px
    }

    .OTP-verification-modal .create-account-from-header p {
        font: normal normal 16px / 26px var(--acumin_regular);
        margin: 10px 0 20px
    }

    .OTP-verification-modal .create-account-from-header p.otp_ver_timeout {
        font: normal normal 12px / 14px var(--acumin_regular);
        margin: 10px 0 20px
    }

    .opt-boxes input {
        border-radius: 12px;
        width: 40px;
        height: 41px;
        text-align: center;
        font: normal normal 18px var(--acumin_semibold)
    }

    .resend_otp_a p {
        font: normal normal 14px / 20px var(--acumin_regular);
        margin-bottom: 20px
    }

    .wt-buy-dropdown-wrap {
        padding: 30px
    }

    .wtb-card {
        padding: 20px
    }

    .wtb-card-subtitle {
        font: normal normal medium 14px / 18px var(--acumin_medium);
        width: 85%
    }

    .temp-2-textBottom h4 span {
        font-size: 18px;
        top: -5px
    }

    .legrand-academy-sec .careers-knw-mr-wrapper a {
        padding: 13px 20px 11px
    }

    .legrand-academy-sec .careers-knw-mr-wrapper {
        padding: 25px
    }

    .legrand-academy-sec .careers_list_swip_wrapper:hover .careers_swip_content {
        transform: translateY(20px)
    }

    .whereToBuy_sec .heading h2 {
        padding-top: 60px
    }

    .temp-3 .heading p {
        padding-right: 25%
    }

    .temp-5 .temp-5-card .add-boq .btn-carsKnow-bgblue {
        margin-left: 5px
    }

    .temp-5 .add-boq {
        padding: 0 10px
    }

    .temp-5 .temp-5-card .add-boq .btn-carsKnow {
        font-size: 11px
    }
}

@media only screen and (min-width:1030px) and (max-width:1366px) {
    .slideData {
        top: 26%
    }

    .slideData h1 {
        margin-top: 20px
    }

    .to-top {}

    .forumBtn {
        line-height: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 0;
        margin-bottom: 10px
    }
}

@media only screen and (max-width:1366px) {
    .contactus-new .temp-9-area-2 {
        width: 50%
    }

    .contactus-new.temp-9-DownloadBg .container1 {
        padding-right: 0
    }

    .temp-5 .card-text-title h3 {}

    .beyond-sec .temp-19Area .ovr-hidd .mySwiper11.swiper-container2 {}

    .enquire_Sec .submitBtn {
        margin-top: 0
    }

    .enquire_Sec .enq_lt_data h5 {
        margin: 0
    }

    .envision-card {
        width: 23.7%;
        padding: 30px
    }

    .temp-15-offering3:hover .temp-15-offering3-hover {
        width: 230px;
        left: 85px
    }

    .career-detail-banner-sec .inner_page_banner_center_aligned .banner_text {
        margin: 20px auto 0
    }

    .sticky-right-bar nav ul li {
        width: 70px
    }

    .sticky-right-bar nav ul li .home-icon {
        margin-top: 0px
    }

    .sticky-right-bar ul li h6 {
        font: normal normal bold 8px / 10px var(--acumin_bold);
        margin-bottom: 3px
    }

    .snapsearch-explore {
        right: -6%
    }

    .snapsearch-explore img {
        width: 65%
    }

    .my-profile-header h2 {
        font-size: 45px
    }

    .profile-bg {
        top: -5px
    }

    .more-details-listitem h5 {
        font: normal normal 14px / 20px var(--acumin_semibold)
    }

    .product-card-content-wrap,
    .product-subcard-content-wrap {
        grid-template-columns: 40% 13% 15% 17%
    }

    .product-details-wrapper.my-orders {
        padding: 0 60px 100px
    }

    .product-card-left {}

    .my-profile-header h2 {
        font-size: 50px
    }

    .my-orders .product-card-content-wrap {
        grid-template-columns: 49% 17% 27%
    }

    .temp-2-card img {
        height: 500px
    }

    .account-img img {
        width: 35px
    }

    .account-details-top {
        padding: 20px
    }

    .account-details-item img {
        width: 16px
    }

    .logout-btn img {
        width: 16px
    }

    .account-details-item,
    .logout-btn {
        padding: 15px 28px
    }

    .post-login-wrapper {
        width: 250px
    }

    .temp-20 .heading p {
        padding: 0px 22%
    }

    .temp-1 {
        padding: 0 14% 0 12%
    }

    .top_left_logo {
        width: 120px !important;
    }
}

@media only screen and (max-width:1280px) {
    .copyrightSec {
        font-size: 10.5px
    }

    .copyrightSec .footerMenu li a {
        font-size: 10.5px
    }

    .temp-5 .card-text-title h3 {
        font-size: 14px
    }

    .temp-5 .card-text-title h4 {
        font-size: 14px
    }

    .temp-5 .temp-5-card-text .card-product-mrp p {
        font-size: 14px
    }

    .whereBuyTab .tab-content .nav-link {
        padding: 21px 20px;
        width: auto
    }

    .envision-card {
        width: 32.33%;
        padding: 30px
    }

    .envision-sec-body {
        row-gap: 19px;
        column-gap: 13px;
        justify-content: center
    }

    .temp-15-offering3:hover .temp-15-offering3-hover {
        width: 190px;
        left: 85px
    }

    .temp-15-offering2:hover .temp-15-offering2-hover {
        width: 240px;
        left: 95px
    }

    .envision-card-img {
        width: 40px;
        height: 40px
    }

    .envision-card {
        width: 23.33%;
        padding: 25px
    }

    .envision-card-content h3 {
        font: normal normal 18px / 18px var(--acumin_semibold);
        letter-spacing: 0.28px
    }

    .product-card {
        padding: 12px
    }

    .product-card-left {
        gap: 25px;
        font-size: 12px
    }

    .counter input {
        width: 25px;
        font-size: 12px
    }

    .counter span {
        font-size: 16px;
        padding: 0 8px
    }

    .counter {
        width: 85px
    }

    .product-title {
        font: normal normal bold 18px / 24px var(--acumin_bold)
    }

    .product-SKU {
        font: normal normal 14px / 24px var(--acumin_medium);
        margin-bottom: 10px
    }

    .product-subTitle {
        font: normal normal normal 12px / 18px var(--acumin_regular)
    }

    .product-price {
        font: normal normal bold 14px / 24px var(--acumin_bold)
    }

    .product-totalPrice {
        font: normal normal bold 14px / 24px var(--acumin_bold)
    }

    .order-summary-wrapper {
        padding: 35px
    }

    .my-orders .product-card-content-wrap {
        grid-template-columns: 49% 17% 27%
    }

    .myorder-dropdown-CTA {
        width: auto
    }

    .feaSlide-img img {
        height: 450px
    }

    .heading-ss1 {
        font-size: 22px
    }

    .ft-spans1 {
        font-size: 14px
    }

    .comment-views-anchor {
        font-size: 14px
    }

    .downRes-row .row {
        gap: 14px 0
    }

    .img-transition img {
        height: 180px;
        max-height: 180px
    }

    .res_top p {}

    .temp-4 h2 {
        margin-top: 40px
    }

    .swiper.products_list_swiper {
        overflow: hidden
    }

    .temp-2-card img {
        height: 470px
    }

    .slider_card_content_wrapper {
        padding: 20px
    }

    .slider_card_content_wrapper p {
        font-size: 14px;
        line-height: 1.1
    }

    .slide_card:hover .know_more_btn {
        transform: translateY(5px)
    }

    .descriptive_text_wrapper p {
        font-size: 24px
    }

    .slide_card:hover .slider_card_content_wrapper {
        transform: translateY(-60px)
    }

    .amd_banner_Right {
        width: 560px;
    }

    .amd_award_badge {
        top: 15px;
        left: 28px;
    }

    .amd_award_badge img {
        width: 75%;
    }

    .amd_feature_comment img {
        width: 40px;
        height: 40px;
    }

    .amd_feature_comment p {
        font-size: 20px;
    }

    .amd_feature_comment {
        position: absolute;
        top: 40px;
        right: 25px;
    }

    .amd_feature_posts {
        width: 175px;
    }

    .amd_feature_posts img {
        width: 40px;
    }

    .amd_feature_posts p {
        font-size: 14px;
    }

    .amd_feature_Linkedin {
        width: 50px;
        height: 50px;
        top: -35px;
    }

    .amd_feature_content {
        padding: 18px 14px 14px 14px;
    }
}

@media only screen and (min-width:991px) and (max-width:1365px) {
    .slideData {
        top: 21%
    }

    .slideData .info1 {
        margin-bottom: 25px
    }

    .forumBtn {
        margin-bottom: 0
    }
}

@media all and (max-width:1199px) {
    .product-details-wrapper {
        display: block
    }

    .product-details-wrapper.my-orders {
        display: block
    }

    .profile-bg {
        top: -200px
    }

    .product-details-left {
        margin-bottom: 80px
    }

    .wtb-card-title {
        font: normal normal 600 18px / 24px var(--acumin_semibold)
    }

    a.brand_logo {
        width: 110px;
        padding: 0 20px;
        margin-left: 15px
    }

    .nav_div.top_nav_wrapper {
        height: 50px;
        padding: 0 1.2% 0 13%
    }

    .nav_div.top_nav_wrapper .nav_left ul li button.nav-link {
        height: 50px;
        padding: 0 10px;
        font: normal normal normal 12px / 16px var(--acumin_regular)
    }

    .nav_right ul li a {
        font: normal normal 12px / 16px var(--acumin_medium);
        padding: 0 3px
    }

    .nav_right ul:first-child {
        padding-right: 30px;
        gap: 16px
    }

    .india_drop_wrapper.india_drop_open ul {
        padding-right: 0
    }

    .india_drop_wrapper.india_drop_open {
        height: auto
    }

    .nav_right .india_drop_wrapper li {
        margin: 0 0px 10px
    }

    li.nav_dropdown {
        font-size: 12px;
        width: 130px;
        height: 35px
    }

    .click_dropdown:before {
        right: 10px
    }

    .click_dropdown:after {
        right: 14px
    }

    li.nav_dropdown.india_drop {
        width: 110px;
        padding: 0 10px;
        margin-left: 6px
    }

    li.login-cta.boq a {
        padding: 0
    }

    .top_nav_wrapper .nav_right {
        padding-right: 20px;
        gap: 20px
    }

    .nav_right ul .nav_search {
        right: -10px
    }

    .login-wrapper {
        gap: 10px
    }

    .nav_div.bottom_nav_wrapper {
        height: 60px;
        padding: 0 3.2% 0 15%
    }

    .nav_div.bottom_nav_wrapper .nav_left ul li a {
        font: normal normal 12px / 16px var(--acumin_semibold);
        height: 50px;
        padding: 0 30px 0 10px
    }

    .nav_left ul li {
        margin: 0 4px 0 6px
    }

    .nav_right ul li.bordered_dropdown a {
        width: 190px;
        padding: 0 15px;
        justify-content: start
    }

    .nav_right ul li.solid_bg_dropdown>a {}

    .nav_right ul li.bordered_dropdown a,
    .nav_right ul li.solid_bg_dropdown>a {
        height: 40px
    }

    .top_nav_wrapper>.nav_left li.nav-item.dropdown {
        width: 140px;
        justify-content: start;
        margin-left: 10px;
        padding-left: 14px
    }

    .nav_drop_ico {
        max-width: 12px
    }

    .cons3 svg {
        width: 12px
    }

    #prof_drop span {
        font-size: 12px;
        margin-left: 5px
    }

    .products_super_meg_menu,
    .programs_super_meg_menu,
    .spaces_super_meg_menu,
    .professionals_products_super_meg_menu,
    .professionals_programs_super_meg_menu,
    .professionals_spaces_super_meg_menu,
    .experience_legrand_super_meg_menu,
    .hamburger_meg_menu {
        padding: 0 70px
    }

    .hover_nav_tab_wrapper {
        grid-template-columns: 410px 570px
    }

    .hamburger_nav_list li a {
        height: 80px;
        padding: 20px 40px;
        font: normal normal 20px / 38px var(--acumin_regular)
    }

    .ham_nav_left_wrapper .hamburger_nav_list li a img {
        max-width: 20px;
        margin-right: 16px
    }

    .smart-spaces-bg .container1 {
        padding: 0 60px
    }

    .temp-2-area {
        width: 45%
    }

    .temp-2-area-1 {
        width: 53%
    }

    .temp-2-textBottom h4 {
        font-size: 60px
    }

    .temp-2-textBottom h4 span {
        font-size: 18px;
        top: 0
    }

    .temp-19 .swiper-button-prevv,
    .temp-19 .swiper-rtl .swiper-button-nextt {
        width: 55px;
        height: 55px
    }

    .temp-19 .swiper-button-nextt,
    .temp-19 .swiper-rtl .swiper-button-prevv {
        width: 55px;
        height: 55px
    }

    .beyond-sec .temp-19Area .ovr-hidd .mySwiper11.swiper-container2 {
        top: 54%
    }

    .head_wrapper h2 {
        font-size: 38px;
        line-height: 1.1
    }

    .temp-5-rightInner {
        grid-template-columns: repeat(2, 1fr)
    }

    .fanRegulator360 {
        padding-top: 120px
    }

    .nav_right ul {
        gap: 5px
    }

    .sharelinks {
        right: 15px;
        top: 40px
    }

    .amd_work_card {
        height: 140px;
        width: 190px;
    }

    .amd_work_text h3 {
        font-size: 16px;
        line-height: 16px;
    }

    .amd_work_text p {
        font-size: 12px;
        line-height: 16px;
    }

    .amd_work_badge {
        font-size: 60px;
        top: -34px;
    }
}

@media all and (max-width:1024px) {
    .contactus-new .temp-9-area {
        width: 50%
    }

    .contactus-new .temp-9-area-2 {
        width: 50%
    }

    .temp-15-offering2:hover .temp-15-offering2-hover {
        width: 205px;
        top: -59px
    }

    .temp-15-offering2-hover {
        left: 57px;
        font-size: 16px
    }

    .temp-15-offering1-hover {
        left: -240px;
        font-size: 16px
    }

    .temp-15-offering4-hover {
        left: -248px;
        font-size: 16px
    }

    .temp-15-offering3-hover {
        font-size: 16px;
        width: 211px;
        left: 92px;
        top: -18px
    }

    .internship-program-wrapper {
        padding: 80px 30px
    }

    .internship-title {
        font-size: 25px;
        line-height: 35px
    }

    .internship-para {
        font-size: 16px;
        line-height: 26px;
        margin-top: 15px
    }

    .internship-header {
        margin-bottom: 60px
    }

    .internship-list-item {
        font: normal normal 16px / 26px var(--roboto_reg)
    }

    .apply-now-CTA {
        padding: 18px 36px
    }

    .nav_tab_wrapper.experience_legrand_tab_wrapper {
        grid-template-columns: 400px auto
    }

    .grid_img_wrapper {
        display: none
    }

    .temp-222-card-text {
        padding: 20px 20px 18px
    }

    .temp-222-textTop h6 {
        font-size: 8px;
        margin-bottom: 12px
    }

    .temp-222-textTop h5 {
        font-size: 18px;
        letter-spacing: 0.1px;
        margin-bottom: 15px
    }

    .product-details-wrapper {
        display: block
    }

    .product-details-wrapper.my-orders {
        display: block
    }

    .product-details-left {
        margin-bottom: 80px
    }

    .profile-bg {
        top: -210px
    }

    .head_wrapper p {
        width: 500px
    }

    .case_studies_head {
        padding: 0 70px
    }

    .btn_solid {}

    .all_prod_data_wrapper {
        display: block
    }

    .product_right_grid_wrapper {
        grid-template-columns: 185px 185px 185px 185px;
        gap: 15px;
        margin-top: 60px
    }

    .product_wrapper {
        padding: 20px
    }

    .case_studies_swip_wrapper .product_img {
        height: 340px;
        max-height: 340px;
        object-fit: cover
    }

    .temp-9-area-2 {
        width: 100%
    }

    .temp-9-area {
        width: 100%;
        margin-top: 50px;
        margin-bottom: 40px
    }

    .global_drop_wrapper {
        width: 800px;
        right: -20px;
        gap: 30px
    }

    .global_drop_open {
        padding: 60px
    }

    .country_list_Wrapper>ul {
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start
    }

    .social-media-wrapper {
        padding: 0 20px
    }

    .temp-21Card {
        height: 400px;
        width: 560px
    }

    section.temp-15-bg {
        overflow: hidden
    }

    .nav_left_tab_content .nav-link span {
        font-size: 15px;
        padding: 10px;
        height: auto;
        padding-left: 55px
    }

    .nav_left_tab_content .nav-link.active span {
        font-size: 15px;
        padding: 10px;
        height: auto;
        padding-left: 55px
    }

    .nav_left_tab_content .nav-link:before {
        font-size: 14px;
        left: 20px
    }

    .nav_left_tab_content .nav-link {
        height: 80px
    }

    .nav_left_tab_content .nav-link span img {
        width: 20px
    }

    .swiper-container2 {
        height: 570px
    }

    .privacy_policy .about-us-wrapper1 {
        padding: 80px 0px 0
    }

    .privacy_policy .about-us-wrapper1 .about-us-container1-top-text {
        padding: 20px 50px 60px
    }

    .product-card-content,
    .product-subcard-content {
        width: 100%
    }

    .productdetail-qty-taglist {
        display: flex;
        gap: 6px;
        flex-wrap: wrap
    }

    .nav_right ul {
        gap: 0px
    }

    .hamburger_menu {
        left: -25px
    }

    .fanRegulator360 {
        padding-top: 110px
    }

    .temp-3 .swiper-button-next,
    .temp-3 .swiper-button-prev {
        left: 30px
    }

    .temp-3 .swiper-button-next {
        left: calc(25px + 75px)
    }

    .products_list_swiper .swiper-button-next,
    .products_list_swiper .swiper-button-prev {
        width: 40px;
        height: 40px;
        left: 30px
    }

    .products_list_swiper .swiper-button-next {
        left: calc(30px + 55px)
    }

    .products_list_swiper .swiper-button-next::before {
        width: 11px;
        height: 15px;
        background-size: contain
    }

    .products_list_swiper .swiper-button-prev::after {
        width: 11px;
        height: 15px;
        background-size: contain
    }

    .other_products_swiper .swiper-button-next,
    .other_products_swiper .swiper-button-prev {
        width: 40px;
        height: 40px;
        left: 0px
    }

    .other_products_swiper .swiper-button-next {
        left: calc(1px + 55px)
    }

    .other_products_swiper .swiper-button-next::before {
        width: 11px;
        height: 15px;
        background-size: contain
    }

    .other_products_swiper .swiper-button-prev::after {
        width: 11px;
        height: 15px;
        background-size: contain
    }

    .other_products_swiper {
        padding-bottom: 65px
    }

    .dynamic_product_slider .swiper-button-next,
    .dynamic_product_slider .swiper-button-prev {
        width: 40px;
        height: 40px;
        left: 20px
    }

    .dynamic_product_slider .swiper-button-next {
        left: calc(20px + 55px)
    }

    .featured-in-new-slider .swiper-button-next,
    .featured-in-new-slider .swiper-button-prev {
        width: 40px;
        height: 40px;
        left: 30px
    }

    .featured-in-new-slider .swiper-button-next {
        left: calc(30px + 55px)
    }

    .case_studies_swiper .swiper-button-next,
    .case_studies_swiper .swiper-button-prev {
        width: 40px;
        height: 40px;
        left: 30px
    }

    .case_studies_swiper .swiper-button-next {
        left: calc(30px + 55px)
    }

    .temp-20-slider .swiper-button-next,
    .temp-20-slider .swiper-button-prev {
        width: 40px;
        height: 40px;
        left: 30px
    }

    .temp-20-slider .swiper-button-next {
        left: calc(30px + 55px)
    }

    .our-team .swiper-button-next,
    .our-team .swiper-button-prev {
        width: 40px;
        height: 40px;
        left: 30px
    }

    .our-team .swiper-button-next {
        left: calc(30px + 55px)
    }

    .our-team .swiper-wrapper {
        padding-bottom: 65px
    }

    .swiper.disabled-swiper .swiper-wrapper {
        justify-content: start
    }

    .keeping-you-ahead .efficient_protection_slider_wrapper {
        padding: 0px 0px 0 0px
    }

    .amb_winner_wrapper {
        gap: 10px;
    }

    .amb_winner_card {
        max-width: 215px;
        width: 100%;
    }

    .amb_winner_card--content {
        gap: 10px;
    }

    .amb_winner_card--title {
        font-size: 18px;
    }

    .amb_winner_card--Designation {
        font-size: 12px;
    }

    .amb_winner_card--year {
        font-size: 10px;
    }

    .amb_winner_card--StatItems {
        gap: 4px;
    }

    .amb_winner_card--Stat img {
        width: 14px;
        height: 14px;
    }

    .amb_winner_card--Stat p {
        font-size: 12px;
    }

    .amd_banner_tag {
        font-size: 10px;
    }

    .amd_banner_Content {
        max-width: 340px;
    }

    .amd_banner_title {
        font-size: 40px;
    }

    .amd_banner_subTitle {
        font-size: 12px;
    }

    .amd_banner {
        padding: 0 70px 140px 40px;
    }

    .drop_a_datacenter {
        font: normal normal 12px / 1.1 var(--acumin_semibold);
    }

    .amd_banner_card {
        width: 140px;
    }

    .amd_banner_card_title {
        font-size: 16px;
    }

    .amd_banner_Right {
        width: 530px;
    }
}

@media only screen and (min-width:991px) and (max-width:1200px) {
    .inner_page_banner {
        margin-top: rgba(255, 180, 180, 0.5);
        height: calc(100vh - 190px)
    }

    .global_drop_wrapper:before {
        right: 19%
    }

    .career_banner img {
        height: calc(100vh - 190px)
    }
}

@media only screen and (max-width:992px) {
    .temp-9-sec.temp-9-DownloadBg.contactus-new {
        padding: 80px 30px
    }

    #contact-us .driven_future {
        padding-block: 80px 30px
    }

    .contactus-new .temp-9 .heading p {
        text-align: center;
    }

    .zone-tabs-area .nav-pills .nav-link {
        font-size: 12px;
        padding: 0px 0;
        border-bottom: 1px solid transparent
    }

    #contact-us .enquire_Sec .enq_lt_data {
        max-height: 100%
    }

    .contactus-new .temp-9 {
        flex-direction: column;
        align-items: center
    }

    .contactus-new .temp-9-area-2 {
        width: 100%
    }

    .contactus-new .temp-9-area {
        width: 100%
    }

    .product-card-content-wrap {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        position: relative
    }

    .product-subcard-content-wrap {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between
    }

    .product-header {
        display: none
    }

    .moredetails {
        grid-template-columns: 52% 6% 6% 20%
    }

    .moredetails .product-Price {
        font: normal normal bold 14px / 20px var(--acumin_bold)
    }

    .product-details-mobile-wrap {
        padding: 40px;
        display: block
    }

    .product-details-wrapper.my-orders {
        display: none
    }

    .my-orders .product-card-right {
        width: 100%
    }

    .my-orders .product-card-content-wrap {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between
    }

    .myorder-dropdown-CTA {
        padding: 0 40px 0 20px
    }

    .myorder-dropdown-title {
        font-size: 12px;
        line-height: 20px;
        letter-spacing: 0
    }

    .temp-2-card img {
        height: 210px
    }

    .temp-4 h2 {}

    .global_drop_wrapper {
        padding: 30px;
        top: auto;
        overflow-y: auto;
        z-index: 4;
        transform: translateX(-14%);
        bottom: 90px;
        width: 90%;
        display: flex;
        flex-direction: column;
        gap: 0;
        opacity: 0;
        visibility: hidden
    }

    .global_drop_open {
        height: 460px;
        opacity: 1;
        visibility: visible
    }

    .otherlinks_body-bottom .nav_right .country_list {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        background: none;
        margin-bottom: 40px;
        flex-direction: column
    }

    .global_drop_wrapper.global_drop_open .country_list_Wrapper {
        height: 100%;
        overflow: visible
    }

    .country_list_Wrapper ul>li {
        padding: 0;
        margin: 0 0 10px
    }

    .country_list_Wrapper h3 {
        margin-bottom: 10px
    }

    .global_drop_wrapper::-webkit-scrollbar {
        width: 2px
    }

    .global_drop_wrapper:before {
        border: none;
        z-index: 9;
        top: auto;
        content: " ";
        height: auto;
        right: auto;
        position: absolute;
        width: auto;
        bottom: 0;
        left: 30px;
        z-index: 1
    }

    .nav_right .india_drop_wrapper li {
        margin: 0 0px 0px
    }

    .iti__flag-container {
        height: 44px
    }

    .search_journey .serch-brea {
        text-align: center
    }

    .whereToBuy_sec .heading h2 {
        padding-top: 0px
    }

    .wt-buy-body {
        margin-top: 10px
    }

    .copyrightSec .footerMenu li a {
        font-size: 12px
    }

    .dark_center.head_wrapper h2 br {
        display: none
    }

    .contactus-new .temp-9 .heading {
        justify-content: center;
        padding: 0 0px
    }

    .zone-tabs-area .nav-pills {
        flex-direction: row;
        width: max-content;
        gap: 20px;
        justify-content: center;
        padding-bottom: 10px;
    }

    .zone-tabs-area .nav-pills .nav-item .active.nav-link::after {
        display: none;
        visibility: none
    }

    .zone-tabs-area .nav-pills .nav-item .active.nav-link::before {
        display: none;
        visibility: none
    }

    .zone-tabs {
        max-width: 100%
    }

    .zone-tabs-area .nav-item {
        width: fit-content
    }

    .zone-tabs-area {
        max-width: 660px;
        overflow-x: scroll
    }

    .zone-tabs-area::-webkit-scrollbar {
        height: 1px
    }

    .zone-tabs-area::-webkit-scrollbar-thumb {
        /* background: none */
    }

    .zone-tabs-area::-webkit-scrollbar-track {
        background: rgba(148, 148, 148, 0.2)
    }

    .pointer-content-area {
        width: 260px;
        padding: 15px
    }

    .pointer-content {
        left: 9%;
        top: -141px
    }

    .pointer-content-area::before {
        content: "";
        height: 15px;
        width: 15px;
        position: absolute;
        rotate: 45deg;
        background-color: #fff;
        left: -253px;
        right: 0;
        top: 121px;
        z-index: -2
    }

    button.add-item {
        transform: none;
        top: auto;
        bottom: 0;
        right: 0
    }

    .productdetail-qty-tag {
        padding: 2px 18px
    }

    .contactus-newadd {
        align-items: center;
        gap: 30px;
    }

    a.drop_a_datacenter_mob {
        text-align: left;
        font: normal normal 600 14px / 18px var(--acumin_regular);
        letter-spacing: -0.28px;
        color: #383636;
        text-transform: uppercase;
        opacity: 1;
        padding: 16px 20px;
        display: flex;
        gap: 15px;
    }

    a.drop_a_datacenter_mob img {
        width: 20px;
        height: 20px;
    }
}

@media screen and (max-width:991px) {
    .temp-10-text a {
        opacity: 1;
        transition: all 0.8s;
        transition-delay: 0.3s
    }

    .efficient_protection_slider .temp-10-text h4,
    .efficient_protection_slider .temp-10-text p {
        transform: unset
    }

    .inner_page_banner-xx .breadcrumb {
        display: flex
    }

    .inner_page_banner:before {
        background: transparent linear-gradient(180deg, #000000 20%, #00000000 70%) 0% 0% no-repeat padding-box
    }

    .whereToBuy_sec .lt_data h3 {
        padding-top: initial
    }

    .gm-style:before {
        background: unset
    }

    .wtb-search-result-wrap {
        height: 470px;
        overflow-y: auto
    }

    .temp-222-textTop h6 {
        font-size: 10px;
        padding: 6px 17px
    }

    .temp-222-inner {
        flex-wrap: wrap
    }

    .temp-222-area {
        width: 100%
    }

    .temp-222-area-1 {
        width: 100%
    }

    .temp-222-card:hover .temp-2-card-text {
        background-color: transparent
    }

    .smart-spaces-bg {
        padding: 80px 0
    }

    .temp-222-area .heading p {
        padding-right: 0
    }

    .temp-222 .btnMain {
        margin-top: 0;
        width: 196px;
        height: 56px;
        font-size: 14px;
        line-height: 56px;
        padding: 0 10px
    }

    .temp-222-card-text {
        padding: 23px;
        background-color: #f7f7f7;
        position: relative
    }

    .temp-222-textTop h5 {
        font-size: 24px;
        margin-bottom: 17px;
        letter-spacing: -0.72px;
        color: #383636
    }

    .temp-222-textTop p {
        opacity: 1;
        color: rgba(56, 54, 54, 0.7);
        font-size: 14px;
        letter-spacing: -0.28px;
        line-height: 1.4;
        margin-bottom: 24px
    }

    .temp-222-card:hover .bg-whiteFade {
        background: transparent;
        height: 0
    }

    .temp-222-card:hover .temp-2-textBottom h4 {
        color: #fff
    }

    .temp-222-card:hover .temp-2-textBottom h4 span {
        color: #fff
    }

    .temp-222-textTop a {
        opacity: 1;
        color: rgba(72, 104, 152, 1)
    }

    .temp-222-textBottom h4 {
        font-size: 32px;
        color: rgba(56, 54, 54, 1)
    }

    .temp-222-textBottom h4 span {
        font-size: 10px;
        letter-spacing: -0.36px;
        color: rgba(56, 54, 54, 1);
        margin-top: 14px
    }

    .temp-222-textBottom {
        width: auto;
        position: absolute;
        right: 0;
        bottom: 15px
    }

    .temp-21 .video-js .vjs-big-play-button .vjs-icon-placeholder:before,
    .temp-21 .video-js .vjs-play-control .vjs-icon-placeholder:before,
    .temp-21 .vjs-icon-play:before {
        height: 38px;
        width: 38px
    }

    .temp-21 .video-js .vjs-big-play-button {
        top: calc(50% - 5px);
        left: calc(50% - 48px)
    }

    .temp-21Card-text {
        left: 15px;
        bottom: 15px
    }

    .temp-21Card-text p {
        font-size: 12px;
        letter-spacing: -0.18px
    }

    .temp-21Card-text h4 {
        font-size: 20px;
        letter-spacing: -0.8px;
        margin-bottom: 10px
    }

    .temp-21Card-text {
        width: 83%;
        position: absolute;
        left: 15px;
        bottom: 15px;
        padding: 10px
    }

    .t2 p {
        margin-bottom: 4px;
        text-align: left;
        letter-spacing: -0.24px;
        color: #383636;
        opacity: 0.7;
        font-size: 12px;
        line-height: 16px;
        font-family: var(--roboto_reg)
    }

    .keeping-you-ahead.efficient_protection.downloadPage_filters {
        padding: 80px 0px
    }

    .keeping-you-ahead .heading p {
        text-align: center;
        padding: 0
    }

    .keeping-you-ahead .efficient_protection_content_wrapper {
        margin-top: 40px
    }

    .temp-222-card {
        margin-bottom: 20px;
        width: 100%
    }

    .temp-21 {
        padding: 80px 0 100px 0
    }

    .temp-21 .heading p {
        padding: 0
    }

    .temp-21-area {
        margin-top: 40px
    }

    .temp-21 .swiper {
        padding-top: 0;
        padding-bottom: 20px
    }

    .temp-21 .swiper-slide {
        width: 72%
    }

    .temp-21 .swiper-button-prev,
    .temp-21 .swiper-rtl .swiper-button-next {
        left: 40%
    }

    .temp-21 .swiper-button-next,
    .temp-21 .swiper-rtl .swiper-button-prev {
        right: 40%
    }

    .temp-19-head p {
        letter-spacing: -0.6px;
        font-size: 12px
    }

    .temp-19-head h3 {
        font-size: 38px;
        letter-spacing: -1.9px;
        margin-top: 6px
    }

    .temp-19Card {
        margin-left: 0;
        margin-top: 40px
    }

    .temp-19Card-left {
        width: 100%
    }

    .temp-19Card-right {
        width: 100%;
        padding-left: 0;
        display: flex;
        flex-direction: column-reverse;
        padding-top: 22px;
        padding: 22px 30px 0 30px
    }

    .temp-19Card {
        flex-wrap: wrap
    }

    .swiper-container2 {
        width: 100%
    }

    .temp-19Card-right h6 {
        width: 100%;
        font-size: 20px;
        text-align: center
    }

    .year1 {
        display: none
    }

    .mySwiper11.swiper-container2 {
        width: 100%;
        position: relative;
        right: 0px;
        left: 0px;
        top: 0;
        transform: none;
        height: auto
    }

    .beyond-sec .temp-19Area .ovr-hidd .mySwiper11.swiper-container2 {
        height: 70px
    }

    .temp-19 .swiper-button-next,
    .temp-19 .swiper-rtl .swiper-button-prev {
        display: none
    }

    .temp-19 .swiper-button-prev,
    .temp-19 .swiper-rtl .swiper-button-next {
        display: none
    }

    .temp-19Card-leftText {
        text-align: center;
        font-size: 12px;
        position: relative;
        bottom: 0;
        left: 0;
        padding: 0 30px;
        line-height: 1.4;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 10px
    }

    .temp-19Card-right h5 {
        text-align: center;
        letter-spacing: -3.2px;
        font-size: 64px;
        margin-bottom: 12px;
        margin-top: 23px
    }

    .temp-15-slideArea {
        padding: 0 30px;
        margin-top: 40px
    }

    .temp-15Box {
        width: 100%;
        background: #ffffff;
        box-shadow: 0px 20px 50px #00000026;
        border: 1px solid #ffffff;
        opacity: 1;
        padding: 22px 18px;
        margin-bottom: 20px;
        display: flex
    }

    .temp-15Box-left {
        width: 16%;
        display: flex;
        align-items: center;
        justify-content: start
    }

    .temp-15Box-left .boxIcon {
        width: 40px;
        height: 40px;
        background-color: #fff;
        border-radius: 100%;
        text-align: center;
        cursor: pointer;
        padding: 8px;
        border: 1px solid rgba(56, 54, 54, 0.5)
    }

    .temp-15-bg {
        padding-top: 100px;
        padding-bottom: 200px;
        background: url(../images/temp15-bg-m.jpg) no-repeat top;
        background-size: cover;
        background-position: bottom
    }

    .temp-17 {
        padding: 80px 0px 80px 0px
    }

    .temp-17-slideArea {
        margin-top: 48px
    }

    .temp-17 .heading p {
        text-align: center;
        padding: 0px 5%
    }

    .temp-17Card-text {
        padding: 30px
    }

    .temp-17Card-text h3 {
        font-size: 19px
    }

    .temp-17Card-text p {
        font-size: 14px
    }

    .temp-18-textArea h3 {
        letter-spacing: -2.25px;
        text-transform: capitalize;
        font-size: 45px;
        line-height: 1.2;
        margin-top: 8px;
        text-align: left
    }

    .temp-18-textArea {
        position: absolute;
        left: 60px;
        top: 40%;
        transform: translateY(-50%);
        width: 50%;
        padding: 0 40px
    }

    .temp-18-textArea .btnMain {
        float: none;
        padding: 17px 34px;
        margin: auto;
        display: inline-block
    }

    .temp-18-textArea p {
        margin-bottom: 20px;
        text-align: left;
        letter-spacing: -0.42px;
        color: #ffffff;
        opacity: 0.7;
        font-size: 14px;
        padding: 0%
    }

    .temp-15 .heading p {
        text-align: left;
        padding: 0
    }

    .temp-15Box-right {
        width: 84%
    }

    .temp-15Box-right {
        text-align: left;
        letter-spacing: 0px;
        color: #383636;
        opacity: 1;
        font-size: 18px;
        line-height: 1.2;
        font-family: var(--acumin_semibold);
        padding-left: 8px
    }

    .temp-15Box-right p {
        text-align: left;
        letter-spacing: -0.3px;
        color: #000000;
        opacity: 0.7;
        font-size: 10px;
        line-height: 1.2;
        font-family: var(--roboto_reg);
        width: 100%;
        margin: 0
    }

    .temp-16 {
        padding: 80px 0px 80px 0px
    }

    .temp-16 .heading p {
        padding: 0px 0%
    }

    .temp-16-slideAreaMob {
        width: 100%;
        margin-top: 36px
    }

    .temp-16Card-text h5 {
        font-size: 20px;
        margin-bottom: 6px
    }

    .temp-16Card-text p {
        font-size: 12px;
        margin-bottom: 15px;
        min-height: 42px
    }

    .temp-19 {
        padding: 80px 0
    }

    .temp-16Card-text {
        padding: 20px 10px 0 0
    }

    .temp-14 {
        padding: 150px 0 80px
    }

    .temp-20 {
        padding: 80px 0px 80px 0px
    }

    .temp-20 .heading p {
        padding: 0 5%
    }

    .temp-20Card {
        padding: 30px
    }

    .temp-20Card-text {
        margin-top: 70px
    }

    .temp-20Card-text {
        font-size: 28px;
        letter-spacing: -1.68px
    }

    .temp-20Card-text span {
        font-size: 10px;
        letter-spacing: -0.2px;
        margin-top: 8px;
        min-height: 24px
    }

    .temp-20-slideArea {
        margin-top: 40px
    }

    .home-video {
        height: 100%
    }

    .temp-16Card {
        width: 100%
    }

    .temp-14-bgText {
        font-size: 52px;
        top: -75px;
        letter-spacing: -3px;
        left: 30px
    }

    .temp-14Card-text {
        padding: 30px
    }

    .temp-14Card-text h3 {
        transform: none;
        opacity: 1;
        font-size: 16px
    }

    .temp-16-model .leaflet-body-inner {
        padding: 30px;
        height: 62vh
    }

    .temp-14Card:hover .temp-14Card-text h3 {
        transform: none
    }

    .temp-14Card-text p {
        transform: none;
        opacity: 1;
        color: rgba(255, 255, 255, .7);
        font-size: 12px;
        line-height: 1.4;
        height: unset
    }

    .temp-14Card:hover .temp-14Card-text p {
        transform: none;
        height: auto
    }

    .temp-10 .heading h2 {
        text-align: center
    }

    .temp-10 .heading p {
        text-align: center
    }

    .dark_center.head_wrapper p {
        text-align: center
    }

    .ptb-120 {
        padding: 60px 0
    }

    .temp-7-bg {
        padding: 80px 0;
        padding-bottom: 20px
    }

    .banner_prod_content {
        width: auto
    }

    .inner_page_banner_center_aligned .banner_text {
        margin: 23px auto 0
    }

    .banner_prod_content h3 {
        font: normal normal 24px/30px var(--acumin_bold);
        letter-spacing: 0.73px
    }

    .banner_prod_content p {
        font: normal normal 12px/17px var(--acumin_regular);
        letter-spacing: 0px;
        color: #383636;
        opacity: 0.8;
        margin: 10px 0 0
    }

    .left_product_Wrapper .banner_prod_content {
        padding-right: 30px;
        padding-top: 0
    }

    .right_product_Wrapper .banner_prod_content {
        padding-left: 30px;
        padding-top: 0
    }

    .banner_product_wrapper .tt {
        max-width: 75px;
        position: absolute;
        left: -32px;
        top: 119px;
        height: 30px;
        rotate: 102deg;
        -webkit-transform: scaleY(-1);
        transform: scaleY(-1)
    }

    .banner_product_wrapper .pp {
        max-width: 75px;
        position: absolute;
        right: 0px;
        top: 100px;
        height: 30px;
        rotate: 266deg;
        -webkit-transform: scaleY(-1);
        transform: scaleY(-1)
    }

    .banner_product_wrapper.left_product_Wrapper {
        left: auto;
        right: 0;
        text-align: right;
        width: 53%
    }

    .temp-5-filterDiv .heading {
        width: auto
    }

    .temp-5-filterDiv .heading h2 {
        margin: 0
    }

    .right_product_Wrapper {
        right: auto;
        left: 0;
        text-align: left;
        top: 170px;
        width: 43%
    }

    .banner_product_wrapper {
        top: 100px
    }

    .temp-7-inner {
        display: flex;
        justify-content: center;
        flex-wrap: wrap
    }

    .temp-7-left {
        width: 100%
    }

    .heading h2 {
        font-size: 41px;
        letter-spacing: -2.25px;
        margin-bottom: 10px
    }

    #contact-us .enquire_Sec .enq_lt_data h5 {
        font-size: 41px
    }

    .temp-7-area {
        display: flex;
        flex-wrap: wrap;
        margin-top: 50px
    }

    .temp-7-card {
        width: 100%;
        padding: 30px 30px;
        display: flex;
        align-items: center;
        justify-content: start;
        padding: 18px 27px
    }

    .temp-7-card-img {
        justify-content: start;
        width: auto
    }

    .temp-7-card .buying-down {
        position: absolute;
        top: 100%;
        left: 23%;
        width: 53px;
        z-index: 1;
        transform: translateY(-50%);
        rotate: 78deg
    }

    .temp-7-card .buying-up {
        position: absolute;
        top: 100%;
        left: 2%;
        width: 53px;
        z-index: 1;
        transform: translateY(-50%);
        rotate: 78deg
    }

    .temp-7-card-text {
        margin-top: 0
    }

    .temp-7-imageArea {
        width: 72px;
        height: 72px
    }

    .temp-7-num {
        padding: 6px;
        font-size: 12px;
        bottom: -14px
    }

    .temp-7-imageArea img {
        width: 48px
    }

    .enq_rt_data img {
        height: auto
    }

    .enq_rt_data {
        height: auto
    }

    .temp-7-right {
        width: 100%;
        margin-top: 50px
    }

    .temp-9-area {
        width: 100%
    }

    .temp-9-area-2 {
        width: 100%
    }

    .temp-9-DownloadBg {
        padding: 80px 0
    }

    .temp-9 .btnMain {
        bottom: 30px;
        padding: 22px 40px 20px;
        margin-top: 25px;
        min-width: 165px
    }

    .temp-9-DownloadBg .container1 {
        padding: 0
    }

    .faq_sec {
        padding: 80px 0 80px 0;
        background-color: #f3f3f3
    }

    .temp-8-right {
        width: 100%
    }

    .temp-8 {
        display: flex;
        flex-wrap: wrap
    }

    .temp-8.m-2 {
        margin: 0 !important;
        padding: 10px
    }

    .temp-8-textArea .add-boq1 {
        opacity: 1
    }

    .temp-8-right:hover .temp-8-textArea h4 {
        transform: translateY(-30px);
        text-align: center
    }

    .temp-8-right:hover .temp-8-textArea p {
        transform: translateY(-15px);
        width: 100%;
        text-align: center
    }

    .temp-8-textArea h4 {
        transform: translateY(-30px);
        text-align: center;
        font-size: 20px;
        font-family: var(--acumin_bold);
        letter-spacing: -0.06px
    }

    .temp-8-textArea p {
        transform: translateY(-30px);
        width: 100%;
        text-align: center;
        font-size: 14px;
        letter-spacing: -0.28px;
        margin: 0
    }

    .temp-8 .add-boq1 {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center
    }

    .temp-8 .btn-carsKnow-bgblue {
        border: 2px solid #486898 !important
    }

    .temp-8-right:hover .temp-8-textArea h4 {
        transform: translateY(-15px)
    }

    .temp-8-textArea {
        padding: 90px 80px
    }

    .heading h2 {
        text-align: center
    }

    .temp-9-area {
        margin-top: 50px;
        margin-bottom: 0
    }

    .temp-9-livingNow {
        background-color: #f1f1f1;
        padding: 30px;
        gap: 20px
    }

    .temp-9 h5 {
        font-size: 16px;
        height: auto
    }

    .temp-9 .heading p {
        text-align: center
    }

    .temp-9-livingNow a {
        opacity: 1;
        font-size: 10px;
        letter-spacing: 2px
    }

    .temp-9 .heading {
        justify-content: center;
        padding: 0 30px
    }

    .temp-9-pdf img {
        width: 30px
    }

    .temp-7-imageArea-3 {
        width: 72px;
        height: 72px
    }

    .temp-7-imageArea-3 img {
        width: 26px
    }

    .temp-7-imageArea-2 {
        width: 72px;
        height: 72px
    }

    .temp-7-imageArea-2 img {
        width: 24px
    }

    .temp-3-card h3 {
        font-size: 20px;
        letter-spacing: -0.4px
    }

    .all_products {
        height: auto
    }

    .all_products .light_left.head_wrapper p {
        margin-bottom: 30px;
        width: auto
    }

    .other_products {
        padding: 80px 0
    }

    #structured-cabling-systems .other_products {
        padding: 0px 0
    }

    #structured-cabling-systems .faq_sec {
        padding: 0
    }

    .other_products_content {}

    .all_prod_data_wrapper {
        padding: 140px 170px;
        display: inline-block
    }

    .product_right_wrapper {
        width: 100%;
        display: flex
    }

    .product_right-areas {
        width: 100%;
        display: flex;
        margin-top: 50px
    }

    .product_right-box {
        background: #00000066;
        border: 1px solid #cccccc;
        opacity: 1;
        padding: 10px 20px;
        height: 150px;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between
    }

    .product_right-box img {
        width: 29px;
        height: 29px;
        margin-bottom: 50px
    }

    .product_right-boxImg {
        width: 100%
    }

    .product_right-boxText {
        width: 100%;
        text-align: left;
        letter-spacing: 0;
        color: #ffffff;
        text-transform: uppercase;
        opacity: 1;
        font-size: 14px;
        line-height: 1;
        font-family: var(--acumin_bold);
        text-overflow: ellipsis
    }

    .temp-2-textBottom h4 span {
        top: -3px
    }

    .marquee div,
    .marquee2 div {
        font-size: 45px;
        letter-spacing: -1.8px;
        line-height: 1.2
    }

    .marquee,
    .marquee2 {
        height: 65px
    }

    .temp-3 {
        padding: 80px 0
    }

    .employee-benifits-header {
        margin-bottom: 60px;
        padding: 0 30px
    }

    .employee-benifits-header {
        margin-bottom: 60px
    }

    #download .temp-3 {
        padding-top: 0
    }

    .temp-3-card-text .btn-carsKnow {
        opacity: 1
    }

    .temp-3-card:hover .temp-3-card-text h3 {
        transform: none
    }

    .temp-3-card h3 {
        transform: none;
        font-size: 18px;
        margin-bottom: 15px
    }

    .temp-3-card-text {
        padding: 20px;
        width: 100%
    }

    .heading p {
        padding-right: 0;
        letter-spacing: -0.16px;
        font-size: 14px;
        line-height: 18px;
        text-align: center
    }

    .temp-3 .heading p {
        padding-right: 0
    }

    .temp-3-inner {
        margin-top: 40px
    }

    .temp-2-textTop h6 {
        font-size: 20px;
        margin-bottom: 20px
    }

    .temp-2-inner {
        flex-wrap: wrap
    }

    .temp-2-area {
        width: 100%
    }

    .temp-2-area-1 {
        width: 100%
    }

    .temp-2-card:hover .temp-2-card-text {
        background-color: #fff
    }

    .smart-spaces-bg {
        padding: 80px 0
    }

    .temp-2-area .heading p {
        padding-right: 0
    }

    #commercial .efficient_protection {
        padding-bottom: 0
    }

    .hideMobile {
        display: none !important
    }

    .efficient_protection.downloadPage_filters {
        padding: 90px 0
    }

    #download .elegant_design {
        padding: 0 0 90px 0
    }

    .showMobile {
        display: block !important
    }

    .temp-2 .btnMain {
        padding: 20px 30px 18px
    }

    .temp-2-card-text {
        padding: 15px 20px 15px 20px
    }

    .temp-2-textTop h5 {
        font-size: 20px;
        margin-bottom: 22px;
        letter-spacing: -0.72px;
        color: #383636
    }

    .temp-2-textTop p {
        opacity: 1;
        color: rgba(56, 54, 54, 0.7);
        font-size: 14px;
        letter-spacing: -0.28px;
        line-height: 18px
    }

    .temp-2-card:hover .bg-whiteFade {
        background: transparent;
        height: 0
    }

    .temp-2-card:hover .temp-2-textBottom h4 {
        color: #383636
    }

    .temp-2-card:hover .temp-2-textBottom h4 span {
        color: #383636
    }

    .temp-2-textTop a {
        opacity: 1;
        color: rgba(72, 104, 152, 1);
        font-size: 12px
    }

    .temp-2-textBottom h4 {
        font-size: 32px;
        color: rgba(56, 54, 54, 1);
        letter-spacing: 0px
    }

    .temp-2-textBottom h4 span {
        font-size: 10px;
        letter-spacing: -0.36px;
        color: rgba(56, 54, 54, 1);
        margin-left: 4px
    }

    .temp-7-card h4 {
        font-size: 16px;
        font-weight: 700;
        text-align: left;
        margin-left: 25px
    }

    .temp-2-area .heading p {
        padding-right: 0;
        text-align: left
    }

    .swiper-container2 {
        width: 100%;
        height: 840px
    }

    .year1-area span {
        font-size: 20px
    }

    .swiper-slide-thumb-active .year1-area span {
        margin-right: 0;
        font-size: 20px
    }

    .temp-19Card-left {
        width: 100%;
        padding: 0px 30px
    }

    .temp-19Card-left img {
        height: 500px;
        object-fit: cover
    }

    .temp-19Card-left::after {
        display: none
    }

    .temp-19 .marquee {
        top: 28px
    }

    .temp-19 .marquee div,
    .temp-19 .marquee2 div {
        font-size: 72px
    }

    .heading h2 {
        font-size: 40px;
        letter-spacing: -2px;
        line-height: 1.1
    }

    #contact-us .enquire_Sec .enq_lt_data h5 {
        font-size: 40px;
        letter-spacing: -2px;
        line-height: 1.1
    }

    .temp-2-area .heading h2 {
        text-align: left
    }

    .temp-1 .heading h2 {
        margin-bottom: 10px;
        text-align: center;
        margin-top: 0;
        line-height: 1.1
    }

    .merSection {
        padding-top: 30px
    }

    .temp-1 .heading p {
        text-align: center;
        margin: 0;
        width: 100%
    }

    .temp-1 .btnMain {
        margin-left: 0
    }

    .download_pordct_sltns .heading h2 {
        text-align: left
    }

    .download_pordct_sltns .heading p {
        text-align: left
    }

    .featuredProducts_section .heading h2 {
        margin-bottom: 10px
    }

    .container1 {
        padding: 0 30px
    }

    .temp-2-card-text {
        padding: 23px;
        background-color: #fff;
        position: relative
    }

    .temp-2-textTop h6 {
        font-size: 10px;
        padding: 9px 17px 5px
    }

    .other_products_content_sub_wrap h3 {
        font: normal normal 14px/22px var(--acumin_bold);
        letter-spacing: 0;
        transform: translateY(0px)
    }

    .know_more_op {
        width: 116px;
        height: 36px
    }

    .other_products_content {
        left: 0;
        width: 100%;
        padding: 20px 20px
    }

    .other_products_swip_wrapper:hover .other_products_content {}

    .know_more_op {
        bottom: 0
    }

    .temp-2-inner {
        gap: 30px
    }

    .temp-2 .btnMain {
        margin-top: 20px;
        margin-left: 30px;
        margin-right: auto
    }

    header {
        display: none
    }

    .breadcrumb1 {
        font-size: 12px;
        line-height: 1.8
    }

    .breadcrumb1 a {
        font-size: 12px
    }

    .temp-4 {
        padding-top: 110px;
        padding-bottom: 60px
    }

    .temp-4 h2 {}

    .temp-5-left {
        z-index: 98;
        width: 100%;
        top: 50px;
        bottom: 0;
        left: 0;
        right: 0;
        position: fixed;
        background-color: #fff;
        overflow-y: auto;
        padding: 30px;
        display: none
    }

    .temp-5-area {
        padding: 0 30px 0 30px
    }

    .temp-5-right {
        width: 100%;
        padding-left: 0;
        padding-top: 80px;
        padding-bottom: 80px
    }

    .temp-5-card {
        width: 100%
    }

    .temp-5-card1 {}

    .temp-5-rightInner {
        row-gap: 0px;
        column-gap: 16px;
        height: auto;
        display: none;
        margin-top: 37px;
        float: left
    }

    .temp-5-rightInner2 {
        row-gap: 30px;
        column-gap: 5.4%;
        height: auto;
        margin-top: 37px;
        float: left;
        display: block
    }

    .temp-5-card2 h6 {
        text-align: center;
        letter-spacing: 1px;
        color: #ffffff;
        text-transform: uppercase;
        opacity: 1;
        font-family: var(--acumin_regular);
        background: rgb(0 0 0 / 40%);
        border-radius: 25px;
        display: inline-block;
        z-index: 1;
        font-size: 8px;
        padding: 6px 12px;
        top: 12px;
        width: fit-content;
        margin-bottom: 14px;
        padding-top: 10px
    }

    .temp-5-card2 {
        width: 100%;
        display: flex;
        margin-bottom: 16px;
        background-color: rgb(255 255 255 / 70%);
        border: 1px solid rgb(112 112 112 / 20%);
        float: left
    }

    .addDb {
        display: flex
    }

    .addDbN {
        display: none
    }

    .temp-5-card2 {
        display: flex;
        flex-direction: column
    }

    .temp-5-card-img2 {
        width: 100%
    }

    .temp-5-card-img2 img {
        padding: 50px
    }

    .temp-5-card-text2 {
        width: 100%;
        padding: 20px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center
    }

    .temp-5-card h6 {
        font-size: 10px;
        padding: 6px 10px;
        top: 14px;
        width: fit-content;
        padding-top: 9px
    }

    .temp-10-area.t2 .add-boq .btn-carsKnow {
        font-size: 10px;
        padding: 6px 15px;
        top: 8px;
        width: 100%;
        padding-top: 9px
    }

    .temp-5 .card-text-title2 {
        width: 100%;
        text-align: center
    }

    .temp-5 .card-text-title h3 {
        font-size: 14px
    }

    .temp-5-rightInner2 .temp-5-card2 {
        width: 48.8%;
        margin: 0
    }

    .temp-5 .card-text-title2 h3 {
        text-align: center;
        letter-spacing: -0.4px;
        color: #383636;
        opacity: 1;
        font-family: var(--acumin_bold);
        font-size: 16px;
        line-height: 1.2;
        margin-bottom: 2px;
        white-space: nowrap;
        width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        margin-bottom: 8px
    }

    .temp-5-card-text {
        padding: 15px 0 30px 0
    }

    .temp-5 .card-text-title2 h4 {
        text-align: right;
        letter-spacing: -0.96px;
        color: #383636;
        opacity: 1;
        font-family: var(--acumin_bold);
        font-size: 16px;
        line-height: 1.2;
        width: 100%
    }

    .temp-5 .temp-5-card-text .card-product-mrp p {
        font-size: 16px;
        line-height: 14px;
        margin: 0
    }

    .temp-5 .card-text-title h4 {
        font-size: 12px
    }

    .temp-5 .temp-5-card-text p {
        font-size: 12px
    }

    .temp-5 .temp-5-card-text2 p {
        font-size: 12px;
        margin-bottom: 32px;
        opacity: 0.7
    }

    .temp-5 .add-boq {
        opacity: 1
    }

    .temp-5 .add-boq {
        flex-wrap: wrap;
        justify-content: center;
        bottom: 20px;
        gap: 10px
    }

    .temp-5 .temp-5-card-img:hover .add-boq {
        bottom: 20px
    }

    .temp-5 .add-boq .btn-carsKnow {
        width: 40%;
        margin-bottom: 0;
        padding: 12px 18px 8px;
        font-size: 10px
    }

    .temp-5 .temp-5-card .add-boq .btn-carsKnow {
        width: 40%
    }

    .temp-5 .add-boq .btn-carsKnow-bgblue {
        margin: 0
    }

    .temp-5 .temp-5-card-img {
        position: relative;
        height: 650px
    }

    .temp-5 .temp-5-card-img img {
        transform: scale(.5)
    }

    .temp-5 .form-check {
        margin-bottom: 10px
    }

    .temp-5-left input[type="checkbox"] {
        width: 18px;
        height: 18px
    }

    .temp-5 label {
        margin-left: 10px
    }

    .temp-5-filterBtn-m {
        display: block;
        width: auto;
        display: flex;
        justify-content: end;
        margin-left: 8px
    }

    .temp-5 .temp-5-filterBtn-m .btn-carsKnow {
        width: 55px;
        height: 40px;
        font-size: 10px;
        border: 1px solid #383636;
        color: #383636;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 13px
    }

    .temp-20Card-img {
        height: 33px
    }

    .showing-result {
        margin-bottom: 0 !important
    }

    .temp-20Card-img img {
        width: 35px
    }

    .temp-15 .heading h2 {
        text-align: left
    }

    .temp-5-filterDiv {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between
    }

    .temp-5 .switch {
        position: relative;
        display: inline-block;
        width: 85px;
        height: 40px
    }

    .temp-5 .switch input {
        opacity: 0;
        width: 0;
        height: 0
    }

    .slider.round img {
        width: 20px
    }

    .temp-5 .slider {
        position: absolute;
        cursor: pointer;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: #fff;
        -webkit-transition: 0.4s;
        transition: 0.4s;
        border: 1px solid #383636
    }

    .temp-5 .slider:before {
        position: absolute;
        content: "";
        height: 39px;
        width: 39px;
        left: 0px;
        bottom: 0px;
        -webkit-transition: 0.4s;
        transition: 0.4s;
        background-color: rgb(0 0 0 / 15%)
    }

    .temp-16-model .modal-content {
        height: auto !important
    }

    .temp-5 input:checked+.slider {}

    .temp-5 input:focus+.slider {
        box-shadow: 0 0 1px #2196f3
    }

    .temp-5 input:checked+.slider:before {
        -webkit-transform: translateX(44px);
        -ms-transform: translateX(44px);
        transform: translateX(44px)
    }

    .temp-5 .slider.round {
        border-radius: 34px;
        display: flex;
        justify-content: space-around
    }

    .temp-5 .slider.round:before {
        border-radius: 50%
    }

    .inner_page_banner,
    .inner_page_banner img {
        height: calc(100vh - 100px);
        margin-top: 0;
        object-fit: cover;
        object-position: bottom
    }

    .show1 {
        display: block;
        transition: all 0.8s
    }

    .temp-6 h3 {
        font-size: 34px;
        letter-spacing: -2.25px;
        width: 100%;
        text-align: center;
        margin-bottom: 8px;
        line-height: 1.1
    }

    .inner_page_banner .indicator-wrap img {
        height: auto
    }

    .temp-6-area {
        width: 90%;
        position: absolute;
        left: 50%;
        top: 70%;
        transform: translate(-50%, -50%);
        text-align: center
    }

    .temp-6 p {
        font-size: 14px;
        text-align: center;
        display: block;
        margin-bottom: 20px;
        max-width: 100%
    }

    .temp-6 a {
        display: inline-flex
    }

    .temp-6 .btnMain {
        float: none;
        padding: 22px 30px 18px
    }

    .section.unset {
        position: unset
    }

    .temp-5-left h3 {
        display: none
    }

    .temp-5-filtersClose {
        width: 30px;
        float: right;
        margin-right: -10px;
        display: block
    }

    .temp-5 .accordion-button {
        padding: 25px 0 12px 0
    }

    .temp-5 .accordion-item:last-of-type .accordion-button.collapsed {
        border-radius: 0
    }

    .smart-spaces-bg .container1 {
        padding: 0
    }

    .temp-2-area .heading {
        padding: 0 30px
    }

    .temp-2-card:hover .temp-2-textTop h5 {
        color: #383636
    }

    @keyframes fadeIn {
        0% {
            opacity: 0
        }

        100% {
            opacity: 1
        }
    }

    .temp-5-right #list {
        padding: 0;
        width: 100%
    }

    .temp-5-right #list .temp-5-card {
        display: inline-block
    }

    .temp-5-right #list .temp-5-card:nth-child(n + 7) {
        animation: fadeIn 2s ease 0s 1 normal
    }

    .temp-5-right .readmore {
        width: 140px;
        margin: auto;
        display: inherit;
        text-align: left;
        text-decoration: underline;
        letter-spacing: -0.42px;
        color: #486898;
        opacity: 1;
        font-family: var(--acumin_bold);
        font-size: 14px;
        line-height: 1;
        margin-top: 0px;
        position: relative;
        text-decoration: none
    }

    .temp-5-right .readmore span {
        width: 100%;
        display: flex;
        text-align: center;
        border-radius: 3px;
        cursor: pointer;
        padding: 1rem;
        transition: 0.5s;
        text-align: left;
        background: #486898 0% 0% no-repeat padding-box;
        border-radius: 35px;
        opacity: 1;
        color: white;
        margin-bottom: 18px
    }

    .temp-5-right .readmore span::before {
        content: "";
        display: inline-block;
        border-right: 3px solid #fff;
        border-bottom: 3px solid #fff;
        width: 10px;
        height: 10px;
        transform: rotate(45deg);
        margin: 0 1rem 0 -1rem;
        vertical-align: 0.1rem;
        transition: 0.5s;
        position: absolute;
        right: 0
    }

    .temp-5-right .readmore.close span::before {
        transform: rotate(-135deg);
        transition: 0.5s;
        margin-top: 0;
        vertical-align: -0.1rem
    }

    .temp-5-right .readmore span::after {
        content: "SHOW MORE"
    }

    .temp-5-right .readmore.close span::after {
        content: "SHOW LESS"
    }

    @keyframes fadeIn {
        0% {
            opacity: 0
        }

        100% {
            opacity: 1
        }
    }

    .temp-5-right #list2 {
        padding: 0;
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        gap: 16px
    }

    .temp-5-right #list2 .temp-5-card2 {
        display: flex
    }

    .temp-5-right #list2 .temp-5-card2:nth-child(n + 7) {
        display: none;
        animation: fadeIn 2s ease 0s 1 normal
    }

    .temp-5-right .readmore2 {
        width: 100%;
        margin: 0 auto;
        display: inherit;
        text-align: center;
        text-decoration: underline;
        letter-spacing: -0.42px;
        color: #486898;
        opacity: 1;
        font-family: var(--acumin_bold);
        font-size: 14px;
        line-height: 1;
        margin-top: 30px;
        position: relative;
        text-decoration: none
    }

    .temp-5-right .readmore2 span {
        width: 100%;
        display: flex;
        text-align: center;
        border-radius: 3px;
        cursor: pointer;
        padding: 1rem;
        transition: 0.5s;
        text-align: left;
        background: #486898 0% 0% no-repeat padding-box;
        border-radius: 35px;
        opacity: 1;
        color: white;
        margin-bottom: 18px
    }

    .temp-5-right .readmore2 span::before {
        content: "";
        display: flex;
        border-right: 3px solid #ffffff;
        border-bottom: 3px solid #ffffff;
        width: 10px;
        height: 10px;
        transform: rotate(45deg);
        margin: 0 1rem 0 -1rem;
        vertical-align: 0.1rem;
        transition: 0.5s;
        position: absolute;
        right: 0
    }

    .temp-5-right .readmore2.close span::before {
        transform: rotate(-135deg);
        transition: 0.5s;
        margin-top: 0;
        vertical-align: -0.1rem
    }

    .temp-5-right .readmore2 span::after {
        content: "SHOW MORE"
    }

    .temp-5-right .readmore2.close span::after {
        content: "SHOW LESS"
    }

    .featuredProducts_section .tabs-container nav {
        width: 75%
    }

    .featuredProducts_section .tabs-container nav ul {
        border-radius: 37px
    }

    main {
        overflow: hidden
    }

    .banner_sec .slideData {
        width: 100%;
        left: 0;
        top: 80px;
        text-align: center
    }

    .slideData h1 {
        font-size: 50px;
        line-height: 50px;
        letter-spacing: -2.25px;
        margin-top: 30px
    }

    .wrapbreadcrumb {
        display: flex;
        text-align: center;
        align-items: center;
        justify-content: center
    }

    .slideData .info1 {
        font-size: 14px;
        text-align: center;
        line-height: 1.4
    }

    .forumBtn {
        width: 160px;
        line-height: 56px;
        height: 56px
    }

    .btn-div {
        width: 100%;
        display: flex;
        justify-content: center
    }

    .banner_sec .swiper-button-next,
    .banner_sec .swiper-button-prev {
        width: 40px;
        height: 40px
    }

    .banner_sec .swiper-button-next {
        left: calc(5% + 50px)
    }

    .banner_sec .swiper-pagination-bullet--svg-animation svg {
        width: 24px;
        height: 24px
    }

    .videoSec {
        width: 283px;
        height: 144px;
        margin: auto;
        margin-top: 85px
    }

    .slideData .video-js .vjs-big-play-button {
        width: 60px;
        height: 60px
    }

    .videoSec .tl_Video {
        left: 0;
        top: 12px;
        right: 0;
        text-align: center
    }

    .slideData .video-js .vjs-big-play-button {
        left: 0;
        top: 50px;
        width: 60px;
        height: 60px;
        right: 0;
        text-align: center;
        margin: 26px auto
    }

    .banner_sec #swiper .swiper-pagination {
        display: flex;
        transform: inherit;
        margin: auto;
        text-align: center;
        top: 64%;
        width: auto !important;
        justify-content: center
    }

    .banner_sec #swiper .swiper-pagination .swiper-pagination-bullet--svg-animation {
        transform: inherit
    }

    .banner_sec #swiper .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
        transform: inherit;
        margin: 2px 2px !important
    }

    .scroll-Down {
        display: none
    }

    .sticky-right-bar {
        display: none
    }

    .chatBoat {
        position: fixed;
        bottom: -40px;
        width: 60px;
        height: 60px;
        padding: 15px;
        right: 20px;
        bottom: 13px
    }

    .chatBoat img {
        position: relative;
        top: 5px
    }

    .who-we-are-bg {
        padding: 78px 0
    }

    .temp-1 {
        padding: 0
    }

    .temp-1 .btnMain {
        width: 160px;
        height: 52px;
        line-height: 56px;
        padding: 0;
        margin-top: 30px;
        margin: 30px auto
    }

    .merqueeSection .sec1 span {
        font-size: 52px
    }

    .featuredProducts_section .heading {
        padding: 0 30px
    }

    .merqueeSection marquee {
        height: 60px !important
    }

    .merqueeSection {
        padding-bottom: 0
    }

    .temp-3-card-text .btn-carsKnow {
        width: 110px;
        height: 36px;
        line-height: 36px;
        padding: 0px;
        transform: translateY(0px)
    }

    .bg-gray.merSection {
        padding: 0px
    }

    .featuredProducts_section .tabs-container nav ul li.active {
        text-align: left;
        padding-left: 10px;
        font-size: 12px
    }

    .whereToBuy_sec .lt_data {
        padding-right: 0;
        padding-left: 0;
        padding-bottom: 50px
    }

    .featuredProducts_section .tabs-container nav ul li {
        font-size: 12px;
        text-align: left;
        padding-left: 10px
    }

    .featuredProducts_section {
        padding-top: 80px;
        padding-bottom: 80px
    }

    #ldcs .featuredProducts_section {
        padding-bottom: 0
    }

    .featuredProducts_section .product_tab_sec .row>div {
        margin-bottom: 15px;
        width: 100%
    }

    .featuredProducts_section .product_tab_sec .row {
        margin: 0
    }

    .product_tab_sec .captionText .btn_sec_prod {
        margin-top: 0
    }

    .product_tab_sec .captionText h6 {
        font-size: 20px;
        letter-spacing: -0.8px;
        margin-bottom: 5px
    }

    .product_tab_sec .captionText p {
        font-size: 16px;
        padding: 0 14px;
        line-height: 26px
    }

    .product_tab_sec .captionText .btn_sec_prod .knowMore,
    .product_tab_sec .captionText .btn_sec_prod .shopOnline {
        font-size: 10px;
        width: 96px;
        height: 31px;
        line-height: 35px
    }

    .downloadApp_Sec h5 {
        font-size: 45px;
        letter-spacing: -3.5px;
        margin: 0;
        text-align: center
    }

    .downloadApp_Sec {
        padding: 10px;
        background-size: auto;
        padding-bottom: 80px;
        padding-top: 80px
    }

    .downloadApp_Sec .tab-content {
        display: none
    }

    .downloadApp_Sec .downApp_btn_section .nav-tabs {
        margin-top: 40px
    }

    .downloadApp_Sec .downApp_btn_section .nav-link {
        width: 100%;
        display: flex;
        align-items: center
    }

    .downloadApp_Sec .lowerText {
        display: block;
        text-align: center;
        width: 100%;
        margin: 0;
        font-size: 14px;
        padding-left: 20px;
        padding-right: 20px;
        padding-top: 10px
    }

    .downloadApp_Sec .downApp_btn_section .nav-link .socInfo {
        opacity: 1
    }

    .downloadApp_Sec .downApp_btn_section .nav-link {
        height: auto
    }

    .downloadApp_Sec .wrapDownApp {
        padding: 0
    }

    .downloadApp_Sec .img1 {
        width: 78px
    }

    .downloadApp_Sec .downApp_btn_section .nav-link.active {
        height: auto
    }

    .downloadApp_Sec .downApp_btn_section .nav-link .wrap_data1 {
        margin-top: 20px;
        text-align: left;
        margin-left: 10px;
        top: auto
    }

    .downApp_btn_section .img1a {
        top: 0
    }

    .enquire_Sec .enq_lt_data {
        padding: 30px
    }

    .enquire_Sec .enq_lt_data h5 {
        font-size: 45px;
        letter-spacing: -2.25px;
        text-align: center
    }

    .enquire_Sec .submitBtn {
        width: 154px;
        height: 56px;
        margin: auto;
        display: block;
        margin-top: 40px;
        margin-left: 0
    }

    .to-top {
        display: none !important
    }

    .shopBtn {
        height: 45px;
        margin: 0
    }

    .whereToBuy_sec .lt_data h3 {
        font-size: 45px;
        letter-spacing: -2.25px;
        text-align: center
    }

    .whereToBuy_sec .mainNav-tabs .nav-link {
        padding: 13px 29px
    }

    .product_tab_sec .col-md-6 img {
        height: 368px;
        object-fit: cover
    }

    .who-we-are-bg {
        padding: 70px 0;
        background: url(../images/who-we-are-bg-mob.jpg) #f7f7f7 no-repeat top
    }

    .footer_lt_data_top {
        padding: 30px;
        padding-top: 80px
    }

    .footer_lt_data_bottom {
        padding: 10px;
        padding-left: 10px;
        padding-top: 40px;
        padding-bottom: 25px
    }

    .footer_lt_data_top .submitBtn {
        width: 154px;
        height: 52px;
        line-height: 1.2;
        font: normal normal bold 14px / 20px var(--acumin_regular);
        letter-spacing: 0;
        padding-top: 11px
    }

    .footer_lt_data_top h5 {
        font-size: 45px;
        letter-spacing: -2.25px;
        text-align: left;
        line-height: 1.2
    }

    .footer_rt_data {
        padding: 30px;
        padding-top: 40px
    }

    .followUsSec {
        flex-wrap: wrap
    }

    .followUsSec .sm-icons {
        margin-left: 0
    }

    .copyrightSec .footerMenu ul {
        display: block
    }

    .followUsSec .tlFus {
        font-size: 24px
    }

    .copyrightSec .footerMenu li {
        padding: 0 6px
    }

    .footer_rt_data .ftr-heading {
        font-size: 18px;
        position: relative;
        padding-top: 12px;
        padding-bottom: 10px
    }

    .footer_rt_data .ftr-subheading {
        position: relative;
        font-size: 14px
    }

    .footer_rt_data .accordion-button {
        background: none;
        color: #fff;
        box-shadow: none;
        border-bottom: 1px solid rgba(255, 255, 255, 0.5)
    }

    .footer_lt_data_bottom {
        border-bottom: 1px solid rgba(204, 204, 204, 0.1)
    }

    .footer_rt_data .accordion-item {
        background: none;
        border: 0
    }

    .footer_rt_data .accordion-button::after {
        content: "\f077";
        position: absolute;
        right: 26px;
        top: 34px;
        color: #fff;
        font-family: "FontAwesome";
        background: none
    }

    .footer_rt_data .accordion-button:focus {
        border: none
    }

    .footer_lt_data {
        border: 0
    }

    #map {
        height: 670px !important;
        margin-top: 15px
    }

    .whereBuyTab .mainNav-tabs {
        display: flex;
        justify-content: center
    }

    .whereBuyTab .nav-link {
        font-size: 13px;
        border: 1px solid #707070 !important;
        opacity: 1;
        border-radius: 35px;
        margin-right: 4px
    }

    .temp-7-right-cardText p {
        letter-spacing: -0.24px;
        color: #ffffff;
        opacity: 0.8;
        font-size: 14px;
        margin-bottom: 30px
    }

    .temp-7-right-cardText .btn-carsKnow-bgblue {
        background-color: #486898;
        color: #fff;
        margin: 0;
        padding: 20px 35px
    }

    .whereBuyTab .nav-link::after {}

    .whereBuyTab .tab-content .tab-content {
        width: 95%;
        position: unset;
        margin-top: 13px;
        z-index: 9;
        display: block;
        padding: 15px !important;
        width: 95%;
        border: 1px solid #707070 !important;
        border-radius: 15px;
        left: 0;
        right: 0;
        margin: 13px auto
    }

    .navigationMap li::before {
        top: 13px;
        background-size: 91%;
        width: 6px
    }

    .whereBuyTab {
        position: relative;
        width: 100%
    }

    .whereToBuy_sec {
        padding-left: 0;
        padding-top: 40px
    }

    .whereToBuy_sec .pr0 {
        padding-left: 0
    }

    .navigationMap li {
        padding: 10px 8px 5px 8px
    }

    .navigationMap {
        margin-top: -10px
    }

    .navigationMap li a {
        font: normal normal 600 12px var(--acumin_regular);
        letter-spacing: -0.24px
    }

    .retailers_sec .input-group .btn-success img {
        width: 16px
    }

    .navigationMap li.active::before {
        top: 14px;
        background-size: 91%;
        width: 6px
    }

    .whereBuyTab .subTabNav .nav-link {
        position: relative
    }

    .whereBuyTab .subTabNav .nav-link::after {
        position: absolute;
        content: "";
        background: url(../images/arrowRight1.svg) no-repeat;
        width: 11px;
        height: 13px;
        position: absolute;
        right: 25px;
        top: 23px;
        background-size: 61%;
        transform: rotate(-270deg)
    }

    .retailers_sec .input-group .form-control {
        height: 48px
    }

    .retailers_sec .input-group .form-control::placeholder {
        font-size: 12px
    }

    .retailers_sec .input-group .btn-success {
        top: 7px
    }

    .bg-gray.merSection {
        padding: 96px 0 50px 0
    }

    .who-we-are-bg {
        padding: 78px 0;
        padding-top: 80px
    }

    #home .who-we-are-bg {
        padding-bottom: 0
    }

    .enquire_Sec .enq_lt_data {
        padding-bottom: 90px
    }

    .productData {
        display: none
    }

    .homeOwnersData,
    .professionalUlData,
    .prograUlData,
    .otherLinksUlData,
    .experienUlData {
        display: none
    }

    .arrow1:before,
    .arrow1:after {
        background: none;
        content: "";
        position: absolute;
        width: 8px;
        height: 2px;
        background-color: #ccc;
        display: inline-block;
        border-radius: 50px;
        transition: all 0.5s ease;
        right: 26px;
        top: 23px
    }

    .arrow1:after {
        transform: rotate(45deg);
        right: 10px
    }

    .arrow1:before {
        transform: rotate(-45deg);
        right: 5px
    }

    .custom-mt0 {
        margin-top: 0 !important
    }

    .cust-bdr1 {
        border-bottom: 1px solid #ffffff1a;
        width: 100%
    }

    .footer_rt_data .ftr-subheading.arrow1:before,
    .footer_rt_data .ftr-subheading.arrow1:after {
        top: 10px
    }

    .footer_rt_data .arrow1.active::before {
        transform: rotate(45deg)
    }

    .footer_rt_data .arrow1.active::after {
        transform: rotate(-45deg)
    }

    .featuredProducts_section .tabs-container nav ul {
        display: block;
        border: 2px solid #383636
    }

    .featuredProducts_section .tabs-container nav ul.expanded {
        padding-block: 10px
    }

    .featuredProducts_section .tabs-container nav ul li {
        max-width: 100%;
        width: 85%;
        margin: 0
    }

    .featuredProducts_section .tabs-container nav ul li:hover {
        background-color: transparent;
        color: #3e4b58
    }

    .featuredProducts_section .tabs-container nav ul li.active:before,
    .featuredProducts_section .tabs-container nav ul li.active:after {
        background: none;
        content: "";
        position: absolute;
        width: 8px;
        height: 2px;
        background-color: #000;
        display: inline-block;
        border-radius: 50px;
        transition: all 0.5s ease;
        right: 0px;
        top: 22px
    }

    .featuredProducts_section .tabs-container nav ul li.active:before {
        transform: rotate(-45deg);
        right: 27px
    }

    .featuredProducts_section .tabs-container nav ul li.active:after {
        transform: rotate(45deg);
        right: 32px
    }

    .featuredProducts_section .tabs-container nav ul.expanded li.active:before {
        transform: rotate(45deg);
        right: 27px
    }

    .featuredProducts_section .tabs-container nav ul.expanded li.active:after {
        transform: rotate(-45deg);
        right: 32px
    }

    .featuredProducts_section .tabs-container nav ul li.active {
        color: #383636;
        padding: 13px 10px
    }

    .banner_sec #swiper .swiper-pagination {
        top: auto;
        bottom: 50px;
        left: auto !important;
        right: 20px
    }

    .videoSec .tl_Video {
        font-size: 12px
    }

    .videoSec .tl_Video br {
        display: none
    }

    .slideData .video-js .vjs-big-play-button {
        top: 33px
    }

    .temp-1 .btnMain {
        margin: 0 auto;
        margin-top: 30px
    }

    .downloadApp_Sec h5 {
        font-size: 36px;
        letter-spacing: -2.25px
    }

    .downloadApp_Sec {
        background-position: bottom;
        background-color: #f8f4f0
    }

    .downloadApp_Sec .img1 {
        width: 60px
    }

    .downloadApp_Sec .socInfo .img1 {
        width: 86px
    }

    .enquire_Sec .p-0 {
        padding: 0
    }

    .enquire_Sec .enq_lt_data h5 {
        padding-top: 35px
    }

    .enquire_Sec .enq_lt_data .form-control {
        height: 55px
    }

    .enquire_Sec .enq_lt_data .form-control::placeholder {
        font-size: 14px
    }

    .enq_lt_data .mb-3 {
        margin-bottom: 10px !important
    }

    .enq_lt_data .mt-3 {
        margin-top: 10px !important
    }

    .filter_heading.t2 .dropdownQuery .select span {
        font-size: 14px
    }

    .filter_heading.t2 .dropdownQuery {
        padding-left: 22px !important
    }

    .textareaSec::placeholder {
        font-size: 14px;
        padding-left: 10px;
        color: #000;
        opacity: 0.5
    }

    .footer_lt_data_top {
        padding-left: 10px;
        padding-right: 10px;
        padding-bottom: 50px
    }

    .textRequired {
        padding-right: 15px;
        top: 0px;
        display: block
    }

    .footer_lt_data_top h5 {
        font-size: 35px
    }

    .footer_lt_data_top form input.form-control {
        height: 48px
    }

    .footer_lt_data_top form .mb-3 {
        margin-bottom: 0rem !important
    }

    .footer_rt_data {
        padding: 0;
        padding-top: 20px
    }

    .footer_lt_data_bottom h5 {
        font-size: 21px
    }

    .footer_lt_data_bottom .input-group .form-control {
        height: 55px
    }

    .copyrightSec .footerMenu ul {
        padding-bottom: 10px
    }

    .followUsSec {
        padding-bottom: 35px
    }

    .featuredProducts_section .tabs-container nav ul.expanded li:first-child {
        border-top: 0
    }

    .dow-img1 {
        width: 90px
    }

    .dow-img1 img {
        left: -30px
    }

    .banner_content_wrapper {
        top: 0;
        left: 0;
        text-align: center;
        padding: 60px 40px;
        transform: unset;
        width: 100%;
        height: calc(100% - 50px);
        margin-top: 50px
    }

    .banner_text {
        margin-top: 18px;
        width: 100%;
        text-align: center;
        max-width: 70%;
        margin-left: auto;
        margin-right: auto
    }

    .top_right_fullcscreen {
        display: none
    }

    .banner_text h1 {
        font: normal normal 40px /1.1 var(--acumin_bold);
        letter-spacing: -0.5px
    }

    .banner_text .btn_solid {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 190px;
        height: 52px;
        font-size: 12px;
        margin-top: 25px
    }

    .breadcrumb {
        margin: auto;
        display: inline-flex;
        justify-content: center
    }

    .banner_text p {
        margin: 0 0 40px;
        font: normal normal 14px/25px var(--roboto_reg);
        letter-spacing: 0px;
        padding-right: 0
    }

    .banner_text p {
        letter-spacing: 0;
        margin: 0;
        font-size: 18px;
        line-height: 26px
    }

    .banner_text p br {
        display: none
    }

    .swiper.products_list_swiper {
        padding: 0
    }

    .swiper.products_list_swiper {
        padding: 0 10px
    }

    .products_list_swiper .swiper-wrapper {
        justify-content: start
    }

    .product_highlights {
        padding: 80px 0
    }

    .case_studies {
        padding: 80px 0
    }

    .case_studies_head {
        padding: 0 30px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding-top: 0px;
        margin-bottom: 42px
    }

    .head_wrapper p {
        width: 100%;
        font: normal normal 14px/18px var(--roboto_reg);
        letter-spacing: -0.42px;
        text-align: left
    }

    .btn_solid {
        width: fit-content;
        height: 52px;
        padding: 22px 30px 20px;
        margin: 0 auto;
        font: normal normal 12px / 20px var(--acumin_bold)
    }

    .case_studies_head .btn_solid {
        margin-top: 18px;
        min-width: 160px
    }

    .case_studies_content h3 {
        margin: 5px 0 0;
        font: normal normal 16px/22px var(--roboto_reg);
        letter-spacing: 0;
        padding: 0
    }

    .location_pointer {
        font: normal normal 10px/12px var(--acumin_bold);
        letter-spacing: 0;
        opacity: 1;
        margin-top: 10px
    }

    .know_more_cs {
        bottom: 0;
        position: relative;
        width: 116px;
        height: 36px;
        border: 1px solid #ffffff;
        margin-top: 24px
    }

    .case_studies_content span {
        width: auto;
        display: inline-flex;
        align-items: center;
        height: auto;
        border-radius: 25px;
        font: normal normal 9px/12px var(--acumin_regular)
    }

    .case_studies_swip_wrapper:hover .case_studies_content_sub_wrap {
        transform: translateY(0)
    }

    .all_prod_data_wrapper {
        grid-template-columns: auto auto;
        padding: 90px 10px;
        grid: none
    }

    .disp-inblock {
        display: block !important
    }

    .elegant_design .container-fluid {
        padding: 0
    }

    .all_products .container-fluid {
        padding: 0
    }

    .container-fluid .all_prod_data_wrapper {
        padding: 80px 0
    }

    .all_prod_data_wrapper .light_left.head_wrapper {
        padding-left: 0px
    }

    .product_highlights .container-fluid {
        padding: 0
    }

    .col-12.products_list_wrapper {
        padding: 0
    }

    .product_highlights .container-fluid .swiper.products_list_swiper {
        padding: 0 30px 60px
    }

    .case_studies .container-fluid {
        padding: 0
    }

    .case_studies .container-fluid .case_studies_swiper_wrapper {
        padding: 0 0 0 0px
    }

    .case_studies .container-fluid .viewALL-CTA {
        display: flex;
        justify-content: center
    }

    .case_studies .container-fluid .viewALL-CTA a {
        display: flex;
        width: 280px;
        height: 69px;
        background: #486898 0% 0% no-repeat padding-box;
        border-radius: 35px;
        align-items: center;
        justify-content: center;
        font: normal normal 14px/20px var(--acumin_bold);
        letter-spacing: 0px;
        color: #ffffff;
        text-transform: uppercase;
        margin-top: 40px;
        opacity: 1
    }

    .social-card-bottom {
        padding: 30px 0px !important
    }

    .temp-10-area {
        padding: 0 0px;
        margin-top: 30px
    }

    .dark_center.head_wrapper p {
        font-size: 14px;
        line-height: 18px;
        letter-spacing: -0.42px;
        opacity: 0.7;
        width: auto;
        margin: 10px auto 0px auto
    }

    .head_wrapper h2 {
        text-align: center;
        font-size: 40px;
        line-height: 1.1;
        letter-spacing: 0;
        margin-bottom: 0px
    }

    .light_left.head_wrapper h2,
    .light_left.head_wrapper p {
        color: #fff;
        text-align: center
    }

    .Experience-Customisation-header {
        width: 90%;
        margin: 30px auto
    }

    .Experience-Customisation-body {
        display: block
    }

    .Customisation-card {
        width: 100%;
        margin-bottom: 20px
    }

    .Customisation-card-content {
        padding: 20px 20px
    }

    .Customisation-card-content h3 {
        font: normal normal normal 20px / 24px var(--acumin_regular)
    }

    .Customisation-card-content p {
        font: normal normal normal 14px / 16px var(--roboto_reg)
    }

    .Customisation-card .Customisation-card-text {
        transition: all 0.5s ease-in-out;
        transform: translateY(0)
    }

    .Customisation-card .configure-btn {
        transform: translateY(0)
    }

    .configure-btn {
        font: normal normal bold 10px / 15px var(--acumin_bold);
        padding: 11px 17px 10px
    }

    .envision-sec {
        padding: 80px 30px
    }

    .envision-sec-body {
        display: block
    }

    .envision-card {
        width: 100%;
        margin-bottom: 20px
    }

    .envision-card .envision-card-content h3 {
        transform: translateY(-10px);
        transition: all 0.5s
    }

    .envision-card .configure_now {
        transform: translateY(-10px);
        transition: all 0.5s
    }

    .envision-card .configure_now::after {
        right: -20px
    }

    .consultant-svg {
        opacity: 0.6
    }

    .swiper.products_list_swiper {
        overflow: hidden;
        padding: 0 30px
    }

    .other_products .case_studies_swiper_wrapper {
        padding: 0
    }

    .justify-center {
        justify-content: flex-start
    }

    .other_products_swiper {
        overflow: hidden;
        padding: 0 30px 60px
    }

    .other-brands-slider5 {
        overflow: hidden
    }

    .career-detail-banner-sec .banner_content_wrapper {
        left: 50%
    }

    .career-detail-banner-sec .career-details-banner-indicators {
        gap: 25px;
        flex-direction: row;
        align-items: flex-start
    }

    .internship-program-wrapper {
        padding: 80px 30px;
        display: block
    }

    .internship-program-right {
        margin-top: 50px
    }

    .internship-content-wrapper {
        padding-right: 0
    }

    .descriptive_text_wrapper {
        padding: 0 130px
    }

    .showmore-CTA {
        padding: 15px 30px;
        font-size: small
    }

    .profile-bg {
        top: -130px
    }

    .create-account-frm-wrap .modal-content {
        width: 100%;
        padding: 45px 20px 55px
    }

    .opt-boxes input {
        width: 45px;
        height: 45px;
        border-radius: 10px
    }

    .OTP-verification-modal .modal-content {
        padding: 45px 20px 55px
    }

    .res_top p {
        font-size: 14px;
        line-height: 18px
    }

    .res_content {
        width: 50%;
        padding: 20px 0
    }

    .heading-ss1 {
        font-size: 16px;
        line-height: 22px
    }

    .Editors_Choice_wrapper .img-transition .img-fluid {
        height: 200px;
        max-height: 200px
    }

    .indicator-wrap {
        flex-direction: column
    }

    .indicator-subtitle {
        text-align: center;
        font: normal normal 16px / 24px var(--acumin_regular)
    }

    .apply-now-CTA-wrapper {
        margin-top: 30px
    }

    .efficient_protection_slider_wrapper {
        padding: 0
    }

    .case_studies_swip_wrapper .product_img {
        height: 270px;
        max-height: 270px;
        object-fit: cover
    }

    .video_modal_wrapper .modal-content {
        width: 85%
    }

    .video_modal_wrapper .modal-header .btn-close {
        background-size: 20px
    }

    .video_modal_wrapper .modal-header.modal-close {
        top: 50px;
        right: 30px
    }

    .case_studies_content_sub_wrap {
        transform: translateY(0)
    }

    .smart-spaces-slider {
        padding: 0 30px
    }

    .smart-spaces-bg .container-fluid {
        padding: 0
    }

    .smart-spaces-bg-lGe .temp-2-inner {
        padding: 0
    }

    .other_products .container-fluid {
        padding: 0
    }

    .temp-2-card {
        height: 100%;
        background: #fff
    }

    .temp-2-card:after {
        opacity: 0
    }

    .smart-spaces-slider .swiper-slide {
        height: auto
    }

    .banner_search_dropdown_Wrapper {
        width: 100%;
        background: rgba(255, 255, 255, 0.6)
    }

    .legrand-academy-sec .careers_swip_content {
        transform: translateY(20px)
    }

    .legrand-academy-sec .careers-knw-mr-wrapper {
        transform: translateY(0px)
    }

    .social-media-wrapper {
        padding: 0 0px
    }

    .highlight-card {
        opacity: 1;
        visibility: visible;
        padding: 20px;
    }

    .footer_lt_data_top br {
        display: none
    }

    .footer_rt_data .col-sm-12.col-md-6 {
        width: 100%
    }

    .temp-5-card-img2 img {
        padding: 70px;
        padding-bottom: 35px
    }

    .temp-19 .swiper-button-prevv,
    .temp-19 .swiper-rtl .swiper-button-nextt {
        display: none
    }

    .temp-19 .swiper-button-nextt,
    .temp-19 .swiper-rtl .swiper-button-prevv {
        display: none
    }

    .temp-6-area.head_wrapper h2 {
        text-align: center
    }

    .temp-6-area.head_wrapper p {
        text-align: center;
        padding-bottom: 10px
    }

    .padding--tb {
        padding: 80px 0;

    }

    .elegant_design {
        padding: 80px 0
    }

    .temp-9-text {
        transform: translateY(-8px)
    }

    .temp-9-livingNow:hover .temp-9-text {
        transform: translateY(-8px)
    }

    .temp-9 h6 {
        margin-bottom: 10px;
        padding: 8px 14px 4px
    }

    .wtb-card p.wtb-card-subtitle {
        width: 95%
    }

    .emailHandler-container .emailHandler-header h2 {
        font-size: 24px;
        line-height: 1.1
    }

    .emailHandler-container .emailHandler-header h4 {
        text-align: center;
        font-size: 18px
    }

    .filter_heading .dropdownQuery .select {
        padding: 10px 0px;
        padding-top: 14px
    }

    .filter_heading .dropdownQuery {
        height: 48px
    }

    .custom-select:before,
    .custom-select:after {
        top: 22px
    }

    .temp-13-textarea h4 {
        font-size: 24px;
        line-height: 1.3;
        letter-spacing: 0
    }

    .elegant_design .head_wrapper h2,
    .elegant_design .dark_center.head_wrapper p {
        text-align: center
    }

    .slider_card_content_wrapper {
        transform: translateY(-10px)
    }

    .slide_card:hover .slider_card_content_wrapper {
        transform: translateY(-10px)
    }

    .slide_card:hover .know_more_btn {
        transform: translateY(0px)
    }

    .ep_col:before {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        background: linear-gradient(190deg, rgba(255, 255, 255, 0) 60%, rgba(0, 0, 0, 0.60) 100%);
        z-index: 1
    }

    .privacy_policy .about-us-wrapper1 {
        padding: 0px 0px 0;
        background: url(../images/about-us/about-us-wrapper-1.png) center center no-repeat;
        background-size: cover
    }

    .privacy_policy .about-us-wrapper1 .about-us-container1-top-text li {
        position: relative;
        padding-left: 19px
    }

    .privacy_policy .about-us-wrapper1 .about-us-container1-top-text li {
        position: relative;
        padding-left: 0px
    }

    .privacy_policy .custom_listing_style ol li {
        list-style: lower-latin
    }

    .privacy_policy .about-us-wrapper1 .about-us-container1-top-text {
        padding: 30px 25px 30px
    }

    .terms_of_use .about-us-wrapper1 {
        padding: 20px 0px 0;
        background: url(../images/about-us/about-us-wrapper-1.png) center center no-repeat;
        background-size: cover
    }

    .terms_of_use .about-us-wrapper1 .about-us-container1-top-text {
        padding: 20px 25px 60px
    }

    .terms_of_use .about-us-wrapper1 {
        padding: 20px 25px 0
    }

    .privacy_policy .about-us-wrapper1 .about-us-container1-top-text p b {
        font: normal normal 22px / 1.1 var(--roboto_reg);
        letter-spacing: 0;
        margin-bottom: 20px
    }

    .privacy_policy .about-us-wrapper1 .about-us-container1-top-text p {
        font: normal normal normal 14px / 1.1 var(--roboto_reg);
        letter-spacing: 0
    }

    .case_studies_swiper {
        padding-right: 0;
        padding-bottom: 70px
    }

    .boq-float-tab {
        left: 50%;
        transform: translateX(-50%)
    }

    .addMoreItem {
        padding: 12px 24px;
        font-size: 10px
    }

    .sharelinks {
        right: 20px
    }

    .productdetail-qty-tag {
        padding: 2px 16px 1px
    }

    .product-card {
        padding-bottom: 40px
    }

    .product-card-remove {
        position: absolute;
        bottom: -25px
    }

    .whitpaperHeading h2.whitepaper-title {
        font-size: 28px;
        line-height: 1
    }

    p.whitepaper-description {
        font-size: 14px;
        line-height: 1.2;
        text-align: left
    }

    .whitepaper-consent {
        margin-top: 10px
    }

    #whitePaperModal .modal-dialog {
        max-width: 550px
    }

    .product-solutions-slider {
        padding-bottom: 60px
    }

    .temp-3 .swiper-button-next,
    .temp-3 .swiper-button-prev {
        width: 40px;
        height: 40px
    }

    .temp-3 .swiper-button-next {
        left: calc(25px + 55px)
    }

    .temp-3 .swiper-button-next::before {
        width: 11px;
        height: 15px;
        background-size: contain
    }

    .temp-3 .swiper-button-prev::after {
        width: 11px;
        height: 15px;
        background-size: contain
    }

    .elegant_slider_wrapper .swiper-wrapper {
        padding-bottom: 65px
    }

    .elegant_design_slider .swiper-button-next,
    .elegant_design_slider .swiper-button-prev {
        width: 40px;
        height: 40px
    }

    .elegant_design_slider .swiper-button-next {
        left: calc(1px + 55px)
    }

    .elegant_design_slider .swiper-button-next::before {
        width: 11px;
        height: 15px;
        background-size: contain
    }

    .elegant_design_slider .swiper-button-prev::after {
        width: 11px;
        height: 15px;
        background-size: contain
    }

    .products_list_swiper .swiper-button-next,
    .products_list_swiper .swiper-button-prev {
        width: 40px;
        height: 40px;
        left: 30px
    }

    .products_list_swiper .swiper-button-next {
        left: calc(30px + 55px)
    }

    .products_list_swiper .swiper-button-next::before {
        width: 11px;
        height: 15px;
        background-size: contain
    }

    .products_list_swiper .swiper-button-prev::after {
        width: 11px;
        height: 15px;
        background-size: contain
    }

    .other_products_swiper .swiper-button-next,
    .other_products_swiper .swiper-button-prev {
        width: 40px;
        height: 40px;
        left: 30px
    }

    .other_products_swiper .swiper-button-next {
        left: calc(30px + 55px)
    }

    .smart-spaces-slider .swiper-button-next,
    .smart-spaces-slider .swiper-button-prev {
        width: 40px;
        height: 40px;
        left: 30px
    }

    .smart-spaces-slider .swiper-button-next {
        left: calc(30px + 55px)
    }

    .temp-20-slider .swiper-button-next,
    .temp-20-slider .swiper-button-prev {
        width: 40px;
        height: 40px;
        left: 30px
    }

    .temp-20-slider .swiper-button-next {
        left: calc(30px + 55px)
    }

    .our-team .swiper-button-next,
    .our-team .swiper-button-prev {
        width: 40px;
        height: 40px;
        left: 30px
    }

    .our-team .swiper-button-next {
        left: calc(30px + 55px)
    }

    .swiper.disabled-swiper .swiper-wrapper {
        justify-content: start
    }

    .leaderboardWrapper {
        gap: 10px;
    }

    .amd_banner {
        margin-top: 50px;
        height: 100%;
    }

    .amd_banner_left {
        position: static;
    }

    .amd_banner_Right {
        width: 530px;
        position: relative;
        left: 50%;
        transform: translateX(-50%);
        margin-top: 65px;
    }

    .amd_banner_Content {
        max-width: 100%;
        margin: 0 auto;
        align-items: center;
    }

    .amd_banner_subTitle {
        font-size: 12px;
        text-align: center;
    }

    .amd_banner_card {
        width: 230px;
    }

    .amd_banner_title {
        font-size: 40px;
        text-align: center;
        letter-spacing: 0;
    }

    .amd_banner_title {
        text-align: center;
        letter-spacing: 0;
    }

    .amd_banner_card_title {
        font-size: 14px;
    }

    .amd_banner_content {
        padding: 10px 14px;
    }

    .amd_banner {
        padding: 0 30px 90px;
    }

    .amd_feature_comment {
        position: absolute;
        top: 40px;
        right: 101px;
        flex-direction: column;
        border-radius: 18px;
    }

    .amd_feature_comment img {
        width: 28px;
        height: 26px;
    }

    .amd_feature_comment p {
        font-size: 12px;
    }

    .amd_feature_comment span {
        font-size: 10px;
    }

    .amd_award_badge {
        top: 0px;
        left: 85px;
    }

    .amd_award_badge img {
        width: 99px;
    }

    .keyProduct_filter_Mob {
        display: flex !important;
        justify-content: space-between;
        align-items: center;
        flex-wrap: wrap;
        padding-bottom: 40px;
        gap: 10px;
    }

    .keyProduct_contentWrapper {
        grid-template-columns: 100%;
        gap: 0;
        padding-left: 30px;
        padding-right: 30px;
    }

    h4.keyProduct_title_Mob {
        font-size: 40px;
        letter-spacing: -2px;
        line-height: 1.1;
        font-family: var(--acumin_bold);
    }

    p.keyProduct_result_Mob {
        margin: 0;
    }

    .keyProduct_result {
        display: none;
    }

    .keyProduct_ProjectsWrapper {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }

    .keyProduct_acordionwrapper {
        border-right: 1px solid #F1F1F1;
        padding: 50px 0;
        position: fixed;
        top: 48px;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 2;
        background: #fff;
        padding: 30px;
        padding-top: 50px;
        opacity: 0;
        visibility: hidden;
        transform: translatex(-100%);
        transition: all 0.5s ease;
    }

    .showFilter .keyProduct_acordionwrapper {
        opacity: 1;
        visibility: visible;
        transform: translatex(0);
        transition: all 0.5s ease;
    }

    .keyProduct_acordionwrapper .accordion {
        padding-right: 0;
    }

    .keyProduct_CloseBtn {
        display: block;
        width: 35px;
        height: 35px;
        position: absolute;
        top: 20px;
        right: 30px;
    }

    .keyProduct_acordionwrapper h3 {
        padding-bottom: 0;
    }

    .keyProduct_filte_humberger {
        width: 55px;
        height: 40px;
        font-size: 10px;
        border: 1px solid #383636;
        color: #383636;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 13px;
        border-radius: 100px;
    }

}

@media only screen and (min-width:577px) and (max-width:991px) {
    .inner_page_banner .home-video {
        height: 100%;
        object-position: 66% 52%
    }
}

@media screen and (min-width:991px) {
    .featuredProducts_section nav {
        background: transparent
    }

    .temp-5-card h6 {
        font-size: 10px;
        top: 16px;
        padding: 10px 16px 6px
    }

    .all_products .light_left.head_wrapper p {
        margin-bottom: 40px;
        width: auto
    }

    .all_products .light_left.head_wrapper p {
        margin-bottom: 60px;
        width: auto
    }

    .featuredProducts_section .tabs-container nav ul li.active {
        background: #383636 !important;
        color: #fff;
        border: 2px solid #383636
    }

    .featuredProducts_section .tabs-container nav ul {
        border: none;
        padding: 0
    }

    .featuredProducts_section .tabs-container nav ul li {
        border: 2px solid rgba(56, 54, 54, 0.2);
        border-radius: 100px;
        color: #383636;
        font-size: 12px;
        font-family: var(--acumin_semibold);
        display: inline-block;
        margin: 0;
        transition: all .3s
    }

    .featuredProducts_section .tabs-container nav ul li:not(.active) {
        position: relative;
        top: auto
    }

    .featuredProducts_section .tabs-container nav ul li.active {
        order: 1
    }

    .featuredProducts_section .tabs-container nav ul li.active:after {
        display: none
    }

    .faq_sec .container-fluid {
        padding: 0
    }

    .efficient_protection {
        padding: 80px 0
    }

    .title-wrap {
        flex-direction: column;
        justify-content: center;
        align-items: center
    }
}

@media screen and (max-width:768px) {
    .points {
        width: 8px;
        height: 8px
    }

    .banner_content_wrapper {
        padding: 20px 20px;
        padding-top: 50px
    }

    .banner_text p {
        font-size: 14px;
        line-height: 1.4
    }

    .banner_text h1 {}

    .banner_content_wrapper .breadcrumb-item {
        font-size: 12px
    }

    .dark_center.head_wrapper {
        padding: 15px;
        padding-top: 0
    }

    .elegant_design.Dynamic_Product .dark_center.head_wrapper {
        padding-top: 0
    }

    .elegant_slider_wrapper {
        padding: 0 0px
    }

    .slider_card_content_wrapper,
    .case_studies_content,
    .wtb-card {
        padding: 20px 20px
    }

    .blog-titlegroup {
        max-width: 100%
    }

    .temp-5-rightInner2 .temp-5-card2 {
        width: 100%
    }

    .temp-5-card-img2 img {
        padding: 70px;
        padding-bottom: 35px
    }

    .videoSec {
        margin-top: 280px
    }

    .mobile-video {
        display: block;
        width: 100%;
        height: auto
    }

    .desktop-video {
        display: none
    }

    .snapsearch-content {
        width: 100%;
        text-align: center;
        left: 0
    }

    .snapsearch-stars .star2,
    .snapsearch-stars .star3 {
        width: 35px;
        height: 25px
    }

    .snapsearch-content .heading {
        justify-content: center;
        align-items: center
    }

    .boq-banner .breadcrumb1 {
        text-align: center
    }

    .boq-banner .temp-4 h2 {
        text-align: center
    }

    .my-profile-header h2 {
        font-size: 35px;
        text-align: center;
        letter-spacing: -1.5px
    }

    .profile-bg {
        top: -122px
    }

    .nav-btn img {
        width: 30px
    }

    .create-account-icon img {
        width: 30px
    }

    .topnav-right ul {
        gap: 10px
    }

    .login-cta .create-account-wrap {
        background: none;
        padding: 0;
        border-radius: 0
    }

    .create-account-icon {
        border: none;
        background: none
    }

    #scroll-Down {
        width: 220px;
        height: 220px
    }

    #scroll-Down svg {
        width: 220px;
        height: 220px
    }

    #scroll-Down a img {
        height: 16px
    }

    #scroll-Down {
        bottom: -112px
    }

    #scroll-Down a {
        bottom: 123px
    }

    .boq-title-wrap {
        flex-direction: column;
        gap: 20px
    }

    .leaderboardWrapper {
        gap: 10px;
    }

    .leaderboardAvatar {
        width: 45px;
        height: 45px;
    }

    .leaderboardAvatar img {
        width: 35px;
        height: 35px;
    }

    .leaderboardTitle {
        font-size: 16px;
    }

    .leaderboardDesignation {
        font-size: 12px;
    }

    .leaderboardStat p {
        font-size: 12px;
    }

    .amd_timeline_sec .number-wrapper {
        width: 90px;
    }
}

@media only screen and (min-width:768px) and (max-width:1023px) {
    .temp-3-card-text {
        padding: 20px
    }

    .featuredProducts_section .tabs-container nav {
        width: 80%
    }

    .product_tab_sec .captionText h6 {
        font-size: 26px
    }

    .sticky-right-bar nav {
        right: 15px
    }

    footer {
        overflow: hidden
    }

    .downloadApp_Sec {
        padding: 20px;
        padding-top: 50px
    }

    .downloadApp_Sec h5 {
        font-size: 52px;
        letter-spacing: -2.5px
    }

    .downloadApp_Sec .downApp_btn_section .nav-tabs {
        margin-top: 0
    }

    .downloadApp_Sec .downApp_btn_section .nav-link {
        width: 214px
    }

    .downloadApp_Sec .img1 {
        width: 80px
    }

    .downloadApp_Sec .tab-content {
        right: 79px;
        background: none !important;
        top: 52px;
        width: 410px
    }

    .codeLogo {
        left: -68px
    }

    .codeLogo img {
        width: 57%
    }

    .to-top {
        bottom: 149px
    }

    .chatBoat {
        bottom: 10px
    }

    .copyrightSec .footerMenu ul {
        flex-wrap: wrap
    }

    .all_products .light_left.head_wrapper p {
        margin-bottom: 30px
    }
}

@media only screen and (max-width:767px) {
    .banner_text {
        max-width: 100%;
        text-align: center
    }

    .banner_content_wrapper {
        text-align: center
    }

    .btn-div.wt-buy-CTA {
        align-items: center;
        justify-content: center
    }

    .product_tab_sec .captionText {
        padding-block: 20px;
        padding-inline: 30px
    }

    .whereBuyTab .subTabNav .nav-link,
    .whereBuyTab .tab-content .nav-link {
        padding: 11px 18px 11px 6px;
        font-size: 10px;
        width: auto
    }

    .whereBuyTab .subTabNav .nav-link::after {
        top: 11px;
        width: 6px;
        right: 10px
    }

    .whereBuyTab .nav-link {
        font-size: 12px
    }

    .whereBuyTab .nav-tabs {
        margin-left: -5px;
        margin-right: -15px;
        display: flex
    }

    .whereBuyTab .tab-content .subTabNav .nav-link {
        padding: 10px 0
    }

    .whereBuyTab .mainNav-tabs {
        margin-bottom: 20px
    }

    .enquireNowSec {
        display: none
    }

    .footer_lt_data_top form .row * {
        padding-left: 0;
        padding-right: 0
    }

    .filter_heading .dropdownQuery {
        padding-left: 30px !important
    }

    .temp-2-area .heading h2 {
        margin-bottom: 10px
    }

    .temp-2-card img {
        width: 100%;
        height: 210px;
        object-fit: cover
    }

    .temp-3-card img {
        width: 100%;
        height: auto;
        object-fit: cover
    }

    .temp-3 h2 {
        margin-bottom: 10px
    }

    .btn-carsKnow {
        border: 1px solid #ffffff
    }

    .slideData h1 {
        margin-top: 20px;
        font-size: 40px;
        line-height: 42px
    }

    .forumBtn {
        font-size: 12px;
        line-height: 1;
        height: 46px;
        width: 140px
    }

    .banner_sec .swiper-slide img.slide1 {
        object-position: 69% 80px
    }

    .videoSec {
        margin-top: 200px
    }

    .banner_sec #swiper .swiper-pagination {
        top: auto
    }

    .chatBoat {
        bottom: 13px
    }

    .envision-card-content h3 {
        font: normal normal 18px / 25px var(--acumin_semibold);
        letter-spacing: 0.28px
    }

    .envision-card {
        height: 225px
    }

    .envision-card-img {
        width: 40px;
        height: 30px
    }

    .banner_sec .swiper-slide img {
        object-position: top
    }

    .temp-8-textArea {
        padding: 20px
    }

    .temp-8-textArea h4 {
        transform: translateY(-15px)
    }

    .temp-8-textArea p {
        transform: translateY(-15px)
    }

    .descriptive_text_wrapper {
        padding: 0 30px
    }

    .product-header {
        display: none
    }

    .product-details-wrapper {
        padding: 0 40px 40px
    }

    .boq-banner .temp-4 h2 {
        font-size: 40px
    }

    .product-card {
        display: block
    }

    .product-subcard {
        display: block
    }

    .product-card-left {
        width: 100%;
        display: block
    }

    .product-card-content {
        width: 100%;
        margin-top: 30px
    }

    .product-card-right {
        width: 100%;
        margin-top: 20px
    }

    .product-price {}

    .order-summary-wrapper {
        padding: 20px
    }

    .download-boq-btn {
        height: 40px;
        font: normal normal bold 12px / 12px var(--acumin_bold)
    }

    .download-CTA {
        margin-top: 15px;
        gap: 8px
    }

    .post-login-wrapper {
        width: 190px
    }

    .account-details-top {
        justify-content: flex-start;
        padding: 10px 22px
    }

    .account-img img {
        width: 30px
    }

    .account-name h3 {
        font: normal normal 12px / 20px var(--acumin_semibold)
    }

    .account-name p {
        font: normal normal normal 10px / 12px var(--acumin_regular)
    }

    .account-name h3 {
        font: normal normal 14px / 20px var(--acumin_semibold)
    }

    .account-details-item h3 {
        font: normal normal 12px / 20px var(--acumin_semibold)
    }

    h3.log-out-text {
        font: normal normal 12px / 20px var(--acumin_semibold)
    }

    .logout-btn {
        padding: 12px 20px
    }

    .account-details-item {
        padding: 12px 20px
    }

    .logout-btn img {
        width: 18px
    }

    .post-login-wrapper {
        top: 50px
    }

    .product-details-wrapper.my-orders {
        padding: 0 30px 100px
    }

    .boq-banner .breadcrumb1 {
        text-align: center
    }

    .boq-banner .temp-4 h2 {
        text-align: center;
        font-size: 45px;
        letter-spacing: -1.5px;
        margin-top: 40px
    }

    .boq-wrapper img {
        width: 10px
    }

    .boq-wrapper {
        height: 30px;
        width: 30px;
        margin-right: 10px
    }

    .product-card {
        display: block
    }

    .product-header {
        display: none
    }

    .product-card-left {
        width: 100%;
        display: block
    }

    .product-card-content {
        width: 100%;
        margin-top: 30px
    }

    .product-card-right {
        display: flex;
        justify-content: space-between;
        width: 100%;
        margin-top: 20px
    }

    .product-price {}

    .product-details-wrapper {
        padding: 0 30px 100px
    }

    .product-details-wrapper.my-orders {
        padding: 0 50px 100px
    }

    .profile-bg {
        top: -112px
    }

    .boq-banner .temp-4 {
        padding-bottom: 50px
    }

    .my-profile-header h2 {
        font-size: 40px;
        text-align: center;
        margin-top: 0
    }

    .temp-4 h2 {
        font-size: 36px;
        line-height: 40px;
        margin-top: 40px;
        letter-spacing: 0
    }

    .sv-icon-xx {
        width: 18px
    }

    .banner_sec .swiper-button-prev::after {
        width: 11px;
        height: 13px;
        background-size: contain
    }

    .banner_sec .swiper-button-next::before {
        width: 11px;
        height: 13px;
        background-size: contain
    }

    .zone-tabs-area .nav-pills .nav-link:hover::after {
        visibility: none;
        display: none
    }

    .zone-tabs-area .nav-pills .nav-link:hover::before {
        visibility: none;
        display: none
    }

    .product-subcard-right {
        margin-top: 40px
    }

    section.addMoreItem-wrap {
        padding: 0 30px
    }

    .product-card-remove {
        position: absolute;
        bottom: -25px
    }

    .boq-title-wrap {
        flex-direction: column;
        gap: 20px
    }

    .success-toast {
        right: 10px;
        max-width: 220px
    }

    .succes-toast-text p {
        font-size: 12px;
        line-height: 1
    }

    .succes-toast-text span {
        font-size: 10px;
        line-height: 1px
    }
}

@media only screen and (max-width:650px) {
    .temp-18:before {
        background: transparent linear-gradient(180deg, #000000 0%, #00000000 100%) 0% 0% no-repeat padding-box
    }

    .amd_work_card {
        height: 160px;
        width: 210px;
    }

    .amd_work_badge {
        font-size: 65px;
        top: -40px;
        left: 0;
    }

    .amd_work_text h3 {
        font-size: 18px;
        line-height: 19px;
    }

    .amd_work_text p {
        font-size: 14px;
        line-height: 17px;
    }
}

@media only screen and (max-width:576px) {
    .efficient_protection.downloadPage_filters.side-spacing15 {
        padding-left: 15px !important;
        padding-right: 15px !important
    }

    .temp-5-rightInner.products-list.addDb .temp-5-card {
        width: 100%
    }

    .boq-banner .breadcrumb1 {
        text-align: center
    }

    .boq-banner .container {
        padding-top: 60px
    }

    .boq-banner .temp-4 h2 {
        text-align: center
    }

    .product-card {
        display: block
    }

    .product-header {
        display: none
    }

    .product-card-left {
        width: 100%;
        display: block
    }

    .product-card-content {
        width: 100%;
        margin-top: 30px
    }

    .product-card-right {
        display: flex;
        justify-content: space-between;
        width: 100%;
        margin-top: 20px;
        gap: 15px
    }

    .product-price {}

    .temp-5-rightInner.products-list.addDb .temp-5-card,
    .temp-5-card {
        width: 100%
    }

    .product-details-wrapper {
        padding: 0 30px 100px
    }

    .counter {
        width: 90px;
        height: 30px
    }

    .summary-list-item p {
        font: normal normal 600 14px / 19px var(--acumin_semibold);
        width: 70%
    }

    .summary-list-item span {
        font: normal normal bold 14px / 18px var(--acumin_bold)
    }

    .subTotal {
        font: normal normal bold 16px / 26px var(--acumin_bold)
    }

    .product-card-content-wrap {
        display: flex;
        grid-template-columns: 45% 18% 14% 15%;
        gap: 15px;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between
    }

    .more-details-list {
        padding: 20px;
        padding-left: 40px
    }

    .moredetails .counter {
        opacity: 0;
        display: none
    }

    .moredetails {
        display: flex;
        gap: 20px;
        flex-direction: column;
        align-items: flex-start
    }

    .moredetails .product-totalprice {
        text-align: left;
        display: none
    }

    .product-details-wrapper.my-orders {
        padding: 0 30px 100px
    }

    .profile-bg {
        top: 0px
    }

    .my-orders .product-card-content {
        width: 100%
    }

    .product-details-mobile-wrap {
        padding: 10px
    }

    .accordion-button.orders-button {
        letter-spacing: -0.5px;
        font-size: 30px
    }

    .wt-buy-select h5 {
        font: normal normal normal 16px / 25px var(--acumin_regular);
        padding: 10px 20px 8px
    }

    .swiper-container2 {
        height: 560px
    }

    .beyond-sec .temp-19Area .ovr-hidd .mySwiper11.swiper-container2 {
        height: 25px
    }

    .temp-18-textArea {
        left: 0;
        top: 30%;
        width: 100%;
        text-align: center
    }

    .temp-18-textArea h3 {
        text-align: center
    }

    .temp-18-textArea p {
        text-align: center
    }

    .Editors_Choice_wrapper .img-transition .img-fluid {
        height: 300px;
        max-height: 300px
    }

    .adress-popup-wrap {
        position: absolute;
        top: auto;
        left: -144px;
        bottom: 70px
    }

    .downloadPage_filters .efficient_protection_slider .col-auto {
        width: 100%;
        padding: 0 !important
    }

    .res_content {
        padding: 10px 0
    }

    .temp-4-inner {
        padding: 0
    }

    .temp-21Card {
        height: 300px;
        width: auto
    }

    .temp-21 .swiper-button-prev,
    .temp-21 .swiper-rtl .swiper-button-next {
        width: 50px;
        height: 50px;
        bottom: -50px
    }

    .temp-21 .swiper-button-next,
    .temp-21 .swiper-rtl .swiper-button-prev {
        width: 50px;
        height: 50px;
        bottom: -50px
    }

    .temp-19Card-left img {
        height: 180px
    }

    .pointer-content-area {
        width: 170px;
        padding: 14px
    }

    .pointer-content-area::before {
        left: -170px
    }

    .contactus-callinfo span {
        font-size: 10px
    }

    .pointer-content {
        left: 15%
    }

    .pointer-content-bottom {
        gap: 5px
    }

    .contactus-callinfo span {
        font: normal normal normal 12px /12px var(--roboto_med)
    }

    .circle-btn.circle-btn4 .pointer-content {
        left: 11%;
        top: -132px
    }

    .circle-btn.circle-btn6 .pointer-content {
        top: -117px;
        left: 12.5%
    }

    .circle-btn.circle-btn24 .pointer-content {
        left: 17.5%;
        top: -141px
    }

    .circle-btn.circle-btn25 .pointer-content {
        top: -232px;
        left: 13.5%
    }

    .circle-btn.circle-btn25 .pointer-content-area::before {
        top: 214px
    }

    .circle-btn.circle-btn11 .pointer-content-area::before {
        top: 207px
    }

    .circle-btn.circle-btn6 .pointer-content-area::before {
        top: 97px
    }

    .circle-btn.circle-btn2 .pointer-content-area.year1::before {
        top: 211px
    }

    .circle-btn.circle-btn2 .pointer-content {
        left: 15%;
        top: -214px
    }

    .circle-btn.circle-btn7 .pointer-content {
        left: 13.5%;
        top: -95px
    }

    .circle-btn.circle-btn2 .pointer-content-area::before {
        left: -170px;
        top: 195px
    }

    .circle-btn.circle-btn7 .pointer-content-area::before {
        left: -170px;
        top: 76px
    }

    .circle-btn.circle-btn4 .pointer-content-area::before {
        left: -170px;
        top: 112px
    }

    .circle-btn.circle-btn5 .pointer-content-area::before {
        left: -170px;
        top: 88px
    }

    .circle-btn.circle-btn5 .pointer-content {
        left: 12.5%;
        top: -109px
    }

    .circle-btn.circle-btn3 .pointer-content {
        left: 13.5%;
        top: -141px
    }

    .circle-btn.circle-btn20 .pointer-content {
        left: -108%;
        top: -141px
    }

    .circle-btn.circle-btn20 .pointer-content-area::before {
        left: 163px
    }

    .circle-btn.circle-btn21 .pointer-content {
        left: -108%;
        top: -141px
    }

    .circle-btn.circle-btn21 .pointer-content-area::before {
        left: 163px
    }

    .circle-btn.circle-btn21 .pointer-content {
        left: -108%;
        top: -141px
    }

    .circle-btn.circle-btn22 .pointer-content-area::before {
        left: 163px
    }

    .circle-btn.circle-btn22 .pointer-content {
        left: -108%;
        top: -141px
    }

    .circle-btn.circle-btn23 .pointer-content-area::before {
        left: 162px
    }

    .circle-btn.circle-btn23 .pointer-content {
        left: -108%;
        top: -141px
    }

    .circle-btn.circle-btn27 .pointer-content-area::before {
        left: 162px
    }

    .circle-btn.circle-btn27 .pointer-content {
        left: -108%;
        top: -141px
    }

    .circle-btn.circle-btn28 .pointer-content-area::before {
        left: 162px
    }

    .pointer-content-area {
        box-shadow: -4px 4px 2px -6px black
    }

    .circle-btn.circle-btn28 .pointer-content {
        left: -108%;
        top: -141px
    }

    .circle-btn.circle-btn19 .pointer-content-area::before {
        left: -3px;
        top: -7px
    }

    .circle-btn.circle-btn19 .pointer-content {
        left: -47%;
        top: 10px
    }

    .circle-btn.circle-btn19 .pointer-content-area {
        width: 235px
    }

    .circle-btn.circle-btn12 .pointer-content {
        left: 12.5%;
        top: -141px
    }

    .circle-btn.circle-btn11 .pointer-content {
        left: 12.5%;
        top: -227px
    }

    .circle-btn.circle-btn13 .pointer-content {
        left: 13.5%;
        top: -85px
    }

    .circle-btn.circle-btn17 .pointer-content {
        left: 13.5%;
        top: -141px
    }

    .circle-btn.circle-btn13 .pointer-content-area::before {
        left: -170px;
        top: 65px
    }

    .circle-btn.circle-btn26 .pointer-content {
        left: 13.5%;
        top: -142px
    }

    .pointer-content-head h4 {
        font-size: 14px;
        line-height: 14px
    }

    .temp-5 .temp-5-card-img {
        height: 390px
    }

    .boq-float-tab {
        width: 80%;
        padding: 6px;
        font-size: 12px;
        padding-left: 15px
    }

    .boq-float-tab a {
        padding: 10px 12px;
        font-size: 10px;
        width: 110px
    }

    .contactus-newadd-head {
        width: 100%;
    }

    .amd_timeline_wrapper {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 40px;
    }

    .amd_work_card {
        height: 200px;
        width: 100%;
        margin-right: 0;
    }

    .amd_work_card:before,
    .amd_work_card:after {
        display: none;
    }

    .amd_timeline_sec .number-wrapper {
        height: 95px;
        width: 65px;
    }



    .amd_timeline_sec .countdown {
        /* gap: 10px; */
        margin-top: 15px;
    }

    .amd_timeline_sec .num {
        height: 45px;
        font-size: 45px;
    }

    .amd_banner_Right {
        width: 330px;
    }

    .amd_feature_comment {
        top: 10px;
        right: 15px;
    }

    .amd_award_badge {
        top: 5px;
        left: 30px;
    }

    .amd_feature_name {
        font-size: 14px;
        margin-bottom: 5px;
    }

    .amd_feature_Linkedin {
        width: 40px;
        height: 40px;
        top: -30px;
        padding: 2px;
    }

    .amd_feature_share img {
        width: 57px;
    }

    .amd_feature_name {
        font-size: 14px;
    }

    .amd_feature_badge {
        font-size: 14px;
        display: block;
    }

    .amd_feature_content {
        padding: 23px 16px 16px 16px;
        bottom: -27px;
    }

    .amd_feature_posts {
        width: 75px;
        flex-direction: column;
        border-radius: 10px;
        left: -9px;
    }

    .amd_feature_posts img {
        width: 25px;
    }

    .amd_feature_posts p {
        font-size: 12px;
    }

    .amd_banner {
        padding: 0 30px 140px;
    }

    .amd_award_badge img {
        width: 80px;
    }

    .keyProduct_ProjectsWrapper {
        grid-template-columns: repeat(1, 1fr);
        gap: 20px;
    }

    .amd_timeline_sec .countdown span {
        font-size: 45px;
        margin-top: 35px;
    }
}

@media only screen and (max-width:450px) {
    .temp-3 .container1 {
        padding: 0 30px
    }

    .followUsSec {
        position: relative;
        padding-top: 38px
    }

    .followUsSec::before {
        content: "";
        width: 100%;
        top: 0;
        height: 1px;
        background: #ffffff1a;
        position: absolute;
        width: 108%;
        left: -11px
    }

    footer {
        overflow: hidden
    }

    .inner_page_banner_center_aligned.career_banner .banner_content_wrapper {
        top: 100px
    }

    .snapsearch-content {
        padding: 40px;
        top: 6%
    }

    .snapsearch-content .heading h2 {
        font-size: 35px;
        letter-spacing: -2.25px;
        line-height: 40px
    }

    .snapsearch-content .heading span {
        font-size: 16px;
        margin-bottom: 10px
    }

    .snapsearch-content .tryIt-btn {
        margin-top: 30px
    }

    .my-orders .product-card-content {
        width: 100%
    }

    .profile-bg {
        top: 0
    }

    .boq-banner .container {
        padding-top: 60px
    }

    .boq-banner .temp-4 {
        padding-bottom: 60px;
        padding-top: 60px
    }

    .product_tab_sec .captionText p {
        font-size: 14px;
        padding: 0 14px;
        line-height: 18px
    }
}

@media only screen and (max-width:375px) {
    .temp-5-filterDiv .heading h2 {
        margin: 0;
        font-size: 32px
    }
}

@media only screen and (max-width:390px) {
    .temp-15-bg {
        padding-top: 90px;
        padding-bottom: 76px
    }

    .temp-16Card-text h5 {
        font-size: 16px
    }
}

@media only screen and (max-width:339px) {
    .whereToBuy_sec .mainNav-tabs .nav-link {
        padding: 13px 20px
    }

    .whereToBuy_sec {
        padding: 0
    }

    .heading h2 {
        font-size: 36px
    }

    #contact-us .enquire_Sec .enq_lt_data h5 {
        font-size: 36px
    }

    .downloadApp_Sec .socInfo .img1 {
        width: 68px
    }

    .downloadApp_Sec .downApp_btn_section .nav-link h4 {
        font-size: 16px
    }

    .whereBuyTab .subTabNav .nav-link {
        padding: 11px 14px 11px 4px;
        font-size: 9px
    }

    .footer_lt_data_top form .row>* {
        padding: 0
    }

    .whereBuyTab .subTabNav .nav-link {
        margin-bottom: 10px
    }

    .temp-2-card img {
        height: 140px
    }
}