.post img, #logo{max-width:100%;height:auto;width:auto}

#mobile_nav{display:none;position:relative;padding:12px 16px 12px 42px;font-family:'Open Sans',Arial,Verdana,sans-serif;font-size:17px;color:#FFF;width:400px;background:#008300}
#mobile_nav:hover{color:#EAEAEA;text-decoration:none}
	#mobile_nav > i.fa.fa-chevron-down{display:block;position:absolute;top:16px;left:20px;-moz-transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out}
	#mobile_nav.opened > i.fa.fa-chevron-down{-moz-transform:rotate(-180deg);-webkit-transform:rotate(-180deg);-o-transform:rotate(-180deg);transform:rotate(-180deg)}
#mobile_menu{position:absolute;top:43px;left:46px!important;border:1px solid #009100;width:365px;text-align:center;z-index:1000;display:none;background:#F9F9F9}
	#mobile_menu li{padding:6px 0;margin-bottom:2px}
		#mobile_menu li:hover,#mobile_menu li.current-menu-item{background:#008300}
		#mobile_menu li:hover a{color:#FFF}
	#mobile_menu ul{display:block !important;visibility:visible !important;padding-top:15px;margin-bottom:-15px}
#mobile_nav, #mobile_menu{-moz-box-shadow:inset 0 0 1px 1px #FFF;-webkit-box-shadow:inset 0 0 1px 1px #FFF;box-shadow:inset 0 0 1px 1px #FFF}
#mobile_menu a{font-style:normal;color:#000}
#mobile_menu li.current-menu-item > a,#mobile_menu a:hover,#mobile_menu li:hover a{color:#FFF;text-decoration:none;}

nav#top-menu ul.mobile_nav{width:320px;border:1px solid #d6d6d6;background:#fafafa;display:none}
.mobile_nav li ul{position:relative;top:0;width:auto;display:block !important;visibility:visible !important}
ul#top-menu ul{display:none}

.wp-caption{max-width:96%;padding:8px}
embed,iframe,object,video{max-width:100%}

@media only screen and ( min-width: 768px ) and ( max-width: 1020px ) {
#container,#footer-content,#header-inner,ul#top-menu{width:750px}
#header{padding:20px 0 0}
	#logo{margin-left:0}
	#menu-out{margin:50px 0 0}
		ul#top-menu a{font-size:13px;padding:14px 9px;margin-right:0}
#category-name{width:100%}
	h1.category-title{font-size:26px}
#contact{width:314px;padding:14px;height:auto}
	#contact h3{font-size:20px;margin-top:-2px}
	#contact p{font-size:14px;line-height:20px}
#library-logo{width:340px;height:98px;font-size:15px;padding:14px}
	#library-logo p{width:240px;padding:18px 0 0;line-height:24px}
	#library-logo img{width:90px}
#left-area{width:486px}
#sidebar{width:244px}
	.widget{width:auto}
#gallery-1 .gallery-item{width:22.5%;margin:10px 10px 10px 0}
}

@media only screen and ( max-width: 767px ) {
body{font-size:15px;line-height:24px;padding-bottom:30px}
p{padding-bottom:14px;line-height:24px}
h1{font-size:26px}
h2{font-size:24px}
h3,h3.title,#et-control-panel h3.control_title{font-size:20px}
h4{font-size:18px}
#container,#footer-content,#header-inner,ul#top-menu,img#logo{width:460px}
#header{text-align:center;padding:10px 0 0}
	#logo{float:none;margin-left:0}
	#menu-out{margin:30px 0 0}
#category-name{width:100%;padding:20px 0 10px}
	#category-inner{padding:0}
		h1.category-title{font-size:24px;padding-bottom:0}
#footer-content{padding:14px 0 0}
	#contact{width:440px;height:auto;margin:0 0 14px 0;padding:10px}
		#contact h3{font-size:20px;margin-top:-2px}
		#contact p{font-size:15px;line-height:20px}
	#library-logo{width:440px;margin:0 0 14px 0;padding:10px}
		#library-logo p{width:240px;padding:14px 0 0;line-height:24px}
		#library-logo img{width:80px}
#copyright p{font-size:12px;line-height:20px}
		
#mobile_nav{display:inline-block}
#top-menu{display:none}
img.alignright.size-full{max-width:320px;margin-left:15px}
h2.title{text-align:center}
.post p.meta-info{margin-left:-28px;margin-right:-28px;padding-left:28px;padding-right:28px;border-bottom:none}
#content{padding:0 0 10px}
#left-area{width:100%}
.post{padding-right:0}
#sidebar{width:100%;padding:0}
	.widget{padding-bottom:14px}
}

@media only screen and ( max-width: 479px ) {
body{font-size:14px;line-height:20px;padding-bottom:10px}
p{padding-bottom:12px;line-height:20px}
h1{font-size:22px}
h2{font-size:20px}
h3,h3.title,#et-control-panel h3.control_title{font-size:16px}
h4{font-size:14px}
table{margin-bottom:10px}
thead{font-size:14px;line-height:15px}
th,td{padding:4px}
#container,#footer-content,#header-inner,ul#top-menu{width:300px}
#header{text-align:center;padding:4px 0 0}
	#logo{float:none}
	#menu-out{margin:10px 0 0}
#category-name{padding:10px 0 4px}
	h1.category-title{font-size:20px}
img.alignright.size-full{max-width:300px;margin-left:10px;margin-bottom:10px}
span#link-title{font-size:16px}
span#link-title i.fa.fa-external-link{padding:0 6px 0 0;font-size:15px}
#contact{width:288px;margin:0 0 8px 0;padding:6px}
	#contact h3{font-size:16px;margin-top:0}
	#contact p{font-size:12px;line-height:16px;letter-spacing:0.2px}
#library-logo{width:288px;margin:0 0 8px 0;padding:6px}
	#library-logo p{width:214px;padding:6px 0 0;line-height:14px;font-size:11px}
	#library-logo img{width:40px}
#copyright p{font-size:11px;line-height:14px;letter-spacing:0}
a.pdf{font-size:15px}
a.pdf i.fa.fa-file-text-o{padding:0 8px 0 0}
#contact p i.fa.fa-envelope,#contact p i.fa.fa-pencil{font-size:11px}
span#filesize{padding:0 0 0 20px}
#mobile_nav{display:inline-block;width:242px;padding:8px 16px 8px 42px;font-size:15px}
	#mobile_nav > i.fa.fa-chevron-down{top:10px}
#top-menu,.post-thumbnail{display:none}
#mobile_menu{width:240px;top:34px;left:28px!important}
#mobile_menu li{margin-bottom:1px}
#left-area{width:100%}
#gallery-1 .gallery-item{width:21%}
}