/************************************ Tablet (Portrait) ************************************/

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


    /********* Content Areas *********/
    /* Page Outer */
    .page-outer {
        min-width: 768px;
    }

    /* Page Inner */
    .page-inner {
        width: 748px;
    }

    /* Main Content */
    #content {
        width: 426px;
    }

    .skin-dark-wide #content,
    .skin-light-wide #content {
        width: 466px !important;
    }

    .skin-dark-wide.fullwidth #content,
    .skin-light-wide.fullwidth #content {
        width: 100% !important;
    }

    /* Sidebar */
    #sidebar {
		width: 100%;
    }

    .skin-dark-wide #sidebar,
    .skin-light-wide #sidebar {
        width: 242px !important;
    }

    .home-image-grid_item.two h2,
    .home-image-grid_item.three h2,
    .home-image-grid_item.four h2,
    .home-image-grid_item.five h2 {
        font-size: 1rem;
    }


    /********* Shortcodes: Slider *********/
    /* Slide Caption */
    .caption h2 {
        font-size: 12px;
    }

    .caption {
        font-size: 10px;
    }

    /* Slider Buttons */
    .flex-control-nav {
        display: none;
    }

	#content-wrapper {
		padding: 40px 20px 20px 20px;
	}

    .single-product.sb-right #content-wrapper {
        grid-template-columns: 1fr;
    }

	ul.products.columns-5 {
		grid-template-columns: 1fr 1fr 1fr;
	}

	ul.products.columns-5 li:nth-of-type(4),
	ul.products.columns-5 li:nth-of-type(5){
		display: none;
	}

    .archive .products.shop-columns-4 {
        grid-template-columns: 1fr 1fr 1fr;
    }

    .cart-collaterals {
        column-gap: 2rem;
    }

    .woocommerce-cart .products.columns-2 {
        gap: 10px;
    }

    .woocommerce-cart .products.columns-2 li:nth-of-type(5) {
        display: none;
    }

}


/************************************ Mobile ************************************/

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


    /********* Content Areas *********/
	.home #content-wrapper,
    .archive #content-wrapper,
    .woocommerce-cart #content-wrapper {
		grid-template-columns: 1fr;
	}

    .home-image-grid_item.two h2,
    .home-image-grid_item.three h2,
    .home-image-grid_item.four h2,
    .home-image-grid_item.five h2 {
        font-size: 1rem;
    }

	ul.products.columns-5 {
		grid-template-columns: 1fr 1fr 1fr;
	}

    .archive .products.shop-columns-4 {
        grid-template-columns: 1fr 1fr 1fr;
    }

	ul.products.columns-5 li:nth-of-type(5),
    ul.products.columns-5 li:nth-of-type(4) {
		display: none;
	}

    .woocommerce-cart .products.columns-2 li:nth-of-type(5) {
        display: none;
    }

    /* Page Outer */
    .page-outer {
        min-width: 90%;
    }

    /* Page Inner */
    .page-inner {
        width: 90%;
    }

    /* Content Wrapper */
    #content-wrapper {
        padding: 20px;
    }

    /* Main Content */
    #content {
        width: 100% !important;
    }

    /* Sidebar */
    #sidebar {
        width: 100% !important;
        margin: 40px 0 0;
    }


    /********* Header *********/
    /* Header */
    #header {
        margin: 10px 0 0 0;
        background: none !important;
        box-shadow: none !important;
    }

    #header .page-inner {
        width: 100%;
    }

    #header-inner {
        float: left;
        width: 100%;
        padding: 0 20px;
        position: relative;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }


    .skin-light #header-inner,
    .skin-light-wide #header-inner {
        background: #f7f7f7;
        background: -moz-linear-gradient(left, #fff 0%, #fff 50%, #eee 50.1%, #eee 100%);
        background: -webkit-gradient(linear, left top, right top, color-stop(0%, #fff), color-stop(50%, #fff), color-stop(50.1%, #eee), color-stop(100%, #eee));
        background: -webkit-linear-gradient(left, #fff 0%, #fff 50%, #eee 50.1%, #eee 100%);
        background: -o-linear-gradient(left, #fff 0%, #fff 50%, #eee 50.1%, #eee 100%);
        background: -ms-linear-gradient(left, #fff 0%, #fff 50%, #eee 50.1%, #eee 100%);
        background: linear-gradient(to right, #fff 0%, #fff 50%, #eee 50.1%, #eee 100%);
        box-shadow: none;
    }

    /* Logo */
    #logo {
        position: relative;
        width: 100%;
    }

    .skin-light #logo,
    .skin-light-wide #logo {
        background-color: #eee;
    }

    /* Header Right */
    #header-right {
        clear: both;
        width: 90%;
        padding: 20px 0;
        height: auto !important;
        background: none !important;
        float: none;
        margin: 0 auto;
        text-align: center;
        overflow: hidden;
    }

    /* Social Icons */
    #social-icons {
        float: left;
        width: 50%;
        text-align: left;
    }

    /* Search Form */
    #header #searchform {
        width: 50%;
        margin: 0;
    }

    #header #searchbar {
        width: 100%;
    }


    /********* Navigation Menus *********/
    /* Nav Wrapper */
    .nav ul {
        display: none;
    }

    .mobile-menu {
        display: inline-block;
        height: 35px;
        padding: 4px;
        margin: 0 0 20px 0;
        width: 100%;
        font-size: 14px;
        border: 1px solid #000;
        box-sizing: border-box;
    }


    /********* Page/Post Styling *********/
    /* Posts */
    .post-loop {
        width: 100% !important;
        margin: 40px 0 0 0 !important;
    }

    .post-loop:first-child {
        margin-top: 0 !important;
    }

    .post-text {
        margin: 0 !important;
        width: 100%;
    }

    /* Post Thumbnail */
    .post-thumbnail,
    .post-thumbnail img {
        width: 100%;
    }

    .post-thumbnail.wrap {
        margin: 0 0 20px 0;
    }

    /* Content Widgets */
    #content-widgets > div {
        width: 100%;
        margin: 0;
    }


    /********* Lightbox *********/
    .pp_pic_holder {
        width: 95% !important;
        left: 5% !important;
    }

    .pp_content {
        width: 98% !important;
        height: auto !important;
    }

    .pp_fade {
        width: 100% !important;
        height: 100% !important;
        padding-bottom: 40px;
    }

    #pp_full_res img,
    #pp_full_res iframe,
    #pp_full_res video {
        width: 100% !important;
        height: auto !important;
        max-width: none !important;
    }

    .pp_details {
        width: 100% !important;
    }

    .ppt {
        width: 100% !important;
        margin-left: 0 !important;
    }


    /********* Shortcodes: Blockquotes *********/
    blockquote,
    .blockquote-left,
    .blockquote-right {
        width: 100%;
        margin: 0 0 12px 0;
        padding: 0;
    }


    /********* Shortcodes: Columns *********/
    /* General */
    .columns {
        width: 100% !important;
        margin: 0 0 20px 0;
    }

    .columns > div {
        height: auto !important;
    }

    .columns .sc-image {
        position: relative !important;
    }

    /* Joint Columns */
    .columns.joint > div {
        border-left-width: 0;
    }

    .columns.three.first.joint > div,
    .columns.three.middle.joint > div {
        border-bottom-width: 1px;
    }


    /********* Shortcodes: Images *********/
    /* Image */
    .sc-image,
    .sc-image img {
        height: auto !important;
    }

    .sc-image .caption-title {
        font-size: 14px !important;
        line-height: 16px;
    }

    .sc-image .caption-link {
        font-size: 10px !important;
    }


    /********* Shortcodes: Slider *********/
    /* Slide Caption */
    .caption-title {
        font-size: 12px !important;
        line-height: 14px;
    }

    .caption-link {
        font-size: 10px !important;
    }

    /* Slider Buttons */
    .flex-control-nav {
        display: none;
    }


    /********* Shortcodes: Tabs *********/
    .ui-tabs .ui-tabs-nav li {
        width: 100%;
        border-bottom-width: 1px !important;
    }

    .ui-tabs .ui-tabs-nav li.ui-tabs-active {
        border-bottom-color: #eee;
    }


    /********* Shortcodes: Video *********/
    .ios-class .sc-video.non-youtube-video,
    .ios-class .sc-video.non-youtube-video div,
    .ios-class .sc-video.non-youtube-video video {
        height: auto !important;
    }


    /********* Footer *********/
    /* Footer Container */
    #footer {
        padding: 0;
    }

    #footer > div {
        width: 100%;
        margin: 0;
    }


    /********* Comments Section *********/
    /* Comment Box */
    .comment-avatar {
        display: none;
    }

    .comment-body {
        margin-left: 0;
    }

    /* Child Comments */
    #commentlist .children .comment-body {
        margin-left: 10px;
    }


    /********* Woocommerce *********/
    /* Product Categories */
    .category-thumbnail {
        display: none;
    }

    span.onsale {
        font-size: 9px;
        line-height: 9px;
    }

    ul.products li.product {
        width: 100% !important;
        margin-right: 0 !important;
        clear: both;
    }

    ul.products li.product.first,
    ul.products li.product.last {
        clear: none;
    }

    ul.products li.product:nth-child(even),
    ul.products[class*="shop-columns"] li.product:nth-child(odd) {
        margin-right: 0 !important;
        clear: right;
    }

    ul.products[class*="shop-columns"] li.product:nth-child(even) {
        margin-right: 4% !important;
        clear: both;
    }

    ul.products li.product .product_buttons {
        display: none !important;
    }

    /* Single Product Page */
    div.product .product_title,
    #content div.product .product_title {
        font-size: 20px;
    }

    div.product p.price,
    #content div.product p.price {
        font-size: 16px;
    }

    /* Drop Down Cart */
    #dropdowncart-wrapper .dropdowncart {
        display: block !important;
    }

    #header-right .dropdowncart {
        display: none;
    }

    .dropdowncart {
        margin: 0 0 10px 0 !important;
    }

    .single-product.sb-right #content-wrapper {
        grid-template-columns: 1fr;
    }

	.single-product .product:not(li) {
		grid-template-columns: 1fr;
		grid-template-areas:
        "images"
		"summary"
        "tabs"
        "upsells"
        "related";
	}

}

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


    /********* Content Areas *********/
    .home #content-wrapper,
    .archive #content-wrapper {
        grid-template-columns: 1fr;
    }

    .woocommerce #customer_details {
        grid-template-columns: 1fr;
    }

    .home-image-grid {
        grid-template-columns: 1fr;
        grid-template-areas: "one" "two" "three" "four" "five";
    }

    .home-image-grid_item.two h2,
    .home-image-grid_item.three h2,
    .home-image-grid_item.four h2,
    .home-image-grid_item.five h2 {
        font-size: 1rem;
    }

    ul.products.columns-5 {
        grid-template-columns: 1fr 1fr;
    }

    .archive .products.shop-columns-4 {
        grid-template-columns: 1fr 1fr;
    }

    ul.products.columns-5 li:nth-of-type(5) {
        display: none;
    }

    .cart-collaterals {
        grid-template-columns: 1fr;
    }

    table.cart .product-thumbnail {
        display: none;
    }

    .cross-sells {
        display: none;
    }

    /* Page Outer */
    .page-outer {
        min-width: 90%;
    }

    /* Page Inner */
    .page-inner {
        width: 90%;
    }

    /* Content Wrapper */
    #content-wrapper {
        padding: 20px;
    }

    /* Main Content */
    #content {
        width: 100% !important;
    }

    /* Sidebar */
    #sidebar {
        width: 100% !important;
        margin: 40px 0 0;
    }


    /********* Header *********/
    /* Header */
    #header {
        margin: 10px 0 0 0;
        background: none !important;
        -pie-background: none !important;
        -webkit-box-shadow: none !important;
        -moz-box-shadow: none !important;
        box-shadow: none !important;
    }

    #header .page-inner {
        width: 100%;
    }

    #header-inner {
        float: left;
        width: 100%;
        padding: 0 20px;
        position: relative;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }


    .skin-light #header-inner,
    .skin-light-wide #header-inner {
        background: #f7f7f7;
        background: -moz-linear-gradient(left, #fff 0%, #fff 50%, #eee 50.1%, #eee 100%);
        background: -webkit-gradient(linear, left top, right top, color-stop(0%, #fff), color-stop(50%, #fff), color-stop(50.1%, #eee), color-stop(100%, #eee));
        background: -webkit-linear-gradient(left, #fff 0%, #fff 50%, #eee 50.1%, #eee 100%);
        background: -o-linear-gradient(left, #fff 0%, #fff 50%, #eee 50.1%, #eee 100%);
        background: -ms-linear-gradient(left, #fff 0%, #fff 50%, #eee 50.1%, #eee 100%);
        background: linear-gradient(to right, #fff 0%, #fff 50%, #eee 50.1%, #eee 100%);
        box-shadow: none;
    }

    /* Logo */
    #logo {
        position: relative;
        width: 100%;
    }

    .skin-light #logo,
    .skin-light-wide #logo {
        background-color: #eee;
    }

    /* Header Right */
    #header-right {
        clear: both;
        width: 90%;
        padding: 20px 0;
        height: auto !important;
        background: none !important;
        float: none;
        margin: 0 auto;
        text-align: center;
        overflow: hidden;
    }

    /* Social Icons */
    #social-icons {
        float: left;
        width: 50%;
        text-align: left;
    }

    /* Search Form */
    #header #searchform {
        width: 50%;
        margin: 0;
    }

    #header #searchbar {
        width: 100%;
    }


    /********* Navigation Menus *********/
    /* Nav Wrapper */
    .nav ul {
        display: none;
    }

    .mobile-menu {
        display: inline-block;
        height: 35px;
        padding: 4px;
        margin: 0 0 20px 0;
        width: 100%;
        font-size: 14px;
        border: 1px solid #000;
        box-sizing: border-box;
    }


    /********* Page/Post Styling *********/
    /* Posts */
    .post-loop {
        width: 100% !important;
        margin: 40px 0 0 0 !important;
    }

    .post-loop:first-child {
        margin-top: 0 !important;
    }

    .post-text {
        margin: 0 !important;
        width: 100%;
    }

    /* Post Thumbnail */
    .post-thumbnail,
    .post-thumbnail img {
        width: 100%;
    }

    .post-thumbnail.wrap {
        margin: 0 0 20px 0;
    }

    /* Content Widgets */
    #content-widgets > div {
        width: 100%;
        margin: 0;
    }


    /********* Lightbox *********/
    .pp_pic_holder {
        width: 95% !important;
        left: 5% !important;
    }

    .pp_content {
        width: 98% !important;
        height: auto !important;
    }

    .pp_fade {
        width: 100% !important;
        height: 100% !important;
        padding-bottom: 40px;
    }

    #pp_full_res img,
    #pp_full_res iframe,
    #pp_full_res video {
        width: 100% !important;
        height: auto !important;
        max-width: none !important;
    }

    .pp_details {
        width: 100% !important;
    }

    .ppt {
        width: 100% !important;
        margin-left: 0 !important;
    }


    /********* Shortcodes: Blockquotes *********/
    blockquote,
    .blockquote-left,
    .blockquote-right {
        width: 100%;
        margin: 0 0 12px 0;
        padding: 0;
    }


    /********* Shortcodes: Columns *********/
    /* General */
    .columns {
        width: 100% !important;
        margin: 0 0 20px 0;
    }

    .columns > div {
        height: auto !important;
    }

    .columns .sc-image {
        position: relative !important;
    }

    /* Joint Columns */
    .columns.joint > div {
        border-left-width: 0;
    }

    .columns.three.first.joint > div,
    .columns.three.middle.joint > div {
        border-bottom-width: 1px;
    }


    /********* Shortcodes: Images *********/
    /* Image */
    .sc-image,
    .sc-image img {
        height: auto !important;
    }

    .sc-image .caption-title {
        font-size: 14px !important;
        line-height: 16px;
    }

    .sc-image .caption-link {
        font-size: 10px !important;
    }


    /********* Shortcodes: Slider *********/
    /* Slide Caption */
    .caption-title {
        font-size: 12px !important;
        line-height: 14px;
    }

    .caption-link {
        font-size: 10px !important;
    }

    /* Slider Buttons */
    .flex-control-nav {
        display: none;
    }


    /********* Shortcodes: Tabs *********/
    .ui-tabs .ui-tabs-nav li {
        width: 100%;
        border-bottom-width: 1px !important;
    }

    .ui-tabs .ui-tabs-nav li.ui-tabs-active {
        border-bottom-color: #eee;
    }


    /********* Shortcodes: Video *********/
    .ios-class .sc-video.non-youtube-video,
    .ios-class .sc-video.non-youtube-video div,
    .ios-class .sc-video.non-youtube-video video {
        height: auto !important;
    }


    /********* Footer *********/
    /* Footer Container */
    #footer {
        padding: 0;
    }

    #footer > div {
        width: 100%;
        margin: 0;
    }


    /********* Comments Section *********/
    /* Comment Box */
    .comment-avatar {
        display: none;
    }

    .comment-body {
        margin-left: 0;
    }

    /* Child Comments */
    #commentlist .children .comment-body {
        margin-left: 10px;
    }


    /********* Woocommerce *********/
    /* Product Categories */
    .category-thumbnail {
        display: none;
    }

    span.onsale {
        font-size: 9px;
        line-height: 9px;
    }

    ul.products li.product {
        width: 100% !important;
        margin-right: 0 !important;
        clear: both;
    }

    ul.products li.product.first,
    ul.products li.product.last {
        clear: none;
    }

    ul.products li.product:nth-child(even),
    ul.products[class*="shop-columns"] li.product:nth-child(odd) {
        margin-right: 0 !important;
        clear: right;
    }

    ul.products[class*="shop-columns"] li.product:nth-child(even) {
        margin-right: 4% !important;
        clear: both;
    }

    ul.products li.product .product_buttons {
        display: none !important;
    }

    /* Single Product Page */
    div.product .product_title,
    #content div.product .product_title {
        font-size: 20px;
    }

    div.product p.price,
    #content div.product p.price {
        font-size: 16px;
    }

    /* Drop Down Cart */
    #dropdowncart-wrapper .dropdowncart {
        display: block !important;
    }

    #header-right .dropdowncart {
        display: none;
    }

    .dropdowncart {
        margin: 0 0 10px 0 !important;
    }

    .single-product.sb-right #content-wrapper {
        grid-template-columns: 1fr;
    }

    .single-product .product:not(li) {
        grid-template-columns: 1fr;
        grid-template-areas:
        "images"
		"summary"
        "tabs"
        "upsells"
        "related";
    }

}