/* Smartphones (portrait and landscape) ----------- */

.jcarousel .vertical {
    max-height:305px;
    overflow: hidden;
}

.product-img-box .right {
    float: right;
}

/* Product Tabbed Content Area */
.tab-container {
    clear: both;
    width: 100%;
    margin:20px 0 0 0;
    padding: 20px 0 0 0;
    /*float: left;*/
}
.tab-container ul.tabs {
    margin-bottom: 25px !important;
}
.tab-container ul.tabs li {
    display: block;
    width: 98%;

    background: #ededed;
    color: #222;
    padding: 4px 8px;
    cursor: pointer;
    border: 1px solid #DADADA;
    border-bottom: none;

    border-radius: 2px 2px 0px 0px;
    -moz-border-radius: 2px 2px 0px 0px;
    -webkit-border-radius: 2px 2px 0px 0px;
}
ul.tabs {
    border-bottom: 1px solid #DADADA;
    margin: 0px;
    padding: 0px;
    list-style: none;
}
ul.tabs li {
    display: block !important;
    width: 98% !important;

    background: #ededed;
    color: #222;
    padding: 4px 8px;
    cursor: pointer;
    border: 1px solid #DADADA;
    border-bottom: none;

    border-radius: 2px 2px 0px 0px;
    -moz-border-radius: 2px 2px 0px 0px;
    -webkit-border-radius: 2px 2px 0px 0px;
}

ul.tabs li.current {
    border-bottom: 1px solid #fff;
    margin: 0 0 -1px 0;
    background: #fff;
    color: #222;
}

.tab-content {
    display: none;
    background: #fff;
    padding: 0;
}

.tab-content.current {
    display: inherit;
}

@charset "utf-8";
/* CSS Document */

.titlebox {
    font-family: "bryant_bold", Verdana, Helvetica, "Arial sans-serif";
    font-size: 36px;
    color: #FFF;
    line-height: 41px;
    padding-top: 14px;
    padding-right: 5px;
    padding-bottom: 14px;
    padding-left: 5px;
    background-color: #999;
    margin-bottom: 10px;
    margin-top: 10px;
    border-radius: 12px;
    text-align: center;
}
.backgroundbox {
    font-family: "bryant_bold", Verdana, Helvetica, "Arial sans-serif";
    padding:8px;
    border-radius: 12px;
    background-color: #F1F1F1;
    margin-bottom: 10px;
}
.backgroundbox2 {
    padding: 22px;
    border-radius: 12px;
    background-color: #F1F1F1;
    margin-bottom: 10px;
}
.backgroundboxborder {
    font-family: "bryant_bold", Verdana, Helvetica, "Arial sans-serif";
    padding: 8px;
    border-style: solid;
    border-color: #666;
    border-width: medium;
}

.sp {

    padding:8px;
    border-radius: 12px;
    background-color: #F1F1F1;
    margin-bottom: 10px;
    font-size: 18px;
    line-height:22px;
    color:#777777;
}
.sp2 {

    padding:8px;
    border-radius: 12px;
    background-color: #F1F1F1;
    margin-bottom: 10px;
    font-size: 16px;
    line-height:20px;
    color:#777777;
}
/**
 * pressure pro
*/
.foodtitle {

    margin-top:8px;
    margin-bottom: 10px;
    font-size: 30px;
    line-height:33px;
    color: #FFA80D;
}
.head-title-rsp {

    font-size: 30px;
    line-height:35px;
    margin-bottom:3px;
}
.head-title-rsp2 {

    font-size: 30px;
    line-height:35px;
    margin-bottom:10px;
    margin-top:20px;
}
.stp {

    font-size: 18px;
    line-height: 22px;
    color:#777777;
}
.stde {

    font-size: 20px;
    line-height: 24px;
    color:#777777;
}
.stde2 {

    font-size: 18px;
    line-height: 22px;
    color:#777777;
}
.yellow-title {

    font-size: 21px;
    line-height: 23px;
    color: #FFA80D;
    padding-left: 5px;
}
.master-titles {

    font-size: 30px;
    line-height: 33px;
    margin-top: 8px;
}
.smlabel {

    font-size: 23px;
    line-height: 25px;
    color:#777777;
}
.tick {

    font-size: 27px; 
    line-height: 29px;
    padding-bottom: 7px;
    padding-top: 8px; 
    padding-left: 0px;
    margin-left: 0px;
    color:#777777; 
}
.tick2 {

    font-size: 27px; 
    line-height: 35px;
    padding-bottom: 7px;
    padding-top: 8px; 
    padding-left: 0px;
    margin-left: 0px;
    color:#777777; 
}

.newwell
{
    padding-top: 28px;
    padding-right:: 22px;
    padding-bottom: 28px;
    padding-left: 22px;
    margin-bottom: 10px;
    background-color: #eeeeee;
    border-radius: 12px;
    margin-top: 5px;

}
.newwell2
{
    padding-top: 15px;
    padding-right:: 15px;
    padding-bottom: 15px;
    padding-left: 22px;
    margin-bottom: 10px;
    background-color: #eeeeee;
    border-radius: 12px;
    margin-top: 5px;

}
menu video option
*/
.responsive-video {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 60px; overflow: hidden;
}


.responsive-video iframe,
.responsive-video object,
.responsive-video embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
    /* Styles */
}

/* Smartphones ----------- */
@media only screen
and (max-width : 768px) {
    .excerpt {line-height: 18px; margin:0 0 10px;}
    #postaccordionpanel .ik-post-image img {margin: 15px 0;}
    #postaccordionpanel .ik-post-content .ik-post-name {font-size:16px; height: auto !important; margin-top: 6%; margin-bottom: 15px; }
    
    .header-container {display: none;}
    .footer {padding: 20px 2% !important;}
    #main-content {padding:40px 0 !important;}
    
    div.newsletter-bar-content div.block-content,
    div.newsletter-bar-content div.social_media {
        display: block;
    }
    div.newsletter-bar-content div.social_media {
        float: right;
    }
}

/* Smartphones (portrait) ----------- */
@media only screen
and (max-width : 320px) {
    
    #main-content {padding: 0 0 10px !important}
    .accordion {

        display: none;
    }
    .social_media,
    .header-container{
        display: none;
    }
    .hide-on-mobile{display: none;}
    .ui-spinner a.ui-spinner-button,
    .ui-button-text-only .ui-button-text {
        display: inherit !important;
    }
}


/* iPads (portrait and landscape) ----------- */
@media only screen
and (min-width : 768px)
and (max-width : 1024px) {
     
    .accordion, #postaccordionpanel {

        display: none;
    }
    .header-container{
        display: none;
    }
    .hide-on-mobile {display: none;}
}

/* iPads (landscape) ----------- */
@media only screen
and (min-width : 768px)
and (max-width : 1024px)
and (orientation : landscape) {
      
    .accordion, #postaccordionpanel {

        display: none;
    }
    .header-container{
        display: none;
    }
    .hide-on-mobile{display: none;}
}

/* iPads (portrait) ----------- */
@media only screen
and (min-width : 768px)
and (max-width : 1024px)
and (orientation : portrait) {
    
  
    .accordio, #postaccordionpaneln {

        display: none;
    }
    .header-container{
        display: none;
    }
    .hide-on-mobile{display: none;}
}

    /* Desktops and laptops ----------- */
    @media only screen
    and (max-width : 767px) {
    
        #products {display: none;}
        #main-content {padding: 40px 0 10px !important}
        
}
/* Desktops and laptops ----------- */
    @media only screen
    and (min-width : 1024px) {
    .show-on-mobile,
    .accordion,
    #postaccordionpanel{
        display: none;
        }
}

/* Large screens ----------- */
@media only screen
and (min-width : 1824px) {
        .show-on-mobile,
    .accordion,
    #postaccordionpanel{
        display: none;
    }
}

/* narrow screens ----------- */
@media only screen
and (max-width : 360px) {
    #postaccordionpanel .ik-post-image {
        float: none !important;
        width: 70% !important;
        margin: -20px auto 0 !important;
        display: block;
    }
    #postaccordionpanel .ik-post-content .ik-post-name,
    #postaccordionpanel .ik-post-content .excerpt {
        display: block !important;
    }
    
}

/* ALL SMALL SCREENS ------------------ */
@media only screen
and (min-width : 320px)
and (max-width : 480px) { 
    
    button.add-to-cart span.ui-button-text {display: block !important; padding-top: 3px !important;}
    
    .ui-dialog {top: 50px !important;}
    
    div.newsletter-bar-content div.actions button.button span span {}
    div.newsletter-bar .social-footer-inner {
        display: block;
        max-width: 190px;
        margin: 0 auto;
        float: none;
    }
    
    #main-content {padding: 0 0 10px !important}
    .excerpt {line-height: 16px; margin: 0 0 10px;}
    #postaccordionpanel .ik-post-image img {margin: 25px 0 10px;}
    #postaccordionpanel .ik-post-content .ik-post-name {font-size:14px !important; line-height: 16px !important; height: auto !important; margin-top: 0%; margin-bottom: 5px !important; }
    #postaccordionpanel .ik-post-content a.mobile-add-to-cart {font-size: 16px !important; padding: 5px 10px;}
    
    #page-container {
        margin-top:0px !important;
        padding-top: 0 !important;
    }

    .footer,.footer-bottom {width: 96%; padding-left:2%; padding-right: 2%;}
    #slider,#banner{margin: 0;}


    div.newsletter-bar-content {
        margin: 0 auto !important;
        /*width:90% !important;*/
        float: none !important;
    }
    div.newsletter-bar-content .block-content,
    div.newsletter-bar-content .social_media {
        float: none !important;
        display: block;
        width: 100%;
    }
    div.newsletter-bar-content div.actions,
    div.newsletter-bar-content button.button,
    div.newsletter-bar-content input{
        margin: 5px 0!important;
        width:100% !important;
    }
    div.newsletter-bar-content button.button span {
        display: none;
    }
    
    div.newsletter-bar-content div.actions button.submit span,
    div.newsletter-bar-content div.actions button.submit span span {
        display: inline-block !important;
        margin: 0 !important
    }
    div.newsletter-bar-content div.input-box,
    div.newsletter-bar-content div.actions {
        float: none;
        margin-right: 0;
        width: 100%;
    }

    #main-menu .container {
        padding: 0 !important;
    }

    .mega-menu-logo {
        width: 96% !important;
    }

    .share-bread,
    .share-bread img{
        float: none !important;
        margin: 10px auto !important;
        text-align: center !important;
        clear: both;
    }

    #product-top-fold .slider{
        position: relative;
        clear: both !important;
        margin: 10px auto !important;
        padding: 0 !important;
        font-size: 16px;
        text-align: center;
        float: none !important;
        width: 90% !important;
        height: auto !important;
    }

    #product-top-fold .order-form{
        position: relative;
        clear: both !important;
        margin: 20px auto 10px auto!important;
        padding: 10px 5% !important;
        font-size: 16px;
        text-align: center;
        float: none !important;
        width: 90% !important;
    }

    button.add-to-cart {
        height: auto !important;
    }

    .footer-bottom ul,
    ul.menu-footer-menu,
    .footer-bottom ul li,
    ul.menu-footer-menu li{
        clear: both !important;
        margin: 10px auto !important;
        padding: 0 !important;
        font-size: 16px !important;
        text-align: center !important;
        display: block !important;
        border: none !important;
        float: none !important;
        width: 100% !important;
    }
    .bottom-nav,
    .bottom-nav a{
        clear: both !important;
        margin: 15px 0 !important;
        padding: 0 !important;
        font-size: 16px !important;
        text-align: center !important;
        display: block !important;
        border: none !important;
        float: none !important;
        width: 100% !important;
    }

    #products .col,
    #products .col-last{
        margin: 10px auto !important;
        padding: 5% !important;
        font-size: 16px;
        text-align: center;
        float: none !important;
        width: 90% !important;
        overflow: hidden !important;
    }

    #accordion .product .price,
    #accordion .product .price span,
    #accordion .product .price strong,
    #products .product .price,
    #products .product .price span,
    #products .product .price strong{
        text-align: center;
        width: 100% !important;
        margin:0 !important;
        padding: 0 !important;
        line-height: normal !important;
        display: block !important;
    }

    #site-logo {
        clear: both;
        margin: 10px auto !important;
        padding: 0 !important;
        text-align: center;
        width: 100%;
    }
    #tagline {
        position: relative;
        clear: both;
        margin: 10px auto !important;
        padding: 0 !important;
        font-size: 16px;
        text-align: center;
        width: 90%;
    }

    #main-content {
        clear: both !important;
        width: 100% !important;
    }
    .mobile,
    .footer-block,
    .footer-block p{
        clear: both !important;
        width: 100% !important;
        text-align: center !important;
    }
    .mobile > img{
        max-width: 90% !important;
    }

    #products .product img {
        max-height: none !important;
        min-height: 120px;
    }

    #products {
        margin: 10px auto;
        max-width: 960px;
        width: 96%;
        clear: both;
    }

    #products .col,
    #products .col-last{
        background: #fff;
        padding: 10px 1%;
        display: block !important;
        margin: 0 auto 20px auto;
        overflow: visible;
        float: none;
        clear: both;
        width: 90%;
    }

    #products .product .excerpt,
    #products .product .price,
    #products .product .price span,
    #products a.add-to-cart {
        -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;
        clear: both;
        margin: 10px auto !important;
        display: block;
        float: none;
        max-width: 100% ;
        width: 98% !important;
        height: auto !important;
        text-align: center;
    }

    #sub-menu {
        display: none;
    }
    

}