/* responsive contact page styles here */

@media all and (max-width: 1199px) {
	#contact_form .contact-form-inputs .wpforms-field {
		width: 100%;
	}
}

@media all and (max-width: 992px) {
	#contact_form {
		margin: 3rem 0;
	}
	#contact_form .container {
		display: block;
	}
	#contact_form .contact-form-fields, #contact_form .form-content {
		padding: 0;
	}
	#contact_form .form-content {
		padding: 1.5rem;
	}
	#contact_form .form-content h3 {
		font-size: 1.5rem;
		line-height: normal;
	}
	
	#contact_form .contact-form-fields {
		padding-top: 2.25rem;
	}
	#contact_form .btn.btn-primary {
		width: 100%;
	}
	#contact_form h2 {
		font-size: 1.875rem;
		text-align: center;
	}
	#contact_form p {
		font-size: 1rem;
		text-align: center;
	}
	
	#contact_subfooter {
		padding: 4rem 0;
	}
	.sub-footer-content {
		padding-bottom: 3rem;
	}
	.contact-sub-footer .container {
		display: block;
	}
	.contact-sub-footer .wp-block-image.location-image {
		max-width: 100%;
	}
	.sub-footer-location {
		display: flex;
		justify-content: center;
		margin-top: 2rem;
	}
	.sub-footer-location .wp-block-column, .sub-footer-location.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column:not(:only-child) {
		flex-basis: 50% !important;
	}
	
	.request-form-tablet{
	flex-direction: column-reverse;
	}
	
	.request-black-bg{
		border-radius: 0 0 15px 15px !important;
	}
	.request-sign-demo{
		border-radius: 15px 15px 0 0 !important;
		width: 100%;
	}
}

@media all and (max-width: 768px) {
	#contact_form .contact-form-inputs .wpforms-field-container {
		margin: 0;
		padding: 0 0.5rem;
	}
	#contact_form .contact-form-inputs .wpforms-field {
		padding: 0.375rem 0;
	}
	#contact_form .wpforms-submit-container {
		padding-top: 1.125rem;
	}
	#contact_form .contact-form-inputs {
		margin-top: 2rem;
	}
	#contact_form .contact-form-inputs .wpforms-field-container .wpforms-field-label {
		left: 1rem;
		top: 1.6rem;
	}
	.sub-footer-content .wp-block-columns {
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	.sub-footer-content h4, .sub-footer-content h5, .sub-footer-content p {
		text-align: center;
	} 
	.sub-footer-content h4 {
		margin: 0 0 1rem 0;
		font-size: 1.5rem;
	}
	.sub-footer-content h5 {
		margin: 1rem 0 0.75rem;
		font-size: 1.125rem;
	}
	.sub-footer-content p {
		font-size: 0.813rem;
		line-height: 2.33;
		font-weight: normal;
		color: var(--black-65);	
		margin: 0;
	}
	.sub-footer-location .wp-block-image figcaption {
		font-size: 1.25rem;
		left: 0.5rem;
		bottom: 0.5rem;
	}
	
	.b-t-b-r-20 {
    border-radius: 20px;
    padding-top: 20px;
    display: flex;
    justify-content: center;
     }
	.b-t-b-l-20{
		border-radius:20px;
		display: flex;
        justify-content: center;
	}
	
	
}


/* Request Form Responsive Style Here  */
@media all and (max-width: 1024px) {
		.wp-block-columns:not(.is-not-stacked-on-mobile)>.request-info.wp-block-column:not(:only-child){
		flex-basis: 81% !important;
	}
	.request-black-bg h2{
		font-size: 34px;
	}
	
	.request-icons-width{
		flex-basis: 14%;
	}
		
}




@media all and (max-width: 768px){
	
	.contact-sub-footer .contact-left-img,
	.contact-sub-footer .contact-right-img{
		border-radius: 24px;
	}
	
		
	.request-icons-width{
		padding-bottom: 18px;
	}
	
	.wp-block-columns:not(.is-not-stacked-on-mobile)>.request-icons-width.wp-block-column:not(:only-child){
		flex-basis: 100% !important;
	}
	.wp-block-columns:not(.is-not-stacked-on-mobile)>.request-info.wp-block-column:not(:only-child){
		flex-basis: 100% !important;
	}
	
	#request-form .contact-form-inputs .wpforms-field-container{
		flex-direction: column;
	}
	#request-form .contact-form-inputs .wpforms-field{
		width: 100%;
	}
	
	
}

@media all and (max-width: 600px) {
	.request-black-bg h2{
		font-size: 28px;
	}
	.request-form-dots-1:after{
		display: none;
	}
	
	.request-form-heading h1{
		font-size: 32px;
	}
	
	.request-black-bg{
		padding: 35px 24px 36px !important;
	}
	
	.request-form-heading p {
		    padding-left: 18px;
    		padding-right: 18px;
	}
	
	.request-form-dots:after{
		display: none;
	}
	.request-black-bg p{
		padding-bottom: 24px;
	}
	
	.request-main-desc-form{
		padding-bottom: 32px !important;
	}
	
    .request-padding {
    position: relative;
    top: inherit;
    margin-top: -120px;
    margin-bottom: 60px;
    }
	

}

@media all and (max-width: 320px){
	.request-black-bg p,
	.request-sign-demo p{
		font-size: 14px;
	}
}