@media screen and (max-width:991px) {
    .globally_list li {
        width:33.333%;
    }
    .text_s ul li {
        font-size: 14px;
    }
    .we_can_use li a img {
        width: 70%;
    }
    .we_can_use li {
        font-size: 13px;
    }
    .challenges::before , .advice::before  {
        background-size:cover;
        -webkit-background-size: cover;
        width:30%;
    }
    .crm .box {
        padding: 18px;
    }
    .pbag , .doc1, .pro1 , .pro2{
        width: 20%;
    }
    .coffee {
        width: 30%;
    }
    .fixed-content.sticky {
        top: 23%;
    }
    .cbox {
        padding: 180px 15px 10px;
        min-height: 300px;
    }
}

@media only screen and (max-width:880px) {

}

@media only screen and (max-width:768px) {
    footer , .globally {width: 100%; float: left;} 
    .text_s {margin-top: 30px;}
    
    /* .challenges .row {flex-direction: column-reverse;} */
    .challenges img {margin: 0 auto; float: none; max-width: 70%;}
    .letter_b {
        font-size: 170vw;
    }
    .solution .tab-content ul {
        max-width: 100%;
        flex: 0 0 100%;
        padding: 0;
    }
}

@media only screen and (max-width:767px) {
.advice .order-1 {
	-ms-flex-order: 3;
    order: 3;
    margin-top: 30px;
}
.advice .order-2 {
	-ms-flex-order: 2;
	order: 2;
}
.advice .order-3 {
	-ms-flex-order: 1;
	order: 1;
}
.text_s h3 {
	font-size: calc(26px + (38 - 18) * ((100vw - 300px) / (1920 - 300)));
	font-family: 'nunitobold';
}
.text_s ul li {
	font-size: 20px;
}
.about1 img {margin-bottom: 15px;}
.s1 {
	width: 160px;
	height: 155px;
}
.s2 {
	width: 180px;
	height: 175px;
	top: -50px;
}
.s3 {
	width: 160px;
	height: 155px;
	bottom: -80px;
	left: 30%;
}
.inner .shape4 {
	width: 120px;
}
.f7 {
	width: 450px;
	height: 445px;
}
.f8 {
    top: -40px;
    width: 100px;
    height: 105px;
}
.fea2 .order-2 {
	-ms-flex-order: 1;
	order: 1;
}
.fea2 .order-1 {
	-ms-flex-order: 2;
	order: 2;
}
.cbox::before {
	width: 140px;
	height: 120px;
}
.cbox {
	padding: 140px 15px 10px;
	min-height: 240px;
}
.cbox span {
	top: 12%;
	font-size: 28px;
}
}

@media only screen and (max-width:736px) {
  
}

@media only screen and (max-width:667px) {
 
}