@media(max-width:1400px) { .navigation .menu ul li a { padding: 20px 7px; } .read_more_1 { padding: 10px 15px 10px 15px } } @media(max-width:1300px) { .menubar .logo { height: 63px; width: 200px; } /* .menubar .logo img { padding: 8px 0; } */ .navigation .menu ul li a { padding: 20px 10px; font-size: 13px } .navigation .menu ul li a { padding: 20px 7px; } } @media(max-width:1200px) { .menubar .logo { height: 62px; width: 180px; } .navigation .menu ul li a { padding: 20px 8px; font-size: 12px } .search_action { padding: 15px 0px 15px 8px; } .header_appointment_btn { width: 170px; margin-top: 10px; } } @media(max-width:1100px) { .menubar .logo { float: left; width: 160px; padding: 0 5px 0 0; position: absolute; height: 60px; border-right: 1px solid #eee; z-index: 999; } .header_appointment_btn { width: 145px; margin: 7px 0 0; } .navigation .menu ul li a { padding: 20px 7px; font-size: 12px } } @media(max-width:1023px) { .menubar .logo { width: 180px; height: auto; } .heade_appointment_btn { display: none; } #background-video { height: 450px; } .homeSlider { height: 474px; } .wsus__for_search { margin-top: 0; position: relative; padding: 30px 0; background: var(--colorWhite); } .work_upperbox.up-down-move { animation-name: none !important; } .work_upperbox.up-up-move { animation-name: none !important; } .process-card-area .position-top { display: none; } .from_header { margin: 0; } .bg_text_d { font-size: 36px; } .menubar .logo img { width: 100%; padding: 7px 5px 7px 0; } .header_appointment_btn { display: none; } .navigation { float: left; width: 100%; position: relative; } .navigation .navbar { display: block; float: left; width: 100%; } .navigation .menu { display: none; width: 100%; overflow: hidden; overflow-y: visible; position: relative; z-index: 9999; max-height: 480px; overflow-y: auto; position: absolute; top: 100%; background: var(--darkColor); left: 0; right: 0; text-align: left; } .navigation .menu ul li { padding: 0; float: left; width: 100%; display: block } .navigation .menu ul li a { padding: 7px 15px; text-align: left; font-size: 14px; border-right: 1px dashed transparent; color: #fff; border-bottom: 1px solid #e8b65d42; display: block; } .navigation .menu ul li ul.cs-dropdown { position: relative !important; opacity: 1 !important; visibility: visible !important; top: auto !important; left: auto !important; padding-left: 20px; padding-right: 20px; padding-bottom: 20px; width: 100%; display: none; transition: none !important } .navigation .menu ul li ul.cs-dropdown, .navigation .menu ul li ul.cs-dropdown li .cs-dropdown { padding-top: 0; padding-left: 0; padding-bottom: 0; display: none; transition: none; padding-right: 0; width: 100%; background: #666 } .navigation .menu ul .cs-submenu a { position: relative } .navigation .menu ul li.cs-submenu a button { display: block; position: absolute; top: 0px; right: 15px; background: transparent; border: 0; color: #fff; font-size: 16px; height: 30px; outline: none; width: 30px; padding: 0; text-align: center; line-height: 18px } .navigation ul li.cs-submenu a button svg { width: 16px; height: 16px; } .navigation ul li.cs-submenu a button.rotated svg { transform: rotateZ(180deg); } .navigation ul li.cs-submenu:hover svg { transform: rotateZ(0deg); } .navigation .menu ul li ul.cs-dropdown, .navigation .menu ul li ul.cs-dropdown li .cs-dropdown li .cs-dropdown { padding-top: 0; padding-left: 0; padding-bottom: 0; display: none; transition: none; padding-right: 0; float: left; width: 100% !important; background: var(--darkColor); } .navigation .menu ul li ul.cs-dropdown li ul.cs-dropdown { left: 100%; margin-top: 0 } .navigation .menu ul li ul.cs-dropdown li ul.cs-dropdown li ul.cs-dropdown { left: -100%; margin-top: 0 } .navigation .menu ul li ul.cs-dropdown li { border-bottom: 0 } .navigation .menu ul li ul.cs-dropdown li a { color: #fff; display: block; font-size: 14px; padding: 7px 15px; line-height: normal; border-bottom: 1px solid #5176cc; background: var(--darkColor); } .navigation .menu ul li ul.cs-dropdown li ul.cs-dropdown li a { background: #666; } .mobile_hide { display: none !important; } .navigation .menu ul li.active a, .navigation .menu ul li:hover a { border-color: transparent; } .navigation .menu ul>li>a:hover:before, .navigation .menu ul>li.active>a:before { opacity: 0; } /* .navigation .menu ul li:hover ul.cs-dropdown { display: none; } */ .navigation .menu ul li:hover a:before { border: 0; } .navigation .menu ul li.cs_mega ul.cs-dropdown { padding: 0; max-height: initial; overflow: hidden; } .navigation .menu ul li.cs_mega ul.cs-dropdown li { border: 0; width: 100%; } .menu { display: none; position: absolute; top: 100%; left: 0; width: 100%; background-color: white; box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1); } .menubar .col-xxl-10.col-xl-10.col-lg-10.col-md-10 { padding: 0; } .menu.active { display: block; } .right-content { padding: 0 15px; } .counter-area .counter-card { max-width: 100%; background: var(--darkColor); padding: 15px; border: 1px solid var(--darkColor); } .counter-area .counter-card_text { margin-bottom: 0; color: var(--colorWhite); } .process-card-wrap:has(.pulse):nth-child(even) { padding-top: 0; } .process-card-wrap:has(.pulse) { margin-top: 0; } .counter-area { background: var(--colorWhite); } .counter-card .pulse { display: none; } .sec-title__title { font-size: 26px; line-height: 36px; } .space-100 { padding-top: 30px; } .space { padding: 30px 0; } .service-box { border-radius: 0; } #ourprojects { box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; padding: 15px 0; } .property-area-wrap:hover img.icons_loc { width: 90px; } .who_we_are .thumb img:first-child { width: 100%; } .who_we_are .thumb .overlay { bottom: 20%; right: 0%; width: 65%; height: 33%; } .cssinfracon_about_sec .title-inner { margin-top: 50px; } .title-inner span.sub-text { margin: 0 0 5px; font-size: 16px; } .title-inner .title { font-size: 28px; line-height: 38px; margin: 0px 0px 10px 0px; } ul.elementor-icon-list-items.elementor-inline-items li { width: 100%; margin-right: 0; margin-bottom: 15px; background: linear-gradient(88deg, var(--yellowcolor), transparent); padding: 10px; } span.elementor-icon-list-text:before { display: none; } ul.elementor-icon-list-items.elementor-inline-items li span.elementor-icon-list-icon { padding-right: 5px; filter: drop-shadow(0px 6px 2px black); } ul.elementor-icon-list-items.elementor-inline-items li span.elementor-icon-list-text { color: var(--blackColor); } .cssinfracon-one__content p { text-align: justify !important; } .btn_call_css .call-btn { display: none; } .side_line01-background-overlay { top: auto; background-position: bottom; } .cssinfracon_about_sec p { text-align: justify; } .service-card_text { text-align: justify; } .blog-content2 p { text-align: justify; } /* footer img */ .meta-gear-1 { margin-left: 0; margin-bottom: 235px; } .meta-gear-1, .meta-gear-2, .meta-gear-3, .meta-gear-4, .meta-gear-5, .meta-gear-6 { opacity: 0.1; width: auto; height: auto; } .meta-gear-2 { margin-left: 120px; margin-bottom: -40px; } .meta-gear-3 { margin-left: -370px; margin-bottom: 77px; } .meta-gear-4 { margin-left: -60px; margin-bottom: 146px; } .meta-gear-6 { margin-left: -50%; margin-bottom: -310px; } /* end */ ul.number_loc li { padding: 3px 25px; background: var(--yellowcolor); } .footer_wrap .footer-top ul.number_loc li:before { color: var(--darkColor); left: 10px; top: 2px; } .footer-menu ul li a { color: var(--darkColor); font-weight: 500; } .sec-title { margin-top: 0; padding-bottom: 10px; } .bannerbox { height: auto; } .bannerptag { font-size: 18px; } .inner-banner h1 { font-size: 32px; } .inner-banner { height: 356px; } .welcome-content { padding: 0; } .welcome-img { margin-top: 0; } .job_sec ol.gradient-list>li { width: 100%; } .career_div li.nav-item button { width: 100%; } .career_div #myTab li { width: 100%; } .career_div ul#myTab { border-bottom: 0; } .job_sec { padding: 15px; } .inner-banner { margin-top: 0; } .flip-box .inner { padding: 15px; } .map-content-block { margin-top: 16px; width: auto; } #timeline ul { left: 0; } #timeline ul li:nth-child(odd) .cont { left: 30px; } #timeline ul li:nth-child(even) .cont { left: 30px; } #timeline ul li:nth-child(even) .cont:before { left: -11px; } #timeline ul li:nth-child(even) .cont:after { left: -9px; } #timeline ul li .cont { width: 75%; } #timeline ul li:nth-child(even) .cont:before { border-width: 11px 11px 11px 0; } #timeline ul li:nth-child(even) .cont:after { border-width: 11px 11px 11px 0; } .flat-contact .mark-contact { display: none; } .social-icons { overflow: hidden; } #footer .group-icon .box-icons { display: block; padding: 15px 20px 15px 20px; } #footer .group-icon { margin-bottom: 20px; margin-top: 0; text-align: center; } .flat-contact { padding-bottom: 140px !important; } .logo_cat { height: auto; } .special-offer { position: absolute; top: 62%; width: 175px; left: 40%; } } @media (max-width:980px) {} @media (max-width:768px) { .sale_box .sservice-box_img { width: 100%; } ul.item-amenities.item-amenities-with-icons { display: block; } .sale_box { display: block; } ul.item-amenities.item-amenities-with-icons li { display: block; } .top_contact li { padding: 0 5px; margin: 0; } .top_contact li:first-child { padding-left: 5px; } .top_contact li a { font-size: 14px; } header { position: relative; /* background: #333; */ } .bannerImgDiv { display: none; } .homeSlider:before { background: var(--darkColor); } .top_social li a { width: 30px; height: 30px; line-height: 30px; } .top_contact li a { line-height: 30px; } .about-right-part { max-width: 100%; width: 100%; } .introduce_images { max-width: 100%; width: 100%; } .features .features-holder { display: block; } .features .feature-panel-holder .feature-panel { margin-bottom: 0; padding: 23px 20px 40px; min-height: 240px; border-radius: 8px; } .features .feature-panel-holder { float: left; width: 50%; padding-top: 0; } .features .more-features { float: left; width: 100%; margin: 30px 0; } .features .features-card { float: left; width: 100%; display: block; } .features .features-card .card-panel { float: left; width: 100%; display: block; margin-bottom: 20px; } .read_more_btn { padding: 8px 20px; } .home_interior { border: 1px solid #ccc; margin-bottom: 20px; } .about_video .about_text { width: 100%; height: auto; padding: 20px; } .about_video .about_text p { font-size: 16px; line-height: 26px; margin: 0; } .home_about_us p { float: left; width: 100%; } .about_video .about_video { float: left; width: 100%; height: 210px; margin: 0; } .home_trending h2 { font-size: 18px; } .home_selling h2 { font-size: 18px; } .h2_title { font-size: 22px; } .kitchen_step { margin-bottom: 30px; } .home_gallery_nav { bottom: 40px; } .home_galley_left { height: auto; padding: 25px 0; } .home_galley_left h2 { font-size: 18px; } .fact-counter .count-box .count { float: none; margin: 0 0 10px; font-size: 30px; line-height: normal; } .fact-counter .count-box .count-text { font-size: 30px; } .fact-counter .count-box { border: 1px solid #eee; text-align: center; margin-bottom: 20px; padding: 15px; } .sm-height-auto { height: 280px; } .text_content h3 { font-size: 18px; } .text_content p { font-size: 15px; } .bg-theme-colored2 { border-bottom: 1px solid #39569b; } .bg-theme-colored { border-bottom: 1px solid #1572ac; } .box-hover-effect.effect-siberia .info-box .info-title h3 { font-size: 18px; } #popularCourse .owl-nav .owl-prev { left: -10px; } #popularCourse .owl-nav .owl-next { right: -10px; } .blog-content2 h5 { height: auto; } .blog-content2 h5 span { position: relative; top: 0; left: 0; transform: none; } .footer-menu ul { margin-bottom: 20px; } .social-icons li a span { display: none; } .text-right { text-align: left; } .wps_copy { line-height: normal; padding: 10px 0; } .blog_details_img { height: auto; } .market-list li { width: 50%; } .wsus__about_page .col-lg-4.col-md-4.col-sm-12 { order: 2; } .wsus__about_page .col-lg-8.col-md-8.col-sm-12 { order: 1; } section.cssinfraBE { display: none; } #onload_Modal .modal-content:after { display: none; } img.images12 { display: none; } .popup_img { display: none; } .topbar { display: none; } .wsus__for_search { display: none; } .blog-content2 { padding: 15px; } .work_section .col { width: 100%; flex: auto; } img.logo_cat { height: auto; border: none; padding: 0; max-width: 75%; } #sticky_sidebar { margin-top: 0; } .site-breadcrumbs:before { width: 20px; } .site-breadcrumbs { padding-left: 25px; } #component2 button { margin-left: 0; margin-bottom: 10px; width: 100%; } ol.gradient-list>li { width: 100%; } .divider { display: none; } .footer_wrap { margin-top: 0; } } @media (max-width:650px) {} @media (max-width:480px) { .trending_item .trending_box { margin: 0; } .bannerTitle { font-size: 32px; line-height: 42px; letter-spacing: 5px; } .logo_cat { height: auto; } } @media (max-width:360px) { .sale_box { display: block; } }