.sidebar { margin-bottom: 20px }
    .sidebar .box-shadow-side { background-color: #fff; padding: 15px }
    .sidebar ul { list-style: none; margin: 0; padding: 0 }
.box-blog, .box-blog .btn { margin-bottom: 15px }
.sidebar ul li a { color: #444; font-size: 16px }
.sidebar ul li { line-height: 35px; text-decoration: none }
.sidebar .fa-list-ul, .title-nav .fa-list-ul { margin-left: 10px }
.sidebar .fa-pencil { margin-left: 5px; font-size: 13pt; color: #fc3245 }
.sidebar h3, .title-nav { border-bottom: 1px solid #444; padding-bottom: 10px; font-size: 16px }
.title-nav { color: #fc3245; font-size: 14px }
.sidebar ul li .badge { margin-top: 10px }
.sidebar ul .active { border-bottom: 1px solid #333; color: #fc3245 }
    .sidebar ul .active a { color: #fc3245 }
.sidebar ul li::after { content: ''; display: block; width: 0; height: 1px; background: #fc3245; transition: width .5s }
.sidebar ul li:hover::after { width: 100%; transition: width .5s }
.content-blog { text-align: justify; line-height: 23px; font-size: 13px }
    .content-blog .title-h2-blog { font-size: 17px; border-bottom: 1px solid #444; padding-bottom: 8px }
        .content-blog .title-h2-blog a { color: #444; text-decoration: none }
.sidebar h3 a, .title-nav a { color: #444; text-decoration: none }
.monthsBlock a:hover { text-decoration: none; color: #777 }
.monthsBlock { border-bottom: 1px solid #ccc; padding: 5px 0 }
.login-form .btn-primary { background-color: transparent !important }
    .login-form .btn-primary:hover { background-color: #eee !important }
.box-blog .btn-primary { background-color: #333; border-color: #444; color: #fff !important }
    .box-blog .btn-primary:hover { background-color: transparent; color: #888 !important; border-color: #888 }
.box-blog .fa-calendar-minus-o { margin-left: 5px }
.monthsBlock a { color: #333 }
.box-blog .text-info { color: #999 !important }
.content-blog .search-pagination { box-shadow: 0 0 1px #5d0a02 }
.sidebar .btn-default { background-color: #333; border-color: #333; color: #fff; margin: 10px auto }
.box-blog { box-shadow: 0 1px 1px #ccc }
    .box-blog .title-h2-blog { font-size: 20px }
    .box-blog a { color: #d4000e }
.box-blog, .box-blog-d { background-color: #fff; height: auto; padding: 15px; display: block }
.box-blog { min-height: 250px }
.content-blog img { margin: 0 auto }
.box-blog-d { margin-bottom: 15px }
    .box-blog .img-responsive, .box-blog-d .img-responsive { margin: 20px auto; display: block }
.date-inline { margin-top: 40px }
.label-pro-search { top: 10px; position: relative; font-size: 14px }
.WriterList p { min-height: 120px }

@media (max-width:767px) {
    .top-main-wrapper { padding-bottom: 20px }
}

.title-tags .col-lg-3 { border: 1px solid #444 }
.content-blog { padding: 15px; padding-top: 0 }
#AddressModal .modal-dialog { z-index: 9999 }
    #AddressModal .modal-dialog textarea { height: 100px !important }
#AddressModal .modal.in .modal-dialog .col-md-12 .content { height: 100%; width: 100%; background-color: #fff !important }
#AddressModal .btn { margin-right: 10px !important }
    #AddressModal .btn .caret { float: left !important }
.content-footer a { text-decoration: none }
#order-modal .modal-dialog { }
#order-modal .btn { margin-top: 20px }
#order-modal .btn-default { margin-left: 20px }
#order-modal input { height: 35px; font-size: 13px }
#accordion .panel-title > a.collapse .active::before, #accordion a[data-toggle="collapse"]::before { content: ""; float: left; font-family: 'fontawesome'; margin-right: 1em }
#accordion .panel-title > a.collapsed::before, #accordion a.collapsed[data-toggle="collapse"]::before { content: "" }
#showComment-modal .modal-dialog { background-color: #fff; padding: 15px; border-radius: 3px; z-index: 99999 }
    #showComment-modal .modal-dialog .form-group { padding: 0 }
#showComment-modal .clearfix { margin-top: 10px }
#showReplyComment-modal .modal-dialog { background-color: #fff; padding: 30px 15px; border-radius: 3px; z-index: 99999 }
    #showReplyComment-modal .modal-dialog .form-group { padding: 0 }
#showReplyComment-modal .clearfix { margin-top: 10px }
#sidebar-wrapper.active { width: 250px; transition: all .5s ease-out 0s; -webkit-transition: all .5s ease-out 0s; -moz-transition: all .5s ease-out 0s; -ms-transition: all .5s ease-out 0s; -o-transition: all .5s ease-out 0s }
.list-group-item { text-align: right; word-wrap: break-word }
.list-group-item { background-color: transparent !important; padding: 15px !important }
    #slide-submenu i, .list-group-item i { float: left; font-size: 17px; margin-top: 15px }
    .list-group-item:first-child { border-top-left-radius: 4px; border-top-right-radius: 4px }
.sidebar-nav li a, .sidebar-nav li a:active, .sidebar-nav li a:focus { text-decoration: none }
.sidebar-nav { position: absolute; top: 0; width: 250px; list-style: none; margin: 0; padding: 0 }
    .sidebar-nav li { line-height: 40px }
        .sidebar-nav li a { color: #555; display: block; border: 0; font-weight: 500; font-size: 12px }
            .sidebar-nav li a:hover { color: #333 !important; background: rgba(255,255,255,.5); text-decoration: none }
    .sidebar-nav > .sidebar-brand { font-weight: bold; color: #333; padding-right: 15px }
        .sidebar-nav > .sidebar-brand a { color: #999 }
        .sidebar-nav > .sidebar-brand i { color: #999 !important }
        .sidebar-nav > .sidebar-brand a:hover { color: #fff; background: 0 0 }
.glyphicon-remove { color: rgba(0,0,0,.5) }
    .glyphicon-remove:hover { color: rgba(0,0,0,.9) }
.box-demo-shopping .container { border-radius:20px; box-shadow: 0 0 3px #999; font-size: 15px; margin-bottom: 10px; padding: 30px; text-align: justify; background: #fff }
.list-group-item { text-align: right; word-wrap: break-word }
.list-group-item { background-color: transparent !important; padding: 15px !important }
    #slide-submenu i, .list-group-item i { float: right; font-size: 17px; margin-top: 12px }
    .list-group-item:first-child { border-top-left-radius: 4px; border-top-right-radius: 4px }
.sidebar-nav li a, .sidebar-nav li a:active, .sidebar-nav li a:focus { text-decoration: none }
#sidebar-wrapper { margin-right: -250px; top: 0; width: 235px; background: #333; position: fixed; height: 100%; overflow-y: auto; z-index: 1000; transition: all .5s ease-in 0s; -webkit-transition: all .5s ease-in 0s; -moz-transition: all .5s ease-in 0s; -ms-transition: all .5s ease-in 0s; -o-transition: all .5s ease-in 0s; display: block !important }
    #sidebar-wrapper.active { margin-right: 0 }
.sidebar-nav { position: absolute; top: 0; width: 220px; list-style: none; margin: 0; padding: 0 }
    .sidebar-nav li { line-height: 40px; text-indent: 11px }
        .sidebar-nav li a { color: #fff !important; display: block; border: 0 }
            .sidebar-nav li a:hover { color: #eee !important; background: rgba(255,255,255,.5); text-decoration: none }
    .sidebar-nav > .sidebar-brand { height: 55px; color: #eee; line-height: 55px; font-size: 18px }
        .sidebar-nav > .sidebar-brand a { color: #999 }
            .sidebar-nav > .sidebar-brand a:hover { color: #fff; background: 0 0 }
.glyphicon-remove { color: rgba(0,0,0,.5) }
    .glyphicon-remove:hover { color: rgba(0,0,0,.9) }
#menu-toggle, #menu-toggle .btn-default { color: #444; font-size: 12px }
#menu-toggle { top: 0; z-index: 999 }
    #menu-toggle .btn-default { margin-top: -7px; margin-bottom: -7px; font-weight: bold; font-size: 12px; color: #888; border-radius: 4px }
        #menu-toggle .btn-default:hover { border: 1px solid #ccc; background-color: #f5f5f5 !important }
#sidebar-wrapper.active { width: 235px; transition: all .5s ease-out 0s; -webkit-transition: all .5s ease-out 0s; -moz-transition: all .5s ease-out 0s; -o-transition: all .5s ease-out 0s; z-index: 99999 }
#menu-toggle i { font-size: 11pt; margin-left: 5px }
.search-panel .dropdown-menu { width: 100px }

@media (max-width:g798px) {
    .profile-button, .exit-btn, .btn-profile, .social-network { float: none !important; text-align: center !important }
    .table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th { padding: 5px 0 !important }
    .box-demo .container { padding: 2px !important }
    .edit-members .table td { font-size: 12px !important }
}

#filter-panel .panel-default { background-color: #fff !important; height: 100%; box-shadow: 0 0 3px #ccc; margin-bottom: 30px; border-radius: 2px }
.login-inner .well { background-color: #fff }
.login-inner .login-submit { color: #444; border-color: #444 }
.login-inner a { color: #36487d }
.login-inner .btn-primary { background-color: transparent !important; border: none !important }
.login-inner .login-submit, .login-form .login-submit { background-color: #ff9001d1; line-height: 30px; border: 4px solid #f0f4ff; box-shadow: 0 0 0 1px #ff9001d1 }
.register-inner .login-submit, .register-inner .login-form .login-submit { background-color: #ff9001d1; line-height: 30px; border: 4px solid #e7f2f2; box-shadow: 0 0 0 1px #ff9001d1 }
.login-inner .login-submit:hover { background-color: #7595e5; transition: all 300ms; box-shadow: 0 0 0 1px #7595e5 }
.register-inner .login-submit:hover { background-color: #0f7f83; transition: all 300ms; box-shadow: 0 0 0 1px #0f7f83 }
.user-email { font-family: tahoma }
.login-inner ::-webkit-input-placeholder { font-size: 12px }
.login-inner ::-moz-placeholder { font-size: 12px }
.login-inner :-ms-input-placeholder { font-size: 12px }
.login-inner :-moz-placeholder { font-size: 12px }
.edit-members .btn-success, .modal-body .btn-success { margin-left: 5px }
.modal-dialog .control-label { margin: 10px 0 }
.form button.dropdown-toggle { border: 1px solid #ced4da }
#GiftMesseageRegion .input-group { padding: 15px; width: 100% }
#GiftMesseageRegion .form-group, #GiftMesseageRegion .form-group textarea { width: 100% }
.user-email { text-align: left }
.star-nes { color: #db7093; margin-left: 3px; display: inline-block }
.user-captcha { text-align: left; font-family: Tahoma }
.login-inner a:hover { color: #333 }
.forgot-password:active, .forgot-password:focus { background-color: transparent !important; color: #444 !important; border-color: transparent !important }
#showReplyComment-modal .modal-footer { padding: 15px 0 }
.member-postal { text-align: center }
.row-top-address { clear: both }
    .row-top-address .col-md-6 { margin: 10px 0 }
#nav-mobile li .disabled { cursor: !important }
.box-demo .about-us { padding: 15px }
    .box-demo .about-us p { font-weight: 400 !important }
#GiftMesseageRegion textarea { border: 1px solid #eee; border-radius: 8px; height: 200px; width: 570px }
#myCarousel-camp ul { display: block }
.tab-camp { margin: 25px auto }
#myCarousel-camp .carousel-inner-camp { min-height: 400px }
#myCarousel-camp .carousel-inner-ul ul { margin: 0; padding: 0 0; list-style: none }
#myCarousel-camp .carousel-inner-ul { border-left: 1px solid #eee; padding: 0; background-color: #f5f5f5; min-height: 400px }
.tab-camp .benner-camp { padding-left: 0 }
.camp-9 { background-color: #fff; box-shadow: 0 0 3px #ccc }
.nav-camp li.active a:hover { background-color: #7e1208; color: #fff }
.nav-camp li.active a { background-color: #7e1208; color: #fff; text-decoration: none }
.nav-camp li { height: 32px; line-height: 22px; overflow: hidden; position: relative; text-align: center }
    .nav-camp li a { padding: 5px 0 15px; width: 100%; display: block; color: #444; font-weight: 500; text-decoration: none; font-size: 12px }
.tiles li { background-color: #3a3a3a; color: #fff; margin-left: 5px; width: 30px; height: 40px; padding-top: 10px; text-align: center; border-radius: 5px }
.nav-camp li a:hover { text-decoration: none; color: #444; background-color: #eee }
.col-off { margin-top: 15px }
.main-pic-off img { box-shadow: 0 0 3px #ccc; margin: 0 auto; max-height: 230px; max-width: 170px; padding: 4px }
.col-off h3 a { color: #444; font-size: 20px; text-decoration: none }
.col-off h3 { height: 50px }
    .col-off h3 a:hover { color: #a70004; text-decoration: none }
.col-off h4 { color: #888; font-size: 16px; margin-bottom: 20px }
.col-off h5 { color: #888; font-size: 14px; margin-bottom: 20px }
.col-off .price-final { color: #fff; font-size: 30px; line-height: 37px }
    .col-off .price-final .currency { font-size: 15px; line-height: 32px; margin-right: 10px; vertical-align: top }
    .col-off .price-final::after { border-bottom: 9px solid transparent; border-right: 11px solid #fff; border-top: 9px solid transparent; content: ""; position: absolute; right: 0; top: 7px; z-index: 1 }
.col-off a:hover .price-final { background: #e01916 none repeat scroll 0 0 }
.col-off .price-final { background: #14aa53; box-sizing: border-box; color: #fff; display: inline-block; font-size: 30px; height: 32px; line-height: 37px; margin-right: 2px; min-width: 147px; padding: 0 20px 0 8px; position: relative; transition: all 150ms linear 0s; vertical-align: top }
.col-off .price-old::before { border-bottom: 1px solid #000; bottom: 0; content: ""; height: 0; left: 0; position: absolute; right: 5px; top: 16px; transform: rotate(-20deg); width: 90%; z-index: 2 }
.col-off a:hover .price-old::after { border-right-color: #777575 }
.col-off .price-old::after { border-bottom: 8px solid transparent; border-right: 10px solid gray; border-top: 8px solid transparent; content: ""; left: -10px; position: absolute; top: 8px; transition: all 150ms linear 0s; z-index: 2 }
.col-off a:hover .price-old { background: #777575 none repeat scroll 0 0 }
.col-off .price-old { background: gray none repeat scroll 0 0; box-sizing: border-box; color: #e5e5e5; display: inline-block; font-size: 30px; height: 32px; line-height: 37px; min-width: 76px; padding: 0 14px; position: relative; text-align: center; transition: all 150ms linear 0s; vertical-align: top }
.info-price { position: relative; bottom: 0 }
.btn-basket-offer .btn-warning { background-color: #e08102; border-color: #e08102; color: #fff; padding: 5px 15px; margin: 7px auto; transition: all .3s }
    .btn-basket-offer .btn-warning:hover { background-color: transparent; border-color: #e08102; color: #e08102 }
.btn-basket-offer .btn-success { background-color: #a70004; border-color: #a70004; color: #fff; margin: 7px auto; transition: all .3s }
    .btn-basket-offer .btn-success:hover { background-color: transparent; border-color: #a70004; color: #a70004 }
.camp-9 { padding-right: 0 }
.timer-camp .timer__holder span { background: #3a3a3a none repeat scroll 0 0; border-radius: 4px; color: #fff; display: inline-block; font-size: 28px; height: 35px; line-height: 33px; margin-right: 2px; text-align: center; width: 27px }
.carousel-fade .carousel-inner .item { -webkit-transition-property: opacity; transition-property: opacity }
.carousel-fade .carousel-inner .item, .carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right { opacity: 0 }
.carousel-fade .carousel-inner .active, .carousel-fade .carousel-inner .next.left, .carousel-fade .carousel-inner .prev.right { opacity: 1 }
    .carousel-fade .carousel-inner .next, .carousel-fade .carousel-inner .prev, .carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right { left: 0; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); transition: all 300ms }
.carousel-fade .carousel-control { z-index: 2 }
.timer-camp span { font-family: Tahoma }
.btn-basket-offer .btn-default { cursor: not-allowed }
#myCarousel-camp .carousel-inner-ul .active a::after { border-bottom: 16px solid transparent; border-right: 18px solid #7e1208; border-top: 21px solid transparent; content: ""; opacity: 0; position: absolute; left: -18px; margin-top: -10.5px }
#myCarousel-camp .carousel-inner-ul .active a::after { opacity: 1 }
.mobile-slider .owl-buttons { top: 10px !important; position: relative !important }
#search_price { margin: 17px 0; border-radius: 2px !important; float: left; background-color: transparent !important; border: 1px solid #ff851d !important; color: #ff851d; font-size: 12px; font-weight: 500 }
.top-filltering-book { background-color: #fff; border-radius: 5px; box-shadow: 0 0 1px #ccc; height: 70px; margin-bottom: 20px; padding: 15px 0 }
.search-top { margin-top: 30px }
.search-actions .card { box-shadow: 0 0 1px #ccc }
.right-side { padding-right: 0 }
.swiper-slide .image img { box-shadow: 0 0 4px #777 }
.search-results .swiper-slide .image img { max-width: 200px; max-height: 200px; width: initial !important; box-shadow: 0 0 4px #ccc }
.pagination-wrapper i { width: 45px; height: 45px; line-height: 40px; font-size: 17pt; margin-top: 11px; background-color: #fff; color: #1e293d !important; border: 1px solid #ddd }
.favarite-box i { cursor: pointer }
.pagination-blue > li.active > a { background-color: #1e293d !important; color: #fff !important; border: 1px solid #1e293d }
    .pagination-blue > li.active > a:hover { background-color: #1e293d !important; color: #fff !important; border: 1px solid #1e293d }
.pagination-blue > li > a:hover { background-color: transparent !important; color: #1e293d !important; border: 2px solid #1e293d; border-radius: 4px }
.pagination-blue > li > a { background-color: transparent !important; color: #444; border: 2px solid #f5f5f5; border-radius: 4px }
.pagination-wrapper { padding: 0 10px; background-color: #fff; border-radius: 5px }
.pagination .active:hover a { color: #253f7e !important; border: none;}
.page-link:hover { border: none }
.page-link { width: 40px; text-align: center; height: 40px; border: 0; line-height: 30px; margin-top: 15px }
.page-item.prev .page-link, .page-item.next .page-link { border: none; line-height: 25px; border-radius: 0; width: auto; height: auto; margin-top: 5px }
.page-item.prev .page-link:hover, .page-item.next .page-link:hover { background: none }
#menu-close .fa-close { color: #fff !important; font-size: 15pt; position: relative; left: -15px }
.prev-orders-table tr { background-color: #eee; color: #777; font-size: 14px !important; font-weight: 500 !important }
.prev-orders-table thead tr { background-color: #999; color: #fff }
.prev-orders-table tr th { font-size: 14px !important; font-weight: 500 !important }
.row-box select { padding: 3px 10px }
.row-box .box-th { line-height: 20px !important; text-align: right !important }
.share-compare .fa-exchange { color: #888 !important }
.show-on-hover .dropdown-menu { width: 130px; padding: 10px 10px; right: 0; top: -10px }
.show-on-hover { cursor: pointer }
.review-count .show-on-hover .dropdown-menu { display: none }
.review-count .show-on-hover:hover .dropdown-menu { display: block; cursor: pointer; top: 30px }
/*.modal-dialog { background-color: #fff; padding: 15px; border-radius: 8px; box-shadow: 0px 4px 10px #00000094; top: 10% }*/
.popUpmodal .modal-dialog { top: auto }
.btn-close:focus { box-shadow: none }
.modal-header h1, .modal-header .h1, .modal-header h2, .modal-header .h2, .modal-header h3, .modal-header .h3, .modal-header h4, .modal-header .h4 { font-weight: 400; margin: 0 0 0 -15px }
.active-tell .col-xs-8 { padding: 0 }
.txt-active-tell { color: #666; margin-top: 20px }
/*#txt_Item_ToPrice, #txt_Item_FromPrice { position: relative; bottom: 10px }*/
.ui-widget-content { width: 200px }
.add-review-button .btn { float: left; border-radius: 4px; background-color: #ff851d; border: #ff5063; color: #fff !important; margin-top: 10px; opacity: 1; font-size: 12px; border: 2px #ff851d solid }
.add-review-button .btn { color: #fff !important }
    .add-review-button .btn:hover { border: 2px #999 solid; background-color: transparent !important }
.add-review-button:hover .btn { transition: all 300ms; color: #999 !important }
.height-comment .btn-default { border: 0; padding: 15px 0; float: right; font-size: 12px; color: #45a3d9; font-weight: 600 }
.icon_admin i, .media-reply i.flaticon-avatar { font-size: 18px; line-height: 18px; color: #8d8d8d; background-color: #f1f1f1; border-radius: 50%; text-align: center; border-style: solid; border-width: 1px; border-color: #c9c9c9; padding: 3px 8px }
.height-comment .media { padding-bottom: 0; clear: both }
    .height-comment .media .media-heading { margin-top: 5px; clear: both; display: block }
.height-comment .btn { color: #ff851d }
    .height-comment .btn:hover { background-color: transparent; color: #1e293d }
.user-comment { font-size: 13px; font-weight: 500; color: #222 }
.CommentRow .comment-txt { padding: 8px 48px }
.media-holder { background: #fff; border-radius: 10px; box-shadow: rgb(164 164 167 / 20%) 2px 5px 2px -2px, rgb(0 0 0 / 7%) 0px 3px 7px -3px }
.media-reply .comment-txt { background: #fff; border-radius: 10px }
.date-comment { font-size: 12px; font-weight: 400; color: #999; margin: 0 0 0 15px; position: absolute; left: 15px; top: -30px }
.height-comment .media-body { padding: 10px 10px; margin-bottom: 15px !important; border: 1px solid #eee; border-radius: 5px }
.height-comment .comment-txt { text-align: justify; text-align: right; line-height: 25px; font-size: 12px; font-weight: 400; color: #363636 }
.height-comment .icon_user_2 i { font-size: 18pt; color: #999; background-color: #eee; width: 40px; height: 40px; line-height: 40px; border-radius: 50%; text-align: center; color: #00bcd4 !important }
.title-center { font-size: 18px; color: #555; width: 120px; background: #fff; padding-bottom: 8px; text-align: center; font-weight: 500; border-right: 2px solid #29ac3b; border-left: 2px solid #29ac3b; margin: 40px auto 25px }
.border-bottom-cmmt { height: 2px; background-color: #29ac3b; position: relative; top: -40px; z-index: -1 }
.height-comment .media { margin-top: 10px; color: #777; border-bottom: 0 }
.title-info-contact { padding: 5px 15px; color: #444; font-size: 16px; font-weight: 600; border-bottom: 2px solid #d4000e }
.data-inner-contact { margin-right: 5px; margin-top: 2px }
.title-inner-contact { padding: 5px; border-radius: 6px; color: #444; font-size: 14px; font-weight: 500 }
.box-th .box-title { color: #555 }
.search-item .card { border-radius: 0 }
.menu-right-nav .navbar-collapse { padding-right: 0 !important }
.pro-search .input-group-search { background-color: #fff; margin-bottom: 15px; padding: 15px 0; height: 400px }
.pro-search input, .pro-search .selectpicker { width: 100%; border: 1px solid #ccc; border-radius: 2px; margin-bottom: 10px; padding: 5px; font-size: 12px }
.pro-search .col-xs-6 { padding: 3px }
.pro-search label { font-size: 13px; font-weight: 400; margin-top: 5px }
.box-demo .compare-list { line-height: 25px !important }
.compare-grid .category-name { font-weight: 400 }
.compare-grid .write-name { height: 60px; overflow: hidden }
.compare-grid .category-name span { color: #777; margin-right: 5px; font-weight: 500 }
.compare-grid .rate-review .rating-stars .stars li i { color: #ff851d }
.compare-grid .rate-review .rating-stars .stars { list-style: none; display: block; width: 100%; padding: 0 !important; margin: 0 50px !important; text-align: center }
.h-title-product { font-size: 16px; font-weight: 500; color: #1e293d; margin-bottom: 15px }
.compare-grid .swiper-slide { height: 270px; text-align: center }
.compare-grid img { margin: 0 auto 15px; display: block }
.compare-grid .close-compare i { color: #444; font-size: 15pt; right: 0; position: absolute; top: -2px; cursor: pointer }
.compare-grid .rate-review .rating-stars .stars li { float: right; margin-left: 6px }
.compare-list .object-detail .object-price { padding: 0; margin: 0; border-bottom: 0 }
.btn-compare-top { margin-top: 30px }
.compare-grid .rate-review { margin-top: 10px }
.compare-list img { max-width: 220px; max-height: 270px; padding: 6px }
.compare-list .main-detail { background-color: #f7f7f7; min-height: 380px; height: 770px }
.get-rate { width: 100% }
.intro-book, .desc-book, .comments-book { background-color: #f8f8f8; border-radius: 45px; padding: 30px }
    .intro-book strong, .desc-book strong { color: #36487d; font-size: 17px; font-weight: bold; margin-bottom: 18px }
    .comments-book strong { color: #0e8083; font-size: 17px; font-weight: bold; margin-bottom: 18px }
        .intro-book strong svg, .desc-book strong svg, .comments-book strong svg { margin-left: 8px }
    .intro-book p, .desc-book p { padding: 0 20px }

@media screen and (max-width:800px) {
    .row-box select { width: 50px }
}