@media only screen and (min-width:240px) and (max-width:320px){ 
	body { border: 0px solid red}
	.mobile{ display: block }
	.non-mobile{ display: none !important }	
	#body_container {float:none}
	#header .Header_botsection{background: #f7f6f2}
	#header .logo{margin-left: 10px;}
	#header .logo img{width: 217px;height: 50px;background-size: 217px 50px}	
	.wrapper {width: 300px;}
	.menutop {clear:both}
	.menutop .menuicon { float: left;top: 20px;right: 10px; }
	.menuicon{padding: 3px;right: 10px;top: 20px}
	#menu {clear: both;border-top: 1px solid #101010;width: 300px;margin: 60px auto 0;float:none}	
	#menu ul {margin-top: 10px;}
	#menu ul li{ clear: both;float:right }
	#menu ul > li > a > span { line-height: 25px; }
	#menu ul > li:hover,#menu ul > li.home_active,#menu ul > li.submit_active,#menu ul > li.rated_active,
	#menu ul > li.newest_active,#menu ul > li.healthy_active,#menu ul > li:focus {
		background: none;
	}
	#menu ul > li:hover > a,#menu ul > li.home_active > a,#menu ul > li.submit_active > a,#menu ul > li.rated_active > a,
	#menu ul > li.newest_active > a,#menu ul > li.healthy_active > a,#menu ul > li:focus > a {
		background: none;		
		/*background: url(../images/nav_left.png) left no-repeat;*/
	}	
	#menu ul > li:hover > a span,#menu ul > li.home_active > a span,#menu ul > li.submit_active > a span,#menu ul > li.rated_active > a span,
	#menu ul > li.newest_active > a span,#menu ul > li.healthy_active > a span,#menu ul > li:focus > a span {
		color: #640064;
		text-shadow: none;
		background: none;
		/*background: url(../images/nav_right.png) right no-repeat;*/
	}	
	#common_top_section .left_sectionlogo {clear: both;width: 100%;}
	#common_top_section .breadcrumbs {clear: both;width: 100%}
	#common_top_section .breadcrumbs ul{padding: 10px 0;float: right;margin-right: 10px; }
	#common_top_section h2 {padding-left: 10px;}
	.submit_section .confirm_box { width: 100%;}
	.submit_section .regerrmsg{width: 97%}
	.submit_signup .but_posi,.submit_signup a,.submit_signup span {clear: both}	
	.submit_signup .but_posi .glyphicon.posi {margin-left: 0}
	.submit_signup a {margin-left: 70px}
	.submit_signup span {margin-left: 100px}
	#left_container .detail_section .detail_box {width: 100%;}		
	#viewrecip_left_container .top_section {padding: 5px}
	#viewrecip_left_container .top_section .imageleft {padding: 0;width: 25%;padding-right: 10px}
	#viewrecip_left_container .top_section .content_box {width: 75%}
	#viewrecip_left_container .top_section .content_box h3 {margin: 0 0 10px 0;font-size: 22px}
	#viewrecip_left_container .top_section .content_box	.padd10 {padding: 5px 0 0 0}
	#viewrecip_left_container .top_section .content_box ul li.vote_rate {width: 100%;}
	#viewrecip_left_container .left_detail {width: 100%}
	#viewrecip_left_container .right_detail {width: 100%}
	#viewrecip_left_container .top_section .content_box ul li span.acookbook{margin-bottom: 10px;}
	#viewrecip_left_container .right_detail .middel_content ul{width: 290px;}
	.recipe-tab-selected a,.recipe-tab a{font-size: 20px}
	#change.bottom_submit_box {width: 280px;}
	.bottom_submit_box {width: 100%}
	#simple-menu {display: none}
	#common_top_section{padding-bottom: 10px;padding-top: 20px;}
	#common_top_section h2{font-size: 30px;line-height: 28px;}
	#footer .bottom_box {margin-top: 0}
	#footer .bottom_box ul { font-size: 11px;padding-left:0;padding-top: 0 }	
	#footer .bottom_box p { padding: 5px 5px 0 0;font-size: 11px; }
	#footer .bottom_box .right_side {padding-right: 0;margin: 10px 0 0 0}
	#toprated_left_section .heading_box {width: 90%;margin: auto 15px;display: block;float:left;border-bottom: 1px solid #EEEEEE;padding-bottom: 10px}
	.bannerbg {height: 150px !important }
	.firstimg {width: 90%;}
	.bannerlogo { bottom: 20px }
	.chefimg {height: 96% !important;}
	.bannerlogo img{ width: 120px; height: auto; }
	.banner h1{ font-size: 11px;bottom: 10px; }
	.signup_free{width: 300px;}
	#viewrecip_left_container .right_detail .middel_content ul{width: 100%}
	#viewrecip_left_container .right_detail .middel_content ul li{width: 95%}
	.error_div{width: 280px;}
	#loading{left: 45% !important}
	.captcha img{
		float: left;
		padding-top: 24px;
	}
}

@media only screen and (min-width:321px) and (max-width:480px){ 
	body { border: 0px solid yellow }
	.mobile{ display: block }
	.non-mobile{ display: none !important }	
	#body_container {float:none}
	#header .Header_botsection{background: #f7f6f2}
	#header .logo img{width: 217px;height: 50px;background-size: 217px 50px}
	.wrapper {width: 310px;}
	.menutop {clear:both}
	.menutop .menuicon { float: left;top: 20px;right: 10px; }
	.menuicon{padding: 3px;right: 10px;top: 20px}	
	#menu {clear: both;border-top: 1px solid #101010;width: 300px;margin: 60px auto 0;float:none}	
	#menu ul {margin-top: 10px;}
	#menu ul li{ clear: both;float:right }
	#menu ul > li > a > span { line-height: 25px; }
	#menu ul > li:hover,#menu ul > li.home_active,#menu ul > li.submit_active,#menu ul > li.rated_active,
	#menu ul > li.newest_active,#menu ul > li.healthy_active,#menu ul > li:focus {
		background: none;
	}
	#menu ul > li:hover > a,#menu ul > li.home_active > a,#menu ul > li.submit_active > a,#menu ul > li.rated_active > a,
	#menu ul > li.newest_active > a,#menu ul > li.healthy_active > a,#menu ul > li:focus > a {
		background: none;		
		/*background: url(../images/nav_left.png) left no-repeat;*/
	}	
	#menu ul > li:hover > a span,#menu ul > li.home_active > a span,#menu ul > li.submit_active > a span,#menu ul > li.rated_active > a span,
	#menu ul > li.newest_active > a span,#menu ul > li.healthy_active > a span,#menu ul > li:focus > a span {
		color: #640064;
		text-shadow: none;
		background: none;
		/*background: url(../images/nav_right.png) right no-repeat;*/
	}
	.bottom_submit_box {width: 100%}
	.submit_section .confirm_box { width: 100%;}
	.submit_section .regerrmsg{width: 95%}
	.submit_signup .but_posi,.submit_signup a,.submit_signup span {clear: both}	
	.submit_signup .but_posi .glyphicon.posi {margin-left: 0}
	.submit_signup a {margin-left: 70px}
	.submit_signup span {margin-left: 100px}
	#common_top_section .left_sectionlogo {clear: both;width: 100%;}
	#common_top_section .breadcrumbs {clear: both;width: 100%}
	#common_top_section .breadcrumbs ul{padding: 10px 0;float: right }
	#left_container .detail_section .detail_box {width: 100%;}		
	#viewrecip_left_container .top_section {padding: 5px}
	#viewrecip_left_container .top_section .imageleft {padding: 0;width: 25%;padding-right: 10px}
	#viewrecip_left_container .top_section .content_box {width: 75%}
	#viewrecip_left_container .top_section .content_box h3 {margin: 0 0 10px 0;font-size: 22px}
	#viewrecip_left_container .top_section .content_box	.padd10 {padding: 5px 0 0 0}
	#viewrecip_left_container .top_section .content_box ul li.vote_rate {width: 100%;}
	#viewrecip_left_container .left_detail {width: 100%}
	#viewrecip_left_container .right_detail {width: 100%}
	#viewrecip_left_container .top_section .content_box ul li span.acookbook{margin-bottom: 10px;}
	#viewrecip_left_container .right_detail .middel_content ul{width: 290px;}
	.recipe-tab-selected a,.recipe-tab a{font-size: 20px}
	#change.bottom_submit_box {width: 280px;}
	#simple-menu {display: none}
	#common_top_section{padding-bottom: 10px;padding-top: 15px;}
	#common_top_section h2{font-size: 25px;line-height: 28px;}
	#footer .bottom_box {margin-top: 0}
	#footer .bottom_box ul { font-size: 11px;padding-left:0;padding-top: 0 }	
	#footer .bottom_box p { padding: 5px 5px 0 0;font-size: 11px; }
	#footer .bottom_box .right_side {padding-right: 0;margin: 10px 0 0 0}
	#toprated_left_section .heading_box {width: 90%;margin: auto 15px;display: block;float:left;border-bottom: 1px solid #EEEEEE;padding-bottom: 10px}
	.bannerbg {height: 180px !important }
	.firstimg {width: 90%;}
	.bannerlogo { bottom: 25px }
	.chefimg {height: 96% !important;}
	.bannerlogo img{ width: 120px; height: auto; }
	.banner h1{ font-size: 11px;bottom: 15px; }
	.signup_free{width: 300px;}
	#viewrecip_left_container .right_detail .middel_content ul{width: 100%}
	#viewrecip_left_container .right_detail .middel_content ul li{width: 95%}
	.error_div{width: 300px;}	
	#loading{left: 45% !important}
	.captcha img{
		float: left;
		padding-top: 24px;
	}
}

@media only screen and (min-width:481px) and (max-width:767px){ 
	body { border: 0px solid violet}
	.mobile{ display: block }
	.non-mobile{ display: none !important }	
	#body_container {float:none}
	#header .Header_botsection{background: #f7f6f2}
	#header .logo img{width: 217px;height: 50px;background-size: 217px 50px}
	.wrapper {width: 480px;}
	.menutop {clear:both}
	.menutop .menuicon { float: left;top: 20px;right: 10px; }
	.menuicon{padding: 3px;right: 10px;top: 20px}
	#search_section .top_menu {padding: 0}
	#menu {clear: both;border-top: 1px solid #101010;width: 480px;margin: 70px auto 0;float:none}		
	#menu ul {margin-top: 10px;}
	#menu ul > li > a{margin: 0 17px;}
	#menu ul > li:hover,#menu ul > li.home_active,#menu ul > li.submit_active,#menu ul > li.rated_active,
	#menu ul > li.newest_active,#menu ul > li.healthy_active,#menu ul > li:focus {
		background: none;
	}
	#menu ul > li:hover > a,#menu ul > li.home_active > a,#menu ul > li.submit_active > a,#menu ul > li.rated_active > a,
	#menu ul > li.newest_active > a,#menu ul > li.healthy_active > a,#menu ul > li:focus > a {
		background: url(../images/nav_left.png) left no-repeat;
	}
	#menu ul > li:hover > a span,#menu ul > li.home_active > a span,#menu ul > li.submit_active > a span,#menu ul > li.rated_active > a span,
	#menu ul > li.newest_active > a span,#menu ul > li.healthy_active > a span,#menu ul > li:focus > a span {		
		background: url(../images/nav_right.png) right no-repeat;
	}
	.bottom_submit_box {width: 100%}
	.submit_section .confirm_box { width: 100%;}
	.submit_section .regerrmsg{width: 93%}
	.submit_signup .but_posi {margin: 0 -4px}
	#common_top_section .left_sectionlogo {clear: both;width: 100%;}
	#common_top_section .breadcrumbs {clear: both;width: 100%}
	#common_top_section .breadcrumbs ul{padding: 10px 0;float: right }
	#left_container .detail_section .detail_box {width: 50%;}		
	#left_container .detail_section .detail_box .content p {min-height: 90px;}
	#viewrecip_left_container .top_section {padding: 5px}
	#viewrecip_left_container .top_section .imageleft {padding: 0;width: 25%;padding-right: 10px}
	#viewrecip_left_container .top_section .content_box {width: 75%}
	#viewrecip_left_container .top_section .content_box h3 {margin: 0 0 10px 0;font-size: 22px}
	#viewrecip_left_container .top_section .content_box	.padd10 {padding: 5px 0 0 0}
	#viewrecip_left_container .top_section .content_box ul li.vote_rate {width: 100%;}
	#viewrecip_left_container .left_detail {width: 100%}
	#viewrecip_left_container .right_detail {width: 100%}
	#viewrecip_left_container .top_section .content_box ul li span.acookbook{margin-bottom: 10px;}
	#viewrecip_left_container .right_detail .middel_content ul{width: 290px;}
	.recipe-tab-selected a,.recipe-tab a{font-size: 20px}
	#change.bottom_submit_box {width: 480px;}	
	#simple-menu {display: none}
	#common_top_section{padding-bottom: 10px;padding-top: 15px;}
	#common_top_section h2{font-size: 30px;line-height: 28px;}
	#footer .bottom_box {margin-top: 0}
	#footer .bottom_box ul { font-size: 11px;padding-left:0;padding-top: 0 }	
	#footer .bottom_box p { padding: 5px 5px 0 0;font-size: 11px; }
	#footer .bottom_box .right_side {padding-right: 0;margin: 10px 0 0 0}
	#toprated_left_section .heading_box {width: 90%;margin: auto 15px;display: block;float:left;border-bottom: 1px solid #EEEEEE;padding-bottom: 10px}
	.bannerbg {height: 250px !important }
	.firstimg {width: 90%;}
	.bannerlogo { bottom: 40px }
	.chefimg {height: 97% !important;}
	.bannerlogo img{ width: 150px; height: auto; }
	.banner h1{ font-size: 16px;bottom: 20px; }
	.fb_iframe_widget iframe[style]{width: 100% !important}
	.captcha img{
		float: left;
		padding-top: 24px;
	}
}

@media only screen and (min-width:768px) and (max-width:1024px){
	body { border: 0px solid darkgreen; }
	.mobile{ display: block }
	.non-mobile{ display: none !important }
	#body_container {float:none}
	#header .Header_botsection{background: #f7f6f2}
	.wrapper { width: 750px;}
	.menutop {clear:both}
	.menutop .menuicon { float: left;top: 20px;right: 10px; }
	#menu {clear: both;border-top: 1px solid #101010;width: 700px;margin: 100px auto 0;float:none}	
	#menu ul {margin-top: 10px;}	
	#menu ul > li > a{margin: 0 20px;}
	#menu ul > li:hover,#menu ul > li.home_active,#menu ul > li.submit_active,#menu ul > li.rated_active,
	#menu ul > li.newest_active,#menu ul > li.healthy_active,#menu ul > li:focus {
		background: none;
	}
	#menu ul > li:hover > a,#menu ul > li.home_active > a,#menu ul > li.submit_active > a,#menu ul > li.rated_active > a,
	#menu ul > li.newest_active > a,#menu ul > li.healthy_active > a,#menu ul > li:focus > a {
		background: url(../images/nav_left.png) left no-repeat;
	}
	#menu ul > li:hover > a span,#menu ul > li.home_active > a span,#menu ul > li.submit_active > a span,#menu ul > li.rated_active > a span,
	#menu ul > li.newest_active > a span,#menu ul > li.healthy_active > a span,#menu ul > li:focus > a span {
		color: #FFF;
		text-shadow: #190019 1px 1px;
		background: url(../images/nav_right.png) right no-repeat;
	}
	.bottom_submit_box {width: 80%}
	.submit_section .confirm_box { width: 80%;}
	.submit_section .regerrmsg{width: 75%}
	#left_container .detail_section .detail_box {width: 33%}
	#left_container .detail_section .detail_box .content p {min-height: 90px;}
	#common_top_section {padding-bottom: 20px}
	#common_top_section .left_sectionlogo {width: 100%;padding-left: 10px;}
	#common_top_section .breadcrumbs {width: 100%;}
	#common_top_section .breadcrumbs ul { float: right }
	#viewrecip_left_container .top_section .imageleft {width: 33%}
	#viewrecip_left_container .top_section .content_box { width: 67% }
	#viewrecip_left_container .top_section .content_box h3 { margin-top: 0 }
	#footer .bottom_box {margin-top: 0}
	.recipe-tab-selected a,.recipe-tab a{font-size: 20px}
	.bannerbg {height: 400px !important}	
	.captcha img{
		float: left;
		padding-top: 24px;
	}
}

@media only screen and (min-width:1025px) and (max-width:1170px){
body { border: 0px solid brown; }
	.mobile{ display: block }
	.non-mobile{ display: none !important }
	#body_container {float:none}
	#header .Header_botsection{background: #f7f6f2}
	.wrapper { width: 1020px;}
	.menutop {clear:both}
	.menutop .menuicon { float: left;top: 20px;right: 10px; }
	#menu {clear: both;border-top: 1px solid #101010;width: 700px;margin: 10px auto 10px;float:right}	
	#menu ul {margin-top: 10px;}
	#menu ul > li > a{margin: 0 23px;}
	#menu ul > li:hover,#menu ul > li.home_active,#menu ul > li.submit_active,#menu ul > li.rated_active,
	#menu ul > li.newest_active,#menu ul > li.healthy_active,#menu ul > li:focus {
		background: none;
	}
	#menu ul > li:hover > a,#menu ul > li.home_active > a,#menu ul > li.submit_active > a,#menu ul > li.rated_active > a,
	#menu ul > li.newest_active > a,#menu ul > li.healthy_active > a,#menu ul > li:focus > a {
		background: url(../images/nav_left.png) left no-repeat;
	}
	#menu ul > li:hover > a span,#menu ul > li.home_active > a span,#menu ul > li.submit_active > a span,#menu ul > li.rated_active > a span,
	#menu ul > li.newest_active > a span,#menu ul > li.healthy_active > a span,#menu ul > li:focus > a span {
		color: #FFF;
		text-shadow: #190019 1px 1px;
		background: url(../images/nav_right.png) right no-repeat;
	}
	.bottom_submit_box {width: 80%}	
	.submit_section .confirm_box { width: 65%;}
	.submit_section .regerrmsg{width: 62%}
	#left_container .detail_section .detail_box {width: 25%}
	#common_top_section {padding-bottom: 20px}
	#common_top_section .left_sectionlogo {width: 100%;padding-left: 10px;}
	#common_top_section .breadcrumbs {width: 100%;}
	#common_top_section .breadcrumbs ul { float: right }
	#viewrecip_left_container .top_section .imageleft {width: 33%}
	#viewrecip_left_container .top_section .content_box { width: 67% }
	#viewrecip_left_container .top_section .content_box h3 { margin-top: 0 }
	#footer .bottom_box {margin-top: 0}
	.recipe-tab-selected a,.recipe-tab a{font-size: 20px}

}

@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {
	body{ /*border: 2px solid green */}
}

@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {
	body{/* border: 2px solid black*/ }
}