/* ================================= Responsive CSS ================================= */

/* 980 - 1240 Styles */
@media only screen and (max-width: 1240px) and (min-width: 980px) {	
	.content-col-small {
		width: 70%;		
	}
	.pm-sidebar {
		width: 30%;		
	}
	.sec-sidebar {
		width: 20%;
	}
	.owl-carousel.owl-theme .owl-controls .owl-buttons .owl-next, .owl-carousel.owl-theme .owl-controls .owl-buttons .owl-prev {
		margin: 0;
	}
	#content {
		padding-left: 0;
		padding-right: 0;
	}
	.latest-post-img {
		margin-right: 8px;
		width: 50px;
		height: 50px;
	}
}

/* ---------- MAX 1024px ---------- */
@media only screen and (max-width:1024px) and (min-width:980px) {
	
	/* ------- Button Styles ------- */
	.btn.btn-wide {
    	width: auto;
	}
	.submit .btn.btn-wide {
    	width: 100%;
	}
	/* ------- Navigation ------- */	
	.nav.navbar-nav > li:first-child  > a{
		padding-left: 0;
	}	
	.navbar-nav.zozo-main-nav li:last-child > .dropdown-menu {
		left: auto;
		right: 0;
	}
	.extra-nav {
		min-width: 30px;
	}		
}

/* 1024 - Styles */
@media only screen and (max-width: 1024px) {	
	.widget-entry-content {
		width: 100%;
		float: none;
	}
	
}

/* ---------- MAX 979px to 768px ---------- */
@media only screen and (max-width:979px) and (min-width:768px) {
	.flickr-column-2 .flickr_photo_item, .flickr-column-2 .flickr_item_size {
		width: 33.333%;
	}
}

/* 979 - Styles */
@media only screen and (max-width:979px) {
	
	.navbar-nav {
		z-index: 1;
	}	
	.navbar-nav.navbar-main > li > a {
		padding-left: 8px;
		padding-right: 8px;
	}
	.navbar-toggle{
		margin-right:0;
	}
	ul li span.menu-toggler i{
		color:#222222;
	}
	/* Navigation */
	.navbar-brand {
		margin:0 auto;
		text-align:center;
	}
	.zozo-main-bar > li {
		display:inline-block;
	}
	.zozo-megamenu-wrapper {
		min-width: inherit;
	}
	.related-post li {
		width:50%;
	}
	.padding-bottom {
		padding-bottom:15px;
	}
	.two-col-right #single-sidebar-container #sidebar,
	.two-col-left #single-sidebar-container #primary,
	.three-col-right #single-sidebar-container #sidebar,
	.three-col-right #secondary-sidebar,
	.three-col-middle #single-sidebar-container,
	.three-col-middle #single-sidebar-container #sidebar,
	.three-col-left #single-sidebar-container,
	.three-col-left #single-sidebar-container #primary {
		float: left;
	}
	#main-wrapper, #main-wrapper #primary, #main-wrapper #sidebar, #main-wrapper #secondary-sidebar {
		min-height: 0;
	}
	.main-col-small, .content-col-small, .pm-sidebar, .sec-sidebar {
		 width: 100%;
	}
	.accordion-flexslider.flexslider .flex-caption {
		height: 210px;
	}
	.accordion-flexslider.flexslider .flex-caption .fa {
		position: static;
		margin-bottom: 15px;
	}
	.flex-direction-nav .flex-prev { opacity: 1; left: 10px;}
  	.flex-direction-nav .flex-next { opacity: 1; right: 10px;}
	
	/* ------- Logo & Menu ------- */
	.zozo-logo .navbar-brand {
		padding: 0;
	}
	.navbar > .container .navbar-brand {
		margin-left: 0;
	}	
	.zozo-logo .navbar-brand > img {
		 margin: 0 auto; 
	}
	.zozo-top-bar {
		width: auto;
	}	
	.logo-left .zozo-top-bar, .logo-center .zozo-top-bar, .logo-right .zozo-top-bar {
		float: none;
		text-align: center;
		padding: 0;
		margin: 10px 0;
	}	
	.logo-left .zozo-top-bar .zozo-top-navbar {
		float: none;
		text-align: center;
	}
	.logo-center .navbar-header.zozo-logo {
		float: none;
		width: auto;
	}
	.logo-right .navbar-header {
		width: 100%;
		margin-left: 0;
		margin-right: 0;
	}
	.logo-right .navbar-nav.navbar-right:last-child {
		margin-left: -15px;
		margin-right: -15px;
	}
	.zozo-top-navbar, .navbar-nav.zozo-main-nav {
		float: none;
	}
	.zozo-top-navbar > li, .zozo-top-bar .header-top-right {
		float: left;
		width: 100%;
		text-align: center;
		margin: 10px 0;
	}
	/*.navbar-nav.zozo-main-nav > li {
		float: none;
		display: inline-block;
	}*/
	.zozo-top-navbar .navbar-nav.zozo-main-nav > li {
		height: auto;
		display: inline-block;		
	}	
	.navbar-nav.zozo-main-nav li:last-child > .dropdown-menu {
		left: auto;
		right: 0;
	}
	.nav.navbar-nav > li:first-child > a {
		padding-left: 0;
	}	
	.nav.navbar-nav > li > a {
		padding-left: 10px;
		padding-right: 10px;
	}	
	.secondary_menu.right, .secondary_menu.left {
		width: 50%;
	}
	/* Sticky */
	.logo-center .is-sticky .navbar > .container .navbar-brand{
		margin-left:0;
	}
	.logo-center .header-sticky.is-sticky .navbar-header.zozo-logo, .logo-center .header-sticky.is-sticky .navbar-brand{
		width:100%;
		text-align:center;
		margin:0 auto;
		padding:20px 0 0;
	}
	.logo-center .header-sticky.is-sticky .zozo-header-main-bar{
		float:left;
		text-align:center;
		width:100%;
	}	
	.logo-center .is-sticky .zozo-header-main-bar .navbar-nav {
    	float: none;
	}	
	.logo-center .is-sticky .zozo-header-main-bar .navbar-nav li {
		display: inline-block;
		float: none;
	}
	.header-main-section .header-main-right-search .search-form {
		width: 100%;	
	}
	.zozo-main-nav.navbar-nav li .zozo-megamenu-container .zozo-megamenu li.active a,
	.zozo-main-nav.navbar-nav li .zozo-megamenu-container .zozo-megamenu a:hover, 
	.zozo-main-nav.navbar-nav li .zozo-megamenu-container .zozo-megamenu a:active, 
	.zozo-main-nav.navbar-nav li .zozo-megamenu-container .zozo-megamenu a:focus {
		padding-left: 0;
	}
	/* Features Grid */
	.grid-item .grid-box-inner.grid-text-center {
		min-height: 330px;
	}
	.post-tags {
		margin-bottom: 10px;
	}
	.post-tags, .tags-share-section .share-options {
		text-align: center;
	}
	/* ------- Disable Animations ------- */	
	.animated {
		visibility: visible !important;
	  	-webkit-animation: none !important;
		-moz-animation: none !important;
		-o-animation: none !important;
		-ms-animation: none !important;
		animation: none !important;
	}	
	.owl-carousel.owl-theme .owl-controls .owl-buttons .owl-next, .owl-carousel.owl-theme .owl-controls .owl-buttons .owl-prev {
		margin: 0;
	}	
	
	/* Widget */
	.textwidget > img.pull-right, .textwidget > img.pull-left {
		margin: 0 auto 15px;
		display: block;
	}
	
	.zozo-tabs.zozo-left-vertical, .zozo-tabs.zozo-tab-horizontal {
		margin-bottom: 10px;
	}
	
	.zozo-circle-counter-wrapper .zozo-circle-counter.circle-no-slider.columns-3 .circle-counter-item, 
	.zozo-circle-counter-wrapper .zozo-circle-counter.circle-no-slider.columns-4 .circle-counter-item, 
	.zozo-circle-counter-wrapper .zozo-circle-counter.circle-no-slider.columns-5 .circle-counter-item {
		width: 100%;
	}
	.two-col-left .pm-sidebar{
	    margin-top: 0px;
	}
}

/* 767 - Styles */
@media only screen and (max-width: 767px) {
	/*-----------------------*/
	.navbar-header.nav-respons {
		float:right;
	}
	.navbar-toggle{
		z-index:99;
	}
	.navbar-header.zozo-logo{
		position:static;
	}
	.logo-right .navbar-header .navbar-toggle,.logo-left .navbar-header .navbar-toggle{
		float:none;
		position: absolute;
		right: 0;
		top: 50%;
		margin-right:0;
		transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		-o-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
	}
	.logo-right .navbar-header.zozo-logo, .logo-right .navbar-brand {
		float: left;
	}
	.logo-right .navbar > .container .navbar-nav.zozo-main-bar{
		margin-left:0;
	}
	.logo-right .navbar-collapse{
		float:left;
		width:100%;
	}
	.logo-left .zozo-main-bar{
		float:none;
	}
	.logo-center .zozo-header-main-bar .nav.navbar-nav.zozo-main-bar > li {
		height: auto;
		float:none;
	}
	.zozo-main-nav.navbar-nav > li > a:after {
		content:none;
	}
	.zozo-main-nav.navbar-nav {
		margin-top: 0;
		border:none;
	}
	.zozo-main-nav > li > a,.zozo-main-nav li > a {
		text-align:left;
	}
	.nav.navbar-nav > li > a {
		padding: 0;
	}
	.zozo-main-nav > li:last-child > a {
		border-bottom:none;
	}
	.extra-nav > .header-main-right-search {
		padding:0;
		width:98%;
		margin-bottom: 12px;
	}
	.header-main-section .header-main-right-search .search-form {
		width:100%;
		padding: 0;
		position:relative;
	}
	.header-main-right-search .btn-trigger{
		display:none;
	}
	.header-main-section .header-search-form-area{
		display:block;
		margin-top: 15px;
		position:relative;
		width:100%;
	}
	.extra-nav > div {
		line-height: 2;
	}
	.extra-nav > div a {
		display:block;
		text-align:center;
		font-size:25px;
	}
	.zozo-header-main-bar .navbar-nav li .zozo-social-icons li{
		padding: 0;
		margin-right: 8px;
		list-style: none;
		display: inline-block;
	}
	.header-main-section .header-search-form-area{
		right:0px;
	}
	/*--------Single page responsive---------*/
	#zozo_wrapper .header-section{
		position:relative;
	}
	.logo-center .zozo-header-main-bar:before{
		content:none;
	}
	.logo-center .zozo-header-main-bar{
		margin:0 auto;
		float:none;
	}
	.logo-center .zozo-header-main-bar .navbar-nav {
		height: auto;
	}
	.logo-center .is-sticky .zozo-header-main-bar .navbar-nav,.logo-center .header-sticky.is-sticky .zozo-header-main-bar{
		float:none;
		width:100%;
		padding:0;
	}
	.logo-center .is-sticky .zozo-header-main-bar .navbar-nav li,.logo-center .header-fixed .zozo-header-main-bar .navbar-nav li{
		float:none;
	}
	.logo-center .zozo-header-main-bar .navbar-nav li .zozo-social-icons li{
		display:inline-block;
	}
	.zozo-main-nav > li > a {
		line-height: 40px;
	}	
	/*---*/
	.header-menu-bar .navbar-collapse {
		background: #F6F6F6;		
		z-index: 9999;
	}
	.navbar-collapse.in {
		border-top: 1px solid #7c7c7c;
	}	
	.menu-icon-box {
		display: block;
	}
	.fullwidth-menu-section .navbar-toggle {
		width: 100%;
	}
	.header-menu-bar .navbar-toggle {
		width: 100%;
		margin: 0;
		padding: 10px 15px;
	}
	.menu-icon-box {
		float: left;
	}
	.menu-icon {
		float: right;
		margin: 7px 0 0;
	}
	.header-menu-bar .navbar-nav {
		margin-top: 0;
		margin-bottom: 0;
	}
	.header-menu-bar .navbar-nav.zozo-main-nav {
		margin: 0;
	}
	.navbar-right.zozo-main-right .header-search-form {
		padding: 0 15px;
	}
	.header-search-form .btn-trigger {
		display: none;
	}
	.header-section .header-search-form .search-form {
		display: block;
	}
	.logo-left .zozo-top-bar, .logo-center .zozo-top-bar, .logo-right .zozo-top-bar {
		float: none;
		text-align: center;
		padding: 0;
	}	
	.logo-center .navbar-header.zozo-logo {
		float: none;
		width: auto;
	}
	.logo-center .navbar-brand {
	 	float: left;
		width: 100%;
	}
	.logo-center .is-sticky .navbar-header.zozo-logo {
		float: none;
	}
	.logo-center .is-sticky .navbar > .container .navbar-brand {
		margin-left: 0;
	}
	.logo-right .navbar-header{
		width:100%;
		margin-left: 0;
		margin-right: 0;
	}
	.logo-right .navbar-nav.navbar-right:last-child {
		margin-left: -15px;
		margin-right: -15px;
	}
	.zozo-header-main-bar .navbar-nav li{
		display: block;
	}
	ul li span.menu-toggler{
		z-index:99;
	}
	.mobile-sub-menu li a {
		padding: 0px 15px;
		display: block;
		color: #222222;
		line-height:40px;
	}
	.mobile-sub-menu li .mobile-sub-menu li a { 
		padding-left: 30px;
	}
	.zozo-megamenu-title {
		color: #7b7b7b;
		border-color: #7b7b7b;
		display: block;
		font-size: 19px;
		padding: 8px 15px;
		margin: 0;
		text-align: left;
	}
	.is-sticky .header-section {
		 padding-bottom: 0;
	}	
	.navbar-collapse {
		max-height: 295px;
		padding-left: 0;
		padding-right: 0;
	}
	.zozo-header-main-bar.navbar-collapse {
		margin-top: -10px;
		position: relative;
		top: -17px;
		box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
		-moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
		-webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
		-o-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
		-ms-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
		z-index: 1;
	}
	.container .navbar-collapse .navbar-nav {
		margin-left: 0;
		margin-right: 0;
	}
	.large-layout .read-more, .medium-layout .read-more {
		float: none;
	}
	.large-layout .zozo-social-share-box, .medium-layout .zozo-social-share-box {
		clear: both;
		float: none;
		text-align: center;
	}
	.share-options {
		float: none;
		margin: 10px 0 0;
		width: 100%;
	}
	.zozo-contact-info {
		padding-left:15px;
	}
	.grid-col-2 .grid-posts, .grid-col-3 .grid-posts, .grid-col-4 .grid-posts {
		width: 100%;
	}	
	.grid-layout.grid-col-4 .audio-player .mejs-container .mejs-time.mejs-currenttime-container, .grid-layout.grid-col-4 .audio-player .mejs-container .mejs-time.mejs-duration-container {
		display: block;
	}
	.related-post li {
		margin-bottom: 15px;
	}
	.large-layout .large-posts .entry-footer .social-share-container, .medium-layout .medium-posts .entry-footer .social-share-container {
		width: 100%;
		margin: 15px 0 0;
	}
	
	/* Footer */
	#copyright-text p {
    	text-align: center;
	}
	.footer-social .zozo-social-icons {
		text-align: center;
		width: 100%;
	}
	.footer-widgets-section .footer-widgets {
		margin-bottom: 20px;
	}
	.single  .entry-footer .social-share-container, 
	.single .share-options .zozo-social-share-box{
		top:28px;
	}
}

/* ---------- MAX 640px ---------- */
@media only screen and (max-width:640px) {
	.medium-layout .medium-posts .entry-thumbnail.blog-medium-image {
		transform: none;
		-moz-transform: none;
		-webkit-transform: none;
		-o-transform: none;
		-ms-transform: none;
		position: static;
	}
	.medium-layout .medium-posts .post-featured-image {
		width: 100%;
		height: auto;
		margin-bottom: 20px;
		margin-right: 0;
		float: none;
	}
	.medium-layout .medium-posts .entry-thumbnail img {
		width: 100%;
		left: 0;
		transform: none;
		-moz-transform: none;
		-webkit-transform: none;
		-o-transform: none;
		-ms-transform: none;
	}
}

/* ---------- MAX 480px ---------- */
@media only screen and (max-width: 480px) {
	.related-post li {
		width: 100%;
	}	
	.header-main-section .navbar-toggle {
   		padding-bottom: 15px;
	}	
	.author-avatar {
		float: none;
		text-align: center;
	}
	.author-info-container, .author-info-page {
		text-align: center;
	}
	.author-info-container .author-avatar, .author-info-page .author-avatar {
		margin: 0 0 10px;
	}
	.author-description, .author-links {
		margin: 0;
	}
	.featured-item:hover .featured-caption .featured-caption-inner {	
		padding: 20px 30px;
		position: absolute;
		left: 0;
		right: 0;
		overflow: hidden;	
		top: 50%;
		transform: translateY(-50%);
	}
	.featured-category {
		bottom:auto;
		top:40px;
	}
	.featured-item:hover .featured-category {
		bottom:auto;
		top:40px;
	}
}

/* ---------- MAX 360px ---------- */
@media only screen and (max-width:360px) {
		
	/* ------- Button Styles ------- */
	.btn-margin {
		margin-right: 15px;
	}		
	/* ------- Title ------- */
	.section-title {
		word-wrap: break-word;
	}	
}