.checkbox1 { width: auto; float: left; margin: 18px 30px 0 0; }
.checkbox2 { width: auto; float: left; margin: 18px 0 0; }
.checkbox1 a, .checkbox2 a { color: #000; text-decoration: underline; }
.checkbox1 a:hover, .checkbox2 a:hover { color: #a5a7aa; }
.checkbox1 span, .checkbox2 span { font-size: 14px; color: #000; letter-spacing: 0; line-height: 24px; display: inherit; position: relative; top: -4px; }
[type="checkbox"]:checked, [type="checkbox"]:not(:checked) { position: absolute; left: -9999px; }
[type="checkbox"]:checked + label, [type="checkbox"]:not(:checked) + label { position: relative; padding-left: 28px; cursor: pointer; line-height: 20px; display: inline-block; color: #666; }
[type="checkbox"]:checked + label:before, [type="checkbox"]:not(:checked) + label:before { content: ''; position: absolute; left: 0; top: 0; width: 14px; height: 14px; background: #000; border: 1px solid #000;  }
[type="checkbox"]:checked + label:after, [type="checkbox"]:not(:checked) + label:after { content: ''; width: 10px; height: 10px; background: #fff; position: absolute; -webkit-transition: all 0.2s ease; transition: all 0.2s ease;left: 2px; top: 2px; border: 1px solid #000;  }
[type="checkbox"]:not(:checked) + label:after { opacity: 0; -webkit-transform: scale(0); transform: scale(0); }
[type="checkbox"]:checked + label:after { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }

/*Smartphone css*/
@media screen and (max-width: 480px) {
.checkbox1 { width: 100%; margin: 0 0 11px; }
.checkbox2 { width: 100%; margin: 0 0 20px; }
.checkbox1 span, .checkbox2 span { font-size: 13px; line-height: 23px; }
}
 @media screen and (min-width:481px) and (max-width:600px) {
.checkbox1 { width: 100%; margin: 0 0 11px; }
.checkbox2 { width: 100%; margin: 0 0 20px; }
.checkbox1 span, .checkbox2 span { font-size: 13px; line-height: 23px; }

}
 @media screen and (min-width:601px) and (max-width:767px) {
.checkbox1 { width: 100%; margin: 0 0 11px; }
.checkbox2 { width: 100%; margin: 0 0 20px; }
.checkbox1 span, .checkbox2 span { font-size: 13px; line-height: 23px; }
}
 @media screen and (min-width:768px) and (max-width:900px) {
.checkbox1 { width: 100%; margin: 0 0 10px; }
.checkbox2 { width: 100%; margin: 0 0 20px; }
.checkbox1 span, .checkbox2 span { font-size: 12px; line-height: 22px; position: relative; top: -5px; }
}
 @media screen and (min-width:901px) and (max-width:1024px) {
.checkbox1 { width: 100%; margin: 0 0 10px; }
.checkbox2 { width: 100%; margin: 0 0 23px; }
.checkbox1 span, .checkbox2 span { font-size: 13px; line-height: 23px; position: relative; top: -4px; }
}
 @media screen and (min-width:1025px) and (max-width:1240px) {
.checkbox1 { width: 100%; margin: 0 0 10px; }
.checkbox2 { width: 100%; margin: 0 0 26px; }
}