/*==================================================
1200px
==================================================*/

@media (max-width:1200px){

.footer-grid{

grid-template-columns:1.8fr 1fr 1fr 1.2fr;

gap:40px;

}

.footer-column:last-child{

grid-column:1/-1;

max-width:500px;

}

.footer{

padding:90px 0 30px;

}

}


/*==================================================
992px
==================================================*/

@media (max-width:992px){

.footer{

padding:80px 0 30px;

}

.footer-grid{

grid-template-columns:repeat(2,1fr);

gap:45px;

}

.footer-column:last-child{

grid-column:auto;

max-width:100%;

}

.footer-logo{

font-size:1.4rem;

}

.footer-column h3{

font-size:1.2rem;

margin-bottom:22px;

}

.footer-bottom{

flex-direction:column;

text-align:center;

gap:22px;

}

}


/*==================================================
768px
==================================================*/

@media (max-width:768px){

.footer{

padding:70px 0 25px;

}

.footer-grid{

grid-template-columns:1fr;

gap:40px;

}

.footer-column{

text-align:center;

align-items:center;

}

.footer-column p{

max-width:550px;

margin-inline:auto;

}

.footer-column ul{

align-items:center;

}

.footer-contact li{

justify-content:center;

}

.footer-form{

width:100%;

max-width:450px;

}

.footer-social{

justify-content:center;

}

.footer-bottom{

gap:20px;

}

.back-to-top{

width:50px;

height:50px;

}

}


/*==================================================
576px
==================================================*/

@media (max-width:576px){

.footer{

padding:60px 0 20px;

}

.footer-logo{

font-size:1.3rem;

}

.footer-logo img{

width:42px;

height:42px;

}

.footer-column h3{

font-size:1.15rem;

}

.footer-column p{

font-size:.95rem;

}

.footer-column ul{

gap:16px;

}

.footer-form input{

height:52px;

}

.footer-social{

gap:12px;

}

.footer-social a{

width:44px;

height:44px;

}

.footer-bottom p{

font-size:.92rem;

}








}


/*==================================================
480px
==================================================*/

@media (max-width:480px){

.footer{

padding:55px 0 20px;

}

.footer-grid{

gap:35px;

}

.footer-logo{

font-size:1.2rem;

}

.footer-column h3{

font-size:1.1rem;

}

.footer-column p{

font-size:.92rem;

line-height:1.8;

}

.footer-column ul a{

font-size:.94rem;

}

.footer-form input{

height:50px;

padding-inline:16px;

}

.footer-social a{

width:42px;

height:42px;

}

.back-to-top{

width:46px;

height:46px;

}

.footer-bottom{

padding-top:25px;

}








}


/*==================================================
360px
==================================================*/

@media (max-width:360px){

.footer{

padding:50px 0 18px;

}

.footer-grid{

gap:30px;

}

.footer-logo{

font-size:1.1rem;

gap:10px;

}

.footer-logo img{

width:38px;

height:38px;

}

.footer-column h3{

font-size:1rem;

margin-bottom:18px;

}

.footer-column p{

font-size:.88rem;

}

.footer-column ul{

gap:14px;

}

.footer-column ul a{

font-size:.9rem;

}

.footer-form{

gap:14px;

}

.footer-form input{

height:48px;

font-size:.9rem;

}

.footer-social{

gap:10px;

}

.footer-social a{

width:40px;

height:40px;

font-size:.9rem;

}

.footer-bottom{

gap:16px;

}

.footer-bottom p{

font-size:.85rem;

}

.back-to-top{

width:42px;

height:42px;

}








}