/*
 * Fonts Area
 */
@font-face {
    font-family: "Work Sans Regular";
    src: url('../fonts/WorkSans-Regular.ttf');
}
@font-face {
    font-family: "Work Sans Bold";
    src: url('../fonts/WorkSans-Bold.ttf');
}

body {
    font-family: "Work Sans Regular", sans-serif;
    font-weight: 400;
    color: #000000;
    font-size: 16px;
    line-height: 20px;
    width: 100%;
    overflow-x: hidden;
    background-color: #ffffff;
}
h1, h2, h3, h4, h5, h6 {
    margin: 0;
    color: #000000;
}
b,
strong {
    font-weight: 500;
    font-family: "Work Sans Bold";
}
img {
    max-width: 100%;
    height: auto;
}
/* default font size */
.fa {
    font-size: 14px;
}
/* Override the bootstrap defaults */
h1 {
    font-size: 40px;
    font-family: "Work Sans Bold";
}
h2 {
    font-size: 28px;
    font-family: "Work Sans Bold";
}
h3 {
    font-size: 22px;
    font-family: "Work Sans Bold";
}
h4 {
    font-size: 16px;
    font-family: "Work Sans Regular";
}
h5 {
    font-size: 14px;
    font-family: "Work Sans Regular";
}
h6 {
    font-size: 12px;
    font-family: "Work Sans Regular";
}
a{
    color: #000000;
    outline: none;
    text-decoration: none;
    font-family: "Work Sans Regular";
}
a:hover,
a:focus{
    color: #000000;
    text-decoration: none;
    outline: none;
}
p {
    margin: 0;
    color: #4A4A4A;
    font-family: "Work Sans Regular";
}
ul{
    margin: 0;
    padding: 0;  
}
ul li,
ul lo{
    list-style: none;
}
ul li{
    color: #000000;
    font-family: "Work Sans Regular";
}
form{
    margin: 0;
}
legend {
    font-size: 18px;
    padding: 7px 0px
}
label {
    font-size: 12px;
    font-weight: normal;
}
select.form-control, textarea.form-control,
input[type="text"].form-control,
input[type="password"].form-control,
input[type="datetime"].form-control,
input[type="datetime-local"].form-control,
input[type="date"].form-control, input[type="month"].form-control,
input[type="time"].form-control, input[type="week"].form-control,
input[type="number"].form-control, input[type="email"].form-control,
input[type="url"].form-control, input[type="search"].form-control,
input[type="tel"].form-control, input[type="color"].form-control {  
    color: #000000;
    font-size: 20px;
    font-style: normal;
    font-stretch: normal;
    font-weight: 400;
    text-align: center;
    text-transform: none;
    text-decoration: none;
    letter-spacing: 0px;
    box-shadow: none !important;
    background-image: none;
    outline: none;
    -webkit-box-shadow: 0 0 0 1000px #ffffff inset !important;
}
.input-group input,
.input-group select,
.input-group .dropdown-menu,
.input-group .popover {
    font-size: 20px;
}
.input-group .input-group-addon {
    font-size: 12px;
    height: 30px;
}
/* Fix some bootstrap issues */
span.hidden-xs, span.hidden-sm, span.hidden-md, span.hidden-lg {
    display: inline;
}

.nav-tabs {
    margin-bottom: 15px;
}
div.required .control-label:before {
    content: '* ';
    color: #F00;
    font-weight: bold;
}
/* Gradent to all drop down menus */
.dropdown-menu li > a:hover {
    text-decoration: none;
    color: #ffffff;
    background-color: #229ac8;
    background-image: linear-gradient(to bottom, #23a1d1, #1f90bb);
    background-repeat: repeat-x;
}
/* top */
#top {
    background-color: #EEEEEE;
    border-bottom: 1px solid #e2e2e2;
    padding: 4px 0px 3px 0;
    margin: 0 0 20px 0;
    min-height: 40px;
}
#top .container {
    padding: 0 20px;
}
#top #form-currency .currency-select,
#top #form-language .language-select {
    text-align: left;
}
#top #form-currency .currency-select:hover,
#top #form-language .language-select:hover {
    text-shadow: none;
    color: #ffffff;
    background-color: #229ac8;
    background-image: linear-gradient(to bottom, #23a1d1, #1f90bb);
    background-repeat: repeat-x;
}
#top .btn-link, #top-links li, #top-links a {
    color: #888;
    text-shadow: 0 1px 0 #FFF;
    text-decoration: none;
}
#top .btn-link:hover, #top-links a:hover {
    color: #444;
}
#top-links .dropdown-menu a {
    text-shadow: none;
}
#top-links .dropdown-menu a:hover {
    color: #FFF;
}
#top .btn-link strong {
    font-size: 14px;
    line-height: 14px;
}
#top-links {
    padding-top: 6px;
}
#top-links a + a {
    margin-left: 15px;
}
/* logo */
/* search */
#search {
    margin-bottom: 10px;
}
#search .input-lg {
    height: 40px;
    line-height: 20px;
    padding: 0 10px;
}
#search .btn-lg {
    font-size: 15px;
    line-height: 18px;
    padding: 10px 35px;
    text-shadow: 0 1px 0 #FFF;
}
/* cart */
#cart {
    margin-bottom: 10px;
}
#cart > .btn {
    font-size: 12px;
    line-height: 18px;
    color: #FFF;
}
#cart.open > .btn {
    background-image: none;
    background-color: #FFFFFF;
    border: 1px solid #E6E6E6;
    color: #666;
    box-shadow: none;
    text-shadow: none;
}
#cart.open > .btn:hover {
    color: #444;
}
#cart .dropdown-menu {
    background: #eee;
    z-index: 1001;
}
#cart .dropdown-menu {
    min-width: 100%;
}
#cart .dropdown-menu table {
    margin-bottom: 10px;
}
#cart .dropdown-menu li > div {
    min-width: 427px;
    padding: 0 10px;
}
#cart .dropdown-menu li p {
    margin: 20px 0;
}
/* menu */
#menu {
    background-color: #229ac8;
    background-image: linear-gradient(to bottom, #23a1d1, #1f90bb);
    background-repeat: repeat-x;
    border-color: #1f90bb #1f90bb #145e7a;
    min-height: 40px;
}
#menu .nav > li > a {
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    padding: 10px 15px 10px 15px;
    min-height: 15px;
    background-color: transparent;
}
#menu .nav > li > a:hover, #menu .nav > li.open > a {
    background-color: rgba(0, 0, 0, 0.1);
}
#menu .dropdown-menu {
    padding-bottom: 0;
}
#menu .dropdown-inner {
    display: table;
}
#menu .dropdown-inner ul {
    display: table-cell;
}
#menu .dropdown-inner a {
    min-width: 160px;
    display: block;
    padding: 3px 20px;
    clear: both;
    line-height: 20px;
    color: #333333;
    font-size: 12px;
}
#menu .dropdown-inner li a:hover {
    color: #FFFFFF;
}
#menu .see-all {
    display: block;
    margin-top: 0.5em;
    border-top: 1px solid #DDD;
    padding: 3px 20px;
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    border-radius: 0 0 3px 3px;
    font-size: 12px;
}
#menu .see-all:hover, #menu .see-all:focus {
    text-decoration: none;
    color: #ffffff;
    background-color: #229ac8;
    background-image: linear-gradient(to bottom, #23a1d1, #1f90bb);
    background-repeat: repeat-x;
}
#menu #category {
    float: left;
    padding-left: 15px;
    font-size: 16px;
    font-weight: 700;
    line-height: 40px;
    color: #fff;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
}
#menu .btn-navbar {
    font-size: 15px;
    font-stretch: expanded;
    color: #FFF;
    padding: 2px 18px;
    float: right;
    background-color: #229ac8;
    background-image: linear-gradient(to bottom, #23a1d1, #1f90bb);
    background-repeat: repeat-x;
    border-color: #1f90bb #1f90bb #145e7a;
}
#menu .btn-navbar:hover, #menu .btn-navbar:focus, #menu .btn-navbar:active, #menu .btn-navbar.disabled, #menu .btn-navbar[disabled] {
    color: #ffffff;
    background-color: #229ac8;
}
/* content */
#content {
    min-height: -webkit-calc(100vh - 102px);
    min-height: -moz-calc(100vh - 102px);
    min-height: -o-calc(100vh - 102px);
    min-height: calc(100vh - 102px);;
}
/* alert */
.alert {
    padding: 8px 14px 8px 14px;
}
/* breadcrumb */
.breadcrumb {
    margin: 0 0 20px 0;
    padding: 8px 0;
    border: 1px solid #ddd;
}
.breadcrumb i {
    font-size: 15px;
}
.breadcrumb > li {
    text-shadow: 0 1px 0 #FFF;
    padding: 0 20px;
    position: relative;
    white-space: nowrap;
}
.breadcrumb > li + li:before {
    content: '';
    padding: 0;
}
.breadcrumb > li:after {
    content: '';
    display: block;
    position: absolute;
    top: -3px;
    right: -5px;
    width: 26px;
    height: 26px;
    border-right: 1px solid #DDD;
    border-bottom: 1px solid #DDD;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.pagination {
    margin: 0;
}
/* buttons */
.buttons {
    margin: 1em 0;
}
.btn {
    padding: 7.5px 12px;
    font-size: 12px;
    border: 1px solid #cccccc;
    border-radius: 4px;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
}
.btn-xs {
    font-size: 9px;
}
.btn-sm {
    font-size: 10.2px;
}
.btn-lg {
    padding: 10px 16px;
    font-size: 15px;
}
.btn-group > .btn, .btn-group > .dropdown-menu, .btn-group > .popover {
    font-size: 12px;
}
.btn-group > .btn-xs {
    font-size: 9px;
}
.btn-group > .btn-sm {
    font-size: 10.2px;
}
.btn-group > .btn-lg {
    font-size: 15px;
}
.btn-default {
    color: #777;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    background-color: #e7e7e7;
    background-image: linear-gradient(to bottom, #eeeeee, #dddddd);
    background-repeat: repeat-x;
    border-color: #dddddd #dddddd #b3b3b3 #b7b7b7;
}
.btn-primary {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #229ac8;
    background-image: linear-gradient(to bottom, #23a1d1, #1f90bb);
    background-repeat: repeat-x;
    border-color: #1f90bb #1f90bb #145e7a;
}
.btn-primary:hover, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] {
    background-color: #1f90bb;
    background-position: 0 -15px;
}
.btn-warning {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #faa732;
    background-image: linear-gradient(to bottom, #fbb450, #f89406);
    background-repeat: repeat-x;
    border-color: #f89406 #f89406 #ad6704;
}
.btn-warning:hover, .btn-warning:active, .btn-warning.active, .btn-warning.disabled, .btn-warning[disabled] {
    box-shadow: inset 0 1000px 0 rgba(0, 0, 0, 0.1);
}
.btn-danger {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #da4f49;
    background-image: linear-gradient(to bottom, #ee5f5b, #bd362f);
    background-repeat: repeat-x;
    border-color: #bd362f #bd362f #802420;
}
.btn-danger:hover, .btn-danger:active, .btn-danger.active, .btn-danger.disabled, .btn-danger[disabled] {
    box-shadow: inset 0 1000px 0 rgba(0, 0, 0, 0.1);
}
.btn-success {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #5bb75b;
    background-image: linear-gradient(to bottom, #62c462, #51a351);
    background-repeat: repeat-x;
    border-color: #51a351 #51a351 #387038;
}
.btn-success:hover, .btn-success:active, .btn-success.active, .btn-success.disabled, .btn-success[disabled] {
    box-shadow: inset 0 1000px 0 rgba(0, 0, 0, 0.1);
}
.btn-info {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #df5c39;
    background-image: linear-gradient(to bottom, #e06342, #dc512c);
    background-repeat: repeat-x;
    border-color: #dc512c #dc512c #a2371a;
}
.btn-info:hover, .btn-info:active, .btn-info.active, .btn-info.disabled, .btn-info[disabled] {
    background-image: none;
    background-color: #df5c39;
}
.btn-link {
    border-color: rgba(0, 0, 0, 0);
    cursor: pointer;
    color: #23A1D1;
    border-radius: 0;
}
.btn-link, .btn-link:active, .btn-link[disabled] {
    background-color: rgba(0, 0, 0, 0);
    background-image: none;
    box-shadow: none;
}
.btn-inverse {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #363636;
    background-image: linear-gradient(to bottom, #444444, #222222);
    background-repeat: repeat-x;
    border-color: #222222 #222222 #000000;
}
.btn-inverse:hover, .btn-inverse:active, .btn-inverse.active, .btn-inverse.disabled, .btn-inverse[disabled] {
    background-color: #222222;
    background-image: linear-gradient(to bottom, #333333, #111111);
}
/* list group */
.list-group a {
    border: 1px solid #DDDDDD;
    color: #888888;
    padding: 8px 12px;
}
.list-group a.active, .list-group a.active:hover, .list-group a:hover {
    color: #444444;
    background: #eeeeee;
    border: 1px solid #DDDDDD;
    text-shadow: 0 1px 0 #FFF;
}


/* fixed product layouts used in left and right columns */
#column-left .product-layout, #column-right .product-layout {
    width: 100%;
}

/* fixed mobile cart quantity input */
.input-group .form-control[name^=quantity] {
    min-width: 50px;
}

/* Missing focus and border color to overwrite bootstrap */
.btn-info:hover, .btn-info:active, .btn-info.active, .btn-info.disabled, .btn-info[disabled] {
    background-image: none;
    background-color: #df5c39;
}

/*--------------------------------------
    Redemption Styling
--------------------------------------*/
/*
 * Page Loader
 */
#wait {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0,0,0,0.85);
  z-index: 1052;
  cursor: pointer;
}
#wait i{
    width: 100%;
    font-size: 32px;
    color: #F4F7F9;
    opacity: 1;
    text-align: center;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
                transform: translateY(-50%);
}
.topBannerBox {
    border: 0;
    background-color: #000000;
    display: block;
    position: relative;
    padding: 14px 70px 14px 28px;
}
.topBannerBox .topBannerText{
    text-align: center;
}
.topBannerBox .topBannerText p {
    color: #ffffff;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 24px;
}
.topBannerBox .topBannerText p b,
.topBannerBox .topBannerText p strong{
    font-weight: 700;
}
.topBannerBox .topBannerBtn{
    right: 28px;
    cursor: pointer;
    border: 0;
    background: none;
    padding: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
            transform: translateY(-50%);
}
.topBannerBox .topBannerBtn i {
    font-size: 18px;
    color: #ffffff;
}
/*
 * Common Style
*/
.mainContainer {
    padding: 0 28px;
}
.prodContainer {
    max-width: 1480px;
    padding: 0 20px;
    margin: 0 auto;
}
.verticalAlign{
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -moz-box-align: center;
            -ms-flex-align: center;
            	align-items: center;
}
.flexRow.row {
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-flex-wrap:wrap;
        -ms-flex-wrap:wrap;
            flex-wrap: wrap;
}
.flexRow.row > [class*='col-'] {
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-box-direction: column;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
}
.flexRow .flexCol {
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    flex: 1 0 auto;
    -webkit-box-direction: column;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
}
button{
    outline: 0 !important;
}
button:focus,
button:active{
    outline: 0 !important;
}
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active  {
    background-color: #ffffff !important;
    background-image: none !important;
    -webkit-box-shadow: 0 0 0 1000px #ffffff inset !important;
}
input:-webkit-autofill {
    font-size:20px;
    -webkit-text-fill-color: #333447!important;
}
.zoomProductImg {
    position: relative;
    background-color: #ffffff;
    border: 1px solid #EAEAEA;
}
.zoomProductImg img {
    display: block;
}
.zoomProductImg img::selection {
    background-color: transparent;
}
/*
 * Header Area
*/
#headerArea {
    background-color: #ffffff;
    border-bottom: 1px solid #EAEAEA;
}
#headerArea .logoBox {
    max-width: 200px;
    margin: 0 auto;
    padding: 5px 0;
    text-align: center;
    display: block;
}
#headerArea .logoBox a{
    display: block;
}
#headerArea .logoBox img{
    width: 200px;
    margin: 0 auto;
}
.topBannerBox {
    border: 0;
    background-color: #000000;
    display: block;
    position: relative;
    padding: 14px 70px 14px 28px;
}
.topBannerBox .topBannerText{
    text-align: center;
}
.topBannerBox .topBannerText p {
    color: #ffffff;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 24px;
}
.topBannerBox .topBannerBtn{
    right: 28px;
    cursor: pointer;
    border: 0;
    background: none;
    padding: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
            transform: translateY(-50%);
}
.topBannerBox .topBannerBtn i {
    font-size: 18px;
    color: #ffffff;
}
/*
 * Homepage
*/
#common-home{background: #fff;}
#common-home .redeemFormArea{
    min-height: -webkit-calc(100vh - 156px);
    min-height: -moz-calc(100vh - 156px);
    min-height: -o-calc(100vh - 156px);
    min-height: calc(100vh - 156px);
    display: flex;
    align-items: center;
    padding: 40px 0
}
#common-home .redeemFormBox {
    text-align: center;
}
#common-home .redeemFormBox h1{
    font-size: 38px;
    font-weight: 500;
    letter-spacing: 0;
    /* line-height: 1px; */
    text-align: center;
    margin: 26px 0 85px;
}
#common-home .redeem-form {
    text-align: center;
    margin: 50px 0px;
}
#common-home .redeemInput {
    margin-bottom: 10px;
}
#common-home .redeemInput .form-control{
    height: 55px;
    width: 346px;
    border: 2px solid #000000;
    background-color: #FFFFFF;
    padding: 15px 15px 15px 100px;
    text-align: center;
    color: #333447;
    font-family: "Work Sans Bold";
    font-size: 20px;
    letter-spacing: 0;
    text-align: left;
    margin: 0 auto;
    border-radius: 0;
    box-shadow: none;
    text-transform: uppercase;
}
#common-home .redeemInput .form-control:focus,
#common-home .redeemInput .form-control:active{
    border-radius: 0;
    border-color: #000000;
    box-shadow: none;
    outline: none;
}
.redeemInput input::-webkit-input-placeholder{ 
    color: #808184;
    font-size: 20px;
    letter-spacing: 0;
    text-align: center;
    font-family: "Work Sans Regular";
}
.redeemInput input::-moz-input-placeholder{ 
    color: #808184;
    font-size: 20px;
    letter-spacing: 0;
    text-align: center;
    font-family: "Work Sans Regular";
}
.redeemInput input::-ms-input-placeholder{ 
    color: #808184;
    font-size: 20px;
    letter-spacing: 0;
    text-align: center;
    font-family: "Work Sans Regular";
}
.redeemInput input::placeholder{
    color: #808184;
    font-size: 20px;
    letter-spacing: 0;
    text-align: center;
    font-family: "Work Sans Regular";
}
#common-home .redeemBtn{
    border: 0;
    height: 64px;
    width: 346px;
    background-color: #000000;
    color: #ffffff;
    color: #FFFFFF;
    font-family: "Work Sans Bold";
    font-size: 20px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 30px;
    text-align: center;
    padding: 15px;
    box-shadow: none;
    border-radius: 0;
    transition: all .7s ease;
    border: 2px solid #000;
}
#common-home .redeemBtn:hover{
    color: #000;
    background: #fff;
}
#common-home .redeemBtn:focus,
#common-home .redeemBtn:active{
    border-radius: 0;
    outline: none;
}
#common-home .redeemText {
    width: 780px;
    margin: 0 auto;
}
#common-home .redeemText p{
    font-size: 18px;
    letter-spacing: 0;
    line-height: 1.8;
    text-align: center;
}
.json_msg{
    color: #ff0000;
    font-size: 16px;
    line-height: 19px;
    font-weight: 500;
    text-shadow: none;
    padding: 0;
    font-family: "Work Sans Regular";
    position: relative;
    top: 15px;
}
/*
 * Category Area
 */
#product-category .bannerBox .mobileImg{display: none;}

#product-category .productCatBanner{
    position: relative;
}
#product-category .bannerBox img{
    width: 100%;
    height:460px;
    object-fit: cover;
    object-position: center;
}
#product-category .bannerBox .mobileImg{
    display: none !important;
}
#product-category .bannerCaption {
    text-align: center;
    padding: 0 28px;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    z-index: 99;
    -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
                transform: translateY(-50%);
}
#product-category .bannerCaption h1{
    color: #000000;
    font-size: 31px;
    letter-spacing: 0;
    line-height: 62px;
    text-align: center;
}
#product-category .prevHeading h1{
    color: #000000;
    font-size: 42px;
    letter-spacing: 0;
    line-height: 49px;
    text-align: center;
    font-family: "Work Sans Bold";
}
#product-category .productCatList{
    padding-top: 100px;
    padding-bottom: 144px;
}
#product-category .productCatList #content {
    min-height: 50vh;
}
#product-category .prodBoxInner {
    margin-bottom: 56px;
}
#product-category .flexRow.row {
    margin-right: -14px;
    margin-left: -14px;
}
#product-category .product-layout{
    padding-right: 14px;
    padding-left: 14px;
}
.product-thumb {
    position: relative;
    border: none;
    margin-bottom: 0;
    overflow: hidden;
}
.product-thumb .image {
    text-align: center;
    background-color: #ffffff;
    padding: 0;
}
.product-thumb .image:hover img{
    opacity: 0.8;
}
.product-thumb .image img {
    object-fit: contain;
    object-position: center;
    margin-left: auto;
    margin-right: auto;
    min-width: 300px;
    max-width: 300px;
    min-height: 100%;
    object-fit: contain;
    object-position: center;
}
.product-thumb a{
    display: block;
}
.prodBoxInner .caption{
    text-align: center;
    margin-top: 28px;
}
.prodBoxInner .caption h3{
    font-size: 20px;
    letter-spacing: 0;
    line-height: 24px;
}

/*
 * Product Details Area
 */
#product-product {
    padding: 102px 0 168px;
}
#product-product .prodImg p{
    color: #707070;
    font-size: 12px;
    letter-spacing: 0;
    line-height: 20px;
    text-align: center;
    margin-top: 14px;
}
#product-product .prodImg .thumbnail {
    display: block;
    padding: 0;
    margin-bottom: 0;
    line-height: normal;
    border-radius: 0;
    border: 0;
}
#product-product .prodImg img{
    width: 100%;
    height: auto;
}
#product-product .prodDetailsBox {
    padding-left: 54px;
}
#product-product .prodDetailsBox h1{
    margin-bottom: 30px;
    display: block;
    color: #000;
    font-family: Work Sans Regular;
    font-size: 30px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 35px;
    word-spacing: normal;
}
#product-product .prodDescription{
    color: #4A4A4A;
    font-family: "Work Sans Regular";
    font-size: 20px;
    letter-spacing: 0;
    line-height: 30px;
    margin-bottom: 56px;
}
#product-product .sizeNote{
    margin-top: 28px;
}
#product-product .sizeNote h4 {
    margin-bottom: 10px;
    font-size: 20px;
    letter-spacing: 0;
    line-height: 30px;
    font-weight: 400;
    color: #000000;
    font-family: "Work Sans Bold";
}
#product-product .sizeNote ul li{
    color: #4A4A4A;
    font-size: 20px;
    letter-spacing: 0;
    line-height: 30px;
    padding-left: 21px;
    position: relative;
    font-family: "Work Sans Regular";
}
#product-product .sizeNote ul li:before {
    content: '';
    position: absolute;
    width: 6px;
    height: 6px;
    background-color:#4A4A4A;
    left: 0;
    border-radius: 50%;
    top: 13px;
}
#product-product .prodDescription.descResponsive{
    display: none;
}
.sizeNote ul li {
    color: #4A4A4A;
    font-size: 20px;
    letter-spacing: 0;
    line-height: 30px;
    padding-left: 21px;
    position: relative;
    font-family: "Work Sans Regular";
}
.sizeNote ul li:before {
    content: '';
    position: absolute;
    width: 6px;
    height: 6px;
    background-color:#4A4A4A;
    left: 0;
    border-radius: 50%;
    top: 13px;
}
#product-product .prodSizeBox{
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -moz-box-align: center;
            -ms-flex-align: center;
            	align-items: center;
                width: 100%;
}
#product-product .prodSizeBox > .form-group{width: 72.3%;}
#product-product .prodSizeBox .form-group {
    margin-bottom: 0;
}
#product-product .prodSizeBox select{
    height: 60px;
    width: 100%;
    border: 2px solid #000000;
    background-color: #FFFFFF;
    border-radius: 0;
    box-shadow: none;
}
#product-product .customSelect .bootstrap-select{
    height: 60px;
    width: 100%;
}
#product-category .bannerBox .desktopImg{
    width: 100%;
    height:460px;
}


.customSelect .bootstrap-select>.dropdown-toggle{
    border: 2px solid #000000;
    padding: 10px 20px;
    height: 100%;
    width: 100%;
    border-radius: 0;
    outline: 0 !important;
    background-color: #ffffff !important;
    background-image: none;
    box-shadow: none;
    -webkit-box-shadow: none;
}
.customSelect.open>.dropdown-toggle.btn-default.focus,
.customSelect .open>.dropdown-toggle.btn-default:focus,
.customSelect .open>.dropdown-toggle.btn-default:hover {
    color: #000;
    background-color: #ffffff;
    border-color: #000000;
    outline: 0 !important;
}
.customSelect .bootstrap-select .dropdown-toggle .filter-option-inner-inner{
    line-height: 35px;
    color: #000000;
    font-family: "Work Sans Regular";
    font-size: 20px;
    letter-spacing: 0;
}
.customSelect .caret {
    margin-left: 0px;
    vertical-align: middle;
    border-top: 0;
    border-top: 0;
    border-right: 0;
    border-left: 0;
}
.customSelect .bootstrap-select .dropdown-toggle .caret {
    right: 20px;
    margin-top: 0;
    width: 20px;
    height: 30px;
    border: 0;
    -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
                transform: translateY(-50%);
}
.customSelect .bootstrap-select .dropdown-toggle .caret:before {
    content: '\f107';
    height: 100%;
    width: 100%;
    z-index: 3;
    position: absolute;
    cursor: pointer;
    pointer-events: none;
    text-align: center;
    font-family: FontAwesome;
    top: 0;
    right: 0;
    color: #000000;
    font-size: 30px;
    letter-spacing: 0;
    line-height: 30px;
    padding: 0px 0px 0px 1px;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: 0.3s ease-out;
    -ms-transition: 0.3s ease-out;
    -o-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
}
.customSelect .bootstrap-select.open .dropdown-toggle .caret:before {
    padding: 0px 0px 0 1px;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(180deg);
}
.customSelect .bootstrap-select .dropdown-menu {
    margin: 0;
    border: 1px solid rgba(0,0,0,1) !important;
    border-radius: 0;
    box-shadow: none;
    padding: 0;
}
.customSelect .bootstrap-select .dropdown-menu li {
    margin-top: 0px;
}
.customSelect .bootstrap-select .dropdown-menu li a{
    line-height: 35px;
    color: #000000;
    font-family: "Work Sans Regular";
    font-size: 20px;
    letter-spacing: 0;
    padding: 5px 20px;
}

.customSelect .bootstrap-select .dropdown-menu>.active>a,
.customSelect .bootstrap-select .dropdown-menu>.active>a:focus
 {
    color: #000;
    background-color: #d0d0d0;
    background-image: none;
}
.customSelect .dropdown-menu li > a:hover,.customSelect .bootstrap-select .dropdown-menu>.active>a:hover{background: #d5d5d5}
.customSelect .dropdown-menu li > a >span:hover:after,.customSelect .bootstrap-select .dropdown-menu>.active>a>span:after{
    content: "\f00c";
    margin-left: 20px;
    color: #000;
    font-family: FontAwesome;
}
.bootstrap-select .dropdown-menu li a span.text {
    display: block;
}

#product-product .prodSizeBox select:focus{
    border-radius: 0;
    box-shadow: none;
    outline: 0;
}
#product-product .sizeBoxModal {
    margin:13px 0 35px;
}
#product-product .sizeBoxModal .sizeBoxBtn{
    color: #333447;
    font-family: "Work Sans Bold";
    font-size: 20px;
    letter-spacing: 0;
    line-height: 30px;
    background-color: transparent;
    border: 0;
    box-shadow: none;
    padding: 0;
    display: inline-block;
    outline: 0;
    position: relative;
}
#product-product .sizeBoxModal .sizeBoxBtn:before {
    content: '';
    position: absolute;
    bottom: 4px;
    left: 0;
    height: 2px;
    width: 100%;
    background-color: #000;
}
#product-product .prodSizeClass .prodDetailsBtn {
    padding-top: 0px;
    padding-left: 0px;
}
#product-product .prodDetailsBtn button{
    height: 63px;
    width: 340px;
    background-color: #000000;
    font-size: 20px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 23px;
    text-align: center;
    padding: 18px 15px;
    box-shadow: none;
    border: 0;
    border-radius: 0;
    text-transform: capitalize;
    border: 2px solid #000000;
    color: #fff;
    transition: all .7s ease;
}
#product-product .prodDetailsBtn button:hover{
    background: transparent;
    color: #000;
}
#product-product .prodDetailsBtn p{
    margin-top: 10px;
    font-size: 18px;
    line-height: 24px;
}
#product-product .modal{
    padding: 0;
    background-color: rgba(0,0,0,0.2);
}
#product-product .customModal .modal-content {
    margin: 14px;
}
#product-product .modal.in .modal-dialog {
    padding: 0;
    margin: 0 auto;
}
.sizeBoxModal .modal-dialog {
    max-width: 1280px;
    width: 100%;
}
.sizeBoxModal .modal-content{padding: 0 15px 15px;}
.customModal.modal{
    padding: 0 !important;
    background-color: rgba(0,0,0,0.2) !important;
}
.customModal.modal.in{
    display: flex !important;
    align-items: center;
}
.customModal .modal-dialog {
    margin: auto;
}
.customModal .modal-title {
    margin: 0;
    line-height: 1.42857143;
    color: #000000;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 19px;
    text-align: center;
}
.customModal .modal-header .close {
    margin-top: 0;
    height: 15px;
    width: 15px;
    color: #000;
    opacity: 1;
    position: absolute;
    right: 12px;
    top: 12px;
    border-radius: 0;
    line-height: 10px;
    z-index: 99;
}
.customModal .modal-body {
    padding: 0;
}
.customModal .modal-header {
    min-height: auto;
    padding: 10px 37px 10px 10px;
    border-bottom: 0;
}
.sizeBoxModal .modal-header{
    padding: 18px 37px 15px 3px;
}
.sizeBoxModal .modal-title{
    text-align: left;
    color: #333447;
    font-size: 20px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 19px;
    font-family: "Work Sans Regular";
}
.skudata{
    margin-bottom: 35px;
    color: #4a4a4a;
    font-family: "Work Sans Regular";
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 5px;
    word-spacing: normal;
}
.sizeBoxModal .sizeChartImg img{
    width: 100%;
}
.customModal.modal.fade .modal-dialog{
    padding: 14px;
}
.customModal .modal-content {
    border: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}
#product .alert{width: 72.3%;}

ul.dropdown-menu.inner {
    padding: 10px 0;
}

/*
 * Cart Page Area
 */
.bannerBox{
    background-color: #000000;
}
.bannerBox .bannerTitle {
    padding: 38px 56px;
    text-align: center;
}
.bannerBox .bannerTitle h1{
    color: #FFFFFF;
    font-size: 30px;
    letter-spacing: 0;
    line-height: 35px;
}
#checkout-cart .checkoutArea{
    padding: 50px 0 168px;
}
#checkout-cart #info_block {
    width: 55%;
    margin: 0 auto;
}
#checkout-cart .checkoutFormTitle h3{
    color: #333447;
    font-size: 22px;
    letter-spacing: 0;
    line-height: 30px;
    font-family: "Work Sans Regular"
}
#checkout-cart .information-form .form-group {
    margin-bottom: 0;
    margin-top: 28px;
}
#checkout-cart .information-form .form-group.addFormGrp{
    margin-top: 14px;
}
#checkout-cart .information-form .form-group label {
    color: #333447;
    font-family: "Work Sans Regular";
    font-size: 18px;
    letter-spacing: 0;
    line-height: 30px;
    margin-bottom: 0;
}
#checkout-cart .information-form .required label:after {
    content: '*';
    color: #D0021B;
    margin-left: 5px;
    font-size: 20px;
    letter-spacing: 0;
    line-height: 30px;
}
#checkout-cart .information-form .form-group .form-control{
    height: 60px;
    border: 2px solid #000000;
    background-color: #FFFFFF;
    border-radius: 0;
    outline: none;
    box-shadow: none;
    padding: 15px 20px;
    text-align: left;
}
#checkout-cart .selectBox select{
    -moz-appearance:none;
    -webkit-appearance:none;
    appearance:none;
}
#checkout-cart .selectBox{
    position: relative;
}
#checkout-cart .selectBox:after {
    content: '\f107';
    height: 30px;
    width: 20px;
    z-index: 3;
    position: absolute;
    cursor: pointer;
    pointer-events: none;
    text-align: center;
    font-family: FontAwesome;
    top: 15px;
    right: 20px;
    color: #000000;
    font-size: 30px;
    letter-spacing: 0;
    line-height: 30px;
}
#checkout-cart .information-form .form-group .bootstrap-select.form-control{
    padding: 0;
    border: 0;
}
#checkout-cart .form-group .form-control::-webkit-input-placeholder{
    color: #808184;
    font-size: 20px;
    letter-spacing: 0;
    text-align: left;
    font-family: "Work Sans Regular";
}
#checkout-cart .form-group .form-control::-moz-input-placeholder{
    color: #808184;
    font-size: 20px;
    letter-spacing: 0;
    text-align: left;
    font-family: "Work Sans Regular";
}
#checkout-cart .form-group .form-control::-ms-input-placeholder{
    color: #808184;
    font-size: 20px;
    letter-spacing: 0;
    text-align: left;
    font-family: "Work Sans Regular";
}
#checkout-cart .form-group .form-control::placeholder{
    color: #808184;
    font-size: 20px;
    letter-spacing: 0;
    text-align: left;
    font-family: "Work Sans Regular";
}
#checkout-cart .form-group .text-danger {
    color: #D0021B;
    display: inline-block;
    margin-top: 5px;
    font-family: "Work Sans Regular";
    font-size: 16px;
    letter-spacing: 0;
    line-height: 30px;
    margin-bottom: 0;
}
#checkout-cart .buttons{
    margin: 28px 0 0;
}
#checkout-cart .checkoutBtn{
    height: 64px;
    width: 320px;
    background-color: #000000;
    color: #fff;
    color: #FFFFFF;
    font-family: "Work Sans Bold";
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 23px;
    text-align: center;
    text-transform: capitalize;
    padding: 20px;
    border: 2px solid #000000;
    border-radius: 0;
    outline: none;
    box-shadow: none;
    transition: all .7s ease;
}
#checkout-cart .checkoutBtn:hover{
    background: transparent;
    color: #000;
}
.btn-section .btn-continue{
    height: 64px;
    width: 250px;
    background-color: #000000;
    color: #fff;
    color: #FFFFFF;
    font-family: "Work Sans Bold";
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 23px;
    text-align: center;
    text-transform: capitalize;
    padding: 20px;
    border: 2px solid #000000;
    border-radius: 0;
    outline: none;
     box-shadow: none;
    transition: all .7s ease;
}
.btn-section .btn-continue:hover{
    background: transparent;
    color: #000;
}
.no-product-text{
    text-align: center;
    font-size: 20px;
    margin-bottom: 30px;
    color: #000;
}

.checkoutDisplayBlock,.supportDisplayBlock,.orderDisplayBlock,.privacyDisplayBlock,.exchangeDisplayBlock{display: none;}
.logoBox h1{
        color: #333447 !important;
        font-family: "Work Sans Regular";
        font-size: 40px !important;
        text-align: center;
}
    
.backBtn{
    margin-top: 14px;
    text-align: center;
}
.backBtn a{
    font-size: 20px;
    letter-spacing: 0;
    line-height: 30px;
    text-decoration: underline;
}
#wait .waitInner{
    width: 100%;
    font-size: 32px;
    color: #F4F7F9;
    opacity: 1;
    text-align: center;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
#wait .waitInner i{
    position: relative;
    top: 0;
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    transform: translateY(0%);
}
#wait .waitInner p{
    color: #F4F7F9;
    font-size: 20px;
    margin-top: 10px;
    text-align: center;
    line-height: 30px;
}
.customModal .checkoutModalBox.modal-dialog {
    width: 1001px;
}
.customModal .checkoutModalBox .modal-header {
    padding: 15px 56px 15px 15px;
}
.customModal .checkoutModalBox .modal-title{
    font-size: 30px;
    line-height: 35px;
    font-family: "Work Sans Bold";
}
.customModal .checkoutModalBox .modal-header .close{
    height: 20px;
    width: 20px;
    right: 18px;
    top: 18px;
}
.customModal .checkoutModalBox .modal-header .close img{
    width: 20px;
    height: 20px;
}
.customModal .checkoutModalBox .modal-body {
    padding: 28px 28px 56px;
}
.checkoutModalBox .orderDetailText {
    padding-right: 13px;
}
.checkoutModalBox .orderDetailText .orderConfirm + .orderConfirm {
    margin-top: 14px;
    padding-right: 25px;
}
.checkoutModalBox .orderConfirm {
    border: 1px solid #EAEAEA;
    padding: 15px;
    position: relative;
}
.checkoutModalBox .orderEdit {
    height: 30px;
    width: 20px;
    position: absolute;
    top: 5px;
    right: 5px;
}
.checkoutModalBox .orderEdit .fa{
    font-size: 20px;
    letter-spacing: 0;
    line-height: 30px;
    color: #000000;
}
.checkoutModalBox .orderConfirm ul li{
    color: #333447;
    font-size: 20px;
    letter-spacing: 0;
    line-height: 30px;
    word-wrap: break-word;
}
.checkoutModalBox .orderConfirm  ul li span{
    font-family: "Work Sans Bold";
}
.checkoutModalBox .orderDetailImg {
    padding-left: 11px;
    padding-right: 28px;
}
.checkoutModalBox .productImage {
    text-align: center;
    background-color: #ffffff;
    padding: 0;
}
.checkoutModalBox .img-thumbnail {
    border: 0;
    border-radius: 0;
    padding: 0;
}
.confirOrderFooter {
    text-align: center;
    margin-top: 56px;
}
.confirOrderFooter .submitBtn {
    margin-bottom: 28px;
}
.confirOrderFooter .submitBtn .btn{
    width: 200px;
    height: 58px;
    background-color: #000000;
    color: #FFFFFF;
    font-family: "Work Sans Bold";
    font-size: 18px;
    letter-spacing: 0;
    padding: 20px;
    margin: 0 auto;
    border: 2px solid #000;
    border-radius: 0;
    outline: none;
    padding: 18px;
    box-shadow: none;
    line-height: 1;
    transition: all .7s ease;
}
.confirOrderFooter .submitBtn .btn:hover{
    background: transparent;
    color: #000;
}
.confirOrderFooter .orderConfirmTxt p {
    color: #333447;
    font-size: 12px;
    letter-spacing: 0;
    line-height: 20px;
}
.confirOrderFooter .orderConfirmTxt p span{
    font-family: "Work Sans Bold";
}
.regular-text{
    font-family: "Work Sans Regular" !important;
    font-size: 24px;
    display: block;
    color: #000;
}


#checkout-cart #content h2{
    color: #ffffff;
    font-family: Knockout;
    font-size: 30px;
    font-style: normal;
    font-stretch: normal;
    font-weight: 400;
    line-height: 40px;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    letter-spacing: 0px;
    margin: 40px 0 20px;
}
.productPopup{
    padding-right: 0;
}
.productPopup .modal-content{
    border-radius: 0;
}
.productPopup .modal-header{
    padding: 30px;
    border: none;
}
.productPopup .modal-body{
    padding: 20px 80px 80px;
}
.productPopup #image{
    width: 100%;
    height: auto;
    border: 1px solid #f5f5f5;
    margin-bottom: 0;
}
/********End of Category Page***********/
.displayFlex{
    display: flex;
    display: -webkit-flex;
    padding: 30px 20px 20px;
    justify-content:space-between;
}
.alert-danger{
    color: #D0021B;
    background-color: rgba(208,2, 27, 0.1);
    border-color: rgba(208,2, 27, 0.1);
}
.alert {
    position: relative;
    padding: 10px 38px 10px 14px;
    margin: 0 0 14px;
    font-size: 16px;
    border-radius: 0;
    text-align: left;
}
.alert .close{
    opacity: 0.6;
}
.alert-dismissable .close,
.alert-dismissible .close{
    position: absolute;
    right: 14px;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
                transform: translateY(-50%);
}
select::-ms-expand {
    display: none;
}
input::-ms-clear {  
    display: none;
}
/*
 * Information Pages 
 */
#information-information .informationBox {
    padding: 56px 0 86px;
}
#information-information .informationBox ul li,
#information-information .informationBox ol li{
    position: relative;
    padding-left: 20px;
}
#information-information .informationBox ul li:before {
    content: '';
    position: absolute;
    width: 6px;
    height: 6px;
    background-color: #000;
    border-radius: 50%;
    top: 12px;
    left: 0;
}
#information-information .informationBox p,
#information-information .informationBox p span,
#information-information .informationBox ul li,
#information-information .informationBox ul li span,
#information-information .informationBox ol li,
#information-information .informationBox ol li span{
    color: #333447;
    font-size: 18px !important;
    letter-spacing: 0 !important;
    line-height: 1.8 !important;
    font-family: "Work Sans Regular" !important;
}
#information-information .informationBox ol {
    padding: 0;
  list-style: none;
  counter-reset: my-awesome-counter;
}
#information-information .informationBox ol li {
  counter-increment: my-awesome-counter;
}
#information-information .informationBox ol li::before {
    content: counter(my-awesome-counter) ". ";
    color: #000000;
    font-size: 20px;
    position: absolute;
    top: 0;
    left: 0;
}
#information-information .informationBox h3,
#information-information .informationBox h3 span{
    color: #333447;
    font-size: 18px !important;
    letter-spacing: 0 !important;
    line-height: 30px !important;
    font-family: "Work Sans Bold" !important;
}
#information-information .informationBox b,
#information-information .informationBox strong{
    font-weight: 500;
    font-family: "Work Sans Bold" !important;
}
#information-information .informationBox a{
    text-decoration: underline;
    color: #333447;
}
#supportModal .modal-body{
    padding: 30px 40px;
}
#supportModal .inputBox{
    margin-bottom: 15px;
}
#supportModal .form-control {
    border: 1px solid #000000;
    border-radius: 0;
    font-size: 18px;
    text-align: left;
    padding: 10px 15px;
}
#supportModal .customSelect .form-control{
    padding: 0;
    border: 0;
}
#supportModal .customSelect .bootstrap-select>.dropdown-toggle {
    border: 1px solid #000000;
    padding: 10px 15px;
}
#supportModal .customSelect .bootstrap-select .dropdown-menu {
    padding: 0;
}
#supportModal .customSelect .bootstrap-select .dropdown-toggle .filter-option-inner-inner{
    font-size: 18px;
    text-align: left;
}
#supportModal .customSelect .bootstrap-select .dropdown-toggle .caret:before{
    font-size: 24px;
}
#supportModal .customSelect .bootstrap-select .dropdown-menu li a {
    line-height: 28px;
    font-size: 14px;
    padding: 5px 15px;
}
#supportModal .inputBox input.form-control {
    height: 60px;
}
#supportModal .inputBox textarea.form-control {
    height: 100px;
}
#supportModal .submitBtn button {
    background: #000;
    color: #fff;
    padding: 5px 20px;
    border: 2px #000 solid;
    display: inline-block;
    text-decoration: none;
    cursor: pointer;
    padding: 10px 30px;
    font-family: "Work Sans Bold";
    font-size: 20px;
    text-align: center;
}
#information-information .prodContainer {
    max-width: 1344px;
}
.inputBox label{
    color: #333447;
    font-family: "Work Sans Regular";
    font-size: 18px;
    letter-spacing: 0;
    line-height: 30px;
    margin-bottom: 0;
}
.inputBox label:after{
    content: '*';
    color: #D0021B;
    margin-left: 5px;
    font-size: 20px;
    letter-spacing: 0;
    line-height: 30px;
}
.supportQueBox .submitBtn{
     display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-box-align: flex-end;
    -webkit-align-items: flex-end;
        -moz-box-align: flex-end;
            -ms-flex-align: flex-end;
            	align-items: flex-end;
                -webkit-box-pack: flex-end;
    -webkit-justify-content: flex-end;
        -moz-box-pack: flex-end;
            -ms-flex-pack: flex-end;
                justify-content: flex-end;
}
#supportModal .modal-header{
    background: #000;
    padding:15px 37px 15px 10px;
}
#supportModal .modal-header .close {
    margin-top: 0;
    height: 15px;
    width: 15px;
    color: #fff;
    opacity: 1;
    position: absolute;
    right: 15px;
    top: 15px;
    border-radius: 0;
    line-height: 10px;
    z-index: 99;
    font-size: 30px;
}
#supportModal .modal-title {
    margin: 0;
    line-height: 1.42857143;
    color: #fff;
    font-size: 22px;
    letter-spacing: 0;
    line-height: 19px;
    text-align: center;
    font-family: "Work Sans Bold"
}
.supportQueBox .customSelect .single-option-selector{
    border: 1px solid #000000;
}
/*
 * View Order Area
 */
.viewOrderBox{
    text-align: center;
    padding: 56px 0;
}
.viewOrderBox .viewOrderText,
.viewOrderBox .viewOrderTitle {
    padding-bottom: 56px;
}
.viewOrderBox .viewOrderTitle h3{
    color: #000000;
    font-size: 40px;
    letter-spacing: 0;
    line-height: 47px;
    text-align: center;
}
.viewOrderBox .viewOrderText P{
    color: #4A4A4A;
    font-size: 20px;
    letter-spacing: 0;
    line-height: 30px;
}
.viewOrderBox .infoFormTop {
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -moz-box-align: center;
            -ms-flex-align: center;
            	align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -moz-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
}
.viewOrderBox .form-group {
    margin-bottom: 0;
    display: inline-block;
    position: relative;
}
.viewOrderBox .form-control{
    color: #4A4A4A;
    height: 60px;
    width: 319px;
    border: 2px solid #000000;
    background-color: #FFFFFF;
    border-radius: 0;
    margin: 0 auto;
    font-family: "Work Sans Bold";
}
.viewOrderBox .tooltipText{
    visibility: hidden;
    width: 100%;
    background-color: #ffffff;
    color: #4A4A4A;
    text-align: center;
    border-radius: 0px;
    padding: 10px;
    font-size: 11px;
    line-height: 14px;
    position: absolute;
    top: 100%;
    left: 0;
    margin-top: 10px;
    z-index: 1;
    border: #4A4A4A 1px dashed;
}
.viewOrderBox .tooltipBox:hover .tooltipText {
    visibility: visible;
    opacity: 1;
}
.viewOrderBox .form-control:focus,
.viewOrderBox .form-control:active{
    border-radius: 0;
    border-color: #000000;
    box-shadow: none;
    outline: none;
}
.viewOrderBox .form-control::-webkit-input-placeholder{ 
    color: #757575;
    font-size: 20px;
    letter-spacing: 0;
    text-align: center;
    font-family: "Work Sans Bold";
}
.viewOrderBox .form-control::-moz-input-placeholder{ 
    color: #757575;
    font-size: 20px;
    letter-spacing: 0;
    text-align: center;
    font-family: "Work Sans Bold";
}
.viewOrderBox .form-control::-ms-input-placeholder{ 
    color: #757575;
    font-size: 20px;
    letter-spacing: 0;
    text-align: center;
    font-family: "Work Sans Bold";
}
.viewOrderBox .form-control::placeholder{
    color: #757575;
    font-size: 20px;
    letter-spacing: 0;
    text-align: center;
    font-family: "Work Sans Bold";
}
.viewOrderBox .infoFormTop .form-text {
    margin: 0 56px;
}
.viewOrderBox h4{
    font-size: 20px;
    letter-spacing: 0;
    line-height: 24px;
    text-align: center;
    color: #333447;
    font-family: "Work Sans Bold";
}
.viewOrderBox .infoFormBot {
    padding-bottom: 28px;
    padding-top: 56px;
}
.viewOrderBox .form-text-2 {
    margin-bottom: 56px;
}
.viewOrderBox .buttons{
    margin: 0;
}
.viewOrderBox .btn-redeem{
    height: 60px;
    width: 319px;
    background-color: #000000;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    color: #ffffff;
    font-family: "Work Sans Bold";
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 24px;
    text-align: center;
    text-transform: capitalize;
}
.viewOrderBox .error_block1,
.viewOrderBox .error_block2{
    width: 100%;
    float: none;
    margin-right: 0;
    position: relative;
    margin-top: 14px;
    color: #ff0000;
    font-size: 18px;
    line-height: 19px;
    font-weight: 500;
    text-shadow: none;
    padding: 0;
    font-family: "Work Sans Regular";
}
.viewOrderBox .alert{
    min-width: 319px;
    display: inline-block;
    margin-bottom: 0;
}
.viewOrderBox .alert .close{
    margin-left: 14px;
}
.viewOrderBox .success_msg .alert,
.viewOrderBox #warning_msg .alert{
    margin-top: 14px;
}
.viewOrderBox success_msg{
    margin-top: 28px;
}
.order-details.viewOrderBox{
    text-align: left;
}
.viewOrderBox.order-details .viewOrderText{
    padding-bottom: 0;
}
.viewOrderBox .viewOrderDetails p{
    font-size: 16px;
    letter-spacing: 0;
    line-height: 30px;
    color: #333447;
}
.viewOrderBox .viewOrderDetails p span{
    font-family: "Work Sans Bold";
}
.viewOrderBox .viewOrderDetails .prod-image {
    width: 405px;
    height: 405px;
    margin: 28px auto;
    background-color: #ffffff;
    padding: 20px;
    border: 1px solid #EAEAEA;
}
.viewOrderBox .viewOrderDetails .prod-image img{
    width: 100%;
    height: auto;
    object-fit: contain;
    object-position: center;
}
.viewOrderBox .orderDetailsInner {
    border: 2px solid #000000;
    background-color: #FFFFFF;
    padding: 20px;
    max-width: 700px;
    margin: 0 auto;
}
.viewOrderBox .orderDetailsInner table{
    width: 100%;
}
.viewOrderBox .orderDetailsInner table td{
    width: 50%;
    color: #333447;
    font-family: "Work Sans Regular";
    font-size: 16px;
    letter-spacing: 0;
    line-height: 30px;
}
.viewOrderBox .orderDetailsInner table td:nth-child(1){
    padding-right: 7px;
}
.viewOrderBox .orderDetailsInner table td:nth-child(2){
    padding-left: 7px;
}
.viewOrderBox .orderDetailsInner table td span{
    font-family: "Work Sans Bold";
}
.viewOrderBox .orderDetailsText{
    padding: 28px 0;
}
.viewOrderBox .orderDetailsInner table .shipmentInfo td{
    padding-top: 28px;
}
.viewOrderBox .orderDetailsText p{
    font-size: 16px;
    letter-spacing: 0;
    line-height: 24px;
}
.findOrderDetails .order-details.viewOrderBox{
    padding-top: 0;
}
.exchangeDetails .viewOrderBox{
    padding: 0px 0 102px;
}
.viewOrderBox .customerInfo {
    margin-top: 5px;
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
}
.viewOrderBox .customerInfo .shipTo,
.viewOrderBox .customerInfo .productName {
    width: 50%;
}
.viewOrderBox .orderDetailTab{
    margin-top:28px;
}
.exchangeDetails .exchangeReason{
    margin-top: 28px;
}
.exchangeDetails table tr td select,
.exchangeDetails table tr td input,
.exchangeDetails table tr td textarea{
    width: 100%;
    border: 1px solid #000000;
    background-color: #FFFFFF;
    border-radius: 0;
    outline: none;
    box-shadow: none;
    padding: 15px 20px;
    text-align: left;
    font-family: "Work Sans Regular";
}
.exchangeDetails table tr td .customSelect{
    height: 41px;
    margin-bottom:7px;
}
.exchangeDetails table tr td .customSelect .bootstrap-select {
    width: 100% !important;
}
.exchangeDetails .viewOrderBox .orderDetailsInner table td span.text{
    font-family: "Work Sans Regular";
}
.exchangeDetails table tr td input{
    height: 41px;
    margin: 7px 0;
    padding: 8px 5px;
    font-size: 14px;
}
.exchangeDetails table tr td input#new_size{
    text-transform: uppercase;
}
.exchangeDetails table tr td textarea{
    height: 41px;
    margin: 7px 0;
    padding: 0 5px;
    font-size: 14px;
}
.exchangeDetails .viewOrderBox .error_msg {
    margin-top: 7px;
    margin-bottom: 7px;
}
.exchangeDetails .viewOrderBox .alert {
    min-width: 100%;
    width: 100%;
}
.exchangeDetails .viewOrderBox .orderDetailsInner table td[colspan="2"] {
    padding: 0;
}
.exchangeDetails .customSelect .bootstrap-select>.dropdown-toggle{
    border-width: 1px;
    height: 41px;
    padding: 11px;
    font-size: 14px;
}
.exchangeDetails .customSelect .bootstrap-select .dropdown-toggle .caret {
    right: 11px;
}
.exchangeDetails .customSelect .bootstrap-select .dropdown-toggle .caret:before{
    font-size: 20px;
}
.exchangeDetails .customSelect .bootstrap-select .dropdown-toggle .filter-option-inner-inner {
    color: #000000;
    font-size: 14px;
    line-height: 16px;
}
.exchangeDetails .customSelect .bootstrap-select .dropdown-menu li a {
    line-height: 24px;
    font-size: 14px;
    padding: 5px 11px;
}
.exchangeDetails .exchangeBtn{
    text-align: center;
}
.exchangeDetails .viewOrderBox .btn-redeem{
    margin-top: 14px;
    width: 150px;
    height: 54px;
}
/*
 * Common Pages Area
 */
.commonBox {
    max-width: 1000px;
    margin: 0 auto;
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    padding: 56px 0px 100px;
    align-items: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-direction: column;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: -webkit-calc(100vh - 150px);
    min-height: -moz-calc(100vh - 150px);
    min-height: -o-calc(100vh - 150px);
    min-height: calc(100vh - 150px);
}
.commonBox h1{
    color: #000000;
    font-size: 40px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 47px;
    margin-bottom: 56px;
}
.commonBox p{
    color: #000000;
    font-size: 20px;
    letter-spacing: 0;
    line-height: 30px;
}
.commonBox a {
    text-decoration: underline;
    word-break: break-word;
}
.commonBox .successMidTxt p {
    margin-bottom: 28px;
}
.commonBox .contact{
    margin-top: 28px;
}
.commonBox .contact a{
    color: #000000;
    font-size: 20px;
    letter-spacing: 0;
    line-height: 30px;
    text-align: center;
    position: relative;
    text-decoration: underline;
    font-family: "Work Sans Regular";
}
.commonBox .order-text {
    margin: 56px 0;
}
.commonBox .order-text p {
    font-size: 30px;
    line-height: 35px;
    font-family: "Work Sans Bold";
}
.commonBox .order-text p br{
    display: none;
}
.commonBox .order-text p span{
    font-family: "Work Sans Bold";
}
/*
 * Preview Page Area
 */
#product-category .bannerBox.preBannerBox img {
    height: 350px
}
#previewArea.productCatList{
    padding-bottom: 144px;
    padding-top: 40px;
}
.productCatBanner .prevTitle{
    margin-top: 56px;
    text-align: center;
}
.productCatBanner .prevTitle p{
    font-size: 17px;
    letter-spacing: 0;
    line-height: 18px;
    color: #000000;
    margin-bottom: 7px;
}
.productCatBanner .prevTitle .sizeBoxBtn{
    display: inline-block;
    position: relative;
    color: #000000;
    font-size: 20px;
    letter-spacing: 0;
    line-height: 30px;
    border: 0;
    box-shadow: none;
    padding: 0;
    outline: 0;
    background-color: transparent;
    font-family: "Work Sans Regular";
}
.productCatBanner .prevTitle .sizeBoxBtn:before {
    content: '';
    position: absolute;
    bottom: 4px;
    left: 0;
    height: 2px;
    width: 100%;
    background-color: #000000;
}
.previewSizeModal.customModal .modal-header .close {
    right: 20px;
    top: 20px;
}
.previewSizeModal.customModal .modal-dialog {
    width: 80%;
    padding: 0;
    margin: auto;
    box-sizing: content-box;
    max-width: 1000px;
}
.previewSizeModal.customModal .modal-body {
    padding: 0 20px 20px;
}
.previewSizeModal.customModal .modal-content {
    margin: 14px;
}
.previewSizeModal .sizeChartTable table{
    margin-top: 25px;
    margin-bottom: 40px;
}
.sizeChartTable table {
    border-collapse: collapse;
    border-spacing: 0;
    border: 1px solid #ccc;
    width: 100%;
}
.sizeChartTable table thead tr:first-of-type,
.sizeChartTable table tr td:first-of-type {
    background-color: #eee;
}
.sizeChartTable table tr th,
.sizeChartTable table tr td {
    font-size: 14px;
    padding: 10px 5px;
    overflow: hidden;
    word-break: normal;
    border: 1px solid #ccc;
    color: #333;
    text-align: left;
    font-weight: 400;
}
.previewSizeModal .sizeChartImg img {
    width: 100%;
}
#previewArea .prePopup{
    cursor: pointer;
}
#previewArea .productSizeBtn{
    text-align: center;
}
#previewArea .productSizeBtn p{
    font-size: 18px;
    line-height: 24px;
    margin-top: 4px;
    cursor: pointer;
    text-decoration: underline;
}
#previewArea .productSize{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    overflow: auto;
    padding: 28px 14px;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.80);
    display: none;
}
#previewArea .hiddenBox{
    display: none;
}
#previewArea .showBox,
#previewArea .hiddenBox.showBox {
    display: flex !important;
}
#previewArea .collapsing{
    height: 100% !important;
}
#previewArea .productSize ul{
    margin: auto;
}
#previewArea .productSize ul li {
    color: #ffffff;
    font-size: 18px;
    line-height: 26px;
    text-align: center;
    margin: 10px 0;
}
#previewArea .sizingNote {
    background-color: #000;
    padding: 28px 0 35px;
}
#previewArea .sizingNoteBox h3 {
    font-size: 20px;
    line-height: 30px;
    color: #ffffff;
}
#previewArea .sizingNoteBox ul li {
    color: #ffffff;
    font-size: 18px;
    line-height: 24px;
    position: relative;
    padding-left: 25px;
}
#previewArea .sizingNoteBox ul li:before{
    content: '';
    width: 5px;
    height: 5px;
    background-color: #ffffff;
    position: absolute;
    top: 10px;
    left: 0;
    border-radius: 50%;
}
.prevDisplayFlex{
    display: flex;
    align-items:center;
}
.prevDisplayFlex .modalDes #description{display: none;}
#product-category .productDetailModal .modal-header {
    padding: 14px;
}
#product-category .productDetailModal .modal-dialog{
   width: 80%;
  transition: all 300ms ease;
  -moz-transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
      -ms-transition: all 300ms ease;
        -o-transition: all 300ms ease;
        max-width: 1000px;
}
#product-category .productDetailModal .modal-body {
    padding: 0px 32px 28px 10px;
}
#product-category .productDetailModal #image img{
    max-width: 300px;
    min-width: 300px;
}
#product-category .productDetailModal #image {
    text-align: center;
    background-color: #ffffff;
    padding: 0;
}
#product-category .productDetailModal .modalDes {
    font-size: 20px !important;
    color: #4A4A4A;
}
#product-category .productDetailModal .modalDes h4{
    font-size: 20px;
    line-height: 30px;
    color: #333447;
    font-family: "Work Sans Bold";
}
#product-category .productDetailModal .modalDes p{
    font-size: 20px;
    line-height: 30px;
}
#product-category .productDetailModal  .sizeChartTable p{
    color: #ff0000;
    font-size: 15px;
    margin: 15px 0;
}
.sizeChartTable h3{
    color: #333447;
}

.prevModal .modal-dialog{
    position: relative;
    align-items: center;
    margin-top: 7vh;
    background: #fff;
    padding: 20px;
    margin-left: auto;
    margin-right: auto;
    max-height: 86vh;
    width: 80%;
    min-width: 300px;
    max-width: 1000px;
    overflow-y: auto;
    overflow-x: auto;
    box-sizing: border-box;
    font-family: 'Work Sans Regular';
    font-size: 20px;
    font-weight: 300;
}
.prevModal .modal-header .close{
    right: 0;
    top: 0;
}
#product-category .prevModal .modal-header {
    padding-top: 10px;
    padding-bottom: 0;
}
/*
 * Footer Area 
 */
#footerArea{
    border: none;
    padding: 0;
    background-color: #ffffff;
    border-top: 1px solid #EAEAEA;
}
#footerArea .footerBox{
    padding: 0 28px;
}
#footerArea .footerBoxInner {
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -moz-box-align: center;
            -ms-flex-align: center;
            	align-items: center;
    -webkit-box-pack: space-between;
    -webkit-justify-content: space-between;
        -moz-box-pack: space-between;
            -ms-flex-pack: space-between;
                justify-content: space-between;
}
#footerArea .footerLeft{
    border-right: 1px solid #EAEAEA;
}
#footerArea .footerLogo {
    padding-right: 28px;
}
#footerArea .footerLogo a{
    display: inline-block;
    padding: 17px 0 13px;
}
#footerArea .footerLogo img{
    display: inline-block;
    width: 231px;
}
#footerArea .footerRight {
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -moz-box-align: center;
            -ms-flex-align: center;
            	align-items: center;
}
#footerArea .copyRight {
    padding-right: 56px;
    padding-left: 28px;
}
#footerArea .copyRight p{
    color: #000000;
    font-size: 20px;
    letter-spacing: 0;
    line-height: 24px;
    text-align: right;
}
#footerArea .footerMenu ul li {
    display: inline-block;
}
#footerArea .footerMenu ul li + li{
    margin-left: 28px;
}
#footerArea .footerMenu ul li a{
    display: inline-block;
    font-size: 20px;
    letter-spacing: 0;
    line-height: 24px;
    text-align: right;
    text-transform: capitalize;
    padding: 13px 0;
    font-family: "Work Sans Bold";
}

/* custom css */
.fade.show{
    opacity: 1;
}
.modal.fade .modal-dialog {
  transform: initial !important;
}
.modal-dialog {
  margin: 2px auto !important;
}
.modal-backdrop {
    background-color: rgba(0,0,0,0.2) !important;
    opacity: 0.95 !important;
}
.mCSB_draggerRail {
    background-color: transparent !important;
}

.customSelect .single-option-selector {
    line-height: 31px;
    color: #000000;
    font-family: "Work Sans Regular";
    font-size: 16px;
    letter-spacing: 0;
    border: 2px solid #000000;
    padding: 10px 20px;
    height: 100%;
    width: 100%;
    border-radius: 0;
    outline: 0 !important;
    background-color: #ffffff !important;
    background-image: none;
    box-shadow: none;
    -webkit-box-shadow: none;
}
.customSelect .single-option-selector option {
    line-height: 35px;
    color: #000000;
    font-family: "Work Sans Regular";
    font-size: 20px;
    letter-spacing: 0;
    padding: 5px 20px;
}
.customSelect .single-option-selector:focus > option:checked { 
    background-color: #d0d0d0;
    background-image: none;
}
.customSelect.single-option-selector.focus, .customSelect .single-option-selector:focus, .customSelect .single-option-selector:hover {
    color: #000;
    background-color: #ffffff;
    border-color: #000000;
    outline: 0 !important;
}

.customSelect .s-hidden {
  visibility: hidden;
  padding-right: 10px;
} 

.customSelect .styledSelect {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: white;
    padding: 10px 20px;
    height: 100%;
    width: 100%;
    border-radius: 0;
    outline: 0 !important;
    background-color: #ffffff !important;
    background-image: none;
    box-shadow: none;
    -webkit-box-shadow: none;
}

.customSelect .styledSelect:after {
  content: "";
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-color: black transparent transparent transparent;
  position: absolute;
  top: 23px;
  right: 6px;
  font-size:25px;
  transition: 0.3s ease-in-out;
}
.customSelect .styledSelect.active:after {
    margin-top: -5px;
  transform: rotate(-180deg);
}

.customSelect .options {
  display: none;
  position: absolute;
  top: 100%;
  right: 0;
  left: 0;
  z-index: 999;
  margin: 0 0;
  padding: 0 0;
  list-style: none;
  border: 1px solid #ccc;
  background-color: white;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}

.selectBoxCustom li {
  margin: 0 0;
  padding: 0 10px;
}

.selectBoxCustom li:hover {
  background-color: #39f;
  color: white;
}
.selectBoxCustom{
    margin: 0;
    border: 2px solid rgba(0,0,0,1) !important;
    border-radius: 0;
    box-shadow: none;
    padding: 0;
}
.customSelect .selectBoxCustom li{
  line-height: 35px;
    color: #000000;
    font-family: "Work Sans Regular";
    font-size: 18px;
    letter-spacing: 0;
    padding: 5px 20px;
}
.customSelect .selectBoxCustom li:hover,
.customSelect .selectBoxCustom .selected.active
{
  color: #000;
    background-color: #d0d0d0;
    background-image: none;
}
.customSelect .selectBoxCustom li:hover:after {
    content: "\f00c";
    margin-left: 20px;
    color: #000;
    font-family: FontAwesome;
}
.customSelect .selectBoxCustom .selected.active:after {
    content: "\f00c";
    margin-left: 20px;
    color: #000;
    font-family: FontAwesome;
}
/* custom css end */


/*-----------------------------------------------------
    Media Quries
-----------------------------------------------------*/
   
@media (max-width: 1200px) {
    
}

@media (max-width:1024px){
    #checkout-cart #info_block {
        width: 100%;
    }
    
    .customModal .checkoutModalBox.modal-dialog {
        width: 100%;
    }
    
    #footerArea .copyRight {
        padding-right: 28px;
    }
    #footerArea .copyRight p,
    #footerArea .footerMenu ul li a {
        font-size: 18px;
        line-height: 22px;
    }
}

@media (max-width:991px){
    .bannerBox .bannerTitle {
        padding: 38px 28px;
    }
    .prodContainer {
        padding: 0 56px;
    }
    #common-home .redeemFormArea,
    #content,
    .commonBox{
        min-height: -webkit-calc(100vh - 280px);
        min-height: -moz-calc(100vh - 280px);
        min-height: -o-calc(100vh - 280px);
        min-height: calc(100vh - 280px);
    }
    
    #common-home .redeemFormArea {
        padding: 56px 13px 102px;
    }
    #common-home .redeem-form {
        margin: 56px 0;
    }
    #common-home .redeemFormArea {
        padding: 56px 13px 102px;
    }
    #common-home .redeemFormBox h1 {
        font-size: 35px;
        line-height: 42px;
    }
    
    #product-product {
        padding: 56px 0 102px;
    }
    #product-product .prodDetailsBox, #product {
        padding-left: 0;
    }
    #product-product .prodSizeBox {
        display: block;
    }
    #product-product .sizeBoxModal {
        margin-left: 0;
        margin-top: 13px;
    }
    #product-product .prodImg p{
        display: none;
    }

    #product-category .bannerCaption h1 {
        font-size: 30px;
        line-height: 35px;
    }

    #checkout-cart .checkoutArea {
        padding: 28px 0 102px;
    }
    #checkout-cart .checkoutBtn {
        width: 100%;
    }
    .customModal .modal-dialog {
        margin-bottom: 0;
    }
    .customModal .verticalAlign {
        display: block;
    }
    .checkoutModalBox .orderDetailText {
        padding-right: 0px;
    }
    .checkoutModalBox .orderDetailImg {
        padding-left: 0px;
        padding-right: 0;
        padding-top: 14px
    }
    
    .viewOrderBox .viewOrderText,
    .viewOrderBox .viewOrderTitle{
        padding-bottom: 28px;
    }
    .viewOrderBox .viewOrderTitle h3 {
        font-size: 30px;
        line-height: 35px;
    }
    .viewOrderBox .infoFormTop{
        display: block;
    }
    .viewOrderBox .form-group {
        display: block;
    }
    .viewOrderBox .tooltipText {
        top: auto;
        bottom: 100%;
        margin-top: 0;
        margin-bottom: 5px;
    }
    .viewOrderBox .form-control,
    .viewOrderBox .btn-redeem{
        width: 100%;
    }
    .viewOrderBox .infoFormTop .form-text {
        margin: 28px 0;
    }
    .viewOrderBox .form-text-2 {
        margin-bottom: 28px;
    }
    .viewOrderBox .infoFormBot {
        padding-bottom: 28px;
        padding-top: 28px;
    }
    .viewOrderBox .orderDetailsInner {
        width: 100%;
    }
    .viewOrderBox .alert {
        min-width: 100%;
        width: 100%;
    }

    .commonBox {
        max-width: 500px;
    }
    .commonBox h1{
        font-size: 30px;
        line-height: 35px;
    }

    #footerArea .footerBox {
        padding: 0;
    }
    #footerArea .footerBoxInner{
        display: block;
    }
    #footerArea .footerLeft{
        border-right: 0;
        border-bottom: 1px solid #EAEAEA;
    }
    #footerArea .footerLogo {
        padding-right: 0;
        border-right: 0;
        text-align: center;
    }
    #footerArea .footerRight {
        display: block;
    }
    #footerArea .copyRight p,
    #footerArea .footerMenu{
        text-align: center;
    }
    #footerArea .footerMenu{
       padding: 0px 28px;
        text-align: center;
    }
    #footerArea .copyRight{
        padding: 30px 28px 0;
        text-align: center;
    }
    #footerArea .footerMenu ul li a{
        padding: 30px 0;
    }
}

@media (max-width: 768px) {
    .prodContainer {
        padding: 0 28px;
    }
    
    #product-product {
        padding: 28px 0 102px;
    }
    
    #common-home .redeemText {
        width: 100%;
        text-align: center;
    }
    
    .customModal .checkoutModalBox .modal-body {
        padding: 0px 14px 56px;
    }
    .customModal .checkoutModalBox .modal-header {
        padding: 56px 14px 28px 14px;
    }
    
    #product-category .bannerCaption h1 {
        font-size: 25px;
        line-height: 30px;
    }
    .previewSizeModal.customModal .modal-dialog,
    #product-category .productDetailModal .modal-dialog{
        width: 100%;
    }
    .previewSizeModal.customModal .modal-content {
        margin: 0;
    }
    
    .checkoutModalBox .orderConfirm {
        padding: 28px 34px 28px 14px;
    }
    .confirOrderFooter {
        margin-top: 28px;
    }
    .confirOrderFooter .submitBtn .btn {
        width: 100%;
    }
    
    #information-information .informationBox {
        padding: 56px 0 102px;
    }
    #information-information .informationBox h3,
    #information-information .informationBox h3 span {
        font-size: 18px !important;
        line-height: 26px !important;
    }
    #information-information .informationBox ul li{
        position: relative;
        padding-left: 16px;
    }
    #information-information .informationBox ul li:before {
        width: 5px;
        height: 5px;
        top: 11px;
    }
    #information-information .informationBox ol li::before {
        font-size: 16px;
        line-height: 26px;
    }
    #common-success .prodContainer {
        padding: 0 14px;
    }
    .commonBox .order-text p {
        font-size: 24px;
        line-height: 28px;
    }
    
    .viewOrderBox {
        padding: 56px 14px 102px;
    }
    .viewOrderBox .orderDetailsInner {
        padding: 28px 14px;
    }
    .viewOrderBox .orderDetailsInner table td {
        width: auto;
    }
    .exchangeDetails .viewOrderBox,
    .findOrderDetails .order-details.viewOrderBox {
        padding: 0px 14px 102px;
    }
    .exchangeDetails .exchangeReason{
        margin-top: 14px;
    }
    .exchangeDetails .exchangeReason,
    .exchangeDetails .exchangeReason tbody,
    .exchangeDetails .exchangeReason tbody tr,
    .exchangeDetails .exchangeReason tbody tr td{
        display: block;
        width: 100%;
    }
    .viewOrderBox .orderDetailsInner .exchangeReason td:nth-child(1){
        padding-right: 0;
    }
    .viewOrderBox .orderDetailsInner .exchangeReason td:nth-child(2){
        padding-left: 0;
    }
    .exchangeDetails table tr td .customSelect,
    .exchangeDetails table tr td input,
    .exchangeDetails table tr td textarea{
        margin: 0 0 14px;
        width: 100%;
    }
    .exchangeDetails .viewOrderBox .error_msg {
        margin-top: 0;
    }
    .exchangeDetails .viewOrderBox .btn-redeem {
        margin-top: 0px;
    }
    
    .viewOrderBox .orderDetailsInner table.exchangeReason,
    .viewOrderBox .orderDetailsInner table.exchangeReason tbody,
    .viewOrderBox .orderDetailsInner table.exchangeReason tbody tr,
    .viewOrderBox .orderDetailsInner table.exchangeReason tbody tr td {
        display: flex !important;
        flex-direction: column;
        width: 100% !important;
    }
}

@media (max-width: 767px) {
    .topBannerBox {
        padding: 14px 42px 14px 14px;
    }
    .topBannerBox .topBannerBtn {
        right: 14px;
    }
    #product-product .prodDetailsBox {
        padding-top: 42px;
    }
    #product-product .prodDetailsBox h1 {
        margin-bottom: 42px;
    }
    #product-product .customSelect .bootstrap-select,
    #product-product .prodDetailsBtn button,
    #product .alert{
        width: 100%;
    }
    #product-product .prodDescription.descDesktop{
        display: none;
    }
    #product-product .prodDescription.descResponsive{
        display: block;
        padding-top: 42px;
        margin-bottom: 0;
    }
    .sizeBoxModal .modal-dialog{
        width: 100%;
    }
    #wait i {
        font-size: 26px;
    }
    #wait .waitInner p {
        font-size: 16px;
        line-height: 26px;
        padding: 0 14px;
    }

    #information-information .informationBox p,
    #information-information .informationBox p span,
    #information-information .informationBox ul li,
    #information-information .informationBox ul li span,
    #information-information .informationBox ol li,
    #information-information .informationBox ol li span {
        color: #000000;
        font-size: 16px !important;
        letter-spacing: 0 !important;
        line-height: 26px !important;
        font-family: "Work Sans Regular" !important;
    }
    #supportModal .modal-dialog {
        width: 100%;
    }
    #supportModal .modal-body {
        padding: 28px 30px;
    }
    
    #product-category .productDetailModal .modal-header {
        padding: 7px;
    }
    #product-category .productDetailModal .modal-header .close{
        z-index: 99;
        right: 24px;
        top: 24px;
    }
    #product-category .prevModal .modal-header .close {
        z-index: 99;
        right: 0;
        top: 0;
    }
    #product-category .productDetailModal .modal-body {
        padding: 0px 14px 14px 14px;
    }
    #product-category .productDetailModal img{
        margin: 0 auto;
    }
    #product-category .productDetailModal .modalDes {
        margin-top: 28px;
    }

    #footerArea .copyRight p,
    #footerArea .footerMenu ul li a {
        font-size: 16px;
        line-height: 19px;
    }
    #footerArea .footerMenu ul{
        display: flex;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
            -moz-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
        -webkit-box-pack: space-between;
        -webkit-justify-content: space-between;
            -moz-box-pack: space-between;
                -ms-flex-pack: space-between;
                    justify-content: space-between;
    }
    #product-product .prodSizeBox > .form-group {
        width: 100%;
    }
    .prevDisplayFlex {
        display: unset;
        align-items: unset;
    }
}

@media (max-width: 574px){
    #common-success .commonBox{
        padding: 15px;
    }
    .viewOrderBox .orderDetailsInner .shipmentStatus {
        padding-top: 0px !important;
    }
    .viewOrderBox .orderDetailsInner table td:nth-child(1) {
        padding-right: 0px;
    }
    #common-home .redeemInput .form-control,
    #common-home .redeemBtn{
        width: 100%;
    }
    
    .viewOrderBox .viewOrderDetails .prod-image {
        width: 100%;
        min-height: 300px;
        height: auto;
    }
    .viewOrderBox .orderDetailsInner table td {
        width: 50%;
    }
    .viewOrderBox .customerInfo {
        display: block;
    }
    .viewOrderBox .customerInfo .shipTo,
    .viewOrderBox .customerInfo .productName {
        width: 100%;
    }
    .commonBox {
        max-width: 100%;
    }
    .commonBox p {
        font-size: 16px;
        line-height: 26px;
    }
    .commonBox .order-text p br{
        display: block;
    }
    
    #supportModal .modal-body {
        padding: 28px 14px 14px;
    }
}

@media (max-width: 480px) {
    #footerArea .footerMenu ul li + li {
        margin-left: 14px;
    }
    .exchangeDetails .viewOrderBox .btn-redeem {
        width: 100%;
    }
}
@media (max-width: 410px) {
    
    .viewOrderBox .orderDetailsInner table td {
        font-size: 13px
    }
}
@media (max-width: 375px){
    #footerArea .footerMenu ul li a {
        font-size: 14px;
        line-height: 17px;
    }
}
@media (max-width: 367px) {
    .customSelect .single-option-selector {
        line-height: 19px;
    }
    .customSelect .styledSelect:after {
        top: 18px;
    }
}
@media (max-width: 360px) {
    #footerArea .footerMenu ul li a {
        font-size: 12px;
        line-height: 15px;
    }
}
#payment-new .information-form ul.options.selectBoxCustom {
    border: 0 !important;
}