/************************************************************************

INDEX

RESPONSIVE GENERAL
MEDIA QUERIES 1024
MEDIA QUERIES 768
MEDIA QUERIES 600
MEDIA QUERIES 480
WOO-COMMERCE STYLES


************************************************************************/


/************************************************************************
RESPONSIVE GENERAL
************************************************************************/
   

.canvas-wrapper { min-width: 0;	}



/************************************************************************
MEDIA QUERIES 1024
************************************************************************/

@media only screen and (max-width: 1024px) {


		/************************************************************************
		HEADER
		************************************************************************/

		.main-header-left, .main-header-right {
			float: none;
			text-align: center;
		}

		.main-header .logo, .main-header .header_banner {
			display: inline-block;
		}

		.main-header .header-banner {
			margin-top: 0;
		}

		/************************************************************************
		RESPONSIVE MENU SWITCH
		************************************************************************/

		.responsive-menu {
			display: inline-block;	
		}

		nav.primary-menu-container {
			display: none;	
		}

		/************************************************************************
		FOOTER
		************************************************************************/

		.footer-widget-container.fifth {
			float: none;
			width: 100%;	
		}

		/************************************************************************
		TABS
		************************************************************************/

		.cph-tabs li {
			float: none;
			width: 100%;
			border-right: none;
			margin: 0;
		}

		.cph-tabs li.active {
			border-bottom: 1px solid #ababab;
		}


}

/************************************************************************
MEDIA QUERIES 768

		GENERAL LAYOUT
		HEADER
		404-PAGE
		SITEMAP
		COMMENT FORM
		FOOTER

************************************************************************/

@media only screen and (max-width: 768px) {


		/************************************************************************
		GENERAL LAYOUT
		************************************************************************/

		/*sidebar underneath content*/
		.main-content-column, .sidebar-column {
			float: none;
			width: 100%;	
		}

		.sidebar-content {
			padding-left: 0;	
		}


		/************************************************************************
		HEADER
		************************************************************************/

		.pre-header-left {
			float: none;
			text-align: center;	
		}

		.pre-header-right {
			float: none;
			text-align: center;	
		}

		.secondary-menu {
			overflow: visible;
			display: inline-block;	
		}

		.secondary-menu-container {
			text-align: center;
			margin: -10px 0;	
		}


		/************************************************************************
		WIDGET MAIN: POSTS TILED
		************************************************************************/

		.posts_tiled .post,.posts_tiled.no-gap-layout .post {
			float: none;
			width: 100%;
			margin-right: 0;	
		}		

		/************************************************************************
		404-PAGE
		************************************************************************/

		.page-404-content input[type=text], .page-404-content input[type=submit] {
			width: 100%;	
		}

		.page-404-content {
			width: 100%;
			margin-bottom: 150px;	
		}

		.page-404-symbol {
			font-size: 14rem;	
		}

		/************************************************************************
		SITEMAP
		************************************************************************/

		.sitemap li {
			display: block;	
		}

		/************************************************************************
		COMMENT FORM
		************************************************************************/

		.comment-respond .third {
			float: none;
			width: 100%;	
		}


		/************************************************************************
		FOOTER
		************************************************************************/
		
		.footer-widget-container.fourth, .footer-widget-container.third {
			float: none;
			width: 100%;	
		}

		/*social footer*/
		.post_footer_left, .post_footer_right {
			float: none;
			text-align: center;	
		}

}
 

/************************************************************************
MEDIA QUERIES 600
************************************************************************/

@media only screen and (max-width: 600px) { 

		/************************************************************************
		WIDGET MAIN: POSTS LISTED
		************************************************************************/

		.posts_listed .featured_media {
			float: none;
			width: 100%;
			max-width: none;
			margin-bottom: 10px;
		}

}

/************************************************************************
MEDIA QUERIES 480
************************************************************************/

@media only screen and (max-width: 480px) { 
	
	
		/************************************************************************
		POST: ABOUT THE AUTHOR
		************************************************************************/

		.about-the-author-container .author-image {
			float: none;	
			width: 100%;
			max-width: 100%;
			margin-bottom: 20px;
		}

		.about-the-author-container .author-image img {
			width: 100%;
			height: 100%;
		}


		/************************************************************************
		COMMENTS
		************************************************************************/

		.comments .comment-author {
			float: none;	
			width: 100%;
		}

		.comments .comment-links {
			float: none;	
			width: 100%;
		}

		.comments .comment-date {
			float: none;	
			width: 100%;
		}

		.comments .comment-like-button {
			float: none;	
			width: 100%;
		}

		.comments .comment-reply-title small{
			float: none;
			display: block;
		}

		.comment-respond .form-submit {
			width: 100%;	
		}

		/************************************************************************
		FOOTER
		************************************************************************/
		
		.footer-widget-container.half {
			float: none;
			width: 100%;	
		}


}