@media (min-width: 1200px) {
} @media (min-width: 992px) and (max-width: 1199px) {
.bk-list li{
background-size: 100% 100%;
background-repeat:no-repeat;
padding: 80px 25px; 
}
.menu-row{
padding: 10px 0;
}
.blog-style-3 h2{
font-size: 18px;
}
.head-top [class*="col"]{
width: auto;
}
.head-top [class*="col"]:last-child{
float: right;
}
a.logo{
margin: 0;
}
.kode-responsive-navigation #mega_main_menu,
.kode-navigation .mobile_toggle,
.kode-navigation #mega_main_menu{
display: none;
}
#kode-responsive-navigation{
display: block;
float: right;
margin:18px 0 0 30px;
}
.cp-search-holder{
margin-top: 22px;
}
.kode-item.style-1 .bx-wrapper .bx-controls-direction a.bx-prev{
left: 50px;
}
.kode-item.style-1 .bx-wrapper .bx-controls-direction a.bx-next{
right: 50px;
}
.upcoming-release #bx-pager-custom a{
width: 60px;
}
.upcoming-release #bx-pager-custom a:last-child{
margin: 0;
}
.upcoming-release .bx-controls-direction{
right: -480px;
}
.tab-style-1{
text-align: center;
}
.tab-style-1 .nav.nav-tabs{
float: none;
display: inline-block;
width: auto;
}
.add-banner .add-box-2 span.book-2{
right: 14px;
}
.add-banner .add-box-1 span.book-1{
left: 14px;
}
.add-banner .add-box-1 .text-column{
padding-right: 25px;
padding-top: 20px;
}
.add-banner .add-box-1 .text-column h3{
font-size: 20px;
line-height: 20px;
margin-bottom: 5px;
}
.add-banner .add-box-1 .text-column p{
margin-bottom: 10px;
}
.add-banner .add-box-2 .text-column{
padding-left: 25px;
padding-top: 25px;
}
.add-banner .add-box-2 .text-column strong.price{
margin-bottom: 5px;
padding-bottom: 15px;
font-size: 30px;
line-height: 30px;
}
.add-banner .add-box-2 .text-column p{
font-size: 16px;
line-height: 16px;
}
.staff-recomended .holder{
background-size: 100% auto;
background-position: 5px 62px;
} .tab-content-box ul li:nth-child(9) .tooltip-wrap .tooltip-content,
.tab-content-box ul li:nth-child(5n+5) .tooltip-wrap .tooltip-content,
.tooltip-wrap .tooltip-content{
top: 50%;
left: auto;
right: auto;
}
.tab-content-box ul li:nth-child(8) .tooltip-wrap .tooltip-content{
left:auto;
right: 0;
}
.tooltip-wrap .tooltip-content:before{
opacity: 0;
}
.timeline-area .text-box .left-box{
width: 100%;
margin-right: 0;
}
.timeline-area .text-box .right-box{
margin-top: 20px;
width: 100%;
float: left;
}
.timeline-area .text-box .right-box .box{
width: 17%;
}
.holder, #inner-banner .holder{
padding: 15px 0;
}
.related-product .content{
max-width: 100%;
}
.related-product ul li{
padding: 0;
margin:0 4px; 
}
.blog-style-1 .post-box .text-column > a{
padding-bottom: 5px;
}
.blog-style-1 .post-box .blog-info.blog-date{
margin-bottom: 7px;
}
.tab-style-1-content{
overflow: hidden;
}
.woocommerce ul.products li.product h3{
font-size: 16px;
}
.blog-style-4 .box .text-cloumn h3{
font-size: 13px;
} .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%;
}
.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;
}
.woocommerce ul.cart_list li img, .woocommerce ul.product_list_widget li img{
margin:0px 0px 10px 0px;
width:100%;
}
.woocommerce .product_list_widget li a img, .widget-new-arrival ul li .kode-thumb, .widget-new-arrival ul li .kode-thumb img{
width:100%;
margin-bottom:10px;
height:auto;
}
.widget-new-arrival ul li .kode-text{
padding:0px;
}
.col-md-3 .kode-single-blog .kode-text .kode-date{
width:100%;
padding:10px 0px;
margin:0px;
}
.col-md-3 .kode-single-blog .kode-text h3{
float:left;
width:100%;
padding:0px 10px;
}
.col-md-3 .kode-single-blog .kode-text p{
padding:0px 10px;
}
.col-md-3 .kode-single-blog .kode-text{
border-left:1px solid #ccc;
}
.kode-blog-list .kode-text h2{
line-height:normal;
margin-bottom:0px;
}
.info-box ul li{
padding: 0 10px;
}
.header-2 .nav-row #kode-responsive-navigation,
.header-2 .nav-row .search-box-2,
.header-2 .nav-row .currency-box{
margin-top: 0;
}
} @media (max-width: 991px) {
.header-2 .head-cart-box{
float: right;
margin: 12px 0 !important;
}
.header-2 .info-box{
display: none;
}
.header-2 .nav-row #kode-responsive-navigation,
.header-2 .nav-row .search-box-2,
.header-2 .nav-row .currency-box{
margin-top: 0;
}
section.nav-row{
padding: 30px 0;
}
.header-2 .right-col{
text-align: left;
}
.tab-style-1-content .box .frame .img-frame{
height: auto;
}
.pagination-style-1{
margin-bottom: 25px;
}
.author-listing-box .thumb{
margin-bottom: 20px;
}
.author-listing-box .text-column{
text-align: center;
}
.author-detail-sidebar .thumb{
width: auto;
}
.author-detail-sidebar .detail-count {
text-align: center;
margin-bottom: 10px;
}
.author-detail-sidebar .detail-count ul li{
padding: 0 7px;
float: none;
display: inline-block;
}
.author-detail-sidebar .follow ul li{
padding: 0;
}
.education-info-box strong.title{
line-height: 20px;
}
.menu-row{
padding: 10px 0;
}
.box-outer .box{
padding: 0 5px;
}
.kode-item .entry-summary .woocommerce div.product p.price del, .kode-item .entry-summary .woocommerce div.product span.price del{
display: inline-block !important;
margin-right: 10px;
}
.head-top .left-col ul{
text-align: center;
margin-bottom: 10px;
}
.head-top .left-col ul li{
float: none;
display: inline-block;
}
.head-cart-box{
float: left;
}
.right-col{
text-align: center;
}
.login-box{
display: inline-block;
width: auto;
float: none;
}
.kode-item.style-1 .bx-wrapper .bx-controls-direction a.bx-prev{
left: 20px;
}
.kode-item.style-1 .bx-wrapper .bx-controls-direction a.bx-next{
right: 20px;
}
.kode-responsive-navigation #mega_main_menu,
.kode-navigation .mobile_toggle,
.kode-navigation #mega_main_menu{
display: none;
}
#kode-responsive-navigation{
display: block;
float: right;
margin:18px 0 0 30px;
}
.cp-search-holder{
margin-top: 22px;
}
.upcoming-release .bx-wrapper{
padding: 0;
border-radius: 0;
width: 100%;
}
.upcoming-release .bx-wrapper .bx-viewport{
float: left;
width: 100% !important;
border-radius: 0;
}
.release-outer .container,
.release-outer{
padding: 0;
float: left;
width: 100%;
}
.upcoming-release .bx-wrapper .bx-viewport{
top: 0;
}
.upcoming-release .bx-wrapper::before{
opacity: 0;
}
.upcoming-release .bx-controls.bx-has-controls-direction {
float: left;
position: relative;
width: 100%;
}
.upcoming-release #bx-pager-custom{
display: none;
}
.upcoming-release .bx-controls-direction {
position: absolute;
right: 48px;
top: -231px;
}
.upcoming-release .bx-wrapper .bx-controls-direction a{
margin-top: -49px;
}
.upcoming-release{
padding: 0;
}
.upcoming-release .text-col{
width: 75%;
}
.upcoming-release .text-col h4{
font-size: 22px;
line-height: 22px;
margin-bottom: 30px;
}
.upcoming-release .bx-wrapper .bx-viewport{
height: auto !important;
}
.upcoming-release .bx-wrapper .bx-viewport li a.btn-link{
right: 25%;
}
.tab-style-1-content .box-outer{
margin-bottom: 50px;
}
.tab-style-1-content .box .frame .img-frame{
float: left;
width: 100%;
padding: 0 10px;
}
.tab-style-1-content .box .frame .img-frame img{
float: left;
width: 100%;
}
.tab-style-1 .nav.nav-tabs{
width: 100%;
text-align: center;
}
.tab-style-1 .nav.nav-tabs li{
display: inline-block;
float: none;
}
.add-banner.books-banner-1,
.add-banner.books-banner-2{
padding: 0;
}
.add-banner.books-banner-2{
margin-bottom: 0;
}
.tab-content-box ul{
float: left;
width: 100%;
}
.tab-content-box > ul > li{
padding: 7px;
margin: 0 0 30px 0;
width: 50%;
}
.tab-content-box .thumb{
width: 100%;
}
.tab-content-box ul li .tooltip-wrap .tooltip-content{
top: 0;
left: 0 !important;
width: 100%;
}
.tooltip-wrap .tooltip-content::before{
opacity: 0;
}
.services-area{
margin-bottom: 30px;
}
.timeline-area [class*="col-md"]{
width: 100%;
text-align: center;
}
.timeline-area .frame{
display: inline-block;
width: auto;
float: none;
margin-bottom: 20px;
}
.staff-recomended .holder{
background-size: 100% auto;
background-position: 5px 62px;
}
.timeline-area .text-box .left-box{
float: left;
width: 100%;
margin: 0 0 25px 0;
}
.timeline-area .text-box .right-box{
float: left;
width: 100%;
text-align: center;
}
.follow ul,
.follow strong.title,
.follow li{
display: inline-block;
width: auto;
float: none;
}
.timeline-area .text-box .right-box .box{
display: inline-block;
float: none;
}
.timeline-area .text-box .right-box .box:last-child{
padding-right: 0;
}
.gallery-bookshop .thumb{
padding:5px;
margin: 0;
width: 50%; 
}
.services-area .text-column{
text-align: center;
}
.blog-style-3 .kode-blog-full-modern .thumb{
margin: 0 0 30px 0;
} 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;
margin:0px auto;
}
.header-3 .logo-container {
padding: 20px;
}
.header-3 .logo img {
position: static;
}
.header-3 .logo-container .col-md-3 {
float: left;
width:auto;
}
.header-3 .logo-container .col-md-9 {
float: right;
width:auto;
}
.header-3 .top-strip {
float: left;
width: auto;
padding:0px;
margin:10px 0px;
}
.header-3 .social-icon{
margin:0px;
}
.header-3 .top-strip .pull-left {
display: none;
}
.header-3 .dl-menuwrapper {
float: right;
margin: 7px 0 0px 10px;
}
.header-3 .social-icon {
margin: 0
}
.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, .search-section .chosen-container {
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 {
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;
}
.lib-count-up-section .col-md-3.columns{
float:left;
width:50%;
}
.kode-sidebar.kode-left-sidebar, .kode-sidebar.kode-right-sidebar, .kode-widget.kode-sidebar-element{
margin-bottom: 30px;
}
.col-md-12{
float:left;
width:100%;
}
.kode-widget{
float:left;
width:100%;
}
.woocommerce-content ul.products li{
width: 48% !important;
}
.sidebar-add-banner{
padding-top: 11%;
}
.kode_pet_value > a,
.owl-carousel .owl-item a,
.owl-carousel .owl-item img{
float: left;
width: 100%;
text-align: center;
}
.owl-carousel .owl-item img{
width: auto;
float: none;
display: inline-block;
}
.count-area{
margin-bottom: 30px;
}
.team-style-1 .team-box{
margin-bottom: 30px;
}
.call-action{
text-align: center;
}
.call-action strong{
margin-bottom: 20px;
}
.call-action a.btn-1{
display: inline-block;
float: none;
}
.gallery-bookshop .thumb{
background-color: #fff;
}
.book-listing-tab .nav-tabs > li{
margin-left: 10px;
}
} @media (min-width: 768px) and (max-width: 979px) {
} @media (max-width: 767px) {
.author-detail-content{
text-align: center;
}
.recommended-tab-area .nav > li{
float: none;
margin:0;
display: inline-block; 
}
.recommended-tab-area .nav > li > a{
display:block;
float: none;
padding: 7px 10px;
}
.recommended-tab-area .review-start{
float: left;
width: 100%;
text-align: center;
}
.recommended-tab-area .review-start ul li{
display: inline-block;
float: none;
}
.popular-boox-area{
text-align: center;
}
.education-info-box{
text-align: justify;
}
.popular-boox-area .book-listing-tab  h3{
width: 100%;
text-align: center;
margin-bottom: 20px;
}
.popular-boox-area .book-listing-tab .nav-tabs > li{
float: none;
display: inline-block;
}
.popular-boox-area .book-listing-box{
text-align: center;
}
.popular-boox-area .book-listing-box .text-column{
float: left;
width: 100%;
}
.popular-boox-area .book-listing-btm-row a.link,
.popular-boox-area .book-listing-box .text-column strong.amount,
.popular-boox-area .book-listing-box .thumb{
float: none;
margin: 0;
display: inline-block;
}
.popular-boox-area .book-listing-btm-row a.link{
top: -11px;
position: relative;
}
.popular-boox-area .book-listing-box .review-start {
display: inline-block;
float: none;
margin: 0 0px;
width: auto;
}
.popular-boox-area .book-listing-box .text-column strong.amount {
position: relative;
right: 5px;
top: -6px;
}
.popular-boox-area .book-listing-btm-row{
margin-top: 10px;
}
.popular-boox-area .book-listing-box > .thumb{
width: 50%;
}
.book-listing-btm-row span.title{
width: 100%;
}
.blog-item-wrapper .location-row ul{
text-align: left;
}
.blog-style-4 .box .text-cloumn h3,
.blog-style-3 h2{
font-size: 16px;
text-overflow:ellipsis;
overflow: hidden;
width: 100%;
float: left;
white-space: nowrap;
}
.filter-row .filter-1{
padding-left: 15px;
margin-right: 25px;
}
.filter-row .filter-1 .selector{
width: 170px;
min-width: 170px;
}
.blog-detail .follow{
padding: 0;
width: 100%;
}
.post-box .text-holder{
padding: 0;
}
.blog-detail .follow ul {
float: left;
width: auto;
margin-right: 10px;
}
#inner-banner{
padding: 36px 0 40px;
}
#inner-banner h1{
font-size: 30px;
}
.post-box .text-cloumn h2{
font-size: 18px;
text-overflow:ellipsis;
overflow: hidden;float: left;
width: 100%;
white-space: nowrap;
}
.mission-area{
text-align: center;
}
.kode-center h2{
font-size: 20px;
}
.frame.floating{
padding-top: 20px;
}
.call-action h2{
font-size: 16px;
}
.event-listing-content ul li{
text-align: center;
}
.event-listing-content ul li .thumb{
float: none;
width: auto;
display: inline-block;
margin:0 0 25px 0; 
}
.event-listing-content .text-cloumn{
float: left;
width: 100%;
text-align: center;
}
.location-row ul{
float: left;
width: 100%;
text-align: center;
}
.name-col {
display: inline-block;
float: none;
width: auto;
}
.event-listing-content .text-cloumn h3{
width: 100%;
}
.location-row ul li{
display: inline-block;
float: none;
width: auto;
}
.sidebar-add-banner h2{
font-size: 20px;
}
.login-box{
padding: 0;
}
.sidebar-add-banner{
padding-top: 70px;
}
.upcoming-release .text-col {
width: 65%;
}
.upcoming-release .bx-controls-direction{
top: -253px;
}
.upcoming-release .text-col h4{
margin-bottom: 12px;
}
.tab-style-1 .nav > li > a{
padding-right: 13px;
padding-left: 13px;
font-size: 12px;
}
.add-banner .add-box-1 .text-column{
padding:12px 25px 0 180px; 
}
.add-banner .add-box-1 .text-column h3{
font-size: 18px;
line-height: 18px;
}
.add-banner .add-box-2 .text-column strong.price{
font-size: 23px;
line-height: 23px;
}
.add-banner .add-box-2 .text-column{
padding: 20px 190px 0 25px;
}
.add-banner .add-box-2 .text-column p{
font-size: 18px;
line-height: 18px;
}
.tab-sidebar{
margin-bottom: 30px;
}
.holder, #inner-banner .holder{
padding:15px 0;
}
.add-banner-2 .text-column{
text-align: center;
}
.footer-btm-row strong.copy{
width: 100%;
text-align: center;
margin-bottom: 20px;
}
.footer-btm-row img{
float: left;
width: auto;
}
.woocommerce div.product div.images{
width: 100%;
}
.woocommerce div.product div.summary{
padding: 0;
width: 100%;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a{
padding: 10px 2px;
font-size: 13px;
}
.woocommerce ul.products li.product h3{
text-overflow:ellipsis;
overflow: hidden;
float: left;
width: 100%;
white-space: nowrap;
} .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;
float:left;
}
.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: 80px;
left: 28%;
}
.section-heading-1 .kode-icon:after {
left: auto;
right: 28%;
}
.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;
}
.lib-count-up-section .col-md-3.columns{
float:left;
width:100%;
}
.search-section .chosen-container{
margin-bottom:10px;
}
.lib-video-section h2{
font-size:30px;
}
.comment-form div{
float:left;
width:100%;
}
.header-3 .logo{
float:none;
width:180px;
margin:0px auto;
}
.header-3 .logo-container .col-md-3, .header-3 .logo-container .col-md-9{
float:left;
width:100%;
}
.header-3 .social-icon{
margin:0px;
}
.header-3 .top-strip{
margin:17px 0px;
padding:0px;
width:100%
}
.header-3 .dl-menuwrapper{
position:absolute;
top:0px;
right:20px;
}
.header-3 .top-strip .social-icon{
float:left;
}
.section-heading-1 h2, .pagebuilder-wrapper .section-heading-1 h2, .kode-parallax-wrapper .section-heading-1 h2{
font-size:24px;
margin-bottom:10px;
}
.section-heading-1 .kode-icon{
}
.col-md-12{
float:left;
width:100%;
}
.kode-blog-list .kode-thumb{
float:left;
width:100%;
}
.kode-blog-list .kode-text{
float:left;
width:100%;
padding:10px;
}
.woocommerce-content .woocommerce ul.products li.product, 
.woocommerce-content .woocommerce-page ul.products li.product, 
.woocommerce-content .woocommerce-page[class*="columns-"] ul.products li.product, 
.woocommerce-content .woocommerce[class*="columns-"] ul.products li.product{
width: 100%;
}
form .contact-page input[type="submit"]{
width: auto;
}
.address-box ul li span{
margin-right: 15px;
}
.address-box address .text-box a{
font-size: 18px;
}
} @media (max-width: 480px) {
.header-2 .right-col{
text-align: center;
}
.filter-row .filter-1{
float: left;
width: 100%;
margin: 0;
padding: 0 15px;
}
.recommended-tab-area .tab-content .box{
width: 100%;
}
.recommended-tab-area .nav-tabs{
margin-bottom: 20px;
}
.head-top .left-col ul li{
padding: 0 4px;
}
.head-top .left-col ul li:before{
opacity: 0;
}
.login-box{
float: left;
width: auto;
padding: 8px 0 0 ;
}
.head-cart-box{
float: right;
width: auto;
}
.login-box i,
.topbar-social{
display: none;
}
a.logo{
width: 50%;
margin: 0;
}
.kode-item.style-1 .bx-wrapper .bx-controls-direction a{
width: 30px;
height: 30px;
line-height: 30px;
font-size: 15px;
margin-top: -15px;
}
.upcoming-release .text-col{
padding: 0;
width: 100%;
}
.upcoming-release .bx-wrapper .bx-viewport li .thumb{
width: 100%;
}
.upcoming-release .bx-wrapper .bx-viewport li .thumb img{
float: left;
width: 100%;
}
.release-outer,
.upcoming-release .bx-wrapper .bx-viewport{
height: auto !important;
}
.tab-content-box > ul > li{
width: 100%;
}
.timeline-area .text-box .right-box .box strong.name{
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
width: 100%;
float: left;
}
.gallery-bookshop .thumb{
width: 100%;
}
.add-banner-2{
width: 100%;
float: left;
background-size: cover !important;
padding: 10px;
text-align: center;
height: auto;
}
.add-banner-2 .text-column{
width: 100%;
text-align: center;
}
.add-banner-2 a.btn-buy{
float: none;
display: inline-block;
width: auto;
}
.add-banner-2 .text-column strong{
font-size: 13px;
line-height: 13px;
}
.footer-btm-row [class*="col-md"]{
padding: 0;
}
.heading-1 h2 {
font-size: 12px;
}
.staff-recomended .owl-prev{
left: 0;
right: 0;
margin: 0 auto;
}
.staff-recomended .owl-next{
left: 0;
right: 0;
margin: 0 auto;
}
.add-banner .add-box-2,
.add-banner .add-box-1{
background-size: cover !important;
height: auto;
}
.add-banner .add-box-2 .text-column,
.add-banner .add-box-1 .text-column {
float: left;
padding: 20px;
width: 100%;
text-align: center;
}
.add-banner .add-box-2 span.book-2,
.add-banner .add-box-1 span.book-1 {
background-position: center center !important;
display: inline-block;
float: none;
left: inherit;
margin: 0 auto;
position: inherit;
width: 100%;
}
.upcoming-release .text-col{
margin-bottom: 20px;
}
.upcoming-release .bx-wrapper .bx-viewport li .thumb{
margin-bottom: 30px;
}
.upcoming-release .bx-wrapper .bx-viewport li a.btn-link {
right: 9%;
}
.upcoming-release .bx-controls-direction {
bottom: 0px;
left: 74px;
right: auto;
top: auto;
}
.upcoming-release .bx-wrapper .bx-next::before,
.upcoming-release .bx-wrapper .bx-next,
.upcoming-release .bx-wrapper .bx-prev{
height: 30px;
line-height: 30px;
}
.blog-style-1 .post-box .text-column > a,
.upcoming-release .text-col h4{
float: left;
width: 100%;
overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
}
.tab-style-1 .nav > li > a{
padding-top: 5px;
padding-bottom: 5px;
}
.services-area .text-column h2{
font-size: 18px;
}
.timeline-area .text-box > h2{
font-size: 20px;
}
.follow strong.title{
line-height: 28px;
} .logged-in.admin-bar header.header-3{
margin-top:40px;
width:100%;
float:left;
}
.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;
}
.heading-1 h2 {
font-size: 18px;
}
.kode-facts .nav-tabs > li {
width: 100%;
float: left;
}
.kode-blog-list .kode-thumb{
float:left;
width:100%;
}
.kode-blog-list .kode-text{
float:left;
width:100%;
padding:10px;
}
.search-section .nav-tabs > li{
margin-top:10px;
width:100%;
}
.lib-event-listing .lib-event-captions a.register{
position:static;
}
.lib-event-listing .kode-thumb{
margin:0px;
}
.woocommerce div.product .product_title{
text-overflow:ellipsis;
overflow: hidden;
float: left;
width: 100%;
white-space: nowrap;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li{
width: 100%;
}
}