@media (min-width:1023px) {
  .navigation .menu ul li.desk-hide {
    display: none;
  }

  .navigation .menu ul li.menu-scroll ul.cs-dropdown {
    max-height: 350px;
    overflow-y: auto;
  }

  .navigation .menu ul li.menu-scroll ul.cs-dropdown::-webkit-scrollbar-track,
  .navigation .menu ul li:hover ul.cs-dropdown li ul.cs-dropdown::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #f5f5f5;
  }

  .navigation .menu ul li.menu-scroll ul.cs-dropdown::-webkit-scrollbar,
  .navigation .menu ul li:hover ul.cs-dropdown li ul.cs-dropdown::-webkit-scrollbar {
    width: 7px;
    background-color: #f5f5f5;
  }

  .navigation .menu ul li.menu-scroll ul.cs-dropdown::-webkit-scrollbar-thumb,
  .navigation .menu ul li:hover ul.cs-dropdown li ul.cs-dropdown::-webkit-scrollbar-thumb {
    background-color: var(--tri);
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.2);
  }

  .navigation .menu ul li:hover ul.cs-dropdown li ul.cs-dropdown {
    max-height: 300px;
    overflow-y: auto;
  }

}

@media (max-width:1200px) {

  .header .topbar ul li:nth-child(6) a {
    margin-left: 5px;
  }

  .search_input {
    max-width: 260px;
  }

  .navigation .menu ul li a {
    padding: 15px 10px;
    font-size: 16px;
  }

  .navigation .menu ul li:last-child a.request_quote_btn {
    padding: 8px 15px;
    font-size: 16px;
  }


  .webpulse-home-slider .container {
    top: 5px;
  }

  .webpulse-home-slider .container .banner_info h3 {
    padding: 12px 0 20px;
  }

  .info_1 .price {
    font-size: 48px;
  }

  .info_1 ul {
    margin: 0;
  }

  .info_1 ul li {
    font-size: 16px;
  }

  .request_quote_btn_2 {
    height: 50px;
    line-height: 50px;
  }

  .service_1_shadow {
    height: auto;
  }

  .service_1 h2 {
    font-size: 17px;
  }

  .sec-title-three h2 {
    font-size: 36px;
  }
}

@media (max-width:1023px) {

  .topbar {
    justify-content: start;
    height: 45px;
  }

  .topbar .call_us p a {
    font-size: 17px;
  }


  .header .w-p-s-logo {
    position: absolute;
    padding: 0;
    max-width: 90px;
    top: 48px;
    z-index: 9;
    left: 10px;
  }


  .header.stricky-fixed .w-p-s-logo {
    top: 1px;
    max-width: 92px;
    padding: 0;
  }

  .top-li {
    padding: 0;
  }

  .topbar .call_us {
    padding: 0;
    border: 0;
    height: 45px;
  }

  .topbar ul.social li a {
    width: 29px;
  }

  .header:after {
    width: 100%;
    height: 45px;
  }

  .topbar:before {
    border-color: transparent;
    width: 0;
    content: none;
  }

  .topbar .search {
    display: none;
  }

  .navigation {
    float: left;
    width: 100%;
    position: relative;
  }

  .navigation .navbar {
    display: block;
    float: left;
    width: 100%;
    padding: 12px 0;
  }

  .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(--pri);
    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: 10px 15px;
    text-align: left;
    font-size: 16px;
    border-right: 1px dashed transparent;
    color: #fff;
    border-bottom: 1px solid rgba(255, 255, 255, 0.15);
    display: flex;
    align-items: center;
    text-transform: capitalize;
    font-weight: 400;
  }

  .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;
    line-height: normal;
  }

  .navigation .menu ul li.cs-submenu a button {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0px;
    right: 15px;
    background: transparent;
    border: 0;
    color: #fff;
    font-size: 16px;
    height: 36px;
    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 ul li.cs-submenu ul.cs-dropdown li a button svg {
    transform: rotateZ(0deg);
    color: #fff;
  }

  .navigation ul li.cs-submenu ul.cs-dropdown li a button.rotated svg {
    transform: rotateZ(180deg);
  }

  .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: #444
  }

  .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: 15px;
    padding: 8px 15px;
    line-height: normal;
    border-bottom: 1px solid #ffffff42;
    background: #042b35;
  }

  .navigation .menu ul li ul.cs-dropdown li ul.cs-dropdown li a {
    background: #2c88bf;
    border-bottom: 1px solid #4fa0d0;
  }

  .mobile_hide {
    display: none !important;
  }

  .navigation .menu ul li.active a,
  .navigation .menu ul li:hover a {
    color: white;
    background: transparent;
  }

  .navigation ul li.cs-submenu:hover svg {
    color: white;
  }

  .navigation .menu ul li:hover ul.cs-dropdown {
    display: none;
  }


  .navigation .menu ul>li.cs-submenu:nth-child(3) ul.cs-dropdown li {
    float: left;
    width: 100%;
    border-right: 0;
    position: relative;
  }

  .navigation .menu ul>li.cs-submenu:nth-child(3) ul.cs-dropdown li:nth-child(2n) {
    border-left: 0;
  }

  .navigation .menu ul li ul.cs-dropdown li:hover ul.cs-dropdown {
    display: none;
  }

  .navigation .menu ul li:last-child a.request_quote_btn {
    margin: 0;
    border-radius: 0;
    border-bottom: 0;
  }
}

@media (max-width:980px) {}


@media (max-width:767px) {

  .heading_banner .cat_title{
    font-size: 18px;
  }
  .homeSlider .swiper-button-prev {
    left: 20px;
    right: auto
  }

  .homeSlider .swiper-button-next {
    left: auto;
    right: 20px;
  }

  .homeSlider .swiper-button-prev,
  .homeSlider .swiper-button-next {
    display: none;
  }

  .tabbed-funfact-wrapper .tab-title .nav-item {
    width: 100%;
  }

  .free-consulting {
    padding: 10px 0;
  }

  /* .free-consulting:after {
    top: 86%;
  } */

  .free-consultaiton-main .icon {
    width: 50px;
  }

  .free-consultaiton-main .icon svg {
    width: 20px;
    height: 20px;
  }

  .free-consultaiton-main p {
    font-size: 16px;
    text-align: left;
    font-weight: 500;
  }

  .tabbed-funfact-wrapper .tab-title {
    -webkit-transform: translateY(-20%);
    transform: translateY(-20%);
  }

  .single-tab-wrapper img {
    margin-bottom: 20px;
  }

  .btc_blog_indx_box_wrapper {
    margin-bottom: 20px;
  }

  .single-footer-widget .usefull-links {
    margin-bottom: 25px;
  }

  .footerBottom p {
    color: #ffffff;
    /* font-size: 17px; */
    margin: 0;
    display: block;
    align-items: center;
    justify-content: flex-start;
    text-align: left;
  }

  .service_1_shadow {
    margin: 0 0 15px;
    padding: 30px 15px;
  }

  .service_1_shadow .featureTitle {
    font-size: 18px;
  }

  .single-working-process {
    padding-bottom: 20px;
  }

  .heading_banner {
    background-size: cover;
    padding: 40px 0;
  }

  .right-content {
    position: relative;
    padding: 0 15px 15px;
  }

  .market-list li {
    width: 50%;
    float: left;
  }

}

@media (max-width:650px) {}


@media (max-width:480px) {

  .read_more_btn{
    margin-top: 5px;
  }

  .inner_breadcrumb{
    display: none;
  }

  .home_clients {
    padding: 30px 0;
  }

  .sec-title .title {
    font-size: 20px;
  }

  .sec-title span {
    font-size: 14px;
    line-height: 1.4;
    margin-top: 10px;
  }

  .sec-title.with-text {
    padding-bottom: 27px;
  }


  .whatapp_btn,
  #web-pulse-scroll-up,
  .send_enquiry {
    bottom: 65px;
    width: 40px;
    height: 40px;
    line-height: normal;
  }

  .send_enquiry,
  #web-pulse-scroll-up {
    width: auto;
    min-width: 40px;
    bottom: 20px;
  }

  .send_enquiry svg,
  .whatapp_btn svg {
    width: 16px;
    height: 16px;
  }
}