/* THEME STRUCTURE MODS */

/* #Tablet (Portrait) */
@media only screen and (max-width: 1100px) {

	#site-heading{text-align: center !important; width: 100%;}
		#page h1.site-title {
    		margin-bottom: 0rem !important;
    		text-align: center !important;
			}
		#page nav{text-align: center !important; float: none !important;}
		#page nav ul.menu {
		    margin: 1.5rem auto 2rem !important;
		    text-align: center !important;
			}

}


/*  #Mobile (Portrait) */
@media only screen and (max-width: 767px) {

	/* TOPHAT & SUBFOOTER FLOAT REVERSALS */
	#section-tophat .left, #section-tophat .right{clear: both; float: left !important; margin-bottom: 10px; text-align: left;}
	#section-sub-footer .left{clear: both; float: left !important; text-align: left;}
	#section-tophat .sf_container{display: none;}
	#section-tophat .left{padding-left: 1.5rem; padding-right: 1.5rem; margin-left: 0.4rem;}
	#section-tophat .social{display: none;}
	#section-sub-footer .right{display: none;}

	/* NAV TOGGLE */
	#superfish-menu { position: absolute; left: -9999px;} 	
	#responsive-nav { display: inline-block; } 

	#site-heading{text-align: center !important; width: 100%;}

	#page #section-content .container > .sixteen:before{right: 0;}

	/* Bug_Visual_Composer_Separater-ResponsiveTableElemenets */
	.vc_separator .vc_sep_holder {
	  width: 10% !important;
	}
	.vc_separator h4 {
	  text-align: center !important;
	  white-space: pre-wrap !important;
	  width: 80% !important;
	}

}


/* #Mobile (Landscape) */
@media only screen and (min-width: 0px) and (max-width: 767px) {

	#page h1.site-title {
	    margin: 2.5rem auto !important;
	    text-align: center !important;
		}

	.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
	    width: 100% !important;
		}

	#page #section-tophat .sixteen {
		  margin: 0;
		  padding: 0;
		}
	#page #section-tophat .left {
		  float: right !important;
		  text-align: center;
		}

}