/* MENU:
    - General Styles
    - Common Styles
    - Bootstrap Styles
    - Head - Desktop
    - Head - Mobile
    - Head - Login Modal
    - Foot
    - Page - 404
    - Page - 500
    - Page - Home
    - Page - Auth Signup
    - Page - Auth Login
    - Page - Auth Verify
    - Page - Auth Forgot
    - Page - Auth Recover
    - Page - Settings
    - Page - Stores
    - Page - Store Detail
    - Page - Deals
    - Page - Deal Detail
    - Page - Coupon
    - Page - Redirect
    - Page - FAQ
    - Page - Blog
    - Page - Banner
    - Page - Search
*/
@import url(flags.css);
@import url(social.css);

/* General Styles
------------------------------*/

html, body {
    /* font-family: 'RSU'; */
    font-family: Roboto, sans-serif;
    font-size: 14px;
}

body {
    height: 100%;
    width: 100%;
    /* filter: grayscale(40%); */
}

body.iosBugFixCaret.modal-open { 
    position: fixed; 
    width: 100%; 
}

input {
    border-radius: 0 !important;
}

@font-face {
  font-family: "RSU";
  src: url("font/RSU_Regular.ttf");
  src: url("font/RSU-regular-th.woff");
}

@font-face {
  font-family: "RSUBold";
  src: url("font/RSU_BOLD.ttf");
}

@font-face {
  font-family: "RSULight";
  src: url("font/RSU_light.ttf");
}
/* Common Styles
------------------------------*/
.underlined-link {
    text-decoration: underline;
}

.red {
    color: #FF0000;
}

.success {
    color: #008000;
}

.danger {
    color: #cc0000;
}

/* Bootstrap Styles
------------------------------*/
.green-btn {
    background: #46BE8A;
    color: #FFFFFF;
}

.blue-btn {
    background: #4086BA;
    color: #FFFFFF;
}

.expired {
    filter: alpha(opacity=40); /* msie */
    filter: grayscale(100%);
    opacity: 0.4;
}

.expired-content {
    background-color: #f4f4f4;
    border-radius: 3px;
    cursor: pointer;
    padding: 5px;
    color: #848484;
    font-size: 13px;
    font-weight: bolder;
    position: absolute;
    left: 25px;
    bottom: 60px;
    z-index: 99;
}

#clock span {
    font-size: 22px;
}

#clock {
    background-color: #333;
    border-radius: 3px;
    color: white;
    padding: 5px;
    text-align: center;
}

.panel-section p {
    word-wrap: break-word;
}

/* Widget - Notify
------------------------------*/
.notify {
    background-color: #232323;
    border: 3px solid #454545;
    border-radius: 10px;
    bottom: 10px;
    color: #EFEFEF;
    height: 125px !important;
    opacity: .85;
    padding: 20px;
    position: fixed;
    right: 10px;
    text-align: center;
    width: 300px;
    z-index: 10000;
    left: 50%;
    top: 50%;
    -ms-transform: translate(-50%,-50%);
    -moz-transform:translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
     transform: translate(-50%,-50%);
    display: flex;
    justify-content: center;
    align-items: center;
}

.notify-info {
    color: #FFFFFF;
    background-color: #5BC0DE;
}

.notify-success {
    color: #FFFFFF;
    background-color: #5CB85C;
}

.notify-danger {
    color: #FFFFFF;
    background-color: #D9534F;
}

.notify-warning {
    color: #FFFFFF;
    background-color: #F0AD4E;
}

.notify .message {
    display: block;
    margin-top: 5px;
    font-size: 16px;
}

.notify .close {
    position: absolute;
    top: 9px;
    right: 13px;
    font-size: 30px;
    opacity: 1;
    text-shadow: 0 1px 0 #808080

}

.notify > a {
    float: right;
    font-size: 20px;
    color: #EFEFEF;
}

.alert-blue {
    color: #105182 !important;
    background-color: #a8cdea !important;
    border-color: #c0e3ff !important;
}

.alert-purple {
    color: #8c1992 !important;
    background-color: #c6bace !important;
    border-color: #c0e3ff !important;
}

@media(max-width:767px) {
    .notify {
        width: 265px;
    }

    .notify .message {
        display: block;
        font-size: 15px;
        margin-top: 0px;
    }
}

/* Widget - Pagination
------------------------------*/
.pagination {
    text-align: center;
    width: 100%;
}

.pagination li {
    display: inline-block;
}

.pagination a {
    color: #4595D1;
}

.pagination .active a {
    border-color: #4595D1;
    background-color: #4595D1;
    color: #FFFFFF;
}

.pagination>li:first-child > a,
.pagination>li:first-child > span,
.pagination>li:last-child > a,
.pagination>li:last-child > span {
    border-radius: 0;
}

/* Widget - Suggestion
-----------------------------*/
.input-suggestion {
    position: absolute;
    top: 34px;
    width: 100%;
    left: 0;
}

.input-suggestion ul {
    color: #333;
    background: #FFFFFF;
    border: 1px solid #d9d8e0;
    left: 0;
    list-style: none;
    max-height: 245px;
    overflow: auto;
    padding: 0;
    position: absolute;
    top: 2px;
    width: 95%;
    z-index: 1000;
}

.input-suggestion li {
    padding: 5px 10px;
}

.input-suggestion li.hover,
.input-suggestion li:hover {
    background: #f5f5f5;
}

@media screen and (max-width: 767px) {
    .input-suggestion ul {
        top: -2px;
        width: 100%;
    }
}

/* Widget - Tag Field
-----------------------------*/
.tag-field {
    border: 1px solid #CCCCCC;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    cursor: text;
    margin-bottom: 0;
    min-height: 36px;
}

.tag-field .tag {
    background-color: #F58020;
    border-radius: 4px;
    cursor: default;
    display: inline-block;
    margin: 2px 0 2px 2px;
    padding: 5px;
}

.tag-field .tag input[type="text"] {
    background: none;
    border: 0;
    box-shadow: none;
    color: #FFE493;
    outline: none;
    padding: 0;
    width: 24px;
}

.tag-field .tag input[type="text"]::-webkit-input-placeholder {
    color: #FFFFFF;
}

.tag-field .tag input[type="text"]::-moz-placeholder {
    color: #FFFFFF;
}

.tag-field .tag input[type="text"]:-ms-input-placeholder {
    color: #FFFFFF;
}

.tag-field .tag input[type="text"]input:-moz-placeholder {
    color: #FFFFFF;
}

.tag-field .tag .remove {
    color: #DB5E5E;
    padding-left: 5px;
}

/* Head - Desktop
------------------------------*/
.desktop-head .top .container {
    margin: 10px auto 0;
    color: blue;
}
.desktop-head .top .logo {
    padding-left: 0;
    margin-top: 0;
}

.desktop-head .top .logo h1 {
    margin-top: 10px;
}

.desktop-head .top .logo h1 a {
    display: inline-block;
}

.desktop-head .top .search-bar,
.desktop-head .top .login {
    margin: 15px 0;
    padding: 0;
}

.desktop-head .top .search-bar button {
    background: #4595D1;
    border: 1px solid #4595D1;
    height: 34px;
    width: 65px;
}

.desktop-head .top .login {
    padding-right: 0;
    text-align: right;
}

.desktop-head .top .login .icon {
    text-decoration: none;
}

.desktop-head .top .login .btn {
    padding: 5px 10px;
    font-size: 15px;
}

.desktop-head .top .login .btn i {
    display: inline-block;
    margin-right: 3px;
}

.desktop-head .top .login .btn .caret {
    display: inline-block;
    margin-left: 5px;
}

.desktop-head .top .login .btn,
.desktop-head .top .login .open > .dropdown-toggle.btn-success.focus,
.desktop-head .top .login .open > .dropdown-toggle.btn-success:focus,
.desktop-head .top .login .open > .dropdown-toggle.btn-success:hover {
    background: #46BE8A;
}

.desktop-head .top .login .btn.refer {
    background: #195684;
    border: 1px solid #195684;
    color: #fff;
}

.desktop-head .top .login .header-dropdown,
.mobile-head .mobile-dropdown .header-dropdown {
    background-color: #263248;
    margin-top: 10px;
    padding: 5px;
}

.desktop-head .top .login .header-dropdown a,
.mobile-head .mobile-dropdown .header-dropdown a {
    color: #FFFFFF;
}

.desktop-head .top .login .header-dropdown > li > a:focus,
.desktop-head .top .login .header-dropdown > li > a:hover,
.mobile-head .mobile-dropdown .header-dropdown > li > a:focus,
.mobile-head .mobile-dropdown .header-dropdown > li > a:hover {
    background-color: #454F62;
}

.desktop-head .top .login .header-dropdown .divider,
.mobile-head .mobile-dropdown .header-dropdown .divider {
    background-color: #515B6D;
}

.desktop-head .top .login .header-dropdown:after,
.desktop-head .top .login .header-dropdown:before,
.mobile-head .mobile-dropdown .header-dropdown:after,
.mobile-head .mobile-dropdown .header-dropdown:before {
    bottom: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.desktop-head .top .login .header-dropdown:after,
.mobile-head .mobile-dropdown .header-dropdown:after {
    border-bottom-color: #263248;
    right: 10px;
}

.desktop-head .top .login .header-dropdown:before,
.mobile-head .mobile-dropdown .header-dropdown:before {
    border-bottom-color: #263248;
    border-width: 7px;
    right: 10px;
}

.desktop-head .top .login span,
.mobile-head .mobile-dropdown .header-dropdown span {
    font-weight: 500;
}

.desktop-head .top .login span.total,
.mobile-head .mobile-dropdown .header-dropdown span.total {
    color: #46BE8A;
}

.desktop-head .top .login span.redeem,
.mobile-head .mobile-dropdown .header-dropdown span.redeem {
    color: #4390CA;
}

.desktop-head .menu {
   background: #4595D1;
   color: #FFFFFF;
   padding: 10px 0;
}

.desktop-head .menu ul {
    margin: 0;
    padding: 0;
}

.desktop-head .menu ul li {
    list-style: none;
    display: inline-block;
    border-right: 1px solid #fff;
}

.desktop-head .menu ul li a {
    color: #FFFFFF;
    /* margin-right: 42px; */
    font-size: 17px;
    margin: 0 auto;
    /* padding: 0 20px; */
}

@media (max-width: 1024px) {
    .desktop-head .top .login .btn {
        padding: 5px 5px;
        font-size: 13px;
    }
}

@media (max-width: 991px) {
    .page-modal .login-modal .modal-lg {
        /* width: 97%; */
        width: 750px;
    }

    .desktop-head .top .logo {
        text-align: center;
    }

    .desktop-head .menu nav > ul {
        /* float: none !important; */
    }

    .desktop-head .menu nav > .language {
        /* float: none !important;
        margin-top: 5px; */
    }

    .desktop-head .menu nav > .language .label {
        /* padding-left: 0; */
    }
}

@media (max-width: 800px) {
    /* .desktop-head .menu, .desktop-head .login-button { display: none; }
    .desktop-head .top .logo { display: none; }
    .desktop-head .top .login { display: none; }
    .desktop-head .top .search-bar { margin-top: 80px; } */
}

@media (max-width: 840px) {
    /* .login-modal .col-md-6:first-child { display: none; }
    .login-modal .col-md-6:nth-child(2) {
        width: 98%;
    } */
    .login-modal .form-inline .form-group {
        display: block;
    }

    .login-modal .form-inline .form-group,
    .login-modal .button {
        margin: 0 auto;
    }

    .login-modal label {
        text-align: left !important;
        width: 150px !important;
    }

    .login-modal label.block {
        display: none;
    }

    .login-modal .form-inline input[type="checkbox"] {
        display: inline;
        height: 11px;
        width: 13px;
    }

    .login-modal .indent.form-control.signup {
        width: 100%;
    }

    .login-modal .form-inline .form-group {
        margin-bottom: 0;
    }

    .login-modal .forgot {
        margin-left: auto;
        margin-right: auto;
    }
}

@media (max-width: 768px) {
    .login-modal .modal-form {
        float: none;
        margin: 0 auto;
    }

    .login-modal .language {
        padding-left: 0;
    }
}

@media (max-width: 767px) {
    .login-modal .forgot a { padding: 0 !important; }
}

@media (max-width: 689px) {
    .desktop-head .top .login { margin: 0; }
    .desktop-head .menu nav > ul {
        text-align: center;
    }

    .desktop-head .menu nav > .language {
        float: right !important;
    }

    .desktop-head .menu {
        overflow-x: scroll;
        padding: 7px 5px !important;
    }

    #menu-mobile {
        margin-top: 0;
    }
}

@media (max-width: 414px) {
    .desktop-head .top .login { margin: 0; }
    .desktop-head .top .logo h1 {
        margin-top: -20px;
    }

    .desktop-head .top .login {
        /* padding-right: 15px;
        text-align: right; */
    }

    .login-modal h3 { font-size: 17px; margin-bottom: 15px !important; margin-top: 8px !important; }
    .login-modal .form-inline .form-group { margin-bottom: 0 !important; }
}

/* Head - Mobile
------------------------------*/
.mobile-head {
    background-color: #FFFFFF;
    border-bottom: 1px solid #DEDEDE;
    box-shadow: 0px 2px 5px #DEDEDE;
    display: none;
    font-size: 14px;
    height: auto;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100;
}

.mobile-head .hamburger {
    align-items: center;
    display: flex;
    justify-content: flex-start;
    float:left;
    height: 60px;
    width: 25%;
}

.mobile-head .hamburger button {
    background: #FFFFFF;
    border: 0;
    float: left;
    font-size: 25px;
    font-weight: 600;
    color: #4595D1;
    outline: none;
    margin: 0 0 0 50px;
}

.mobile-head .logo {
    align-items: center;
    display: flex;
    float:left;
    height: 60px;
    justify-content: center;
    width: 50%;
}

.mobile-head .logo a {
    display: inline-block;
}

.mobile-head .logo img {
    height: 40px;
    max-width: 100%;
}

.mobile-head .mobile-dropdown {
    align-items: center;
    display: flex;
    float:left;
    height: 60px;
    justify-content: flex-end;
    width: 25%;
}

.mobile-head .icon {
    margin-right: 5px;
}

.mobile-head .icon img{
    width: 30px;
    height: 30px;
}

.mobile-head .login {
    align-items: center;
    display: flex;
    float:left;
    height: 60px;
    justify-content: flex-end;
    width: 25%;
}

.mobile-head .login .icon{
    margin-right: 5px
}

.mobile-head .login a {
    color: #4595D1;
    font-size: 25px;
    font-weight: 600;
}

@media (max-width: 800px) {
    .mobile-head {
        display: block !important;
    }

    .mobile-head div.logo .main-img {
        width: 350px;
    }

}

@media (max-width: 600px) {
    .mobile-head .mobile-dropdown .fa-money {
        display: none;
    }

    .mobile-head .icon {
        margin-right: 5px;
    }
}

@media (max-width: 420px) {
    .mobile-head .icon img{
        width: 20px;
        height: 20px;
    }
    .mobile-head .mobile-dropdown .btn.btn-success {
        padding: 3px;
    }

    .mobile-head .hamburger {
        width: 23%;
    }

    .mobile-head .hamburger button{
        margin: 0 0 0 30px;
    }

    .mobile-head .login {
        width: 30%;
    }

    .mobile-head .logo {
        width: 47%;
    }

    .mobile-head .mobile-dropdown {
        width: 30%;
    }
}

@media (max-width: 360px) {

    .mobile-head .hamburger {
        width: 18%;
    }

    .mobile-head .hamburger button{
        margin: 0 0 0 20px;
    }

    .mobile-head .logo {
        width: 47%;
    }

    .mobile-head .login {
        width: 35%;
    }

    .mobile-head .mobile-dropdown {
        width: 35%;
    }

    .mobile-head .logo img {
        height: 30px
    }
}

/* Head - Login Modal
------------------------------*/
.login-modal .modal-lg {
    width: 800px;
    margin-top: 80px;
}

.login-modal .modal-body {
   border-radius: 5px;
   /* display: flex;
   display: -webkit-flex; */
   /* overflow: hidden; */
   padding: 0;
}

.login-modal .bubble-wrap .bubble-1 {
    position: absolute;
    top: 44%;
    left: -10%;
    width: 140px;
    z-index: 99;
    transition: all .3s;
}

.login-modal .bubble-wrap .bubble-2 {
    position: absolute;
    top: -16%;
    left: 33%;
    width: 170px;
    z-index: 99;
    transition: all .3s;
}

.login-modal .bubble-wrap .bubble-3 {
    position: absolute;
    bottom: 10%;
    left: 47%;
    width: 60px;
    z-index: 99;
    transition: all .3s;
}

.login-modal .bubble-wrap .bubble-4 {
    position: absolute;
    bottom: -4%;
    right: -5%;
    width: 90px;
    z-index: 99;
    transition: all .3s;
}

.login-modal .bubble-wrap .bubble-1.active {
    width: 145px;
    transform: rotate(-4deg);
}

.login-modal .bubble-wrap .bubble-2.active  {
    width: 175px;
    transform: rotate(3deg);
}

.login-modal .bubble-wrap .bubble-3.active  {
    width: 55px;
    transform: rotate(-5deg);
}

.login-modal .bubble-wrap .bubble-4.active  {
    width: 92px;
    transform: rotate(4deg);
}

.login-modal .col-md-6:first-child {
   /* flex: 1;
   -webkit-flex: 1;
   overflow: hidden;
   padding-left: 0; */
}

.login-modal .col-md-6:first-child img {
    /* height: auto;
    object-fit: cover;
    width: auto; */
}

.login-modal .col-md-6:nth-child(2) {
    /* padding-top: 14px; */
}

.login-modal .image {
    margin: 0 auto;
}

.login-modal .language {
    margin: 0 10px;
    font-size: 16px;
    padding-top: 5px;
    padding-left: 8px;
}

.login-modal .close {
    position: absolute;
    right: 12px;
    top: 3px;
}

.login-modal .close span {
    font-size: 35px;
}

.login-modal .help-work {
    position: absolute;
    right: 12px;
    bottom: 8px;
}

.login-modal .help-work a {
    color: #9b9b9b;
    text-decoration: none;
}

.login-modal .forgot {
    padding-left: 16px;
    margin-bottom: 17px;
    margin-top: -7px;
    max-width: 394px;
}

.login-modal h3 {
    color: #6F6E71;
    margin-bottom: 30px;
    margin-top: 20px;
}

.login-modal label {
   font-size: 15px;
   font-weight: 100;
   margin-right: 20px;
   text-align: right;
   width: 95px;
}

.login-modal .form-inline .form-group {
    margin-bottom: 13px;
    max-width: 394px;
}

.login-modal .form-inline input[type="text"],
.login-modal .form-inline input[type="password"] {
    /* min-width: 250px; */
}

.login-modal .form-inline input[type="checkbox"] {
    box-shadow: none;
    margin-top: 0;
}

.login-modal .indent.form-control {
    border: 0;
    box-shadow: none;
    padding: 0;
    font-size: 16px;
}

.login-modal .indent.form-control.signup a {
    color: #0F2949;
}

.login-modal .forgot a,
.login-modal .forgot button {
    color: #9EA0A1;
    padding-right: 25px !important;
}

.login-modal .button {
    height: 40px;
    line-height: 25px;
    width: 250px;
    font-size: 18px;
    text-decoration: none;
    color: #fff;
}

.login-modal .button i{

}

.login-modal .alert {
   font-size: 13px;
   padding: 8px 15px;
}

.login-modal form.login {
    display: none;
}

/* Store Terms Modal
------------------------------*/
#store-terms-modal .modal-body {
    max-height: 370px;
    overflow-y: auto;
}

/* Promotion Warning Modal
------------------------------*/
#promotion-warning-modal .modal-body {
    max-height: 370px;
    overflow-y: auto;
}

/* Aside Nav
------------------------------*/
.nav-aside {
    background-color: #4595D1;
    height: 100%;
    left: 0;
    margin-left: -275px;
    overflow-x: hidden;
    overflow-y: scroll;
    position: fixed;
    top: 0;
    transition: 0.5s;
    width: 275px;
    z-index: 9999;
}

.nav-aside a {
    border-bottom: 1px solid #EDEDED;
    color: #333333;
    display: block;
    font-size: 18px;
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    transition: 0.3s;
    white-space: nowrap;
}

.nav-aside a.customer-name,
.nav-aside a:hover,
.nav-aside a:focus,
.nav-aside a:hover {
    outline: 0;
    box-shadow: none;
}

.nav-aside .accordion {
    padding: 0;
    margin: 0;
}

.nav-aside .accordion > li.language a i {
    position: relative;
    top: 0px;
    left: 0px;
}

.nav-aside .accordion > li.profile .link {
    padding-left: 5px;
}

.nav-aside .accordion > li.profile .link .image {
    float: left;
    width: 30%;
}

.nav-aside .accordion > li.profile .link  .image .image-wrapper {
    width: 50px;
    height: 50px;
}

.nav-aside .accordion > li.profile .link  .image .image-wrapper img {
    border-radius: 50%;
    width: 50px;
    height: 50px;
    object-fit: cover;
    object-position: center;
    max-width: 100%;
    min-height: 100%;
}

.nav-aside .accordion > li.profile .name {
    float: right;
    width: 70%
}

.nav-aside .accordion > li.profile .name h5 {
    font-weight: 700;
    margin: 10px 0 0 0;
}

.nav-aside .accordion > li.profile .name p {
    font-weight: 700;
}

.nav-aside .accordion > li {
    padding: 0 20px;
}

.nav-aside .accordion > li .no-sub a {
    background: transparent;
    border-bottom: 1px solid #70aedc;
    color: #FFFFFF;
    font-size: 15px;
    /* padding: 15px 15px 15px 48px; */
    padding: 15px;
    position: relative;
}

.nav-aside .accordion > li .no-sub a:active,
.nav-aside .accordion > li .no-sub a:hover {
    background: transparent;
}

.nav-aside .accordion .link {
    font-size: 15px;
    color: #FFFFFF;
    /* padding: 15px 15px 15px 48px; */
    padding: 15px;
    border-bottom: 1px solid #70aedc;
    display: block;
    position: relative;
    transition: all 0.4s ease;
}

.nav-aside .accordion li:last-child .link {
    border-bottom: 0;
}

.nav-aside .accordion li i {
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    color: #FFFFFF;
    font-size: 16px;
    left: 16px;
    position: absolute;
    top: 19px;
    transition: all 0.4s ease;
}

.nav-aside .accordion li i.fa-chevron-down {
    color: #FFFFFF;
    font-size: 13px;
    left: auto;
    right: 12px;
}

.nav-aside .accordion li.open .link {
    color: #D9D9D9;
}

.nav-aside .accordion li.open.profile .link {
    color: #FFFFFF;
}
.nav-aside .accordion li.open i {
    color: #D9D9D9;
}
.nav-aside .accordion li.open i.fa-chevron-down {
    transform: rotate(180deg);
}

.nav-aside .submenu {
    display: none;
    background: transparent;
    font-size: 15px;
    padding: 0 0 0 30px;
}

.nav-aside .submenu li {
    list-style-type: none;
}

.nav-aside .submenu a {
    -moz-transition: all 0.25 ease;
    -o-transition: all 0.25 ease;
    -webkit-transition: all 0.25 ease;
    border-bottom: 1px solid #70aedc;
    color: #d9d9d9;
    display: block;
    font-size: 15px;
    padding: 12px 12px 12px 18px;
    text-decoration: none;
    transition: all 0.25 ease;
}

.nav-aside .submenu a:hover {
    background: transparent;
    color: #FFFFFF;
}

.overlay-menu {
    background: rgba(0, 0, 0, 0.6);
    height: 100%;
    opacity: 0;
    position: fixed;
    top: 0;
    transition: .5s;
    width: 100%;
    z-index: -2;
}

/* Foot
------------------------------*/
.foot {
    color: #FFFFFF;
}

.foot .sitemap {
    background: #192732;
    /* padding-bottom: 20px; */
}

.foot .sitemap hr {
    border-top: 1px solid #1F2022;
    margin: 30px 0;
}

.foot .sitemap .first-layer {
    padding-top: 40px;
}

.foot .sitemap .first-layer a {
    color: #FFFFFF;
}

.foot .sitemap .first-layer .title {
    font-family: sans-serif;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 20px;
    margin-top: 26px;
    margin: 10px 0;
    display: block;
}

.foot .sitemap .first-layer img {
    margin-bottom: 25px;
}

.foot .sitemap .first-layer .una div {
    margin-left: 17px;
}

.foot .sitemap .first-layer > div {
    margin-bottom: 10px;
}

.foot .sitemap .first-layer .policy .socials {
    margin-top: 15px;
}

.foot .sitemap .first-layer .eclipse {
    background: #B3B3B3;
    border-radius: 30px;
    color: #192732;
    font-size: 25px;
    float: left;
    height: 60px;
    line-height: 65px;
    margin-right: 10px;
    text-align: center;
    width: 60px;
}

.foot .sitemap .second-layer {
    margin-top: 25px;
}

.foot .sitemap .second-layer > .col-md-4 {
    margin-bottom: 20px;
    text-align: center;
    font-family: 'RSUBold';
}

.foot .sitemap .second-layer > .col-md-8 {
    font-size: 14px;
    color: #A3A6A9;
    margin-bottom: 80px;
}

.foot .sitemap .sitemap-links ul li {
    border-right: 1px solid #FFFFFF;
    display: inline-block;
    font-size: 12px;
    list-style: none;
    padding-right: 5px;
}

.foot .sitemap .sitemap-links ul li:first-child {
    color: #00DEFE;
    font-weight: 900;
}

.foot .sitemap .sitemap-links ul li:first-child,
.foot .sitemap .sitemap-links ul li:last-child {
    border-right: none;
    font-size: 15px;
}

.foot .sitemap .sitemap-links ul li a {
    color: #FFFFFF;
    font-size: 15px;
}

.foot .copyright {
    background: #131E26;
    padding: 10px 0;
}

.foot .footer-header, .foot .footer-content {
    display: inline;
    margin: 0;
    font-size: 14px;
}

@media (max-width: 991px) {
    .foot .sitemap .first-layer .una {
        /* text-align: center; */
    }

    .foot .sitemap .first-layer > .col-md-8 {
        /* text-align: center; */
    }

    .foot .sitemap .first-layer .policy {
        width: 100%;
    }

    .foot .sitemap .first-layer .policy .socials {
        display: flex;
        justify-content: center;
        width: 100%;
    }

    .foot .sitemap .second-layer {
        margin: 20px 0;
    }

    .foot .sitemap .second-layer > .col-md-8 {
        margin-bottom: 5px;
    }

    .foot .sitemap .sitemap-links > ul {
        padding-left: 30px;
        padding-right: 15px;
    }
}

/*
    - Page - 404
    - Page - 500
------------------------------*/
.page-error body > .wrapper {
    background-color: #F4F4F4;
    margin-top: 0;
    /* padding-top: 40px; */
}

.page-error p {
    font-size: 20px;
    line-height: 30px;
    margin: 0;
    text-align: center;
}

.page-error .body {
    background: #EEEEEE;
    padding-top: 40px;
}

.page-error .body .image {
    /* padding: 30px 0; */
}

.page-error .body .page-error-wrapper {
    background: #FFFFFF;
    border: 1px solid #D6D6D6;
    margin: 0 auto 50px auto;
    padding: 15px 25px;
    width: 750px;
}

/* Page - Home
------------------------------*/
.page-home .mobile-tabs {
    display: none;
}

.page-home .first {
    background: #F5F5F5;
}

.page-home .first .banner {
    margin-bottom: 2px;
}

.page-home .first .banner .slick-dots {
    z-index: 100;
    left: 0;
}

.page-home .first .banner .slick-dots li {
    margin: 0;
    width: 10px;
}

.page-home .first .banner .col-md-8 {
    padding: 10px 0 0 0;
    width: 68%
}

.page-home .first .banner .col-md-8 .carousel-indicators{
    bottom: 0 !important;
}

.page-home .first .banner .col-md-8 .content .left .big {
    color: #F0D111;
    font-size: 42px;
    margin-top: -200px;
    margin-left: 55px;
    position: absolute;
}

.page-home .first .banner .col-md-8 .content .left .dealcha {
    color: #FFFFFF;
    font-size: 43px;
    margin-top: -156px;
    margin-left: 55px;
    position: absolute;
}

.page-home .first .banner .col-md-8 .content .left .btn {
    background: #F0D111;
    color: #263248;
    margin-top: -160px;
    margin-left: 55px;
    padding: 6px 20px;
}

.page-home .first .banner .col-md-4 {
    margin-top: 10px;
    padding: 0 0 0 10px;
    width: 31%;
}

@media (max-width: 1199px) {
    .page-home .first .banner .col-md-4 {
        width: 292px;
    }
}

.page-home .first .banner .col-md-4 img{
    width: 100%;
}

.page-home .first .banner .col-md-4 .bullet-content {
    display: block;
}

.page-home .first .banner .col-md-4 .banner-content a {
    color: #FFFFFF;
    display: block;
    font-size: 22px;
    font-weight: 600;
    left: 40px;
    position: absolute;
    top: 20px;
    font-family: 'RSUBold';
}

.page-home .first .banner .col-md-4 .banner-content a:hover,
.page-home .first .banner .col-md-4 .banner-content a:focus,
.page-home .first .banner .col-md-4 .bullet-content a:hover,
.page-home .first .banner .col-md-4 .bullet-content a:focus {
    text-decoration: none;
}

.page-home .first .banner .col-md-4 .bullet-content span:first-child {
    color: #222222;
    font-size: 13px;
    left: 67px;
    position: absolute;
    top: 145px;
}

.page-home .first .banner .col-md-4 .bullet-content span:nth-child(2) {
    color: #222222;
    font-size: 13px;
    left: 163px;
    position: absolute;
    top: 145px;
}

.page-home .first .banner .col-md-4 .bullet-content span:nth-child(3) {
    color: #222222;
    font-size: 13px;
    left: 241px;
    position: absolute;
    top: 145px;
}

.page-home .first .banner .col-md-4 .bullet-content .article-thai:first-child {
    color: #222222;
    font-size: 11px;
    left: 65px;
    position: absolute;
    top: 145px;
}

.page-home .first .banner .col-md-4 .bullet-content .article-thai:nth-child(2) {
    color: #222222;
    font-size: 11px;
    left: 174px;
    position: absolute;
    top: 145px;
}

.page-home .first .banner .col-md-4 .bullet-content .article-thai:nth-child(3) {
    color: #222222;
    font-size: 11px;
    left: 250px;
    position: absolute;
    top: 145px;
}

.page-home .first h3 {
    margin: 0;
}

.page-home .first .carousel .item {
    height: 264px;
}

.page-home .first .carousel img {
    height: 100%;
    width: auto !important;;
    max-height: none;
}

.page-home .first .carousel-indicators, .banner .carousel-indicators {
    bottom: 0;
    margin-bottom: 0;
}

.page-home .first .carousel-indicators li, .banner .carousel-indicators li {
    background-color: #7A8077;
    border: none;
    height: 11px;
    opacity: 0.3;
    width: 11px;
}

.page-home .first .carousel-indicators .active, .banner .carousel-indicators active {
    opacity: .7;
}

.page-home .first .stores {
    display: inline-block;;
    /* margin: 0;
    width: 100%; */
    margin: 0 -4px;
    /* width: 102%; */
    background: #f6f6f6;
}

.page-home .first .stores.hide-s,
.page-stores .dealcha-category .stores.hide-s {
    display: none;
}

.page-home .first .stores .store-wrap {
    padding: 5px;
}

.page-home .first .stores .store {
    display: block;
    background: #FFFFFF;
    /* border: 1px solid #f5f5f5; */
    /* padding: 16px 25px; */
    /* border-right: 1px solid #f5f5f5;
    border-bottom: 1px solid #f5f5f5; */
    border-radius: 8px;
    box-shadow: 0 1px 2px 0 #cacaca;
    padding: 10px;
    text-align: center;
    transition: all 0.2s;
}

.page-home .first .stores .store:hover {
    /* box-shadow: 0px 0px 5px 0px #00000054; */
    background-color: #fbfbfc;
    text-decoration: none;
    z-index: 9;
}

.page-home .first .stores .store:hover,
.page-home .first .stores .store:focus {
    outline: 0;
    text-decoration: none;
}

.page-home .first .stores .store .store-logo {
    align-items: center;
    display: flex;
    height: 57px;
    justify-content: center;
}

.page-home .first .stores .store img {
    max-width: 100%;
    max-height: 100%;
}

.page-home .first .stores .store .cashback {
    position: relative;
    /* color: #F00; */
    color: #40485a;
    font-size: 14px;
    margin: 0;
    white-space: nowrap;
    /* height: 35px; */
    border-top: 1px solid #f6f6f6;
    padding-top: 10px;
    margin-top: 5px;
}

.page-home .first .stores .store .cashback.only-app {
    padding: 5px 0;
}

.page-home .first .stores .store .cashback .tagline-cashback {
    position: absolute;
    bottom: -11px;
    left: 0;
    width: 100%;
    text-align: center;
    font-size: 14px;
}

.page-home .first .stores .store .btn {
    border-color: #4595D1;
    color: #4595d1;
    font-size: 11px;
    width: 100%;
}

.page-home .first .stores .store .btn:hover {
    background: #4595D1;
    color: #FFFFFF;
}

.page-home .first .deals-wrapper {
    display: none;
}

.page-home .first .carousel-control, .banner .carousel-control {
    background-image: none;
    color: #BABEC1;
}

.page-home .first .carousel a.left.carousel-control {
    margin-left: -60px;
    width: 25px;
}

.page-home .first .carousel a.right.carousel-control {
    margin-right: -60px;
    width: 25px;
}

.page-home .first h3 {
    margin-top: 0;
    margin-right: 50px;
    font-size: 36px;
    font-family: 'RSUBold';
}

.page-home .first .deal-nav ul {
    padding-left: 0;
}

.page-home .first .deal-nav ul li {
    display: inline-block;
    list-style: none;
    margin-right: 20px;
}

.page-home .first .deal-nav ul li a {
    color: #999999;
    line-height: 26px;
}

.page-home .first .pull-right .underlined-link {
    line-height: 26px;
}

.page-home .first .deal-carousel {
    margin-top: 20px;
}

.page-home .first .featured {
    padding: 0;
    width: 445px;
}

.page-home .first .featured a {
    color: #333333;
}

.page-home .first .featured a:hover {
    color: #333333;
    text-decoration: none;
}

.page-home .first .featured img {
    width: 100%;
}

.page-home .first .social ul {
    border: 1px solid #D7D7D7;
    color: #C9C9C9;
    font-size: 15px;
    padding: 10px;
    background: #fff;
}

.page-home .first .product-name {
    font-size: 14px;
    height: 40px;
    overflow: hidden;
    padding: 0px 10px 5px 10px;
    border: 1px solid #D7D7D7;
    background: #fff;
}

.page-home .first .social ul li {
    display: inline-block;
    list-style: none;
    margin-right: 20px;
}

.page-home .first .social ul li:last-child {
    margin-right: 0;
}

.page-home .first .deals {
    padding: 0;
    width: 695px;
}

.page-home .first .deals a {
    color: #333333;
}

.page-home .first .deals a:hover {
    text-decoration: none;
}

.page-home .first .deals .deal {
    margin-bottom: 6px;
    padding-right: 0;
}

.page-home .first .featured .deal-wrapper {
    position: relative;
}

.page-home .first .featured .deal-wrapper .image-wrapper {
    align-items: center;
    border-top: 1px solid #d6d6d6;
    border-left: 1px solid #d6d6d6;
    border-right: 1px solid #d6d6d6;
    display: flex;
    justify-content: center;
    min-height: 493px;
    width: 100%;
}

.page-home .first .featured .deal-wrapper .image-wrapper img {
    width: 100% !important;
    height: auto !important;
}

.page-home .first .featured .deal-wrapper .store {
    height: 30px;
    left: 10px;
    position: absolute;
    top: 12px;
    width: 100px;
}

.page-home .first .featured .deal-wrapper .store img {
    width: 100%;
}

.page-home .first .featured .deal-wrapper .off {
    border-left: 100px solid transparent;
    border-top: 100px solid #F95558;
    height: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 0;
}

.page-home .first .featured .deal-wrapper .off .off-wrapper {
    line-height: 18px;
    position: absolute;
    right: 9px;
    top: -82px;
}

.page-home .first .featured .deal-wrapper .off .off-wrapper p {
    color: #FFFFFF;
    margin: 0;
}

.page-home .first .featured .deal-wrapper .off .off-wrapper p:nth-child(1) {
    font-size: 24px;
    font-weight: 700;
}

.page-home .first .featured .deal-wrapper .off .off-wrapper p:nth-child(2) {
    font-size: 10px;
    text-align: right;
    font-weight: 700;
}

.page-home .first .featured .deal-wrapper .cash-back {
    bottom: 0;
    position: absolute;
    right: 0;
}

.page-home .first .featured .deal-wrapper .cash-back .cash {
    background: #F0D111;
    font-size: 19px;
    font-weight: 700;
    padding: 2px 30px;
    text-align: center;
}

.page-home .first .featured .deal-wrapper .cash-back .percent {
    background: #195684;
    color: #FFFFFF;
    font-size: 12px;
    padding: 3px 21px;
}

.page-home .first .deals .deal .deal-wrapper {
    position: relative;
}

.page-home .first .deals .deal .deal-wrapper .image-wrapper {
    align-items: center;
    border-top: 1px solid #D6D6D6;
    border-left: 1px solid #D6D6D6;
    border-right: 1px solid #D6D6D6;
    display: flex;
    justify-content: center;
    max-height: 217px;
    min-height: 215px;
    overflow: hidden;
    width: 100%;
}

.page-home .first .deals .deal .deal-wrapper .image-wrapper img {
    width: 100%;
}

.page-home .first .deals .deal .deal-wrapper .store {
    height: 30px;
    left: 10px;
    position: absolute;
    top: 12px;
    width: 100px;
}

.page-home .first .deals .deal .deal-wrapper .store img {
    width: 100%;
}

.page-home .first .deals .deal .deal-wrapper .off {
    border-left: 70px solid transparent;
    border-top: 70px solid #F95558;
    height: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 0;
}

.page-home .first .deals .deal .deal-wrapper .off .off-wrapper {
    line-height: 15px;
    position: absolute;
    right: 9px;
    top: -62px;
}

.page-home .first .deals .deal .deal-wrapper .off .off-wrapper p {
    color: #FFFFFF;
    margin: 0;
}

.page-home .first .deals .deal .deal-wrapper .off .off-wrapper p:nth-child(1) {
    font-size: 16px;
    font-weight: 700;
}

.page-home .first .deals .deal .deal-wrapper .off .off-wrapper p:nth-child(2) {
    font-size: 10px;
    text-align: right;
    font-weight: 700;
}

.page-home .first .deals .deal .deal-wrapper .cash-back {
    bottom: 0;
    position: absolute;
    right: 0;
}

.page-home .first .deals .deal .deal-wrapper .cash-back .cash {
    background: #F0D111;
    font-size: 16px;
    font-weight: 700;
    padding: 2px 30px;
    text-align: center;
}

.page-home .first .deals .deal .deal-wrapper .cash-back .percent {
    background: #195684;
    color: #FFFFFF;
    font-size: 12px;
    padding: 3px 10px;
    text-align: center;
}

.page-home .first .deals .deal .deal-wrapper .cash-back .fixed-amount {
    background: #195684;
    color: #FFFFFF;
    font-size: 19px;
    padding: 10px 25px;
    text-align: center;
}

.page-home .second {
    padding: 2px 0;
    background: #F5F5F5;
}

.page-home .fifth {
    background: #F5F5F5;
    margin: 0;
    box-shadow: none;
}

.page-home .carousel-control {
    background-image: none;
    color: #BABEC1;
}

.page-home .second .carousel a.left.carousel-control,
.page-home .fifth .carousel a.left.carousel-control {
    /* margin-left: -60px; */
    width: 25px;
}

.page-home .second .carousel a.right.carousel-control,
.page-home .fifth .carousel a.right.carousel-control {
    /* margin-right: -60px; */
    width: 25px;
}

.page-home .fifth .carousel-control .glyphicon-chevron-right,
.page-home .fifth .carousel-control .glyphicon-chevron-left {
    top: 45%;
}


.page-home .second .deal-subject {
    margin-top: 0;
    margin-right: 50px;
    font-family: 'RSUBold';
    font-size: 36px;
}

.page-home .second .deal-nav ul {
    padding-left: 0;
    margin-top: 5px;
}

.page-home .second .deal-nav ul li {
    display: inline-block;
    list-style: none;
    margin-right: 20px;
}

.page-home .second .deal-nav ul li a {
    color: #999999;
    line-height: 26px;
}

.page-home .second .pull-right .underlined-link {
    line-height: 26px;
    margin-top: 5px;
}

.page-home .second .deal-carousel {
    margin-top: 0px;
    padding: 10px;
    background: #fff;
}

.page-home .second .featured {
    padding: 0;
    width: 347px;
}

.page-home .second .featured a {
    color: #333333;
}

.page-home .second .featured a.vote-promo {
    color: #4595d1;
    text-decoration: none;
}

.page-home .second .featured a:hover {
    text-decoration: none;
    color: #4595d1;
}

.page-home .second .featured img {
    width: 100%;
}

.page-home .second .featured .product-name {
    font-size: 18px;
    height: 80px;
    overflow: hidden;
    padding: 15px 10px;
    border: 1px solid #D7D7D7;
    text-align: center;
    border-bottom: 0px;
}

.page-home .second .product-name {
    font-size: 14px;
    height: 42px;
    overflow: hidden;
    padding: 2px 10px 3px 10px;
    border: 1px solid #D7D7D7;
    border-bottom: 0px;
}

.page-home .second .social ul {
    border: 1px solid #D7D7D7;
    color: #C9C9C9;
    font-size: 15px;
    padding: 10px;
}

.page-home .second .social ul li {
    display: inline-block;
    list-style: none;
    margin-right: 20px !important;
}

.page-home .second .social ul li:last-child {
    margin-right: 0;
}

.page-home .second .deals {
    font-family: Roboto, sans-serif !important;
    font-size: 14px;
    padding: 0;
    width: 695px;
}

.page-home .second .deals a {
    color: #333333;
    text-decoration: none;
}

.page-home .second .deals a.vote-promo {
    color: #4595d1;
    text-decoration: none;
}

.page-home .second .deals a:hover {
    text-decoration: none;
    color: #4595d1;
}

.page-home .second .deals .deal {
    margin-bottom: 6px;
    padding-right: 0;
}

.page-home .second .featured .deal-wrapper {
    position: relative;
}

.page-home .second .featured .deal-wrapper .image-wrapper {
    align-items: center;
    border-top: 1px solid #d6d6d6;
    border-left: 1px solid #d6d6d6;
    border-right: 1px solid #d6d6d6;
    display: flex;
    justify-content: center;
    min-height: 493px;
    width: 100%;
}

.page-home .second .featured .deal-wrapper .image-wrapper img {
    width: 100%;
}

.page-home .second .featured .deal-wrapper .store {
    height: 30px;
    left: 10px;
    position: absolute;
    top: 12px;
    width: 100px;
}

.page-home .second .featured .deal-wrapper .store img {
    width: 100%;
}

.page-home .second .featured .deal-wrapper .off {
    border-left: 100px solid transparent;
    border-top: 100px solid #F95558;
    height: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 0;
}

.page-home .second .featured .deal-wrapper .off .off-wrapper {
    line-height: 18px;
    position: absolute;
    right: 9px;
    top: -82px;
}

.page-home .second .featured .deal-wrapper .off .off-wrapper p {
    color: #FFFFFF;
    margin: 0;
}

.page-home .second .featured .deal-wrapper .off .off-wrapper p:nth-child(1) {
    font-size: 24px;
    font-weight: 700;
}

.page-home .second .featured .deal-wrapper .off .off-wrapper p:nth-child(2) {
    font-size: 10px;
    text-align: right;
    font-weight: 700;
}

.page-home .second .featured .deal-wrapper .cash-back {
    bottom: 0;
    position: absolute;
    right: 0;
}

.page-home .second .featured .deal-wrapper .cash-back .cash {
    background: #F0D111;
    font-size: 19px;
    font-weight: 700;
    padding: 2px 30px;
    text-align: center;
}

.page-home .second .featured .deal-wrapper .cash-back .percent {
    background: #195684;
    color: #FFFFFF;
    font-size: 14px;
    padding: 3px 21px;
}

.page-home .second .deals .deal .deal-wrapper {
    position: relative;
}

.page-home .second .deals .deal .deal-wrapper .image-wrapper {
    align-items: center;
    border-top: 1px solid #D6D6D6;
    border-left: 1px solid #D6D6D6;
    border-right: 1px solid #D6D6D6;
    display: flex;
    justify-content: center;
    max-height: 215px;
    min-height: 215px;
    overflow: hidden;
    width: 100%;
}

.page-home .second .deals .deal .deal-wrapper .image-wrapper img {
    width: 100%;
}

.page-home .second .deals .deal .deal-wrapper .store {
    height: 30px;
    left: 10px;
    position: absolute;
    top: 12px;
    width: 100px;
}

.page-home .second .deals .deal .deal-wrapper .store img {
    width: 100%;
}

.page-home .second .deals .deal .deal-wrapper .off {
    border-left: 70px solid transparent;
    border-top: 70px solid #F95558;
    height: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 0;
}

.page-home .second .deals .deal .deal-wrapper .off .off-wrapper {
    line-height: 15px;
    position: absolute;
    right: 9px;
    top: -62px;
}

.page-home .second .deals .deal .deal-wrapper .off .off-wrapper p {
    color: #FFFFFF;
    margin: 0;
}

.page-home .second .deals .deal .deal-wrapper .off .off-wrapper p:nth-child(1) {
    font-size: 16px;
    font-weight: 700;
}

.page-home .second .deals .deal .deal-wrapper .off .off-wrapper p:nth-child(2) {
    font-size: 10px;
    text-align: right;
    font-weight: 700;
}

.page-home .second .deals .deal .deal-wrapper .cash-back {
    bottom: 0;
    position: absolute;
    right: 0;
}

.page-home .second .deals .deal .deal-wrapper .cash-back .cash {
    background: #F0D111;
    font-size: 17px;
    font-weight: 700;
    padding: 2px 30px;
    text-align: center;
}

.page-home .second .deals .deal .deal-wrapper .cash-back .percent {
    background: #195684;
    color: #FFFFFF;
    font-size: 14px;
    padding: 3px 10px;
    text-align: center;
}

.page-home .second .deals .deal .deal-wrapper .cash-back .fixed-amount {
    background: #195684;
    color: #FFFFFF;
    font-size: 18px;
    padding: 12px;
    text-align: center;
}

.page-home .third {
    background: url('/dealcha-dev/web/images/background/background-2.jpg');
    background-size: cover;
    padding: 40px 0;
}

.page-home .third h1 {
    color: #4595D1;
    font-size: 4em;
    font-family: 'RSUBold';
}

.page-home .third h3 {
    color: #34515A;
    line-height: 40px;
    font-family: 'RSULight';
    font-size: 2em;
}

.page-home .fourth {
    background: #F5F5F5;
    padding: 30px;
    display: block;
    width: 100%;
}

.page-home .fourth h3 {
    font-size: 36px;
    font-family: 'RSUBold';
    margin:10px 0;
}

.page-home .fourth .testimonials {
    text-align: center;
}

.page-home .fourth .testimonials .testi {
    background: #FFFFFF;
    margin-right: 25px;
    padding: 25px;
    width: 360px;
    float: none;
    display: inline-block;
}

.page-home .fourth .testimonials .testi:last-child {
    margin-right: 0;
}

.page-home .fourth .testimonials .testi .user-img {
    border-radius: 55px;
    height: 110px;
    overflow: hidden;
    width: 110px;
    max-height: 110px;

}

.page-home .fourth .testimonials .testi .user-img img {
    width: 100%;
}

.page-home .fourth .testimonials .testi .details {
    margin-left: 20px;
    width: 58%;
    max-height: 108px;
}

.page-home .fourth .testimonials .testi .details .name {
    color: #4595D1;
    font-size: 18px;
    margin-bottom: 20px;
    font-family: 'RSUBold';
}

.page-home .fourth .testimonials .testi .details .message {
    font-size: 13px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.page-home .fourth .testimonials img {
    width: 200px;
    height: 200px;
    object-fit: cover;
    object-position: center;
    border-radius: 50%;
}

.page-home .fourth .testimonials .carousel-control {
    text-shadow: none;
    opacity: 1;
}

.page-home .fourth .testimonials .carousel-control span {
    background: #96daee;
    color: #fff !important;
    font-size: 20px !important;
    font-weight: 700;
    width: 40px !important;
    height: 40px !important;
    border-radius: 50%;
    padding-top: 9px;
    box-shadow: none;
}

.page-home .fourth .testimonials .title {
    font-size: 26px;
    margin-bottom: 25px;
}

.page-home .fourth .testimonials .name {
    position: relative;
    color: #4595d3;
}

.page-home .fourth .testimonials .name .fa-quote-left {
    position: absolute;
    top: 0;
    left: -50px;
    font-size: 42px;
    color: #96d9ed;
}

.page-home .fourth .testimonials .message {
    width: 300px;
}

@media screen and (max-width: 676px) {
    .page-home .fourth .testimonials img {
        width: 150px;
        height: 150px;
    }

    .page-home .fourth .testimonials .text-right {
        text-align: center;
    }

    .page-home .fourth .testimonials .title {
        font-size: 20px;
        margin-top: 10px;
        margin-bottom: 15px;
        margin-left: -45px;
        text-align: center;
    }

    .page-home .fourth .testimonials .message {
        width: 100%;
    }
}

.page-home .fifth h3 {
    margin-top: 35px;
    font-family: 'RSUBold';
    font-size: 36px;
}

.page-home .fifth .blog-carousel {
    margin-bottom: 0;
    padding-top: 4px;
    /* background: #fff; */
}

.page-home .fifth .blog-carousel .news {
    /* border: 1px solid #CCCCCC; */
    margin-bottom: 20px;
    /* margin-right: 9px; */
    /* max-width: 273px; */
    padding: 5px;
    width:25%;
}

.page-home .fifth .blog-carousel .carousel-control.right {
    right: -40px;
}

.page-home .fifth .blog-carousel .carousel-control.left {
    left: -40px;
}

.page-home .fifth .blog-carousel .news:first-child {
    margin-left: 0;
}

.page-home .fifth .blog-carousel .news:nth-child(4n+4) 
{
    margin-right: 0;
}

.page-home .fifth .blog-carousel .news .bordered {
    border: 1px solid #CCCCCC;
    border-top: 1px solid #FFFFFF;
}

.page-home .fifth .blog-carousel .item.active { display:flex !important; flex-wrap: wrap; }

.page-home .fifth .blog-carousel .carousel-inner .img-container,
.news .img-container {
    /* max-height: 145px; */
    overflow: hidden;
    margin-bottom: 5px;
    text-align: center;
}

.news .column-wrapper {
    margin-top: 10px;
}

.page-home .fifth .blog-carousel .news img,
.news img {
    /* border-bottom: 1px solid #FFFFFF; */
    height: auto;
    width: 100%;
    /* max-width: 300px; */
}

.page-home .fifth .blog-carousel .news .date {
    color: #B1B0B0;
    font-size: 12px;
    padding: 2px 20px 12px;
}

.page-home .fifth .blog-carousel .news .title,
.news .title {
    padding-top: 3px;
    color: #333;
    /* padding: 0 20px; */
    display: -webkit-box;
    max-width: 368px;
    margin: 0 auto;
    font-size: 14px;
    line-height: 1.5;
    height: 48px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.page-home .fifth .blog-carousel .news .title a,
.news a {
    color: #333;
    text-decoration: none;
}

.page-home .fifth .blog-carousel .news .detail {
    padding: 10px 20px;
    padding: 10px 20px;
    display: -webkit-box;
    max-width: 291px;
    height: 55.2px;
    margin: 0 auto;
    font-size: 12px;
    line-height: 1.4;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.page-home .sixth {
    background: #4595D1;
    color: #FFFFFF;
    margin-bottom: 25px;
}

.page-home .sixth h3 {
    margin-top: 25px;
}

.page-home .sixth .col-md-5 {
    padding: 30px 15px;
}

.page-home .sixth .col-md-5 input {
    color: #808181;
    height: 42px;
    margin-right: 20px;
    padding: 20px 40px;
}

.page-home .sixth .col-md-5 .notif {
    margin-top: 8px;
    width: 220px;
}

.page-home .sixth .col-md-5 .notif.error {
    color: #8a3232;
}

.page-home .sixth .col-md-5 .notif.success {
    color: #FFFFFF;
}

.page-home .sixth .col-md-5 button {
    background-color: #46BE8A;
    height: 46px;
    font-size: 15px;
    font-weight: 600;
    padding: 10px 40px;
}

.page-home .seventh {
    padding-bottom: 50px;
}

.page-home .seventh h3 {
    font-size: 36px;
    margin-bottom: 20px;
    text-align: center;
}

.page-home .seventh .featured {
    /* text-align: center; */
}

.page-home .seventh .featured ul {
    margin: 0;
    padding: 0;
}

.page-home .seventh .featured ul li {
    display: inline-block;
    list-style-type: none;
    padding: 0 5px;
    margin-bottom: 20px;
}

.page-home .seventh .featured ul li img {
    /* filter: grayscale(100%); */
    height: 60px;
}

.page-home .seventh .featured ul li img:hover {
    /* filter: grayscale(0%); */
}

.page-home .store-listing-panel {
    padding-bottom: 0px;
}

@media(max-width: 1335px) {
    .page-home .third h3 {
        font-size: 18px;
        line-height: 25px;
        text-shadow: -1px 1px 1px rgb(255, 255, 255);
    }

    .page-home .first .banner .col-md-8 .content .left .dealcha {
        margin-top: -20%;
    }
}

@media(max-width: 1200px) {
    .page-home .first .banner .col-md-4 .banner-content a {
        font-size: 16px;
        left: 26px;
    }

    .page-home .first .banner .col-md-4 .bullet-content a {
        bottom: 90px;
        left: 19%;
    }
}

@media(max-width: 1199px) {

    .page-home .first .carousel .item {
        /* height: 216px; */
        height: auto;
    }

    .page-home .first .banner .col-md-8 {
        width: 67%;
    }

    .page-home .first .banner .col-md-8 .carousel-inner .item img {
        width: 100%;
    }

    .page-home .first .banner .col-md-8 .content .left .big {
        font-size: 30px;
        margin-top: -25%;
    }

    .page-home .first .banner .col-md-8 .content .left .dealcha {
        font-size: 30px;
        margin-top: -20%;
    }

    .page-home .first .banner .col-md-8 .content .left .btn {
        margin-top: -25%;
    }

    .page-home .first .banner .col-md-8 .content .right-bullets {
        font-size: 10px;
        margin-left: 241px;
        margin-top: -91px;
    }

    .page-home .first .banner .col-md-4 img {
        width: 100%;
    }

    .page-home .first .banner .col-md-4 .banner-content {
        font-size: 15px;
        left: 8%;
    }

    /*.page-home .first .banner .col-md-4 .bullet-content {
        bottom: 100px;
        left: 18%;
    }*/

    /*.page-home .first .banner .col-md-4 .bullet-content span {
        margin-right: 22px;
    }

    .page-home .first .banner .col-md-4 .bullet-content span:first-child {
        margin-right: 23px;
    }*/

    .page-home .first .banner .col-md-4 .bullet-content .article-thai:first-child {
        left: 55px;
        top:117px;
        font-size: 9px;
    }

    .page-home .first .banner .col-md-4 .bullet-content .article-thai:nth-child(2) {
        left: 145px;
        top:117px;
        font-size: 9px;
    }

    .page-home .first .banner .col-md-4 .bullet-content .article-thai:nth-child(3) {
        left: 206px;
        top:117px;
        font-size: 9px;
    }

    .page-home .first .banner .col-md-4 .bullet-content span:first-child {
        left: 59px;
        top: 117px;
        font-size: 10px;
    }

    .page-home .first .banner .col-md-4 .bullet-content span:nth-child(2) {
        left: 136px;
        top: 117px;
        font-size: 10px;
    }

    .page-home .first .banner .col-md-4 .bullet-content span:nth-child(3) {
        left: 204px;
        top: 117px;
        font-size: 10px;
    }

    .page-home .first .carousel-indicators, .banner .carousel-indicators {
        bottom: 0%;
        margin-bottom: 0;
    }

    .page-home .first .deal-carousel .featured,
    .page-home .second .deal-carousel .featured {
        margin-bottom: 8px;
        width: 100%;
    }

    .page-home .first .deal-carousel .featured .deal-wrapper,
    .page-home .first .deal-carousel .featured .social,
    .page-home .second .deal-carousel .featured .deal-wrapper,
    .page-home .second .deal-carousel .featured .social, 
    .page-home .second .featured .product-name {
        margin: 0 auto;
        width: 445px;
    }

    .page-home .first .deals,
    .page-home .second .deals {
        /* text-align: center; */
        width: 100%;
    }

    .page-home .first .deals .deal,
    .page-home .second .deals .deal {
        display: inline-block;
        /* float: none;
        width: 240px; */
    }

    .page-home .first .deals .deal .deal-wrapper .image-wrapper img,
    .page-home .second .deals .deal .deal-wrapper .image-wrapper img {
        overflow: hidden;
    }

    .page-home .first .carousel a.left.carousel-control,
    .page-home .second .carousel a.left.carousel-control {
        /* margin-left: 5%; */
    }

    .page-home .first .carousel a.right.carousel-control,
    .page-home .second .carousel a.right.carousel-control {
        /* margin-right: 4%; */
    }

    .page-home .fifth .blog-carousel  {
        /* margin-left: -15px;
        margin-right: -15px; */
    }

    .page-home .fifth .blog-carousel .news {
        max-width: none;
        margin-right: 0;
    }

    .page-home .fifth .blog-carousel .carousel-inner .img-container {
        margin-bottom: 5px;
        height: auto;
        /* max-height: 125px; */
    }

    .page-home .fifth .carousel a.left.carousel-control {
        margin-left: 1%;
    }

    .page-home .fifth .carousel a.right.carousel-control {
        margin-right: 1%;
    }
}

@media(max-width: 1110px) {
    .login-modal .modal-lg {
        width: 98%;
    }
}

@media(max-width: 991px) {

    .page-home .first .banner .col-md-8 {
        width: 100%;
    }

    .page-home .first .carousel .item {
        /* height: 246px; */
        height: auto;
    }

    .page-home .first .carousel img {
        max-width: 960px;
        *height: 150px;
        background-size: cover;
        background-position: center;
    }
    .page-home .first .carousel img:after {
        content: " ";
        display: block;
        padding-top: 33.333%;
        width: 100%;
    }

    .page-home .first .banner .col-md-4 {
        display: none;
    }

    .page-home .first .banner .col-md-4 img {
        width: auto;
    }

    .page-home .first .banner .col-md-4 {
        margin: auto;
        padding: 0;
        position: relative;
        width: 338px;
    }

    .page-home .first .banner .col-md-4 .bullet-content {
        align-items: center;
        bottom: auto;
        display: flex;
        justify-content: center;
        left: 65px;
        top: 55%;
    }

    .page-home .first .banner .col-md-4 .bullet-content span:first-child {
        margin-right: 25px;
    }

    .page-home .first .banner .col-md-4 .banner-content {
        align-items: center;
        bottom: auto;
        display: flex;
        justify-content: center;
        left: 33px;
        top: 8%;
    }

    .page-home .first .stores {
        display: inline-block;
        width: 100%;
    }

    .page-home .first .carousel a.right.carousel-control,
    .page-home .second .carousel a.right.carousel-control {
        margin-right: 6%;
        /* margin-right: 0%; */
    }

    .page-home .first .carousel a.left.carousel-control,
    .page-home .second .carousel a.left.carousel-control {
        margin-left: 6%;
        /* margin-left: 0%; */
    }

    .page-home .fourth .testimonials .testi {
        margin-bottom: 0;
        margin-right: 0;
    }

    .page-home .fifth .carousel a.left.carousel-control {
        margin-left: 1%;
    }

    .page-home .fifth .carousel a.right.carousel-control {
        margin-right: 1%;
    }
}

@media(max-width: 765px) {
    .page-home .banner-panel .container {
        padding: 0;
    }
    .page-home .first .banner {
        padding-top: 0px;
    }
    .page-home .first .carousel .item {
        height: auto;
    }
    .page-home .header-for-big {
        display: none;
    }

    .page-home .mobile-tabs {
        display: block;
    }

    .page-home .first .deals-wrapper {
        display: block;
        /* margin-top: 20px; */
        padding: 0;
    }

    .page-home .fifth .container {
        padding: 0 5px;
    }

    .page-home .first .banner {
        margin-bottom: 0;
    }

    .page-home .first .stores {
        margin: 0;
        /* width: 105%; */
    }

    .page-home .first .banner .col-md-8 .carousel-inner .item img {
        height: auto;
        width: 100% !important;
    }

    .page-home .first .banner .col-md-8 .content .left .link {
        height: 0;
    }

    .page-home .first .stores .store {
        /* width: 33.333333%; */
    }

    .page-home .first .mobile-tabs a {
        border-right: 1px solid #3377A9;
        background: #4595D1;
        color: #FFFFFF;
        font-size: 14px;
        padding: 15px;
        text-align: center;
        text-decoration: none;
    }

    .page-home .first .mobile-tabs a.active {
        background-color: #3375A7;
    }

    .page-home .first .store-panel .green-btn,
    .page-home .first .deal-panel .green-btn,
    .page-home .second .deal-panel .green-btn {
        background: #46BE8A;
        color: #FFFFFF;
        font-size: 15px;
        padding: 10px;
        width: 100%;
    }

    .page-home .second .deal-panel .green-btn {
        margin-bottom: 25px;
    }

    .page-home .first .store-panel .green-btn i,
    .page-home .first .deal-panel .green-btn i,
    .page-home .second .deal-panel .green-btn i {
        font-size: 11px;
    }

    .page-home .second .featured .product-name {
        margin: 0 auto;
        width: auto;
    }

    .page-home .first.deal-panel, .page-home .coupon-panel,
    .page-home .second.deal-panel, .page-home .coupon-panel {
        float: left;
    }

    .page-home .third {
        background-size: 100% 100%;
    }

    .page-home .fifth .blog-carousel {
        /* margin-left: 30px;
        margin-right: 30px; */
    }

    .page-home .store-listing-panel {
        padding-bottom: 20px;
    }

    .page-home .mobile-panel {
        height: auto;
        display: inline;
        overflow: hidden;
        width: 100%;
    }

    .page-home .mobile-panel section {
        position: relative;
        display: none;
    }

    .page-home .mobile-panel section.active {
        display: block;
        position: relative;
        width: 100%;
        padding: 0 5px;
    }

    .page-home .seventh .featured ul li img {
        height: 45px;
    }

    .page-home .mobile-panel section .container {
        padding: 0;
    }

    .page-home .first .stores .store .cashback.only-app {
        padding: 0;
    }
}

@media(max-width: 600px) {
    .page-home .first .stores {
        align-items: stretch;
        display: flex;
        flex-wrap: wrap;
    }
    .page-home .first .banner .col-md-8 .content .left .big {
        margin-left: 5%;
        margin-top: -27%;
    }

    .page-home .first .banner .col-md-8 .content .left .dealcha {
        margin-left: 5%;
        margin-top: -20%;
    }

    .page-home .first .banner .col-md-8 .content .left .btn {
        margin-left: 5%;
        margin-top: -18%;
    }

    .page-home .first .banner .col-md-8 .content .left .big {
        margin-top: -33%;
    }

    .page-home .first .banner .col-md-8 .content .left .btn {
        margin-top: -36%;
    }

    .page-home .first .banner .col-md-8 .content .left .dealcha {
        margin-top: -27%;
    }

    .page-home .third {
        background-image: url('/dealcha-dev/web/images/background/background-3.jpg');
        height: 350px;
        padding: 10px 0;
    }
}

@media(max-width: 528px) {
    .page-home .fourth {
        display: inline-flex;
    }

    .page-home .first .stores .store {
        /* width: 50%; */
    }

    .page-home .first .deal-carousel .featured .deal-wrapper,
    .page-home .first .deal-carousel .featured .social,
    .page-home .second .deal-carousel .featured .deal-wrapper,
    .page-home .second .deal-carousel .featured .social {
        width: 100%;
    }

    .page-home .first .featured .deal-wrapper .image-wrapper,
    .page-home .second .featured .deal-wrapper .image-wrapper  {
        min-height: auto;
    }

    .page-home .first .banner .col-md-8 .content .left .big {
        margin-top: -38%;
    }

    .page-home .first .banner .col-md-8 .content .left .btn {
        margin-top: -40%;
    }

    .page-home .first .banner .col-md-8 .content .left .dealcha {
        margin-top: -31%;
    }

    .page-home .fourth .testimonials .testi {
        margin-right: 0;
        width: inherit;
    }
}

@media(max-width: 507px) {
    .page-home .sixth .col-md-5 input {
        margin-bottom: 10px;
        width: 100%;
    }

    .page-home .first .deals .deal,
    .page-home .second .deals .deal {
        float: left;
        width: 50%;
        padding: 0;
        /* width: 100%; */
    }

    .page-home .first .deals .deal .deal-wrapper .image-wrapper img,
    .page-home .second .deals .deal .deal-wrapper .image-wrapper img {
        width: auto;
    }
}

@media(max-width: 490px) {
    .page-modal .login-modal .modal-lg {
        width: 96%;
    }

    .page-home .first .banner .col-md-8 .content .left .big {
        font-size: 16px;
    }

    .page-home .first .banner .col-md-8 .content .left .dealcha {
        font-size: 20px;
        margin-top: -23%;
    }

    .page-home .first .banner .col-md-8 .content .left .btn {
        font-size: 8px;
        margin-top: -30%;
    }

    .page-home .fifth .blog-carousel .news {
        margin-bottom: 10px;
        margin-right: 0;
        width: 100%;
    }

    .page-home .fifth .carousel a.left.carousel-control {
        margin-left: 0%;
    }

    .page-home .fifth .carousel a.right.carousel-control {
        margin-right: 0%;
    }

    .page-home .first .banner .col-md-8 .content .left .big {
        margin-top: -37%;
    }

    .page-home .first .banner .col-md-8 .content .left .btn {
        margin-top: -49%;
    }

    .page-home .first .banner .col-md-8 .content .left .dealcha {
        margin-top: -32%;
    }
}

@media(max-width: 460px) {
    .page-home .first .mobile-tabs .col-sm-4.col-xs-4 {
        font-size: 14px;
    }

    .page-home .first .banner .col-md-8 .content .left .big {
        margin-top: -38%;
    }

    .page-home .first .banner .col-md-8 .content .left .btn {
        margin-top: -50%;
    }

    .page-home .first .banner .col-md-8 .content .left .dealcha {
        margin-top: -33%;
    }

    .page-home .third h3 {
        font-size: 17px;
    }

    .page-home .fourth {
        padding: 10px;
    }

    .page-home .fourth .testimonials .testi {
        margin-bottom: 10px;
        width: 100%;
    }

    .page-home .fourth .testimonials .testi .details .name {
        margin-bottom: 5px;
        margin-top: 20px;
    }
}

@media(max-width: 414px) {
    .page-home .first .banner .col-md-8 { height: 137px; }
    .page-home .first .banner .slick-dots {
        top: 107px;
    }
}

@media(max-width: 412px) {
    .page-home .first .mobile-tabs .col-sm-4.col-xs-4 {
        font-size: 12px;
        padding: 13px 7px;
    }
    .page-home .first .stores .store {
        /* padding: 26px 30px; */
    }
}

@media(max-width: 385px) {
    .page-home .first .banner .col-md-8 { height: 132px; }
    .page-home .first .banner .slick-dots { top: 96px; }
    .page-home .first .banner .col-md-8 .content .left .btn {
        padding: 3px 7px;
    }

    .page-home .first .banner .col-md-4 .banner-content {
        left: 17px;
        top: 21px;
    }

    .page-home .first .banner .col-md-4 .bullet-content {
        left: 19%;
    }

    .page-home .first .banner .col-md-4 {
        width: 100%;
    }

    .page-home .first .banner .col-md-4 img {
        width: 100%;
    }

    .page-home .first .stores .store {
        /* padding: 26px 35px; */
    }

    .page-home .first .banner .col-md-8 .content .left .big {
        margin-top: -45%;
    }

    .page-home .first .banner .col-md-8 .content .left .btn {
        margin-top: -60%;
    }

    .page-home .first .banner .col-md-8 .content .left .dealcha {
        margin-top: -40%;
    }

    .page-home .second {
        padding: 0;
    }

    .page-home .first .social ul,
    .page-home .second .social ul {
        font-size: 13px;
        padding: 10px 5px;
    }

    .page-home .third h3 {
        font-size: 14px;
    }

    .page-home .fourth .testimonials .testi {
        padding: 24px;
    }

    .page-home .fourth .testimonials .testi .details {
        width: 53%;
    }

    .page-home .sixth .col-md-5 button {
        /* width: 100%; */
    }
    
    .page-home .seventh .featured ul li img {
        height: 30px;
    }
}

@media(max-width: 360px) {
    .page-home .first .banner .col-md-8 { height: 127px; }
    .page-home .first .banner .slick-dots { top: 92px; }
    .page-home .first .stores .store {
        /* padding: 26px 20px; */
    }
}

@media(max-width: 320px) {
    .page-home .first .banner .col-md-8 { height: 114px; }
    .page-home .first .banner .slick-dots { top: 79px; }
    .page-home .fourth .testimonials .testi .details {
        margin-left: 0;
        width: 100%;
    }

    .page-home .fourth .testimonials .testi .user-img {
        float: none !important;
        margin: 0 auto;
    }
}

/*
    - Page - Auth Signup
    - Page - Auth Login
    - Page - Auth Verify
    - Page - Auth Forgot
    - Page - Auth Recover
------------------------------*/
.page-auth-signup .container,
.page-auth-login .container,
.page-auth-verify .container,
.page-auth-subscribe .container,
.page-auth-forgot .container,
.page-auth-fbemail .container,
.page-auth-recover .container {
    max-width: 650px;
}

.auth-form {
    margin-top: 20px;
}

.auth-form .or-text {
    position: relative;
}

.auth-form .or-text:before {
    border-top: 1px solid #CCCCCC;
    content: "";
    left: 0;
    position: absolute;
    top: 50%;
    width: 45%;
}

.auth-form .or-text:after {
    border-top: 1px solid #CCCCCC;
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    width: 45%;
}

.auth-form .language-option {
    line-height: 30px;
    text-align: center;
    font-family: 'RSUBold';
}

.auth-form .language-option span {
    display: block;
}

.auth-form .form-logo {
    background-color: #0B4A69;
    color: #FFFFFF;
    margin-top: 10px;
    padding: 20px 0;
    text-align: center;
}

.auth-form .form-logo h2 {
    font-size: 23px;
    font-family:'RSUBold';
}

.auth-form .form-logo h2 strong {
    color: gold;
}

.auth-form form,
.auth-form form input {
    font-size: 15px;
}

.auth-form .control-label {
    font-weight: normal;
}

.auth-form .form-group a {
    float: right;
}

.auth-form .form-group a.brand-text {
    float: none;
}

.auth-form .btn {
    border-radius: 0;
    font-size: 15px;
}

.auth-form .cta a {
    float: none;
}

.auth-form .terms-input a {
    display: inline-block;
    float: none;
    margin-top: 2px;
}

/* Page - Settings
------------------------------*/
.page-settings .body {
    display: flex;
    display: -webkit-flex;
    flex: 1;
    -webkit-flex: 1;
    flex-direction: column;
    -webkit-flex-direction: column;
    min-height: 100%;
    background: #f5f5f5;
}

.page-settings .body .container {
    /* border: 1px solid #CCCCCC; */
    /*display: flex;
    display: -webkit-flex;
    flex: 1;
    -webkit-flex: 1;*/
    margin: 20px auto;
    padding: 0;
    background: #fff;
    box-shadow: 0 0 5px 0 #ddd;
    border-radius: 3px;
}

.page-settings .sidebar {
    padding: 0;
}

.page-settings .sidebar ul {
    padding: 0;
}

.page-settings .sidebar ul li {
    border-bottom: 1px solid #dddddd;
    list-style: none;
}

.page-settings .sidebar ul li.active {
    border-left: 3px solid #46be8a;
}

.page-settings .sidebar ul li a {
    color: #333;
    display: block;
    padding: 15px 30px;
}

.page-settings .sidebar ul li a:hover {
    text-decoration: none;
}

.page-settings .sidebar ul li i.fa {
    margin-right: 10px;
}

.page-settings .sidebar .user {
    padding: 20px 30px;
}

.page-settings .sidebar .user .name {
    font-size: 17px;
    font-weight: 600;
    margin-left: 20px;
    margin-top: 15px;
}

.page-settings .sidebar .user .img {
    border-radius: 50px;
    height: 100px;
    overflow: hidden;
    width: 100px;
}

.page-settings .sidebar .user .img img {
    width: 100%;
}

.page-settings .main-panel {
    border-left: 1px solid #dddddd;
    padding: 30px;
}

.page-settings .no-border {
    border:none;
}

.page-settings .main-panel h1 {
    font-size: 3.5em;
    margin-top: 0;
    font-family: 'RSUBold';
}

.page-settings .main-panel h2 {
    font-size: 3.0em;
    margin-top: 0;
    font-family: 'RSUBold';
}

.page-settings .main-panel h3 {
    font-size: 2.5em;
    margin-top: 0;
    font-family: 'RSUBold';
}

.page-settings .main-panel h4 {
    font-size: 1.5em;
    margin-top: 0;
    font-family: 'RSUBold';
}

.page-settings .account-settings .group-title {
    font-size: 20px;
    margin: 30px 0;
    font-family: 'RSUBold';
}

.page-settings .account-settings .form-group {
    margin: 16px 0;
}

.page-settings .account-settings .form-group label {
    font-weight: 100;
    min-width: 200px;
}

.page-settings .account-settings .form-group input[type="text"],
.page-settings .account-settings .form-group input[type="password"],
.page-settings .account-settings .form-group input[type="email"] {
    min-width: 350px;
    font-size: 17px;
}

.page-settings .account-settings .button {
    padding: 6px 25px;
}

.page-settings .account-settings .file-button {
    background-color: #d2d2d2;
    margin-right: 20px;
}

.page-settings .account-settings .green-btn {
    background-color: #46be8a;
    border: 0;
    color: #FFFFFF;
    font-size: 17px;
}

.page-settings .account-settings .indent.form-control {
    border: 0;
    box-shadow: none;
    padding: 0;
}

.page-settings .account-settings .unmargined {
    margin: 0;
}

.page-settings .account-settings .birthdate .form-input {
    width: 40%;
}

.page-settings .account-settings .birthdate .form-input select {
    margin-right: 3px; width: 27%;
    font-size: 17px;
}
.page-settings .account-settings .birthdate .form-input select:first-child {
    width: 42%;
}

.page-settings .cashback-summary {
    padding-right: 20px;
}

.page-settings .cashback-summary .headings .pull-right {
    margin-top: 10px;
}

.page-settings .cashback-summary .headings .pull-right a.underlined-link {
    color: #8e8e8e;
}

.page-settings .cashback-summary .headings .redeem-button {
    border: 1px solid #46be8a;
    color: #46be8a;
    margin-left: 10px;
    font-size: 17px;
    padding: 5px 12px;
}

.page-settings .cashback-summary .headings .redeem-button:hover {
    background: #FFFFFF;
}

.page-settings .cashback-summary .cashback-totals {
    margin: 10px auto;
}

.page-settings .cashback-summary .cashback-list {
    margin: 0;
}

.page-settings .cashback-summary .earnings {
    border: 1px solid;
    height: 85px;
    margin: 10px 10px 10px 0;
    padding: 0;
    width: 32.1%;
}

.page-settings .cashback-summary .earnings:last-child {
    margin-right: 0;
}

.page-settings .cashback-summary .earnings.process {
    border-color: #F4c827;
}

.page-settings .cashback-summary .earnings.approved {
    border-color: #46be8a;
}

.page-settings .cashback-summary .earnings.bonus {
    border-color: #4dd0e1;
}

.page-settings .cashback-summary .earnings.redeemable {
    border-color: #7986cb;
}

.page-settings .cashback-summary .earnings.paid {
    border-color: #4595d1;
}

.page-settings .cashback-summary .earnings.total {
    border-color: #F96868;
}

.page-settings .cashback-summary .earnings .title {
    color: #FFFFFF;
    font-size: 15px;
    font-weight: 900;
    padding: 4px 10px;
    text-align: center;
}

.page-settings .cashback-summary .earnings.process .title {
    background-color: #F4c827;
}

.page-settings .cashback-summary .earnings.approved .title {
    background-color: #46be8a;
}

.page-settings .cashback-summary .earnings.bonus .title {
    background-color: #4dd0e1;
}

.page-settings .cashback-summary .earnings.redeemable .title {
    background-color: #7986cb;
}

.page-settings .cashback-summary .earnings.paid .title {
    background-color: #4595d1;
}

.page-settings .cashback-summary .earnings.total .title {
    background-color: #F96868;
}

.page-settings .cashback-summary .earnings .amount {
    color: #4b4b4b;
    font-size: 22px;
    font-weight: 700;
    line-height: 56px;
    text-align: center;
}

.page-settings .cashback-summary .alert {
    margin: 10px 0;
}

.page-settings .cashback-summary .table {
    margin-bottom: 100px;
}

.page-settings .cashback-summary .table thead {
    background: #e3e3e3;
    text-align: center;
}

.page-settings .cashback-summary .table thead a {
    color: #4d4d4d;
}

.page-settings .cashback-summary .table thead .fa {
    margin-left: 10px;
    position: absolute;
}

.page-settings .cashback-summary .table thead .fa-caret-down {
    margin-top: 7px;
}

.page-settings .cashback-summary .table tbody tr:last-child {
    border-bottom:  1px solid #ddd;
}

@media(max-width:767px) {
    .page-settings .cashback-summary .table {
        margin-bottom: 0;
        overflow-x: scroll;
        display: block;
    }

    .page-settings .cashback-summary .table .text-center{
        position: relative;
    }
}

.page-settings .cashback-summary ul.nav.nav-tabs.nav-justified li {
    border-bottom: 1px solid #CCCCCC;
}

.page-settings .cashback-summary ul.nav.nav-tabs.nav-justified li a {
    background: #F4f4f4;
    border: 1px solid #CCCCCC;
    border-bottom: 0;
    border-radius: 0;
    margin-right: 5px;
    padding: 12px 12px;
}

.page-settings .cashback-summary ul.nav.nav-tabs.nav-justified li.active a {
    background: #FFFFFF;
}

.page-settings .cashback-summary #successModal.modal .close {
    font-size: 45px;
}

.page-settings .cashback-summary #successModal.modal .green-btn {
    background-color: #46be8a;
    font-weight: 700;
    margin-bottom: 30px;
    margin-top: 15px;
    padding: 7px 80px;
}

.page-settings .cashback-summary #successModal.modal .success {
    color: #46be8a;
    margin-top: 50px;
    font-family: 'RSUBold';
}

.page-settings .cashback-summary #successModal.modal p {
    margin-top: 30px;
    font-size: 19px;
    font-family: 'RSUBold';
}

.page-settings .cashback-summary #questionModal.modal h3 {
    font-size: 16px !important;
}
.page-settings .cashback-summary #questionModal.modal .panel-body {
    padding: 5px;
}
.page-settings .cashback-summary .checkbox+.checkbox, .radio+.radio {
    margin-top: 10px
}

.page-settings .faq-panel {
    min-height: 80vh;
    padding: 30px;
}

.page-settings .faq-panel h3 {
    font-weight: 600;
    margin: 0px 15px 0px;
}

.page-settings .faq-panel .panel-default {
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-bottom: 1px solid #e5e5e5;
    border-radius: 0;
    box-shadow: none;
}

.page-settings .faq-panel .panel-default .panel-heading {
    color: #4595d1;
    background-color: transparent;
    border-color: transparent;
    padding: 0;
}

.page-settings .faq-panel .panel-default .panel-heading .panel-title a {
    display: block;
    font-weight: 600;
    font-size: 17px;
    padding: 15px;
    text-decoration: none;
}

.page-settings .faq-panel .panel-default .panel-heading .panel-title a:after {
    font-family: 'Glyphicons Halflings';
    content: "\e114";
    float: right;
    color: #337ab7;
}

.page-settings .faq-panel .panel-default .panel-heading .panel-title a.collapsed:after {
    content: "\e080";
}

.page-settings .missing-cashback form {
    margin-bottom: 100px;
    width: 70%;
}

.page-settings .missing-cashback .form-group {
    margin: 16px 0;
}

.page-settings .missing-cashback .form-group select,
.page-settings .missing-cashback .form-group input[type="text"],
.page-settings .missing-cashback .form-group input[type="email"],
.page-settings .missing-cashback .form-group textarea {
    font-size: 17px;
}

.page-settings .missing-cashback .button {
    padding: 6px 25px;
}

.page-settings .missing-cashback .image-field {
    padding: 6px;
}

.page-settings .missing-cashback .image-field .btn-danger {
    font-size: 17px;
}

.page-settings .missing-cashback .green-btn {
    background-color: #46be8a;
    border: 0;
    color: #FFFFFF;
    font-size: 17px;
}

.page-settings .payment-settings .group-title {
    font-size: 15px;
    margin: 30px 0;
}

.page-settings .payment-settings .form-group {
    margin: 16px 0;
}

.page-settings .payment-settings .form-group label {
    font-weight: 100;
    min-width: 200px;
}

.page-settings .payment-settings .form-group select,
.page-settings .payment-settings .form-group input[type="text"],
.page-settings .payment-settings .form-group input[type="email"] {
    min-width: 350px;
    font-size: 17px;
}

.page-settings .payment-settings .green-btn {
    background-color: #46be8a;
    border: 0;
    color: #FFFFFF;
    font-size: 17px;
}

.page-settings .payment-settings .indent.form-control {
    border: 0;
    box-shadow: none;
    height: inherit;
    padding: 0;
}

.page-settings .payment-settings .unmargined {
    margin: 0;
}

.page-settings .payment-settings #bank {
    display: none;
}

.page-settings .refer-settings {
    padding-right: 30px;
}

.page-settings .refer-settings .image {
    margin-bottom: 20px;
    overflow: hidden;
}
.page-settings .refer-settings .code {
    margin-top: 20px;
    margin-bottom: 40px;
}

.page-settings .refer-settings .code h4 {
    margin-bottom: 15px;
}

.page-settings .refer-settings .code .input-group-addon {
    background: #77c632;
    color: #FFFFFF;
    padding: 7px 50px;
    cursor: pointer;
    font-size: 17px;
}

.page-settings .refer-settings .code .socials div {
    display: inline-block;
    height: 35px;
    margin-right: 3px;
    width: 35px;
}

.page-settings .refer-settings .code .socials div.facebook {
    background: url('/dealcha-dev/web/images/refer-social.png') -3px -3px;
}

.page-settings .refer-settings .code .socials div.twitter {
    background: url('/dealcha-dev/web/images/refer-social.png') -43px -3px;
}

.page-settings .refer-settings .code .socials div.gmail {
    background: url('/dealcha-dev/web/images/refer-social.png') 45px -3px;
    width: 42px;
}

.page-settings .refer-settings ul.nav.nav-tabs.nav-justified li {
    border-bottom: 1px solid #CCCCCC;
}

.page-settings .refer-settings ul.nav.nav-tabs.nav-justified li {
    background: #F4f4f4;
    border: 1px solid #CCCCCC;
    border-bottom: 0;
    border-radius: 0;
    color: #838383;
    margin-right: 5px;
    padding: 5px;
}

.page-settings .refer-settings ul.nav.nav-tabs.nav-justified li a {
    border: none;
    color: #838383;
}

.page-settings .refer-settings ul.nav.nav-tabs.nav-justified li a span {
    background: #9c9c9c;
    border-radius: 5px;
    color: #FFFFFF;
    margin-left: 10px;
    padding: 2px 10px;
}

.page-settings .refer-settings ul.nav.nav-tabs.nav-justified li.active,
.page-settings .refer-settings ul.nav.nav-tabs.nav-justified li.active a {
    background: #4794d0;
    color: #FFFFFF;
}
.page-settings .refer-settings ul.nav.nav-tabs.nav-justified li.active a span {
    background: #FFFFFF;
    color: #4794d0;
}

.page-settings .refer-settings .referal-table {
    border: 1px solid #CCCCCC;
    padding: 20px 30px;
    padding-bottom: 40px;
    margin-bottom: 40px;
}

.page-settings .refer-settings .referal-table table thead {
    background: #F4f4f4;
    font-size: 15px;
}

.page-settings .refer-settings .referal-table table tbody,
.page-settings .refer-settings .referal-table table thead th {
    text-align: center;
}

.page-settings .refer-settings .referal-table table thead th {
    border-bottom: 0;
}

.page-settings .refer-settings .referal-table table tbody tr:first-child td {
    border-top: 0;
}

.page-settings .refer-settings .referal-table td.pending {
    color: #4794d0;
}

.page-settings .refer-settings .referal-table td.complete {
    color: #77c632;
}

.page-settings .refer-settings .col-md-6 p {
    font-size: 12px;
}

.page-settings .refer-settings .promotion-table {
    background: #e9f3f6;
    padding: 15px 30px 20px;
}

.page-settings .refer-settings .promotion-table .tbl-title {
    background: #4794d0;
    border-radius: 10px;
    color: #FFFFFF;
    font-size: 17px;
    margin: 0 auto;
    margin-bottom: 20px;
    padding: 8px 25px;
    width: 285px;
}

.page-settings .refer-settings .promotion-table table thead th {
    color: #4794d0;
    font-weight: 500;
}

.page-settings .refer-settings .row:last-child {
    margin-bottom: 80px;
}

.page-settings .refer-settings .form-group select,
.page-settings .refer-settings .form-group input[type="text"],
.page-settings .refer-settings .form-group input[type="email"] {
    min-width: 350px;
    font-size: 17px;
}

.page-settings .shopping-trips {
    padding-right: 20px;
}

.page-settings .shopping-trips .headings .pull-right {
    margin-top: 10px;
}

.page-settings .shopping-trips .headings .pull-right a.underlined-link {
    color: #8e8e8e;
}

.page-settings .shopping-trips .headings .redeem-button {
    border: 1px solid #46be8a;
    color: #46be8a;
    margin-left: 10px;
}

.page-settings .shopping-trips .headings .redeem-button:hover {
    background: #FFFFFF;
}

.page-settings .shopping-trips .table {
    margin-top: 20px;
    margin-bottom: 100px;
}

.page-settings .shopping-trips .table thead {
    background: #e3e3e3;
    text-align: center;
}

.page-settings .shopping-trips .table thead a {
    color: #4d4d4d;
}

.page-settings .shopping-trips .table thead .fa {
    margin-left: 2px;
    position: absolute;
}

.page-settings .shopping-trips .table thead .fa-caret-down {
    margin-top: 7px;
}

.page-settings .shopping-trips .table thead th{
    position: relative;
}
.page-settings .shopping-trips .table tbody tr:last-child {
    border-bottom:  1px solid #ddd;
}

.page-settings .shopping-trips ul.nav.nav-tabs.nav-justified li {
    border-bottom: 1px solid #CCCCCC;
}

.page-settings .shopping-trips ul.nav.nav-tabs.nav-justified li a {
    background: #F4f4f4;
    border: 1px solid #CCCCCC;
    border-bottom: 0;
    border-radius: 0;
    margin-right: 5px;
    padding: 12px 12px;
}

.page-settings .shopping-trips ul.nav.nav-tabs.nav-justified li.active a {
    background: #FFFFFF;
}

@media (max-width: 1200px) {
    .page-settings .cashback-summary .earnings { width: 31.3%; }
}

@media (max-width: 991px) {
    .page-settings .main-panel {
        border: 0;
    }
}

@media (max-width: 800px) {
    .page-settings .body .container {
        margin: 10px;
        padding-bottom: 25px;
        overflow: hidden;
    }

    .page-settings .main-panel {
        border: none;
        padding: 15px;
        width: 100%;
    }

    .page-settings .sidebar {
        display: none;
    }

    .page-settings .payment-settings .form-group select,
    .page-settings .account-settings .form-group input[type="text"],
    .page-settings .account-settings .form-group input[type="email"] {
        min-width: inherit;
    }

    .page-settings .cashback-summary .earnings {
        width: 31.2%;
    }

    .page-settings .cashback-summary .earnings .title {
        font-size: 10px;
    }

    .page-settings .cashback-summary ul.nav.nav-tabs.nav-justified li a {
        font-size: 11px;
    }

    .page-settings .missing-cashback form {
        width: 100%;
    }

    .page-settings .missing-cashback form textarea {
        height: 100px;
    }
}

@media (max-width: 600px) {
    .page-settings .cashback-summary ul.nav.nav-tabs.nav-justified li {
        border-bottom: 0;
    }
}

@media (max-width: 414px) {
    .page-settings .account-settings .form-group label {
        min-width: 115px;
    }

    .page-settings .account-settings .birthdate .form-input {
        width: 90%;
    }

    .page-settings .cashback-summary .earnings {
        margin: 20px 0px -6px 0;
        width: 50%;
    }

    .page-settings .cashback-summary ul.nav.nav-tabs.nav-justified {
        margin-top: 25px;
    }

    .page-settings .cashback-summary ul.nav.nav-tabs.nav-justified li a {
        float: left;
        margin-right: 0;
        padding: 10px 13px;
        width: inherit;
    }

    .page-settings .cashback-summary .headings .redeem-button {
        font-size: 11px;
    }
}

@media (max-width: 375px) {
    .page-settings .cashback-summary {
        padding: 5px;
    }

    .page-settings .cashback-summary ul.nav.nav-tabs.nav-justified li a {
        padding: 10px 11px;
    }

    .page-settings .payment-settings .form-group select,
    .page-settings .payment-settings .form-group input[type="text"],
    .page-settings .payment-settings .form-group input[type="email"] {
        min-width: inherit;
    }

    .page-settings .cashback-summary .headings .redeem-button {
        font-size: 14px;
        margin-left: 0;
        width: 50%;
    }
}

@media (max-width: 360px) {
    .page-settings .cashback-summary ul.nav.nav-tabs.nav-justified li a {
        padding: 10px;
    }
}

@media (max-width: 320px) {
    .page-settings .account-settings .form-group label {
        min-width: 300px;
    }

    .page-settings .account-settings .birthdate .form-input {
        width: 75%;
    }

    .page-settings .cashback-summary .earnings,
    .page-settings .cashback-summary ul.nav.nav-tabs.nav-justified li a {
        width: 100%;
    }

    .page-settings .cashback-summary table thead tr th:nth-child(2),
    .page-settings .cashback-summary table tbody tr td:nth-child(2),
    .page-settings .cashback-summary table thead tr th:nth-child(5),
    .page-settings .cashback-summary table tbody tr td:nth-child(5) {
        display: none;
    }
}

/* Page - Stores
------------------------------*/
.page-stores h3 {
    /* margin-top: 30px;
    font-size: 2.5em; */
    /* font-family: 'RSUBold'; */
}

.page-stores .dropdown {
    margin-top: 30px;
}

.page-stores .dropdown.open>.dropdown-toggle.btn-default:focus,
.page-stores .dropdown.open>.dropdown-toggle.btn-default:hover,
.page-stores .dropdown .btn-default:hover  {
    color: #333333;
    background-color: #FFFFFF;
    border-color: #8C8C8C;
}

.page-stores .dropdown button {
    border-radius: 0;
    font-size: 12px;
    padding: 5px 15px;
    width: 205px;
}

.page-stores .dropdown .dropdown-menu {
    border-radius: 0;
    font-size: 12px;
    width: 205px;
    z-index: 10;
}

.page-stores .dropdown button {
    text-align: left;
}

.page-stores .dropdown button .caret {
    float: right;
    margin-top: 7px;
}

.page-stores .menu1 {
    margin-right: 20px;
}

.page-stores .stores {
    display: inline-block;
    margin: 0 -4px;
    /* width: 102%; */
}

.page-stores .stores .store-wrap {
    padding: 5px;
}

.page-stores .stores .store {
    display: block;
    background: #FFFFFF;
    /* border: 1px solid #f5f5f5; */
    /* padding: 16px 25px; */
    border-radius: 8px;
    box-shadow: 0 1px 2px 0 #cacaca;
    padding: 10px;
    text-align: center;
    transition: all 0.2s;
}

.page-stores .stores .store:hover {
    /* box-shadow: 1px 1px 15px 0px #555555; */
    /* box-shadow: 0px 0px 5px 0px #00000054; */
    background-color: #fbfbfc;
    text-decoration: none;
    z-index: 9;
}

.page-stores .stores .store:hover,
.page-stores .stores .store:focus {
    outline: 0;
    text-decoration: none;
}

.page-stores .stores .store .store-logo {
    align-items: center;
    display: flex;
    height: 57px;
    justify-content: center;
}

.page-stores .stores .store img {
    max-width: 100%;
    max-height: 100%;
}

.page-stores .stores .store .cashback {
    position: relative;
    color: #40485a;
    font-size: 14px;
    margin: 0;
    white-space: nowrap;
    /* height: 35px; */
    border-top: 1px solid #f6f6f6;
    padding-top: 10px;
    margin-top: 5px;
}

.page-stores .stores .store .cashback .tagline-cashback {
    position: absolute;
    bottom: -11px;
    left: 0;
    width: 100%;
    text-align: center;
    font-size: 12px;
}

.page-stores .stores .store .btn {
    border-color: #4595D1;
    color: #4595D1;
    font-size: 12px;
    width: 65%;
    position: absolute;
    bottom: 20px;
    right: 17.5%;
}

.page-stores .stores .store .btn:hover {
    background: #4595D1;
    color: #FFFFFF;
}

.page-stores .pagination > li > a {
    border: none;
    color: #333333;
}

.page-stores .pagination li.active a {
    background-color: #4595D1;
    border-radius: 5px;
    color: #FFFFFF;
}

.page-stores .no-results h3 {
    font-size: 20px;
    margin-bottom: 20px;
}

.page-stores .no-results li {
    margin-top: 15px;
}

.page-stores .no-results ul {
    margin-bottom: 40px;
}

@media (max-width: 765px) {
    .page-stores .banner, .page-deals .banner, .page-banner .banner {
        margin: 0 -15px 0 -15px;
    }

    .page-stores .bg-well, .page-deals .bg-well, .page-banner .promotions {
        margin-left: -10px;
        margin-right: -10px;
    }
}

@media (max-width: 414px) {
    .page-stores .deal-category div a, .page-deals .deal-category div a {
        font-size: 9px;
    }

    .page-stores .deals .deal-category .view-all, .page-deals .deals .deal-category .view-all {
        max-width: 110px;
        position: absolute;
        top: 5px;
        right: 0;
        padding: 5px 15px !important;
    }

    .page-stores .dropdown {
        margin-top: 20px;
    }

    .page-stores .dropdown button {
        padding: 5px;
        width: 192px;
    }

    .page-stores .dropdown button .caret {
        margin-left: 25px;
    }

    .page-stores .menu1 {
        margin-right: 0;
    }
}

@media (max-width: 375px) {
    .page-stores .dropdown button {
        width: 172px;
    }

    .page-stores .dropdown button .caret {
        margin-left: 5px;
    }
}

@media (max-width: 320px) {
    .page-stores .stores .store {
        width: 100%;
    }

    .page-stores .dropdown button {
        width: 145px;
    }
}

/* Page - Store Detail
------------------------------*/
.page-store-detail .body {
    background: #EEEEEE;
    padding-top: 40px;
}

.page-store-detail .body h1,
.page-store-detail .body h2,
.page-store-detail .body h3 {
    margin-top: 0;
}

.page-store-detail .body h3.store-name{
    font-size: 25px;
    font-weight: 700;
}
.page-store-detail .body .container > .left {
    background: #FFFFFF;
    border: 1px solid #D6D6D6;
    float: left;
    margin-bottom: 80px;
    padding: 35px;
    width: 100%;
}

.page-store-detail .body .container > .left .shop-detail {
    border-top: 1px solid #D6D6D6;
    padding-top: 25px;
    margin-top: 25px;
}

.page-store-detail .body .container > .left .shop .image {
    align-items: center;
    border: 1px solid #D6D6D6;
    display: flex;
    height: 160px;
    justify-content: center;
    padding: 20px;
}

.page-store-detail .body .container > .left .shop .image img {
    max-height: 100%;
    max-width: 100%;
}

.page-store-detail .body .container > .left .shop .detail {
    padding-left: 40px;
}

.page-store-detail .body .container > .left .shop .detail h1 {
    font-size: 25px;
    font-weight: 700;
}

.page-store-detail .body .container > .left .shop .detail p {
    color: #FF3D00;
    font-size: 25px;
    font-weight: 700;
}

.page-store-detail .body .container > .left .shop .detail a.btn {
    background: #FF3D00;
    color: #FFFFFF;
    font-size: 15px;
    font-weight: 700;
    margin-top: 20px;
    padding: 13px 70px;
}

.page-store-detail .body .container > .left .shop .mobile-store-header {
    display: none;
}

.page-store-detail .body .container > .left .shop .redeem-cash {
    margin-top: -12px;
}

.page-store-detail .body .container > .left .shop .redeem-cash .redeem .left {
    margin-top: 22px;
    padding-left: 0;
    padding-right: 10px;
    text-align: right;
}

.page-store-detail .body .container > .left .shop .redeem-cash .redeem .right {
    padding-left: 0;
    text-align: center;
}

.page-store-detail .body .container > .left .shop .redeem-cash .redeem .right .days {
    border-radius: 45px;
    padding: 15px 5px;
    width: 60px;
}

.page-store-detail .body .container > .left .shop .redeem-cash .redeem .right .days p {
    font-size: 18px;
    font-weight: 700;
    margin: 0;
    white-space: nowrap;
}

.page-store-detail .body .container > .left .shop .redeem-cash .redeem .right .days p span {
    font-size: 17px;
}

.page-store-detail .body .container > .left .shop .redeem-cash .redeem.green .right .days {
    border: 2px solid #46BE8A;
    color: #46be8a;
}

.page-store-detail .body .container > .left .shop .redeem-cash .redeem.orange {
    margin-top: 10px;
}

.page-store-detail .body .container > .left .shop .redeem-cash .redeem.orange .right .days {
    border: 2px solid #F4B334;
    color: #F4B334;
}

.page-store-detail .body .container > .left .shop .redeem-cash .terms {
    margin-top: 20px;
}

.page-store-detail .body .container > .left .shop .redeem-cash .terms a {
    text-decoration: underline;
}

.page-store-detail .body .container > .left .shop-detail .left {
    padding-left: 0;
    overflow: hidden;
}

.page-store-detail .body .container > .left .shop-detail .left h3 {
    font-size: 20px;
    margin-top: 10px;
    margin-bottom: 15px;
}

.page-store-detail .body .container > .left .shop-detail .left .content {
    margin-bottom: 10px;
    height:150px;
    text-overflow: none;
}

.page-store-detail .body .container > .left .shop-detail .left .btn{
    font-size: 17px;
    width: 100%;
}

.page-store-detail .body .container > .left .shop-detail .left .btn-more{
    background: #C0C0C0;
}

.page-store-detail .body .container > .left .shop-detail .left p {
    font-size: 13px;
    margin-bottom: 0;
}

.page-store-detail .body .container > .left .shop-detail .right {
    padding-right: 0;
}

.page-store-detail .body .container > .left .shop-detail .right .how-it-works {
    background: #ECf4fA;
    border-radius: 5px;
    padding: 35px 20px;
}

.page-store-detail .body .container > .left .shop-detail .right .how-it-works h3 {
    color: #4595D1;
    font-size: 20px;
    font-weight: 700;
    margin: 5px 0 10px 0;
    padding-left: 7px;
}

.page-store-detail .body .container > .left .shop-detail .right .how-it-works ul {
    padding-left: 42px;
}

.page-store-detail .body .container > .left .shop-detail .right .how-it-works ul li {
    font-size: 15px;
    font-weight: 700;
    list-style-type: none;
    margin-bottom: 15px;
    position: relative;
}

.page-store-detail .body .container > .left .shop-detail .right .how-it-works ul li:before {
    background: #4595D1;
    border-radius: 20px;
    color: #FFFFFF;
    font-size: 15px;
    font-weight: 700;
    height: 25px;
    left: -35px;
    padding-top: 1px;
    position: absolute;
    text-align: center;
    top: 5px;
    width: 26px;
}

.page-store-detail .body .container > .left .shop-detail .right .how-it-works ul li:nth-child(1):before {
    content: '1';
}

.page-store-detail .body .container > .left .shop-detail .right .how-it-works ul li:nth-child(2):before {
    content: '2';
}

.page-store-detail .body .container > .left .shop-detail .right .how-it-works ul li:nth-child(3):before {
    content: '3';
}

.page-store-detail .body .container > .left .discounts {
    margin-top: 40px;
}

.page-store-detail .body .container > .left .discounts h2 {
    border-bottom: 1px solid #D6D6D6;
    font-size: 19px;
    font-weight: 700;
    margin-bottom: 0;
    padding-bottom: 5px;
}

.page-store-detail .body .container > .left .discounts .promo {
    border-bottom: 1px solid #D6D6D6;
    padding: 25px 0 15px 0;
}

.page-store-detail .body .container > .left .discounts .promo .left {
    padding-left: 0;
}

.page-store-detail .body .container > .left .discounts .promo .left p:nth-child(1) {
    font-size: 15px;
    font-weight: 700;
    margin-bottom: 5px;
}

.page-store-detail .body .container > .left .discounts .promo .left p:nth-child(1) span {
    font-size: 13px;
    font-weight: 500;
    padding-left: 20px;
}

.page-store-detail .body .container > .left .discounts .promo .left p:nth-child(2) {
    color: #FF3D00;
    font-size: 15px;
    font-weight: 700;
}

.page-store-detail .body .container > .left .discounts .promo .right {
    padding-right: 0;
}

.page-store-detail .body .container > .left .discounts .promo .right button {
    background: #FFFFFF;
    border-radius: 5px;
    border: 2px solid #FF3D00;
    color: #FF3D00;
    font-size: 15px;
    font-weight: 700;
    padding: 5px 43px;
}

.page-store-detail .body .container > .left .discounts .promo .right button:active,
.page-store-detail .body .container > .left .discounts .promo .right button:focus {
    outline: 0;
    box-shadow: none;
}

.page-store-detail .body .container > .left .top-deals {
    margin-top: 50px;
}

.page-store-detail .body .container > .left .top-deals h2 {
    border-bottom: 1px solid #D6D6D6;
    font-size: 19px;
    font-weight: 700;
    margin-bottom: 0;
    padding-bottom: 5px;
}

.page-store-detail .body .container > .left .top-deals .carousel {
    margin: 25px -30px;
}

.page-store-detail .body .container > .left .top-deals .carousel .carousel-control {
    width: 14px;
}

.page-store-detail .body .container > .left .top-deals .carousel .carousel-control span {
    color: #BDBDBD;
    left: 0;
    opacity: 1;
    position: absolute;
    text-shadow: none;
    top: 45%;
}

.page-store-detail .body .container > .left .top-deals .carousel .left.carousel-control {
    background-image: none;
    background: transparent;
    box-shadow: none;
    left: 0;
    opacity: .9;
}

.page-store-detail .body .container > .left .top-deals .carousel .right.carousel-control {
    background-image: none;
    background: transparent;
    box-shadow: none;
    opacity: .9;
    right: 0;
}

.page-store-detail .body .container > .left .top-deals .carousel .item > .deals {
    padding: 5px;
}

.page-store-detail .body .container > .left .top-deals .carousel .item > .deals:nth-child(1) {
    padding-left: 0;
}

.page-store-detail .body .container > .left .top-deals .carousel .item > .deals:nth-child(5n) {
    padding-left: 0;
}

.page-store-detail .body .container > .left .top-deals .carousel .item > .deals:nth-child(4n+4) {
    padding-right: 0;
}

.page-store-detail .body .container > .left .top-deals .carousel .item > .deals .store-deal {
    position: relative;
}

.page-store-detail .body .container > .left .top-deals .carousel .item > .deals a{
    color: #333333;
    text-decoration: none;
}

.page-store-detail .body .container > .left .top-deals .carousel .item > .deals a:hover{
    color: #4595d1;
    text-decoration: none;
}

.page-store-detail .body .container > .left .top-deals .carousel .item > .deals a.vote-promo{
    color: #4595d1;
    text-decoration: none;
}

.page-store-detail .body .container > .left .top-deals .carousel .item > .deals .store-deal > .image-wrapper {
    align-items: center;
    border: 1px solid #D6D6D6;
    display: flex;
    justify-content: center;
    max-height: 173px;
    min-height: 173px;
    overflow: hidden;
    width: 100%;
}

.page-store-detail .body .container > .left .top-deals .carousel .item > .deals .store-deal > .image-wrapper:after {
    background: rgba(255,255,255,0);
    bottom: 0;
    content: '';
    background: transparent;
    left: 0;
    max-height: 208px;
    max-width: 100%;
    min-height: 208px;
    min-width: 100%;
    position: absolute;
    background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 75%, rgba(99,99,99,1) 100%);
    background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 75%, rgba(99,99,99,1) 100%);
    background: -o-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 75%, rgba(99,99,99,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,0)), color-stop(75%, rgba(255,255,255,0)), color-stop(100%, rgba(99,99,99,1)));
    background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 75%, rgba(99,99,99,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 75%, rgba(99,99,99,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#636363', GradientType=0 );
}

.page-store-detail .body .container > .left .top-deals .carousel .item > .deals .store-deal > .image-wrapper img {
    max-height: 100%;
    max-width: 100%;
}

.page-store-detail .body .container > .left .top-deals .carousel .item > .deals .store-deal > .store {
    height: 30px;
    left: 10px;
    position: absolute;
    top: 12px;
    width: 100px;
}

.page-store-detail .body .container > .left .top-deals .carousel .item > .deals .store-deal > .store  img {
    max-height: 100%;
    max-width: 100%;
}

.page-store-detail .body .container > .left .top-deals .carousel .item > .deals .store-deal > .off {
    border-left: 55px solid transparent;
    border-top: 55px solid #F95558;
    height: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 0;

}

.page-store-detail .body .container > .left .top-deals .carousel .item > .deals .store-deal > .off .off-wrapper {
    line-height: 12px;
    position: absolute;
    right: 3px;
    top: -48px;
}

.page-store-detail .body .container > .left .top-deals .carousel .item > .deals .store-deal > .off .off-wrapper p {
    color: #FFFFFF;
    margin: 0;
}

.page-store-detail .body .container > .left .top-deals .carousel .item > .deals .store-deal > .off .off-wrapper p:nth-child(1) {
    font-weight: 700;
}

.page-store-detail .body .container > .left .top-deals .carousel .item > .deals .store-deal > .off .off-wrapper p:nth-child(2) {
    font-size: 9px;
    text-align: right;
    font-weight: 700;
}

.page-store-detail .body .container > .left .top-deals .carousel .item > .deals .store-deal > .cash-back {
    bottom: 0;
    position: absolute;
    right: 0;
}

.page-store-detail .body .container > .left .top-deals .carousel .item > .deals .store-deal > .cash-back .cash {
    background: #F0d111;
    font-size: 15px;
    font-weight: 700;
    text-align: center;
}

.page-store-detail .body .container > .left .top-deals .carousel .item > .deals .store-deal > .cash-back .percent {
    background: #195684;
    color: #FFFFFF;
    font-size: 13px;
    font-weight: 700;
    padding: 2px 5px;
}

.page-store-detail .body .container > .left .top-deals .carousel .item > .deals .social {
    border: 1px solid #D6D6D6;
    border-top: 0;
}

.page-store-detail .body .container > .left .top-deals .carousel .item > .deals .social ul {
    color: #9A9A9A;
    font-size: 14px;
    margin: 0;
    padding: 10px 0;
}

.page-store-detail .body .container > .left .top-deals .carousel .item > .deals .social ul li {
    display: inline-block;
    list-style: none;
    margin: 0 8px;
}

.page-store-detail .body .container > .left .similar-stores {
    margin-top: 50px;
}

.page-store-detail .body .container > .left .similar-stores h2 {
    border-bottom: 1px solid #D6D6D6;
    font-size: 19px;
    font-weight: 700;
    margin-bottom: 7px;
    padding-bottom: 5px;
}

.page-store-detail .body .container > .left .similar-stores .column {
    margin:  5px 0;
    padding: 0 5px;
    min-height: 85px;
}

.page-store-detail .body .container > .left .similar-stores .column:nth-child(3n+1) {
    padding-right: 0;
}

.page-store-detail .body .container > .left .similar-stores .column:nth-child(3n+2) {
    padding-left: 0;
}

.page-store-detail .body .container > .left .similar-stores .column .column-wrapper {
    align-items: center;
    border: 1px solid #D6D6D6;
    display: flex;
    height: 82px;
    justify-content: center;
    padding: 25px 20px;
}

.page-store-detail .body .container > .left .similar-stores .column .column-wrapper .left {
    padding: 0;
}

.page-store-detail .body .container > .left .similar-stores .column .column-wrapper .left img {
    max-width: 125px;
    max-height: 100%
}

.page-store-detail .body .container > .left .similar-stores .column .column-wrapper .right  {
    padding-right: 0;
}

.page-store-detail .body .container > .left .similar-stores .column .column-wrapper .right h4 {
    font-size: 17px;
    margin: 0 0 2px 0;
}

.page-store-detail .body .container > .left .similar-stores .column .column-wrapper .right p {
    color: #F00;
    font-size: 14px;
    margin-bottom: 0;
}

.page-store-detail .body .container > .left .terms-condition {
    overflow: hidden;
    margin: 35px 0 25px 0;
}

.page-store-detail .body .container > .left .terms-condition h2 {
    border-bottom: 1px solid #D6D6D6;
    font-size: 19px;
    font-weight: 700;
    margin-bottom: 18px;
    padding-bottom: 5px;
}

.page-store-detail .body .container > .left .terms-condition p {
    font-size: 13px;
    margin-bottom: 3px;
}

.page-store-detail .body .container > .left .popular-shop {
    background: #FFFFFF;
    border: 1px solid #D6D6D6;
    padding: 20px;
}

.page-store-detail .body .container > .left .popular-shop h3 {
    font-size: 20px;
    font-weight: 700;
    margin: 0;
}

.page-store-detail .body .container > .left .popular-shop .shop {
    border-bottom: 1px solid #D6D6D6;
    padding: 30px 0;
}

.page-store-detail .body .container > .left .popular-shop .shop .left {
    padding-left: 0;
    text-align: right;
}

.page-store-detail .body .container > .left .popular-shop .shop .left img {
    max-height: 100%;
    max-width: 145px;
}

.page-store-detail .body .container > .left .popular-shop .shop .right {
    padding-right: 0;
}

.page-store-detail .body .container > .left .popular-shop .shop .right h4 {
    font-size: 17px;
    margin: 0 0 2px 0;
}

.page-store-detail .body .container > .left .popular-shop .shop .right p {
    color: #F00;
    font-size: 14px;
    margin-bottom: 0;
}

.page-store-detail .body .container > .left .category {
    background: #FFFFFF;
    border: 1px solid #D6D6D6;
    margin-top: 10px;
    padding: 20px;
}

.page-store-detail .body .container > .left .category h3 {
    font-size: 20px;
    font-weight: 700;
    margin: 0;
}

.page-store-detail .body .container > .left .category ul {
    margin: 12px 0 0 0;
    padding: 0;
}

.page-store-detail .body .container > .left .category ul li {
    list-style-type: none;
}

.page-store-detail .body .container > .left .category ul li a {
    font-size: 15px;
}

.page-store-detail .body .container > .left .category ul li a:hover {
    text-decoration: none;
}

.page-store-detail .body .container > .left .news {
    background: #FFFFFF;
    /* border-bottom: 1px solid #D6D6D6; */
    margin-top: 10px;
    padding: 20px 0 5px 0;
}

.page-store-detail .body .container > .left .news h3 {
    font-size: 20px;
    font-weight: 700;
    margin: 0;
}

.page-store-detail .body .container > .left .news .column {
    /* border-bottom: 1px solid #D6D6D6; */
    padding: 25px 0;
    /* height: 150px; */
}

.page-store-detail .body .container > .left .news .column .left {
    min-height: 50px;
    padding-left: 0;
    padding-right: 8px;
}

.page-store-detail .body .container > .left .news .column .left img {
    max-height: 100%;
    max-width: 150px;
}

.page-store-detail .body .container > .left .news .column .right {
    padding-left: 8px;
    padding-right: 0;
}

.page-store-detail .body .container > .left .news .column .right .title {
    color: #333;
    font-size: 14px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.page-store-detail .body .container > .left .news .column .right .date {
    color: #b1b0b0;
    font-size: 14px;
}

@media (max-width: 1200px) {
    .page-store-detail .body .container > .left {
        margin-bottom: 30px;
        width: 100%;
    }

    .page-store-detail .body .container > .left {
        width: 100%;
    }

    .page-store-detail .body .container > .left .popular-shop {
        float: left;
        margin-bottom: 30px;
        width: 49%;
    }

    .page-store-detail .body .container > .left .category {
        float: right;
        margin-top: 0;
        margin-bottom: 30px;
        width: 49%;
    }

    .page-store-detail .body .container > .left .news {
        clear: both;
        display: block;
    }

    .page-store-detail .body .container > .left .news .column .left {
        text-align: right;
        width: 50%;
    }

    .page-store-detail .body .container > .left .news .column .right {
        width: 50%;
    }
}

@media (max-width: 991px) {
    .page-store-detail .body .container > .left .shop .detail {
        margin-top: 20px;
        padding: 0;
        text-align: center;
    }

    .page-store-detail .body .container > .left .shop .redeem {
        clear: both;
        content: '';
        display: block;
        margin-top: 25px;
    }

    .page-store-detail .body .container > .left .shop .desktop-store-header  {
        display: none;
    }

    .page-store-detail .body .container > .left .shop .mobile-store-header  {
        display: block;
    }

    .page-store-detail .body .container > .left .shop .redeem-cash {
        margin: 0;
        padding: 0;
    }

    .page-store-detail .body .container > .left .shop .redeem-cash .redeem .left {
        text-align: center;
    }

    .page-store-detail .body .container > .left .shop .redeem-cash .redeem .right .days {
        margin: 10px auto 0 auto;
    }

    .page-store-detail .body .container > .left .shop-detail .left,
    .page-store-detail .body .container > .left .shop-detail .right {
        padding: 0;
    }

    .page-store-detail .body .container > .left .shop-detail .right .how-it-works {
        margin-top: 20px;
    }


    .page-store-detail .body .container > .left .top-deals .carousel .item > .deals{
        padding: 0;
        margin: 10px 0;
    }

    .page-store-detail .body .container > .left .top-deals .carousel .item > .deals .store-deal > .image-wrapper img {
        width: auto;
    }

    .page-store-detail .body .container > .left .similar-stores .column {
        padding: 0;
    }

    .page-store-detail .body .container > .left .popular-shop {
        width: 100%;
    }

    .page-store-detail .body .container > .left .category {
        width: 100%;
    }

    .page-store-detail .body .container > .left .popular-shop .shop .left {
        float: left;
        width: 50%;
    }

    .page-store-detail .body .container > .left .popular-shop .shop .right {
        float: left;
        width: 50%;
    }

    .page-store-detail .body .container > .left .news .column .left {
        float: left;
    }

    .page-store-detail .body .container > .left .news .column .right {
        float: left;
    }
}

@media (max-width: 800px) {
    .page-store-detail section.body {
        margin-top: 0;
    }
}

@media (max-width: 420px) {
    .page-store-detail .body .container > .left .news .column {
        height: 135px;
    }
    .page-store-detail .body .container > .left .news .column .left img {
        max-width: 135px;
    }
    .page-store-detail .body .container > .left .news .column .right .title {
        font-size: 15px;
    }
}

@media (max-width: 350px) {
    .page-store-detail .body .container > .left .shop .detail button {
        width: 100%;
    }
}

@media (max-width: 320px) {
    .page-store-detail .body .container > .left .similar-stores .column .column-wrapper .left img {
        width: 80px;
    }
    .page-store-detail .body .container > .left .news .column {
        height: 120px;
    }
    .page-store-detail .body .container > .left .news .column .left img {
        max-width: 108px;
    }
    .page-store-detail .body .container > .left .news .column .right .title {
        font-size: 12px;
    }
}

/* Page - Deals
------------------------------*/
.page-deals .body {
    background: #f5f5f5;
    padding-top: 40px;
}

.page-deals .body h1,
.page-deals .body h2,
.page-deals .body h3 {
    margin-top: 0;
}

.page-deals .body .container > .left {
    float: left;
    margin-bottom: 80px;
    width: 24%;
}

.page-deals .body .container > .left .category {
    background: #FFFFFF;
    border: 1px solid #D6D6D6;
    padding: 35px 20px;
}

.page-deals .body .container > .left .category h3 {
    border-bottom: 1px solid #D6D6D6;
    font-size: 20px;
    font-weight: 700;
    margin: 0;
    padding-bottom: 10px;
}

.page-deals .body .container > .left .category ul {
    margin: 12px 0 0 0;
    padding: 0;
}

.page-deals .body .container > .left .category ul li {
    list-style-type: none;
    margin: 8px 0;
}

.page-deals .body .container > .left .category ul li a {
    font-size: 16px;
}

.page-deals .body .container > .left .category ul li a:hover {
    text-decoration: none;
}

.page-deals .body .container > .left .popular-shop {
    background: #FFFFFF;
    border: 1px solid #D6D6D6;
    margin-top: 20px;
    padding: 20px;
}

.page-deals .body .container > .left .popular-shop h3 {
    font-size: 20px;
    font-weight: 700;
    margin: 0;
}

.page-deals .body .container > .left .popular-shop .shop {
    border-bottom: 1px solid #D6D6D6;
    padding: 30px 0;
}

.page-deals .body .container > .left .popular-shop .shop:last-child {
    border-bottom: 0;
    padding-bottom: 10px;
}

.page-deals .body .container > .left .popular-shop .shop .left {
    padding-left: 0;
}

.page-deals .body .container > .left .popular-shop .shop .left img {
    max-width: 100%;
    max-height: 100%;
}

.page-deals .body .container > .left .popular-shop .shop .right {
    padding-right: 0;
}

.page-deals .body .container > .left .popular-shop .shop .right h4 {
    font-size: 17px;
    margin: 0 0 2px 0;
}

.page-deals .body .container > .left .popular-shop .shop .right p {
    color: #Ff3d00;
    font-size: 13px;
    margin-bottom: 0;
}

.page-deals .body .container > .left .news {
    background: #FFFFFF;
    border: 1px solid #D6D6D6;
    margin-top: 20px;
    padding: 20px;
}

.page-deals .body .container > .left .news h3 {
    font-size: 20px;
    font-weight: 700;
    margin: 0;
}

.page-deals .body .container > .left .news .column {
    border-bottom: 1px solid #D6D6D6;
    padding: 25px 0;
}

.page-deals .body .container > .left .news .column:last-child {
    border-bottom: 0;
    padding-bottom: 0;
}

.page-deals .body .container > .left .news .column .left {
    min-height: 50px;
    padding-left: 0;
    padding-right: 8px;
}

.page-deals .body .container > .left .news .column .left img {
    max-width: 100%;
    max-height: 100%;
}

.page-deals .body .container > .left .news .column .right {
    padding-left: 8px;
    padding-right: 0;
}

.page-deals .body .container > .left .news .column .right .title {
    color: #333;
    font-size: 12px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.page-deals .body .container > .left .news .column .right .date {
    color: #b1b0b0;
    font-size: 15px;
}

.page-deals .body .container > .right {
    float: right;
    width: 73%;
}

.page-deals .body .container > .right .deals {
    background: #FFFFFF;
    padding: 20px 20px 23px 20px;
}

.page-deals .body .container > .right .deals .deals-head {
    align-items: center;
    display: flex;
    justify-content: center;
}

.page-deals .body .container > .right .deals .deals-head .left {
    padding: 0;
}

.page-deals .body .container > .right .deals .deals-head .left h2 {
    font-size: 2.7em;
    margin: 0;
    font-family: 'RSUBold';
}

.page-deals .body .container > .right .deals .deals-head .right {
    padding: 0;
}

.page-deals .body .container > .right .deals .deals-head .right .dropdown {
    float: right;
}

.page-deals .body .container > .right .deals .deals-head .right .dropdown button,
.page-deals .body .container > .right .deals .deals-head .left .dropdown button {
    border-radius: 0;
    background: transparent;
    border: 1px solid #D0D0D0;
    color: #232323;
}

.page-deals .body .container > .right .deals .deals-head .right .dropdown .dropdown-menu {
    width: 100%;
    border-radius: 0;
    margin-top: 0;
    border-top: 0;
}

.page-deals .body .container > .right .deals .deals-head .right .dropdown .dropdown-menu a {
    white-space: normal;
    border-bottom: 1px solid #d0d0d0;
}

.page-deals .body .container > .right .deals .products {
    margin-top: 15px;
    padding-top: 15px;
}

.page-deals .body .container > .right .deals .products .products-column {
    margin: 6px 0;
    padding: 0 5px;
}

.page-deals .body .container > .right .deals .products .products-column .products-wrapper {
    border: 1px solid #D6D6D6;
    min-height: 265px;
}

.page-deals .body .container > .right .deals .products .products-column .expired-content {
    background-color: #f4f4f4;
    border-radius: 3px;
    cursor: pointer;
    padding: 5px;
    color: #848484;
    font-size: 13px;
    font-weight: bolder;
    position: absolute;
    left: 10px;
    bottom: 90px;
    z-index: 99;
}

.page-deals .body .container > .right .deals .products .products-column:nth-child(4n+1) {
    padding-left: 0;
}

.page-deals .body .container > .right .deals .products .products-column:nth-child(4n) {
    padding-right: 0;
}

.page-deals .body .container > .right .deals .products .products-column .store-deal {
    position: relative;
}

.page-deals .body .container > .right .deals .products .products-column .store-deal > .image-wrapper {
    align-items: center;
    display: flex;
    justify-content: center;
    max-height: 208px;
    min-height: 208px;
    overflow: hidden;
    width: 100%;

}

.page-deals .body .container > .right .deals .products .products-column .store-deal > .image-wrapper:after {
    background: rgba(255,255,255,0);
    bottom: 0;
    content: '';
    background: transparent;
    left: 0;
    max-height: 208px;
    max-width: 100%;
    min-height: 208px;
    min-width: 100%;
    position: absolute;
    background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 75%,
    rgba(99,99,99,1) 100%);
    background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 75%,
    rgba(99,99,99,1) 100%);
    background: -o-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 75%,
    rgba(99,99,99,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,0)),
    color-stop(75%, rgba(255,255,255,0)), color-stop(100%, rgba(99,99,99,1)));
    background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 75%,
    rgba(99,99,99,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 75%,
    rgba(99,99,99,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#636363', GradientType=0 );
}

.page-deals .body .container > .right .deals .products .products-column .store-deal > .image-wrapper img {
    width: 100%;
}

.page-deals .body .container > .right .deals .products .products-column .store-deal > .store {
    height: 30px;
    left: 10px;
    position: absolute;
    top: 12px;
    width: 100px;
}

.page-deals .body .container > .right .deals .products .products-column .store-deal > .store  img {
    max-height: 100%;
    max-width: 100%;
}

.page-deals .body .container > .right .deals .products .products-column .store-deal > .off {
    border-left: 55px solid transparent;
    border-top: 55px solid #F95558;
    height: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 0;
}

.page-deals .body .container > .right .deals .products .products-wrapper .store-deal > .off .off-wrapper {
    line-height: 12px;
    position: absolute;
    right: 3px;
    top: -48px;
}

.page-deals .body .container > .right .deals .products .products-wrapper .store-deal > .off .off-wrapper p {
    color: #FFFFFF;
    margin: 0;
}

.page-deals .body .container > .right .deals .products .products-wrapper .store-deal > .off .off-wrapper p:nth-child(1) {
    font-weight: 700;
}

.page-deals .body .container > .right .deals .products .products-wrapper .store-deal > .off .off-wrapper p:nth-child(2) {
    font-size: 9px;
    text-align: right;
    font-weight: 700;
}

.page-deals .body .container > .right .deals .products .products-wrapper .store-deal > .cash-back {
    bottom: 0;
    color: #333333;
    position: absolute;
    right: 0;
}

.page-deals .body .container > .right .deals .products .products-wrapper .store-deal > .cash-back .cash {
    background: #F0D111;
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    padding: 0 5px;
}

.page-deals .body .container > .right .deals .products .products-wrapper .store-deal > .cash-back .percent {
    background: #195684;
    color: #FFFFFF;
    font-size: 13px;
    padding: 2px 5px;
}

.page-deals .body .container > .right .deals .products .products-wrapper .store-deal > .cash-back .fixed-amount {
    font-size: 18px;
    padding: 7px;
    text-align: center;
    background: #195684;
    color: #FFFFFF;
    text-align: center;
}
.page-deals .body .container > .right .deals .products .products-wrapper .product-name {
    font-size: 14px;
    height: 40px;
    overflow: hidden;
    padding: 5px 10px 0 10px;
}

.page-deals .body .container > .right .deals .products .products-wrapper .social {
    border-top: 0;
}

.page-deals .body .container > .right .deals .products .products-wrapper .social ul a.vote-promo{
    color: #4595d1 !important;
    text-decoration: none;
}

.page-deals .body .container > .right .deals .products .products-wrapper .social ul a{
    color: #9a9a9a;
    text-decoration: none;
}

.page-deals .body .container > .right .deals .products .products-wrapper .social ul a:hover{
    color: #4595d1;
}

.page-deals .body .container > .right .deals .products .products-wrapper .social ul {
    color: #9a9a9a;
    font-size: 14px;
    margin: 0;
    padding: 10px 0;
}

.page-deals .body .container > .right .deals .products .products-wrapper .social ul li {
    display: inline-block;
    list-style: none;
    margin: 0 8px;
}

.page-deals .body .container > .right .paginate {
    /* margin-top: 20px; */
    text-align: center;
    width: 100%;
}

.page-deals .body .container > .right .paginate ul li a {
    background: transparent;
    border: 0;
    color: #232323;
    font-size: 20px;
    margin: 0 8px;
}

.page-deals .body .container > .right .paginate ul li a:hover {
    background: #4595d1;
    border-radius: 5px;
    border: 0;
    color: #FFFFFF;
}

.page-deals .body .container > .right .paginate ul li.active a {
    background: #4595d1;
    border-radius: 5px;
    border: 0;
    color: #FFFFFF;
}

@media (max-width: 991px) {
    .page-deals .body .container > .right .deals .products .products-column:nth-child(4n+1) {
        padding-left: 5px;
    }

    .page-deals .body .container > .right .deals .products .products-column:nth-child(4n) {
        padding-right: 5px;
    }

    .page-deals .body .container > .right .deals .products .products-column:nth-child(3n+1) {
        padding-left: 0;
    }

    .page-deals .body .container > .right .deals .products .products-column:nth-child(3n) {
        padding-right: 0;
    }

    .page-deals .body .container > .left .popular-shop .shop .left {
        padding: 0;
    }

    .page-deals .body .container > .left .popular-shop .shop .right {
        padding: 0;
        margin-top: 10px;
    }

    .page-deals .body .container > .left .news .column .right {
        padding: 0;
        margin-top: 10px;
    }
}
@media (max-width: 800px) {
    .page-deals section.body {
        margin-top: 0;
    }

    .page-deals .body .container section.left {
        display: none;
    }

    .page-deals .body .container section.right {
        width: 100%;
    }
        .page-deals .body .container > .right .deals .deals-head .right .dropdown button {
            margin-right: 10px;
        }
        .page-deals .body .container .deals-head .dropdown {
        display: block !important;
    }

    .page-deals .body .container > .right .deals .products .products-column:nth-child(4n) {
        padding-right: 5px;
    }

    .page-deals .body .container > .right .deals .products .products-column:nth-child(3n+1) {
        padding-left: 5px;
    }

    .page-deals .body .container > .right .deals .products .products-column:nth-child(3n) {
        padding-right: 5px;
    }

    .page-deals .body .container > .right .deals .deals-head {
        display: block;
    }

    .page-deals .body .container > .right .deals .deals-head .left {
        float: none;
        width: 100%;
    }

    .page-deals .body .container > .right .deals .deals-head .right {
        float: none;
        width: 100%;
    }

        .page-deals .body .container > .right .paginate ul li a {
        font-size: 10px;
    }
}

@media (max-width: 414px) {
    .page-deals .body .container .products-column {
        width: 100%;
    }

    .page-deals .body .container > .right .paginate ul li a {
        margin: 0;
    }

    .page-deals .body .container > .right .deals {
        padding: 10px 5px;
    }
}

@media (max-width: 392px) {
    .page-deals .body .container > .right .deals .deals-head .right .dropdown button {
        margin-top: 10px;
    }
}

@media (max-width: 360px) {
    .page-deals .body .container .dropdown-toggle {
        padding: 6px;
    }
}

@media (max-width: 320px) {
    .page-deals .body .container .dropdown-toggle {
        font-size: 12px;
    }
}

/* Page - Deal Detail
------------------------------*/
.page-deal-detail .body {
    background: #EEEEEE;
    padding-top: 22px;
}

.page-deal-detail .body h1,
.page-deal-detail .body h2,
.page-deal-detail .body h3 {
    margin-top: 0;
}

.page-deal-detail .body .container > .left {
    background: #FFFFFF;
    border: 1px solid #D6D6D6;
    float: left;
    margin-bottom: 80px;
    padding: 25px;
    width: 74%;
}

.page-deal-detail .body .container > .left .product h1 {
    font-size: 20px;
    font-weight: 700;
    margin-top: 0;
}

.page-deal-detail .body .container > .left .product .product-wrapper {
    padding: 0 15px;
}

.page-deal-detail .body .container > .left .product .product-wrapper .product-thumbnail {
    float: left;
    padding-left: 0;
    width: 8.33333333%;
    padding-right: 15px;
}

.page-deal-detail .body .container > .left .product .product-wrapper .product-thumbnail li {
    list-style-type: none;
    margin: 10px 0;
}

.page-deal-detail .body .container > .left .product .product-wrapper .product-thumbnail li a {
    display: block;
}

.page-deal-detail .body .container > .left .product .product-wrapper .product-thumbnail li a.active{
    border: 1px solid #0f0b0c;
    padding: 2px;
}

.page-deal-detail .body .container > .left .product .product-wrapper .product-thumbnail li a img {
    max-height: 100%;
    max-width: 100%;
}

.page-deal-detail .body .container > .left .product .product-wrapper .image {
    border-left: 1px solid #e6e6e6;
    float: left;
    -webkit-box-shadow: -1px 0px 1px -1px rgba(230,230,230,1);
    -moz-box-shadow: -1px 0px 1px -1px rgba(230,230,230,1);
    box-shadow: -1px 0px 1px -1px rgba(230,230,230,1);
    padding-left: 15px;
    width: 50%;
}

.page-deal-detail .body .container > .left .product .product-wrapper .image.no-thumbs {
    border: 0;
    box-shadow: none;
    margin: auto;
    padding-left: 0;
    text-align: center;
    height: 400px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.page-deal-detail .body .container > .left .product .product-wrapper .image img {
    max-height: 400px;
    max-width: 100%;
}

.page-deal-detail .body .container > .left .product .product-wrapper .detail {
    float: left;
    padding-left: 25px;
    padding-right: 0;
    width: 41.66666667%;
}

.page-deal-detail .body .container > .left .product .product-wrapper .detail .store-logo{
    /*margin-bottom: 10px;*/
}

.page-deal-detail .body .container > .left .product .product-wrapper .detail h2 {
    color: #Ff3d00;
    font-weight: 700;
    font-size: 32px;
}

.page-deal-detail .body .container > .left .product .product-wrapper .detail ul {
    padding: 0;
}

.page-deal-detail .body .container > .left .product .product-wrapper .detail ul li {
    font-size: 14px;
    list-style-type: none;
}

.page-deal-detail .body .container > .left .product .product-wrapper .detail a.btn {
    background: #Ff3d00;
    color: #FFFFFF;
    display: block;
    font-size: 30px;
    font-weight: 700;
    padding: 5px 0;
    margin-top: 10px;
    text-align: center;
}

.page-deal-detail .body .container > .left .product .product-wrapper .detail .social-plugin {
    margin: 20px 0;
}

.page-deal-detail .body .container > .left .product .product-wrapper .detail .social-plugin > span {
    top: -5px;
}

.page-deal-detail .body .container > .left .product .product-wrapper .detail .social-plugin .fb-like {
    top: 0px;
}

.page-deal-detail .body .container > .left .product .product-wrapper .detail .social-plugin .fb-like.fb_iframe_widget span {
    vertical-align: top !important;
}

.page-deal-detail .body .container > .left .product .product-wrapper .detail .social ul {
    padding: 0;
}

.page-deal-detail .body .container > .left .product .product-wrapper .detail .social ul li {
    border-radius: 5px;
    border: 1px solid #bdbdbd;
    color: #b8b8b8;
    display: inline-block;
    font-size: 15px;
    list-style-type: none;
    margin-right: 8px;
    min-width: 104px;
    padding: 10px 30px;
    text-align: center;
}

.page-deal-detail .body .container > .left .product .product-wrapper .detail .social ul li i {
    padding-right: 5px;
}

.page-deal-detail .body .container > .left .product .product-wrapper .detail .social ul a {
    text-decoration: none;
}

.page-deal-detail .body .container > .left .product .product-wrapper .detail .social ul li.active {
    border-color: #4595d1;
    color: #4595d1;
}

.page-deal-detail .body .container > .left .product .categories {
    margin-top: 15px;
    padding-left: 10%;
}

.page-deal-detail .body .container > .left .product .categories p {
    font-size: 15px;
    margin: 0;
}

.page-deal-detail .body .container > .left .product .categories p span {
    font-weight: 700;
}

.page-deal-detail .body .container > .left .product-detail {
    margin-top: 50px;
}

.page-deal-detail .body .container > .left .product-detail > ul li:first-child {
    padding-left: 20px;
}

.page-deal-detail .body .container > .left .product-detail > ul li a {
    background: #EEEEEE;
    border-radius: 0;
    color: #474747;
    font-size: 14px;
    font-weight: 700;
    padding: 10px 45px;
    border-top: 1px solid #d4d4d4;
    border-left: 1px solid #d4d4d4;
    border-right: 1px solid #d4d4d4;
}

.page-deal-detail .body .container > .left .product-detail ul li.active a {
    background: #FFFFFF;
}

.page-deal-detail .body .container > .left .product-detail .tab-content .tab-pane {
    padding: 15px 25px;
    overflow: hidden;
}

.page-deal-detail .body .container > .left .product-detail .tab-content .detail h3 {
    color: #Ff9900 ;
    font-size: 15px;
    font-weight: 700;
}

.page-deal-detail .body .container > .left .product-detail .tab-content .detail p {
    margin: 0;
}

.page-deal-detail .body .container > .left .product-detail .tab-content .detail .image-wrapper {
    margin: 25px auto;
    max-width: 460px;
    min-height: 255px;
    text-align: center;
}

.page-deal-detail .body .container > .left .product-detail .tab-content .detail .image-wrapper img {
    max-width: 100%;
}

.page-deal-detail .body .container > .left .product-detail .tab-content .promotion .comment-list .comment-tmp {
    border-top: 1px solid #ddd;
    padding: 20px 0;
}

.page-deal-detail .body .container > .left .product-detail .tab-content .promotion .comment-list .comment-tmp .image {
    width: 10%;
}

.page-deal-detail .body .container > .left .product-detail .tab-content .promotion .comment-list .comment-tmp .image img {
    border-radius: 50%;
    width: 100%;
}

.page-deal-detail .body .container > .left .product-detail .tab-content .promotion .comment-list .comment-tmp .comment-detail {
    padding-left: 20px;
    width: 90%;
}

.page-deal-detail .body .container > .left .product-detail .tab-content .tab-pane ul {
    padding: 0;
}

.page-deal-detail .body .container > .left .product-detail .tab-content .tab-pane ul li {
    list-style-type: none;
}

.page-deal-detail .body .container > .left .product-detail .tab-content .tab-pane .comment-list .image img {
    border-radius: 50px !important;
    height: 50px !important;
    width: 50px !important;
}


.page-deal-detail .body .container > .right {
    float: right;
    margin-bottom: 80px;
    width: 24%;
}

.page-deal-detail .body .container > .right .popular-shop {
    background: #FFFFFF;
    border: 1px solid #D6D6D6;
    padding: 20px;
}

.page-deal-detail .body .container > .right .popular-shop h3 {
    font-size: 18px;
    font-weight: 700;
    margin: 0;
}

.page-deal-detail .body .container > .right .popular-shop .shop {
    border-bottom: 1px solid #D6D6D6;
    padding: 30px 0;
}

.page-deal-detail .body .container > .right .popular-shop .shop:last-child {
    border-bottom: 0;
    padding-bottom: 10px;
}

.page-deal-detail .body .container > .right .popular-shop .shop .left {
    padding-left: 0;
}

.page-deal-detail .body .container > .right .popular-shop .shop .left img {
    max-height: 100%;
    max-width: 100%;
}

.page-deal-detail .body .container > .right .popular-shop .shop .right {
    padding-right: 0;
}

.page-deal-detail .body .container > .right .popular-shop .shop .right h4 {
    font-size: 17px;
    margin: 0 0 2px 0;
}

.page-deal-detail .body .container > .right .popular-shop .shop .right p {
    color: #F00;
    font-size: 13px;
    margin-bottom: 0;
}

@media(max-width: 991px) {
.page-deal-detail .body .container > .left {
    margin-bottom: 30px;
    width: 100%;
}

.page-deal-detail .body .container > .right {
    width: 100%;
}

.page-deal-detail .body .container > .right .popular-shop .shop .left {
    float: left;
    text-align: right;
    width: 50%;
}

.page-deal-detail .body .container > .right .popular-shop .shop .right {
    float: left;
    width: 50%;
}

.page-deal-detail .body .container > .left .product .product-wrapper {
    padding: 0;
}

.page-deal-detail .body .container > .left .product .product-wrapper .detail button {
    padding: 10px 0;
    width: 100%;
}

.page-deal-detail .body .container > .left .product .product-wrapper .detail .social ul li.like {
    width: 100%;
}

.page-deal-detail .body .container > .left .product .product-wrapper .detail .social ul li {
    width: 100%;
    margin-top: 10px;
}
}

@media (max-width: 800px){
    .page-deal-detail section.body {
        margin-top: 0;
    }
}

@media (max-width: 640px) {

    .page-deal-detail .body .container > .left .product .product-wrapper .image.no-thumbs { 
        height: auto
    }
    .page-home .fourth .testimonials .testi .user-img {
        border-radius: 50%;
        float: none !important;
        margin: 0 auto 20px auto;
    }

    .page-home .fourth .testimonials .testi .details {
        margin-left: 0px;
        width: 100%;
    }
    .page-deal-detail .body .container > .left .product-detail > ul li {
        padding: 0;
        width: 100%;
    }

    .page-deal-detail .body .container > .left .product-detail > ul li:first-child {
        padding: 0;
    }

    .page-deal-detail .body .container > .left .product-detail .tab-content .tab-pane {
        padding-bottom: 0;
        padding-left: 0;
        padding-right: 0;
    }

    .page-deal-detail .body .container > .left .product .categories {
        padding: 0;
        width: 100%;
    }

    .page-deal-detail .body .container > .left .product .product-wrapper .product-thumbnail {
        width: 10%;
    }

    .page-deal-detail .body .container > .left .product .product-wrapper .image {
        margin-bottom: 30px;
        float: none;
    }

    .page-deal-detail .body .container > .left .product .product-wrapper .detail {
        clear: both;
        content: '';
        display: table;
        float: none;
        margin-top: 10px;
        padding-left: 0;
        padding: 0;
        text-align: center;
        width: 100%;
    }

    .page-deal-detail .body .container > .left .product .product-wrapper .detail h2 {
        margin-top: 15px;
    }
}

@media (max-width: 568px) {
    .page-deal-detail .body .container > .left .product .product-wrapper .product-thumbnail {
        width: 15%;
    }

    .page-deal-detail .body .container > .left .product .product-wrapper .image {
        width: 85%
    }
}

@media (max-width: 500px) {
    .page-deal-detail .body .container >
    .left .product-detail .tab-content .promotion .comment-list .comment-tmp .image {
        text-align: center;
        width: 100%;
    }

    .page-deal-detail .body .container >
    .left .product-detail .tab-content .promotion .comment-list .comment-tmp .comment-detail {
        margin-top: 15px;
        padding: 0;
        width: 100%;
    }
}

@media (max-width: 420px) {
    .page-deal-detail .body .container > .left {
        padding-left: 20px;
        padding-right: 20px;
    }

    .page-deal-detail .body .container > .left .product .product-wrapper .detail a.btn {
        padding: 12px 60px;
    }

    .page-deal-detail .body .container > .left .product .product-wrapper .product-thumbnail {
        width: 20%;
    }

    .page-deal-detail .body .container > .left .product .product-wrapper .image {
        width: 80%
    }

    .page-deal-detail .body .container > .left .product-detail > ul li a {
        padding-left: 20px;
        padding-right: 20px;
    }
}

/* Page - Coupon
------------------------------*/
.page-coupon .body {
    background: #EEEEEE;
    padding-top: 40px;
}

.page-coupon .body h1,
.page-coupon .body h2,
.page-coupon .body h3 {
    margin-top: 0;
}

.page-coupon .body .container > .left {
    float: left;
    margin-bottom: 80px;
    width: 24%;
}

.page-coupon .body .container > .left .category {
    background: #FFFFFF;
    border: 1px solid #D6D6D6;
    padding: 35px 20px;
}

.page-coupon .body .container > .left .category h3 {
    border-bottom: 1px solid #D6D6D6;
    font-size: 15px;
    font-weight: 700;
    margin: 0;
    padding-bottom: 10px;
}

.page-coupon .body .container > .left .category ul {
    margin: 12px 0 0 0;
    padding: 0;
}

.page-coupon .body .container > .left .category ul li {
    list-style-type: none;
    margin: 8px 0;
}

.page-coupon .body .container > .left .category ul li a {
    font-size: 13px;
}

.page-coupon .body .container > .left .category ul li a:hover {
    text-decoration: none;
}

.page-coupon .body .container > .left .popular-shop {
    background: #FFFFFF;
    border: 1px solid #D6D6D6;
    margin-top: 20px;
    padding: 20px;
}

.page-coupon .body .container > .left .popular-shop h3 {
    font-size: 15px;
    font-weight: 700;
    margin: 0;
}

.page-coupon .body .container > .left .popular-shop .shop {
    border-bottom: 1px solid #D6D6D6;
    padding: 30px 0;
}

.page-coupon .body .container > .left .popular-shop .shop:last-child {
    border-bottom: 0;
    padding-bottom: 10px;
}

.page-coupon .body .container > .left .popular-shop .shop .left {
    padding-left: 0;
}

.page-coupon .body .container > .left .popular-shop .shop .left img {
    max-width: 100%;
    max-height: 100%;
}

.page-coupon .body .container > .left .popular-shop .shop .right {
    padding-right: 0;
}

.page-coupon .body .container > .left .popular-shop .shop .right h4 {
    font-size: 12px;
    margin: 0 0 2px 0;
}

.page-coupon .body .container > .left .popular-shop .shop .right p {
    color: #Ff3d00;
    font-size: 11px;
    margin-bottom: 0;
}

.page-coupon .body .container > .left .news {
    background: #FFFFFF;
    border: 1px solid #D6D6D6;
    margin-top: 20px;
    padding: 20px;
}

.page-coupon .body .container > .left .news h3 {
    font-size: 15px;
    font-weight: 700;
    margin: 0;
}

.page-coupon .body .container > .left .news .column {
    border-bottom: 1px solid #D6D6D6;
    padding: 25px 0;
}

.page-coupon .body .container > .left .news .column:last-child {
    border-bottom: 0;
    padding-bottom: 0;
}

.page-coupon .body .container > .left .news .column .left {
    min-height: 50px;
    padding-left: 0;
    padding-right: 8px;
}

.page-coupon .body .container > .left .news .column .left img {
    max-width: 100%;
    max-height: 100%;
}

.page-coupon .body .container > .left .news .column .right {
    padding-left: 8px;
    padding-right: 0;
}

.page-coupon .body .container > .left .news .column .right .title {
    font-size: 13px;
}

.page-coupon .body .container > .left .news .column .right .date {
    color: #b1b0b0;
    font-size: 12px;
}

.page-coupon .body .container > .right {
    float: right;
    width: 73%;
}

.page-coupon .body .container > .right .coupons {
    background: #FFFFFF;
    padding: 20px 20px 50px 20px;
}

.page-coupon .body .container > .right .coupons .coupons-head {
    align-items: center;
    border-bottom: 1px solid #ddd;
    display: flex;
    justify-content: center;
    padding-bottom: 15px;
}

.page-coupon .body .container > .right .coupons .coupons-head .left {
    padding: 0;
}

.page-coupon .body .container > .right .coupons .coupons-head .left h2 {
    font-size: 25px;
    margin: 0;
}

.page-coupon .body .container > .right .coupons .coupons-head .right {
    padding: 0;
}

.page-coupon .body .container > .right .coupons .coupons-head .right .dropdown {
    float: right;
}

.page-coupon .body .container > .right .coupons .coupons-head .right .dropdown button,
.page-coupon .body .container > .right .coupons .coupons-head .left .dropdown button {
    border-radius: 0;
    background: transparent;
    border: 1px solid #D0D0D0;
    color: #232323;
}

.page-coupon .body .container > .right .coupons .coupons-head .right .dropdown .dropdown-menu {
    width: 100%;
    border-radius: 0;
    margin-top: 0;
    border-top: 0;
}

.page-coupon .body .container > .right .coupon-list .coupon-column {
    margin: 30px 0 0;
    padding: 0 5px;
}

.page-coupon .body .container > .right .coupon-list .coupon-column .coupon-wrapper {
    border: 1px solid #ddd }

.page-coupon .body .container > .right .coupon-list .coupon-column:nth-child(3n+1) {
    padding-left: 0;
}

.page-coupon .body .container > .right .coupon-list .coupon-column:nth-child(3n) {
    padding-right: 0;
}

.page-coupon .body .container > .right .coupon-list .coupon-column .img-wrapper {
    overflow: hidden;
    height: 120px;
}

.page-coupon .body .container > .right .coupon-list .coupon-column .img-wrapper > img {
    display: block;
    height: 100%;
    object-fit: cover;
    width: 100%;
}

.page-coupon .body .container > .right .coupon-list .coupon-column .info {
    border-bottom: 1px solid #ddd;
    position: relative;
    padding: 40px 15px 30px;
}

.page-coupon .body .container > .right .coupon-list .coupon-column .info .merchant-img {
    height: 55px;
    left: 28%;
    object-fit: contain;
    position: absolute;
    width: 40%;
    top: -30px;
}

.page-coupon .body .container > .right .coupon-list .coupon-column .info > p {
    margin-bottom: 20px;
}

.page-coupon .body .container > .right .coupon-list .coupon-column .info .info-actions {
    text-align: center;
}

.page-coupon .body .container > .right .coupon-list .coupon-column .info .info-actions .btn {
    background-color: #46be8a;
    color: #FFFFFF;
    font-size: 12px;
    margin-right: 5px;
    white-space: nowrap;
}

.page-coupon .body .container > .right .coupon-list .coupon-column .info .info-actions .btn:last-child {
    margin-right: 0;
}

.page-coupon .body .container > .right .coupon-list .coupon-column .bottom-actions {
    display: flex;
    display: -webkit-flex;
}

.page-coupon .body .container > .right .coupon-list .coupon-column .bottom-actions > * {
    background-color: #F6f6f6;
    font-size: 12px;
    padding: 8px 4px;
    width: 50%;
    text-align: center;
}

.page-coupon .body .container > .right .coupon-list .coupon-column .bottom-actions .expires {
    border-right: 1px solid #ddd;
    color: #F85459;
}

/* Page - Redirect
------------------------------*/
.page-redirect body {
    font-family: Roboto, sans-serif;
    background: #f6f6f6;
    padding-top: 40px;
}

.page-redirect body h1,
.page-redirect body h2,
.page-redirect body h3 {
    margin-top: 0;
}

.page-redirect body .page-redirect-wrapper {
    background: #FFFFFF;
    border: none;
    margin: 0 auto 35px auto;
    padding: 0;
    width: 700px;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0px 25px 50px 5px #ddd;
}

.page-redirect .run-container {
    position: relative;
    display: block;
    width: 750px;
    height: 115px;
    margin: 0 auto;
}

.page-redirect .run-container img {
    width: 100px;
    position:absolute;
    top: 10px;  
    -webkit-animation:linear infinite alternate;
    -webkit-animation-name: run;
    -webkit-animation-duration: 4s;
    -moz-animation:linear infinite alternate;
    -moz-animation-name: run;
    -moz-animation-duration: 4s;
    -ms-animation:linear infinite alternate;
    -ms-animation-name: run;
    -ms-animation-duration: 4s;
    -o-animation:linear infinite alternate;
    -o-animation-name: run;
    -o-animation-duration: 4s;
    animation:linear infinite alternate;
    animation-name: run;
    animation-duration: 4s;
}

@-webkit-keyframes run {
    0% { 
        left: 0;
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    10% {
        -webkit-transform: rotate(-10deg);
        -o-transform: rotate(-10deg);
        transform: rotate(-10deg);
    }
    20% {
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    30% {
        -webkit-transform: rotate(-10deg);
        -o-transform: rotate(-10deg);
        transform: rotate(-10deg);
    }
    40% {
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    50% {
        -webkit-transform: rotate(-10deg);
        -o-transform: rotate(-10deg);
        transform: rotate(-10deg);
    }
    60% {
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    70% {
        -webkit-transform: rotate(-10deg);
        -o-transform: rotate(-10deg);
        transform: rotate(-10deg);
    }
    80% {
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    90% {
        -webkit-transform: rotate(-10deg);
        -o-transform: rotate(-10deg);
        transform: rotate(-10deg);
    }
    100% { 
        left: 88%;
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}

@keyframes run {
    0% { 
        left: 0;
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    10% {
        -webkit-transform: rotate(-10deg);
        -o-transform: rotate(-10deg);
        transform: rotate(-10deg);
    }
    20% {
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    30% {
        -webkit-transform: rotate(-10deg);
        -o-transform: rotate(-10deg);
        transform: rotate(-10deg);
    }
    40% {
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    50% {
        -webkit-transform: rotate(-10deg);
        -o-transform: rotate(-10deg);
        transform: rotate(-10deg);
    }
    60% {
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    70% {
        -webkit-transform: rotate(-10deg);
        -o-transform: rotate(-10deg);
        transform: rotate(-10deg);
    }
    80% {
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    90% {
        -webkit-transform: rotate(-10deg);
        -o-transform: rotate(-10deg);
        transform: rotate(-10deg);
    }
    100% { 
        left: 88%;
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}

@-webkit-keyframes ding {
    0% { 
        top: -10px;
    }
    50% {
        top: -50px;
    }
    100% { 
        top: -10px;
    }
}

@keyframes ding {
    0% { 
        top: -10px;
    }
    50% {
        top: -50px;
    }
    100% { 
        top: -10px;
    }
}

@-webkit-keyframes run-ding {
    0% { 
        left: 0;
    }
    100% { 
        left: 88%;
    }
}

@keyframes run-ding {
    0% {
        left: 0;
    }
    20% {
        left: 5%;
    }
    40% {
        left: 10%;
    }
    60% {
        left: 15%;
    }
    90% {
        left: 30%;
    }
    100% {
        left: 88%;
    }
}

.page-redirect .ding-container {
    position: relative;
    text-align: center;
    width: 700px;
    height: 63px;
    margin: 0 auto;
    margin-bottom: 5px;
    margin-top: 20px;
}

.page-redirect .ding-container .ding-wrap {
    position: absolute;
    left: 88%;
    top: 0;
    animation: run-ding 2.7s ease-in-out;
}

.page-redirect .ding-container .ding-wrap .ding-wrap-2 {
    display: inline-block;
    position: relative;
}

.page-redirect .ding-container .body-logo {
    width: 85px;
}

.page-redirect .ding-container .coin-logo {
    position: absolute;
    top: -10px;
    left: 36%;
    width: 17px;
    transform: translate(-36%, 0);
    z-index: 2;
    animation: ding .5s linear infinite;
    animation-delay: 1s;
}

.page-redirect .ding-container .sq-overlay {
    position: absolute;
    top: 1px;
    left: 36%;
    width: 20px;
    height: 10px;
    background: #4595d2;
    transform: translate(-36%, 0);
    z-index: 3;
}

#load-circle {
    position: absolute;
    top: -14px;
    left: -15px;
    width: 375px;
    height: 375px;
}

#load-circle canvas {
    height: 100% !important;
    width: 100% !important;
}

.page-redirect body .page-redirect-wrapper .progress {
    border-radius: 0;
    height: 10px;
    margin-bottom: 10px;
    box-shadow: none;
    background: #4ab4eb;
}

.page-redirect body .page-redirect-wrapper .progress .progress-bar {
    -webkit-animation-direction: reverse;
    -moz-animation-direction: reverse;
    -ms-animation-direction: reverse;
    -o-animation-direction: reverse;
    animation-direction: reverse;
    background-image: -webkit-linear-gradient(135deg,rgba(255,255,255,.15) 25%,
    transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,
    transparent 75%,transparent);
    background-image: -o-linear-gradient(135deg,rgba(255,255,255,.15) 25%,
    transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,
    transparent 75%,transparent);
    background-image: linear-gradient(135deg,rgba(255,255,255,.15) 25%,
    transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,
    transparent 75%,transparent);
    -webkit-background-size: 40px 40px;
    background-size: 45px 45px;

    background-image: none;

    /* background: linear-gradient(0deg, rgba(69,149,210,1) 25%, rgba(160,221,238,1) 85%); */
    background: #74d8a4;
    box-shadow: none;
}

.page-redirect body .page-redirect-wrapper .progress-content {
    font-size: 14px;
    text-align: center;
}

.page-redirect body .page-redirect-wrapper .progress-content span {
    font-weight: 700;
    padding-right: 15px;
}

.page-redirect body .page-redirect-wrapper .shop {
    margin: 15px auto 0 auto;
    padding: 0 15px;
    width: 480px;
}

.page-redirect body .page-redirect-wrapper p {
    color: #4595d2;
    font-size: 22px;
}

.page-redirect body .page-redirect-wrapper .shop .image {
    padding-left: 0;
    padding-right: 25px;
}

.page-redirect body .page-redirect-wrapper .shop .image .image-wrapper {
    align-items: center;
    display: flex;
    height: 160px;
    justify-content: center;
    padding: 20px 20px;
}

.page-redirect body .page-redirect-wrapper .shop .image .image-wrapper img,
.page-redirect body .page-redirect-wrapper .store-logo {
    width: 100%;
    max-width: 200px;
    max-height: 100px;
    object-fit: contain;
    margin-bottom: 10px;
}

.page-redirect body .page-redirect-wrapper .deal-img {
    width: 100%;
    max-height: 150px;
    margin-bottom: 10px;
    object-fit: contain;
}

.page-redirect body .page-redirect-wrapper .shop .detail {
    padding-right: 0;
    padding-left: 25px;
}

.page-redirect body .page-redirect-wrapper .user-congrat {
    font-size: 20px;
    white-space: nowrap;
}

.page-redirect body .page-redirect-wrapper .shop .detail h1 {
    font-size: 25px;
    font-weight: 700;
}

.page-redirect body .page-redirect-wrapper .shop .detail p,
.page-redirect body .page-redirect-wrapper .store-cashback {
    color: #4595d2;
    font-size: 30px;
    font-weight: 700;
    font-family: sans-serif;
    white-space: nowrap;
}

.page-redirect body .page-redirect-wrapper .shop .detail a.btn.btn-shop {
    background: #Ff3d00;
    color: #FFFFFF;
    font-size: 25px;
    font-weight: 700;
    margin-top: 20px;
    width: 100%;
    padding: 13px auto;
}

.page-redirect body .page-redirect-wrapper .shopping-trip {
    background: #F5f5f5;
    border: 1px solid #D6D6D6;
    margin: 40px auto 0 auto;
    text-align: center;
    width: 480px;
    padding-top: 15px;
}

.page-redirect body .page-redirect-wrapper .shopping-trip h2 {
    font-size: 22px;
    margin-bottom: 5px;
}

.page-redirect body .page-redirect-wrapper .shopping-trip p {
    color: #Ff3d00;
    margin-bottom: 5px;
    font-weight: 700;
    font-size: 25px;
}

.page-redirect body .page-redirect-wrapper .information {
    /* border-top: 1px solid #ddd;
    margin: 5px auto 0 auto;
    padding: 0 15px;
    padding-top: 10px;
    width: 480px; */
    margin: 20px 0 30px;
}

.page-redirect body .page-redirect-wrapper .information p {
    margin-bottom: 2px;
}

.page-redirect .page-redirect-wrapper .information .bottom {
    /* margin-bottom: 20px; */
}

.page-redirect .information .bottom a {
    /* margin: 0 0 10px 0;
    font-size: 14px; */
    /* font-weight: bold; */
    color: #777;
    background: #f3f3f3;
    border-radius: 30px;
    padding: 10px 35px;
    text-decoration: none;
}

.page-redirect body .how-it-work-3-step .img-container {
    background: transparent;
    text-align: right;
    padding-right: 3px;
}

.page-redirect .how-it-work-3-step h3 {
    font-size: 20px;
    margin-bottom: 20px;
}

.page-redirect body .how-it-work-3-step .title {
    font-size: 16px;
    color: #000;
}

.page-redirect .how-it-work-3-step .detail {
    font-size: 14px;
}

@-webkit-keyframes circle-color {
    0% {
        border-color: #4ab4eb;
    }
    100% {
        border-color: #74d8a4;
    }
}

@keyframes circle-color {
    0% {
        border-color: #4ab4eb;
    }
    100% {
        border-color: #74d8a4;
    }
}

@media (max-width: 800px) {
    .page-redirect body .page-redirect-wrapper,
    .page-redirect .run-container {
        width: 100%;
    }

    .page-redirect body .page-redirect-wrapper .shop .detail {
        padding-left: 10px;
    }

    .page-redirect body .page-redirect-wrapper .shop .detail a.btn.btn-shop {
        padding: 5px auto;
        font-size: 20px;
    }

    .page-redirect body .page-redirect-wrapper .shop .detail h1 {
        font-size: 22px;
    }

    .page-redirect body .page-redirect-wrapper .shop .detail p {
        font-size: 16px;
    }

    .page-redirect body .page-redirect-wrapper .shop .image .image-wrapper {
        height: 130px;
    }
}

@media (min-width: 768px) {
    .page-redirect .container {
        width: 100%;
    }
}

@media (min-width: 800px) {
    .page-redirect .container {
        width: 750px;
    }
}

@media (max-width: 767px) {
    .page-redirect body .page-redirect-wrapper .shop {
        width: 100%;
    }

    .page-redirect .ding-container {
        width: 100%;
        margin-top: 15px;
        margin-bottom: 30px;
    }

    .page-redirect .ding-container .ding-wrap {
        left: 54%;
        animation: none;
        transform: translate(-54%,0);
    }
    
    .page-redirect body .page-redirect-wrapper.redirect-mobile {
        width: 350px;
        height: 350px;
        border-radius: 50%;
        border: 2px solid #74d8a4;
        padding-top: 25px;
        position: relative;
        overflow: unset;
        animation: circle-color 2s ease-in-out;
    }    

    .page-redirect body .page-redirect-wrapper .store-logo {
        max-width: 165px;
    }

    .page-redirect body .page-redirect-wrapper .deal-img {
        max-height: 80px;
        margin-bottom: 20px;
    }

    .page-redirect .information .bottom a {
        background: #e8e8e8;
    }
}

@media (max-width: 500px) {
    .page-redirect body .page-redirect-wrapper .information,
    .page-redirect body .page-redirect-wrapper .shopping-trip,
    .page-redirect body .page-redirect-wrapper .shop {
        width: 100%;
    }

    .page-redirect body .page-redirect-wrapper .shop .detail a.btn.btn-shop {
        font-size: 15px;
    }

    .page-redirect body .page-redirect-wrapper .user-congrat {
        font-size: 18px;
    }

    .page-redirect body .page-redirect-wrapper .shop .detail p,
    .page-redirect body .page-redirect-wrapper .store-cashback {
        font-size: 34px;
    }
}

@media (max-width: 414px) {
    .page-redirect body .page-redirect-wrapper .user-congrat {
        font-size: 16px;
    }

    .page-redirect body .page-redirect-wrapper .shop .detail p,
    .page-redirect body .page-redirect-wrapper .store-cashback {
        font-size: 30px;
    }

    .page-redirect body .page-redirect-wrapper .shop .image {
        padding-right: 15px;
    }

    .page-redirect body .page-redirect-wrapper .deal-img {
        width: 95%;
    }

    @-webkit-keyframes run {
        0% { 
            left: 0;
            -webkit-transform: rotate(0deg);
            -o-transform: rotate(0deg);
            transform: rotate(0deg);
        }
        10% {
            -webkit-transform: rotate(-10deg);
            -o-transform: rotate(-10deg);
            transform: rotate(-10deg);
        }
        20% {
            -webkit-transform: rotate(0deg);
            -o-transform: rotate(0deg);
            transform: rotate(0deg);
        }
        30% {
            -webkit-transform: rotate(-10deg);
            -o-transform: rotate(-10deg);
            transform: rotate(-10deg);
        }
        40% {
            -webkit-transform: rotate(0deg);
            -o-transform: rotate(0deg);
            transform: rotate(0deg);
        }
        50% {
            -webkit-transform: rotate(-10deg);
            -o-transform: rotate(-10deg);
            transform: rotate(-10deg);
        }
        60% {
            -webkit-transform: rotate(0deg);
            -o-transform: rotate(0deg);
            transform: rotate(0deg);
        }
        70% {
            -webkit-transform: rotate(-10deg);
            -o-transform: rotate(-10deg);
            transform: rotate(-10deg);
        }
        80% {
            -webkit-transform: rotate(0deg);
            -o-transform: rotate(0deg);
            transform: rotate(0deg);
        }
        90% {
            -webkit-transform: rotate(-10deg);
            -o-transform: rotate(-10deg);
            transform: rotate(-10deg);
        }
        100% { 
            left: 80%;
            -webkit-transform: rotate(0deg);
            -o-transform: rotate(0deg);
            transform: rotate(0deg);
        }
    }
    
    @keyframes run {
        0% { 
            left: 0;
            -webkit-transform: rotate(0deg);
            -o-transform: rotate(0deg);
            transform: rotate(0deg);
        }
        10% {
            -webkit-transform: rotate(-10deg);
            -o-transform: rotate(-10deg);
            transform: rotate(-10deg);
        }
        20% {
            -webkit-transform: rotate(0deg);
            -o-transform: rotate(0deg);
            transform: rotate(0deg);
        }
        30% {
            -webkit-transform: rotate(-10deg);
            -o-transform: rotate(-10deg);
            transform: rotate(-10deg);
        }
        40% {
            -webkit-transform: rotate(0deg);
            -o-transform: rotate(0deg);
            transform: rotate(0deg);
        }
        50% {
            -webkit-transform: rotate(-10deg);
            -o-transform: rotate(-10deg);
            transform: rotate(-10deg);
        }
        60% {
            -webkit-transform: rotate(0deg);
            -o-transform: rotate(0deg);
            transform: rotate(0deg);
        }
        70% {
            -webkit-transform: rotate(-10deg);
            -o-transform: rotate(-10deg);
            transform: rotate(-10deg);
        }
        80% {
            -webkit-transform: rotate(0deg);
            -o-transform: rotate(0deg);
            transform: rotate(0deg);
        }
        90% {
            -webkit-transform: rotate(-10deg);
            -o-transform: rotate(-10deg);
            transform: rotate(-10deg);
        }
        100% { 
            left: 80%;
            -webkit-transform: rotate(0deg);
            -o-transform: rotate(0deg);
            transform: rotate(0deg);
        }
    }
}

@media (max-width: 384px) {
    .page-redirect body {
        padding-top: 0px;
    }

    .page-redirect body .page-redirect-wrapper .shop .image .image-wrapper {
        height: 100px;
        padding: 10px;
    }

    .page-redirect body .page-redirect-wrapper .shop .detail a.btn.btn-shop {
        margin-top: 5px;
    }

    .page-redirect body .page-redirect-wrapper .shop .detail h1 {
        font-size: 17px;
    }

    .page-redirect body .page-redirect-wrapper .shop .detail p {
        font-size: 12px;
    }

    .page-redirect body .page-redirect-wrapper .shopping-trip {
        margin-top: 30px;
    }
}

@media (max-width: 375px) {
    .page-redirect .ding-container {
        margin-top: 55px;
    }

    .page-redirect body .page-redirect-wrapper.redirect-mobile {
        width: 320px;
        height: 320px;
    }

    #load-circle {
        width: 345px;
        height: 345px;
    }

    .page-redirect body .page-redirect-wrapper .shop {
        margin-top: 0;
    }

    .page-redirect body .page-redirect-wrapper .store-logo {
        max-width: 150px;
        margin-bottom: 0;
    }

    .page-redirect body .page-redirect-wrapper .deal-img {
        max-height: 70px;
        margin-bottom: 10px;
    }

    .page-redirect body .page-redirect-wrapper .shop .detail p,
    .page-redirect body .page-redirect-wrapper .store-cashback {
        font-size: 28px;
    }
}

@media (max-width: 360px) {
    .page-redirect .container {
        padding: 0 3px;
    }

    .page-redirect body .page-redirect-wrapper .shop .detail p,
    .page-redirect body .page-redirect-wrapper .store-cashback {
        font-size: 24px;
    }

    .page-redirect body .page-redirect-wrapper.redirect-mobile {
        width: 290px;
        height: 290px;
    }

    #load-circle {
        width: 315px;
        height: 315px;
    }

    .page-redirect body .page-redirect-wrapper .information {
        margin-top: 10px;
    }

    .page-redirect .information .bottom a {
        padding: 10px 25px;
    }
}

@media (max-width: 320px) {   
    .page-redirect .run-container {
        height: 90px;
    }

    .page-redirect .run-container img {
        width: 80px;
    }

    .page-redirect .how-it-work-3-step h3 {
        font-size: 18px;
    }

    .page-redirect .how-it-work-3-step .title {
        font-size: 16px;
    }

    .page-redirect .how-it-work-3-step .detail {
        font-size: 14px;
    }

    .page-redirect body .page-redirect-wrapper .shop .detail p,
    .page-redirect body .page-redirect-wrapper .store-cashback {
        font-size: 22px;
    }

    .page-redirect body .page-redirect-wrapper .shop .detail {
        padding-left: 0;
    }

    .page-redirect body .page-redirect-wrapper .shop .detail a.btn.btn-shop {
        font-size: 13px;
    }
    .page-redirect body .page-redirect-wrapper .shop .image .image-wrapper {
        height: 97px;
    }    
}

/* Page - FAQ
------------------------------*/
.page-faq .body {
    background: #EEEEEE;
    padding-top: 40px;
}

.page-faq .body h1,
.page-faq .body h2,
.page-faq .body h3 {
    margin-top: 0;
}

.page-faq .body .container > .left {
    float: left;
    margin-right: 10px;
    width: 75%;
}

.page-faq .body .container > .left .frequently-asked {
    background: #FFFFFF;
    border: 1px solid #D6D6D6;
    padding: 30px 35px 35px 35px;
}

.page-faq .body .container > .left .frequently-asked h2 {
    font-size: 19px;
    font-weight: 700;
    margin-bottom: 30px;
}

.page-faq .body .container > .left .frequently-asked .panel.panel-default {
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-bottom: 1px solid #e5e5e5;
    border-radius: 0;
    box-shadow: none;
}

.page-faq .body .container > .left .frequently-asked .panel.panel-default > .panel-heading {
    color: #4595d1;
    background-color: transparent;
    border-color: transparent;
    padding: 0;
}

.page-faq .body .container > .left .frequently-asked .panel.panel-default > .panel-heading .panel-title a {
    display: block;
    font-weight: 600;
    font-size: 15px;
    padding: 15px;
    text-decoration: none;
}

.page-faq .body .container > .left .frequently-asked .panel.panel-default > .panel-heading .panel-title a:after {
    font-family: 'Glyphicons Halflings';
    content: "\e114";
    float: right;
    color: #337ab7;
}

.page-faq .body .container > .left .frequently-asked .panel.panel-default > .panel-heading .panel-title a.collapsed:after {
    content: "\e080";
}

.page-faq .body .container > .left .frequently-asked .panel-group .panel-heading + .panel-collapse > .list-group,
.page-faq .body .container > .left .frequently-asked .panel-group .panel-heading + .panel-collapse > .panel-body {
    border: 0;
}

.page-faq .body .container > .left .top-deals {
    background: #FFFFFF;
    border: 1px solid #D6D6D6;
    margin: 20px 0 40px;
    padding: 30px 35px 35px 35px;
}

.page-faq .body .container > .left .top-deals h2 {
    font-size: 19px;
    font-weight: 700;
    margin-bottom: 0;
}

.page-faq .body .container > .left .top-deals .carousel {
    margin: 25px 35px 0 25px;
}

.page-faq .body .container > .left .top-deals .carousel .carousel-control {
    width: 14px;
}

.page-faq .body .container > .left .top-deals .carousel .carousel-control span {
    color: #bdbdbd;
    left: 0;
    opacity: 1;
    position: absolute;
    text-shadow: none;
    top: 45%;
}

.page-faq .body .container > .left .top-deals .carousel .left.carousel-control {
    background-image: none;
    background: transparent;
    box-shadow: none;
    left: -35px;
    opacity: .9;
}

.page-faq .body .container > .left .top-deals .carousel .right.carousel-control {
    background-image: none;
    background: transparent;
    box-shadow: none;
    opacity: .9;
    right: -35px;
}

.page-faq .body .container > .left .top-deals .carousel .item > .deals {
    padding: 0 5px;
}

.page-faq .body .container > .left .top-deals .carousel .item > .deals:first-child {
    padding-left: 0;
}

.page-faq .body .container > .left .top-deals .carousel .item > .deals:last-child {
    padding-right: 0;
}

.page-faq .body .container > .left .top-deals .carousel .item > .deals .store-deal {
    position: relative;
}

.page-faq .body .container > .left .top-deals .carousel .item > .deals .store-deal > .image-wrapper {
    align-items: center;
    border: 1px solid #D6D6D6;
    display: flex;
    justify-content: center;
    min-height: 173px;
    width: 100%;
}

.page-faq .body .container > .left .top-deals .carousel .item > .deals .store-deal > .image-wrapper img {
    width: 100%;
}

.page-faq .body .container > .left .top-deals .carousel .item > .deals .store-deal > .store {
    height: 30px;
    left: 10px;
    position: absolute;
    top: 12px;
    width: 100px;
}

.page-faq .body .container > .left .top-deals .carousel .item > .deals .store-deal > .store  img {
    height: 100%;
    width: 100%;
}

.page-faq .body .container > .left .top-deals .carousel .item > .deals .store-deal > .off {
    border-left: 55px solid transparent;
    border-top: 55px solid #F95558;
    height: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 0;

}

.page-faq .body .container > .left .top-deals .carousel .item > .deals .store-deal > .off .off-wrapper {
    line-height: 12px;
    position: absolute;
    right: 3px;
    top: -48px;
}

.page-faq .body .container > .left .top-deals .carousel .item > .deals .store-deal > .off .off-wrapper p {
    color: #FFFFFF;
    margin: 0;
}

.page-faq .body .container > .left .top-deals .carousel .item > .deals .store-deal > .off .off-wrapper p:nth-child(1) {
    font-weight: 700;
}

.page-faq .body .container > .left .top-deals .carousel .item > .deals .store-deal > .off .off-wrapper p:nth-child(2) {
    font-size: 9px;
    text-align: right;
    font-weight: 700;
}

.page-faq .body .container > .left .top-deals .carousel .item > .deals .store-deal > .cash-back {
    bottom: 0;
    position: absolute;
    right: 0;
}

.page-faq .body .container > .left .top-deals .carousel .item > .deals .store-deal > .cash-back .cash {
    background: #F0d111;
    font-size: 15px;
    font-weight: 700;
    text-align: center;
}

.page-faq .body .container > .left .top-deals .carousel .item > .deals .store-deal > .cash-back .percent {
    background: #195684;
    color: #FFFFFF;
    font-size: 10px;
    font-weight: 700;
    padding: 2px 5px;
}

.page-faq .body .container > .left .top-deals .carousel .item > .deals .social {
    border: 1px solid #D6D6D6;
    border-top: 0;
}

.page-faq .body .container > .left .top-deals .carousel .item > .deals .social ul {
    color: #9a9a9a;
    font-size: 12px;
    margin: 0;
    padding: 10px 0;
}

.page-faq .body .container > .left .top-deals .carousel .item > .deals .social ul li {
    display: inline-block;
    list-style: none;
    margin: 0 8px;
}

.page-faq .body .container > .right {
    float: right;
    margin-bottom: 80px;
    width: 24%;
}

.page-faq .body .container > .right .popular-shop {
    background: #FFFFFF;
    border: 1px solid #D6D6D6;
    padding: 20px;
}

.page-faq .body .container > .right .popular-shop h3 {
    font-size: 15px;
    font-weight: 700;
    margin: 0;
}

.page-faq .body .container > .right .popular-shop .shop {
    border-bottom: 1px solid #D6D6D6;
    padding: 30px 0;
}

.page-faq .body .container > .right .popular-shop .shop:last-child {
    border-bottom: 0;
    padding-bottom: 10px;
}

.page-faq .body .container > .right .popular-shop .shop .left {
    padding-left: 0;
}

.page-faq .body .container > .right .popular-shop .shop .left img {
    width: 100%;
}

.page-faq .body .container > .right .popular-shop .shop .right {
    padding-right: 0;
}

.page-faq .body .container > .right .popular-shop .shop .right h4 {
    font-size: 12px;
    margin: 0 0 2px 0;
}

.page-faq .body .container > .right .popular-shop .shop .right p {
    color: #Ff3d00;
    font-size: 11px;
    margin-bottom: 0;
}

.page-faq .body .container > .right .category {
    background: #FFFFFF;
    border: 1px solid #D6D6D6;
    margin-top: 10px;
    padding: 20px;
}

.page-faq .body .container > .right .category h3 {
    font-size: 15px;
    font-weight: 700;
    margin: 0;
}

.page-faq .body .container > .right .category ul {
    margin: 12px 0 0 0;
    padding: 0;
}

.page-faq .body .container > .right .category ul li {
    list-style-type: none;
}

.page-faq .body .container > .right .category ul li a {
    font-size: 13px;
}

.page-faq .body .container > .right .category ul li a:hover {
    text-decoration: none;
}

.page-faq .body .container > .right .news {
    background: #FFFFFF;
    border: 1px solid #D6D6D6;
    margin-top: 10px;
    padding: 20px;
}

.page-faq .body .container > .right .news h3 {
    font-size: 15px;
    font-weight: 700;
    margin: 0;
}

.page-faq .body .container > .right .news .column {
    border-bottom: 1px solid #D6D6D6;
    padding: 25px 0;
}

.page-faq .body .container > .right .news .column:last-child {
    border-bottom: 0;
    padding-bottom: 0;
}

.page-faq .body .container > .right .news .column .left {
    min-height: 50px;
    padding-left: 0;
    padding-right: 8px;
}

.page-faq .body .container > .right .news .column .left img {
    width: 100%;
}

.page-faq .body .container > .right .news .column .right {
    padding-left: 8px;
    padding-right: 0;
}

.page-faq .body .container > .right .news .column .right .title {
    font-size: 13px;
}

.page-faq .body .container > .right .news .column .right .date {
    color: #b1b0b0;
    font-size: 12px;
}

/* Page - Blog
------------------------------*/
.page-blog .body {
    background: #EEEEEE;
    padding-top: 40px;
}

.page-blog .body h1,
.page-blog .body h2,
.page-blog .body h3 {
    margin-top: 0;
}

.page-blog .body .container > .left {
    background: #FFFFFF;
    border: 1px solid #D6D6D6;
    float: left;
    margin-bottom: 80px;
    padding: 25px;
    width: 74%;
}

.page-blog .body .container > .left .article h2 {
    font-size: 20px;
    font-weight: 700;
    margin: 0;
    font-family: 'RSUBold';
}

.page-blog .body .container > .left .article .article-wrapper {
    margin-top: 8px;
}

.page-blog .body .container > .left .article .article-wrapper .column {
    display: inline-block;
    margin: 10px 0;
    padding: 0 10px;
    width: 260px;
}
.page-blog .body .container > .left .article .article-wrapper .column a:hover {
    text-decoration: none;
}

.page-blog .body .container > .left .article .article-wrapper .column:nth-child(3n) {
    padding-right: 0
}

.page-blog .body .container > .left .article .article-wrapper .column:nth-child(3n+1) {
    padding-left: 0;
}

.page-blog .body .container > .left .article .article-wrapper .column .image-wrapper {
    height: 142px;
    border: 1px solid #D6D6D6;
    border-bottom: none;
}

.page-blog .body .container > .left .article .article-wrapper .column .image-wrapper img {
    height: 100%;
    width: 100%;
}

.page-blog .body .container > .left .article .article-wrapper .column .article-content {
    border-bottom: 1px solid #D6D6D6;
    border-left: 1px solid #D6D6D6;
    border-right: 1px solid #D6D6D6;
    padding: 20px 20px 12px 20px;
    text-align: left;
}

.page-blog .body .container > .left .article .article-wrapper .column .article-content .excerpt {
    height: 144px;
    overflow: hidden;
}

.page-blog .body .container > .left .article .article-wrapper .column .article-content h3 {
    color: #3089cc;
    font-size: 15px;
    font-weight: 700;
    height: 33px;
    margin-top: 0;
    overflow: hidden;
    font-family: 'RSUBold';
}

.page-blog .body .container > .left .article .article-wrapper .column .article-content p {
    color: #333333;
    height: 62px;
    overflow: hidden;
}

.page-blog .body .container > .left .article .article-wrapper .column .article-content .date {
    color: #adacac;
    font-size: 14px;
}

.page-blog .body .container > .left .article .paginate {
    margin-top: 20px;
    text-align: center;
    width: 100%;
}

.page-blog .body .container > .left .article .paginate ul li a {
    background: transparent;
    border: 0;
    color: #232323;
    font-size: 20px;
    margin: 0 8px;
}

.page-blog .body .container > .left .article .paginate ul li a:hover {
    background: #4595d1;
    border-radius: 5px;
    border: 0;
    color: #FFFFFF;
}

.page-blog .body .container > .left .article .paginate ul li.active a {
    background: #4595d1;
    border-radius: 5px;
    border: 0;
    color: #FFFFFF;
}

.page-blog .body .container > .right {
    float: right;
    margin-bottom: 80px;
    width: 24%;
}

.page-blog .body .container > .right .news {
    background: #FFFFFF;
    border: 1px solid #D6D6D6;
    padding: 20px;
}

.page-blog .body .container > .right .news h3 {
    font-size: 20px;
    font-weight: 700;
    margin: 0;
    font-family: 'RSUBold';
}

.page-blog .body .container > .right .news .column {
    border-bottom: 1px solid #D6D6D6;
    padding: 25px 0;
}

.page-blog .body .container > .right .news .column a:hover,
.page-blog .body .container > .right .news .column a:focus {
    box-shadow: none;
    outline: 0;
    text-decoration: none;
}

.page-blog .body .container > .right .news .column:last-child {
    border-bottom: 0;
    padding-bottom: 0;
}

.page-blog .body .container > .right .news .column .left {
    min-height: 50px;
    padding-left: 0;
    padding-right: 8px;
}

.page-blog .body .container > .right .news .column .left img {
    width: 100%;
}

.page-blog .body .container > .right .news .column .right {
    padding-left: 8px;
    padding-right: 0;
}

.page-blog .body .container > .right .news .column .right .title {
    font-size: 13px;
}

.page-blog .body .container > .right .news .column .right .date {
    color: #b1b0b0;
    font-size: 14px;
}

.page-blog .body .container > .right .popular-shop {
    background: #FFFFFF;
    border: 1px solid #D6D6D6;
    margin-top: 15px;
    padding: 20px;
}

.page-blog .body .container > .right .popular-shop h3 {
    font-size: 15px;
    font-weight: 700;
    margin: 0;
}

.page-blog .body .container > .right .popular-shop .shop {
    border-bottom: 1px solid #D6D6D6;
    padding: 30px 0;
}

.page-blog .body .container > .right .popular-shop .shop a:hover,
.page-blog .body .container > .right .popular-shop .shop a:focus {
    text-decoration: none;
    outline: none;
    box-shadow: none;
}

.page-blog .body .container > .right .popular-shop .shop:last-child {
    border-bottom: 0;
    padding-bottom: 10px;
}

.page-blog .body .container > .right .popular-shop .shop .left {
    padding-left: 0;
}

.page-blog .body .container > .right .popular-shop .shop .left img {
    width: 100%;
}

.page-blog .body .container > .right .popular-shop .shop .right {
    padding-right: 0;
}

.page-blog .body .container > .right .popular-shop .shop .right h4 {
    font-size: 17px;
    margin: 0 0 2px 0;
}

.page-blog .body .container > .right .popular-shop .shop .right p {
    color: #F00;
    font-size: 14px;
    margin-bottom: 0;
}

/* Page - Banner
------------------------------*/
.page-banner .body {
    font-family: Roboto, sans-serif;
    background: #EEEEEE;
    /* padding-top: 40px; */
}

.page-banner .body h1,
.page-banner .body h2,
.page-banner .body h3 {
    margin-top: 0;
}

.page-banner .body .container > .left {
    background: #FFFFFF;
    border: 1px solid #D6D6D6;
    float: left;
    margin-bottom: 80px;
    padding: 25px;
    width: 74%;
}

.page-banner .body .container > .left .article h2 {
    font-size: 20px;
    font-weight: 700;
    margin: 0;
    font-family: 'RSUBold';
}

.page-banner .body .container > .left .article .article-wrapper {
    margin-top: 8px;
}

.page-banner .body .container > .left .article .article-wrapper .column {
    display: inline-block;
    margin: 10px 0;
    padding: 0 10px;
    width: 260px;
}
.page-banner .body .container > .left .article .article-wrapper .column a:hover {
    text-decoration: none;
}

.page-banner .body .container > .left .article .article-wrapper .column:nth-child(3n) {
    padding-right: 0
}

.page-banner .body .container > .left .article .article-wrapper .column:nth-child(3n+1) {
    padding-left: 0;
}

.page-banner .body .container > .left .article .article-wrapper .column .image-wrapper {
    height: 142px;
    border: 1px solid #D6D6D6;
    border-bottom: none;
}

.page-banner .body .container > .left .article .article-wrapper .column .image-wrapper img {
    height: 100%;
    width: 100%;
}

.page-banner .body .container > .left .article .article-wrapper .column .article-content {
    border-bottom: 1px solid #D6D6D6;
    border-left: 1px solid #D6D6D6;
    border-right: 1px solid #D6D6D6;
    padding: 20px 20px 12px 20px;
    text-align: left;
}

.page-banner .body .container > .left .article .article-wrapper .column .article-content .excerpt {
    height: 44px;
    overflow: hidden;
}

.page-banner .body .container > .left .article .article-wrapper .column .article-content h3 {
    color: #505050;
    font-size: 25px;
    font-weight: 700;
    height: 33px;
    margin-top: 0;
    overflow: hidden;
    font-family: 'RSUBold';
}

.page-banner .body .container > .left .article .article-wrapper .column .article-content p {
    color: #333333;
    height: 62px;
    overflow: hidden;
}

.page-banner .body .container > .left .article .article-wrapper .column .article-content .date {
    color: #F00;
    font-size: 14px;
}

.page-banner .body .container > .left .article .paginate {
    margin-top: 20px;
    text-align: center;
    width: 100%;
}

.page-banner .body .container > .left .article .paginate ul li a {
    background: transparent;
    border: 0;
    color: #232323;
    font-size: 20px;
    margin: 0 8px;
}

.page-banner .body .container > .left .article .paginate ul li a:hover {
    background: #4595d1;
    border-radius: 5px;
    border: 0;
    color: #FFFFFF;
}

.page-banner .body .container > .left .article .paginate ul li.active a {
    background: #4595d1;
    border-radius: 5px;
    border: 0;
    color: #FFFFFF;
}

.page-banner .body .container > .right {
    float: right;
    margin-bottom: 80px;
    width: 24%;
}

.page-banner .body .container > .right .news {
    background: #FFFFFF;
    border: 1px solid #D6D6D6;
    padding: 20px;
}

.page-banner .body .container > .right .news h3 {
    font-size: 20px;
    font-weight: 700;
    margin: 0;
    font-family: 'RSUBold';
}

.page-banner .body .container > .right .news .column {
    border-bottom: 1px solid #D6D6D6;
    padding: 25px 0;
}

.page-banner .body .container > .right .news .column a:hover,
.page-banner .body .container > .right .news .column a:focus {
    box-shadow: none;
    outline: 0;
    text-decoration: none;
}

.page-banner .body .container > .right .news .column:last-child {
    border-bottom: 0;
    padding-bottom: 0;
}

.page-banner .body .container > .right .news .column .left {
    min-height: 50px;
    padding-left: 0;
    padding-right: 8px;
}

.page-banner .body .container > .right .news .column .left img {
    width: 100%;
}

.page-banner .body .container > .right .news .column .right {
    padding-left: 8px;
    padding-right: 0;
}

.page-banner .body .container > .right .news .column .right .title {
    font-size: 13px;
}

.page-banner .body .container > .right .news .column .right .date {
    color: #b1b0b0;
    font-size: 14px;
}

.page-banner .body .container > .right .popular-shop {
    background: #FFFFFF;
    border: 1px solid #D6D6D6;
    margin-top: 15px;
    padding: 20px;
}

.page-banner .body .container > .right .popular-shop h3 {
    font-size: 15px;
    font-weight: 700;
    margin: 0;
}

.page-banner .body .container > .right .popular-shop .shop {
    border-bottom: 1px solid #D6D6D6;
    padding: 30px 0;
}

.page-banner .body .container > .right .popular-shop .shop a:hover,
.page-banner .body .container > .right .popular-shop .shop a:focus {
    text-decoration: none;
    outline: none;
    box-shadow: none;
}

.page-banner .body .container > .right .popular-shop .shop:last-child {
    border-bottom: 0;
    padding-bottom: 10px;
}

.page-banner .body .container > .right .popular-shop .shop .left {
    padding-left: 0;
}

.page-banner .body .container > .right .popular-shop .shop .left img {
    width: 100%;
}

.page-banner .body .container > .right .popular-shop .shop .right {
    padding-right: 0;
}

.page-banner .body .container > .right .popular-shop .shop .right h4 {
    font-size: 17px;
    margin: 0 0 2px 0;
}

.page-banner .body .container > .right .popular-shop .shop .right p {
    color: #F00;
    font-size: 14px;
    margin-bottom: 0;
}

/* Page - Search
------------------------------*/
.page-search .body {
    font-family: Roboto, sans-serif;
    background-color: #f5f5f5;
    font-size: 14px;
}

.page-search .results-head {
    margin: 15px 0;
}

.page-search .results-head .breadcrumbs {
    margin: 20px 0 0;
    padding: 0;
}

.page-search .results-head .breadcrumbs li {
    display: inline-block;
    list-style-type: none;
    margin-right: 5px;
}

.page-search .results-head .breadcrumbs li:last-child {
    margin-right: 0;
}

.page-search .results-main {
    background-color: #fff;
    /* border: 1px solid #ddd; */
    border-radius: 5px;
    padding: 10px;
    margin-bottom: 20px;
    position: relative;
}

.page-search .results-main .results-count {
    padding: 30px 50px;
}

.page-search .results-main .results-count {
    color: #555;
    font-weight: 600;
    font-size: 17px;
}

.page-search .results-main .results-count span {
    color: #888;
    font-weight: normal;
}

.page-search .results-main .related-stores {
    padding: 0 10px;
}

.page-search .results-main .related-stores .stores-head {
    margin-bottom: 10px;
    padding: 0 40px;
}

.page-search .results-main .related-stores .stores-head h4 {
    color: #4595D1;
    font-weight: 600;
}
.page-search .results-main .related-stores .stores-head a {
    color: #333;
    display: inline-block;
    font-weight: 600;
    margin: 10px 0;
}

.page-search .results-main .related-stores .carousel {
    padding: 0 40px 40px;
}

.page-search .results-main .related-stores .carousel ul {
    margin: 0;
    padding: 0;
}

.page-search .results-main .related-stores .carousel ul li {
    float: left;
    list-style-type: none;
    margin-bottom: 15px;
    /* padding: 0 15px; */
    padding: 0;
}

/*.page-search .results-main .related-stores .carousel ul li:nth-child(5n) {
    padding-right: 0;
}*/

.page-search .results-main .related-stores .carousel ul li a {
    text-align: center;
    display: block;
    border: 1px solid #ddd;
    padding: 15px 30px;
}

.page-search .results-main .related-stores .carousel ul li a:focus {
    box-shadow: none;
    text-decoration: none;
    outline: 0;
}

.page-search .results-main .related-stores .carousel ul li a:hover {
    text-decoration: none;
}

.page-search .results-main .related-stores .carousel ul li a .store-logo {
    align-items: center;
    display: flex;
    display: -webkit-flex;
    height: 57px;
    justify-content: center;
    -webkit-justify-content: center;
}

.page-search .results-main .related-stores .carousel ul li a .store-logo img {
    max-height: 100%;
    max-width: 100%;
}

.page-search .results-main .related-stores .carousel ul li a .cashback {
    color: #40485a;
    font-size: 16px;
    margin: 10px 0 20px;
}
@media only screen and (max-width: 1200px) {
    .page-search .results-main .related-stores .carousel ul li a .cashback {
        font-size: 15px;
    }
}

.page-search .results-main .related-stores .carousel ul li a .btn {
    background-color: #fff;
    border-color: #4595D1;
    color: #4595D1;
    display: block;
    font-size: 13px;
    width: 100%;
}

.page-search .results-main .related-stores .carousel ul li a .btn:hover {
    background-color: #4595D1;
    color: #FFFFFF;
}

.page-search .results-main .related-stores .carousel .carousel-control {
    background-image: none;
    /* background-color: #fff;
    border: 1px solid #888;
    border-radius: 5px;
    height: 30px; */
    top: 40%;
    width: 40px;
}

.page-search .results-main .related-stores .carousel .carousel-control span {
    color: #555;
    font-size: 16px;
    text-shadow: none;
    top: 0;
}

.page-search .results-main .related-stores hr {
    margin: 0 40px 20px;
}

.page-search .results-main .related-deals {
    padding: 0 10px;
    margin-bottom: 20px;
}

.page-search .results-main .related-deals .deals-head {
    margin-bottom: 10px;
    padding: 0 40px;
}

.page-search .results-main .related-deals .deals-head h4 {
    color: #4595D1;
    font-weight: 600;
}

.page-search .results-main .related-deals .deals-head a {
    color: #333;
    display: inline-block;
    font-weight: 600;
    margin: 10px 0;
}

.page-search .results-main .related-deals .deals {
    margin: 0;
    padding: 0 40px;
}

.page-search .results-main .related-deals .deals .deal {
    list-style-type: none;
    padding: 15px;
}

.page-search .results-main .related-deals .deals .deal .deal-wrapper {
    border: 1px solid #ddd;
    position: relative;
}

.page-search .results-main .related-deals .deals .deal .deal-store {
    position: absolute;
    top: 5px;
    left: 5px;
    width: 80px
}

.page-search .results-main .related-deals .deals .deal .deal-store img {
    width: 100%;
}

.page-search .results-main .related-deals .deals .deal .deal-image {
    align-items: center;
    -webkit-align-items: center;
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    -webkit-justify-content: center;
    max-height: 250px;
    min-height: 250px;
    overflow: hidden;
    width: 100%;
}

.page-search .results-main .related-deals .deals .deal .deal-image:focus {
    outline: 0;
}

.page-search .results-main .related-deals .deals .deal .deal-name:hover {
    text-decoration: none;
}

.page-search .results-main .related-deals .deals .deal .deal-image img {
    height: 100%;
    width: 100%;
}

.page-search .results-main .related-deals .deals .deal .deal-name {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    color: #333;
    display: block;
    font-weight: 600;
    padding: 10px 15px;
    height: 75px;
    overflow: hidden;
}

.page-search .results-main .related-deals .deals .deal .deal-detail {
    padding: 10px 15px 5px 15px;
}

.page-search .results-main .related-deals .deals .deal .deal-detail p {
    width: 50%;
}

.page-search .results-main .related-deals .deals .deal .deal-detail .pull-right {
    text-align: right;
}

.page-search .results-main .related-deals .deals .deal .deal-detail .total {
    color: #F95558;
    font-weight: bold;
    font-size: 16px;
}

.page-search .results-main .related-deals .deals .deal .deal-detail .discount span {
    background-color: #F95558;
    color: #fff;
    font-weight: bold;
    padding: 5px 10px;
}

.page-search .results-main .related-deals .deals .deal .deal-detail .misc .sub-1 {
    color: #777;
    text-decoration: line-through;
}

.page-search .results-main .related-deals .deals .deal .deal-detail .misc .sub-2 {
    color: #4595D1;
}

.page-search .results-main .related-deals .deals .deal .deal-info {
    background-color: #f2f2f2;
    color: #555;
    padding: 10px;
    text-align: center;
}

.page-search .results-main .related-deals .deals .deal .deal-action {
    padding: 5px 15px 15px 15px;
    text-align: center;
}

.page-search .results-main .related-deals .deals .deal .deal-action a {
    background-color: #46be8a;
    color: #fff;
    font-weight: 600;
    padding: 6px 30px;
}

.page-search .results-main .related-coupons {
    height: 100%;
    margin-bottom: 20px;
    padding: 0 10px;
}

.page-search .results-main .related-coupons .coupons-head {
    margin-bottom: 10px;
    padding: 0 40px;
}

.page-search .results-main .related-coupons .coupons-head h4 {
    color: #4595D1;
    font-weight: 600;
}

.page-search .results-main .related-coupons .coupons-head a {
    color: #333;
    display: inline-block;
    font-weight: 600;
    margin: 10px 0;
}

.page-search .results-main .related-coupons .coupons {
    margin: 0;
    padding: 0 40px;
}

.page-search .results-main .related-coupons .coupons .coupon {
    list-style-type: none;
    margin-bottom: 50px;
    padding: 20px;
}

.page-search .results-main .related-coupons .coupons .coupon:first-child {
    padding-left: 0;
}

.page-search .results-main .related-coupons .coupons .coupon:nth-child(3n) {
    padding-right: 0;
}

.page-search .results-main .related-coupons .coupons .coupon .coupon-wrapper {
    border: 1px solid #ddd;
    position: relative;
}

.page-search .results-main .related-coupons .coupons .coupon {
    padding: 0 10px;
}

.page-search .results-main .related-coupons .coupons .coupon:nth-child(3n+1) {
    padding-left: 0;
}

.page-search .results-main .related-coupons .coupons .coupon:nth-child(3n) {
    padding-right: 0;
}

.page-search .results-main .related-coupons .coupons .coupon .img-wrapper {
    overflow: hidden;
    height: 120px;
}

.page-search .results-main .related-coupons .coupons .coupon .img-wrapper > img {
    display: block;
    height: 100%;
    object-fit: cover;
    width: 100%;
}

.page-search .results-main .related-coupons .coupons .coupon .info {
    border-bottom: 1px solid #ddd;
    position: relative;
    padding: 40px 15px 30px;
}

.page-search .results-main .related-coupons .coupons .coupon .info .merchant-img {
    height: 55px;
    left: 28%;
    object-fit: contain;
    position: absolute;
    width: 40%;
    top: -30px;
}

.page-search .results-main .related-coupons .coupons .coupon .info > p {
    margin-bottom: 20px;
}

.page-search .results-main .related-coupons .coupons .coupon .info .info-actions {
    text-align: center;
}

.page-search .results-main .related-coupons .coupons .coupon .info .info-actions .btn {
    background-color: #46be8a;
    color: #FFFFFF;
    font-size: 12px;
    font-weight: 600;
    margin-right: 5px;
    padding: 6px 20px;
    white-space: nowrap;
}

.page-search .results-main .related-coupons .coupons .coupon .info .info-actions .btn:last-child {
    margin-right: 0;
}

.page-search .results-main .related-coupons .coupons .coupon .bottom-actions {
    display: flex;
    display: -webkit-flex;
}

.page-search .results-main .related-coupons .coupons .coupon .bottom-actions > * {
    background-color: #F6f6f6;
    font-size: 12px;
    padding: 8px 4px;
    width: 50%;
    text-align: center;
}

.page-search .results-main .related-coupons .coupons .coupon .bottom-actions .expires {
    border-right: 1px solid #ddd;
    color: #F85459;
}

.page-search .results-main .related-coupons .coupons-action {
    margin-bottom: 30px;
    padding: 0 40px;
    text-align: center;
}

.page-search .results-main .related-coupons .coupons-action a {
    color: #333;
    font-size: 16px;
    font-weight: 600;
    text-decoration: underline;
}

.page-search .results-main .left-info {
    text-align: left;
    white-space: nowrap;
}

.page-search .results-main .right-info {
    text-align: right;
    padding-top: 5px;
    white-space: nowrap;
}

.page-search .results-main .store-logo {
    float: left;
    display: inline-block;
    height: 57px;
    width: 110px;
    text-align: center;
    padding-right: 10px;
    border-right: 1px solid #ddd;
}

.page-search .results-main .store-logo img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

.page-search .results-main .store-info {
    display: inline-block;
    padding-left: 20px;
}

.page-search .results-main .store-name {
    color: #696565;
    font-size: 16px;
    padding: 5px 0;
}

.page-search .results-main .store-name .store-rising {
    display: inline-block;
    background: #f8474a;
    color: #fff;
    font-size: 12px;
    border-radius: 4px;
    padding: 3px 8px;
    padding-top: 6px;
    margin-left: 5px;
}

.page-search .results-main .store-name .store-rising i {
    transform: rotateZ(45deg);
}

.page-search .results-main .store-cashback {
    color: #46be8a;
}

.page-search .results-main .store-promotion {
    display: inline-block;
    width: 55px;
    text-align: center;
    border-radius: 20px;
    background-color: #f5f5f5;
    color: #696565;
    padding: 6px 12px;
    margin-right: 30px;
    text-decoration: none;
}

.page-search .results-main .store-more {
    display: inline-block;
    color: #696565;
    padding: 12px 15px;
    border: 1px solid #696565;
    border-radius: 4px;
    margin-right: 5px;
    text-decoration: none;
}

.page-search .results-main .store-benefit {
    display: inline-block;
    color: #fff;
    padding: 12px 15px;
    background-color: #4495d2;
    border-radius: 4px;
    cursor: pointer;
}

.page-search .results-main .date-expired {
    position: absolute;
    top: 5px;
    right: 15px;
    z-index: 10;
}

.page-search .results-main .pic {
    padding: 5px 3px;
    width: 16%;
}

.page-search .results-main .pic img {
    display: block;
    margin: 0 auto;
    height: 100%;
    object-fit: contain;
    object-position: center;
    width: 100%;
    /* max-height: 100px; */
    max-height: 175px;
    min-height: 100px;
}

.page-search .results-main .desc {
    padding: 20px 5px 0 20px;
    width: 84%;
}

.page-search .results-main .desc .store-logo {
    position: absolute;
    right: 0;
    top: 40px;
}

.page-search .results-main .desc .title {
    font-size: 16px;
    line-height: 20px;
    height: 40px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 3px;
    margin-top: 0;
}

.page-search .results-main .desc .sub-title {
    color: #898989;
    font-size: 14px;
    line-height: 20px;
    height: 40px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 3px;
}

.page-search .results-main .desc .desc-price {
    margin-top: 27px;
}

@media screen and (max-width: 1199px) {
    .page-search .results-main .desc .desc-price {
        margin-top: 0px;
    }
}

@media screen and (max-width: 767px) {
    .page-search .results-main .left-info {
        text-align: center;
    }

    .page-search .results-main .right-info {
        margin-top: -37px;
    }

    .page-search .results-main .store-logo {
        float: none;
        display: block;
        margin: 0 auto;
        border-right: none;
    }

    .page-search .results-main .store-info {
        padding-left: 0;
    }

    .page-search .results-main .store-promotion {
        margin-right: 0;
    }

    .page-search .results-main {
        margin-bottom: 10px;
    }

    .page-search .results-main.search-promotion {
        padding: 0;
    }

    .page-search .results-main .pic {
        width: 40%;
        padding: 0;
    }

    .page-search .results-main .desc {
        width: 60%;
        padding-top: 0;
        padding-left: 10px;
    }    

    .page-search .results-main .desc .title {
        font-size: 12px;
        text-align: center;
        padding-top: 5px;
    }

    .page-search .results-main .desc .sub-title {
        font-size: 12px;
    }

    .page-search .results-main .desc .desc-price {
        font-size: 12px;
        text-align: center;
        margin-top: 15px;
    }

    .page-search .results-main .desc .store-logo {
        position: unset;
        right: 0;
        top: 40px;
        margin-top: 5px;
    }

    .page-search .results-main .desc .store-logo {
        position: unset;
        margin-top: 5px;
    }

    .page-search .results-main .pic img {
        object-fit: cover;
    }
}

.page-search .coupon-modal .modal-content .modal-header {
    border: 0;
    text-align: center;
}

.page-search .coupon-modal .modal-content .modal-header .close {
    margin-top: -5px;
}

.page-search .coupon-modal .modal-content .modal-header .close span {
    font-size: 35px;
}

.page-search .coupon-modal .modal-content .modal-header img {
    margin-top: 15px;
    max-width: 200px;
}

.page-search .coupon-modal .modal-content .modal-header h4 {
    color: #37474f;
    font-size: 22px;
    font-weight: 700;
    margin: 15px 0;
}

.page-search .coupon-modal .modal-content .modal-body {
    background: #f3f3f3;
    text-align: center;
}

.page-search .coupon-modal .modal-content .modal-body .copy {
    color: #37474f;
    font-size: 15px;
    font-weight: 700;
    margin: 20px 0;
}

.page-search .coupon-modal .modal-content .modal-body .copy span {
    color: #569ed4;
}

.page-search .coupon-modal .modal-content .modal-body .coupon-wrapper label {
    color: #37474f;
    font-size: 32px;
    vertical-align: middle;
}

.page-search .coupon-modal .modal-content .modal-body .coupon-wrapper input[type="text"] {
    background: #ffffff;
    border-bottom-left-radius: 5px !important;
    border-bottom: 3px dotted #569ed4;
    border-left: 3px dotted #569ed4;
    border-top-left-radius: 5px !important;
    border-top: 3px dotted #569ed4;
    color: #569ed4;
    font-size: 25px;
    font-weight: 800;
    height: 60px;
    text-align: center;
    width: 220px;
}

.page-search .coupon-modal .modal-content .modal-body .coupon-wrapper input[type="text"]:focus {
    box-shadow: none;
}

.page-search .coupon-modal .modal-content .modal-body .coupon-wrapper span button {
    background: #569ed4;
    border: 0;
    color: #ffffff;
    font-size: 19px;
    font-weight: 700;
    height: 60px;
    padding-left: 25px;
    padding-right: 25px;
}

.page-search .coupon-modal .modal-content .modal-body .coupon-wrapper span button:active{
    box-shadow: none;
}

.page-search .coupon-modal .modal-content .modal-body .coupon-wrapper span button:focus {
    outline: 0;
}

.page-search .coupon-modal .modal-content .modal-body .expires {
    color: #ff0000;
    font-size: 15px;
    font-weight: 700;
    margin: 15px 0;
}

.page-search .coupon-modal .modal-content .modal-footer {
    border: 0;
    text-align: center;
}

.page-search .coupon-modal .modal-content .modal-footer .social {
    text-align: center;
}

.page-search .coupon-modal .modal-content .modal-footer .social span {
    color: #37474f;
    font-size: 25px;
    font-weight: 700;
    vertical-align: middle;
}

.page-search .coupon-modal .modal-content .modal-footer .social ul {
    display: inline-block;
    padding: 0;
    list-style-type: none;
}

.page-search .coupon-modal .modal-content .modal-footer .social ul li {
    display: inline-block;
}

.page-search .coupon-modal .modal-content .modal-footer .social ul li a.facebook span {
    color: #3b5998;
}

.page-search .coupon-modal .modal-content .modal-footer .social ul li a.twitter span {
    color: #55acee;
}

.page-search .coupon-modal .modal-content .modal-footer .social ul li a.gmail span {
    color: #dc4e41;
}

.page-search .coupon-modal .modal-content .modal-footer .go-shop {
    margin: 10px 0 20px 0;
}
.page-search .coupon-modal .modal-content .modal-footer .view-coupons a {
    color: #222527;
    text-decoration: underline;
}

.page-search .coupon-modal .modal-content .modal-footer .detail {
    margin: 15px 0;
    padding: 0 50px;
    text-align: left;
}

.page-search .coupon-modal .modal-content .modal-footer .detail h6 {
    color: #5d5d5d;
    font-size: 15px;
    font-weight: 700;
}

.page-search .coupon-modal .modal-content .modal-footer .detail p {
    color: #a3a9ad;
}

.page-search .coupon-modal .modal-content .modal-footer .go-shop a {
    background: #46be8a;
    border: 0;
    color: #ffffff;
    font-size: 20px;
    font-weight: 700;
    padding: 10px 40px;
}

@media (max-width: 990px) {
    .page-search .results-main .related-deals .deals .deal:first-child {
        padding-left: 15px;
    }

    .page-search .results-main .related-deals .deals .deal:nth-child(4n) {
        padding-right: 15px;
    }
}

@media (max-width: 540px) {
    .page-search .results-main .related-stores .carousel ul li {
        width: 100%;
    }

    .page-search .results-main .related-deals .deals .deal {
        width: 100%;
    }

    .page-search .results-main .related-deals .deals,
    .page-search .results-main .related-stores .carousel {
        padding: 0;
    }
}

@media (max-width: 1200px) {
    .page-blog .body .container > .left .article .article-wrapper .column:nth-child(3n) {
        padding-right: 10px;
    }

    .page-blog .body .container > .left .article .article-wrapper .column:nth-child(3n+1) {
        padding-left: 10px;
    }


    .page-banner .body .container > .left .article .article-wrapper .column:nth-child(3n) {
        padding-right: 10px;
    }

    .page-banner .body .container > .left .article .article-wrapper .column:nth-child(3n+1) {
        padding-left: 10px;
    }
}

@media (max-width: 991px) {
    .page-blog .body .container > .left .article .article-wrapper .column {
        width: 48%;
    }

    .page-blog .body .container > .right .news .column .right {
        padding: 0;
        margin-top: 10px;
    }

    .page-blog .body .container > .right .popular-shop .shop .right {
        padding: 0;
        margin-top: 10px;
    }


    .page-banner .body .container > .left .article .article-wrapper .column {
        width: 48%;
    }

    .page-banner .body .container > .right .news .column .right {
        padding: 0;
        margin-top: 10px;
    }

    .page-banner .body .container > .right .popular-shop .shop .right {
        padding: 0;
        margin-top: 10px;
    }
}

@media (max-width: 800px) {
    .page-blog section.body {
        margin-top: 0;
    }

    .page-blog .body .container > .left .article .article-wrapper .column {
        float: left;
        width: 50% !important;
    }

    .page-blog .body .container > .left .article .article-wrapper .column:nth-child(even) {
        padding-right: 0;
        padding-left: 5px;
    }

    .page-blog .body .container > .left .article .article-wrapper .column:nth-child(odd) {
        padding-right: 5px;
        padding-left: 0;
    }

    .page-banner section.body {
        margin-top: 0;
    }

    .page-banner .body .container > .left .article .article-wrapper .column {
        float: left;
        width: 50% !important;
    }

    .page-banner .body .container > .left .article .article-wrapper .column:nth-child(even) {
        padding-right: 0;
        padding-left: 5px;
    }

    .page-banner .body .container > .left .article .article-wrapper .column:nth-child(odd) {
        padding-right: 5px;
        padding-left: 0;
    }
}

@media (max-width: 640px) {
    .page-blog .body .container > .left {
        float: none;
        margin-bottom: 30px;
        width: 100%;
    }

    .page-blog .body .container > .right {
        float: none;
        width: 100% }

    .page-blog .body .container > .right .news {
        float: left;
        margin-bottom: 80px;
        width: 48%;
    }

    .page-blog .body .container > .right .popular-shop {
        float: right;
        margin-top: 0;
        margin-bottom: 80px;
        width: 48%;
    }

    .page-blog .body .container > .right .popular-shop .shop {
        text-align: center;
    }

    .page-blog .body .container > .right .popular-shop .shop .right {
        padding: 0;
        margin-top: 10px;
    }

    .page-blog .body .container > .right .popular-shop .shop .left img {
        width: auto;
    }

    .page-banner .body .container > .left {
        float: none;
        margin-bottom: 30px;
        width: 100%;
    }

    .page-banner .body .container > .right {
        float: none;
        width: 100% }

    .page-banner .body .container > .right .news {
        float: left;
        margin-bottom: 80px;
        width: 48%;
    }

    .page-banner .body .container > .right .popular-shop {
        float: right;
        margin-top: 0;
        margin-bottom: 80px;
        width: 48%;
    }

    .page-banner .body .container > .right .popular-shop .shop {
        text-align: center;
    }

    .page-banner .body .container > .right .popular-shop .shop .right {
        padding: 0;
        margin-top: 10px;
    }

    .page-banner .body .container > .right .popular-shop .shop .left img {
        width: auto;
    }
}

@media (max-width: 414px) {
    .page-blog .body .container > .left {
        padding: 19px;
        width: 100%;
    }
    .page-blog .body .container > .left .article .paginate ul li a {
        font-size: 10px;
    }

    .page-blog .body .container > .left .article .paginate ul li a {
        margin: 0 6px;
    }

    .page-banner .body .container > .left {
        padding: 19px;
        width: 100%;
    }
    .page-banner .body .container > .left .article .paginate ul li a {
        font-size: 10px;
    }

    .page-banner .body .container > .left .article .paginate ul li a {
        margin: 0 6px;
    }
}

@media (max-width: 360px) {
    .page-blog .body .container > .right .news {
        float: none;
        width: 100%;
        margin-bottom: 30px;
    }

    .page-blog .body .container > .right .popular-shop {
        float: none;
        width: 100%;
    }

    .page-blog .body .container > .right .news .column .left {
        float: left;
        width: 50%;
    }

    .page-blog .body .container > .right .news .column .right {
        float: right;
        margin-top: 0;
        padding-left: 10px;
        width: 50%;
    }

    .page-blog .body .container > .right .popular-shop .shop .left {
        float: left;
        width: 50%;
    }

    .page-blog .body .container > .right .popular-shop .shop .right {
        float: right;
        padding-left: 15px;
        text-align: left;
        width: 50%;
    }

    .page-blog .body .container > .left .article .article-wrapper .column {
        width: 100% !important;
    }

    .page-blog .body .container > .left .article .paginate ul li a {
        margin: 0 2px;
    }

    .page-banner .body .container > .right .news {
        float: none;
        width: 100%;
        margin-bottom: 30px;
    }

    .page-banner .body .container > .right .popular-shop {
        float: none;
        width: 100%;
    }

    .page-banner .body .container > .right .news .column .left {
        float: left;
        width: 50%;
    }

    .page-banner .body .container > .right .news .column .right {
        float: right;
        margin-top: 0;
        padding-left: 10px;
        width: 50%;
    }

    .page-banner .body .container > .right .popular-shop .shop .left {
        float: left;
        width: 50%;
    }

    .page-banner .body .container > .right .popular-shop .shop .right {
        float: right;
        padding-left: 15px;
        text-align: left;
        width: 50%;
    }

    .page-banner .body .container > .left .article .article-wrapper .column {
        width: 100% !important;
    }

    .page-banner .body .container > .left .article .paginate ul li a {
        margin: 0 2px;
    }
}

/* START: chrome firefox extension */

@-webkit-keyframes fadeInUp {
    0% {
        /* opacity: 0; */
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
    100% {
        /* opacity: 1; */
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes fadeInUp {
    0% {
        /* opacity: 0; */
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
    100% {
        /* opacity: 1; */
        -webkit-transform: none;
        transform: none;
    }
} 

@-webkit-keyframes fadeOutDown {
    0% {
        /* opacity: 1; */
    }
    100% {
        /* opacity: 0; */
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}
@keyframes fadeOutDown {
    0% {
        /* opacity: 1; */
    }
    100% {
        /* opacity: 0; */
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}

.dealcha-notify {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 67px;
    background: #4296d2;
    text-align: center;
    color: #fff;
    /* z-index: 160000022; */
    z-index: 1000;
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.dealcha-notify span.text-head {
    font-size: 18px;
    margin-top: 3px;
    color: #fff;
}

.dealcha-notify span.bonus {
    /* color: #448f68; */
    /* font-size: 28px; */
}

.dealcha-notify .browser {
    width: 30px;
    margin-left: 0;
    margin-bottom: 6px;
    margin-right: 12px;
}

.dealcha-notify .susu {
    width: 75px;
}

.dealcha-notify a {
    font-size: 16px;
    color: #fff;
    background: #e2231a;
    margin: 0 15px;
    padding: 10px 15px;
    border-radius: 3px;
    text-decoration: none;
    transition: all .3s;
}

.dealcha-notify a:hover {
    background: #ca2018;
}

.dealcha-notify * {
    display: inline-block;
}

#dealcha-close {
    position: absolute;
    top: -20px;
    right: 8px;
    padding: 3px;
    font-size: 16px;
    color: #fff;
    background: #4296d2;
    cursor: pointer;
}

.dealcha-notify.dealcha-close {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

@media screen and (max-width: 860px) {
    .dealcha-notify {
        display: none;
    }
}

/* END: chrome firefox extension */

.black-ribbon {
  position: fixed;
  z-index: 9999;
  width: 100px;
}

@media screen and (max-width: 500px) {
    .black-ribbon {
        width: 70px
    }
}

@media screen and (max-width: 360px) {
    .black-ribbon {
        width: 50px
    }
}

.stick-left { left: 0; }
.stick-right { right: 0; }
.stick-top { top: 0; }
.stick-bottom { bottom: 0; }


/* START: new category */
.page-home .first .mobile-tabs.deal-category a {
    border-right: none;
    background: transparent;
    color: #333;
    font-size: 15px;
    padding: 5px 0;
}

.mobile-tabs.deal-category .store-listing-panel,
.mobile-tabs.deal-category .deal-listing-panel {
    padding-bottom: 0;
    background-color: #f5f5f5;
}

.deal-category div a {
    text-decoration: none;
    display: inline-block;
    width: 100%;
    color: #333;
    font-size: 14px;
    padding: 5px 0;
    border-bottom: 3px solid #fff;
    border-left: 2px solid #f3f5f7;
    text-align: center;
    cursor: pointer;
    transition: all .3s;
}  

.promotions .deal-category div.deal-item:nth-child(1) a,
.promotions .deal-category div.deal-item:nth-child(2) a,
.promotions .deal-category div.deal-item:nth-child(3) a {
    border-top: 1px solid #f3f5f7;
}

.promotions .deal-category {
    margin-bottom: 10px;
    position: relative;
}

.deal-category div a img {
    display: block;
    height: 35px;
    margin: 2px auto;
}

.deal-category div.deal-item:hover a,
.deal-category div.deal-item.active a {
    color: #4796d1;
    border-bottom: 3px solid #4796d1 !important;
}

.deal-category .deal-item {
    padding: 0 !important;
    background: #fff;
}

.deal-category .deal-item:last-child {
    border-right: none;
}

.deal-category .row {
    margin: 0;
}

.dealcha-category {
    background: #fff;
}

.dealcha-category .col-md-4 {
    white-space: nowrap;
    padding: 23px 0 0 25px;
}

.page-banner .dealcha-category .col-md-4 {
    padding: 10px 0 0 20px;
}

.dealcha-category .title-icon,
.promotions .deal-category .title-icon,
.deals .deal-category .title-icon  {
    display: inline;
    width: 30px;
    margin-bottom: 10px;
    margin-right: 3px;
}

.promotions .dealcha-category .title-icon,
.promotions .deal-category .title-icon,
.deals .deal-category .title-icon {
    width: 30px;
}

.dealcha-category .title,
.promotions .deal-category .title {
    display: inline;
    font-size: 22px !important;
}

.dealcha-category .cat-item {
    position: relative;
    display: inline-block;
    width: 18%;
    margin: 0 0 5px 0;
    margin-left: -5px;
    text-align: center;
    /* border-right: 1px solid #ddd; */
    border-bottom: 2px solid transparent;
    transition: all .3s;
}

.promotions .dealcha-category .wrap-title {
    margin-top: 15px;
    margin-left: 5px;
}

.promotions .dealcha-category .cat-item {
    width: 16%;
}

.page-stores .promotions .dealcha-category .cat-item {
    width: 18%;
}

.dealcha-category .cat-item:last-child {
    border-right: none;
}

.dealcha-category .cat-item a {
    text-decoration: none;
    color: #999;
}

.dealcha-category .cat-item img {
    display: block;
    height: 35px;
    margin: 2px auto;
    padding-top: 5px;
}

.dealcha-category .cat-item span {
    font-size: 11px;
    white-space: nowrap;
    color: #999;
}

.dealcha-category .cat-item:hover, .dealcha-category .cat-item.active {
    border-bottom: 2px solid #4595d1;
}

.dealcha-category .cat-item:hover a, .dealcha-category .cat-item.active a,
.dealcha-category .cat-item:hover span {
    color: #4595d1;
}

/* .dealcha-category .cat-item:hover a:after,
.dealcha-category .cat-item:hover a:before {
    content: '';
    display: block;
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -10px;
    width: 0;
    height: 0;
    border-style: solid;
}

.dealcha-category .cat-item:hover a:after {
  border-color: #fff transparent transparent transparent;
  border-width: 9px;
}

.dealcha-category .cat-item:hover a:before {
  border-color: #4595D1 transparent transparent transparent;
  border-width: 11px;
  margin-left: -12px;
} */

.dealcha-category .view-all,
.promotions .deal-category .view-all,
.deals .deal-category .view-all {
    display: inline-block;
    font-size: 12px;
    color: #fff;
    text-decoration: none;
    background: #4595d1;
    margin: 22px 0 0 -20px;
    padding: 5px 15px;
    border-radius: 20px;
    white-space: nowrap;
    transition: all .3s;
}

.page-banner .promotions .dealcha-category .view-all {
    font-size: 11px;
}

.promotions .deal-category .view-all
.deals .deal-category .view-all {
    margin: 0;
    max-width: 130px;
    position: absolute;
    top: 0;
    right: 0;
}

.dealcha-category .view-all:hover,
.promotions .deal-category .view-all:hover,
.deals .deal-category .view-all:hover  {
    background: #337ab7;
}

.dealcha-category-2 {
    position: relative;
}

.dealcha-category-2 .col-md-4 {
    white-space: nowrap;
    padding: 10px 0 10px 35px;
}

.dealcha-category-2 .row-category {    
    white-space: nowrap;
    border-bottom: 1px solid #f5f5f5;
    padding: 0;
    left: 0;
    transition: left .5s;
}

.dealcha-category-2 .row-category.slide-active {
    left: -32%;
}

.dealcha-category-2 .cat-item {
    font-family: Roboto, sans-serif;
    width: 117px !important;
    background: #fff;
    border-right: 1px solid #f5f5f5;
    padding: 3px 0;
    margin-bottom: 0;
    cursor: pointer;
}

.dealcha-category-2 .cat-item:last-child {
    border-right: none;
}

.dealcha-category-2 .cat-item span {
    font-size: 14px;
}

.dealcha-category-2 .cat-item:hover span {
    color: #999;
}

.dealcha-category-2 .nxt,
.dealcha-category-2 .prv {
    position: absolute;
    top: 12px;
    background: #fff;
    color: #999 !important;
    font-size: 20px !important;
    width: 30px !important;
    height: 40px !important;
    padding-top: 9px;
    padding-left: 5px;
    box-shadow: 0 1px 3px rgba(0,0,0,.5), 0 1px 2px transparent;
    opacity: .5;
    cursor: pointer;
}

.dealcha-category-2 .nxt:hover,
.dealcha-category-2 .prv:hover {
    opacity: .9;
}

.dealcha-category-2 .prv {
    left: -2px;
    border-radius: 0 10px 10px 0;
}

.dealcha-category-2 .prv.hide-s {
    display: none;
}

.dealcha-category-2 .nxt {
    right: -2px;
    border-radius: 10px 0 0 10px;
}

/* .page-stores .dealcha-category-2 .prv {
    left: -12px;
}

.page-stores .dealcha-category-2 .nxt {
    right: -12px;
} */

@media screen and (min-width: 1200px) {
    /* .dealcha-category-2 .nxt,
    .dealcha-category-2 .prv {
        display: none !important;
    }

    .dealcha-category-2 .row-category.slide-active {
        left: 0%;
    } */

    .dealcha-category-2 .row-category.slide-active {
        left: -21%;
    }
}

@media screen and (max-width: 1199px) {
    .dealcha-category .cat-item {
        width: 20%;
    }

    .dealcha-category .cat-item span {
        font-size: 10px;
    }

    .dealcha-category .view-all {
        margin: 27px 0 0 -30px;
    }
}

@media screen and (max-width: 991px) {
    .dealcha-category .cat-item {
        width: 19%;
    }
    .dealcha-category .view-all {
        margin: 25px 0 0 -20px;
    }

    .dealcha-category-2 .row-category.slide-active {
        left: -72%;
    }
}

@media screen and (max-width: 765px) {
    .page-banner .body {
        padding-top: 0px;
    }

    .deal-category .deal-item {
        border-right: 1px solid #fff;
        border-bottom: 1px solid #fff;
        background: transparent;
    }

    .page-home .deal-category .deal-item {
        border-bottom: none;
    }

    .deal-category .deal-item a {
        border-bottom: 3px solid #f5f5f5;
    } 

    .page-home .deal-category .deal-item a {
        border-bottom: 2px solid transparent;
        border-left: none;
        padding: 0;
    } 

    .page-home .deal-category div a img {
        height: 30px;
    }

    .deal-category div.deal-item:hover a {
        color: #4796d1;
        background: #f3f5f7;
        border-bottom: 3px solid #4796d1;
    }

    .page-home .deal-category div.deal-item:hover a {
        border-bottom: 2px solid #4796d1;
    }

    .page-home .deal-category div.deal-item:hover a {
        background: none;
    }

    .promotions .deal-category div.deal-item:hover a {
        background: transparent;
    }

    .page-home .first .banner .col-md-8 {
        height: auto !important;
    }

    .mobile-head .login .icon {
        margin-bottom: 9px;
    }

    .desktop-head .top .search-bar .form-control, 
    .desktop-head .top .search-bar button {
        /* height: 27px;
        padding: 4px 12px; */
    }

    .mobile-head .logo {
        height: 50px;
    }

    .page-home .first .mobile-tabs a {
        padding: 7px;
    }

    .page-home .first .banner .col-md-8 {
        padding: 0;
    }

    .desktop-head .top .search-bar {
        /* margin: 55px 0 5px 0; */
        /* margin: 53px 0 5px 0; */
        margin: 90px 0 5px 0;
    }

    .page-home .first .stores .store {
        /* padding: 10px 20px; */
    }

    .page-home .first .stores .store .cashback {
        margin: 0;
        height: 25px;
        font-size: 14px;
    }
}

@media screen and (max-width: 765px) {
    .deal-category div a {
        font-size: 11px;
    }

    .dealcha-category-2 .cat-item {
        width: 90px !important;
    }

    .dealcha-category-2 .cat-item img {
        height: 25px;
        margin-bottom: -1px;
    }

    .dealcha-category-2 .cat-item span {
        font-size: 14px;
    }

    .dealcha-category-2 .row-category {
        overflow-x: scroll;
    }

    .dealcha-category-2 .cat-item:hover,
    .dealcha-category-2 .cat-item.active {
        border-bottom: none;
    }

    .dealcha-category-2 .cat-item:hover span,
    .dealcha-category-2 .cat-item.active span {
        color: #4595d2;
        font-weight: bold;
    }

    .dealcha-category-2 .row-category.slide-active {
        left: 0;
    }

    .dealcha-category .cat-item {
        border-bottom: none;
        padding-bottom: 4px;
        text-overflow: ellipsis;
        overflow: hidden;
    }
}

/* END: new category */

/* START: promotions */

.promotions {
    background: #fff;
    padding: 0px 5px;
}

.page-banner .promotions {
    background: #fff;
    margin-top: 5px;
    margin-bottom: 5px;
    padding: 10px;
    border-radius: 3px;
    overflow: inherit;
    box-shadow: 0 0 5px 0 #ddd;
}

.promotions .promotions-wraper .promotions-item {
    max-height: 355px;
    margin-bottom: 10px;
    padding: 0 5px;
    overflow: hidden;
}

.promotions .promotions-wraper .promotions-item a {
    text-decoration: none;
}

.promotions .promotions-wraper .promotions-item .item-wrapper {
    border: 1px solid #ddd;
    border-radius: 10px;
}

.promotions .promotions-wraper .promotions-item .image-wrapper {
    width: 100%;
    max-height: 200px;
    overflow: hidden;
}

.promotions .promotions-wraper .promotions-item .image-wrapper img {
    width: 100%;
    border-radius: 10px 10px 0 0;
}

.promotions-content {
    text-align: center;
    padding: 10px;
}

.promotions-content .title, .promotions-content .time {
    text-align: left;
}

.promotions-content .title {
    font-size: 18px;
    margin-bottom: 0;
    line-height: 1.3;
    color: #333;
    height: 50px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.promotions .time {
    color: #F95558;
    font-weight: bold;
    font-size: 14px;
}

.promotions .see-more {
    background-color: #46be8a;
    color: #fff;
    font-weight: 600;
    padding: 6px 30px;
    margin-top: 10px;
    text-transform: capitalize;
    transition: all .3s;
}

.promotions .see-more:hover {
    background-color: #3ead7d;
}

.left .promotions .paginate {
    margin-top: 20px;
    text-align: center;
    width: 100%;
}

.promotions .paginate ul li a {
    background: transparent;
    border: 0;
    color: #232323;
    font-size: 20px;
    margin: 0 8px;
    /* width: 35px;
    height: 35px; */
}

.promotions .paginate ul li a:hover, .promotions .paginate ul li.active a {
    background: #4595d1;
    border-radius: 5px;
    border: 0;
    color: #FFFFFF;
}

@media screen and (max-width: 767px) {
    .promotions-content .title {
        font-size: 14px;
    }

    .promotions .deal-category div.deal-item:nth-child(3) a,
    .promotions .deal-category div.deal-item:last-child a {
        border-right: 1px solid #f3f5f7;
        border-bottom: 3px solid #f3f5f7;
    }

    .promotions .deal-category .deal-item a {
        border-bottom: 3px solid #f5f5f5;
    }
}

@media screen and (max-width: 470px) {
    .promotions-content .title {
        height: 32px;
    }

    .page-banner .promotions {
        padding: 25px 10px;
    }
}

@media screen and (max-width: 420px) {
    .promotions-content .title, .promotions .time {
        font-size: 11px;
    }

    .promotions-content .title {
        height: 28px;
    }

    .promotions .deal-category .view-all {
        margin: 0;
    }
}

@media screen and (max-width: 390px) {
    .promotions {
        padding: 10px;
    }

    .promotions .see-more {
        padding: 4px 10px;
        margin-top: 10px;
    }

    .promotions .deal-category .title-icon {
        width: 30px;
    }

    .promotions .deal-category .title {
        font-size: 18px !important;
    }

    .promotions .deal-category .view-all,
    .deals .deal-category .view-all {
        right: 0;
    }

    .page-banner .deal-category div a {
        /* font-size: 9px; */
    }
}


/* END: promotions */

/* Start: chinese new year */
.page-chinese .body {
    background: #EEEEEE;
}

.chinese {
    margin: 10px 0;
    padding-bottom: 10px;
    background: #fff;
    border-radius: 3px;
    overflow: hidden;
    box-shadow: 0 0 5px 0 #ddd;
}
.chinese img {
    width: 100%;
}

.chinese .title {
    margin: 0;
    padding: 10px;
    text-align: center;
    color: #fff;
    background: url('/dealcha/images/chinese-new-year/ch-merchant.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.chinese .chinese-item {
    text-align: center;    
}

.chinese .chinese-item img {
    margin-top: 20px;
    max-width: 340px;
    -webkit-box-shadow: 0 0 5px 0 #ddd;
    -moz-box-shadow: 0 0 5px 0 #ddd;
    box-shadow: 0 0 5px 0 #ddd;
    border-radius: 3px;
    transition: all .3s;
}

.chinese .chinese-item img:hover {
    -webkit-box-shadow: 0 0 20px 3px #bbb;
    -moz-box-shadow: 0 0 20px 3px #bbb;
    box-shadow: 0 0 20px 3px #bbb;
}

.chinese .chinese-terms {
    clear: both;
    padding: 20px;
    color: #222b6c;
}

.chinese .chinese-terms p {
    margin: 0;
}

@media screen and (max-width: 767px) {
    .chinese .title {
        font-size: 24px;
    }

    .chinese .chinese-item {
        padding: 0 10px;
    }
}
/* End: chinese new year */

/* Start: visa */
.page-visa .body {
    background: #EEEEEE;
}

.visa {
    margin: 10px 0;
    background: #fff;
    border-radius: 3px;
    overflow: hidden;
    box-shadow: 0 0 5px 0 #ddd;
}
.visa img {
    width: 100%;
}

.visa .title {
    margin: 0;
    padding: 10px;
    text-align: center;
    color: #333;
    /* background: #222d6e; */
}

.visa .visa-item {
    text-align: center;
    cursor: pointer;
}

.visa .visa-item img {
    margin-top: 20px;
    max-width: 340px;
    -webkit-box-shadow: 0 0 5px 0 #ddd;
    -moz-box-shadow: 0 0 5px 0 #ddd;
    box-shadow: 0 0 5px 0 #ddd;
    border-radius: 3px;
    transition: all .3s;
}

.visa .visa-item img:hover {
    -webkit-box-shadow: 0 0 20px 3px #bbb;
    -moz-box-shadow: 0 0 20px 3px #bbb;
    box-shadow: 0 0 20px 3px #bbb;
}

.visa .visa-terms {
    font-family: Roboto, sans-serif;
    font-size: 14px;
    clear: both;
    padding: 10px 20px;
    color: #333;
}

.visa .visa-terms p {
    margin: 0;
}

.visa .visa-terms h2,
.visa .visa-terms h3 {
    font-size: 18px;
    font-weight: bold;
}

.visa .visa-terms ol {
    padding-left: 20px;
}

#loginVisaModal .visa-bg, #validateVisaModal .visa-bg {
    width: 100%;
    height: 520px;
    object-fit: cover;
    object-position: top;
}

.visa-header {
    position: absolute;    
    top: 0;
    left: 19px;
    font-size: 24px;
    color: #fff;
}

.visa-header-img {
    position: absolute;    
    top: 15px;
    right: 19px;
    width: 112px;
}

#loginVisaModal .nav-tabs {
    border-bottom: none;
    text-align: center;
}

#loginVisaModal .nav>li {
    float: none;
    display: inline-block;
}

#loginVisaModal .nav>li>a {
    font-size: 16px;
    font-weight: 300;
    padding: 5px;
    width: 80px;
    color: #222b6b;
    border: none;
    border-bottom: 2px solid transparent;
    padding-bottom: 0;
    transition: all .3s;
}

#loginVisaModal .nav>li>a:focus, #loginVisaModal .nav>li>a:hover {
    text-decoration: none;
    background-color: transparent;
}

#loginVisaModal .nav-tabs>li.active>a {
    border: none;
    border-bottom: 2px solid #4595d1;
    background: transparent;
}

#loginVisaModal form.login {
    display: block;
}

#loginVisaModal .form-inline .form-group {
    margin-bottom: 13px;
    max-width: 394px;
    display: block;
    margin: 0 auto;
    overflow: visible !important;
}

#loginVisaModal .indent.form-control {
    background: transparent;
}

#loginVisaModal .button {
    height: 34px;
    font-size: 16px;
    width: 394px;
    margin: 0;
    margin-top: 10px;
    display: inline-block;
}

#loginVisaModal .button.blue-btn {
    margin-top: 20px;
}

#loginVisaModal .alert {
    font-size: 13px;
    padding: 4px 15px;
    display: inline-block;
    margin: 0;
    margin-top: 5px;
}

.visa-modal-content {
    position: absolute;
    z-index: 99;
    width: 100%;
    top: 17%;
    text-align: center;
    color: #fff;
}

.visa-modal-content .visa-title {
    font-size: 38px;
    margin: 0;
}

.visa-modal-content .visa-label {
    font-size: 20px;
    /* border-bottom: 1px solid #222b6c; */
}

.visa-input {
    /* padding-top: 10px; */
}

.visa-input input {
    display: block;
    margin: 0 auto;
    margin-top: 10px;
    border: 1px solid #fff !important;
    border-radius: 3px !important;
    padding: 5px 20px;
    max-width: 394px;
    width: 100% !important;
    color: grey;
}

.visa-input .blue-btn {
    margin: 0 auto;
    width: 450px;
    border: none;
}

*:focus {
    outline: none;
}

.visa-input button {
    display: block;
    margin: 15px auto;
    font-size: 18px;
    color: #fff;
    width: 394px;
    border: 1px solid #f4b31a;
    background: #f4b31a;
    border-radius: 3px;
    padding: 4px 20px;
    transition: all .3s;
}

.visa-input button:hover {
    border: 1px solid #e0a10d;
    background: #e0a10d;
}

.visa-logo-bottom {
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: center;
}

.visa-logo-bottom img {
    width: 100%;
    /* margin: 0 10px; */
}

.visa-logo-bottom img:nth-child(2) {
    /* width: 100px; */
}

.visa-warn {
    border-left: 150px solid transparent;
    border-top: 150px solid #F95558;
    height: 0;
    position: absolute;
    right: 19px;
    top: 20px;
    width: 0;
}

.visa-soon {
    position: absolute;
    top: 45px;
    right: 25px;
    color: #fff;
    font-size: 14px;
}

#loginVisaModal, #validateVisaModal {
    padding-right: 0px !important;
}

#loginVisaModal .modal-lg, #validateVisaModal .modal-lg {
    width: 600px;
}

@media (max-width: 1110px){
    #loginVisaModal .modal-lg, #validateVisaModal .modal-lg {
        width: 85%;
    }
}

@media screen and (max-width: 1199px) {
    .visa-warn {
        border-left: 130px solid transparent;
        border-top: 130px solid #F95558;
        right: 15px;
    }

    .visa-soon {
        top: 35px;
        font-size: 14px;
    }
}

@media screen and (max-width: 690px) {
    .visa-header {
        font-size: 16px;
    }

    .visa-header-img {
        top: 17px;
        width: 80px;
    }

    .visa-modal-content .visa-title {
        font-size: 30px;
    }

    .visa-modal-content .visa-label {
        font-size: 18px;
    }

    .visa-input button {
        font-size: 18px;
    }
}

@media screen and (max-width: 520px) {
    .visa-input input, .visa-input button, .visa-input .blue-btn {
        width: 90% !important;
    }

    .visa-header {
        font-size: 16px;
    }

    .visa-header-img {
        top: 17px;
        width: 80px;
    }

    #loginVisaModal .modal-dialog, #validateVisaModal .modal-dialog {
        width: 95%;
    }    

    .visa-modal-content .visa-title {
        font-size: 30px !important;
    }

    .visa-modal-content .visa-label {
        font-size: 18px;
    }

    .visa-input button {
        font-size: 18px;
    }

    .visa-logo-bottom img, .visa-logo-bottom img:nth-child(2) {
        /* width: 25%; */
    }

    #loginVisaModal .form-inline .form-group {
        margin-bottom: 0px !important;
    }

    #loginVisaModal .visa-bg, #validateVisaModal .visa-bg {
        height: 430px;
    }
}

@media screen and (max-width: 470px) {
    .visa-header {
        font-size: 13px;
    }

    .visa-header-img {
        width: 100px;
    }

    .visa-modal-content .visa-label {
        font-size: 16px;
    }

    .visa .title {
        font-size: 24px;
        padding: 5px;
    }
    
    .visa-wraper .col-xs-6 {
        padding: 0 5px;
    }

    .visa-warn {
        right: 5px;
    }

    .visa-soon {
        right: 15px;
    }
}

@media screen and (max-width: 400px) {
    .visa-header {
        font-size: 13px;
    }

    .visa-header-img {
        width: 40px;
    }

    .visa-logo-bottom {
        bottom: 15px;
    }

    .visa-warn {
        border-left: 70px solid transparent;
        border-top: 70px solid #F95558;
    }

    .visa-soon {
        top: 30px;
        right: 10px;
        font-size: 7px;
    }
}

@media screen and (max-width: 370px) {
    .visa-header {
        font-size: 10px;
        margin-top: 27px;
    }

    .visa-header-img {
        margin-top: 9px;
    }

    .visa-modal-content .visa-title {
        font-size: 24px;
    }

    .visa-modal-content .visa-label {
        font-size: 14px;
    }
}
/* END: visa */

/* Start: KTC */
.page-ktc .body {
    background: #EEEEEE;
}

.ktc {
    margin: 10px 0;
    background: #fff;
    border-radius: 3px;
    overflow: hidden;
    box-shadow: 0 0 5px 0 #ddd;
}

.ktc .tag-content .title {
    font-size: 16px;
    font-weight: bold;
    color: #495057;
    line-height: 1.5;
    background: transparent;
    text-align: left;
    padding: 0;
    margin: 0 0 5px;
}

.ktc img {
    width: 100%;
}

.ktc .how-it-work-3-step img {
    margin-top: 10px;
}

.ktc .how-it-work-3-step .first-row {
    padding: 0 280px;
}

.ktc .how-it-work-3-step .arrow-right {
    padding: 0;
    font-size: 50px;
    color: #4595d2;
    text-align: center;
}

.ktc .how-it-work-3-step .img-container {
    padding-left: 0;
}

.ktc .how-it-work-3-step img {
    min-width: 35px;
}

.ktc .title {
    margin: 0;
    padding: 10px;
    text-align: center;
    color: #333;
}

.ktc .ktc-item {
    text-align: center;
    cursor: pointer;
}

.ktc .ktc-item img {
    margin-top: 20px;
    max-width: 340px;
    -webkit-box-shadow: 0 0 5px 0 #ddd;
    -moz-box-shadow: 0 0 5px 0 #ddd;
    box-shadow: 0 0 5px 0 #ddd;
    border-radius: 3px;
    transition: all .3s;
}

.ktc .ktc-item img:hover {
    -webkit-box-shadow: 0 0 20px 3px #bbb;
    -moz-box-shadow: 0 0 20px 3px #bbb;
    box-shadow: 0 0 20px 3px #bbb;
}

.ktc .ktc-terms {
    font-family: Roboto, sans-serif;
    font-size: 14px;
    clear: both;
    padding: 10px 20px;
    color: #333;
}

.ktc .ktc-terms p {
    margin: 0;
}

.ktc .ktc-terms h2,
.ktc .ktc-terms h3 {
    font-size: 18px;
    font-weight: bold;
}

.ktc .ktc-terms ol {
    padding-left: 20px;
}

#validateKTCModal .ktc-bg {
    width: 100%;
    height: 500px;
    object-fit: cover;
    object-position: center;
}

.ktc-header {
    position: absolute;
    top: 0px;
    left: 19px;
    font-size: 24px;
    color: #fff;
}

.ktc-header-img {
    position: absolute;
    top: 15px;
    left: 15px;
    width: 70px;
}

.ktc-modal-content {
    position: absolute;
    z-index: 99;
    width: 100%;
    top: 10%;
    text-align: center;
    color: #222b6c;
}

.ktc-modal-content .ktc-title {
    font-size: 41px;
    line-height: 1.2;
    color: #fff;
    margin: 0;
}

.ktc-modal-content .ktc-title-new {
    font-size: 28px;
}

.ktc-modal-content .ktc-label {
    font-size: 19px;
    color: #fff;
}

.ktc-input {
    padding-top: 10px;
}

.ktc-input input {
    display: block;
    margin: 0 auto;
    margin-top: 10px;
    border: 1px solid #fff !important;
    border-radius: 3px !important;
    padding: 5px 20px;
    max-width: 394px;
    width: 100% !important;
    color: grey;
}

.ktc-input .blue-btn {
    margin: 0 auto;
    width: 450px;
    border: none;
}

.ktc-input button {
    display: block;
    margin: 15px auto;
    font-size: 18px;
    color: #fff;
    width: 394px;
    border: 1px solid #d3226b;
    background: #d3226b;
    border-radius: 4px;
    padding: 4px 20px;
    transition: all .3s;
}

.ktc-input button:hover {
    border: 1px solid #d3226b;
    background: #d3226b;
}

.ktc-logo-bottom {
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: center;
    background-color: #fff;
}

.ktc-logo-bottom img {
    width: 100%;
}

.ktc-warn {
    border-left: 150px solid transparent;
    border-top: 150px solid #F95558;
    height: 0;
    position: absolute;
    right: 19px;
    top: 20px;
    width: 0;
}

.ktc-soon {
    position: absolute;
    top: 45px;
    right: 25px;
    color: #fff;
    font-size: 14px;
}

#validateKTCModal {
    padding-right: 0px !important;
}

#validateKTCModal .modal-lg {
    width: 600px;
    max-width: 600px;
}

@media (max-width: 1110px){
    #validateKTCModal .modal-lg {
        width: 98%;
    }
}

@media screen and (max-width: 1199px) {
    .ktc-warn {
        border-left: 130px solid transparent;
        border-top: 130px solid #F95558;
        right: 15px;
    }

    .ktc-soon {
        top: 35px;
        font-size: 14px;
    }

    .ktc .how-it-work-3-step .first-row {
        padding: 0 180px;
    }
}

@media screen and (max-width: 991px) {
    .ktc .how-it-work-3-step .first-row {
        padding: 0;
    }
}

@media screen and (max-width: 767px) {
    #validateKTCModal .ktc-bg {
        height: 440px;
    }

    .ktc-logo-bottom {
        padding: 10px 0;
    }

    .ktc-header-img {
        top: 10px;
        left: 10px;
        width: 60px;
    }
}

@media screen and (max-width: 690px) {
    .ktc-header {
        font-size: 16px;
    }

    .ktc-modal-content .ktc-title {
        font-size: 40px;
    }

    .ktc-modal-content .ktc-label {
        font-size: 18px;
    }

    .ktc-input button {
        font-size: 18px;
    }
}

@media screen and (max-width: 520px) {
    #validateKTCModal .modal-lg {
        width: 95% !important;
    }

    .ktc-input input, .ktc-input button, .ktc-input .blue-btn {
        width: 90% !important;
    }

    .ktc-header {
        font-size: 16px;
    }

    .ktc-modal-content .ktc-title {
        font-size: 34px;
    }

    .ktc-modal-content .ktc-title-new {
        font-size: 20px;
    }

    .ktc-modal-content .ktc-title img {
        width: 70px !important;
    }

    .ktc-modal-content .ktc-label {
        font-size: 18px;
    }

    .ktc-input button {
        font-size: 18px;
    }
}

@media screen and (max-width: 470px) {
    .ktc-header {
        font-size: 13px;
    }

    .ktc-modal-content .ktc-label {
        font-size: 16px;
    }

    .ktc .title {
        font-size: 24px;
        padding: 5px;
    }
    
    .ktc-wraper .col-xs-6 {
        padding: 0 5px;
    }

    .ktc-warn {
        right: 5px;
    }

    .ktc-soon {
        right: 15px;
    }
}

@media screen and (max-width: 400px) {
    .ktc-header {
        font-size: 13px;
    }

    .ktc-warn {
        border-left: 70px solid transparent;
        border-top: 70px solid #F95558;
    }

    .ktc-soon {
        top: 30px;
        right: 10px;
        font-size: 7px;
    }
}

@media screen and (max-width: 370px) {
    .ktc-header {
        font-size: 10px;
        margin-top: 27px;
    }

    .ktc-modal-content .ktc-title {
        font-size: 24px;
    }

    .ktc-modal-content .ktc-title-new {
        font-size: 20px;
    }

    .ktc-modal-content .ktc-label {
        font-size: 14px;
    }
}
/* END: ktc */

/* Start: krungsri */
.page-krungsri .body {
    background: #EEEEEE;
}

.krungsri {
    margin: 10px 0;
    background: #fff;
    border-radius: 3px;
    overflow: hidden;
    box-shadow: 0 0 5px 0 #ddd;
}

.krungsri .krungsri-coming-soon {
    position: relative;
    width: 359px;
}

.krungsri img {
    width: 100%;
}

.krungsri .title {
    margin: 0;
    /* margin-top: 7px; */
    padding: 10px;
    text-align: center;
    color: #333;
    /* background: #6e5f5e; */
}

.krungsri-wraper {
    clear: both;
}

.krungsri .krungsri-item {
    text-align: center;
    cursor: pointer;
}

.krungsri .krungsri-item img {
    margin-top: 20px;
    max-width: 340px;
    -webkit-box-shadow: 0 0 5px 0 #ddd;
    -moz-box-shadow: 0 0 5px 0 #ddd;
    box-shadow: 0 0 5px 0 #ddd;
    border-radius: 3px;
    transition: all .3s;
}

.krungsri .krungsri-item img:hover {
    -webkit-box-shadow: 0 0 20px 3px #bbb;
    -moz-box-shadow: 0 0 20px 3px #bbb;
    box-shadow: 0 0 20px 3px #bbb;
}

.krungsri .krungsri-terms {
    font-family: Roboto, sans-serif;
    font-size: 14px;
    clear: both;
    padding: 10px 20px;
    color: #333;
}

.krungsri .krungsri-terms p {
    margin: 0;
}

.krungsri .krungsri-terms h2,
.krungsri .krungsri-terms h3 {
    font-size: 18px;
    font-weight: bold;
}

.krungsri .krungsri-terms ol {
    padding-left: 20px;
}

#loginKrungsriModal .krungsri-bg, #validateKrungsriModal .krungsri-bg {
    width: 100%;
    height: 500px;
    object-fit: cover;
    object-position: center;
}

.krungsri-header {
    position: absolute;    
    top: 0px;
    right: 19px;
    font-size: 24px;
    color: #222b6b;
}

.krungsri-header-img {
    position: absolute;    
    top: 0;
    left: 10px;
    width: 112px;
}

.krungsri-header-img-mobile {
    width: 130px;
}

#loginKrungsriModal .nav-tabs {
    border-bottom: none;
    text-align: center;
}

#loginKrungsriModal .nav>li {
    float: none;
    display: inline-block;
}

#loginKrungsriModal .nav>li>a {
    font-size: 16px;
    font-weight: 300;
    padding: 5px;
    width: 80px;
    color: #6f5f5e;
    border: none;
    border-bottom: 2px solid transparent;
    padding-bottom: 0;
    transition: all .3s;
}

#loginKrungsriModal .nav>li>a:focus, #loginKrungsriModal .nav>li>a:hover {
    text-decoration: none;
    background-color: transparent;
}

#loginKrungsriModal .nav-tabs>li.active>a {
    border: none;
    border-bottom: 2px solid #4595d1;
    background: transparent;
}

#loginKrungsriModal form.login {
    display: block;
}

#loginKrungsriModal .form-inline .form-group {
    margin-bottom: 13px;
    max-width: 394px;
    display: block;
    margin: 0 auto;
    overflow: visible !important;
}

#loginKrungsriModal .indent.form-control {
    background: transparent;
}

#loginKrungsriModal .button {
    height: 34px;
    font-size: 16px;
    width: 394px;
    margin: 0;
    margin-top: 10px;
    display: inline-block;
    color: #6f5f5e;
}

#loginKrungsriModal .button.blue-btn {
    margin-top: 20px;
    color: #fff;
}

#loginKrungsriModal .alert {
    font-size: 13px;
    padding: 4px 15px;
    display: inline-block;
    margin: 0;
    margin-top: 5px;
}

.krungsri-modal-content {
    position: absolute;
    z-index: 99;
    width: 100%;
    top: 9%;
    text-align: center;
    color: #6f5f5e;
}

.krungsri-modal-content .krungsri-title {
    font-size: 34px;
    font-weight: bold;
    margin: 0;
    line-height: 1.4;
}

.krungsri-modal-content .krungsri-sub {
    font-size: 38px;
    color: #333;
    font-weight: bold;
    margin: 0;
    line-height: 1.4;
    margin-bottom: 10px;
}

.krungsri-modal-content .krungsri-sub span {
    color: #E9192E;
    border-bottom: 2px solid #f6d507;
}

.krungsri-modal-content .krungsri-sub b {
    color: #E9192E;
    border-bottom: 2px solid #f6d507;
    font-size: 38px;
}


.krungsri-modal-content .krungsri-label {
    font-size: 18px;
    /* border-bottom: 1px solid #6f5f5e; */
}

.krungsri-input {
    padding-top: 10px;
}

.krungsri-input input {
    display: block;
    margin: 0 auto;
    margin-top: 10px;
    border: 1px solid #fff !important;
    border-radius: 3px !important;
    padding: 5px 20px;
    max-width: 394px;
    width: 100% !important;
    color: grey;
}

.krungsri-input .blue-btn {
    margin: 0 auto;
    width: 450px;
    border: none;
}

.krungsri-input button {
    display: block;
    margin: 15px auto;
    font-size: 18px;
    color: #fff;
    width: 394px;
    border: 1px solid #ed0015;
    background: #ed0015;
    border-radius: 3px;
    padding: 4px 20px;
    transition: all .3s;
}

.krungsri-input button:hover {
    border: 1px solid #ed0015;
    background: #ed0015;
}


.krungsri-card-bottom {
    position: absolute;
    bottom: 0;
    /* height: 70px; */
    width: 100%;
    /* padding: 15px;
    padding-right: 280px;
    background-color: #f6d606; */
}

.krungsri-card-bottom img {
    width: 100%;
}

.krungsri-card-bottom div img {
    height: 40px;
    margin-right: 20px;
}

.krungsri-card-bottom div img:last-child {
    margin-right: 0;
}

/* .krungsri-logo-bottom img:nth-child(2) {
    width: 100px;
} */

.krungsri-card-bottom .krungsri-card {
    position: absolute;
    bottom: 0;
    left: 0;
    width:  80%;
}

.krungsri-card-bottom .krungsri-dealcha-logo {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 330px;
}

.krungsri-warn {
    border-left: 150px solid transparent;
    border-top: 150px solid #F95558;
    height: 0;
    position: absolute;
    right: 14px;
    top: 20px;
    width: 0;
}

.krungsri-soon {
    position: absolute;
    top: 45px;
    right: 25px;
    color: #fff;
    font-size: 14px;
    width: 90px;
    text-align: center;
}

.krungsri-terms .tc {
    font-size: 18px;
    text-decoration: underline;
}

#loginKrungsriModal, #validateKrungsriModal {
    padding-right: 0px !important;
}

#loginKrungsriModal .modal-lg, #validateKrungsriModal .modal-lg {
    width: 700px;
    max-width: 700px;
}

@media screen and (max-width: 1199px) {
    .krungsri-warn {
        border-left: 130px solid transparent;
        border-top: 130px solid #F95558;
        right: 15px;
    }

    .krungsri-soon {
        top: 35px;
        /* font-size: 19px; */
    }
}

@media (max-width: 1110px){
    #loginKrungsriModal .modal-lg, #validateKrungsriModal .modal-lg {
        width: 98%;
    }
}


@media screen and (max-width: 1010px) {
    .krungsri-card-bottom {
        padding: 20px;
    }

    .krungsri-card-bottom div img {
        height: 35px;
        margin-right: 15px;
    }
}

@media screen and (max-width: 920px) {
    .krungsri-card-bottom {
        padding: 21px;
    }

    .krungsri-card-bottom div img {
        height: 30px;
    }
}

@media screen and (max-width: 845px) {
    .krungsri-card-bottom {
        padding: 21px;
    }

    .krungsri-card-bottom div img {
        height: 30px;
    }

    .krungsri-card-bottom div img {
        height: 25px;
    }
}

@media screen and (max-width: 768px) {
    #loginKrungsriModal .hidden-xs {
        display: inherit;
    }
}

@media screen and (max-width: 767px) {
    .krungsri-card-bottom {
        height: auto;
        padding: 0;
        background-color: transparent;
    }

    .krungsri-card-bottom div img {
        height: 35px;
    }

    .krungsri-modal-content {
        top: 12%;
    }

    .krungsri .krungsri-item img {
        margin-top: 7px;
        max-width: 800px;
    }

    .krungsri .title {
        font-size: 20px;
    }

    .krungsri-warn {
        top: 7px;
        right: 5px;
    }

    .krungsri-soon {
        top: 25px;
        right: 14px;
    }
}

@media screen and (max-width: 690px) {    

    .krungsri-header {
        font-size: 16px;
    }

    .krungsri-header-img {
        width: 80px;
    }

    .krungsri-modal-content .krungsri-title,
    .krungsri-modal-content .krungsri-sub b {
        font-size: 30px;
    }

    .krungsri-modal-content .krungsri-sub {
        font-size: 25px;
    }

    .krungsri-modal-content .krungsri-label {
        font-size: 18px;
    }

    .krungsri-input button {
        font-size: 18px;
    }
}

@media screen and (max-width: 520px) {
    .krungsri-input input, .krungsri-input button, .krungsri-input .blue-btn {
        width: 90% !important;
    }

    .krungsri-header {
        font-size: 16px;
    }

    .krungsri-header-img {
        width: 80px;
    }

    #loginKrungsriModal .modal-dialog, #validateKrungsriModal .modal-dialog {
        width: 95%;
    }    

    .krungsri-modal-content .krungsri-title {
        font-size: 26px;
    }

    .krungsri-modal-content .krungsri-label {
        font-size: 18px;
    }

    .krungsri-input button {
        font-size: 18px;
    }

    .krungsri-logo-bottom img, .krungsri-logo-bottom img:nth-child(2) {
        width: 25%;
    }

    #loginKrungsriModal .form-inline .form-group {
        margin-bottom: 0px !important;
    }

    #loginKrungsriModal .krungsri-bg, #validateKrungsriModal .krungsri-bg {
        height: 430px;
    }
}

@media screen and (max-width: 470px) {
    .krungsri-header {
        font-size: 13px;
    }

    .krungsri-header-img {
        width: 40px;
    }

    .krungsri-modal-content .krungsri-label {
        font-size: 16px;
    }

    .krungsri .title {
        padding: 5px;
    }
    
    .krungsri-wraper .col-xs-6 {
        padding: 0 5px;
    }
}

@media screen and (max-width: 400px) {
    .krungsri-header {
        font-size: 13px;
    }

    .krungsri-header-img {
        width: 35px;
    }

    .krungsri-logo-bottom {
        bottom: 15px;
    }

    .krungsri-warn {
        border-left: 90px solid transparent;
        border-top: 90px solid #F95558;
    }

    .krungsri-soon {
        top: 16px;
        font-size: 10px;
    }
}

@media screen and (max-width: 370px) {
    .krungsri-header {
        font-size: 10px;
        margin-top: 27px;
    }

    .krungsri-header-img {
        /* display: none; */
    }

    .krungsri-modal-content .krungsri-title {
        font-size: 24px;
    }

    .krungsri-modal-content .krungsri-label {
        font-size: 14px;
    }

    .krungsri-card-bottom div img {
        margin-right: 7px;
    }
}
/* END: krungsri */

/* Start: TrueYou */
.page-true .body {
    background: #EEEEEE;
}

.true {
    margin: 10px 0;
    background: #fff;
    border-radius: 3px;
    overflow: hidden;
    box-shadow: 0 0 5px 0 #ddd;
}
.true img {
    width: 100%;
}

.true .title {
    margin: 0;
    /* margin-top: 7px; */
    padding: 10px;
    text-align: center;
    color: #fff;
    background: #e9212c;
}

.true-wraper {
    clear: both;
}

.true .true-item {
    text-align: center;
    cursor: pointer;
}

.true .true-item img {
    margin-top: 20px;
    max-width: 340px;
    -webkit-box-shadow: 0 0 5px 0 #ddd;
    -moz-box-shadow: 0 0 5px 0 #ddd;
    box-shadow: 0 0 5px 0 #ddd;
    border-radius: 3px;
    transition: all .3s;
}

.true .true-item img:hover {
    -webkit-box-shadow: 0 0 20px 3px #bbb;
    -moz-box-shadow: 0 0 20px 3px #bbb;
    box-shadow: 0 0 20px 3px #bbb;
}

.true .true-terms {
    font-family: Roboto, sans-serif;
    font-size: 14px;
    clear: both;
    padding: 20px;
    color: #222b6c;
}

.true .true-terms p {
    margin: 0;
}

#loginTrueModal .true-bg, #validateTrueModal .true-bg {
    width: 100%;
    /* height: 100%; */
    object-fit: cover;
    object-position: center;
    min-height: 620px;
}

.true-header {
    position: absolute;    
    top: 0px;
    right: 19px;
    font-size: 24px;
    color: #222b6b;
}

.true-header-img {
    position: absolute;    
    top: 0;
    right: 10px;
    width: 115px;
}

.true-header-img-mobile {
    width: 120px;
}

#loginTrueModal .nav-tabs {
    border-bottom: none;
    text-align: center;
}

#loginTrueModal .nav>li {
    float: none;
    display: inline-block;
}

#loginTrueModal .nav>li>a {
    font-size: 16px;
    font-weight: 300;
    padding: 5px;
    width: 80px;
    color: #6f5f5e;
    border: none;
    border-bottom: 2px solid transparent;
    padding-bottom: 0;
    transition: all .3s;
}

#loginTrueModal .nav>li>a:focus, #loginTrueModal .nav>li>a:hover {
    text-decoration: none;
    background-color: transparent;
}

#loginTrueModal .nav-tabs>li.active>a {
    border: none;
    border-bottom: 2px solid #4595d1;
    background: transparent;
}

#loginTrueModal form.login {
    display: block;
}

#loginTrueModal .form-inline .form-group {
    margin-bottom: 13px;
    max-width: 394px;
    display: block;
    margin: 0 auto;
    overflow: visible !important;
}

#loginTrueModal .indent.form-control {
    background: transparent;
}

#loginTrueModal .button {
    height: 34px;
    font-size: 16px;
    width: 394px;
    margin: 0;
    margin-top: 10px;
    display: inline-block;
    color: #6f5f5e;
}

#loginTrueModal .button.blue-btn {
    margin-top: 20px;
    color: #fff;
}

#loginTrueModal .alert {
    font-size: 13px;
    padding: 4px 15px;
    display: inline-block;
    margin: 0;
    margin-top: 5px;
}

.true-modal-content {
    position: absolute;
    z-index: 99;
    width: 100%;
    width: 60%;
    top: 10%;
    right: 0;
    text-align: center;
    color: #ed1424;
}

.true-modal-content .true-title {
    font-size: 31px;
    margin: 0;
    line-height: 1.4;
}

.true-modal-content .true-sub {
    font-size: 31px;
    margin: 0;
    line-height: 1.4;
    margin-bottom: 10px;
}

#validateTrueModal .true-modal-content .true-sub {
    margin-bottom: 20px;
}

.true-modal-content .true-sub span {
    color: #E9192E;
    border-bottom: 2px solid #f6d507;
}

.true-modal-content .true-sub b {
    color: #E9192E;
    border-bottom: 2px solid #f6d507;
    font-size: 38px;
}


.true-modal-content .true-label {
    font-size: 16px;
    color: #6f5f5e;
}

.true-input {
    padding-top: 0px;
    margin-bottom: 20px;
}

#validateTrueModal .true-input {
    margin-bottom: 52px;
}

.true-info {
    position: absolute;
    bottom: 85px;
    font-size: 11px;
    color: #333;
    text-align: left;
    padding: 0 20px;
    z-index: 10;

    bottom: 1% !important;
    width: auto !important;
}

.true-box-info {
    font-size: 14px !important;
    text-align: left;
    width: 63%;
    margin: 5px auto;
}

.logo-partner {
    position: absolute;
    top: 34%;
    left: 14%;
}

.logo-partner img {
    width: 100%;
}

.true-input input {
    display: block;
    margin: 0 auto;
    margin-top: 10px;
    border: 1px solid #fff !important;
    border-radius: 3px !important;
    padding: 5px 20px;
    max-width: 394px;
    width: 100% !important;
    color: grey;
}

.true-input .blue-btn {
    margin: 0 auto;
    width: 450px;
    border: none;
}

.true-input button {
    display: block;
    margin: 15px auto;
    font-size: 18px;
    color: #fff;
    width: 394px;
    border: 1px solid #f6d507;
    background: #f6d507;
    border-radius: 3px;
    padding: 4px 20px;
    transition: all .3s;
}

.true-input button:hover {
    border: 1px solid #e8ca0b;
    background: #e8ca0b;
}

.true-card-bottom {
    position: absolute;
    bottom: 0;
    height: 75px;
    width: 100%;
    padding: 10px 0;
    /* background-color: #ffffff;
    box-shadow: 0 0 5px 3px #eaeaea; */
}

.true-card-bottom .store-list {
    background: #fff;
    padding: 10px;
}

.true-card-bottom .store-list img {
    padding: 0 20px;
    margin: 0;
    width: 120px;
    height: auto;
    border-right: 1px solid #f0f0f0;
}

.true-card-bottom .store-list img:last-child {
    border-right: none;
}

.true-card-bottom div img {
    height: 40px;
    margin-right: 20px;
}

.true-card-bottom div img:last-child {
    margin-right: 0;
}

.true-card-bottom .true-card {
    position: absolute;
    bottom: 0;
    left: 0;
    width:  80%;
}

.true-card-bottom .true-dealcha-logo {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 360px;
}

.true-warn {
    border-left: 150px solid transparent;
    border-top: 150px solid #F95558;
    height: 0;
    position: absolute;
    right: 19px;
    top: 20px;
    width: 0;
}

.true-soon {
    position: absolute;
    top: 45px;
    right: 25px;
    color: #fff;
    font-size: 22px;
}

.true-terms .tc {
    font-size: 18px;
    text-decoration: underline;
}

#loginTrueModal, #validateTrueModal {
    padding-right: 0px !important;
}

#loginTrueModal .modal-lg, #validateTrueModal .modal-lg {
    width: 1120px;
}

@media screen and (max-width: 1199px) {
    .true-warn {
        border-left: 130px solid transparent;
        border-top: 130px solid #F95558;
        right: 15px;
    }

    .true-soon {
        top: 35px;
        font-size: 19px;
    }
}

@media (max-width: 1110px) {
    #loginTrueModal .modal-lg, #validateTrueModal .modal-lg {
        width: 98%;
    }

    .true-info {
        width: 500px;
    }
}


@media screen and (max-width: 1010px) {
    .true-card-bottom .store-list img {
        padding: 0 10px;
        width: 80px;
    }

    .true-card-bottom .store-list {
        padding: 15px 10px;
    }

    .true-info {
        width: 400px;
    }

    .logo-partner {
        left: 0;
    }
}

@media screen and (max-width: 920px) {
    .true-card-bottom {
        /* padding: 21px; */
    }

    .true-card-bottom div img {
        height: 30px;
    }

    .true-info {
        width: 330px;
    }

    .true-box-info {
        width: 80%;
    }
}

@media screen and (max-width: 845px) {
    .true-card-bottom {
        /* padding: 21px; */
    }

    .true-card-bottom div img {
        height: 30px;
    }

    .true-card-bottom div img {
        height: 25px;
    }
}

@media screen and (max-width: 768px) {
    #loginTrueModal .hidden-xs {
        display: inherit;
    }
}

@media screen and (max-width: 767px) {
    
    #validateTrueModal .true-bg {
        min-height: 580px;
    }

    #validateTrueModal .true-input {
        margin-bottom: 30px;
    }

    .logo-partner {
        top: unset;
        bottom: 5% !important;
        width: 100%;
        text-align: center;
    }

    #validateTrueModal .logo-partner {
        bottom: 1% !important;
    }

    .true-box-info {
        width: 95%;
    }
    
    .logo-partner img {
        width: 250px;
        margin: 0 auto;
    }

    .true-info {
        bottom: 85px;
        width: auto;
        padding: 10px 20px;
        z-index: 10;
        bottom: 0 !important;
        width: 100% !important;
        background-color: #ffffff;
        box-shadow: 0 0 5px 3px #eaeaea;
    }

    .true-card-bottom {
        height: auto;
        /*padding: 0;
        background-color: transparent; */
    }

    .true-card-bottom .store-list img {
        width: 15%;
        padding: 0 3px;
        border-right: none;
    }

    .true-modal-content {
        width: 100%;
        top: 10%;
        right: 0;
        padding: 0 10px;
    }

    .true .true-item img {
        margin-top: 7px;
        max-width: 800px;
    }

    .true .title {
        font-size: 20px;
    }
}

@media screen and (max-width: 690px) {    

    .true-header {
        font-size: 16px;
    }

    .true-header-img {
        /* width: 80px; */
    }

    .true-modal-content .true-title,
    .true-modal-content .true-sub b {
        font-size: 30px;
    }

    .true-modal-content .true-sub {
        font-size: 25px;
    }

    .true-modal-content .true-label {
        font-size: 18px;
    }

    .true-input button {
        font-size: 18px;
    }
}

@media screen and (max-width: 520px) {
    .true-input input, .true-input button, .true-input .blue-btn {
        width: 90% !important;
    }

    .true-header {
        font-size: 16px;
    }

    .true-header-img {
        /* width: 80px; */
    }

    #loginTrueModal .modal-dialog, #validateTrueModal .modal-dialog {
        width: 95%;
    }    

    .true-modal-content .true-title,
    .true-modal-content .true-sub {
        font-size: 24px;
    }

    .true-info {
        font-size: 11px;
    }

    .true-modal-content .true-label {
        font-size: 18px;
    }

    .true-input button {
        font-size: 18px;
    }

    .true-logo-bottom img, .true-logo-bottom img:nth-child(2) {
        width: 25%;
    }

    #loginTrueModal .form-inline .form-group {
        margin-bottom: 0px !important;
    }
}

@media screen and (max-width: 470px) {
    #validateTrueModal .true-modal-content .true-sub {
        margin-bottom: 15px;
    }

    .true-header {
        font-size: 13px;
    }

    .true-header-img {
        /* width: 40px; */
    }

    .true-modal-content .true-label {
        font-size: 15px;
    }

    .true .title {
        padding: 5px;
    }
    
    .true-wraper .col-xs-6 {
        padding: 0 5px;
    }
}

@media screen and (max-width: 400px) {
    .true-header {
        font-size: 13px;
    }

    .true-header-img {
        /* width: 35px; */
    }

    .true-logo-bottom {
        bottom: 15px;
    }

    .true-warn {
        border-left: 70px solid transparent;
        border-top: 70px solid #F95558;
    }

    .true-soon {
        top: 30px;
        right: 20px;
        font-size: 14px;
    }
}

@media screen and (max-width: 370px) {
    .logo-partner {
        bottom: 9% !important;
    }

    .true-header {
        font-size: 10px;
        margin-top: 27px;
    }

    .true-header-img {
        /* display: none; */
    }

    .true-modal-content .true-title,
    .true-modal-content .true-sub {
        font-size: 20px;
    }

    .true-modal-content .true-label {
        font-size: 14px;
    }

    .true-card-bottom div img {
        margin-right: 7px;
    }
}
/* END: TrueYou */

/* Start: Dtac */
.page-dtac .body {
    background: #EEEEEE;
}

.dtac {
    margin: 10px 0;
    background: #f5f5f5;
    color: #495057;
    border-radius: 3px;
    overflow: hidden;
    box-shadow: 0 0 5px 0 #ddd;
}

.dtac img {
    width: 100%;
}

.partnership .pt-cover {
    position: relative;
    width: 100%;
    height: 206px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    color: #fff;
    padding: 30px 50px;
}

.dtac .title {
    margin: 0;
    /* margin-top: 7px; */
    padding: 10px;
    text-align: center;
    color: #fff;
    background: #00a5e4;
}

.dtac-wraper {
    clear: both;
}

.dtac .nav-tabs {
    border-bottom: none;
    text-align: center;
    background: #f5f5f5;
    padding: 5px;
}

.dtac .nav>li {
    float: none;
    display: inline-block;
    position:relative;
}

.dtac .nav>li>a {
    font-family: Roboto, sans-serif;
    font-size: 16px;
    font-weight: 300;
    padding: 5px;
    margin-right: 15px;
    color: #6d6e71;
    border: none;
    transition: all .3s;
}

.dtac .nav>li>a:hover {
    background-color: transparent;
}

.dtac .nav-tabs>li.active>a {
    border: none;
    color: #00a5e4;
    background: transparent;
}

.dtac .nav-tabs>li.active:before {
    content:"\A";
    border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 15px solid #fff;
    position: absolute;
    bottom: -7px;
    left: 40%;
}

.dtac .tab-content {
    margin-top: 10px;
    padding: 0 20px;
}

.dtac .dtac-item {
    text-align: center;
    cursor: pointer;
}

.dtac .dtac-item a {
    position: relative;
    display: inline-block;
    overflow: hidden;
    margin-top: 20px;
    -webkit-box-shadow: 0 0 5px 0 #ddd;
    -moz-box-shadow: 0 0 5px 0 #ddd;
    box-shadow: 0 0 5px 0 #ddd;
    border-radius: 3px;
    transition: all .3s;
}

.dtac .dtac-item a:hover {
    -webkit-box-shadow: 0 0 10px 1px #bbb;
    -moz-box-shadow: 0 0 10px 1px #bbb;
    box-shadow: 0 0 10px 1px #bbb;
}

.dtac .dtac-item .btn-dtac {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 10px;
    font-size: 16px;
    color: #fff;
    text-align: center;
}

.dtac .dtac-item .btn-dtac-mobile {
    position: absolute;
    bottom: 25%;
    right: 5px;
    padding: 10px;
    font-size: 16px;
    color: #fff;
    border-radius: 3px;
}

.dtac .dtac-item .btn-dtac-mobile.date_2 {
    bottom: 17px;
    padding: 5px 30px;
    right: 42%;
}

.dtac .dtac-item .pink {
    background-color: #ec0e69;
}

.dtac .dtac-item .yellow {
    background-color: #f9a51a;
}

.dtac .dtac-item .black {
    background-color: #6d6e71;
}

.dtac .dtac-item .blue {
    background-color: #4595d3;
}

.dtac .dtac-item img {
    max-width: 340px;    
}

.dtac .dtac-terms {
    font-family: Roboto, sans-serif;
    font-size: 14px;
    clear: both;
    padding: 20px 30px;
    color: #495057;
    background: #fff;
}

.dtac .dtac-terms p {
    margin: 0;
}

.dtac .border-section {
    padding-top: 25px;
    margin: 0 -20px;
    border-bottom: 4px solid #eee;
}

.dtac .dtac-store {
    padding: 0 30px;
}

.dtac .store-wraps {
    padding: 10px;
}

.dtac .dtac-store img {
    opacity: 1;
    cursor: pointer;
    transition: all .2s;
    border-radius: 8px;
}

.dtac .dtac-subject {
    font-size: 16px;
    font-weight: 300;
    color: #00a5e4;
    margin: 30px 0 0 0;
    padding: 0 15px;
    /* padding-top: 25px; */
    /* border-top: 1px solid #eee; */
}

.pn .pn-store {
    margin: 0;
    padding: 10px 30px;
    background: #f5f5f5;
}

.pn .pn-store .store-wraps{
    padding: 10px;
}

.pn .pn-store img {
    opacity: 1;
    cursor: pointer;
    transition: all .2s;
    border-radius: 8px;
}

.pn .pn-store img:hover {
    opacity: .8;
}

.pn .pn-store .btn-more-shop {
    display: inline-block;
    background: #4e9fd7;
    color: #fff;
    padding: 10px 30px;
    margin: 10px 0;
    border-radius: 30px;
    text-decoration: none;
}

.page-dtac .modal {
    padding-right: 0px !important;
}

.dtac .modal-title {
    font-size: 16px;
}

.dtac .modal-footer .btn-primary {
    background-color: #4595d1;
    border-color: #4595d1;
    width: 100%;
}

.dtac .modal-header {
    border-bottom: none;
    background-color: #4595D1;
    color: #fff;
    border-radius: 5px 5px 0 0;
}

.dtac .modal-header .shop-now {
    position: absolute;
    top: 9px;
    right: 50px;
    padding: 5px 10px;
    border: 1px solid #fff;
    border-radius: 4px;
    cursor: pointer;
}


.dtac .modal-content .cashback-details .table-bordered, 
.dtac .modal-content .cashback-details .table-bordered>tbody>tr>td, 
.dtac .modal-content .cashback-details table, 
.dtac .modal-content .cashback-details table>tbody>tr>td {
    border: none !important;
}

.dtac .modal-content .cashback-details .table-bordered, 
.dtac .modal-content .cashback-details table {
    border: 1px solid #ddd !important;
}

.dtac .modal-content .cashback-details .table-bordered>tbody>tr,
.dtac .modal-content .cashback-details table>tbody>tr {
    border-bottom: 1px solid #ddd !important;
}

.dtac .modal-content .cashback-details .table-bordered>tbody>tr:last-child,
.dtac .modal-content .cashback-details table>tbody>tr:last-child {
    border-bottom: none !important;
}

.dtac .modal-content .terms * {
    font-family: Roboto, sans-serif !important;
    font-size: 14px !important;
}

.dtac .dtac-subject:first-child {
    border-top: none;
    padding-top: 0;
}

#loginDtacModal .dtac-bg, #validateDtacModal .dtac-bg {
    width: 100%;
    object-fit: cover;
    object-position: center;
    min-height: 530px;
}

.dtac-header {
    position: absolute;    
    top: 0px;
    right: 19px;
    font-size: 24px;
    color: #222b6b;
}

.dtac-header-img {
    position: absolute;    
    top: 0;
    right: 10px;
    width: 115px;
}

.dtac-header-img-mobile {
    width: 120px;
}

#loginDtacModal .nav-tabs {
    border-bottom: none;
    text-align: center;
}

#loginDtacModal .nav>li {
    float: none;
    display: inline-block;
}

#loginDtacModal .nav>li>a {
    font-size: 16px;
    font-weight: 300;
    padding: 5px;
    width: 80px;
    color: #6f5f5e;
    border: none;
    border-bottom: 2px solid transparent;
    padding-bottom: 0;
    transition: all .3s;
}

#loginDtacModal .nav>li>a:focus, #loginDtacModal .nav>li>a:hover {
    text-decoration: none;
    background-color: transparent;
}

#loginDtacModal .nav-tabs>li.active>a {
    border: none;
    border-bottom: 2px solid #4595d1;
    background: transparent;
}

#loginDtacModal form.login {
    display: block;
}

#loginDtacModal .form-inline .form-group {
    margin-bottom: 13px;
    max-width: 394px;
    display: block;
    margin: 0 auto;
    overflow: visible !important;
}

#loginDtacModal .indent.form-control {
    background: transparent;
}

#loginDtacModal .button {
    height: 34px;
    font-size: 16px;
    width: 394px;
    margin: 0;
    margin-top: 10px;
    display: inline-block;
    color: #6f5f5e;
}

#loginDtacModal .button.blue-btn {
    margin-top: 20px;
    color: #fff;
}

#loginDtacModal .alert {
    font-size: 13px;
    padding: 4px 15px;
    display: inline-block;
    margin: 0;
    margin-top: 5px;
}

.dtac-modal-content {
    position: absolute;
    z-index: 99;
    width: 100%;
    top: 4%;
    text-align: center;
    color: #fff;
}

.dtac-modal-content .dtac-title {
    font-size: 80px;
    margin: 0;
    line-height: 1.4;
}

.dtac-modal-content .dtac-title img {
    width: 155px;
    padding-bottom: 22px;
}

.dtac-modal-content .dtac-sub {
    font-size: 31px;
    margin: 0;
    line-height: 1.4;
    margin-bottom: 10px;
}

#validateDtacModal .dtac-modal-content .dtac-sub {
    margin-bottom: 20px;
}

.dtac-modal-content .dtac-sub span {
    color: #E9192E;
    border-bottom: 2px solid #f6d507;
}

.dtac-modal-content .dtac-sub b {
    color: #E9192E;
    border-bottom: 2px solid #f6d507;
    font-size: 38px;
}


.dtac-modal-content .dtac-label {
    font-size: 16px;
    color: #fff;
    display: inline-block;
    text-align: center;
}

.dtac-input {
    padding-top: 0px;
    margin-bottom: 20px;
}

#validateDtacModal .dtac-input {
    margin-bottom: 52px;
}

.dtac-info {
    position: absolute;
    bottom: 85px;
    font-size: 11px;
    color: #333;
    text-align: left;
    padding: 0 20px;
    z-index: 10;

    bottom: 1% !important;
    width: auto !important;
}

.dtac-box-info {
    font-size: 14px !important;
    text-align: left;
    width: 63%;
    margin: 5px auto;
}

.logo-partner {
    position: absolute;
    top: 34%;
    left: 14%;
}

.logo-partner img {
    width: 100%;
}

.dtac-input input {
    display: block;
    margin: 0 auto;
    margin-top: 10px;
    border: 1px solid #fff !important;
    border-radius: 3px !important;
    padding: 5px 20px;
    max-width: 365px;
    width: 100% !important;
    color: grey;
    box-shadow: 2px 2px 5px 2px rgba(0, 0, 0, 0.2);
    transition: all .3s;
}

.dtac-input input:focus {
    box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.2);
}

.dtac-input .blue-btn {
    margin: 0 auto;
    width: 450px;
    border: none;
}

.dtac-input button {
    display: block;
    margin: 15px auto;
    font-size: 16px;
    color: #fff !important;
    width: 365px;
    border: 1px solid #ec0e69;
    background: #ec0e69;
    border-radius: 5px;
    padding: 4px 20px;
    transition: all .3s;
    /* box-shadow: 2px 2px 5px 2px rgba(0, 0, 0, 0.2); */
}

.dtac-input button:hover {
    /* box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.2); */
}

.dtac-card-bottom {
    position: absolute;
    bottom: 0;
    width: 100%;
}

.dtac-card-bottom .store-list {
    background: #fff;
    padding: 10px;
    text-align: center;
}

.dtac-card-bottom .store-list img {
    padding: 0;
    margin: 0;
    width: 133px;
    height: auto;
}

.dtac-card-bottom .store-list img:last-child {
    border-right: none;
}

.dtac-card-bottom div img {
    height: 40px;
    margin-right: 20px;
}

.dtac-card-bottom div img:last-child {
    margin-right: 0;
}

.dtac-card-bottom .dtac-card {
    position: absolute;
    bottom: 0;
    left: 0;
    width:  80%;
}

.dtac-card-bottom .dtac-dealcha-logo {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 360px;
}

.dtac-warn {
    border-left: 150px solid transparent;
    border-top: 150px solid #F95558;
    height: 0;
    position: absolute;
    right: 14px;
    top: 20px;
    width: 0;
    z-index: 9;
}

.dtac-soon {
    position: absolute;
    top: 45px;
    right: 18px;
    color: #fff;
    font-size: 14px;
    z-index: 10;
    width: 90px;
    text-align: center;
}

.dtac-terms .tc {
    font-size: 18px;
    /* text-decoration: underline; */
    display: inline-block;
    border-bottom: 1px solid #495057;
}

#loginDtacModal, #validateDtacModal {
    padding-right: 0px !important;
}

#loginDtacModal .modal-lg, #validateDtacModal .modal-lg {
    width: 600px;
    max-width: 600px;
}

@media screen and (max-width: 1199px) {
    .dtac-warn {
        border-left: 130px solid transparent;
        border-top: 130px solid #F95558;
        right: 15px;
    }

    .dtac-warn {
        right: 95px;
    }

    .dtac-soon {
        right: 105px;
    }
}

@media (max-width: 1110px) {
    #loginDtacModal .modal-lg, #validateDtacModal .modal-lg {
        width: 98%;
    }

    .dtac-info {
        width: 500px;
    }

    .dtac-card-bottom .store-list img {
        width: 118px;
    }
}


@media screen and (max-width: 1010px) {
    .dtac-card-bottom .store-list img {
        width: 20%;
    }

    .dtac-info {
        width: 400px;
    }

    .logo-partner {
        left: 0;
    }
}

@media screen and (max-width: 920px) {

    .dtac-card-bottom div img {
        height: 30px;
    }

    .dtac-info {
        width: 330px;
    }

    .dtac-box-info {
        width: 80%;
    }
}

@media screen and (max-width: 845px) {

    .dtac-card-bottom div img {
        height: 30px;
    }

    .dtac-card-bottom div img {
        height: 25px;
    }
}

@media screen and (max-width: 768px) {
    #loginDtacModal .hidden-xs {
        display: inherit;
    }
}

@media screen and (max-width: 767px) {
    
    #validateDtacModal .dtac-bg {
        min-height: 450px;
    }

    #validateDtacModal .dtac-input {
        margin-bottom: 30px;
    }

    .logo-partner {
        top: unset;
        bottom: 5% !important;
        width: 100%;
        text-align: center;
    }

    #validateDtacModal .logo-partner {
        bottom: 1% !important;
    }

    .dtac-box-info {
        width: 95%;
    }
    
    .logo-partner img {
        width: 250px;
        margin: 0 auto;
    }

    .dtac-info {
        bottom: 85px;
        width: auto;
        padding: 10px 20px;
        z-index: 10;
        bottom: 0 !important;
        width: 100% !important;
        background-color: #ffffff;
        box-shadow: 0 0 5px 3px #eaeaea;
    }

    .dtac-card-bottom {
        height: auto;
    }

    .dtac-card-bottom .store-list img {
        width: 11%;
    }

    .dtac-modal-content {
        top: 3%;
        padding: 0 10px;
    }

    .dtac .dtac-item img {
        max-width: 800px;
    }

    .dtac .title {
        font-size: 20px;
    }

    .dtac .dtac-item .btn-dtac,
    .dtac .dtac-item .btn-dtac-mobile {
        padding: 5px;
        font-size: 12px;
    }

    .dtac .dtac-item a {
        margin-top: 5px;
    }

    .dtac .dtac-item .btn-dtac-mobile.date_2 {
        bottom: 3px;
        right: 35%;
    }

    .dtac-warn {
        top: 5px;
        right: 15px;
    }

    .dtac-soon {
        right: 20px;
        top: 15px;
    }

    .pn .pn-store {
        padding: 0 20px;
    }

    .pn .pn-store .store-wraps {
        padding: 5px;
    }

    .dtac .dtac-terms {
        padding: 15px;
    }
}

@media screen and (max-width: 690px) {    

    .dtac-header {
        font-size: 16px;
    }

    .dtac .nav-tabs>li.active:before {
        /* display: none; */
    }

    .dtac .nav-tabs {
        white-space: nowrap;
        overflow-x: scroll;
    }
}

@media screen and (max-width: 520px) {
    .dtac-input input, .dtac-input button, .dtac-input .blue-btn {
        width: 90% !important;
        max-width: 500px;
    }

    .dtac-header {
        font-size: 16px;
    }

    #loginDtacModal .modal-dialog, #validateDtacModal .modal-dialog {
        width: 95%;
    }    

    .dtac-modal-content .dtac-sub {
        font-size: 20px;
    }

    .dtac-modal-content .dtac-title {
        font-size: 45px;
    }

    .dtac-modal-content .dtac-title img {
        width: 100px;
    }

    .dtac-info {
        font-size: 11px;
    }

    .dtac-modal-content .dtac-label {
        font-size: 18px;
    }

    .dtac-input button {
        font-size: 18px;
    }

    .dtac-logo-bottom img, .dtac-logo-bottom img:nth-child(2) {
        width: 25%;
    }

    #loginDtacModal .form-inline .form-group {
        margin-bottom: 0px !important;
    }
}

@media screen and (max-width: 470px) {
    #validateDtacModal .dtac-modal-content .dtac-sub {
        margin-bottom: 15px;
    }

    .dtac-header {
        font-size: 13px;
    }

    .dtac-modal-content .dtac-label {
        font-size: 15px;
    }

    .dtac .title {
        padding: 5px;
    }
    
    .dtac-wraper .col-xs-6, .dtac-wraper .col-xs-12 {
        padding: 0 5px;
    }

    .dtac-card-bottom .store-list img {
        width: 24%;
    }

    .dtac-warn {
        right: 5px;
        border-left: 90px solid transparent;
        border-top: 90px solid #F95558;
    }

    .dtac-soon {
        right: 10px;
        top: 10px;
        font-size: 10px;
        width: 60px;
    }
}

@media screen and (max-width: 400px) {
    .dtac-header {
        font-size: 13px;
    }

    .dtac-logo-bottom {
        bottom: 15px;
    }

    .dtac .dtac-item .btn-dtac-mobile {
        padding: 3px;
        font-size: 10px;
    }

    .dtac-warn {
        border-top: 60px solid #F95558;
    }

    .dtac-soon {
        right: 8px;
        top: 6px;
    }
}

@media screen and (max-width: 370px) {
    .logo-partner {
        bottom: 9% !important;
    }

    .dtac-header {
        font-size: 10px;
        margin-top: 27px;
    }
    
    .dtac-modal-content .dtac-sub {
        font-size: 20px;
    }

    .dtac-modal-content .dtac-title {
        font-size: 45px;
    }

    .dtac-modal-content .dtac-title img {
        width: 100px;
    }

    .dtac-modal-content .dtac-label {
        font-size: 14px;
    }

    .dtac-card-bottom div img {
        margin-right: 7px;
    }

    .dtac-card-bottom .store-list img {
        width: 20%;
    }
}
/* END: Dtac */

/* Start: Deal Days */
.page-dealdays .body {
    background: #EEEEEE;
}

.dealdays {
    margin: 10px 0;
    background: #fff;
    border-radius: 3px;
    overflow: hidden;
    box-shadow: 0 0 5px 0 #ddd;
}

.dealdays .disabled {
    pointer-events: none;
}

.dealdays-title {
    padding: 10px 20px;
    text-align: center;
}

.dealdays-title p:first-child {
    font-size: 20px;
    margin: 10px 0;
}

.dealdays .tab-content {
    padding: 20px;
    padding-top: 0;
    padding-bottom: 0;
    background: #f5f5f5;
}

.dealdays .store-wrap {
    background-color: #fff;
    border-radius: 8px;
    margin-bottom: 10px;
    box-shadow: 0 2px 4px 0 #E0E8F3;
    overflow: hidden;
}

.dealdays .store-wrap .img-wrap {
    padding: 10px;
    text-align: center;
    height: 70px;
}

.dealdays .row {
    padding: 0 10px;
}

.dealdays .store-wraps {
    padding: 10px;
}

.dealdays .store-wraps img {
    opacity: 1;
    cursor: pointer;
    transition: all .2s;
}

.dealdays .store-wraps img:hover {
    opacity: .8;
}

.dealdays .store-wrap img {
    width: 100%;
    max-width: 225px;
    max-height: 60px;
    object-fit: contain;
}

.dealdays .store-wrap .store-cashback {
    padding: 7px 5px;
    font-size: 14px;
    color: #4794d0;
    text-align: center;
    border-top: 1px solid #f2f7fe;
    white-space: nowrap;
}

.dealdays .store-cashback-original {
    font-size: 12px;
    text-align: center;
    margin-bottom: 10px;
}

.dealdays .cashback-details .table-bordered, 
.dealdays .cashback-details .table-bordered>tbody>tr>td, 
.dealdays .cashback-details table, 
.dealdays .cashback-details table>tbody>tr>td {
    border: none !important;
}

.dealdays .cashback-details .table-bordered, 
.dealdays .cashback-details table {
    border: 1px solid #ddd !important;
}

.dealdays .cashback-details .table-bordered>tbody>tr,
.dealdays .cashback-details table>tbody>tr {
    border-bottom: 1px solid #ddd !important;
}

.dealdays .cashback-details .table-bordered>tbody>tr:last-child,
.dealdays .cashback-details table>tbody>tr:last-child {
    border-bottom: none !important;
}

.dealdays .terms * {
    font-family: Roboto, sans-serif !important;
    font-size: 14px !important;
}

.dealdays-ads {
    text-align: center;
    padding: 0 20px;
    margin-bottom: 20px;
}

.dealdays-ads img.hidden-xs {
    max-width: 670px;
}

.dealdays-ads img.visible-xs {
    max-width: 250px;
    margin: 0 auto;
}

.dealdays-content {
    padding: 10px 20px;
    padding-top: 0;
    background-color: #fff;
}

.dealdays-content .tag-content h2 {
    font-size: 16px;
    font-weight: bold;
}

.dealdays-content .tag-content .ac-panel h3 {
    color: grey;
    cursor: pointer;
    padding: 0 0 0px;
    margin: 0;
    width: 100%;
    text-align: left;
    outline: none;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.4;
    transition: 0.4s;
    padding-left: 18px;
}

.dealdays-content .tag-content .ac-panel .ac-tab {
    padding-left: 18px;
    color: grey;
    margin-bottom: 15px;
}

.dealdays-content .tag-content .title {
    font-weight: bold;
}

.dealdays-content.special .tag-content h2 {
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    border-radius: 8px;
}

.dealdays-content.special .tag-content .accordion:after {
    color: #fff;
}

.dealdays-content.special .tag-content .accordion.first:after {
    color: grey;
}

.dealdays-content.special .tag-content .ac-main .number {
    width: 36px;
    height: 59px;
    border: none;
    color: #fff;
    top: 0px;
    border-radius: 8px;
    padding-top: 13px;
    z-index: 9;
}

.dealdays-content.special .tag-content .ac-main {
    margin-top: 5px;
}

.dealdays .modal-title {
    font-size: 16px;
}

.dealdays .modal-footer .btn-primary {
    /* background-color: #e74d3c;
    border-color: #e74d3c; */
    background-color: #4595d1;
    border-color: #4595d1;
    width: 100%;
}

.dealdays .modal-header {
    border-bottom: none;
    background-color: #4595D1;
    color: #fff;
    border-radius: 5px 5px 0 0;
}

.dealdays .modal-header .shop-now {
    position: absolute;
    top: 9px;
    right: 50px;
    padding: 5px 10px;
    border: 1px solid #fff;
    border-radius: 4px;
    cursor: pointer;
}

.dealdays img {
    width: 100%;
}

.dealdays .nav-tabs {
    border-bottom: none;
    text-align: center;
    background: #f5f5f5;
    padding: 5px;
    margin-top: 5px;
}

.dealdays .nav>li {
    float: none;
    display: inline-block;
    position:relative;
}

.dealdays .nav>li>a {
    font-size: 16px;
    font-weight: 300;
    padding: 5px;
    color: #6d6e71;
    border: none;
    transition: all .3s;
}

.dealdays .nav>li>a>img {
    max-width: 150px;
    filter: brightness(40%);
}

.dealdays.payday .nav>li>a>img {
    max-width: 257px;
    border-radius: 10px;
}

.dealdays.payday .nav>li>a {
    padding: 7px;
}

.dealdays.payday .nav-tabs {
    margin-top: 7px;
}

.dealdays.payday .text-red {
    color: #e61316;
}

.dealdays .nav-tabs>li.active>a {
    border: none;
    color: #00a5e4;
    background: transparent;
}

.dealdays .nav-tabs>li.active>a img {
    filter: brightness(100%);
}

.dealdays-deal {
    background-color: #f4f5f4;
    padding: 15px 0;
}

.dealdays-deal a {
    text-decoration: none;
}

.dealdays-deal .title,
.dealdays-subject {
    font-size: 20px;
    padding-left: 5px;
    white-space: nowrap;
}

.dealdays-deal .title *,
.dealdays-subject * {
    display: inline-block;
}

.dealdays-deal .title img,
.dealdays-subject img {
    width: 25px;
} 

.dealdays .bonus-info {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 145px;
    width: 99%;
    text-align: center;
    border-radius: 20px;
    overflow: hidden;
    padding-top: 30px;
    margin: 0 auto;
    margin-top: 10px;
    cursor: pointer;
    opacity: 1;
    transition: all .2s;
}

.dealdays .bonus-info:hover {
    opacity: 0.9;
}

.dealdays .bonus-info .label-1 {
    font-size: 36px;
    font-weight: bold;
    color: #c41f38;
    margin-bottom: 0;
}

.dealdays .bonus-info .label-2 {
    font-size: 20px;
    font-weight: bold;
    color: #69622c;
}

.dealdays-content [onClick] {
    color: #337ab7;
    cursor: pointer;
}

.dealdays.payday .banner {
    position: relative;
}

.dealdays.payday .banner div {
    position: absolute;
    top: 50%;
    width: 100%;
    text-align: center;
    z-index: 10;
    font-size: 24px;
    font-weight: bold;
    color: #fded00;
    letter-spacing: 1px;
}

.deal-app {
    padding: 0 10px;
}

.deal-app a {
    text-decoration: none;
}

.deal-app .item-wrap {
    padding: 10px;
}

.deal-app .deal-wrap {
    background-color: #fff;
    border-radius: 8px;
    -webkit-box-shadow: 0 2px 4px 0 #E0E8F3;
    box-shadow: 0 2px 4px 0 #E0E8F3;
    overflow: hidden;
}

.deal-app .deal-wrap .first {
    position: relative;
}

.deal-app .deal-wrap .first .img-wrap {
    text-align: center;
    /* min-height: 164px; */
    /* height: 164px; */
    /* height: 288px; */
}

.deal-app .deal-wrap .first .img-wrap img {
    width: 100%;
    /* max-height: 140px; */
    max-height: 260px;
    object-fit: contain;
}

.deal-app .deal-wrap .first .deal-price {
    position: absolute;
    bottom: 25px;
    width: 100%;
    text-align: center;
    overflow: hidden;
}

.deal-app .deal-wrap .first .deal-price span {
    font-size: 14px;
    color: #061D28;
    background-color: #F8CA3D;
    padding: 2px;
    margin: 0 auto;
    display: block;
    width: 70px;
    border-radius: 8px 8px 0 0;
    -webkit-box-shadow: 0 -1px 5px 0 rgba(0, 0, 0, 0.4);
    box-shadow: 0 -1px 5px 0 rgba(0, 0, 0, 0.4);
}

.deal-app .deal-wrap .first .deal-cashback {
    padding: 5px;
    font-size: 14px;
    color: #fff;
    /* background-color: rgba(71, 148, 208, 0.9); */
    background-color: #4d9fd8;
    width: 100%;
    height: 30px;
    text-align: center;
    position: absolute;
    bottom: 0;
}

.deal-app .deal-wrap .secound .img-wrap {
    padding: 5px;
    text-align: center;
    height: 55px;
}

.deal-app .deal-wrap .secound .img-wrap img {
    width: 100%;
    max-width: 100px;
    max-height: 50px;
    -o-object-fit: contain;
    object-fit: contain;
}

.deal-app .deal-wrap .secound .deal-title {
    padding: 5px 10px 0 10px;
    margin-bottom: 15px;
    font-size: 12px;
    color: #0c2635;
    height: 37px;
    line-height: 1.4;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
}

@media screen and (max-width: 1199px) {
    .deal-app .deal-wrap .first .img-wrap {
        /* height: 133px; */
    }

    .dealdays.payday .nav>li>a>img {
        max-width: 209px;
    }

    .dealdays.payday .banner div {
        font-size: 20px;
    }
}

@media screen and (max-width: 991px) {
    .dealdays .nav>li>a>img {
        max-width: 100px;
    }

    .deal-app .deal-wrap .first .img-wrap {
        /* height: 134px; */
        height: auto;
    }

    .deal-app .deal-wrap .first .img-wrap img {
        max-height: 500px;
    }

    .desktop-head .menu nav > ul.login {
        margin-top: 5px;
    }

    .desktop-head .menu nav > ul.login .visible-sm {
        display: inline-block !important;
    }

    .dealdays.payday .nav>li>a>img {
        max-width: 153px;
    }

    .dealdays.payday .banner div {
        font-size: 18px;
    }
}

@media screen and (max-width: 767px) {
    .desktop-head .menu nav > ul.login .visible-sm {
        display: none !important;
    }

    .deal-app .deal-wrap .first .img-wrap img {
        max-height: none;
    }

    .deal-app .deal-wrap .first .img-wrap {
        height: auto;
    }

    .deal-app .deal-wrap .first .deal-cashback {
        bottom: -25px;
    }

    .deal-app .deal-wrap .first .deal-price {
        bottom: 0;
    }

    .deal-app .deal-wrap .secound .img-wrap {
        margin-top: 25px;
    }

    .tag-content .ac-panel {
        padding: 0 35px;
        padding-left: 40px;
    }

    .dealdays-content.special .tag-content h2 {
        font-size: 14px;
        height: 59px;
    }

    .dealdays-content.special .tag-content .ac-panel {
        padding: 0 40px;
        padding-left: 40px;
    }

    .dealdays-content.special .tag-content .ac-main .number {
        height: 59px;
        padding-top: 16px;
    }

    .dealdays-content.special .tag-content .xs-pt-20 {
        padding-top: 20px;
    }

    .dealdays-content.special .tag-content .accordion:after {
        position: absolute;
        top: 35%;
        right: 15px;
    }

    .dealdays .modal-footer .btn-primary {
        width: 100%;
    }

    .dealdays.payday .nav>li>a {
        padding: 3px;
    }

    .dealdays.payday .banner div {
        top: 48%;
        font-size: 12px;
    }
}

@media screen and (max-width: 690px) {
    .dealdays .nav-tabs {
        white-space: nowrap;
        overflow-x: scroll;
    }

    .dealdays .store-wrap {
        margin: 0 -5px;
        margin-bottom: 10px;
    }

    .dealdays .store-wrap .img-wrap {
        height: 60px;
    }

    .dealdays .store-wrap img {
        max-height: 50px;
    }

    .dealdays .store-cashback-original {
        font-size: 10px;
        margin-bottom: 5px;
    }

    .dealdays .store-wrap .store-cashback {
        font-size: 12px;
    }

    .dealdays .nav>li>a>img {
        max-width: 95px;
    }

    .dealdays .row {
        padding: 0 5px;
    }

    .dealdays .store-wraps {
        padding: 5px;
    }

    .dealdays .bonus-info {
        background-position: right;
        width: 103%;
        height: 130px;
        margin-top: 5px;
        margin-left: -5px;
    }

    .dealdays .bonus-info .label-1 {
        font-size: 28px;
    }

    .dealdays .bonus-info .label-2 {
        font-size: 12px;
    }
}

@media screen and (max-width: 320px) {
    .dealdays .bonus-info {
        height: 110px;
    }

    .dealdays .bonus-info .label-1 {
        font-size: 22px;
    }

    .dealdays .bonus-info .label-2 {
        font-size: 12px;
    }

    .dealdays-content.special .tag-content h2 {
        font-size: 13px;
    }

    .dealdays-content.special .tag-content .xs-pt-20 {
        padding-top: 10px;
    }

    .dealdays.payday .banner div {
        font-size: 11px;
    }
}
/* END: Deal Days */

/* START: new main menu */
.main-menu {
    display: block;
    padding-top: 10px;
}

.mobile-head .container {
    box-shadow: 0 3px 5px rgba(90, 90, 90, .1);
}

.main-menu ul {
    margin: 0;
    padding: 0;
    text-align: center;
}

.main-menu ul li {
    list-style: none;
    display: inline-block;
    padding: 0 10px;
    border-bottom: 2px solid transparent;
    transition: all .3s;
}

.main-menu ul li:hover, .main-menu ul li.active {
    border-bottom: 2px solid #0cf;
}

.main-menu ul li a {
    color: #333;
    font-size: 16px;
    text-decoration: none;
}

.main-menu ul li:hover a, .main-menu ul li.active  a {
    color: #4595d1;
}

.main-menu ul li:nth-child(1) a {
    color: #06c;
}

.main-menu ul li:nth-child(2) a {
    color: #f1c20f;
}

.main-menu ul li:nth-child(3) a {
    color: #8dc63f;
}

.main-menu ul li:nth-child(4) a {
    color: #ff6a67;
}

/* END: new main menu */

/* START: new deals design */
.deals {
    padding: 0;
    width: 100% !important;
}

.deals .deal {
    padding: 0 5px !important;
}

.deals .deal .item-wrapper {
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 10px;
    margin-bottom: 10px;
}

.page-home .deals .deal .item-wrapper {
    margin-bottom: 2px;
}

.deals .deal a, .deals .deal a:hover {
    color: #333 !important;
    text-decoration: none;
}

.deals .deal .social a:hover,
.deals .deal .social a.vote-promo {
    color: #4595d1 !important;
}

.deals .deal .social ul {
    border: 1px solid #ddd;
    border-radius: 10px;
}

/* .deals .deal .image-wrapper {
    text-align: center;
    min-height: 150px;
    overflow: hidden;
}

.deals .deal .image-wrapper img {
    max-height: 150px;
    object-fit: contain;
    object-position: center;
    height: 150px;
    width: 100% !important;
} */

.deals .deal .image-wrapper {
    text-align: center;
    min-height: 143px;
    overflow: hidden;
}

.page-deals .deals .deal .image-wrapper {
    min-height: 92px;
}

.deals .deal .image-wrapper img {
    max-height: 150px;
    object-fit: contain;
    object-position: center;
    height: 143px;
    width: 100% !important;
    border-radius: 10px 10px 0 0;
}

.page-deals .deals .deal .image-wrapper img {
    height: 92px;
}

.deals .deal .item-wrapper .off {
    text-align: center;
    position: absolute;
    right: 10px;
    top: 5px;
    background: #F95558;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 1px dashed #fff;
    color: #fff;
    padding-top: 6px;
}

.deals .deal .item-wrapper .price {
    width: 100%;
    min-height: 24px;
    text-align: center;    
    margin-top: -24px;
}

.deals .deal .item-wrapper .price .cash {
    background: #f1d10c;
    color: #333;
    border-radius: 10px 10px 0 0;
    padding: 0 5px;
    width: 90px;
    display: inline-block;
}

.deals .deal .item-wrapper .cash-back {
    background: #5899d0;
    color: #fff;
    font-size: 14px;
    text-align: center;
}

.deals .deal .item-wrapper .store {
    text-align: center; 
}

.deals .deal .item-wrapper .store img {
    /* width: 100px; */
    height: 35px;
    margin: 3px 0;
}

.deals .deal .item-wrapper .title {
    font-size: 14px;
    padding: 0 5px;    
    text-align: center;
    height: 40px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

@media screen and (max-width: 1199px) {
    .page-deals .body .container > .right .deals {
        padding: 20px 10px 23px 10px;
    }

    .deals .deal .image-wrapper {
        min-height: 158px;
    }

    .deals .deal .image-wrapper img {
        max-height: 158px;
        height: 158px;
    }

    .page-deals .deals .deal .image-wrapper {
        min-height: 79px;
    }

    .page-deals .deals .deal .image-wrapper img {
        height: 79px;
    }
}

@media screen and (max-width: 800px) {
    .page-deals .deals .deal .image-wrapper img {
        height: 113px;
    }
}

@media screen and (max-width: 991px) {
    .deals .deal .image-wrapper {
        min-height: 121px;
    }

    .deals .deal .image-wrapper img {
        height: 121px;
    }
}

@media screen and (max-width: 767px) {
    .deals .deal .image-wrapper {
        min-height: 0;
    }

    .deals .deal .image-wrapper img {
        max-height: 150px;        
        height: 92px;
    }

    .page-deals .deals .deal .image-wrapper {
        min-height: 0;
    }

    .page-deals .deals .deal .image-wrapper img {
        max-height: 160px;
        /* height: 100%; */
    }
}

@media screen and (max-width: 414px) {
    .page-deals .deals .deal .image-wrapper {
        min-height: 83px;
    }

    .page-deals .deals .deal .image-wrapper img {
        height: 83px;
    }
}

@media screen and (max-width: 375px) {
    .page-home .first .deals .deal,
    .page-home .second .deals .deal {
        width: 100%;
    }

    .deals .deal .image-wrapper img {
        max-height: 173px;
    }

    .page-deals .deals .deal .image-wrapper {
        min-height: 74px;
    }

    .page-deals .deals .deal .image-wrapper img {
        height: 74px;
    }
}

/* END: new deals design */

/* START: about & how it work */
.page-how-it-work .body {
    background: #EEEEEE;
}

.page-how-it-work .how-it-work {
    margin: 10px 0;
    background: #fff;
    border-radius: 3px;
    overflow: hidden;
    box-shadow: 0 0 5px 0 #ddd;
}

.how-it-work img {
    width: 100%;
}

.page-how-it-work .how-it-work .nav-tabs {
    border-bottom: none;
    text-align: center;
    background: #f5f5f5;
    padding: 5px;    
}

.page-how-it-work .how-it-work .nav>li {
    float: none;
    display: inline-block;
    position:relative;
}

.page-how-it-work .how-it-work .nav>li>a {
    font-family: Roboto, sans-serif;
    font-size: 16px;
    font-weight: 300;
    padding: 5px;
    margin-right: 15px;
    color: #40485a;
    border: none;
    transition: all .3s;
}

.page-how-it-work .how-it-work .nav>li>a:hover {
    background-color: transparent;
}

.page-how-it-work .how-it-work .nav-tabs>li.active>a {
    border: none;
    color: #00a5e4;
    background: transparent;
}

.page-how-it-work .how-it-work .nav-tabs>li.active:before {
    content:"\A";
    border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 15px solid #fff;
    position: absolute;
    bottom: -7px;
    left: 50%;
    transform: translateX(-98%);
}

.page-how-it-work .tab-content {
    margin-top: 10px;
    padding: 0 20px;
}

.page-how-it-work .tab-content .title {
    font-size: 24px;
    font-weight: bold;
    color: #40485a;
    text-align: center;
}

.page-how-it-work .tab-content .step {
    display: block;
    width: 100%;
    text-align: center;
}

.page-how-it-work .tab-content .step-wrap {
    display: inline-block;
    text-align: center;
    width: 19%;
    padding: 10px 15px;
    cursor: pointer;
}

.page-how-it-work .tab-content .step-wrap .icon-wrap {
    position: relative;
    border-radius: 8px;
    box-shadow: 0 0 5px 2px #eee;
    transition: all .3s;
}

.page-how-it-work .tab-content .step-wrap .icon-wrap:hover {
    box-shadow: 0 0 5px 3px #eee;
}

.page-how-it-work .tab-content .step-wrap .icon-wrap img {
    width: 80px;
    padding: 55px 0;
}

.page-how-it-work .tab-content .step-wrap .icon-wrap .step-count {
    position: absolute;
    top: 5px;
    left: 5px;
    width: 25px;
    height: 25px;    
    border-radius: 50%;
    line-height: 1.8;
    color: #fff;
    background-color: #94d6ea;
}

.page-how-it-work .tab-content .step-wrap .step-title {
    font-size: 16px;
    color: #939598;
    margin: 10px 0 0 0;
    white-space: nowrap;
}

.page-how-it-work .tab-content .step-wrap .sub-title {
    font-size: 12px;
    color: #939598;
    white-space: nowrap;
}

.page-how-it-work .tab-content .btn-register {
    display: inline-block;
    font-size: 20px;
    color: #fff;
    background-color: #4595d3;
    padding: 10px 30px;
    margin: 10px;
    border-radius: 8px;
    text-decoration: none;
    cursor: pointer;
}

.page-how-it-work .tab-content h1.title {
    font-size: 20px;
    color: #40485a;
    text-align: left;
    line-height: 1.5;
}

.page-how-it-work .tab-content p.content {
    color: #495057;
}

.page-how-it-work .tab-content .img-hiw {
    display: block;
    width: 100%;
    height: auto;
    margin: 10px auto;
    max-width: 700px;
}

.page-how-it-work .tab-content .ac-main .number {
    border: 1px solid #4595d3;
    background-color: #4595d3;
    color: #fff;
}

.page-how-it-work .tab-content .original .ac-main .number {
    border: 1px solid #ececec;
    background-color: inherit;
    color: inherit;
}

.underline {
    text-decoration: underline;
}

/* youtube video embed responsive */
.video-wrap {
    width: 80%;
    max-width: 640px;
    margin: 0 auto;
}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; 
    height: 0; 
    overflow: hidden;
}
    
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.page-about-us .about-us {
    padding: 20px 0;
}

.page-about-us .about-us img {
    display: block;
    width: 100%;
    height: auto;
    margin: 10px auto;
    max-width: 700px;
}

.how-it-work-3-step .row {
    margin: 0 0 5px;
}

.how-it-work-3-step a {
    color: #333;
    text-decoration: none;
}

.how-it-work-3-step .img-container {
    background: #fff;
    padding: 0;
    padding-left: 8px;
    width: 24%;
}

.page-visa .how-it-work-3-step .img-container,
.page-true .how-it-work-3-step .img-container,
.page-dtac .how-it-work-3-step .img-container,
.page-ktc .how-it-work-3-step .img-container,
.page-krungsri .how-it-work-3-step .img-container {
    text-align: right;
}

.page-visa .how-it-work-3-step,
.page-true .how-it-work-3-step,
.page-dtac .how-it-work-3-step,
.page-ktc .how-it-work-3-step,
.page-krungsri .how-it-work-3-step {
    font-family: Roboto, sans-serif;
    padding-bottom: 10px;
}

.visa h1.title,
.true h1.title,
.dtac h1.title,
.ktc h1.title,
.krungsri h1.title {
    font-family: Roboto, sans-serif;
    font-size: 20px;
    padding: 14px;
    font-weight: bold;
}

.page-visa .how-it-work-3-step .detail,
.page-true .how-it-work-3-step .detail,
.page-dtac .how-it-work-3-step .detail,
.page-ktc .how-it-work-3-step .detail,
.page-krungsri .how-it-work-3-step .detail {
    font-size: 14px;
}

.page-krungsri .how-it-work-3-step .title {
    color: #dc202c;
}

.page-visa .how-it-work-3-step .row,
.page-true .how-it-work-3-step .row,
.page-dtac .how-it-work-3-step .row,
.page-ktc .how-it-work-3-step .row,
.page-krungsri .how-it-work-3-step .row {
    margin-top: 10px;
}

.page-visa .how-it-work-3-step a,
.page-ktc .how-it-work-3-step a {
    font-size: 16px;
}

.page-visa .how-it-work-3-step p.text-18,
.page-true .how-it-work-3-step p.text-18,
.page-dtac .how-it-work-3-step p.text-18,
.page-ktc .how-it-work-3-step p.text-18,
.page-krungsri .how-it-work-3-step p.text-18 {
    background: #222d6d;
    margin: 0;
    padding: 10px;
}

.page-krungsri .how-it-work-3-step p.text-18 {
    background: #6d5e5d;
}

.page-true .how-it-work-3-step p.text-18 {
    background: #e9212c;
}

.page-dtac .how-it-work-3-step p.text-18 {
    background: #00a5e4;
}

.page-visa .how-it-work-3-step p.text-18 a,
.page-true .how-it-work-3-step p.text-18 a,
.page-dtac .how-it-work-3-step p.text-18 a,
.page-ktc .how-it-work-3-step p.text-18 a,
.page-krungsri .how-it-work-3-step p.text-18 a {
    color: #fff;
    font-size: 20px;
}


.how-it-work-3-step img {
    width: 100%;
    max-width: 35px;
}

.how-it-work-3-step .title,
.how-it-work-3-step .detail {
    display: block;
    white-space: nowrap;
}
.how-it-work-3-step .title {
    font-size: 18px;
    color: #4794d0;
    /* border-bottom: 1px solid #ddd; */
    /* margin-bottom: 7px; */
    background-color: transparent;
    padding: 0;
    text-align: left;
}

@media screen and (max-width: 1199px) {
    .page-how-it-work .tab-content .step-wrap .icon-wrap img {
        padding: 35px 0;
    }
}

@media screen and (max-width: 991px) {
    .page-how-it-work .tab-content .step-wrap .icon-wrap img {
        width: 50px;
        padding: 30px 0;
    }

    .page-how-it-work .tab-content .step-wrap .step-title {
        font-size: 14px;
    }

    .page-how-it-work .tab-content .step-wrap .sub-title {
        font-size: 10px;
    }
}

@media screen and (max-width: 767px) {
    .page-how-it-work .tab-content .step {
        white-space: nowrap;
        overflow-x: scroll;
    }

    .page-how-it-work .tab-content .step-wrap {
        width: 150px;
        padding: 10px;
    }

    .page-how-it-work .tab-content .step-wrap .icon-wrap img {
        padding: 45px 0;
    }

    .page-how-it-work .tab-content .ac-main .number {
        top: 4px;
    }

    .how-it-work-3-step .img-container {
        width: 15%;
        padding: 5px 0;
    }
}

@media screen and (max-width: 644px) {
    .page-how-it-work .how-it-work .nav-tabs {
        white-space: nowrap;
        overflow-x: scroll;
    }

    .page-how-it-work .nav-tabs>li.active:before {
        /* display: none; */
    }

    .page-how-it-work .how-it-work .nav>li>a {
        font-size: 14px;
    }
}

@media screen and (max-width: 414px) {
    .how-it-work-3-step .img-container {
        width: 15%;
        padding: 5px 0;
    }

    .how-it-work-3-step .row {
        padding-left: 5px;
    }

    .page-visa .how-it-work-3-step,
    .page-ktc .how-it-work-3-step,
    .page-krungsri .how-it-work-3-step {
        padding-bottom: 0px;
    }

    .page-visa .how-it-work-3-step .row,
    .page-ktc .how-it-work-3-step .row,
    .page-krungsri .how-it-work-3-step .row {
        margin: 2px 0;
    }

    .page-visa .how-it-work-3-step .row .col-xs-10,
    .page-ktc .how-it-work-3-step .row .col-xs-10,
    .page-krungsri .how-it-work-3-step .row .col-xs-10 {
        padding: 0 5px;
    }
}


/* END: about & how it work */

/* START: campaign page */
.page-auth-signup-campaign .container,
.page-auth-login-campaign .container {
    max-width: 650px;    
}

.auth-campaign-body {
    font-family: Roboto, sans-serif;
    color: #fff;
}

.auth-campaign-body .alert {
    padding: 5px 10px;
    margin-bottom: 10px;
}

.auth-campaign-body .form-horizontal .form-group {
    margin-bottom: 10px;
}

.auth-campaign-body .form-horizontal .terms-input {
    margin-top: -6px;
}

.auth-campaign-body .forgot-pass {
    margin-top: 5px;
    display: block;
}

#terms-modal {
    color: #333;
    z-index: 16000009;
}

#terms-modal .modal-body {
    overflow-y: auto;
    max-height: calc(100vh - 250px);
}

.auth-campaign-body .lets {
    letter-spacing: 0.7px;
}

.auth-campaign-body .title {
    background: rgba(0, 0, 0, 0.5);
    padding: 10px;
}
.auth-campaign-body .form-campaign {
    font-size: 14px;
    background: rgba(0, 0, 0, 0.5);
    padding: 10px;
    margin-top: 20px;
    border-radius: 4px;
}

.auth-campaign-body .form-campaign .form-control {
    border-radius: 4px !important;
}
.auth-campaign-body .form-campaign h2 {
    margin-top: 0;
}

.auth-campaign-body .form-campaign .btn-primary {
    letter-spacing: 0.7px;
}

.campaign-detail .detail-box {
    position: relative;
    /* background: #1c1d26; */
    background: #f5f5f5;
    color: #333;
    width: 80%;
    padding: 20px;
    margin: 0 auto;
    margin-top: -80px;
    border-radius: 4px 4px 0 0;
    -webkit-box-shadow: 0px -2px 10px -3px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px -2px 10px -3px rgba(0,0,0,0.75);
    box-shadow: 0px -2px 10px -3px rgba(0,0,0,0.75);
}

.campaign-detail .detail-box * {
    font-family: Roboto, sans-serif !important;
}

.campaign-detail .detail-box h2 {
    margin-top: 0;
}

.campaign-detail .detail-box img {
    width: 100%;
    max-width: 600px;
    margin-bottom: 10px;
}

div#campaign-description .detail * {
    font-size: 14px !important;
}

div#campaign-description .how-it-work-3-step h3 {
    font-size: 22px !important;
}

.campaign-detail .detail-box button.read-more {
    background: #4595d1;
    border: 2px solid #4595d1;
    font-size: 14px;
    color: #fff;
    padding: 5px 20px;
    text-transform: capitalize;
    border-radius: 4px;
    transition: all .3s;
}

.campaign-detail .detail-box hr {
    border-top: 1px solid #ddd;
}

.campaign-detail .detail-box .how-it-work-3-step img {
    max-width: 100px;
}

.campaign-detail .detail-box .how-it-work-3-step .img-container {
    background: #f5f5f5;
    padding: 0;
}

.campaign-detail .detail-box button.read-more:hover {
    background: transparent;
    color: #4595d1;
}

.campaign-detail .detail-box .how-it-work-3-step .title {
    font-size: 22px !important;
}

@media screen and (max-width: 767px){
    .auth-campaign-body .form-campaign {
        margin-top: 240px;
    }

    .campaign-detail {
        margin-top: 55px;
    }
}

@media screen and (max-width: 414px){
    .campaign-detail .detail-box {
        width: 95%;
    }
}
/* END: campaign page */


/* START: store page */
.bg-well {
    background: #fff;
    margin-top: 5px;
    padding: 10px;
    box-shadow: 0 0 5px 0 #ddd;
    border-radius: 3px;
    overflow: hidden;
}

.page-deals .bg-well,
.page-voucher-code .bg-well,
.page-banner .bg-well,
.page-merchant-promotion .bg-well {
    overflow: inherit;
}

.bg-well:last-child {
    margin-bottom: 10px;
}

.filter-sort {
    position: absolute;
    bottom: 5px;
    right: 5px;
    z-index: 10;
}

.filter-sort .dropdown {
    margin-top: 0;
}

.filter-sort .dropdown button {
    max-width: 160px;
    width: 160px;
    padding: 5px 15px;
    text-align: left;
    font-size: 12px;
    border: none;
    box-shadow: 0 0 5px 0 #ddd;
    border-radius: 3px;
    background: rgba(255, 255, 255, 0.70);
    transition: all .3s;
}

.filter-sort .dropdown button .caret {
    /* float: right;
    margin-top: 7px; */
    position: absolute;
    right: 10px;
}

.page-deals .filter-sort .dropdown button .caret {
    margin-top: 7px;
}

.filter-sort .open>.dropdown-toggle.btn-default {
    background: rgba(255, 255, 255, 0.80);
}

.filter-sort .dropdown .dropdown-menu {
    min-width: 160px;
    width: 160px;
    font-size: 12px;
    border: none;
    box-shadow: 0 0 5px 0 #ddd;
    border-radius: 3px;
}

.filter-sort .dropdown-menu>li>a {
    padding: 3px 12px;
}

.filter-sort .dropdown-backdrop {
    display: none;
}

.page-stores .body, .page-merchant-promotion .body, .page-voucher-code .body {
    font-family: Roboto, sans-serif;
    background: #f5f5f5;
}

.page-store-detail .body {
    font-family: Roboto, sans-serif;
    padding-top: 5px;    
}

.page-store-detail .store-container .detail-left {
    padding: 0 10px 0 0;
}

.page-store-detail a {
    color: inherit;
    text-decoration: none;
}

/* start: pagination */
.page-store-detail .pagin {
    position: absolute;
    bottom: 5px;
    left: 5px;
    width: auto;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.page-store-detail .pagin span.count {
    display: inline-block;
    /* color: #96d9ed;
    border: 1px solid #96d9ed; */
    color: #333;
    border: 1px solid #333;
    padding: 0 15px;
    border-radius: 20px;
}

#page-number-all,
#page-number-hot,
#page-number-promo,
#page-number-code {
    display: inline-block;
}

.page-store-detail .pagin div {
    display: inline-block;
}

.page-store-detail .pagin span.left,
.page-store-detail .pagin span.right,
.page-store-detail .pagin span.number {
    display: inline-block;
    padding: 2px 0 0 5px;
    /* color: #96d9ed;
    border: 1px solid #96d9ed; */
    color: #333;
    border: 1px solid #333;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    cursor: pointer;
    transition: all .3s;
}

.page-store-detail .pagin span.number {
    padding-left: 7px;
    margin-right: 3px;
}

.page-store-detail .pagin span.number:last-child {
    margin-right: 0;
}

.page-store-detail .pagin span.right {
    padding-left: 4px;
}

.page-store-detail .pagin span.left:hover,
.page-store-detail .pagin span.right:hover,
.page-store-detail .pagin span.number.active {
    /* color: #4697dc;
    border: 1px solid #4697dc; */
    color: #333;
    border: 1px solid #333;
}
/* end: pagination */

.no-result img {
    width: 100px;
}

.no-result h4 {
    font-size: 14px;
}

.page-store-detail .store-logo-wrap {
    height: 75px;
}

/* START: rating */
.rating-wrap {
    position: relative;
    text-align: center;
    height: 25px;
}

.rating-wrap select {
    display: none;
}

.rating-wrap .br-wrapper {
    display: inline-block;
}

.rating-wrap .br-theme-fontawesome-stars .br-widget a {
    font-size: 16px;
}

.rating-wrap .br-theme-fontawesome-stars .br-widget a.br-selected:after,
.rating-wrap .br-theme-fontawesome-stars .br-widget a.br-active:after {
    color: #ffcf5f;
}

.avg-wrap {
    display: inline-block;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: .2px;
    color: #babfca;
}

.rating-message {
    display: none;
    position: absolute;
    top: 0;
    right: -70%;
    font-size: 10px;
    padding: 3px 5px;
    background: #fff;
    border: 1px solid #eee;
    box-shadow: 0px 0px 1px 0px #ddd;
    border-radius: 3px;
    opacity: .8;
    z-index: 10;
    transition: all .3s;
}

.rating-message .arrow {
    position: absolute;
    top: 5px;
    left: -5px;
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-right: 5px solid #eee;
}

@media screen and (max-width: 767px) {
    .rating-message {
        top: 20px;
        right: 40px;
    }
}
/* END: rating */

.page-store-detail .store-logo-wrap .store-logo {
    width: 100%;
    max-width: 150px;
    max-height: 75px;
    cursor: pointer;
    object-fit: contain;
}

.text-24 {
    font-size: 24px;
    margin: 10px 0;
}

p.text-24 {
    font-size: 24px;
    margin: 10px 0;
}

p.text-18 {
    font-size: 18px;
    margin: 10px 0;
}

p.text-14 {
    font-size: 14px;
    margin: 10px 0;
}

.text-14 {
    font-size: 14px;
}

.text-20 {
    font-size: 20px;
}
/* for page shop (Dealcha deal) */
.page-store-detail.page-shop .store-logo-wrap .store-logo {
    /* max-width: 200px;
    margin: 12px 0; */
}

.page-store-detail.page-shop .store-cashback {
    display: block;
    text-align: center;
    /* font-size: 14px; */
    color: #4595d1;
    margin-bottom: 5px;
    white-space: nowrap;
}

.page-store-detail.page-shop .btn-shop {
    /* background: #e74d3c; */
    color: #FFFFFF;
    font-size: 14px;
    padding: 5px;
    margin-top: 3px;
    margin-bottom: 5px;
    width: 100%;
    max-width: 200px;
    transition: all .3s;
}

.page-store-detail.page-shop .btn-shop:hover {
    /* background: #e74d3c; */
}

.page-store-detail.page-shop .store-tabs .nav-tabs {
    position: relative;
}

.page-store-detail.page-shop .go-to-cart {
    position: absolute;
    right: 10px;
    top: -5px;
    font-size: 22px;
    color: #fff;
    width: 42px;
    height: 42px;
    padding: 1px;
    border: 2px solid transparent;
    border-radius: 50%;
    box-shadow: 0 0 5px 0 #909090;
    transition: all .3s;
}

.page-store-detail.page-shop .go-to-cart i {
    border: 1px solid transparent;
    border-radius: 50%;
    width: 36px;
    height: 36px;
    padding: 5px;
    background: #4595d3;
    background: linear-gradient(135deg, rgba(132,189,240,1) 0%, rgba(69,149,211,1) 100%);
    transition: all .3s;
}

.page-store-detail .store-cashback-wrap {
    text-align: center;
    margin: 0 -35px;
}

.page-store-detail .store-cashback {
    font-size: 22px;
    color: #4595d1;
    cursor: pointer;
    white-space: nowrap;
}

.page-store-detail .btn-shop {
    background: #3498db;
    color: #FFFFFF;
    font-size: 14px;
    padding: 8px 5px;
    /* margin-top: 20px;
    margin-bottom: 5px; */
    width: 100%;
    max-width: 200px;
    border-radius: 20px;
    transition: all .3s;
}

.page-store-detail .btn-shop.big {
    max-width: 500px;
    margin: 0;
    margin-top: 10px !important;
    border-radius: 0;
    padding: 10px 0;
    font-size: 16px;
}

.page-store-detail .btn-shop:hover {
    background: #2980b9;
}

.page-store-detail .btn-shop.btn-red {
    background: #f8474a;
    margin-top: 3px;
    border-radius: 30px;
}

.page-store-detail .btn-fixed {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 45px;
    line-height: 3;
    font-size: 16px;
    color: #fff;
    text-align: center;
    background-color: #4296d2;
    z-index: 16000003;
    display: none;
}

.page-store-detail .show-xs {
    display: none;
}

.page-store-detail .store-bg {
    font-size: 14px;
    background: #fff;
    padding: 10px;
    margin-bottom: 10px;
    /* border: 1px solid #ddd; */
    box-shadow: 0 0 5px 0 #ddd;
    border-radius: 3px;
}

.page-store-detail .store-banner-cover {
    position: relative;
    overflow: hidden;
    background: #fff;
}

.page-store-detail .store-banner {
    position: relative;
    overflow: hidden;
    /* max-height: 185px;
    min-height: 185px; */
    background: #fff;
}

.page-store-detail .store-banner h1 {
    position: absolute;
    font-size: 18px;
    width: 100%;
    bottom: -11px;
    left: 0;
    color: #eaeaea;
    padding: 13px 22px;
    background-image: linear-gradient(hsla(0, 0%, 100%, 0),#0000008c);
}

.store-info-wrap {
    position: absolute;
    top: 2px;
    left: 0;
    width: 100%;
    text-align: center;
    z-index: 9;
}

.store-info-wrap .store-info {
    width: 295px;
    height: 295px;
    display: inline-block;
    padding: 50px 60px;
    border-radius: 50%;
    box-shadow: 1px 1px 5px 0 #ddd;
}

.page-store-detail .store-banner-cover img {
    width: 100%;
    object-fit: cover;
    object-position: bottom;
    height: 300px;
    opacity: 0.4;
}

.page-store-detail .store-banner img {
    width: 100%;
    /* object-fit: none;
    object-position: center; */
    height: auto;
    max-height: 185px;
}

.page-store-detail .news {
    display: inline-block;
    /* margin: 0 5px; */
    max-width: 290px;
    padding: 5px;
    width: 32%;
}

.cashback-details {
    position: relative;
    /* min-height: 204px;
    max-height: 204px;
    overflow: hidden; */
}

.cashback-details .table-bordered,
.cashback-details table {
    margin-bottom: 0 !important;
    width: 100% !important;
}

.cashback-details .table-bordered,
.cashback-details .table-bordered>tbody>tr>td,
.cashback-details table,
.cashback-details table>tbody>tr>td {
    font-family: Roboto, sans-serif;
    font-size: 14px !important;
    border: none !important;
    background: #fff;
}

.cashback-details .table-bordered>tbody>tr>td:last-child,
.cashback-details table>tbody>tr>td:last-child,
.cashback-details table>tbody>tr>td:last-child * {
    color: red !important;
    text-align: right !important;
}

.read-more-container,
.read-more-container-2 {
    max-height: 200px;
    overflow: hidden;
    position: relative;
    font-size: 14px;
    margin-top: 10px;
}

.read-more-container-2 {
    max-height: 350px;
}

.read-more-container *,
.read-more-container-2 * {
    line-height: 20px;
    font-family: Roboto, sans-serif !important;
    font-size: 14px !important;
    color: #7e828a !important;
}

.read-more-container img,
.read-more-container-2 img {
    max-width: 100%;
}

.read-more-container.read-overlay::after,
.read-more-container-2.read-overlay::after,
.cashback-details.read-overlay::after {
    position: absolute;
    bottom: 0;
    left: 0;
    background-image: linear-gradient(hsla(0,0%,100%,.2),#fff);    
    content: "";
    display: block;
    height: 100px;    
    width: 100%;
}

.btn-read-more,
.btn-read-more-2,
.btn-view-all {
    font-size: 14px;
    color: #3498db !important;
    border-bottom: 1px solid #3498db !important;
    /* color: #333 !important; */
    /* border-bottom: 1px solid #333; */
    cursor: pointer;
    transition: all .3s;
}

.btn-read-more:hover,
.btn-read-more-2:hover,
.btn-view-all:hover {
    /* color: #2980b9;
    border-bottom: 1px solid #2980b9; */
    color: #333;
    border-bottom: 1px solid #333;
}

.store-tab-mobile {
    padding: 0 !important;
    box-shadow: none !important;
    overflow: hidden;
}

.store-tab-mobile .nav-tabs {
    border-bottom: none;
    text-align: center;
}

.store-tab-mobile .nav>li {
    float: none;
    display: inline-block;
    width: 49%;
    z-index: 1;
}

.store-tab-mobile .nav>li>a {
    font-size: 16px;
    font-weight: 300;
    padding: 10px 5px 5px 5px;
    color: grey;
    border: none;
    border-bottom: 2px solid transparent;
    transition: all .3s;
}

.store-tab-mobile .nav>li>a:focus, .store-tab-mobile .nav>li>a:hover {
    background: transparent;
}

.store-tab-mobile .nav-tabs>li.active>a {
    border: none;
    border-bottom: 2px solid #4595d1;
    color: #4e9fd7;
    background: transparent;
}

.store-tab-mobile .nav-tabs .nav-line {
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    text-align: center;
    z-index: 0;
}

.store-tab-mobile .nav-tabs .nav-line div {
    width: 98%;
    height: 2px;
    margin: 0 auto;
    background: #ddd;
}

.store-tab-mobile .tab-content {
    /* padding: 10px; */
}

.store-tab-mobile .cashback-details {
    border-bottom: 1px dashed #ddd;
    margin-bottom: 15px;
    padding-bottom: 10px;
}

.store-tab-mobile .promotion-tab-mobile {
    background: #efefef;
    padding: 10px 0 0;
}

.store-tab-mobile .promotion-tab-mobile .nav>li {
    width: 100%;
}

.store-tab-mobile .promotion-tab-mobile .nav>li>a {
    padding: 0 !important;
}

.store-tab-mobile .tab-content .read-more-container {
    max-height: 9999px;
}

.store-tab-mobile .terms  {
    border-bottom: 1px dashed #ddd;
    border-top: 1px dashed #ddd;
    margin: 15px 0;
}

.step-line {
    position: relative;
    width: 100%;
    text-align: center;
    white-space: nowrap;
    z-index: 0;
}

.step-line .middle-line {
    position: absolute;
    bottom: 23px;
    left: 20px;
    width: 70%;
    height: 2px;
    background-color: #ddd;
    z-index: -1;
}

.step-line .step-item {
    display: inline-block;
    width: 33%;
    z-index: 2;
}

.step-line .step-item .label {
    display: block;
    color: #7b7b7b;
    font-weight: 300;
    font-size: 14px;
}

.step-line .step-item .time {
    display: block;
    background-color: #fff;
    color: #4cbd8b;
    padding: 5px;
    width: 100px;
    margin: 10px auto;
    border: 2px solid #ddd;
    border-radius: 20px;
}

.tips .notes {
    padding: 10px;
    font-size: 14px;
    color: #7e828a;
    background-color: #f5f5f5;
    border-radius: 4px;
}

.page-store-detail .approved-time {
    font-size: 14px;
    border-top: 1px dashed #ddd;
    border-bottom: 1px dashed #ddd;
    margin: 10px 0 10px;
    padding: 15px 0 10px;
}

.page-store-detail .approved-time .week {
    border: 1px solid #eee;
    border-radius: 4px;
    width: 70px;
    display: inline-block;
}

.page-store-detail .approved-time .fa {
    color: #3498db;
}

.page-store-detail .approved-time .tooltip {
    width: 180px !important;
    max-width: 180px !important;
}

.page-store-detail .approved-time .tooltip .tooltip-inner {
    background: rgba(255,255,255,.9);
    border: 1px solid #ddd;
    color: #333;
}

.page-store-detail .approved-time .tooltip .tooltip-arrow {
    display: none !important;
}

.page-store-detail .tips {
    color: #7e828a;
}
.page-store-detail .tips ul {
    padding: 0;
}

.page-store-detail .tips ul li {
    list-style: none;
}

.page-store-detail .tips ul li .fa,
.page-store-detail .tips ul li span {
    display: table-cell;
}

.page-store-detail .tips ul li .fa {
    width: 20px;
    padding: 10px 0;
}

.page-store-detail .tips .green {
    color: #46BE8A;
}

.page-store-detail .tips .red {
    color: #e74d3c;
}

.deal-filter-wrap {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 12;
}

.btn-deal-filter {
    background: #fff;
    border: 1px solid #dddcdc;
    padding: 5px 10px;
    border-radius: 3px;
    cursor: pointer;
}

.deal-filter-option-wrap {
    position: relative;
}

.deal-filter-option-wrap ul {
    padding: 0;
    position: absolute;
    top: 2px;
    right: 0;
    width: 185px;
    background: #fff;
    border: 1px solid #dddcdc;
    border-radius: 3px;
}

.deal-filter-option-wrap ul li {
    list-style: none;
    padding: 5px 15px;
    border-bottom: 1px solid #dddcdc;
}

.deal-filter-option-wrap ul li .tab-name {
    margin-left: 2px;
}

.deal-filter-option-wrap ul li:last-child {
    border-bottom: none;
}

.deal-filter-option-wrap ul li .circle {
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-bottom: -2px;
    background: #fff;
    border: 1px solid #333;
    border-radius: 50%;
}

.deal-filter-option-wrap ul li .circle-active {
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-bottom: -2px;
    background: #333;
    border: 1px solid #333;
    border-radius: 50%;
}

.deal-filter-option-wrap ul li .circle-active {
    display: none;
}

.deal-filter-option-wrap ul li.active .circle-active {
    display: inline-block;
}

.deal-filter-option-wrap ul li.active .circle {
    display: none;
}

.store-tabs .nav-tabs {
    border-bottom: 3px solid #eee;
}

.store-tabs .nav-tabs>li {
    margin-bottom: -3px;
}

.store-tabs .nav>li>a {
    font-size: 14px;
    color: #333;
    border: none;
    border-bottom: 3px solid #eee;
}

.store-tabs .nav>li>a:hover {
    /* color: #4595d1; */
    background-color: transparent;
}

.store-tabs .nav-tabs>li.active>a {
    color: #333;
    background-color: #f0f0f0;
    border: none;
    padding: 0;
    margin: 5px 0 -5px;
    /* border-bottom: 3px solid #4595d1; */
}

.store-tabs .tab-name {
    display: inline-block;
    font-size: 16px;
    margin: 0;
}

.store-tabs .tab-content {
    position: relative;
    padding: 10px 0;
}

.store-tabs .tab-content .store-item {
    /* padding-bottom: 5px; */
    margin: 10px 0;
    border-bottom: 1px solid #eee;
    position: relative;
}

.store-tabs .tab-content .store-item:last-child {
    border-bottom: none;
}

.store-tabs .tab-content .store-item .deals-price {
    font-size: 14px;
    background: #f1d00d;
    color: #333;
    border-radius: 10px 10px 0 0;
    padding: 0 5px;
    width: 90px;
    display: inline-block;
    text-align: center;
}

.store-tabs .tab-content .store-item .off {
    display: inline-block;
    text-align: center;
    font-size: 12px;
    background: #F95558;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 1px dashed #fff;
    color: #fff;
    padding-top: 10px;
}

.store-item .desc .title {
    font-size: 16px;
    line-height: 20px;
    height: 40px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 3px;
}

.store-item .desc .sub-title {
    color: #898989;
    font-size: 14px;
    line-height: 20px;
    height: 40px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 3px;
}

.store-item .pic {
    /* padding: 0; */
    padding: 5px 3px;
    width: 20%;
}

.store-item .desc {
    /* padding: 20px; */
    padding: 20px 5px 20px 20px;
    width: 80%;
}

.store-tabs img {
    width: 100%;
}

.deals .store-item img {
    /* display: block;
    margin: 0 auto;    
    height: 100%;
    width: auto;
    max-height: 100px; */

    display: block;
    margin: 0 auto;
    height: 100%;
    object-fit: contain;
    object-position: center;
    width: 100%;
    /* max-height: 100px; */
    max-height: 155px;
    min-height: 100px;
}

.store-tabs .voucher-code {
    display: table;
    position: relative;
    /* background: #f1d10c; */
    border-radius: 3px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    /* padding: 6px 8px; */
    width: 100%;
    height: 32px;
    margin-top: 3px;
    white-space: nowrap;
}

.store-tabs .voucher-code .code {
    /* color: #333; */
    color: #3ba2df;
    cursor: pointer;
    /* font-weight: 700; */
    /* margin-left: 5px; */
    padding: 0;
    font-size: 14px;
}

.store-tabs .border-tag {
    display: inline-block;
    border: 1px solid #3ba2df;
    padding: 5px 15px;
    border-radius: 20px;
    width: 230px;
    text-align: center;
}

.store-tabs .border-tag.red {
    margin-left: 5px;
    color: #FF395E;
    border: 1px solid #FF395E;
    width: 70px;
}

.store-tabs .voucher-code .text-highlight {
    width: 100%;
    overflow: hidden;
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.store-tabs .voucher-code .promo-code {
    display: inline-block;
    background: #f5f5f5;
    color: #50c695;
    border-radius: 5px;
    padding: 5px 45px;
    /* width: 120px; */
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

.store-tabs .voucher-code .copy {
    display: inline-block;
    background: #f5f5f5;
    color: #9b9b9b;
    border-radius: 5px;
    padding: 5px 8px;
    margin-left: -3px;
    /* width: 100px; */
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

.store-tabs .voucher-code .code-divider {
    /* display: inline-block;
    background: #f5f5f5;
    width: 1px;
    height: 20px;
    margin-left: -3px;
    border-left: 1px dashed #9b9b9b; */
    background: #f5f5f5;
    display: table-cell;
    /* overflow: hidden; */
    position: relative;
    vertical-align: middle;
    text-align: center;
    width: 7px;
}

.store-tabs .voucher-code .code-divider:before,
.store-tabs .voucher-code .code-divider:after {
    background: #fff;
    content: "";
    height: 7px;
    left: 0;
    position: absolute;
    width: 7px;
}

.store-tabs .voucher-code .code-divider:before {
    border-bottom-left-radius: 70%;
    border-bottom-right-radius: 70%;
    top: -1px;
}

.store-tabs .voucher-code .code-divider:after {
    border-top-left-radius: 70%;
    border-top-right-radius: 70%;
    bottom: -1px;
}

.store-tabs .voucher-code .code-divider span {
    border-right: 1px dashed #9b9b9b;
    display: inline-block;
    height: 20px;
    width: 2px;
}

.store-tabs .date-expired {
    position: absolute;
    top: 5px;
    right: 15px;
    z-index: 10;
}

.store-tabs .deal-detail {
    background: #f4f4f4;
    color: #696565;
}

.store-tabs .deal-detail .collapse {
    padding: 5px 0;
}

.store-tabs .deal-detail .collapse span {
    /* font-size: 13px; */
}

.collapse-trigger .fa-chevron-down {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    transition: transform .3s;
}

.collapse-trigger .collapse-btn {
    display: block;
    padding: 5px 0;
}

.collapse-trigger .date-expired {
    display: block;
    padding: 5px 0;
}

.store-tabs .deal-detail .collapse.in ~ .collapse-trigger .fa-chevron-down {
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

.store-tabs .deal-detail .row {
    border-top: 1px solid #ddd;
    padding: 5px 0;
}

.color-green {
    color: #46BE8A !important;
}

.store-tabs .color-green {
    color: #9b9b9b !important;
}

.store-tabs .expires-code {
    font-size: 14px;
    margin-top: 6px;
    color: #898989;
    white-space: nowrap;
}

.store-popular .store-popular-container {
    font-size: 14px;
    border: 1px solid #eee;
    border-radius: 3px;
    padding: 10px;
    margin-bottom: 10px;
    transition: all .3s;
}

.store-popular .store-popular-container:hover {
    -webkit-box-shadow: 0 0 5px 0 #ddd;
    -moz-box-shadow: 0 0 5px 0 #ddd;
    box-shadow: 0 0 5px 0 #ddd;
}

.store-popular a {
    color: #40485a;
    text-decoration: none;
}

.store-popular img {
    width: 100%;
    height: 45px;
    max-width: 120px;
    max-height: 45px;
    margin-bottom: 5px;
    object-fit: contain;
}

.store-popular .col-xs-6 {
    padding: 0 5px;
}

.btn-no-result {
    text-decoration: none !important;
    font-size: 14px;
    font-weight: 500;
    color: #3498db !important;
    border-bottom: 1px solid #3498db;
    cursor: pointer;
    padding-bottom: 3px;
}

@media screen and (max-width: 1199px) {
    .page-store-detail .news {
        /* margin: 0 3px; */
        width: 31%;
    }

    .store-tabs .voucher-code .copy {
        margin-left: -4px;
    }
}

@media screen and (max-width: 991px) {
    .page-store-detail .store-container {
        padding: 0px 20px;
        width: 100%;
        margin: 0;
    }
}

@media screen and (max-width: 910px) {
    .page-store-detail .news {
        margin: 0 5px;
        width: 31%;
    }
}

@media screen and (max-width: 767px) {
    .page-store-detail .store-container .detail-left {
        padding: 0;
    }

    .page-store-detail .store-bg {
        margin-bottom: 5px;
    }

    .cashback-details {
        min-height: 0;
    }

    .page-store-detail .show-xs {
        display: inline-block;
    }

    .page-store-detail .btn-shop.big {
        width: 87%;
        /* border-radius: 4px; */
        border-radius: 30px;
        margin-bottom: 15px;
    }

    .store-tabs .voucher-code .copy {
        margin-left: -3px;
    }

    .store-tabs .date-expired {
        position: unset;
    }

    .store-item .desc .title {
        font-size: 15px;
        height: 59px;
        -webkit-line-clamp: 3;
    }
}

@media screen and (max-width: 650px) {
    .page-store-detail.page-shop .store-tabs .nav-tabs {
        padding-bottom: 10px;
        padding-right: 55px;
    }

    .page-store-detail.page-shop .store-tabs .nav>li>a {
        border-bottom: none;
        padding: 10px;
        font-size: 12px;
    }

    .page-store-detail.page-shop .store-tabs .nav-tabs>li.active>a {
        border-radius: 6px;
    }
}

@media screen and (max-width: 583px) {
    .page-store-detail .news {
        margin: 0;
        width: 49%;
    }
}

@media screen and (max-width: 500px) {
    .page-store-detail .store-banner {
        /* max-height: 110px;
        min-height: auto;
        margin-bottom: -5px; */
    }

    .page-store-detail .store-banner-cover img {
        height: 400px;
    }

    .page-store-detail .store-banner img {
        height: auto;
    }

    .store-info-wrap {
        top: 45px;
    }

    .store-tabs .voucher-code {
        margin-bottom: 0;
    }

    .store-tabs .tab-content .store-item {
        padding: 0;
    }

    .store-tabs .store-item .pic {
        width: 30%;
        padding: 0;
    }

    .store-tabs .store-item .desc {
        width: 70%;
        padding-top: 8px;
        padding-left: 10px;
    }

    .store-item .desc .title {
        /* display: none; */
    }

    .store-item .desc .sub-title {
        height: 56px;
        -webkit-line-clamp: 3;
    }

    .store-tabs .store-item .btn-shop {
        display: none;
    }

    .store-tabs .date-expired {
        /* display: none; */
    }

    .store-tabs .voucher-code .code,
    .store-tabs .border-tag {
        font-size: 14px;
    }

    .store-tabs .voucher-code .promo-code {
        padding: 5px 35px;
    }

    .store-tabs .border-tag {
        width: 185px;
    }

    .store-tabs .border-tag.red {
        width: 58px;
    }

    .deals .store-item .pic {
        /* height: 180px;
        margin-top: 20px; */
    }

    .store-item .desc {
        padding-bottom: 0;
        padding-left: 5px;
    }

    .deals .store-item img {
        max-height: 180px;
    }

    .page-store-detail.page-shop .go-to-cart {
        top: 15px;
    }

    .deal-filter-wrap {
        top: -2px;
    }

    .store-tabs .tab-name {
        font-size: 14px;
    }
}

@media screen and (max-width: 430px) {
    .page-store-detail .store-banner h1 {
        font-size: 11px;
        font-weight: 300;
        line-height: 1.3;
    }

    .page-store-detail .store-tabs .nav-tabs {
        /* padding-bottom: 10px; */
        /* white-space: nowrap; */
        /* overflow-x: scroll; */
        padding-right: 60px;
    }

    .page-store-detail .store-tabs .tab-content {
        padding-top: 0;
        padding-bottom: 28px;
    }

    .page-store-detail .store-tabs .nav-tabs>li {
        float: none;
        display: inline-block;
        margin-bottom: 0;
    }

    .page-store-detail .store-tabs .nav>li>a {
        border-bottom: none;
        padding: 10px;
    }

    .page-store-detail .store-tabs .nav-tabs>li.active>a {
        /* border-radius: 6px; */
    }

    .no-result .label-or {
        display: block;
        margin: 5px 0;
    }

    .page-store-detail .news {
        max-width: 500px;
        width: 100%;
    }

    .store-info-wrap {
        top: 23px;
    }

    .store-info-wrap .store-info {
        width: 340px;
        height: 340px;
    }

    .page-store-detail .store-banner-cover img {
        height: 385px;
    }

    .page-store-detail .store-banner img {
        /* height: 385px; */
    }

    .page-store-detail .store-logo-wrap .store-logo {
        max-width: 190px;
        max-height: 90px;
    }

    .page-store-detail .store-logo-wrap {
        margin-top: 5px;
        height: 90px;
    }

    .rating-wrap {
        height: 30px;
    }

    .rating-wrap .br-theme-fontawesome-stars .br-widget a {
        font-size: 20px;
    }

    .avg-wrap {
        font-size: 16px;
    }

    .page-store-detail .store-cashback {
        font-size: 24px;
    }

    .page-store-detail .btn-shop.big {
        width: 100%;
    }
}

@media screen and (max-width: 375px) {
    .store-tabs .voucher-code .code,
    .store-tabs .border-tag {
        font-size: 10px;
    }

    .store-tabs .voucher-code .copy {
        font-size: 12px;
    }

    .store-tabs .border-tag {
        width: 165px;
    }

    .store-info-wrap {
        top: 11px;
    }

    .page-store-detail .store-banner-cover img {
        height: 360px;
    }

    .page-store-detail .store-banner img {
        /* height: 360px; */
    }
}

@media screen and (max-width: 360px) {
    .page-store-detail .store-banner-cover img {
        height: 360px;
    }

    .page-store-detail .store-banner img {
        /* height: 360px; */
    }
}

@media screen and (max-width: 350px) {
    .store-tabs .nav>li>a {
        font-size: 12px;
    
    }
    .store-popular img {
        height: 35px;
    }

    .store-popular .store-popular-container {
        font-size: 12px;
    }

    .deals .store-item .pic {
        height: auto;
    }

    .deals .store-item img {
        max-height: 100px;
    }

    .store-tabs .voucher-code {
        white-space: normal;
        margin-top: -5px;
    }

    .store-tabs .voucher-code .code,
    .store-tabs .border-tag {
        white-space: nowrap;
    }

    .store-tabs .border-tag.red {
        margin-top: 5px;
    }

    .store-item .desc .sub-title {
        height: 30px;
        font-size: 12px;
        line-height: 16px;
        -webkit-line-clamp: 2;        
    }

    .store-tabs .store-item .desc {
        padding-top: 5px;
    }

    .store-tabs .vc-wrap {
        display: table;
        margin-top: 5px;
    }
}

@media screen and (max-width: 320px) {
    .store-info-wrap .store-info {
        width: 295px;
        height: 295px;
    }

    .page-store-detail .store-banner-cover img {
        height: 312px;
    }

    .page-store-detail .store-cashback {
        font-size: 20px;
    }

    .page-store-detail .store-logo-wrap {
        margin-top: 0;
    }

    .page-store-detail .store-logo-wrap {
        height: 80px;
    }

    .page-store-detail .store-logo-wrap .store-logo {
        max-width: 160px;
        max-height: 80px;
    }

    .rating-wrap .br-theme-fontawesome-stars .br-widget a {
        font-size: 16px;
    }

    .avg-wrap {
        font-size: 14px;
    }
}
/* END: store page */


/* START: deal page */
.page-deal-detail .body {
    font-family: Roboto, sans-serif;
    padding-top: 10px;
}

.page-deal-detail .deal-col {
    padding: 0 10px 0 0;
}

.page-deal-detail .deal-bg {
    font-size: 14px;
    background: #fff;
    padding: 10px;
    margin: 0;
    margin-bottom: 10px;
    /* border: 1px solid #ddd; */
    box-shadow: 0 0 5px 0 #ddd;
    border-radius: 3px;
}

.page-deal-detail .navigation-bar {
    font-size: 14px;
    margin-bottom: 10px;
}

.page-deal-detail .navigation-bar a {
    color: inherit;
    text-decoration: none;
}

.page-deal-detail .navigation-bar i {
    margin: 0 4px;
}

.page-deal-detail .deal-product-area {
    position: relative;
    padding: 0;
    /* height: 249px; */
    height: 264px;
    /* text-align: right; */
}

.page-deal-detail .deal-product-area .one-image .sp-large {
    width: 100% !important;
}

.page-deal-detail .deal-product-area .one-image .sp-thumbs {
    display: none;
}

.page-deal-detail .deal-product-area .one-image .sp-zoom {
    margin-left: 0;
    display: none !important;
}

.page-deal-detail .deal-col .deal-wrap {
    position: relative;
    /* min-height: 249px;
    max-height: 249px; */
    min-height: 264px;
    max-height: 264px;
    overflow: hidden;
    padding: 0 10px;
}

.page-deal-detail .deal-col .deal-wrap .social-plugin {
    /* position: absolute; */
    top: 5px;
    right: 5px;
    margin: 5px 0;
}

.page-deal-detail .deal-col .deal-wrap .social-plugin .fb-share-button,
.page-deal-detail .deal-col .deal-wrap .social-plugin .fb-like {
    display: inline-block;
}

.page-deal-detail .deal-col .deal-wrap .social-plugin .fb-like.fb_iframe_widget span {
    vertical-align: bottom !important;
}

.page-deal-detail .deal-col .deal-wrap .social-plugin .twitter-share-button {
    display: inline-block;
    /* margin-bottom: -8px; */
}

.page-deal-detail .deal-col .deal-wrap .store-logo-wrap {
    position: absolute;
    top: 5px;
    right: 5px;
}

.page-deal-detail .deal-col .deal-wrap .store-logo {
    object-fit: contain;
    object-position: center;
    width: 100px;
    height: 60px;
}

.page-deal-detail .deal-col .title {
    font-size: 17px;
    margin: 8px 0;
    line-height: 1.4;
    height: 24px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.page-deal-detail .deal-col .price-wrap {
    display: inline-block;
    position: relative;
    color: #9B9B9B;
    margin: 5px 0;
}

.page-deal-detail .deal-col .price-wrap .final-price {
    font-size: 26px;
    color: #e74d3c;
}

.page-deal-detail .deal-col .discount {
    position: absolute;
    top: 5px;
    right: 5px;
    background-color: #FF395E;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    text-align: left;
    line-height: 1;
    color: #fff;
    font-weight: bold;
    padding: 7px 0 0 10px;
    z-index: 9;
}

.page-deal-detail .deal-col .discount span:first-child {
    font-size: 15px;
}

.page-deal-detail .deal-col .discount span {
    font-size: 9px;
    margin-left: -4px;
}

.page-deal-detail .deal-col .discount span:nth-child(2) {
    font-size: 9px;
    display: block;
}

.page-deal-detail .deal-col .cashback-amount,
.page-deal-detail .deal-col .expire-date {
    color: #50585D;
    margin: 2px 0;
}

.page-deal-detail .social-plugin {
    position: absolute;
    top: 15px;
    right: 22px;
    z-index: 9;
}

.page-deal-detail table.deal-info {
    margin-left: 30px;
}

.page-deal-detail table.deal-info td {
    font-size: 14px;
    color: #868686;
    white-space: nowrap;
}

.page-deal-detail table.deal-info td:first-child {
    width: 130px;
}

.page-deal-detail a#buy-now-button {
    background: #e74d3c;
    color: #FFFFFF;
    font-size: 18px;
    padding: 5px;
    margin: 10px 0;
    width: 100%;
    max-width: 275px;
    transition: all .3s;
}

.page-deal-detail .btn-fixed {    
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 45px;
    line-height: 2.8;
    font-size: 16px;
    background-color: #e74d3c;
    white-space: nowrap;
    overflow: hidden;
    z-index: 16000003;
    display: none;
}

.btn-fixed.animate-show {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.btn-fixed.animate-hide {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.page-deal-detail .btn-fixed .left {
    display: inline-block;
    width: 22%;
    height: 60px;
    line-height: 2.8;
    text-align: center;
    background-color: #4595d3;
    margin-left: -2px;
}

.page-deal-detail .btn-fixed .right {
    display: inline-block;
    width: 77%;
    height: 55px;
    color: #fff;
    text-align: center;
    background-color: #e74d3c;
}

.page-deal-detail .deal-col .deal-detail * {
    font-family: Roboto, sans-serif !important;
    /* font-size: 14px !important; */
}

.page-deal-detail .deal-col .deal-detail table {
    margin-bottom: 0 !important;
    width: 100% !important;
}

.page-deal-detail .deal-col .deal-detail table,
.page-deal-detail .deal-col .deal-detail table>tbody>tr>td {
    font-size: 14px !important;
    border: 1px solid #ddd !important;
    background: #fff;
}

.page-deal-detail .deal-tabs .nav-tabs {
    border-bottom: 3px solid #eee;
}

.page-deal-detail .deal-tabs .nav-tabs>li {
    margin-bottom: -3px;
}

.page-deal-detail .deal-tabs .nav>li>a {
    font-size: 14px;
    color: #333;
    border: none;
    border-bottom: 3px solid #eee;
}

.page-deal-detail .deal-tabs .nav>li>a:hover {
    background-color: transparent;
}

.page-deal-detail .deal-tabs .nav-tabs>li.active>a {
    color: #333;
    background-color: #eee;
    border: none;
}

.page-deal-detail .deal-tabs .tab-content {
    padding: 10px;
}

.page-deal-detail .deal-tabs .how-it-work-3-step .row {
    margin: 10px 0;
}

.page-deal-detail .deal-tabs .how-it-work-3-step .img-container {
    padding: 0;
    text-align: right;
}

.page-deal-detail .deals {
    margin: 0;
}

.page-deal-detail .deals .deal-item {
    margin: 10px -5px;
    border-bottom: 1px solid #eee;
}

.page-deal-detail .deals .deal-item:last-child {
    border-bottom: none;
}

.page-deal-detail .deals .deal-item .deals-price {
    font-size: 14px;
    background: #f1d00d;
    color: #333;
    border-radius: 10px 10px 0 0;
    padding: 0 5px;
    width: 90px;
    display: inline-block;
    text-align: center;
}

.page-deal-detail .deals .deal-item .off {
    display: inline-block;
    text-align: center;
    font-size: 12px;
    background: #F95558;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 1px dashed #fff;
    color: #fff;
    padding-top: 10px;
}

.page-deal-detail .deals .deal-item .pic {
    min-height: 100px;
    max-height: 100px;
    margin-bottom: 5px;
}

.page-deal-detail .deals .deal-item .desc .title {
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    height: 39px;
    margin-bottom: 2px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.page-deal-detail .deals .deal-item img {
    display: block;
    margin: 0 auto;
    height: 100%;
    object-fit: contain;
    object-position: center;
    width: 100%;
    max-height: 100px;
}

.page-deal-detail .deals .deal-item .voucher-code {
    position: relative;
    background: #f1d10c;
    border-radius: 3px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    padding: 6px 8px;
    width: 100%;
}

.page-deal-detail .deals .deal-item .voucher-code .code {
    color: #333;
    cursor: pointer;
    font-weight: 700;
    margin-left: 5px;
    padding: 0;
    font-size: 14px;
}



.page-deal-detail .deals .deal-item .voucher-code .copy {
    position: absolute;
    top: 6px;
    right: 7px;
    background: #fff;
    border-radius: 3px;
    color: #333;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    min-width: 85px;
    text-align: center;
}

.page-deal-detail .deals .deal-item .expires-code,
.page-deal-detail .deals .deal-item .cash-back .percent {
    font-size: 12px;
    margin-top: 6px;
    margin-bottom: 0;
    color: grey;
    white-space: nowrap;
}

.page-deal-detail .deals .deal-item .cash-back .percent {
    margin-top: 3px;
}

.page-deal-detail .deals .deal-item .btn-shop {
    background: #3498db;
    color: #FFFFFF;
    font-size: 14px;
    padding: 8px 5px;
    margin-top: 5px;
    width: 100%;
    max-width: 200px;
    transition: all .3s;
}

.page-deal-detail .deals .deal-item .btn-shop:hover {
    background: #2980b9;
}

.page-deal-detail .deals .deal-item a {
    color: inherit;
    text-decoration: none;
}

.page-deal-detail .deals .deal-item .store-logo {
    width: 100%;
    max-width: 100px;
    object-fit: contain;
    object-position: center;
    height: 60px;
}

.page-deal-detail .deals .wrap-item {
    border: 1px solid #ddd;
}

@media screen and (max-width: 1199px) {
    .page-deal-detail .deal-container {
        width: 95%;
    }

    .page-deal-detail table.deal-info {
        margin-left: 12px;
    }

    .page-deal-detail .deals .deal-item .expires-code {
        font-size: 12px;
        margin-top: 10px;
        margin-bottom: 0;
    }

    .page-deal-detail .deals .deal-item .btn-shop {
        font-size: 12px;
        padding: 10px 5px;
    }
}

@media screen and (max-width: 991px) {
    .page-deal-detail .deal-container {
        padding: 0px 15px;
        width: 100%;
        margin: 0;
    }
}

@media screen and (max-width: 767px) {
    .page-deal-detail .deal-col {
        padding: 0;
    }

    .page-deal-detail .deal-bg {
        margin-bottom: 5px;
    }

    .page-deal-detail table.deal-info {
        margin: 0 auto;
        margin-bottom: 10px;
    }

    .page-deal-detail .deal-col .deal-wrap {
        min-height: 0;
    }

    .page-deal-detail .deals .deal-item .btn-shop {
        margin-top: 5px;
        margin-bottom: 5px;
    }
}

@media screen and (max-width: 500px) {
    .page-deal-detail .deal-col {
        padding: 0 5px;
    }

    .page-deal-detail .deals .wrap-item {
        width: 100%;
        border-bottom: 1px solid #ddd;
    }

    .page-deal-detail .deals .wrap-item:last-child {
        border-bottom: none;
    }

    .page-deal-detail .deals .deal-item .pic,
    .page-deal-detail .deals .deal-item .desc {
        width: 100%;
        max-height: 200px;
    }

    .page-deal-detail .deals .deal-item img {
        max-height: 180px;
        margin-bottom: 5px;
    }

    .page-deal-detail .deal-col .title {
        font-size: 16px;
        line-height: 1.3;
        margin-bottom: 0;
    }
}

@media screen and (max-width: 460px) {
    .page-deal-detail .deal-tabs .nav-tabs {
        padding-bottom: 10px;
    }

    .page-deal-detail .deal-tabs .nav>li>a {
        border-bottom: none;
        padding: 10px;
    }

    .page-deal-detail .deal-tabs .nav-tabs>li.active>a {
        border-radius: 6px;
    }

    .page-deal-detail .deals .deal-item img {
        max-height: 150px;
    }
}
/* END: deal page */

/* START: merchant promotion page */
.page-merchant-promotion .deal-container {
    font-family: Roboto, sans-serif;
}

.page-merchant-promotion .deal-container .dealcha-category .title,
.page-merchant-promotion .promotions .deal-category .title {
    font-size: 24px !important;
}

.page-merchant-promotion .deal-container .dealcha-category .col-md-4 {
    padding: 22px 0 0;
}

.page-merchant-promotion .deal-container .dealcha-category .cat-item span {
    font-size: 11px;
    white-space: nowrap;
}

.page-merchant-promotion .dealcha-category .view-all,
.page-merchant-promotion .promotions .deal-category .view-all {
    font-size: 11px;
    margin: 18px 0 0 -20px;
    padding: 10px 15px;
}

.page-merchant-promotion .deal-bg {
    font-size: 14px;
    background: #fff;
    padding: 10px;
    margin: 0;
    margin-bottom: 10px;
    /* border: 1px solid #ddd; */
}

.page-merchant-promotion .deals {
    margin: 0;
}

.page-merchant-promotion .deals .deal-item {
    margin: 10px -5px;
    border-bottom: 1px solid #eee;
}

.page-merchant-promotion .deals .deal-item:last-child {
    border-bottom: none;
}

.page-merchant-promotion .deals .deal-item .deals-price {
    font-size: 14px;
    background: #f1d00d;
    color: #333;
    border-radius: 10px 10px 0 0;
    padding: 0 5px;
    width: 90px;
    display: inline-block;
    text-align: center;
}

.page-merchant-promotion .deals .deal-item .off {
    display: inline-block;
    text-align: center;
    font-size: 12px;
    background: #F95558;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 1px dashed #fff;
    color: #fff;
    padding-top: 10px;
}

.page-merchant-promotion .deals .deal-item .pic {
    min-height: 135px;
    max-height: 135px;
    margin-bottom: 5px;
    padding: 0;
}

.page-merchant-promotion .deals .deal-item .desc .title-1 {
    font-size: 12px;
    line-height: 18px;
    text-align: center;
    height: 40px;
    margin-top: 0;
    margin-bottom: 4px;
    border-bottom: 1px solid #ddd;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.page-merchant-promotion .deals .deal-item .desc .title {
    font-size: 12px;
    /* color: #898989; */
    line-height: 18px;
    text-align: center;
    height: 53px;
    margin-top: 0;
    margin-bottom: 2px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.page-merchant-promotion .deals .deal-item img {
    display: block;
    margin: 0 auto;
    height: 100%;
    object-fit: contain;
    object-position: center;
    width: 100%;
    max-height: 135px;
}

.page-merchant-promotion .deals .deal-item .voucher-code {
    position: relative;
    background: #f1d10c;
    border-radius: 3px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    padding: 6px 8px;
    width: 100%;
    height: 32px;
}

.page-merchant-promotion .deals .deal-item .voucher-code .code {
    color: #333;
    cursor: pointer;
    font-weight: 700;
    margin-left: 5px;
    padding: 0;
    font-size: 14px;
}

.page-merchant-promotion .deals .deal-item .voucher-code .text-highlight {
    width: 100%;
    overflow: hidden;
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.page-merchant-promotion .deals .deal-item .voucher-code .copy {
    position: absolute;
    top: 6px;
    right: 7px;
    background: #fff;
    border-radius: 3px;
    color: #333;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    min-width: 85px;
    text-align: center;
}

.page-merchant-promotion .deals .deal-item .expires-code,
.page-merchant-promotion .deals .deal-item .cash-back .percent {
    font-size: 12px;
    margin-top: 6px;
    margin-bottom: 0;
    color: grey;
    white-space: nowrap;
    text-align: left;
}

.page-merchant-promotion .deals .deal-item .cash-back .percent {
    margin-top: 3px;
}

.page-merchant-promotion .deals .deal-item .btn-shop {
    background: #3498db;
    color: #FFFFFF;
    font-size: 14px;
    padding: 8px 5px;
    margin-top: 5px;
    width: 100%;
    max-width: 200px;
    transition: all .3s;
}

.page-merchant-promotion .deals .deal-item .btn-shop:hover {
    background: #2980b9;
    color: #fff;
}

.page-merchant-promotion .deals .deal-item a {
    color: inherit;
    text-decoration: none;
}

.page-merchant-promotion .deals .deal-item .store-logo {
    width: 100%;
    max-width: 150px;
    object-fit: contain;
    object-position: center;
    height: 50px;
    margin-bottom: 5px;
}

.page-merchant-promotion .deals .wrap-item {
    border: 1px solid #ddd;
}

.page-merchant-promotion .pagination>li>a {
    height: 38px;
}

.page-merchant-promotion .pagination>li:first-child a {
    border-radius: 3px 0 0 3px;
}

.page-merchant-promotion .pagination>li:last-child a {
    border-radius: 0 3px 3px 0;
}

@media screen and (max-width: 1199px) {
    .page-merchant-promotion .deal-container {
        width: 95%;
    }

    .page-merchant-promotion .deals .deal-item .expires-code {
        font-size: 12px;
        margin-top: 10px;
        margin-bottom: 0;
    }

    .page-merchant-promotion .deals .deal-item .btn-shop {
        font-size: 12px;
        padding: 10px 5px;
    }
}

@media screen and (max-width: 991px) {
    .page-merchant-promotion .deal-container {
        padding: 0;
        width: 95%;
    }
}

@media screen and (max-width: 767px) {
    .page-merchant-promotion .promotions {
        padding: 10px 0;
    }

    .page-merchant-promotion .dealcha-category .view-all,
    .page-merchant-promotion .promotions .deal-category .view-all {
        margin: 0;
    }

    .page-merchant-promotion .deal-col {
        padding: 0;
    }

    .page-merchant-promotion .deal-col .deal-wrap {
        min-height: 0;
    }

    .page-merchant-promotion .deals .deal-item .btn-shop {
        margin-top: 5px;
        margin-bottom: 5px;
    }
}

@media screen and (max-width: 500px) {
    .page-merchant-promotion .deal-col {
        padding: 0 10px;
    }

    .page-merchant-promotion .deals .wrap-item {
        width: 100%;
        border-bottom: none;
    }

    .page-merchant-promotion .deals .wrap-item:last-child {
        border-bottom: 1px solid #ddd;
    }

    .page-merchant-promotion .deals .deal-item .pic,
    .page-merchant-promotion .deals .deal-item .desc {
        width: 100%;
        max-height: 200px;
    }

    .page-merchant-promotion .deals .deal-item img {
        max-height: 180px;
        margin-bottom: 5px;
    }

    .page-merchant-promotion .deal-container .row {
        margin: 0;
    }
}

@media screen and (max-width: 460px) {
    .page-merchant-promotion .deal-container .dealcha-category .title,
    .page-merchant-promotion .promotions .deal-category .title {
        font-size: 15px !important;
    }

    .page-merchant-promotion .deals .deal-item img {
        /* max-height: 150px; */
    }
}

@media screen and (max-width: 390px) {
    .page-merchant-promotion .promotions .dealcha-category .title-icon,
    .page-merchant-promotion .promotions .deal-category .title-icon {
        width: 30px;
    }

    .page-merchant-promotion  .deal-category div a {
        font-size: 11px;
    }
}
/* END: merchant promotion page */

/* START: voucher code page */
.page-voucher-code .deal-container {
    font-family: Roboto, sans-serif;
}

.page-voucher-code .deal-container .dealcha-category .title,
.page-voucher-code .promotions .deal-category .title {
    font-size: 24px !important;
}

.page-voucher-code .deal-container .dealcha-category .col-md-4 {
    padding: 22px 0 0;
}

.page-voucher-code .deal-container .dealcha-category .cat-item span {
    font-size: 11px;
    white-space: nowrap;
}

.page-voucher-code .dealcha-category .view-all,
.page-voucher-code .promotions .deal-category .view-all {
    font-size: 11px;
    margin: 18px 0 0 -20px;
    padding: 10px 15px;
}

.page-voucher-code .deal-bg {
    font-size: 14px;
    background: #fff;
    padding: 10px;
    margin: 0;
    margin-bottom: 10px;
}

.page-voucher-code .deals {
    margin: 0;
}

.page-voucher-code .deals .deal-item {
    margin: 10px -5px;
    border-bottom: 1px solid #eee;
}

.page-voucher-code .deals .deal-item:last-child {
    border-bottom: none;
}

.page-voucher-code .deals .deal-item .deals-price {
    font-size: 14px;
    background: #f1d00d;
    color: #333;
    border-radius: 10px 10px 0 0;
    padding: 0 5px;
    width: 90px;
    display: inline-block;
    text-align: center;
}

.page-voucher-code .deals .deal-item .off {
    display: inline-block;
    text-align: center;
    font-size: 12px;
    background: #F95558;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 1px dashed #fff;
    color: #fff;
    padding-top: 10px;
}

.page-voucher-code .deals .deal-item .pic {
    min-height: 135px;
    max-height: 135px;
    margin-bottom: 5px;
    padding: 0;
}

.page-voucher-code .deals .deal-item .desc .title-1 {
    font-size: 12px;
    line-height: 18px;
    text-align: center;
    height: 40px;
    margin-top: 0;
    margin-bottom: 4px;
    border-bottom: 1px solid #ddd;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.page-voucher-code .deals .deal-item .desc .title {
    font-size: 12px;
    /* color: #898989; */
    line-height: 18px;
    text-align: center;
    height: 53px;
    margin-top: 0;
    margin-bottom: 2px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.page-voucher-code .deals .deal-item img {
    display: block;
    margin: 0 auto;
    height: 100%;
    object-fit: contain;
    object-position: center;
    width: 100%;
    max-height: 135px;
}

.page-voucher-code .deals .deal-item .voucher-code {
    position: relative;
    background: #f1d10c;
    border-radius: 3px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    padding: 6px 8px;
    width: 100%;
    height: 32px;
}

.page-voucher-code .deals .deal-item .voucher-code .code {
    color: #333;
    cursor: pointer;
    font-weight: 700;
    margin-left: 5px;
    padding: 0;
    font-size: 14px;
}

.page-voucher-code .deals .deal-item .voucher-code .text-highlight {
    width: 100%;
    overflow: hidden;
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.page-voucher-code .deals .deal-item .voucher-code .copy {
    position: absolute;
    top: 6px;
    right: 7px;
    background: #fff;
    border-radius: 3px;
    color: #333;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    min-width: 85px;
    text-align: center;
}

.page-voucher-code .deals .deal-item .expires-code,
.page-voucher-code .deals .deal-item .cash-back .percent {
    font-size: 14px;
    margin-top: 10px;
    margin-bottom: 0;
    color: grey;
    white-space: nowrap;
}

.page-voucher-code .deals .deal-item .cash-back .percent {
    margin-top: 3px;
}

.page-voucher-code .deals .deal-item .btn-shop {
    background: #3498db;
    color: #FFFFFF;
    font-size: 14px;
    padding: 5px 5px;
    margin-top: 5px;
    width: 100%;
    max-width: 200px;
    transition: all .3s;
}

.page-voucher-code .deals .deal-item .btn-shop:hover {
    background: #2980b9;
}

.page-voucher-code .deals .deal-item a {
    color: inherit;
    text-decoration: none;
}

.page-voucher-code .deals .deal-item .store-logo {
    width: 100%;
    max-width: 150px;
    object-fit: contain;
    object-position: center;
    height: 50px;
    margin-bottom: 5px;
}

.page-voucher-code .deals .wrap-item {
    border: 1px solid #ddd;
}

.page-voucher-code .pagination>li>a {
    height: 38px;
}

.page-voucher-code .pagination>li:first-child a {
    border-radius: 3px 0 0 3px;
}

.page-voucher-code .pagination>li:last-child a {
    border-radius: 0 3px 3px 0;
}

@media screen and (max-width: 1199px) {
    .page-voucher-code .deal-container {
        width: 95%;
    }

    .page-voucher-code .deals .deal-item .expires-code {
        font-size: 12px;
        margin-top: 10px;
        margin-bottom: 0;
    }

    .page-voucher-code .deals .deal-item .btn-shop {
        font-size: 12px;
        padding: 5px;
    }
}

@media screen and (max-width: 991px) {
    .page-voucher-code .deal-container {
        padding: 0;
        width: 95%;
    }
}

@media screen and (max-width: 767px) {
    .page-voucher-code .promotions {
        padding: 10px 0;
    }

    .page-voucher-code .dealcha-category .view-all,
    .page-voucher-code .promotions .deal-category .view-all {
        margin: 0;
    }

    .page-voucher-code .deal-col {
        padding: 0;
    }

    .page-voucher-code .deal-col .deal-wrap {
        min-height: 0;
    }

    .page-voucher-code .deals .deal-item .btn-shop {
        margin-top: 5px;
        margin-bottom: 5px;
    }
}

@media screen and (max-width: 500px) {
    .page-voucher-code .deal-col {
        padding: 0 10px;
    }

    .page-voucher-code .deals .wrap-item {
        width: 100%;
        border-bottom: none;
    }

    .page-voucher-code .deals .wrap-item:last-child {
        border-bottom: 1px solid #ddd;
    }

    .page-voucher-code .deals .deal-item .pic,
    .page-voucher-code .deals .deal-item .desc {
        width: 100%;
        max-height: 200px;
    }

    .page-voucher-code .deals .deal-item img {
        max-height: 180px;
        margin-bottom: 5px;
    }
}

@media screen and (max-width: 460px) {
    .page-voucher-code .deal-container .dealcha-category .title,
    .page-voucher-code .promotions .deal-category .title {
        font-size: 15px !important;
    }

    .page-voucher-code .deals .deal-item img {
        /* max-height: 150px; */
    }
}

@media screen and (max-width: 390px) {
    .page-voucher-code .promotions .dealcha-category .title-icon,
    .page-voucher-code .promotions .deal-category .title-icon {
        width: 30px;
    }

    .page-voucher-code .deal-category div a {
        font-size: 11px;
    }
}
/* END: voucher code page */

/* START: Login Modal */
.login-modal {
    font-family: Roboto, sans-serif;
    /* padding-right: 60px !important; */
    z-index: 16000005;
}

.modal-backdrop {
    /* z-index: 16000004; */
}

.login-modal .modal-content {
    border-radius: 10px;
    background-color: transparent;
    border: none;
    box-shadow: none;
    /* margin-top: 80px; */
}

@media screen and (max-height: 680px) {
    .login-modal .modal-content {
        margin-top: 0;
    }
}

.login-modal .modal-lg {
    width: 800px;
}

.login-modal .how-it-work-3-step {
    margin-top: 21%;
    margin-left: -45px;
}

.login-modal .how-it-work-3-step .subject {
    color: #fff;
    font-size: 28px;
    margin-bottom: 24px;
    margin-left: 88px;
}

.login-modal .how-it-work-3-step .subject a {
    color: #fff;
}

.login-modal .how-it-work-3-step .row {
    margin: 0 0 10px;
}

.login-modal .how-it-work-3-step img {
    max-width: 75px;
}

.login-modal .how-it-work-3-step .title {
    font-size: 28px !important;
    color: #fff !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.38823529411764707);
    line-height: 36px;
}

.login-modal .how-it-work-3-step .detail {
    font-size: 18px;
    color: #fff;
}

.login-modal .how-it-work-3-step.mobile {
    display: none;
}

.login-modal .how-it-work-3-step.mobile .col-xs-4 {
    white-space: nowrap;
}

.login-modal .alert {
    font-size: 13px;
    padding: 2px 7px;
    margin: 10px 0;
    margin-top: 18px;
}

.login-modal .modal-cover {
    padding: 0;
    transition: all .3s;
}

.login-modal .modal-cover img {
    width: 100%;
    height: 500px;
    object-fit: cover;
}

.login-modal .modal-form {
    padding: 0;
}

.login-modal .modal-form .fb-login {
    position: absolute;
    top: 3px;
    left: 3px;
    width: 29px;
    height: 29px;
    z-index: 9;
}

.login-modal .modal-form .blank-height {
    height: 102px;
}

.text-line {
    width: 100%;
    text-align: center;
    border-bottom: 1px solid #E0E8F3;
    line-height: 0.1em;
    margin: 10px 0 25px;
    padding-top: 8px;
    font-size: 12px;
}

.text-line span { 
    background: #fff;
    padding: 6px;
    border: 1px solid #E0E8F3;
    border-radius: 50%;
    color: #adadad;
}

.login-modal .form-container {
    /* position: absolute;
    right: -70px;
    top: 16px; */
    /* position: relative;
    margin: 0 auto;
    padding: 5px 0; */
    height: 500px;
    /* width: 400px; */
    background: #fff;
    /* border-radius: 10px;
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,.5);
    box-shadow: 0 0 10px rgba(0,0,0,.5); */
}

.login-modal .form-container .close span {
    font-size: 24px;
}

.login-modal .form-container .language a {
    font-size: 12px;
    font-weight: 300;
    color: #ddd;
    text-decoration: none;
    cursor: pointer;
    width: 36px;
    display: inline-block;
    text-align: center;
}

.login-modal .form-container .language a:first-child {
    /* border-right: 1px solid #ddd; */
    margin-right: -2px;
}

.login-modal .form-container .language a.active {
    /* color: #2aa1ff; */
    color: #fff;
    font-weight: bold;
    background: #ffa2a2;
    padding: 2px 0;
    border-radius: 30px;
}

.login-modal .form-container .logo {
    width: 100%;
    max-width: 210px;
    margin: 20px 0;
}

.login-modal .form-container .logo-text {
    margin: 5px 0;
}

.login-modal .form-container .nav-tabs {
    border-bottom: none;
    text-align: center;
}

.login-modal .form-container .nav>li {
    float: none;
    display: inline-block;
}

.login-modal .form-container .nav>li>a {
    font-size: 14px;
    font-weight: 300;
    padding: 5px;
    width: 90px;
    color: grey;
    border: none;
    background: #fff;
    border-radius: 30px;
    /* border-bottom: 2px solid transparent; */
    transition: all .3s;
}

.login-modal .form-container .nav>li>a:hover {
    background-color: transparent;
}

.login-modal .form-container .nav-tabs>li.active>a {
    border: none;
    /* border-bottom: 2px solid #4595d1;
    background: transparent; */
    background: #4595d1;
    color: #fff;
}

.login-modal .form-container .tab-content {
    margin-top: 10px;
    padding: 0 45px;
}

.login-modal .form-container .terms {
    font-size: 14px;
    color: #9d9d9d;
}

.login-modal .form-container .terms:focus {
    outline: none;
}

.login-modal .forgot a,
.login-modal .forgot button {
    padding-right: 0 !important;
    font-size: 14px;
}

.login-modal .form-inline .form-group {
    margin-bottom: 10px;
}

.login-modal .form-inline .form-group,
.login-modal .form-inline .form-control {
    position: relative;
    width: 100%;
}

.login-modal .form-inline .form-group .verification {
    font-size: 20px;
    position: absolute;
    top: 5px;
    right: 5px;
}

.login-modal .form-inline input.form-control {
    border: none;
    box-shadow: 0 0;
    border-bottom: 1px solid #ddd;
    background: #fff;
    font-size: 13px;
}

.login-modal .form-inline input[type="checkbox"] {
    width: auto;
}

.login-modal .form-container .red-btn {
    font-size: 14px;
    background: #e74c3c;
    border: none;
    height: 35px;
    border-radius: 30px;
}

.login-modal .form-container .yellow-btn {
    font-size: 14px;
    color: #333;
    background: #ecd941;
    border: none;
    height: 35px;
    border-radius: 30px;
}

.login-modal .form-container .blue-btn {
    font-size: 14px;
    background: #3d5a96;
    border: none;
    height: 35px;
    position: relative;
    border-radius: 30px;
}

.login-modal .form-container .blue-btn .fa {
    font-size: 28px;
    position: absolute;
    top: 3px;
    left: 10px;
}

@media (max-width: 768px) {
    .login-modal {
        padding-right: 0px !important;
    }

    .login-modal .hidden-xs {
        display: none;
    }

    .login-modal .form-container {
        /* position: sticky; */
        position: inherit;
        right: 0;
        margin: 0 auto;
        /* height: 510px; */
        border-radius: 10px;
    }

    .login-modal .modal-form .blank-height {
        height: 95px;
    }

    .login-modal .forgot {
        margin-bottom: 10px;
    }

    .page-modal .login-modal .modal-lg {
        width: 98%;
        height: 98%;
        margin: 0 auto;
        padding: 30px 0;
    }

    .login-modal .modal-content {
        height: 100%;
    }

    .login-modal .how-it-work-3-step.mobile {
        display: block;
        position: absolute;
        bottom: -70px;
        left: 0;
        margin: 0;
        width: 100%;
    }

    .login-modal .how-it-work-3-step .title {
        font-size: 20px;
        display: inline-block;
    }

    .login-modal .how-it-work-3-step img {
        max-width: 50px;
    }
}

@media (max-width: 480px) {
    .login-modal .form-container {
        width: 95%;
    }

    .login-modal .form-container .tab-content {
        padding: 0 20px;
    }
}

@media (max-width: 414px) {
    .login-modal .form-inline .form-group {
        margin-bottom: 10px !important;
        overflow: hidden;
    }

    .login-modal .form-container .logo-text {
        font-size: 14px;
    }
}

@media (max-width: 375px) {
    .login-modal .how-it-work-3-step img {
        max-width: 40px;
    }
}

@media (max-width: 320px) {
    .login-modal .how-it-work-3-step.mobile {
        display: none;
    }
}
/* END: Login Modal */

/* START: Hot Items */
.page-deals .body {
    background: #f5f5f5;
    padding: 0;
}

.page-deals .deals.wrap {
    background: #fff;
    padding: 2px 10px;
}

.page-deals .deal-container {
    font-family: Roboto, sans-serif;
}

.page-deals .deals .deal-category {
    position: relative;
}

.page-deals .deal-container .dealcha-category .title,
.page-deals .deals .deal-category .title {
    font-size: 24px !important;
    display: inline-block;
}

.page-deals .deal-container .dealcha-category .col-md-4 {
    padding: 22px 0 0;
}

.page-deals .deal-container .deal-category div a img,
.page-deals .deal-container .deal-category div .dropbtn img {
    display: block;
    height: 35px;
    margin: 2px auto;
}

.page-deals .promotions .deal-category .deal-item.nobot {
    border-bottom: 0;
}

.page-deals .deal-container .deal-category div .dropbtn img {
    margin-bottom: -2px;
}

.page-deals .deal-category div a {
    font-size: 11px;
}

.page-deals .deal-container .dealcha-category .cat-item {
    /* width: 18%; */
}

.page-deals .deal-container .dealcha-category .cat-item span {
    font-size: 11px;
    white-space: nowrap;
}

.page-deals .dealcha-category .view-all,
.page-deals .deals .deal-category .view-all {
    font-size: 12px;
    margin: 18px 0 0 -20px;
    padding: 5px 15px;
}

.page-deals .deals .deal-category .view-all {
    margin: 0;
    max-width: 110px;
    position: absolute;
    top: 0;
    right: 0;
}

.page-deals .deals .deal-category .deal-item {
    margin: 0;
    margin-top: -1px;
}

.page-deals .deal-bg {
    font-size: 14px;
    background: #fff;
    padding: 10px;
    margin: 0;
    margin-bottom: 10px;
    /* border: 1px solid #ddd; */
}

.page-deals .deals {
    margin: 0;
}

.page-deals .deals .deal-item {
    margin: 10px -5px;
    /* border-bottom: 1px solid #eee; */
}

.page-deals .deals .deal-item:last-child {
    border-bottom: none;
}

.page-deals .deals .deal-item .deals-price {
    font-size: 14px;
    background: #f1d00d;
    color: #333;
    border-radius: 10px 10px 0 0;
    padding: 0 5px;
    width: 90px;
    display: inline-block;
    text-align: center;
}

.page-deals .deals .deal-item .off {
    display: inline-block;
    text-align: center;
    font-size: 12px;
    background: #F95558;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 1px dashed #fff;
    color: #fff;
    padding-top: 10px;
}

.page-deals .deals .deal-item .pic {
    min-height: 135px;
    max-height: 135px;
    /* margin-bottom: 5px; */
    padding: 0;
}

.page-deals .deals .deal-item .desc .title-1 {
    font-size: 12px;
    line-height: 18px;
    text-align: center;
    height: 40px;
    margin-top: 0;
    margin-bottom: 4px;
    border-bottom: 1px solid #ddd;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.page-deals .deals .deal-item .desc .title {
    font-size: 12px;
    /* color: #898989; */
    line-height: 18px;
    text-align: center;
    height: 53px;
    margin-top: 0;
    margin-bottom: 2px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.page-deals .deals .deal-item img {
    display: block;
    margin: 0 auto;
    height: 100%;
    object-fit: contain;
    object-position: center;
    width: 100%;
    max-height: 135px;
}

.page-deals .deals .deal-item .voucher-code {
    position: relative;
    background: #f1d10c;
    border-radius: 3px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    padding: 6px 8px;
    width: 100%;
    height: 32px;
}

.page-deals .deals .deal-item .voucher-code .code {
    color: #333;
    cursor: pointer;
    font-weight: 700;
    margin-left: 5px;
    padding: 0;
    font-size: 14px;
}

.page-deals .deals .deal-item .voucher-code .orig-price,
.page-store-detail .store-tabs .voucher-code .orig-price,
.page-merchant-promotion .deals .deal-item .voucher-code .orig-price {
    /* color: #868686; */
    color: #3ba2df;
    text-decoration: line-through;
    font-weight: 500;
}

.page-deals .deals .deal-item .voucher-code .orig-price {
    color: #868686;
}

.page-deals .deals .deal-item .voucher-code .final-price,
.page-store-detail .store-tabs .voucher-code .final-price {
    /* color: #333; */
    color: #3ba2df;
}

.page-deals .deals .deal-item .voucher-code .final-price {
    color: #333;
}

.page-deals .deals .deal-item .voucher-code .text-highlight {
    width: 100%;
    overflow: hidden;
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.page-deals .deals .deal-item .voucher-code .copy {
    position: absolute;
    top: 6px;
    right: 7px;
    background: #fff;
    border-radius: 3px;
    color: #333;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    min-width: 85px;
    text-align: center;
}

.page-deals .deals .deal-item .expires-code,
.page-deals .deals .deal-item .cash-back .percent {
    font-size: 12px;
    margin-top: 6px;
    margin-bottom: 0;
    color: grey;
    white-space: nowrap;
}

.page-deals .deals .deal-item .cash-back .percent {
    margin-top: 3px;
}

.page-deals .deals .deal-item .btn-shop {
    background: #3498db;
    color: #FFFFFF;
    font-size: 14px;
    padding: 8px 5px;
    margin-top: 5px;
    width: 100%;
    max-width: 200px;
    transition: all .3s;
}

.page-deals .deals .deal-item .btn-shop:hover {
    background: #2980b9;
}

.page-deals .deals .deal-item a {
    color: inherit;
    text-decoration: none;
}

.page-deals .deals .deal-item .store-logo {
    width: 100%;
    max-width: 150px;
    object-fit: contain;
    object-position: center;
    height: 50px;
    margin-bottom: 5px;
}

.page-deals .deals .wrap-item {
    border: 1px solid #ddd;
}

.page-deals .pagination>li>a {
    height: 38px;
}

.page-deals .pagination>li:first-child a {
    border-radius: 3px 0 0 3px;
}

.page-deals .pagination>li:last-child a {
    border-radius: 0 3px 3px 0;
}

.title-wrap {
    margin-bottom: 10px;
}

.title-wrap * {
    display: inline-block;
}

.store-popular {
    position: relative;
}

.store-popular .view-all {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 11px;
    color: #fff;
    text-decoration: none;
    background: #4595d1;
    margin: 0;
    padding: 10px 15px;
    border-radius: 20px;
    white-space: nowrap;
    transition: all .3s;
}

.store-popular .view-all:hover {
    background: #337ab7;
}


/* The container <div> - needed to position the dropdown content */
.cat-item .dropdown, .deal-item .dropdown {
    position: relative;
    display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.cat-item .dropdown-content, .deal-item .dropdown-content {
    display: none;
    position: absolute;
    left: -20px;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    min-width: 145px;
    z-index: 1;
}

/* Links inside the dropdown */
.cat-item .dropdown-content a, .deal-item .dropdown-content a {
    padding: 4px 20px;
    text-decoration: none;
    display: block;
    color: #333 !important;
    font-size: 12px;
    text-align: left;
    white-space: nowrap;
    border-bottom: none !important;
}

.deal-category div.deal-item:hover .dropdown-content a {
    border-bottom: none !important;
}

/* Change color of dropdown links on hover */
.cat-item .dropdown-content a:hover, .deal-item .dropdown-content a:hover {
    background-color: #f1f1f1
}

/* Show the dropdown menu on hover */
.cat-item:hover .dropdown-content, .deal-item:hover .dropdown-content {
    display: block;
}

.deal-item .dropdown {
    display: block;
    padding-top: 5px;
    padding-bottom: 4px;
    border-top: 1px solid #f3f5f7;
    border-left: 1px solid #f3f5f7;
    border-bottom: 3px solid #f5f5f5;
}

.deal-item.active .dropdown {
    border-bottom: 3px solid #4595d3;
}

.deal-item .dropbtn {
    font-size: 11px;    
}

.deal-item .dropbtn img {
    display: block;
    height: 35px;
    margin: 0 auto;
}

.deal-item .dropdown-content {
    display: none;
    position: absolute;
    left: -3px;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    min-width: 133px;
    z-index: 1;
}

.deal-item .dropdown-content a {
    padding: 4px 10px;
    border: none !important;
}

.deal-category .deal-item:nth-child(3) {
    border-right: 1px solid #f3f5f7;
}

@media screen and (max-width: 1199px) {
    .page-deals .deal-container {
        width: 95%;
    }

    .page-deals .deals .deal-item .expires-code {
        font-size: 12px;
        margin-top: 10px;
        margin-bottom: 0;
    }

    .page-deals .deals .deal-item .btn-shop {
        font-size: 12px;
        padding: 10px 5px;
    }
}

@media screen and (max-width: 991px) {
    .page-deals .deal-container {
        padding: 0;
        width: 91%;
    }
}

@media screen and (max-width: 767px) {
    .page-deals .deals,
    .page-deals .deals.wrap {
        padding: 10px 0;
    }

    .page-deals .dealcha-category .view-all,
    .page-deals .deals .deal-category .view-all {
        margin: 0 0 0 -20px;
    }

    .page-deals .deal-col {
        padding: 0;
    }

    .page-deals .deal-col .deal-wrap {
        min-height: 0;
    }

    .page-deals .deals .deal-item .btn-shop {
        margin-top: 5px;
        margin-bottom: 5px;
    }
}

@media screen and (max-width: 500px) {
    .page-deals .deal-col {
        padding: 0;
    }

    .page-deals .deal-container .row {
        margin: 0;
    }

    .page-deals .deals .wrap-item {
        width: 100%;
        border-bottom: none;
    }

    .page-deals .deals .wrap-item:last-child {
        border-bottom: 1px solid #ddd;
    }

    .page-deals .deals .deal-item .pic,
    .page-deals .deals .deal-item .desc {
        width: 100%;
        max-height: 200px;
    }

    .page-deals .deals .deal-item img {
        max-height: 180px;
        margin-bottom: 5px;
    }
}

@media screen and (max-width: 460px) {
    .page-deals .deal-container .dealcha-category .title,
    .page-deals .deals .deal-category .title {
        font-size: 15px !important;
    }

    .page-deals .deals .deal-item img {
        /* max-height: 150px; */
    }
}

@media screen and (max-width: 390px) {
    .page-deals .deals .dealcha-category .title-icon,
    .page-deals .deals .deal-category .title-icon {
        width: 30px;
    }

    .page-deals  .deal-category div a {
        font-size: 11px;
    }
}
/* END: Hot Items */

/* START: auth */
.page-auth-signup,
.page-auth-login, 
.page-auth-forgot,
.page-auth-recover,
.page-auth-verify,
.page-auth-subscribe {
    height: 100%;
}

.page-auth-signup .container, 
.page-auth-login .container,
.page-auth-forgot .container,
.page-auth-recover .container,
.page-auth-verify .container,
.page-auth-subscribe .container {
    max-width: 100%;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}

.auth-page {
    font-family: sans-serif;
    height: 100%;
}

.auth-page .containner {
    position: absolute;
    left: 50%;
    top: 40%;
    -ms-transform: translate(-50%,-50%);
    -moz-transform:translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: 90%;
    margin: 0 auto;
}

.auth-page .how-it-work-3-step * {
    color: #fff;
}

.auth-page .how-it-work-3-step {
    margin-top: 85px;
}

.auth-page .how-it-work-3-step .row {
    margin-bottom: 10px;
}

.auth-page .how-it-work-3-step .subject {
    font-size: 28px;
    margin-bottom: 24px;
    margin-left: 20px;
}

.auth-page .how-it-work-3-step img {
    max-width: 80px;
    min-width: 50px;
}

.auth-page .how-it-work-3-step .title {
    font-size: 28px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.38823529411764707);
    line-height: 36px;
}

.auth-page .how-it-work-3-step .detail {
    font-size: 18px;
    margin: 0;
}

.auth-page .language {
    /* margin: 10px;
    font-size: 16px; */
}

.auth-page .form-container {
    /* width: 100%;
    height: 500px;    
    background: #fff;
    border-radius: 10px;
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,.5);
    box-shadow: 0 0 10px rgba(0,0,0,.5); */
}

.auth-page .form-container .language a {
    /* font-size: 12px;
    font-weight: 300;
    color: #ddd;
    text-decoration: none;
    cursor: pointer; */
}

.auth-page .form-container .language a:first-child {
    /* border-right: 1px solid #ddd;
    margin-right: 4px; */
}

.auth-page .form-container .language a.active {
    /* color: #2aa1ff; */
}

.auth-page .form-container .logo {
    /* width: 100%;
    max-width: 250px;
    margin-bottom: 10px; */
}

.auth-page .form-container .logo-text {
    /* margin: 5px 0; */
}

.auth-page .form-container .nav-tabs {
    /* border-bottom: none;
    text-align: center; */
}

.auth-page .form-container .nav>li {
    /* float: none;
    display: inline-block; */
}

.auth-page .form-container .nav>li>a {
    /* font-size: 16px;
    font-weight: 300;
    padding: 5px;
    width: 80px;
    color: grey;
    border: none;
    border-bottom: 2px solid transparent;
    transition: all .3s; */
}

.auth-page .form-container .nav>li>a:hover {
    /* background-color: transparent; */
}

.auth-page .form-container .nav-tabs>li.active>a {
    /* border: none;
    border-bottom: 2px solid #4595d1;
    background: transparent; */
}

.auth-page .form-container .tab-content {
    /* margin: 0 auto;
    margin-top: 10px;
    padding: 0 45px;
    padding-bottom: 20px;
    max-width: 480px; */
}

.auth-page .form-container .form-inline {
    text-align: center;
}

.auth-page .form-container .form-inline .form-group {
    /* margin-bottom: 10px; */
    text-align: left;
    display: block;
    margin: 0 auto 10px;
}

.auth-page .modal-form .blank-height {
    height: 88px;
}

.auth-page .banner-cover-wrap {
    padding: 0;
    height: 100%;
}

.auth-page .banner-cover {
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    padding: 30px;
}

.auth-page .banner-cover .img-how-wrap {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
    width: 100%;
    text-align: center;
}

.auth-page .banner-cover .img-how-wrap img {
    width: 100%;
    max-width: 400px;
    margin: 0 auto;
}

.auth-page .modal-form {
    position: relative;
    height: 100%;
}

.auth-page .form-wrap {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
}

.auth-page .form-container .terms {
    font-size: 14px;
    color: #9d9d9d;
}

.auth-page .form-container .terms:focus {
    outline: none;
}

.auth-page .form-inline .form-group,
.auth-page .form-inline .form-control {
    position: relative;
    width: 100%;
}

.auth-page .form-inline input.form-control {
    border: none;
    box-shadow: 0 0;
    border-bottom: 1px solid #ddd;
    background: transparent;
}

.auth-page .form-inline input[type="checkbox"] {
    width: auto;
    display: inline-block;
    height: 15px;
}

.auth-page .form-container .terms {
    font-size: 14px;
    color: #9d9d9d;
}

.auth-page .indent.form-control {
    border: 0;
    box-shadow: none;
    padding: 0;
    font-size: 16px;
}

.auth-page .form-container .red-btn {
    font-size: 14px;
    color: #fff;
    background: #e74c3c;
    border: none;
    height: 35px;
}

.auth-page .form-container .blue-btn {
    font-size: 14px;
    color: #fff;
    text-decoration: none;
    background: #3d5a96;
    border: none;
    height: 35px;
    position: relative;
    margin-top: 10px;
}

.auth-page .form-container .blue-btn .fa {
    font-size: 28px;
    position: absolute;
    top: 3px;
    left: 10px;
}

.auth-page .forgot {
    margin-bottom: 10px;
    /* max-width: 394px; */
}

.auth-page .alert {
    font-size: 13px;
    padding: 2px 7px;
    margin: 0 auto;
    max-width: 394px;
}

.auth-page .form-inline .form-group .verification {
    font-size: 20px;
    position: absolute;
    top: 5px;
    right: 5px;
}

.auth-page .forgot a, .auth-page .forgot button {
    font-size: 14px;
    color: #9EA0A1;
}

.auth-page .how-it-work-3-step.mobile .col-xs-4 {
    white-space: nowrap;
}

@media screen and (max-height: 600px) {
    .auth-page .banner-cover .img-how-wrap {
        top: 63%;
    }
}

@media screen and (max-width: 768px) {
    .auth-page .how-it-work-3-step img {
        max-width: 50px;
        min-width: 40px;
    }

    .auth-page .how-it-work-3-step.mobile {
        display: block;
        position: absolute;
        bottom: -70px;
        left: 0;
        margin: 0;
        width: 100%;
    }

    .auth-page .how-it-work-3-step .title {
        font-size: 16px;
    }

    .auth-page .how-it-work-3-step .detail {
        font-size: 14px;
    }

    .auth-page .form-container .tab-content {
        padding: 0 25px;
        padding-bottom: 20px;
    }
}

@media screen and (max-width: 767px) {
    .auth-page .how-it-work-3-step .title {
        display: inline-block;
    }

    .auth-page .form-wrap {
        position: unset;
        top: 0;
        left: 0;
        transform: unset;
        margin-top: 10px;
    }

    .auth-page .form-container {
        height: auto;
    }
}

@media screen and (max-width: 500px){
    .auth-page .containner {
        width: 100%;
        position: relative;
        left: 0;
        top: 0;
        -ms-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }

    .auth-page .form-container .tab-content {
        padding: 0 20px;
        padding-bottom: 20px;
    }

    .auth-page .how-it-work-3-step .title {
        font-size: 16px;
    }

    .auth-page .how-it-work-3-step img {
        min-width: 40px;
        width: 40px;
    }
}

@media screen and (max-width:320px){
    .auth-page .form-container .logo {
        max-width: 200px;
    }

    .auth-page .form-container .logo-text {
        font-size: 14px;
    }
}
/* END: auth */

/* START: home */
*:focus {
    outline: none !important;
}

body.body-padding-top {
    padding-top: 135px;
}

header.desktop-head {
    position: fixed;
    top: 0;
    width: 100%;
    /* box-shadow: 0 2px 3px rgba(0,0,0,.2); */
    box-shadow: 0 0 5px 0 #ddd;
    z-index: 99;
}

.link-how-it-work .top-how-it-work {
    display: none;
    position: fixed;
    /* top: 55px; */
    top: 30px;
    left: 0;
    width: 100%;
    background: #fff;
    box-shadow: 0 1px 3px 0 #ddd;
    text-align: center;
    z-index: 99;
}

.link-how-it-work .top-how-it-work img {
    width: 100%;
    max-width: 1170px;
    margin: 0 auto;
}

.link-how-it-work:hover .top-how-it-work  {
    display: block;
}

.desktop-head .top-blue {
    /* background: #4595d2; */
    background: #fff;
    padding: 10px 0;
    height: 85px;
}

.desktop-head .top .container {
    margin: 0 auto;
}

.desktop-head .top-blue .logo img {
    width: 240px;
    margin-top: -2px;
}

.desktop-head .top-blue .search-bar {
    margin: 5px 0 0 0;
}

.desktop-head .top-blue .search-bar .input-group {
    width: 98%;
}

.desktop-head .top-blue .search-bar .field-input .filter {
    position: relative;
}

.desktop-head .top-blue .search-bar .field-input .filter .form-control {
    border: 1px solid #d9d8e0;
    border-radius: 4px !important;
    box-shadow: none;
    /* padding-left: 80px; */
}

.desktop-head .top-blue .search-bar .field-input .filter .form-control.focus-search {
    border-radius: 4px 4px 4px 0 !important;
}

.desktop-head .top-blue .search-bar .field-input .filter .btn-search {
    position: absolute;
    top: 0;
    right: -10px;
    z-index: 1001;
    /* background: transparent;
    border: none;
    color: #666; */
    background: #4595d3;
    border: none;
    color: #fff;
    border-radius: 0 4px 4px 0;
    width: 50px;
}

.desktop-head .top-blue .login {
    margin: 0;
    width: 27%;
    text-align: right;
}

.desktop-head .top-blue .login .col-md-4 {
    padding: 0;
    text-align: center;
}

.desktop-head .top-blue .login .col-md-4 a {
    color: #fff;
    text-decoration: none;
}

.desktop-head .top-blue .login .col-md-4 a p {
    margin: 0;
    margin-top: 0px;
    font-size: 14px;
    white-space: nowrap;
}

.desktop-head .top-blue .login .btn-group.open .dropdown-toggle {
    box-shadow: none;
}

.desktop-head .top-blue .login .contact-dropdown .dropdown-menu {
    min-width: 100px;
}

.desktop-head .top-blue .login .contact-dropdown .dropdown-menu>li>a {
    padding: 0 5px;
}

.desktop-head .top-blue .login .contact-dropdown .dropdown-menu>li>a img {
    border-radius: 2px;
}

.desktop-head .menu {
    background: #4595d2;
    padding: 10px 0;
    /* box-shadow: 0 2px 3px rgba(0,0,0,.2); */
    height: 50px;
}

.desktop-head .menu ul li:last-child {
    /* border-right: 1px solid #ddd; */
}

.desktop-head .menu ul li {
    /* border-right: 1px solid #ddd; */
    text-align: center;  
    border: none;
}

.desktop-head .menu ul li a {
    color: #fff;
    font-size: 14px;
    text-decoration: none;
    padding: 0px 6px;
    transition: all .3s;
}

.desktop-head .menu.en-us ul li a {
    /* padding: 0px 12px; */
}

.desktop-head .menu ul li:hover a {
    /* color: #4595d3; */
}

.desktop-head .menu .category-dropdown a,
.filter-search-dropdown ul li {
    color: #666 !important;
    font-size: 14px;
    text-decoration: none;
    padding: 3px 10px;
}

.desktop-head .menu ul li a img {
    margin-top: -5px;
}

.desktop-head .menu .login.logged {
    margin-top: 5px;
    /* width: 210px; */
    /* border-left: 1px solid rgba(255, 255, 255, 0.4); */
}

.desktop-head .menu .main-manu {
    margin-top: 6px;
    overflow: hidden;
    white-space: nowrap;
}

.desktop-head .menu nav {
    position: relative;
}

.desktop-head a.blue-btn {
    font-size: 14px;
    background: #3d5a96;
    border: none;
    padding: 7px 10px !important;
    height: 32px;
    position: relative;
    /* padding: 7px 15px !important;
    height: 32px;
    width: 190px;
    position: absolute;
    top: -1px;
    right: 0; */
}

.desktop-head a.blue-btn .fa {
    font-size: 18px;
    position: absolute;
    top: 4px;
    left: 9px;
}

.desktop-head .menu .login .col-md-4 a {
    text-decoration: none;
}

.desktop-head .menu .login .dropdown-menu .divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: rgba(255, 255, 255, 0.4);
}

.desktop-head .menu .login .col-md-4 a p {
    margin: 0;
    margin-top: 0px;
    font-size: 14px;
    color: #fff;
    white-space: nowrap;
}

.desktop-head .menu .login .col-md-4 {
    padding: 0;
    text-align: center;
}

.desktop-head .menu .login .contact-dropdown .dropdown-menu {
    min-width: 100px;
    background-color: #263248;
    margin-top: 10px;
    padding: 5px;
    z-index: 1002;
}

.desktop-head .menu .login .contact-dropdown .dropdown-menu li a {
    padding: 0 5px;
    min-height: 0;
}

.desktop-head .menu .login .dropdown-menu {
    min-width: 100px;
    background-color: #263248;
    margin-top: 10px;
    padding: 5px;
    z-index: 1002;
}

.desktop-head .menu .login span.total {
    font-weight: 600;
    color: #46BE8A;
}

.desktop-head .menu .login span.redeem {
    font-weight: 600;
    color: #4390CA;
}

.desktop-head .menu .login ul li {
    display: list-item;
    text-align: left;
}

.desktop-head .menu .login ul li a {
    padding: 3px 20px;
}

.desktop-head .menu .login .header-dropdown > li > a:hover {
    background-color: #454F62;
}

.btn-group.open .dropdown-toggle {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.desktop-head .menu .login .header-dropdown:before {
    bottom: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-bottom-color: #263248;
    border-width: 7px;
    right: 10px;
}

.desktop-head .menu .login .fb-f {
    /* position: absolute;
    top: 0;
    left: 10px; */
    width: 28px;
    margin-left: -10px;
}

.desktop-head .menu .category-dropdown ul.dropdown-menu {
    border-radius: 0px;
    min-width: 140px;
}

.desktop-head .menu .category-dropdown ul li {
    width: 100%;
    text-align: left;
}

.desktop-head .category-bar .category-dropdown {
    /* background: #4595d3; */
    /* border-radius: 3px; */
    /* margin-top: 6px; */
    padding: 4px 3px;
    height: 32px;
}

.desktop-head .category-bar .dropdown-toggle {
    font-size: 14px;
    color: #636363;
    text-decoration: none;
}

.desktop-head .category-bar a {
    font-size: 14px;
    color: #636363;
    text-decoration: none;
}

.desktop-head .category-bar a:hover {
    color: #4595d2;
}

.desktop-head .category-bar .dropdown-toggle .fa {
    /* margin-left: 58px; */
    margin-left: 5px;
}

.desktop-head .menu .login .dropdown-menu li a {
    min-height: 23px;
}

.desktop-head .search-bar {
    margin: 5px 0 0 0;
    width: 69%;
}

.desktop-head .lang {
    width: 6%;
    padding: 0 5px 0 0;
    text-align: right;
}

.desktop-head .language {
    margin-top: 12px;
}

.desktop-head .language a {
    cursor: pointer;
}

.filter-search-dropdown {
    position: absolute;
    top: 6px;
    left: 10px;
    padding: 0 5px;
    border-right: 1px solid #ddd;
    width: 60px;
    text-align: center;
    z-index: 9;
}

.filter-search-dropdown a {
    font-size: 14px;
    color: #666;
    text-decoration: none;
}

.filter-search-dropdown ul {
    top: 23px;
    left: -10px;
    padding: 0;
    border: none;
    border-radius: 0 0 4px 4px;
    box-shadow: none;
    overflow: hidden;
}

.filter-search-dropdown ul li {
    padding: 0;
}

.filter-search-dropdown ul li a {
    color: #666;
    padding: 5px 10px;
    cursor: pointer;
}

.input-suggestion {
    top: 31px;
}

.input-suggestion ul {
    /* border: none; */
    border-radius: 0 0 4px 4px;
}

.desktop-head .menu .language {
    /* padding: 0 10px;
    border-right: 1px solid #ddd; */
}

.page-home .first .carousel img {
    width: 100% !important;
}

.page-home .first .carousel-control.right span, .banner .carousel-control.right span {
    margin-right: -55px;
}

.page-home .first .carousel-control.left span, .banner .carousel-control.left span {
    margin-left: -55px;
} 

.carousel-control span {
    background: #fff;
    color: #4595d3 !important;
    font-size: 20px !important;
    font-weight: 700;
    width: 40px !important;
    height: 40px !important;
    border-radius: 50%;
    padding-top: 9px;
    box-shadow: 0 1px 3px rgba(0,0,0,.5), 0 1px 2px transparent;
}

.page-home .fifth .blog-carousel .news {
    margin-bottom: 0;
}

.page-home .first .deal-carousel {
    font-family: Roboto, sans-serif !important;
    font-size: 14px;
    margin: 20px 0;
    background: #fff;
}

.deal-carousel .deal-subject {
    margin-top: 20px;
    font-size: 18px !important;
}

.deal-carousel .deal-subject img {
    margin-top: -5px;
}

.page-home .seventh {
    padding-bottom: 25px;
}

.page-home .seventh p {
    font-size: 16px;
    color: #495057;
}

.page-home .seventh .featured ul li {
    margin-bottom: 0;
    padding: 0;
}

.page-home .seventh .featured ul li img {
    height: 55px;
}

@media screen and (max-width: 1199px) {
    .page-home .seventh .featured {
        text-align: center;
    }

    .desktop-head .search-bar {
        width: 66%;
    }

    .desktop-head .top-blue .logo img {
        width: 220px;
    }

    .under-menu {
        /* display: none; */
        white-space: nowrap;
        /* text-align: right; */
    }    

    .desktop-head .top-blue {
        /* height: 63px; */
    }

    .desktop-head .top .logo {
        margin-top: 3px;
    }
}

@media screen and (max-width: 991px) {
    .desktop-head .top .logo {
        margin-top: 0;
    }

    .under-menu {
        text-align: right;
    } 
}

@media screen and (max-width: 767px) {
    body.body-padding-top {
        padding-top: 84px;
    }
}

@media screen and (max-width: 500px) {
    .page-home .seventh .featured ul li img {
        height: 45px;
    }
}

.page-home .sixth input {
    color: #808181;
    width: 230px;
    height: 35px;
    margin-right: 5px;
    padding: 10px;
    border: none;
    border-radius: 3px !important;
}

.page-home .sixth .notif {
    color: #fff;
    width: auto;
    position: absolute;
    font-size: 12px;
    padding: 5px 10px;
    bottom: -30px;
    border-radius: 3px;
}

.page-home .sixth .notif.error {
    background: rgba(214, 10, 51, 0.8);
}

.page-home .sixth .notif.success {
    background: rgba(70, 190, 137, 0.8);
}

.page-home .sixth button {
    color: #fff;
    background-color: #46BE8A;
    height: 36px;
    font-size: 14px;
    padding: 0 20px;
}

.page-home .info-title {
    font-size: 26px;
}

@media screen and (max-width: 767px){
    .page-home .sixth .container {
        padding: 0;
    }
}

@media screen and (max-width: 380px){
    .page-home .sixth input {
        width: 165px;
    }
}

.page-home .info-content,
.page-home .info-content * {
    font-family: Roboto, sans-serif !important;
    font-size: 14px;
    line-height: 1.4;
    margin-top: 0;
}

.page-home .info-content {
    display: block;
    /* max-height: 150px; */
    overflow: hidden;
    position: relative;
}

.foot .pop-store {
    margin: 0;
}

.foot .pop-store .title {
    font-size: 16px;
    font-weight: bold;
    font-family: sans-serif;
    /* font-weight: 700; */
    margin: 10px 0;
    display: block;
}

.foot .pop-store ul {
    padding: 0;
}

.foot .pop-store ul li {
    list-style: none;
    display: inline-block;
    margin-right: 10px;
}

.foot .pop-store.search-hit ul li {
    margin-right: 6px;
}

.foot .pop-store ul li a {
    font-size: 14px;
    color: #333;
    text-decoration: none;
}

.foot .pop-store ul li h3 {
    font-size: 12px;
    margin: 0;
}

.foot .sitemap .first-layer {
    padding-top: 0;
}

.foot .contact-social {
    padding: 0;
    margin: 0;
}

.foot .contact-social li {
    list-style-type: none;
    display: inline-block;
    margin: 0 5px;
}

.foot .contact-social li a {
    font-size: 24px;
    color: #fff;
}

.foot .contact-social img {
    width: 23px;
    margin-bottom: 4px !important;
}

.foot .wrap-app1 {
    padding: 0;
    text-align: right;
}

.foot .wrap-app2 {
    text-align: left;
}

.foot .footer-app {
    /* display: inline-block;
    position: relative;
    background: #ead439;
    height: 180px;
    width: 100%;
    max-width: 250px;
    padding: 10px 0 0 10px;
    border-radius: 3px;
    margin-top: 15px;
    overflow: hidden; */
    height: 190px;
    overflow: hidden;
}

.foot .footer-app .btn-get-app {
    background: #272f41;
    padding: 10px;
    border-radius: 3px;
    text-decoration: none;
    color: #fff;
    white-space: nowrap;
    margin-top: 80px;
    margin-left: -30px;
    font-size: 18px;
    display: block;
    width: 145px;
}

.foot .footer-app .border-right {
    border-right: 1px solid #b5b5b5;
}

.foot .footer-app p {
    /* padding-right: 35%;
    text-align: left;
    font-size: 16px; */
    color: #333;
    font-size: 18px;
    margin-bottom: 0;
    padding-left: 15px;
}

.foot .footer-app .google-play-img,
.foot .footer-app .app-store-img {
    /* width: 100px;
    display: block; */
    width: 100%;
    max-width: 160px;
    display: block;
    margin: 10px 0 0 20px !important;
}

.foot .footer-app .mobile-app-img {
    width: 100%;
    /* position: absolute;
    bottom: 0;
    right: 0;
    width: 145px;
    z-index: 10;
    margin: 0 !important; */
}

/* .foot .wrap-app1 .footer-app .mobile-app-img {
    width: 130px;
    transform: rotate(30deg);
    bottom: -70px;
    right: -30px;
}

.foot .wrap-app2 .footer-app .mobile-app-img {
    right: -39px;
    width: 178px;
    transform: rotate(0deg);
    bottom: -7px;
} */

#menu-mobile {
    background: transparent;
    border: none;
    color: #4595d3;
    font-size: 24px;
    margin-top: 3px;
    margin-left: -10px;
}

.btn-view-all-block {
    margin-top: 0;
    width: 100%;
    /* background: #fff; */
    padding: 10px 16px;
    text-align: center;
}

.btn-view-all-block a {
    text-decoration: none;
    color: #fff;
    font-size: 14px;
    background: #4595d3;
    border-radius: 20px;
    text-align: center;
    padding: 9px 70px;
}

.fifth .dealcha-category {
    margin-top: 0;
    margin-bottom: 2px;
    padding: 15px 13px 0px 13px;
    background: transparent;
}

.fifth .dealcha-category .btn-article {
    margin-top: 0 !important;
}

.fifth.partnership .section-bg {
    margin-bottom: 5px;
    padding: 0;
    border-radius: 0;
    box-shadow: none;
}

.fifth.partnership .campaign-title {
    color: #fff;
    text-align: center;
    padding: 10px;
}

.fifth.partnership .pt-cover {
    /* margin-top: -139px; */
    height: auto !important;
    padding: 0 !important;
}

.fifth.partnership .store-style {
    box-shadow: none !important;
}

.fifth.partnership .pt-cover .tag-line {
    margin-top: 0 !important;
    white-space: unset !important;
    padding-right: 0 !important;
}

.fifth.partnership .pt-cover .top-store .store-info {
    position: relative;
}

.fifth.partnership .pt-cover .float-right {
    position: absolute;
    top: 5px !important;
    right: 0 !important;
    transform: none !important;
    z-index: 9;
}

.fifth.partnership .pt-cover .st-promotion img {
    width: 100%;
    height: 90px;
    object-fit: cover;
    object-position: center;
}

.page-home .first .store-panel .green-btn,
.page-home .first .deal-panel .green-btn, 
.page-home .second .deal-panel .green-btn {
    background: #4595d3;
    color: #FFFFFF;
    font-size: 14px;
    padding: 5px 10px;
    width: 70%;
    border-radius: 20px;
    border: none;
}

.page-home .page-merchant-promotion .deals .wrap-item {
    border-right: none;
    border: none;
    padding: 0 10px;
}

.page-home .page-merchant-promotion .deals .wrap-item:last-child {
    /* border-right: 1px solid #ddd; */
}

.page-home .page-merchant-promotion .deals .deal-item {
    margin: 10px -5px;
    border-bottom: 1px solid #eee;
    border: 1px solid #ddd;
    padding: 10px;
}

.page-home .section-bg {
    background: #fff;
    margin-top: 5px;
    padding: 10px;
    box-shadow: 0 0 5px 0 #ddd;
    border-radius: 3px;
    overflow: hidden;
}

#terms-modal .text-24 {
    font-size: 24px;
    display: block;
}

#terms-modal .text-18 {
    font-size: 18px;
    display: block;
}

.zopim {
    bottom: 20px !important;
    /* bottom: 17px !important; */
    right: auto !important;
    left: 15px;
}

/* menu on top (only mobile size) */
.desktop-head .menu li a {
    font-family: Roboto, sans-serif;
    font-size: 12px;
}

.page-home .dealcha-category .cat-item {
    width: 14%;
}

.promotion-partner .col-md-6,
.promotion-partner .col-xs-12 {
    padding: 0;
}

.promotion-partner .promotion-partner-wrap {
    margin: 6px 0;
    padding: 0 6px;
}

.promotion-partner div {
    margin: 6px 0;
    padding: 0 6px;
}

.promotion-partner img {
    width: 100%;
    border-radius: 8px;
    box-shadow: 0 1px 2px 0 #cacaca;
}

.promotion-partner .promotion-partner-wrap img {
    width: 100%;
    margin: 0;
    padding: 0;
    border-radius: 8px;
    box-shadow: 0 1px 2px 0 #cacaca;
}

.promotion-partner img:hover {
    cursor: pointer;
    opacity: .9;
}

.tag-content {
    font-family: Roboto, sans-serif;
}

.tag-content .title {
    font-size: 16px;
    color: #495057;
    line-height: 1.5;
}

.tag-content .sub-title {
    font-size: 14px;
    color: #495057;
}

.tag-content .text-b {
    font-weight: bold;
}

.ac-main {
    position: relative;
}

.ac-main .number {
    display: inline-block;
    position: absolute;
    top: 11px;
    left: 0;
    width: 30px;
    height: 30px;
    border: 1px solid #ececec;
    border-radius: 50%;
    font-size: 14px;
    color: #495057;
    padding: 6px 0 0 11px;
    padding: 0;
    text-align: center;
    line-height: 2;
}

.tag-content .accordion {
    color: #495057;
    cursor: pointer;
    padding: 18px;
    padding-left: 40px;
    margin: 0;
    width: 100%;
    border-top: 1px solid #ececec;
    text-align: left;
    outline: none;
    font-size: 14px;
    line-height: 1.4;
    transition: 0.4s;
}

.tag-content .active, .tag-content .accordion:hover {
    /* background-color: #ccc; */
}

.tag-content .accordion:after {
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    content: '\f107';
    color: #495057;
    font-weight: bold;
    float: right;
    margin-left: 5px;
}

.tag-content .active:after {
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    content: '\f106';
}

.tag-content .ac-panel {
    font-size: 14px;
    line-height: 1.4;
    color: #495057;
    padding: 0 70px;
    padding-left: 40px;
    background-color: white;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}

.tag-content .ac-sub .accordion,
.tag-content .ac-sub .ac-panel {
    /* padding-left: 50px; */
}

@media screen and (max-width: 1199px) {
    body.body-padding-top {
        padding-top: 122px;
    }

    .desktop-head .menu {
        padding: 5px 0;
        height: auto;
    }

    .desktop-head .menu.en-us ul li a {
        /* padding: 0px 11px; */
        font-size: 14px;
    }

    .desktop-head .category-bar .dropdown-toggle .fa {
        margin-left: 25px;
    }

    .desktop-head .menu ul li a {
        font-size: 14px;
    }

    .desktop-head a.blue-btn {
        /* padding: 7px 21px !important; */
    }

    .foot .footer-app .google-play-img, .foot .footer-app .app-store-img {
        max-width: 145px;
        margin: 10px 0 0 45px !important;
    }
}

@media screen and (max-width: 991px) {
    .desktop-head .menu ul li a {
        padding: 0px 1px;
    }

    .desktop-head .menu.en-us ul li a {
        padding: 0px 5px;
    }

    .desktop-head a.blue-btn {
        /* padding: 7px 10px !important; */
    }

    .desktop-head .menu nav ul li.visible-xs,
    .desktop-head .menu nav ul li.visible-sm {
        display: inline !important;
    }

    .desktop-head .top-blue .login {
        margin-top: 8px;
    }

    .desktop-head .top-blue .login a img {
        width: 20px;
    }

    .desktop-head .top-blue .login .contact-dropdown .dropdown-menu>li>a img {
        width: 15px;
    }

    .desktop-head .top-blue .login .dropdown-menu {
        right: -8px;
    }

    .desktop-head .category-bar .category-dropdown {
        padding: 4px 10px;
    }

    .desktop-head .category-bar .dropdown-toggle .fa {
        margin-left: 0;
    }

    .desktop-head .search-bar {
        width: 58%;
    }

    .desktop-head .lang {
        width: 8%;
    }

    .foot .footer-app .google-play-img,
    .foot .footer-app .app-store-img {
        margin: 5px 0 0 75px !important;
    }

    .foot .footer-app .btn-get-app {
        font-size: 14px;
        width: 115px;
    }

    .foot .footer-app .btn-get-app img {
        width: 20px;
    }

    .foot .footer-app .google-play-img, .foot .footer-app .app-store-img {
        max-width: 140px;
    }

    .fifth.partnership .pt-cover .top-store .store-cashback div:first-child {
        font-size: 14px;
    }

    .fifth.partnership .pt-cover .top-store .store-cashback div:last-child {
        font-size: 12px;
    }
}

@media screen and (max-width: 800px) {
    body.body-padding-top {
        /* padding-top: 100px; */
    }

    .desktop-head {
        display: block !important;
    }

    .mobile-head {
        display: none !important;
    }

    .page-home .first .carousel-control.right span, .banner .carousel-control.right span {
        margin-right: -10px;
    }
    
    .page-home .first .carousel-control.left span, .banner .carousel-control.left span {
        margin-left: -10px;
    }     
}

@media screen and (max-width: 767px) {
    .foot .pop-store ul li a,
    .foot .sitemap .first-layer a {
        line-height: 3.5;
    }

    .desktop-head .top-blue {
        height: 53px;
    }

    .desktop-head .top .container {
        padding: 0 5px;
    }

    .desktop-head .top .logo {
        padding: 0;
    }

    .desktop-head .top-blue .logo img {
        object-fit: cover;
        object-position: left;
        height: 30px;
        width: 43px;
    }

    .desktop-head .top-blue .search-bar {
        margin: 0;
    }

    /* menu on top (only mobile size) */
    .desktop-head .menu .main-manu li a {
        font-family: Roboto, sans-serif;
        font-size: 11px;
    }

    .filter-search-dropdown {
        display: none;
    }

    .desktop-head .top-blue .search-bar .field-input .filter .form-control {
        height: 30px;
        padding-left: 10px;
        padding-right: 35px;
    }

    .desktop-head .top-blue .search-bar .field-input .filter .btn-search {
        top: -1px;
        right: -13px;
    }

    .desktop-head .top-blue .login {
        margin-top: 2px;
    }    

    .page-home .page-merchant-promotion .deals .wrap-item {
        /* border-right: 1px solid #ddd; */
    }

    .page-home .second .deal-carousel {
        padding: 0;
    }

    .page-home .first .carousel-indicators, .banner .carousel-indicators {
        display: none;
    }

    .desktop-head .top-blue .logo img {
        height: 30px;
        width: 43px;
    }

    .desktop-head .top-blue .logo img {
        margin-top: 0px;
    }

    .desktop-head .category-bar .category-dropdown {
        margin-top: 0;
    }

    .desktop-head .category-bar .category-dropdown {
        padding: 3px 10px;
    }

    .desktop-head .search-bar {
        width: 48%;
    }

    .desktop-head .top-blue .search-bar .field-input .filter .btn-search {
        top: 0px;
    }

    .desktop-head .top .search-bar button {
        height: 30px;
    }

    .desktop-head .language {
        margin-top: 5px;
    }

    .category-bar {
        padding: 0;
    }

    .desktop-head .lang {
        width: 10%;
    }

    .desktop-head .menu .container {
        text-align: center;
    }

    .desktop-head .top-blue .search-bar .field-input .filter .btn-search {
        background: transparent;
        color: #666;
        right: -8px;
    }

    .desktop-head .menu ul.pull-left, .desktop-head .menu ul.pull-right {
        float: none !important;
        display: inline;
    }

    .desktop-head .menu .login.logged {
        margin-top: -1px;
    }

    .page-home .deal-category {
        padding: 5px;
        border-bottom: 1px solid #f5f5f5;
    }

    .page-home .deal-category .deal-item:nth-child(3) {
        border: none;
    }

    .page-home .deal-category .deal-item .dropdown {
        border: none;
        text-align: center;
    }

    .page-home .deal-category .deal-item .dropbtn img {
        height: 30px;
    }

    .page-home .deal-category .deal-item .dropdown-content a {
        padding: 4px 10px;
    }

    .tag-content .accordion {
        /* padding: 18px 0px; */
        padding: 10px;
        padding-left: 40px;
        padding-right: 35px;
    }

    .tag-content .ac-panel {
        /* padding: 0; */
    }

    .tag-content .accordion,
    .tag-content .ac-sub .accordion {
        /* padding-left: 20px; */
        position: relative;
    }

    .tag-content .accordion:after {
        position: absolute;
        top: 40%;
        right: 5px;
    }

    .foot .wrap-app1,
    .foot .wrap-app2 {
        text-align: center;
    }

    .foot .footer-app {
        /* height: auto; */
    }

    .foot .footer-app p {
        padding: 0;
        text-align: center;
    }

    .foot .footer-app .btn-get-app {
        margin: 10px auto;
    }

    .foot .footer-app .google-play-img,
    .foot .footer-app .app-store-img {
        margin: 10px auto !important;
    }

    .foot .footer-app .mobile-app-img.app {
        width: 100% !important;
        max-width: 270px;
        display: block;
        margin: 0 auto;
        margin-bottom: -15px;
    }

    .fifth.partnership .pt-cover .row.st-promotion {
        margin: 0 -5px;
    }

    .fifth.partnership .pt-cover .row.st-promotion .col-xs-6 {
        padding: 0 5px;
    }

    .fifth.partnership .pt-cover .top-store .store-info .col-xs-8 {
        padding: 0;
    }

    .fifth.partnership .campaign-title p {
        font-size: 20px !important;
    }

    .fifth.partnership .campaign-title p:last-child {
        font-size: 14px !important;
    }
}

@media screen and (max-width: 590px) {
    .desktop-head a.blue-btn {
        display: none !important;
    } 

    body.body-padding-top {
        padding-top: 85px;
    }
}

@media screen and (max-width: 530px) {
    body.body-padding-top {
        padding-top: 87px;
    }
    
    .desktop-head .top .logo {
        width: 17%;
    }

    .desktop-head .top .category-bar, .desktop-head .lang {
        display: none;
    }

    .desktop-head .top .login.hidden {
        display: block !important;
    }   

    .desktop-head .menu .login.pull-left,
    .desktop-head .menu .login.pull-right {
        display: none !important;
    }

    .desktop-head .search-bar {
        width: 40%;
    }
}

@media screen and (max-width: 445px) {
    .desktop-head .top-blue .search-bar {
        width: 48%;
    }

    .desktop-head .menu nav .category-dropdown {
        display: none;
    }

    .desktop-head .menu nav ul.pull-right {
        float: none !important;
    }

    .desktop-head .menu  .container {
        padding: 0;
    }

    .desktop-head .menu ul li a,
    .desktop-head .menu .category-dropdown a,
    .filter-search-dropdown ul li {
        font-size: 13px;
    }

    .page-home .dealcha-category .title,
    .page-home .promotions .deal-category .title {
        font-size: 22px !important;
    }

    .carousel-control span {
        font-size: 12px !important;
        width: 25px !important;
        height: 25px !important;
    }

    .page-home .carousel-control span, .banner .carousel-control span {
        background: transparent;
        box-shadow: none;
    }

    .page-home .first .carousel-control.right span, .banner .carousel-control.right span {
        margin-right: -31px;
    }
    
    .page-home .first .carousel-control.left span, .banner .carousel-control.left span {
        margin-left: -31px;
    }

    .desktop-head .top .logo {
        width: 14%;
    }
}

@media screen and (max-width: 414px) {
    /* fixed layout issue on ios */
    body.iosBugFixCaret .desktop-head .top .container {
        padding: 0;
    }

    body.iosBugFixCaret .desktop-head .top-blue .search-bar {
        width: 46%;
    }

    body.iosBugFixCaret #menu-mobile {
        padding-left: 5px;
    }
}

@media screen and (max-width: 330px) {
    #menu-mobile {
        font-size: 20px;
        margin-top: 5px;
    }

    .desktop-head .top-blue .logo img {
        height: 25px;
        width: 36px;
    }

    .desktop-head .top-blue .logo img {
        margin-top: 2px;
    }

    .desktop-head .top-blue .search-bar {
        width: 46%;
    }
}

/* END: home */

/* START: special campagin page */
.page-special-campaign .body {
    background: #EEEEEE;
}

.special-campaign {
    margin: 10px 0;
    background: #fff;
    border-radius: 3px;
    overflow: hidden;
    box-shadow: 0 0 5px 0 #ddd;
}

.special-campaign img {
    width: 100%;
}

.special-campaign .banner {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 206px;
    width: 100%;
}

.special-campaign .nav-tabs {
    border-bottom: none;
    text-align: center;
    background: #fff;
    padding: 5px;
}

.special-campaign .nav>li {
    float: none;
    display: inline-block;
    position:relative;
}

.special-campaign .nav>li>a {
    font-size: 16px;
    font-weight: 300;
    padding: 5px;
    color: #6d6e71;
    border: none;
    cursor: pointer;
    transition: all .3s;
}

.special-campaign .nav>li>a:focus,
.special-campaign .nav>li>a:hover {
    color: #4595d2;
    background-color: transparent;
}

.special-campaign .nav>li>a img {
    width: 25px;
    margin-bottom: 5px;
}

.special-campaign .bg-grey {
    background: #f5f5f5;
    padding: 10px 20px;
}

.special-campaign .bg-white {
    background: #fff;
    padding: 10px 20px;
}

.special-campaign .title {
    color: #929497;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.4;
    margin: 15px 0 10px;
}

.special-campaign .title img {
    width: 25px;
    margin-bottom: 5px;
}

.special-campaign .content-2 .title {
    font-size: 15px;
}

.special-campaign .description {
    color: #929497;
    font-size: 14px;
    padding-left: 30px;
}

.special-campaign .style-wrap {
    padding: 0 10px;
}

.special-campaign .style-item {
    padding: 10px;
}

.special-campaign .style-item img {
    cursor: pointer;
    opacity: 1;
    transition: all .2s;
}

.special-campaign .style-item img:hover {
    opacity: .8;
}

.special-campaign .style-9S img,
.special-campaign .style-4S img,
.special-campaign .style-4S2 img {
    border-radius: 8px;
}

.special-campaign .style-4R img,
.special-campaign .style-4R2 img {
    border-radius: 70px;
}

.special-campaign .promotion img {
    border-radius: 8px;
    box-shadow: 0 2px 4px 0 #E0E8F3;
}

.special-campaign .blog a {
    text-decoration: none;
    color: #929497;
    font-size: 13px;
}

.special-campaign .blog a span {
    height: 37px;
    line-height: 1.4;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.special-campaign .blog .style-item img {
    margin-bottom: 5px;
}

.special-campaign .blog .style-item img:hover {
    opacity: 1;
}


.special-campaign .modal-title {
    font-size: 16px;
}

.special-campaign .modal-footer .btn-primary {
    /* background-color: #e74d3c;
    border-color: #e74d3c; */
    background-color: #4595d1;
    border-color: #4595d1;
    width: 100%;
}

.special-campaign .modal-header {
    border-bottom: none;
    background-color: #4595D1;
    color: #fff;
    border-radius: 5px 5px 0 0;
}

.special-campaign .modal-header .shop-now {
    position: absolute;
    top: 9px;
    right: 50px;
    padding: 5px 10px;
    border: 1px solid #fff;
    border-radius: 4px;
    cursor: pointer;
}


.special-campaign .cashback-details .table-bordered, 
.special-campaign .cashback-details .table-bordered>tbody>tr>td, 
.special-campaign .cashback-details table, 
.special-campaign .cashback-details table>tbody>tr>td {
    border: none !important;
}

.special-campaign .cashback-details .table-bordered, 
.special-campaign .cashback-details table {
    border: 1px solid #ddd !important;
}

.special-campaign .cashback-details .table-bordered>tbody>tr,
.special-campaign .cashback-details table>tbody>tr {
    border-bottom: 1px solid #ddd !important;
}

.special-campaign .cashback-details .table-bordered>tbody>tr:last-child,
.special-campaign .cashback-details table>tbody>tr:last-child {
    border-bottom: none !important;
}

.special-campaign .terms * {
    font-family: Roboto, sans-serif !important;
    font-size: 14px !important;
}

/* back to top botton */
#back-to-top {
    position: fixed;
    bottom: 75px;
    right: 30px;
    display: none;
    width: 50px;
    height: 50px;
    background-color: #a0a0a0;
    border-radius: 50%;
    padding-top: 7px;
    color: #fff;
    font-size: 26px;
    text-align: center;
    cursor: pointer;
    z-index: 99999;
}

@media screen and (max-width: 1199px) {
    .special-campaign .nav>li>a {
        font-size: 14px;
    }

    .special-campaign .nav>li>a img {
        width: 20px;
    }
}

@media screen and (max-width: 991px) {
    .special-campaign .nav-tabs {
        white-space: nowrap;
        overflow-x: scroll;
    }
}

@media screen and (max-width: 767px) {
    .special-campaign .banner {
        height: 140px;
    }
}
/* END: special campaign page */

/* START: extension page */
.extension img {
    width: 100%;
}

.extension .bg-1 {
    position: relative;
    width: 100%;
    height: 400px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    color: #fff;
    padding: 30px;
}

.extension .bg-1 .main-img {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 599px;
    z-index: 9;
}

.extension .bg-1 .text {
    padding-top: 25px;
}

.extension .bg-1 .text .h1 {
    font-size: 40px;
    font-weight: bold;
}

.extension .bg-1 .text p {
    font-size: 24px;
}

.extension .btn-extension {
    font-size: 24px;
    color: #000;
    background-color: #f0cf14;
    padding: 10px 20px;
    margin: 20px 0 30px;
    display: inline-block;
    text-decoration: none;
    white-space: nowrap;
    transition: all .3s;
}

.extension .btn-extension:hover {
    background-color: #d6b913;
}

.extension .btn-extension.green {
    color: #fff;
    background-color: #4cbd8b;
    margin: 0;
}

.extension .btn-extension.green:hover {
    background-color: #41ab7c;
}

.extension .bg-grey {
    background-color: #eaeaea;
    color: #333;
    padding: 30px;
    padding-left: 60px;
}

.extension .bg-grey .wrap-img {
    padding: 30px 10px;
}

.extension .bg-grey .step-img {
    box-shadow: 2px 2px 6px 3px #b5b5b5;
}

.extension .bg-grey .title {
    font-size: 24px;
    font-weight: bold;
    margin: 0;
}

.extension .bg-grey .sub {
    font-size: 18px;
    margin: 0;
}

.extension .bg-slide {
    position: relative;
    width: 100%;
    height: 548px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    color: #bcbec0;    
}

.extension .bg-slide .slide-wraper {
    padding: 15px 30px;
    padding-left: 60px;
}

.extension .carousel-control.right,
.extension .carousel-control.left {
    background-image: none;
}

.extension .carousel-control span {
    background: none;
    box-shadow: none;
    color: #aaa !important;
}

.extension .carousel-indicators li {
    border: 1px solid #c4c6c7;
}

.extension .carousel-indicators .active {
    background-color: #c4c6c7;
}

.extension .bg-slide .text {
    position: relative;
    height: 480px;
    padding-top: 65px; 
}

.extension .bg-slide .text .btn-extension {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 9;
}

.extension .bg-slide .text .title {
    font-size: 24px;
    font-weight: bold;
    line-height: 1.4;
    margin-bottom: 20px;
}

.extension .bg-slide .text p {
    font-size: 18px;
    color: #333;
}

.extension .bg-slide .text .text-green {
    color: #4a9c7a;
}

.extension .bg-slide .text .text-red {
    color: #e74e46;
}

.extension .bg-slide .btn-active-swap {
    position: absolute;
    top: 158px;
    right: 115px;
    width: 195px;
    text-align: center;
    font-size: 12px;
    white-space: nowrap;
    color: #fff;
    background-color: #e74e46;
    padding: 7px 10px;
    border: 1px solid #e74e46;
    border-radius: 4px;
    z-index: 9;
    transition: all .3s;
}

.extension .bg-slide .btn-active-swap.active {
    color: #4cbd8b;
    background-color: transparent;
    border-color: #4cbd8b;
}

@media screen and (max-width: 1199px) {
    .extension .bg-1 {
        height: 330px;
    }

    .extension .bg-1 .main-img {
        width: 470px;
    }

    .extension .bg-1 .text .h1 {
        font-size: 30px;
    }

    .extension .bg-1 .text p {
        font-size: 18px;
    }

    .extension .btn-extension {
        font-size: 20px;
    }

    .extension .bg-grey .title {
        font-size: 18px;
    }

    .extension .bg-grey .sub {
        font-size: 14px;
    }

    .extension .bg-slide {
        height: 448px;
    }

    .extension .bg-slide .text {
        height: 390px;
    }

    .extension .bg-slide .text .title {
        font-size: 18px;
    }

    .extension .bg-slide .text p {
        font-size: 14px;
    }

    .extension .bg-slide .btn-active-swap {
        top: 126px;
        right: 93px;
        width: 165px;
        font-size: 10px;
    }
}

@media screen and (max-width: 991px) {
    .extension .bg-1 {
        height: auto;
        padding-bottom: 0;
    }

    .extension .bg-slide {
        height: auto;
    }

    .extension .bg-slide .text {
        height: auto;
        padding-top: 0;
    }

    .extension .bg-slide .text .btn-extension {
        position: unset;
    }

    .extension .bg-slide .slide-wraper img {
        margin-top: -55px;
    }
}

@media screen and (max-width: 767px) {
    .page-extension .wrapper .body .container {
        padding: 0;
    }

    .extension .bg-1 .text {
        padding-top: 0;
    }

    .extension .bg-1 .text .h1 {
        font-size: 24px;
        margin-top: 0;
    }

    .extension .bg-1 .text p {
        font-size: 16px;
    }

    .extension .btn-extension {
        font-size: 16px;
        margin: 10px 0;
    }

    .extension .bg-grey {
        padding: 20px 30px;
    }

    .extension .bg-slide .slide-wraper {
        padding: 15px 30px;
    }

    .extension .bg-slide .slide-wraper img {
        margin-top: -20px;
    }    

    .extension .bg-grey .wrap-img {
        padding: 15px 0;
    }

    .extension .bg-slide .btn-active-swap {
        top: 128px;
        right: 143px;
        width: 108px;
        font-size: 6px;
    }
}

@media screen and (max-width: 414px) {
    .extension .bg-slide .btn-active-swap {
        top: 69px;
        right: 73px;
        width: 108px;
        font-size: 6px;
    }
}

@media screen and (max-width: 375px) {
    .extension .bg-slide .btn-active-swap {
        top: 62px;
        right: 62px;
        width: 103px;
        font-size: 5px;
    }
}

@media screen and (max-width: 360px) {
    .extension .bg-slide .btn-active-swap {
        top: 57px;
        width: 93px;
    }
}

@media screen and (max-width: 320px) {
    .extension .bg-slide .btn-active-swap {
        top: 46px;
        right: 56px;
        width: 81px;
        font-size: 4px;
    }
}
/* END: extension page */

/* START: recommend store page */
.rec-store .dealdays-title {
    background: #f5f5f5;
}

.rec-store .store-wraper {
    padding: 0 20px 20px 20px;
    margin: 0;
    background: #f5f5f5;
}

.rec-store .store-wraps img {
    border-radius: 8px;
}

@media screen and (max-width: 767px) {
    .dealdays-deal .title, .dealdays-subject {
        font-size: 16px;
    }
}
/* END: recommend store page */

/* START: mobile app page */
.page-mobile-app .wrapper .body {
    background: #f5f5f5;
}

.mobile-app {
    background: #fff;
}

.mobile-app img {
    width: 100%;
}

.mobile-app a {
    text-decoration: none;
}

.mobile-app .bg-1 {
    position: relative;
    width: 100%;
    height: 206px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    color: #fff;
    padding: 30px 50px;
}

.mobile-app .bg-1 .text {
    padding-top: 15px;
}

.mobile-app .bg-1 .text .h1 {
    font-size: 34px;
    font-weight: bold;
}

.mobile-app .bg-1 .text p {
    font-size: 20px;
}

.mobile-app .intro {
    padding: 30px 50px;
}

.mobile-app .intro .info {
    padding: 50px 30px;
}

.mobile-app .intro .info .title {
    font-size: 24px;
}

.mobile-app .intro .info .sub {
    font-size: 18px;
}

.mobile-app .intro .info .input-wrap {
    display: inline-block;
    position: relative;
    margin: 20px 0 30px;
}

.mobile-app .intro .info .input-wrap input {
    border: 1px solid #4e9fd7;
    border-radius: 8px !important;
    padding: 10px;
    font-size: 24px;
    width: 400px;
}

.mobile-app .intro .info .input-wrap button {
    position: absolute;
    top: 0;
    right: 0;
    background: #4e9fd7;
    border: none;
    font-size: 24px;
    color: #fff;
    padding: 11px 14px;
    border-radius: 0 8px 8px 0;    
    z-index: 9;
}

.mobile-app .intro .info img {
    display: inline-block;
    width: 193px;
}

.mobile-app .intro .info img:first-child {
    margin-right: 10px;
}

.mobile-app .menu {
    background: #4e9fd7;
    padding: 15px 10px;
}


.mobile-app .nav-tabs {
    border-bottom: none;
    text-align: center;
}

.mobile-app .nav>li {
    float: none;
    display: inline-block;
    position:relative;
    width: 24%;
}

.mobile-app .nav>li>a {
    border: none;
    cursor: pointer;
    padding: 0 10px;
}

.mobile-app .nav>li>a:focus,
.mobile-app .nav>li>a:hover {
    background-color: transparent;
}

.mobile-app .menu a {
    font-size: 24px;
    color: #fff;
    text-decoration: none;
    cursor: pointer;
}

.mobile-app .section-1 {
    background: #eaeaea;
    padding: 50px 30px;
}

.mobile-app .section-1 .h2 {
    font-weight: bold;
    text-align: center;
    margin: 0 0 40px;
}

.mobile-app .section-1 .item {
    padding: 0 30px;
}

.mobile-app .section-1 img {
    width: 100px;
}

.mobile-app .section-1 .title {
    font-size: 22px;
    font-weight: bold;
}

.mobile-app .section-1 .sub {
    font-size: 18px;
}

.mobile-app .section-2 {
    padding: 50px;
}

.mobile-app .menu-slide-mobile {
    text-align: center;
    margin: 10px 0 5px;
}

.mobile-app .menu-slide-mobile img {
    width: 50px;
    margin: 0 5px;
}

.mobile-app .section-2 .h2 {
    font-weight: bold;
    text-align: center;
    margin: 0 0 40px;
}

.mobile-app .section-2 .step img {
    width: 75px;
}

.mobile-app .section-2 .step .row {
    margin: 35px 0;
    cursor: pointer;
}

.mobile-app .section-2 .step .item-img {
    text-align: right;
    padding-right: 5px;
}

.mobile-app .section-2 .step .title {
    font-size: 22px;
    font-weight: bold;
    margin: 0;
}

.mobile-app .section-2 .step .title.active {
    color: #4e9fd7;
}

.mobile-app .section-2 .step .sub {
    font-size: 18px;
    color: grey;
}

.mobile-app .section-3 {
    width: 100%;
    height: 547px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    color: #fff;
    padding: 30px 50px;
    text-align: center;
}

.mobile-app .section-3 .h2 {
    font-size: 30px;
    font-weight: bold;
    margin-bottom: 15px;
}

.mobile-app .section-3 p {
    font-size: 18px;
}

.mobile-app .section-3 .input-wrap {
    display: inline-block;
    position: relative;
    margin: 15px 0 30px;
}

.mobile-app .section-3 .input-wrap input {
    border: none;
    border-radius: 8px !important;
    padding: 10px;
    font-size: 24px;
    width: 400px;
    color: #000;
}

.mobile-app .section-3 .input-wrap button {
    position: absolute;
    top: 0;
    right: 0;
    background: #f1d41b;
    border: none;
    font-size: 24px;
    color: #000;
    padding: 10px 14px;
    border-radius: 0 8px 8px 0;    
    z-index: 9;
}

.mobile-app .section-3 img {
    display: inline-block;
    width: 193px;
}

.mobile-app .section-3 img:first-child {
    margin-right: 10px;
}

.mobile-app .section-4 {
    padding: 50px;
    background: #ededed;
}

@media screen and (max-width: 1199px) {
    .mobile-app .menu a {
        font-size: 20px;
    }

    .mobile-app .section-1 .title {
        font-size: 20px;
    }

    .mobile-app .section-1 .sub {
        font-size: 16px;
    }

    .mobile-app .section-2 .step .title {
        font-size: 20px;
    }

    .mobile-app .section-2 .step .sub {
        font-size: 16px;
    }

    .mobile-app .section-2 .step .row {
        margin: 25px 0;
    }

    .mobile-app .section-2 .step img {
        width: 65px;
    }
}

@media screen and (max-width: 991px) {
    .mobile-app .bg-1 .text .h1 {
       font-size: 28px;
    }

    .mobile-app .bg-1 .text p {
        font-size: 16px;
    }

    .mobile-app .intro .info {
        padding: 25px 30px;
    }

    .mobile-app .intro .info .title {
        font-size: 18px;
    }

    .mobile-app .intro .info .sub {
        font-size: 14px;
    }

    .mobile-app .intro .info .input-wrap input {
        font-size: 18px;
        width: 350px;
    }

    .mobile-app .intro .info .input-wrap button {
        top: 0;
        font-size: 18px;
        padding: 11px 14px;
    }

    .mobile-app .intro .info img {
        width: 167px;
    }

    .mobile-app .menu a {
        font-size: 18px;
    }

    .mobile-app .section-1 .h2 {
        font-size: 28px;
    }

    .mobile-app .section-1 img {
        width: 75px;
    }

    .mobile-app .section-1 .title {
        font-size: 18px;
    }

    .mobile-app .section-1 .sub {
        font-size: 14px;
    }

    .mobile-app .section-2 .h2 {
        font-size: 28px;
    }

    .mobile-app .section-2 .step img {
        width: 50px;
    }

    .mobile-app .section-2 .step .title {
        font-size: 18px;
    }

    .mobile-app .section-2 .step .sub {
        font-size: 14px;
    }

    .mobile-app .section-2 .step .row {
        margin: 10px 0;
    }

    .mobile-app .section-3 .h2 {
        font-size: 28px;
    }

    .mobile-app .section-3 p {
        font-size: 16px;
    }

    .mobile-app .section-3 .input-wrap input {
        font-size: 18px;
        width: 350px;
    }

    .mobile-app .section-3 .input-wrap button {
        top: 0;
        font-size: 18px;
        padding: 10px 14px;
    }

    .mobile-app .section-3 img {
        width: 167px;
    }

    .mobile-app .intro {
        text-align: center;
    }

    .mobile-app .intro img {
        max-width: 300px;
    }
}

@media screen and (max-width: 767px) {
    .page-mobile-app .wrapper .body .container {
        padding: 0;
    }

    .mobile-app .bg-1 {
        padding: 20px;
        text-align: center;
        background-image: url('https://s3-ap-southeast-1.amazonaws.com/dealcha/images/mobile-app/background/bg-1-mobile.jpg') !important;
    }

    .mobile-app .bg-1 .text {
        padding-top: 0;
    }

    .mobile-app .bg-1 .text .h1 {
        font-size: 22px;
        margin-top: 0;
    }

    .mobile-app .intro {
        text-align: center;
    }

    .mobile-app .intro .info {
        padding: 25px 0;
    }

    .mobile-app .intro img {
        max-width: 300px;
    }

    .mobile-app .intro .info .input-wrap {
        display: block;
        margin: 15px 0 20px;
    }

    .mobile-app .intro .info .input-wrap input {
        font-size: 16px;
        width: 100%;
    }

    .mobile-app .intro .info .input-wrap button {
        font-size: 16px;
    }

    .mobile-app .intro .info img {
        width: 47%;
    }

    .mobile-app .menu {
        white-space: nowrap;
        overflow-x: scroll;
    }

    .mobile-app .nav>li {
        width: auto;
    }

    .mobile-app .menu a {
        font-size: 16px;
    }

    .mobile-app .section-1 {
        padding: 30px;
    }

    .mobile-app .section-1 .h2 {
        font-size: 24px;
        margin-bottom: 20px;
    }

    .mobile-app .section-2 {
        padding: 30px 25px;
    }

    .mobile-app .section-2 .h2 {
        font-size: 24px;
        margin-bottom: 10px;
    }

    .mobile-app .section-2 .step .row {
        min-height: 75px;
    }

    .mobile-app .section-2 .step img {
        width: 45px;
    }

    .mobile-app .section-3 {
        padding: 20px 40px;
    }

    .mobile-app .section-3 .h2 {
        font-size: 24px;
    }

    .mobile-app .section-3 p {
        font-size: 14px;
    }

    .mobile-app .section-3 .input-wrap {
        display: block;
    }

    .mobile-app .section-3 .input-wrap input {
        font-size: 16px;
        width: 100%;
    }

    .mobile-app .section-3 .input-wrap button {
        font-size: 16px;
    }

    .mobile-app .section-3 img {
        width: 47%;
    }

    .mobile-app .section-4 {
        padding: 20px;
    }
}

@media screen and (max-width: 375px) {
    .mobile-app .bg-1 .text .h1 {
        font-size: 16px;
    }

    .mobile-app .bg-1 .text p {
        font-size: 14px;
    }

    .mobile-app .intro {
        padding: 30px;
    }

    .mobile-app .intro .info .title {
        font-size: 16px;
    }

    .mobile-app .section-1 h2,
    .mobile-app .section-2 .h2 {
        font-size: 20px;
    }

    .mobile-app .section-3 .h2 {
        font-size: 16px;
        margin-bottom: 10px;
    }

    .mobile-app .section-1 .title,
    .mobile-app .section-2 .step .title {
        font-size: 16px;
    }

    .mobile-app .section-2 .step img {
        width: 35px;
    }

    .mobile-app .section-3 {
        height: 400px;
    }
}

@media screen and (max-width: 320px) {
    .mobile-app .menu-slide-mobile img {
        width: 40px;
    }
}
/* END: mobile app page */

/* Start: Partnership */
.page-partnership .body {
    background: #EEEEEE;
}

.partnership {
    margin: 10px 0;
    background: #f5f5f5;
    color: #495057;
    border-radius: 3px;
    overflow: hidden;
    box-shadow: 0 0 5px 0 #ddd;
}

.partnership img {
    width: 100%;
}

.partnership .pt-cover {
    position: relative;
    width: 100%;
    height: 455px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    color: #fff;
    padding: 30px 50px;
}

.partnership .pt-cover .top-store {
    background: #fff;
    border-radius: 3px;
    padding: 5px;
    margin-bottom: 15px;
}

.partnership .pt-cover .top-store .store-info {
    padding: 10px;
}

.partnership .pt-cover .top-store .store-img {
    border-radius: 3px;
    /* border: 1px solid #dddcdc; */
    box-shadow: 0 1px 2px 0 #ccc;
    background: #fff;
    margin-top: -30px;
    text-align: center;
}

.partnership .pt-cover .top-store .store-img img {
    height: 75px;
    max-width: 150px;
    max-height: 75px;
    object-fit: contain;
    padding: 10px;
}

.partnership .pt-cover .top-store .store-cashback div:first-child {
    font-size: 18px;
}

.partnership .pt-cover .top-store.store-3 .store-cashback {
    font-size: 12px;
    margin-left: -15px;
}

.partnership .pt-cover .top-store.store-3 .store-cashback div:first-child,
.partnership .promotion-3 .store-style .info-wrap div:first-child {
    font-size: 14px;
}

.partnership .pt-cover .top-store.store-3 .btn-info,
.partnership .promotion-3 .btn-success {
    padding: 5px 20px;
}

.partnership .pt-cover .top-store .tag-line {
    margin-top: 0;
    padding-right: 95px;
}

.partnership .pt-cover .top-store .float-right {
    position: absolute;
    top: 50%;
    right: 5px;
    transform: translate(0,-50%);
    z-index: 9;
}

.partnership .btn-info {
    background-color: #4e9fd7 !important;
    border-color: #4e9fd7 !important;
    padding: 8px 25px;
}

.partnership .btn-success {
    background-color: #46BE8A !important;
    border-color: #46BE8A !important;
    padding: 8px 25px;
}

.text-blue {
    color: #4e9fd7;
}

.text-green {
    color: #23ae4a;
}

.text-red { 
    color: #f8474a;
}

.text-black {
    color: #333333;
}

.text-grey {
    color: #939393;
}

.partnership .nav-wrap {
    position: absolute;
    top: -38px;
    left: 0;
    width: 100%;
    text-align: center;
}

.partnership .nav-tabs {
    border-bottom: none;
    text-align: center;
    display: inline-block;
    background: #fff;
    padding: 15px;
    border-radius: 3px;
}

.partnership .nav>li {
    float: none;
    display: inline-block;
}

.partnership .nav>li>a {
    font-size: 14px;
    font-weight: 300;
    padding: 5px;
    width: 129px;
    color: grey;
    border: none;
    border-bottom: 2px solid transparent;
    transition: all .3s;
}

.partnership .nav>li>a.first-menu {
    font-size: 24px;
    width: 70px;
    padding: 1px;
}

.partnership .nav>li>a:hover {
    background-color: transparent;
}

.partnership .nav-tabs>li.active>a {
    border: none;
    color: #4595d1;
    border-bottom: 2px solid #4595d1;
    background: transparent;
}

.partnership .tab-content {
    padding: 15px 50px;
}

.partnership .store-style {
    background: #fff;
    box-shadow: 0 1px 2px 0 #ccc;
    border-radius: 3px;
    padding: 15px;
    margin-bottom: 25px;
    text-align: center;
}

.partnership .store-style.style-2 {
    margin-bottom: 10px;
}

.partnership .store-style .img-wrap {
    border-bottom: 1px solid #f6f6f6;
    padding-bottom: 10px;
}

.partnership .store-style .img-wrap img {
    height: 75px;
    max-width: 150px;
    max-height: 75px;
    object-fit: contain;
}

.partnership .store-style .info-wrap {
    /* padding-top: 10px; */
}

.partnership .store-style .info-wrap div:first-child {
    font-size: 18px;
    margin: 10px 0;
}

.partnership .store-style .info-wrap div:last-child {
    margin-top: 10px;
}

.partnership .store-style.style-2 .img-wrap {
    border-bottom: none;
    border-right: 1px solid #ddd;
    padding: 0;
    padding-right: 15px;
}

.partnership .store-style.style-2 .img-wrap img {
    height: 60px;
}

.partnership .store-style.style-2 .info-wrap div:first-child {
    margin: 0;
}

.partnership .store-style.style-2 .info-wrap .text-grey {
    font-size: 14px;
}

.partnership .store-style.style-3 {
    overflow: hidden;
}

.partnership .store-style.style-3 .banner-wrap {
    margin: -15px -15px 0 -15px;
    opacity: 0.5;
}

.partnership .store-style.style-3 .img-wrap {
    border-bottom: none;
    padding: 0;
    /* margin-top: -35px; */
    position: absolute;
    width: 100%;
    top: -35px;
    z-index: 2;
}

.partnership .store-style.style-3 .img-wrap img {
    background: #fff;
    padding: 10px;
    border-radius: 3px;
    box-shadow: 0 1px 2px 0 #ccc;
}

.partnership .pt-terms {
    font-size: 14px;
    clear: both;
    padding: 10px 20px;
    background: #fff;
    color: #333;
}

.partnership .pt-terms p {
    margin: 0;
}

.partnership .pt-terms h2,
.partnership .pt-terms h3 {
    font-size: 18px;
    font-weight: bold;
}

.partnership .pt-terms ol {
    padding-left: 20px;
}

.partnership .modal {
    padding-right: 0px !important;
    color: #333;
}

.partnership .modal-title {
    font-size: 16px;
}

.partnership .modal-footer .btn-primary {
    background-color: #4595d1;
    border-color: #4595d1;
    width: 100%;
}

.partnership .modal-header {
    border-bottom: none;
    background-color: #4595D1;
    color: #fff;
    border-radius: 5px 5px 0 0;
}

.partnership .modal-header .shop-now {
    position: absolute;
    top: 9px;
    right: 50px;
    padding: 5px 10px;
    border: 1px solid #fff;
    border-radius: 4px;
    cursor: pointer;
}


.partnership .modal-content .cashback-details .table-bordered, 
.partnership .modal-content .cashback-details .table-bordered>tbody>tr>td, 
.partnership .modal-content .cashback-details table, 
.partnership .modal-content .cashback-details table>tbody>tr>td {
    border: none !important;
}

.partnership .modal-content .cashback-details .table-bordered, 
.partnership .modal-content .cashback-details table {
    border: 1px solid #ddd !important;
}

.partnership .modal-content .cashback-details .table-bordered>tbody>tr,
.partnership .modal-content .cashback-details table>tbody>tr {
    border-bottom: 1px solid #ddd !important;
}

.partnership .modal-content .cashback-details .table-bordered>tbody>tr:last-child,
.partnership .modal-content .cashback-details table>tbody>tr:last-child {
    border-bottom: none !important;
}

.partnership .modal-content .terms * {
    font-family: Roboto, sans-serif !important;
    font-size: 14px !important;
}

#validatePartnerModal .pt-bg {
    width: 100%;
    object-fit: cover;
    object-position: center;
    min-height: 530px;
}

.partnership-modal-content {
    position: absolute;
    z-index: 99;
    width: 100%;
    top: 4%;
    text-align: center;
    color: #fff;
}

.partnership-modal-content .partnership-title {
    font-size: 80px;
    margin: 0;
    line-height: 1.4;
}

.partnership-modal-content .partnership-title img {
    width: 155px;
    padding-bottom: 22px;
}

.partnership-modal-content .partnership-sub {
    font-size: 31px;
    margin: 0;
    line-height: 1.4;
    margin-bottom: 10px;
}

#validatePartnerModal .partnership-modal-content .partnership-sub {
    margin-bottom: 20px;
}

.partnership-modal-content .partnership-sub span {
    color: #E9192E;
    border-bottom: 2px solid #f6d507;
}

.partnership-modal-content .partnership-sub b {
    color: #E9192E;
    border-bottom: 2px solid #f6d507;
    font-size: 38px;
}


.partnership-modal-content .partnership-label {
    font-size: 16px;
    color: #fff;
    display: inline-block;
    text-align: center;
}

.partnership-input {
    padding-top: 0px;
    margin-bottom: 20px;
}

#validatePartnerModal .partnership-input {
    margin-bottom: 52px;
}

.partnership-input input {
    display: block;
    margin: 0 auto;
    margin-top: 10px;
    border: 1px solid #fff !important;
    border-radius: 3px !important;
    padding: 5px 20px;
    max-width: 365px;
    width: 100% !important;
    color: grey;
    box-shadow: 2px 2px 5px 2px rgba(0, 0, 0, 0.2);
    transition: all .3s;
}

.partnership-input input:focus {
    box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.2);
}

.partnership-input .blue-btn {
    margin: 0 auto;
    width: 450px;
    border: none;
}

.partnership-input button {
    display: block;
    margin: 15px auto;
    font-size: 16px;
    color: #fff !important;
    width: 365px;
    border: 1px solid #ec0e69;
    background: #ec0e69;
    border-radius: 5px;
    padding: 4px 20px;
    transition: all .3s;
    box-shadow: 2px 2px 5px 2px rgba(0, 0, 0, 0.2);
}

.partnership-input button:hover {
    box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.2);
}

.partnership-card-bottom {
    position: absolute;
    bottom: 0;
    width: 100%;
}

.partnership-card-bottom .store-list {
    background: #fff;
    padding: 10px;
    text-align: center;
}

.partnership-card-bottom .store-list img {
    padding: 0;
    margin: 0;
    width: 133px;
    height: auto;
}

.partnership-card-bottom .store-list img:last-child {
    border-right: none;
}

.partnership-card-bottom div img {
    height: 40px;
    margin-right: 20px;
}

.partnership-card-bottom div img:last-child {
    margin-right: 0;
}

.partnership-card-bottom .partnership-card {
    position: absolute;
    bottom: 0;
    left: 0;
    width:  80%;
}

.partnership-card-bottom .partnership-dealcha-logo {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 360px;
}

.partnership-terms .tc {
    font-size: 18px;
    /* text-decoration: underline; */
    display: inline-block;
    border-bottom: 1px solid #495057;
}

#validatePartnerModal {
    padding-right: 0px !important;
}

#validatePartnerModal .modal-lg {
    width: 600px;
    max-width: 600px;
}

@media screen and (max-width: 1199px) {
    .partnership .nav>li>a {
        width: 110px;
        white-space: nowrap;
    }

    .partnership .pt-cover .top-store.store-3 .btn-info,
    .partnership .promotion-3 .btn-success {
        padding: 5px 10px;
        font-size: 12px;
    }
}

@media (max-width: 1110px) {
    #validatePartnerModal .modal-lg {
        width: 98%;
    }

    .partnership-card-bottom .store-list img {
        width: 118px;
    }
}


@media screen and (max-width: 1010px) {
    .partnership-card-bottom .store-list img {
        width: 20%;
    }
}

@media screen and (max-width: 991px) {
    .partnership-card-bottom div img {
        height: 30px;
    }

    .partnership .nav-wrap {
        top: 0;
        white-space: nowrap;
        overflow-y: scroll;
    }

    .partnership .nav-tabs {
        padding: 5px;
        border-radius: 0;
    }

    .partnership .pt-cover {
        background-position: left;
    }

    .partnership .pt-cover .top-store.store-3 .btn-info,
    .partnership .promotion-3 .btn-success {
        padding: 8px 20px;
        font-size: 14px;
    }

    .partnership .pt-cover .top-store.store-3 .store-cashback {
        margin-left: 0;
    }
}

@media screen and (max-width: 845px) {
    .partnership-card-bottom div img {
        height: 25px;
    }
}

@media screen and (max-width: 767px) {
    
    #validatePartnerModal .pt-bg {
        min-height: 450px;
    }

    #validatePartnerModal .partnership-input {
        margin-bottom: 30px;
    }

    .partnership-card-bottom {
        height: auto;
    }

    .partnership-card-bottom .store-list img {
        width: 11%;
    }

    .partnership-modal-content {
        top: 3%;
        padding: 0 10px;
    }

    .partnership .pt-cover {
        padding: 30px 20px;
        padding-top: 1px;
        height: 700px;
    }

    .partnership .pt-cover h1 {
        font-size: 18px;
    }

    .partnership .pt-cover p {
        margin-bottom: 5px;
    }

    .partnership .nav-wrap {
        top: 0;
        white-space: nowrap;
        overflow-y: scroll;
    }

    .partnership .nav-tabs {
        padding: 5px;
        border-radius: 0;
    }

    .partnership .nav>li>a {
        width: auto;
    }

    .partnership .nav>li>a.first-menu {
        font-size: 20px;
        width: 70px;
        padding: 2px;
    }

    .partnership .tab-content {
        padding: 10px;
    }

    .partnership .tab-content .col-xs-6 {
        padding: 0 5px;
    }

    .partnership .store-style {
        margin-bottom: 10px;
    }

    .partnership .store-style.style-2 {
        padding: 10px;
    }

    .partnership .store-style.style-2 .col-xs-4,
    .partnership .store-style.style-2 .col-xs-5 {
        padding: 0;
    }

    .partnership .store-style.style-2 .col-xs-8 {
        padding: 0 5px;
    }

    .partnership .store-style.style-2 .img-wrap {
        padding-right: 10px;
    }

    .partnership .store-style.style-2 .info-wrap div:first-child,
    .partnership .store-style.style-2 .info-wrap .text-grey,
    .partnership .store-style.style-2 .btn-success,
    .partnership .store-style .info-wrap {
        font-size: 12px;
    }

    .partnership .store-style .info-wrap div:first-child {
        font-size: 14px;
    }

    .partnership .store-style.style-2 .img-wrap img {
        height: 55px;
    }

    .partnership .pt-cover {
        background-position: center;
    }

    .partnership .btn-success,
    .partnership .btn-info {
        font-size: 12px;
    }
}

@media screen and (max-width: 520px) {
    .partnership-input input, .partnership-input button, .partnership-input .blue-btn {
        width: 90% !important;
        max-width: 500px;
    }

    #validatePartnerModal .modal-dialog {
        width: 95%;
    }    

    .partnership-modal-content .partnership-sub {
        font-size: 20px;
    }

    .partnership-modal-content .partnership-title {
        font-size: 45px;
    }

    .partnership-modal-content .partnership-title img {
        width: 100px;
    }

    .partnership-modal-content .partnership-label {
        font-size: 18px;
    }

    .partnership-input button {
        font-size: 18px;
    }

    .partnership-logo-bottom img, .partnership-logo-bottom img:nth-child(2) {
        width: 25%;
    }

    .partnership .pt-cover {
        height: 590px;
    }

    .partnership .pt-cover .top-store .tag-line {
        font-size: 12px;
    }
}

@media screen and (max-width: 470px) {
    #validatePartnerModal .partnership-modal-content .partnership-sub {
        margin-bottom: 15px;
    }

    .partnership-modal-content .partnership-label {
        font-size: 15px;
    }

    .partnership-card-bottom .store-list img {
        width: 24%;
    }
}

@media screen and (max-width: 370px) {    
    .partnership-modal-content .partnership-sub {
        font-size: 20px;
    }

    .partnership-modal-content .partnership-title {
        font-size: 45px;
    }

    .partnership-modal-content .partnership-title img {
        width: 100px;
    }

    .partnership-modal-content .partnership-label {
        font-size: 14px;
    }

    .partnership-card-bottom div img {
        margin-right: 7px;
    }

    .partnership-card-bottom .store-list img {
        width: 20%;
    }
}
/* END: Partnership */

/* START: On Boarding Hello */
.page-hello .body, .page-hello body {
    background: #f6f6f6;
}

.page-hello-redirect-wrap {
    position: absolute;
    top: 30%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 90%;
    text-align: center;
}

.page-hello-redirect-wrap img {
    width: 100%;
    max-width: 300px;
}

.page-hello .hello-wrap {
    background: #fff;
    padding: 0;
}

.page-hello .hello-wrap .banner-cover {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 20px 40px;
}

.page-hello .hello-wrap .content-wrap .title {
    position: relative;
    border-bottom: 1px solid #ddd;
    font-size: 20px;
    height: 37px;
}

.page-hello .hello-wrap .content-wrap .title img {
    position: absolute;
    top: 0;
    left: 0;
    width: 27px;
    z-index: 1;
}

.page-hello .hello-wrap .content-wrap .title p {
    position: absolute;
    top: 0;
    left: 10px;
    font-weight: 700;
    z-index: 2;
}

.page-hello .hello-wrap .content-wrap .summary-wrap {
    padding: 10px 0;
}

.page-hello .hello-wrap .content-wrap .summary-wrap .summary-item {
    padding: 0;
    margin: 10px 0;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 1px 1px 3px 0 #DDD;
    text-align: center;
}

.page-hello .hello-wrap .content-wrap .summary-wrap .summary-item .status {
    color: #FFFFFF;
    font-size: 14px;
    font-weight: 700;
    padding: 4px 10px;
}

.page-hello .hello-wrap .content-wrap .summary-wrap .summary-item .amount {
    color: #4b4b4b;
    background: #fff;
    font-size: 22px;
    font-weight: 700;
    line-height: 56px;
}

.page-hello .hello-wrap .content-wrap .summary-wrap .item-pending .status {
    background-color: #F4c827;
}

.page-hello .hello-wrap .content-wrap .summary-wrap .item-approved .status {
    background-color: #46be8a;
}

.page-hello .hello-wrap .content-wrap .summary-wrap .item-redeemable .status {
    background-color: #7986cb;
}

.page-hello .hello-wrap .content-wrap .summary-wrap .item-total .status {
    background-color: #F96868;
}

.page-hello .hello-wrap .cashback-wrap {
    border-top: 1px solid #ddd;
    /* border-bottom: 1px solid #ddd; */
    white-space: nowrap;
}

.page-hello .hello-wrap .cashback-wrap .menu-wrap {
    border-right: 1px solid #ddd;
    display: inline-block;
    width: 24.5%;
    padding: 20px;
    padding-left: 0;
    vertical-align: top;
    height: 300px;
}

.page-hello .hello-wrap .cashback-wrap .list-wrap {
    position: relative;
    display: inline-block;
    width: 75.5%;
    padding: 20px;
    padding-right: 0;
    vertical-align: top;
    height: 300px;
}

.page-hello .hello-wrap .cashback-wrap .list-wrap .list-empty {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}

.page-hello .hello-wrap .cashback-wrap .list-wrap .list-empty img {
    width: 160px;
}

.page-hello .hello-wrap .cashback-wrap .list-wrap .list-empty p {
    color: grey;
    margin-top: 10px;
    font-size: 20px
}

.page-hello .hello-wrap .cashback-wrap .list-wrap .list-empty a {
    border-bottom: 1px solid #7d7d7d;
    color: grey;
    padding-bottom: 3px;
    text-decoration: none !important;
}

.page-hello .hello-wrap .cashback-wrap .list-wrap .table {
    background: #fff;
    border-radius: 8px;
    border: none;
    box-shadow: 1px 1px 3px 0px #ddd;
    overflow: hidden;
    table-layout: fixed;
}

.page-hello .hello-wrap .cashback-wrap .list-wrap .table thead {
    display: table;
    width: 100%;
}

.page-hello .hello-wrap .cashback-wrap .list-wrap .table thead tr {
    background: #57a9dc;
    color: #fff;
    border-bottom: none;
}

.page-hello .hello-wrap .cashback-wrap .list-wrap .table thead tr th {
    border: none;
    width: 19%;
}

.page-hello .hello-wrap .cashback-wrap .list-wrap .table tbody {
    display: block;
    overflow: auto;
    max-height: 221px;
    width: 100%;
}

.page-hello .hello-wrap .cashback-wrap .list-wrap .table tbody tr {
    border-bottom: 1px solid #ddd;
}

.page-hello .hello-wrap .cashback-wrap .list-wrap .table tbody tr td {
    border: none;
    border-right: 1px solid #ddd;
    width: 16%;
}

.page-hello .hello-wrap .cashback-wrap .list-wrap .table tbody.less6 tr td {
    width: 15%;
}

.page-hello .hello-wrap .cashback-wrap .list-wrap .table tbody tr td:last-child {
    border-right: none;
}

.page-hello .hello-wrap .cashback-wrap .list-wrap .table tbody tr:last-child {
    border-bottom: none;
}

.page-hello .hello-wrap .nav-tabs {
    border-bottom: none;
}

.page-hello .hello-wrap .nav>li {
    float: none;
    display: block;
}

.page-hello .hello-wrap .nav>li>a {
    font-size: 14px;
    font-weight: 300;
    padding: 7px 20px;
    width: 100%;
    color: grey;
    border: none;
    background: transparent;
    /* border-radius: 30px; */
    /* border-bottom: 3px solid transparent; */
    /* transition: all .3s; */
}

.page-hello .hello-wrap .nav>li>a:hover {
    background-color: transparent;
}

.page-hello .hello-wrap .nav-tabs>li.active>a {
    border: none;
    background: #a0ddef;
    color: #333;
    border-radius: 30px;
    font-weight: 700;
}

.page-hello .hello-wrap .tab-content {
    min-height: 100px;
}

.dealcha-btn {
    display: inline-block;
    background: #4e9fd7;
    color: #fff !important;
    width: 190px;
    padding: 10px 30px;
    margin: 10px 5px;
    border-radius: 30px;
    text-decoration: none !important;
    text-align: center;
    transition: all .2s;
}

.btn-grey {
    background: #ddd;
}

.hide-btn {
    opacity: 0;
    transition: all .2s;
}

.show-btn {
    opacity: 1;
}

.dealcha-btn .fa {
    margin: 0 3px;
}

.page-welcome .body {
    background: #f6f6f6;
}

.page-welcome .welcome-wrap {
    background: #fff;
    padding: 20px;
}

.page-welcome .welcome-content {
    position: relative;
    padding: 20px 0;
    padding-bottom: 0;
    margin: 0 -20px;
}

.page-welcome .welcome-content .area-wrap {
    position: relative;
}

.page-welcome .welcome-content .area-wrap .area-slide {
    position: absolute;
    width: 95%;
    bottom: 10px;
    left: 40px;
    margin: 0;
    z-index: 9;
}

.page-welcome .welcome-content .area-wrap .area-slide a {
    display: block;
    height: 350px;
}

.page-welcome .welcome-content .content-bottom {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center;
}

.page-welcome .welcome-content .carousel-indicators {
    bottom: -40px;
}

.page-welcome .welcome-content.extension .carousel-control span {
    top: 60%;
}

.page-welcome .welcome-content .carousel-control {
    width: 2%;
}

/* .page-welcome .welcome-content .carousel-control .glyphicon-chevron-left,
.page-welcome .welcome-content .carousel-control .icon-prev {
    margin-left: -85px;
}

.page-welcome .welcome-content .carousel-control .glyphicon-chevron-right,
.page-welcome .welcome-content .carousel-control .icon-next {
    margin-right: -85px;
} */

.social-float {
    position: absolute;
    top: 22%;
    right: 20px;
    z-index: 1;
    background: #fff;
    padding: 10px;
    border-radius: 8px;
    box-shadow: 1px 1px 5px 0 #ddd;
    text-align: center;
}

.social-float a {
    display: block;
    margin-bottom: 15px;
}

.social-float a:last-child {
    margin-bottom: 0;
}

.social-float img {
    width: 20px;
    height: 20px;
    object-fit: contain;
}

@media screen and (max-width: 1030px) {
    .social-float {
        right: 5px;
    }
}

@media screen and (max-width: 767px) {
    .page-hello .hello-wrap .banner-cover {
        padding: 20px;
    }

    .page-hello .hello-wrap .cashback-wrap {
        white-space: normal;
    }

    .page-hello .hello-wrap .cashback-wrap .menu-wrap,
    .page-hello .hello-wrap .cashback-wrap .list-wrap {
        display: block;
        width: 100%;
        height: auto;
        border: none;
        padding: 10px 0;
    }

    .social-float {
        display: none;
    }

    .page-welcome .welcome-content .area-wrap .area-slide {
        width: 80%;
    }

    .page-welcome .welcome-content .area-wrap .area-slide a {
        height: 255px;
    }

    .page-hello .hello-wrap .cashback-wrap .list-wrap .list-empty {
        position: unset;
        top: unset;
        left: unset;
        transform: unset;
    }

    .page-hello .hello-wrap .content-wrap .title {
        font-size: 18px;
        height: 35px;
    }
}

@media screen and (max-width: 414px) {
    .page-welcome .welcome-content .area-wrap .area-slide a {
        height: 163px;
    }
}

@media screen and (max-width: 375px) {
    .page-welcome .welcome-content .area-wrap .area-slide a {
        height: 143px;
        border: 1px solid #ddd;
    }
}

@media screen and (max-width: 320px) {
    .page-welcome .welcome-content .area-wrap .area-slide {
        left: 24px;
    }

    .page-welcome .welcome-content .area-wrap .area-slide a {
        height: 123px;
    }
}

/* END: On Boarding Hello */

/* Campaign Upsized and Partnership Styles
------------------------------*/

.page-campaign section.container .wrapper {
    margin: 10px 0;
    background: #fff;
    border-radius: 3px;
    overflow: hidden;
    box-shadow: 0 0 5px 0 #ddd;
}

.page-campaign .wrapper .banner-container {
    margin: auto;
    /* width: fit-content; */
}
.page-campaign .wrapper .banner-container img {
    width: 100%;
}

.page-campaign .wrapper .tab-content {
    padding: 20px;
    padding-top: 0;
    padding-bottom: 0;
    background: #f5f5f5;
}
.page-campaign .wrapper .tab-content img {
    width: 100%;
    border-radius: 10px;
}
.page-campaign .wrapper .tab-content .campaign-title {
    padding: 10px 20px;
    text-align: center;
}
.page-campaign .wrapper .tab-content .campaign-title p:first-child {
    font-size: 20px;
    margin: 10px 0;
}
.page-campaign .wrapper .tab-content .campaign-subject,
.page-campaign .wrapper .tab-content .campaign-deals .title  {
    font-size: 20px;
    padding-left: 5px;
    white-space: nowrap;
}
.page-campaign .wrapper .tab-content .campaign-subject *,
.page-campaign .wrapper .tab-content .campaign-deals .title *{
    display: inline-block;
}
.page-campaign .wrapper .tab-content .campaign-subject img,
.page-campaign .wrapper .tab-content .campaign-deals .title img {
    width: 25px;
}
.page-campaign .wrapper .tab-content .row {
    padding: 0 10px;
}
.page-campaign .wrapper .tab-content .row .store-wraps {
    padding: 10px;
}
.page-campaign .wrapper .tab-content .row .store-wraps {
    opacity: 1;
    cursor: pointer;
    transition: all .2s;
}
.page-campaign .wrapper .tab-content .campaign-deals {
    background-color: #f4f5f4;
    padding: 15px 0;
}

.page-campaign .wrapper .campaign-content {
    padding: 0 20px 30px;
    color: #495057;
}

/* Campaign Modal */
.page-campaign .wrapper .modal-title {
    font-size: 16px;
}

.page-campaign .wrapper .modal-footer .btn-primary {
    /* background-color: #e74d3c;
    border-color: #e74d3c; */
    background-color: #4595d1;
    border-color: #4595d1;
    width: 100%;
}

.page-campaign .wrapper .modal-header {
    border-bottom: none;
    background-color: #4595D1;
    color: #fff;
    border-radius: 5px 5px 0 0;
}

.page-campaign .wrapper .modal-header .shop-now {
    position: absolute;
    top: 9px;
    right: 50px;
    padding: 5px 10px;
    border: 1px solid #fff;
    border-radius: 4px;
    cursor: pointer;
}
.page-campaign  #validateCodeModal .modal-lg {
    width: 600px;
    max-width: 600px;
    border-radius: 3px;
    overflow: hidden;
}
.page-campaign  #validateCodeModal .modal-bg {
    width: 100%;
    object-fit: cover;
    object-position: center;
    min-height: 450px;
}
.page-campaign #validateCodeModal .campaign-code-modal-content {
    position: absolute;
    z-index: 99;
    width: 100%;
    top: 50%;
    transform: translate(0,-50%);
    text-align: center;
    color: #fff;
}
.page-campaign #validateCodeModal .campaign-code-modal-content #campaign-code-validate input[type=text] {
    display: block;
    margin: 0 auto;
    margin-top: 10px;
    border: 1px solid #fff !important;
    border-radius: 3px !important;
    padding: 5px 20px;
    max-width: 365px;
    width: 100% !important;
    color: grey;
    box-shadow: 2px 2px 5px 2px rgba(0, 0, 0, 0.2);
    transition: all .3s;
}
.page-campaign #validateCodeModal .campaign-code-modal-content #campaign-code-validate button {
    display: block;
    margin: 15px auto;
    font-size: 16px;
    color: #fff !important;
    width: 365px;
    border: 1px solid #ec0e69;
    background: #ec0e69;
    border-radius: 5px;
    padding: 4px 20px;
    transition: all .3s;
}
.page-campaign #validateCodeModal .campaign-card-bottom {
    position: absolute;
    bottom: 0;
    width: 100%;
}
.page-campaign #validateCodeModal .campaign-card-bottom .store-list {
    background: #fff;
    padding: 10px;
    text-align: center;
}
.page-campaign #validateCodeModal .campaign-card-bottom .store-list img {
    padding: 0;
    margin: 0;
    width: 133px;
    height: auto;
}

.page-campaign .modal-content .cashback-details .table-bordered,
.page-campaign .modal-content .cashback-details table {
    border: 1px solid #ddd !important;
}

.page-campaign .modal-content .cashback-details .table-bordered>tbody>tr,
.page-campaign .modal-content .cashback-details table>tbody>tr {
    border-bottom: 1px solid #ddd !important;
}