/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */

@media only screen and (min-width : 300px) {

    .next-prev-post-left > span,
    .next-prev-post-right > span {
        display: none;
    }

    .top-seller-carousel > .owl-carousel .owl-item > .item .item-inner .item-img {
        width: 44%;
    }

    .width-thirty-six-responsive {
        width: 100%;
    }

    .lower-right-img {
        float: left;
        width: 100%;
        height: 100%;
    }

    .padding-right-zero-responsive{
        padding-right: 0px;
        padding-left: 0px;
    }

    .padding-right-zero-lg{
        padding-right: 15px;
        padding-left: 15px;
    }

    .padding-left-zero-lg{
        padding-right: 15px;
        padding-left: 15px;
    }
    
    .padding-left-zero-responsive{
        padding-right: 0px;
        padding-left: 0px;
    }


    .dropdown-container > .dropdown-menu {
        width: 100%;
    }

    .classified-field {
        margin-bottom: 2.3em;
    }

    .dropdown-container > button > .caret {
        right: .5em;
    }

    .padding-both-responsive-fifteen {
        padding-left: 5%;
        padding-right: 5%;
    }
    

/*==================================================
=  Media Queries (only effects google chrome       =
==================================================*/
    @media screen and (-webkit-min-device-pixel-ratio:0) {

        .left-image{
            height: auto;
        }

        .welcome-note {
           /* height: auto;*/
        }

        .lower-img {
            height: auto;
        }

        .welcome-main-img {
            height: auto;
        }

    }
    /*==========  End of Media Queries (only effects google chrome  ==========*/


}

@media only screen and (min-width : 320px) {

}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {

}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {

    .padding-right-zero-responsive{
        padding-right: 0px;
        padding-left: 15px;
    }

    .padding-left-zero-responsive{
        padding-right: 15px;
        padding-left: 0px;
    }

    .width-thirty-six-responsive {
        width: 67%;
    }

    .welcome-section > div{
        display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
        display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
        display: -ms-flexbox;      /* TWEENER - IE 10 */
        display: -webkit-flex;     /* NEW - Chrome */
        display: flex;
    }

    .get-in-touch-form .form-group {
        width: 81%;
    }

    .main-search-form > div.input-container:last-child {
        width: 7%;
        padding-right: 0px;
        position: relative;
        height: 71px;
    }

/*==================================================
=  Media Queries (only effects google chrome       =
==================================================*/
    @media screen and (-webkit-min-device-pixel-ratio:0) {

        .left-image{
            height: 58em;
        }

        .welcome-note {
           /* height: 39.4em;*/
        }

        .lower-img {
            height: 19em;
        }

        .welcome-main-img {
            height: 100%;
        }

    }
    /*==========  End of Media Queries (only effects google chrome  ==========*/
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {

    .top-seller-carousel > .owl-carousel .owl-item > .item .item-inner .item-img {
        width: 44%;
    }

    .post-option-title {
        padding-top: 9%;
        float: left;
        color: #26a953;
        font-weight: bold;
        font-size: 12px;
    }

    .search-form > form > .classified-field:first-child, .search-form > form > .classified-field:nth-child(2) {
        width: 29%;
        padding: 0px;
        padding-right: 15px;
    }

    .search-form > form > .classified-field:last-child {
        width: 42%;
    }

    .dropdown-container > .dropdown-menu {
        width: 94%;
    }

    .classified-field {
        margin-bottom: inherit;
    }

    .dropdown-container > button > .caret {
        right: 1.5em;
    }

    .padding-right-zero-lg{
        padding-right: 0px;
        padding-left: 15px;
    }

    .padding-left-zero-lg{
        padding-right: 15px;
        padding-left: 0px;
    }

}

/* Large-mid Devices, Wide Screens */
@media only screen and (min-width : 1024px) {

    .top-bar .has-dropdown > a:after {
        margin-top: -15px;
    }
}

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

    .name img {width:80%; height:auto;}
     .title-area{ width:260px;}   
    
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {

    .next-prev-post-left > span,
    .next-prev-post-right > span {
        display: inline;
    }

    .width-thirty-six-responsive{
        width: 35%;
    }

    .main-search-form > div.input-container {
        width: 31%;
    }

    .main-search-form > div.input-container:first-child {
        padding-left: 0px;
    }

    .Product-detail {
        padding: 0% 15%;
    }

    .padding-both-responsive-fifteen {
        padding-left: 15%;
        padding-right: 15%;
    }

    .name img {width:90%; height:auto;}
    
    .title-area{ width:260px;}   
    
    .navbar-nav > li {
        margin-left: 12px;
        margin-right: 12px;}

    .navbar-nav > li:last-child > a {
         font-size: 12px;padding-right: 21px;
        padding-left: 21px;}


}

/* Larger Devices, Wide Screens */
@media only screen and (min-width : 1350px) {

}

/* Extra Large Devices, Wide Screens */
@media only screen and (min-width : 1550px) {

}

/*==================================================
=  Media Queries (only effects google chrome       =
==================================================*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
}

/*==========  End of Media Queries (only effects google chrome  ==========*/


/*==================================================
=  Media Queries (only effects google chrome       =
==================================================*/
/* Small Devices, Tablets */
@media only screen and (max-width : 790px) {
    .site-topbar .topbar-left {
        float: none;
    }

    .site-topbar .container {
        padding: 0px;
        width: 100%;
        position: relative;
        max-width: 1230px;
    }

    .site-topbar .widget {
        display: block;
        width: 100%;
        text-align: center;
        border-top: 1px solid #E9E9E9;
        margin: 0px;
    }

    .site-topbar .topbar-right {
        float: none;
    }

    .navbar-nav li:not(:last-child) a {
        margin-top: 0px;
    }
	
	
}
@media (max-width : 990px){.displaynone {display:none;}
.faarrow {float:left; margin-left:0%}
.mypanel {width:88%;}


	}
@media (min-width : 991px){.displayonsmall {display:none;}

	}

/*==========  End of Media Queries (only effects google chrome  ==========*/


@media (min-width : 768px) and (max-width : 1200px) {.givingback-icons img {width:18% !important; height:auto;}}
@media (min-width : 768px) and (max-width : 990px){
#products .grid-group-item .thumbnail a>img { width:75%}
#products .list-group-item .thumbnail a>img { width:30%;}
#ingredientsPage .panel-title {text-align:left;  font-size:0.9em; }
#ingredientsPage .panel-title > a {padding:2px 10% 2px 10%; }

#products .grid-group-item .thumbnail {min-height:285px; margin-bottom:5px;}
}
@media (max-width : 767px){
	#products .grid-group-item .thumbnail {min-height:245px; margin-bottom:5px;}
	#products .grid-group-item .caption{width:100%;}
	.submitTestim {background:#f7f7f7 !important; background-image:none;}

	}
	@media (max-width : 479px){
		#products .list-group-item .thumbnail {text-align:left;}
	#products .list-group-item .thumbnail a>img { width:30% !important; }
#products .item.list-group-item .list-group-image {margin: 0 auto;float:none; display:block;}
	}