.services_shape.m365 {
    position: absolute;
    left: 8%;
}

@media (max-width:1025px){
    .services_shape.m365 {
    position: absolute;
    left: 13%;
}

.m365-content-body-title {
    font-size: 28px;
}

.m365-service-package {
    margin: 40px 20px;
}


.col-md-8.col-12.col-m365.right,
.col-md-4.col-12.col-cloud.right{
    padding-right: 0;
}

.col-md-8.col-12.col-m365.left {
    padding-left: 0;
}

.m365-service-package .m365-service-package-content #package-accordion,
.m365-service-package .m365-service-package-content #package-accordion2,
.m365-service-package .m365-service-package-content #package-accordion3,
.m365-service-package .m365-service-package-content #package-accordion4 {
    padding: 30px 0px;
}

.m365-service-package .m365-service-package-content #package-accordion button,
.m365-service-package .m365-service-package-content #package-accordion2 button,
.m365-service-package .m365-service-package-content #package-accordion3 button,
.m365-service-package .m365-service-package-content #package-accordion4 button {
    font-size: 20px;

}

}


@media (max-width:769px){
    .m365-content-body-title {
    font-size: 24px;
}

}


@media (max-width:769px) and (min-width:768px){
   
    .n{
        padding-left:20px !important;
    }
    
    .col-md-8.col-12.col-m365.left.n {
    padding: 0 !important;
}

.col-md-4.col-12.col-m365.right {
    padding-left: 20px !important;
}

}



@media (max-width:767px){
    .n{
        padding-left:0px !important;
    }

    
    .col-md-4.col-12.col-cloud.right {
    order: 1;
}
    
    .col-md-8.col-12.col-m365.left {
    order: 2;
}

    .col-md-8.col-12.col-m365.right,
    .col-md-4.col-12.col-cloud.right 
{
    padding-left: 0;
}
}


@media (max-width:610px){
    .m365-service-package .m365-service-package-content #package-accordion,
    .m365-service-package .m365-service-package-content #package-accordion2,
    .m365-service-package .m365-service-package-content #package-accordion3,
    .m365-service-package .m365-service-package-content #package-accordion4 {
    padding: 0px 0px;
}

.m365-service-package {
    margin-bottom: -10px;
}

.m365-service-package.one {
    margin-bottom: -30px;
}
    
}

@media (max-width:485px){
    img.services_shape.m365 {
    height: 50px;
}
    .m365-service-package.one {
    margin-bottom: -30px;
    margin-top: 20px;
}

.m365-content-body-title::after {
    top: 47px;
}

.m365-service-package .card-body div.service p {
    text-align: left;
}

}

@media (max-width:426px){
    .services_shape.m365 {
    position: absolute;
    left: -11%;
}
  .services_title {
    width: 290px;
}

    .services_sentence {
    padding-top: 25px;
}

.m365-content-body-title {
    line-height: 1.2;
}
}


@media (max-width:421px){
    .m365-content-body-title::after {
    top: 67px;
}
    
}

@media (max-width:385px){
    .services_title {
    width: 230px;
}
}