button.like{width: 30px;height: 30px;line-height: 50px;color: rgba(0,150,136 ,1);border:none;font-size: 15px;background: url('https://www.couponsgot.com/images/like.png');margin-right: 10px;}
    button.dislike{width: 30px;height: 30px; border:none;line-height: 50px;color: rgba(255,82,82 ,1);font-size: 15px;background: url('https://www.couponsgot.com/images/dislike.png');margin-right: 20px;}
.dislike > i,.like > i {position: relative; left: 25px; top:-10px;}
.coupontxt{background:white;border:none; color: white;}
h6{font-weight: bold; font-size: 16px;}
.sim_store a{line-height: 90px;}
.sim_store div{margin: 5px;}
.sim_cat div{line-height: 30px;}
.sim_cat div a{margin: 8px 5px; background: #DDD; padding: 3px 6px; border-radius: 6px;}

@media screen and (max-width: 500px) {
  .lgo{width: 120px; height: 120px;}
  .sidebar,#filters,#like_dislike_wrapper{display: none;}
  #mainContainer{padding: 1px 0;}
  .deal-card .discount-label {width: 100%; float:left; display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;border-radius: 2px;background-color: #686868;}
  .deal-card .discount-label span {color: #ffffff;font-size: 1.3rem;text-align: center;}
  .deal-card .card-body {padding: 2px;display: flex;min-height: 38px;flex-direction: row;height: 100%;align-items: center;}
  .coupondetail {color: #575757;line-height: 15px; margin-bottom: 0px;}
  #verify_text{font-size: 12px;}
  .price{font-size: 24px;font-weight: bold;line-height: 27px;text-align: center;display: block;}
  .offer{background: white; height: auto; min-height: 85px; padding: 7px; margin-bottom: 5px;}
  .store-logo {float: left; width: 20%; background: #2d3e50; color: white; padding: 7px;}
  .store-logo2 {float: left; width: 20%;}
  .store-right{float: left; width: 80%; padding: 1% 1% 0 3%;}
  .store-text{float: left; width: 100%;}
  .store-btn{float: left; width: 100%;}
  .store-btn a{float: left; text-align: center;}
  #popupoffer{font-size: 20px;padding: 0px 0 16px 0;color: #369;font-weight: bold;}
  .store-btn input{float: left;}
  .coptext{font-size: 16px; color: black; line-height: 16px; }
  .coptext > a {color: #2d3e50; font-weight: 200;}
  .shipping_txt,.delivery_txt{font-size: 12px;}
   .right{ display: flex; flex-direction: column;align-items: flex-end; justify-content: center;width: 180px;}
  .btn-code{cursor: pointer; position: relative; width: 150px;padding-right: 25px;transition: .1s;}
  .btn-deal{cursor: pointer; position: relative; width: 180px;padding-right: 25px;transition: .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;}
  .code_txt{color: #fff; font-weight: 700; font-size: 13px;line-height: 16px; letter-spacing: 0; position: relative; padding: 8px 15px; white-space: nowrap; text-transform: uppercase;  background-color: #d5567f;  border-radius: 3px; transition: padding .1s;}
  .deal_txt{color: #fff; font-weight: 700; font-size: 13px;line-height: 16px; letter-spacing: 0; position: relative; padding: 8px 15px; white-space: nowrap; text-align: center; text-transform: uppercase; background-color: #408952; border-radius: 3px;}
}
@media (min-width: 501px) and (max-width: 900px) {
  .lgo{width: auto; height: auto;}
  .sidebar{width: 100%; padding: 0 15px;}
   .sidebar_bottom{display: none;}
  #mainContainer{padding: 25px 0;}
  .deal-card .discount-label {width: 100%;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;border-radius: 2px;padding: 12px 0;background-color: #686868;}
  .deal-card .discount-label span {color: #ffffff;font-size: 1.3rem;text-align: center;}
  .deal-card .card-body {padding: 2px 4px;display: flex;min-height: 88px;flex-direction: row;height: 100%;align-items: center;}
  .deal-card .card-body .coupondetail {color: #575757;}
  .offer{background: white; min-height: 110px; padding: 10px; margin-bottom: 10px;}
 .store-logo {color: white; width: 20%;  border:1px solid #ccc; padding-top: 10px; background: #2d3e50; height: 110px; font-size: 30px; font-weight: 600; text-align: center; float: left; text-transform: uppercase; line-height: 35px;}
 .store-logo2 {width: 21%;  border:1px solid #ccc;  text-align: center; float: left; height: 110px;}
 .store-right{float: left; width: 79%; padding: 1% 1% 0 3%;}
 .store-text{float: left; width: 66%;}
 .store-btn{float: left; width: 30%;text-align: center;}
  .price{align-items: center;border-radius: 2px;}
 .coptext{font-size: 17px; color: black; line-height: 18px; margin: 0;}
 #popupoffer{font-size: 20px;padding: 0px 0 16px 0;color: #369;font-weight: bold;}
 .coptext > a {color: #2d3e50; font-weight: 400;}
 #like_dislike_wrapper{margin-top: 15px; text-align: right;  float: right;}
  .right{ display: flex; flex-direction: column;align-items: flex-end; justify-content: center;width: 180px;}
  .btn-code{cursor: pointer; position: relative; width: 150px;padding-right: 25px;transition: .1s;}
  .btn-deal{cursor: pointer; position: relative; width: 180px;padding-right: 25px;transition: .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;}
  .code_txt{color: #fff; font-weight: 700; font-size: 13px;line-height: 16px; letter-spacing: 0; position: relative; padding: 15px 20px; white-space: nowrap; text-transform: uppercase;  background-color: #d5567f;  border-radius: 3px; transition: padding .1s;}
  .deal_txt{color: #fff; font-weight: 700; font-size: 13px;line-height: 16px; letter-spacing: 0; position: relative; padding: 15px 25px; white-space: nowrap; text-align: center; text-transform: uppercase; background-color: #408952; border-radius: 3px;}
}

@media screen and (min-width: 901px) {
  .lgo{width: auto; height: auto;}
  .sidebar{width: 100%; padding: 0 20px;}
   .sidebar_bottom{display: none;}
  #mainContainer{padding: 30px 0;}
  .deal-card .discount-label {width: 100%;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;border-radius: 2px;padding: 12px 0;background-color: #686868;}
  .deal-card .discount-label span {color: #ffffff;font-size: 1.3rem;text-align: center;}
  .deal-card .card-body {display: flex;min-height: 88px;flex-direction: row;height: 100%;align-items: center;}
  .deal-card .card-body .coupondetail {color: #575757;}
  #popupoffer{font-size: 20px;padding: 0px 0 16px 0;color: #369;font-weight: bold;}
  .sort-order > div:not(:first-child) {font-size: 10px;  border-radius: 2px; padding:0 4px; float: left; margin-left: 4px; color: #000; border: 1px solid #784c82;}
  .offer{background: white; min-height: 120px; padding: 10px; margin-bottom: 10px;}
  .store-logo {color: white; width: 20%;  border:1px solid #ccc; padding-top: 10px; background: #2d3e50; height: 110px; font-size: 30px; font-weight: 600; text-align: center; float: left; text-transform: uppercase; line-height: 35px;}
  .store-logo2 {width: 17%;  border:1px solid #ccc;  text-align: center; float: left; }
  .store-right{float: left; width: 80%; padding: 1% 1% 0 3%;}
  .store-text{float: left; width: 66%;}
  .store-btn{float: right; width: 30%;}
  .price{align-items: center;border-radius: 2px;}
  .coptext{font-size: 20px; color: black; line-height: 25px;}
  .coptext > a {color: #2d3e50; font-weight: 600;}
  #like_dislike_wrapper{margin-top: 15px; text-align: right; float: right;} 
   .right{ display: flex; flex-direction: column;align-items: flex-end; justify-content: center;width: 180px;}
  .btn-code{cursor: pointer; position: relative; width: 150px;padding-right: 25px;transition: .1s;}
  .btn-deal{cursor: pointer; position: relative; width: 180px;padding-right: 25px;transition: .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;}
  .code_txt{color: #fff; font-weight: 700; font-size: 13px;line-height: 16px; letter-spacing: 0; position: relative; padding: 15px 20px; white-space: nowrap; text-transform: uppercase;  background-color: #d5567f; border-radius: 3px; transition: padding .1s;}
  .deal_txt{color: #fff; font-weight: 700; font-size: 13px;line-height: 16px; letter-spacing: 0; position: relative; padding: 15px 25px; white-space: nowrap; text-align: center; text-transform: uppercase; background-color: #408952; border-radius: 3px;}
}