.container{max-width:1260px;}
.page-wrapper{max-width:1260px; margin:0 auto}

a:visited{outline:none;}
ul,
ol{list-style-type:none; padding:0; margin:0}

.mat-ico{font-family:'Material Icons'; font-weight:normal; float:left; cursor:default; font-style:normal; font-size:24px; display:inline-block; width:1em; height:1em; line-height:1; text-transform: none; letter-spacing:normal; word-wrap:normal; white-space:nowrap; direction:ltr; -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility; -moz-osx-font-smoothing:grayscale; font-feature-settings:'liga'; margin-right:5px;}

@-webkit-keyframes rightEnd {
    0% {left: 0; } 
    50% {left: -15px; } 
    100% {left: 0; } 
} 
@keyframes rightEnd {
	0% {left: 0; } 
	50% {left: -15px; } 
	100% {left: 0; } 
} 
@-webkit-keyframes topEnd {
	0% {top: 0; } 
	50% {top: -15px; } 
	100% {top: 0; } 
} 
@keyframes topEnd {
	0% {top: 0; } 
	50% {top: -15px; } 
	100% {top: 0; } 
} 
@-webkit-keyframes leftEnd {
	0% {left: 0; } 
	50% {left: 15px; } 
	100% {left: 0; } 
} 
@keyframes leftEnd {
    0% {left: 0; } 
    50% {left: 15px; } 
    100% {left: 0; } 
}
@-webkit-keyframes bottomEnd {
    0% {bottom: 0; } 
    50% {bottom: -15px; } 
    100% {bottom: 0; } 
}
@keyframes bottomEnd {
    0% {bottom: 0; } 
    50% {bottom: -15px; } 
    100% {bottom: 0; } 
}

.shake{  animation:shake 0.82s cubic-bezier(.36,.07,.19,.97) both; transform: translate3d(0, 0, 0);}
@keyframes shake{10%, 90% {transform: translate3d(-2px, 0, 0);}20%, 80% {transform: translate3d(4px, 0, 0);}30%, 50%, 70% {transform: translate3d(-8px, 0, 0);}40%, 60% {transform: translate3d(8px, 0, 0);}}

.price-box{margin-left:5px}
.price-box svg{}

.container-sm{width:85%; margin:0 auto}

.fs-12{font-size:12px;}

.alert{margin:20px; font-size:13px; padding:10px 25px 15px 25px}
.alert-danger{border-left:5px solid #721c24}
.alert-success{border-left:5px solid #155724}
.alert .close{opacity:1; width:25px; height:25px; background-color:rgba(255,255,255,.85); border-radius:50%; display:flex; align-items:center; justify-content:center; padding:0px; top:5px; right:5px;}
.alert .close span{font-size:16px; font-weight:600; line-height:1; text-shadow:none; margin-bottom:3px; color:#375480;}
.alert p{margin:0}

.home-banners{height:335px;}

/* Slick Slider */
.slick-loading .slick-list {background: #fff url('../images/ajax-loader.gif') center center no-repeat; } 
.slick-slider{position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent;} 
.slick-list{position: relative; display: block; overflow: hidden; margin: 0; padding: 0;} 
.slick-list:focus{outline: none;} 
.slick-list.dragging{cursor: pointer; cursor: hand;} 
.slick-slider .slick-track, .slick-slider .slick-list{-webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);} 
.slick-track{position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto;} 
.slick-track::before, .slick-track::after{display: table; content: '';} 
.slick-track::after{clear: both;} 
.slick-loading .slick-track{visibility: hidden;} 
.slick-slide{display: none; float: left; height: 100%; min-height: 1px;} 
[dir='rtl'] .slick-slide{float: right;} 
.slick-slide img{display: block;} 
.slick-slide.slick-loading img{display: none;} 
.slick-slide.dragging img{pointer-events: none;} 
.slick-initialized .slick-slide{display: block;} 
.slick-loading .slick-slide{visibility: hidden;} 
.slick-vertical .slick-slide{display: block; height: auto; border: 1px solid transparent;} 
.slick-arrow.slick-hidden{display: none;}
.slick-prev,
.slick-next{border-radius:50%; font-size: 0; line-height: 0; position: absolute; top: 45%; display: block; width:30px; height:30px; padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; color:#fff; border: none; outline: none; background:#CFCFCF;z-index:9;} 
.slick-prev:hover::before, .slick-prev:focus::before, .slick-next:hover::before, .slick-next:focus::before {opacity: 1;color: #fff;} 
.slick-prev.slick-disabled::before, .slick-next.slick-disabled::before {opacity: .25; } 
.slick-prev::before, .slick-next::before {font-size: 20px; line-height:0.6; opacity: .75; color: #000; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} 
.slick-prev:hover, .slick-next:hover{color: #fff;outline: none;background-color:#0DC6B6; } 
.slick-prev:focus, .slick-next:focus {outline: none;} 
.slick-prev{left: 5px;right: auto;} 
[dir='rtl'] .slick-prev{right: auto;left: 0;} 
.slick-prev::before {content:"\f104";font-size: 24px;} 
[dir='rtl'] .slick-prev::before{content:"\f105";font-size: 24px;} 
.slick-next {right: 10px;} 
[dir='rtl'] .slick-next {right: auto; left: ; } 
.slick-next::before {content:"\f105";font-size: 24px;} 
[dir='rtl'] .slick-next::before {content:"\f104";font-size: 24px;} 
.slick-dotted.slick-slider {margin-bottom: 30px; } 
.slick-dots {position: absolute; bottom: -25px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; } 
.slick-dots li {position: relative; display: inline-block; width:30px; height:3px; margin: 0 5px; padding: 0; cursor: pointer; } 
.slick-dots li button {font-size: 0; line-height: 0; display: block; width:30px; height:3px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; } 
.slick-dots li button:hover, .slick-dots li button:focus {outline: none; } 
.slick-dots li button:hover::before, .slick-dots li button:focus::before {opacity: 1; } 
.slick-dots li button::before{background-color:#fff; font-family: 'slick'; font-size: 6px; line-height: 20px; position: absolute; top: 0; left: 0; width:30px; height:3px; content:''; text-align: center; opacity:.40; color: black; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } 
.slick-dots li.slick-active button::before {opacity:.80; color: black; }
/* End Slick Slider */

.flex{display:flex; flex-direction:row; align-items:center; justify-content:flex-start;}
.flex-end{display:flex; flex-direction:row; align-items:center; justify-content:flex-end;}
.space-between{display:flex; align-items:center; justify-content:space-between;}
.align-center{display:flex; align-items:center; justify-content:center;}

.btn{border-radius:40px; border:1px solid #375480; font-size:14px; font-weight:600; text-transform:capitalize; letter-spacing:.5px; padding:10px 15px; line-height:1; display:flex; align-items:center; justify-content:center; color:#375480}
.btn:hover{background-color:rgba(55, 84, 128, .8); color:#fff}

.btn.btn-secondary{color:#fff}
.btn.btn-success{color:#fff}

.btn-sm{padding:6px 12px; font-size:12px; border-radius:4px; font-weight:normal}

.btn-primary{background-color:#17a9ab; border-radius:40px; border:1px solid #17a9ab; font-size:14px; font-weight:600; text-transform:uppercase; letter-spacing:.7px; padding:10px 25px; line-height:1; color:rgba(255,255,255,1)}
.btn-primary:hover{background-color:#177cab;}

.btn-info{background-color:#206dff; color:#fff;}
.btn-info:hover{background-color:#0750d8;}

.btn-xs{padding:5px 15px; font-size:12px; font-weight:600}

.page-title{color:#375480; font-size:25px; font-weight:bold;}

.form-container{max-width:45%; margin:30px auto 50px auto; padding:50px 70px; background-color:#fff; box-shadow:0 0 5px rgba(0, 0, 0, .1);}
.form-body{margin-top:20px}

.form-group{margin-bottom:12px}
.form-group label{font-size:13px; font-weight:600; margin-bottom:5px; letter-spacing:.3px;}
.form-control{border:1px solid rgba(55, 84, 128, .7); box-shadow:none; font-size:13px; padding:8px 12px; height:auto; border-left:3px solid rgba(55, 84, 128, 1); background-color:rgba(0,0,0,.02);}
.form-control:hover,
.form-control:focus,
.form-control:active{border:1px solid rgba(55, 84, 128, 1); border-left:3px solid rgba(55, 84, 128, 1)}

.form-action-row{margin-top:10px; display:flex; justify-content:space-between; align-items:center}
.form-conditions{font-size:13px; color:rgba(0, 0, 0, .8)}
.form-conditions a{}

.form-link-bar{border-top:1px solid rgba(0, 0, 0, .3); padding-top:15px; margin-top:15px; color:rgba(0, 0, 0, .8); font-size:14px}

.has-error .help-block,
.help-block-error{color:#dd0303; font-size:12px; display:block; line-height:1; margin-top:5px;}
.form-control-error,
.form-control-error:hover,
.form-control-error:active,
.form-control-error:focus{border:1px solid #dd0303; border-left:3px solid #dd0303;}
.form-control-error:focus{box-shadow:0 0 0 .2rem rgba(221, 3, 3, .15)}

.inner-form{padding:0px 25px 20px 25px}
.text-view{font-size:13px}

.inner-form .form-group{margin-bottom:20px}

.btn-round{border-radius:25px}

.content-wrapper{margin-top:10px}

.no-data{display:flex; flex-direction:column; align-items:center; justify-content:center;}
.no-data img{width:80%}
.no-data p{color:#375480; font-size:16px; font-weight:600; text-align:center; line-height:1.5;}
.no-data.md{max-width:50%}

.table .no-data{margin-top:50px}

.main-wrapper.home .content-wrapper{margin-top:0}
.main-wrapper.category .content-wrapper{margin-top:0}
.main-wrapper.home header{box-shadow:none;}

.header-title{color:#fff; font-size:20px; font-weight:600; margin:0}

.cart-summary .close-cart-summary{position: absolute; right: 0; top: 0; width: 20px; height: 20px; line-height: 15px; text-align: center;}
.content-wrapper.cart .product-note{margin-top:10px;}

.content-wrapper.checkout .customer-addresses{margin-bottom:15px; margin-top:15px;}
.content-wrapper.checkout .customer-addresses .card-body label{padding:15px 30px 10px 50px; margin:0; width:100%; cursor:pointer; transition:.2s all ease-in-out; height:100%}
.content-wrapper.checkout .customer-addresses .card-body label:hover{background-color:rgba(0, 0, 0, .02);}
.content-wrapper.checkout .customer-addresses .card-body label input[type="radio"]{display:none;}
.content-wrapper.checkout .customer-addresses .card-body label input[type="radio"]:checked + span.selected-address{position:absolute; width:20px; height:20px; background-color:#ff713e; border-radius:50%; left:16px; top:22px;}
.content-wrapper.checkout .customer-addresses .card-body label input[type="radio"]:checked + span.selected-address:before{content:''; display:block; position:absolute; width:8px; height:8px; background-color:#fff; border-radius:50%; top:6px; right:6px}

.content-wrapper.checkout .customer-addresses .card-body label .selected-address{position:absolute; width:20px; height:20px; background-color:rgba(0, 0, 0, .2); border-radius:50%; left:16px; top:22px;}
.content-wrapper.checkout .customer-addresses .card-body label .selected-address:before{content:''; display:block; position:absolute; width:8px; height:8px; background-color:#fff; border-radius:50%; top:6px; right:6px}

.content-wrapper.checkout .customer-addresses-block{display:flex; flex-wrap:wrap; justify-content:space-between;}
.content-wrapper.checkout .customer-addresses .card{width:47%; border:1px solid rgba(0, 0, 0, .05); background-color:rgba(0, 0, 0, .01); border-radius:5px; box-shadow:0 5px 5px rgba(0, 0, 0, .05); margin-bottom:25px;}
.content-wrapper.checkout .customer-addresses .card .card-body{padding:0}

body{font-family:"Open Sans"; font-size:13px;}
.bg-light{padding-top: 15px;padding-bottom: 15px;}
.logo{width:138px;}

.navbar-expand-lg .left{align-items:center; display:flex; justify-content:space-between;}
.navbar-expand-lg .navbar-nav{z-index:999; position:relative; margin-right:100px;}

.navbar-collapse{justify-content: right;}
.navbar-light .navbar-nav .nav-item{position:relative; margin-right:10px;}
.navbar-light .navbar-nav > .nav-item > .nav-link{color:#fff; font-size:12px; font-weight:600; padding:12px 18px; letter-spacing:1px; line-height:1; position:relative; text-transform:uppercase; z-index:99}
.navbar-light .navbar-nav .nav-link:hover{color:rgba(255,255,255, .7);}
.navbar-light .navbar-nav .nav-link.has-childs{padding:12px 18px 12px 18px}
.navbar-light .navbar-nav .nav-link.has-childs:after{border-left:5px solid transparent; border-right:5px solid transparent; border-top:5px solid rgba(255,255,255,.7); content:''; display:block; position:absolute; right:5px; top:17px;}

.navbar-light .navbar-nav .nav-item.hovered > .nav-link{background-color:#fff; color:#375480}

.navbar-light .navbar-nav .nav-item .childs-wrapper{position:absolute; display:none; background-color:#fff; padding:15px; box-shadow:0 5px 15px rgba(0,0,0,.2);}
.navbar-light .navbar-nav .nav-item .childs-wrapper > ul{display:flex; flex-direction:row; flex-wrap:wrap; width:400px;}
.navbar-light .navbar-nav .nav-item .childs-wrapper > ul li{width:200px}
.navbar-light .navbar-nav .nav-item .childs-wrapper > ul li a{transition:.2s all ease-in-out; color:#375480; font-size:12px; height:30px; overflow:hidden; line-height:2; padding:5px 10px}
.navbar-light .navbar-nav .nav-item .childs-wrapper > ul li a:hover{background-color:rgba(0, 0, 0, .06);}

.navbar-light .navbar-nav .nav-item.stationery .childs-wrapper > ul{width:450px;}
.navbar-light .navbar-nav .nav-item.stationery .childs-wrapper > ul li{width:225px; height:auto;}

.navbar-light .navbar-nav .nav-item:hover .childs-wrapper{display:block}

.navbar-light .navbar-nav .nav-item.books .childs-wrapper{width:1200px; left:-820px;}
.navbar-light .navbar-nav .nav-item.books .childs-wrapper > ul{width:100%}

.navbar-light .navbar-nav .nav-item.stationery .childs-wrapper{right:0}

.header-search{background-color:#fff; border-radius:5px; width:420px; position:relative;}
.header-search .input-wrapper{flex:1; position:relative}
.header-search input{border:0px none; color:#666; font-size:15px; border-radius:5px 0 0 5px; height:34px; padding:5px 10px; font-size:13px}
.btn-search{background-color:#ffea35; border-radius:5px; padding:0 10px}
.btn-search .mat-ico{color:#444; margin-right:0px;}

.header-search .clear-search{border:0 none; position:absolute; right:0; top:0; height:100%; background-color:#fff; cursor:pointer; padding:5px; z-index:999;}
.header-search .clear-search .mat-ico{font-size:16px; margin:0; cursor:pointer}

.header-search input:hover,
.header-search input:focus{border:0 none}

.search-autosuggest-container{position:absolute; background-color:#fff; width:100%; z-index:999; border-radius:5px; box-shadow:0 0 10px rgba(0,0,0,.2); top:36px; padding:15px 0 0 0; display:none;}
.search-autosuggest-container.active{display:block}
.autosuggest-results{min-height:50px; max-height:250px; overflow-y:auto}
.autosuggest-results ul{}
.autosuggest-results ul li{}
.autosuggest-results ul li a{display:block; padding:10px 20px; color:#2c4367; font-size:13px; transition:.2s all ease-in-out; text-overflow:ellipsis; white-space:nowrap; overflow:hidden}
.autosuggest-results ul li a:hover{background-color:rgba(16, 62, 242, .1); text-decoration:none;}

.autosuggest-recent{padding:15px 20px 15px 20px; background-color:rgba(0,0,0,.02);}
.autosuggest-recent strong{margin-bottom:5px; display:block;}
.autosuggest-recent ul{display:flex; flex-wrap:wrap;}
.autosuggest-recent li{margin-right:10px; margin-bottom:10px}
.autosuggest-recent li span{padding:5px 10px; display:block; background-color:rgba(55, 84, 128, .2); color:rgba(0, 0, 0, .9); border-radius:4px; cursor:pointer; transition:.2s all ease-in-out}
.autosuggest-recent li span:hover{background-color:rgba(55, 84, 128, .4);}

.header-search .search-category{position:relative}
.header-search .search-category.active .search-dropdown{display:block}
.header-search .search-category .search-dropdown{position:absolute; top:49px; width:150px; background-color:#fff; z-index:999; right:0; box-shadow:0 1px 5px rgba(0,0,0,.2); border-radius:6px; padding:5px; border:1px solid #ccc; display:none}
.header-search .search-category .search-dropdown:before{content:''; width:12px; display:block; border-bottom:7px solid #fff; border-left:7px solid transparent; border-right:7px solid transparent; position:absolute; top:-7px; right:20px;}
.header-search .search-category .search-dropdown ul{}
.header-search .search-category .search-dropdown li{}
.header-search .search-category .search-dropdown li span{font-size:13px; font-weight:600; padding:5px 10px; display:block; cursor:pointer;}
.header-search .search-category .search-dropdown li span:hover{color:#2c4367; background-color:rgba(0, 0, 0, .05);}

.search-category-item{padding:7px 20px 7px 10px; position:relative; cursor:pointer; transition:.2s all ease-in-out}
.search-category-item:hover{background-color:rgba(0, 0, 0, .05);}
.search-category-item:before{content:''; display:block; border-top:6px solid #fff; border-left:5px solid transparent; border-right:5px solid transparent; position:absolute; top:13px; right:6px; z-index:9}
.search-category-item:after{content:''; display:block; border-top:6px solid #2c4367; border-left:5px solid transparent; border-right:5px solid transparent; position:absolute; top:15px; right:6px;}
.search-category-item span{color:#2c4367; font-size:13px; letter-spacing:.5px; font-weight:600;}

.header-search input.active-search{color:#000}

.main-wrapper{background-color:#f8f9fa}

header{background-color:#375480;}

.navbar-secondary{padding:0; margin:0; list-style-type:none; display:flex; justify-content:stretch; align-items:center; height:100%;}
.navbar-secondary li{/*border-left:1px solid rgba(255,255,255, 0.15); */display:flex; align-items:center; justify-content:center; padding:0}
.navbar-secondary li a{cursor:pointer; transition:.2s all ease-in-out; display:flex; justify-content:center; line-height:1; align-items:center; margin:0 10px}
.navbar-secondary li a div{min-width:20px; height:45px; display:flex; justify-content:center; align-items:center; border-radius:20px; position:relative}
.navbar-secondary li a:hover{background-color:rgba(255,255,255,.2)}

.navbar-secondary li a.header-cart > div{background-color:#ffea35; border-radius:5px; height:40px; justify-content:space-between; padding:0px 8px; width:auto;}
.navbar-secondary li a.header-cart .right{align-items:flex-start; display:flex; flex-direction:column; margin-left:5px;}
.cart-price-block{font-size:18px; display:flex}
.cart-price-block .price{font-weight:bold;}

.class-item-links{display:flex; justify-content:space-between;}
.class-item-links li{}
.class-item-links a{background-color:#375480; display:flex; padding:20px; border-radius:5px; color:#fff; flex-direction:column; justify-content:center; align-items:center; border-bottom:5px solid #ffea35; transition:.2s all ease-in-out;}
.class-item-links a:hover{box-shadow:0px 15px 20px rgba(0,0,0,.2); transform:translateY(-6px)}
.class-item-links a strong{font-size:20px}
.class-item-links a strong > span{font-size:16px; color:#fff; font-weight:normal; margin-left:2px;}
.class-item-links a span{color:#ffea35}

.navbar-secondary li a svg{font-size:20px;}

.header-items{font-size:11px; font-weight:600; text-transform:uppercase;}

.fp-heading{text-align: center;margin-bottom: 30px;color: #219388;font-weight: 700;}
.fp-content-background{background-color:#f9f9f9;text-align: center;padding-top: 30px;padding-bottom: 50px;margin-top: 30px;}
.product-card-link:hover{text-decoration: none;}
.product-card{border:0px none; margin-bottom:50px; transition:.2s all ease-in-out;}
.product-card:hover{box-shadow:0 5px 10px 0 rgba(0, 0, 0, 0.1);}

.card-title{text-align:left; margin-bottom:15px;}
.card-text{text-align:center; font-size:12px; color:#404040;}
.card-text .card-text-row{border-bottom:1px solid rgba(0, 0, 0, .1); font-size:13px; font-weight:bold; display:flex; justify-content:space-between; align-items:center; padding:10px 0}
.card-text .card-text-row:last-child{border:0 none;}
.card-img-top{height:auto; border-top-left-radius:10px; border-top-right-radius:10px;}

.rupee-icon{width:18px; height:auto}

.discount-amount{font-size:14px; display:flex; align-content:flex-start; justify-content:flex-start; color:#219388; font-weight:400;}
.discount-amount .rupee-icon{width:14px; margin-left:3px; margin-bottom:4px;}

.cart-price{}
.cart-price .product-price-container{display:flex; flex-direction:column; justify-content:flex-start; align-items:flex-start;}
.cart-price .final-price{font-size:19px; margin-left:2px;}
.cart-price .rupee-icon{width:15px}
.cart-price .regular-price{font-size:19px; margin-left:2px}
.cart-price .discount-amount{color:#2a6164; font-size:13px;}
.cart-price .discount-amount .rupee-icon{width:13px;}

.fp-btn-block{text-align: center;}

.cms-wrapper{min-height:500px; padding:10px 70px 10px 20px; color:rgba(0,0,0,.9);}
.cms-wrapper p{line-height:1.5; margin-bottom:20px; letter-spacing:.4px;}
.cms-wrapper a{}
.cms-wrapper h2{}
.cms-wrapper h3{font-weight:600; font-size:20px; color:rgba(0,0,0,.9); margin-bottom:15px; margin-top:35px;}
.cms-wrapper h4{font-size:18px; font-weight:600; margin-top:20px}
.cms-wrapper ul{list-style-type:disc; padding-left:30px; margin-bottom:30px;}
.cms-wrapper ul li{}

.footer-content-background{background-color:#375480; padding:30px 0}

footer .home-link{color:#375480; font-size:30px; font-weight:600; display:block; margin-bottom:10px; text-decoration:none;}
footer .list-contacts{width:280px;}
footer .list-contacts li{display:flex; font-weight:600; margin-bottom:10px; font-size:12px; color:rgba(255,255,255, .9)}
footer .list-contacts .mat-ico{color:#9eadc4;}
footer .blocks{display:flex; justify-content:space-between;}
footer .first-block{color:#525252; font-size:16px; border-right:1px solid rgba(255,255,255,.2); width:26%;}
footer .second-block{display:flex; justify-content:flex-start; padding-right:40px; padding-top:0px; width:68%;}
footer .second-block > div{width:32%;}
footer .second-block .title{color:rgba(255,255,255,.6); font-size:14px; margin-bottom:15px; font-weight:600; text-transform:uppercase; letter-spacing:.5px}
footer .second-block a{color:rgba(255,255,255,.9); padding-left:20px; position:relative; font-size:12px; display:block; letter-spacing:.5px}
footer .second-block a:hover{font-weight:600;}
footer .second-block a::before{content:'\e5cc'; display:block; font-family:'Material Icons'; font-size:20px; position:absolute; left:-3px; top:-3px; }
footer .links{text-align:left;}
footer .links li{margin-bottom:10px;}

.footer-copyright{background-color:rgb(55, 84, 128, .9); padding:10px 0; text-align:center}
.footer-copyright span{color:rgba(255,255,255, .9); font-size:11px; text-transform:uppercase; margin:0 15px}
.footer-copyright a{color:rgba(255,255,255, .9); font-weight:600}

.subscribe-form-control{border:0px none; border-radius:0px; font-size:14px; height:46px; width:calc(100% - 100px);}
.btn-subscribe{background-color:#17a9ab; border-radius:0px; color:#fff; font-size:14px; font-weight:600; text-transform:uppercase; width:140px;}
.btn-subscribe .mat-ico{float:right;margin-right:0px;}
.social-icons-block{text-align: center;margin-top: 40px;}
.fi-list{list-style-type: none;display: ruby-text;padding-left: 0px;}
.follow-icons{width: 35px;height: 35px;margin-left: 2px;margin-right: 2px;}
.copyright-msg{text-align: center;color: #d3e9e7;margin-bottom: 0;}

.navbar-light .navbar-brand{padding:12px 25px; display:block}
.navbar-light .navbar-brand:hover{color:#fff;}

.navbar-light .navbar-nav li.has-child{position:relative;}
.navbar-light .navbar-nav li.has-child .sub-menu{display:none; position:absolute; top:40px; right:0px; width:250px; z-index:100;}
.navbar-light .navbar-nav li.has-child .nav-link + .sub-menu{border-bottom:3px solid #219388; border-top:1px solid #219388; box-shadow:0px 0px 10px #ddd; display:none; list-style-type:none; padding-left:0px;}
.navbar-light .navbar-nav li.has-child:hover > .nav-link + .sub-menu{display:block;}
.navbar-light .navbar-nav li.has-child .sub-menu li{position:relative;}
.navbar-light .navbar-nav li.has-child .sub-menu li a{background-color:#fff; color:#212529; margin-left:0px; padding:6px 20px 5px; text-align:left;}
.navbar-light .navbar-nav li.has-child .sub-menu li a:hover{background-color:#219388; color:#fff;}

.navbar-light .navbar-nav li.has-child .sub-menu li .sub-menu{position:absolute; top:0px; right:250px; width:250px;}

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

.navbar-expand-lg{justify-content:space-between; padding:0px;}
.navbar-subsection{display:flex; flex-direction:column; justify-content:flex-end;}
.header-nav{display:flex; justify-content:flex-end; margin-bottom:10px}
.header-nav ul{padding:0; margin:0; list-style-type:none; display:flex}
.header-nav ul li{margin-left:15px;}
.header-nav ul a{color:#5b6a73; font-size:14px; font-weight:300; padding:5px 0px;}
.header-nav ul a:hover{color:#000; text-decoration:underline;}

.navbar-light .navbar-toggler.three-lines{border:0px none; display:flex; flex-direction:column; height:22px; justify-content:space-between; padding:0px; width:32px;}
.navbar-light .navbar-toggler.three-lines .line{background-color:#fff; border-radius:5px; height:3px;}

.header-bottom-bar{color:#fff; position:relative; z-index:1; padding:0px 0 2px 0; background-color:rgba(0,0,0,.2);}
.header-bottom-bar .page-wrapper{display:flex; justify-content:space-between; align-items:center}
.header-bottom-bar > div{align-self:center; align-items:flex-end; font-size:13px; display:flex;}
.header-bottom-bar .location-block{display:flex; align-items:center; justify-content:center;}
.header-bottom-bar .location-block .mat-ico{font-size:24px; opacity:0.75;}
.header-bottom-bar .location-block > span{display:flex; flex-direction:column; font-size:11px; font-weight:600; line-height:1; justify-content:space-between;}
.header-bottom-bar .location-block .location-text{font-weight:bold; opacity:0.75; text-transform:uppercase;}
.header-bottom-bar .location-block .current-location{}
.header-bottom-bar .menu-bar .navbar-nav{flex-direction:row;}
.menu-bar .nav-link{color:#fff; font-size:12px; padding:5px 25px; position:relative; transition:.2s all ease-in-out}
.menu-bar .nav-link:hover{text-decoration:underline;}
.menu-bar .nav-item{position:relative}
.menu-bar .nav-item:not(:last-child) .nav-link::after{border-right:1px solid rgba(255,255,255,.3); content:''; display:block; height:16px; opacity:0.75; position:absolute; right:0px; top:8px;}
.header-bottom-bar svg{margin-right:6px; color:rgba(255,255,255,.5); max-width:20px; max-height:20px;}

.menu-bar .nav-item ul{position:absolute; width:100%; background-color:#375480; left:2px; top:31px; display:none}
.menu-bar .nav-item ul li{border-bottom:1px solid rgba(255,255,255, .2)}
.menu-bar .nav-item ul li:last-child{border:0 none}
.menu-bar .nav-item ul li a{padding:10px 15px; display:block; color:#fff; transition:.2s all ease-in-out; font-size:12px}
.menu-bar .nav-item ul li a:hover{background-color:rgba(255,255,255, .1); text-decoration:none}
.menu-bar .nav-item:hover ul{display:block;}

/*      Homepage Start      */
.banner-bar{margin-bottom:0px !important; text-align:center;}
.banner-bar .slick-track{height:335px;}
.banner-bar .content-box{padding-top:70px; color:#fff; min-height:335px; margin-right:0;}
.banner-bar .content-box .heading{font-size:75px; font-weight:bold; line-height:normal; margin-bottom:5px; width:960px;}
.banner-bar .content-box .content{font-size:25px; margin-bottom:20px; width:900px;}
.banner-bar .content-box .get-started a{font-size:20px; color:#fff; background:#fc9e00; padding:10px 30px;}
.banner-bar .slick-prev,.banner-bar .slick-next{border: none;background: none;font-size: 3rem;height: 70px;width: 40px;}
.banner-bar .slick-prev::before,.banner-bar .slick-next::before{content: "";}
.banner-bar .slick-prev{left:0px;}
.banner-bar .slick-next{right:40px;}
.banner-bar ul.slick-dots{bottom:20px; float:none; left:50%; margin:0 auto 0 -200px; text-align:center; width:400px;}
.banner-bar ul.slick-dots li{float:none; height:4px; width:50px;}
.banner-bar ul.slick-dots li button{background-color:#fff; border:0px none; border-radius:6px; height:4px; padding:0px; width:50px;}
.banner-bar ul.slick-dots li.slick-active button{border:5px solid #fff;}
/* .banner-bar ul.slick-dots li button::before{display:none; background-color:#fff; border:5px solid transparent; border-radius:5px; content:''; height:4px; opacity:.5; width:50px;}
.banner-bar ul.slick-dots li.slick-active button::before{border-color:#fff; opacity:1;} */
.banner-bar .slick-prev,
.banner-bar .slick-next{color:#000;}
.banner-bar ul.slick-dots li button::before{display:none;}

.img-responsive{max-width:100%;}

.stationery-categories,
.publishers-block{background-color:#fff; padding:50px 0 100px 0}
.stationery-categories-list{}
.stationery-categories-list ul{display:flex; align-items:center; justify-content:center;}
.stationery-categories-list li{flex:1; display:flex; align-items:center; justify-content:center; margin:0 15px}
.stationery-categories-list li div{text-align:center; position:relative; height:80px; width:100%; display:block;}
.stationery-categories-list li div:after{content:''; background-color:rgba(255, 234, 53, .5); width:74px; height:74px; display:block; border-radius:50%; position:absolute; top:0; right:0;}
.stationery-categories-list li svg{position:relative; z-index:99;}
.stationery-categories-list li a{display:block; padding:20px 10px; border-radius:5px; box-shadow:0px 5px 10px rgba(0,0,0,.2); flex:1; text-align:center; transition:.2s all ease-in-out;}
.stationery-categories-list li a:hover{box-shadow:0px 15px 20px rgba(0,0,0,.2); transform:translateY(-6px)}
.stationery-categories-list li strong{color:#190e9f}

.categories-block{background-color:#fff; padding:25px 0;}
.home-categories-list{display:flex; justify-content:space-between; align-items:center;}
.home-categories-list a{display:block; width:49%}
.home-categories-list a img{width:100%}
.home-categories-list .single-category{width:18%; margin:0 20px}
.home-categories-list .single-category .img-block{transition:.2s all ease-in-out;}
.home-categories-list .single-category .img-block img{border:10px solid #fff; border-radius:50%; box-shadow:0 5px 10px rgba(0,0,0,.1); display:block; overflow:hidden; transition:.2s all ease-in-out}
.home-categories-list .single-category:hover .img-block img{box-shadow:0 15px 25px rgba(0,0,0,.25); transform:translateY(-10px)}
.home-categories-list .single-category:hover .img-block{text-decoration:none;}
.home-categories-list .single-category strong{color:#000; display:block; font-size:18px; font-weight:600; margin-top:5px; text-align:center; text-decoration:none;}
.home-categories-list .single-category:hover strong{color:#375480}

.header-breadcrumbs{margin-top:5px;}

.products-block{background-color:#f2f2f2; padding:35px 0 20px 0;}
.products-block.dark-grey-bg{background-color:#f2f2f2;}
.title-block{display:flex; justify-content:center;}
.block-title{color:#375480; font-size:22px; font-weight:700; margin-bottom:30px; position:relative;}
.block-title::after{content:''; display:block; background-color:#17a9ab; height:5px; position:absolute; bottom:-10px; left:0px; width:100%;}
.title-block .categories{display:flex;}
.title-block .categories a.single-cat{align-self:flex-start; color:#000; font-size:14px; padding:5px 20px; position:relative; text-decoration:none; font-weight:bold;}
.title-block .categories a.single-cat:not(:last-child)::after{border-right:2px solid #aaa; content:''; display:block; height:12px; position:absolute; right:-2px; top:8px; width:1px;}
.product-card .card-title{line-height:1; margin-bottom:5px;}
.product-card .card-title a{color:#190e9f; font-size:13px; font-weight:600; display:block; line-height:1.3; letter-spacing:.2px; height:35px;}
.product-card .card-body{padding:0}

.category-item .product-card .card-title a{height:55px;}

.products-block .products-block-listing{min-height:310px}

.products-list.slick-slider{/*background-color:#fff; box-shadow:0 5px 5px rgba(0,0,0,.1);*/ padding:0 20px;}
.products-list.slick-slider .product-card{margin:5px; border:1px solid #ccc}
.products-list.slick-slider .category-item{box-shadow:none}

.products-list .slick-prev,
.products-list .slick-next,
.publishers-list .slick-prev,
.publishers-list .slick-next{border-radius:0px; background-color:#fff; box-shadow:0px 0px 10px rgba(0,0,0,.2); border:none; font-size:0px; height:90px; width:35px;}
.products-list .slick-prev svg,
.products-list .slick-next svg,
.publishers-list .slick-prev svg,
.publishers-list .slick-next svg{color:#fff}
.products-list .slick-prev:hover,
.products-list .slick-next:hover,
.publishers-list .slick-prev:hover,
.publishers-list .slick-next:hover{box-shadow:0px 0px 10px rgba(0,0,0,.5); background-color:#eee;}
.products-list .slick-prev:before,
.products-list .slick-next:before,
.publishers-list .slick-prev:before,
.publishers-list .slick-next:before{display:none;}
.products-list .slick-prev,
.publishers-list .slick-prev{border-top-right-radius:6px; border-bottom-right-radius:6px; left:-18px;}
.products-list .slick-next,
.publishers-list .slick-next{border-top-left-radius:6px; border-bottom-left-radius:6px; right:-17px;}
.products-list svg,
.publishers-list svg{color:#375480; height:auto;}

.publishers-list .slick-slide > div{padding:0 10px;}
.publishers-list .single-item{margin-bottom:5px; padding:0 10px; text-align:center;}
.publishers-list .single-item img{margin:0 auto;}

.products-list .cart-price .final-price{font-size:16px; font-weight:600; color:#190e9f}
.products-list .cart-price .regular-price{font-size:16px; font-weight:normal; margin-left:5px}
.products-list .product-price{display:flex; justify-content:baseline; align-items:center}

.product-card-link{overflow:hidden; display:flex; align-items:center; justify-content:center; margin-bottom:10px; width:100%; height:140px}
.product-card-link img{height:140px; margin:0 auto; max-width:100px}
.product-card-link img.no-image{height:140px; max-width:120px;}
.product-card{border-radius:0px; box-shadow:0px 6px 10px #ccc; margin:0 10px;}
.product-card:hover{box-shadow:0px 6px 10px #aaa;}

.product-card .price-ratings{display:flex; justify-content:space-between; flex-direction:column;}
.product-card .price-ratings .ratings{align-items:center; display:flex; margin-bottom:7px;}
.ratings{align-items:center; display:flex; margin-bottom:7px;}
.ratings i{color:#ff5b29; font-size:14px; margin-right:0px;}
.ratings svg{color:#ff5b29; width:11px;}
.product-price{font-size: 1.2rem; display:flex; align-items:baseline; line-height:1; margin-bottom:3px;}
.final-price{color:#375480; font-size:2rem; font-weight:600; margin-left:5px;}
.regular-price{text-decoration:line-through; font-size:1.4rem; font-weight:600; color:rgba(0,0,0,.75); margin-left:5px;}

.promotion-block{padding:30px 0px; background-color:#fff;}
.promotion-block .top-block{display:flex; justify-content:space-between;}
.promotion-block .top-block .block{background-size:cover; display:flex; justify-content:flex-end; min-height:300px; padding:50px 30px; width:49%;}
.promotion-block .top-block .block .text-block{font-weight:bolder; width:55%;}
.promotion-block .top-block .block .top-title{font-size:56px; font-weight:800; line-height:1; opacity:0.8; text-transform:uppercase;}
.promotion-block .top-block .block .title{font-size:40px; font-weight:800; line-height:1; margin-bottom:10px; opacity:0.8; text-transform:uppercase;}
.promotion-block .top-block .block .text{color:#000; font-size:20px; line-height:1.2;}

.promotion-block .bottom-block{display:flex; justify-content:space-between; margin-top:20px;}
.features-block{background-color:#fff;}
.features{display:flex; justify-content:space-between; width:100%; padding:0 0 30px 0}
.features .feature-box{background-color:#17a9ab; border-radius:10px; display:flex; justify-content:flex-end; overflow:hidden; padding:30px; width:30%; background-repeat:no-repeat; background-size:auto 112%; background-position:-20px -15px; position:relative;}
.features .feature-box .mat-ico{position:absolute; font-size:170px; color:#3db7b8; top:-28px; left:-65px;}
.features .text-block{color:#fff; width:70%;}
.features .title{display:block; font-size:32px; font-weight:800; line-height:1; text-transform:uppercase;}
.features .text{font-size:14px;}
.btn-browse{align-items:center; background-color:#fff; border-radius:25px; color:#3a3a3a; font-weight:600; display:flex; height:40px; justify-content:space-between; margin-top:40px; padding:0px 2px 0px 25px; width:220px;}
.btn-browse .mat-ico{border-radius:50%; display:flex; flex-direction:column; float:right; height:36px; justify-content:center; margin-right:0px; width:36px;}
.btn-browse .mat-ico.bg-blue{background-color:#45e0ea;}
.btn-browse .mat-ico.bg-yellow{background-color:#f8e052;}

.newsletter-block{display:flex; justify-content:space-between;}
.newsletter-block .left-block{background-color:#c3dbff; padding:60px 40px; width:50%;}
.newsletter-block .title{color:#4e5766; font-size:20px; font-weight:bold; margin-bottom:20px;}
.newsletter-block .left-block .text{color:rgba(0,0,0,0.6); font-size:12px; font-style:italic;}
.newsletter-block .right-block{background-color:#d5feff; padding:60px 40px; position:relative; width:50%;}
.newsletter-block .right-block > .mat-ico{position:absolute; font-size:200px; color:#c7f7f9; top:-8px; right:20px;}
.newsletter-block .right-block .text{color:rgba(0,0,0,0.6); font-size:14px; margin-bottom:20px;}
.newsletter-form-block{margin-top:30px;}
.newsletter-form-block form{width:480px;}
.newsletter-form-block .title{margin-bottom:0px;}

.social-links{display:flex;}
.social-block a{margin-right:20px;}
.social-block a svg{color:#17a9ab;}
.newsletter-block form{display:flex;}

.price{display:flex;}

.header-message{background-color:#2c4367; padding:5px; text-align:center; overflow:hidden}
.header-message:hover > p{animation:marquee-reset; animation-play-state:paused;}
.header-message p{margin:0; color:#ffea35; font-size:13px; animation:marquee 50s linear infinite; animation-play-state:running;}

@keyframes marquee {
    0% {
        transform: translate(0%, 0);
    }    
    50% {
        transform: translate(-100%, 0);
    }
    50.001% {
        transform: translate(100%, 0);
    }
    100% {
        transform: translate(0%, 0);
    }
}
@keyframes marquee-reset {
    0% {
        transform: translate(0%, 0);
    }  
}

/*      Homepage End        */

.promo-block-primary{background-color:#fff; padding:50px 25px; display:flex; justify-content:flex-start; align-items:flex-start; border-radius:10px; box-shadow:0 0 5px rgba(0, 0, 0, .02)}
.promo-block-primary .promo-media{width:250px; flex-shrink:0}
.promo-block-primary .promo-media img{width:100%}
.promo-block-primary .promo-content{margin-left:50px}
.promo-block-primary .promo-content h3{}
.promo-block-primary .promo-list-primary li a{padding:15px 40px; background-color:#375480; color:#fff}

.list-group{}
.list-group .list-group-item{border:0 none; font-size:13px; border-radius:5px; padding:10px 15px 10px 10px; margin-bottom:5px; transition:.2s all ease-in-out}
.list-group .list-group-item.active{background-color:#375480; padding:10px 15px;}
.list-group .list-group-item.active:hover{background-color:#375480}
.list-group .list-group-item:hover{background-color:rgba(55, 84, 128, .1); padding:10px 15px;}

.card{border:0 none}
.card .card-header{color:#375480; font-weight:600; font-size:17px; border-bottom:1px solid rgba(55, 84, 128, .25); background-color:rgba(55, 84, 128, .2);}
.card .card-body{}
.card .table{}
.card .table .text-secondary{font-size:13px; font-weight:600;}
.card .table td{border-top:0 none; border-bottom:1px solid rgba(55, 84, 128, .15); font-size:13px; padding:7px}
.card .table tr:last-child td{border-bottom:0 none}

.card .table td.text-right .price{align-items:flex-end; justify-content:flex-end;}

/* category page starts*/
.breadcrumb{background-color: transparent;}
.breadcrumb-item a{color: #111111; text-decoration: none;}
.breadcrumb-item a:hover{color: #219388;}
.breadcrumb-item.active{color: #219388;}

.grid-container{}

.one-col-grid{}

.two-col-grid{display:flex; margin-bottom:20px}

.two-col-left{}
.two-col-sidebar{width:230px; margin-right:15px;}
.two-col-sidebar .box-wrapper{height:100%}
.two-col-main-content{flex:1}

.box-wrapper{background-color:#fff; padding:20px 15px; box-shadow:0 0 5px rgba(0,0,0,.1);}
.box-wrapper:after{clear:both; content:''; display:block;}

.filtered-navigation,
.category-header,
.category-item{box-shadow:0 0 5px rgba(0,0,0,.1)}

.filtered-navigation{width:230px; margin-right:15px; background-color:#fff; padding:10px 15px}
.main-wrapper.publisher .filtered-navigation{display:none;}
.filtered-section-header{display:flex; justify-content:flex-start; align-items:center;}
.filtered-section-header span{margin-left:10px;}
.filtered-section-header svg{width:20px; color:#a3aab0}

.filtered-navigation .nav-item{}
.filtered-navigation .nav-item .nav-link.has-childs{padding:10px 0px; font-size:14px; text-transform:uppercase; font-weight:bold; color:#375480;}
.filtered-navigation .nav-item .nav-link{}

.filtered-navigation .childs-wrapper{overflow-x:scroll; max-height:200px; min-height:100px;}
.filtered-navigation .childs-wrapper ul{}
.filtered-navigation .childs-wrapper ul li{display:flex; flex-direction:row; align-items:flex-start; justify-content:flex-start;}
.filtered-navigation .childs-wrapper ul .nav-link{padding:0 5px 5px 5px; font-size:12px; color:rgba(0, 0, 0, .6); line-height:1.1; cursor:pointer; flex:1;}
.filtered-navigation .childs-wrapper ul .nav-link:hover{color:#375480; font-weight:600}
.filtered-navigation .childs-wrapper ul .nav-link > label{display: block; cursor:pointer}
.filtered-navigation .childs-wrapper ul .nav-link > label:hover{color:#375480; font-weight:600}
.filtered-navigation .childs-wrapper ul > li:before{content:''; display:block; width:12px; height:12px; border:1px solid rgba(0,0,0,.5); margin-top:1px; margin-right:5px; flex-shrink:0;}
.filtered-navigation .childs-wrapper ul > li.active:before{border:5px solid #375480;}
.filtered-navigation .childs-wrapper ul > li.active .nav-link{font-weight:bold}

.filtered-navigation .childs-wrapper ul .nav-link .hidden{display:none}

.filters-list > .nav-item{margin-bottom:20px;}

.category-block{flex:1;}

.filters-list{margin-top:5px;}
.filters-list li{border-radius:5px;}
.filters-list li .filter-header{margin-bottom:5px; padding:5px 0}
.filters-list li .filter-header strong{padding:5px 0 0 0; display:block; text-transform:uppercase; font-size:13px; color:#000; font-weight:600; letter-spacing:.2px;}

.filters-list > li > strong.nav-link.has-childs{padding:10px 0 0 0; border-bottom:1px solid #375480; margin-bottom:10px; color:#375480; text-transform:uppercase;}

.filters-list li .custom-control-label{font-size:13px; color:#5b6a73;}
.filters-list li .custom-checkbox .custom-control-label::before{border-radius:50px; top:0}

.filters-list li .filter-body{border-bottom:1px solid rgba(0,0,0,.08);}

.applied-filters{display:flex; flex-direction:column; font-size:12px; margin-top:15px;}
.applied-filters > div{display:flex;}
.applied-filters > div > label{text-transform:capitalize; font-weight:600; color:#375480; margin-right:5px;}
.applied-filters ul{display:flex; flex-wrap:wrap}
.applied-filters ul li{margin-right:10px; margin-bottom:5px;}
.applied-filters ul li label{margin:0; padding:0px 7px; border:1px solid rgba(0,0,0,.2); border-radius:5px; background-color:rgba(0, 0, 0, .05); display:flex; align-items:center; justify-content:center; color:rgba(0,0,0,.8); cursor:pointer; transition:.2s all ease-in-out}
.applied-filters ul li label:hover{background-color:rgba(0, 0, 0, .1);}
.applied-filters ul li label span{display:flex; align-items:center; justify-content:center; background-color:#fff; border-radius:50%; margin-left:5px; border:1px solid rgba(0,0,0,.4)}
.applied-filters ul li label svg{width:12px; height:12px;}

.category-header{background-position:top right; background-repeat:no-repeat; background-color:#fff; padding:20px; margin-bottom:15px;}
.category-title h1{font-size:25px; font-weight:700; padding-top:0px; color:#375480;}
.category-title p{color:#375480; font-size:20px; font-weight:300; line-height:1.2;}

.category-title{display:flex; align-items:center;}
.category-title img{width:150px; margin-right:20px}

.promo-list-primary{display:flex; flex-wrap:wrap; margin-top:20px}
.promo-list-primary li{margin-right:15px; margin-top:10px;}
.promo-list-primary li a{padding:5px 10px; display:block; border:1px solid #375480; border-radius:50px; font-weight:bold; background-color:rgba(0,0,0,.05); color:#375480;}

.products-list{display:flex; flex-wrap:wrap;}
.related-products-block .products-list{flex-direction:column; flex-wrap:nowrap;}
.category-item{width:24.2%; margin-right:10px; margin-bottom:10px;}
.category-item:nth-child(4n){margin-right:0;}

.one-col-grid .products-list .category-item{width:19.35%}
.one-col-grid .products-list .category-item:nth-child(4n){margin-right:10px;}
.one-col-grid .products-list .category-item:nth-child(5n){margin-right:0;}

.products-list.large-list .category-item{margin-right:0;}
.related-products-block .products-list .category-item{width:100%;}

.products-list .product-card{margin:0px; padding:20px 10px; box-shadow:none}
.products-list .product-card:hover .card-title a{color:#000; text-decoration:underline;}

.related-products-block .products-block{background-color:transparent; padding-top:0px;}
.related-products-block .container{padding:0px;}
.products-list.vertical-list .product-card{padding:10px;}
.products-list.vertical-list .product-card .card-top{display:flex; justify-content:space-between;}
.products-list.vertical-list .product-card .card-top .product-card-link{margin-bottom:5px; max-width:60px; max-height:60px;}
.products-list.vertical-list .product-card-link img{height:60px; max-width:60px;}
.products-list.vertical-list .card-title{display:flex; width:calc(100% - 70px);}
.products-list.vertical-list .product-card .card-body{display:flex; justify-content:space-between;}
.products-list.vertical-list .product-card .action{margin-top:0px;}
.products-list.vertical-list .discount-amount{display:none;}
.products-list.vertical-list .product-price-container{margin-bottom:0px;}

.products-list .product-card .action{display:flex; align-items:flex-end; justify-content:flex-end; margin-top:10px;}

.category-description{font-weight:300; color:#5b6a73; font-size:13px; letter-spacing:.3px;}
.category-description strong{font-weight:600;}

.filter-block{box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 #f9f9f9;padding-top: 30px;padding-left: 10px;padding-right: 10px;background-color: #fff;}
.sort-list{display: block ruby;list-style-type: none;padding-left: 0;margin-top: 20px;}
.sort-list li{color: #747474;}
.sort-list li:hover{color: #219388;text-decoration: underline;}
.sort-list a{margin-left: 20px;}
.category-ratings{color: #747474;text-align: left;}
.rating-seperator{color: #219388;font-size: 20px;}

.price-block{text-align: left;padding-left: 0;list-style-type: none; display:flex; align-items:center;}
.price-block .icon .rupee-icon{width:15px;}

.item-price{display:flex;}
.item-price .multiply{margin:0 4px; color:rgba(0,0,0,.4)}
.price-block .icon{margin-bottom:3px;}

.discount-price{color: #111111;font-size: 24px;margin-right: 15px;}
.mrp{text-decoration: line-through;color: #747474;margin-right: 15px;}
.discount{color: #219388;font-weight: 600;}
.category-card-title{text-align: left;color: #404040;}
.pagination-block{margin-top: 40px;}
.page-item.active .page-link{background-color: #219388;}
.page-link{color: #111111;}
.page-link:hover{color:#111111;background-color: #d3e9e7;}
.card-header{background-color: #fff;padding-left:12px;padding-right:12px;}
.btn.btn-link.btn-block.text-left{color: #111111;text-decoration: none;display: flex;justify-content: space-between;}
.form-check-label{color: #404040;}
.filter-card{border-left: none;border-right: none;}
.down-arrow{width: 20px;height: 20px;text-align: right;margin-left: 10px;}
.category-content-backgound{background-color: #f9f9f9;padding-top: 16px;padding-bottom: 30px;padding-bottom: 80px;}
.slidecontainer{width: 100%;}
.slider{-webkit-appearance: none;width: 100%;height: 8px;border-radius: 5px;background: #219388;outline: none;opacity: 0.7;-webkit-transition: .2s;transition: opacity .2s;}
.slider:hover{opacity: 1;}
.slider::-webkit-slider-thumb{-webkit-appearance: none;appearance: none;width: 25px;height: 25px;border-radius: 50%;background: #fff;cursor: pointer;}
.slider::-moz-range-thumb{width: 18px;height: 18px;border-radius: 50%;background: #fff;cursor: pointer;border: 4px solid #747474;}
.price-dropdown{display: flex;justify-content: space-between;}
.min-dropdown{width: 100px;}
.max-dropdown{width: 100px;}

.category-block .card-body{text-align:center;}

.pagination{align-items:center; justify-content:center; margin-top:20px; margin-bottom:20px;}
.pagination li{margin:0 5px;}
.pagination li a{padding:10px; background-color:rgba(0, 0, 0, .06); border-radius:5px; font-size:14px; color:rgba(0, 0, 0, .8); transition:.2s all ease-in-out}
.pagination li a:hover{background-color:rgba(0, 0, 0, .1);}
.pagination li.active{}
.pagination li.active a{font-weight:bold; background-color:transparent}
/* category page ends*/

/* product page starts */
ul.breadcrumb{background-color:transparent; margin:0px; padding:0px 0px 20px 0; width:100%;}
ul.breadcrumb li{float:left;}
ul.breadcrumb li:not(:last-child)::after{content:'/'; display:block; float:right; margin:1px 7px; font-size:14px; color:rgba(0,0,0,.3)}
ul.breadcrumb li a{color:#111111; font-size:13px;}
ul.breadcrumb li a:hover,
ul.breadcrumb li a.current{color:#375480}

.header-breadcrumbs .breadcrumb{}

.product-content-block{padding-top: 30px;padding-bottom: 30px;background-color: transparent;}
.product-img-block{border: 2px solid #219388;border-radius: 7px;}
.product-info-block{padding-left: 50px;}
.product-page-img{width: 100%;border-radius: 21px;padding: 15px;}
.stock-info{color: #219388;font-weight: 600;}
.product-discount-price{color: #111111;font-size: 36px;margin-right: 15px;}
.product-mrp{text-decoration: line-through;color: #747474;margin-right: 15px;font-size: 20px;}
.product-discount{color: #219388;font-weight: 600;font-size: 20px;}
.tax-info{color: #219388;}
.quantity{color: #111111;font-weight: 600;}
.size{color: #111111;font-weight: 600;margin-top: 1rem;}
.planter-color{color: #111111;font-weight: 600;}
.size-list{list-style-type: none;display: flex;padding-left: 0;}
.size-list a{color: #111111;margin-right: 20px;border: 2px solid #219388;padding: 2px 24px;border-radius: 7px;text-decoration: none;}
.size-list a:hover{color: #111111;text-decoration: none;}

.btn-atc{padding: 15px 40px 15px 40px;background-color: #fff;color: #219388;border-radius: 7px;font-weight: bold;border: 2px solid #219388;font-size: 18px;}
.btn-atc:hover{color: #fff;text-decoration: none;background-color: #219388;}
.btn-buy-now{padding: 15px 60px 15px 60px;background-color: #219388;color: #fff;border-radius: 7px;font-weight: bold;border: 2px solid #219388;font-size: 18px;margin-left: 30px;}

.product-btn-block{display: flex;justify-content: space-between;margin-top: 30px;}
.product-preview-list{list-style-type: none;padding-left: 0;display: flex;justify-content: space-evenly;margin-top: 15px;}
.product-preview-list a:hover{border: 2px solid #219388;border-radius: 7px;padding: 5px 5px 5px 5px;transition: 0.1s;}
.product-preview-list img{width: 80px;height: 80px;border-radius: 7px;}

.section-heading{font-size:15px; font-weight:bold}

.additional-products{margin-top:20px; width:100%; padding:10px; border:1px solid rgba(0,0,0,.1); background-color:#fff;}
.additional-products .section-heading{margin-bottom:15px}
.additional-products-container{}
.additional-products-container .table-list{display:flex; flex-direction:column;}
.additional-products-container .table-list li{display:flex; border-bottom:1px solid rgba(0,0,0,.1)}
.additional-products-container .table-list li:last-child{border:0 none}
.additional-products-container .table-list li > div{padding:5px; min-width:50px}
.additional-products-container .table-list li .img{width:9%}
.additional-products-container .table-list li .img img{width:100%}
.additional-products-container .table-list li .title{width:80%; flex:1}
.additional-products-container .table-list li .card-title{font-size:13px; line-height:1.4;}

.additional-products-container .table-list li .action{width:15%}

.additional-products-container .table-list .product-price-container{margin-bottom:5px;}
.additional-products-container .table-list .rupee-icon{width:12px;}
.additional-products-container .table-list .final-price{font-size:13px; margin-left:3px;}
.additional-products-container .table-list .regular-price{font-size:13px; margin-left:3px;}
.additional-products-container .table-list .discount-amount{display:none}

.similar-products-heading{margin-top:0px;margin-bottom:20px;color: #219388;font-weight: 700;}
.related-products .product-price-container{margin-top:0px;}
.yml-heading{margin-bottom: 30px;color: #219388;font-weight: 700;}
.rating-reviews-heading{margin-bottom: 30px;color: #219388;font-weight: 700;}
.profile-content-background{padding-bottom: 50px;}
.profile-block{display: flex;justify-content: space-between;}
.profile-img-list{list-style-type: none;display: flex;padding-left: 0;}
.profile-img-list img{width: 70px;border-radius: 100%;height: 70px;}
.date-list{list-style-type: none;}
.profile-name{color: #111111;font-size: 24px;margin-left: 25px;}
.profile-location{color: #747474;margin-left: 10px;padding-top: 7px;}
.comment-heading{color: #404040;font-weight: 600;}
.btn-war{padding: 7px 20px 2px 20px;border:1px solid #ced4da;border-radius: 7px;color: #111111;margin-right: 50px;}
.btn-war:hover{text-decoration: none;color: #111111;}
.dropdown-sortby{width: 152px;}
.sort-block{display: flex;justify-content: end;}

.productsBox .discount,
.productList .discount,
.product-gallery .discount{background-color:#59b210; color:#fff; padding:4px; position:absolute; right:10px; top:6px; z-index:99;}
.product-gallery .discount{right:25px; top:25px;}

.productMove .product-card{text-align:center;}
.product-gallery .gallery img{max-width:auto; max-width:auto;}
.product-gallery .gallery .product-main-image-block .zoomPad > img{max-width:100%; max-height:100%;}

.zoomPad{position:relative; z-index:99;	cursor:crosshair; width:415px; margin:0 auto}
.zoomPad img#image{width:415px; max-height:400px; max-width:415px; margin:0 auto}
.zoomPreload{-moz-opacity:0.8; opacity:0.8; filter:alpha(opacity = 80); color:#333; font-size:12px; font-family:Tahoma; text-decoration:none; border:1px solid #CCC; background-color:white; padding:8px; text-align:center; background-repeat:no-repeat; background-position:43px 30px; z-index:110;  width:90px; height:43px; position:absolute; top:0px; left:0px;}
.zoomPup{overflow:hidden; background-color:#FFF; -moz-opacity:0.6; opacity:0.6; filter:alpha(opacity = 60); z-index:120; position:absolute; border:1px solid #CCC;  z-index:101; cursor:crosshair;}
.zoomOverlay{position:absolute; left:0px; top:0px; background:#FFF;	z-index:5000; width:100%; height:100%; display:none; z-index:101;}
.zoomWindow{position:absolute; left:110% !important; top:40px; background:#FFF; z-index:6000; height:auto; z-index:10000; z-index:110;}
.zoomWrapper{position:relative; border:1px solid #999; z-index:110;}
.zoomWrapperTitle{display:block; background:#999; color:#FFF; height:18px; line-height:18px; width:100%; overflow:hidden; text-align:center; font-size:10px; position:absolute; top:0px; left:0px; z-index:120; -moz-opacity:0.6; opacity:0.6; filter:alpha(opacity = 60);}
.zoomWrapperImage{display:block; position:relative; overflow:hidden; z-index:110;} 
.zoomWrapperImage img{border:0px; display:block; position:absolute; z-index:101;}
.zoomIframe{z-index:-1; filter:alpha(opacity=0); -moz-opacity:0.80; opacity:0.80; position:absolute; display:block;}

body.fix{overflow:hidden; margin-right:15px;}

/* Hide the browser's default checkbox */
.check-container input{position:absolute; opacity:0; cursor:pointer; height:0; width:0;}
.checkmark{background-color:#eee; position:absolute; top:0; left:0; height:25px; width:25px;}
.check-container:hover input ~ .checkmark{background-color:#ccc;}
.check-container input:checked ~ .checkmark{background-color:#2196F3;}
.checkmark:after{content:""; position:absolute; display:none;}
.check-container input:checked ~ .checkmark:after{display:block;}
.check-container .checkmark:after{left:9px; top:5px; width:5px; height:10px; border:solid white; border-width:0 3px 3px 0; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg);}

.used-product{background-color:#d2f6ff; border-radius:5px; font-size:15px; margin-bottom:30px; overflow:hidden; padding:10px;}
.used-price{display:flex; font-size:22px; line-height:1; margin-left:10px;}

.check-radio-container{display:flex; position:relative; padding-left:28px; margin-bottom:0px; cursor:pointer; font-size:14px; font-weight:600; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;}
.check-radio-container input{position:absolute; opacity:0; cursor:pointer; height:0; width:0;}
.checkmark{background-color:transparent; border:1px solid #a0a5a6; border-radius:50%; height:20px; left:0; position:absolute; top:0; width:20px;}
.checkmark:after{content:""; display:none; position:absolute;}
.check-radio-container input:checked ~ .checkmark:after{display:block;}
.check-radio-container .checkmark:after{background:#6281c4; border-radius:50%; height:10px; left:4px; width:10px; top:4px;}

.cart-sidebar{position:fixed; width:0; height:100vh; z-index:99999; right:0; top:0; transition:.2s background-color ease-in-out}
.cart-sidebar.show{width:100%; background-color:rgba(0, 0, 0, .5);}

.cart-sidebar-container{background-color:#fff; width:400px; position:fixed; z-index:999999; height:100vh; top:0; right:-500px; box-shadow:0 0 35px rgba(0,0,0,.4); transition:.2s all ease-in-out}
.cart-sidebar.show .cart-sidebar-container{right:0; height:100vh;}

.cart-sidebar-header{background-color:#375480; height:58px; display:flex; justify-content:space-between; align-items:center; padding:0 20px}
.cart-sidebar-header strong{color:#fff; text-transform:uppercase;}
.cart-sidebar-header .close{cursor:pointer; background-color:rgba(0,0,0,.2); width:30px; height:30px; display:flex; justify-content:center; align-items:center; border-radius:50px}
.cart-sidebar-header .close svg{color:#fff; width:16px;}

.sidebar-cart-container{height:calc(100vh - 58px)}
.sidebar-cart-container .no-data{margin-top:200px;}

.cart-summary{height:100%; display:flex; flex-direction:column;}
.cart-summary .cart-items{flex:1; overflow-y:auto;}
.cart-summary .cart-summary-footer{height:70px; background-color:rgba(0,0,0,.04); display:flex; justify-content:space-between; padding:20px; align-items:center;}

.cart-items-list{display:flex; flex-direction:column; margin:30px;}
.cart-item-row{padding-bottom:15px; margin-bottom:15px; border-bottom:1px solid rgba(0, 0, 0, 0.1); position:relative}
.cart-item-row:last-child{border-bottom:0 none}
.cart-item-row:hover .remove-cart-item{opacity:1}
.cart-item-block{display:flex; justify-content:flex-start;}
.cart-item-row .remove-cart-item{position:absolute; top:0; right:0; cursor:pointer; display:flex; width:19px; height:19px; border-radius:50%; justify-content:center; align-items:center; transition:.2s all ease-in-out; opacity:0; background-color:#fff;}
.cart-item-row .remove-cart-item:hover{background-color:rgb(204, 30, 30, .1);}
.cart-item-row .remove-cart-item svg{color:#cc1e1e; width:15px;}
.cart-item-row .cart-item-media{width:60px}
.cart-item-row .cart-item-media img{width:100%; border-radius:5px;}
.cart-item-row .details{flex:1; margin-left:20px; flex-direction:column; justify-content:space-between; align-items:stretch; display:flex;}
.cart-item-row .details .item-title{color:#2a6164; line-height:1.2; font-size:14px; display:block;}
.cart-item-row .details .actions{display:flex; justify-content:space-between; align-items:center}

.qty-buttons{display:flex; align-items:center;}
.qty-buttons .item-qty{margin:0 10px; min-width:50px; text-align:center;}

.checkout-container{width:1000px; margin:0 auto; display:flex; justify-content:space-between;}
.checkout-row{width:70%}
.checkout-row-sidebar{}
.checkout-block{margin-bottom:20px; box-shadow:0 2px 4px rgba(0,0,0,.15); position:relative;}

.checkout-block:before{content:attr(rel); display:block; width:35px; height:35px; position:absolute; background-color:rgba(55, 84, 128, .2); border-radius:50%; left:-45px; top:15px; display:flex; justify-content:center; align-items:center; font-weight:bold; font-size:20px; color:rgba(55, 84, 128, .5)}

.checkout-block.billing:before{content:'1'}
.checkout-block.payment:before{content:'2'}
.checkout-block.review:before{content:'3'}

.checkout-block .card-header span{color:rgba(0,0,0,.6); font-size:13px; display:block}

.checkout-block .form-body{width:70%; margin:0 auto}

.checkout-methods-list .list-group-item{display:flex; align-items:flex-start}
.checkout-methods-list .list-group-item input{margin-top:5px;}
.checkout-methods-list .list-group-item > div{display:flex; flex-direction:column; margin-left:10px}
.checkout-methods-list .list-group-item > div .sub-label{color:rgba(0,0,0,.6); font-size:12px;}

.payment-helper-text{display:none;}
.payment-helper-text-wrapper{display:flex; align-items:center; justify-content:center; max-width:80%; margin:0 auto}

.btn-primary.disabled,
.btn-primary:disabled{background-color:rgba(0,0,0,.5); border:1px solid rgba(0,0,0,.5); color:rgba(0,0,0,.9)}

.small-inline-input-box{padding:25px 10px 10px 10px; border-top:1px solid rgba(0,0,0,.2); margin-top:15px;}
.small-inline-input-box .heading{margin-bottom:10px; color:#375480}
.small-inline-input-box .heading .icon{width:20px; margin-right:5px}
.small-inline-input-box .heading strong{}

.small-inline-input-box .content{}
.small-inline-input-box .content .input{padding:5px 10px; width:200px}
.small-inline-input-box .content .content-input{display:flex}

.cart-item{display:flex}
.cart-item .image{width:70px; margin-right:10px; flex-shrink:0;}
.cart-item .image img{width:100%;}
.cart-item .details{}
.cart-item .details p{margin-bottom:5px;}
.cart-item .details label{color:rgba(0,0,0,.7)}
.cart-item .details label strong{}
.cart-item .details label span{margin-left:5px;}

.item-incrementor{display:flex; justify-content:space-between; align-items:center; position:relative}
.item-incrementor button,
.qty-buttons button{background-color:#e9e9ed; border:0 none; width:28px; height:28px; display:flex; justify-content:center; align-items:center; border-radius:50%; font-size:23px; line-height:1; padding-top:3px; color:rgba(0,0,0,.5); transition:.2s all ease-in-out;}
.item-incrementor button:hover,
.qty-buttons button:hover{background-color:#ffd435; color:rgba(0, 0, 0, 0.8)}
.item-incrementor span{width:30px; text-align:center; font-size:13px; color:rgba(0,0,0,.7);}
.item-incrementor:before{content:'QTY'; display:block; position:absolute; font-size:10px; left:50%; top:-15px; margin-left:-10px;}

.cart-item-variations{margin-bottom:5px; margin-top:10px;}
.cart-item-variations li{margin-bottom:0px;}
.cart-item-variations label{margin:0}
.cart-item-variations label strong{text-transform:uppercase; font-size:12px;}
.cart-item-variations label span{font-size:13px; font-weight:300;}
.cart-item-variations label span.ellipsis{overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:block; width:200px;}


/*      Order Feedback Start        */
p.rating-select a{display: inline-block;height: 18px;position: relative;text-decoration: none;text-indent: -999em;width: 18px;}
p.rating-select a::before{color:#ff5b29;content:"star_outline";font-family:"Material Icons";display: block; left: 0;line-height: 1;position: absolute;text-indent: 0;top: 0;font-size: 19px;}
p.rating-select a:hover::before{content:"star";}
p.rating-select.ratingp a.ratingc::before{content:"star";}
p.rating-select.ratingp a:not(.ratingc)::before{content:"star";}
p.rating-select.ratingp a.ratingc ~ a::before{content: "star_outline";}
/* end-review */
p.rating-select.noClick a{pointer-events: none;}
/*      Order Feedback End        */


.cssloader-container{position:absolute; width:100%; height:100%; top:0; left:0; z-index:999; display:flex; justify-content:center; align-items:center; flex-direction:column}
.have-loader{position:relative}

.cssloader-container > span{font-size:13px; font-weight:bold;}

.cssloader-container.large-top{justify-content:flex-start; background-color:rgba(255,255,255,.7);}
.cssloader-container.large-top .wd-loader{margin-top:100px;}

.wd-loader{color:official;display:inline-block; position:relative; width:80px; height:80px;}
.wd-loader div {transform-origin:40px 40px; animation:wd-loader 1.2s linear infinite;}
.wd-loader div:after { content:" "; display:block; position:absolute; top:3px; left:37px; width:6px; height:18px; border-radius:20%; background:#375480;}
.wd-loader div:nth-child(1) { transform:rotate(0deg); animation-delay:-1.1s;}
.wd-loader div:nth-child(2) { transform:rotate(30deg); animation-delay:-1s;}
.wd-loader div:nth-child(3) { transform:rotate(60deg); animation-delay:-0.9s;}
.wd-loader div:nth-child(4) { transform:rotate(90deg); animation-delay:-0.8s;}
.wd-loader div:nth-child(5) { transform:rotate(120deg); animation-delay:-0.7s;}
.wd-loader div:nth-child(6) { transform:rotate(150deg); animation-delay:-0.6s;}
.wd-loader div:nth-child(7) { transform:rotate(180deg); animation-delay:-0.5s;}
.wd-loader div:nth-child(8) { transform:rotate(210deg); animation-delay:-0.4s;}
.wd-loader div:nth-child(9) { transform:rotate(240deg); animation-delay:-0.3s;}
.wd-loader div:nth-child(10) { transform:rotate(270deg); animation-delay:-0.2s;}
.wd-loader div:nth-child(11) { transform:rotate(300deg); animation-delay:-0.1s;}
.wd-loader div:nth-child(12) { transform:rotate(330deg); animation-delay:0s;}
@keyframes wd-loader { 0% {   opacity:1; } 100% {   opacity:0; }}

.wd-loader.sm {color:official;display:inline-block; position:relative; width:30px; height:30px;}
.wd-loader.sm div {transform-origin:10px 10px; animation:wd-loader .8s linear infinite;}
.wd-loader.sm div:after { content:" "; display:block; position:absolute; top:9px; left:15px; width:10px; height:3px; border-radius:20%; background:#375480;}
.wd-loader.sm div:nth-child(1) { transform:rotate(0deg); animation-delay:-1.1s;}
.wd-loader.sm div:nth-child(2) { transform:rotate(45deg); animation-delay:-1s;}
.wd-loader.sm div:nth-child(3) { transform:rotate(90deg); animation-delay:-0.9s;}
.wd-loader.sm div:nth-child(4) { transform:rotate(135deg); animation-delay:-0.8s;}
.wd-loader.sm div:nth-child(5) { transform:rotate(180deg); animation-delay:-0.7s;}
.wd-loader.sm div:nth-child(6) { transform:rotate(225deg); animation-delay:-0.6s;}
.wd-loader.sm div:nth-child(7) { transform:rotate(270deg); animation-delay:-0.5s;}
.wd-loader.sm div:nth-child(8) { transform:rotate(315deg); animation-delay:-0.4s;}

.hero-promo-primary{margin-top:20px; padding-left:20px}
.hero-promo-primary h1{font-weight:bold; color:#375480}
.hero-promo-primary h2{font-weight:bold; font-size:24px; color:rgba(0, 0, 0, .6); margin-bottom:30px}
.hero-promo-primary p{}

.vouchers-list{display:flex; justify-content:space-between; margin-top:50px; flex-wrap:wrap;}
.voucher-card{background:rgb(73,155,254); background:linear-gradient(298deg, rgba(73,155,254,1) 0%, rgba(0,204,249,1) 100%); width:46%; padding:20px 35px; border-radius:15px; position:relative; margin-bottom:60px}
.voucher-details{position:relative; z-index:1;}
.voucher-details .title{font-size:15px; font-weight:bold; color:rgba(255,255,255, .8)}
.voucher-details h4{font-weight:600; color:#fff; font-size:24px; display:flex}
.voucher-summary{display:flex; justify-content:space-between; margin-top:35px;}

.voucher-summary h5{font-weight:600; color:#fff; font-size:34px; display:flex;}
.voucher-summary a{background-color:#FEE549; align-self:baseline; padding:7px 12px; border-radius:20px; color:rgba(0, 0, 0, .5); font-weight:bold; text-transform:uppercase;}
.voucher-card-bg{background-image:url(../images/voucher-card-bg.png); width:100%; height:100%; position: absolute; top:0; left:0; background-size:100% auto;}

@media only screen and (min-width: 1366px) and (max-width: 1440px) {

.page-wrapper{max-width:1320px}
.container{max-width:1345px}
.products-list.slick-slider{padding:0}
.products-list .slick-prev{left:-17px}
.products-list .slick-next{right:-17px}

.banner-bar .content-box{min-height:360px;}
.home-banners{height:360px}
.banner-bar .slick-track{height:360px;}
}

@media only screen and (max-width:767px) {

.title-block .categories a.single-cat{padding:2px 10px;}

.products-list.slick-slider .category-item{margin-bottom:0px;}
.category-item .product-card .card-title a{height:34px; overflow:hidden;}
.products-list.slick-slider .product-card{padding:6px 10px;}
.products-list.slick-slider .product-card-link{height:120px;}
.products-list.slick-slider .product-card-link img{height:120px;}
}

@media only screen and (max-width:767px) {

/* .products-block .products-block-listing{height:470px} */
.products-list .slick-prev,
.products-list .slick-next{top:230px}
.header-bottom-bar{display:none;}

.navbar-expand-lg .left{flex-direction:column; width:100%}
.header-search{width:calc(100% - 10px); border-radius:5px; margin:5px}

.navbar-light .navbar-brand{padding:4px 0 4px 15px}

.title-block .categories{display:none}

.products-list.slick-slider{padding:0}

.products-list .slick-slide > div{display:flex}

.mobile-header{display:flex; align-items:center; justify-content:space-between; width:100%; border-top:4px solid #2c4367}
.mobile-header-sidebar{display:flex; align-items:center; justify-content:flex-start; padding-right:20px;}

.mobile-menu-button{cursor:pointer; padding:5px 10px; overflow:hidden}
.mobile-menu-button .m-bar{width:25px; height:2px; display:block; background-color:#fff; border-radius:5px; margin-bottom:6px; transition:.2s all ease-in-out}
.mobile-menu-button .m-bar:last-child{margin:0}

.mobile-menu-button.expended .m-bar:first-child{transform:rotate(45deg) translateX(6px) translateY(6px)}
.mobile-menu-button.expended .m-bar:nth-child(2){transform:translateX(100px)}
.mobile-menu-button.expended .m-bar:last-child{transform:rotate(-45deg) translateX(5px) translateY(-6px)}

.navbar-secondary{}
.navbar-secondary li a{padding:0 10px; margin:0}
.navbar-secondary li a.header-cart > div{background-color:transparent; position:relative;}
.navbar-secondary li a svg{color:#fff}
.navbar-secondary li a.m-account-link{padding:5px 10px}

.navbar-expand-lg .navbar-nav{margin-right:0}

.navbar-light .navbar-nav .nav-item{border-bottom:1px solid rgba(255,255,255,.2); position:relative; margin-right:0}
.navbar-light .navbar-nav > .nav-item > .nav-link{padding:20px 18px 22px 18px}

.navbar-secondary li a.header-cart .right{background-color:#ffea35; position:absolute; width:20px; height:20px; top:0; right:0; display:flex; align-items:center; justify-content:center;}
.header-items{}
.search-category-item span{font-size:10px; font-weight:bold}

.banner-bar ul.slick-dots{display:none;}

.navbar-subsection{width:100%}

.navbar-light .navbar-nav .nav-item .childs-wrapper{width:100%; left:auto; z-index:99999; max-height:400px; overflow-x:auto;}
.navbar-light .navbar-nav .nav-item .childs-wrapper > ul{width:100%;  flex-direction:column;}

.navbar-light .navbar-nav .nav-item .childs-wrapper > ul{width:100%; flex-direction:column;}
.navbar-light .navbar-nav .nav-item .childs-wrapper{width:100%; left:auto; z-index:99999; max-height:280px; overflow-x:auto; background-color:#4a6286; position:relative}
.navbar-light .navbar-nav .nav-item .childs-wrapper > ul li{width:auto}
.navbar-light .navbar-nav .nav-item .childs-wrapper > ul li a{color:#fff}
.navbar-light .navbar-nav .nav-item .childs-wrapper > ul li a:hover{color:#fff}
.navbar-light .navbar-nav .nav-item.books .childs-wrapper{width:100%; left:0}
.navbar-light .navbar-nav .nav-link.has-childs:after{top:25px; right:15px;}

.navbar-light .navbar-nav .nav-item.hovered > .nav-link{background-color:#375480; color:#fff}

.check-container{display:block; position:relative; padding-left:35px; margin-bottom:12px; cursor:pointer; font-size:22px; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;}

.cart-price-block{display:none}

.newsletter-block{flex-direction:column;}
.newsletter-block .left-block,
.newsletter-block .right-block{width:100%;}
.newsletter-form-block form{max-width:100%;}
.subscribe-form-control{width:calc(100% - 116px);}
.btn-subscribe{width:116px;}

.stationery-categories{padding:50px 0 50px 0}

.class-item-links{flex-wrap:wrap}
.class-item-links li{margin-bottom:10px; width:70px}

.cart-price .discount-amount{flex-direction:column; font-size:11px;}
.discount-amount .rupee-icon{width:12px;}

.products-block{border-top:1px solid rgba(0, 0, 0, .2); background-color:#fff; position:relative}
.products-block::before,
promotion-block:before
{display:block; content:''; width:100%; height:8px; background-color:rgba(0,0,0,.05); top:-8px; position:absolute;}

.products-block::after,
promotion-block:after
{display:block; content:''; width:100%; height:1px; background-color:rgba(0,0,0,.2); top:-8px; position:absolute;}

footer .blocks{flex-direction:column;}
footer .first-block{border-right:0px none; margin-bottom:20px; width:100%;}
footer .home-link{color:#fff;}
footer .second-block{flex-direction:column; padding-right:0px; width:100%;}
footer .second-block > div{margin-bottom:20px; width:100%;}
.footer-copyright span{display:block;}

h2{font-size:20px;}
h3{font-size:18px;}

.promo-block-primary{flex-direction:column;}
.promo-block-primary .promo-media{width:100%; flex-shrink:0; display:flex; align-items:center; justify-content:center;}
.promo-block-primary .promo-media img{width:200px;}
.promo-block-primary .promo-content{margin-left:0; margin-top:20px;}
.promo-block-primary .promo-list-primary li a{padding:10px 18px}

.category-title{flex-direction:column; align-items:flex-start;}
.category-title img{width:150px; margin-bottom:30px;}

.banner-bar .slick-next{right:0px;}
.banner-bar .slick-prev{left:0}
.banner-bar .slick-next svg,
.banner-bar .slick-prev svg{width:40px; height:40px}

.banner-bar .content-box{min-height:305px; padding:0}
.home-banners{height:auto; min-height:300px;}
.banner-bar .slick-track{height:auto;}

.slick-slide img{width:100%}

.categories-block{padding:10px 0 10px 0;}
.home-categories-list{flex-wrap:wrap; justify-content:space-evenly; flex-direction:column;}
.home-categories-list a{width:100%; margin-bottom:10px}
.home-categories-list .single-category{margin-bottom:20px; width:30%;}
.home-categories-list .single-category .img-block img{border:5px solid #fff;}
.home-categories-list .single-category strong{font-size:13px;}
.title-block{flex-direction:column;}
.block-title{margin-bottom:30px; font-size:14px; text-align:center;}
.block-title::after{height:3px;;}
.title-block .categories{flex-wrap:wrap;}

.promotion-block .top-block{flex-direction:column;}
.promotion-block .top-block .block{padding:50px 20px; width:100%;}
.promotion-block .top-block .block .text-block{background-color:rgba(255,255,255,0.4); padding:10px; width:100%;}

.features{flex-direction:column;}
.features .feature-box{width:100%;}
.features .feature-box:not(:last-child){margin-bottom:20px;}

.two-col-left{flex-direction:column;}
.filtered-navigation{width:100%; position:fixed; bottom:0; left:0; z-index:999999; display:flex; flex-direction:column; padding:0}
.category-header{padding:10px;}
.category-header h1{margin-bottom:0px; font-size:15px; font-weight:600;}
.products-list{flex-direction:row;}
.category-item{margin-bottom:20px; margin-right:4%; width:48%;}
.category-item:nth-child(2n){margin-right:0}

.content-wrapper.category .filtered-navigation{display:none}

.filtered-section-header{padding:16px; background-color:#375480; order:2; position:fixed; bottom:0; left:0; width:100%; z-index:999999; cursor:pointer; display:flex; align-items:center; justify-content:center;}
.filtered-section-header.active{background-color:#37804a;}
.filtered-section-header svg{color:rgba(255,255,255,.7)}
.filtered-section-header > span{color:rgba(255, 255, 255, .8)}
.filtered-section-header.active > span{font-weight:bold;}

.search-filters-container{height:0; padding:20px; overflow:scroll; transition:.2s all ease-in-out}
.search-filters-container.display-filters{overflow:scroll; height:100vh; display:block; padding-bottom:60px}

.stationery-categories-list ul{flex-wrap:wrap; margin-top:30px}
.stationery-categories-list li{width:28%; flex:auto; margin-bottom:20px}

.one-col-grid .products-list .category-item{width:48%; margin-right:4%}
.one-col-grid .products-list .category-item:nth-child(2n){margin-right:0 !important}
.one-col-grid .products-list .category-item:nth-child(5n){margin-right:4%}

/*      Product Start       */
.product-view-block{flex-direction:column;}
.product-gallery{flex-direction:column-reverse; width:100%;}
.product-details-block{margin-left:0px !important; margin-top:15px;}
.product-details-block h1{font-size:20px !important;}
.gallery-container{width:100% !important;}
.product-gallery{width:100% !important;}
.product-gallery .gallery{width:100% !important;}

#reviewForm .col-sm-6 + .col-sm-6{margin-top:12px;}
.add-review-block{margin-top:15px;}
.rating-reviews-heading{margin-bottom:15px;}

.cart-sidebar-container{width:280px;}
.cart-sidebar-header{padding:0 15px;}
.cart-items-list{margin:15px; height:calc(100vh - 160px); flex:1; overflow-x:scroll}
.cart-summary .cart-summary-footer{padding:15px;}
.cart-item-row .details{padding-right:15px;}
.card-text{font-size:16px;}

.cart-item-row .details .item-price{display:flex; align-items:center; justify-content:center; font-size:11px;}
.cart-item-row .price-block .icon .rupee-icon{width:10px;}
.cart-item-row .item-incrementor span{font-size:11px;}

.cart-item-row .details .item-title{font-size:11px; overflow:hidden; display:block; height:28px;}
.cart-item-row .item-incrementor:before{top:24px;}

.content-wrapper.checkout .customer-addresses-block{flex-direction:column;}
.content-wrapper.checkout .customer-addresses .card{width:100%;}
.content-wrapper.checkout .customer-addresses .card-body label{font-size:12px;}

.checkout-block h6{font-size:12px; font-weight:bold; text-transform:uppercase;}

.cart-item .image{width:40px;}
.card.review-card .card-body{padding:20px 0}

.cart-item .details p{font-size:12px; line-height:1.3}
.cart-item .details label{font-size:11px; color:#2c4367}

.price-box{display:flex; align-items:center; justify-content:flex-start;}
.price-box svg{width:13px;}

.card.review-card .price-box{font-size:11px;}

.content-wrapper.checkout .customer-addresses p,
.content-wrapper.checkout .customer-addresses label{font-size:11px;}
/*      Product End       */

/*      Cart/Checkout Start      */
.shopping-cart .container{padding:0px;}
.shopping-cart .page-title{background-color:rgba(55, 84, 128, .2); border-radius:calc(.25rem - 1px) calc(.25rem - 1px) 0 0; font-size:17px; font-weight:600; margin-bottom:0px; padding:10px 8px;}
.shopping-cart-wrapper{background-color:#fff; font-size:11px;}
.shopping-cart-wrapper .table-bordered{margin-bottom:0px;}
.shopping-cart-wrapper .table-bordered th,
.shopping-cart-wrapper .table-bordered td{border-width:0px; border-bottom-width:1px; padding:8px;}
.shopping-cart-wrapper .table-bordered th:nth-child(4),
.shopping-cart-wrapper .table-bordered td:nth-child(4){display:none;}
.shopping-cart-wrapper .table-bordered td img{width:40px;}
.shopping-cart-wrapper .table-bordered td:first-child a{color:inherit;}
.shopping-cart-wrapper .table-bordered tr td:first-child{display:flex; align-items:flex-start; width:150px;}
.qty-buttons button{height:18px; font-size:20px; padding:0 3px 3px; width:18px;}
.qty-buttons .item-qty{margin:0 8px; min-width:24px; padding:5px 2px;}
.cart-summary{border:1px solid #dee2e6; border-top:0px none; border-radius:0px;}
.cart-summary .card-body.p-3{padding:0px !important;}
.cart-summary .card-text .card-text-row{justify-content:flex-end; padding:10px;}
.priceCheckBtn{margin-top:0px !important; padding:10px !important;}
#checkout_form .form-group{width:100%;}
#checkout_form #login{background-color:#1e7e34; border-color:#1e7e34; color:#fff; margin-bottom:15px;}
.checkout-btn-register{background-color:rgba(55, 84, 128, .2);}
#checkout_form .inner-form{padding:0px 20px 20px;}
#checkout_form .list-group .list-group-item{padding:10px 20px;}

.checkout-container{flex-direction:column; width:calc(100% - 30px);}
.checkout-row{width:100%;}
.checkout-block .form-body{width:90%;}
.checkout-row-sidebar{text-align:center;}
.checkout-block::before{display:none;}
/*      Cart/Checkout End        */

/*      Login/Register Start      */
.page-title{font-size:20px;}
.form-container{max-width:100%; padding:20px 30px; width:100%;}
/*      Login/Register End      */

/*      Account Page Start      */
div[class*=account_] .two-col-grid{flex-direction:column-reverse;}
div[class*=account_] .two-col-sidebar{margin-right:0px; margin-top:20px; width:100%;}
ul.breadcrumb{padding-bottom:15px;}
.box-wrapper{padding:15px;}
.card-header{padding:5px 8px;}
.card .table td{padding:8px;}
div[class*=account_] .box-wrapper{overflow-x:scroll;}
div[class*=account_] .datatable_container{min-width:800px;}
.datagrid-headings li,
.datagrid-searches li,
.datagrid_tr li{min-width:100px;}

.card .table td.text-left{text-align:left}
.card .table td.text-right{text-align:right}

.no-data p{font-size:13px !important; text-align:center; line-height:1.5;}
.no-data.md{max-width:90%}

/*      Account Page End        */

/*      Other Pages Start      */
.two-col-left{flex-direction:column-reverse;}
.two-col-left .two-col-sidebar{margin-right:0px; margin-top:20px; width:100%;}
.cms-wrapper{padding:10px 0;}
.cms-wrapper h4{font-size:16px;}
.cms-wrapper p{line-height:1.4;}
.contact-us form .col-xs-12{padding:0px;}
/* .contact-us form .col-xs-6 + .col-xs-6{padding-left:10px;} */
/*      Other Pages End      */
}