@import url(https://fonts.googleapis.com/css?family=Montserrat:400,500);.icon { display: inline-block; background-size: cover; } .dropdown-right-icon { background-image: URL("../images/icon-dropdown-left.svg"); width: 8px; height: 8px; margin-left: auto; margin-bottom: 2px; } .icon-menu-close { background-image: URL("../images/icon-menu-close.svg"); width: 8px; height: 8px; margin-left: auto; margin-bottom: 2px; } .grid-view-icon { background-image: URL("../images/icon-grid-view.svg"); width: 24px; height: 24px; } .list-view-icon { background-image: URL("../images/icon-list-view.svg"); width: 24px; height: 24px; } .sort-icon { background-image: URL("../images/icon-sort.svg"); width: 32px; height: 32px; } .filter-icon { background-image: URL("../images/icon-filter.svg"); width: 32px; height: 32px; } .whishlist-icon { background-image: URL("../images/wishlist.svg"); width: 24px; height: 24px; } .share-icon { background-image: URL("../images/icon-share.svg"); width: 24px; height: 24px; } .icon-menu-back { background-image: URL("../images/icon-menu-back.svg"); width: 24px; height: 24px; } .shipping-icon { background-image: url("../images/shipping.svg"); width: 32px; height: 32px; } .payment-icon { background-image: url("../images/payment.svg"); width: 32px; height: 32px; } .cart-icon { background-image: url("../images/icon-cart.svg"); width: 24px; height: 24px; } .wishlist-icon { background-image: url("../images/wishlist.svg"); width: 32px; height: 32px; } .product-grid-4 { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); grid-column-gap: 40px; grid-row-gap: 15px; grid-auto-rows: auto; } .product-grid-3 { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); grid-column-gap: 27px; grid-row-gap: 15px; grid-auto-rows: auto; } @media only screen and (max-width: 854px) { .product-grid-4 { grid-template-columns: 29.5% 29.5% 29.5%; grid-column-gap: 35px; } } @media only screen and (max-width: 653px) { .product-grid-4 { grid-template-columns: 48.5% 48.5%; grid-column-gap: 17px; } } @media only screen and (max-width: 425px) { .product-card { font-size: 90%; } .product-card .btn.btn-md { padding: 5px; } .product-grid-4 { grid-template-columns: 48.5% 48.5%; grid-column-gap: 10px; } } .product-card .product-image { max-height: 350px; max-width: 280px; margin-bottom: 10px; background: #F2F2F2; } .product-card .product-image img { display: block; width: 100%; } .product-card .product-name { margin-bottom: 14px; width: 100%; color: #242424; } .product-card .product-name a { color: #242424; } .product-card .product-description { display: none; } .product-card .product-ratings { width: 100%; } .product-card .product-ratings .icon { width: 16px; height: 16px; } .product-card .cart-fav-seg { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .product-card .cart-fav-seg .addtocart { margin-right: 10px; text-transform: uppercase; white-space: nowrap; } .add-to-wishlist .wishlist-icon:hover { background-image: url("../images/wishadd.svg"); } .product-price { margin-bottom: 14px; width: 100%; font-weight: 600; } .product-price .price-label { font-size: 14px; font-weight: 400; } .product-price .regular-price { color: #A5A5A5; text-decoration: line-through; margin-right: 10px; } .product-price .special-price { color: #FF6472; } body { margin: 0; padding: 0; font-weight: 500; max-width: 100%; width: auto; color: #242424; font-size: 16px; } * { font-family: "Montserrat", sans-serif; } .btn.btn-primary { border-radius: 0px; } .mb-10 { margin-bottom: 10px; } .mb-15 { margin-bottom: 15px; } .mb-20 { margin-bottom: 20px; } .mb-25 { margin-bottom: 25px; } .mb-30 { margin-bottom: 30px; } .mb-35 { margin-bottom: 35px; } .mb-40 { margin-bottom: 40px; } .mb-45 { margin-bottom: 45px; } .mb-50 { margin-bottom: 50px; } .mb-60 { margin-bottom: 60px; } .mb-70 { margin-bottom: 70px; } .mb-80 { margin-bottom: 80px; } .mb-90 { margin-bottom: 90px; } .mt-10 { margin-top: 10px; } .mt-15 { margin-top: 15px; } .mt-20 { margin-top: 20px; } .mt-25 { margin-top: 25px; } .mt-30 { margin-top: 30px; } .mt-35 { margin-top: 35px; } .mt-40 { margin-top: 40px; } .mt-45 { margin-top: 45px; } .mt-50 { margin-top: 50px; } .mt-60 { margin-top: 60px; } .mt-70 { margin-top: 70px; } .mt-80 { margin-top: 80px; } .mt-90 { margin-top: 90px; } @media only screen and (max-width: 551px) { .product-grid-3 { grid-template-columns: 48.5% 48.5%; grid-column-gap: 20px; } } @media only screen and (max-width: 840px) { .layered-filter-wrapper, .responsive-layred-filter { display: none; } .main .category-block { width: 100% !important; } .main .category-block .top-toolbar { border-bottom: 1px solid #E8E8E8; } .main .category-block .top-toolbar .page-info span:first-child { display: none; } .main .category-block .top-toolbar .page-info span:last-child { display: inline; } .main .category-block .top-toolbar .pager .view-mode { margin-right: 0px; } .main .category-block .top-toolbar .pager .view-mode .grid-view, .main .category-block .top-toolbar .pager .view-mode .list-view { display: none; } .main .category-block .top-toolbar .pager .view-mode .sort-filter { display: inline-block; margin-top: 10px; } .main .category-block .top-toolbar .pager .sorter, .main .category-block .top-toolbar .pager .limiter { display: none; } .main .category-block .reponsive-sorter-limiter { display: none; } .main .category-block .reponsive-sorter-limiter select { background: #FFFFFF; border: 1px solid #C7C7C7; border-radius: 3px; color: #242424; padding: 10px; } } .layered-filter-wrapper, .responsive-layred-filter { width: 25%; float: left; padding-right: 20px; min-height: 1px; } .layered-filter-wrapper .filter-title, .responsive-layred-filter .filter-title { border-bottom: 1px solid #E8E8E8; color: #242424; padding: 10px 0; } .layered-filter-wrapper .filter-attributes .filter-attributes-item, .responsive-layred-filter .filter-attributes .filter-attributes-item { border-bottom: 1px solid #E8E8E8; padding-bottom: 10px; } .layered-filter-wrapper .filter-attributes .filter-attributes-item .filter-attributes-title, .responsive-layred-filter .filter-attributes .filter-attributes-item .filter-attributes-title { padding: 10px 40px 0 10px; color: #5E5E5E; cursor: pointer; position: relative; } .layered-filter-wrapper .filter-attributes .filter-attributes-item .filter-attributes-title .remove-filter-link, .responsive-layred-filter .filter-attributes .filter-attributes-item .filter-attributes-title .remove-filter-link { font-weight: 400; color: #0041FF; margin-right: 10px; } .layered-filter-wrapper .filter-attributes .filter-attributes-item .filter-attributes-title .icon, .responsive-layred-filter .filter-attributes .filter-attributes-item .filter-attributes-title .icon { background-image: url("../images/arrow-down.svg") !important; width: 10px; height: 10px; position: absolute; right: 15px; top: 14px; } .layered-filter-wrapper .filter-attributes .filter-attributes-item .filter-attributes-content, .responsive-layred-filter .filter-attributes .filter-attributes-item .filter-attributes-content { padding: 10px; display: none; } .layered-filter-wrapper .filter-attributes .filter-attributes-item .filter-attributes-content ol.items, .responsive-layred-filter .filter-attributes .filter-attributes-item .filter-attributes-content ol.items { padding: 0; margin: 0; list-style: none none; } .layered-filter-wrapper .filter-attributes .filter-attributes-item .filter-attributes-content ol.items li.item, .responsive-layred-filter .filter-attributes .filter-attributes-item .filter-attributes-content ol.items li.item { padding: 8px 0; color: #5E5E5E; } .layered-filter-wrapper .filter-attributes .filter-attributes-item .filter-attributes-content ol.items li.item .checkbox, .responsive-layred-filter .filter-attributes .filter-attributes-item .filter-attributes-content ol.items li.item .checkbox { margin: 0; } .layered-filter-wrapper .filter-attributes .filter-attributes-item .filter-attributes-content ol.items li.item .checkbox .checkbox-view, .responsive-layred-filter .filter-attributes .filter-attributes-item .filter-attributes-content ol.items li.item .checkbox .checkbox-view { height: 16px; width: 16px; background-image: url("../images/checkbox.svg"); } .layered-filter-wrapper .filter-attributes .filter-attributes-item .filter-attributes-content ol.items li.item .checkbox input:checked + .checkbox-view, .responsive-layred-filter .filter-attributes .filter-attributes-item .filter-attributes-content ol.items li.item .checkbox input:checked + .checkbox-view { background-image: url("../images/checkbox-checked.svg"); } .layered-filter-wrapper .filter-attributes .filter-attributes-item .filter-attributes-content .price-range-wrapper, .responsive-layred-filter .filter-attributes .filter-attributes-item .filter-attributes-content .price-range-wrapper { margin-top: 21px; } .layered-filter-wrapper .filter-attributes .filter-attributes-item.active .filter-attributes-content, .responsive-layred-filter .filter-attributes .filter-attributes-item.active .filter-attributes-content { display: block; } .layered-filter-wrapper .filter-attributes .filter-attributes-item.active .filter-attributes-title .icon, .responsive-layred-filter .filter-attributes .filter-attributes-item.active .filter-attributes-title .icon { background-image: url("../images//arrow-up.svg") !important; } .responsive-layred-filter { width: 100%; float: none; padding-right: 0px; } .main-container-wrapper { max-width: 1300px; width: auto; padding-left: 15px; padding-right: 15px; margin-left: auto; margin-right: auto; } .main-container-wrapper .content-container { display: block; } .main-container-wrapper .product-list .product-card { width: 100%; display: inline-block; margin-bottom: 20px; } .main-container-wrapper .product-list .product-card .product-image { float: left; width: 30%; height: 350px; } .main-container-wrapper .product-list .product-card .product-image img { height: 100%; } .main-container-wrapper .product-list .product-card .product-information { float: right; width: 70%; padding-left: 30px; } .main-container-wrapper .product-list .product-card:last-child { margin-bottom: 0; } .main-container-wrapper section.featured-products { display: block; margin-bottom: 5%; } .main-container-wrapper section.featured-products .featured-heading { width: 100%; text-align: center; text-transform: uppercase; font-size: 18px; margin-bottom: 20px; } .main-container-wrapper section.featured-products .featured-heading .featured-separator { color: lightgray; } .main-container-wrapper section.news-update { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; margin-bottom: 5%; } .main-container-wrapper section.news-update .news-update-grid { display: grid; grid-template-columns: 58.5% 40%; grid-gap: 20px; } .main-container-wrapper section.news-update .news-update-grid .block1 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; } .main-container-wrapper section.news-update .news-update-grid .block1 img { display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; width: 100%; } .main-container-wrapper section.news-update .news-update-grid .block2 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; display: grid; grid-template-rows: repeat(2, minmax(50%, 1fr)); grid-row-gap: 20px; } .main-container-wrapper section.news-update .news-update-grid .block2 .sub-block1 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; } .main-container-wrapper section.news-update .news-update-grid .block2 .sub-block1 img { width: 100%; } .main-container-wrapper section.news-update .news-update-grid .block2 .sub-block2 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; } .main-container-wrapper section.news-update .news-update-grid .block2 .sub-block2 img { width: 100%; } section.slider-block { display: block; margin-left: auto; margin-right: auto; margin-bottom: 5%; } section.slider-block div.slider-content { position: relative; height: 500px; margin-left: auto; margin-right: auto; } section.slider-block div.slider-content ul.slider-images li { position: absolute; visibility: hidden; } section.slider-block div.slider-content ul.slider-images li.show { display: block; visibility: visible; width: 100%; -webkit-animation-name: example; animation-name: example; -webkit-animation-duration: 4s; animation-duration: 4s; } @-webkit-keyframes example { 0% { opacity: 0.1; } 100% { opacity: 1; } } @keyframes example { 0% { opacity: 0.1; } 100% { opacity: 1; } } section.slider-block div.slider-content ul.slider-images li img { height: 500px; width: 100%; } section.slider-block div.slider-content div.slider-control { display: block; position: absolute; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; bottom: 2%; right: 2%; } section.slider-block div.slider-content div.slider-control .dark-left-icon { background-color: #f2f2f2; height: 48px; width: 48px; max-height: 100%; max-width: 100%; } section.slider-block div.slider-content div.slider-control .light-right-icon { background-color: #000; height: 48px; width: 48px; max-height: 100%; max-width: 100%; } @media only screen and (max-width: 770px) { section.slider-block div.slider-content div.slider-control { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; bottom: 48%; right: 0%; width: 100%; } section.slider-block div.slider-content div.slider-control .dark-left-icon { margin-left: 15px; } section.slider-block div.slider-content div.slider-control .light-right-icon { margin-right: 15px; } } .header { margin-top: 16px; margin-bottom: 21px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .header .search-suggestion { display: none; } .header .header-top { margin-bottom: 16px; display: -webkit-box; display: -ms-flexbox; display: flex; max-width: 100%; width: auto; margin-left: auto; margin-right: auto; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .header .header-top div.left-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .header .header-top div.left-content ul.logo-container { margin-right: 12px; } .header .header-top div.left-content ul.logo-container li { display: -webkit-box; display: -ms-flexbox; display: flex; } .header .header-top div.left-content ul.search-container li.search-group { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .header .header-top div.left-content ul.search-container li.search-group .search-field { height: 38px; border: 2px solid #E8E8E8; border-radius: 3px; border-right: none; border-top-right-radius: 0px; border-bottom-right-radius: 0px; padding-left: 12px; font-family: "Montserrat", sans-serif; font-size: 14px; } .header .header-top div.left-content ul.search-container li.search-group .search-icon-wrapper { -webkit-box-sizing: border-box; box-sizing: border-box; height: 38px; width: 38px; border: 2px solid #E8E8E8; border-top-right-radius: 3px; border-bottom-right-radius: 3px; } .header .header-top div.left-content ul.search-container li.search-group .search-icon-wrapper .search-icon { margin-top: 4px; margin-left: 4px; height: 24px; width: 24px; } .header .header-top div.right-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; } .header .header-top div.right-content ul.account-dropdown-container { float: right; border-right: 2px solid #E8E8E8; } .header .header-top div.right-content ul.account-dropdown-container li.account-dropdown { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; margin-right: 14px; } .header .header-top div.right-content ul.account-dropdown-container li.account-dropdown .account-icon { cursor: pointer; margin-right: 8px; height: 24px; width: 24px; } .header .header-top div.right-content ul.account-dropdown-container li.account-dropdown .account { cursor: pointer; padding-top: 3px; padding-right: 5px; margin-left: 8px; } .header .header-top div.right-content ul.account-dropdown-container li.account-dropdown .icon.arrow-down-icon { cursor: pointer; margin-top: 10px; } .header .header-top div.right-content ul.cart-dropdown-container { float: right; margin-left: 10px; } .header .header-top div.right-content ul.cart-dropdown-container li.cart-dropdown { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .header .header-top div.right-content ul.cart-dropdown-container li.cart-dropdown .cart-icon { margin-right: 8px; height: 24px; width: 24px; } .header .header-top div.right-content ul.cart-dropdown-container li.cart-dropdown .icon.arrow-down-icon { margin-top: 10px; } .header .header-top div.right-content ul.cart-dropdown-container li.cart-dropdown .dropdown-list { width: 387px; } .header .header-top div.right-content ul.cart-dropdown-container li.cart-dropdown .dropdown-list .dropdown-container { padding: 10px 18px 10px 18px; max-height: 410px; overflow-y: auto; } .header .header-top div.right-content ul.cart-dropdown-container li.cart-dropdown .dropdown-list .dropdown-container .dropdown-cart { color: #242424; } .header .header-top div.right-content ul.cart-dropdown-container li.cart-dropdown .dropdown-list .dropdown-container .dropdown-cart > .dropdown-header { width: 100%; } .header .header-top div.right-content ul.cart-dropdown-container li.cart-dropdown .dropdown-list .dropdown-container .dropdown-cart > .dropdown-header p { display: inline; line-height: 25px; } .header .header-top div.right-content ul.cart-dropdown-container li.cart-dropdown .dropdown-list .dropdown-container .dropdown-cart > .dropdown-header i { cursor: pointer; float: right; height: 22px; width: 22px; } .header .header-top div.right-content ul.cart-dropdown-container li.cart-dropdown .dropdown-list .dropdown-container .dropdown-cart > .dropdown-header p.heading { font-weight: lighter; } .header .header-top div.right-content ul.cart-dropdown-container li.cart-dropdown .dropdown-list .dropdown-container .dropdown-content { padding-top: 8px; padding-bottom: 10px; } .header .header-top div.right-content ul.cart-dropdown-container li.cart-dropdown .dropdown-list .dropdown-container .dropdown-content .item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; border-bottom: 1px solid #E8E8E8; padding-top: 8px; padding-bottom: 8px; } .header .header-top div.right-content ul.cart-dropdown-container li.cart-dropdown .dropdown-list .dropdown-container .dropdown-content .item img { height: 75px; width: 75px; margin-right: 8px; } .header .header-top div.right-content ul.cart-dropdown-container li.cart-dropdown .dropdown-list .dropdown-container .dropdown-content .item-details { height: 75px; } .header .header-top div.right-content ul.cart-dropdown-container li.cart-dropdown .dropdown-list .dropdown-container .item-details .item-name { font-size: 16px; font-weight: bold; margin-bottom: 8px; } .header .header-top div.right-content ul.cart-dropdown-container li.cart-dropdown .dropdown-list .dropdown-container .item-details .item-price { margin-bottom: 8px; } .header .header-top div.right-content ul.cart-dropdown-container li.cart-dropdown .dropdown-list .dropdown-container .item-details .item-qty { font-weight: lighter; margin-bottom: 8px; } .header .header-top div.right-content ul.cart-dropdown-container li.cart-dropdown .dropdown-list .dropdown-container .dropdown-footer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 8px; } .header .header-top div.right-content ul.cart-dropdown-container li.cart-dropdown .dropdown-list .dropdown-container .dropdown-footer button { border-radius: 0px; width: 130px; } .header .header-top ul.right-responsive { display: none; } .header .header-top ul.right-responsive li { margin-right: 5px; } .header .header-top ul.right-responsive li:last-child { margin-right: 0px; } .header .header-top ul.right-responsive ul { margin-right: 5px; } .header .header-top ul.right-responsive ul:last-child { margin-right: 0px; } .header .header-bottom { height: 48px; margin-left: auto; margin-right: auto; border-top: 1px solid lightgrey; border-bottom: 1px solid lightgrey; display: block; /* submenu positioning*/ } .header .header-bottom ul.nav { display: block; font-size: 16px; height: 48px; max-width: 100%; width: auto; margin-left: auto; margin-right: auto; } .header .header-bottom .nav ul { margin: 0; padding: 0; border: 1px solid #B1B1B1; -webkit-box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, 0.4); box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, 0.4); } .header .header-bottom .nav a { display: block; color: #242424; text-decoration: none; padding: 0.8em 0.3em 0.8em 0.5em; text-transform: uppercase; letter-spacing: 2px; position: relative; } .header .header-bottom .nav { vertical-align: top; display: inline-block; } .header .header-bottom .nav li { position: relative; height: 45px; } .header .header-bottom .nav > li { float: left; margin-right: 1px; } .header .header-bottom .nav > li > a { margin-bottom: 1px; } .header .header-bottom .nav > li:last-child { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 0 0 4px 0; float: right; } .header .header-bottom .nav > li:last-child img { margin-right: 6px; } .header .header-bottom .nav > li:last-child > a { border-radius: 0 4px 0 0; } .header .header-bottom .nav li li a { margin-top: 1px; } .header .header-bottom .nav li a:first-child:nth-last-child(2):before { content: ""; position: absolute; height: 0; width: 0; border: 5px solid transparent; top: 50%; right: 5px; } .header .header-bottom .nav ul { position: absolute; white-space: nowrap; border: 1px solid #B1B1B1; background-color: white; z-index: 1; left: -99999em; } .header .header-bottom .nav > li:hover > ul { left: auto; min-width: 100%; } .header .header-bottom .nav > li li:hover > ul { left: 100%; margin-left: 1px; top: -2px; } .header .header-bottom .nav > li:hover > a:first-child:nth-last-child(2):before { margin-top: -5px; } .header .header-bottom .nav li li > a:first-child:nth-last-child(2):before { margin-top: -5px; } .header .header-bottom .nav li li:hover > a:first-child:nth-last-child(2):before { right: 10px; } @media all and (max-width: 720px) { .header-bottom { display: none !important; } ul.search-container { display: none !important; } ul.account-dropdown-container { display: none !important; } ul.cart-dropdown-container { display: none !important; } ul.right-responsive { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } } .footer { background-color: #f2f2f2; padding-left: 10%; padding-right: 10%; } .footer .footer-content .footer-list-container { display: grid; padding-top: 40px; padding-bottom: 40px; padding-left: 10px; padding-right: 10px; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); grid-auto-rows: auto; grid-row-gap: 1vh; } .footer .footer-content .footer-list-container .list-container .list-heading { letter-spacing: -0.26px; text-transform: uppercase; color: #a5a5a5; } .footer .footer-content .footer-list-container .list-container .list-group { padding-top: 25px; } .footer .footer-content .footer-list-container .list-container .list-group li { margin-bottom: 12px; list-style-type: none; text-transform: uppercase; } .footer .footer-content .footer-list-container .list-container .list-group li span.icon-wrapper { display: inline-block; vertical-align: middle; margin-right: 5px; height: 24px; width: 24px; } .footer .footer-content .footer-list-container .list-container .list-group li span.icon-wrapper span.icon { height: 24px; width: 24px; } .footer .footer-content .footer-list-container .list-container .form-container { padding-top: 10px; } .footer .footer-content .footer-list-container .list-container .form-container .control-group { margin: 0; } .footer .footer-content .footer-list-container .list-container .form-container .control-group .subscribe-field { width: 100%; } .footer .footer-content .footer-list-container .list-container .form-container .control-group .subscribe-field::-webkit-input-placeholder { font-family: "montserrat", sans-serif; } .footer .footer-content .footer-list-container .list-container .form-container .control-group .subscribe-field::-moz-placeholder { font-family: "montserrat", sans-serif; } .footer .footer-content .footer-list-container .list-container .form-container .control-group .btn-primary { background-color: #000; margin-top: 8px; border-radius: 0px; text-align: center; } .main .category-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; width: 100%; } .main .category-container .category-block { width: 80%; display: block; } .main .category-container .category-block .hero-image { border: 1px solid green; display: block; visibility: visible; width: auto; } .main .category-container .category-block .hero-image img { height: 400px; width: 100%; } .main .top-toolbar { width: 100%; display: inline-block; } .main .top-toolbar .page-info { float: left; color: #242424; line-height: 45px; } .main .top-toolbar .page-info span:first-child { display: inline; } .main .top-toolbar .page-info span:last-child { display: none; } .main .top-toolbar .pager { float: right; } .main .top-toolbar .pager label { margin-right: 5px; } .main .top-toolbar .pager select { background: #FFFFFF; border: 1px solid #C7C7C7; border-radius: 3px; color: #242424; padding: 10px; } .main .top-toolbar .pager .view-mode { display: inline-block; margin-right: 20px; } .main .top-toolbar .pager .view-mode a, .main .top-toolbar .pager .view-mode span { display: inline-block; vertical-align: middle; } .main .top-toolbar .pager .view-mode a.grid-view, .main .top-toolbar .pager .view-mode span.grid-view { margin-right: 10px; } .main .top-toolbar .pager .view-mode .sort-filter { display: none; } .main .top-toolbar .pager .sorter { display: inline-block; margin-right: 10px; } .main .top-toolbar .pager .limiter { display: inline-block; } .main .reponsive-sorter-limiter { display: none; } .main .responsive-layred-filter { display: none; } .main .bottom-toolbar { display: block; margin-top: 40px; margin-bottom: 40px; text-align: center; } .content { padding-top: 15%; padding-bottom: 15%; } .content .sign-up-text { margin-bottom: 2%; margin-left: auto; margin-right: auto; text-align: center; font-size: 18px; color: #5e5e5e; letter-spacing: -0.29px; text-align: center; } .content .login-form { margin-left: auto; margin-right: auto; display: -webkit-box; display: -ms-flexbox; display: flex; background: #f2f2f2; border: 1px solid #E8E8E8; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; max-width: 530px; min-width: 380px; min-height: 345px; padding-left: 25px; padding-right: 25px; } .content .login-form .login-text { font-size: 24px; font-weight: bold; color: #3a3a3a; letter-spacing: -0.23px; margin-top: 5%; margin-bottom: 3%; } .content .login-form .control-group { margin-bottom: 15px !important; } .content .login-form .control-group .control { width: 100% !important; } .content .login-form .forgot-password-link { font-size: 17px; color: #0041FF; letter-spacing: -0.11px; margin-bottom: 5%; } .content .login-form .signup-confirm { letter-spacing: -0.11px; margin-bottom: 5%; } .content .login-form .btn-primary { width: 100%; text-transform: uppercase; border-radius: 0px; height: 45px; margin-bottom: 4%; } .account-content { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; margin-top: 5.5%; margin-bottom: 5.5%; } .account-content .account-side-menu { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-line-pack: center; align-content: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; border: 1px solid #E8E8E8; background: #f2f2f2; width: 25%; height: 100%; text-transform: capitalize; color: #5e5e5e; } .account-content .account-side-menu li { width: 95%; height: 50px; margin-left: 5%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-bottom: 1px solid #E8E8E8; text-align: center; } .account-content .account-side-menu li:first-child { border-top: none; } .account-content .account-side-menu li:last-child { border-bottom: none; } .account-content .account-side-menu li.active { color: #0041FF; } .account-content .profile { margin-left: 5.5%; margin-top: 1%; width: 100%; } .account-content .profile .section-head .profile-heading { font-size: 28px; color: #242424; text-transform: capitalize; text-align: left; } .account-content .profile .section-head .profile-edit { font-size: 17px; margin-top: 1%; color: #0041FF; letter-spacing: -0.11px; float: right; } .account-content .profile .section-head .horizontal-rule { margin-top: 1.1%; width: 100%; height: 1px; vertical-align: middle; background: #E8E8E8; } .account-content .profile-content { color: #5e5e5e; margin-top: 1.4%; } .account-content .profile-content table tbody tr { height: 45px; } .account-content .profile-content table tbody tr td { width: 250px; text-transform: capitalize; } .account-content .edit-form-content { margin-left: 5.5%; margin-top: 1%; width: 100%; } .account-content .edit-form-content .edit-text { margin-bottom: 2%; margin-left: auto; margin-right: auto; font-size: 24px; } .account-content .edit-form-content .edit-form { display: -webkit-box; display: -ms-flexbox; display: flex; background: #f2f2f2; border: 1px solid #E8E8E8; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; min-height: 345px; padding: 25px; } section.product-detail { color: #242424; } section.product-detail div.category-breadcrumbs { display: inline; } section.product-detail div.layouter { display: block; margin-top: 20px; margin-bottom: 20px; } section.product-detail div.layouter form { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; width: 100%; } section.product-detail div.layouter form div.product-image-group { margin-right: 30px; } section.product-detail div.layouter form div.product-image-group div { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } section.product-detail div.layouter form div.product-image-group div .thumb-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-right: 4px; height: 480px; min-width: 120px; overflow: hidden; position: relative; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } section.product-detail div.layouter form div.product-image-group div .thumb-list .thumb-frame { border: 2px solid transparent; background: #F2F2F2; width: 120px; height: 120px; } section.product-detail div.layouter form div.product-image-group div .thumb-list .thumb-frame.active { border-color: #979797; } section.product-detail div.layouter form div.product-image-group div .thumb-list .thumb-frame img { height: 100%; width: 100%; } section.product-detail div.layouter form div.product-image-group div .thumb-list .gallery-control { width: 100%; position: absolute; text-align: center; cursor: pointer; z-index: 1; } section.product-detail div.layouter form div.product-image-group div .thumb-list .gallery-control .overlay { opacity: 0.3; background: #000000; width: 100%; height: 18px; position: absolute; left: 0; z-index: -1; } section.product-detail div.layouter form div.product-image-group div .thumb-list .gallery-control .icon { z-index: 2; } section.product-detail div.layouter form div.product-image-group div .thumb-list .gallery-control.top { top: 0; } section.product-detail div.layouter form div.product-image-group div .thumb-list .gallery-control.bottom { bottom: 0; } section.product-detail div.layouter form div.product-image-group div .product-hero-image { display: block; position: relative; background: #F2F2F2; width: 100%; max-height: 480px; } section.product-detail div.layouter form div.product-image-group div .product-hero-image img { width: 100%; height: 480px; max-height: 480px; } section.product-detail div.layouter form div.product-image-group div .product-hero-image .wishlist-icon { position: absolute; height: 32px; width: 32px; top: 15px; right: 15px; } section.product-detail div.layouter form div.product-image-group div .product-hero-image .share-icon { position: absolute; height: 32px; width: 32px; top: 15px; right: 48px; } section.product-detail div.layouter form div.product-image-group .add-to-buttons { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; margin-top: 10px; } section.product-detail div.layouter form div.product-image-group .add-to-buttons .addtocart { border-radius: 0px; width: 49%; background: black; } section.product-detail div.layouter form div.product-image-group .add-to-buttons .buynow { border-radius: 0px; width: 49%; float: right; } section.product-detail div.layouter form .details { width: 47.5%; } section.product-detail div.layouter form .details .product-price { margin-bottom: 14px; } section.product-detail div.layouter form .details .product-ratings { margin-bottom: 20px; } section.product-detail div.layouter form .details .product-ratings .icon { width: 16px; height: 16px; } section.product-detail div.layouter form .details .product-ratings .total-reviews { display: inline-block; margin-left: 15px; } section.product-detail div.layouter form .details .product-heading { font-size: 24px; color: #242424; margin-bottom: 15px; } section.product-detail div.layouter form .details .product-price { margin-bottom: 15px; font-size: 24px; } section.product-detail div.layouter form .details .product-price .special-price { font-size: 24px; } section.product-detail div.layouter form .details .stock-status { margin-bottom: 15px; } section.product-detail div.layouter form .details .description { margin-bottom: 15px; padding-bottom: 15px; border-bottom: solid 1px rgba(162, 162, 162, 0.2); } section.product-detail div.layouter form .details .full-specifications td { padding: 10px 0; color: #5E5E5E; } section.product-detail div.layouter form .details .full-specifications td:first-child { padding-right: 40px; } section.product-detail div.layouter form .details .accordian .accordian-header { padding-left: 0; font-weight: 600; } section.product-detail div.layouter form .details .accordian .accordian-content { padding: 20px 0px; } section.product-detail div.layouter form .details .attributes { display: block; width: 100%; border-bottom: solid 1px rgba(162, 162, 162, 0.2); } .rating-reviews .rating-header { font-weight: 600; padding: 20px 0; } .rating-reviews .stars .icon { width: 16px; height: 16px; } .rating-reviews .overall { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .rating-reviews .overall .review-info .number { font-size: 34px; } .rating-reviews .overall .review-info .total-reviews { margin-top: 10px; } .rating-reviews .reviews { margin-top: 40px; margin-bottom: 40px; } .rating-reviews .reviews .review { margin-bottom: 25px; } .rating-reviews .reviews .review .title { margin-bottom: 5px; } .rating-reviews .reviews .review .stars { margin-bottom: 15px; display: inline-block; } .rating-reviews .reviews .review .message { margin-bottom: 10px; } .rating-reviews .reviews .review .reviewer-details { color: #5E5E5E; } .rating-reviews .reviews .view-all { margin-top: 15px; color: #0041FF; margin-bottom: 15px; } /* cart pages and elements css begins here */ section.cart { width: 100%; color: #242424; margin-bottom: 80px; margin-top: 20px; } section.cart .title { font-size: 24px; } section.cart .cart-content { margin-top: 20px; width: 100%; display: inline-block; } section.cart .cart-content .left-side { width: 70%; float: left; } section.cart .cart-content .left-side .misc-controls { width: 100%; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 20px; } section.cart .cart-content .left-side .misc-controls a.link { margin-right: 15px; } section.cart .cart-content .right-side { width: 30%; display: inline-block; padding-left: 40px; } .cart-item-list { margin-top: 21px; padding: 1px; } .cart-item-list .item { padding: 10px; margin-bottom: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; border: 1px solid #E8E8E8; border-radius: 3px; } .cart-item-list .item .item-image { height: 160px; width: 160px; } .cart-item-list .item .item-details { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .cart-item-list .item .item-details .item-title { font-size: 18px; margin-bottom: 10px; font-weight: 600; } .cart-item-list .item .item-details .price { margin-bottom: 10px; font-size: 18px; font-weight: 600; } .cart-item-list .item .item-details .summary { margin-bottom: 17px; } .cart-item-list .item .item-details .misc { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .cart-item-list .item .item-details .misc div.qty-text { color: #5E5E5E; margin-right: 10px; } .cart-item-list .item .item-details .misc input.box { height: 38px; width: 60px; font-size: 16px; text-align: center; line-height: 38px; border: 1px solid #E8E8E8; border-radius: 3px; margin-right: 30px; border-radius: 0px; } .cart-item-list .item .item-details .misc .remove { color: #0041FF; margin-right: 30px; } .cart-item-list .item .item-details .misc .towishlist { color: #0041FF; } .cart-item-list .item .item-details .error-message { color: #ff5656; margin-top: 17px; } .order-summary h3 { font-size: 16px; margin-top: 0; } .order-summary .item-detail { margin-top: 12px; } .order-summary .item-detail label.right { float: right; } .order-summary .payble-amount { margin-top: 17px; border-top: 1px solid #E8E8E8; padding-top: 12px; } .order-summary .payble-amount label { font-weight: bold; } .order-summary .payble-amount label.right { float: right; } .checkout-process { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; width: 100%; margin-top: 20px; margin-bottom: 20px; } .checkout-process .col-main { width: 65%; padding-right: 40px; } .checkout-process .col-main ul.checkout-steps { width: 100%; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; padding-bottom: 15px; border-bottom: 1px solid #E8E8E8; } .checkout-process .col-main ul.checkout-steps li { height: 48px; display: -webkit-box; display: -ms-flexbox; display: flex; } .checkout-process .col-main ul.checkout-steps li .decorator { height: 48px; width: 48px; border: 1px solid black; border-radius: 50%; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; border: 1px solid #E8E8E8; background-repeat: no-repeat; background-position: center; } .checkout-process .col-main ul.checkout-steps li .decorator.address-info { background-image: url("../images/address.svg"); } .checkout-process .col-main ul.checkout-steps li .decorator.shipping { background-image: url("../images/shipping.svg"); } .checkout-process .col-main ul.checkout-steps li .decorator.payment { background-image: url("../images/payment.svg"); } .checkout-process .col-main ul.checkout-steps li .decorator.review { background-image: url("../images/finish.svg"); } .checkout-process .col-main ul.checkout-steps li.completed { cursor: pointer; } .checkout-process .col-main ul.checkout-steps li.completed .decorator { background-image: url("../images/complete.svg"); } .checkout-process .col-main ul.checkout-steps li span { margin-left: 7px; margin-top: auto; margin-bottom: auto; } .checkout-process .col-main ul.checkout-steps li.active { color: #2650EF; } .checkout-process .col-main ul.checkout-steps li.active .decorator { border: 1px solid #2650EF; } .checkout-process .col-main .step-content { padding-top: 20px; } .checkout-process .col-main .step-content .form-header { width: 100%; display: inline-block; } .checkout-process .col-main .step-content .form-header h1 { float: left; } .checkout-process .col-main .step-content .form-header .btn { float: right; } .checkout-process .col-main .step-content .form-container { border-bottom: 1px solid #E8E8E8; padding-top: 20px; padding-bottom: 20px; } .checkout-process .col-main .step-content .shipping-methods h4 { margin: 0; } .checkout-process .col-main .step-content .payment-methods .radio { font-weight: 600; } .checkout-process .col-main .step-content .payment-methods .control-info { margin-left: 28px; } .checkout-process .col-main .step-content .address { display: inline-block; width: 100%; } .checkout-process .col-main .step-content .address .address-card { width: 50%; float: left; } .checkout-process .col-main .step-content .address .address-card .card-title span { font-weight: 600; } .checkout-process .col-main .step-content .address .address-card .card-content { margin-top: 15px; color: #121212; line-height: 25px; } .checkout-process .col-main .step-content .address .address-card .card-content .horizontal-rule { margin: 12px 0; display: block; width: 25px; background: #121212; } .checkout-process .col-main .step-content .cart-item-list .item .row .title { width: 100px; display: inline-block; color: #5E5E5E; font-weight: 500; margin-bottom: 10px; } .checkout-process .col-main .step-content .cart-item-list .item .row .value { font-size: 18px; font-weight: 600; } .checkout-process .col-main .step-content .order-description { display: inline-block; width: 100%; } .checkout-process .col-main .step-content .order-description .shipping { margin-bottom: 25px; } .checkout-process .col-main .step-content .order-description .decorator { height: 48px; width: 48px; border-radius: 50%; border: 1px solid #E8E8E8; vertical-align: middle; display: inline-block; text-align: center; } .checkout-process .col-main .step-content .order-description .decorator .icon { margin-top: 7px; } .checkout-process .col-main .step-content .order-description .text { font-weight: 600; vertical-align: middle; display: inline-block; } .checkout-process .col-main .step-content .order-description .text .info { font-weight: 500; margin-top: 2px; } .checkout-process .col-right { width: 35%; padding-left: 40px; } .order-success-content { padding: 40px 0; } .order-success-content .btn { display: inline-block; } @media only screen and (max-width: 770px) { .checkout-process .col-main { width: 100%; padding-right: 0px; } .checkout-process .col-main ul.checkout-steps { border-bottom: none; } .checkout-process .col-main ul.checkout-steps span { display: none; } .checkout-process .col-main ul.checkout-steps .line { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; border-bottom: 1px solid #E8E8E8; margin-left: 5px; margin-right: 5px; } .checkout-process .step-content .control-group .control { width: 100%; } .checkout-process .col-right { display: none; } } .attached-products-wrapper { margin-bottom: 80px; } .attached-products-wrapper .title { margin-bottom: 40px; font-size: 18px; color: #242424; text-align: center; position: relative; } .attached-products-wrapper .title .border-bottom { border-bottom: 1px solid rgba(162, 162, 162, 0.2); display: inline-block; width: 100px; position: absolute; top: 40px; left: 50%; margin-left: -50px; } .attached-products-wrapper .horizontal-rule { height: 1px; background: #E8E8E8; width: 148px; margin-bottom: 24px; margin-left: auto; margin-right: auto; } section.review { color: #242424; } section.review .category-breadcrumbs { display: inline; } section.review .review-layouter { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row; flex-flow: row; margin-top: 20px; } section.review .review-layouter .product-info .image { border: 1px solid red; } section.review .review-layouter .product-info .image img { height: 280px; width: 280px; } section.review .review-layouter .product-info .heading { margin-top: 20px; } section.review .review-layouter .product-info .heading span { font-size: 24px; letter-spacing: -0.58px; } section.review .review-layouter .product-info .price { margin-top: 10px; } section.review .review-layouter .product-info .price .pro-price { font-size: 24px; color: #FF6472; letter-spacing: -0.58px; } section.review .review-layouter .product-info .price .pro-price-not { margin-left: 10px; color: #A5A5A5; letter-spacing: -0.26px; } section.review .review-layouter .product-info .price .offer { margin-left: 10px; letter-spacing: -0.26px; } section.review .review-layouter .review-info { margin-left: 20px; width: 49%; } section.review .review-layouter .review-info .heading { margin-top: 10px; } section.review .review-layouter .review-info .heading span { letter-spacing: -0.26px; } section.review .review-layouter .review-info .heading .btn.btn-primary.right { float: right; margin-top: -10px; } section.review .review-layouter .review-info .rating { margin-top: 25px; color: #5E5E5E; letter-spacing: -0.12px; } section.review .review-layouter .review-info .rating span { display: inline; } section.review .review-layouter .review-info .stars { width: 270px; display: inline-block; } section.review .review-layouter .review-info .stars label.star { font-size: 36px; color: #d4d4d4; -webkit-transition: all .2s; transition: all .2s; } section.review .review-layouter .review-info .stars label.star:before { content: '\2605'; } section.review .review-layouter .review-info .write-review { margin-top: 25px; } section.review .review-layouter .review-info .write-review .control-group { margin-bottom: 0px; } section.review .review-layouter .review-info .write-review .control-group textarea { margin-top: 5px; border: 2px solid #C7C7C7; border-radius: 3px; width: 600px; height: 120px; } section.review .review-layouter .review-info .submit-button { margin-top: 10px; } section.review .review-layouter .review-info .submit-button button { background: #0041FF; font-size: 14px; color: #FFFFFF; letter-spacing: -0.26px; text-align: center; width: 120px; height: 38px; border: none; } section.review .review-layouter .review-info .review-detail { height: 150px; border: 1px solid firebrick; margin-top: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } section.review .review-layouter .review-info .review-detail .rating-review { margin-top: 40px; margin-left: 20px; width: 48%; } section.review .review-layouter .review-info .review-detail .rating-review .avg-rating-count span { font-size: 34px; letter-spacing: -0.82px; text-align: center; } section.review .review-layouter .review-info .review-detail .rating-calculate .progress-only { width: 20px; border: 1px solid blue; } .cusomer-section { margin-left: 50px; width: 100%; } .cusomer-section .customer-section-info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; border-top: 1px solid #E8E8E8; } .cusomer-section .customer-section-info .pro-img { margin-top: 10px; margin-bottom: 5px; } .cusomer-section .customer-section-info .pro-img img { height: 125px; width: 100px; } .cusomer-section .customer-section-info .pro-discription { margin-left: 20px; width: 100%; } .cusomer-section .customer-section-info .pro-discription .title { color: #0041FF; margin-top: 15px; } .cusomer-section .customer-section-info .pro-discription .rating { margin-top: 10px; } .cusomer-section .customer-section-info .pro-discription .rating .icon { height: 16px; width: 16px; } .cusomer-section .customer-section-info .pro-discription .discription { margin-top: 15px; } .cusomer-section .customer-section-info:last-child { border-bottom: 1px solid #E8E8E8; }