@media only screen and (min-width:1400px){
    .mcs__overview-sec-down-img-sec .mcs__overview-sec-inner .mcs_overview-img img{
        width:75%;
    }
}
@media only screen and (min-width:1025px) and (max-width:1230px){
    .mcs__overview-sec-down-img-sec .mcs__overview-sec-inner .mcs_overview-img-txt p{
font-size:12px;
}

.mcs__overview-sec-down-img-sec .mcs__overview-sec-inner .mcs_overview-img img{
  width:70%;
}
.mcs__overview-sec-down-img-sec .mcs__overview-sec-inner{
  height:500px
}
.mcs__overview-sec-down-img-sec .mcs__overview-sec-inner .mcs_overview-img-txt{
  width:250px;
}
.mcs_overview-img-txt.one-txt {
    bottom: 165px;
    left: -22px;
}
.mcs_overview-img-txt.four-txt {
    right: -27px;
    bottom: 164px;
}
}
@media only screen and (min-width:1024px){
    .item {
        width: 194%;
    }
    .mcs_edge-carousel-card{
        width:unset;
        height:390px;
    }
    .mcs_section-main-heading{
        /* width: 1084px; */
        width:900px;
        margin: 0 auto;
    }
    .faq-sec-accordian{
        width:1000px;
        margin: 0 auto;
    }
    /* spacing on top of our services section four  */
    .mcs__services-sec-four-main{
        margin:100px 0px !important;
    }
    /* mcs edge section four  */
    .mcs-four-before::before {
        content: '';
        width: 200px;
        height: 200px;
        background-image: url(../../images/ecommerce-marketplace-development/body/mcs-edge/sec-before.png);
        float: right;
        margin-top: -50px;
        background-repeat: no-repeat;
        margin-right: -50px;
        background-size: contain;
        z-index: -1;
        position: relative;
    }
    /* mcs edge section two carousel */
    .mcs__edge-sec-two-carousel {
        position: relative;
    }
    .mcs__edge-sec-two-carousel::before {
        content: '';
        background-image:url(../../images/ecommerce-marketplace-development/body/mcs-edge/sec-before.png);
        width: 200px;
        height: 200px;
        display: inline-block;
        position: absolute;
        top: -84px;
        background-size: contain;
        left: -81px;
        transform: rotate(-91deg);
    }
    /* accordian width in faq's section */
    .faq-sec-accordian.my-5 {
        width: 800px;
    }
    /* footer */
    .footer-sec-three{
        margin-left:-50px;
    }
    .mcs__overview-main-sm .mcs__overview-sm-inner .mcs_edge_sec-three-img {
        width: 100%;
    }
   
}
@media only screen and (min-width:992px) and (max-width:1024px){
.mcs__overview-sec-down-img-sec .mcs__overview-sec-inner .mcs_overview-img-txt p{
font-size:12px;
}

.mcs__overview-sec-down-img-sec .mcs__overview-sec-inner .mcs_overview-img img{
  width:70%;
}
.mcs__overview-sec-down-img-sec .mcs__overview-sec-inner{
  height:500px
}
.mcs__overview-sec-down-img-sec .mcs__overview-sec-inner .mcs_overview-img-txt{
  width:250px;
}
.mcs_overview-img-txt.one-txt {
    bottom: 165px;
    left: -22px;
}
.mcs_overview-img-txt.four-txt {
    right: -27px;
    bottom: 164px;
}
.mcs-four-before::before{
    margin-right: -26px;
}
}
/* common for all small devices up to 991 */
@media only screen and (max-width:991px){
    .h1-heading{
        font-size: 32px;
        line-height: 36px;
    }
    .mcs__header .mcs__header-textwithimg .mcs__header-text p{
        font-size: 18px;
        line-height: 28px;
    }
    .mcs__header .mcs__header-textwithimg .mcs__header-imgs-sec img{
        height: 230px;
        object-fit: cover;
    }
    .mcs_section-main-heading h2{
        font-size: 24px;
        line-height: 30px;
    }
    .mcs_section-main-heading p{
        font-size: 14px;
        line-height: 22px;
    }
    /* removing padding in our services tabs */
    .mcs__services-accordian_tab_content{
        padding: 10px;
    }
    /* changing mobile view of our market place section and addign horizontal bar */
    .mcs__services-accordain_tab_group .tab p{
        font-size:12px;
        line-height:18px;
    }
    .mcs__services-accordain_tab_group .overflow-group{
        gap:0px;
        width:1000px;
    }
    .mcs__services-accordain_tab_group{
        overflow: overlay;
        padding-bottom: 15px;
    }
    .mcs__services-accordain_tab_group::-webkit-scrollbar{
        height: 4px;
    }
    .mcs__services-accordain_tab_group::-webkit-scrollbar-track {
        background: #F4F3F8; 
    }
    /* our-services section two  */
    .mcs__services_violet-sec-two{
        margin: 50px 0px 50px 0px;
    }
    .mcs__services_violet-sec-two .mcs__service-sec-two-inner .mcs__service-sec-two-right-txt h4{
        font-size: 22px;
        line-height: 28px;
    }
    .mcs__services_violet-sec-two .mcs__service-sec-two-inner .mcs__service-sec-two-right-txt p{
        font-size: 17px;
        line-height: 27px;
    }
    /* section three accordian */
    .mcs__services-section-three-accordian .accordion-button,
    .accordian-txt-right-txt h6
    {
        font-size:16px;
        line-height:20px;
    }
    .mcs__services-section-three-accordian .accordion-body{
        padding:13px;
    }
    .accordian-txt-right-txt p{
        font-size:14px;
        line-height:18px;
    }
    .mcs__sec-three-accordion-body-txt{
        gap:10px;
    }
    .left-img-main img {
        width: unset;
        height: unset;
    }
    /* mcs section main section one */
    .mcs-edge-sec-four .mcs-edge-sec-four-left h5{
        font-size:24px;
    }
    
    .mcs-edge-top-main-heading h2{
        font-size: 24px;
        line-height: 30px;
    }
    .mcs-edge-sec-four-right{
        padding: 15px;
    }
    .mcs-edge-sec-four-right .mcs-edge-sec-four-inner p{
        font-size:18px;
        line-height:29px;
    }
    .mcs_edge-carousel-card{
        padding: 20px;
        width:100%;
    }
    .mcs_edge-carousel-card .mcs_edge-carousel-card-inner h4{
        font-size:22px;
        line-height: 28px;
    }
    /* removing height of image in our engagment section two */
    .mcs_engagment-sec-two-body img {
        height: auto;
    }
    /* related ecommerce section */
    .sec-four-lg-box h5{
        margin-left: 43px;
            text-indent: -33px;
        font-size:30px;
    }
    .sec-four-lg-box h5::before{
        width:30px;
        margin-right:7px;
        margin-bottom: -8px;
    }
     /* faq's heading */
     .faq-sec-main .faq-sec-main-inner .faq-sec-heading h2{
        font-size: 24px;
        line-height: 30px;
    }
    .form-control{
        margin: 8px 0px;
    }
    /* contact footer */
    .footer-sec-two ul{
        display: flex;
        flex-direction: row;
    }
    .footer-sec-two ul li:not(:last-child){
        border-right: 1px solid #f4f3f893;
        padding-right: 10px;
    }
    .contact-left-section ul li .contact-details-txt a{
        font-size:14px;
    }
}
@media only screen and (min-width:768px) and (max-width:991px){

}
@media only screen and (min-width:576px) and (max-width:767px){
    .left-img-main img {
        width: 67px;
        height: 35px;
    }
    /* services section 4 cards height decrease */
    .mcs__services-card-main{
        height:460px;
    }
    /* tech stacks */
    .mcs_tech-stack-right-card-main .mcs_tech-stack-card-inner .box {
        width: 146px;
        height: 115px;
    }
    /* our engagement card */
    .mcs_engagment-card-body ul li{
        line-height: 20px;
        font-size:14px;
        }
        .mcs_engagment-card-body p{
        
        line-height: 22px;
        font-size:16px;
        }
        
        .mcs_engagment-card-body h6{
        font-size:22px
        }
        /* removing width of enagagent section four card */
        .sec-four-lg-box{
            width: unset;
            margin: 0px 15px;
        }
        /* header */
        .mcs-header-styles img:first-child{
            z-index: unset;
            left: -77px;
            bottom: -115px;
            top: unset;
            height: unset;
        }
        .mcs-header-styles img:last-child{
            z-index: unset;
            right: -89px;
            bottom: -104px;
            top: unset;
        }
        .mcs__header .mcs__header-textwithimg .mcs__header-imgs-sec img {
            height: 230px;
            object-fit: cover;
            width: 100%;
        }
        /* related ecommerce section */
        .sec-four-lg-box h5{
            margin-left: 43px;
                text-indent: -33px;
            font-size:30px;
        }
        .sec-four-lg-box h5::before{
            width:30px;
            margin-right:7px;
            margin-bottom: -8px;
        }
        
}
@media only screen and (max-width:575px){
    .left-img-main img {
        width: 67px;
        height: 35px;
    }
    /* services section 4 cards height decrease */
    .mcs__services-card-main{
        height:460px;
    }
    /* tech stacks */
    .mcs_tech-stack-right-card-main .mcs_tech-stack-card-inner .box {
        width: 146px;
        height: 115px;
    }
    /* our engagement card */
    .mcs_engagment-card-body ul li{
        line-height: 20px;
        font-size:14px;
        }
        .mcs_engagment-card-body p{
        
        line-height: 22px;
        font-size:16px;
        }
        
        .mcs_engagment-card-body h6{
        font-size:22px
        }
        /* removing width of enagagent section four card */
        .sec-four-lg-box{
            width: unset;
            margin: 0px 15px;
        }
        /* header styles on small device */
        .mcs-header-styles img:first-child{
            z-index: unset;
            left: -77px;
            bottom: -115px;
            top: unset;
            height: unset;
        }
        .mcs-header-styles img:last-child{
            z-index: unset;
            right: -89px;
            bottom: -104px;
            top: unset;
        }
        .mcs__header .mcs__header-textwithimg .mcs__header-imgs-sec img {
            height: 230px;
            object-fit: cover;
            width: 100%;
        }
        
}