@media(max-width:1000px){
.ft-cols{
grid-template-columns:1fr;
justify-items:center;
}
.ft-info{
text-align:center;
}
.ft-info .logo{
max-height:80px;
margin:0 auto 20px;
}
.ft-lists{
display:flex;
justify-content:center;
gap:0 80px;
}
}
@media(max-width:900px){
.logo{
width:280px;
}
.top-left{
left:var(--gap);
}
.top-left-btn{
height:50px;
padding:0 16px;
gap:10px;
}
.btn-label{
font-size:17px;
}
.chevron{
width:14px;
height:14px;
}
.top-left-btn>svg:first-child{
width:20px;
height:20px;
}
.top-right-btn{
width:50px;
height:50px;
}
.top-right-btn svg{
width:24px;
height:24px;
}
.top-left-drop,.top-right-drop{
min-width:160px;
}
.top-left-drop a,.top-right-drop a{
padding:0 16px;
height:50px;
font-size:17px;
gap:10px;
}
.top-left-drop svg{
width:16px;
height:16px;
}
.top-right{
right:var(--gap);
}
.portfolio{
grid-template-columns:1fr;
}
.ft-lists{
flex-direction:column;
gap:16px;
text-align:center;
}
.ft-list a{
display:block;
}
}
@media(max-width:750px){
.btn-label,.chevron{
display:none;
}
.top-left-btn{
width:50px;
height:50px;
padding:0;
}
}
@media(max-width:550px){
:root{
--gap:14px;
--fz1:18px;
--fz2:20px;
--fz3:26px;
--fz4:40px;
}
*{
word-break:break-word;
overflow-wrap:break-word;
}
header{
flex-direction:column;
padding:0;
margin:var(--gap) 0;
}
.top-left,.top-right{
position:relative;
top:auto;
left:auto;
right:auto;
transform:none;
}
.hdr-btns{
display:flex;
gap:var(--gd2);
order:2;
margin-top:var(--gap);
}
.logo{
order:1;
}
.top-left-btn,.top-right-btn{
width:46px;
height:46px;
padding:0;
}
.top-left-drop a,.top-right-drop a{
padding:0 14px;
height:46px;
font-size:16px;
gap:10px;
}
.pt-txt h3{
word-break:break-word;
overflow-wrap:break-word;
hyphens:auto;
}
.pt-txt p{
word-break:break-word;
overflow-wrap:break-word;
}
.ft-list h4{
font-size:18px;
margin-bottom:var(--gap);
}
.ft-list a{
font-size:18px;
margin:var(--gap);
}
.ft-lists{
gap:--;
}
.ft-base{
font-size:16px;
word-break:break-word;
overflow-wrap:break-word;
}
.ft-cols{
gap:0;
margin: 0;
}
}