@media screen and (max-width: 991px){
	
	.red_note{ padding: 15px; min-width: 170px; }
	
	.logo a{ font-size: 26px; }
	
	.logo_space{ width: 300px; }
	
	header.inner_header.stick .logo{ top: 14px; }
	
	header.inner_header ul li{ margin-right: 42px; letter-spacing: 0; }
	
	header.inner_header .header_nav{ padding-top: 5px; }
	
	.book_page.main_content h3{ font-size: 24px; }
	
	.book_list .book_img{ width: 50%; text-align: center; }
	
	.book_list .book_img a{ display: inline-block; }
	
	.book_list .book_img img{ min-width: 300px; }
	
}

@media screen and (max-width: 767px){
	
	body{ padding-top: 80px !important; position: relative; overflow: hidden; }
	
	body.home_page{ padding-top: 100px; }
	
	body.fixed{ position: fixed; width: 100%; }
	
	header.inner_header .container,
	header.inner_header.stick .container{
    padding: 15px;
	}
	
	header.home_header .home_nav,
	header.inner_header .header_nav{
		width: 100%;
		height: 100vh;
		position: absolute;
		top: 0;
		padding: 70px 30px 20px;
		background: #fff;
		right: -100%;
		-webkit-transition: all .7s ease;
		-moz-transition: all .7s ease;
		-ms-transition: all .7s ease;
		transition: all .7s ease;
	}
	
	header.inner_header.stick .logo{ top: 0; }
	
	header.home_header .home_nav.slide{ right: 0; }
	header.inner_header .header_nav.slide{ right: 0; }
	
	.home_logo,
	.logo{
		position: relative;
		left: 0;
		top: 0;
		transform: none;
		z-index: 999;
	}
	
	header.home_header ul li,
	header.inner_header ul li{
		display: block;
		margin: 10px 0;
		padding: 10px 0;
		text-align: left;
	}
	
	.logo_space{ display: none !important; }
	
	.header_nav li:hover ul.sub-menu{ display: none; opacity: 0; }
	
	header ul.sub-menu{
		position: static;
		transform: none;
		display: none;
		opacity: 1 !important;
		box-shadow: none;
		z-index: 99;
		transition: none !important;
	}
	
	.toggle_dropdown{ display: block; }

	.toggle_menu{ display: block; }

	.book_page.main_content .col_left{ width: 100%; margin-bottom: 30px; }
	
	.book_page.main_content .col_right{ width: 100%; }
	
	.book_img img{ width: auto; }
	
	.blue_note{
		left: 80%;
		display: none;
	}
	
	.red_note{ right: 80%; display: none; }
	
	header.home_header{ 
		width: 100%;
		position: absolute; 
		top: 0;
		left: 0;
	}
	
	.blog_img{ width: 100%; padding: 15px; }
	
	.blog_detail{ width: 100%; padding: 15px; }
	
}

@media screen and (max-width: 639px){
	
	header.home_header .container{ padding: 15px; }
	
	.inner_header .logo{ margin-bottom: 0; }
	
	.home_logo{ margin-bottom: 15px; }
	
	.home_logo a{ font-size: 25px; letter-spacing: 1px; }
	
	.red_note {
    right: 60%;
    bottom: -10%;
	}
	
	.blue_note{ left: 70%; }

	.book_list .book_img,
	.book_list .book_detail{ width: 100%; margin: 0; padding: 25px 15px; }
	
}

@media screen and (max-width: 479px){
	
	body{ padding-top: 80px; }
	
	.home_logo, .logo{ text-align: left; }
	
	body.home_page{ padding-top: 80px; }
	
	h1, h2, h3, h4, h5, h6{ letter-spacing: 0; }
	
	.toggle_menu{ right: 15px; }
	
	header ul li{ font-size: 14px; }
	
	div.home_page{ padding: 15px; }
	
	.blue_note{
		width: 100px;
		padding: 15px;
    left: auto;
    right: 0;
	}
	
	.blue_note p{ font-size: 14px; line-height: 18px; }
	
	.red_note{
		right: auto;
		left: 0;
		bottom: -30%;
	}
	
	header ul{ display: block; max-height: 100%; overflow: auto; }
	
	.book_list .book_detail h3{ font-size: 18px; }
	
}

@media screen and (max-width: 359px){
	
	.home_logo a{ letter-spacing: 0px; font-size: 22px; }

	.toggle_menu{ top: 18px; }
	
	.book_list .book_img img{ min-width: 250px; }
	
}