/*-----------------------------------------------------------------------------------*/
/*	1.	TABLET & MOBILE PHONES
/*-----------------------------------------------------------------------------------*/

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

body .parallax-element {
	background-attachment:scroll !important;
}

/* Columns */

.one-half, .one-third, .two-third, .three-fourth, .one-fourth, .one-fifth, .two-fifth,.three-fifth, .four-fifth, .one-sixth, .five-sixth, body .feature-left .one-half, body .feature-right .one-half, body .small-banner-section .one-half {
	width:100%;
	margin-right:0%;
}

/* Owl gallery */

.owl-pagination {
  	padding: 30px 0px 0;
}

/* Products */

#masonry-grid {
	width:100%;
}

#masonry-grid .blog-post {
	width:100%;
	margin-right:0;
}

.three-shop .product, .product, .four-shop .product {
	margin-right:0%;
	width:100%;
	margin-bottom:30px;
}

#main, #main-column {
	margin-bottom:60px;
	width:100%;
	float:none;
	margin-right:0%;
	margin-left:0%;
}

#secondary, #secondary-column {
	margin-bottom:60px;
	width:100%;
	float:none;
}

body .product-row {
	margin-top:0px;
}

body .product {
	margin-bottom:35px;
	margin-right: 0;
}

/* Navigation */

#cart-side-header, .mobile-nav-header {
	padding:20px 40px;
}

#nav-wrap {
	display:none;
}

.mobile-menu {
	display:block;
}

/* Header */

.intro-header .lead, .woocommerce .woocommerce-breadcrumb a, .woocommerce .woocommerce-breadcrumb span {
	font-size:15px !important;
}

.page-template-template-homepage-woo #header .inner-page {
	padding:45px 0 80px 0;
}

.down-arrow {
	display:none;
}

.logo {
	display:block;
	margin:0 auto;
	float:none;
}

.logo h1.site-title {
	text-align:center;
}

#headerbg {
	width:100%;
	height:100%;
}

.intro-header h2 {
	font-size:30px;
}

/* Footer */

.footer-nav li {
	display:block;
	padding:0;
	margin-bottom:10px;
}

.footer-nav a {
	padding:0;
	margin:0;
}

#footer .widget {
  	width: 100%;
  	padding: 40px 0;
}

.site-info {
	padding-top:15px;
	float:none;
	width:100%;
}

/* Products */

.product {
  	width: 100%;
  	margin-right: 0%;
	margin-bottom:30px;
}

#grid {
	width:100%;
}


}
 
/*-----------------------------------------------------------------------------------*/
/*	2.	MOBILE PHONE LANDSCAPE
/*-----------------------------------------------------------------------------------*/

@media only screen and (min-width: 480px) and (max-width: 767px) {

body .parallax-element {
	background-attachment:scroll !important;
}

/* Columns */

.one-half, .one-third, .two-third, .three-fourth, .one-fourth, .one-fifth, .two-fifth,.three-fifth, .four-fifth, .one-sixth, .five-sixth, body .feature-left .one-half, body .feature-right .one-half, body .small-banner-section .one-half {
	width:100%;
	margin-right:0%;
}

/* Owl gallery */

.owl-pagination {
  	padding: 30px 0px 0;
}

/* Products */

#masonry-grid {
	width:100%;
}

#masonry-grid .blog-post {
	width:100%;
	margin-right:0;
}

.three-shop .product, .product, .four-shop .product {
	margin-right:0%;
	width:100%;
	margin-bottom:30px;
}

#main, #main-column {
	margin-bottom:60px;
	width:100%;
	float:none;
	margin-right:0%;
	margin-left:0%;
}

#secondary, #secondary-column {
	margin-bottom:60px;
	width:100%;
	float:none;
}

body .product-row {
	margin-top:0px;
}

body .product {
	margin-bottom:35px;
	margin-right: 0;
}

/* Navigation */

#cart-side-header, .mobile-nav-header {
	padding:20px 40px;
}

#nav-wrap {
	display:none;
}

.mobile-menu {
	display:block;
}

/* Header */

.intro-header .lead, .woocommerce .woocommerce-breadcrumb a, .woocommerce .woocommerce-breadcrumb span {
	font-size:15px !important;
}

.page-template-template-homepage-woo #header .inner-page {
	padding:45px 0 80px 0;
}

.down-arrow {
	display:none;
}

.logo {
	display:block;
	margin:0 auto;
	float:none;
}

.logo h1.site-title {
	text-align:center;
}

#headerbg {
	width:100%;
	height:100%;
}

.intro-header h2 {
	font-size:30px;
}

/* Footer */

.footer-nav li {
	display:block;
	padding:0;
	margin-bottom:10px;
}

.footer-nav a {
	padding:0;
	margin:0;
}

#footer .widget {
  	width: 100%;
  	padding: 40px 0;
}

.site-info {
	padding-top:15px;
	float:none;
	width:100%;
}

/* Products */

.product {
  	width: 100%;
  	margin-right: 0%;
	margin-bottom:30px;
}

#grid {
	width:100%;
}


}
 
/*-----------------------------------------------------------------------------------*/
/*	3.	TABLET PORTRAIT
/*-----------------------------------------------------------------------------------*/

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

body .parallax-element {
	background-attachment:scroll !important;
}

.down-arrow {
	display:none;
}

/* Columns */

.one-half, .one-third, .two-third, .three-fourth, .one-fourth, .one-fifth, .two-fifth,.three-fifth, .four-fifth, .one-sixth, .five-sixth, body .feature-left .one-half, body .feature-right .one-half, body .small-banner-section .one-half {
	width:100%;
	margin-right:0%;
}

/* Products */

#masonry-grid {
	width:100%;
}

#masonry-grid .blog-post {
	width:100%;
	margin-right:0;
}

.three-shop .product, .product, .four-shop .product {
	margin-right:0%;
	width:100%;
	margin-bottom:30px;
}

#main, #main-column {
	margin-bottom:60px;
	width:100%;
	float:none;
	margin-right:0%;
	margin-left:0%;
}

#secondary, #secondary-column {
	margin-bottom:60px;
	width:100%;
	float:none;
}

body .product-row {
	margin-top:0px;
}

body .product {
	margin-bottom:35px;
	margin-right: 0;
}

/* Navigation */

#cart-side-header, .mobile-nav-header {
	padding:20px 40px;
}

#nav-wrap {
	display:none;
}

.mobile-menu {
	display:block;
}

/* Header */

.page-template-template-homepage-woo #header .inner-page {
	padding:45px 0 80px 0;
}

.logo {
	display:block;
	margin:0 auto;
	float:none;
}

.logo h1.site-title {
	text-align:center;
}

#headerbg {
	width:100%;
	height:100%;
}

.intro-header h2 {
	font-size:35px;
}

/* Footer */

.footer-nav li {
	display:block;
	padding:0;
	margin-bottom:10px;
}

.footer-nav a {
	padding:0;
	margin:0;
}

#footer .widget {
  	width: 100%;
  	padding: 40px 0;
}

.site-info {
	padding-top:15px;
	float:none;
	width:100%;
}

/* Products */

.product {
  	width: 100%;
  	margin-right: 0%;
	margin-bottom:30px;
}

#grid {
	width:100%;
}

}

/*-----------------------------------------------------------------------------------*/
/*	4.	TABLET LANDSCAPE
/*-----------------------------------------------------------------------------------*/

@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:landscape) {

body .parallax-element {
	background-attachment:scroll !important;
}

ul.products .owl-item, .woocommerce ul.products .owl-item, .woocommerce ul.news-blocks .owl-item li.blog-post {
    padding: 0px 15px;
}

/* Columns */

body .small-banner-section .one-half {
		width:50%;
}

.one-half, .one-third, .two-third, .three-fourth, .one-fourth, .one-fifth, .two-fifth,.three-fifth, .four-fifth, .one-sixth, .five-sixth, body .feature-left .one-half, body .feature-right .one-half {
	width:100%;
	margin-right:0%;
}

/* Owl gallery */

.owl-pagination {
  	padding: 30px 0px 0;
}

/* Products */

#masonry-grid {
	width:100%;
}

#masonry-grid .blog-post {
	width:100%;
	margin-right:0;
}

.three-shop .product, .product, .four-shop .product {
	margin-right:0%;
	width:100%;
	margin-bottom:30px;
}

#main, #main-column {
	margin-bottom:60px;
	width:100%;
	float:none;
	margin-right:0%;
	margin-left:0%;
}

#secondary, #secondary-column {
	margin-bottom:60px;
	width:100%;
	float:none;
}

body .product-row {
	margin-top:0px;
}

body .product {
	margin-bottom:35px;
	margin-right: 0;
}

/* Navigation */

#cart-side-header, .mobile-nav-header {
	padding:20px 40px;
}

#nav-wrap {
	display:none;
}

.mobile-menu {
	display:block;
}

/* Header */

.intro-header .lead, .woocommerce .woocommerce-breadcrumb a, .woocommerce .woocommerce-breadcrumb span {
	font-size:15px !important;
}

.page-template-template-homepage-woo #header .inner-page {
	padding:45px 0 80px 0;
}

.down-arrow {
	display:none;
}

.logo {
	display:block;
	margin:0 auto;
	float:none;
}

.logo h1.site-title {
	text-align:center;
}

#headerbg {
	width:100%;
	height:100%;
}

.intro-header h2 {
	font-size:30px;
}

/* Footer */

.footer-nav li {
	display:inline-block;
	padding:0px 10px;
	margin-bottom:0px;
}

.footer-nav a {
	padding:0;
	margin:0;
}

#footer .widget {
  	width: 100%;
  	padding: 40px 0;
}

.site-info {
	padding-top:15px;
	float:none;
	width:100%;
}

/* Products */

.product {
  	width: 100%;
  	margin-right: 0%;
	margin-bottom:30px;
}

#grid {
	width:100%;
}
   		
}