.pro-title {
    background-color: #5e9a28;
    color: #fff;
}

.pro-title h1 {
    font-size: 25px;
    text-transform: uppercase;
    font-weight: bold;
    padding: 10px 15px;
    margin: 0px 0px 20px 0px;
	font-family:calibri;
	text-align:center;
}

.pro-img {
	text-align:center;
}

@media screen and (max-width: 400px){
.pro-img img{
		height: 60%;
		width: 80%;
}
}

.container {
    max-width: 1090px;
    margin: 0 auto;
}

.pro-left-cont {
	float: left;
	
}

@media screen and (max-width: 767px) and (min-width: 320px){
.left-container, .right-container, .pro-left-cont, .pro-right-cont {
    width: 100%;
    float: none;
    margin-bottom: 30px;
}
}

@media screen and (max-width: 1199px) and (min-width: 992px){
.pro-left-cont {
    width: 55%;
}
}

@media screen and (max-width: 1199px) and (min-width: 992px){
.pro-right-cont {
    width: 40%;
}
}



.pro-right-cont {
	float: right;

}

@media screen and (max-width: 991px){
.pro-right-cont {
    float: right;
	width:100%
}
}

.pro-right-cont .list-inline {
	margin-left: 0px;
}
.pro-right-cont .list-inline>li {
	width: 49.5%;
	padding-left: 0px;
	padding-right: 0px;
}
.detail-sub-head {
	font-size: 20px;
	color: #fff;
	margin: 0;
}
.sub-head-table {
	background-color: #5e9a28;
}
.sub-head-table img {
	padding: 8px 8px 8px 10px;
}
.sub-head-table span {
	padding-right: 10px;
}

@media screen and (max-width: 767px) and (min-width: 320px){
table {
    white-space: normal !important;
}
}

.sub-head-table span {
    padding-right: 10px;
}

.white-bg-detail {
    background-color: #fff;
    border: 1px solid #5e9a28;
    box-shadow: 0px 3px 10px #ccc;
    padding: 20px;
}

ul.ingredients-list li {
    margin-bottom: 5px;
}

.section-mb {
    margin-bottom: 35px;
}

ul.ingredients-list {
    list-style-image: url(../images/common-bullet.png);
    margin: 0;
    padding: 0px 20px;
    vertical-align: bottom;
    color: #646464;
    font-size: 16px;
}

.head2 {
    font-size: 18px;
    font-weight: bold;
    margin: 0px 0px 10px 0px;
	font-family: calibri;
}

.servings {
    width: 100%;
    background-color: #5e9a28;
    color: #fff;
    margin-bottom: 10px;
}

.servings tr, .servings td, .servings th {
    padding: 10px;
}

.wrapper {
    min-height: 100%;
    position: relative;
    font-family: 'Roboto Slab', serif;
}

.sect{
    background: url(../images/noodles-vertical.svg) repeat-y;
    background-size: 250px 60px;
	background-position-x: 10%;
}

@media screen and (max-width: 400px){
	.sect{
    background: url(../images/noodles-vertical.svg) repeat-y;
    background-size: 150px 40px;
	margin-right:10px;
}
}