/** CSS File for Index page */
@media (max-width: 450px) {
    #fancy-img{ height: 300px; }
    .header input{border:none;box-shadow:none;background-color: #f3f5f9;color: #363838;font-size: 14px;padding: 8px 19px;height: 38px}
    .topoffer-box{background: #ffffff;text-align: center;padding: 16px;margin-bottom: 25px; height: auto;}
    .topoffer-box-image{ padding: 10px 40px;  width: 100%; float: left; border-radius: 15px; border: 1px solid grey; padding: 20px; }
    .topoffer-box-value{ font-size: 24px;font-weight: 700; height: auto; text-align: center; text-transform: uppercase; border-radius: 15px; }
    .topoffer-box-content{ background: #fff; }
    .topoffer-box-content > h5 {margin: 10px;}
    .btn-reveal{cursor: pointer; position: relative; width: 100%; padding-right: 25px;transition: padding .1s;}
    .code{font-size: 22px;position: absolute; display: flex; align-items: center;justify-content: flex-end; width: 100%;height: 100%; padding-right: 10px;overflow: hidden;   white-space: nowrap; background-color: #f0faff; border: 2px dashed #009be1; border-radius: 3px; font-family: monospace; color: #2d3e50;font-weight: 700;line-height: 32px;letter-spacing: -1px;}
    .cover{color: #fff; font-weight: 700; font-size: 13px; line-height: 16px; letter-spacing: 0; position: relative; padding: 15px 25px; white-space: nowrap; text-transform: uppercase;  background-color: #009be1;  border-radius: 3px; transition: padding .1s;}
    .cover2{color: #fff; font-weight: 700; font-size: 13px;line-height: 16px; letter-spacing: 0; position: relative; padding: 15px 20px; white-space: nowrap; text-align: center; text-transform: uppercase; background-color: #418953; border-radius: 3px;}
    .st_container{float: left; width: 100%; height: 90px; margin-bottom: 8px;}
    .st_logo{float:left; width:80px; height: 80px; border-radius: 80px;}
    .st_text{float:left; width:auto; position: relative; left: 10px; padding: 20px 0; text-align: left; width: auto; color: black;}
    .st_coupn{margin-bottom: 0px; font-size: 15px; font-weight: bold;}
    .st_coupn span{font-size:12px}  
    #about_us p{ line-height: 20px; }
}
@media (min-width: 451px) and (max-width: 900px) {
    .header input{border:none;box-shadow:none;background-color: #f3f5f9;color: #363838;font-size: 14px;padding: 8px 19px;height: 38px}
    .topoffer-box{background: #ffffff;text-align: center;padding: 16px;margin-bottom: 25px; height: auto;}
    .topoffer-box-image{ width: 100%; float: left; border: 1px solid grey; border-radius: 15px;}
    .topoffer-box-value{ font-size: 36px; padding: 50px 15px 0px 15px; font-weight: 700; height: auto; text-align: center; text-transform: uppercase; border-radius: 15px;}
    .topoffer-box-content{ background: #fff; }
    .topoffer-box-content > h5 {margin: 10px;}
    .btn-reveal{cursor: pointer; position: relative; transition: padding .1s;}
    .code{font-size: 22px;position: absolute; display: flex; align-items: center;justify-content: flex-end; width: 100%;height: 100%; padding-right: 10px;overflow: hidden;   white-space: nowrap; background-color: #f0faff; border: 2px dashed #009be1; border-radius: 3px; font-family: monospace; color: #2d3e50;font-weight: 700;line-height: 32px;letter-spacing: -1px;}
    .cover{color: #fff; font-weight: 700; font-size: 13px; line-height: 16px; letter-spacing: 0; position: relative; padding: 15px 25px; white-space: nowrap; text-transform: uppercase;  background-color: #009be1;  border-radius: 3px; transition: padding .1s;}
    .cover2{color: #fff; font-weight: 700; font-size: 13px;line-height: 16px; letter-spacing: 0; position: relative; padding: 15px 20px; white-space: nowrap; text-align: center; text-transform: uppercase; background-color: #418953; border-radius: 3px;}
    .st_container{float: left; width: 50%; height: 90px; margin-bottom: 8px;}
    .st_logo{float: left; width: 80px; height: 80px; border-radius: 80px;}
    .st_text{float: left; width: auto; position: relative; left: 10px;text-align: left; color: black; width: 200px;}
    .st_coupn{margin-bottom: 0px; font-size: 15px; font-weight: bold;}
    .st_coupn span{font-size:12px}
    #about_us p{ line-height: 24px; }
}
@media screen and (min-width: 901px) {
    .header input{border:none;box-shadow:none;background-color: #f3f5f9;color: #363838;font-size: 14px;padding: 8px 19px;height: 38px}
    .topoffer-box{background: #ffffff;padding: 16px;margin-bottom: 25px; height: 180px;}
    .topoffer-box-image{background: #eef3fb; width: 100%; float: left; }
    .topoffer-box-value{font-size: 24px; padding: 30px 15px 0px 15px; font-weight: 700; height: auto; text-align: center; text-transform: uppercase; border: 1px solid grey; border-radius: 18px;}
    .topoffer-box-content{ background: #fff; }
    .topoffer-box-content > h5 {margin: 10px;}
    .right{ display: flex; flex-direction: column;align-items: flex-end; justify-content: center;width: 180px;padding: 20px 25px 25px 20px;}
    .btn-reveal{cursor: pointer; position: relative; width: 180px;padding-right: 25px;transition: padding .1s;}
    .code{font-size: 22px;position: absolute; display: flex; align-items: center;justify-content: flex-end; width: 100%;height: 100%; padding-right: 10px;overflow: hidden;   white-space: nowrap; background-color: #f0faff; border: 2px dashed #009be1; border-radius: 3px; font-family: monospace; color: #2d3e50;font-weight: 700;line-height: 32px;letter-spacing: -1px;}
    .cover{color: #fff; font-weight: 700; font-size: 13px; line-height: 16px; letter-spacing: 0; position: relative; padding: 15px 25px; white-space: nowrap; text-transform: uppercase;  background-color: #009be1;  border-radius: 3px; transition: padding .1s;}
    .cover2{color: #fff; font-weight: 700; font-size: 13px;line-height: 16px; letter-spacing: 0; position: relative; padding: 15px 20px; white-space: nowrap; text-align: center; text-transform: uppercase; background-color: #418953; border-radius: 3px;}
    .st_container{float: left; width: 33%; height: 90px; margin-bottom: 8px;}
    .st_logo{float: left; width: 80px; height: 80px; border-radius: 80px;}
    .st_text{float: left; width: auto; position: relative; left: 10px; padding: 20px 0; width: 240px; text-align: left; color: black;}
    .st_coupn{margin-bottom: 0px; font-size: 15px; font-weight: bold;}
    .st_coupn span{font-size:12px}
    #about_us p{ line-height: 30px; }
}