@media (max-width: 1250px) {
      .coa-cols-details {
            padding: 0px 0px 0px 30px;
      }

      .coa-listitem-inner .coa-listitem-inner-link span,
      .coa-listitem-inner-link .span-hover-inside {
            font-size: 14px;
      }

      .men-bg-img {
            max-width: 257px;
            height: 390px;
      }

      .agences-link-listitem .agence-img {
            height: 105px;
            width: 100%;
            max-width: 200px;
      }

      .agences-li-listitem .agences-link-listitem .ekit-creative-button-text {
            font-size: 14px;
      }
}

@media (max-width: 1024px) {
	
	.coa-list-inner-inside .coa-listitem-inner-inside ,
	.coa-heading-list-inner .coa-listitem-inner{
		position: relative;
	}
	
	.coa-list-inner-inside .coa-listitem-inner-inside::after,
	.coa-heading-list-inner .coa-listitem-inner::after{
		content: "";
	   background: url("https://coa.demo.crawleragency.com/wp-content/uploads/2025/06/rightgrayarrow.svg") no-repeat; 
height: 12px;
        width: 12px;
        background-size: 12px 12px;
        position: absolute;
        right: 0px;
        top: 0;
        bottom: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: auto;
		
	}
	
	.header-override .logo-header-details img.logo-icon.mobile-img {
    display: block;
}

.header-override .logo-header-details  img.logo-icon {
    display: none;
}
	
	.bottom-btn-fixed-details {
		background-color: #fff;
    position: fixed;
    left: 0;
    right: 0;

    bottom: 0;
}
	.nav-header-details.active 	.bottom-btn-fixed-details {
				display: block;
	}
	
	.mobile-menu-burgur .cancel-icon-toggle{
		background-color: transparent !important;
	}
	.header-override .header-main {
		background-color: #fff;
		        transition: 0.5s all ease;
	}
		.swiper-pagination {
			z-index: 1 !important;
		}
	body.page-id-22503 .nav-header-details {
    z-index: 99;
}
	.bottom-fixed-nav {
	display:block;
	}
	.floating-menu ul.fm-bar {
	display:none;
	}
    

      .pos-breadcrub {
            display: flex;
      }

      .coa-list-item.coa-first-list.active .header-link-content {
            display: none;
      }

      .coa-list-item.coa-first-list.active {
            padding-top: 0px;
      }

      .coa-list-item.coa-first-list.active::after {
            display: none;
      }


      /* By default, the sub-menu content is not visible */
      .coa-list-item .coa-list-inner-bg {
            display: none;
      }

      /* When a submenu is active, hide all direct LI children of the main menu */
      .coa-heading-list.submenu-is-active>.coa-list-item {
            display: none;
      }

      /* 
       BUT, show the LI that has the 'active' class. 
       This makes the active LI a container for the submenu content.
    */
      .coa-heading-list.submenu-is-active>.coa-list-item.active {
            display: block;
      }

     .header-right-link,
      .header-link-content .down-arrow,
     .cancel-icon-toggle,
      .bg-img-inner-menu {
            display: none;
      }

      /* Default: hide submenu */
      .coa-heading-list .coa-list-item:hover .coa-list-inner-bg {
            display: none;
      }

       /* .nav-ul-contain {
                  max-height: calc(100vh - 280px);
            overflow: auto;
            padding-right: 20px;
      } */

      .coa-listitem-inner .coa-listitem-inner-link span {
            font-size: 14px;
      }


       /*.mr-right-mins {
            margin-right: -20px;
      } */


      .nav-header-details {
            position: fixed;
        top: 82px;
        left: -110%;
        bottom: 0;
        background: #fff;
           padding: 20px 15px 200px 15px;
        width: 100%;
		      max-height: calc(100vh - 150px);
            overflow: auto;
            padding-right: 20px;
        transition: 0.5s all ease-in-out;
        -webkit-transition: 0.5s all ease-in-out;
        -moz-transition: 0.5s all ease-in-out;
        -ms-transition: 0.5s all ease-in-out;
        -o-transition: 0.5s all ease-in-out;
      }

      .coa-cols-details {
            padding-left: 0px;
            border-left: 0px;
      }

      .coa-list-inner-bg {
            position: unset;
            min-width: unset;
            padding: 33px 0px 0px 0px;
      }

      .coa-flex-inside-content {
            grid-template-columns: 1fr;
            gap: 20px;
      }

      .flex-coa-imglist {
            padding-top: 0px;
		  width: 100%;
      }

      .logo-header-link .logo-icon {
            /*height: 45px;*/
		  max-width: 130px;
      }

      .flex-header-main {
            flex-direction: row-reverse;
            padding: 10px 20px !important;
      }

      .coa-heading-list {
            flex-direction: column;
      }

      .coa-list-item .header-link-content {
            font-size: 21.33px;
            font-family: 'Rubik-Medium';
            color: #000000;
      }

      .coa-heading-list .coa-list-item {
            padding: 15px 0px;
            border-bottom: 1px solid #EDEDED;
            position: relative;
      }

      .coa-heading-list .coa-list-item::after {
            content: '';
            background-image: url('../images/right-gray-arrow.svg');
            background-size: contain;
            background-repeat: no-repeat;
            width: 15px;
            height: 15px;
            position: absolute;
            right: 0;
            top: 20px;
      }

      .coa-heading-list {
            gap: 0;
      }

         .mobile-menu-burgur .menu-toggle {
			 border-radius: 15px;
        border: none;
    }

      .menu-toggle .menu-icon {
            max-width: 24px;
            height: 19px;
            width: 100%;
		   filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg) brightness(103%) contrast(103%);
      }

      .nav-header-details.active {
            left: 0px;
      }
	
	.cancel-icon-toggle.active,
      .mobile-menu-burgur {
            display: block;
      }

     .menu-icon-toggle.active {
            display: none;
      }

      .menu-toggle .cancel-icon {
            max-width: 20px;
            height: 20px;
            width: 100%;
      }

      .coa-flex-inside-content .coa-cols-details:nth-child(1) {
            order: 1;
      }

           html.header-override {
            overflow: hidden  !important;
      } 

      .coa-cols-details {
            flex-direction: column;
      }



      /* .coa-heading-list .coa-list-item.active::after {
            content: none;
      } */

      /* .coa-heading-list .coa-list-item.active .header-link-content {
            display: none;
      } */

      /* li.coa-list-item.active {
            padding-top: 0px;
      } */

      .coa-list-inner-bg .img-coa-agences {
            padding: 0px;
      }

      .agences-ul-list {
            display: grid;
            gap: 10px;
            grid-template-columns: 1fr 1fr;
      }

      .agences-link-listitem .agence-img {
            height: 63px;
            max-width: 160px;
      }

      .agences-li-listitem .agences-link-listitem .ekit-creative-button-text {
            font-size: 12px;
      }

      .agences-li-listitem .agences-link-listitem {
            gap: 10px;
      }

      .heading-coa-innder-title .coa-inner-title {
            font-size: 20px;
            line-height: 24.2px;
            font-family: 'Rubik-Regular';
            margin-bottom: 20px;
            text-transform: lowercase;
      }

      .header-bottom-btn-list {
            padding: 30px 0px;
            text-align: center;
            display: flex;
            align-items: center;
            flex-direction: column;
            gap: 30px;
            justify-content: center;
      }

      .header-bottom-btn-list button.yellow-btn,
      .header-bottom-btn-list button.green-btn {
            background: #FFC000;
            padding: 6px 15px;
            box-shadow: none;
            border-radius: 30px;
            outline: none;
            border: 1px solid #FFC000;
            color: #FFFFFF;
            font-family: 'Rubik-Medium';
            font-size: 17px;
            line-height: 25px;
            display: flex;
            align-items: center;
            gap: 10px;
            min-width: 215px;
            height: 44px;
      }

      .header-bottom-btn-list button.green-btn {
            background: #76B82A;
            border: 1px solid #76B82A;
      }

      li.coa-list-item.submenu-breadcrumb.active,
      li.coa-list-item.notre-submenu-breadcrumb.active {
            display: block;
      }

      li.coa-list-item.removeactive,
      li.coa-list-item.notre-submenu-removeactive {
            display: none;
      }

      .pos-breadcrub {
            position: absolute;
            top: 0px;
      }

      .header-bottom-btn-list button.yellow-btn span,
      .header-bottom-btn-list button.green-btn span {
            text-align: center;
            width: 100%;
      }

      .coa-list-item.submenu-breadcrumb.active .header-link-content {
            display: none;
      }

      li.coa-list-item.submenu-breadcrumb.active::after {
            content: none;
      }

      .coa-heading-list .coa-list-item.active .coa-list-inner-bg {
            display: block;
            padding-top: 20px;
      }

      .coa-heading-list .coa-list-item.notre-submenu-breadcrumb.active .coa-list-inner-bg {
            border-top: 1px solid #EDEDED;
            margin-top: 15px;
      }

      .heading-coa-innder-title .coa-inner-title {
            border-bottom: 1px solid #EDEDED;
            padding-bottom: 15px;
      }

      li.coa-list-item.notre-submenu-breadcrumb.position-relative.active {
            border-bottom: 0px;
      }

      li.coa-list-item.notre-submenu-breadcrumb.position-relative.active {
            padding-top: 40px;
      }

      li.coa-list-item.submenu-breadcrumb.active {
            padding-top: 20px;
      }

      li.coa-list-item.notre-submenu-breadcrumb.position-relative.active::after {
            top: 42px;
      }
}

@media (max-width: 767px) {
		.swiper-pagination {
			z-index: 1 !important;
		}
      .header-bottom-btn-list {
            display: flex;
      }

      .bottom-fixed-nav {
            display: none;
      }

      .nav-header-details.active .bottom-fixed-nav {
            display: flex;
      }
}

/* ========== Mobile (max-width: 575px) ========== */
@media (max-width: 575px) {
  .header-social-icon {
    flex-direction: column;
    align-items: flex-start;
    gap: 15px;
    padding: 15px;
    text-align: left;
  }

  .social-media-custom,
  .social-contact {
    text-align: left;
    width: 100%;
  }

  .header-social-icon ul {
    flex-wrap: wrap;
    gap: 10px;
  }

  .header-social-icon a {
    font-size: 14px;
  }

  .elementor-icon-list-text {
    font-size: 14px;
  }
}


/* ========== Tablet (576px to 991px) ========== */
@media (min-width: 576px) and (max-width: 991px) {
  .header-social-icon {
   display:none !important;
  }

  .social-media-custom,
  .social-contact {
    width: 100%;
    text-align: center;
  }

  .header-social-icon ul {
    justify-content: center;
    gap: 15px;
  }
}


/* ========== Small Desktop (992px to 1199px) ========== */
@media (min-width: 992px) and (max-width: 1199px) {
  .header-social-icon {
   display:none !important;
  }
}


/* ========== Large Desktop (1200px and up) ========== */
@media (min-width: 1200px) {
  .header-social-icon {
    padding: 4px 15px;
  }

  .header-social-icon ul {
    gap: 20px;
  }
}
@media (max-width: 767px) {
.header-social-icon {
	display:none;
	}
}