/* CSS Document 

Font Awesome 5 Brands

Font Awesome 5 Free

*/

:root {

	--default: #5f595b;

	--primary: #911100;

	--secondary: #222121;

	--dark: #6c6c6c;

	--swiper-dark: #5f595b;	

	--black: #000000;	

	--gray: #fbfbfb;

	--swiper-bg: #f9f9f9;

	--red:#fe2a00;

	--dimGray:#f4f4f4;

	--darkgray:#4d4d4d;

	--lightBlue:#f0f4f6;

	--icon-solid :'Font Awesome 5 Free';

	--icon-brand :'Font Awesome 5 Brands';



}





html, body { margin:0 auto;font-size:14px; font-family: 'Cabin', sans-serif; line-height:25px;color:#888;}

body {padding-top:68px;}

::placeholder, .form-check-label {font-size:13px !important; color: #696969 !important;}



img {height: auto; max-width: 100%;}

ul, ol {list-style: outside none none;}

ul {margin: 0; padding: 0;}

img {transform-style: preserve-3d;}

a{text-decoration:none!important;color:#888;transition-duration:.4s;}

a:hover{transition-duration:.4s;color:#333}

a,a:hover{text-decoration:none}

a:focus{outline:medium none;outline-offset:0}

.border-none{border:medium none!important}

.section-padding{padding:40px 0}

.margin-auto {margin: auto;}

.dataTables_wrapper.container-fluid.dt-bootstrap4.no-footer{margin-top:15px;padding:0}

.help-block li{color:red}

.bg-success{background:#23bd5b !important}

.pmb-3{margin-bottom:30px!important}

.page-link{color:#333;}

.page-item.active .page-link{border-color:transparent!important; background:#911100;}

.bg-dark{background:#0cc5b7;background:-moz-linear-gradient(-45deg,#0cc5b7 0,#2bd891 100%);background:-webkit-linear-gradient(-45deg,#0cc5b7 0,#2bd891 100%);background:linear-gradient(135deg,#0cc5b7 0,#2bd891 100%)}

.btn {height:50px; border-radius: 4px; overflow: hidden; font-weight:500; padding:0 20px; line-height: 45px;}

.btn-primary {background:var(--primary); border-color:var(--primary);}

.btn-primary:hover {background:var(--dark); border-color:var(--dark);}

.btn-secondary {background:#bb5194; border-color:#bb5194;}

.btn-secondary:hover {background:#3e3688;}

.text-secondary{color:#0cc5b7!important}

.badge-success,.bg-success,.btn-outline-success:hover,.btn-success{border-color:transparent!important;background:#4eda92;background:-moz-linear-gradient(-45deg,#4eda92 1%,#56e0cb 100%);background:-webkit-linear-gradient(-45deg,#4eda92 1%,#56e0cb 100%);background:linear-gradient(135deg,#4eda92 1%,#56e0cb 100%)}

.btn-outline-success{border-color:#4eda92;color:#4eda92}

.text-success {color: #4eda92 !important;}

.badge-danger,.bg-danger,.btn-danger,.btn-outline-danger:hover{border-color:transparent!important;background:#ff253a;background:-moz-linear-gradient(-45deg,#ff253a 0,#ff8453 100%);background:-webkit-linear-gradient(-45deg,#ff253a 0,#ff8453 100%);background:linear-gradient(135deg,#ff253a 0,#ff8453 100%)}

.btn-outline-danger{border-color:#ff253a;color:#ff253a}.text-danger{color:#ff253a!important}.badge-info,.bg-info,.btn-info,.btn-outline-info:hover{border-color:transparent!important;background:#17a2b8;background:-moz-linear-gradient(-45deg,#17a2b8 1%,#30def9 100%);background:-webkit-linear-gradient(-45deg,#17a2b8 1%,#30def9 100%);background:linear-gradient(135deg,#17a2b8 1%,#30def9 100%)}.btn-outline-info{border-color:#17a2b8;color:#17a2b8}.text-info{color:#17a2b8!important}.badge{border-radius:2px;font-weight:400}.heading-design-h5{font-size:18px;margin-bottom:14px}.heading-design-h5 a{font-size:15px;line-height:22px}.border-top{border-top:1px solid #eee!important}.border-bottom{border-bottom:1px solid #eee!important}.dropdown-item.active,.dropdown-item:active{background-color:#f9f9f9!important;color:#1c2224!important;text-decoration:none}.select2-container--default .select2-selection--single{background-color:#fff;border:1px solid #f0f7fa;border-radius:2px;width:100%}.select2-container .select2-selection--single{height:35px}.select2-container--default .select2-selection--single .select2-selection__rendered{line-height:21px}.select2-container .select2-selection--single .select2-selection__rendered{padding:.375rem .75rem}.select2-container--default .select2-selection--single .select2-selection__arrow{right:8px;top:5px}.checkout-step-two .select2-container{width:100%!important}.accordion .card:first-of-type,.accordion .card:not(:first-of-type):not(:last-of-type){border:1px solid #eee}.select2-dropdown{border:medium none!important;border-radius:0!important;box-shadow:0 4px 4px #dcdcdc!important}.footer-social a,.owl-theme .owl-controls .owl-buttons div{transform:scale(1);transition-duration:.4s}.footer-social a:hover,.owl-theme .owl-controls .owl-buttons 

div:hover{transform:scale(1.09)}.input-group-text{border-radius:2px}



.text-regular {font-size:0.85rem;}

.text-medium {font-size:0.9rem;}

.text-large {font-size:1rem;}

.text-Xlarge {font-size:1.2rem;}



.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { font-weight:bold;}

.h1, h1 { font-size:3rem; }

.h2, h2 { font-size:2.4rem; }

.h3, h3 { font-size:1.6rem; }

.h4, h4 { font-size:1.2rem; }

.h5, h5 {font-size:.9rem;}

.h6, h6 {font-size:.8rem;}

hr {margin-top: 1.5rem; margin-bottom: 1.5rem; border-color:#eee;}

.bg-default { background-color: var(--default);}

.bg-primary {background-color: var(--primary) !important;}

.bg-secondary {background-color: var(--secondary) !important;}

.bg-dark {background-color: var(--primary) !important;}

.bg-gray {background-color: var(--gray) !important;}

.bg-dimGray {background-color: var(--dimGray) !important;} 

.bg-swiper {background-color: var(--swiper-bg) !important;}

.bg-lightBlue {background-color: var(--lightBlue) !important;}

.no-bg {background-color: inherit !important;}

.bg-lightgray {background-color: #f8f8f8 !important;}

.text-primary {color: var(--primary) !important}

.text-secondary {color: var(--secondary) !important}

.text-dark {color: var(--dark) !important}

.text-gray {color: var(--gray) !important}

.text-darkgray {color: var(--darkgray) !important}

.text-red {color: var(--red) !important}

.text-black {color: var(--black) !important}



.clearfix {clear:both;}



.btn-outline {background-color:#aa4484;color:#fff;font-size:14px; border-width:2px; padding:15px 30px;}

.btn-outline:hover, .btn-outline:focus { background-color: #3e3688; color:#fff;}

.btn-more {background-color:#505662; color:#fff;}

.btn-more:hover, .btn-more:focus {background-color:#ab031c; color:#fff;}

.btn-round-strok {background:inherit; border:2px solid #505662; border-radius:100px; padding:10px 35px; font-size:15px;}

.btn-round-strok:hover, .btn-round-strok :focus {background-color:#f15233; color:#fff; border-color:#f15233;}



.card-header{background-color:#fbfbfb;border-bottom:1px solid #eee}

.card{background-clip:border-box;background-color:#fff;border:1px solid #eee;border-radius:2px;display:flex;flex-direction:column;min-width:0;position:relative;word-wrap:break-word}

.list-group-item:first-child{border-top-left-radius:2px;border-top-right-radius:2px}

.list-group-item:last-child{border-bottom-left-radius:2px;border-bottom-right-radius:2px}

.list-group-item{border:1px solid #eee}

.navbar-nav li.dropdown:hover .dropdown-menu {display: block;}

.osahan-menu{padding:0;background:#fff!important; padding:0 40px;}

.osahan-menu .navbar-brand{padding:11px 0;margin-right:3rem}

.main-nav-right .btn{border-radius:0!important;color:#3a3a3a;padding:9px 0;font-size:13px}

.main-nav-right li{margin:0!important}

.main-nav-right .osahan-top-dropdown img{border:3px solid #fff;border-radius:50px;height:38px;width:38px}

.dropdown-toggle-top-user{padding:20px 11px 18px 7px!important}



#header .navbar-nav {-ms-flex-direction: row; flex-direction: row; margin-top: 8px;} 	

#navbar .nav-link {color:#606060; padding:0 0.7rem; line-height: 80px; position: relative; font-size: 14px;}

#navbar .nav-link svg { height: 16px; width: auto; top: -2px; position: relative; }

#navbar .nav-link:hover, #navbar .nav-link:hover svg { color:#000;}

.header-search { position: relative; width: 300px;}

.header-search .form-control { padding-left: 20px; padding-right: 60px; background:#e6e6e6; color:#7d7e81; font-weight:500; font-size:12px; border:none; border-radius:30px;}

.header-search .btn { background: none; position: absolute;; width: 50px; height: 100%; top: 0; right: 0; z-index: 2; padding:0; opacity: 0.5; }

.header-search .btn svg { height: 14px; width: auto; top:0; position: relative;}

.top-nav li {position:relative;}

.top-nav a {padding:0 12px; color:#a7a7a7;}

.top-nav li.right-nav::before {position: absolute; content: ""; width: 1px; height: 15px; background: #999; top: 18px; left: 0px;}

.top-nav .dropdown-toggle::after {border:none;}

.top-nav .dropdown-item, .dropdown-menu a {padding:10px 15px; color:#515151;}

.top-nav .dropdown-menu {top: 18px !important; border-radius:0;}

.top-nav .dropdown-menu a:hover {color:#000;}



.main-nav .nav-item.dropdown>a:after { content: '\f107'; font-size: 19px; display: inline-block; vertical-align: middle; font-family:'FontAwesome'; font-weight:normal; margin-left: 5px; }

.main-nav>.nav-item.dropdown>.mega-menu { border: 1px solid #ececec; margin-top: 24px; padding: 15px 32px; border-radius: 0; position:absolute; top: 100%; left: auto; width: 220px; opacity: 0; visibility: hidden; transition: all .25s ease 0s; z-index: 999; display:block; box-shadow: 5px 5px 15px rgb(0 0 0 / 5%); background:var(--white);}

.main-nav>.nav-item.dropdown>.mega-menu  ul {margin:0; padding:0;}

.main-nav>.nav-item.dropdown>.mega-menu li ul li {float:none; display:block;}

.main-nav .dropdown-item {width: auto; padding:7px 0; text-align: center; display:inline-block;}

.main-nav .dropdown-item:hover {color:var(--secondary);}

.main-nav .dropdown-item:hover, .main-nav .dropdown-item:focus {background:none;}

.main-nav .dropdown-item img {width:70px; display: block; margin:0 auto 5px; transition-duration: 0.4s;}

.main-nav .dropdown-item:hover img {transform: scale(1.1);}

.main-nav .dropdown-item.active {padding:0; color: var(--primary); background: none; font-size: 14px; font-weight: 700; letter-spacing:1px;}

.main-nav>.nav-item.dropdown.show>.mega-menu, .main-nav>.nav-item.dropdown:hover>.mega-menu { opacity: 1; visibility: visible; top: 57px;}

.toggle-btn {height:55px; min-width:58px; margin:0; display:block; padding:0; border:none; position:absolute; z-index:99999; -webkit-transition-duration:.4s; transition-duration:.4s; display:none; cursor:pointer; right: -14px; background:none;}
.toggle-btn.active {right:0; top:0;}
.toggle-btn span, .toggle-btn:after, .toggle-btn:before { content:""; display:block; height:3px; width: 28px; left:18px; opacity:1; position:absolute; -webkit-transform:rotate(0); transform:rotate(0); -webkit-transition:all 1s cubic-bezier(.68, -.55, .265, 1.55) 0s; transition:all 1s cubic-bezier(.68, -.55, .265, 1.55) 0s; background-color:var(--primary); -webkit-transition-duration:.4s; transition-duration:.4s; border-radius:50px; border:inherit;}
.toggle-btn span { top:32px; }
.toggle-btn:after { top:24px; width:20px;}
.toggle-btn:before { top:40px; width:20px;}
.toggle-btn.active:after {top:22px;-webkit-transform:rotate(-135deg);transform:rotate(-135deg);background-color:#fff; width:28px;}
.toggle-btn.active:before{top:22px;-webkit-transform:rotate(135deg);transform:rotate(135deg);background-color:#fff; width:28px;}
.toggle-btn.active span {right:-30px;opacity:0;color:#000;}
.toggle-btn:hover:before, .toggle-btn:hover:after {width:28px;}

.text-primary {color: #ab031c !important;}

#header{padding:0 0; position:fixed; top:0; left:0; width:100%; background:#fff;  z-index:9999; box-shadow: 0 0 4px 0 rgb(115 115 115 / 20%);}

.navbar-nav {padding: 0 20px;}



.login, .main-nav-right {display:inline-block;}

.cart-btn .mdi{background:#fff ;border-radius:50px;box-shadow:0 0 4px 0 #dfe1e2;color:#000;display:inline-block;font-size:18px;height:38px;line-height:38px;margin-right:13px;vertical-align:-3px;width:38px}

.ci-cart .cart-btn .ci-cart-btn {position:relative;}

.ci-cart .cart-btn .cart-value {color: #434343; font-size:13px;font-weight:500; right:-7px; top:-7px; position:absolute; visibility:visible;}

.login {margin-right:15px;}

.login .fa {margin-right:5px;}

.top-categories-search{border:1px solid #dfdfdf;border-radius:3px}

.top-categories-search .form-control{border:medium none;font-size:15px;height:50px;min-width:384px}

.top-categories-search .form-control::placeholder {color:#a9a9a9;}

.top-categories-search .btn{border-radius:0 2px 2px 0!important;height:50px;padding:0 21px;font-size:15px}

.top-categories-search .select2-selection.select2-selection--single{-moz-border-bottom-colors:none;-moz-border-left-colors:none;-moz-border-right-colors:none;-moz-border-top-colors:none;border-color:-moz-use-text-color #ececec -moz-use-text-color -moz-use-text-color;border-image:none;border-radius:2px 0 0 2px;border-style:none solid none none;border-width:medium 1px medium medium;height:45px}

.top-categories-search .form-control-select,.top-categories-search .select2-container{width:168px!important}.top-categories-search .select2-container--default .select2-selection--single .select2-selection__rendered{font-size:13px;line-height:43px;padding:0 16px}.top-categories-search .select2-container--default .select2-selection--single .select2-selection__arrow{height:26px;position:absolute;right:10px;top:9px;width:20px}



.navbar {padding:0;}

.osahan-menu-2 .nav-item {padding:22px 20px!important;}

.osahan-menu-2 .nav-link {color:#1a1a1a;!important;font-size:15px; position:relative; padding:2px 0 !important;}

.osahan-menu-2 .nav-link:before{height:2px;background:#444;position:absolute;bottom:0;left:50%;content:'';transition:width .3s ease 0s,left .3s ease 0s;width:0}

.osahan-menu-2 .nav-link:hover:before, .osahan-menu-2 .nav-link.active:before {width:100%; left:0;}

.dropdown-menu{border:medium none;border-radius:0 0 2px 2px;box-shadow:0 4px 4px #dcdcdc;margin:0}

.dropdown-menu .dropdown-item{color:#666;font-size:13px;padding:5px 14px!important}

.osahan-menu-2 .nav-link.shop{border-right:1px solid #ececec;color:#333!important;font-weight:500;margin-right:11px;padding-right:22px!important}

.owl-carousel-slider .item img {width:100%;}





/* new css */



.ci-login {background: linear-gradient(to bottom right,#feedf6,#fcf0e2); position: fixed; left: 0; top: 73px; width: 100%; height: 100%; overflow: hidden;}

.ci-register {position:relative; top:0;}

.layout {position: relative;}

.mainContent {margin: 28px auto 0; max-width: 400px; background-color: #fff; padding: 36px 36px;}

.ci-register .mainContent {margin-bottom:30px; max-width: 600px;}

.welcome-header {font-size: 20px; font-weight: 500; margin-bottom: 24px; color: #424553;}

.welcome-header-small {font-size: 16px; font-weight: 400; color: #535766;}

.ci-login .form-group .form-control, .contact-form .form-group .form-control {border: 1px solid #d4d5d9; font-size: 13px; padding: 11px 12px; line-height: 16px; height: 50px; box-shadow:inherit; color: #696969;}

.ci-login .form-group input:focus, .contact-form .form-group input:focus, .contact-form .form-group textarea:focus {-webkit-transition:.4s;transition:.4s;border:1px solid #282c3f;}

.ci-login .form-group .form-control::placeholder {color: #94969f; font-size:14px;}

.midLinks {margin: 15px 0 21px; color: rgba(40,44,63,.6);}

.midLinks a {color: #f15233; font-weight: 500;}

.register h5 {font-size:14px;}

.register .btn-more {background:inherit; border: 1px solid #d4d5d9; color: #959595;}

.register .btn-more:hover {border-color:#f15233; color:#000;} 

.rounded {border-radius: 0.8rem !important;}

.regular {font-weight:400 !important;}

.medium {font-weight:500 !important;}

.semimedium {font-weight:600 !important;}

.semibold {font-weight:700 !important;}



.search-popup {background:#fff; height:100%; width:100%; border-radius:0; opacity:0; visibility:hidden; padding: 250px 200px; position:fixed; top:-80px; right:0; -webkit-transition-duration:.4s;transition-duration:.4s; z-index:10; overflow:hidden;}

.search-popup.open {top:0;opacity:1;visibility:visible;}

.search-input {border-radius:0; padding:0 10px 0 0; z-index:500; border-bottom: 1px solid #e5e5e5;}

.search-popup h3 {font-size:30px; color:#000;}



.btn-search-close{background:transparent; color:#525662;width:80px;height:71px;position:absolute;top:0;right:0;padding:0;border:none;font-size:2rem;font-weight:300;cursor:pointer}

.btn-search-close:hover {color:#000;}

.btn-input-search {background:url(../img/search-ico.png) no-repeat; width:21px; height:20px; border:none; opacity:.8;}

.btn-input-search:hover {opacity:1;}

.btn-toggle-search{background:url(../images/search-ico.png) center top no-repeat; width:21px;height:20px;border:none; margin-left:18px; vertical-align:middle;}

.search-input .form-control{border:none;background:0 0;padding:0 0 0 3px;color:#444; box-shadow:none; font-size:1.2rem; font-weight:300; padding-right: 45px;}

.search-input .form-control::placeholder {color:#444!important; font-size:16px;}

.header-right > div {line-height:1;}

.top-categories-search-main {margin-top:6px; width:450px;}

.section-header .title-head {font-size: 28px; color: #000; font-weight:700;}



.offer-section .offer .offer-heading{font-weight:600; font-size:24px; color: #262834; line-height:calc(17px + (43 - 17) * ((100vw - 320px) / (1920 - 320)));position:relative;text-transform:uppercase;cursor:pointer;z-index:2;margin-top:calc(-5px + (-10 + 5) * ((100vw - 320px)/ (1920 - 320)));text-align:center}

.offer-section .offer p{text-transform:uppercase;color:#767676;font-weight:500;font-size:calc(10px + (14 - 10) * ((100vw - 320px) / (1920 - 320)));line-height:calc(15px + (20 - 15) * ((100vw - 320px) / (1920 - 320)));margin-top:calc(5px + (7 - 5) * ((100vw - 320px)/ (1920 - 320)));margin-bottom:-3px;margin-left:auto;margin-right:auto;overflow:hidden;white-space:nowrap;max-width:-webkit-max-content;max-width:-moz-max-content;max-width:max-content;text-overflow:ellipsis}

.offer-section .offer .offer-heading span{width:100%;height:calc(10px + (25 - 10) * ((100vw - 320px)/ (1920 - 320)));display:block;-webkit-transition:.5s;transition:.5s;left:0;right:0;z-index:-1;bottom:0;position:absolute}

.bg-theme-pink {background-color: #f3c0d7 !important;}

.bg-theme-yellow {background-color: #f9ede1 !important;}

.bg-theme-orange {background-color: #fcded6 !important;}

.bg-theme-blue {background-color: rgba(15,143,172,0.1) !important;}

.offer-section .offer:hover .offer-heading span {height: 100%;}



.card-popular { border: none; overflow: hidden; position: relative; }

.card-popular .card-img { height: 100px; padding-bottom: 130%; background-color: var(--gray); position: relative;; overflow: hidden; }

.card-popular .card-imgShort {padding-bottom: 90%;}

.card-popular .card-img img, .hero-img img, .card-tsmnl .media-img img { transition-duration: 0.8s; position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }

.card-popular:hover .card-img img { transform: scale(1.1); }

.card-absolute .card-title { position: absolute; bottom: 0; padding: 15px; margin: 0; font-size: 1.4rem; left: 0; width: 100%; color: var(--white); z-index: 2; background: rgb(0,0,0); background: #3f3f3f;}

.card-absolute .card-title:after { content: '\f105'; font-family: 'FontAwesome'; margin-left: auto; }

.card-popular .card-body {position: absolute; z-index: 2; line-height: 1.2; transition-duration: 0.4s; bottom: 0;}

.shadow {box-shadow:0 0 5px 0 rgba(0,0,0,.1);}

.men-collection .card-popular .card-img {padding-bottom: 120%;}

.men-collection .card-popular .card-title {font-size: 1.2rem;}

.product-overview .subscribe_form .check-btn {position:absolute; right:20px; top:0; background-color:inherit; border:none; padding:0; text-transform:uppercase; color:#999; letter-spacing:1px; z-index: 999; height:auto;}

.product-overview .subscribe_form .check-btn:hover, .product-overview .subscribe_form .check-btn:focus {color:#000;  background-color:inherit;}

.cart_table_3 thead {border: none; color: #ffffff; font-size: 16px; text-transform: uppercase; background-color: #000000; border-top-left-radius: 3px; border-top-right-radius: 3px;}

.cart_table_3 table {margin: 0; text-align: center;}

.cart_table_3 td {padding: 20px; background-color: #efefef; border-bottom: 1px solid #e6e6e6; vertical-align: middle;}

.cart_table_3 .cart_item {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}

.cart_table_3 .cart_item .item_image {-webkit-box-flex: 0; -ms-flex: 0 0 75px; flex: 0 0 75px; margin-right: 15px;}

.cart_table_3 .cart_item h3 {font-size: 15px; margin-bottom: 0; font-weight: 600;}

.cart_table_3 .price_text {color: #333333; font-size: 15px; font-weight: 700;}

.cart_table_3 th {padding: 15px; font-size: 14px;}

.cart_table_3 .remove_btn {color: #999999;  cursor: pointer; font-size: 18px;}

.cart_table_3 .fa {font-weight:300;}

.cart_table_3 .out_stock {color: #999999;}

.cart_table_3 .remove_btn:hover {color: var(--primary);}

.list-group-item.active {background:var(--dark); border-color:var(--dark);}



.hero-img {position: relative; padding-bottom: 100%; overflow: hidden;}

.card-img {width: 100%; border-radius: calc(.25rem - 1px);}

.hero-img img {transition-duration: 0.4s; position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-fit:scale-down;transform:scale(1);transition-duration:.8s; object-fit: cover;}



.product-list {margin-bottom:20px;}

.card .hover-btn {max-width: 100%; padding: 0 5px; left: 50%; top:0; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 50; position:absolute; white-space: nowrap; opacity: 0; visibility: hidden; transition-duration: 0.4s;}

.card:hover .hover-btn {opacity: 1; visibility: visible; top: 50%;}

.number-input input[type="number"] {-webkit-appearance: textfield; -moz-appearance: textfield; appearance: textfield;}
.number-input input[type=number]::-webkit-inner-spin-button, .number-input input[type=number]::-webkit-outer-spin-button {-webkit-appearance: none;}
.number-input {display: flex; justify-content: space-around; align-items: center;}
.number-input button {-webkit-appearance: none; background-color: transparent; border: none; align-items: center; justify-content: center; cursor: pointer; margin: 0; position: relative;}
.number-input button:before, .number-input button:after {display: inline-block; position: absolute; content: ''; height: 2px; transform: translate(-50%, -50%);}
.number-input button.plus:after {transform: translate(-50%, -50%) rotate(90deg);}
.number-input input[type=number] {text-align: center;}
.number-input.number-input {border: 1px solid #ced4da; width: 10rem; border-radius: .25rem; height: 38px;}
.number-input.number-input button {width: 2.6rem; height: .7rem;}
.number-input.number-input button:before, .number-input.number-input button:after {width: .6rem; background-color: #495057;}
.number-input.number-input input[type=number] {max-width:1.2rem; border:none; font-size: 1rem; height: 2rem; color: #495057;}



.ci-product .card:hover .hero-img img {transform:scale(1.07)}

.ci-product .card .card-title, .cart-list-product .card-title{font-size:14px; font-weight:400;}

.ci-product .prod-descp {color: #868686; font-size: 13px; font-weight:400;}

.product-footer .product-discountedPrice {font-size: 14px; color: #282c3f; font-weight: 500;}

.product-footer  .product-strike {text-decoration: line-through; color: #7e818c; font-weight: 400; margin-left: 5px; font-size: 14px;}

.product-footer .product-discountPercentage {color: #ab031c; font-weight: 400; font-size: 11px; margin-left: 5px;}

.loader {text-align: center;} 

.loader span {display:block;text-transform:uppercase;font-weight:500;font-size:13px;margin-top:10px;color:#333;}

.cart-btn .btn-more {padding: 7px 9px; font-size: 12px;}

.cart-btn .btn-more .fa {margin-right: 3px;}

.view-btn {text-decoration:underline !important; font-weight:500;}

.view-btn:hover {color:var(--primary) !important;}

.detail-card-section .top-heading h2{font-weight:300;font-size:calc(18px + (26 - 18) * ((100vw - 320px) / (1920 - 320)));line-height:calc(28px + (42 - 28) * ((100vw - 320px) / (1920 - 320)));color:#1f1f1f}

.detail-card .img-wrap {width: 100%; background: linear-gradient(165.23deg, #e5e6e9 8.65%, #eaebed 87.81%);}

.detail-card-section .row>div:nth-child(odd) .detail-card{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;margin-top:-4px}

.detail-card{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:calc(10px + (30 - 10) * ((100vw - 320px)/ (1920 - 320)))}

.detail-card .content-box h3{font-weight:600;font-size:16px;color:var(--black)}



.action-btn {position:absolute;left:0;right:0;bottom:-30px;display:-webkit-box;display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:10px 20px;background-color:#fff;opacity:0;visibility:hidden;-webkit-transition:.3s;transition:.3s;}

.ci-product a:hover .action-btn {opacity: 1; bottom:0; visibility: visible;}

.action-btn button {background:none; border:0;}

.popular-product p {font-size:16px; margin-top:10px; color:#444;}

.best-prod .item {margin-bottom:20px;}



.product-header .mdi-circle {border:1px solid; background-color:#fff;color:#00923f;display:inline-block;font-size:11px;height:22px;line-height:19px;position:absolute;right:20px;text-align:center;top:20px;width:22px}

.product-header .mdi-circle:before {content: ""; width: 10px; height:10px; background: #00923f; border-radius: 50px; vertical-align: middle;}

.product .product-body .product-title {color:#432273; font-size:20px; font-weight:500;}

.product .product-body .avail {font-size:14px; color:#727272;}

.product-footer {padding:0 12px;}

.banner-wrapper {overflow:hidden; position: relative; margin: 15px 0;}

.banner-wrapper a img {width: 100%;}

.banner-wrapper img{width:100%;-webkit-transition:all 300ms linear;-moz-transition:all 300ms linear;-ms-transition:all 300ms linear;-o-transition:all 300ms linear;transition:all 300ms linear}

.banner-wrapper:hover img{-webkit-transition:all 300ms linear;-moz-transition:all 300ms linear;-ms-transition:all 300ms linear;-o-transition:all 300ms linear;transition:all 300ms linear;-webkit-transform:scale(1.035) rotate(0.05deg);transform:scale(1.035) rotate(0.05deg)}

.daily-product .product .product-header .badge {position:relative; top:0; left:0;}

.daily-product .product .product-header span, .daily-product .product .product-header strong {color:#432273; font-size:17px; font-weight:500; text-transform:uppercase;}

.daily-product .product .product-header img {margin: 20px 0 20px 0;}

.usp-bg {background:url(../img/usp-bg.jpg) no-repeat; background-size:cover; background-position: top center; height:295px;}

.usp {margin-top:-6%;}

.course-usp {display: flex; flex-wrap: nowrap; justify-content: space-between;}

.usp-panel {border-radius:10px; padding: 15px; transition: .3s ease; cursor:pointer; width: calc(20% - 10px);  align-items: center; justify-content: center;}

.usp-panel:hover{-webkit-transform:translateY(-10px); transform:translateY(-10px);}

.usp-panel img {display:inline-block;}

.usp-panel h3 {color:#fff; font-size: 16px;}

.light-yellow {background-color:#e9b642;}

.light-blue {background-color:#317dd1;}

.light-sky-blue {background-color:#27c2d7;}

.light-green {background-color:#21c364;}

.light-pink {background-color:#d84fa4;}

.light-orange {background-color:#f6915a;} 



#footer {background:#0c0c0c; padding:10px 0 0;}


.footer-title {font-size:14px; color:#fff; margin:0 0 10px; font-weight:500; position:relative; padding-bottom:7px;}

.footer-title:before {content:''; position:absolute; left:0; bottom:0; background:#fff; width:22px; height:2px;}

.foot-about p {margin-top:15px; font-size:14px; line-height:24px; color:#fff;}

.footer .nav {display:block; margin-left:0;}

.f-nav .nav li {line-height:22px;}

.f-nav .nav li a {padding:2px 0; font-size:13px; color:#fff; display:inline-block;}

.f-nav p {color:#7f7f7f;}

.footer a:hover, .footer .nav li a:hover, .footer .nav li a:focus {color:#fff; background:none;}

.footer a {position:relative; display:inline-block; color:#444;}

.footer a:before { height:1px; background:#fff; position:absolute; bottom:0; left:0; content:''; transition: width 0.3s ease 0s, left 0.3s ease 0s; width: 0;}

.footer a:hover:before {width:100%; left:0;}

.footer-bottom {font-size:13px; color:#fff; padding:10px 0; border-top:1px solid #616773;}

.copyright {font-size:13px; font-weight:300; color:#fff;}

.catelogo a {color:#fff;}

.catelogo a:hover {text-decoration:underline !important; color:#000;}



.footer-address { margin-bottom:10px; font-size:16px;}

.footer-address p {color:#fff;}

.footer-address a {color:#303132; padding:8px 0 0 40px; display:block; font-size:16px;}

.footer-address a:before {background:inherit;}

.footer-address .mail {padding:0; font-size:16px; color:#fff;}

.footer-address .mail .fa {margin-right:5px; font-size:18px;}

.textwidget p {color:#fff;}



.subscribe-form {width:700px; margin:0 auto;}

.subscribe-form .form-group {position: relative; margin-bottom:0;}

.f-nav .form-control{border-radius:100px;font-size:15px;background:#fff;border:none;padding:30px 20px; border:1px solid #515661;}

.f-nav .form-group input[type=submit]{background:#515661;padding:12px 29px;border-radius:100px;color:#fff;font-size:13px;text-transform:uppercase;border:none;position:absolute;right:10px;top:5px;cursor:pointer}

.f-nav .form-group:hover input[type=submit] {background:#f15234;}



.social li {display: inline-block; margin-right: 7px;}

.social li a {display: inline-block; width: 30px; height: 30px; line-height: 30px; text-align: center; color: #fff; font-size: 16px;}

.social .fb-white, .social .tw-white {color:#444;}

.fb {background:#0073bc;}

.fb-white {background:#fff;}

.tw {background:#50aaf0;}

.tw-white {background:#fff;}

.insta {background:#f8504c;}

.link {background:#0083b1;}

.social li a:hover {color: #fff; background:#f15234;}

.social li a:before {background:inherit; width:inherit; position:inherit;}

.terms {background:#911100; padding:14px 0;}

.terms p {font-size:14px; color:#b6b6b6; margin-bottom:0;}



.inner-banner {min-height: 340px; background: #d5e5f2; display: flex; position: relative; align-items: center;}

.inner-banner h1, .store-banner h1 {font-size:35px; line-height: 1; font-weight: 800; color:var(--black);}

.inner-banner .data-caption .title {color:var(--black); font-size:35px; margin:-8px 0; padding:0; font-weight:700; text-transform:uppercase;}

.ul_li_center {justify-content: center; -webkit-box-pack: center; display: flex; -ms-flex-align: center; align-items: center; -webkit-box-align: center; flex-wrap: wrap; -ms-flex-wrap: wrap;}

.breadcrumb_nav li {color: #737373; font-size: 13px; font-weight: 400; position: relative;}

.breadcrumb_nav li:first-child:after {background-color: #fb491d;}

.breadcrumb_nav li a {color: #ab031c;}

.breadcrumb_nav li a:hover {color: #000;}

.breadcrumb-item + .breadcrumb-item {padding: 0;}

.breadcrumb_nav li:last-child:after {display: none;}

.breadcrumb_nav a {color: #737373;}

.breadcrumb_nav a:hover {color: #fb491d;}

.breadcrumb_nav.text-white li {color: #ffffff;}

.breadcrumb_nav.text-white li:after {background-color: #ffffff;}

.breadcrumb_nav.text-white li:first-child:after {background-color: #fb491d;}

.breadcrumb_nav.text-white a {color: #ffffff;}

.breadcrumb_nav.text-white a:hover {color: #fb491d;}

.breadcrumb-item + .breadcrumb-item::before {padding: 0 .5rem;}

.shop-filters .card {border-radius:0; color:#000;} 

.shop-filters .card-header {padding:10px 17px; background:inherit;}

.shop-filters h3 {font-size:14px; text-transform:uppercase;}

.card-shop-filters .form-check-label small {color:#888;}

.card-shop-filters+.card-shop-filters {border-top: 1px solid rgba(0,0,0,.125);}

.loader .btn {height:auto; line-height:inherit; padding:12px 40px; letter-spacing:2px;}

.loader .btn small {text-transform:none; font-size:11px; letter-spacing:normal;}

.card-shop-filters ul li {border: 1px solid #F2F3F4; border-radius: 5px; justify-content: space-between; padding: 9px 18px; margin: 0 0 15px 0; display: flex; align-items: center; line-height: 27px;}

.card-shop-filters .count {display: inline-block; background-color: #fe4c1c; opacity:0.8; width: 24px; height: 24px; line-height: 24px; text-align: center; border-radius: 20px; margin-left: 5px; font-size: 11px; color: #fff;}

.card-shop-filters ul li:hover {border: 1px solid #ab031c; -webkit-box-shadow: 5px 5px 15px rgb(0 0 0 / 5%); box-shadow: 5px 5px 15px rgb(0 0 0 / 5%); transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; -o-transition: .3s;}

.pagination-lg .page-item:first-child .page-link, .pagination-lg .page-link {font-size:14px;}

select.form-control, select { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-image: url(../images/down-arrow.png); background-repeat:no-repeat; background-position:calc(100% - 15px) center; display:inline-block; vertical-align:middle; cursor:pointer; padding-right: 30px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; outline:0 !important;}

select:focus, option:focus { outline:0 !important; }

select[multiple].form-control { -webkit-appearance: none; -moz-appearance: none; appearance: none; background:none; padding-right:25px; height:auto; }

select::-ms-expand { display:none; }

select.select-primary:focus, select.select-primary {background-color: var(--primary); color: var(--white); border-color:var(--primary); background-image: url(../images/caret-white.svg);}



.price-wrap,.price-wrap-1,.price-wrap-2{display:flex}

.price-title,.price-wrap,.price-wrap #one,.price-wrap #two{color:#000;line-height:1.2em;font-weight:400}

.filter-price{width:220px;border:0;padding:0;margin:0}

.price-title{position:relative;font-size:14px;margin-right:5px;backgrund:#d58e32}

.price-field{position:relative;width:100%;height:36px;box-sizing:border-box;background:rgba(0,0,0,.2);padding-top:15px;padding-left:16px;border-radius:3px}

.price-field input[type=range]{position:absolute;width:265px;height:2px;border:0;outline:0;box-sizing:border-box;border-radius:5px;pointer-events:none;-webkit-appearance:none}

.price-field input[type=range]:active,.price-field input[type=range]:focus{outline:0}.price-field input[type=range]::-ms-track{border:0 transparent;outline:0;box-sizing:border-box;pointer-events:none;color:transparent}

.price-field input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;position:relative;-webkit-appearance:none;margin:-4px 0 0;border:0;outline:0;border-radius:50%;height:10px;width:10px;background-color:#fff;cursor:pointer;pointer-events:all;z-index:100}

.price-field input[type=range]::-moz-range-thumb{position:relative;appearance:none;margin:-5px 0 0;border:0;outline:0;border-radius:50%;height:10px;width:10px;background-color:#fff;cursor:pointer;pointer-events:all;z-index:100}

.price-field input[type=range]::-ms-thumb{position:relative;appearance:none;margin:-5px 0 0;border:0;outline:0;border-radius:50%;height:10px;width:10px;background-color:#fff;cursor:pointer;pointer-events:all;z-index:100}

.price-field input[type=range]::-webkit-slider-runnable-track{width:188px;height:2px;cursor:pointer;background:#fff;border-radius:5px}

.price-field input[type=range]::-moz-range-track{width:188px;height:2px;cursor:pointer;background:#fff;border-radius:5px}

.price-field input[type=range]::-ms-track{width:188px;height:2px;cursor:pointer;background:#fff;border-radius:5px}

.price-wrap{justify-content:left;font-size:14px;margin-bottom:7px}

.price-wrap_line{margin:0 10px}.price-wrap #one,.price-wrap #two{width:30px;text-align:left;margin:0 2px 0 0;padding:0;background:0;border:0;outline:0;font-size:11px}

.price-wrap label{text-align:right;font-size:11px}.price-field input[type=range]:hover::-webkit-slider-thumb{box-shadow:0 0 0 .5px #fff;transition-duration:.3s}

.price-field input[type=range]:active::-webkit-slider-thumb{box-shadow:0 0 0 .5px #fff;transition-duration:.3s}

.no-padding {padding:0;}



.page p {font-size:14px; color:#6b6b6b;}

.page h4 {font-size:15px; margin-bottom:10px;}

.page strong {color:#444;}



.goal {background:#fff; box-shadow:0 0 40px rgba(51,51,51,.1); padding:40px 25px;}

.goal h3 {color:#585858; font-size:22px; font-weight:500;}

.goal img {float:left; margin-right:15px;}



.provide-usp {background:#eff7fa; padding:50px 0;}

.trade-usp {border-radius:7px; padding:45px;}

.trade-usp {margin:10px 0;}

.trade-usp h3 {color:#fff; font-size:16px; font-weight:700; margin-top:15px;}



.user-title {color:#432273; font-size:16px; font-weight:400;}

.product-list .item {margin:8px 0;}

.all-product .section-header {margin-bottom:10px;}

.btn-filter  {background:#911100; color:#fff; border:2px solid #911100;}

.btn-filter:hover {background:#fff; color:#000; border-color:#911100;}

.dropdown-toggle::after {content: "\f107"; border:none; font-family: FontAwesome;}

.shop-list {background:#eff7fa;}

.ci-review {background: linear-gradient(to bottom right,#feedf6,#fcf0e2);}



.filter-search {background:#e7e7e7; border:none; border-radius:0;}

.search-btn {border:none; background:inherit; height: calc(1.5em + .75rem + 2px);}



.card-shop-filters input[type=search]{background-clip:padding-box;border:0; font-size:14px;height:36px;padding:0 30px 0 14px;outline:0;width:100%;border-radius:4px;color:#6f7284;box-shadow:none;background-color:rgba(231,231,231);background-repeat:no-repeat;background-image:url(../img/search.svg);background-position:97% center;background-size:18px}

.custom-control-label::before {top: 6px;}

.custom-checkbox {border-bottom:1px solid #f1f1f1; padding:5px 24px;}

.custom-checkbox:last-child {border-bottom:inherit;}

.shop-filters {margin-bottom:20px;}

.list-item {padding:5px 24px;}

.list-item li {padding:10px 12px; border-bottom:1px solid #f1f1f1; position:relative;}

.list-item li:last-child {border-bottom:inherit;}

.list-item li:before {content:'\f105'; position:absolute; left:0; top:10px; font-family: FontAwesome; font-size:17px;}

.shop-detail-right p {color: #808080; font-size:14px; font-weight:400; margin-top:5px;}

.shop-detail-right .regular-price {font-size: 16px; margin: 0 0 8px; opacity: .8; font-size: 18px; text-decoration: line-through;}

.shop-detail-right .product-discountPercentage {color: #ab031c; font-weight: 400; font-size: 14px; margin-left: 5px;}

.ci-rating {margin-bottom:12px; display:inline-flex;align-items:center; height:31px; padding:15px; border:1px solid #eaeaec; cursor:pointer; font-size:14px; color:#282c3f;}

.ratingstar {background: url(../img/star.png) no-repeat; background-size: 12px; margin: -1px 7px 0 5px; border-right:1px solid #000; width:20px; height:13px; display: inline-block;}

.ratingcount {font-weight:400; font-size:14px; opacity:0.7;}



.discount-price {margin-right: 10px; color:#12141b;}

.discount-price strong {font-size:20px; font-weight:600; color: #282c3f;}

.shop-detail-right .offer-price {margin:20px 0;}

.stock-details span {font-size:16px; font-weight:500; color:#0c823b;}

.pro-details-policy h3 {font-size:14px; color:#252525; margin-bottom:15px;}

.pro-details-policy {padding:70px 0 20px;}

.pro-details-policy p {font-size:13px; color:#727272;}



.product-descp {padding:20px 0;}

.product-descp strong {font-size:17px; color:#000; font-weight:400;}

.product-descp p {font-size:14px;}

.product-descp ul li {position:relative; font-size:14px; color:#777;}



.login-modal .modal-heading {color:#323232; font-size:18px; font-size:500; margin-bottom:30px; text-align:center;}

.login-modal .btn-more {width:100%;}

.checkout-step .btn-more {padding: 0 35px; color:#fff; font-size:14px; width:auto;}

.checkout-step .custom-control {margin-bottom:10px;}

.about-page .ci-head .title {font-size:25px; color:#555;}



.shop-single img.cauli {padding-top:40px;}

.faqs {padding:0; border:inherit;}

.faqs .card {box-shadow:none;}

.faq-page {padding-bottom:40px;}

.faqs .card-header a {font-size:16px; color:#595959; font-weight:500;}

.faqs .card-header:hover a {color:#000;}



.cart-leftside .cart-product{width:100%;margin:0 0 16px;background:#fff;padding:24px;border-radius:6px}

.cart-container .cart-leftside .cart-product h4 .available-count {font-size: 14px;color: rgba(0,0,0,.5); line-height: 20px;}

.cart-container .cart-leftside .cart-product h4 .available-amt {float: right;font-size: 18px;color: #000;line-height: 22px;}

.cart-container .cart-leftside .cart-product .product-itemdetails .leftside-icons {max-width: 104px;}

.cart-container .cart-leftside .cart-product .product-itemdetails .product-item-photo {padding: 0;position: relative;top: 0;left: 0;}

.cart-container .cart-leftside .cart-product .product-itemdetails .rightside-details .product-item-name {font-size: 16px;line-height: 24px;text-transform: none;padding: 0 0 12px;}

.cart-container .cart-leftside .cart-product .product-itemdetails .rightside-details .item-prices .special-price {padding: 0 8px 0 0;font-size: 18px;color: #000;line-height: 22px;}

.cart-container .cart-leftside .cart-product .product-itemdetails .rightside-details .item-prices .mrp-price {font-size: 14px;color: rgba(0,0,0,.5);text-decoration: line-through;padding: 0 8px 0 0;}

.cart-container .cart-leftside .cart-product .product-itemdetails .rightside-details .item-prices .save-price {font-size: 14px;color: #00a100;line-height: 20px;}

.cart-container .cart-leftside .cart-product .product-qty {text-align:right;}



.cart-container .cart-rightside .mobicpnmain {padding: 24px;background: #fff;margin: 0 0 16px;border-radius: 4px;}

.cart-container .cart-rightside .mobicpnmain h5.applypromotitle {font-size: 18px;color: #000;line-height: 22px;padding: 0;margin: 0 0 16px;}

.cart-container .cart-rightside .mobicpnmain .discountcol .discount {width: 100%;display: inline-block;margin: 0;}

.cart-container .cart-rightside .mobicpnmain .discountcol .discount .customerlogin {font-size: 16px;color: #000;line-height: 20px;padding: 0 0 16px;text-align: left;}

.cart-container .cart-rightside .mobicpnmain .discountcol .discount .customerlogin a {font-size: 16px;color: #008ecc;line-height: 20px;border-bottom: 1px solid #008ecc;padding-bottom: 1px;}



.sticky-top {position: -webkit-sticky;position: sticky;top: 0;z-index: 1020;}

.cart-container .cart-rightside .totalamt-col {display: inline-block;background: #fff;padding: 24px;width: 100%;margin-bottom: 16px;border-radius: 4px;}

.cart-container .cart-rightside .totalamt-col .paymentdetails-title {line-height: 22px;padding: 0 0 20px;display: inline-block;width: 100%;margin: 0;}

.cart-container .cart-rightside .totalamt-col .allcalculation {width: 100%;}

.cart-container .cart-rightside .totalamt-col .allcalculation .discount, .cart-container .cart-rightside .totalamt-col .allcalculation .net-amount, .cart-container .cart-rightside .totalamt-col .allcalculation .shipping-charges, .cart-container .cart-rightside.totalamt-col .allcalculation .subtoal {display: inline-block;width: 100%;}

.cart-container .cart-rightside .totalamt-col .allcalculation label {background: 0 0;font-size: 14px;color: rgba(0,0,0,.5);line-height: normal;margin: 0;float: left;text-align: left;}

.cart-container .cart-rightside .totalamt-col .allcalculation span {font-size: 14px;color: #000;line-height: 24px;float: right;}

.cart-container .cart-rightside .totalamt-col .allcalculation .net-amount {border: 0;padding: 0;}

.cart-container .cart-rightside .totalamt-col .allcalculation .save-amount {color: #00a100;}



input[type="number"] {-webkit-appearance: textfield;-moz-appearance: textfield;appearance: textfield;}

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {-webkit-appearance: none;}

.number-input button {-webkit-appearance: none;background-color: transparent;border: none;align-items: center;justify-content: center;cursor: pointer;margin: 0;position: relative;}

.number-input button:before, .number-input button:after {display: inline-block;position: absolute;content: '';height: 2px;transform: translate(-50%, -50%);}

.number-input button.plus:after {transform: translate(-50%, -50%) rotate(90deg);}

.number-input input[type=number] {text-align: center;}

.md-number-input.number-input {border: 2px solid #ddd;}

.md-number-input.number-input button {outline: none;width: 3rem;height:32px;vertical-align: middle;}

.md-number-input.number-input button.minus {padding-left: 8px;}

.md-number-input.number-input button.plus {padding-left: 2px;}

.md-number-input.number-input button:before, .md-number-input.number-input button:after {width: 0.8rem;background-color: #212121;}

.md-number-input.number-input input[type=number] {max-width: 5rem;padding: .5rem;border: solid #ddd;border-width: 0 2px;font-size: 14px;outline: none;}

.cart-product .product-details .rightside-details small {color: #009a3d; font-size: 12px; display:block; margin-top:0 !important;}



.ci-thanks {width:700px;}

.login-modal {top: 150px;}

.modal-header .close {font-size: 30px; font-weight: 400;}

.login-modal .form-control {border-color: #d2d2d2; border-width: 1px; border-radius: 4px; font-size: 14px; height: 50px;}

.btn-link {text-decoration: underline !important; color: var(--primary);}



/* new css*/



.category-list-sidebar-header .btn{width:100%;text-align:left;color:#fff;display:flex;font-size:17px;font-weight:500;text-decoration:none;align-items:center;padding:13px 18px}

.category-list-sidebar-header .btn i{margin-left:auto}

.category-list-sidebar{background:#fff;border-radius:2px;margin-top:-77px;box-shadow:0 2px 8px 0 rgba(0,0,0,.06)}

.sidebar-category-item a{display:flex;align-items:center;border-left:2px solid #fff;padding:5px 6px;border-bottom:1px solid #f0f7fa}

.sidebar-category-item a:hover{border-left:2px solid #28d696;background-color:#eff7fa}

.sidebar-category-item a:hover h6{color:#000}

.sidebar-category-item img{width:30px;height:30px;padding:1px;border-radius:2px}

.sidebar-category-item h6{font-size:13px;margin:0 8px;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.sidebar-category-item a:hover p{background:#ff934b;background:-moz-linear-gradient(-45deg,#ff934b 0,#ff5e62 100%);background:-webkit-linear-gradient(-45deg,#ff934b 0,#ff5e62 100%);background:linear-gradient(135deg,#ff934b 0,#ff5e62 100%);color:#fff}

.sidebar-category-item p{margin-left:auto;margin-bottom:0;font-size:11px;margin-right:10px;background:#f0f7fa;border-radius:3px;line-height:16px;padding:1px 3px}

.page-info{border-top:1px solid #ececec}

.carousel-slider-main .owl-pagination{bottom:0;left:0;position:absolute;right:0;}

.carousel-slider-main{position:relative;}

.carousel-slider-main .owl-next{right:15px;}

.carousel-slider-main .owl-next, .carousel-slider-main .owl-prev {top:48%!important; border-radius:0;}



.product-header .badge{background:#ffc20e;border-radius:2px;color:#432273;font-size:13px;left:20px;padding:4px 10px;position:absolute;top:20px;z-index:9}

.product { border-radius:2px;text-align:center; padding:5px 5px 5px 5px; position:relative; border:1px solid #d7d7d7;}

.product a {padding:20px; display:block; background:#ffe7a0;}

.owl-carousel-featured .item{margin:4px}

.product-body h5{font-size:14px;font-weight:700;margin:0;color:#0cc5b7}

.product-body h6{color:#9c9c9c;font-size:12px;margin:5px 0 14px}

.product-body h6 strong .mdi{color:#ff253a}

.product-header img{margin:35px 0 20px 0;object-fit:scale-down;transform:scale(1);transition-duration:.4s}

.product:hover .product-header img{transform:scale(1.09)}

.product-header{text-align:center}

.owl-carousel-featured .owl-prev{left:-40px;top:43%}

.owl-carousel-featured .owl-next{right:-40px;top:43%}

.feature-box p{margin:0}

.feature-box h6{color:#24a3b5;font-size:15px;font-weight:500;margin:0;padding:10px 0 0}

.feature-box .mdi{border:1px solid #24a3b5;border-radius:50px;color:#24a3b5;display:inline-block;float:left;font-size:21px;height:60px;line-height:56px;margin:0 15px 0 0;text-align:center;width:60px}



.app img{height:32px;margin:0 11px 0 0}

.footer-bottom p{line-height:16px}

.footer-social a{background:#fff;border:1px solid;border-radius:25px;color:#ccc;display:inline-block;height:30px;line-height:27px;text-align:center;width:30px;}

.footer-social a:hover{background:#ccc;border:1px solid #ccc;color:#fff}

.footer-bottom p{color:#fff}

.footer-bottom .text-dark{color:#fff!important}

.footer-bottom .text-primary{color:#ff253a!important}



body.toggled {overflow: hidden;}

body.toggled::after{background:#000;bottom:0;content:"";left:0;opacity:.7;position:absolute;right:0;z-index:9;top:0}

.cart-sidebar{background:#fff;overflow:auto;position:fixed;right:-400px;top:0;width:400px;z-index:999999;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;height:100vh}

.toggled .cart-sidebar{right:0;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease}

.cart-sidebar-body {background:#eff7fa; overflow:inherit;padding:18px 20px;}

.cart-sidebar-body .cart-list-product {padding: 18px 15px; margin:0;}

.cart-sidebar-header{background:#1c2224;color:#fff;padding:18px 20px}

.cart-sidebar-header h5{color:#fff;font-size:16px;line-height:24px;margin:0}

.cart-sidebar-header .float-right{background:#fff;border-radius:24px;color:#000;height:26px;line-height:25px;text-align:center;width:26px}

.cart-list-product{background:#fff; margin: 0 15px; overflow:hidden; padding:18px 0;position:relative; border-bottom: 1px solid #eaeaea;}

.cart-list-product:last-child {border-bottom:none;}

.cart-list-product img{background:#fff;border:1px solid #efefef;border-radius:5px;box-shadow:0 2px 8px 0 rgba(0,0,0,.06);float:left;height: 50px;margin:0 15px 0 0;}

.cart-list-product h5 a{font-size:18px;color:#432273}

.cart-list-product h5{margin:-2px 0 8px 0}

.cart-list-product h6{font-size:11px}

.cart-list-product>h6 span{color:#ff253a}

.remove-cart{position:absolute;right:18px;top:12px}

.cart-list-product .badge{background:#ffc20e;border-radius:2px;color:#432273;font-size:10px;padding:3px 6px;margin-bottom:12px}

.cart-sidebar-footer{background:#fff;padding:14px 20px}

.cart-store-details p{margin:0 0 3px}

.cart-store-details h6{margin:10px 0 19px}

.cart-sidebar-footer .btn {width:100%;}



.shop-filters .card-header .btn{color:#000;font-size:15px;font-weight:700;padding:7px 0;position:relative;text-align:left;text-decoration:none;text-transform:uppercase;width:100%}

.shop-filters .card-header .btn .mdi{position:absolute;right:0}

.shop-filters .card-body{padding:4px}

.card-shop-filters{padding:18px!important}

.card-shop-filters .custom-control .badge{float:right;margin:6px 0 0}

.card-shop-filters .custom-control label{width:100%}

.list-group-item.active{background:#911100;border-color:#911100}

.shop-filters .card{margin:-2px 0 0}

.shop-detail-slider #sync1{ margin-bottom:15px;}

.shop-detail-slider{position:relative}

.favourite-icon a{background:red;border-radius:50px;color:#fff;font-size:17px;height:35px;line-height:34px;position:absolute;right:20px;text-align:center;top:20px;width:35px;z-index:9}

.shop-detail-slider #sync2 img{border:2px solid #eee;border-radius:12px;cursor:pointer;margin:6px 0 8px;}

.shop-detail-slider #sync2 .item{text-align:center}

.shop-detail-right{background:#fff;border:1px solid #eee;border-radius:12px;padding:32px}

.shop-detail-slider #sync2 .synced img,.shop-detail-slider #sync2 img:hover{border-color:#1c2224}

.shop-detail-slider #sync2{padding:0}

.owl-scroll .owl-item {width: 69px !important; margin-right: 9px;}

.shop-detail-right .badge{background:#f2fef2;border:1px solid #51aa1b;border-radius:2px;color:#51aa1b;font-size:14px;font-weight:500;padding:6px 13px}

.shop-detail-right h2{font-size:22px;font-weight:600; color:#000;}

.shop-detail-right>h6{color:#666;font-size:14px;margin:0 0 19px}

.short-description{background:#fff;border:1px solid #eee;border-radius:2px;padding:22px}

.shop-detail-right .offer-price .text-success{font-size:30px;font-weight:500}

.shop-detail-right .feature-box .mdi{background:#911100;border:medium none;color:#fff}

.shop-detail-right .feature-box {display:flex;}

.shop-detail-right .feature-box img {margin-right:10px;}

.shop-detail-right .feature-box h6{font-weight:400}

.shop-detail-right .feature-box{margin:4px 0}



.cart_product img{-moz-border-bottom-colors:none;-moz-border-left-colors:none;-moz-border-right-colors:none;-moz-border-top-colors:none;border-color:#ececec #ececec #dcdcdc;border-image:none;border-radius:2px;border-style:solid;border-width:1px 1px 3px;box-shadow:0 0 3px #ececec;float:left;height:88px;margin:0;object-fit:scale-down;width:72px}

.cart_summary td{vertical-align:middle}

.cart_summary>tfoot,.cart_summary>thead{background:#f7f7f7}

.cart_summary{border:medium none!important}

.qty .form-control{border-radius:2px!important;margin:0 2px;text-align:center;width:18px}

.qty .btn{background:#5a6268;border-radius:2px!important;color:#fff;font-size:23px;height:33px;line-height:15px;padding:0;text-align:center!important;vertical-align:baseline;width:27px}

.cart_description h5{font-size:15px;margin:0 0 5px}

.cart_description h6{font-size:12px;font-weight:100}

.availability .badge{font-size:11px;padding:6px 11px}

.cart-table{border-top:medium none;padding:0}

.cart-table .table{margin-bottom:0}

.cart-table .btn-secondary{border-radius:0!important;font-size:16px;padding:20px;text-transform:uppercase}

.cart_product{width:10%}

.product-cart .quantity {background:#fff;border:none;float:left;margin-bottom:10px;margin-right:10px;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}

.product-cart .quantity .input-text {background:0 0;border:1px solid #e7e7e7;color:#222;font-size:1em; font-weight:400;height:48px; padding:0;width:90px;-webkit-border-radius:24px;-moz-border-radius:24px;border-radius:24px;text-align:center;box-shadow:inherit;}

.product-cart .quantity .input-text:hover, product-cart .quantity .input-text:focus {border-color:#000;}



.data-table {display: table; width: 100%; height: 100%; table-layout: fixed;}

.data-cell {display: table-cell; vertical-align: middle; float: none;}



.launch-tab {color:#fff; background:#fff; display:inline-block; border-bottom:inherit;}

.launch-tab li {float:left;}

.launch-tab .nav-link {border:inherit; color:#000; background:#eff7fa; font-size:15px;}

.launch-tab li strong {font-size:28px; color:#464646; font-weight:900;}

.launch-tab li a {padding:18px 80px; color:#fff; font-weight:400; position:relative; border:none;}

.launch-tab .nav-link.active:before {content:''; position:absolute; left:50%; bottom:0; background:#fff; height:4px; width:30px; margin-left:-10px;}

.launch-tab li .nav-link:hover, .launch-tab .nav-link.active {background-color:#505662; border-radius: 0; color:#fff;}



.h-bar .data-table {height: auto; font-size: 12px;}

.month-bar .bar-label {width: 90px;}

.write-review .progress {height:10px; margin-bottom:0;}

.h-bar .bar-value {padding-left: 10px; width: 50px; font-weight: 700; color: #000; text-align: right;}

.bar-row {margin-bottom:5px;}

.rating-star .fa {color: #f1b63d;}

.write-review {position:relative;background-color:#fff;border:1px solid #ebebeb;border-radius:6px;box-shadow:-2px 2px 6px 1px rgb(0 0 0 / 5%);overflow:hidden;padding:20px;margin-bottom:15px;}

.write-review h3 {font-size:40px;margin-bottom:0;margin-top:15px}



.checkout-step .card{margin:0 0 -1px}

.checkout-step .card .card-header .btn{color:#333;font-size:17px;font-weight:500; text-align:left;text-decoration:none;width:100%}

.checkout-step .card .card-header .btn .number{border-radius:50px;color:#fff;display:inline-block;font-weight:700;height:34px;line-height:28px;margin:0 8px 0 0;text-align:center;text-decoration:none;vertical-align:0;width:34px;border:2px solid}

.checkout-step .card .card-header .btn.collapsed .number{border:2px solid #525661;color:#525661}

.checkout-step .card .card-header .btn .number{border:2px solid #525661;color:#525661}

.order-done .mdi{font-size:135px;line-height:161px}

.order-confirm .fa {font-size: 80px; color: var(--white);}

.order-confirm {padding: 80px 0;}

.track a {color: var(--white); font-weight: 600; text-transform: uppercase; font-size: 12px; text-decoration: underline !important;}

.order-done h4 {font-size: 2rem;}

.order_tracking_section .form_item {border-radius: 45px; padding-left: 200px; background-color: #2b2d2e;}

.form_item {position: relative; margin-bottom: 30px;}

.order_tracking_section .form_item .input_title {left: 0; top: 20px; color: #ffffff; font-size: 16px; font-weight: 700; max-width: 200px; margin-bottom: 0; position: absolute; padding-left: 30px; text-transform: uppercase; line-height: 1;}

.order_tracking_section .form_item input {border: none; padding: 0 40px; background-color: #eaeaea; -webkit-transform: translateX(1px); transform: translateX(1px); height: 60px;}

.form_item textarea, .form_item input {width: 100%; outline: none; display: block; -webkit-box-shadow: none; box-shadow: none; border-radius: 45px; color: #252525; border: 2px solid #eaeaeb; -webkit-transition: 0.6s cubic-bezier(0.25, 1, 0.5, 1); transition: 0.6s cubic-bezier(0.25, 1, 0.5, 1);}

.btn.btn-rounded {border-radius: 45px; height:60px; line-height: 60px;}

.dashboard-section .dashboard-sidebar{position:sticky;top:30px;z-index:1; background-color:#ebebeb;}

.dashboard-section .dashboard-sidebar .profile-top {padding:20px 16px; background-color:#dedede;}

.dashboard-section .dashboard-sidebar .profile-top .profile-detail p {margin-bottom:0;}

.dashboard-section .dashboard-sidebar .profile-top .profile-image {position: relative;}

.dashboard-section .dashboard-sidebar .profile-top .profile-image img{width:130px;margin:0 auto;display:block;border-radius:100%}

.dashboard-section .dashboard-sidebar .profile-top .profile-detail{text-align:center;margin-top:15px}

.dashboard-section .dashboard-sidebar .profile-top .profile-detail h5{text-transform:capitalize;font-weight:700;margin-bottom:5px}

.dashboard-section .dashboard-sidebar .profile-top .profile-detail h6{color:#777;margin-bottom:3px}

.dashboard-section .dashboard-sidebar .faq-tab .nav-tabs{-webkit-box-shadow:none;box-shadow:none;padding:0; margin-top: 7px; padding-bottom:7px;}

.faq-tab .nav-tabs{display:block;border-bottom:none;padding:10px 0}

.faq-tab .nav-tabs .nav-item{display:block;margin-bottom:0}

.faq-tab .nav-tabs .nav-item .nav-link{text-transform:capitalize;color:#202020;font-size:16px;border:none;-webkit-transition:.5s;transition:.5s;border-radius:0;cursor:pointer; padding: .7rem 1.5rem;}

.faq-tab .nav-tabs .nav-item .nav-link.active{border:none;border-right:currentcolor;border-right:2px solid var(--primary);border-radius:0;color:var(--primary);-webkit-transition:.5s;transition:.5s}

.dashboard-detail .details{display:-webkit-box;display:-ms-flexbox;display:flex}

.dashboard-detail .details .left{width:150px;margin-right:15px}

.dashboard-detail .details .right{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}

.dashboard-section .counter-section .counter-box{background-color:#f8f8f8;padding:30px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-left:3px solid var(--primary);border-radius:8px}

.dashboard-section .counter-section .counter-box img{height:50px;margin-right:20px}

.user-dashboard-section .box-head h4{font-size:18px;margin:34px 0 14px;text-transform:capitalize;color:#333;font-weight:600}

.user-dashboard-section .box .box-title{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:12px;position:relative;width:100%;background-color:#f8f8f8;border-radius:8px;margin-bottom:0}

.user-dashboard-section .box .box-title>a{margin-left:auto;color:var(--theme-color)}

.thumbnail{display:block;padding:4px;margin-bottom:20px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:.2s ease-in-out;transition:.2s ease-in-out}

.fileupload-exists .fileupload-new,.fileupload-new .fileupload-exists{display:none}

.btn-file > input {margin: 0; opacity: 0; transform: translate(-94px,-43px) scale(1); font-size: 23px; direction: ltr; cursor: pointer;}



.login-modal-left{background:rgba(0,0,0,0) url(../img/login.jpg) repeat scroll center center;float:right;height:300px;list-style:outside none none;margin:70px auto auto;width:322px}

.form-control{border-radius:2px;font-size:14px; height:46px;}

label{font-size:13px;margin:0 0 3px}

.modal-content{border:medium none;border-radius:2px}

.login-modal-right{padding:27px}

.login-icons{border:medium none;border-radius:2px;cursor:pointer;font-size:12px;font-weight:500;text-transform:uppercase;}

.login-footer-tab .nav-link{background:#ececec!important;border:medium none;border-radius:2px!important;margin:10px 3px 0 2px;padding:7px 20px}

.login-footer-tab .nav{border:medium none;display:inline-flex}

.btn-facebook{background:#395b9a;color:#fff}

.btn-google{background:#c71e25;color:#fff}

.btn-twitter{background:#3a9ed8;color:#fff}

.login-with-sites p{margin:0 0 7px}

.login-with-sites{margin-bottom:10px}

.modal-backdrop.show{opacity:.7}



.account-page .mx-auto{background:#fff;border:1px solid #eee;padding:0}

.account-page .mx-auto .card{border:medium none}

.account-right{border-left:1px solid #eee!important;min-height:508px}

.user-profile-header img{border-radius:50px;height:100px;margin-bottom:15px;object-fit:scale-down;width:100px}

.user-profile-header{padding:36px;text-align:center}

.user-profile-header p{margin:0}

.account-left{margin-right:-1px}

.account-left .list-group{padding:10px}

.team-card img{border-radius:50px;height:100px;width:100px}



.blog .card-body,.reviews-card .card-body,.sidebar-card .card-body{padding:25px}

.blog-header{border:2px solid #fff}

.sidebar-card-list li a{border-bottom:1px solid #efefef;display:inline-block;padding:8px 0;width:100%}

.sidebar-card-list li:last-child a{border:medium none;padding-bottom:0}

.tag-cloud-link{background:#ccc;border-radius:2px;color:#fff;display:inline-block;margin:2px 0;padding:4px 13px}

.tag-cloud-link:hover{background:#000;color:#fff}

.blog .card-title a{color:#222!important}

.blog .card-title{margin:0 0 7px}

.entry-meta{margin-bottom:13px}

.blog .card-body a {color:#fff}

.blog .card-body a:hover, .blog .card-body a:focus {color:#444;}

.entry-meta a{color:#9c9c9c!important}

.entry-meta .mdi{background:#acacac;border-radius:12px;color:#fff;display:inline-block;font-size:11px;height:19px;line-height:19px;text-align:center;width:19px}

.reviews-card .d-flex{height:50px;width:50px}

.reviews-card h5 small{color:#848484;font-size:12px;margin:0 0 0 8px}

.star-rating i{font-size:15px;letter-spacing:-6px}



.owl-carousel-featured .owl-next, .owl-carousel-featured .owl-prev {top:50%; border-radius:100px; margin: 0 -3px !important;}



.swatch {padding-bottom:20px;}

.swatch .avail-title {font-size:16px; margin-bottom:10px;}

.swatch .color-variant li, .swatch .size-variant li {display: inline-block; height: 35px; width: 35px; border-radius: 100%; margin: 0 10px 0 0; float: none; vertical-align: middle; cursor: pointer;}

.swatch input {display: none; position: relative; z-index: 999;}

.swatch input:checked+label {box-shadow: none; border: 2px solid #aa4484 !important; color:#aa4484;}

.swatch .color-variant li label, .swatch .size-variant li label {display: inline-block; height: 35px; width: 40px; border: 1px solid #e5e5e5; padding: 0;}

.swatch label {border: 1px solid #e5e5e5; float: left; margin: 0; font-size: 13px; text-align: center; line-height: 35px; text-transform: uppercase; cursor: pointer;}

.swatch .pro-detail {list-style:square;}

.swatch .pro-detail li {font-size:15px;}



.avail-qty {text-align:center; padding-top:15px; display:inline-block;}

.avail-qty li {float:left; border: 1px solid #56bb3e; height: 35px; width: 40px; line-height:35px; color:#212121; margin:0 5px; text-transform:uppercase;}



.contact .col-cnt-title {font-size:16px; text-transform:uppercase;}



.form-title {margin-bottom:20px;}

.contact-form label {font-size:15px; color:#555;}

::placeholder {font-size:13px;}



.contact-details p {font-size:14px;}

.accordion .fa {float:right; font-size:14px;}

.accordion button {width:100%; text-align:left; font-size:17px; color:#4b4b4b; padding:0;}

.accordion .card-header:hover button {text-decoration:inherit; color:#000;}

.accordion .btn {box-shadow:inherit; border:none;}

.faq-page .faq-title {color: #282828; font-weight:400; text-align:right; padding-right:20%;}

.accordion  .card-header {background:none; border:inherit;}

.accordion  .card {border-bottom: 1px solid rgba(0,0,0,.08) !important; border:0;}

.accordion .card:first-of-type, .accordion .card:not(:first-of-type):not(:last-of-type) {border:none;}

.accordion > .card > .card-header {border-bottom:0;}





@media only screen and (min-width:1200px) {
	#menu { display: none; }
	.related-swiper { padding: 0 50px; }
}

@media only screen and (max-width:1199px) {
.toggle-btn { display:block;}
.toggle-btn.active {right: 0; border:inherit; top:6px;}
button:focus {outline:inherit;}
.btn-search-close {top: -19px; right: 19px;}
.container { max-width:100%;}	        
.ci-app h2 { font-size: 1.6rem; }
.contact-block, .intro-title h5 { font-size: 0.8rem; }

.nav-last {margin-left:0 !important;}
#navbar .nav>li.dropdown>.dropdown-menu {width:100%;}
#navbar{position:fixed;overflow:scroll;top:0; right:100%; width:100%; background:var(--black); height:100%;z-index:555;-webkit-transition-duration:0.4s;transition-duration:0.4s;}
#navbar.open { right:0;}
#header .navbar-collapse {display: block !important; padding:0;}
#header .navbar-nav .nav-item {margin:0; position:relative !important;}
#header .navbar-nav {-ms-flex-direction:column; flex-direction:column; display:block; width:100%; text-align:center; margin-top:50px;}
#header .navbar-nav .mega-menu {text-align:center; left: 0; padding: 35px; width:100%; margin-top: 0;}
#header .navbar-nav .mega-menu li {float:inherit; line-height:25px;}
#header .navbar-nav .mega-menu li a {font-weight:400; font-size:15px; line-height: 31px;}
#header .navbar-nav .mega-menu li a:hover {color:#000 !important;}
#header .navbar-nav .nav-link {color:#fff; padding:15px 20px; line-height: 37px; display:inline-block;}
#navbar .navbar-nav .nav-link:before {background:#fff;}	
#header .navbar-nav > li {border-bottom: solid 1px #191919;}
#navbar .dropdown-toggle::after {float: right; top: 19px; left: 8px;}
.main-nav .dropdown-item {font-size: .7rem; padding: 10px;}
.main-nav .dropdown-item img {width: 61px;} 
.no-scroll .bg-overlay {display: block;}
.bg-overlay {background: rgba(0,0,0,0.7); width: 100%; height: 100%; position: fixed; z-index: 555; top: 0; left: 0; display: none;}
.tabing .feature-tab li.nav-item a {  font-size: 0.9rem; padding: 20px 0; margin: 0 10px;}
.filter-strip .form-control {margin-left:0; min-width: inherit;}
.subscribe-form {width:auto;}

}

@media only screen and (max-width:767px) {
	p {margin-bottom: 0.5rem;}
	body, .text-large { font-size: 0.85rem; }
	.section { padding: 30px 0;}
	.header-padding {padding:0;}
	.top-header {height: 43px; line-height: 43px;}
	.top-nav li.right-nav::before, .top-nav .dropdown-menu {top: 14px;}
	.col-cart {margin-right:40px;}
	.footer-bottom {border-top:none;}
	.mob-logo {display:block;}
	.CIusp {text-align:center;}
	.logo {display:none;}
	.toggle-btn span {top: 28px;}
	.toggle-btn:before {top: 35px; width:20px;}
	.toggle-btn:hover:before, .toggle-btn:hover:after {width:25px;}
	.toggle-btn:after {top: 21px; width:20px;}
	.btn-enquire, .btn-search-mob { background:none; padding: 0; text-align: center; min-width: 40px; color: var(--primary); border:none; height: auto; font-size: 1.2rem;  }
	.header-search { display: none; position: absolute; top: 67px; z-index: 10; width: 100%; left: 0; background: var(--gray); padding: 5px;}
	.header-search .form-control {background:inherit;}
	.header-search .btn svg {top: -2px; height: 16px;}
	.header-search.open {display: block;}
	.navbar-brand {padding:0;}
	.header-primary {padding: 3px 0.7rem; width: 100%;}
	.hero-slider-caption .h1 {font-size:22px;}
	.hp-hero-slider .hero-slider-caption h5 {font-size:13px;}
	.owl-carousel-featured .owl-buttons div {display:none !important;}
	.login-nav {margin-right:20px;}
	.login-nav .cart-btn i {font-size: 16px;}
	.login-nav .fa {font-size: 18px;}
	.call-block p {display:none;}
	.top-header ul {padding:0;}
	.search-popup {padding: 250px 17px;}
	.search-input .form-control {font-size:13px;}
	.popup, #overlay {display:none !important;}
	.footer-address {justify-content: center; display: flex; float:none !important;} 
     .top-nav a {font-size: 12px;}
	 .top-nav {float:right;}
	 .top-nav .dropdown-toggle {padding-right:0;}
	.login-nav a {padding: .5rem 3px;}
	.login-nav .fa-user-o {margin-right: 0; display:block;}
	.login-nav span, .cart-btn span {display:none;}
	.login-nav .cart-btn {border:none;}
	.CIusp h5 {font-size:1rem;}
	.CIusp .pl-2 {padding-left:0 !important; margin-top:5px;}
	.category_item .item_title {top:25px; bottom:inherit; font-size: 18px; left:15px; min-width: 104px; padding: 16px 30px;}
	.details_box {position:inherit; right:inherit; bottom:inherit;  padding: 30px 50px 50px; margin-top: -37px !important; margin: 16px; background-color: #e1e1e1; box-shadow:inherit}
	.minus-top {margin-top: 0;}
	.subscribe-btn {position:absolute; right: 9px; top: -24px;}
	.newsletter h2 {font-size:22px;}
	.newsletter-bg {padding: 2rem 0;}
	.inner-banner 	{padding: 40px 0; text-align:center; min-height: 150px;}
	.breadcrumb {text-align: center; display: inline-block !important;}
	.breadcrumb .breadcrumb-item {float:left;}
	.inner-banner h1 {font-size: 28px;}
	.card-shop-filters ul li {width: 40%; float: left; margin-right:20px;}
	.btn-search-mob.is-active .fa-search:before {content: "\f00d";}
	.featured-para .text-Xlarge {font-size:1rem !important;}
	.CIfeatured svg {width:40px; height:40px;}
	.shoping-cart .number-input.number-input {width: 55%;}
	.btn {font-size: 0.8rem; padding: 0 1.3rem; text-transform: capitalize;}
	.ci-head .title {font-size: 1.3rem;}
	.ci-head h4 {font-size:0.9rem;}
	.ci-head:before {height: 15px;}
	.breadcrumb_nav li {font-size:11px;}
	.breadcrumb_nav li:not(:last-child) {margin-right: 10px; padding-right: 11px;}
	.call-block a {font-size:14px;}
	.ci-seller .card-prod {margin-bottom:20px;}
	.desk-section .swiper-slide {margin-bottom:10px; padding-right:5px; padding-left:5px;}
	.login-nav .cart-btn .topbar-action-counter {left: 26px; top: -1px;}
	.top-header .call-block a img {margin-top:3px;}
	.ci-seller .card-prod .badge {letter-spacing:2px;}
	.login-modal .modal-dialog {max-width:100%;}
	.location .fa {float:inherit; margin:0 !important;}
     .product-overview .subscribe_form .check-btn {right:0;}
	.location .modal-content {padding: 20px 40px 20px 40px;}
	.featured-card img {width: 70px;}
	.w-30 {width:100% !important;}
	.featured-card {padding: 30px 10px;}
	.inner-banner .col-item {padding-bottom: 32%;}
	.inner-banner .data-caption .title {font-size: 28px;}
	.list-filter {border-top: 1px solid #e4e4e4; padding:15px 0; border-bottom: 1px solid #e4e4e4;}
	.pagination-lg {display: flex; justify-content: center;}
	#filter.login-modal .modal-content {padding: 20px 0 20px;}
	#filter.login-modal .modal-header .close {z-index:999; padding: 12px 0; right: 31px;}
	#filter.login-modal .modal-header h3 {text-transform:uppercase; color:#000; font-size:16px;}
	.thumb-swiper .swiper-img img {border-radius:0;}
	.online-store .big_title {font-size: 45px;}
	.franchize-form {margin-top:0;}
	.modal-header header {text-align:center !important;}
	.product-overview .card .btn {padding: 0 1.8rem;}
	.video {height: 100px; padding-bottom: 60%;}
	.video .play-btn {left: 42%; top: 40%;}
	.ci-video-para { padding: 1.4rem; font-size:0.9rem; margin-top: -15px; }
	.card-video-caption { font-size: 0.7rem; letter-spacing: 0.2rem;}
	.filter-strip {padding: 9px 0;}
	.filter-strip .form-control {border: none; color: #000;}
	.filter-strip .custom-select {font-size: 12px; color:#000; height: calc(1rem + 5px);}
	.shop-filters .card {border:none;}
    .filter-strip .form-control {padding-right:30px;}
	.customer-item { padding: 1.8rem 15px; -ms-flex: 0 0 33.3333%; flex: 0 0 33.3333%; max-width: 33.3333%;}
	.card-prod .card-title:before, .card-prod:hover .card-title:before {  width: 10px;}
	.card-prod .card-title.swiper-title small:before {content:'';}
	.card-prod .card-title.swiper-title small {display:block;}
	.card-prod .card-title {font-size:0.8rem;}
	.ci-client {position:relative;}
	.ci-client .swiper-container-horizontal > .swiper-pagination-bullets {bottom: -40px}
	.ci-client .swiper-container {position:inherit !important;}
	.similar-prod .offer-swiper .card-prod {height: 299px;}
	.ci-tiles .tiles-block .tile-caption {width:100%; text-align:center; left:0; padding: 8px 0;}
	.product-list .card-prod .card-img {height: 145px;}
	.ci-seller .card-prod .data-caption h2 {font-size:18px;}
	.health-faucet .item {height:340px;}
	.health-faucet .item .data-caption .caption h2 {font-size:35px;}
	.health-faucet .item .data-caption .caption p {font-size:17px;}
	.ci-tiles .tiles-block .item {height: 210px;}
	.category-tiles.emulated-flex-gap {display:block; width:auto;}
	.category-tiles .category-box {display:inline-block; width:30%;}
	.ci-client .client-swiper {padding: 10px 20px;}
	#footer::before {width: 100px; height: 200px;}
	.footer-nav {position: relative; padding:10px 0; margin: 0; cursor: pointer;}
	.footer-nav .footer-nav-title:after, .footer-nav .footer-nav-title:before {content: ''; width: 9px; height: 1px; background: var(--white); position: absolute; top: 14px; right: 15px; -webkit-transition-duration: .4s; transition-duration: .4s;}
	.footer-nav .footer-nav-title:after {transform: rotate(90deg);}
	.footer-nav.open .footer-nav-title:after {transform: rotate(-90deg); opacity: 0;}
	.footer-nav .nav {max-height: 0; overflow: hidden; -webkit-transition: max-height 1s ease-out; transition: max-height 1s ease-out; display: block !important}
	.footer-nav.open .nav { height: auto; max-height: 500px; -webkit-transition: max-height 1s ease-in !important;    transition: max-height 1s ease-in !important;}
	.footer-nav .nav-link{ font-size: 0.8rem; padding: 0.2rem 1rem; }
	.copyright {text-align:center;}
	.footer-social a { width: 30px; height: 30px; line-height: 30px; margin: 0 8px 0 0;}
	.footer-social svg {height: 14px;}
	.app-store-mob .footer-nav-title {display:block;}
	.app-store-mob img {width:350px;}
	.contact-block .block-item {border-top:1px solid #e2e2e2; display:block; padding:25px 0;}
	.contact-block .block-item.b-top {border-top:none;}
	.block-item p {margin-bottom:0;}
	.block-item br, .ci-intro:before, .ci-concept:before, .dealer-form::before, .ci-career::before { display: none;}
	.ci-intro { padding-top: 0; }
	.ci-intro-img { position: static; height: 100px; padding-bottom: 90%; display: block; }
	.card-white { padding: 1.5rem 15px 0; margin: 0; max-width: inherit;}
	.card-ico {-ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;}
	.intro-title .title, h2, .h2 {font-size: 2rem;}
	.h1, h1 { font-size:2.4rem; }
	.h3, h3 { font-size:1.2rem; }
	.about-history:nth-child(odd) .col-img { padding-right: 15px; }
	.about-history:nth-child(even) .col-img { padding-left: 15px; }
	.text-outline { font-size: 2.4rem; -webkit-text-stroke-width: 1px; line-height: 1;}
	.filter-strip .form-control {min-width: 100%;}
	.price-filter {width:100%;}
	.related-swiper { margin: 0 -15px; }
	.col-grid small { letter-spacing: normal; }
	.col-grid .grid_1 { margin:0; width: 40px;}
	.col-grid .grid_1 span { margin-top: 0; min-height: 20px }
	.col-grid .grid_1 span:last-child, .col-grid .grid_1 span:nth-child(3n) { display: none; min-height: 24px; width: 10px; }
	.col-grid .grid_2 span:last-child, .col-grid .grid_2 span:nth-child(2n) { display: none; }
	.product-item, .product-item.product-grid-1 {-ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;}
	.product-item.product-grid-2 {-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}
	#progressbar li .icon {float:none; display:block; margin:0 auto;}
	#progressbar li.active::after, #progressbar li::after {top:24px;}
	#progressbar li {text-align:center; font-size:13px;}
	#progressbar li .icon {width:15px; height:15px; line-height:16px;}
	#progressbar li:nth-child(1)::after {width:160% !important;}
	#progressbar li + li {margin-left: 100px;}
	#progressbar li:nth-child(3)::after {left: 107% !important;}
	#progressbar li:nth-child(3)::after, #progressbar li::after {width:130% !important;}
	.cart-header {margin-top: 9px; margin-bottom:0;}
	.hot-deals p br {display:none;}
	.login {margin-right: 8px;}
	.btn-toggle-search {margin-right: 10px;}
	.ci-cart-btn{margin-right: 0px !important;}
	
}
@media only screen and (max-width:575px) {	
    #progressbar li:nth-child(1)::after {width:62% !important;}
	#progressbar li:nth-child(3)::after, #progressbar li::after {width:47% !important;}
	#progressbar li + li {margin-left: 42px;}
	.app-btn .btn { padding: 0.5rem 1rem; }
	.app-btn .btn .small {letter-spacing: normal;}
	.app-btn svg {height: 24px; min-width: 24px;}
	.app-btn .h4 { font-size: 1rem;}
    .category-tiles .category-box {display:inline-block; width:40%;}
	.emulated-flex-gap > * {margin: 12px 13px;}
    .cart-popup { width: 280px; right: 15px;}
    .login {margin-right: 8px;}
	.btn-toggle-search {margin-right: 10px;}
	.ci-cart-btn{margin-right: 0px !important;}

	}

.ci-cart-btn{position: relative;}

.ci-cart-btn .topbar-action-counter {position: absolute; top: -10px; left: 15px; background-color: var(--secondary); color:var(--white); border-radius: 50%; font-size: 10px; height: 15px; min-width: 15px; justify-content: center; display: flex; align-items: center;padding: 5px;}

.swatch-element.active label {
    border: 2px solid #aa4484 !important;
    color: #aa4484;
}