@media(max-width:1200px){
    .meanstack-framework {
        height: auto;
    }
}


@media(max-width:1024px){
    
    .btn-common a.call_btn {font-size: 19px;}
    .btn-common a{font-size: 14px;}
    .ready_to_discuss .text h2 {
        margin: 16px 0px;
        font-size: 28px;
    }
    .meanstack-container.slider-container { max-width: 100%;
        margin-bottom: 50px;
    
    }
    .slider-container .slick-prev {
        left: -16px;    
    }
    .slider-container .slick-next {
        right: -15px;    
    }

}
@media(max-width:991px){
    .web_mobile_technologies .col-md-2 {
        width: 33%;
        display: inline-block;
        margin-bottom: 40px;    
    }
    .ready_to_discuss .buttons {
        text-align: center;
        margin-top: 20px;
    
    }
    .after_working_with .use-mean-list-row {
        border-bottom: 1px solid #f1f2f2;
        padding: 20px 10px 13px 10px;
    
    }
}

@media(max-width:769px){
    .ready_to_discuss{padding: 20px 0 30px;}
    .mean_work a.btn-red, .mean_work a.btn-white1{    padding: 15px 20px;}
    .web-mobile-box .innovate_contain{margin-top: 0;}
    .bg_right_box, .bg_left_box {
        max-width: 100%;
        text-align: center;
        padding: 0 15px;
    }

    .what_develop_for_expecton .gain-mean-area {
        display: block;
        position: relative;
    }
    .what_develop_for_expecton  .expe_detail_main {
        display: block;
        position: relative;
        max-width: 800px;
        margin-left: 0;
        width: 100%;
        margin: 0 auto;
        padding: 0 25px;
    }
    .top_mobile_app .text h2 {
        font-size: 22px;
    }
    .after_working_with .meanstack-userexp-info h2{
        max-width: 100%;
    }
    .after_working_with .meanstack-userexp-info p {        
        max-width: 100%;
        width: 100%;
    }
    .what_develop_for_expecton-2 .gain-mean-area {
        display: block;
        position: relative;
    }
    .what_develop_for_expecton-2 .expe_detail_main {
        display: block;
        position: relative;
        max-width: 100%;
        margin: 50px auto 0 auto;
    }
    .what_develop_for_expecton-2 .expe_detail_main h6 {
        font-size: 35px;
        font-family: roboto;
        font-weight: bold;
        color: #000;
        display: block;
        margin-bottom: 50px;
        text-align: center;
    }

    .wb-mobile-strategy.solution .databasemean-boxes-row {
        min-height: 315px;
        padding-bottom: 0;
    }
    .wb-mobile-strategy.solution .col-sm-6 {
        width: 49%;
        display: inline-block;
    }
    .wb-mobile-strategy.solution .databasemean-boxes-row {
        margin-bottom: 0;
    }
    .what_develop_for_expecton-2 .expe_detail_main{
        padding: 15px ;
    }

}


@media(max-width:767px){
    .remove_grid_pad .vc_column-inner {
        padding: 0 !important;
    }
    .what_develop_for_expecton-2 .gain-mean-area{padding-bottom: 0;}
    .accodian__design .panel-title{font-size: 16px;}
    .meanstack-benefit.web-mobile-techno{padding:20px 10px;}
    .New-digital-ranking1 .framelist-container {
        padding: 0 15px;
    }
    .top_mobile_app .row {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: block;    
    }
    .title_black {
        font-size: 23px;
        line-height: 30px;
    }
    .title_white{
        font-size: 23px;
        line-height: 30px;
    }
    .what_develop_for_expecton-2 .expe_detail_main h6 {

        font-size: 23px;
        line-height: 30px;
        margin-bottom: 20px;
    }
    .what_develop_for_expecton-2 .expe_detail_main{
        margin: 20px auto 0 auto;
    }
    .top_mobile_app .bg_left {
        background-image: url(https://www.brainvire.com/sg/apps/img/why_bv_top.png);
        background-size: cover;
        padding: 20px 30px;    
    }
    .top_mobile_app .bg_right {

        background: #dcebf1;
            background-size: auto;
        background-size: cover;
        padding: 20px 30px;
    
    }

}



@media(max-width:640px){
    .web-mobile-box .new-strategy .row {
        display: flex;
        flex-wrap: wrap;
        margin: 20px 0;
    }
    .accordion_container .panel-default>.panel-heading a{
        position: relative;
    }
    .accordion_container .panel-default>.panel-heading a:after {
        content: "";
        top: 7px;
        right: 0;
        position: absolute;
    }
    .wb-mobile-strategy.solution .col-sm-6 {
        width: 100%;
        display: inline-block;
    
    }
    .web_mobile_technologies .col-md-2 {

        width: 49%;
        display: inline-block;
        margin-bottom: 40px;
    
    }
}


@media(max-width:480px){
    
    .new-digital-banner .streamline h2 {
        font-size: 20px !important;
        line-height: normal!important;;
    }

    .accordion_container .panel-title > a {
        display: block;
        padding: 15px;
        text-decoration: none;
        font-size: 15px;
    }
    .web-mobile-developement.new-digital-agency {

        height: 100%;
        padding: 55px 15px;
    
    }
    .menastack-header h1 {
        font-size: 31px;    
    }
    .new-digital-banner .streamline span {   
    font-size: 25px;
    line-height: normal;
    }

    .ready_to_discuss .buttons .btn-common {
        margin-right: 0;
        margin-top: 20px;    
    }

    .innovate_contain .new-strategy .row {
        display: flex;
        flex-wrap: wrap;
        margin: 20px;
    
    }
    .accordion_container .panel-default>.panel-heading a[aria-expanded="false"]::after {
        content: " ";
        background-image: url(https://www.brainvire.com/sg/apps/images/toggle_btn.png);
        height: 30px;
        width: 30px;
        background-position: 29px 0px;
        background-size: 100%;
    }
    .accordion_container .panel-default>.panel-heading a[aria-expanded="true"]::after {
        content: " ";
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
        background-image: url(https://www.brainvire.com/sg/apps/images/toggle_btn.png);
        height: 30px;
        width: 30px;
        background-position: 2px 29px;
        background-size: 100%;
    }
    .accordion_container .panel-default>.panel-heading a:after {
        content: "";
        top: 50%;
        right: 0;
        position: absolute;
        transform: translateY(-50%) !important;
    }


}