@media (min-width: 1024px) and (max-width: 1399px) {
  /* Hero_banner_04 */
  li.section-items.active .section-content {
    bottom: 50px;
  }
  .section-content p {
    padding: 20px;
  }
}
@media (min-width: 991.98px) and (max-width: 1440px) {
  /* Header_01 */
  .navegation_menubar ul.drop_down_menu {
    left: -70%;
  }
  ul.inner_dropdown {
    left: -100%;
    right: 100%;
  }
  ul.drop_down_menu li.nav-item:hover a svg,
  ul.drop_down_menu li.nav-item.active a svg {
    transform: rotate(90deg);
  }
  /* Header_03 */
  div#header_3 .header_main,
  div#header_4 .header_main {
    padding: 10px 15px;
  }
  .nav_part {
    gap: 15px;
  }
  /* Footer_02 */
  .footer_2_bubble_shap img {
    top: 20px;
    left: unset;
    right: 50px;
  }
  .footer_2_bubble_shap img:nth-child(2) {
    right: unset;
    left: 50px;
  }
}
@media (min-width: 1200px) and (max-width: 1440px) {
  div#header_3 .header_call_btn a,
  .coming_soon .footer_copyride_sec {
    display: none;
  }
  .home_blog_2_box a.home_blogs_info_title {
    font-size: 28px;
  }
  .home_blog_2_box .home_blogs_info p {
    font-size: 17px;
  }
  /* ===== About Page ===== */
  .abt_service_2_left {
    width: 90%;
    padding: 100px 500px 100px 90px;
  }
  .abt_service_2_right {
    right: 15px;
  }
  /* ===== 404 Page ===== */
  .footer_copyride_outer {
    display: block;
  }
  .coming_soon_sec {
    padding: 0 15px;
    background-position: top;
  }
  .coming_soon_img img.error_img {
    height: auto;
  }
  .coming_soon {
    height: 91%;
  }
}
@media (min-width: 1441px) and (max-width: 1900px) {
  /* Home 3 */
  div#header_3 .header_main > .row > div:nth-child(1) {
    width: 66.66666667%;
  }
  div#header_3 .header_main > .row > div:nth-child(2) {
    width: 33.33333333%;
  }
}
@media (max-width: 1900px) {
  /* Home 3 */
  .nav_part,
  div#header_3 .custome_nav {
    gap: 20px;
  }
  .header_btns {
    gap: 18px;
  }
  .header_call_btn a {
    font-size: 18px;
  }
  .header_request_btn a {
    padding: 18px;
    font-size: 16px;
  }
  .header_call_btn a {
    font-size: 18px;
  }
  .abt_service_2_right {
    top: 50px;
    right: 15px;
    bottom: 50px;
  }
  .abt_service_2_left {
    width: 90%;
    padding: 100px 410px 100px 100px;
  }
  .section-content img {
    height: 400px;
  }
}
@media (max-width: 1622px) {
  .about_us_02 {
    width: auto;
  }
  .free_call_sec {
    overflow-x: hidden;
  }
  .coming_soon_sec {
    padding: 0 15px;
  }
  .section-content img {
    height: 350px;
  }
}
@media (max-width: 1500px) {
  .abt_02_img {
    left: -300px;
  }
  .abt_02_content {
    margin: 80px 100px 0px auto;
  }
  .abt2_right_info {
    margin: 20px 100px 0 auto;
  }
}
@media (max-width: 1440px) {
  .custome_nav > li.nav-item {
    padding: 17px 8px;
  }
  li.section-items.active .section-content {
    bottom: 50px;
  }
  .abt_02_content,
  .abt2_right_info {
    width: 575px;
  }
  .abt_02_content {
    margin: 80px 30px 0px auto;
  }
  .abt2_right_info {
    margin: 20px 30px 0 auto;
  }
  div#header_3 .custome_nav {
    width: 140%;
    justify-content: center;
  }
  .work_slider_2_overlay h4 {
    font-size: 28px;
  }
  .work_slider_2_overlay {
    padding: 15px;
  }
  .free_call_sec {
    overflow: visible;
  }
  .coming_soon_stop_msg {
    margin: 0;
  }
  .comimg_soon_heading_detail .newsletter_right {
    padding: 30px 0;
  }
}
@media (max-width: 1399px) {
  .container {
    padding: 0px 15px;
  }
  /* Header_03 */
  div#header_3 .custome_nav {
    gap: 25px;
    width: 150%;
    justify-content: center;
  }
  /* Meet-Team-1 CSS */
  .team_theme_1 {
    bottom: 0;
    transform: translateY(24%);
  }
  .team_icon_1_overlay {
    gap: 15px;
  }
  /* Meet_Team_3 CSS */
  .expert_img,
  .meet_team_3_img {
    height: 280px;
  }
  /* Our-Work-1 CSS */
  .work_slider_1_overlay h4 {
    top: 40%;
  }
  /* Newsletter CSS */
  .newsletter_right input {
    width: 72.7%;
  }
  /* Banner_02 CSS */
  .close svg {
    top: -50px;
    right: 0px;
  }
  /* About_02 CSS */
  .abt_02_img {
    left: -165px;
    width: 630px;
    top: -85px;
  }
  .abt_02_img,
  .abt_02_img img,
  .coming_soon_sec {
    height: 100%;
  }
  .abt_02_content {
    margin: 80px 15px 0px auto;
  }
  .abt2_right_info {
    margin: 20px 15px 0 auto;
  }
  /* FW-counter_02 CSs */
  .counter_sec_2 .counter_box {
    gap: 20px;
  }
  /* Free_Call CSS */
  .free_call_titles h2,
  .about3 .abt_titles h2 {
    font-size: 59px;
  }
  /* Client-Testimonials_2 CSS */
  .testimonials_box_2_text_info,
  .client_slider_3_info > p,
  .row.test_design_1_list .client_testimonials_box {
    width: 100%;
  }
  .single_project_img_slider_item {
    max-width: 190px;
    height: 100%;
  }
  .single_project_img_slider_item img {
    height: 100%;
    width: 100%;
    max-width: 100%;
    margin: 0;
  }
  /* ===== About Page ===== */
  .abt_service_2_left {
    width: 70%;
    padding: 100px 220px 100px 15px;
  }
  .abt_service_2_right {
    right: 15px;
  }
  /* ===== FAQS Page ===== */
  .faqs_accodian_title h5 {
    width: 90%;
  }
  /* ===== Get-Quote Page ===== */
  .download_pdf p {
    padding: 18px 0px 18px 15px;
  }
  .row.radio_btn_design .form-check input {
    margin-right: 5px;
    width: 20px;
    height: 20px;
  }
  /* ===== Coming-Soon Page ===== */
  .coming_soon_sec {
    padding: 0 15px;
    background-position: top;
  }
  .comimg_soon_heading_detail .newsletter_right input {
    width: 380px;
  }
  .coming_soon {
    height: 91%;
  }
  .comimg_soon_info {
    width: 50%;
    margin: 40px 0px 0px auto;
  }
  .coming_soon_img {
    width: 50%;
    height: 88%;
    margin: auto;
  }
  .coming_soon_img img.error_img {
    height: max-content;
    width: max-content;
  }
  .coming_soon .footer_copyride_sec {
    display: none;
  }
  .footer_copyride_outer {
    display: block;
  }
  /* ===== Blogs Page ===== */
  .blog_masonry1_box .our_blogs_box.our_blogs_links_box {
    padding: 25px;
  }
}
@media (min-width: 1290px) and (max-width: 1300px) {
  .abt_02_img {
    left: -128px;
  }
}
@media (max-width: 1200px) {
  /* About_2 CSS */
  .abt_02_content,
  .abt2_right_info {
    width: 550px;
  }
  .abt_02_content h2 {
    font-size: 52px;
  }
  .abt_02_img {
    left: -165px;
  }
  .why_choose_img_item_2,
  .why_choose_img_item_3 {
    text-align: left;
  }
  /* Why_Choose CSS */
  .why_choose_right .banner_img_info {
    top: 42%;
  }
  /* ===== Coming-Soon Page ===== */
  .comimg_soon_heading_detail,
  .coming_soon_footer {
    padding: 30px 0px 0px;
  }
  .comimg_soon_heading_detail .newsletter_right {
    padding: 40px 0px;
  }
  .comimg_soon_heading_detail .newsletter_right input {
    width: auto;
  }
  /* ===== Blogs Page ===== */
  .row.Blogs_grid_content_area .home_blog_3_titles a {
    font-size: 28px;
  }
}
@media (min-width: 991.98px) and (max-width: 1399px) {
  /* Header_01 */
  /* Home-Contact CSS */
  .home_contact_titles h2 {
    font-size: 50px;
  }
  .home_contact_info h6:nth-child(2) {
    font-size: 18px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  h1 {
    font-size: 60px;
  }
  h2 {
    font-size: 52px;
  }
  h3 {
    font-size: 36px;
  }
  /* Header_01 */
  div#header_1 .custome_nav > li.nav-item > a,
  .header_request_btn a,
  div#header_3 .custome_nav > li.nav-item > a,
  .counter_info h6 {
    font-size: 18px;
  }
  div#header_1 .custome_nav > li.nav-item {
    padding: 18px 9px;
  }
  .custome_nav {
    gap: 20px;
  }

  /* Banner CSS */
  .goclean_banner_content,
  .banner_slidr_box,
  .our_cour_services_02,
  .banner3_right_info {
    padding: 100px 0px;
  }
  .goclean_banner_content h1 {
    padding: 10px 0px;
  }
  /* Meet-Team-1 CSS */
  .team_icon_1_overlay {
    gap: 15px;
    padding: 30px 0px 0px;
    justify-content: flex-start;
  }
  .team_theme_1 {
    transform: translateY(28%);
  }
  .meet_teme_sec {
    padding: 100px 0px 320px;
  }
  .our_work_slider_1_area
    .slick-custom-arrow.slick-custom-arrow-left.slick-arrow,
  .our_work_slider_1_area
    .slick-custom-arrow.slick-custom-arrow-right.slick-arrow {
    top: 40%;
  }
  /* Newsletter CSS */
  .newsletter_right input {
    width: 62.7%;
  }
  /* Header_02 */
  div#header_2 .custome_nav {
    gap: 25px;
  }
  div#header_2 .navegation_menubar ul.drop_down_menu,
  div#header_3 .navegation_menubar ul.drop_down_menu,
  .banner2_slider_sec .slick-custom-arrow.slick-custom-arrow-left.slick-arrow {
    left: 0px;
  }
  .footer_newsletter_form input,
  .home_contact_info h6:nth-child(2) {
    font-size: 16px;
  }
  .header_call_btn a,
  .how_work_box_info h5,
  .estimate_form label,
  .customer_info_form label {
    font-size: 19px;
  }
  /* Header_03 */
  div#header_3 .header_call_btn a,
  .header_email_sec,
  .ring.ring-9,
  .ring.ring-10,
  .coming_soon_img,
  .footer_copyride_outer {
    display: none;
  }
  .nav_part {
    gap: 5px;
  }
  div#header_3 .header_upper .row a.upper_mail {
    width: 102%;
    display: inline-block;
  }
  .header_request_btn a {
    padding: 18px 15px;
  }
  div#header_3 .custome_nav {
    gap: 15px;
    width: 127%;
    justify-content: center;
  }
  /* Hero_banner_04 */
  li.section-items .section-title {
    width: 220px;
  }
  li.section-items.active .section-content {
    bottom: 50px;
    width: 908px;
  }
  .section-content p {
    padding: 20px 40px 20px;
  }
  li.section-items .section-title h4 {
    font-size: 30px;
  }
  /* Header_05*/
  .left-menu-col {
    height: auto;
    overflow: unset;
  }
  div#header_5 .header_main {
    padding: 10px 15px;
  }
  div#main_content header,
  .about_us_02,
  .abt_02_img img,
  .abt_02_content,
  .abt2_right_info {
    width: 100%;
  }
  div#header_5 .hader_content_area .header_logo,
  div#header_5 .navsec {
    height: 100%;
  }
  div#header_5 .navsec button.btn svg {
    border-radius: 10px 20px;
    border: 2px solid #fff;
    padding: 7px;
  }
  div#header_5 .navsec button.btn svg g path {
    stroke-width: 4;
  }
  div#header_5 .hader_content_area,
  .single_project_overview_img_content {
    flex-direction: row;
  }
  .header_banner_content {
    margin: 50px 0px;
    padding: 0px 15px;
    position: relative;
    bottom: 0;
    text-align: center;
  }
  .header_banner_content h2,
  ul.project_overview_points {
    margin: 30px 0px;
  }
  .header_banner_content a.yellowbox_btn {
    margin-top: 40px;
  }
  div#header_5 .sticky {
    background-color: #1a2285;
  }
  ul.header_hover_title_sec {
    width: -webkit-fill-available;
    height: auto;
    overflow: auto;
    flex-wrap: wrap;
  }
  li.header_hover_title_item {
    width: 50%;
    height: max-content;
    overflow: auto;
    flex-wrap: wrap;
  }
  a.header_hover_title {
    border: 1px solid #f6f7f8;
    width: 100%;
    height: auto;
    justify-content: center;
    gap: 20px;
    padding: 40px;
    flex-direction: row;
  }
  a.header_hover_title h4 {
    transform: rotate(0deg);
    padding: 0 0px 0px 20px;
  }
  /* Banner_02 CSS */
  .banner_slidr_box {
    min-height: 590px;
  }
  /* Banner_03 CSS */
  .banner3_img_bubble {
    right: -80px;
  }
  /* FW-Counter CSS */
  .counter_box,
  .home_contact_box,
  .home_contact_box a {
    gap: 10px;
  }
  /* Home-Contact CSS */
  .home_contact_icon svg {
    height: 45px;
    width: 45px;
  }
  /* How-Work CSS */
  .how_work_box_icon {
    padding: 15px;
  }
  .how_work_box:hover .how_work_box_icon {
    transform: translateX(50%);
  }
  .how_work_box_icon svg {
    width: 55px;
    height: 55px;
  }
  /* Banner_02 */
  .banner2_slider_sec .slick-custom-arrow.slick-custom-arrow-right.slick-arrow {
    right: 0px;
  }
  /* About_02 CSS */
  .about_us_02 {
    border-radius: 0;
    height: 100%;
    padding: 50px 0px;
  }
  .abt_02_img {
    position: unset;
    height: auto;
    width: auto;
    text-align: center;
  }
  .abt_02_img img {
    border-radius: 20px;
  }
  .abt_02_content {
    margin: 50px auto 0px;
  }
  .abt2_right_info {
    margin: 20px auto 0px;
  }
  /* Free_Call CSS */
  .free_call_titles h2,
  .about3 .abt_titles h2 {
    font-size: 50px;
  }
  /* Why_Choose CSS */
  .why_choose_img {
    justify-items: end;
  }
  .why_choose_img_item_3 {
    place-self: flex-start;
  }
  .why_choose_right .banner_img_info {
    top: 50%;
  }
  .why_choose_us .row {
    flex-direction: column-reverse;
    gap: 30px;
  }
  /* Why_Choose_2 CSS */
  .row.why_choose_service_list {
    gap: 40px 0px;
    margin-top: 40px;
  }
  .why_choose_service_info {
    padding: 20px 0px 0px 0px;
  }
  /* Meet_Team_3 CSS */
  .expert_img,
  .meet_team_3_img,
  .blog_box_audio_player.rightsidebar_audioplayer_page iframe {
    height: 230px;
  }
  .expert_3_social_icon a {
    height: 20px;
    width: 20px;
    padding: 20px;
  }
  .expert_3_social_icon a,
  .coupon_titles h5,
  .coupon_code {
    font-size: 20px;
  }
  /* ====== About Page ===== */
  .abt_service_2_left {
    width: 80%;
    padding: 100px 300px 100px 15px;
  }
  .abt_service_2_right {
    height: 600px;
    width: 470px;
  }
  .timelinetab_slider {
    padding: 60px 0px 0px;
  }
  /* ====== Pricing Page ===== */
  .discount_coupon_titles p {
    margin-top: 20px;
  }
  /* ====== 404 Page ===== */
  section.coming_soon_sec {
    background-image: url(../images/Commen-Imgs/Main_Background.png);
    background-size: cover;
    background-repeat: repeat-x;
    background-position: 0 20%, 0 100%, 0 50%, 0 100%, 0 0;
    animation: 50s bannerbgwave infinite linear;
  }
  .coming_soon {
    height: 100%;
    align-items: center;
  }
  .comimg_soon_info {
    width: 100%;
    margin: 40px 0px 0px;
    text-align: center;
  }
  .coming_soon .footer_copyride_sec {
    display: block;
  }
  .counter-div {
    margin: 0 auto;
  }
  .coming_soon_footer .contact_social_link,
  .comimg_soon_heading_detail .newsletter_right {
    justify-content: center;
  }
  .comimg_soon_heading_detail .newsletter_right input {
    width: 70%;
  }
  /* ====== Single-Service Page ===== */
  .row.single_service_benfites {
    flex-direction: column-reverse;
    gap: 15px;
  }
  .project_benefit .row.single_service_benfites {
    flex-direction: column;
  }
  /* ====== Our-Project Page ===== */
  .gallery_btns {
    gap: 20px 0px;
    flex-wrap: wrap;
    justify-content: center;
  }
  .gallery_btns button.gallery_fillter_btn {
    width: 23%;
  }
  .row.filter_gallery_imgs.filter_gallery_imgs_2 .gallery_product:nth-child(3),
  .row.filter_gallery_imgs.filter_gallery_imgs_2 .gallery_product:nth-child(6) {
    padding-right: 0;
  }
  .row.filter_gallery_imgs.filter_gallery_imgs_2 .gallery_product:nth-child(4),
  .row.filter_gallery_imgs.filter_gallery_imgs_2 .gallery_product:nth-child(7) {
    padding-right: 15px;
    padding-left: 0;
  }
  .row.filter_gallery_imgs.filter_gallery_imgs_2 .gallery_product:nth-child(5) {
    padding-left: 15px;
  }
  .row.filter_gallery_imgs.filter_gallery_imgs_2 .gallery_product:nth-child(8) {
    padding: 0px 15px;
  }
  .row.single_project_challing_pointe div:nth-child(2) ul {
    margin-top: 0;
  }
  .single_project_img_slider_item img {
    width: 100%;
    margin: 0 auto;
  }
  /* ===== Blogs Page ===== */
  #blogs_grid .avalibal_type_service_area {
    overflow: hidden;
    text-align: center;
  }
  #blogs_grid .avalibal_type_service_area > img {
    width: 45%;
  }
  #blogs_grid .avalibal_type_service_img {
    left: 0;
    width: 100%;
  }
  #blogs_grid .avalibal_type_service_info {
    bottom: 40px;
    right: 50%;
    left: 50%;
    transform: translate(-50%);
    padding: 0;
    width: 330px;
  }
  .blog_masonry
    .row.blog_masonry1_gallery
    .masonry1
    .blog_masonry1_box
    a.blogs_big_heading
    h4,
  .blog_masonry2_box a.blogs_big_heading {
    font-size: 28px;
  }
  /* Footer_03 */
  .bubble_dancing_shap {
    top: 12%;
  }
}
@media (max-width: 1199px) {
  .coming_soon_stop_msg {
    margin: 10px 0 0;
    width: 100%;
  }
  .footer_copyride_left {
    text-align: left;
  }
  .avalibal_type_service_area > img,
  .avalibal_type_service_img img {
    width: 100%;
  }
  .avalibal_type_service_img {
    top: 0%;
    left: 0%;
    right: 0;
    width: auto;
  }
  .single_project_img_slider_item {
    max-width: 100%;
  }
}
@media (max-width: 991.98px) {
  h2,
  .about3 .abt_titles h2 {
    font-size: 52px;
  }
  h3 {
    font-size: 36px;
  }
  .sec_padding,
  .our_services_sec,
  .row.home_blog_box_list,
  .our_cour_services_02,
  .free_estimate,
  .client_testimonials_2_bg,
  .free_call_2 .free_call_right,
  section#our_services_workpage .our_cour_services_02,
  .meet_teme_sec.team1,
  section.about3_sec.about3_testimonialspage,
  section#aboutpage2_homecontact,
  .about_us_02,
  .meet_teme_sec {
    padding: 50px 0px;
  }
  /* Header_01 */
  div#header_1 .get_quote_btn,
  .header_call_btn a,
  .header_btn_part .header_btns,
  div#header_4 .header_call_btn a,
  .header_email_sec,
  .home_faq_right,
  .coming_soon_img,
  .footer_copyride_outer {
    display: none;
  }
  .header_address_area,
  div#header_2 .navegation_menubar {
    justify-content: flex-end;
  }
  .offcanvas {
    overflow: auto;
    background-clip: border-box;
  }
  .header_upper {
    padding: 10px 0px;
  }
  .navbar-toggler-icon {
    background-image: none;
    height: unset;
    width: unset;
    border-radius: 10px 20px;
    border: 2px solid #1a2285;
    padding: 7px;
  }
  .navbar-toggler {
    border: none;
  }
  .sidebar_open_icon svg {
    width: 40px;
    height: 40px;
  }
  .offcanvas-header {
    justify-content: end;
  }
  .btn-close {
    box-sizing: content-box;
    width: auto;
    height: auto;
    padding: 0.25em 0.25em;
    color: #000;
    background: none;
    border-radius: 10px 20px;
    border: 2px solid #1a2285;
    padding: 7px;
    opacity: 1;
  }
  .btn-close svg {
    width: 30px;
    height: 30px;
    stroke: #1a2285;
  }
  .navbar-toggler:focus,
  .btn-close:focus {
    box-shadow: none;
  }
  div#header_1 .custome_nav > li.nav-item:hover,
  div#header_1 .custome_nav > li.nav-item.active {
    box-shadow: none;
    flex-direction: column;
    align-items: flex-start;
    padding: 0;
  }
  .custome_nav > li.nav-item,
  div#header_2 .custome_nav > li.nav-item,
  div#header_3 .custome_nav > li.nav-item {
    flex-direction: column;
    padding: 0;
  }
  div#header_2 .custome_nav > li.nav-item > a > span,
  .coming_soon .footer_copyride_sec,
  .bubble_dancing_shap.bubble_dancing_shap_2 {
    display: block;
  }
  div#header_2
    .custome_nav
    > li.nav-item
    > a:hover
    > span
    > svg
    g
    path.arrow_change_inner,
  div#header_2
    .custome_nav
    > li.nav-item
    > a.active
    > span
    > svg
    g
    path.arrow_change_inner {
    stroke: #193fae;
  }
  .custome_nav > li.nav-item > a {
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: 10px 60px 10px 25px !important;
    border-top: 1px solid #555;
  }
  .custome_nav {
    gap: 0;
    border-bottom: 1px solid #555;
    margin: 20px 0px;
  }
  div#header_3 .custome_nav {
    gap: 0;
    width: 100%;
  }
  ul.drop_down_menu,
  ul.inner_dropdown {
    display: none;
    transition: all linear !important;
  }
  ul.drop_down_menu,
  ul.inner_dropdown {
    display: none;
    position: unset;
    width: 100%;
    border-radius: 0;
    box-shadow: none;
    transform: scale(1);
    visibility: visible;
    opacity: 1;
    padding: 0;
    background: #fff;
    transition: all linear;
  }
  ul.drop_down_menu li.nav-item {
    border-top: 1px solid #555;
  }
  ul.drop_down_menu li.nav-item a {
    margin-left: 20px;
    padding: 10px 60px 10px 25px !important;
  }
  ul.inner_dropdown li.nav-item a {
    margin-left: 35px;
  }
  ul.drop_down_menu li.nav-item:hover a svg,
  ul.drop_down_menu li.nav-item.active a svg {
    transform: rotate(0deg);
  }
  /* Header_02 */
  div#header_2 .custome_nav {
    gap: 0;
  }
  div#header_2 .custome_nav > li.nav-item:hover::after,
  div#header_2 .custome_nav > li.nav-item.active::after,
  div#header_3 .custome_nav > li.nav-item:hover::after,
  div#header_3 .custome_nav > li.nav-item.active::after {
    width: 0;
  }
  /* Header_03 */
  .header_btn_part .navegation_menubar,
  div#header_4 .navegation_menubar .header_call_btn a {
    display: flex;
  }
  div#header_4 .navegation_menubar .header_call_btn a {
    justify-content: flex-start;
    padding: 35px 10px;
  }
  /* Hero_Banner_04 */
  ul.section-content {
    width: 100%;
    overflow: auto;
    flex-direction: column;
  }
  li.section-items {
    flex-direction: column;
    width: 100%;
    height: max-content;
    overflow: visible;
  }
  li.section-items .section-content {
    transform: scale(1, 0);
  }
  li.section-items .section-title {
    width: 100%;
    height: max-content;
    gap: 40px;
    border-right: 0;
    border-top: 2px solid rgba(54, 87, 184, 1);
    padding: 40px;
    flex-direction: row-reverse;
    justify-content: center;
  }
  li.section-items .section-title h4 {
    transform: rotate(0deg);
    padding: 0px;
  }
  li.section-items.active .section-content {
    bottom: 0;
    width: 100%;
    height: max-content;
    overflow: auto;
  }
  .section-content img {
    width: 100%;
    min-height: 400px;
    height: 400px;
  }
  /* Header_05*/
  .megic-cursor-item.header_hover_img_one:before,
  .megic-cursor-item.header_hover_img_two:before,
  .megic-cursor-item.header_hover_img_three:before,
  .megic-cursor-item.header_hover_img_four:before,
  .megic-cursor-item.header_hover_img_five:before,
  .megic-cursor-item.header_hover_img_six:before {
    width: 250px;
    height: 277px;
  }
  div#header_5 .navsec .custome_nav > li.nav-item:hover > a,
  div#header_5 .navsec .custome_nav > li.nav-item > a.active {
    background-color: transparent;
  }
  div#header_5 .navsec button.btn svg {
    border-radius: 10px 20px;
    border: 2px solid #fff;
    padding: 7px;
  }
  div#header_5 .navsec button.btn svg g path {
    stroke-width: 4;
  }
  .left-menu-col {
    height: auto;
    overflow: unset;
  }
  div#header_5 .header_main,
  div#header_3 .header_main,
  div#header_4 .header_main {
    padding: 10px 15px;
  }
  div#main_content header,
  .about_us_02,
  .abt_02_img img,
  .abt_02_content,
  .abt2_right_info,
  .pricing_plan_titles,
  .row.single_service_group_img .single_service_img img {
    width: 100%;
  }
  div#header_5 .hader_content_area,
  .single_project_overview_img_content {
    flex-direction: row;
  }
  .header_banner_content {
    margin: 50px 0px;
    padding: 0px 15px;
    position: relative;
    bottom: 0;
    text-align: center;
  }
  .header_banner_content h2 {
    margin: 30px 0px;
    font-size: 55px;
    line-height: 60px;
  }
  .goclean_banner_content a.yellow_btn,
  .abt_btn,
  .free_estimate_btn a,
  .header_banner_content a.yellowbox_btn,
  .banner3_btns,
  .row.test_design_1_list {
    margin-top: 30px;
  }
  div#header_5 .sticky {
    background-color: #1a2285;
  }
  ul.header_hover_title_sec {
    width: -webkit-fill-available;
    height: auto;
    overflow: auto;
    flex-wrap: wrap;
  }
  li.header_hover_title_item {
    width: 50%;
    height: max-content;
    overflow: auto;
    flex-wrap: wrap;
  }
  a.header_hover_title {
    border: 1px solid #f6f7f8;
    width: 100%;
    height: auto;
    justify-content: center;
    gap: 20px;
    padding: 30px;
    flex-direction: row;
  }
  a.header_hover_title h4 {
    transform: rotate(0deg);
    padding: 0px 0px 0px 30px;
    font-size: 30px;
  }
  /* About CSS */
  .about_us_02 {
    border-radius: 0;
    height: 100%;
  }
  .abt_02_img {
    position: unset;
    height: auto;
    width: auto;
    text-align: center;
  }
  .abt_02_img img {
    border-radius: 20px;
  }
  .abt_02_content {
    margin: 50px auto 0px;
  }
  .abt2_right_info {
    margin: 20px auto 0px;
  }
  a.about_us_contact_box svg {
    width: 40px;
    height: 40px;
  }
  .about_img {
    width: 50%;
  }
  a.about_us_contact_box {
    width: 350px;
  }
  .abt_btn_info h5 {
    font-size: 20px;
  }
  .about_img,
  a.about_us_contact_box,
  .counter-div {
    margin: 0 auto;
  }
  a.about_us_contact_box {
    width: 350px;
    left: 0;
    right: 0;
  }
  .abt_right_info p:nth-child(1) {
    font-size: 18px;
    padding: 15px 0px;
  }
  /* Client-Testimonials CSS */
  .row.core_service_box_list,
  .team_theme_1_list,
  .row.team_theme_2_list,
  .row.meet_team_3_list,
  .home_contact > .row,
  .row.company_features_2_box_list,
  .row.company_fetaures_3_list,
  .meet_teme_sec_2.team2 .row.team_theme_2_list,
  section.meet_team_3_sec.team3 .row.meet_team_3_list {
    gap: 30px 0px;
  }
  .core_service_box_area {
    position: relative;
  }
  .core_servicebox_info h4,
  .work_slider_1_overlay h4,
  .know_about_title h4,
  .get_quote_box h4,
  .download_brochure h4 {
    font-size: 28px;
  }
  .client_testimonials_sec,
  div#meet_team_2,
  .meet_team_3,
  section.client_testimonials_sec.client_testimonial_workpage,
  section.why_choose_sec.why_choose_testpage,
  section.single_service_design2_sec,
  .contact_sec_map,
  #home_contact {
    padding: 50px 0px 0px;
  }
  /* Meet-Team-1 CSS */
  .team_theme_1 {
    transform: translateY(0%);
    position: relative;
  }
  /* How-Work CSS */
  .row.how_work_list {
    gap: 90px 0px;
  }
  .how_work_box:hover .how_work_box_icon {
    transform: translateX(150%);
  }
  a.home_blogs_info_title,
  .home_blog_3_titles a,
  .row.Blogs_grid_content_area .home_blog_2_box a.home_blogs_info_title,
  .row.Blogs_grid_content_area .home_blog_3_titles a {
    font-size: 23px;
  }
  .home_blogs_info p {
    margin-top: 15px;
  }
  /* Home-Faq CSS */
  .home_faq {
    background-image: url(../images/Home-Page1/home_1_faq_img.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right;
    object-fit: cover;
    position: relative;
    z-index: 0;
  }
  /* Newsletter CSS */
  .newsletter_sec .row,
  div#single_project_3 > .row,
  .why_choose_left,
  .about3 .row,
  .row.single_project_img_content {
    gap: 30px;
  }
  .newsletter_right input {
    width: 71.7%;
  }
  /* Banner_02 */
  .banner2_slider_sec .slick-custom-arrow.slick-custom-arrow-right.slick-arrow {
    right: 0px;
  }
  .banner2_slider_sec .slick-custom-arrow.slick-custom-arrow-left.slick-arrow {
    left: 0px;
  }
  .banner_slider_content {
    width: 600px;
  }
  .banner_slidr_box {
    min-height: 590px;
    padding: 100px 0px;
  }
  /* About_02 CSS */
  /* Company_Features_2 CSS */
  .company_features_2_titles p {
    margin: 20px 0px 0px;
  }
  /* Free-Estimate CSS */
  .free_estimate_sec {
    background-position: right;
  }
  /* Free_Call CSS */
  .free_call .row,
  .about_servies_2 .row {
    flex-direction: column-reverse;
  }
  /* Faq-Contact CSS */
  .faq_contact_area .row.home_faq_area {
    gap: 50px;
  }
  /* Why_Choose CSS */
  .why_choose_img {
    justify-items: end;
  }
  .why_choose_img_item_3 {
    place-self: flex-start;
  }
  .why_choose_right .banner_img_info {
    top: 50%;
  }
  .why_choose_us .row,
  .row.our_services_slider_box,
  .row.why_choose_2_area,
  .get_quote > .row,
  .row.single_service_benfites {
    flex-direction: column-reverse;
    gap: 30px;
  }
  /* Why_Choose_2 CSS */
  .row.why_choose_service_list {
    gap: 40px 0px;
    margin-top: 40px;
  }
  .why_choose_service_info {
    padding: 20px 0px 0px 0px;
  }
  section.about3_sec {
    padding: 50px 0px 200px;
  }
  .about3 {
    padding: 0px 0px 100px;
  }
  .about_custome_conter {
    right: 40px;
  }
  .why_choose_2 {
    padding: 150px 0px 50px;
  }
  .why_choose_2_img {
    width: 50%;
    margin: 0 auto;
  }
  /* Counter_3 */
  .counter3 .counter_box {
    align-items: center;
    text-align: center;
  }
  /* Banner_03 CSS */
  .banner3_right_info {
    padding: 100px 0px;
  }
  .banner3_img_bubble {
    right: -30px;
    top: 30px;
  }
  .banner3_img_bubble img {
    height: 400px;
  }
  /* Meet_Team_3 CSS */
  .expert_img,
  .meet_team_3_img {
    height: 300px;
    width: 300px;
    margin: 0 auto;
  }
  /* ===== About Page ===== */
  .abt_service_2_left {
    width: 100%;
    padding: 50px 15px;
    border-radius: 0px 0px 30px 30px;
  }
  .abt_service_2_left ul.abt_right_list li.abt_right_item {
    width: 48%;
  }
  .abt_service_2_right {
    position: unset;
    width: 100%;
    height: 100%;
    text-align: center;
    background: #f6f7f8;
    border-radius: 30px 30px 0 0;
    padding: 50px 15px 0px;
  }
  .abt_service_2_right img {
    border-radius: 30px;
  }
  .timelinetab_slider {
    padding: 60px 0px 0px;
  }
  .timelinetab_slider_tabs_content {
    width: 100%;
    margin: 0;
    padding: 40px 60px 0px;
  }
  /* ===== We-Work Page ===== */
  section#clen_plan_workpage {
    padding: 0px 0px 310px;
  }
  section.about3_sec.about3_workpage {
    padding: 310px 0px 50px;
  }
  section.about3_sec.about3_workpage .about3,
  section.home_contact_sec.homecontact3_workpage,
  .pricing_tabs_content {
    padding: 0px 0px 50px;
  }
  /* ===== Awards Page ===== */
  .award_list.row {
    margin-top: 50px;
  }
  /* ====== Pricing Page ===== */
  .discount_coupon_titles p {
    margin: 20px 0px 40px;
  }
  .pricing_content_tabs .row {
    gap: 60px 0px;
  }
  /* ===== FAQS Page ===== */
  .faqs_area > .row {
    gap: 40px;
  }
  /* ====== 404 Page ===== */
  section.coming_soon_sec {
    background-image: url(../images/Commen-Imgs/Main_Background.png);
    background-size: cover;
    background-repeat: repeat-x;
    background-position: 0 20%, 0 100%, 0 50%, 0 100%, 0 0;
    animation: 50s bannerbgwave infinite linear;
  }
  .coming_soon {
    height: 100%;
    align-items: center;
  }
  .comimg_soon_info {
    width: 100%;
    margin: 40px 0px 0px;
    text-align: center;
  }
  .coming_soon_footer .contact_social_link,
  .comimg_soon_heading_detail .newsletter_right,
  .single_project_overview_img_content {
    justify-content: center;
  }
  .comimg_soon_heading_detail .newsletter_right input {
    width: 70%;
  }
  .footer_copyride_item:nth-child(1) {
    width: 60%;
  }
  /* ====== Single-Service Page ===== */
  .single_service_design1 .row,
  .single_service_design2 > .row {
    flex-direction: column-reverse;
    gap: 40px;
  }
  .single_service_img:hover::after {
    transform: translateX(1396px) skewX(-25deg);
  }
  .single_service_img::after {
    left: -330px;
  }
  .project_benefit .row.single_service_benfites {
    flex-direction: column;
  }
  .single_service_right_benfites {
    text-align: center;
  }
  .single_service_right_benfites img {
    width: max-content;
    border-radius: 10px 30px;
  }
  .single_service_right_benfites:hover::after {
    transform: translateX(1100px) skewX(-25deg);
  }
  .avalibal_type_service_area {
    overflow: hidden;
    text-align: center;
  }
  .avalibal_type_service_area > img {
    width: 45%;
  }
  .avalibal_type_service_img {
    width: 45%;
    margin: 0 auto;
  }
  .avalibal_type_service_info {
    left: 0;
    right: 0;
    bottom: 0;
    width: 45%;
    margin: 0 auto;
  }
  /* ====== Our-Project Page ===== */
  .gallery_btns {
    gap: 20px 0px;
    flex-wrap: wrap;
    justify-content: space-evenly;
  }
  .gallery_btns button.gallery_fillter_btn {
    width: 25%;
  }
  .row.filter_gallery_imgs.filter_gallery_imgs_2 .gallery_product:nth-child(2),
  .row.filter_gallery_imgs.filter_gallery_imgs_2 .gallery_product:nth-child(6) {
    padding-right: 0;
  }
  .row.filter_gallery_imgs.filter_gallery_imgs_2 .gallery_product:nth-child(3),
  .row.filter_gallery_imgs.filter_gallery_imgs_2 .gallery_product:nth-child(7) {
    padding-left: 0;
  }
  .work_slider_4_overlay_text h4,
  .work_slider_5_overlay_text h4 {
    font-size: 24px;
  }
  .work_slider_4_overlay,
  .work_slider_5_overlay {
    padding: 15px;
  }
  .work_slider_5_overlay_icon {
    margin: 0;
  }
  .filter_gallery_imgs.filter_gallery_imgs_8
    .gallery_product.gallery_masonry_2 {
    grid-row: 2/2;
    grid-column: 1/3;
  }
  .filter_gallery_imgs.filter_gallery_imgs_8
    .gallery_product.gallery_masonry_3 {
    grid-row: 2/2;
    grid-column: 3/5;
  }
  .filter_gallery_imgs.filter_gallery_imgs_8
    .gallery_product.gallery_masonry_4 {
    grid-row: 4/4;
    grid-column: 1/3;
  }
  .filter_gallery_imgs.filter_gallery_imgs_8
    .gallery_product.gallery_masonry_5 {
    grid-row: 4/4;
    grid-column: 3/5;
  }
  .filter_gallery_imgs.filter_gallery_imgs_8
    .gallery_product.gallery_masonry_6 {
    grid-row: 1/1;
    grid-column: 3/5;
  }
  .filter_gallery_imgs.filter_gallery_imgs_8
    .gallery_product.gallery_masonry_7 {
    grid-row: 3/3;
    grid-column: 1/3;
  }
  .filter_gallery_imgs.filter_gallery_imgs_8
    .gallery_product.gallery_masonry_8 {
    grid-row: 5/5;
    grid-column: 1/3;
  }
  .filter_gallery_imgs.filter_gallery_imgs_8
    .gallery_product.gallery_masonry_9 {
    grid-row: 5/5;
    grid-column: 3/5;
  }
  .filter_gallery_imgs.filter_gallery_imgs_8
    .gallery_product.gallery_masonry_10 {
    grid-row: 6/6;
    grid-column: 1/3;
  }
  .filter_gallery_imgs.filter_gallery_imgs_8
    .gallery_product.gallery_masonry_11 {
    grid-row: 6/6;
    grid-column: 3/5;
  }
  .filter_gallery_imgs.filter_gallery_imgs_8
    .gallery_product.gallery_masonry_12 {
    grid-row: 3/3;
    grid-column: 3/5;
  }
  .row.single_project_challing_pointe div:nth-child(2) ul {
    margin-top: 0;
  }
  div#single_project_2
    .row.single_project_text_content
    .single_project_challenge_content
    h4 {
    padding-top: 0px;
  }
  .single_project_img_slider_item img {
    max-width: 100%;
    margin: 0 auto;
  }
  ul.project_overview_points {
    margin: 30px 0px;
  }
  .work_slider_2_overlay {
    padding: 30px;
  }
  /* ===== Blogs Page ===== */
  section.single_blogs_sec .single_blogs_info_text,
  .blog_conclusion_area {
    padding: 20px 0px;
  }
  .blog_masonry1_box .blog_box_audio_player iframe {
    height: 200px;
  }
  .blog_masonry .row.blog_masonry1_gallery {
    margin-top: 40px;
  }
  .row.blog_masonry2_gallery div:nth-child(3) .blog_masonry2_box_list {
    flex-direction: row;
    gap: 30px;
  }
  /* Footer_01 */
  div#footer_1 .bubble-1,
  div#footer_3 .bubble-1 {
    -webkit-animation: footer1animate 10s infinite ease-in -6.57s;
    animation: footer1animate 10s infinite ease-in -6.57s;
  }
  div#footer_1 .bubble-2,
  div#footer_3 .bubble-2 {
    -webkit-animation: footer1animate 10s infinite ease-in -5.07s;
    animation: footer1animate 10s infinite ease-in -5.07s;
  }
  div#footer_1 .bubble-3,
  div#footer_3 .bubble-3 {
    -webkit-animation: footer1animate 10s infinite ease-in -6.73s;
    animation: footer1animate 10s infinite ease-in -6.73s;
  }
  div#footer_1 .bubble-4,
  div#footer_3 .bubble-4 {
    -webkit-animation: footer1animate 10s infinite ease-in -4.04s;
    animation: footer1animate 10s infinite ease-in -4.04s;
  }
  div#footer_1 .bubble-5,
  div#footer_3 .bubble-5 {
    -webkit-animation: footer1animate 10s infinite ease-in -3.11s;
    animation: footer1animate 10s infinite ease-in -3.11s;
  }
  div#footer_1 .bubble-6,
  div#footer_3 .bubble-6 {
    -webkit-animation: footer1animate 10s infinite ease-in -5.95s;
    animation: footer1animate 10s infinite ease-in -5.95s;
  }
  div#footer_1 .bubble-7,
  div#footer_3 .bubble-7 {
    -webkit-animation: footer1animate 10s infinite ease-in -3.68s;
    animation: footer1animate 10s infinite ease-in -3.68s;
  }
  div#footer_1 .bubble-8,
  div#footer_3 .bubble-8 {
    -webkit-animation: footer1animate 10s infinite ease-in -3.89s;
    animation: footer1animate 10s infinite ease-in -3.89s;
  }
  div#footer_1 .bubble-9,
  div#footer_3 .bubble-9 {
    -webkit-animation: footer1animate 10s infinite ease-in -1.09s;
    animation: footer1animate 10s infinite ease-in -1.09s;
  }
  div#footer_1 .bubble-10,
  div#footer_3 .bubble-10 {
    -webkit-animation: footer1animate 10s infinite ease-in -0.96s;
    animation: footer1animate 10s infinite ease-in -0.96s;
  }
  @keyframes footer1animate {
    0% {
      -webkit-transform: translate3d(-50%, 0, 0);
      transform: translate3d(-50%, 0, 0);
      height: 20px;
      width: 20px;
    }
    100% {
      -webkit-transform: translate3d(-50%, -800px, 0);
      transform: translate3d(-50%, -800px, 0);
      height: 75px;
      width: 75px;
    }
  }
  /* Footer_02 */
  .footer_2_bubble_shap img {
    top: 20px;
    left: unset;
    right: 15px;
  }
  .footer_2_bubble_shap img:nth-child(2) {
    right: unset;
    left: 50px;
  }
  /* Footer_03 */
  .bubble_dancing_shap {
    top: 30%;
  }
  @keyframes dancebubble {
    0% {
      -webkit-transform: scale(0.5) rotate(50deg);
    }
    100% {
      -webkit-transform: scale(1.2) rotate(50deg);
    }
  }
  .bubble_dancing_shap.bubble_dancing_shap_2 {
    animation: dancebubble2 3s alternate infinite;
    top: 34%;
  }
  @keyframes dancebubble2 {
    0% {
      -webkit-transform: scale(0.5) rotate(140deg);
    }
    100% {
      -webkit-transform: scale(1.2) rotate(140deg);
    }
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  /* Banner_01 */
  h1,
  .banner_img_info h2 {
    font-size: 52px;
  }
  .goclean_banner_content {
    padding: 80px 0px;
  }
  .goclean_banner_content h1 {
    padding: 10px 0px;
  }
  .banner_img_info {
    height: 155px;
    width: 155px;
    padding: 20px 40px;
    bottom: -15px;
    justify-content: center;
    align-items: center;
  }
  /* About CSS */
  ul.abt_right_list {
    gap: 20px;
    justify-content: space-between;
  }
  /* ===== Awards Page ===== */
  .homeowners_titles h5 {
    font-size: 20px;
  }
}
@media (min-width: 768px) and (max-width: 850px) {
  .client_testimonials_titles h2,
  .free_call_titles h2 {
    font-size: 38px;
  }
  /* Banner_01 */
  section#goclean_banner_sec_1 {
    padding: 0px 0px 50px;
  }
  /* How-Work CSS */
  .how_work_box:hover .how_work_box_icon {
    transform: translateX(100%);
  }
  /* Banner_03 */
  .banner3_text_info h1 {
    font-size: 40px;
  }
  .banner3_right_info {
    padding: 50px 0px;
  }
  /* ===== Single-Service Page ===== */
  .avalibal_type_service_area > img,
  .avalibal_type_service_img {
    width: 55%;
  }
  .avalibal_type_service_info {
    width: 54%;
  }
}
@media (max-width: 767px) {
  h2,
  .free_call_titles h2,
  .abt_02_content h2 {
    font-size: 40px;
  }
  /* Header_01 */
  .header_upper a,
  .header_upper p {
    font-size: 18px;
  }
  /* Clean_Plan Slider CSS */
  .clean_slider_area,
  .banner3_right_info,
  .comimg_soon_heading_detail .newsletter_right {
    padding: 30px 0px;
  }
  .clean_slide_info,
  .meet_team_text_info,
  .row.why_choose_service_list {
    text-align: center;
  }
  .clean_slide_info h4 {
    padding: 20px 0px 15px;
  }
  /* Core-Services CSS */
  .core_servicebox_info h4,
  .blog_masonry2_box a.blogs_big_heading {
    font-size: 24px;
  }
  .core_service_box_area,
  .core_service_box_list_02.row {
    margin-top: 40px;
  }
  .core_servicebox,
  .footer_copyride_left {
    align-items: center;
    text-align: center;
  }
  .core_servicebox:hover svg {
    transform: rotateY(180deg);
  }
  /* Client-Testimonials CSS */
  .client_testimonials_slider_arrows {
    padding: 40px;
  }
  .client_testimonials_sec
    .slick-custom-arrow.slick-custom-arrow-left.slick-arrow
    svg,
  .client_testimonials_sec
    .slick-custom-arrow.slick-custom-arrow-right.slick-arrow
    svg {
    width: 60px;
    height: 60px;
  }
  .client_testimonials_list .slick-track {
    padding: 30px 0px 100px;
  }
  /* Our-Work-1 CSS */
  .our_work_slider_1_area
    .slick-custom-arrow.slick-custom-arrow-left.slick-arrow
    svg,
  .our_work_slider_1_area
    .slick-custom-arrow.slick-custom-arrow-right.slick-arrow
    svg {
    width: 40px;
    height: 40px;
  }
  /* How-Work CSS */
  .how_work_box:hover .how_work_box_icon {
    transform: translateX(100%);
  }
  /* Home-faq CSS */
  .home_faq {
    background-image: none;
  }
  .row.home_faq_area,
  .row.home_blog_box_list,
  .row.single_team_contact,
  .row.blog_masonry2_gallery,
  .blog_masonry2_box_list {
    gap: 30px;
  }
  .home_faq_right {
    display: block;
    text-align: center;
  }
  /* Banner_03 CSS */
  section.banner3_sec {
    background-image: none;
    text-align: center;
  }
  .banner3_btns {
    justify-content: center;
  }
  .banner3_left_info {
    background-image: url(../images/Home-Page3/banner3_bgshape.png);
    background-position: 80%;
    background-size: cover;
  }
  /* ===== About Page ===== */
  .our-video.about2_video,
  .avalibal_type_service_area {
    margin: 30px 0px;
  }
  .timelinetab_slider {
    padding: 30px 0px 0px;
  }
  /* ===== Company-History Page ===== */
  .clening_cpy_area.row {
    gap: 30px;
    text-align: center;
  }
  .clening_cpy_img_area {
    justify-content: center;
    margin-bottom: 10px;
  }
  /* ===== Awards Page ===== */
  .awards_num h3 {
    width: 80px;
    height: 80px;
  }
  /* ===== Single-Team Page ===== */
  .row.single_team_contact_btn {
    gap: 30px 0px;
  }
  .single_team_contact_btn a::after {
    left: -200px;
  }
  .single_team_contact_btn a:hover::after {
    transform: translateX(755px) skewX(-25deg);
  }
  /* ===== Single-Service Page ===== */
  .avalibal_type_service_area > img,
  .avalibal_type_service_img {
    width: 60%;
  }
  .avalibal_type_service_info {
    width: 55%;
  }
  /* ====== Pricing Page ===== */
  .our_price h4 {
    font-size: 36px;
  }
  .our_price h2 {
    font-size: 52px;
  }
  .row.coupon_area {
    gap: 20px;
  }
  /* ====== Get-Quote Page ===== */
  .custome_form_hr {
    margin: 40px 0px;
  }
  /* ===== 404 Page ===== */
  .footer_copyride_list,
  .row.blog_masonry2_gallery div:nth-child(3) .blog_masonry2_box_list {
    flex-direction: column;
  }
  .footer_copyride_item:nth-child(1) {
    width: 100%;
  }
  .comimg_soon_heading_detail .newsletter_right input {
    width: 60%;
  }
  /* Footer_01 */
  .footer_copyride_sec {
    padding: 15px 0px;
  }
  .client_testimonials_sec
    .slick-custom-arrow.slick-custom-arrow-right.slick-arrow {
    top: -70px;
  }
  .client_testimonials_sec
    .slick-custom-arrow.slick-custom-arrow-left.slick-arrow {
    right: 0px;
    left: 0;
    top: -70px;
    margin-right: 0;
  }
  .footer_copyride_sec,
  .footer_copyride_right {
    padding: 15px 0px;
    text-align: center;
  }
  .footer_copyride_right {
    padding: 10px 0px 0px;
  }
  /* ====== Our-Project Page ===== */
  .gallery_btns button.gallery_fillter_btn {
    width: 50%;
  }
  .work_slider_4_overlay_text h4,
  .single_project_best_service_content h4 {
    font-size: 28px;
  }
  .filter_gallery_imgs.filter_gallery_imgs_6 {
    grid-template-columns: repeat(4, 1fr);
  }
  .filter_gallery_imgs.filter_gallery_imgs_6
    .gallery_product.gallery_masonry_1 {
    grid-row: 1/3;
    grid-column: 1/3;
  }
  .filter_gallery_imgs.filter_gallery_imgs_6
    .gallery_product.gallery_masonry_2 {
    grid-row: 1/1;
    grid-column: 3/5;
  }
  .filter_gallery_imgs.filter_gallery_imgs_6
    .gallery_product.gallery_masonry_3 {
    grid-row: 2/2;
    grid-column: 3/5;
  }
  .filter_gallery_imgs.filter_gallery_imgs_6
    .gallery_product.gallery_masonry_4 {
    grid-row: 3/3;
    grid-column: 1/3;
  }
  .filter_gallery_imgs.filter_gallery_imgs_6
    .gallery_product.gallery_masonry_5 {
    grid-row: 3/3;
    grid-column: 3/5;
  }
  .filter_gallery_imgs.filter_gallery_imgs_6
    .gallery_product.gallery_masonry_6 {
    grid-row: 4/4;
    grid-column: 1/3;
  }
  .filter_gallery_imgs.filter_gallery_imgs_6
    .gallery_product.gallery_masonry_7 {
    grid-row: 5/5;
    grid-column: 1/3;
  }
  .filter_gallery_imgs.filter_gallery_imgs_6
    .gallery_product.gallery_masonry_8 {
    grid-row: 6/6;
    grid-column: 1/3;
  }
  .filter_gallery_imgs.filter_gallery_imgs_6
    .gallery_product.gallery_masonry_9 {
    grid-row: 6/6;
    grid-column: 3/5;
  }
  .filter_gallery_imgs.filter_gallery_imgs_6
    .gallery_product.gallery_masonry_10 {
    grid-row: 4/6;
    grid-column: 3/5;
  }
  .filter_gallery_imgs.filter_gallery_imgs_7 {
    display: flex;
    flex-direction: column;
  }
  .row.single_project_challing_pointe ul {
    margin-top: 20px;
  }
  .row.single_project_text_content {
    padding: 40px 0px;
  }
  .single_project_challenge_content h4 {
    font-size: 28px;
    padding: 20px 0px;
  }
  .challenge_content_img:hover::after,
  .home_blog_img:hover::after {
    transform: translateX(950px) skewX(-25deg);
  }
  .row.challenge_content_imgs {
    text-align: center;
    gap: 20px;
  }
  .single_project_img_slider img {
    height: 300px;
  }
  /* ===== Blogs Page ===== */
  .our_blogs_text_info p,
  .blog_masonry1_box .our_blogs_text_info p.blogs_masonry1_text {
    padding: 10px 0px 20px;
  }
  .our_blogs_text_info h3 {
    font-size: 28px;
    line-height: 40px;
  }
}
@media (max-width: 650px) {
  /* Header_01 */
  .header_upper {
    display: none;
  }
  /* Header_05 */
  .header_banner_content h2 {
    margin: 15px 0px;
    font-size: 45px;
  }
  li.header_hover_title_item,
  .blog_box_audio_player.rightsidebar_audioplayer_page iframe {
    height: auto;
    text-align: center;
  }
  a.header_hover_title {
    padding: 15px 30px;
    gap: 15px;
    flex-wrap: wrap;
  }
  a.header_hover_title h4 {
    padding: 0px;
  }
  /* Client-Testimonials CSS */
  .work_slider_1_overlay h4,
  .know_about_title h4,
  .get_quote_box h4,
  .download_brochure h4 {
    font-size: 24px;
  }
  /* How-Work CSS */
  .how_work_box:hover .how_work_box_icon {
    transform: translateX(170%);
  }
  .netural_product_btn {
    font-size: 18px;
    padding: 25px 40px;
  }
  /* Newsletter CSS */
  .newsletter_right input {
    width: 57.7%;
  }
  /* Company_Features_2 CSS */
  .row.company_features_2_box_list,
  .row.company_fetaures_3_list {
    padding-top: 30px;
  }
  .cpy_fea_info {
    padding-top: 45px;
  }
  /* Counter_3 CSS */
  section.counter3_sec .counter_sec {
    padding: 30px;
  }
  .counter3 .counter_box {
    flex-direction: row;
  }
  /* Why_Choose_2 CSS */
  .why_choose_2_img,
  .abt_service_2_left ul.abt_right_list li.abt_right_item {
    width: 100%;
  }
  .grid_why_choose_list {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(4, 1fr);
  }
  .grid_why_choose_item_3 {
    grid-row: 2/2;
    grid-column: 1/3;
  }
  .grid_why_choose_item_4 {
    grid-row: 3/3;
    grid-column: 1/3;
  }
  .grid_why_choose_item_5,
  .grid_why_choose_item_6 {
    grid-row: 4/4;
  }
  /* ===== About Page ===== */
  .row.know_point {
    gap: 15px;
  }
  .abt_service_2_left ul.abt_right_list {
    flex-direction: column;
    justify-content: center;
    width: fit-content;
    margin: 0 auto;
  }

  .coupon_box {
    padding: 20px;
  }
  .coupon_titles h2 {
    font-size: 40px;
  }
  .coupon_titles h5,
  .coupon_code h5 {
    font-size: 18px;
  }
  /* ===== 404 Page ===== */
  .error_titles p {
    width: 100%;
    margin: 20px 0px;
  }
  .error_btn {
    margin-top: 20px;
  }
  /* ===== Single-Service Page ===== */
  .avalibal_type_service_area > img,
  .avalibal_type_service_img {
    width: 70%;
  }
  .avalibal_type_service_info {
    width: 69%;
  }
  .avalibal_type_service_info h4 {
    font-size: 36px;
  }
  /* Scroll-Top CSS */
  button.scrollToTopBtn {
    bottom: 15px;
    /* right: 15px; */
  }
  @keyframes scrollanim {
    0% {
      bottom: 10px;
    }
    25% {
      bottom: 15px;
    }
    50% {
      bottom: 10px;
    }
    75% {
      bottom: 15px;
    }
    100% {
      bottom: 10px;
    }
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  h1,
  .banner_img_info h2 {
    font-size: 52px;
  }
  /* Banner_01 */
  section#goclean_banner_sec_1 .goclean_banner .row {
    display: flex;
    flex-direction: column-reverse;
  }
  .banner_img {
    width: 45%;
    margin: 0 auto;
  }
  .goclean_banner_content {
    padding: 50px 0px;
    text-align: center;
  }
  .goclean_banner_content h1 {
    padding: 0px 0px 20px;
    line-height: 52px;
  }
  .banner_img_info {
    height: 155px;
    width: 155px;
    padding: 20px 40px;
    left: 23%;
    bottom: -15px;
    justify-content: center;
    align-items: center;
  }
  /* Home-Contact CSS */
  .home_contact_box,
  .home_contact_box a {
    gap: 10px;
  }
  .home_contact_icon svg {
    height: 45px;
    width: 45px;
  }
  .home_contact_info h6 {
    font-size: 18px;
  }
}
@media (max-width: 576px) {
  h1 {
    font-size: 36px;
  }
  h2,
  h2,
  .free_call_titles h2,
  .about3 .abt_titles h2,
  .abt_02_content h2 {
    font-size: 36px;
  }
  h4 {
    font-size: 28px;
  }
  .sec_padding,
  .counter_sec,
  .footer_upper_01,
  .our_services_sec,
  .meet_teme_sec,
  .our_work_slider_1_area,
  .row.home_blog_box_list,
  .newsletter_sec,
  .our_cour_services_02,
  .our_work_slider_2_area,
  .free_estimate,
  .client_testimonials_2_bg,
  .free_call_2 .free_call_right,
  section#our_services_workpage .our_cour_services_02,
  .awards_box,
  .meet_teme_sec.team1,
  section.about3_sec.about3_testimonialspage,
  section#aboutpage2_homecontact,
  .row.filter_gallery_imgs,
  .filter_gallery_imgs.filter_gallery_imgs_6,
  .filter_gallery_imgs.filter_gallery_imgs_7,
  .filter_gallery_imgs.filter_gallery_imgs_8,
  .about_us_02,
  .coming_soon .footer_copyride_sec {
    padding: 30px 0px;
  }
  /* Banner_01 */
  section#goclean_banner_sec_1,
  section.about3_sec.about3_workpage .about3 {
    padding: 0px;
  }
  section#goclean_banner_sec_1 .goclean_banner .row {
    flex-direction: column-reverse;
  }
  .banner_img {
    width: 50%;
    margin: 0 auto;
  }
  .goclean_banner_content {
    padding: 30px 0px;
    text-align: center;
  }
  .banner_img_info {
    height: 155px;
    width: 155px;
    padding: 20px;
    bottom: -15px;
    left: 15%;
    justify-content: center;
    align-items: center;
  }
  .goclean_banner_content h1,
  .banner_img_info h2 {
    font-size: 40px;
  }
  .goclean_banner_content h1 {
    padding: 0px 0px 20px;
    line-height: 40px;
  }
  .banner_slide_2,
  .banner_slide_3 {
    height: 686px;
  }
  /* Header_05 */
  a.header_hover_title h4,
  .awards_info h4,
  .faqs_form h4 {
    font-size: 24px;
  }
  li.header_hover_title_item svg {
    height: 70px;
    width: 70px;
  }
  /* About CSS */
  .about_img {
    width: 75%;
  }
  .abt_right {
    text-align: center;
    padding-top: 30px;
  }
  .sml_title,
  ul.abt_right_list,
  .home_contact_box,
  .home_contact_box a,
  .newsletter_right button {
    justify-content: center;
  }
  ul.abt_right_list li.abt_right_item {
    width: 49%;
  }
  /* FW-Counter CSS */
  .counter_box {
    margin: 20px 0px;
  }
  .counter_sec_2 {
    background-position: right;
  }
  .bubble-1 {
    top: 500px;
    bottom: unset;
  }
  .bubble-2 {
    top: 300px;
    bottom: unset;
  }
  .bubble-3 {
    top: 300px;
    bottom: unset;
  }
  .bubble-4 {
    top: 550px;
    bottom: unset;
  }
  .bubble-5 {
    top: 400px;
    bottom: unset;
  }
  .page_hero_sec .animation-bubble .bubble-1 {
    top: unset;
    bottom: -5px;
  }
  .page_hero_sec .animation-bubble .bubble-2,
  .page_hero_sec .animation-bubble .bubble-3 {
    top: unset;
    bottom: -71px;
  }
  .page_hero_sec .animation-bubble .bubble-4 {
    top: unset;
    bottom: -3.8px;
  }
  .page_hero_sec .animation-bubble .bubble-5 {
    top: unset;
    bottom: -73.4px;
  }
  /* Clean_Plan Slider CSS */
  .clean_slider_inner {
    width: auto;
  }
  .clean_slid_img img,
  .comimg_soon_heading_detail .newsletter_right input,
  div#single_project_details_2 .single_project_info .single_project_img_box {
    width: 100%;
  }
  .slider_bottom_info h6,
  .home_contact_info h6 {
    font-size: 18px;
  }
  /* Client-Testimonials CSS */
  .client_testimonials_sec,
  #home_contact,
  div#meet_team_2,
  .client_slider_3_detail,
  .meet_team_3,
  section.client_testimonials_sec.client_testimonial_workpage,
  section.why_choose_sec.why_choose_testpage,
  section.single_service_design2_sec,
  .comimg_soon_heading_detail {
    padding: 30px 0px 0px;
  }
  .client_testimonials_list .slick-track {
    padding: 30px 0px 80px;
  }
  /* Meet-Team-1 CSS */
  .team_theme_1,
  .core_service_box_list_02.row,
  .row.home_blog_2_list,
  .row.team_theme_2_list,
  .row.Home_blogs_3_list,
  .row.meet_team_3_list {
    margin-top: 30px;
  }
  /* Home-Contact CSS */
  .home_contact_box,
  .home_contact_box a,
  .our_blogs_quote_img_text,
  .our_blogs_links_img_text {
    gap: 10px;
  }
  .home_contact_icon svg {
    height: 45px;
    width: 45px;
  }
  .row.home_contact_details,
  .row.why_choose_service_list {
    gap: 20px 0px;
  }
  .home_contact_left p,
  .leave_form_titles p {
    padding: 20px 0px;
  }
  /* Home-faq CSS */
  .home_faq_accodian_title h5,
  ul.service_offer_1 li a,
  .filter_gallery_imgs.filter_gallery_imgs_7
    .work_slider_4_overlay
    .work_slider_4_overlay_text
    h4,
  .filter_gallery_imgs.filter_gallery_imgs_8
    .work_slider_4_overlay
    .work_slider_4_overlay_text
    h4 {
    font-size: 20px;
  }
  /* Banner_2 CSS */
  .banner_slidr_box {
    min-height: 100%;
  }
  .banner_slider_content {
    width: 330px;
  }
  /* About_2 CSS */
  .abt_02_content .sml_title {
    justify-content: flex-start;
  }
  .abt_02_content {
    margin: 30px 0px 0px;
  }
  /* We_Work CSS */
  .work_slider_2_overlay,
  .client_slider_3_img .client3_review_img,
  .single_project_details {
    padding: 15px;
  }
  /* Faq CSS */
  .faq_contact_area .row.home_faq_area,
  .row.Home_blogs_3_list,
  .row.leave_form,
  .company_history_timeline.row,
  .blogs_sec_area > .row,
  .row.Blogs_content_area,
  #blogs_grid .row.home_blog_box_list {
    gap: 30px;
  }
  /* Free_Call CSS */
  .ring.ring-9,
  .ring.ring-10 {
    display: none;
  }
  .free_call_sec {
    overflow: hidden;
  }
  /* Why_Choose CSS */
  .why_choose_img {
    grid-gap: 15px;
  }
  /* ===== About Page ===== */
  /* Aboutpage_1 CSS */
  .page_hero_sec {
    padding: 50px 0px;
  }
  .timelinetab_slider_tabs_content {
    padding: 40px 0px 0px;
  }
  /*  Aboutpage_2 CSS */
  .know_about_icon svg {
    width: 30px;
  }
  .abt_service_2_right {
    padding: 30px 15px 0px;
  }
  .abt_service_2_left {
    width: 100%;
    padding: 0px 15px 30px;
  }
  .about_custome_conter {
    bottom: 10px;
  }
  /* ===== How-Work Page ===== */
  section.about3_sec.about3_workpage {
    padding: 310px 0px 30px;
  }
  section.home_contact_sec.homecontact3_workpage {
    padding: 0px 0px 30px;
  }
  /* ===== Company-History Page ===== */
  .clening_cpy_img_area {
    gap: 5px;
    flex-direction: column;
  }
  .company_history_timeline_box {
    align-items: flex-start;
  }
  .company_history_timeline_img::after {
    height: 200%;
    top: 100%;
  }
  .company_history_timeline_bg {
    width: 120px;
    height: 120px;
  }
  /* ===== FAQS Page ===== */
  .faqs_accodian_title h5 {
    width: 80%;
    font-size: 20px;
  }
  /* ===== Coming-soon Page ===== */
  section.coming_soon_sec {
    height: 100%;
  }
  .comimg_soon_info {
    margin: 15px 0px 0px;
  }
  .comimg_soon_heading_detail .newsletter_right {
    flex-direction: column;
    gap: 15px;
    padding: 20px 0px;
  }
  .counter-div,
  .row.single_blogs_multi_imgs {
    gap: 15px;
  }
  /* ===== Our-Services Page ===== */
  ul.our_services_slider_tabs .slick-custom-arrow svg {
    width: 60px;
    height: 60px;
  }
  .our_services_slider_content .our_services_slider_content_tab,
  .our_blogs_box.our_blogs_quote_box,
  .our_blogs_box.our_blogs_links_box,
  .our_blogs_box.our_blogs_music_box,
  .blog_masonry1_box .our_blogs_box.our_blogs_links_box,
  .blog_masonry1_box .our_blogs_box.our_blogs_quote_box,
  .blog_masonry1_box .our_blogs_box.our_blogs_music_box {
    padding: 20px;
  }
  /* ====== Single-Service Page ===== */
  .single_service_contact_area .faqs_form {
    margin: 30px 0px;
  }
  .single_service_icon {
    left: 0;
    right: 0;
    text-align: center;
  }
  .row.filter_gallery_imgs.filter_gallery_imgs_2 .gallery_product,
  .row.filter_gallery_imgs.filter_gallery_imgs_3 .gallery_product,
  .row.filter_gallery_imgs.filter_gallery_imgs_4 .gallery_product,
  .row.filter_gallery_imgs.filter_gallery_imgs_5 .gallery_product {
    padding: 0px !important;
  }
  .avalibal_type_service_area > img,
  .avalibal_type_service_info,
  .avalibal_type_service_img {
    width: 80%;
  }
  /* ===== Our-Project Page ===== */
  .filter_gallery_imgs.filter_gallery_imgs_6,
  .filter_gallery_imgs.filter_gallery_imgs_8 {
    display: flex;
    flex-direction: column;
  }
  .filter_gallery_imgs.filter_gallery_imgs_7
    .work_slider_4_overlay
    .work_slider_4_overlay_icon {
    flex-direction: row;
    justify-content: flex-end;
  }
  .single_project_img_slider_item_sub .slick-custom-arrow {
    bottom: 45%;
  }
  .single_project_img_slider_item_sub
    .slick-custom-arrow.slick-custom-arrow-right.slick-arrow {
    right: 10px;
  }
  .single_project_img_slider_item_sub
    .slick-custom-arrow.slick-custom-arrow-left.slick-arrow {
    left: 10px;
  }
  .single_project_img_slider_item {
    margin-left: 0;
    margin-right: 0;
  }
  .single_project_img_slider_item img {
    width: 90%;
    height: 130px;
  }
  .single_project_overview_area,
  .row.blog_comment {
    padding-top: 20px;
  }
  /* ===== Blogs Page ===== */
  .our_blogs_quote_headings p {
    padding: 10px 0px 0px;
  }
  .our_blogs_links_img_text,
  .blog_box_audio_player,
  .blog_conclusion_area h4 {
    padding-bottom: 10px;
  }
  .our_blogs_box_videoplayer .our-video svg {
    width: 80px;
    height: 80px;
  }
  .our_blogs_box_slider_list .slick-custom-arrow {
    width: 40px;
    height: 60px;
  }
  .our_blogs_quote_headings h4,
  .our_blogs_links_headings h4,
  section.single_blogs_sec .our_blogs_box.our_blogs_quote_box h4 {
    font-size: 24px;
    line-height: 40px;
  }
  .our_blogs_quote_img_text img,
  .our_blogs_links_img_text img {
    max-width: 50px;
  }
  .our_blogs_box .blogs_img_effect:hover:after,
  .our-video.blogs_img_effect:hover::after {
    transform: translateX(800px) skewX(-25deg);
  }
  .our_blogs_box .blogs_img_effect::after {
    left: -290px;
  }
  .row.Blogs_grid_content_area .project_pagenation {
    margin: 0;
  }
  .text_msg_box {
    padding-top: 0px;
  }
  .check_comment {
    padding: 0px 15px;
    display: flex;
    gap: 10px;
  }
  .check_comment input[type="checkbox"] {
    width: 24px;
    margin: 8px 0px;
  }
  #blogs_grid .row.home_blog_box_list.grid_2_columns_2_page_list {
    gap: 135px;
  }
  .grid_2_columns_2_page_pagenation.project_pagenation {
    margin-top: 110px;
  }
  .row.hastag_and_buttons {
    gap: 40px;
  }
  /* Footer_01 */
  .footer_short_links,
  .footer_services,
  .footer_contect_info {
    margin-top: 25px;
  }
  .bubble_dancing_shap {
    top: 0%;
    width: 100vh;
    left: -45%;
  }
  .bubble_dancing_shap.bubble_dancing_shap_2 {
    animation: dancebubble 3s alternate infinite;
    top: unset;
    left: 0%;
    bottom: 15%;
  }
  @keyframes dancebubble {
    0% {
      -webkit-transform: scale(0.5) rotate(90deg);
    }
    100% {
      -webkit-transform: scale(1.2) rotate(90deg);
    }
  }
}
@media (max-width: 431px) {
  h2,
  .about3 .abt_titles h2,
  .abt_02_content h2,
  li.section-items .section-title h4,
  .clean_slide_info h4 {
    font-size: 28px;
  }
  .avalibal_type_service_info h4 {
    font-size: 30px;
  }
  ul.drop_down_menu li.nav-item a {
    padding: 10px 20px 10px 15px !important;
  }
  /* About_02 */
  .abt_02_content,
  .abt2_right_info {
    text-align: center;
  }
  .abt_02_content .sml_title {
    justify-content: center;
  }
  .abt2_right_info ul.abt_right_list {
    text-align: left;
  }
  /* Banner_01 */
  .banner_img {
    width: 75%;
  }
  .banner_img_info {
    left: 5%;
  }
  .goclean_banner_content p,
  .company_features_2_titles p,
  .estimate_form label,
  .customer_info_form label,
  .row.radio_btn_design .form-check label,
  .single_project_text_content p,
  .row.single_project_challing_pointe ul,
  .single_project_slider_text_content p,
  .single_project_slider_text_content ul.single_project_slider_text_points,
  .single_project_rightside_content p,
  ul.project_overview_points,
  .abt2_right_info p:nth-child(1),
  .clean_slide_info p,
  .abt_conter_text h6 {
    font-size: 18px;
  }
  .goclean_banner_content h5,
  .grid_2_columns_2_page.grid_columns_2_box a,
  .homeowners_titles h5 {
    font-size: 20px;
  }
  /* Footer_01 */
  .footer_copyride_left,
  .footer_copyride_right,
  .our_blogs_text_info p.blogs_date_text,
  .company_history_timeline_info p {
    font-size: 16px;
  }
  .footer_logo_info,
  .footer_short_links,
  .footer_services,
  .footer_contect_info {
    gap: 20px;
  }
  /* Header_05 */
  li.header_hover_title_item,
  .newsletter_right input,
  .avalibal_type_service_area > img,
  .avalibal_type_service_img,
  .row.blog_comment div:nth-child(2) .comment_box {
    width: 100%;
  }
  a.header_hover_title {
    gap: 5px;
    flex-direction: column;
  }
  .header_banner_content h2 {
    font-size: 36px;
    line-height: 50px;
  }
  /* About CSS */
  ul.abt_right_list {
    flex-direction: column;
    align-content: center;
  }
  ul.abt_right_list li.abt_right_item {
    width: max-content;
  }
  .clean_slide_info h4,
  .row.single_service_group_img {
    padding: 15px 0px;
  }
  /* Client-Testimonials CSS */
  .client_testimonials_item.slick-slide.slick-current.slick-active
    .client_testimonials_box {
    box-shadow: 0px 40px 60px -25px rgba(18, 57, 172, 0.2);
  }
  /* Our-Work-1 CSS */
  .work_slider_1_overlay h4 {
    font-size: 30px;
    top: 45%;
  }
  /* How-Work CSS */
  .netural_product_btn {
    font-size: 18px;
    padding: 18px;
  }
  .how_work_box:hover .how_work_box_icon {
    transform: translateX(100%);
  }
  /* Home-Blog CSS */
  .our_work_slider_2_area
    .slick-custom-arrow.slick-custom-arrow-left.slick-arrow,
  .our_work_slider_2_area
    .slick-custom-arrow.slick-custom-arrow-right.slick-arrow {
    top: 10%;
  }
  .home_blogs_info {
    padding: 30px 0px 0px;
  }
  /* Home-faq CSS */
  .home_faq_accodian_title h5 {
    width: 193px;
  }
  /* Newsletter CSS */
  .newsletter_right,
  .core_service_img_area_02,
  .comment_box,
  .single_project_overview_img_content {
    flex-direction: column;
    gap: 15px;
  }
  /* Core_services_02 CSS */
  .core_service_box_02 {
    padding: 15px;
    text-align: center;
    gap: 15px;
  }
  .core_service_img_area_02 h4,
  .single_service_design2 .single_service_img_content h4,
  .single_service_img_content_2 .single_service_img_heading h4,
  .row.single_project_text_content h4,
  .single_project_rightside_content h4,
  .our_blogs_text_info h3,
  .company_history_timeline_info h4,
  .awards_info h4,
  .blog_masonry .row.blog_masonry1_gallery .masonry1 .blog_masonry1_box h4 {
    font-size: 24px;
  }
  /* Free_Call CSS */
  .frame {
    width: -webkit-fill-available;
  }
  .ring.ring-7,
  .ring.ring-8,
  .ring.ring-9,
  .ring.ring-10,
  .bubble_dancing_shap.bubble_dancing_shap_2 {
    display: none;
  }
  /* Home-Blog_2 */
  .row.home_blog_2_list {
    gap: 30px;
  }
  /* About_3 */
  .about_custome_conter {
    right: 15px;
    bottom: -20px;
    height: 200px;
    padding: 10px;
  }
  .abt_conter_text h3,
  .our_blogs_text_info h3,
  .blog_masonry .row.blog_masonry1_gallery .masonry1 .blog_masonry1_box h4 {
    line-height: 36px;
  }
  /* ===== Company-History Page ===== */
  .company_history_timeline_bg {
    width: 100px;
    height: 100px;
  }
  .company_history_timeline_info h4,
  .awards_info h4,
  .grid_2_columns_2_page.grid_columns_2_box p {
    margin-bottom: 10px;
  }
  .company_history_timeline_img::after {
    height: 405%;
  }
  /* ===== Awrads Page ===== */
  .awards_num h3 {
    width: 60px;
    height: 60px;
  }
  /* ===== Coming-soon Page ===== */
  .counter-div {
    width: 260px;
    height: 230px;
    gap: 0px 15px;
    justify-content: center;
  }
  .counter-element {
    width: 100px;
    height: 84px;
  }
  .number-div {
    font-size: 48px;
  }
  .coming_soon_footer {
    padding: 15px 0px 0px;
  }
  .responsive-map {
    border-radius: 30px;
  }
  /* ===== Single-Service Page ===== */
  .single_service_design2 .single_service_img_content h4,
  .single_service_design2 .single_service_2_img,
  .abt2_right_info p:nth-child(2) {
    padding: 20px 0px;
  }
  .avalibal_type_service_info {
    padding: 25px;
  }
  /* ===== Our-Project Page ===== */
  .single_project_buttons {
    gap: 15px;
  }
  /* ===== Blogs Page ===== */
  a.blogs_big_heading:hover {
    background-size: 0% 2px;
    text-decoration: underline;
  }
  .our_blogs_quote_img_text img,
  .our_blogs_links_img_text img {
    max-width: 40px;
  }
  .our_blogs_quote_headings h4,
  .our_blogs_links_headings h4,
  section.single_blogs_sec .our_blogs_box.our_blogs_quote_box h4,
  .blog_masonry1_box
    .our_blogs_box.our_blogs_links_box
    .our_blogs_links_headings
    h5,
  .blog_masonry1_box
    .our_blogs_box.our_blogs_quote_box
    .our_blogs_quote_headings
    h5 {
    font-size: 20px;
    line-height: 30px;
  }
  .row.blog_comment div:nth-child(2) .comment_box .comment_img {
    text-align: right;
  }
  .comment_heading {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
  .row.blog_comment div:nth-child(2) .comment_box .comment_heading {
    flex-direction: column-reverse;
    align-items: flex-end;
  }
  .check_comment input[type="checkbox"] {
    width: 40px;
    height: 23px;
  }
  .row.blog_comment div:nth-child(2) .comment_box a.comment_reply_btn {
    justify-content: flex-end;
    display: flex;
    padding-right: 20px;
  }
  .grid_2_columns_2_page.grid_columns_2_box {
    padding: 20px;
    left: 15px;
    right: 15px;
  }
  /* Footer_01 */
  .bubble_dancing_shap {
    top: 30%;
    left: -45%;
  }
}
@media (max-width: 376px) {
  h2,
  .free_call_titles h2,
  .about3 .abt_titles h2,
  .work_slider_1_overlay h4 {
    font-size: 24px;
  }
  a.yellow_btn {
    padding: 18px;
  }
  /* Header_01 CSS */
  .sidebar_open_icon svg {
    width: 30px;
    height: 30px;
  }
  /* Banner_01 */
  .goclean_banner_content p,
  .abt_btn_info h5 {
    font-size: 16px;
  }
  .goclean_banner_content h1 {
    padding: 0px 0px 15px;
  }
  .banner_img,
  .about_img,
  .gallery_btns button.gallery_fillter_btn {
    width: 100%;
  }
  .banner_img_info {
    border-radius: 20px 60px;
    height: 140px;
    width: 140px;
  }
  /* Hero_Banner_04 */
  li.section-items .section-title {
    gap: 20px;
    padding: 15px;
    text-align: center;
    flex-direction: column-reverse;
  }
  .section-content img {
    min-height: max-content;
    height: max-content;
  }
  li.section-items .section-title svg {
    width: 70px;
    height: 70px;
  }
  li.section-items .section-content,
  .brochure_area,
  .single_project_buttons {
    text-align: center;
  }
  .section-content p {
    padding: 20px;
  }
  .section-content a.yellowbox_btn {
    margin: 0px 0px 40px;
  }
  /* Header_05 */
  .header_banner_content h2 {
    font-size: 28px;
    line-height: 40px;
  }
  /* About CSS */
  a.about_us_contact_box svg {
    width: 30px;
    height: 30px;
  }
  a.about_us_contact_box {
    width: 280px;
    gap: 10px;
  }
  /* Core-Services CSS */
  .core_servicebox {
    gap: 10px;
  }
  .core_servicebox_info h4 {
    margin-bottom: 10px;
  }
  .core_servicebox_icon svg {
    width: 90px;
    height: 90px;
  }
  /* Our-Work-1 CSS */
  .our_work_slider_1_area
    .slick-custom-arrow.slick-custom-arrow-right.slick-arrow {
    right: 10px;
  }
  .our_work_slider_1_area
    .slick-custom-arrow.slick-custom-arrow-left.slick-arrow {
    left: 5px;
  }
  /* How-Work CSS */
  .how_work_box:hover .how_work_box_icon {
    transform: translateX(80%);
  }
  /* Newsletter CSS */
  .newsletter_left h4 {
    font-size: 27px;
  }
  /* Banner_02 */
  .banner2_slider_sec .slick-custom-arrow.slick-custom-arrow-left.slick-arrow,
  .banner2_slider_sec .slick-custom-arrow.slick-custom-arrow-right.slick-arrow {
    bottom: 5%;
  }
  /* Free_Call CSS */
  .frame {
    bottom: 0;
    left: 50%;
  }
  .free_call_right {
    padding: 0px 0px 50px;
  }
  .ring.ring-6 {
    display: none;
  }
  /* Client-Testimonials_2 CSS */
  span.quote_right svg,
  span.quote_left svg {
    width: 60px;
  }
  span.quote_right {
    top: -70px;
  }
  span.quote_left {
    left: 0px;
  }
  /* About_3 CSS */
  .about_custome_conter {
    right: 0;
    bottom: 10px;
    height: max-content;
    width: 100%;
    padding: 10px;
    display: flex;
    gap: 10px;
    justify-content: center;
    align-items: center;
  }
  .about_custome_conter .abt_conter_icon svg {
    width: 60px;
    height: 60px;
  }
  @keyframes abtcount {
    0% {
      transform: translate(0);
    }
    50% {
      transform: translate(0, 30%);
    }
    100% {
      transform: translate(0);
    }
  }
  /* Client_Slider_3 CSS */
  .client_slider_3 ul.slick-dots li button {
    width: 50px;
    height: 50px;
  }
  .client_slider_3 ul.slick-dots li.slick-active button {
    width: 70px;
    height: 70px;
  }
  /* Why_Choose_2 CSS */
  .whychoose_gridimg_overlay h5,
  .homeowners_titles h5 {
    font-size: 18px;
  }
  .company_history_timeline.row .col-12 {
    padding: 0;
  }
  .company_history_timeline_bg {
    width: 80px;
    height: 80px;
  }
  .company_history_timeline_info {
    height: 279px;
    overflow: hidden;
  }
  .company_history_timeline_info h4,
  .get_quote_box h4,
  .download_brochure h4,
  ul.service_offer_2 li a {
    font-size: 20px;
  }
  /* ===== Company-History Page ===== */
  .company_history_timeline_img::after {
    height: 355%;
  }
  /* ===== FAQS Page ===== */
  .faqs_form {
    padding: 20px;
    text-align: center;
  }
  .faqs_form form {
    margin-top: 20px;
  }
  /* ===== Get-Quote Page ===== */
  .estimate_title h2 {
    font-size: 30px;
  }
  .get_quote_box_btn a.about3,
  button.yellow_btn.post_btn {
    font-size: 18px;
    padding: 18px;
  }
  .download_brochure {
    gap: 20px;
    margin-top: 20px;
  }
  .download_pdf p {
    padding: 0px 0px 0px 15px;
    font-size: 15px;
  }
  /* ===== Single-Service Page ===== */
  .single_service_offer_area_2 {
    padding: 15px;
  }
  ul.service_offer_2 {
    padding-top: 15px;
  }
  ul.service_offer_2 li a {
    font-size: 18px;
    padding: 10px;
  }
  .avalibal_type_service_info {
    bottom: 30px;
    padding: 0;
  }
  .avalibal_type_service_info h4 {
    padding-bottom: 20px;
  }
}
@media (max-width: 321px) {
  .banner_slide_2,
  .banner_slide_3 {
    height: 730px;
  }
  /* Client-Testimonials CSS */
  .client_testimonials_box {
    padding: 15px;
    text-align: center;
  }
  .client_testimonials_img_area {
    flex-wrap: wrap;
    justify-content: center;
  }
  /* How-Work CSS */
  .how_work_box:hover .how_work_box_icon {
    transform: translateX(50%);
  }
  .how_work_box_info h5,
  a.home_blogs_info_title,
  .testimonials_des_title h5,
  .row.Blogs_grid_content_area .home_blog_2_box a.home_blogs_info_title,
  .blog_masonry2_box a.blogs_big_heading,
  .our_price h5,
  .estimate_title h5,
  li.single_project_social_item a,
  .comment_heading h5 {
    font-size: 20px;
  }
  /* Home-Blog CSS */
  .home_blog_date_box {
    width: 60px;
    padding: 5px 0px;
  }
  .home_blog_date_box h4 {
    font-size: 28px;
  }
  /* Banner_02 */
  .banner_slider_content {
    width: 300px;
  }
  /* Banner_03 */
  .banner3_img_bubble img {
    height: 300px;
  }
  /* About_02 */
  .free_call_form input {
    font-size: 14px;
  }
  /* Free_Call CSS */
  .frame {
    bottom: -30px;
  }
  .ring.ring-6 {
    display: none;
  }
  /* About_3 CSS */
  section.about3_sec,
  .why_choose_2,
  section#clen_plan_workpage,
  section.about3_sec.about3_workpage {
    padding: 30px 0px;
  }
  .about3,
  section.why_choose_2_sec {
    padding: 0px;
  }
  /* Meet_Team_3 */
  .expert_img,
  .meet_team_3_img {
    height: 250px;
    width: 250px;
  }
  /* Counter_3 CSS */
  section#counter_sec3 {
    position: relative;
    transform: translate(0);
  }
  .counter3 .counter_box,
  .single_project_buttons {
    flex-direction: column;
  }
  /* Free-Estimate CSS */
  .free_estimate_sec {
    background-position: 96% 30px;
  }
  /* ===== Awrads Page ===== */
  .awards_box {
    gap: 15px;
    flex-direction: column;
  }
  .row.test_design_1_list .client_testimonials_box {
    text-align: left;
  }
  /* ====== Pricing Page ===== */
  ul.pricing_tabs {
    gap: 20px;
    width: 80%;
    margin: 0 auto;
    align-items: flex-start;
    flex-direction: column;
  }
  .our_price h4 {
    font-size: 30px;
  }
  .our_price h2 {
    font-size: 40px;
  }
  .pricing_plan_box.pricing_plan_active .pricing_upper_info > h5 {
    width: min-content;
  }
  /* ===== Get-Quote Page ===== */
  .get_quote_box,
  .download_brochure {
    padding: 30px 15px;
  }
  .download_pdf p {
    padding: 0px 0px 0px 10px;
    font-size: 14px;
  }
  /* ===== Single-Service Page ===== */
  .avalibal_type_service_info h4 {
    font-size: 24px;
  }
  /* ===== Our-Project Page ===== */
  .single_project_leftsidebar .single_project_information h4,
  .single_project_information_point_list {
    padding: 15px;
    font-size: 24px;
  }
  ul.single_project_information_point li span,
  .grid_2_columns_2_page.grid_columns_2_box p {
    font-size: 16px;
  }
  ul.single_project_information_point li span:nth-child(1) {
    width: 90px;
  }
  li.single_project_social_item a {
    width: 40px;
    height: 40px;
  }
  span.single_project_review svg {
    width: 118px;
  }
  /* ===== Blogs Page ===== */
  .our_blogs_box_videoplayer .our-video svg {
    width: 60px;
    height: 60px;
  }
  .check_comment input[type="checkbox"] {
    height: 20px;
  }
  .grid_2_columns_2_page.grid_columns_2_box {
    padding: 15px;
    left: 10px;
    right: 10px;
  }
  .grid_2_columns_2_page.grid_columns_2_box a {
    font-size: 18px;
    line-height: 24px;
  }
  /* Footer_03 */
  .newsletter_right input {
    font-size: 18px;
  }
  .bubble_dancing_shap {
    left: -60%;
  }
}
@media (max-width: 281px) {
  h4 {
    font-size: 24px;
  }
  .get_quote_box_btn a,
  .comment_heading p {
    font-size: 15px;
  }
  .abtpage_btn a.yellow_btn,
  .pricing_lower_info a.yellow_btn {
    padding: 18px;
  }
  /* Header_03 */
  .nav_part {
    gap: 40px;
  }
  /* About CSS */
  a.about_us_contact_box {
    width: 250px;
  }
  /* Core-Services CSS */
  .sml_title h5,
  .home_blog_3_titles a {
    font-size: 19px;
  }
  /* Meet-Team-1 CSS */
  .team_icon_1_overlay {
    justify-content: flex-start;
    padding: 30px;
  }
  /* How-Work CSS */
  .how_work_box:hover .how_work_box_icon {
    transform: translateX(50%);
  }
  .netural_product_btn,
  .newsletter_right input {
    font-size: 16px;
  }
  /* Home-Blog CSS */
  .home_blog_date_box {
    width: 60px;
    padding: 5px 0px;
  }
  /* Home-faq CSS */
  .home_faq_accodian_title h5 {
    width: 160px;
  }
  .banner_slider_content h1 {
    font-size: 28px;
  }
  .banner_slider_content {
    width: 270px;
  }
  /* Free_Call CSS */
  .frame {
    bottom: -50px;
    left: 58%;
  }
  .ring.ring-5 {
    display: none;
  }
  /* Banner_03 */
  .banner3_btns a.yellow_btn {
    font-size: 18px;
    padding: 18px 20px;
  }
  .banner3_text_info h1 {
    font-size: 30px;
  }
  .estimate_title h5 {
    font-size: 18px;
  }
  /* ===== Single-Service Page ===== */
  .avalibal_type_service_info {
    width: 185px;
  }
  .avalibal_type_service_info h4 {
    font-size: 20px;
  }
  .pricing_tabs_content div#tabs1 .row > div,
  .pricing_tabs_content div#tabs2 .row > div {
    padding: 0px;
  }
  /* Scroll-Top CSS */
  button.scrollToTopBtn svg,
  .our_blogs_box_videoplayer .our-video svg {
    width: 50px;
    height: 50px;
  }
}
