.category-preview li a:hover {color: #ec3f37;} .margin-bottom-30 {margin-bottom:30px;} .social-media-links .facebook a,.social-media-links .facebook a:hover { background: #3b5999; border-color: #3b5999; } .custom-feat-cat-box { max-width: 100%; overflow: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; position: relative; } .custom-feat-cat-box::before, .custom-feat-cat-box::after { pointer-events: none; } .custom-feat-cat-box:before { position: absolute; top: 0; left: 0; width: 200%; height: 150px; background: rgba(255, 255, 255, 0.3); content: ''; transition: transform 0.7s; -moz-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0); -ms-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0); -o-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0); -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0); transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0); z-index: 9; } .custom-feat-cat-box:after { display: block; content: ''; position: absolute; left: 0; top: 0; bottom: 0; right: 0; background-repeat: repeat-x; background-image: -webkit-linear-gradient(-30deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)); background-image: -o-linear-gradient(-30deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)); background-image: linear-gradient(-30deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)); opacity: 0; -moz-transition: 0.3s all ease; -o-transition: 0.3s all ease; -webkit-transition: 0.3s all ease; transition: 0.3s all ease; z-index: 9; } .custom-feat-cat-box:hover:before { -moz-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 530%, 0); -ms-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 530%, 0); -o-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 530%, 0); -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 530%, 0); transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 530%, 0); } .custom-feat-cat-box:hover:after { opacity: 1; } .khana-box .item img { max-width: 173px !important; } .khana-box-items .item { float: left; transition: 0.5s all; } .khana-box-items .item:hover { transform: scale(1.1); } .khana-box-items { position: absolute; top: -28px; right: 0; text-align: center; } .khana-box-items .theme-btn-solid, .khana-box-items .theme-btn-solid a { background-color: #F4000D; color: #fff; } p.bulk-purchase-contact { margin-top: 20px; } p.bulk-purchase-contact span { font-weight: bold; padding-right: 5px; } .search-block input[type=text], .search-block input[type=text]:focus { background: linear-gradient(to bottom,rgba(238, 236, 236, 0.73),#ffffff); } .custom-call p { color: #F4000D; font-size: 12px; } .custom-call p a { color: #F4000D; } .khana-box { position: relative; padding-top: 50px; } div.top-nav { background-color: #ffff; } div.menu-wrapper { background-color: #ffff; } div.product-img-block { background-color: #ffff !important; } .footer-links-wrap { display: block; } @media (min-width: 768px) { .custom-menu-list>li>a:hover:before, .menu-list>li>a:hover:before { content: ""; border-bottom: 1px solid red; position: absolute; bottom: 10px; width: 96%; left: 2%; } p.bulk-purchase-contact { margin-left: -92px; } } @media (max-width:767px) { .category-page-image {height:auto;} .mob-category-preview li:before,.icon-caret {color:#ED3237;} .khana-box-items { position:static; } .khana-box-items .item {width:100%; margin-bottom:30px;} .khana-box .item img {max-width:250px !Important;} }