.newsletter-container { padding: 90px 0; }
.newsletter-content-text > h5 { font-size: 32px; font-weight: 400;   color: var(--vb-blue-dark); margin-bottom: 5px; letter-spacing: 0; }
.newsletter-content-signup { gap: 30px; }
.newsletter-container .wpcf7 { display: flex; }
.newsletter-container .form-control { font-size: 16px; padding: 15px 17px; }
.newsletter-container .form-control::placeholder { color: #333; }
.newsletter-content-signup > .form-group > label { color: #333; margin-bottom: 14px; padding-top: 4px; font-family: var(--secondary-font); }
.ncs-btn .wpcf7-spinner { position: absolute; top: 0; right: 0; }
.newsletter-content-signup .wpcf7-not-valid-tip { position: absolute; font-size: 14px; }
.newsletter-content-signup .form-group { flex-grow: 1; }
.newsletter-content-signup > .form-group > input { width: 270px; height: 50px; padding: 14px 16px; border: none; }
.newsletter-content-signup .form-control:focus { box-shadow: none; }
.newsletter-content-text { margin-bottom: 14px; }


/* ========================================== 
! Large devices (desktops, less than 1200px)
=========================================== */
@media (max-width:1199.98px) {
 
}

/*==========================================
! Medium devices (tablets, less than 992px)
========================================== */
@media (max-width:991.98px) { 

    .newsletter-container { padding: 50px 0; }
	.newsletter-content-text > h5 { font-size: 26px; }
	.newsletter-container .wpcf7 { flex-flow: column; }
	.ncs-btn .btn { min-width: 100%; }
}

/* =================================================  
 ! Small devices (landscape phones, less than 768px)
 ================================================= */
@media (max-width: 767.98px){
    .newsletter-content-text { line-height: 24px; }
	.newsletter-content-text > h5 { font-size: 25px; letter-spacing: 0.1em; margin-bottom: 17px; }
	.newsletter-content-signup { flex-flow: column; }
}

/* ======================================================
 ! Extra small devices (portrait phones, less than 576px)
 ====================================================== */
@media (max-width: 575.98px){

}

/* ======================================================
! Extra small devices (portrait phones, less than 370px)
====================================================== */
@media (max-width:369.98px) { 
}
