.kode-single-blog .kode-text {
    padding: 0px 15px 15px 15px;
    border-left: solid 1px #ccc;
}

.kode-single-blog figure {
    background-color: #424242;
}

.kode-single-blog .kode-text .kode-datee {
    float: right;
    background-color: #ffffff;
    font-size: 26px;
    color: #000;
    width: 35px;
    height: 155px;
    text-align: center;
    margin: 5px -10px 0px 10px;
    padding: 20px 0 15px;
}

.kode-single-blog figure a:before {
    content: " " !important;
    position: absolute;
    font-size: 29px;
    text-align: center;
    font-family: FontAwesome;
    color: #f00;
    left: 0px;
    top: 20% !important;
    width: 100%;
    margin-top: -11px;
    opacity: 0;
    height: 141px;
    background-image: url(/KbhThemeAssets/Bookstore/images/movie.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.kode-single-blog .kode-text h3 {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: bold;
    margin: 24px 0px 6px 0px;
    height: 44px;
    line-height: 21px;
    overflow: hidden;
}

.bx-wrapper .bx-viewport {
    background: #1b2229;
}

.kode-inner-banner {
    float: none;
    background-image: url('/KbhThemeAssets/Bookstore/images/inner-banner.png');
    background-size: cover;
}

.wrapper {
    float: none !important;
}

header {
    float: none !important;
}

.top-strip {
    float: none !important;
}

.logo-container {
    float: none !important;
}

.kode-banner {
    float: none !important;
}

.bx-wrapper {
    float: none !important;
}

.bx-wrapper .bx-viewport {
    float: none !important;
}

section {
    float: none !important;
}

.kode-content {
    float: none !important;
}

.kode-newsletters {
    float: none !important;
}

footer {
    float: none !important;
}

.copyrights {
    float: none !important;
}


h1, h2, h3, h4, h5, h6 {
    font-family: inherit !important;
}


.kode-banner .kode-caption h5:before, .kode-banner .kode-caption h5:after {
    content: "";
    height: 0 !important;
    border-top: 0px !important;
    border-bottom: 0px !important;
    width: 0 !important;
    left: 0 !important;
    top: 0 !important;
    position: absolute;
}

.kode-banner .bx-wrapper ul li:before {
    /*background-color: rgba(0,0,0,0.1) !important;*/
    background-color: rgba(0,0,0,0) !important;
}

.kode-navigation ul ul {
    left: auto;
    right: 0px;
}

.kode-navigation ul ul li {
    float: right;
}

.kode-navigation ul li {
    float: right;
}

.kode-navigation ul ul li a {
    text-align: right;
}

.kode-navigation ul ul {
    border-bottom: solid 0px #32B5F3;
    border-top: solid 5px #32B5F3;
}

.dl-menuwrapper li a {
    text-align: right;
}


.dl-menuwrapper li.dl-back:after, .dl-menuwrapper li > a:not(:only-child):after {
  content: "\f104" !important;
    right: 90%;
        color: #909090;
}

.top-strip .site-info.site-info-left {
    float: left !important;
}

.top-strip .site-info ul li {
    margin: 0px 10px 0px 10px;
}

.top-strip .site-info-left ul li:last-child {
    border-left: 2px solid #c7c7c7;
    padding-left: 20px;
}

.kode-navigation ul li.active a {
    background: white;
    color: black;
    border-radius: 3px;
    padding-right: 10px;
    padding-left: 10px;
}

.dl-menuwrapper button {
    margin-top: 20px;
}

@media (max-width: 767px)
{
    .top-strip .site-info.site-info-left {
        float: none !important;
        display: inline-block;
    }

    header {
        background-color: #1b2229;
    }

}

.dl-menuwrapper ul {
    background-color: #424242;
}

.no-touch .dl-menuwrapper li a:hover {
    color: #000;
    text-decoration: none;
    background-color: #32B5F3;
}

.kode-banner {
    direction: ltr !important;
}

footer {
    background-color: #1b2229;
}

.copyrights {
    background-color: #4c4c4c;
}

footer .widget h2:before {
    height: 0px;
    left: auto;
    right: 0px;
}

footer .widget a {
    color: white !important;
}

.copyrights p {
    float: none;
}

.bbbbbbbbbbbbbb i{
    padding-left: 15px;
}

.widget-categories ul li a {
    padding-right: 15px;
}

.widget-categories ul li a:hover
{
	background-color: transparent;
}

.widget-categories ul li:hover:before {
    right: 0px;
    color: #fff;
}

.widget-categories ul li:before {
    content: "\f104" !important;
}

footer .widget-newletter input[type="text"] {
    background-color: #e4e4e4;
    margin: 15px 0px 10px 0px;
}

.widget-newletter input[type="text"] {
    float: right;
    width: 60%;
        height: 37px;
}

footer .widget-newletter button {
    margin: 15px 0px 10px 0px;
    float: right;
}

footer .widget-categories ul li {
    border-top: solid 0px rgba(255,255,255,0);
}

.widget.widget-twitter i {
    padding-left: 8px;
}

.kode-banner .input-container input[type="text"] {
    background-color: rgb(220, 220, 220);
    border-radius: 3px;
    width: 700px;
    text-align: right;
    padding-right: 20px;
    color: black;
    direction: rtl;
}

.kode-banner .input-container button {
    right: auto;
    left: 0px;
    border-radius: 3px;
}

section.buy-template {
    padding: 25px 0px;
}

.buy-template {
    background-color: #1b2229;
}

#loader {
    right: 50%;
    left: auto;
    margin: -75px -75px 0 0;
}

.section-content {
    float: none !important;
}


.kode-service i {
    background-color: #32b5f3;
    color: white;
}

.kode-service h3:before {
    border-top: solid 1px #32b5f3;
    border-bottom: solid 1px #32b5f3;
}

.best-seller-pro .kode-caption h3 {
    font-weight: bold;
    font-size: 16px;
    color: #fff;
        margin: 0px 0px 25px 0px;
line-height: 26px;
    height: 55px;
    overflow: hidden;
}

.best-seller-pro h3 {
    font-size: 15px;
    font-weight: bold;
    margin: 0px;
    line-height: 26px;
    height: 52px;
    overflow: hidden;
}

.best-seller-pro {
    float: none;
    padding: 15px;
    border: solid 1px #bbb;
}

.best-seller-pro figure {
    margin-bottom: 10px;
    border: 1px solid #bbb;
    box-shadow: 0px 0px 12px #bbb;
}

.best-seller-pro .kode-caption p.price {
    font-size: 15px;
    margin: 5px 0px 5px;
}


.best-seller-pro .kode-caption a.add-to-cart {
    padding: 5px 15px;
    margin-top: 25px;
}

.books-listing-4 {
    padding: 15px;
    border: solid 1px #bbb;
}

.books-listing-4 .kode-thumb {
    box-shadow: 26px 26px 9px -16px #a5a5a5;
    border: 1px solid #bbb;
}

.books-listing-4 .book-price p {
    float: none;
    font-size: 14px;
}

.books-listing-4 .book-price {
    position: relative;
    text-align: center;
    float: left;
        padding-bottom: 0px;
}

.books-listing-4 .kode-text h3 {
    font-size: 15px;
    margin: 0px 0px 10px 0px;
        height: 38px;
    overflow: hidden;
    padding-top: 5px;
}


.kode-text h2, .lib-blog-2 .kode-text h3 {
    font-size: 16px;
}


.kode-blog-list h2:before {
    left: auto;
    right: 0px;
    width: 100px;
}

.kode-text p {
    font-family: inherit;
    font-size: 14px;
    height: 90px;
    overflow: hidden;
}

.kode-blog-list a.more:before {
    content: "\f100";
    font-family: FontAwesome;
    position: absolute;
    right: auto;
    top: 2px;
    font-size: 15px;
    left: -15px;
}

.kode-blog-list .blog-date {
    width: 130px;
}

.kode-blog-list .blog-date p {
    font-size: 14px;
    margin: 5px 0px;
}

.kode-blog-list a.more:hover:before {
    right: auto;
    left: -20px;
}

.books-listing-4 .kode-thumb a:before {
    left: 0px;
    top: 0px;
    bottom: 0px;
    right: 0px;
    font-size: 35px;
}

.kode-page-heading {
    margin: 170px 0px 15px 0px;
}

.banner-search {
    padding: 0px;
}

.banner-search button {
    width: auto;
}

.nav > li > a:hover, .nav > li > a:focus {
    background-color: #32B5F3;
    color: white !important;
}

#right-m-id-kbh ul.nav li ul li a:hover {
    background-color: #32B5F3 !important;
    color: #fff !important;
}

.icon-plus {
    background-position: -408px -98px !important;
}

.kode-navigation ul li a {
    padding: 10px 0px;
}

.kode-navigation ul li {
    margin: 0px 10px;
}



#right-m-id-kbh ul.nav li .lbl {
    padding: 5px 0px !important;
}