@media (min-width: 768px) {
	.region-primary-menu {
		display: inline-block !important;
		width: auto;
		margin: 0;
	}
	.sidenav .region-primary-menu {
		display: block !important;
	}
  
/*-- MISC --*/
	.bottom-widgets{
		text-align: left;
		padding: 50px 0;
	}

  /*COMMENT*/
	.comment-wrap .author-details{ width: 10%; }
	.comment-wrap .author-comments{ width: 90%;}

	#content-wide .container-wrap,
	#content-wide-top .container-wrap	{
		width: 750px;
	}
}

@media (min-width: 992px) {
	#content-wide .container-wrap,
	#content-wide-top .container-wrap	{
		width: 970px;
	}
}
@media (min-width: 1200px) {
	#content-wide .container-wrap,
	#content-wide-top .container-wrap	{
		width: 1170px;
	}
}

@media (max-width: 992px) {
	.text-xxlarge, 
	.text-xxlarge-light {
		font-size: 100px !important;
	}
	
	
	.sidenav-left-fixed .slide-content,
	.sidenav-right-fixed .slide-content	{
		padding: 20px;
	}
	.sidenav-left-fixed .slide-wrap,
	.sidenav-right-fixed .slide-wrap	{
		padding: 0 15px;
	}
	.sidenav-left-fixed .slide-content .slide-button,
	.sidenav-right-fixed .slide-content .slide-button {
		margin-top: 10px;
	}
	
	.sidenav-left-fixed .heading-text,
	.sidenav-right-fixed .heading-text	{
		font-size: 32px;
	}
	.sidenav-left-fixed .heading-text-dark-bg .heading-text-content,
	.sidenav-left-fixed .heading-text-light-bg .heading-text-content,
	.sidenav-left-fixed .heading-text-color-bg .heading-text-content,
	.sidenav-right-fixed .heading-text-dark-bg .heading-text-content,
	.sidenav-right-fixed .heading-text-light-bg .heading-text-content,
	.sidenav-right-fixed .heading-text-color-bg .heading-text-content	{
		padding: 5px 10px;
	}
	.sidenav-left-fixed .pre-heading-text,
	.sidenav-right-fixed .pre-heading-text	{
		font-size: 21px;
	}
	.sidenav-left-fixed .hero .slide-content-body,
	.sidenav-right-fixed .hero .slide-content-body	{
		margin-top: 5px;
	}
	
	
	
}

@media (max-width: 768px) {
	/*img { width: 100%; }*/
	.text-xxlarge, 
	.text-xxlarge-light {
		font-size: 90px !important;
	}
	#page-wrapper,
	#content-wide .block,
	#content-wide-top .block 	{
		padding: 35px 0px;
	}
	.box-margin #page {
		margin-top: 0;
		margin-bottom: 0;
	}
	.framed-layout {
		padding: 0px;
	}
	
	.sidenav-left-fixed .header-side,
	.sidenav-right-fixed .header-side {
		display: block;
		visibility: visible;
	}
	
	.sidenav .header-element {
		position: relative !important;
		width: 100% !important;
		top: auto;
		right: auto;
	}
	.header-element-item {
		padding: 0 !important;
	}
	.region-primary-menu {
		margin-top: 0px;
	}	
	.brand.logo {
		max-width: 180px;
		padding: 0;
	}

	a.toggle-menu {
		float: none;
		position: relative;
		display: none;
	}
	.toggle_menu ul.menu-parent {
		margin-right: auto;
		display: block;
		float: none;
	}
	
	.header-side .nav-button.active {
		z-index: 999;
		position: relative;
		border: none;
	}
	
	.sidenav-right .sidenav,
	.sidenav-right-fixed .sidenav {
		/*border: none;*/
	}
	
	/*
	.region-primary-menu {
		display: block;
	}
	*/

	.slide-wrap {
		padding: 0 15px;
	}
	.slide-content .slide-button {
		margin-top: 10px;
	}
	
	.heading-text {
		font-size: 32px;
	}
	.heading-text-dark-bg .heading-text-content,
	.heading-text-light-bg .heading-text-content,
	.heading-text-color-bg .heading-text-content {
		padding: 5px 10px;
	}
	.pre-heading-text {
		font-size: 21px;
	}
	.hero .slide-content-body {
		margin-top: 5px;
	}
	
	
	.text-medium-light,
	.text-medium,
	.text-large, 
	.text-large span, 
	.text-large span span,
	.text-large-light,
	.text-large-light span,
	.text-large-light span span {
		font-size: 30px !important;
		line-height: 1.1 !important;
	}
	.block-title-wrap .block-subtitle {
		max-width: none;
	}
	.footer-bottom .text-right {
		text-align: left !important;
	}
	.feature-block .feat-block-image-wrap,
	.feature-block .feat-block-image {
		position: relative !important;
	}
	.feature-block .feat-block-content {
		padding: 40px 15px !important;
	}
	.block-title {
		font-size: 20px;
	}
	
	.action-block .cta-text {
		margin-top: 0px;
		font-size: 15px;
	}
	.footer-widget .block {
		padding: 15px;
	}
	.footer-widget .footer-widget-section:first-child .block {
		padding-left: 15px;
		padding-top: 50px;
	}
	.footer-widget .footer-widget-section:last-child .block {
		padding-right: 15px;
	}

	.views-exposed-form .form-item, 
	.views-exposed-form .form-actions {
		display: block;
		margin-bottom: 10px;
	}
	.framed-layout #page-wrapper, 
	.framed-layout #page-title, 
	.framed-layout #slider {
		padding-right: 0px;
		padding-left: 0px;
	}
	.blog_list .post-content-wrap {
		position: static;
	}
	.node-content .post-image {
		margin-bottom: 25px;
	}
	.node-content .product-add-to-cart {
		text-align: left;
		margin-top: 10px;
	}
	.icon-box-items {
		border-right: none;
		margin-bottom: 20px;
	}
	.slide-block .slide-content {
		padding: 15px;
	}	
	.owl-carousel .owl-nav .owl-prev {
		left: 0px;
	}
	.owl-carousel .owl-nav .owl-next {
		right: 0px;
	}

}

@media (max-width: 480px) {
	.sidenav-left-full .sidenav-container .nav.menu a,
	.sidenav-right-full .sidenav-container .nav.menu a {
		font-size: 20px;
		line-height: 20px;
	}
	.brand.logo {
		max-width: 120px;
	    line-height: 65px;
	}
	.sidenav-left .header-side,
	.sidenav-right .header-side,
	.sidenav-left-full .header-side,
	.sidenav-right-full .header-side	{
		display: block;
		visibility: visible;
	}
	.sidenav-bar {
		display: none;
		visibility: hidden;
	}
	.side-header.sidenav-right,
	.side-header.sidenav-right-full {
		padding-right: 0;
	}
	.sidenav-left-full .sidenav-open .menu-button-close,
	.sidenav-right-full .sidenav-open .menu-button-close {
		display: none;
	}
	.sidenav .sidenav-open {
		width:100%;
	}
	.side-header.sidenav-left,
	.side-header.sidenav-left-full {
		padding-left: 0;
	}
	.sidenav-bar {
		width: 100%;
		height: auto;
		position: relative;
		box-shadow: none;
	}
	.sidenav-left-full .sidenav-bar.active {
		left: 0;
	}
	.header-element-icon {
		margin-left: 0;
		border-left: none;
	}
	
	.sidenav-bar .sidenav-element {
		position: relative;
		bottom: auto;
	    float: right;
	}
	.sidenav-bar .side-logo,
	.sidenav-bar .sidenav-element,
	.sidenav-bar .sidenav-icon,
	.header-wrap .header-icon	{
		display: inline-block;
		width: auto;
	}
	.icon-element .header-icon {
		border: none;
		
		
		border-left: 1px solid #eaeaea;
	}
	.icon-element .search-icon {
		width: 60px;
		margin-left: 15px;
	}
	.header-side .menu-botton {
		width: 60px;
	}
	.sidenav-bar .header-icon {
		float: right;
	}
	.header-wrap .nav-button span {
		margin-left: 15px;
		float: none;
	}
	.header-wrap .nav-button {
		padding-top: 22px;
	}
	.header-wrap .nav-button:after,
	.menu-button-close:after {
		display: none;
	}
	.header-wrap .nav-button:hover .bar-one,
	.header-wrap .nav-button:hover .bar-three {
		width: 20px;
	}
	.header-wrap .nav-button span,
	.header-wrap .nav-button.active span {
		width: 30px;
	}
	.header-wrap .header-cart {
		padding-right: 15px;
		padding-left: 15px;
		margin-left: -5px;
	}
	.header-wrap .cart-icon {
		border: none;
	}
	
	.sidenav-bar .logo h2 {
		margin: 0;
	}
	.header .nav-button.active {
		z-index: 999;
		position: relative;
		border: none;
	}
	.header .container {
		padding-right: 0;
	}
	.header-side {
		padding-left: 0;
	}
	.header-wrap,
	.header-wrap .header-icon {
		height: 64px;
	}
	.header-wrap .header-icon {
		min-width: 30px;
	}
	.header .header-icon {
		line-height: 65px;
	}
	.menu-button-close {
		right: 20px;
	}
	.sidenav-bar.active {
		left: 0;
		border-left: none;
		transition: none;
	}
	.sidenav-container {
		padding: 40px 15px;
	}
	.sidenav-right-full .sidenav-container .sidenav-content,
	.sidenav-left-full .sidenav-container .sidenav-content {
		padding: 0;
	}
	.header-brand {
		display: inline-block;
	}
	.sidenav-close {
		left: 320px;
	}
	.sidenav-right .sidenav-close {
		left: 0;
		right: 320px;
	}
	.wrapper.framed-layout {
		padding: 0;
	}
	.framed-borders {
		display: none;
	}
	.framed-layout .header {
		position: relative;
	}
	.modal-wrapper .form-search {
		font-size: 20px;
	}
	.heading-text {
		font-size: 20px;
	}
	.heading-text-dark-bg .heading-text-content,
	.heading-text-light-bg .heading-text-content,
	.heading-text-color-bg .heading-text-content {
		padding: 5px 10px;
	}
	.pre-heading-text {
		font-size: 16px;
	}
	.hero .slide-content-body {
		margin-top: 5px;
		font-size: 11px;
	}

	.text-medium-light,
	.text-medium,
	.text-large,
	.text-large-light,
	.text-xlarge,
	.text-xlarge-light,
	.text-xxlarge,
	.text-xxlarge-light,
	.block-title {
		font-size: 20px !important;
		letter-spacing: normal !important;
		margin-bottom: 10px;
	}
	.block-title-wrap .block-subtitle {
		font-size: 14px
	}
	.slide-content .slide-button {
		margin-top: 0px;
	}
	.slider .slide-content {
		font-size: 11px;
		padding: 15px 0;
	}
	.button {
		padding: 12px 15px;
		font-size: 10px;
	}
	.slide-content .slide-button .button {
		padding: 9px 10px;
		font-size: 8px;
	}
	.grid-wrapper {
		/*margin-right: 0px;
		margin-left: 0px;*/
	}
	.feature-block-wrap .block-title-wrap {
		margin-bottom: 25px;
	}
	.action-block .cta-text {
		font-size: 15px;
	}
	.feature-block .feat-block-content {
		padding: 30px 15px !important;
	}
	
	.footer-widget .block,
	.footer-bottom .block,
	.footer-bottom .copyright {
		padding: 15px 0;
	}

	.footer-bottom ul.menu li {
		margin: 0 0 5px 0;
		display: block;
	}
	
	.fact-icon,
	.fact-value {
		display: block;
		vertical-align: middle;
		text-align: center;
	    margin: 0;
		padding: 0;
		border: none;
	}
}