/* Table of Contents
==================================================
    #Base 960 Grid
    #Tablet (Portrait)
    #Mobile (Portrait)
    #Mobile (Landscape)
    #Clearing */

/* iPads (landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {	
	

}
/* #Tablet (Portrait)
================================================== */

    /* Note: Design for a width of 768px */

    @media only screen and (min-width: 768px) and (max-width: 959px) {
		
	.page-container, .entry-header, .entry-content, .entry-summary, .entry-meta, .site-footer .widget-area { max-width:720px;}
	.main-navigation ul li a:link, .main-navigation ul li a:visited { padding:12px 14px 6px;}
	.logo-area  {
	  width:40%;
	}
	.logo, .site-description {
	  display:block;
	}	
	.site-description {
	  line-height:26px;
	  margin:5px 0;
	  padding-bottom:10px;
	  text-align:center;
	}
	#signup-sec {
	  padding-top:36px;
	}
	.page-container, .archive .main-inner-page {
	  max-width:740px;
	}
	
	.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
    background: none repeat scroll 0 0 #ffffff;
    border: 1px solid #f2f1f1;
    box-sizing: border-box;
    margin: 0 0 1.3em;
    padding: 13px;
    width: 48.05%;
	}
	.site-footer .widget {
	  position:relative !important;
	  top:0 !important;
	  left:0 !important;
	}
	.home .site-main .content-area {
    box-sizing: border-box;
    float: none;
    margin: 0;
    padding-right: 0;
    width: auto;
	}
	
	.home .site-main .sidebar-container {
    height: auto;
    position: relative;
    top: 0;
	max-width:740px;
	width:auto;
	float:none;
	}
	.home .site-main .sidebar-container .widget_nav_menu:first-child {
	  margin-top:0;
	}
	.main-center {
	  max-width:740px;
	}
	.home-view .item-block .inner {
	  margin-right:5px;
	}
	.home .site-main .sidebar-container .widget_nav_menu ul.menu li {
	  width:50%;
	  float:left;
	}
	form.isp_search_box_form input.isp_search_box_input[type="text"] {
	  width:260px !important;
	}
	.woocommerce .woocommerce-ordering, .woocommerce-page .woocommerce-ordering {
	  margin:-98px 10px 1em;
	}
}	

/*  #Mobile (Portrait)
================================================== */

    /* Note: Design for a width of 300px */

    @media only screen and (max-width: 767px) {
	.page-container, .entry-header, .entry-content, .entry-summary, .entry-meta, .site-footer .widget-area { max-width:98%;}	
	.logo, .site-description {
	  display:block;
	}
	.logo-area {
	  display:block;
	  float:none;
	  text-align:center;
	}
	.logo {
	  margin:10px;
	}
	.logo, .site-description {
	  position:relative;
	  line-height:normal;
	}
	.header-right {
	  display:block;
	  float:none;
	  vertical-align:top;
	  width:auto;
	}
	.sidebar #tertiary { clear:both;}
	#signup-sec .dont {
	  display:block;
	  float:none;
	  text-align:center;
	}
	#signup-sec .button-signup {
	  display:block;
	  float:none;
	  text-align:center;
	}
	#site-navigation { display:none;} 
	
	.social-media {
		float: none;
		margin: 0 auto;
		text-align: center;
		width: 150px;
	}
	.site-footer .widget {
	  position:relative !important;
	  left:0 !important;
	}
	.home .site-main .content-area {
    box-sizing: border-box;
    float: none;
    margin: 0;
    padding-right: 0;
    width: 100%;
	}
	.home .site-main .sidebar-container {
    float: none;
    height: auto;
    position: relative;
    top: 0;
    width: auto;
	}
	#content .entry-header, #content .entry-content, #content .entry-summary, #content footer.entry-meta, #content .featured-gallery, .search.sidebar .page-content, .blog.sidebar .page-content, .sidebar .post-navigation .nav-links, .paging-navigation .nav-links, #content .author-info, .comments-area .comments-title, .comments-area .comment-list, .comments-area .comment-navigation, .comment-respond, .sidebar .site-info, .sidebar .paging-navigation .nav-links {
	  padding: 0 10px;
	}
	.category-home .entry-content > p {
	  padding:0 15px;
	}
	a.yellow-btn:link, a.yellow-btn:visited {
	  font-size:18px;
	  padding:0 25px;
	  line-height:45px;
	}
	.home-view .item-block {
	  display:block;
	  float:none;
	  margin:0 0 15px 0;
	  padding:0;
	  width:auto;
	}
	.home-view .item-block .inner {
	  margin-right:0;
	}
	.home .site-main .sidebar-container .widget_nav_menu:first-child {
	  margin-top:0;
	}
	.sidebar #tertiary {
    display: block;
    float: none;
    position: relative;
    width: auto;
    z-index: 2;
	padding:0 10px;
	}
	.sidebar .content-area, .sidebar #container {
    box-sizing: border-box;
    float: none;
    margin-left: 0;
    padding-left: 0;
    position: relative;
    vertical-align: top;
    width: auto;
    z-index: 1;
	padding:0 10px;
	}
	.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
	  float:none;
	  width:auto;
	  margin:0 0 1.5em;
	}
	.gridlist-toggle {
	  float:right;
	}
	.woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary {
	  float:none;
	  width:auto;
	}
	.woocommerce .related ul li.product, .woocommerce .related ul.products li.product, .woocommerce .upsells.products ul li.product, .woocommerce .upsells.products ul.products li.product, .woocommerce-page .related ul li.product, .woocommerce-page .related ul.products li.product, .woocommerce-page .upsells.products ul li.product, .woocommerce-page .upsells.products ul.products li.product {
	  width:auto;
	}
	.woocommerce ul.products li.product:nth-child(2n), .woocommerce-page ul.products li.product:nth-child(2n) {
	  float:none;
	}
	.woocommerce .woocommerce-ordering, .woocommerce-page .woocommerce-ordering {
	  float:left;
	  margin:10px 10px 0 0;
	}
	.woocommerce .woocommerce-result-count, .woocommerce-page .woocommerce-result-count {
    margin: 9px 0 0;
    padding: 0 10px 0 0;
	}
}

/* #Mobile (Landscape)
================================================== */

    /* Note: Design for a width of 480px */

    @media only screen and (min-width: 480px) and (max-width: 767px) {        
			
	.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
	  float:left;
	  width:48%;
	}	
	.woocommerce ul.products li.product:nth-child(2n), .woocommerce-page ul.products li.product:nth-child(2n) {
	  float:right;
	}
	

}
	
/* #Clearing
================================================== */

    /* Self Clearing Goodness */
    .container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }

    /* Use clearfix class on parent to clear nested columns,
    or wrap each row of columns in a <div class="row"> */
    .clearfix:before,
    .clearfix:after,
    .row:before,
    .row:after {
      content: '\0020';
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0; }
    .row:after,
    .clearfix:after {
      clear: both; }
    .row,
    .clearfix {
      zoom: 1; }

    /* You can also use a <br class="clear" /> to clear columns */
    .clear {
      clear: both;
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0;
    }