.dif-container{border-radius: 7px; padding: 25px 30px; min-height: 100px;}
.dif-container h4{padding-right: 60px;}
.feedback-modal .modal-body{padding: 40px;} 
.feedback-modal .gform_title{margin-bottom: 0;}
.feedback-modal .gform_description{margin-bottom: 0 !important;}.feedback-modal .gfield textarea{padding: 15px !important;}
.dif-cta{position: relative;}
.loading .dif-cta:before{content: ''; width: 30px; height: 30px; background: url(../../include/images/ajax-loader.gif) no-repeat center/30px;  position: absolute; right: 100%; top: 50%; margin-right: 15px; transform: translateY(-50%); z-index: 99;}
.dif-output{display: none;}
.show-output .dif-container{display: none !important;}
.show-output .dif-container.dif-output{display: flex !important;align-items: center;justify-content: center;}
.show-output .dif-container.dif-output h4{padding: 0;}
/* ========================================== 
! Large devices (desktops, less than 1200px)
=========================================== */
@media (max-width:1199.98px){
}

/*==========================================
! Medium devices (iPAD only)
========================================== */
@media only screen and (max-width: 1199.98px) and (min-width: 768px){ 
}


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

/* =================================================  
 ! Small devices (landscape phones, less than 768px)
 ================================================= */
@media (max-width: 767.98px){
  .dif-container h4{padding-right: 0;}
  .loading .dif-cta:before{right: 0; margin-right: 0;}
}

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

}