/* vector icons */
.coupons-content .cover:after,.coupons-content .empty:before
{font-family:"1188" !important;font-style:normal !important;font-weight:normal !important;font-variant:normal !important;text-transform:none !important;speak:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}

/* begin ---------------------- coupons styles */
#coupons .breadcrumb {margin:20px 0 0;padding:10px 20px 10px 10px;background:none;border:0;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#coupons .breadcrumb [data-icon] {position:relative;padding-left:25px}
#coupons .breadcrumb [data-icon]:before {display:block;font-size:16px;position:absolute;top:1px;left:1px}
#coupons .breadcrumb a {color:#fff}
#coupons .breadcrumb > li {display:inline}
#coupons .breadcrumb > .active {color:rgba(255,255,255,.75)}
#coupons .breadcrumb > li + li:before {color:rgba(255,255,255,.75)}
.coupons-header {background:url(../img/cover-coupons.jpg?v=2) no-repeat 50% 0;background-size:cover}
.page-title {margin:0;padding:50px 10px 30px;font-weight:500;font-size:32px;line-height:38px;color:#fff}
#coupons.loading-sort .coupons-content:before {content:" ";display:block;width:100%;height:100%;position:absolute;top:0;left:0;background:#fff;background:rgba(244,245,247,.9);z-index:100}
#coupons.loading-sort .coupons-content:after {content:" ";display:block;width:38px;height:38px;position:absolute;top:110px;left:50%;margin-left:-19px;background:url(../img/loading.svg) no-repeat 50% 50%;animation:rotation 1s infinite linear;-webkit-animation:rotation 1s infinite linear;z-index:101}
/* end ---------------------- coupons styles */

/* begin -------------------- coupons list */
.coupons-content {position:relative}
.coupons-content .empty {padding:50px 0;font-size:24px;line-height:32px;text-align:center;color:#8fa1b3}
.coupons-content .empty:before {display:block;margin:0 auto 10px;font-size:32px;content:"\e023"}
#coupons.list {background:#f4f5f7}
#coupons.list .breadcrumb {margin-bottom:60px}
#coupons.list .coupon-list .items {margin:20px 0 10px}
#coupons.list .coupon {flex-basis:33.333%;min-width:0;flex-grow:0;margin-top:0;padding:12px 15px 20px}
#coupons.list .coupon:only-child {margin-right:0;margin-left:0}
#coupons.list .coupon .item-link {display:flex;flex-direction:column;height:100%;background:#fff;color:#4d6880;box-shadow:0 1px 1px rgba(77,104,128,.1);transition:box-shadow .25s}
#coupons.list .coupon .cover {float:none;width:100%;height:0;margin:0;padding-bottom:67%}
#coupons.list .coupon .cover:before {content:" ";display:block;width:100%;height:100%;position:absolute;top:0;left:0;background:rgba(12,38,106,.75);opacity:0;transition:all .25s}
#coupons.list .coupon .cover:after {display:block;padding:13px 10px 13px 16px;content:"\e007";font-size:40px;color:#fff;border:2px solid #fff;border-radius:50%;position:absolute;top:50%;left:50%;margin-left:-35px;opacity:0;transition:all .5s}
#coupons.list .coupon .discount {width:160px;height:160px;top:-12px;left:-12px}
#coupons.list .coupon .discount span {top:34px;left:-25px;font-weight:500;font-size:24px;line-height:32px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#coupons.list .coupon .company {height:auto;display:table;bottom:-18px;left:0;padding:10px 20px;background:#fff;font-size:15px;line-height:18px;white-space:normal;z-index:5}
#coupons.list .coupon .company span {display:table-cell;vertical-align:middle;height:20px}
#coupons.list .coupon .title {max-height:60px;margin:20px 20px 15px;color:#34495e;-webkit-line-clamp:3}
#coupons.list .coupon .offer {display:table;width:100%;height:60px;padding:0 10px;text-align:center;position:relative}
#coupons.list .coupon .offer .price-label {display:block;margin-bottom:4px;font-size:13px;line-height:15px}
#coupons.list .coupon .offer strong {display:block;font-weight:400;font-size:20px;line-height:25px}
#coupons.list .coupon .offer .new {float:left;width:50%;margin-left:-10px;padding:8px 0 8px 10px;box-sizing:content-box;-webkit-box-sizing:content-box;background:#68b81b;color:#fff;position:relative}
#coupons.list .coupon .offer .new:after {content:" ";display:block;width:0;height:0;position:absolute;top:0;right:-15px;border-style:solid;border-width:30px 0 30px 15px;border-color:transparent transparent transparent #68b81b;z-index:5}
#coupons.list .coupon .offer .old {float:right;width:calc(50% - 15px);margin-right:-10px;padding:8px 10px 8px 15px;box-sizing:content-box;-webkit-box-sizing:content-box;background:#fafafa;color:#8fa1b3}
#coupons.list .coupon .offer .desc {display:table-cell;width:100%;padding:15px 20px;vertical-align:middle;border:2px dashed #68b81b;color:#68b81b}
#coupons.list .coupon .details {display:flex;justify-content:space-between;margin:auto 10px 0;padding:8px 0;position:static;overflow:inherit;font-size:15px;line-height:22px;height:auto}
#coupons.list .coupon .details [data-icon] {float:none}
#coupons.list .coupon .details [data-icon]:before {display:block;float:left;width:20px;font-size:20px;line-height:22px;margin-right:10px;color:#8fa1b3}
#coupons.list .coupon .details .date {margin:5px}
#coupons.list .coupon .details .count {margin:5px 5px 5px 0}
#coupons.list .coupon .title+.details {border-top:1px dashed rgba(77,104,128,.2)}
#coupons.list .coupon .item-link:hover {box-shadow:0 2px 25px rgba(77,104,128,.5)}
#coupons.list .coupon .item-link:hover .cover:before {opacity:1}
#coupons.list .coupon .item-link:hover .cover:after {opacity:1;margin-top:-35px}
#coupons.list .pagination {display:block;margin:15px}
#coupons.list .pagination.prev {margin:30px 15px 10px}
#coupons.list .pagination.next {margin:10px 15px 30px}
#coupons.list .pagination .btn {display:block;height:40px;line-height:40px;border:0;background:#4d6880;color:#fff}
#coupons.list .pagination .btn:hover {background:#34495e;box-shadow:0 2px 15px rgba(77,104,128,.25)}
#coupons.list .pagination.loading:before {background-color:rgba(244,245,247,.9)}
#coupons.list .pagination.loading .btn {box-shadow:none !important}
/* end ---------------------- coupons list */

/* begin -------------------- coupon view */
.coupon-header .share {float: right; margin: 0 5px}
.coupon-header .share > a {display:contents;width:30px;height:30px;text-decoration:none !important;text-align:center}
.coupon-header .share > a:before {display:block;width:30px;height:30px;margin: 4px 0;font-size:26px;line-height:30px;border-radius:2px;color:#fff}
.coupon-header .share > a[data-icon="draugiem"]:before {background-color:#f60}
.coupon-header .share > a[data-icon="facebook"]:before {background-color:#354f88}
.coupon-header .share > a[data-icon="google"]:before {background-color:#ce3e26}
.coupon-header .share > a[data-icon="twitter"]:before {background-color:#40a2d1}
.coupon-header {background:url(../img/cover-coupon.jpg) no-repeat 50% 0;background-size:cover;background-attachment:fixed}
.coupon-header .summary {height:400px;margin-top:20px;background:#fff;position:relative}
.coupon-header .discount {width:160px;height:160px;background:url(../img/bg-ribbon-big-red.png) no-repeat;background-size:100%;position:absolute;top:-12px;left:-12px;z-index:10}
.coupon-header .discount span {display:block;width:100%;position:absolute;top:30px;left:-26px;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);font:700 32px/44px Ubuntu,Arial;color:#fff;text-align:center;letter-spacing:1px}
.coupon-header .image {width:600px;height:400px;float:left;background-position:50% 50%;background-repeat:no-repeat;background-size:cover}
.coupon-header .gallery {float:left;width:600px;height:400px;background:#eee;position:relative;overflow:hidden}
.coupon-header .gallery ul {;margin:0;padding:0}
.coupon-header .gallery .item {list-style:none;width:600px;height:400px;float:left;background-position:50% 50%;background-repeat:no-repeat;background-size:cover}
.coupon-header .gallery .pages {position:absolute;left:0;bottom:0;width:100%;margin:0;padding:0;text-align:center;font-size:0}
.coupon-header .gallery .controls a {display:block;position:absolute;top:0;width:33%;height:100%;text-decoration:none;opacity:0;transition:all .25s linear}
.coupon-header .gallery .controls a:before {color:#fff;font-size:64px;position:absolute;top:50%;margin-top:-32px;opacity:0;transition:all .25s linear}
.coupon-header .gallery .controls .prev {left:0;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjUiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(left,  rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,0.5)), color-stop(100%,rgba(0,0,0,0)));
    background: -webkit-linear-gradient(left,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 100%);
    background: -o-linear-gradient(left,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 100%);
    background: -ms-linear-gradient(left,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 100%);
    background: linear-gradient(to right,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80000000', endColorstr='#00000000',GradientType=1);
}
.coupon-header .gallery .controls .prev:before {left:0}
.coupon-header .gallery .controls .next {right:0;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC41Ii8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(left,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.5)));
    background: -webkit-linear-gradient(left,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%);
    background: -o-linear-gradient(left,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%);
    background: -ms-linear-gradient(left,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%);
    background: linear-gradient(to right,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#80000000',GradientType=1);
}
.coupon-header .gallery .controls .next:before {right:0}
.coupon-header .gallery .controls .disabled {cursor:default}
.coupon-header .gallery .controls .disabled:before {opacity:.25 !important}
.coupon-header .gallery:hover .controls a {opacity:1}
.coupon-header .gallery:hover .controls a:before {opacity:1}
.coupon-header .gallery:hover .controls .prev:before {left:20px}
.coupon-header .gallery:hover .controls .next:before {right:20px}
.coupon-header .pages li {display:inline-block;width:16px;height:16px;margin:10px 5px;border:2px solid #fff;border-radius:14px;background:#4d6880;cursor:pointer;}
.coupon-header .pages li.active {width:20px;height:20px;margin:10px 3px;border-color:#fff;background:#243342;position:relative;top:-2px}
.coupon-header .summary .info {height:100%;margin-left:600px;padding:20px;position:relative}
.coupon-header .summary .coupon-title {margin:0 10px 15px;font-size:26px;line-height:28px}
.coupon-header .summary .date {margin:0 10px 10px;line-height:22px}
.coupon-header .summary .date:before {display:block;float:left;width:20px;font-size:20px;line-height:22px;margin-right:10px;margin-bottom:10px;color:#8fa1b3}
.coupon-header .options {position:absolute;right:0;bottom:0;width:100%;padding:20px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.coupon-header .offer {display:table;width:100%;height:60px;margin-top:20px;padding:0 10px;text-align:center;position:relative}
.coupon-header .offer .price-label {display:block;margin-bottom:4px;font-size:13px;line-height:15px}
.coupon-header .offer strong {display:block;font:400 20px/25px Arial}
.coupon-header .offer .new {float:left;width:50%;margin-left:-10px;padding:8px 0 8px 10px;box-sizing:content-box;-webkit-box-sizing:content-box;background:#68b81b;color:#fff;position:relative}
.coupon-header .offer .new:after {content:" ";display:block;width:0;height:0;position:absolute;top:0;right:-15px;border-style:solid;border-width:30px 0 30px 15px;border-color:transparent transparent transparent #68b81b;z-index:5}
.coupon-header .offer .old {float:right;width:calc(50% - 15px);margin-right:-10px;padding:8px 10px 8px 15px;box-sizing:content-box;-webkit-box-sizing:content-box;background:#fafafa;color:#8fa1b3}
.coupon-header .options > .btn-lg {margin-top:20px;font-size:20px;line-height:50px;height:50px}
.coupon-header .options > .btn-lg.btn-default {cursor:default;box-shadow:none !important;background:#f4f5f7 !important;border-color:rgba(77,104,128,.1) !important}
.coupon-details {padding-top:20px;padding-bottom:20px;border-bottom:1px solid rgba(77,104,128,.1);line-height:40px}
.coupon-details > [data-icon]:before {display:block;float:left;width:24px;font-size:24px;line-height:40px;margin-right:10px;color:#8fa1b3}
.coupon-details:after {content:" ";display:block;clear:left}
.coupon-details .date {float:left}
.coupon-details .count {float:left;margin-left:30px}
.coupon-share {padding:0 20px 0 600px}
.coupon-share .share-label {display:block;float:left;margin-left:30px}
.coupon-share > a {display:block;width:40px;height:40px;float:right;margin-left:10px;text-decoration:none !important;text-align:center}
.coupon-share > a:before {display:block;width:40px;height:40px;font-size:36px;line-height:40px;border-radius:2px;color:#fff}
.coupon-share > a[data-icon="draugiem"]:before {background-color:#f60}
.coupon-share > a[data-icon="facebook"]:before {background-color:#354f88}
.coupon-share > a[data-icon="google"]:before {background-color:#ce3e26}
.coupon-share > a[data-icon="twitter"]:before {background-color:#40a2d1}
.coupon-content {background:#fff;padding:30px 0;font-size:16px;line-height:22px}
#related-companies {float:right;width:350px}
#related-companies .related-header {margin:0 20px}
#related-companies .related-header:after {content:" ";display:block;clear:both}
#related-companies .related-title {margin:0 0 10px 10px}
#related-companies .related-header .btn {float:right;width:40px;height:40px;margin-top:-9px;border:0;border-radius:50%;background:#f4f5f7;font-size:20px}
#related-companies .related-header .btn+.btn {margin-right:10px}
#related-companies .related-header .btn:before {display:block}
#related-companies .related-header .btn[data-icon="prev"]:before {text-indent:-3px}
#related-companies .related-header .btn[data-icon="next"]:before {text-indent:3px}
#related-companies .related-header .btn[disabled] {visibility:visible !important}
#related-companies .related-header .btn.disabled {cursor:default;opacity:1;visibility:hidden}
#related-companies .related-header .btn:not(.disabled):hover {background:#4d6880;color:#fff}
#related-companies .related-header .btn.disabled:before {color:#ddd}
#related-companies .company-details {display:none}
#related-companies .company-list {overflow:hidden}
#related-companies .company-list .items:not([style*="transform:"]) .company+.company {display:none}
#related-companies .company-list .company {display:block;float:left;width:310px;margin:20px 20px 30px;padding:30px 20px;border:0;border-radius:2px;box-shadow:0 0 0 1px rgba(77,104,128,.1);text-align:center}
#related-companies .company-list .company-info {padding:0}
#related-companies .company-list .company-logo {display:block !important;width:auto;min-width:0;height:auto;margin:0 auto 15px}
#related-companies .company-list .company-logo img {max-width:150px;max-height:150px;margin:0 auto}
#related-companies .company-list .company-logo.placeholder {padding:0}
#related-companies .company-list .company-logo.placeholder:before {display:block;font-size:64px}
#related-companies .company-list .company-title {margin:0}
#related-companies .company-list .company-title .name {display:block;margin:0 0 10px}
#related-companies .company-list .rating {margin:0 auto 15px}
#related-companies .company-list .company-address {margin:0;padding:0}
#related-companies .company-list .company-address:before {display:none}
.coupon-content .related .company {padding:20px 20px 30px}
.coupon-content .related .companies {overflow:hidden}
.coupon-content .related .companies ul {width:10000px;margin:0;padding:0;list-style:none}
.coupon-content .related .companies li {float:left;width:310px;margin:20px 20px 30px}
.coupon-content .related a {display:block;padding:30px 20px;color:#34495e;text-decoration:none !important;border-radius:2px;text-align:center;box-shadow:0 0 0 1px rgba(77,104,128,.1);transition:box-shadow .25s}
.coupon-content .related a:hover {box-shadow:0 0 25px rgba(77,104,128,.25)}
.coupon-content .related .logo {display:block;margin-bottom:15px}
.coupon-content .related .logo img {max-width:150px;max-height:150px}
.coupon-content .related .logo.placeholder:before {display:block;font-size:64px;line-height:64px;color:#cfdae5}
.coupon-content .related .title {display:block;margin-bottom:15px;font-weight:500;font-size:16px;line-height:20px}
.coupon-content .related .rating {display:block;margin:-5px auto 20px}
.coupon-content .related .address {display:block;line-height:18px;position:relative;color:#4d6880}
.coupon-content .desc {margin-right:350px}
.coupon-content .desc h2 {margin:20px 0;font-weight:500;font-size:26px;line-height:28px}
.coupon-content .desc h3 {margin:20px 0;font-weight:500;font-size:20px;line-height:24px}
.coupon-content .desc .terms {margin-bottom:20px;font-weight:500;font-size:16px;line-height:20px;color:#e03b00}
.coupon-content .desc .terms:empty {display:none}
.coupon-content .notes {clear:both;margin-top:30px;padding:20px 10px 0;border-top:1px solid rgba(77,104,128,.1);color:#8fa1b3}
/* end -------------------- coupon view */

/* begin -------------------- coupon sending */
#coupon-send-form .modal-dialog {max-width:400px;margin:30px auto}
#coupon-send-form .modal-content {
    background: #4d6880;
    background: -moz-linear-gradient(-45deg,  #4d6880 0%, #34495e 100%);
    background: -webkit-linear-gradient(-45deg,  #4d6880 0%,#34495e 100%);
    background: linear-gradient(135deg,  #4d6880 0%,#34495e 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d6880', endColorstr='#34495e',GradientType=1 );
}
#coupon-send-form .modal-dialog.loading:before {background:rgba(77,104,128,.9)}
#coupon-send-form .modal-dialog.loading:after {background-image:url(../img/loading-light.svg)}
#coupon-send-form .modal-header {padding-bottom:0;color:#fff}
#coupon-send-form .modal-body {padding-top:10px}
#coupon-send-form .modal-body .form-control {height:50px;border-color:#fff;font-size:16px}
#coupon-send-form .modal-body select.form-control {cursor:pointer}
#coupon-send-form .modal-body .has-error .help-block {margin:10px  15px 0;font-size:13px;line-height:16px;color:#fff}
#coupon-send-form .modal-body .has-error .form-control {border:2px solid #e03b00}
#coupon-send-form .modal-body .field-sendform-count.has-error .help-block {margin-right:-200%}
#coupon-send-form .modal-body .row {margin-left:-5px;margin-right:-5px}
#coupon-send-form .modal-body .row [class*="col-"] {padding-left:5px;padding-right:5px}
#coupon-send-form .tip {display:block;margin-bottom:30px;color:#fff}
#coupon-send-form .modal-footer {border-top:0;padding-top:0}
#coupon-send-form .modal-footer .btn-lg {height:50px;padding:0 20px;font-size:20px;line-height:50px}
#coupon-send-form .field-sendform-url {display:none}
/* end -------------------- coupon sending */

/* begin -------------- responsive styles */

/********** mobile styles */
body.mobile .coupon-header .gallery .controls .prev {opacity:0 !important;z-index:11}
body.mobile .coupon-header .gallery .controls .next {display:none}
body.mobile .coupons-content .cover:before {display:none}
body.mobile .coupons-content .cover:after {display:none}
/********** smaller than 992px */
@media (max-width:991px) {
    .coupons-content .item {width:50%}
    .coupons-content .item:nth-child(3n+1):not([class*="ag-"]) {clear:none}
    .coupons-content .item:nth-child(2n+1):not([class*="ag-"]) {clear:left}
    .coupon-header .summary {height:320px;margin:25px 10px 0}
    .coupon-header .gallery {width:calc(100% - 350px);height:320px}
    .coupon-header .gallery .item {width:calc(100vw - 390px);height:320px}
    .coupon-header .image {width:calc(100% - 350px);height:320px}
    .coupon-header .summary .info {width:350px;margin-left:0;padding:20px 10px;float:right}
    .coupon-header .summary .date {margin-right:0;margin-left:0}
    .coupon-header .summary .date strong {display:inline}
    .coupon-details {margin-right:10px;margin-left:10px;padding-left:10px}
    .coupon-content {margin-right:10px;margin-left:10px}
    .coupon-content .desc {padding-right:10px;padding-left:10px}
}
/********** smaller than 801px */
@media (max-width:800px) {
    .coupon-header .share > a {display:inline-block;}
    .coupon-header .gallery {float:none;width:100%}
    .coupon-header .gallery .item {width:calc(100vw - 40px)}
    .coupon-header .image {float:none;width:100%}
    .coupon-header .summary {height:auto;margin-bottom:30px}
    .coupon-header .summary .date {margin-left:20px;margin-right:20px}
    .coupon-header .summary .info {float:none;width:auto;padding:20px 0 0}
    .coupon-header .summary .coupon-title {margin-right:20px;margin-left:20px}
    .coupon-header .offer {padding:0 30px}
    .coupon-header .options {position:static;padding:0}
    .coupon-header .options > .btn-lg {border-radius:0}
    .coupon-details {position:relative;margin:0 0 20px;padding:15px 0 0;line-height:20px}
    .coupon-details > [data-icon]:before {width:20px;font-size:20px;line-height:20px;margin-right:8px;margin-bottom:5px}
    .coupon-details:before {content:" ";display:block;width:0;height:0;border-bottom:15px solid #fff;border-right:20px solid transparent;border-left:20px solid transparent;position:absolute;top:-15px;left:50%;margin-left:-20px}
    .coupon-details .date {float:none;display:inline-block;margin:0 10px 10px}
    .coupon-details .count {float:none;display:inline-block;margin:0 10px 10px}
    .coupon-content {padding:0}
    .coupon-content .container-fluid {display:-webkit-flex;display:flex;flex-direction:column}
    .coupon-content .desc {margin-right:0;padding:0;-webkit-order:1;order:1}
    #coupons.list .coupon {flex-basis:50%}
    #related-companies {float:none;-webkit-order:2;order:2;width:calc(100% + 40px);margin:20px -20px 0;padding-top:20px;background:#f4f5f7}
    #related-companies .related-header {margin-right:10px}
    #related-companies .company-list .company {width:calc(100% - 20px);margin:10px 10px 30px;background:#fff}
    #related-companies .company-list .items[style*="transform:"] .company {width:calc(100vw - 40px)}
    .coupon-content .notes {-webkit-order:3;order:3;border-top:0;margin:20px -20px 0;padding:30px;background:#f4f5f7}
    #related-companies ~ .notes {margin-top:0;padding-top:0}
}
/********** smaller than 601px */
@media (max-width:600px) {
    #coupons.list .coupon {flex-basis:100%;margin:0 auto}
}
/********** smaller than 541px */
@media (max-width:540px) {
    .page-title {display:none}
    .cat-slider .items {padding-top:20px}
    #coupons.list .breadcrumb {display:none}
    #coupons.single .breadcrumb {margin-top:10px}
    #coupons.single .breadcrumb > li {display:none}
    #coupons.single .breadcrumb > li:nth-child(2) {display:block}
    #coupons.single .breadcrumb > li:before {display:none}
    #coupons.single .breadcrumb [data-icon] {padding-left:35px}
    #coupons.single .breadcrumb [data-icon]:before {font-size:24px;top:-3px}
    #coupons.list .coupons-content {padding:0 5px}
    #coupons.list .coupons-content .container-fluid {padding:0}
    .coupon-header .summary {margin-top:15px}
    .coupon-header .gallery {height:240px}
    .coupon-header .gallery .item {height:240px}
    .coupon-header .image {height:240px}
}
/********** smaller than 421px */
@media (max-width:420px) {
    .coupon-header .share {width: 100%; float: none; margin: 0 0 10px; text-align: center}
    #coupon-send-form .modal-dialog {width:auto;margin:10px}
    .coupon-header .summary .coupon-title {font-size:20px;line-height:24px}
}
/* end -------------- responsive styles */