.alertme_email{ padding: 35px 0px 35px !important; width: 100% !important; display: block !important; /*font-family: 'Open Sans', sans-serif;*/ margin:0 auto;margin-bottom: 15px;margin-top:15px; } 

.alertme_conatainer { max-width: 768px; width: 100%; margin: auto; padding: 0px 30px; } 

.alertme_row{ margin-left: -15px; margin-right: -15px; display: flex; flex-wrap: wrap; }

.alertme_left{ width: 66%; padding: 0px 15px; position: relative; margin-bottom: 15px; }

.alertme_right{ width: 34%; padding: 0px 15px; }

.alertme_input { width: 100% !important; height: 60px !important; border: 1px solid #000 !important; padding: 10px 20px 10px 60px !important; font-size: 20px; font-weight: 600; }

h2.alertme_heading::before,

h2.alertme_heading::after,

.sucess_col h2::before,

.sucess_col h2 ::after  { display: none; }

button.alertme_button { height: 60px; width: 100%; /*background-color: #00aeec;*/ border: 0px; /*color: #fff;*/ font-size: 18px; text-transform: uppercase; font-weight: 600; border-radius: 0; line-height: 0; padding: 0; } 

/*button.alertme_button:hover {background-color: #059dd4;}*/ 

.alertme_email h2 { margin-top: 0px; text-align: center; font-size: 20px; line-height: 30px; }

.alertme_left img { width: 34px; position: absolute; top: 12px; left: 30px; }

.sucess_col { padding: 0px 10px; /*background-color: #f5f5f5; border: 1px solid #f5f5f5;*/ } 

.sucess_col h2 { margin-top: 0px; text-align: center; font-size: 30px; line-height: 30px; margin-bottom: 10px; }

.sucess_col p { margin-top: 0px; text-align: center; line-height: 26px; margin-bottom: 0px; } 

.alertme-container { max-width: 700px; width: 100%; margin: auto; padding: 0px 15px; }

body.checkout-loading { opacity: 0.5; pointer-events: none; }

.alert_me_email_subscribe_error { border: 2px solid red !important; }

.alert-me-error-box { color: red; text-align: center; padding: 8px; line-height: normal} 

.alertme_email.boxed { border: 1px solid #e5e5e5; text-align: left; }

.alertme_email.boxed h2.alertme_heading { text-align: left; margin-bottom: 10px;}

.alertme_email.boxed .form-check-label {font-weight: bold; cursor: pointer; font-size: 18px;}

.alertme_email.boxed a {/*font-size: 14px;*/ color: inherit;} 

.form-check {padding-bottom: 9px;} 



.alertme_email.already_subscribed_box {background: #ececec;} 

.already_subscribed_box p { margin-bottom: 10px; text-align: center; } 

.already_subscribed_box p a { margin-bottom: 10px; color: inherit !important; border-bottom: 0px !important; } 





.alert_me_subscriptions_list h2 {font-size: 24px; margin-bottom: 10px; margin-top: 0px;}

.alert_me_subscriptions_list .table {width: 100%; border-bottom: 3px solid #dee2e6; border-left: 0; border-right: 0; margin-top: 0; margin-bottom: 20px;}

.alert_me_subscriptions_list .table .thead-dark th {color: #000; background-color: #ececec; border-color: #32383e; width: 100%;} 

.alert_me_subscriptions_list .table td, 

.alert_me_subscriptions_list .table th {padding: .75rem;vertical-align: top;border-bottom: 1px solid #dee2e6;border-right: 0;border-left: 0;}

.alert_me_subscriptions_list table {border-collapse: collapse;}

.alert_me_subscriptions_list .submit_button_container {text-align: right;}

.alert_me_subscriptions_list .submit_button_container input[type="submit"] {/*background: #000;*/ border-radius: 25px; border: none; /*color: #fff;*/ cursor: pointer; display: inline-block; font-size: .85rem; font-weight: 600; letter-spacing: 0.0333em; line-height: 1.25; margin: 0; opacity: 1; padding: 1.1em 1.44em; text-align: center; text-decoration: none; transition: opacity 0.15s linear;text-transform: inherit;} 

.alert_icon {width: 11%;margin: 0 auto;padding-bottom: 12px;} 

.already_subscribed_text::first-line {font-weight: bold;} 

.alert_icon:hover {animation: shake 0.5s;animation-iteration-count: infinite;} 

@keyframes shake {

  0% { transform: translate(1px, 1px) rotate(0deg); }

  10% { transform: translate(-1px, -2px) rotate(-1deg); }

  20% { transform: translate(-3px, 0px) rotate(1deg); }

  30% { transform: translate(3px, 2px) rotate(0deg); }

  40% { transform: translate(1px, -1px) rotate(1deg); }

  50% { transform: translate(-1px, 2px) rotate(-1deg); }

  60% { transform: translate(-3px, 1px) rotate(0deg); }

  70% { transform: translate(3px, 1px) rotate(-1deg); }

  80% { transform: translate(-1px, -1px) rotate(1deg); }

  90% { transform: translate(1px, 2px) rotate(0deg); }

  100% { transform: translate(1px, -2px) rotate(-1deg); }

}



@media (max-width: 575px){

  .alertme_left, .alertme_right{

    width: 100%;

  }

  .alertme_email h2 {

    font-size: 20px;

    line-height: 24px;

  }

  .alertme_input{

    font-size: 16px;

    height: 50px;

    padding: 10px 20px 10px 50px;

  }

  .alertme_left img {

    width: 25px;

  }

  button.alertme_button{

    height: 50px;

    font-size: 18px;

  }

}