@media (max-width: 1200px){
    .nav-item {
        margin: 0 0 0 10px;
    }
    .ecosystem_slider_wrapper .ecosystem2, .ecosystem_slider_wrapper .ecosystem4 {
        max-width: 170px;
    }
    .ecosystem_slider_wrapper .ecosystem2 {
        right: 0;
    }
}

@media (min-width: 992px){
   
}



@media (min-width: 1024px){
    
}

@media (max-width: 1023px){
    .ecosystem_bf img {
        max-width: 80%;
        margin: 0 auto;
    }
    .ecosystem_slider_wrapper .ecosystem2, .ecosystem_slider_wrapper .ecosystem4 {
        max-width: 120px;
        
    }
    .ecosystem {
        padding: 80px 0;
    }
    .button_asfornav .btn2 {
        bottom: 0;
        left: -20px;
    }
    .button_asfornav .btn1 .cm_title:before {
        transform: rotateZ(25deg);
        top: 0;
    }
    .button_asfornav .btn2 .cm_title:before {
        transform: rotateZ(-25deg);
        top: -50px;
        left: 50px;
    }
    .button_asfornav .btn3 .cm_title:before {
        transform: rotateY(160deg) rotateZ(20deg);
        top: 0;
    }
    .button_asfornav .btn4 .cm_title:before {
        transform: rotateY(160deg) rotateZ(-20deg);
        top: -40px;
    }
    /* .ecosystem_slider_wrapper .ecosystem1, .ecosystem_slider_wrapper .ecosystem3 {
        max-height: 160px;
        max-width: 170px;
    } */
    .two-col-img-content-wrapper:before {
        width: 440px;
    }
    .banner-caption h1 {
        font-size: 70px;
    }
    .banner img {
        height: 400px;
        object-fit: cover;
    }
    .cm-blockquote:before {
        left: 0;
    }
    .cm-blockquote {
        max-width: 100%;
    }
    
}


@media (max-width: 991px){
    .ecosystem {
        padding: 80px 0 90px;
    }
    ul.nav.nav-tabs.switch_wrapper {
        margin: 0 auto;
    }
    .switch_wrapper li a {
        padding: 15px 15px;
        min-width: 155px;
    }
    .md-middle {
        margin: 0 auto;
    }
    .needhelprepaire img {
        max-width: 330px;
        margin: 0 auto;
    }
    
    .needhelprepaire {
        text-align: center;
        margin: 30px 0;
    }
    /* .filter-inner {
        display: block;
    } */
    
    /* ul.nav.nav-tabs.switch_wrapper {
        max-width: 523px;
        margin: 0 auto 20px;
    } */
    
    .form-group.has-search {
        margin: 0 auto;
    }
    .navbar-dark .navbar-nav .nav-link {
        padding: 15px 0;
        font-size: 13px;
    }
    .menu-primary .nav-link.button {
        padding: 10px 12px;
        font-size: 11px;
        margin-top: 5px;
    }
}

@media (max-width: 767px) {
    .about_page .col-img img {
        width: 240px;
        height: 240px;
    }
    .cm-visible {
        display: block !important;
    }
    .cm-hidden {
        display: none !important;
    }
    .button_asfornav .btn4 .cm_title:before {
        transform: rotateY(160deg) rotateZ(-60deg);
        top: -30px;
    }
    .button_asfornav .btn2 .cm_title:before {
        transform: rotateZ(-55deg);
        top: -30px;
    }
    .button_asfornav .btn1 .cm_title:before {
        right: -60px;
    }
    .ecosystem_bf img {
        max-width: 60%;
        margin: 0 auto;
    }
    .ecosystem_slider_wrapper .ecosystem2, .ecosystem_slider_wrapper .ecosystem4 {
        max-width: 120px;
        max-height: 110px;
    }
    /* .ecosystem_slider_wrapper .ecosystem1, .ecosystem_slider_wrapper .ecosystem3 {
        max-width: 120px;
        max-height: 110px;
    } */
    .navbar-dark .navbar-toggler {
        top: -35px;
        padding: 1px 6px;
    }
    .visible-phn {
        display: block;
    }
    .hidden-phn {
        display: none;
    }
    .ourprojects .slick-next {
        top: 48%;
        right: 0;
        width: 40px;
        height: 40px;
    }
    .play-pause-button {
        font-size: 50px;
    }
    .productpage [class*="col"] {
        margin-bottom: 30px;
    }
    .shippingwrapper {
        padding: 15px;
    }
    .productdetails h1.price {
        font-size: 35px;
    }
    h1 {
        font-size: 32px;
    }
    .contact_wrapper>.row>[class*="col"] {
        margin-bottom: 60px;
    }
    .contact_wrapper {
        padding: 40px 20px 0;
    }
    .two-col-img-content-wrapper:before,
    .two-col-img-content-wrapper:after{
        display: none;
    }
    .section.home_project.ourproject.bg_fit {
        padding-top: 120px;
    }
    .section.text-center.home_project {
        padding-top: 70px;
    }
    /* .slick-next {
        top: 10px;
    } */
    .imground {
        max-width: 60px;
        height: 60px;
    }
    .slick-next:before {
        height: 30px;
        width: 30px;
    }
    .slick-prev:before {
        height: 30px;
        width: 30px;
    }
    .cm_slick.arrowmiddle button.slick-next.slick-arrow {
        right: 0;
    }
    .col-content {
        margin-top: 40px;
    }
    .cm_slick.slick-slider {
        margin: 30px 0 0;
    }
    .img-with-content-row>.row {
        min-height: auto;
        align-items: center;
    }
    .cm_title {
        font-size: 28px;
    }
    .banner img {
        height: 200px;
    }
    .banner-caption h1 {
        font-size: 40px;
    }
    .navbar-nav {
        margin: 40px 0;
        text-align: center;
    }
    .navbar-dark .navbar-nav .nav-link {
        padding: 15px 24px;
        display: inline-block;
    }
    header {
        padding: 16px 0;
    }
    .menu-primary {
        width: 100%;
    }
    
    .navbar-dark .navbar-toggler {
        position: absolute;
        right: 0;
        top: -35px;
        color: rgb(255,255,255,1);
        border-color: rgba(255,255,255,1);
    }

    .section.mount_bg.app_liks_wrapper [class*="col"] {
        margin: 60px 0 0;
    }
    .home_project, .mount_bg {
        position: relative;
        padding: 20px 0;
    }
    .section {
        margin: 30px 0;
    }
    .sec-share-work .content {
        min-height: auto;
    }
    .section.sec-share-work [class*="col"] {
        margin-bottom: 40px;
    }
    footer .container {
        padding-bottom: 0px;
    }
    footer [class*="col"] {
        margin-bottom: 30px;
    }
    .app_links img {
        margin-bottom: 10px;
    }
    .project_details .banner img {
        height: 300px;
    }
    .banner-caption h2 {
        font-size: 40px;
    }
    
    .banner-caption h3 {
        font-size: 20px;
    }
    
    .case_down_trigger {
        margin: 20px 0 0;
    }
}



@media (max-width: 576px){
    body{
        font-size: 15px;
    }
    .imground {
        max-width: 50px;
        height: 50px;
    }
    .button_asfornav .btn2 .cm_title {
        padding: 11px 14px;
    }
    .button_asfornav img {
        margin-right: 4px;
        max-width: 15px;
    }
    .button_asfornav h3.cm_title {
        font-size: 17px;
    }
    .button_asfornav h3.cm_title:before {
        width: 80px;
    }
    .button_asfornav .btn1 .cm_title:before {
        right: -30px;
    }
    .button_asfornav .btn3 .cm_title:before {
        left: -40px;
    }
    .button_asfornav .btn1 .cm_title, .button_asfornav .btn3 .cm_title, .button_asfornav .btn4 .cm_title {
        padding: 15px 15px;
    }
    .ecosystem_slider_wrapper .ecosystem2, .ecosystem_slider_wrapper .ecosystem4 {
        max-width: 80px;
        max-height: 70px;
    }
    /* .ecosystem_slider_wrapper .ecosystem1, .ecosystem_slider_wrapper .ecosystem3 {
        max-width: 80px;
        max-height: 70px;
    } */
    .project_details .banner-caption {
        width: 100%;
        max-width: 540px;
        padding-right: 15px;
        padding-left: 15px;
    }
    .ecosystem_bf img {
        max-width: 250px;
        height: auto;
    }
    
    /* .project_details button.slick-prev.slick-arrow {
        opacity: 1;
    } */
    ul.nav.nav-tabs.switch_wrapper {
        padding: 0 2px;
    }
    .play-pause-button i.fas.fa-pause {
        font-size: 20px;
    }
    .cm-blockquote:before {
        width: 40px;
        height: 50px;
        background-size: contain;
    }
    .switch_wrapper li a {
        min-width: auto;
        padding: 8px 10px;
    }
    .nav.nav-tabs.switch_wrapper:after {
        width: 140px;
    }
}

@media(min-width: 1200px){
    .download_slider .slick-slide .col-md-6.text-right img {
        height: 410px;
    }
}
@media(min-width: 1300px){
    .story_social_links {
        text-align: center;
        font-size: 40px;
        position: sticky;
        top: 10px;
        width: 50px;
        background: #fbfbfc;
        z-index: 9;
        margin-left: -70px;
        margin-bottom: -150px;
      }
}
@media(max-width: 1300px){
    .story_social_links span {
        margin: 0 10px;
      }
    .story_social_links.hidden {
        display: none;
    }
    .story_social_links.visible {
        display: block;
    }
}