#HomeSlider .heroBg.herobg-animation-none {
        animation: none;
        -webkit-animation: none;
    }

    .porfolio-box {
        min-height: 275px;
        /* box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.4) !important; */
        background: #fff;
        padding: 20px 12px;
        height: 100%;
    }

    .porfolio-box p {
        padding: 10px !important;
        font-weight: normal;
        text-align: center;
        margin: 0px;
        height: auto !important;
        color: grey;
    }

    .porfolio-box img {
        margin-bottom: 0px;
    }

 

    select::-ms-expand {
        display: none;
    }

    .clr-white {
        fill: #fff;
    }

    /* Case-study Redesign 24-12-2021 */

    .sorting select:focus {
        background: #f4f4f4;
    }

    .background-light-grey {
        background: #f4f4f4;
    }

    .d-flex {
        display: flex;
    }

    .justify-center {
        justify-content: center;
    }

    .align-center {
        align-items: center;
    }

    .case-study-hero {
        font-size: clamp(28px, 5vw, 60px);
    }

    .option-wrapper,
    .case-study-header {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 2rem;
    }

    .option-wrapper {
        flex-wrap: wrap;
    }

    .sorting select {
        min-width: 280px;
        width: 100% !important;
        position: relative;
        padding: 0;
        border: none;
        height: auto;
        cursor: pointer;
        color: black;
    }

    .sorting select option {
        color: grey;
    }

    .select-arrow select {
        font-size: 16px!important;
        font-weight:bold;    
        box-shadow: 0px 0px 2px 2px #8b8b8b47;
        min-width: 280px;
        width: 100% !important;
        position: relative;
        border: none;
        height: auto;
        cursor: pointer;
        color: #9f9f9f;
    padding: 8px 20px 7px 10px;
    margin: 10px 0px;
    line-height: normal;
    border-radius: 2px;
    }
  
    .cs-grid {
        max-width: 1170px;
        margin-inline: auto;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 2rem;
    }

    .cs-grid-item {
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        animation-iteration-count: 1;
        -webkit-animation-iteration-count: 1;

        width: min(350px, 100%);

    }

    .cs-grid-item:hover {
        cursor: pointer;
        animation-name: bounce;
        -moz-animation-name: bounce;
    }

    @keyframes bounce {

        0%,
        100%,
        20%,
        50%,
        80% {
            -webkit-transform: translateY(0);
            -ms-transform: translateY(0);
            transform: translateY(0)
        }

        40% {
            -webkit-transform: translateY(-30px);
            -ms-transform: translateY(-30px);
            transform: translateY(-30px)
        }

        60% {
            -webkit-transform: translateY(-15px);
            -ms-transform: translateY(-15px);
            transform: translateY(-15px)
        }
    }

    .thumbnail-logo,
    .image-thumbnail-section {
        width: 100%;
        height: 200px;
        overflow: hidden;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .thumbnail-logo {
        height: 160px;
    }

    /* @media(max-width: 768px){

        .image-thumbnail-section{
            height: 300px;
        }

        .thumbnail-logo{
            height: 260px;
        }
    }

    @media(max-width: 480px){
        .image-thumbnail-section{
            height: 240px;
        }

        .thumbnail-logo{
            height: 200px;
        }
    } */

    .porfolio-box img {
        width: auto;
        /* height: 320px; */
        object-fit: cover;
    }

    .thumbnail-logo img {
        max-width: 270px;
        height: auto;
    }


    strong.cs-title {
        max-width: 42ch;
        display: inline-block;
    }

    .cs_category {
        font-weight: 500 !important;
        font-style: italic;
        margin-bottom: 0;
    }

    .cs_sub_text {
        color: 505050;
    }

    .hide {
        display: none !important;
    }

    .shows {
        display: block !important;
    }

    .cs-grid-item {
        height: auto !important;
    }

    .jplist-hidden {
        display: none !important;
    }

    p.cs_sub_text {
        word-spacing: 2px;
    }


    .Xamarin {
        background-image: none;
    }

    .Xamarin:hover {
        background-image: none;
    }

    .Android {
        background-image: none;
    }

    .Android:hover {
        background-image: none;
    }

    .nav-tabs.news-tab {
        background: transparent !important;
    }

    .nav-tabs.news-tab li.active a,
    .nav-tabs.news-tab li.active a:hover,
    .nav-tabs.news-tab li.active a:focus {
        background: transparent !important;
    }

    .nav-tabs.news-tab li {
        width: calc(33.33% - 0px);
        text-align: center;
    }

    .cs-grid-item {
        width: min(380px, 100%);
    }

    .nav-tabs.news-tab {
        border-bottom: 1px solid #9d9d9d6e;
        margin-bottom: 40px;
    }

    .nav-tabs.news-tab li a:hover {
        background: #f4f4f4;
        border: 1px solid transparent;
        border-bottom: 3px solid #bdbdbd;
    }



    /* .equal {
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
} */

    .porfolio-box {
        min-height: 725px;
        background: #fff;
        padding: 20px 12px;
        height: 100%;
    }

    .summaries-box {
        min-height: 460px;
        background: #fff;
        padding: 20px 20px;
        height: 100%;
        color: #000;
        border: 2px #adadad solid;
    }

    .summaries-box {
        position: relative;
        text-align: center;
    }

    .summaries-box .thumbnail-logo {
        height: 70px;
    }

    .summaries-box .thumbnail-logo img {
        max-height: 70px;
    }

    .summaries-box h4 {
        font-size: 20px;

    }

    .summaries-box p.cs_sub_text {
        text-align: left;
    }

    .paper-box {
        min-height: 340px;
        background: #fff;
        box-shadow: 0 0 4px rgb(0 0 0 / 30%);
        color: #222;
        margin-bottom: 15px;
    }

    .papper-heading {
        background: #0096a3;
        width: 100%;
        height: auto;
        text-align: center;
        color: #fff;
        font-size: 20px;
        padding: 10px 0px;
    }

    .slater_block figure {
        height: 200px;
        margin: 0px;
    }

    .slater_block figure img {
        width: 100%;
        object-fit: cover;
        height: 200px;
    }

    .txt-white {
        font-weight: 600;
        color: #0096a3;
    }

    .white-details {
        padding: 10px 20px;
    }

    .bg-white-area {
        width: 100%;
        display: inline-block;
        background: #fff;
        padding: 5px 2px 5px 2px;
        min-height: 500px;
        height: auto;
    }


    .summarieslist {
        display: flex;
        flex-wrap: wrap;
    }



    .sorting select:focus {
        background: #ffffff !important;
        box-shadow: 0px 0px 2px 2px #8b8b8b47;
    }



    @media (min-width:0px) and (max-width: 480px) {
        .image-thumbnail-section img {
            max-width: 100%;
            height: inherit;
        }
    }

    @media (min-width:0px) and (max-width: 360px) {
        .image-thumbnail-section img {
            max-width: 100%;
            height: auto;
        }
    }

    @media (min-width: 461px) and (max-width: 862px) {
        .display-flex-home {
            margin-top: auto;
        }
    }

    @media (min-width: 0px) and (max-width: 460px) {
        .display-flex-home {
            margin-top: 100px;
        }
    }
    
    @media(max-width:1200px) {
        .md-margin-top-160 {
            margin-top: 80px;
        }
    }

 
    
    @media(max-width: 992px) {
        .case-study-header {
            flex-direction: column;
        }
    }

    @media(max-width:620px) {

        .cat-industry,
        .cat-technology {
            width: 100%;
        }
    }

    @media(min-width: 992px) {
        .md-margin-top-160 {
            margin-top: 160px;
        }
    }

    @media (min-width: 461px) {
        .margin-top-130 {
            margin-top: 130px;
        }
    }
    
    @media (max-width: 767px) and (min-width: 0) {
        .porfolio-box {
            min-height: auto;
        }

        .porfolio-box p {
            padding: 15px 5px !important;
        }

        .nav-tabs.news-tab li {
            padding: 10px 30px;
            min-height: 40px !important;
            margin-right: 0px;
            font-size: 16px;
            width: 100% !important;
        }

        .row .list {
            padding-left: 15px;
            padding-right: 15px;
        }
    }