/*Mobile - Potrait*/
@media only screen and (min-width: 320px) {

/* header style */
.main-nav{width:80%;}
.main-nav ul{display: none;height: auto;width:90%;background:#fff;box-shadow:0 0 5px #292929; position:absolute; right:1%; top:80px; z-index:10000; transition:0s;-moz-transition:0s;-webkit-transition:0s;-o-transition:0s}
.main-nav ul li{float:left; text-transform:uppercase; width:100%; display:block;cursor:pointer;}
.main-nav ul li a{padding:2% 5%; display:block; border:none;border-bottom:1px solid #292929; color:#53656f;}
.main-nav ul li:hover a,.main-nav ul li.active a{background:#bed62f; color:#fff;}
#nav-mobile{display: block;background: url('../images/menu_ico.jpg') no-repeat;width: 30px;height:17px;position: absolute;line-height:18px;color:#fff;top:56px;right:5%;}

.social_share{float:left;}

.alphabets li.active span,.alphabets li:hover span{display:none;}
.alphabets li{width:7.6%;}
.alphabets li a{font-size:16px;}

header .holder{width:90%; text-align:left;}
header ul.holder{width:98%;z-index:10000}

.srch-ico {background-position:10px -1069px;}

.breadcrumbs .holder{width:94%;}

.main-search .srch-box {font-size:14px;}

/* body style */

.banner{width:100%;margin-bottom:0px;}
.banner_info a.more{float:left; margin:10px 0px;}
.banner_info h2{font-size:18px; margin-bottom:10px !important;}
.scl_lik{float:right;}
#carousel{display:none;}
#carousel .slides{width:100% !important;}
#carousel .slides  li {width:15% !important; margin-left:2% !important;}
#carousel .slides  li:first-child {margin-left:0% !important;}
#slider .slides li{padding-bottom:120px;}
#slider li .banner_info{ width:90%; height:100px; right:0; bottom:20px; margin-bottom:-20px; border-radius:0px; padding:10px 5%; font-size:12px; text-align:left;}
.search_section .holder{width:90%; padding:0 5%;}
.main-search-holder{width:90%; padding:0 5%;}
.main-search .srch-box {width:77%;}
.srch-ico {height:36px; width:15%;}
.main_container{width:94%; margin:0 3%;}
.prdct_list > li{width:100%;}
.prdct_list > li > a{width:50%;}
.user-details li .tabs_desc{width:42%;}
.prdct_desc{border:none; width:45%; padding:0;}
.prdct_desc > p,.prdct_desc > h3{display:none;}
.prdct_desc .more{float:right}
.product_holder  .abt_prdct{margin:0px 0 20px 0;}
.contest{width:100%; margin:0 0 20px 0;}

.user-details li{width:100%;}


.print_cmnts{display:none;}
.cmnts_desc{width:80%;}

.product_img{width:100%;}
.product_desc{width:100%; margin:20px 0 0 0;}
.methods{width:100%;}
.ingredients{width:100%;}
.comment_section form{width:100%;}

.prdct li{width:100%; margin:0 0 2% 0;}
.pagination{margin:0 0 0 0;}

.contest > img{margin:0 15px 0px 0;}
.contest_desc{float:left; width:50%;}

.region_select{right:0;}

.bio > li{width:100%; border-bottom:none;}
.bio > li:first-child{width:100%;}

.glossary li{width:45%; margin:0 0.5% 25px 0.5%;}
.accord dd li{width:35%}

.review_holder .product_img{width:100%;}


/* footer style */
footer{line-height:20px;}
footer .holder{width:98%; padding:0 1%;}
footer p{float:none;}
footer ul{float:none; margin-bottom:0px;}

/* Common */
#gallery_slider .owl-buttons div{background: url('../images/sprite.png') no-repeat 0 0; width: 26px; height: 25px;}
#gallery_slider .owl-buttons div.owl-prev{background-position:0 -1639px;left:-30px}
#gallery_slider .owl-buttons div.owl-prev:hover{ background-position:0 -1714px;}
#gallery_slider .owl-buttons div.owl-next{background-position:0 -1784px;right:-30px}
#gallery_slider .owl-buttons div.owl-next:hover{ background-position:0 -1859px;}

.section_left{float:left; width:100%; margin-bottom:30px;}
.section_right{float:left; width:100%;}

/*hide*/
.tip, .desk_only, .recipe_counter,.social_media,.desk{display:none;}

/*show*/
.mbl_only, .mbl,.prdct_desc li+li+li{display:block;}

.prdct_thread  li > a{width:100%;}
.prdct_thread_desc{width:100%;}

.flex-direction-nav a{top: 20%;}

.scl_lik{float:left; margin:5px 0 0 5px;}

.single_column .social_share{float:left; margin: 0 0 10px 7%;}
.view_button{margin:0 0 10px 7%;}
.view_button a{margin:0 0 10px 5px;}
.view_button a+a+a{margin:0 0 10px 0px;}


}

@media only screen and (max-width:400px){
.l_img_mrg{margin:0 0 10px 0; width:100%;}
}

@media only screen and (min-width: 320px) and (max-width:540px){
.prdct_list > li{width:95%; float:left !important; }
.section_left h2, .section_right h2,.single_column h2{font-size:16px;line-height:24px;}
.owl-buttons div.owl-prev{left:-25px;}
.owl-buttons div.owl-next{right:-24px;}
.l_img_mrg{margin:0 20px 10px 0;}
.gallery_pagi{top: 0px;}
.select {right:-1%;}
}

@media only screen and (min-width: 320px) and (max-width:640px){
.prdct_desc li{background:none; padding:0; font-style:italic; font-size:12px; margin-bottom: 10px; }
.prdct_desc li a{width:100%;}
.banner_info a.more{font-size:14px;}
footer{padding:5px 0 0 0;}
.contest_desc h4{font-size: 12px; line-height: 14px;}
/*.flexslider .slides li > img{-webkit-transform: scale(1.15); -ms-transform: scale(1.15); transform: scale(1.15);}*/
.bio_info h2{margin: 20px 0 20px 0;}

.label{width:100% !important; margin-bottom:5px !important;}
.txt-box{width:97% !important;}
.txtarea-box{ width:100% !important;}
.select.select-width{ width:100% !important;}
.select.select-data-width{ width:30%; margin-left:10px;}
.select.select-data-width1{ width:28%;}

}

@media only screen and (min-width: 610px) and (max-width:700px){
.contest{height: 152px;}
}



/*Mobile - Landscape*/
@media only screen and (min-width: 480px) {
/* header style */

.srch-ico {background-position:17px -1069px;}

/* body style */

#slider .slides li{padding-bottom:120px;}
#slider li .banner_info{height:100px; font-size:13px;}

.main-search .srch-box {width:80%;}
.srch-ico {width:13%;}

.bio > li{width:100%;}
.bio > li:first-child{width:100%;}

.glossary li{width:30%;}

.accord dd li{width:40%}

.view_button a+a+a{margin-left:5px;}

/* footer style */

/* Common */

.mbl_only{display:none;}
}




@media only screen and (min-width: 540px) {
/* header style */


/* body style */


/* footer style */

/* Common */
}




/*Large Mobile */
@media only screen and (min-width: 600px) {
/* header style */

.main-search .srch-box {font-size:18px;}

/* body style */
.main-search-holder{width:80%;padding:0 10%;}
.main-search .srch-box {width:80%;}
.srch-ico {height:36px; width:56px;}
.prdct_list > li{width:48%;}
.prdct_list > li > a{width:100%;}
.prdct_desc{border:solid 1px #eee; border-top:none; width:89.5%; padding:3% 5%;}
.prdct_desc > p,.prdct_desc > h3{display:block;}
.prdct_desc .more{float:left}
.flex-direction-nav a{top: 48%;}

.contest{width:48%; padding-left:1%; padding-right:1%;margin:0;}
.contest img{width:38%;}
.contest_desc{width:56%;}
.prdct li{width:48%; margin:0 2% 2% 0;}
.pagination{margin:0 2% 0 0;}

.user-details li .tabs_desc{padding-top:10px;}

.user-details li{width:33%;}
.user-details li > a{width:45%;}

.bio > li{width:100%;}
.bio > li:first-child{width:100%;}

.contest.desk.brd_mrgn_non{margin:0px 0 0 0;}

.glossary li{width:21%; margin:0 1% 25px 1%;}

.alphabets li a{font-size:18px;}

#slider .slides li{padding-bottom:110px;}
#slider li .banner_info{height:90px; font-size:13px;}

.accord dd li{width:25%}

.review_holder .product_img{width:60%;}
.product_detail_holder.review_holder .product_img{width:68%;}
.review_holder #gallery_slider .product_img{width:62%;}

.single_column .social_share{margin: 0 0 10px 11%;}
.view_button{margin:0 0 10px 11%;}

.view_button a,.view_button a+a+a{margin:0 0 10px 10px;}

/* footer style */

/* Common */
#gallery_slider .owl-buttons div{background: url('../images/gallery_arrow.png') no-repeat 0 0; width: 52px; height: 49px;}
#gallery_slider .owl-buttons div.owl-prev{ background-position:0 0px;left:-55px}
#gallery_slider .owl-buttons div.owl-prev:hover{ background-position:0 -100px;}
#gallery_slider .owl-buttons div.owl-next{ background-position:0 -198px;right:-55px}
#gallery_slider .owl-buttons div.owl-next:hover{ background-position:0 -298px;}

/*hide*/
.mbl,.prdct_desc li+li+li{display:none;}

/*show*/
.desk{display:block;}
.contest.desk{float:right;}

}


/*Small Tablet */
@media only screen and (min-width: 680px) {
/* header style */


/* body style */

.prdct_thread  li > a{width:30%;}
.prdct_thread_desc{width:68%;}
.glossary li{width:22%;}

/* footer style */

/* Common */

}
@media only screen and (max-width: 1024px) {
.label{width:100% !important; margin-bottom:5px !important;}
.txt-box{width:97% !important;}
.txtarea-box{ width:100% !important;}
.select.select-width{ width:100% !important;}
.select.select-data-width{ width:30%; margin-left:10px;}
.select.select-data-width1{ width:28%;}
}

/*Tablet - potrait*/
@media only screen and (min-width: 768px) {
/* header style */

#slider .slides li{padding-bottom:110px;}
#slider li .banner_info{height:90px; font-size:13px;}


.banner{margin-bottom:20px;}

.print_cmnts{display:block;}

.product_img{width:65%;}
.product_desc{width:33%; margin:60px 0 0 0;}
.methods{width:69%;}
.ingredients{width:30%;}
.comment_section form{width:590px;}
.cmnts_desc{width:88%;}
.contest > img{margin-bottom:0;}
.contest_desc{float:right;}
.bio > li{width:100%;}
.bio > li:first-child{width:100%;}

.alphabets li{width:3.8%;}
.alphabets li.active span,.alphabets li:hover span{display:block;}

.tip_info{padding:5px 20px 0 10px;}

/* body style */

.main-search-holder{width:50%;padding:0}
.main-search .srch-box{width:75%;}
.recipe_counter{margin:0 4%;}

.accord dd li{width:19%}

/* footer style */
footer{line-height:50px;}
footer p{float:left;}
footer ul{float:right; margin-bottom:0;}

/* Common */


/*show*/
.tip, .recipe_counter,.social_media{display:block;}


}

@media only screen and (min-width: 800px) {
.product_holder  .abt_prdct{margin:30px 0 20px 0;}
}

@media only screen and (min-width: 1000px) {
/* header style */
#nav-mobile{display:none}
.main-nav{width:100%; float:left; height:35px; background:#bed62f; text-align:center;font-size:13px;}
.main-nav ul{display: block; background:none; box-shadow:none; position:inherit; width:768px; padding:0 10px;}
.main-nav li{float:left; text-transform:uppercase; width:auto !important; display:inline !important;}
/* Here Padding changed 12px to 11px */
.main-nav li a{color:#53656f; text-decoration:none; line-height:35px; height:35px; padding:0 11px !important;display:inline-block; border-bottom:none !important;}
.main-nav li:first-child a{padding:0 18px;}
.main-nav li a:hover,.main-nav li.active a{background:#ffffff !important; color:#53656f !important;}
.main-nav li.active a{cursor:none; pointer-events:none;}



.main-search-holder{width:590px;padding:0}
.main-search .srch-box {width:514px;}
.srch-ico {height:36px; width:56px;}
header .holder{width:1000px !important;}
.breadcrumbs .holder{width:94% !important;}
/* body style */

.social_share{float:right;}
.recipe_counter{margin:0 50px;}
.banner_info h2{font-size:18px;}
.banner_info a.more{float:none; margin:10px 40px}
.scl_lik{float:none; margin:0 10px 0 10px;}
.search_section .holder{width:980px; margin:0 auto; padding:0;}
#slider .slides li{padding-bottom:0px;}
#slider li .banner_info{width:200px; height:180px; right:10%; bottom:11%; border-radius:300px; padding:30px 20px; text-align:center;}

.section_left{float:left; width:69%;margin-bottom:0px;}
.section_right{float:right; width:29%;}

.contest{width:100%; padding-left:0; padding-right:0; margin:0 0 20px 0;}

.prdct li{width:30%; margin:0 3% 3% 0;}
.pagination{margin:0 4% 0 0;}

.region_select{right:4%;}

.user-details li .tabs_desc{padding-top:20px;}

.user-details li{width:100%;}

.contest.desk.brd_mrgn_non{border:none;}


.bio > li{width:100%;}
.bio > li:first-child{width:100%;}


.contest.desk.brd_mrgn_non{margin:0;}

.glossary li{width:14.5%; margin:0 1% 25px 0;}
	
.accord dd li{width:14.5%}

/* footer style */

/* Common */

#gallery_slider .owl-buttons div.owl-prev{left:-83px}
#gallery_slider .owl-buttons div.owl-next{right:-83px}

.single_column .cmnts_desc{width:94%;}

}

@media only screen and (min-device-width: 481px) and
(max-device-width: 1024px) and (orientation:landscape) {
.prdct_desc{width:90%; padding:3% 5%;}
header  .desk_only, .section_right .desk_only{display: block;}
  /* Landscape iPad display */
}

@media only screen and (min-width: 1194px) {
/* header style */

#slider li .banner_info{width:260px; height:180px; right:10%; bottom:10%; border-radius:300px; padding:60px 20px;}
.banner_info h2{font-size:24px;}
.banner_info a.more{float:none; margin:10px 40px}

/* body style */

.tip_info{padding:15px 20px 0 10px;}

#carousel{display:block;}

.breadcrumbs .holder{width:1000px !important;}

.main_container{width:1194px; margin:0 auto;}
.section_left{float:left; width:850px;}
.section_right{float:right; width:300px;}


.contest.desk.brd_mrgn_non{border:none; margin:20px 0 0 0;}

.product_img{width:593px;}
.review_holder .product_img{width:520px;}
.product_detail_holder.review_holder .product_img{width:853px;}
.product_detail_holder.review_holder #gallery_slider .product_img{width:770px;}
.product_desc{width:220px;}
/*Old One - Joe*/	
/*.methods{width:590px;}
.ingredients{width:245px;}*/
/*New One - Joe*/
.methods{width:590px;}
.ingredients{width:245px;}

.bio > li{width:100%; margin:0;}
.bio > li:first-child{width:100%;}
.alphabets li{width:32px;}

.review_holder .product_img{width:520px;}

/* footer style */
footer .holder{width:1194px;}

/* Common */
.desk_only{display:block;}
.mbl_only{display:none;}
.single_column .social_share{margin: 0 0 10px 0; float:right;}
.view_button{margin:0 0 0px 11%;}

.view_button a,.view_button a+a+a{margin:0 0 0px 10px;}
}

/*Desktop */
@media only screen and (min-width: 1364px) {
/* header style */


/* body style */
/*#nav-mobile1{display:none}
.subnav{width:100%; float:left; height:35px; text-align:center;font-size:13px;}
.subnav ul{display: block; background:none; box-shadow:none; position:inherit; width:100%;}
.subnav li{float:left; text-transform:uppercase; width:32px !important; display:inline !important;}
.subnav li a{ text-decoration:none; line-height:35px; height:35px; padding:0 11px !important;display:inline-block; border-bottom:none !important;}
.subnav li:first-child a{padding:0 18px;}
.subnav li a:hover,.subnav li.active a{}
.subnav li.active a{cursor:none; pointer-events:none;}
.alphabets li.active span,.alphabets li:hover span{display:block;}*/

/* footer style */

/* Common */
}

@media only screen and (min-width: 641px) {
    .prdct_thread-thumblisting li > a{ width:20%;} 
    .prdct_thread-thumblisting .prdct_thread_desc{ width:78%;}
}