/* TABLET - SMALL SCREEN PC */
@media screen and (min-width:767px) {
	/*input,textarea,select {
		-webkit-appearance:  !important;
	}*/
}
@media screen and (min-width:767px) and (max-width: 1023px) {
	input,select,textarea {
		/*-webkit-appearance: none;*/
		border-radius: 0;
	}
	/* HEADER */
	#header_container { width: 100%; }
	#main_header { width: 700px; padding: 0px 20px; }
	#top_searchbox { width: 70px;}
	.active #top_searchbox {  z-index: 4; height: 60px; width: 700px; position: absolute; top: -20px; right: -5px; font-size: 25px; }
	.active button { z-index: 5; }
	
	
	/* CONTENT */
	#content_area { width: 740px; padding-top: 100px; padding-bottom: 20px; }
	.content-wrap { width: 700px; padding: 0px 20px; }
	
	/* CONTENT AREA */
	.content-area { width: 480px; }
	.content-header { width: 480px; }
	.title-thumb .content-title { margin-top: -50px; }
	.content-title h1,
	.content-title h1 a { font-size: 44px; padding-bottom: 5px; }
	.post-info { font-size: 14px; padding: 5px 0px; }
	.post-info .icon { margin-right: 0px; font-size: 15px; }
	.post-info a { font-size: 14px; }
	.post-info .post-info-box { margin: 0px 5px; }
	
	
	/* COMMENTS */
	.comment_box { padding: 20px; padding-left: 80px; }
	.comment_wrap .avatar_wrap { left: 15px; top: 15px; }
	.avatar_wrap .avatar { width: 47px; height: 47px; border-width: 3px; }
	.comment_wrap .comment_author,
	.comment_wrap .comment_author a { font-size: 16px; }
	
	/* SIDEBAR */
	.sidebar { width: 200px; }
	
	/* WIDGET INPUT */
	.widget-search { width: 160px; }
	.widget-search button { right: -20px; }
	.sidebar-widget input,
	.sidebar-widget select { width: 165px; margin: 20px 10px; }
	
		
	/* FULL WIDTH */
	.fullwidth .content-area { width: 700px; float: none; }
	.fullwidth .content-header { width: 700px; }
	
	/* CONTACT */
	.npr_contact_form input[type="text"] { width: 300px; }
	.npr_contact_form textarea { width: 410px; height: 100px; }
	.npr_contact_form input.errn { width: 120px; }
	
	.npr_contact_info { float: none; }
	.npr_contact_maps { float: none; }
	
	._box_maps_box_info .npr_contact_maps { width: 98%; height: 275px; }
	._box_maps_box_info .npr_contact_info { width: 98%; margin-right: 15px; }
	
	.fullwidth ._box_maps .npr_contact_maps,
	._box_maps .npr_contact_maps { width: 100%; height: 275px; }
	
	.fullwidth ._box_info .npr_contact_info,
	._box_info .npr_contact_info { width: 100%; }
	
	.fullwidth ._box_maps_box_info .npr_contact_maps { width: 400px; float: left; }
	.fullwidth ._box_maps_box_info .npr_contact_info { width: 270px; float: left; }
	.fullwidth .npr_contact_form input[type="text"] { width: 350px; }
	.fullwidth .npr_contact_form textarea { width: 550px; }
	.fullwidth .npr_contact_form input.errn { width: 120px; }
	
	/* SITEMAP */
	.not_fullwidth .sitemap .clmn { width: 48%; margin-right: 2%; }
	.not_fullwidth .sitemap .clmn:last-child { margin-right: 0; }
	
	/* GALLERY */
	/*.gallery-small li { width: 140px; padding: 10px; }
	.gallery-medium li { width: 210px; padding: 15px; }
	.gallery-large li { width: 440px; padding: 20px; }
	
	.fullwidth .gallery-small li { width: 155px; padding: 10px; }
	.fullwidth .gallery-medium li { width: 203px; padding: 15px; }
	.fullwidth .gallery-large li { width: 310px; padding: 20px; }*/
	
	
	/* POST LIST */
	.post_list .title-thumb .content-title h1 { padding-top: 5px; font-size: 33px; padding-bottom: 5px; }
	.post_list .content-title h1, .post_list .content-title h1 a { font-size: 33px; }
	.post_list .post-info { font-size: 14px;  }
	.post_list .post-info a { font-size: inherit; }
	.post_list .post-info .icon { font-size: 14px; }
	
	
	/* TOP INFO */
	#top_info { height: 150px; }
	.top_first_title_ok { opacity: 1 !important; top:30px !important; }
	.top_first_title_ok_b { opacity: 1 !important; top:48px !important; }
	.top_small_title_ok { opacity: 1 !important; bottom: 30px !important; }
	
	
	/* BREADCRUMB */
	#breadcrumb { padding: 17px 20px; }
	.onlybreadcrumb { margin-bottom:20px; }
	
	/* FOOTER */
	#footer { width: 100%; top:-52px; }
	#footer_menu { width: 740px; top:-10px; }
	#footer #sirlorem_copyright { width: 100%; font-size: 13px; }
	#footer #sirlorem_copyright a { font-size: 13px; }
	#footer_nav { margin-left: 20px; }
	#sm_container { margin-right: 18px; }
	
	#footer_widgets { width: 740px; }
	.footer_widget { width: 206px; margin: 20px; }
	
	/* GALLERY */
	.gallery-small li h2 { font-size: 18px; margin-bottom: 9px; }
	.gallery-medium li h2 { font-size: 20px; margin-bottom: 11px; }
	.gallery-large li h2 { font-size: 22px; margin-bottom: 13px; }
	
	/* HOME */
	#npr_home_slider h1 a { font-size: 65px; }
	#npr_home_slider .slider_content { font-size: 19px; width: 90%; margin-left: 5%; line-height: 28px; }
	.bx-wrapper .bx-prev { left:0 !important; }
	.bx-wrapper .bx-next { right: 0 !important; }
	
	.npr_home_miniboxes {  margin: 20px; }
	
	.npr_home_tab_panel { margin: 20px; }
	.npr_home_tab_contents { padding: 20px; }
	.npr_home_tabs li a { padding: 20px 13px; font-size: 14px; }
}




/* SMARTPHONE */
@media screen and (max-width: 767px) {
	input,textarea,select {
		/*-webkit-appearance: none;*/
		border-radius: 0;
	}
	/* HEADER */
	#header_container { height: 110px; width: 100%; box-shadow: none; -webkit-box-shadow: none; }
	#main_header { height: 110px; padding: 0px; width: 100%; box-shadow: none; -webkit-box-shadow: none; }
	a#logo { width: 100%; height: 70px; text-align: center; padding-top: 5px; display: block; float: none; }
	#main_nav { display: none; }
	#top_search { display: none; }
	#mobile_header {
		clear: both; /*display: table;*/display: block; 
		width: 100%; height: 40px; background: white; position: relative;
		-webkit-box-shadow: inset 0px 0px 20px 0px rgba(237, 237, 237, .75);
		box-shadow: inset 0px 0px 20px 0px rgba(237, 237, 237, .75);
	}
	#mobile_header a.mobile_menu { width: 20px; padding: 10px; text-align: center; display: block; color: #e77712; position: absolute; top: 0; }
	#mobile_header a.mobile_menu i { font-size:20px; }
	#mobile_header a.mobile_menu span { display: none; }
	
	#mobile_search { height: 40px; padding-left: 40px; padding-right: 92px; }
	#top_mobile_searchbox { padding: 4px; width: 100%; margin-top: 5px; border: 1px solid #ededed; outline: none; font-size: 12px; height: 20px; -webkit-appearance: none;border-radius: 0;}
	#mobile_search button { width: 15px; height: 15px; background: transparent url('images/search_btn.png') center center no-repeat; border: none; position: absolute; right:  88px; top: 13px; text-indent: -9999px; }
	#mobile_menu { left: 0px; }
	#mobile_call { right: 40px; }
	#mobile_location { right: 0px; }
	.nobutton #mobile_search { padding-right: 15px !important; }
	.nobutton #mobile_search button { right: 11px !important; }
	.onebutton #mobile_search { padding-right: 50px !important; }
	.onebutton #mobile_search button { right: 48px !important; }
	.onebutton #mobile_call,
	.onebutton #mobile_location { right: 0 !important; } 
	
	/* HEADER MENU */
	#mobile_header_nav_open { display: none; width: 100%; position: absolute; top: 40px; left: 0px; background: white; }
	#mobile_header_nav_open ul { width: 100%; border-top: 1px solid #ededed;  }
	#mobile_header_nav_open ul > li { width: 100%; border-bottom: 1px solid #ededed; }
	/*#mobile_header_nav_open ul > li:last-child { border: none !important; }*/
	#mobile_header_nav_open ul > li > a { display: block; vertical-align: middle; line-height: 50px; height: 50px; padding: 0px 14px; font-size: 14px; color: #777777; font-weight: 400; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; }
	#mobile_header_nav_open ul > li > a:hover,
	#mobile_header_nav_open ul > li.current-menu-item > a,
	#mobile_header_nav_open ul > li.current-page-parent > a {
		color: #e77712; background: white; 
		-webkit-box-shadow: inset 0px 0px 20px 0px rgba(237, 237, 237, .75);
		box-shadow: inset 0px 0px 20px 0px rgba(237, 237, 237, .75);
	}
	#mobile_header_nav_open ul > li > a:hover { padding-left: 25px; }
	#mobile_header_nav_open ul > li > a .fa-chevron-right { margin-right: 10px; font-size: 10px; }
	#mobile_header_nav_open ul > li > a:hover .fa-chevron-right,
	#mobile_header_nav_open ul > li.current-menu-item > a .fa-chevron-right,
	#mobile_header_nav_open ul > li.current-page-parent > a .fa-chevron-right { color: #e77712; }
	/*******SUBMENU*/
	#mobile_header_nav_open ul > li > ul.sub-menu { /*margin-left: 10px;*/ border-top: 1px solid #ededed; visibility: hidden; display: none; z-index: 3; width: 100%; /*position: absolute; */opacity: 0; border: none; }
	#mobile_header_nav_open ul > li > ul.sub-menu > li { border-bottom: 1px solid #ededed; float: none !important; margin: 0px; padding: 0px; }
	/*#mobile_header_nav_open ul > li > ul.sub-menu > li:last-child { border-bottom: none; }*/
	#mobile_header_nav_open ul > li > ul.sub-menu > li > a { height: 50px; line-height: 50px; display: block; vertical-align: middle; color: #777; background: white; font-weight: 400;  transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; text-indent: 10px; }
	#mobile_header_nav_open ul > li:hover > ul.sub-menu { visibility: visible; display: block; opacity: 1;  height: auto; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; }
	
	/******************SUBSUBMENU*/
	#mobile_header_nav_open ul > li > ul.sub-menu > li > ul.sub-menu { border-top: 1px solid #ededed; float: none; /*margin-left: 10px;*/ /*border: 1px solid #ededed; border-bottom: 1px solid #ededed;*/ }
	#mobile_header_nav_open ul > li > ul.sub-menu > li > ul.sub-menu > li { border-bottom: 1px solid #ededed; }
	#mobile_header_nav_open ul > li > ul.sub-menu > li > ul.sub-menu > li:last-child { border-bottom: none !important; }
	
	/* CONTENT AREA */
	#content_area { width: 100%; min-height: 200px; /*box-shadow: none; -webkit-box-shadow: none; */padding-top:  85px; /*padding-left: 3%; padding-right: 3%;*/ }
	.content-wrap { width: 94%; padding: 0; padding-left: 3%; padding-right: 3%; }
	.content-area { float: none; width: 100%; /*overflow: hidden; */}
	.content-header { width: 100%; }
	.content-title h1,
	.content-title h1 a { font-size: 33px; }
	.title-thumb .content-title { margin-top: 0px; }
	
	/* SIDEBAR */
	.sidebar { width: 94%; float: none; margin: 20px auto; }
	
	/* WIDGET INPUT */
	.widget-search { width: 96%; }
	.widget-search button { right: 2%; }
	.sidebar-widget input,
	.sidebar-widget select { width: 94%; margin: 20px 3%; }
	
	
	/* COMMENTS */
	.posts_nav div,
	.comments_nav div { margin: 10px 0px; }
	.posts_nav a,
	.comments_nav a { font-size: 14px; }
	
	.commentlist { width: 89%; }
	.comment_box { width: 82%; margin-left: 5px; padding: 15px; padding-left: 55px; }
	.comment_wrap .avatar_wrap { top: 15px; left: 15px; }
	.avatar_wrap .avatar { width: 30px; height: 30px; border-width: 2px; }
	.comment_wrap .comment_author,
	.comment_wrap .comment_author a { font-size: 14px; }
	.comment_wrap .comment_text { font-size: 13px; }
	
	.comment .children { margin-left: 10px; }
	
	#respond #comment { width: 89%; margin-left: 2px; }
	#comment_error { padding: 5px 0px; display: block; }
	#cancel-comment-reply-link { display: block; }
	
	
	/* FULL WIDTH */
	.fullwidth .content-area { width: 100%; float: none; }
	.fullwidth .content-header { width: 100%; }
	
	/* CONTACT */
	.fullwidth .npr_contact_form input[type="text"],
	.npr_contact_form input[type="text"] { width: 93%; }
	
	.fullwidth .npr_contact_form textarea,
	.npr_contact_form textarea { width: 93%; height: 100px; }
	
	.fullwidth .npr_contact_form input.errn,
	.npr_contact_form input.errn { width: 120px; }
	
	.npr_contact_info { float: none; }
	.npr_contact_maps { float: none; }
	
	.fullwidth ._box_maps_box_info .npr_contact_maps,
	._box_maps_box_info .npr_contact_maps { width: 98%; height: 275px; }
	
	.fullwidth ._box_maps_box_info .npr_contact_info,
	._box_maps_box_info .npr_contact_info { width: 98%; margin-right: 15px; }
	
	.fullwidth ._box_maps .npr_contact_maps,
	._box_maps .npr_contact_maps { width: 100%; height: 275px; }
	
	.fullwidth ._box_info .npr_contact_info,
	._box_info .npr_contact_info { width: 100%; }
	
	/* SITEMAP */
	.sitemap .clmn { width: 100%; float: none; margin-bottom: 25px; }
	.sitemap .clmn:last-child { margin-right: 0; }
	.sitemap .clmn ul { margin-left: 10px; }
	
	
	/* POST LIST */
	.post-info { font-size: 11px; padding: 2px 0px; }
	.post-info .icon { margin-right: 0px; font-size: 11px; }
	.post-info a { font-size: 11px; }
	.post-info .post-info-box { margin: 0px 0px; }
	.post_list .post-info { font-size: 11px;  }
	.post_list .post-info a { font-size: 11px; }
	.post_list .post-info .icon { font-size: 11px; }
	
	
	/* TOP INFO */
	#top_info { height: 90px; }
	#top_first_title { font-size: 33px; }
	#top_small_title { font-size: 16px; }
	.top_first_title_ok { opacity: 1 !important; top:12px !important; }
	.top_first_title_ok_b { opacity: 1 !important; top:25px !important; }
	.top_small_title_ok { opacity: 1 !important; bottom: 15px !important; }
	.topinfo_extra { display: none; }
	
	
	/* BREADCRUMB */
	#breadcrumb { padding: 17px 20px; margin-top: -20px; padding: 13px 10px; }
	#breadcrumb,
	#breadcrumb a { font-size: 14px; }
	
	
	/* FOOTER */
	#footer { width: 100%; }
	#footer_menu { width: 100%; }
	#footer_nav { display: none; }
	#footer #sirlorem_copyright { width: 100%; font-size: 13px; }
	#footer #sirlorem_copyright a { font-size: 13px; }
	
	#mobile_footer { display: block; float: left; }
	#mobile_footer a.mobile_menu { width: 20px; padding: 10px; text-align: center; display: inline-block; color: #777777; }
	#mobile_footer a.mobile_menu i { font-size:20px; }
	#mobile_footer a.mobile_menu span { display: none; }
	
	#sm_container { margin-right: 8px; }
	
	/* FOOTER MENU */
	#mobile_footer_nav_open { display: none; width: 100%; position: absolute; bottom: 40px; left: 0px; }
	#mobile_footer_nav_open ul { width: 100%; border-top: 1px solid #ededed; background: white;  }
	#mobile_footer_nav_open ul > li { width: 100%; border-bottom: 1px solid #ededed; }
	#mobile_footer_nav_open ul > li:last-child { border: none !important; }
	#mobile_footer_nav_open ul > li > a { display: block; vertical-align: middle; line-height: 50px; height: 50px; padding: 0px 14px; font-size: 14px; color: #777777; font-weight: 400; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; }
	#mobile_footer_nav_open ul > li > a:hover,
	#mobile_footer_nav_open ul > li.current-menu-item > a,
	#mobile_footer_nav_open ul > li.current-page-parent > a {
		color: #e77712; background: white; 
		-webkit-box-shadow: inset 0px 0px 20px 0px rgba(237, 237, 237, .75);
		box-shadow: inset 0px 0px 20px 0px rgba(237, 237, 237, .75);
	}
	#mobile_footer_nav_open ul > li > a:hover { padding-left: 25px; }
	#mobile_footer_nav_open ul > li > a .fa-chevron-right { margin-right: 10px; font-size: 10px; }
	#mobile_footer_nav_open ul > li > a:hover .fa-chevron-right,
	#mobile_footer_nav_open ul > li.current-menu-item > a .fa-chevron-right,
	#mobile_footer_nav_open ul > li.current-page-parent > a .fa-chevron-right { color: #e77712; }
	/*******SUBMENU*/
	#mobile_footer_nav_open ul > li > ul.sub-menu { border-top: 1px solid #ededed; visibility: hidden; display: none; z-index: 3; width: 100%; /*position: absolute; */opacity: 0; border: none; }
	#mobile_footer_nav_open ul > li > ul.sub-menu > li { border-bottom: 1px solid #ededed; float: none !important; margin: 0px; padding: 0px; }
	#mobile_footer_nav_open ul > li > ul.sub-menu > li:last-child { border-bottom: none; }
	#mobile_footer_nav_open ul > li > ul.sub-menu > li > a { height: 50px; line-height: 50px; display: block; vertical-align: middle; color: #777; background: white; font-weight: 400;  transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; text-indent: 10px; }
	#mobile_footer_nav_open ul > li:hover > ul.sub-menu { visibility: visible; display: block; opacity: 1;  height: auto; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; }
	
	/******************SUBSUBMENU*/
	#mobile_footer_nav_open ul > li > ul.sub-menu > li > ul.sub-menu { border-top: 1px solid #ededed; float: none; /*border: 1px solid #ededed; border-bottom: 1px solid #ededed;*/ }
	#mobile_footer_nav_open ul > li > ul.sub-menu > li > ul.sub-menu > li { border-bottom: 1px solid #ededed; }
	#mobile_footer_nav_open ul > li > ul.sub-menu > li > ul.sub-menu > li:last-child { border-bottom: none !important; }
	
	/* FOOTER WIDGET */
	#footer_widgets {
		width: 100%;
		float: none;
		margin: 0 auto;
		padding: 3%;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
	}
	.footer_widget { width: 94%; margin: 20px 3%; }
	
	/* GALLERY */
	.gallery-small li h2 { font-size: 13px; margin-bottom: 7px; }
	.gallery-medium li h2 { font-size: 15px; margin-bottom: 9px; }
	.gallery-large li h2 { font-size: 16px; margin-bottom: 11px; }
	.gallery-list li p { font-size: 85%; line-height: normal; }
	
	/* AUTHOR */
	.authorWrap .authorName { font-size: 18px; }
	
	/* HOME */
	#npr_home_slider h1 a { font-size: 50px; }
	#npr_home_slider .slider_content { font-size: 19px; width: 90%; margin-left: 5%; line-height: 28px; }
	.bx-wrapper .bx-prev { display: none; }
	.bx-wrapper .bx-next { display: none; }
	
	
	.npr_home_miniboxes {  margin: 20px;  }
	.npr_home_miniboxes .npr_home_minibox { float: none; margin-bottom: 20px; }
	.npr_home_miniboxes .w100 ,
	.npr_home_miniboxes .w50 ,
	.npr_home_miniboxes .w33 ,
	.npr_home_miniboxes .w25 { width: 100%; margin-left: 0; margin-right: 0; }

	
	.npr_home_tab_panel { margin: 20px; }
	.npr_home_tab_contents { padding: 20px; }
	.npr_home_tabs li { float: none; width: 100%; }
	.npr_home_tabs li a { padding: 15px; font-size: 14px; }
}



@media screen and (max-width: 567px) {
	/* AUTHOR */
	.authorBox { padding-left: 75px; }
	.authorAvatar .avatar { width: 55px; height: 55px; border-width: 3px; }
	.authorWrap .authorName { font-size: 18px; }
	
	#npr_home_slider h1 a { font-size: 42px; }
	#npr_home_slider .slider_content { font-size: 17px; width: 90%; margin-left: 5%; line-height: 26px; }
	
	
	
}



body, * {
    -webkit-text-size-adjust: none;
}
