.rating-section { margin-bottom: 0; } .rating-section .total-view { padding: 12px 7px; } .review-section { box-shadow: 0 2px 2px rgba(0,0,0,.2); margin-bottom: 15px; padding-bottom: 15px; } .rating-section .total-view .tot-hd { font-size: 22px; padding: 10px 0px 5px 10px; text-align: left; color: rgb(34, 34, 34); line-height: 1.4; border-bottom: 1px solid #d5d5d5; font-weight: 500; background-color: #f7f4f4; margin-bottom: 10px; } .rating-section .total-view .star-rate { display: block; font-size: 39px; color: #ffab00; } .rating-section .owl-nav.disabled { display: block !important; } .rating-section .total-view .star-rate i { font-size: 22px; color: #ffab00; } .rating-section .total-view .rate-pro { position: absolute; right: 15px; border: none; padding: 11px 20px; font-size: 12px; margin-top: 0; } .rating-section .total-view .rate-pro:hover { background-color: #f3f3f3; } .rating-section .total-view .total-show { color: #ffab00; } .rating-section .rating-review { padding: 12px 12px; border-bottom: #e6e6e6 1px solid; } .rating-section .rating-review .show-users { } .rating-section .rating-review .show-users .us-hd { font-size: 15px; margin-bottom: 12px; } .rating-section .rating-review .show-users .us-hd span { background-color: #248a16; color: #fff; text-align: center; display: inline-block; padding: 3px 4px; font-size: 12px; border-radius: 4px; } .rating-section .rating-review .show-users p { font-size: 13px; color: #757575; margin-bottom: 8px; } .rating-section .rating-review .show-users .time-show { color: #a5a5a5; font-size: 13px;/* margin-top: 7px; */ } .rating-section .rating-review .like-user { float: right; padding: 0px 10px; } .rating-section .rating-review .like-user .like { color: #b5b0b0; padding: 0px 5px; } .rating-section .rating-review .like-drop { float: right; } .rating-section .rating-review .like-drop button { border: none; background: none; color: #a9a7a7; } .rating-section .rating-review .like-drop .dropdown-menu { left: -137px; padding: 0; } .rating-section .rating-review .like-drop .dropdown-menu a { display: block; color: #969696; font-size: 13px; text-align: center; /* border-bottom: #a9a9a9 1px solid; */ padding: 7px 0px; } .rating-section .rating-review .like-drop button:after { display: none; border: none; } .rating-section .all-view { font-size: 15px; display: block; padding: 12px 0px; } .rating-section .all-view i { font-size: 16px; position: absolute; } .rating-section .question-section { display: block; } .rating-section .question-section .question-head { overflow: hidden; vertical-align: middle; padding: 10px 0px 0px 0px; margin-bottom: 15px; border-top: 1px solid #dfdfdf; } /*.main-que { border: 1px solid #d5d5d5; padding: 20px; border-radius: 12px; }*/ .answer-color { color: green; } .m-right { margin-right: 4px; } .rating-section .question-section .question-head .head-main { float: left; font-size: 18px; font-weight: 600; margin-bottom: 10px; } .rating-section .question-section .question-head .right-button { float: right; border: none; background-color: #9e458f; color: #fff; font-size: 14px; padding: 6px 23px; } .rating-section .question-section ul { padding: 0; } .rating-section .question-section ul li { list-style-type: none; margin-bottom: 13px; border-bottom: #c5c5c5 1px solid; padding-bottom: 13px; } .rating-section .question-section ul li h4 { font-size: 15px; } .rating-section .question-section ul li p { font-size: 15px; color: #6f6f6f; margin-bottom: 11px; } .rating-section .question-section ul li span { font-size: 13px; color: #5a8a53; } .fa { font-size: 25px; } .checked { color: orange; } /* Three column layout */ .side { float: left; width: 25%; margin-top: 8px; } .middle { margin-top: 15px; float: left; width: 50%; } /* The bar container */ .bar-container { width: 100%; background-color: #f1f1f1; text-align: center; color: white; } /* Individual bars */ .bar-5 { width: 90%!important; height: 12px; background-color: #4CAF50; border-radius: 12px; } .bar-4 { width: 70%!important; height: 12px; background-color: #2196F3; border-radius: 12px; } .bar-3 { width: 60%!important; height: 12px; background-color: #00bcd4; border-radius: 12px; } .bar-2 { width: 50%!important; height: 12px; background-color: #ff9800; border-radius: 12px; } .bar-1 { width: 40%!important; height: 12px; background-color: #f44336; border-radius: 12px; } .make-me-sticky { position: -webkit-sticky; position: sticky; top: 78px; padding: 0 15px; z-index: 10; position: -webkit-sticky; position: -moz-sticky; position: -ms-sticky; position: -o-sticky; } /* Ignore This, just coloring */ /* Responsive layout - make the columns stack on top of each other instead of next to each other */ @media (max-width: 667px) { .side,  .middle { width: 100%; margin-top: 10px; } .right { display: none; } .rating-section .total-view .tot-hd { font-size: 15px; } .rating-section .total-view .star-rate { font-size: 25px; } .rating-section .total-view .total-show { font-size: 12px; } .bar-5 { height: 8px; } .bar-4 { height: 8px; } .bar-3 { height: 8px; } .bar-2 { height: 8px; } .bar-1 { height: 8px; } .make-me-sticky { top: 55px; padding: 0 0px; margin: -16px; } .rating-section .question-section .question-head .head-main { float: left; font-size: 16px; font-weight: 500; margin-bottom: 20px; width: 100%; text-align: left; } .rating-section .question-section { margin-top: 0; } }


/*cart css start*/
 .right-cart-set { } .right-cart-set .modal.right .modal-dialog { position: fixed; margin: auto; width: 320px; height: 100%; -webkit-transform: translate3d(0%, 0, 0); -ms-transform: translate3d(0%, 0, 0); -o-transform: translate3d(0%, 0, 0); transform: translate3d(0%, 0, 0); } .right-cart-set .modal.right .modal-content { height: 100%; overflow-y: auto; background-color: #f7f7f7; } .right-cart-set .modal.right .modal-body { padding: 0px 27px; } /*Right*/ .right-cart-set .modal.right.fade .modal-dialog { right: -320px; -webkit-transition: opacity 0.3s linear, right 0.3s ease-out; -moz-transition: opacity 0.3s linear, right 0.3s ease-out; -o-transition: opacity 0.3s linear, right 0.3s ease-out; transition: opacity 0.3s linear, right 0.3s ease-out; width: 29%; background-color: #000; } .right-cart-set .modal.right.fade.show .modal-dialog { right: 0; -webkit-transition: opacity 0.3s linear, right 0.3s ease-out; -moz-transition: opacity 0.3s linear, right 0.3s ease-out; -o-transition: opacity 0.3s linear, right 0.3s ease-out; transition: opacity 0.3s linear, right 0.3s ease-out; } /* ----- MODAL STYLE ----- */ .right-cart-set .modal-content { border-radius: 0; border: none; } .right-cart-set .modal-header { display: block; text-align: center; } .right-cart-set .modal-header .modal-title { font-weight: 100; text-transform: uppercase; font-size: 26px; padding: 5px 0px; display: block; } .right-cart-set .modal-header .modal-title b { font-weight: 600; } .right-cart-set .modal-header hr { border-top: 3px solid rgba(0, 0, 0, 0.62); margin: 0; display: inline-block; width: 19%; } .right-cart-set .close { position: absolute; left: -38px; opacity: 1; background-color: #000; color: #fff; padding: 6px 6px; } .right-cart-set .pro-show-all { background-color: #fff; border: #000 1px solid; padding: 8px 0px; } .right-cart-set .pro-show-all .hand-hd { background: url(../images/dot.gif) repeat 0 0; color: #2b2b2b; display: block; /* font: 700 14px/12px 'Roboto',sans-serif; */ text-align: center; font-size: 14px; overflow: hidden; white-space: nowrap; margin-bottom: 8px; } .right-cart-set .pro-show-all b { background-color: #fff; padding: 4px 7px; } .right-cart-set .pro-show-all .show-block { border-bottom: #cacaca 1px dotted; overflow: hidden; padding: 2px 10px; position: relative; } .right-cart-set .pro-show-all .show-block .pro-im { width: 18%; /* float: left; */ /* display: inline-block; */ float: left; margin-right: 10px; } .right-cart-set .pro-show-all .show-block .pro-dtl { /* display: inline-block; */ width: 63%; float: left; } .right-cart-set .pro-show-all .show-block .pro-dtl .hnd-hd { font-size: 13px; margin-top: 2px; display: block; } .right-cart-set .pro-show-all .show-block .pro-dtl span { margin-top: 11px; display: block; } .right-cart-set .pro-show-all .show-block .pro-dlt { background: no-repeat; border: none; position: absolute; right: 0; } .right-cart-set .price-total { } .right-cart-set .price-total ul { padding: 12px 6px; margin: 0; } .right-cart-set .price-total ul li { list-style-type: none; font-size: 13px; overflow: hidden;/* line-height: 22px; */ } .right-cart-set .price-total ul li span { float: right;/* line-height: 8px; */ } .right-cart-set .price-total ul hr { margin: 7px 0px; } .right-cart-set .check-it { text-align: center; display: block; } .right-cart-set .check-it .check-btn { display: block; width: 100%; border: none; color: white; background-color: #6f6f6f; text-transform: uppercase; padding: 9px 0px; border-radius: 30px; font-weight: 500; font-size: 14px; margin: 10px 0px; box-shadow: 0px 1px 4px #0000002e; display: none; } .right-cart-set .check-it .check-btn:hover { opacity: 0.7; } .right-cart-set .check-it .make-more { display: block; width: 100%; border: none; background-color: #3cb324; text-transform: uppercase; padding: 15px 0px; border-radius: 10px; color: #fff; font-size: 18px; font-weight: 500; margin: 10px 0px; box-shadow: 0px 1px 4px #0000002e; } .right-cart-set .check-it .make-more:hover { opacity: 0.7; } .right-cart-set .recom-set { /* background-color: #fff; */ /* border: #000 1px solid; */ padding: 8px 0px; } .right-cart-set .recom-set .res-hd { color: #2b2b2b; display: block; text-align: center; /* overflow: hidden; */ /* white-space: nowrap; */ font-size: 18px; text-transform: uppercase; padding: 8px 0px; } .right-cart-set .recom-set .show-block { border-bottom: #cacaca 1px dotted; overflow: hidden; padding: 6px 10px; position: relative; } .right-cart-set .recom-set .show-block .pro-im { width: 18%; /* float: left; */ /* display: inline-block; */ float: left; margin-right: 10px; } .right-cart-set .recom-set .show-block .pro-dtl { /* display: inline-block; */ width: 60%; float: left; } .right-cart-set .recom-set .show-block .pro-dtl .pr-hd { font-size: 13px; margin-top: 9px; display: block; } .right-cart-set .recom-set .show-block .pro-dtl .pr-sp { margin-top: 0; display: block; } .right-cart-set .recom-set .show-block .pro-get { background: no-repeat; border: none; position: absolute; background-color: #fff; box-shadow: 0px 2px 4px #00000038; font-size: 12px; padding: 5px 10px; border-radius: 4px; top: 18px; right: 5px; color: #f12424; } .left-filter-set { } .left-filter-set .modal.right .modal-dialog { position: fixed; margin: auto; width: 320px; height: 100%; -webkit-transform: translate3d(0%, 0, 0); -ms-transform: translate3d(0%, 0, 0); -o-transform: translate3d(0%, 0, 0); transform: translate3d(0%, 0, 0); } .left-filter-set .modal.right .modal-content { height: 100%; overflow-y: auto; background-color: #f7f7f7; } .left-filter-set .modal.right .modal-body { padding: 0px 27px; } /*Right*/ .left-filter-set .modal.right.fade .modal-dialog { left: -320px; -webkit-transition: opacity 0.3s linear, left 0.3s ease-out; -moz-transition: opacity 0.3s linear, left 0.3s ease-out; -o-transition: opacity 0.3s linear, left 0.3s ease-out; transition: opacity 0.3s linear, left 0.3s ease-out; width: 24.5%; background-color: #000; } .left-filter-set .modal.right.fade.show .modal-dialog { left: 0; -webkit-transition: opacity 0.3s linear, left 0.3s ease-out; -moz-transition: opacity 0.3s linear, left 0.3s ease-out; -o-transition: opacity 0.3s linear, left 0.3s ease-out; transition: opacity 0.3s linear, left 0.3s ease-out; } /* ----- MODAL STYLE ----- */ .left-filter-set .modal-content { border-radius: 0; border: none; } .left-filter-set .modal-header { display: block; text-align: center; } .left-filter-set .modal-header .modal-title { display: block; font-weight: 100; text-transform: uppercase; font-size: 26px; padding: 5px 0px; } .left-filter-set .modal-header .modal-title b { font-weight: 600; } .left-filter-set .modal-header hr { border-top: 3px solid rgba(0, 0, 0, 0.62); margin: 0; display: inline-block; width: 19%; } .left-filter-set .close { position: absolute; right: -38px; opacity: 1; background-color: #000; color: #fff; padding: 6px 6px; } .left-filter-set .divide-cat { } .left-filter-set .divide-cat .cat-type { margin: 0px 0px 15px 0px; } .left-filter-set .divide-cat .cat-type .main-name { display: block; font-size: 16px; font-weight: 600; padding: 8px 0px; border-bottom: #c3c2c2 1px solid; margin-bottom: 13px; } .left-filter-set .divide-cat .cat-type .all-names { font-size: 15px; display: block; margin: 6px 0px; text-decoration: none; color: #1f1f1f; } .left-filter-set .divide-cat .cat-type .all-names i { /* text-align: right; */ float: right; } .left-filter-set .divide-cat .cat-type ul { padding: 0; margin: 0; display: none; } .left-filter-set .divide-cat .cat-type ul li { list-style-type: none; } .left-filter-set .divide-cat .cat-type ul li a { font-size: 13px; color: #676767; line-height: 21px; display: block; } .left-filter-set .divide-cat .checkbox { padding-left: 20px; } .left-filter-set .divide-cat .checkbox label { display: inline-block; vertical-align: middle; position: relative; padding-left: 5px; } .left-filter-set .divide-cat .checkbox label::before { content: ""; display: inline-block; position: absolute; width: 17px; height: 17px; left: 0; margin-left: -20px; border: 1px solid #cccccc; border-radius: 3px; background-color: #fff; -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out; -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out; transition: border 0.15s ease-in-out, color 0.15s ease-in-out; } .left-filter-set .divide-cat .checkbox label::after { display: inline-block; position: absolute; width: 16px; height: 16px; left: 0; top: 0; margin-left: -20px; padding-left: 3px; padding-top: 1px; font-size: 11px; color: #555555; } .left-filter-set .divide-cat .checkbox input[type="checkbox"] { opacity: 0; z-index: 1; } .left-filter-set .divide-cat .checkbox input[type="checkbox"]:focus+label::before { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .left-filter-set .divide-cat .checkbox input[type="checkbox"]:checked+label::after { font-family: 'FontAwesome'; content: "\f00c"; } .left-filter-set .divide-cat .checkbox input[type="checkbox"]:disabled+label { opacity: 0.65; } .left-filter-set .divide-cat .checkbox input[type="checkbox"]:disabled+label::before { background-color: #eeeeee; cursor: not-allowed; } .left-filter-set .divide-cat label { font-size: 1.2em; } .reccomendation-cart { } .reccomendation-cart h2 { border-bottom: #d2d2d2 1px solid; font-size: 16px; padding: 12px 0px; font-family: 'roboto' font-weight: 500; color: #191919; } .reccomendation-cart .box-show { background-color: #fff2f2; padding-bottom: 6px; margin: 4px 4px; } .reccomendation-cart .box-show .img-set { } .reccomendation-cart .box-show .img-set img { width: 100%; } .reccomendation-cart .box-show h3 { font-size: 13px; /* text-align: center; */ padding: 0px 5px; margin: 10px 0px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .reccomendation-cart .box-show .price-show { font-size: 13px; padding-left: 6px; } .reccomendation-cart .box-show .get-button { border: none; font-size: 11px; float: right; background-color: #FF9800;; color: #fff; padding: 4px 7px 2px; margin-right: 6px; } @media screen and (max-width: 900px) { .left-filter-set .modal.right.fade .modal-dialog { width: 50%; } .right-cart-set .modal.right.fade .modal-dialog { width: 50%; } } @media screen and (max-width: 667px) { .right-cart-set .modal.right.fade .modal-dialog { width: 88%; } .right-cart-set .check-it .make-more { font-size: 20px; margin: 0; border-radius: 0; } .right-cart-set .check-it .check-btn { font-size: 12px; display: none; } .right-cart-set .recom-set .res-hd { font-size: 15px; } .right-cart-set .modal-header .modal-title { font-size: 21px; } .left-filter-set .modal.right.fade .modal-dialog { width: 68.5%; } .right-cart-set .check-it { text-align: center; display: block; position: fixed; bottom: 0; left: 0; width: 100%; z-index: 10; } }
/*cart css end*/