@media(max-width:767px){
    .web .aboutUs .content{
        margin: 0 0 111px 0;
    }
}

@media(max-width:991px){

}

@media(min-width:768px){
    .web .our-service .serv .fream{
        width: 100%;
        margin: 0 0 45px 0;
    }
    .web .aboutUs .content{
        margin: 0 0 111px 0;
        width: 100%;
    }
    .web .aboutUs .vision p{
        width: 100%;
    }
    .web .aboutUs .person{
        margin: 0 0 30px 0;
    }
}

@media(min-width:922px){
    .web .our-service .serv .fream{
        width: 100%;
        margin: 0 0 45px 0;
    }
}

@media(min-width:1200px){
    .web .our-service .serv .fream{
        width: 312px;
    }
    .web .aboutUs .vision p{
        width: 59%;
    }
}

@media (min-width: 320px) and (max-width: 400px){
    .web .header .social{
        text-align: center;
    }
    .web .header .slider .backkk{
        display: none;
    }
    .web .business-gallery .slider .backkk{
        display: none;
    }
    .web .header .slider .item{
        height: 210px;
    }
    .web .business-gallery{
        padding: 10px;
    }
    .web .business-gallery .swiper-slide{
        right: unset;
    }
    .web .business-gallery .backk .titel{
        padding: 10px;
        margin: -8px 0 0 0;
    }
    .boxmeun {
        padding: 36px 0 0 3.3%;
    }
    .layer-effect {
        transform: rotate(7.9deg)translate(5px,323px);
        transition: all 0.4s ease-in;
    }
    .web-effect {
        transform: rotate(7.9deg)translate(37px,276px);
        transition: all 0.5s ease-in;
    }
    .boxmeun li {
        font-family: "vipB";
        font-size: 20px;
    }
    .web .aboutUs .vision p{
        width: unset;
    }
    .web .aboutUs .mission{
        padding: 10px;
    }
    .web .aboutUs .person{
        margin: 0 0 41px 0;
    }
    .web .aboutUs .person .imagg{
        height: 50vh;
    }
}

@media (min-width: 400px) and (max-width: 900px){
    .web .header .content{
        text-align: center;
    }
    .web .header .content p{
        width: 100%;
    }
    .web .header .social{
        text-align: center;
    }
    .web .header .slider .item{
        height: 230px;
    }
    .web .our-partners .tit{
        margin: 0 auto 30px auto;
    }
    .web .business-gallery .backk{
        padding: 11px 5% 8px 5%;
    }
    .web .business-gallery .swiper-slide{
        right: -6px;
    }
    .web .header .slider .backkk{
        display: none;
    }
    .web .business-gallery{
        padding: 30px 0 30px 0;
    }
    .web .business-gallery .slider .backkk{
        display: none;
    }
    .layer-effect {
        transform: rotate(7.9deg)translate(15%,363px);
        transition: all 0.4s ease-in;
    }
    .web-effect {
        transform: rotate(7.9deg)translate(18%,190px);
        transition: all 0.5s ease-in;
    }
    .web .our-service .serv .fream{
        width: 100%;
        margin: 0 0 45px 0;
    }
}