
@media only screen and (max-width : 1024px) {

  body {
  	min-width: 0
  }
  
  .container_6 {
  	width: 100%
  }
  
  .container_6 .grid_1,
  .container_6 .grid_2,
  .container_6 .grid_3,
  .container_6 .grid_4,
  .container_6 .grid_5,
  .container_6 .grid_6 {
  	margin-left: 5%;
  	margin-right: 5%;
  	width: 90%
  }
  
  .container_6 .grid_2 {
  	width: 23%
  }
  
  .container_6 .grid_3 {
  	width: 40%
  }
  
  .home .book {
  	margin-bottom: 30px
  }
  
  #masthead {
  	padding: 40px 0 0
  }
  
  .page #masthead .single #masthead {
  	padding: 40px 0
  }
  
  #below-header h1 {
  	padding-top: 1em;
  	font-size: 30px
  }
  
  #archives-category,
  #archives-monthly,
  #archives-all,
  #archives-tag {
  	float: none;
  	width: 100%
  }
  
  .author-description {
  	float: none;
  	width: auto
  }
  
  #author #avatar {
  	margin: 0 0 20px;
  	float: none
  }
    
  .book-home {
      width: 17% !important;      
    }
    
    .book-home img {
        width: 220px;
        margin: 0 0 0 0;
    }
    
    .tinynav2 {display: none;}
    
    #menu-footer {display: block;}
    
    .widget {margin-bottom: 30px;}
    
    .site-title {font-size: 18px;}
    
    .site-description {font-size: 15px;}
    
    .site-branding nav {width: 65%;}	
    
    .bookpage {width: 550px !important;}
    
    .book-home {margin-right: 30px !important;}
    
    #books-page .book {
        margin-left: 3% !important;
    }
} 


@media only screen and (max-width : 960px) {

	.site-branding {
		text-align: center
	}
	
	.site-branding img {
		height: auto;
		width: auto;
		max-width: 100%;
	}
	
	.site-branding nav {
		width: 100%
	}	
	
	.widget_ot_popular_posts p {
		margin-left: 0
	}
	
	.tinynav {
		display: block;
		padding: 5px 10px;
		margin: 30px auto;
	}
	
	.home .tinynav {
		margin-bottom: 0
	}
	
	.menu {
		display: none
	}
	
	.site-title {
		width: 100%
	}
	
	.container_6 .grid_2,
	.container_6 .grid_3 {
		width: 90%
	}
	
	.blog-post {
		margin-bottom: 40px
	}
	
	#books-page .book {
		max-height: initial
	}
	
	.book img {
		float: none;
		width: 100%;
		margin: 0 0 40px
	}
	
	.single-book-image {
		margin-bottom: 20px
	}
	
	.one_half {
		width: 100%
	}
	
	.one_third {
		width: 100%
	}
	
	.one_quarter {
		width: 100%
	}
	
	.one_half,
	.one_third,
	.one_quarter {
		margin-right: 0;
		margin-bottom: 20px;
		float: none
	}
    
    .book-home img {
        width: 110px;
        margin: 0 0 0 0;
    } 
    
    .book-page-desc p {
        width: 100%;
    }
    
    .tinynav2 {display: none;}
    
    #menu-footer {display: block;}
    
    .widget {margin-bottom: 30px;}
    
    .bookpage {width: 90% !important;}
    
    .book-home {
        width: 25% !important;      
    }

    .book-home img {
        width: 100%;
    }
}

@media only screen and (max-width : 572px) {

    .book-home img {
        width: 220px;
        margin: 10px auto 0 auto;
        max-width: none;
        display: block;
        float: none;
    }
    
    .book-home {
        width: 82% !important;      
    }
    
    .tinynav2 {display: none;}
    
    #menu-footer {display: block;}
    
    .widget {font-size: 16px; margin-bottom: 30px;}
}