/*

=================================================

				UP FROM 1200PX

=================================================

*/ 
@import url('https://fonts.googleapis.com/css2?family=Pangolin&display=swap');

@media (max-width: 900px) {

	.kode-banner ul {
		padding: 0px;
		list-style: none;
	}
	.lib-qualities ul {
		list-style: none;
		margin: 30px 0px 0px 0px;
		float: left;
		width: 100%;
		padding: 0px;
	}
	.lib-qualities ul li {
		float: left;
		width: 100%;
		border-left: solid 1px #ddd;
		border-bottom: solid 1px #ddd;
		padding: 35px 0px 20px 15px;
		position: relative;
	}
}

/*

=================================================

			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) {
	.details {
		padding: 20px 20px;
	}

	.kode-text h2 
	{
    margin-top: 20px;
}
.lib-book-detail .product-price h4 {
    font-size: 23px;
    line-height: normal;
    margin-bottom: 8px;
}

	.best-seller-pro {
		
		width: 100%;
	}
	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{
    display: none;
		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: 22px;
    margin: 0px;
    line-height: 26px;

	}

	.book-cover-detail h4{

		font-size:15px;

	}

	.book-cover-detail p{

		font-size:14px;

		line-height:22px;
		padding: 5px 20px;



	}

	.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;

	}

	.logo a {
		text-align: center;
		font-size: 18px;
		font-family: 'Pangolin', cursive;
		text-transform: uppercase;
		color: #fff;
		font-weight: 700;
	}
	.header-3 .logo {
		padding: 10px 0}

}

/*

=================================================

			FROM 768PX TO 979PX

=================================================

*/



@media (min-width: 768px) and (max-width: 979px) {

	

  

}

/*

=================================================

			FROM 0PX TO 767PX

=================================================

*/

@media (max-width: 767px) {
	
	.book-cover-detail {
     
    padding: 30px 0px 0px 0px;
	}
	
	.paper {
		width: 100%;
		    padding: 30px 15px;
	}

	.section-content h2{

		font-size:24px;

	}
	.lib-theme-intro ul{
		margin-left: 0px;
		padding: 0px;
	}

	.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 0px;

	}

	.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: 10px 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; 

	}


	.book-cover-detail .kode-text{
		padding: 20px 0 0 0;
		width: 100%;
		text-align: center;
	}


}

/*

=================================================

			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:168px;

	}

	.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:30%;

		margin-bottom:10px;

	}

	.kode-blog-date p, .kode-blog-date span{

		float:left;

		width:100%;

	}

	.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 0px;

	}

	.kode-comments ul ul{

		padding:0px 0px 0px 40px;

	}

	.location-map iframe{

		height:200px;

	}

	.product-review-tabs .nav-tabs li{

		float:left;

		width:22%;

	}

	.product-review-tabs .nav-tabs li a{

		font-size:12px;

		font-weight:normal;

		padding:10px;

	}

	.book-cover-detail .kode-thumb{

		width:100%;

		padding:0px 80px;

	}

	.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:center;

	}

	.search-section .form-container .row div{

		float: left;

		width: 100%;

	}

	.book-cover-detail {

		float: left;

		width: 100%;

		padding: 22px 0px 40px 0px;

	}

	.lib-contact-section #map-canvas {

		height: 327px;

		border: none;

		width: 0%;

		float: right;

		margin: 0px;

	}

	.heading-1 h2{

		font-size: 22px;

	}

	.kode-facts .nav-tabs > li{

		width: 100%;

		float: left;



	}

 

}

