.ti_head_img img {
    height: 45px;
    width: 45px;
    border-radius: 100px;
}
.fixed {
    position: fixed;
    top:0; left:0;
    width: 100%; 
    background: #fff;
}
.fixed a#navbarDropdown {
    padding: 5px 20px;
}
.fixed a.nav-link {
    padding: 5px 20px !important;
}
@media only screen and (min-width: 1200px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1140px;
    }
    .hero_banner_content h1,
    .title h2{
        font-size: 35px;
    }
    p{
        font-size: 15px;
    }
    .navbar-expand-lg .navbar-nav .nav-link{
        font-size: 14px;
    }
}
@media only screen and (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1140px;
    }
}
@media only screen and (max-width: 1024px) {
    .right_tabs ul.nav.nav-tabs {
        margin-bottom: 15px;
    }
}

@media only screen and (max-width: 991px) {
    header {
        position: relative;
    }

    header .container {
        max-width: 100%;
        padding: 0;
    }

    nav.navbar.navbar-expand-lg {
        padding: 10px 0;
    }

    div#navbarNavDropdown {
        background: #ffff;
    }

    .case_header .navbar-expand-lg .navbar-nav .nav-link {
        color: #141515;
    }

    .case_header .navbar-expand-lg .navbar-nav .nav_login .nav-link {
        color: #141515;
    }

    a.navbar-brand {
        padding-left: 15px;
    }

    button.navbar-toggler {
        padding-right: 15px;
    }

    .navbar-expand-lg .navbar-nav .nav_login .nav-link {
        border: 0;
    }

    .faq_item .tabs {
        width: 100%;
    }

    header.case_header {
        position: absolute;
    }

    .challenges_item.text-center {
        width: 100%;
    }
}

@media only screen and (max-width: 767px) {

    .right_icon img {
        margin-left: -35px;
    }

    .footer_form {
        padding-left: 0;
    }

    .col-md-3 .ft_link {
        padding: 0;
    }

    ul.slick-dots {
        display: flex;
    }

    .desk_col {
        display: none;
    }

    .mob_col {
        display: block;
    }

    .hero_banner_content {
        width: 100%;
    }

    .hero_banner_content h1 {
        font-size: 31px;
    }
.text-home-p {
    width: 100%;
}
    .step_col .step_slider:before {
        display: none;
    }

    .title h2 {
        font-size: 35px;
    }

    .container {
        max-width: 100%;
    }

    .challenges_area .challenges_item {
        margin-bottom: 30px;
    }

    .challenges_area .col-md-4:last-child .challenges_item {
        margin: 0;
    }

    .goal_left.bg_blue img {
        width: 100%;
    }

    .goal_left.bg_blue {
        margin: 0 0 30px 0;
    }

    .case_hero_item {
        margin-bottom: 0px;
    }

    .case_hero .col-md-4:last-child .case_hero_item {
        margin: 0;
    }

    .footer_form.mob_col {
        margin: 20px 0;
    }

    .trust_img ul {
        flex-direction: row;
        flex-wrap: wrap;
    }

    .trust_img ul li {
        margin: 10px;
    }

    .faq_item .tabs {
        width: 170%;
        justify-content: flex-start;
        padding: 0;
    }

    .inner_area_tabs {
        overflow: scroll;
    }

    .ft_copy p {
        margin-bottom: 5px;
        font-size: 14px;
    }

    .case_about_left {
        text-align: center;
    }

    .bg_blue .case_item {
        margin: 0;
    }

    .title {
        margin-bottom: 30px;
    }

    section {
        padding: 40px 0;
    }

    .challenges_item img {
        width: 150px;
    }

    .benefit_item {
        padding: 40px 40px;
        margin: 0;
        min-height: 240px;
    }

    section.trust_area.trust_area_logo {
        padding-bottom: 0;
    }

}


/****----extra css-----*****/
@media only screen and (max-width: 767px) {
    section.step_area img.fade-in {
        width: 100% !important;
    }
    .hero_banner {
        padding: 100px 0 70px 0 !important; 
    }
    /*.step_area .carousel__slide img.three_img{
        width: 54% !important
    }*/
    .case_item{
        min-height: 460px;
        padding:26px;
    }
    .case_skill ul{
        flex-direction: column;
    }
    .case_skill ul li {
        display: inline-block;
        width: max-content;
    }
    .case_item p {
        font-size: 12px;
    }

    .feature p {
        font-size: 14px;
    }

    .feature.feature_one {
        position: absolute;
        top: -47%!important;
    }

    .feature.feature_four {
        right: 4%;
        bottom: -35%;
    } 

    .feature.feature_third {
        display: none;
    }

    .feature.feature_two {
        display: none;
    }

    .feature_icon.feature_icon_right img {
        top: -240px;
        position: absolute;
        right: 10px;
    }
    
    .feature_icon.feature_icon_left img {
    top: 190px;
    position: absolute;
}
    
    section.hero_banner:before {
    width: 714px!important;
    height: 90%!important;
    left: -50%!important;
    right: 0!important;
    top: 0%!important;

}
    .challenges_with {margin: auto;width: 100%;}
        .carousel__slide img {
    width: 100%;
}
    .carousel__text {
    display: block;
}
    
    .dropdown-menu {
    background: transparent!important;
    box-shadow: none!important;
}
    .slick-slide {
    height: auto!important;
}
    .here-text {
    left: 28% !important; 
} 
    .slick-current .testimonial_item {
    transform: none;
}
    .carousel__text::before {
    border-bottom: none;
}
    .step_slider_inner.active~.step .step_item {
        background: transparent;
        /* Reset following steps to inactive if needed */
    }
     .step_slider_inner.active::after {
       background: transparent;
    }
}

@media only screen and (min-width: 768px) {
    .testimonial_item {
        min-height: 390px;
    }
}
/***********---------tab-views-css--------***************/
@media only screen and (min-width: 768px) and (max-width: 1024px) {
       .carousel__slide img {
    width: 100%;
}
.feature.feature_third {
    right: 0px;
}
    .hero_banner_content {
    width: 100%;
}
   .benefit_item {
    min-height: 190px;
}
/*
.challenges_with ul.slick-dots {
    text-align: center;
}
*/

  .hyrefast_slider ul.slick-dots {
    text-align: center;
}
/*
.hyrefast_slider ul.slick-dots li {
    margin: 15px 2px 0 2px;
    display: inline;
}
*/
     
.case_slider ul.slick-dots {
    text-align: center;
}
    .slick-current .testimonial_item {
    transform: none;
}
    .testimonial_item {
    opacity: 1;
}
    .trust_area {padding: 50px 0px;}
    .tech_title span {
    font-size: 12px;
}
}


















