.card-product:after { content: ""; display: table; clear: both; visibility: hidden; } .card-product .price-new, .card-product .price { margin-right: 5px; } .card-product .price-old { color: #999; } .card-product .img-wrap { border-radius: 3px 3px 0 0; overflow: hidden; position: relative; height: 220px; text-align: center; } .card-product .img-wrap img { max-height: 100%; max-width: 100%; object-fit: cover; } .card-product .info-wrap { overflow: hidden; padding: 15px; border-top: 1px solid #eee; } .card-product .action-wrap { padding-top: 4px; margin-top: 4px; } .card-product .bottom-wrap { padding: 15px; border-top: 1px solid #eee; } .card-product .title { margin-top: 0; } #flipkart-navbar { background-color: #2874f0; color: #FFFFFF; } .row1{ padding-top: 10px; padding-right: 50px; } .row2 { padding-bottom: 20px; } .flipkart-navbar-input { padding: 11px 16px; border-radius: 2px 0 0 2px; border: 0 none; outline: 0 none; font-size: 15px; } .flipkart-navbar-button { background-color: #ffe11b; border: 1px solid #ffe11b; border-radius: 0 2px 2px 0; color: #565656; padding: 10px 0; height: 43px; cursor: pointer; } .cart-button { background-color: #2469d9; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .23), inset 1px 1px 0 0 hsla(0, 0%, 100%, .2); padding: 10px 0; text-align: center; height: 41px; border-radius: 2px; font-weight: 500; width: 120px; display: inline-block; color: #FFFFFF; text-decoration: none; color: inherit; border: none; outline: none; } .cart-button:hover{ text-decoration: none; color: #fff; cursor: pointer; } .cart-svg { display: inline-block; width: 16px; height: 16px; vertical-align: middle; margin-right: 8px; } .item-number { border-radius: 3px; background-color: rgba(0, 0, 0, .1); height: 20px; padding: 3px 6px; font-weight: 500; display: inline-block; color: #fff; line-height: 12px; margin-left: 10px; } .upper-links { display: inline-block; padding: 0 11px; line-height: 23px; font-family: 'Roboto', sans-serif; letter-spacing: 0; color: inherit; border: none; outline: none; font-size: 12px; } .dropdown { position: relative; display: inline-block; margin-bottom: 0px; } .dropdown:hover { background-color: #fff; } .dropdown:hover .links { color: #000; } .dropdown:hover .dropdown-menu { display: block; } .dropdown .dropdown-menu { position: absolute; top: 100%; display: none; background-color: #fff; color: #333; left: 0px; border: 0; border-radius: 0; box-shadow: 0 4px 8px -3px #555454; margin: 0; padding: 0px; } .links { color: #fff; text-decoration: none; } .links:hover { color: #fff; text-decoration: none; } .profile-links { font-size: 12px; font-family: 'Roboto', sans-serif; border-bottom: 1px solid #e9e9e9; box-sizing: border-box; display: block; padding: 0 11px; line-height: 23px; } .profile-li{ padding-top: 2px; } .largenav { display: none; } .smallnav{ display: block; } .smallsearch{ margin-left: 15px; margin-top: 15px; } .menu{ cursor: pointer; } @media screen and (min-width: 768px) { .largenav { display: block; } .smallnav{ display: none; } .smallsearch{ margin: 0px; } } /*Sidenav*/ .sidenav { height: 100%; width: 0; position: fixed; z-index: 1; top: 0; left: 0; background-color: #fff; overflow-x: hidden; transition: 0.5s; box-shadow: 0 4px 8px -3px #555454; padding-top: 0px; } .sidenav a { padding: 8px 8px 8px 32px; text-decoration: none; font-size: 25px; color: #818181; display: block; transition: 0.3s } .sidenav .closebtn { position: absolute; top: 0; right: 25px; font-size: 36px; margin-left: 50px; color: #fff; } @media screen and (max-height: 450px) { .sidenav a {font-size: 18px;} } .sidenav-heading{ font-size: 36px; color: #fff; } /* Footer */ @import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css'); section { padding: 60px 0; } section .section-title { text-align: center; color: #2874f0; margin-bottom: 50px; text-transform: uppercase; } #footer { background: #2874f0 !important; } #footer h5{ padding-left: 10px; border-left: 3px solid #eeeeee; padding-bottom: 6px; margin-bottom: 20px; color:#ffffff; } #footer a { color: #ffffff; text-decoration: none !important; background-color: transparent; -webkit-text-decoration-skip: objects; } #footer ul.social li{ padding: 3px 0; } #footer ul.social li a i { margin-right: 5px; font-size:25px; -webkit-transition: .5s all ease; -moz-transition: .5s all ease; transition: .5s all ease; } #footer ul.social li:hover a i { font-size:30px; margin-top:-10px; } #footer ul.social li a, #footer ul.quick-links li a{ color:#ffffff; } #footer ul.social li a:hover{ color:#eeeeee; } #footer ul.quick-links li{ padding: 3px 0; -webkit-transition: .5s all ease; -moz-transition: .5s all ease; transition: .5s all ease; } #footer ul.quick-links li:hover{ padding: 3px 0; margin-left:5px; font-weight:700; } #footer ul.quick-links li a i{ margin-right: 5px; } #footer ul.quick-links li:hover a i { font-weight: 700; } @media (max-width:767px){ #footer h5 { padding-left: 0; border-left: transparent; padding-bottom: 0px; margin-bottom: 10px; } }