@media screen and (max-width:1320px) {
.mid-containers{
width: 100%;
padding: 0 16px;
}
.teamviewerspage .box-wrappers{
justify-content: end;
}
}
@media screen and (max-width:1200px) {
.mid-containers{
width: 100%;
}
.teamviewerspage .box-wrappers .group-line-border{
margin-left: 80px;
}
.showdivcontainers{
padding-left: 80px;
}
.teamviewerspage .box-wrappers .leftsWrappers {
width: 400px;
height: 400px;
}
.teamviewerspage .box-wrappers .leftsWrappers > div {
width: 200px;
height: 200px;
}
.showdivcontainers{
width: 480px;
}
}
@media screen and (max-width:1024px) {
.leftsWrappers{
width: 100%;
height: auto;
}
.group-line-border{
display: none;
}
.showdivcontainers{
width: 100%;
height: auto;
}
.teamviewerspage .box-wrappers {
justify-content: start;
flex-direction: column;
height: auto;
align-items: center;
}
.showdivcontainers{
padding: 65px 0 0 64px;
}
}
@media screen and (max-width:600px) {
.teamviewerspage .box-wrappers .leftsWrappers {
width: calc(100vw - 52px);
height: calc(100vw - 52px);
}
.teamviewerspage .box-wrappers .leftsWrappers > div {
width: calc((100vw - 56px)/2);
height: calc((100vw - 56px)/2);
}
.showdivcontainers{
padding: 32px 0 0 0px;
}
.teamviewerspage .box-wrappers{
margin-top: 0 ;
}
.person-text-title{
font-size: 18px;
line-height: 24px;
}
.desc-text-title{
font-size: 14px;
line-height: 19px;
}
.box-line-icons,#content1 .text-person-acount{margin-top: 20px;}
}