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

@media (max-width:1200px){

.newsletter-content{

padding:40px;

gap:40px;

}

.newsletter-left h2{

font-size:30px;

}

.newsletter-right{

flex:0 0 430px;

}

}

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

@media (max-width:992px){

.newsletter{

padding:80px 0;

}

.newsletter-content{

flex-direction:column;

align-items:flex-start;

text-align:left;

padding:40px;

gap:30px;

}

.newsletter-left{

width:100%;

}

.newsletter-left p{

max-width:100%;

}

.newsletter-right{

width:100%;

flex:none;

}

.newsletter-form{

width:100%;

}

}

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

@media (max-width:768px){

.newsletter{

padding:70px 0;

}

.newsletter-container{

width:94%;

}

.newsletter-content{

padding:32px 28px;

border-radius:24px;

}

.newsletter-left h2{

font-size:28px;

}

.newsletter-left p{

font-size:15px;

line-height:1.7;

}

.newsletter-form{

flex-direction:column;

align-items:stretch;

gap:15px;

}

.newsletter-form input{

width:100%;

height:56px;

font-size:15px;

}

.newsletter-form button{

width:100%;

height:56px;

justify-content:center;

font-size:15px;

}

}

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

@media (max-width:480px){

.newsletter{

padding:60px 0;

}

.newsletter-container{

width:92%;

}

.newsletter-content{

padding:26px 22px;

border-radius:20px;

}

.newsletter-left h2{

font-size:24px;

line-height:1.3;

margin-bottom:12px;

}

.newsletter-left p{

font-size:14px;

line-height:1.7;

}

.newsletter-form input{

height:54px;

padding:0 18px;

font-size:14px;

border-radius:12px;

}

.newsletter-form button{

height:54px;

font-size:14px;

border-radius:12px;

}

}