/*
=================================================
				UP FROM 1200PX
=================================================
*/

@media (min-width: 1200px) {}

/*
=================================================
			FROM 992PX TO 1199PX
=================================================
*/

@media (min-width: 992px) and (max-width: 1199px) {
    .kode-navigation ul li {
        margin: 0px 8px;
    }
    .kode-banner .kode-caption h2 {
        font-size: 60px;
    }
    .kode-banner .kode-caption {
        top: 35%;
    }
    .kode-banner .kode-caption h5 {
        font-size: 24px;
    }
    .kode-mega-menu.fixed-width .kode-megamenu-container {
        width: 970px;
    }
    .kode-mega-menu.small-menu .kode-megamenu-container {
        width: 460px;
    }
    .buy-template h2 {
        font-size: 18px;
    }
    .buy-template p {
        font-size: 14px;
    }
    .section-content h2 {
        font-size: 24px;
    }
    .kode-page-heading {
        margin: 140px 0 50px;
    }
    .banner-search h2 {
        font-size: 17px;
        line-height: 22px;
    }
    section {
        padding: 30px 0px;
    }
    .kode-testimonials-4 .kode-text {
        padding: 0px 100px;
    }
    .testimonial-section {
        padding: 60px 0px;
    }
    .count-up-section span.counter {
        font-size: 50px;
    }
    .count-up-section .count-up p {
        font-size: 14px;
    }
    .count-up-section {
        padding: 50px 0px;
    }
    .best-seller-pro {
        padding: 15px;
    }
    .kode-inner-banner-2 {
        min-height: inherit;
    }
    .page-404 span {
        font-size: 40px;
    }
    .header-3 .kode-navigation ul li a {
        padding: 30px 12px;
        font-size: 14px;
    }
    .header-3 .logo img {
        width: 90%;
    }
    .kode-inner-banner-3 {
        min-height: inherit;
    }
    .kode-page-heading {
        margin: 170px 0 50px;
    }
    .lib-event-listing .lib-event-captions p.date span {
        float: left;
        width: 100%;
        font-size: 30px;
    }
    .search-section .nav-tabs>li>a {
        font-size: 14px;
        padding: 10px 30px;
    }
    .search-section .nav-tabs>li.active>a,
    .search-section .nav-tabs>li.active>a:focus {
        padding: 17px 30px
    }
    .search-section .nav-tabs {
        margin: -52px 0 0;
    }
    .lib-gallery:hover .caption {
        left: 15px;
        bottom: 15px;
        right: 15px;
        top: 15px;
    }
    .col-md-3 .lib-gallery:hover .caption {
        padding: 10% 10px;
    }
    .section-heading-1 .kode-icon::before {
        left: 30%;
    }
    .section-heading-1 .kode-icon::after {
        right: 30%;
    }
    .lib-categories-section .nav-tabs>li>a {
        padding: 19px 9px;
    }
    .best-seller-pro .kode-caption {
        padding: 15px;
    }
    .best-seller-pro .kode-caption h3 {
        font-size: 18px;
    }
    .lib-papular .kode-thumb {
        width: 40%;
    }
    .lib-papular .kode-text {
        padding: 10px 0 0 190px;
    }
    .section-heading-1 {
        margin-bottom: 30px;
    }
    .lib-video-section {
        padding: 60px 0px;
    }
    .lib-count-up-section .count-up {
        padding: 40px 0px;
    }
    .lib-blog-post .kode-text {
        padding: 30px 15px 20px;
    }
    .widget-flickr ul li {
        width: 64px;
    }
    .kode-blog-list .kode-thumb {
        width: 220px;
    }
    .kode-blog-list .kode-text {
        padding: 20px 20px 20px 240px;
    }
    .kode-blog-list .kode-text p {
        margin: 0px;
    }
    .kode-blog-list .kode-text h2 {
        padding: 0px;
    }
    .kode-blog-list .kode-text {
        padding: 10px 10px 20px 240px;
    }
    .kode-banner .kode-caption-2 h2 {
        font-size: 50px;
    }
    .kode-banner .kode-caption-2 h5 {
        font-size: 26px;
    }
    .kode-banner .kode-caption-2 .caption-btns {
        margin: 0px;
    }
    .kode-banner .kode-caption-2 {
        top: 20%;
    }
    .count-up-section-2 .count-up p:before {
        margin: 0 20px 0 30px;
        width: 20px;
    }
    .count-up-section-2 .count-up p {
        font-size: 14px;
    }
    .count-up-section-2 .count-up .counter {
        font-size: 36px;
        margin-bottom: 20px;
    }
    .book-cover-detail .kode-thumb {
        width: 300px;
    }
    .book-cover-detail .kode-thumb img {
        width: 100%;
    }
    .book-cover-detail .kode-text {
        padding: 50px 0 0 350px;
    }
    .book-cover-detail.call-to-action-right .kode-text {
        padding: 50px 350px 0 0;
    }
    .lib-book-detail a.add-to-cart {
        padding: 8px 15px;
    }
}

/*
=================================================
			FROM 0PX TO 979PX
=================================================
*/

@media (max-width: 991px) {
    section {
        padding: 50px 0px;
    }
    .section-heading-1 {
        margin-bottom: 30px;
    }
    .lib-video-section {
        padding: 50px 0px;
    }
    .kode-navigation {
        display: none;
    }
    .dl-menuwrapper {
        display: block;
    }
    .banner-search input[type="text"],
    .banner-search select {
        margin: 0px 0px 14px 0px;
    }
    .banner-search h2 br {
        display: none;
    }
    .banner-search h2 {
        margin: 0px 0px 20px 0px;
    }
    .section-content {
        padding: 0px 60px;
    }
    .kode-service {
        margin-bottom: 20px;
    }
    .count-up-section {
        padding: 40px 0px;
    }
    .count-up-section span.counter {
        font-size: 50px;
    }
    section .kode-author {
        margin: 0px 0px 30px 0px;
    }
    .book-guide img {
        width: 30%;
    }
    .book-guide div.col-md-5 {
        text-align: center;
    }
    .coming-soon .is-countdown {
        width: 90%;
    }
    .kode-event-detail-thumb .kode-caption {
        position: static;
        float: left;
        width: 100%;
        text-align: center;
    }
    .kode-event-detail-thumb .kode-caption a.reg {
        float: none
    }
    .kode-event-detail a.book-now {
        margin-bottom: 30px;
    }
    footer .widget {
        margin-bottom: 30px;
    }
    .kode-event-detail-thumb .social-icon {
        left: 20px;
    }
    .header-3 .logo {
        height: auto;
        float: left;
        width: auto;
    }
    .header-3 .logo-container {
        padding: 20px;
    }
    .header-3 .logo img {
        position: static;
    }
    .header-3 .logo-container .col-md-3 {
        width: auto;
        float: left;
    }
    .header-3 .logo-container .col-md-9 {
        float: right;
    }
    .header-3 .top-strip {
        float: left;
        width: auto;
    }
    .header-3 .top-strip .pull-left {
        display: none;
    }
    .header-3 .dl-menuwrapper {
        float: right;
        margin: 13px 0px;
    }
    .header-3 .social-icon {
        margin: 12px 0px;
    }
    .header-1 .dl-menuwrapper {
        margin: 7px 0px;
    }
    .book-cover-detail .kode-thumb {
        width: 200px;
    }
    .book-cover-detail .kode-thumb img {
        width: 100%;
    }
    .book-cover-detail .kode-text {
        padding: 20px 0 0 230px;
    }
    .book-cover-detail.call-to-action-right .kode-text {
        padding: 20px 230px 0 0;
    }
    .book-cover-detail h2 {
        font-size: 40px;
        margin: 0px;
    }
    .book-cover-detail h4 {
        font-size: 18px;
    }
    .book-cover-detail p {
        font-size: 14px;
        line-height: 22px;
    }
    .section-heading-1 .kode-icon:before {
        left: 23%;
    }
    .section-heading-1 .kode-icon:after {
        right: 23%;
    }
    .kode-page-heading {
        margin: 140px 0px 90px 0;
    }
    .kode-banner .kode-caption-2 {
        width: 60%;
        margin-left: -36%;
    }
    .kode-banner .kode-caption-2 h2 {
        font-size: 50px;
    }
    .kode-banner .kode-caption-2 h5 {
        font-size: 24px;
    }
    .kode-banner .kode-caption-2 p {
        display: none;
    }
    .search-section .form-container {
        padding: 30px 0px;
    }
    .search-section .form-container input {
        margin-bottom: 30px;
    }
    .lib-categories-section .nav-tabs>li>a {
        padding: 19px 10px;
    }
    .lib-papular-books .tab-content {
        width: 100%;
    }
    .lib-papular-books .nav-tabs {
        width: 100%;
        margin: -24px 0 20px 0;
    }
    .lib-authors {
        width: 50%;
        margin-bottom: 30px;
    }
    .newsletters-container {
        padding: 0px;
    }
    .kode-uptodate .row .col-md-8,
    .kode-uptodate .row .col-md-4 {
        padding-bottom: 30px;
        padding-top: 20px;
    }
    .kode-uptodate h2 {
        margin-bottom: 0px;
    }
    .kode-blog-list .kode-thumb {
        float: left;
        width: 100%;
    }
    .kode-blog-list .kode-text {
        width: 100%;
        float: left;
        padding: 20px;
    }
    .lib-event-listing .kode-text {
        padding: 30px;
    }
    .lib-event-listing {
        border: solid 1px #ccc;
    }
    .lib-event-listing:hover .kode-thumb {
        box-shadow: none;
    }
    .lib-event-listing:hover {
        box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.3);
        -moz-box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.3);
        -webkit-box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.3);
    }
    .error-404 {
        width: 100%;
    }
    .page-404 p {
        font-size: 300px;
    }
    .page-404 span {
        font-size: 40px;
        margin: -30px 0px 0px 0px;
    }
    .search-section .nav-tabs>li>a {
        padding: 10px 20px;
    }
    .search-section .nav-tabs>li.active>a,
    .search-section .nav-tabs>li.active>a:focus {
        padding: 17px 20px;
    }
    .search-section .nav-tabs {
        margin: -55px 0px 0px 0px;
    }
    .kode-author-detail-2 .kode-thumb {
        width: 300px;
    }
    .kode-author-detail-2 .kode-text {
        padding: 0px 0px 0px 330px;
    }
}

/*
=================================================
			FROM 768PX TO 979PX
=================================================
*/

@media (min-width: 768px) and (max-width: 979px) {}

/*
=================================================
			FROM 0PX TO 767PX
=================================================
*/

@media (max-width: 767px) {
    .section-content h2 {
        font-size: 24px;
    }
    .kode-profile-text img {
        margin-bottom: 20px;
    }
    .kode-service {
        padding: 45px 20px;
    }
    .kode-testimonials-4 .kode-text {
        padding: 0 10px;
    }
    .kode-testimonials-4 .bx-wrapper .bx-controls-direction a {
        left: 24%
    }
    .kode-testimonials-4 .bx-wrapper .bx-controls-direction a.bx-next {
        right: 24%;
        left: auto;
    }
    .kode-testimonials-4 h2 {
        font-size: 24px;
    }
    .testimonial-section {
        padding: 50px 0px;
    }
    .kd-tab-2 .tab-content {
        width: 67%;
    }
    .kd-tab-2 .nav-tabs {
        width: 33%;
    }
    .kd-tab-2 .nav-tabs>li>a {
        font-size: 12px;
        padding: 10px;
    }
    .count-up-section-2 .count-up .counter {
        line-height: normal;
    }
    .count-up-section-2 .count-up {
        padding: 20px 0px;
        text-align: center;
    }
    .count-up-section-2 .count-up p:before {
        display: none;
    }
    .kode-newsletters .input-container {
        width: 100%;
    }
    .top-strip {
        text-align: center;
    }
    .top-strip .site-info {
        float: none;
        display: inline-block;
    }
    .logo-container .logo {
        float: left;
    }
    .kode-page-heading {
        margin: 140px 0 20px;
    }
    .kode-inner-banner-3 .kode-page-heading {
        margin: 150px 0 50px;
    }
    .kode-comments ul li .kode-thumb {
        height: 60px;
        width: 60px;
    }
    .kode-comments ul li .kode-text {
        padding: 0px 0px 0px 80px;
    }
    .kode-comments ul ul {
        padding: 0px 0px 0px 60px;
    }
    .kode-blog-full .meta-date p {
        font-size: 14px;
        line-height: normal
    }
    .kode-blog-full .meta-date .kode-date p {
        margin: 5px 0px 0px 15px;
        float: left;
    }
    .kode-blog-full .meta-date .kode-date h2 {
        font-size: 24px;
        float: left;
    }
    .kode-blog-full .kode-text h2 {
        font-size: 20px;
        line-height: normal;
        margin-bottom: 5px;
    }
    aside div.widget:first-child,
    .sidebar div.widget:first-child {
        margin-top: 30px;
    }
    .kode-newsletters .section-content h2 {
        font-size: 18px;
    }
    .section-content {
        padding: 0px;
    }
    .sidebar {
        margin-bottom: 30px;
        float: left;
        width: 100%;
    }
    .copyrights {
        text-align: center;
    }
    .copyrights p {
        width: 100%;
        margin: 0px 0px 10px 0px;
    }
    .cards {
        float: left;
        width: 100%;
    }
    .kode-inner-banner-2 {
        min-height: inherit;
    }
    .kode-inner-banner-2 .kode-page-heading {
        margin: 30px 0 20px;
    }
    .kode-inner-banner-2 .kode-page-heading h2 {
        font-size: 28px;
    }
    .coming-soon h2 {
        font-size: 30px;
    }
    .coming-soon .countdown-amount {
        font-size: 34px;
    }
    .coming-soon .is-countdown {
        width: 100%;
    }
    .coming-soon .countdown-show4 .countdown-section {
        width: 22.4%;
        margin: 0 1%;
    }
    .coming-soon .countdown-period {
        font-size: 12px;
    }
    .coming-soon .search-field {
        width: 96%;
    }
    .page-404 p {
        font-size: 180px;
        line-height: 180px;
        margin: 0px;
    }
    .page-404 span {
        font-size: 20px;
        line-height: 40px;
        margin: -40px 0 0;
    }
    .error-404 h2 {
        font-size: 30px;
    }
    .header-3 .logo-container .col-md-3 {
        float: left;
        width: auto;
    }
    .header-3 .logo-container .col-md-9 {
        float: right;
        width: auto;
    }
    .header-3 .logo {
        height: auto;
    }
    .header-3 .logo img {
        position: static;
    }
    .header-3 .logo-container {
        padding: 20px;
    }
    .header-3 .top-strip .pull-left {
        display: none;
    }
    .lib-event-listing .kode-thumb {
        margin-bottom: 30px;
    }
    .lib-event-listing .lib-event-captions p.date span {
        font-size: 30px;
    }
    .lib-event-listing .lib-event-captions {
        width: 45%;
    }
    .kode-inner-banner-3 {
        min-height: inherit;
    }
    .search-section .nav-tabs>li {
        float: left;
        width: 33.333%;
        margin: 0px;
    }
    .search-section .nav-tabs>li>a,
    .search-section .nav-tabs>li.active>a,
    .search-section .nav-tabs>li.active>a:focus {
        font-size: 12px;
        padding: 12px 25px;
        font-weight: normal;
        text-align: center;
    }
    .search-section .nav-tabs {
        margin: 0px;
    }
    .search-section .nav-tabs>li.active>a:before,
    .search-section .nav-tabs>li.active>a:after {
        display: none;
    }
    .search-section {
        padding: 20px;
    }
    .search-section .form-container {
        padding: 10px 0px 0;
    }
    .search-section .form-container div {}
    .search-section .form-container input[type="text"],
    .search-section .form-container button {
        margin: 10px 0px;
    }
    #filterable-item-filter-1 li {
        margin: 0 0 3px;
    }
    .buy-template {
        text-align: center;
    }
    .buy-template h2 {
        font-size: 20px;
    }
    .buy-template .kode-btns {
        float: left;
        width: 100%;
        margin-top: 10px;
    }
    .buy-template .kode-btns a {
        float: none;
        margin: 0px 3px;
        padding: 6px 20px;
        font-size: 12px;
    }
    .gift-card-section .kode-gift {
        float: left;
        width: 100%;
    }
    .gift-card-section:before {
        display: none;
    }
    .kode-package {
        margin: 0px 0px 30px 0px;
    }
    .kode-package .package-content {
        padding: 60px 30px 30px 30px;
    }
    .kode-blog-list .kode-thumb {
        width: 200px;
    }
    .kode-blog-list .kode-text {
        padding: 10px 10px 10px 220px;
    }
    .kode-blog-list .kode-text p {
        font-size: 14px;
        margin: 0px;
        line-height: 20px;
    }
    .kode-blog-list .kode-text h2 {
        margin: 0px;
    }
    header {
        /* position: static; */
        background-color: #000;
        padding: 20px 0px;
     
    }
    .kode-banner .kode-caption h2 {
        font-size: 30px;
    }
    .kode-banner .kode-caption h5 {
        font-size: 14px;
    }
    .kode-banner .kode-caption p {
        display: none;
    }
    .kode-banner .kode-caption h5::before,
    .kode-banner .kode-caption h5::after {
        top: 7px;
    }
    .kode-banner .kode-caption .input-container {
        display: none;
    }
    .kode-banner .kode-caption-2 {
        width: 80%;
    }
    .kode-banner .kode-caption-2 h5 {
        font-size: 18px;
    }
    .kode-banner .kode-caption-2 h2 {
        font-size: 26px;
    }
    .kode-banner .kode-caption-2 p {
        display: none;
    }
    .kode-banner .kode-caption-2 .caption-btns {
        margin: 0px;
    }
    .kode-banner .kode-caption-2 .caption-btns a {
        padding: 6px 20px;
        font-size: 14px;
    }
    .kode-service-3 {
        margin-bottom: 30px;
    }
    .lib-categories-section .nav-tabs>li>a {
        padding: 7px 10px;
        font-size: 12px;
    }
    .lib-categories-section .bx-wrapper .bx-controls-direction a {
        top: 0px;
        height: 30px;
        line-height: 30px;
    }
    .lib-papular-books .nav-tabs {
        float: left;
        width: 100%;
        display: none;
    }
    .lib-papular-books .tab-content {
        float: left;
        width: 100%;
    }
    .lib-papular .kode-thumb {
        width: 40%;
    }
    .lib-papular .kode-text {
        padding: 0 0 0 300px;
    }
    .lib-authors {
        width: 100%;
        margin-bottom: 30px;
    }
    .newsletters-container {
        float: left;
        width: 100%;
        padding: 0px;
    }
    .header-3 {
        padding: 0px;
        background-color: transparent;
    }
    .header-3 .container {
        padding: 0px;
    }
    .lib-ebook h3 {
        display: none;
    }
    .lib-ebook {
        margin-bottom: 30px;
        text-align: center;
    }
    footer .widget {
        margin-bottom: 30px;
    }
    .kode-uptodate .row .col-md-8,
    .kode-uptodate .row .col-md-4 {
        padding: 30px 20px;
    }
    .kode-uptodate h2 {
        margin: 0px;
    }
    .kode-uptodate .social-icons {
        float: left;
        width: 100%;
    }
    .kode-uptodate .social-icons ul {
        margin: 0px 0px 10px 0px;
        width: 100%;
        text-align: center
    }
    .kode-uptodate .social-icons ul li {
        float: none;
        display: inline-block;
    }
    .kode-blog-full .writer .kode-text {
        float: none;
        padding: 0px 0px 0px 95px;
    }
    .kode-blog-full .kode-thumb {
        margin: 0px;
    }
    .kode-blog-full .meta-date .writer {
        padding: 0px 0px 10px 0px;
    }
    .section-heading-1 .kode-icon:before,
    .section-heading-1 .kode-icon:after {
        width: 150px;
        left: 10%;
    }
    .section-heading-1 .kode-icon:after {
        left: auto;
        right: 10%;
    }
    .best-seller-pro {
        padding: 10px;
    }
    .kode-event-detail-thumb .kode-caption {
        padding: 0px;
    }
    .kode-event-detail-thumb .social-icon {
        width: auto;
        top: 10px;
        left: 10px;
    }
    .header-1 {
        padding: 0px;
    }
    .lib-papular .kode-thumb {
        width: 100%;
        float: left;
    }
    .lib-papular .kode-text {
        padding: 20px;
        float: left;
        width: 100%;
    }
    .section-heading-1 h2 {
        font-size: 22px;
    }
    .kode-newsletters-2 .input-container {
        margin: 0px 0px 30px 0px;
    }
    .kode-newsletters-2 div {
        float: left;
        width: 100%;
    }
    .lib-copyrights p {
        width: 100%;
        text-align: center;
        margin: 0px 0px 10px 0px;
    }
    .lib-copyrights .social-icon {
        float: left;
        width: 100%;
    }
    .lib-copyrights .social-icon ul {
        float: left;
        width: 100%;
        text-align: center;
    }
    .lib-copyrights .social-icon ul li {
        float: none;
        display: inline-block;
    }
    .lib-count-up-section .count-up {
        padding: 50px 0 20px;
    }
    .kode-author-detail-2 .kode-thumb {
        width: 100%;
        margin-bottom: 30px;
    }
    .kode-author-detail-2 .kode-text {
        padding: 0px;
    }
    .kode-facts .nav-tabs>li>a {
        font-size: 14px;
        padding: 8px 10px;
    }
    .kode-page-heading {
        margin: 30px 0 20px;
    }
}

/*
=================================================
			FROM 0PX TO 0PX
=================================================
*/

@media (max-width: 480px) {
    .lib-event-listing .lib-event-captions {
        position: static;
        float: left;
        width: 100%;
        border: none;
    }
    .header-3 .top-strip {
        display: none;
    }
    .header-3 .logo {
        width: 150px;
    }
    .header-3 .logo img {
        width: 100%;
    }
    .kode-content section:first-child {
        padding: 30px 0 40px;
    }
    section {
        padding: 30px 0px;
    }
    .kode-service {
        padding: 20px;
    }
    .kode-testimonials-4 .bx-wrapper .bx-controls-direction a.bx-next {
        right: 0px;
        left: auto;
    }
    .kode-testimonials-4 .bx-wrapper .bx-controls-direction a {
        left: 0px;
        top: 34px;
    }
    .kode-testimonials-4 .kode-text {
        padding: 0px;
    }
    .kode-testimonials-4 .kode-thumb {
        height: 100px;
        width: 100px;
    }
    .count-up-section span.counter {
        font-size: 30px;
        line-height: 30px;
    }
    .count-up-section .count-up p {
        font-size: 12px;
    }
    .count-up-section .count-up {
        padding: 15px 0px;
    }
    .kode-profile-tabs .kd-horizontal-tab .nav-tabs>li {
        float: left;
        margin: 0px;
        width: auto;
    }
    .kode-profile-tabs .kd-horizontal-tab .nav-tabs>li>a {
        font-size: 12px;
        font-weight: normal;
        padding: 9px 10px;
        margin: 0px;
    }
    .kode-profile-tabs .kd-horizontal-tab .nav-tabs>li.active>a {
        font-size: 12px;
        font-weight: normal;
        padding: 8px 10px;
    }
    .kode-profile-tabs .kd-horizontal-tab .nav-tabs {
        margin-top: -38px;
    }
    .book-guide img {
        width: 100%;
    }
    .kd-tab-2 .nav-tabs {
        float: left;
        width: 100%;
    }
    .kd-tab-2 .tab-content {
        width: 100%;
    }
    .kode-blog-detail .kode-user {
        float: left;
        width: 100%;
    }
    .kode-blog-detail .blog-meta {
        float: left;
        width: 100%
    }
    .kode-blog-detail .kode-detail-meta {
        padding: 0px;
    }
    .kode-blog-detail .kode-text h2 {
        margin: 0px;
    }
    .kode-comments ul li .kode-text a.reply {
        position: static;
    }
    .kode-map iframe {
        height: 200px;
    }
    .padding-tb-50 {
        padding: 30px px;
    }
    .contact-info ul li {
        width: 100%;
        margin: 0px;
    }
    .page-404 p {
        font-size: 110px;
        line-height: 100px;
    }
    .page-404 span {
        position: static;
        font-size: 20px;
        margin: 0px;
    }
    .error-404 {
        width: 100%;
        margin: 0px;
    }
    .error-404 a.go-back {
        font-size: 16px;
    }
    .top-strip ul.my-account li a {
        font-size: 12px;
        text-transform: capitalize;
    }
    .header-1 .top-strip {
        text-align: center;
    }
    .header-1 .top-strip .pull-left {
        width: 100%;
    }
    .top-strip ul.my-account {
        float: left;
        width: 100%;
    }
    .top-strip ul.my-account li {
        float: none;
        display: inline-block;
        margin: 0px 4px;
    }
    .kode-banner .kode-caption h5 {
        display: none;
    }
    .kode-banner .bx-wrapper .bx-controls-direction a:before {
        font-size: 30px;
    }
    .kode-blog-list .kode-thumb {
        float: left;
        width: 100%;
    }
    .kode-blog-list .kode-text {
        padding: 20px;
        float: left;
        width: 100%;
    }
    .kode-package .package-content {
        padding: 30px;
    }
    .kode-package .package-content h2 {
        margin-bottom: 15px;
    }
    .kode-banner .kode-caption-2 .caption-btns {
        display: none;
    }
    .kode-banner .kode-caption-2 {
        left: 0;
        text-align: center;
        width: 100%;
        margin: 0px;
    }
    .search-section .nav-tabs>li>a,
    .search-section .nav-tabs>li.active>a,
    .search-section .nav-tabs>li.active>a:focus {
        padding: 10px;
        font-size: 10px;
    }
    .lib-papular .kode-thumb {
        width: 100%;
        margin-bottom: 20px;
    }
    .lib-papular .kode-text {
        padding: 0px;
    }
    .section-heading-1 .kode-icon:before,
    .section-heading-1 .kode-icon:after {
        width: 80px;
        left: 10%;
    }
    .section-heading-1 .kode-icon:after {
        left: auto;
        right: 10%;
    }
    .section-heading-1 h2 {
        font-size: 24px;
    }
    .newsletters-container div {
        float: left;
        width: 100%;
        margin: 0px 0px 10px 0px;
    }
    .lib-video-section h2 {
        font-size: 22px;
    }
    .lib-contact-section .location-text {
        width: 100%;
        height: auto;
        position: static;
        border-radius: 0;
        float: left;
        padding: 30px;
    }
    .lib-contact-section .kode-thumb {
        display: none;
    }
    .lib-contact-section iframe {
        height: 250px;
        float: left;
        width: 100%;
    }
    .lib-call-to-action h2 {
        font-size: 30px;
    }
    .kode-uptodate .input-container button {
        font-weight: normal;
        font-size: 12px;
        padding: 10px 10px;
    }
    .kode-uptodate h2 {
        font-size: 22px;
    }
    .lib-theme-intro .kode-thumb img {
        float: left;
        width: 100%;
    }
    .section-heading {
        padding: 0px;
    }
    .section-heading h2 {
        font-size: 20px;
    }
    .section-content h2 {
        font-size: 20px;
    }
    .lib-blog-2.lib-blog-3 .kode-text {
        margin: 0px;
        padding: 20px;
    }
    .lib-blog-2.lib-blog-3 .kode-blog-date {
        right: auto;
        top: auto;
        bottom: 0px;
    }
    .kode-blog-date {
        width: 100%;
        margin-bottom: 10px;
    }
    .kode-blog-date p,
    .kode-blog-date span {
        float: left;
        width: 50%;
    }
    .kode-blog-date span:before {
        display: none;
    }
    .lib-blog-detail .detailed-text .header .kode-text {
        float: left;
        width: 100%;
        padding: 0px;
    }
    .lib-blog-detail .detailed-text .header .kode-text h3 {
        font-size: 18px;
        margin: 0px;
    }
    .lib-blog-detail .detailed-text .header {
        margin: 0px;
    }
    .kode-comments ul li .kode-thumb {
        width: 40px;
        height: 40px;
    }
    .kode-comments ul li .kode-text {
        padding: 0px 0px 0px 60px;
    }
    .kode-comments ul ul {
        padding: 0px 0px 0px 40px;
    }
    .location-map iframe {
        height: 200px;
    }
    .product-review-tabs .nav-tabs li {
        float: left;
        width: 100%;
    }
    .product-review-tabs .nav-tabs li a {
        font-size: 12px;
        font-weight: normal;
        padding: 10px;
    }
    .book-cover-detail .kode-thumb {
        width: 100%;
        padding: 0px 100px;
    }
    .book-cover-detail .kode-thumb img {
        width: 100%;
    }
    .book-cover-detail .kode-text,
    .book-cover-detail.call-to-action-right .kode-text {
        padding: 20px 0 0 0;
        width: 100%;
        text-align: left;
    }
    .search-section .form-container .row div {
        float: left;
        width: 100%;
    }
    .heading-1 h2 {
        font-size: 22px;
    }
    .kode-facts .nav-tabs>li {
        width: 100%;
        float: left;
    }
}