@media screen and (max-width:1200px) {
.mid-containers{
padding: 0;
}
.mid-auto-containers{
padding: 0 16px;
}
.mid-auto-containers,.one-items{
width: 100%;
position: relative;
}
.group-one-inners{
position: absolute;
right: 0;
}
.item-txt-left .group-box-info,.pagerencailinian .item-txt-right .group-box-info-right{
width: 44vw;
}
.item-txt-left .image-box-wrappers,.pagerencailinian .item-txt-right .image-box-wrappers-left{
width: 47.916666vw;
height: 31.25vw;
}
.item-txt-left .image-box-wrappers img,.pagerencailinian .item-txt-right .image-box-wrappers-left img{
width: 46.6666vw;
height: auto;
}
.item-txt-left .image-box-wrappers .shadows-borders,.pagerencailinian .item-txt-right .image-box-wrappers-left .shadows-borders{
width: 43.333vw;
height: 28.333vw;
}
.pagerencailinian .item-txt-right .group-box-info-right{
margin-top: 20px;
}
}
@media screen and (max-width:1024px) {
.mid-containers{
padding: 0;
}
.mid-auto-containers,.one-items{
width: 100%;
position: static;
height: auto;
padding-top: 53.3333333vw;
background-size: auto 53.3333vw !important;
background-repeat: no-repeat;
margin-top: 0;
}
.group-one-inners{
width: 100%;
position: static;
}
.group-one-inners{
margin: 0;
padding:30px 20px;
background-color: #F7F8FA;
opacity: 0.9;
height: auto;
}
.pagerencailinian .text-title{
font-size: 16px;
line-height: 20px;
}
.pagerencailinian .text-areas{
font-size: 14px;
margin-top: 15px;
line-height: 24px;
height: auto;
font-weight: normal;
}
.group-block-lan{
margin-top: 15px;
}
.mid-auto-containers{
display: block;
padding: 0 16px;
}
.item-txt-left .image-box-wrappers, .pagerencailinian .item-txt-right .image-box-wrappers-left
,.item-txt-left .group-box-info, .pagerencailinian .item-txt-right .group-box-info-right
,.group-box-info{
width: 100%;
}
.item-txt-left .image-box-wrappers img, .pagerencailinian .item-txt-right .image-box-wrappers-left img{
width: calc(100% - 2vw);
position: relative;
left: 2vw;
}
.pagerencailinian .item-txt-right .image-box-wrappers-left img{
left: 0;
}
.item-txt-left .mid-auto-containers{
display: flex;
flex-direction: column-reverse;
padding-top: 60px;
padding-bottom: 60px;
}
.item-txt-left .image-box-wrappers{
margin: 0;
height: auto;
position: relative;;
}
.item-txt-left .image-box-wrappers .shadows-borders, .pagerencailinian .item-txt-right .image-box-wrappers-left .shadows-borders{
width: calc(100% - 8.8vw);
position: absolute;
left: 0px;
height: 55.6vw;
bottom: -2vw;
}
.pagerencailinian .item-txt-right .image-box-wrappers-left .shadows-borders {
left: auto;
right: 0px;
}
.pagerencailinian .item-txt-left{
height: auto;
margin-top: 60px;
}
.item-txt-left .group-box-info {
height: auto;
margin: 32px 0 0 0;
}
.pagerencailinian .item-txt-right .image-box-wrappers-left{
height: auto;
position: relative;
}
.pagerencailinian .item-txt-right{
height: auto;
padding-top: 60px;
}
.pagerencailinian .item-txt-right .group-box-info-right{
margin-top: 32px;
}
.pagerencailinian .item-txt-right .group-box-info-right .text-desc,.item-txt-left .group-box-info .text-desc{
font-size: 14px;
line-height: 24px;
}
.item-txt-left .group-box-info .text-title-infos,.pagerencailinian .item-txt-right .group-box-info-right .text-title-infos{
font-size: 16px;
line-height: 20px;
}
}