
/*------------------------------------
  * KKsky11 - Responsive Website
  * Copyright 2018 KKsky
  * Licensed under Bootstrap Themes
------------------------------------*/



.u-header__navbar-brand-default{width:100%;}
.primaryLogo{width:100%;}
.wapperBody{min-height:49.8vh;}
.mt-20{margin-top:20px;}
.slick-list{}
.brandList{ border:1px solid #e3e6f0; border-top:4px solid #e3e6f0; text-align: center;padding: 15px 5px;margin: 0px 10px;border-radius: 7px;color: #d81a5b;}
.brandList:hover{border-color: rgb(236, 141, 174); box-shadow: 0 0 35px rgba(140, 152, 164, 0.25); background: #d91b5c;color: #fff;}
footer .text-secondary {color: #d91b5c !important;}
footer h3{color: #d91b5c !important;    margin: 0px !important;}
footer .space-2 {padding-top: 3.0625rem;padding-bottom: 0.0625rem;}
.captionSlider{min-height:220px; width:50%;}
.brandList .productBrand{}
.innerBrand{}
.innerBrand .media{display: block;    margin: 0 auto;    text-align: center;}
.innerBrand .media .media-body{ display:block; margin: 0 auto;    text-align: center;}
.innerBrand .media img{ display:block; margin: 0 auto;    text-align: center;}
.hiden-xs{ display:none;}
.hidden-md{ display:block}
.footerLogo{ width:100%;}
.footerLogo img{width:100%;border-radius: 4px;}
.copyright{text-align:center;border-top: 1px solid #323131; padding-top: 10px;}
.aboutUsSection{}
.aboutUsSection h2{font-size: 1.5rem;}
.aboutUsSection p{font-size: 0.9rem; text-align:justify;}
.aboutUsSection ul{list-style:circle;}
.aboutUsSection li{text-align:justify;font-size: 0.9rem;}
.aboutUsSection li b{font-weight:bold;font-size: 0.9rem;color: #d81a5a;}
#privacy{}
#privacy p {margin-top: 0;margin-bottom: 1rem;}
#privacy h1 {font-size: 3rem;}
#privacy .h4 {font-size: 1.5rem;}
#privacy .mb-7,
#privacy .mb-9{margin-bottom:1rem !important;}
.productBrandCard{}
.productBrandCard p,.innerBrand p{margin-bottom: 0rem; font-size: 0.9rem;}
#GetOfferModal input.form-control{ height: calc(2.6rem + 2px) !important;padding: 0.35rem 1rem !important;}
#GetOfferModal textarea.form-control{ resize:none;}
#GetOfferModal .u-has-error.mb-2{ margin-bottom:5px!important;}
#GetOfferModal .invalid-feedback{ margin-top:0px!important;}
.captionbtncontainer .btn{text-transform:uppercase;}
.captionbtncontainer .lead{}
.captionSlider h2{color:#d91b5c; font-weight:900;}
.wapperBody .h1{font-weight: 700;letter-spacing: 2px;}
#feedbackus h2{text-align:left;}
#feedbackus .mb-2{margin-bottom:15px !important;}
#feedbackus .u-has-error.mb-2{margin-bottom:10px !important;}
#feedbackus textarea.form-control{ resize:none;}
#contactForm textarea.form-control{ resize:none;}
.statusSussess{color:green !important; display:none;}
.statusError{ color:red !important; display:none;}
.moIconRotate{transform: rotate(100deg);margin-top: -5px;margin-left: -6px;}
#getOffer .form-control:disabled,
#getOffer .form-control[readonly] {background-color: #f8f8f8 !important;opacity: 1;}
.innerBrand .card .card-body h4{text-transform: capitalize;}
#GetProductPriceModal .form-control:disabled,
#GetProductPriceModal .form-control[readonly] {background-color: #f8f8f8 !important;opacity: 1;text-transform: capitalize;}

.searchWrapper{box-shadow: 0 2px 19px 0 rgba(237,237,237,1); position: fixed; top: 100px; right:0px; z-index: 9999; background-color: #fff; border-radius: 12px 0px 0px 12px; padding: 8px; }
.searchWrapper.active{padding: 16px; width: 100%; max-width: 300px;}
.searchWrapper.active .minimizeIcon{ display: flex; position: absolute; left:-15px; top:-15px; background-color: #fff; border-radius: 50%; }
.searchWrapper.active .searchIcon,
.searchWrapper .minimizeIcon { display: none;}
.searchWrapper .searchIcon,
.searchWrapper .minimizeIcon{ cursor: pointer;}

.searchWrapper .inputSearchWrapper{display: none; position: relative; }
.searchWrapper.active .inputSearchWrapper{display: flex;}
.searchWrapper .inputSearchWrapper .searchBrand{border-radius: 8px; width: 100%; border: 1px solid #d91b5c; box-shadow: none; padding: 8px;} 
.searchWrapper .inputSearchWrapper .inputClearIcon{ cursor: pointer;  color: #d91b5c; position: absolute; top: 0px; right: 0px; height: 100%; width: 32px; display: flex; align-items: center; justify-content: center;}
.searchWrapper .inputSearchWrapper .brandListDropdownMenu{position: absolute;top: 44px;width: 100%; padding: 0px; list-style: none; max-height: 50vh;overflow: auto;background: #ffff;border: 1px solid #d91b5c;}
.searchWrapper .inputSearchWrapper.active .searchBrand{border-radius: 8px 8px 0px 0px;}
.searchWrapper .inputSearchWrapper.active .brandListDropdownMenu{border-radius: 0px 0px 8px 8px;}
.searchWrapper .inputSearchWrapper .brandListDropdownMenu ._list{position: relative; cursor: pointer; font-size: 12px; padding: 8px;  border-bottom: 1px dotted #d91b5c;}
.searchWrapper .inputSearchWrapper .brandListDropdownMenu ._list:after{content:""; opacity: 0.8; height:24px; width: 24px; position: absolute; right: 16px; top:10px; background-size: cover;}
.searchWrapper .inputSearchWrapper .brandListDropdownMenu ._list.watches:after{content:""; background-image:url("../images/icon/watch.png"); }
.searchWrapper .inputSearchWrapper .brandListDropdownMenu ._list.jewelry:after{content:""; background-image:url("../images/icon/diamond.png"); }
.searchWrapper .inputSearchWrapper .brandListDropdownMenu ._list.eyewear:after{content:""; background-image:url("../images/icon/pilot-sunglasses.png"); }
.searchWrapper .inputSearchWrapper .brandListDropdownMenu ._list.shoes:after{content:""; background-image:url("../images/icon/sport-shoes.png"); }
.searchWrapper .inputSearchWrapper .brandListDropdownMenu ._list.leather_goods:after{content:""; background-image:url("../images/icon/leather.png"); }
.searchWrapper .inputSearchWrapper .brandListDropdownMenu ._list.luggages_backpacks:after{content:""; background-image:url("../images/icon/backpacks.png"); }
.searchWrapper .inputSearchWrapper .brandListDropdownMenu ._list.clothing:after{content:""; background-image:url("../images/icon/clothes.png"); }
.searchWrapper .inputSearchWrapper .brandListDropdownMenu ._list.writing_materials:after{content:""; background-image:url("../images/icon/fountain-pen-close-up.png"); }
.searchWrapper .inputSearchWrapper .brandListDropdownMenu ._list.kitchen_goods:after{content:""; background-image:url("../images/icon/kitchen_goods_icon.png"); }
.searchWrapper .inputSearchWrapper .brandListDropdownMenu ._list.home_goods:after{content:""; background-image:url("../images/icon/home_goods.png"); }
.searchWrapper .inputSearchWrapper .brandListDropdownMenu ._list.lifestyle:after{content:""; background-image:url("../images/icon/sports_icon.png"); }
.searchWrapper .inputSearchWrapper .brandListDropdownMenu ._list.toys:after{content:""; background-image:url("../images/icon/pin-pink.png"); }
.searchWrapper .inputSearchWrapper .brandListDropdownMenu ._list.beauty:after{content:""; background-image:url("../images/icon/beauty.png"); }

@media (min-width: 992px){
.u-slick--pagination-modern__item { max-width: 20%;}
}
@media (min-width:1024px){
.innerBrand {min-height: 36.2vh;}
}
@media (max-width:800px){
.u-header__navbar-brand {float: right;text-align: right;}
.footerLogo img {width: 55%;}
#header{position:fixed !important;}
.wapperHome,.wapperBody {padding-top:42px;}	
}
@media (max-width:768px){
	.wapperHome,.wapperBody {padding-top: 50px;}	
}
@media (max-width:767px){
.captionSlider{min-height:220px; min-width:100%; width:100%!important;}
.captionbtncontainer{ width:100%; clear:both; min-height:60px; margin-bottom:20px;}
.captionbtncontainer .btn-wide {min-width: 8rem;}

.captionbtncontainer .btn-primary{ float:left;}
.captionbtncontainer .btn-purple{ float:right;}
.tab-modern .tab-modern__nav-link {min-width: 5rem;}
.hiden-xs{ display:block !important;}
.hidden-md{ display:none !important;}
.footerLogo{ width:100%;    margin:18px 0px 0px;}
.footerLogo img {width:100%;}	
footer .mb-7 {margin-bottom: 1rem !important;}
footer .space-2 {padding-top: 1.0625rem;padding-bottom: 0.0625rem;}
#privacy p {margin-top: 0;margin-bottom: 1rem;}
#privacy h1 {font-size: 2rem;}
#privacy .h4 {font-size: 1.5rem;}
#privacy .mb-7,#privacy .mb-9{margin-bottom: 1rem !important;}
#privacy .space-2 {padding-top: 1.0625rem;padding-bottom: 1.0625rem;}
.u-header__navbar-brand {width: 9.375rem;float: right;text-align: right;}
#contactForm .mb-6, #contactForm .mb-9 {margin-bottom: 1rem !important;}
}
@media (max-width:320px){
body{font-size: 0.8rem;}
}	