@media (max-width: 767px) {
    .navbar-container img.image {
        object-fit: contain !important;
        min-height: auto !important;
    height: auto !important;
    width: 60px;
    }
    .projects__item-client-name span.main_title {
    font-size: 20px !important;
}
   
    .home_page .menu-button{
        color: #fff;
    }
    .button.hero_button {
    bottom: 7.75em;
}
    .con_page .p_small span {    
    font-size: 14px;    
}
    .innerpage .pad_0 {
    padding: 0;
}
    
.innerpage .pad_1 {
    padding: 40px 0;
}
    .con_page p.header__info-paragraph {
    display: block;
          margin-left: 30px;
}
  .con_page .hero_info-wrapper {
    display: block !important;
}
   .innerpage .hero_info-wrapper {
    background-color: #333333b8;
    z-index: 44;
}
    .con_page .button.hero_button {
    bottom: 0;
    z-index: 999;
}
    .sec_2 {
    padding: 100px 0;
}
   
    .form.light .wd_50 {
    width: 100%;
}
    .sec_2 {
    margin-top: 60px;
}
    .dis_mob{
        display: block;
    }
    span.main_title {
    font-size: 25px;
    font-weight: 500;
    display: block;
}
    .projects_item {
    width: 100%;
}
    .social_ul a.footer__link {
    font-size: 16px;
    text-transform: none;
    padding-left: 5px;
    width: 85%;
}
    .social_ul {
    padding-left: 0;
}
    .social_ul i {
    padding: 6px;
    width: 35px;
    height: 35px;
    font-size: 14px;
}
    .portfolio-filter {
    display: inline-flex;
    margin: 10px 0 0;
}
  
    
    .section.portfolio .filters_div ul.nav-tabs{
            width: 100%;
    overflow-x: scroll;
    }
    .call_us {
    top: 15px;
}
    .pulse-button {
    width: 40px;
        height: 40px;}
    .menu-button {
    color: #353434;
    padding: 18px;
    position: relative;
    top: 3px;
    right: -10px;
}
    .navbar {
        margin-bottom: 0;}
    /*.w-nav-overlay [data-nav-menu-open] {
    top: 21px;
}*/
    .news_page span.main_title {
    font-size: 20px;
    display: block;
}
    .innerpage.projects .container.projects-container{
        padding: 0;
    }
    .hero_info-wrapper{
        height: auto;
    }
    .about_page .big-number {
        font-size: 14em;
   /* left: 20%;*/
}
    .about_page .button.hero_button {
    z-index: 9999;
    bottom: 26%;
}
    .hero__content-wrapper{
        padding: 0;
        margin: 0;
    }
   .innerpage  .hero__background-wrapper{
       padding: 0 !important;
        position: relative;
    }
    h2.header__info-paragraph {
    margin-bottom: 0;
}
    
    .innerpage .section.hero-section {
        padding: 0;
    height: auto;
}
    .innerpage .navbar.w-nav {
    position: relative;
}
    
 .innerpage  .navbar-container{
       position: relative;
        
    }
    
    .navbar-menu .w-nav-overlay [data-nav-menu-open] {
    top: 0;
}
    .innerpage .about_txt {   
    width: 90% !important;
}
    .header__info-paragraph{
        max-width: unset;
    }
    .about_page .mt_100{
        margin-top: 0;
    }
    .about_page .team-info-conten {
        padding: 15px;}
    .team-grid {
    display: block;
}
    .container.services_container {
    padding: 30px;
}
    .section.story-section {
    height: 60vh;
}
    .brand {
    padding: 13px 20px;
}
 .call_us {
    top: 15px;
    right: 70px;
    z-index: 33333;
    position: absolute;
}
  .header__line-mask h1 {
    font-size: 35px;
    margin-left: 20px;
}
    .social_links li {
        margin: 25px;}
    .category_div .dis_flex {
    display: block;
}
    
    .category_div .dis_flex .team-item {
    margin-bottom: 60px;
}
    .project_div h2{
        font-size: 25px;
    }
.footer-section .social_links {
    display: flex;
}
.footer-section .header__line-mask h1 {
    font-size: 40px;
}

   .sec_2_div .big-number {
    left: -30px;
}
.home_page .container.projects-container {
    margin: 0 20px;
}
    .projects__item-text-wrapper span{
        font-size: 14px !important;
    }.pro_title {
    padding: 10px 15px;
}
    .project_div .team-image {
    height: 260px;
}
    .projects__black-background {
   
    top: -10px;
   bottom: -10px;
}
    .tab_contact {
    display: block !important;
    margin: 0;
}
    
    .tab_contact .story_info-wrapper{
         position: relative !important;
    }
    .testimonials_quoates p{
        font-size: 14px;
    }
    .section.testamonials-section {
        height: auto;}
}
.projects__item-text-wrapper span.main_title {
    font-weight: 600;
}
@media (min-width: 768px) and (max-width: 980px) {
    .navbar-container img.image {
        object-fit: contain !important;
        min-height: auto !important;
    height: auto !important;
    width: 60px;
    }
    .testimonials_quoates p{
        font-size: 18px;
    }
    .section.testamonials-section {
        height: auto;}
  
    
    .brand {
    padding: 10px 30px;
}
    .p_small span {
        font-size: 15px;}
    
    .con_page .hero_info-wrapper {
    position: relative;
    height: auto;
}
    .con_page h2.header__info-paragraph{
        position: absolute;
        top: -25px;}
    
    .hero_info-wrapper {
        margin-left: 4%;}
    .con_page a.button.hero_button.w-button {
    bottom: 0;
    z-index: 999;
}
    .section.portfolio .filters_div ul.nav-tabs {
    width: 100%;
    overflow-x: scroll;
    overflow-y: hidden;
}
    .news_page span.main_title {
    font-size: 20px;
    display: block;
}
    .sec_m_cus {
    margin: 35px 0;
}
    
     .innerpage .header__info-paragraph {
        max-width: 70%;}
    .form.light .wd_50:first-child {
    margin-right: 7px;
}
    .portfolio-filter a {
        padding: 15px 20px !important;}
    .portfolio-filter li {
    margin: 0 5px;
}
    .innerpage  .hero__background-wrapper{
        position: relative;
    }
    .innerpage .hero__content-wrapper{
        padding: 0;
    }
  .innerpage .section.hero-section {
    height: auto;
    padding: 0;
}
    .staff-section {
    padding: 4.17em 20px;
}
    .project_div .team-info-content {
    justify-content: flex-start;
    padding: 20px 10px;
}
    .project_div .team-info-content {
    justify-content: center !important;
    padding: 0 10px;
}
    .section.story-section{
        height: auto;
    }
    .story-image {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
}
    .projects__list {
    margin: 10% 0;
}
    .header__line-mask h1 {
    font-size: 50px;
}
    .brand.w--current {
    height: 6.8em;
    padding: 15px 20px;
}
    .projects_item {
        height: 50%;}
    .projects__content-wrapper {
    height: 80vh;
}
    .social_ul a.footer__link {
    font-size: 14px;   
}
    .social_ul {
    padding-left: 0;
}
    .footer_content-wrapper {
    margin-left: 1.7em;    
}
    .project_div h2{
            width: 89%;
        font-size: 20px;
    }
    .project_div .team-image {
    width: 100%;
    height: 219px;
    object-fit: cover;
}
    .project_div h2 {
    position: relative;
    left: 0;
    top: -22px;   
}
    .call_us {
    position: fixed;
    right: 8px;
    top: 5px;
}
.nav-links {
    padding: 8px;
    font-size: 14px;
    }}

.w--open .w-icon-nav-menu {
    color: #ed3034;
}
@media (min-width: 1280px) and (max-width: 1366px) { 
    .hero__background-wrapper img {
    height: 100%;
    }}
@media (max-width: 560px){

.navbar-container img.image {
    object-fit: contain !important;
        min-height: auto !important;
    height: auto !important;
    width: 60px;
    }}