.dw-jadwal-shalat {
width: 400px;
max-width: 100%;
background-image: var(--dwjs-background);
background-position: var(--dwjs-position);
background-size: cover;
border-radius: 1em;
box-shadow: 0 10px 15px -5px var(--dwjs-shadow-color);
font-size: small;
position: relative;
}
.dw-jadwal-shalat .data-wrapper {
padding: 1em;
background: var(--dwjs-foreground-gradient);
border-radius: 1em;
}
.dw-jadwal-shalat .data-wrapper .dwjs-kota {
font-size: 12px;
color: var(--dwjs-general-color);
font-weight: 600;
text-align: center;
margin: 1em 0;
}
.jadwal-card {
background-color: #33333390;
border-radius: .5em;
padding: .5em 1em;
display: flex;
align-items: center;
margin-top: 5px;
gap: 1em;
}
.jadwal-card > i {
font-size: 20px;
color: var(--dwjs-accent-color);
padding: 10px;
}
.jadwal-card .jadwal-inner-card {
display: flex;
width: 100%;
justify-content: space-between;
}
.jadwal-card .jadwal-inner-card p {
margin: 0;
color: var(--dwjs-accent-color);
}
.jadwal-card .jadwal-inner-card p:last-child {
float: right;
font-weight: 600;
}
.jadwal-card.fardhu > i {
color: var(--dwjs-general-color);
}
.jadwal-card.fardhu .jadwal-inner-card p{
color: var(--dwjs-general-color);
}
.jadwal-card.coming {
border: 2px solid var(--dwjs-accent-color);
box-shadow: 0 0 10px var(--dwjs-accent-color);
}
.dwjs-time-now {
display: flex;
justify-content: center;
flex-direction: column;
}
#dwjs_time_now {
font-size: 36px;
text-align: center;
font-weight: 600;
color: var(--dwjs-clock-color);
line-height: 30px;
margin-top: 20px;
margin-bottom: 10px;
}
.the_time_now {
text-shadow: 3px 3px 5px #333333;
}
.the_date_now {
font-size: 14px;
text-align: center;
font-weight: 600;
color: var(--dwjs-clock-color);
line-height: 14px;
margin-bottom: 20px;
}
span#dwjs_date_now:not(.hijriah) {
margin-bottom: 0.25em;
}
span.select2-selection.select2-selection--single {
padding: 6px;
height: 40px;
border-radius: .5em;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
top: 6px;
}
.select2-container--default .select2-selection--single .select2-selection__clear { display: none;
}
.select2-dropdown.select2-dropdown--below {
border-bottom-left-radius: .5em!important;
border-bottom-right-radius: .5em!important;
}
.select2-dropdown.select2-dropdown--above {
border-top-left-radius: .5em!important;
border-top-right-radius: .5em!important;
}
li.select2-results__option.select2-results__message {
font-size: 12px;
}
input.select2-search__field {
border-radius: 5px;
padding: 8px!important;
height: 36px;
} .dw-jadwal-shalat.horizontal {
width: 100%;
max-width: 100%;
}
.jadwal-card.coming {
border: 2px solid var(--dwjs-accent-color);
box-shadow: 0 0 10px var(--dwjs-accent-color);
}
.dw-jadwal-shalat.horizontal .data-wrapper .dwjs-header {
display: flex;
gap: 7em;
justify-content: space-between;
align-items: center;
}
.dw-jadwal-shalat.horizontal .data-wrapper .dwjs-header .dwjs-time-now {
width: 100%;
}
.dw-jadwal-shalat.horizontal .data-wrapper .data-response .dwjs-kota {
text-align: right;
}
.dw-jadwal-shalat.horizontal .data-wrapper .data-response .grid-jadwal-shalat {
display: grid;
grid-template-columns: var(--dwjs-grid);
gap: 1em;
}
.dw-jadwal-shalat.horizontal .data-wrapper .data-response .jadwal-inner-card {
flex-direction: column-reverse;
}
.dw-jadwal-shalat.horizontal .data-wrapper .data-response .jadwal-card p:last-child {
font-size: large;
font-weight: bold;
}
.dw-jadwal-shalat.horizontal .data-wrapper .data-response .jadwal-card p:first-child {
font-size: smaller;
}
.dw-jadwal-shalat.horizontal .data-wrapper .data-response .jadwal-inner-card {
justify-content: center;
align-items: center;
}
.dw-jadwal-shalat.horizontal .data-wrapper .data-response .jadwal-card {
flex-direction: column;
gap: 0;
}
.dw-jadwal-shalat.horizontal .data-wrapper .data-response .jadwal-card i {
height: 36px;
}
.dw-jadwal-shalat.horizontal .data-wrapper .data-response {
margin-top: -3em;
}
.dw-jadwal-shalat.horizontal .data-wrapper .dwjs-header span {
margin-bottom: 1em;
}
.dw-jadwal-shalat.horizontal .wifi-loader {
grid-column-start: 4;
grid-column-end: 6;
}
@media only screen and (min-width: 1025px){
.dw-jadwal-shalat.horizontal .data-wrapper .dwjs-header {
flex-direction: column;
justify-content: flex-start;
align-items: start;
gap: 0em;
}
.dw-jadwal-shalat.horizontal .data-wrapper .dwjs-header .dwjs-time-now {
text-align: left;
}
.dw-jadwal-shalat.horizontal .data-wrapper {
display: grid;
grid-template-columns: 25% 70%;
gap: 5%;
align-items: end;
}
.dw-jadwal-shalat.horizontal .data-wrapper .dwjs-header span {
margin-bottom: 0;
}
h1#dwjs_time_now {
width: 100%;
}
}
@media only screen and (max-width: 768px){
.dw-jadwal-shalat.horizontal .data-wrapper .data-response .grid-jadwal-shalat {
width: 100%;
overflow-x: scroll;
padding-bottom: 1em;
}
.dw-jadwal-shalat.horizontal .data-wrapper .dwjs-header {
flex-direction: column;
gap: 0;
margin-bottom: 2em;
}
.dw-jadwal-shalat.horizontal .data-wrapper .dwjs-header .dwjs-time-now {
width: 100%;
}
.dw-jadwal-shalat.horizontal .data-wrapper .data-response .dwjs-kota {
text-align: center;
}
.dw-jadwal-shalat.horizontal .data-wrapper .data-response .grid-jadwal-shalat {
gap: 1.25em;
}
} .wifi-loader {
--background: var(--dwjs-accent-color);
--front-color: var(--dwjs-accent-color);
--back-color: #c3c8de;
--text-color: #414856;
height: 64px;
border-radius: 50px;
position: relative;
display: flex;
justify-content: center;
align-items: center;
margin-top: 50px;
margin-bottom: 50px;
}
.wifi-loader svg {
position: absolute;
display: flex;
justify-content: center;
align-items: center;
}
.wifi-loader svg circle {
position: absolute;
fill: none;
stroke-width: 6px;
stroke-linecap: round;
stroke-linejoin: round;
transform: rotate(-100deg);
transform-origin: center;
}
.wifi-loader svg circle.back {
stroke: var(--back-color);
}
.wifi-loader svg circle.front {
stroke: var(--front-color);
}
.wifi-loader svg.circle-outer {
height: 86px;
width: 86px;
}
.wifi-loader svg.circle-outer circle {
stroke-dasharray: 62.75 188.25;
}
.wifi-loader svg.circle-outer circle.back {
animation: circle-outer135 1.8s ease infinite 0.3s;
}
.wifi-loader svg.circle-outer circle.front {
animation: circle-outer135 1.8s ease infinite 0.15s;
}
.wifi-loader svg.circle-middle {
height: 60px;
width: 60px;
}
.wifi-loader svg.circle-middle circle {
stroke-dasharray: 42.5 127.5;
}
.wifi-loader svg.circle-middle circle.back {
animation: circle-middle6123 1.8s ease infinite 0.25s;
}
.wifi-loader svg.circle-middle circle.front {
animation: circle-middle6123 1.8s ease infinite 0.1s;
}
.wifi-loader svg.circle-inner {
height: 34px;
width: 34px;
}
.wifi-loader svg.circle-inner circle {
stroke-dasharray: 22 66;
}
.wifi-loader svg.circle-inner circle.back {
animation: circle-inner162 1.8s ease infinite 0.2s;
}
.wifi-loader svg.circle-inner circle.front {
animation: circle-inner162 1.8s ease infinite 0.05s;
}
.wifi-loader .text {
position: absolute;
bottom: -40px;
display: flex;
justify-content: center;
align-items: center;
text-transform: lowercase;
font-weight: 500;
font-size: 14px;
letter-spacing: 0.2px;
}
.wifi-loader .text::before, .wifi-loader .text::after {
content: attr(data-text);
}
.wifi-loader .text::before {
color: var(--text-color);
}
.wifi-loader .text::after {
color: var(--front-color);
animation: text-animation76 3.6s ease infinite;
position: absolute;
left: 0;
}
@keyframes circle-outer135 {
0% {
stroke-dashoffset: 25;
}
25% {
stroke-dashoffset: 0;
}
65% {
stroke-dashoffset: 301;
}
80% {
stroke-dashoffset: 276;
}
100% {
stroke-dashoffset: 276;
}
}
@keyframes circle-middle6123 {
0% {
stroke-dashoffset: 17;
}
25% {
stroke-dashoffset: 0;
}
65% {
stroke-dashoffset: 204;
}
80% {
stroke-dashoffset: 187;
}
100% {
stroke-dashoffset: 187;
}
}
@keyframes circle-inner162 {
0% {
stroke-dashoffset: 9;
}
25% {
stroke-dashoffset: 0;
}
65% {
stroke-dashoffset: 106;
}
80% {
stroke-dashoffset: 97;
}
100% {
stroke-dashoffset: 97;
}
}
@keyframes text-animation76 {
0% {
clip-path: inset(0 100% 0 0);
}
50% {
clip-path: inset(0);
}
100% {
clip-path: inset(0 0 0 100%);
}
}
.dw-jadwal-shalat-kalendar th, .dw-jadwal-shalat-kalendar td { vertical-align: middle!important;
text-align: center;
} 
button[name=refresh] {
border-radius: .5em;
height: 40px;
display: flex;
justify-content: center;
align-items: center;
padding-left: 1em;
padding-right: 1em;
}
table#tabel-jadwal-shalat tbody tr:hover {
background-color: #ccc;
}
.dw-jadwal-shalat-kalendar input.form-control.search-input {
height: 40px;
}
span.jadwal-icon {
display: flex;
flex-direction: column;
}
span.jadwal-icon i {
height: 2em;
font-size: 1.5em;
margin-bottom: -10px;
}.clear {clear:both;} .optinforms-confirm-checkbox { font-size: 12px; text-align: left; margin-top: 10px; }
#optinforms-form1-container {width: 100%; margin: 10px auto 20px auto;}
#optinforms-form1 {display: block; float: left; width: 100%; background:#efefef; padding: 15px 3%; text-align: center; margin: 0 0 5px; border-radius: 8px; border: 2px solid #e0e0e0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} #optinforms-form1-title {display: block; text-align: center; color: #eb432c; margin: 0 0 15px; font-family: Damion, sans-serif;}
#optinforms-form1-subtitle {font-size: 16px; color: #333; margin: 20px 0;}
#optinforms-form1-name-field-container, #optinforms-form1-email-field-container {display: inline; float: left; width: 38%; margin: 0 2% 0 0;}
#optinforms-form1-button-container {display: inline; float: left; width: 20%; margin: 0;}
#optinforms-form1-name-field {color: #666; padding: 8px 8px 8px 33px!important; background: url(//www.wismakreasi.com/wp-content/plugins/optin-forms/images/icon-user-01.png) no-repeat left center #fff; width: 100%; border:1px solid #DFDFDF; border-radius: 4px; -webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out; -ms-transition: all .2s ease-out;transition: all .2s ease-out; box-shadow: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#optinforms-form1-email-field {color: #666; padding: 8px 8px 8px 33px!important; background: url(//www.wismakreasi.com/wp-content/plugins/optin-forms/images/icon-email-01.png) no-repeat left center #fff; width: 100%; border:1px solid #DFDFDF; border-radius: 4px; -webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out; -ms-transition: all .2s ease-out;transition: all .2s ease-out; box-shadow: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#optinforms-form1-button {margin: 2px 0 0; color: #fff; background: #20a64c; padding: 6px; border: 0; border-radius: 4px; font-size: 14px; font-weight: 700; cursor: pointer; width:100%; text-shadow: none;}
#optinforms-form1-disclaimer {font-size: 11px; color: #666; margin:10px 0;}
#optinforms-form1 .optinforms-confirm-checkbox { text-align: center; }
#optinforms-form2-container {width: 100%; margin: 10px auto 20px auto;}
#optinforms-form2 {display: block; float: left; width: 100%; background: #266d7c; padding: 15px 3%; text-align: center; margin: 0 0 5px; border-radius: 8px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#optinforms-form2-title-container {display: inline; float: left; width: 30%; text-align: left; margin: 0 2% 0 0;}
#optinforms-form2-title {color: #fff; font-family: Pacifico, sans-serif; font-size: 30px; line-height: 30px;}
#optinforms-form2-email-field-container {display: inline; float: left; width: 30%; text-align: left;}
#optinforms-form2-email-field {color: #000; padding: 8px 8px 8px 33px; background: url(//www.wismakreasi.com/wp-content/plugins/optin-forms/images/icon-email-01.png) no-repeat left center #fff; width:100%; border:1px solid #DFDFDF; border-radius: 4px; -webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out; -ms-transition: all .2s ease-out;transition: all .2s ease-out; box-shadow: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#optinforms-form2-button-container {display: inline; float: left; width: 18%; text-align: left; margin: 0 0 0 2%;}
#optinforms-form2-button {margin: 2px 0 0; color: #fff; background: #49A3FE; padding: 6px; border: 0; border-radius: 4px; font-size: 14px; font-weight: 700; cursor: pointer; width:100%; text-shadow: none;}
#optinforms-form2-disclaimer-container {display: inline; float: left; width: 16%; text-align: left; margin: 0 0 0 2%;}
#optinforms-form2-disclaimer {font-size: 11px; color: #fff; margin: 12px 0;}
#optinforms-form2 .optinforms-confirm-checkbox { color: #fff; }
#optinforms-form2 .optinforms-confirm-checkbox a { color: inherit; }
#optinforms-form3-container {width: 100%; margin: 10px auto 20px auto;}
#optinforms-form3 {display: block; float: left; width: 100%; background: url(//www.wismakreasi.com/wp-content/plugins/optin-forms/images/form3-border-top.gif) repeat-x #fff; padding: 0; text-align: center; margin: 0 0 5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#optinforms-form3-inside {display: block; width: 100%; padding: 15px 3%; background: #f0f0f0; margin: 12px 0 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#optinforms-form3-container-left {display: inline; float: left; width: 58%; margin: 10px 1% 0 0; text-align: left;}
#optinforms-form3-container-right {display: inline; float: left; width: 38%; margin: 10px 0 0 1%; text-align: left;}
#optinforms-form3-title {color: #505050; font-family: Droid Serif, sans-serif; font-size: 30px; line-height: 30px;}
#optinforms-form3-subtitle {font-size: 16px; color: #505050; margin: 20px 10px 20px 0; line-height: 28px;}
#optinforms-form3-name-field {color: #666; padding: 8px 8px 8px 33px; margin: 0 0 5px 0; background: url(//www.wismakreasi.com/wp-content/plugins/optin-forms/images/icon-user-01.png) no-repeat left center #fff; width:100%; border:1px solid #DFDFDF; border-radius: 4px; -webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out; -ms-transition: all .2s ease-out;transition: all .2s ease-out; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#optinforms-form3-email-field {color: #666; padding: 8px 8px 8px 33px; margin: 0 0 5px 0;  background: url(//www.wismakreasi.com/wp-content/plugins/optin-forms/images/icon-email-01.png) no-repeat left center #fff; width:100%; border:1px solid #DFDFDF; border-radius: 4px; -webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out; -ms-transition: all .2s ease-out;transition: all .2s ease-out; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#optinforms-form3-button {margin: 0; color: #fff; background: #49A3FE; padding: 6px; border: 0; border-radius: 4px; font-size: 18px; font-weight: 700; cursor: pointer; width:100%; text-shadow: none;}
#optinforms-form3 .optinforms-confirm-checkbox { margin-bottom: 10px; }
#optinforms-form4-container {width: 100%; margin: 10px auto 20px auto;}
#optinforms-form4 {display: block; float: left; width: 100%; background: #FCFCFC; padding: 15px 3%; text-align: center; margin: 0 0 5px; border: 2px solid #ECEAED; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#optinforms-form4-title {color: #505050; font-family: Arial, sans-serif; font-size: 24px; line-height: 24px; margin: 10px 0;}
#optinforms-form4-subtitle {font-size: 16px; color: #505050; margin: 15px 0; line-height: 28px;}
#optinforms-form4-email-field {color: #666; padding: 8px; margin: 0 0 5px 0;  background: #fff; width:100%; text-align: center; font-size: 16px; border:1px solid #DFDFDF; border-radius: 4px; -webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out; -ms-transition: all .2s ease-out;transition: all .2s ease-out; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#optinforms-form4-button {margin: 0; color: #1d629b; background: #faff5b; padding: 6px; border: 0; border-radius: 4px; font-size: 20px; font-weight: 700; cursor: pointer; width:100%; text-shadow: none;}
#optinforms-form4-disclaimer {font-size: 12px; color: #999; margin:10px 0;}
#optinforms-form4 .optinforms-confirm-checkbox { text-align: center; margin-bottom: 10px; }
#optinforms-form5-container {width: 100%; margin: 10px auto 20px auto;}
#optinforms-form5 {display: block; float: left; width: 100%; background: #333333; padding: 15px 3%; text-align: center; margin: 0 0 5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#optinforms-form5-container-left {display: inline; float: left; width: 39%; margin: 10px 1% 10px 0; text-align: left;}
#optinforms-form5-container-right {display: inline; float: left; width: 59%; margin: 10px 0 10px 1%; text-align: left;}
#optinforms-form5-title {color: #fb6a13; font-family: "News Cycle", sans-serif; font-size: 28px; line-height: 28px; margin: 0 0 20px 0;}
#optinforms-form5-subtitle {font-size: 16px; line-height: 26px; font-family: Georgia, "Times New Roman", Times, serif; color: #ccc; margin: 0 20px;}
#optinforms-form5-name-field {color: #000; padding: 8px 8px 8px 33px; margin: 0 0 10px 0; background: url(//www.wismakreasi.com/wp-content/plugins/optin-forms/images/icon-user-01.png) no-repeat left center #fff; width:100%; border: 1px solid #DFDFDF; border-radius: 4px; -webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out; -ms-transition: all .2s ease-out;transition: all .2s ease-out; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#optinforms-form5-email-field {color: #000; padding: 8px 8px 8px 33px; margin: 0 0 10px 0;  background: url(//www.wismakreasi.com/wp-content/plugins/optin-forms/images/icon-email-01.png) no-repeat left center #fff; width:100%; border: 1px solid #DFDFDF; border-radius: 4px; -webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out; -ms-transition: all .2s ease-out;transition: all .2s ease-out; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#optinforms-form5-button {margin: 0; color: #fff; background: #fb6a13; padding: 6px; border: 0; border-radius: 4px; font-size: 16px; font-weight: 700; cursor: pointer; width:100%;}
#optinforms-form5-disclaimer {font-size: 14px; line-height: 26px; font-family: Georgia, "Times New Roman", Times, serif; color: #727272; margin: 20px 20px 0 20px;}
#optinforms-form5 .optinforms-confirm-checkbox { color: #727272; }
#optinforms-form5 .optinforms-confirm-checkbox a { color: inherit; }
#optinforms-powered-by {width: 99%; text-align: right; font-size: 11px; color: #666; margin: 10px 1% 0 0;}
.sticky-placeholder-wrapper > label {opacity:.5; -webkit-transition: opacity .2s ease-out; -moz-transition: opacity .2s ease-out; -ms-transition: opacity .2s ease-out; transition: opacity .2s ease-out;}
.optinforms-status-success-message,
.optinforms-status-error-message {
margin-top: 10px;
}
#optinforms-form1-container .optinforms-status-success-message,
#optinforms-form1-container .optinforms-status-error-message,
#optinforms-form5-container .optinforms-status-success-message,
#optinforms-form5-container .optinforms-status-error-message {
color: #fff;
} @media only screen and (min-width: 768px) and (max-width: 959px) {
#optinforms-form1-name-field-container, #optinforms-form1-email-field-container{display:block;float:none;width:100%;margin:0 0 5px;} 
#optinforms-form1-name-field,#optinforms-form1-email-field{background:#fff;text-align:center;padding:8px!important;}
#optinforms-form1-button-container{display:block;float:none;width:100%;}
#optinforms-form2-title-container {display:block;width:100%;margin:0 0 10px;}
#optinforms-form2-title{text-align:center;}
#optinforms-form2-email-field-container {display:block;width:100%!important;}
#optinforms-form2-email-field{background:#fff;text-align:center;}
#optinforms-form2-button-container {display:block;width:100%;margin:0;}
#optinforms-form2-disclaimer-container {width:100%;margin:0;}
#optinforms-form2-disclaimer{margin:10px 0 0;text-align:center;}
#optinforms-form3-container-left,#optinforms-form3-container-right{display:block;width:100%;}
#optinforms-form5-container-left,#optinforms-form5-container-right{display:block;width:100%;}
#optinforms-form5-title{text-align:center;}
#optinforms-form5-name-field,#optinforms-form5-email-field{background:#fff;text-align:center;padding:8px!important;}
#optinforms-form5-subtitle, #optinforms-form5-disclaimer{text-align:center;}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
#optinforms-form1-name-field-container, #optinforms-form1-email-field-container{display:block;float:none;width:100%;margin:0 0 5px;} 
#optinforms-form1-name-field,#optinforms-form1-email-field{background:#fff;text-align:center;padding:8px!important;}
#optinforms-form1-button-container{display:block;float:none;width:100%;}
#optinforms-form2-title-container {display:block;width:100%;margin:0 0 10px;}
#optinforms-form2-title{text-align:center;}
#optinforms-form2-email-field-container {display:block;width:100%!important;}
#optinforms-form2-email-field{background:#fff;text-align:center;}
#optinforms-form2-button-container {display:block;width:100%;margin:0;}
#optinforms-form2-disclaimer-container {width:100%;margin:0;}
#optinforms-form2-disclaimer{margin:10px 0 0;text-align:center;}
#optinforms-form3-container-left,#optinforms-form3-container-right{display:block;width:100%;}
#optinforms-form5-container-left,#optinforms-form5-container-right{display:block;width:100%;}
#optinforms-form5-title{text-align:center;}
#optinforms-form5-name-field,#optinforms-form5-email-field{background:#fff;text-align:center;padding:8px!important;}
#optinforms-form5-subtitle, #optinforms-form5-disclaimer{text-align:center;}
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
#optinforms-form1-name-field-container, #optinforms-form1-email-field-container{display:block;float:none;width:100%;margin:0 0 5px;} 
#optinforms-form1-name-field,#optinforms-form1-email-field{background:#fff;text-align:center;padding:8px!important;}
#optinforms-form1-button-container{display:block;float:none;width:100%;}
#optinforms-form2-title-container {display:block;width:100%;margin:0 0 10px;}
#optinforms-form2-title{text-align:center;}
#optinforms-form2-email-field-container {display:block;width:100%!important;}
#optinforms-form2-email-field{background:#fff;text-align:center;}
#optinforms-form2-button-container {display:block;width:100%;margin:0;}
#optinforms-form2-disclaimer-container {width:100%;margin:0;}
#optinforms-form2-disclaimer{margin:10px 0 0;text-align:center;}
#optinforms-form3-container-left,#optinforms-form3-container-right{display:block;width:100%;}
#optinforms-form5-container-left,#optinforms-form5-container-right{display:block;width:100%;}
#optinforms-form5-title{text-align:center;}
#optinforms-form5-name-field,#optinforms-form5-email-field{background:#fff;text-align:center;padding:8px!important;}
#optinforms-form5-subtitle, #optinforms-form5-disclaimer{text-align:center;}
}