/**
 * = Responsive & Media Queries
 * ------------------------------------
 */
 
@media only screen and (max-width: 1153px) {
	.blog-summary p, .featured-post-summary p, .po-pa p { overflow: hidden; }
}

/* 1024 x 768 (iPad - Landscape). */
@media only screen and (min-width: 768px) and (max-width: 1153px) {

	/*
	* Main Content
	*/
	.nav-wrapper,.content-wrapper, .footer-sidebar, .footer_bottom .footer-sidebar {width:960px;}
	.portofolio-content {width: 660px;}
	.main-wrapper-full-width .portofolio-content,.col-3-full-width .portofolio-content,.col-4-full-width .portofolio-content,.gallery-col-3-full-width .portofolio-content,.gallery-col-4-full-width .portofolio-content {width: 985px;}
	.bcrumbs {width: 960px;}
	.main-wrapper {width: 635px;}
	#sidebar-wrapper {width: 300px;}
	#BackToTop {display: none;}
	.facebook_widget { width: 250px; }

	/*
	* Mega-Menu
	*/
	#header-nav ul li.mega-menu:hover ul {width: 579px;}

	/*
	* Sidebar Content
	*/
	ul.tabs li {width: 40%; font-size: 13px;}
	.header-menu-right a.search form { display: none; }

	/*
	* Portfolio Content
	*/
	.col-2 .portofolio {width: 305px;}
	.col-3 .portofolio {width: 195px !important;}
	.col-3-full-width .portofolio,.gallery-col-3-full-width .portofolio {width: 303.33px !important;}
	.col-4-full-width .portofolio,.gallery-col-4-full-width .portofolio {width: 221.25px !important;}
	.main-wrapper-full-width .main-wrapper .portofolio {width: 467.5px !important;}

	/*
	* Top gallery
	*/
	.top-small-gallery li {width: 180px;}
	.top-small-gallery li span h2 {font-size: 17px;}
	
	/*
	* Post Content
	*/
	.related-posts li {width: 181.66667px !important;}
	.full-content .related-posts li {width: 290px !important;}
	.format-gallery img, .format-video img {max-height: 350px;}
	.infographic {max-width:100%;}
	

	/*
	* Footer
	*/
	.footer-left {width: 303.33px;}

}

/* 768 x 1024 (iPad - Portrait) */
@media only screen and (min-width: 641px) and (max-width: 960px) {

	/*
	* Main Content
	*/
	.nav-wrapper,.content-wrapper, .footer-sidebar, .footer_bottom .footer-sidebar {width:704px;}
	.content-wrapper {margin: 25px auto 0;}
	.portofolio-content,.main-wrapper-full-width .portofolio-content,.col-3-full-width .portofolio-content,.col-4-full-width .portofolio-content,.gallery-col-3-full-width .portofolio-content,.gallery-col-4-full-width .portofolio-content {width: 729px;}
	.bcrumbs {width: 704px;}
	.main-wrapper {width: 704px;margin:0 0 25px;}
	#sidebar-wrapper {clear: both; margin: 0 auto; float: none;  width: 350px;}
	#BackToTop {display: none;}
	ul.tabs li { width: 42%;font-size: 15px; }

	
	/*
	* Header and Menu
	*/
	#header-navigation {height: 144px;}
	.header-logo {float: none;}
	#header-nav {margin: 8px 20px 0 0;}
	.top-form-mobile {display: block;}
	.header-menu-right a.search {position: absolute;top: -66px;}
	
	/*
	* Portfolio Content
	*/
	.col-2 .portofolio,.main-wrapper-full-width .main-wrapper .portofolio,.gallery-col-3-full-width .portofolio,.gallery-col-4-full-width .portofolio {width: 339.5px !important;}
	.col-3 .portofolio,.col-3-full-width .portofolio,.col-4-full-width .portofolio {width: 218px !important;}
	.main-wrapper-full-width .po-pa {height: auto;}
	
	/*
	* Top slider content
	*/
	.top-big-gallery {width: 100%;}
	.top-small-gallery li {width: 352px;}
	.top-big-gallery .flex-control-paging li a {width: 138.8px;}
	.main-wrapper-full-width .po_img, .main-wrapper-full-width .po_img img, .main-wrapper-full-width .format-image img, .main-wrapper-full-width .format-gallery img, .main-wrapper-full-width .format-video img, .col-3-full-width .po_img, .col-3-full-width .po_img img, .col-4-full-width .po_img, .col-4-full-width .po_img img {height: 150px !important;}
	
	/*
	* Post Content
	*/
	.related-posts li, .full-content .related-posts li {width: 204.6666px !important;}
	.full-content .related-posts ul li img {height: 120px;}
	.format-image img, .format-gallery img, .format-video img {max-height: auto;}
	
	/*
	* Footer
	*/
	.footer-left {width: 339.5px;}
	#footer-widget2 {margin: 0;}
	#footer-widget4 {float:right;}

}

/* 480 x 640 (small tablet) */
@media only screen and (min-width: 480px) and (max-width: 704px) {

	/*
	* Main Content
	*/
	.nav-wrapper,.content-wrapper, .footer-sidebar, .footer_bottom .footer-sidebar {width:417px;}
	.content-wrapper {margin: 25px auto 0;}
	.portofolio-content,.main-wrapper-full-width .portofolio-content,.col-3-full-width .portofolio-content,.col-4-full-width .portofolio-content,.gallery-col-3-full-width .portofolio-content,.gallery-col-4-full-width .portofolio-content {width: 442px;}
	.bcrumbs {width: 417px;}
	.main-wrapper {width: 417px;margin:0 0 25px;}
	#sidebar-wrapper {clear: both; margin: 0 auto; float: none;  width: 350px;}
	#BackToTop {display: none;}
	ul.tabs li { width: 42%;font-size: 15px; }
	
	/*
	* Header and Menu
	*/
	#header-navigation {height: 144px;}
	.header-logo {float: none;}
	#header-nav ul li { display: none; }
	#header-nav ul li.menu-item-has-children, #header-nav ul li.menu-item-has-children li {display: block !important;}	
	#header-nav {margin: 8px 20px 0 0;}
	.header-menu-right a.search form { display: none; }
	.header-menu-right a.search {position: absolute;top: -66px;}
	
	
	/*
	* Portfolio Content
	*/
	.col-2 .portofolio,.main-wrapper-full-width .main-wrapper .portofolio,.gallery-col-3-full-width .portofolio {width: 417px !important;}
	.gallery-col-3-full-width .portofolio .po-pa, .gallery-col-4-full-width .portofolio .po-pa {padding: 0;}
	.gallery-col-3-full-width span.retitle {padding: 10px 25px 0;}
	.gallery-col-4-full-width span.retitle,.gallery-col-4-full-width span.retitle:hover {padding: 10px 10px 0;}
	.col-3 .portofolio,.col-4-full-width .portofolio,.col-3-full-width .portofolio,.gallery-col-4-full-width .portofolio {width: 196px !important;}
	.main-wrapper-full-width .po-pa {height: auto;}
	.portofolio .date-header {margin: 8px 0 8px 0 !important;}
	.col-2 .post h2,.col-3-full-width .post h2,.col-4-full-width .post h2 {margin: -10px 0 0 0 !important;}
	.main-wrapper-full-width .post h2 {margin: 0 !important;}
	
	/*
	* Top slider content
	*/
	.top-big-gallery {width: 417px; height: 250px;}
	.top-big-gallery img {height: 250px;}
	.top-small-gallery li {width: 208.5px;}
	.top-big-gallery .flex-control-paging li a {width: 81.4px;}
	.top-big-gallery li span h2 {bottom:-250px; font-size: 25px; line-height: 25px;}
	
	/*
	* Post Content
	*/
	.blog-summary .post { padding: 25px; }
	.po_img {width: 162px; height: auto;}
	.post h2 a, .post h2 a:visited, .post h2 strong {font-size: 15px !important; line-height: 0.6em !important;}
	.fea_con h2, .fea_con h2 a {line-height: inherit;}
	.retitle h2 {margin: 0 0 5px 150px;}
	.video_post iframe {height: 250px;}
	.date-header {margin: 15px 0 0 !important;}
	.portofolio .po-pa {padding: 20px 25px;}
	.titleh h2 {font-size: 15px !important; margin: 1px 0 0 0 !important;}
	.titled.date-header {margin: -1px 0 0 0 !important;}
	.related-posts li, .full-content .related-posts li {width: 367px !important;}
	.related-posts ul li img {height: 200px;}
	.related-posts ul li {margin:10px 0 0 0;}
	.related-posts ul li:first-child {margin:0;}
	.stune {float: none;}
	.four-column {width: 48%; margin: 0 2% 15px 0;}
	textarea {width: 92%;}
	
	/*
	* Footer
	*/
	.footer-left {width: 417px;}
	#footer-widget4 {width: 100%; float: left;}
	.footer_bottom .copyright {float: left; width: 55%;}

}

/* 320 x 480 (iPhone) 480 x 640 (small tablet) */
@media only screen and (max-width: 479px) {

	/*
	* Main Content
	*/
	.blog-summary .post { padding: 25px; }
	.nav-wrapper, .content-wrapper, .bcrumbs, .footer-sidebar, #sidebar-wrapper {width: 300px;}
	.footer_bottom .footer-sidebar {width: 250px; padding: 0 25px;}
	.content-wrapper {margin: 25px auto 0;}
	.main-wrapper {width: 300px;margin: 0 0 25px;}
	.portofolio-content,.main-wrapper-full-width .portofolio-content,.col-3-full-width .portofolio-content,.col-4-full-width .portofolio-content,.gallery-col-3-full-width .portofolio-content,.gallery-col-4-full-width .portofolio-content {width: 325px;}
	#BackToTop {display: none;}

	
	/*
	* Top slider content
	*/
	.top-big-gallery {width: 300px; height: 200px;}
	.top-big-gallery img {height: 200px;}
	.top-small-gallery li {width: 300px;}
	.top-big-gallery .flex-control-paging li a {width: 58px;}
	.top-big-gallery li span h2 {bottom:-200px; font-size: 20px; line-height: 20px;}
	.flex-direction-nav a {margin: -40px 0 0 0 !important;}
	
	/*
	* Portofolio Content
	*/
	.col-2 .portofolio, .main-wrapper-full-width .main-wrapper .portofolio, .col-3 .portofolio, .col-3-full-width .portofolio, .col-4-full-width .portofolio, .gallery-col-3-full-width .portofolio, .gallery-col-4-full-width .portofolio {width: 300px !important;}
	.main-wrapper-full-width .portofolio-content1 .po_img, .main-wrapper-full-width .portofolio-content1 .po_img img {height: 200px;}
	.col-2 .po-pa, .main-wrapper-full-width .po-pa,.col-3 .po-pa, .col-3-full-width .po-pa, .col-4-full-width .po-pa {padding: 20px 25px 20px;}
	.main-wrapper-full-width .po-pa {height: auto;}
	
	/*
	* Header and Menu
	*/
	#header-nav, #header-nav ul, #header-nav ul li {float: none;} 
	#header-navigation {height: auto!important;}
	.header-logo {float: none;}
	#header-nav ul li ul li.menu-item-has-children:after { top: 10px; }
	#header-nav {margin: 8px 20px 0 0;}	
	/*#header-nav ul li { display: none; }*/
	#header-nav ul li.menu-item-has-children, #header-nav ul li.menu-item-has-children li {display: block !important;}	
	#header-nav ul ul { width: 150px; }
	#header-nav ul ul li a { padding: 5px 15px; }
	#header-nav ul li ul li.menu-item-has-children:after { right: 10px; }
	#header-nav ul li li:hover ul, #header-nav ul li li.sfHover ul, #header-nav ul li li li:hover ul, #header-nav ul li li li.sfHover ul, #header-nav ul li li li li:hover ul, #header-nav ul li li li li.sfHover ul { left: 150px; }
	.header-menu-right a.search form { display: none; }
	.header-menu-right a.search {position: absolute;top: -225px;}
	
	
	
	/*
	* Sidebar Content
	*/
	.facebook_widget {width: 250px;}
	ul.tabs li {width: 40%; font-size: 13px;}
	
	/*
	* Post Content
	*/
	.blog-summary .post { padding: 25px; }
	.footerImageCropped img { margin-bottom: 15px; }
	.retitle h2 {margin: 0;}
	.social-links a {margin: 5px 0 0 0;}
	.author-info p {padding-left: 0;}
	.author-info .web_l, .author-info #social_menu {padding: 15px 0 0 0;}
	.related-posts li, .full-content .related-posts li {width: 250px !important;}
	.related-posts ul li img {height: 150px;}
	.related-posts ul li {margin:10px 0 0 0;}
	.related-posts ul li:first-child {margin:0;}
	textarea {width: 88%;}
	.video_post iframe {height: auto;}
	.label span {font-size: 20px; line-height: 20px;}
	.fa-angle-double-right:before {top: 0px;}
	.pagebg ul, .pagebg ol {margin: 10px 0 10px 30px;}
	.post-body ul, .post-body ol {margin-left: 30px;}
	.quote.center, .quote.left, .quote.right {margin: 25px 0;}
	.quote.left, .quote.right {width: 83%; float: none;}
	.two-column, .thrid-column, .four-column {float: none; margin: 0 0 4%; width: 100% !important;}
	.alignleft, .alignright {float: none;}
	.alignleft img, .alignright img { height: auto; margin: 0 auto 15px;}
	.tags a {margin-top: 3px;}
		
	
	/*
	* Footer
	*/
	.footer-left {width: 250px; padding:0 25px;}
	.footer-left .review-badge-star, .footer-left .review-badge-number, .footer-left .review-badge-letter, .footer-left .review-badge-percent {display: none;}
	.footer_bottom #social_menu {float: none;}
	
}