@font-face {
    font-family:'Brandon Grotesque';
    src: url('../fonts/BrandonGrotesque-Regular.eot');
    src: url('../fonts/BrandonGrotesque-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/BrandonGrotesque-Regular.woff2') format('woff2'),
        url('../fonts/BrandonGrotesque-Regular.woff') format('woff'),
        url('../fonts/BrandonGrotesque-Regular.ttf') format('truetype'),
        url('../fonts/BrandonGrotesque-Regular.svg#BrandonGrotesque-Regular') format('svg');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family:'Brandon Grotesque';
    src: url('../fonts/BrandonGrotesque-Bold.eot');
    src: url('../fonts/BrandonGrotesque-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/BrandonGrotesque-Bold.woff2') format('woff2'),
        url('../fonts/BrandonGrotesque-Bold.woff') format('woff'),
        url('../fonts/BrandonGrotesque-Bold.ttf') format('truetype'),
        url('../fonts/BrandonGrotesque-Bold.svg#BrandonGrotesque-Bold') format('svg');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Brandon Text';
    src: url('../fonts/BrandonText-Medium.eot');
    src: url('../fonts/BrandonText-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/BrandonText-Medium.woff2') format('woff2'),
        url('../fonts/BrandonText-Medium.woff') format('woff'),
        url('../fonts/BrandonText-Medium.ttf') format('truetype'),
        url('../fonts/BrandonText-Medium.svg#BrandonText-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Brandon Text';
    src: url('../fonts/BrandonText-Bold.eot');
    src: url('../fonts/BrandonText-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/BrandonText-Bold.woff2') format('woff2'),
        url('../fonts/BrandonText-Bold.woff') format('woff'),
        url('../fonts/BrandonText-Bold.ttf') format('truetype'),
        url('../fonts/BrandonText-Bold.svg#BrandonText-Bold') format('svg');
    font-weight: 700;
    font-style: normal;
}
@font-face {
  font-family: 'icomoon';
  src:  url('../fonts/icomoon.eot?w3vp8q');
  src:  url('../fonts/icomoon.eot?w3vp8q#iefix') format('embedded-opentype'),
    url('../fonts/icomoon.ttf?w3vp8q') format('truetype'),
    url('../fonts/icomoon.woff?w3vp8q') format('woff'),
    url('../fonts/icomoon.svg?w3vp8q#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

/*Normalize css*/
html{line-height:1.25;-webkit-text-size-adjust:100%}
main{display:block}
hr{-webkit-box-sizing:content-box;box-sizing:content-box;height:0;overflow:visible}
pre{font-family:monospace,monospace;font-size:1em}
a{background-color:transparent}
abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}
b,strong{font-weight:bolder}
code,kbd,samp{font-family:monospace,monospace;font-size:1em}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sub{bottom:-.25em}
ul,ol{margin-top: 0; margin-bottom: 10px;}
sup{top:-.5em}img{border-style:none}
button,input,optgroup,select,textarea, a.btn{font-family:inherit;font-size:16px;line-height:1.15;margin:0}
button,input{overflow:visible; border: none;}
button,select{text-transform:none}
[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;}
[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}
[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}
legend{-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}
progress{vertical-align:baseline}
textarea{overflow:auto}
[type=checkbox],[type=radio]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}
[type=search]{-webkit-appearance:textfield;outline-offset:-2px}
[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}
details{display:block}
summary{display:list-item}
template{display:none}[hidden]{display:none}
figure{margin: 0;}
table {border-spacing: 0; border-collapse: collapse;}
th {text-align: inherit;}
label{display: inline-block; max-width: 100%; margin-bottom: 5px; font-weight: 700;}
img{max-width: 100%; height: auto; vertical-align: middle;}
p{margin-top: 0px; margin-bottom: 10px;}

::-webkit-input-placeholder {color: #b5bbc5;}
::-moz-placeholder {color: #b5bbc5;}
:-ms-input-placeholder {color: #b5bbc5;}
:-moz-placeholder {color: #b5bbc5;}

/*common classes */
*{-webkit-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; }
body{font-family: 'Brandon Grotesque', sans-serif; font-size: 16px; color: #383838; font-weight: 400; line-height: 1.25; overflow-x: hidden; margin: 0; padding: 0;}
a{text-decoration: none;}
h1,h2,h3,h4,h5,h6{margin-top: 10px; margin-bottom: 20px;}
h2{font-family: 'Brandon Text', sans-serif;  font-size: 28px; color: #152f4e; font-weight: 700;}
h3{font-family: 'Brandon Grotesque', sans-serif;  font-size: 25px; color: #a6b49a;}
h4{font-size: 18px; color: #383838;}
select{ -webkit-appearance: none; -moz-appearance: none; appearance: none; font-family: inherit;}
select::-ms-expand {display: none;}

.xs4,.xs5,.xs6,.xs7,.xs8,.s3,.s4,.s6,.s7,.s8,.s9,.m3,.m4,.m9,.lg2,.lg3,.lg4,.lg5{width: 100%;}

/*Custom Select Box*/
.select-box{position: relative;}
.select-box > select{padding-right: 40px;}
.select-box:after{content: '\e909'; font-family: 'icomoon'; position: absolute; top: 0; bottom: 0px; right: 0px; padding: 0px 10px; border-left: solid 1px; border-color: inherit; line-height: 34px; font-size: 12px; pointer-events: none;}

.list-unstyled{list-style: none; padding-left: 0;}

.font-brandon-grot{font-family: 'Brandon Grotesque', sans-serif !important;}
.font-brandon-text{font-family: 'Brandon Text', sans-serif !important;}
.f-semi-bold{font-weight: 600 !important;}
.f-bold{font-weight: 700 !important;}

.fs-13{font-size: 13px !important;}
.fs-18{font-size: 18px !important;}
.fs-20{font-size: 20px !important;}

/*Spacing Classes*/
.px-0{padding-left: 0px !important; padding-right: 0px !important;}
.px-15{padding: 0px 15px !important;}
.py-20{padding-top: 20px !important; padding-bottom: 20px !important;}
.py-30{padding-top: 30px !important; padding-bottom: 30px !important;}
.pt-20{padding-top: 20px !important;}
.pt-30{padding-top: 30px !important;}
.pt-40{padding-top: 40px !important;}
.pb-10{padding-bottom: 10px !important;}
.pb-20{padding-bottom: 20px !important;}
.pl-10{padding-left: 10px !important;}
.pl-20{padding-left: 20px !important;}

.mt-auto{margin-top: auto !important;}
.mt-0{margin-top: 0px !important;}
.mt-10{margin-top: 10px !important;}
.mt-15{margin-top: 15px !important;}
.mt-20{margin-top: 20px !important;}
.mt-30{margin-top: 30px !important;}
.mb-5{margin-bottom: 5px !important;}
.mb-10{margin-bottom: 10px !important;}
.mb-0{margin-bottom: 0px !important;}
.mb-15{margin-bottom: 15px !important;}
.mb-20{margin-bottom: 20px !important;}
.mb-30{margin-bottom: 30px !important;}
.mb-40{margin-bottom: 40px !important;}
.mr-5{margin-right: 5px !important;}
.mr-10{margin-right: 10px !important;}
.mr-20{margin-right: 20px !important;}

.ml-10{margin-left: 10px !important;}

/*Flex Classes*/
.d-flex{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;}
.flex-middle{-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.flex-center{-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;}
.flex-start{-webkit-box-pack: start;-ms-flex-pack: start;-webkit-justify-content: flex-start;justify-content: flex-start;}
.flex-end{-webkit-box-pack: end;-ms-flex-pack: end;-webkit-justify-content: flex-end;justify-content: flex-end;}
.flex-space-around{-ms-flex-pack: distribute;-webkit-justify-content: space-around;justify-content: space-around;}
.flex-space-between{-webkit-box-pack: justify;-ms-flex-pack: justify;-webkit-justify-content: space-between;justify-content: space-between;}
.flex-row{-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;-webkit-flex-direction: row;flex-direction: row;}
.flex-column{-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;-webkit-flex-direction: column;flex-direction: column;}
.flex-wrap{-ms-flex-wrap: wrap;-webkit-flex-wrap: wrap;flex-wrap: wrap;}
.flex-align-start{-webkit-box-align: start;-webkit-align-items: flex-start;-ms-flex-align: start;align-items: flex-start;}
.flex-align-end{-webkit-box-align: end;-ms-flex-align: end;-webkit-align-items: flex-end;align-items: flex-end;}
.flex-one{-webkit-flex-grow: 1;flex-grow: 1}
.container{max-width: 1216px; margin: 0 auto; position: relative;}
.clearfix::after,.container::after{content: " "; display: block; clear: both;}

/*flex align*/
.align-items-start {
    -ms-flex-align: start!important;
    align-items: flex-start!important;
}
.align-items-center {
    -ms-flex-align: center!important;
    align-items: center!important;
}
.align-items-end {
    -ms-flex-align: end!important;
    align-items: flex-end!important;
}
.align-self-start {
    -ms-flex-item-align: start!important;
    align-self: flex-start!important;
}
.align-self-center {
    -ms-flex-item-align: center!important;
    align-self: center!important;
}
.align-self-end {
    -ms-flex-item-align: end!important;
    align-self: flex-end!important;
}
.flex-column {
    -ms-flex-direction: column!important;
    flex-direction: column!important;
}


.w-100{width: 100% !important;}
.h-100{height: 100% !important;}

.col{padding-left: 15px; padding-right: 15px;}
.col-grid{margin-left: -15px; margin-right: -15px;}

.text-green{color: #a6b49a !important;}
.text-blue{color: #152f4e !important;}
.text-light-blue{color: #0a085b !important;}
.text-red{color: #ee4045 !important;}
.text-gray{color: #4c4c4c !important;}
.text-light-gray{color: #989898 !important;}

.text-uppercase{text-transform: uppercase !important;}

.text-center{text-align: center !important;}
.text-right{text-align: right !important;}

.center-box{position: relative; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}

.border-bot-none{border-bottom: none !important;}
.border-top-green{border-top: solid 1px #a6b49a !important;}
.ellipsis{-o-text-overflow: ellipsis;text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}

/*Button*/
.btn{display: inline-block; font-weight: 700; text-align: center; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none;
  -ms-user-select: none; user-select: none; min-width: 150px; font-size: 16px; border-radius: 6px; padding: 10px 25px;-webkit-transition: all 0.25s ease-in-out;-o-transition: all 0.25s ease-in-out;transition: all 0.25s ease-in-out; cursor: pointer; outline: none;}

.btn-green{background-color: #547043; color: #fff;}
.btn-green:hover{background-color: #2d371f;}

.btn-pink{background-color: #fc95a0; color: #fff;}
.btn-pink:hover{background-color: #ec7581;}

.btn-gray{background-color: #989898; color: #fff;}
.btn-gray:hover{background-color: #827c7c;}

.btn-blue{background-color: #152f4e; color: #fff;}
.btn-blue:hover{background-color: #064173;}

.btn-icon{position: absolute; top: 5px; right: 5px; padding: 0; margin: 0; border-radius: 0; background-color: transparent; color: #818181; min-width: auto; font-size: 24px; z-index: 1; outline: none;}
.unfill{color: #818181;}
.fill{color: #ee4045;}

.new-product-thumb{position: absolute; top: 0; left: 0; padding: 5px 12px; color: #fff; background-color: #000; z-index: 1; font-weight: 600; font-size: 16px;}

.del-text{text-decoration: line-through; -webkit-text-decoration-color: #ee4045; text-decoration-color: #ee4045;}

/*Cuatom Radio Button*/
.radio-inner, .checkbox-inner{position: relative; padding-left: 30px; margin-bottom: 5px; cursor: pointer;}
.radio-inner > input, .checkbox-inner > input{ position: absolute; z-index: -1; opacity: 0; filter: alpha(opacity=0); padding: 0;}
.radio-inner > span, .checkbox-inner > span{position: absolute; top: 1px; left: 0; height: 18px; width: 18px; border-radius: 50%; background: none;}
.radio-inner > span:after{top: 50%; left: 50%; margin-left: -4px; margin-top: -4px; height: 8px; width: 8px; border-radius: 50%; content: ''; position: absolute; display: none;}
.radio-inner > input:checked ~ span:after, .checkbox-inner > input:checked ~ span:after{display: block;}

/*Radio Button Green*/
.radio-inner > .radio-green{border: 2px solid #a6b49a;}
.radio-inner > .radio-green:after{background-color: #a6b49a;}

/*Radio Button Blue*/
.radio-inner > .radio-blue{border: 2px solid #152f4e ;}
.radio-inner > .radio-blue:after{background-color: #152f4e ;}

/*Custom Checkbox*/
.checkbox-inner > span{border: 1px solid #a6b49a; border-radius: 3px;}
.checkbox-inner > span:after{content: ''; top: 50%; left: 50%;  margin-left: -3px; margin-top: -8px; width: 5px; height: 10px; border-width: 0 2px 2px 0 !important; border: solid #fff; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); position: absolute; display: none;}
.checkbox-inner > input:checked ~ span{background: #a6b49a;}

.form-input{display: block; width: 100%; padding: 6px 12px; height: 34px; font-size: 16px; color: #555; background-color: #fff; background-image: none; border: 1px solid #a6b49a; border-radius: 4px; -webkit-box-shadow: none; box-shadow: none; outline: none; background-image: none !important;}
textarea.form-input{height: auto;}

/*Upload File Button*/
.upload-btn{position: relative; font-weight: normal; padding-right: 85px;}
.upload-btn:after{content: 'Browse'; position: absolute; top: 0; bottom: 0; right: 0; background-color: #a6b49a; padding: 0 14px; color: #fff; line-height: 32px;}
.upload-btn input[type="file"] , .user-profile-box input[type="file"]{width: 0; height: 0; opacity: 0; position: absolute;}
.upload-file-text{color: #b5bbc5; display: block;}
.upload-file-text.selected{color: #383838;}

.table{width: 100%; max-width: 100%;}
.table th,.table td {padding: 8px; vertical-align: top;}
.table thead th { vertical-align: bottom;}
.table tbody + tbody { border-top: 2px solid #dee2e6;}
.table-responsive{ display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar;}

/*responsive menu toggle button*/
.burger-menu {position: relative; width: 30px; height: 30px; cursor: pointer; border: none; float: right; display: none;}
.burger {position: absolute; background-color: #a6b49a; width: 100%; height: 3px; top: 50%; right: 0px; margin-top: -3px; opacity: 1;}
.burger::before { position: absolute;  background-color: #a6b49a; width: 30px; height: 3px; top: 8px; content: ""; display: block;}
.burger::after {position: absolute; background-color: #a6b49a; width: 30px; height: 3px; bottom: 8px; content: ""; display: block;}
.burger::after, .burger::before, .burger {-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;-webkit-transition: all .3s ease-in-out;}
.burger-menu.menu-on .burger::after{ -ms-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform: rotate(-45deg); bottom: 0px;}
.burger-menu.menu-on .burger::before{  -ms-transform: rotate(45deg);  transform: rotate(45deg); -webkit-transform: rotate(45deg); top: 0px;}
.burger-menu.menu-on .burger{background: rgba(111,111,111,.0);}

/*Error Message*/
.error-text{color: #ff090b; font-size: 16px; font-weight: bold; margin-top: 5px;}
.alert{padding: 12px 20px; border: solid 1px transparent; font-size: 16px; border-radius: 4px;}
.alert-error{color: #721c24; background-color: #f8d7da; border-color: #f5c6cb;}
.alert-success{color: #155724; background-color: #d4edda; border-color: #c3e6cb;}

/* loader */
.loader{position: fixed; width: 100%; top: 0 ; bottom: 0; right: 0; left: 0; background-color:#fff; z-index: 11; padding: 20px; overflow: hidden;}
.lds-ellipsis {display: inline-block; position: relative; width: 64px;height: 64px;}
.lds-ellipsis div { position: absolute;top: 27px;width: 11px; height: 11px; border-radius: 50%; background: #a6b49a;-webkit-animation-timing-function: cubic-bezier(0, 1, 1, 0);animation-timing-function: cubic-bezier(0, 1, 1, 0);}
.lds-ellipsis div:nth-child(1) {left: 6px; -webkit-animation: lds-ellipsis1 0.6s infinite;animation: lds-ellipsis1 0.6s infinite;}
.lds-ellipsis div:nth-child(2) {left: 6px; -webkit-animation: lds-ellipsis2 0.6s infinite;animation: lds-ellipsis2 0.6s infinite;}
.lds-ellipsis div:nth-child(3) { left: 26px;-webkit-animation: lds-ellipsis2 0.6s infinite;animation: lds-ellipsis2 0.6s infinite;}
.lds-ellipsis div:nth-child(4) {left: 45px; -webkit-animation: lds-ellipsis3 0.6s infinite;animation: lds-ellipsis3 0.6s infinite;}

@-webkit-keyframes lds-ellipsis1 {0% {-webkit-transform: scale(0);-ms-transform: scale(0);transform: scale(0);}100% {-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1);}}
@-webkit-keyframes lds-ellipsis3 {0% {-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1);}100% {-webkit-transform: scale(0);-ms-transform: scale(0);transform: scale(0);}}
@-webkit-keyframes lds-ellipsis2 {0% {-webkit-transform: translate(0, 0);-ms-transform: translate(0, 0);transform: translate(0, 0);}100% {-webkit-transform: translate(19px, 0);-ms-transform: translate(19px, 0);transform: translate(19px, 0);}}

@keyframes lds-ellipsis1 {0% {-webkit-transform: scale(0);-ms-transform: scale(0);transform: scale(0);}100% {-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1);}}
@keyframes lds-ellipsis3 {0% {-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1);}100% {-webkit-transform: scale(0);-ms-transform: scale(0);transform: scale(0);}}
@keyframes lds-ellipsis2 {0% {-webkit-transform: translate(0, 0);-ms-transform: translate(0, 0);transform: translate(0, 0);}100% {-webkit-transform: translate(19px, 0);-ms-transform: translate(19px, 0);transform: translate(19px, 0);}}


/*popup*/
/* Outer */
.popup{width:100%; height:100%; display:none; position:fixed; top:0px; left:0px; z-index: 10;}
.overlay{ width:100%; height:100%; display:none; position:fixed; top:0px; left:0px; z-index: 1; background:rgba(166, 180, 154, 0.8);}
/*.overlay.gray{background-color: rgba(216, 216, 216, 0.7);}*/
.popup-open{overflow: hidden; padding-right: 17px;}

/* Inner */
.popup-inner { max-width:700px; width: 90%; position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); transform:translate(-50%, -50%); border-radius:8px; background-color:#fff; border: solid 1px #a6b49a; z-index: 2}
.popup-header{padding: 40px 25px 0;}
.popup-lg{max-width: 1000px;}
.popup-max-hgt{ max-height: 75vh; overflow-y: auto; padding: 0 25px 30px; -webkit-overflow-scrolling: touch;}

/* Close Button */
.popup-close { position:absolute; top:15px; right:15px; font-size:16px; color:#152f4e;}

/*Header*/
.main-header{position: relative; background-color: #fff; border-bottom: solid 1px #0a2a4d; -webkit-box-shadow: 0 10px 15px rgba(0, 0, 0, 0.2); box-shadow: 0 10px 15px rgba(0, 0, 0, 0.2); z-index: 5;}
.main-menu .menu-item{margin-bottom: 0;}
.main-menu .menu-item li a{display: inline-block; font-size: 16px; font-weight: 700; color: #a6b49a; padding: 30px 15px;}
.main-menu .menu-item li.active a, .main-menu .menu-item li a:hover{color: #152f4e;}
.main-menu .menu-item li.active a{background-color: #e6e9ef;}

.main-logo img{max-height: 50px;}

.cart-wrapper{padding-left: 15px;}
.cart-wrapper .cart-item{margin-right: 30px;}
.cart-wrapper .cart-item > div >a, .user-info-wrap >a{font-size: 20px; color: #3d3d3d;}
.cart-wrapper .cart-item > div >a{margin-right: 14px;}
.cart-info{position: relative;}
.cart-total-no{position: absolute; width: 22px; height: 22px; background-color: #a6b49a; border-radius: 50%; line-height: 22px; font-size: 12px; text-align: center; left: 14px; top: -8px; color: #3f3f3f; font-weight: bold;}

/*Drowdown Menu*/
.dropdown-wrap{position: relative;}
.dropdown-wrap .dropdown-menu{position: absolute; width: 240px; top: 44px; right: -33px; left: auto; background-color: #fff; border-radius: 4px; border: solid 1px #a6b49a; margin: 0; list-style: none; padding: 15px; -webkit-box-shadow: 0 3px 14px rgba(0, 0, 0, 0.30); box-shadow: 0 3px 14px rgba(0, 0, 0, 0.30); display: none;}
.dropdown-wrap .dropdown-menu:before{content: ''; position: absolute; top: -10px; right: 32px; display: inline-block; border-right: 10px solid #0000; border-bottom: 10px solid #fff; border-left: 10px solid #0000; z-index: 1;}
.dropdown-wrap .dropdown-menu:after{content: ''; position: absolute; top: -12px; right: 30px; display: inline-block; border-right: 12px solid #0000; border-bottom: 12px solid #a6b49a; border-left: 12px solid #0000;}
.dropdown-wrap .dropdown-menu li > a{display: block; padding: 10px; color: #4c4c4c; text-transform: uppercase; font-size: 16px; font-family: 'Brandon Text', sans-serif; border-bottom: solid 1px rgba(166, 180, 154, 0.45);}
.dropdown-wrap .dropdown-menu > li:last-child > a{border-bottom: none;}
.dropdown-wrap .dropdown-menu li > a:hover{color: #a6b49a;}
.dropdown-wrap .dropdown-menu li.active > a{color: #a6b49a;}

/*Product List*/
.product-card{height: 100%;}
.main-product-thumbnail > a{height: 350px!important;}
.main-product-thumbnail > a > img{min-height: 350px!important;object-fit: cover;}
.product-thumbnail{margin-bottom: 10px; position: relative;background: #fff;border-radius: 10px;overflow: hidden;-webkit-box-shadow: 2px 4px 7px rgba(0, 0, 0, 0.15), 4px 5px 9px rgba(0, 0, 0, 0.1);-moz-box-shadow: 2px 4px 7px rgba(0, 0, 0, 0.15), 4px 5px 9px rgba(0, 0, 0, 0.1);box-shadow: 2px 4px 7px rgba(0, 0, 0, 0.15), 4px 5px 9px rgba(0, 0, 0, 0.1);}
.product-thumbnail > a{display: block; height: 182px; overflow: hidden;-webkit-box-shadow: 2px 4px 7px rgba(0, 0, 0, 0.15), 4px 5px 9px rgba(0, 0, 0, 0.1);-moz-box-shadow: 2px 4px 7px rgba(0, 0, 0, 0.15), 4px 5px 9px rgba(0, 0, 0, 0.1);box-shadow: 2px 4px 7px rgba(0, 0, 0, 0.15), 4px 5px 9px rgba(0, 0, 0, 0.1);}
.product-thumbnail > a > img{position: relative; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); min-height: 182px;}
.product-name{margin-bottom: 5px;}
.product-name > a{color: #0a085b; font-weight: bold;font-size: 18px;}
.product-price{font-weight: bold; color: #a6b49a; font-size: 18px; margin-bottom: 15px;}

.product-title-m{font-size: 32px; text-transform: uppercase; margin-top: 0; margin-bottom: 10px;}
.p-short-des{font-size: 18px;}
.product-code-m{font-size: 28px; font-weight: bold; color: #a6b49a;}

/*.product-list-landing .product-card .product-thumbnail a{max-width: 350px; margin: 0 auto;}*/

/*Main Slider*/
.slider-main:after{content:''; position: absolute; width: 100%; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(0,0,0,.35);}
.slider-main .slide{width: 100%; background-size: cover; background-position: center center; background-repeat: no-repeat; position: relative; height: 500px;}
.slider-main .slick-next::before, .slider-main .slick-prev::before {font-family: 'icomoon'; font-size: 32px; line-height: 32px;}
.slider-main .slick-dots li, .slider-main .slick-dots li button, .slider-main .slick-dots li button::before {width: 12px; height: 12px; border-radius: 50%; padding: 0}
.slider-main .slick-dots {bottom: 13px; z-index: 1;}
.slider-main .slick-dots li button::before { content: ''; background-color: #ada5a5; opacity: 1}
.slider-main .slick-dots li.slick-active button::before { content: ''; background-color: #fff; opacity: 1}
.slider-main .slick-prev {left: 20px}
.slider-main .slick-next {right: 20px}
.slider-main .slick-slide img {width: 100%}
.slider-main .slick-next,.slider-main .slick-prev {width: 30px;height: auto; z-index: 1}
.slider-main .slick-prev:before { content: '\e907'}
.slider-main .slick-next:before { content: '\e908'}
.home-slider-wrapper{position: relative;}
.slider-description{max-width: 1216px; width: 100%; padding: 0 15px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%);}
.slider-description h1{font-size: 70px;text-shadow: 1px 1px rgba(0,0,0,0.75); color: #fff;}
.slider-description .btn-green{max-width: 200px; width: 100%; padding: 15px 20px; border-radius: 25px;}

.table-product-cart > thead > tr >th:not(:first-child), .table-product-cart > tbody > tr >td:not(:first-child){ text-align: center;}
.table-additional-items > tbody > tr > td:last-child{text-align: right;}

/*Login*/
.profile-pic > i{font-size: 70px;}
.enter-otp-box{max-width: 260px; margin: 0 auto;}
.enter-otp-box > .form-input{border: 1px solid #a6b49a; height: 45px; background-color: #f2f2f2; text-align: center; border-radius: 0px;}
.enter-otp-box > .form-input:not(:last-child){border-right: none;}

/*Cart Page*/
.cart-item-row{padding-bottom: 30px; margin-bottom: 30px; border-bottom: solid 1px rgba(166, 180, 154, 0.55);}
.product-det-thumb{height: 182px; overflow: hidden;border-radius: 10px;-webkit-box-shadow: 2px 4px 7px rgba(0, 0, 0, 0.15), 4px 5px 9px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 2px 4px 7px rgba(0, 0, 0, 0.15), 4px 5px 9px rgba(0, 0, 0, 0.1);
    box-shadow: 2px 4px 7px rgba(0, 0, 0, 0.15), 4px 5px 9px rgba(0, 0, 0, 0.1);}
.product-det-thumb > img{min-height: 182px; width: 100%;}
.order-row{margin-bottom: 5px; font-size: 18px; color: #152f4e;}
.order-row > label{font-weight: 400; max-width: 150px; width: 100%;}
.cart-item .order-row > label{max-width: 100px;}
.order-row > strong{padding-left: 8px;}
.order-detail{height: 100%;}
.order-control{margin-bottom: -30px;}
.order-control .product-code{font-size: 18px; font-weight: bold; color: #a6b49a; margin-bottom: 15px;}
.order-total-count{-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1;padding: 20px 30px 30px 0px; margin-right: 30px; border-right: solid 2px #a6b49a;}
.view-det{color: #989898; font-size: 14px; font-weight: bold; margin-right: 30px;}
.remove-btn-wrap{-ms-flex-item-align: end;-webkit-align-self: flex-end;align-self: flex-end; padding-bottom: 30px;}

.value-button,input.number{text-align:center; margin:0; width:55px}
.value-button{display:inline-block; vertical-align:middle; padding: 0; background-color:#a6b49a; color: #fff; font-size: 25px; line-height: 38px; -webkit-touch-callout:none; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; height:38px}
.value-button:hover{cursor:pointer}
.decrease{border-radius:8px 0 0 8px}
.increase{border-radius:0 8px 8px 0}
input.number{border:0; height:38px; background-color: #152f4e; color: #fff;}
input[type=number].number::-webkit-inner-spin-button,
input[type=number].number::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
input[type=number].number{-moz-appearance:textfield;}

.cart-price-wrapper{max-width: 1000px; border-bottom: solid 1px rgba(166, 180, 154, 0.55);}
.cart-price-wrapper .table-responsive, .cart-price-wrapper .btn-inline{padding-left: 15px;}
.cart-price-wrapper .table-responsive > .table{max-width: 442px; color: #a6b49a; text-transform: uppercase;}
.cart-price-wrapper .table-responsive > .table tr td{border-bottom: solid 1px rgba(166, 180, 154, 0.55);}

.related-product-block{border-top: solid 1px rgba(166, 180, 154, 0.55);}

.payment-option{padding: 20px 0px 15px; border-top: solid 1px #d1d5dc; border-bottom: solid 1px #d1d5dc;}
.new-address-box{max-width:250px;display: flex;align-items: center; padding: 10px;font-size: 14px; background-color: #a6b49a; color: #fff; border-radius: 4px;-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1), 0 4px 5px rgba(0, 0, 0, 0.1);-moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1), 0 4px 5px rgba(0, 0, 0, 0.1);box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1), 0 4px 5px rgba(0, 0, 0, 0.1);cursor:pointer;}
.new-address-box i{font-size: 16px;margin-right: 5px;}

.user-thumbnail{text-align: center;}
.user-thumbnail > i{font-size: 150px;}

/*Order Timeline*/
.timeline-wrapper{position: relative;}
.timeline-wrapper:before{content: ''; position: absolute; width: 3px; height: 100%; left: 85px; background-color: #152f4e;}
.timeline-row{position: relative;}
.timeline-thumb{min-width: 50px; text-align: center;}
.timeline-inner .timeline-row:nth-child(1) .timeline-thumb > img, .timeline-inner .timeline-row:nth-child(2) .timeline-thumb > img{max-width: 35px;}
.timeline-inner .timeline-row:not(:nth-child(1)):not(:nth-child(2)) .timeline-thumb > img{max-width: 50px;}
.timeline-circle{position: absolute; top: 50%; left: 78px; height: 18px; width: 18px; border-radius: 50%; background-color: #fff; border: 2px solid #152f4e;-webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);}
.timeline-circle.active:after{top: 50%; left: 50%; margin-left: -4px; margin-top: -4px; height: 8px; width: 8px; border-radius: 50%; content: ''; position: absolute; background-color: #152f4e;}
.timeline-text{padding-left: 76px; font-size: 18px; font-family: 'Brandon Text', sans-serif; color: #152f4e;}
.trackDriver{position:absolute;right:40px;bottom: -18px;}
.trackRider{position:absolute;right:200px;bottom:-18px;}

/*Gift Card*/
.gift-card > div:not(:last-child){padding-right: 15px;}
.card-det-box{ border-radius: 8px; min-height: 100px; padding: 15px; border: solid 1px  #a6b49a;}
.card-det-box.fill{background-color: #a6b49a; color: #383838;}
.card-det-box >label{display: block;}
.card-det-box > input{width: 100%; height: 34px; background-color: transparent; color: #383838; font-size: 28px; font-weight: bold;}
.card-det-box > input::-webkit-input-placeholder {color: #383838;}
.card-det-box > input::-moz-placeholder {color: #383838;}
.card-det-box > input:-ms-input-placeholder {color: #383838;}
.card-det-box > input:-moz-placeholder {color: #383838;}
.select-card >div:not(:last-child){padding-right: 15px;}

.textarea-hgt{min-height: 100px; resize: none;}

/*Tab*/
.tab-menu{list-style: none; padding: 0; margin: 0; background-color: #f1f1f3; border-top-left-radius: 8px; border-top-right-radius: 8px;}
.tab-menu > li, .responsive-title{padding: 12px 35px; font-size: 22px; font-weight: bold; cursor: pointer;}
.tab-menu > li:first-child{border-top-left-radius: 8px;}
.tab-menu > li:last-child{border-top-right-radius: 8px;}
.tab-menu > li.current, .responsive-title.current{background-color: #a6b49a; color: #fff;}

.tab-content{display: none;}
.tab-content.current{display: block;}

.responsive-title{display: none; background-color: #f1f1f3;}

.deal-thumbnail img{max-height: 350px; width: 100%;}
.deal-thumb{height: 250px; overflow: hidden;}
.deal-thumb img{width: 100%; min-height: 250px;}

.country-code{-ms-flex-preferred-size: 65px;-webkit-flex-basis: 65px;flex-basis: 65px;}

.user-profile-box{position: relative; width: 70px;}
.user-profile-pic{position: relative; width: 70px; height: 70px; border-radius: 50%; overflow: hidden;}
.user-profile-pic >img{min-width: 70px; min-height: 70px; border-radius: 50%;}
.pic-change-icon{position: absolute; width: 32px; height: 32px; line-height: 32px; border-radius: 50%;     background-color: #a6b49a; color: #fff; font-size: 17px; margin: 0; text-align: center; top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%); right: -16px;}

.reward-circle{position: relative; pointer-events: none;}
.reward-box-wrap{max-width: 500px; margin: 0 auto;}
.reward-number{font-size: 60px;}
.reward-circle .reward{bottom: -10px !important; font: bold 25px 'Brandon Grotesque', sans-serif  !important; margin: 0 auto !important; width: 50px !important; left: 0; right: 0; -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px);}
.reward-full{position:absolute; font-size: 25px; left: 0; right: 0; bottom: -10px; width: 50px; height: 66px; line-height: 66px; margin: 0 auto; font-weight: bold; -webkit-transform: translateX(15px); -ms-transform: translateX(15px); transform: translateX(15px);}
.reward-delete{position: absolute; font-size: 65px; top: 50%; left: 50%; -webkit-transform: translate(-50% , -50%); -ms-transform: translate(-50% , -50%); transform: translate(-50% , -50%);}

.map-wrapper iframe{width: 100%; height: 170px;}

.select-branch{position: relative;}
.branch-text .ellipsis{max-width: 250px;}
.branch-data{/*position:absolute;*/ width: 100%; left: 0; right: 0; z-index: 1; padding: 15px; background-color: #f1f1f1;  max-height: 300px; overflow-y: auto; /*display: none;*/}
.branch-data .branch-data-row{cursor: pointer;}
.branch-data .branch-data-row:not(:last-child){border-bottom: solid 1px #cdcdcd; padding-bottom: 10px; margin-bottom: 15px;}

.social-login-box{height: 44px; width:100%; color: #fff; border-radius: 8px;}
.social-login-box.facebook{background-color:#3b5998;}
.social-login-box.google-plus{background-color: #d34836;}

.custom-pagination .page-link{padding: 8px 12px; color: #007bff;border: 1px solid #dee2e6;}
.custom-pagination .page-link:first-child{border-radius: 4px 0 0 4px;}
.custom-pagination .page-link:last-child{border-radius: 0 4px 4px 0; margin-left: -1px;}

/*Google plus button customize*/
.abcRioButtonLightBlue{width: 100% !important; height: 44px !important; background-color: #d34836 !important; color: #fff !important; border-radius: 8px !important;}
.abcRioButtonContentWrapper{display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center;}
.abcRioButtonIcon{padding: 0 !important;}
.abcRioButtonIconImage:before{content: "\e911"; font-family: 'icomoon';}
.abcRioButtonIconImage svg{display: none;}

/*Breadcrumb*/
.custom-breadcrumb-item{color: #a6b49a; font-weight: 600;}
.custom-breadcrumb-item a{color: #152f4e;}
.custom-breadcrumb-item + .custom-breadcrumb-item{padding-left: 8px;}
.custom-breadcrumb-item + .custom-breadcrumb-item:before{content:">"; display: inline-block; padding-right: 8px; color: #152f4e;}

.top-banner{position:relative; height: 300px; overflow: hidden;}
.top-banner img{width:100%; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); min-height: 100%;}
.banner-title{max-width: 1216px; width: 100%; position: absolute;font-size: 32px;margin:0; top:50%; left: 50%; transform: translate(-50%, -50%); padding: 0px 15px;}

/*Strip*/
.strip-full{background-color: #E6E7E8; padding: 20px 0px;}
.social-icon-box > a{font-size: 30px; color: #000000;}
.social-icon-box > a:not(:last-child){margin-right: 10px;}
.subscribe-email-form{font-family: 'Brandon Text', sans-serif;}
.subscribe-email-form form{max-width: 500px; width: 100%;}
.subscribe-email-form form input[type="email"]{width: 100%; padding: 7px; border-radius: 5px 0px 0px 5px; -webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1;}
.subscribe-email-form form input[type="submit"]{background-color: #000000; color: #fff; padding: 10px 20px; border-radius: 0px 5px 5px 0px; cursor: pointer; -webkit-transition: all 0.25s ease-in-out;-o-transition: all 0.25s ease-in-out;transition: all 0.25s ease-in-out;}
.subscribe-email-form form input[type="submit"]:hover{background-color: #000000;}

/*Footer*/
footer{font-family: 'Brandon Text', sans-serif; font-weight: 500; background-color: #D2B264; padding: 40px 0px;}
footer h4{margin-top: 0px; margin-bottom: 15px; color: #000000; font-size: 18px; font-weight: 700;}
.footer-link > li > strong{color: #152f4e; display: block; padding-bottom: 8px;}
.footer-link > li > a{color: #152f4e; display: block; padding-bottom: 8px;}
.footer-menu > li > a{color: #152f4e; display: inline-block; padding-bottom: 10px; font-size: 17px;}
.footer-menu > li:not(:first-child)  a:before{content:'|'; display: inline-block; padding: 0px 10px;}

/** Nitin - Home Page 27/5 */
.home-full-sec{width: 100%;height: 100vh;position: relative;overflow: hidden;}
.fullbanner{position: absolute;display: block;width: 100%;left: 50%;top: 50%;transform: translate(-50%,-50%);max-width: inherit;}
.fullbanner img{min-width:100%;}

.product-tags-info{position: relative;}
.product-tags{position: absolute;top: 0px;right: 20px;}
.product-newbrand{max-width: 90px;}

/*** Pratap- user address 12/08 ***/
.text-dark-green{color:#547043}
.btn-small{min-width: 80px!important;}
.confirm-order a{color: #fff;}
.confirm-order a:focus{color: #fff;}


.home-side-menu{}
.side-menu-logo{max-width: 230px;}
.banner-menu{margin-top: 40px;}
.banner-menu ul{padding: 0;margin: 0;}
.banner-menu ul li{list-style: none;}
.banner-menu ul li a{display: flex;padding: 30px 0;align-items: center;font-size: 22px;color: #fff;text-transform: uppercase;border-top: 1px solid #fff;}
.banner-menu ul li img{width: 25px;display: inline-block;margin-right: 15px;}
.btn-red{text-transform: uppercase;background-color: #f60000;color: #fff;}
.btn-xl{font-size: 3rem;padding: 12px 40px;}
.home-banner-content{height: 100vh;}

/*Font Icon*/
[class^="icon-"], [class*=" icon-"] {font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}

.icon-facebook:before {content: "\e900";}
.icon-twitter:before {content: "\e901";}
.icon-instagram:before {content: "\e902";}
.icon-notification:before {content: "\e903";}
.icon-cart:before { content: "\e904";}
.icon-cross:before { content: "\e905";}
.icon-profile:before { content: "\e906";}
.icon-left-arrow:before {content: "\e907";}
.icon-right-arrow:before {content: "\e908";}
.icon-arrow-down:before {content: "\e909";}
.icon-plus:before {content: "\e90a";}
.icon-favourite-fill:before {content: "\e90b";}
.icon-favourite-unfill:before {content: "\e90c";}
.icon-camera:before {content: "\e90d";}
.icon-home:before {content: "\e90e";}
.icon-location:before {content: "\e90f";}
.icon-suitcase:before {content: "\e910";}
.icon-google-plus:before {content: "\e911";}
.icon-bin:before {content: "\e912";}

/*Media Query*/
@media (min-width: 580px){
  .xs4{-webkit-box-flex: 0; -ms-flex: 0 0 33.33%; -webkit-flex: 0 0 33.33%; flex: 0 0 33.33%; max-width: 33.33%;}
  .xs5{-webkit-box-flex: 0; -ms-flex: 0 0 41.66%; -webkit-flex: 0 0 41.66%; flex: 0 0 41.66%; max-width: 41.66%;}
  .xs6{-webkit-box-flex: 0; -ms-flex: 0 0 50%; -webkit-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;}
  .xs7{-webkit-box-flex: 0; -ms-flex: 0 0 58.33%; -webkit-flex: 0 0 58.33%; flex: 0 0 58.33%; max-width: 58.33%;}
  .xs8{-webkit-box-flex: 0; -ms-flex: 0 0 66.66%; -webkit-flex: 0 0 66.66%; flex: 0 0 66.66%; max-width: 66.66%;}    
}

@media (min-width: 768px){
  .s3{-webkit-box-flex: 0; -ms-flex: 0 0 25%; -webkit-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%;}
  .s4{-webkit-box-flex: 0; -ms-flex: 0 0 33.33%; -webkit-flex: 0 0 33.33%; flex: 0 0 33.33%; max-width: 33.33%;}
  .s6{-webkit-box-flex: 0; -ms-flex: 0 0 50%; -webkit-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;}
  .s5{-webkit-box-flex: 0; -ms-flex: 0 0 41.66%; -webkit-flex: 0 0 41.66%; flex: 0 0 41.66%; max-width: 41.66%;}
  .s7{-webkit-box-flex: 0; -ms-flex: 0 0 58.33%; -webkit-flex: 0 0 58.33%; flex: 0 0 58.33%; max-width: 58.33%;}
  .s8{-webkit-box-flex: 0; -ms-flex: 0 0 66.66%; -webkit-flex: 0 0 66.66%; flex: 0 0 66.66%; max-width: 66.66%;}
  .s9{-webkit-box-flex: 0; -ms-flex: 0 0 75%; -webkit-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%;}
  
  .order-s-first{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1;}
  .order-s-0{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0;}
  .order-s-last{-webkit-box-ordinal-group:14;-ms-flex-order:13;order:13;}
  .order-s-2{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2;}
  .order-s-1{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;}

  .login-wrapper > .col:first-child{padding-right: 10%; border-right: solid 1px #d1d5dc;}
  .login-wrapper > .col:last-child{padding-left: 10%;}

  .order-summary{border-left: solid 1px #d1d5dc; padding-left: 50px;}

  .preview-gift-card > div{position: relative; padding: 15px 0;}
  .preview-gift-card > div:not(:last-child){padding-right: 30px;}
  .preview-gift-card > div:not(:last-child):after{content:''; width: 2px; background-color:#a6b49a; position: absolute; top: 0 ; right: 25px; bottom: 0;}

  .product-det-wrap > .s6:first-child{-webkit-box-flex: 0; -ms-flex: 0 0 51.81%; -webkit-flex: 0 0 51.81%; flex: 0 0 51.81%; max-width: 51.81%;}
  .product-det-wrap > .s6:last-child{-webkit-box-flex: 0; -ms-flex: 0 0 48.19%; -webkit-flex: 0 0 48.19%; flex: 0 0 48.19%; max-width: 48.19%;}
}
@media (min-width: 993px){
  .m3{-webkit-box-flex: 0; -ms-flex: 0 0 25%; -webkit-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%;}
  .m4{-webkit-box-flex: 0; -ms-flex: 0 0 33.33%; -webkit-flex: 0 0 33.33%; flex: 0 0 33.33%; max-width: 33.33%;}
  .m9{-webkit-box-flex: 0; -ms-flex: 0 0 75%; -webkit-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%;}
}
@media (min-width: 1201px){
    .lg2{-webkit-box-flex: 0; -ms-flex: 0 0 16.66%; -webkit-flex: 0 0 16.66%; flex: 0 0 16.66%; max-width: 16.66%;}
    .lg3{-webkit-box-flex: 0; -ms-flex: 0 0 25%; -webkit-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%;}
    .lg4{-webkit-box-flex: 0; -ms-flex: 0 0 33.33%; -webkit-flex: 0 0 33.33%; flex: 0 0 33.33%; max-width: 33.33%;}
    .lg5{-webkit-box-flex: 0; -ms-flex: 0 0 41.66%; -webkit-flex: 0 0 41.66%; flex: 0 0 41.66%; max-width: 41.66%;}    
}

@media (max-width: 1440px){
  .slider-main .slide{height: 400px;}
  .product-title-m{font-size: 28px;}

  .btn-xl {font-size: 2rem;}
  .home-side-menu {max-width: 250px;margin: auto;}
  .side-menu-logo {max-width: 160px;}
  .banner-menu {margin-top: 20px;}
  .banner-menu ul li a{padding: 20px 0;}
  .banner-menu ul li span{text-shadow:2px 2px 2px rgba(0, 0, 0, 0.30);}
}

@media (max-width: 1280px){
  .fullbanner{height: 100vh;}
  .fullbanner img{max-width:100%;height: 100vh;object-fit: cover;}
}
@media (max-width: 1200px){
  .main-menu .menu-item li a{padding: 30px 12px; font-size: 15px;}
  .slider-description h1{font-size: 55px;}  
}

@media(max-width: 992px){
   /*Flex-Classes-Responsive*/
   .flex-column-mb{-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;-webkit-flex-direction: column;flex-direction: column;}

  .burger-menu {display: block; margin-left: 18px; -webkit-box-ordinal-group: 2;-ms-flex-order: 1;-webkit-order: 1;order: 1}
  .main-menu{width: 100%; position: absolute; left: 0; right: 0; top: 64px; background-color: #a6b49a; display: none;}
  .main-menu .menu-item li a{color: #fff; padding: 10px 15px; display: block;}

  .cart-wrapper{padding-top: 20px; padding-bottom: 20px;}
  .cart-wrapper .cart-item{margin-right: 15px;}

  .slider-main .slide{height: 300px;}

  .product-title-m{font-size: 28px;}

  .strip-col{-webkit-box-align: start;-ms-flex-align: start;-webkit-align-items: flex-start;align-items: flex-start;}
  .strip-col > .d-flex{margin-top: 20px;}
}

@media (max-width: 767px){
    h2{font-size: 23px;}
    h3{font-size: 20px;}

   /*Flex-Classes-Responsive*/
  .flex-column-sb{-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;-webkit-flex-direction: column;flex-direction: column;}
  .slider-main .slide{height: 250px;}
  .slider-description h1{font-size: 40px;}
  .slider-description .btn-green{max-width: none; width: auto; padding: 10px 20px;}
  .main-product-thumbnail > a {height: 182px!important;}
  .main-product-thumbnail > a > img {min-height: 182px!important; }
  .product-thumbnail > a{height: 182px;}
  .product-thumbnail > a > img{min-height: 182px;}
  .cart-price-wrapper .table-responsive, .cart-price-wrapper .btn-inline{padding-left: 0;}
  .user-thumbnail > i{font-size: 100px;}
  .tab-menu{display: none;}
  .responsive-title{display: block;}
  .product-title-m{font-size: 24px;}
  .order-row{font-size: 16px;}
  .order-row > label{max-width: 140px;}
  .cart-item{padding-top: 20px;}
  .top-banner{height: 200px;}

  .btn-xl {font-size: 1.5rem;}
  .side-menu-logo {max-width: 120px;}
  .banner-menu ul li a{padding: 16px 0;font-weight: bold;}
  .product-newbrand {max-width: 60px;}
}

@media (max-width: 640px){
    .gift-card,.select-card{-ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap;}
    .gift-card > div:not(:last-child),.select-card >div:not(:last-child){padding-right: 0;}
}

@media (max-width: 579px){
    .order-detail{padding-top: 20px;}
}

@media (max-width: 550px){
  .order-total-count > .d-flex{-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;-webkit-flex-direction: column;flex-direction: column;}
  .order-total-count > .d-flex{-webkit-box-align: start;-ms-flex-align: start;-webkit-align-items: flex-start;align-items: flex-start;}
  .view-det{margin-bottom: 10px;}

  .product-title-m{font-size: 20px;}
  .product-newbrand {max-width: 50px;}
}

@media(max-width: 480px){
  .main-logo img{max-height: 32px;}
  .slider-main .slide{height: 170px;}
  .slider-description h1{font-size: 30px;}
  .slider-description .btn-green{font-size: 14px;}
  .order-total-count{padding-right: 10px; margin-right: 10px;}
}

@media(max-width: 400px){
  .value-button, input.number{width: 44px;}
  .remove-btn-wrap .btn-pink{min-width: auto;}  
}
@media(max-width: 360px){
  .btn-xl {font-size: 1rem;}
  .home-side-menu {max-width: 250px;}
  .side-menu-logo {max-width: 80px;}
  .banner-menu {margin-top: 10px;}
  .banner-menu ul li a{padding: 12px 0;font-size: 17px;}
}

#registerForm .error{
    color: red;
}