@font-face {
	font-family : 'Gotham-Book';
	src         : url("../fonts/Gotham-Book.otf");
}

@font-face {
	font-family : 'PTSerifCaption';
	src         : url("../fonts/PTSerifCaption.ttc");
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form{
	border: none;
}

.dotted{
	width: 100%;
	float: left;
	text-align: center;
	color: #000;
}
.no-logo{
	font-size: 27px;
    line-height: 30px;
    padding: 0;
    margin: 10px 0px 0px 0px;
    width: 100%;
    float: left;
    color: #236138;
    font-family: 'Gotham-Book', sans-serif;
    height:40px;

}
.modal-content{
	width: 100%;
	float: left;
}
#myTab, #myTab-two, #myTab-three{
	width: 100%;
	float: left;
	margin: 0px;
	text-align: center;
	border: none;
	padding: 0;
}
#myTabContent{
	width: 100%;
	float: left;
}

#gallery-foodbev img{margin: 4% auto;}

@media only screen and (min-width: 1401px) {
	body{
		margin  : 0;
		padding : 0;
	}
	.container{
		overflow : hidden;
		width    : 100%;
		margin   : 0;
		padding  : 0;
	}
	.subcontainer{
		overflow : hidden;
		width    : 100%;
		margin   : 0 auto;
	}
		/*Header Start*/
	header{
		float      : left;
		width      : 100%;
		margin-top : 2%;
	}

	.logo{
		float : left;
		width : 50%;
	}

	.logoimage{
		margin-left : 35%;
	}
	.navbar-default{
		background: transparent;
		border: none ;
	}
	.dropdown-menu{
		margin: 0px;
		background: #effdf0;
	}
	.dropdown-menu li a{
		background: #effdf0;
		color: #7f9185;
	}
	.dropdown-menu li a:hover, .dropdown-menu li a:active{
		background: #4d5d01 !important;
    color: #fff;
	}

	nav{
		float : left;
		width : 50%;
	}

	nav ul{
		margin      : 0;
		padding     : 0;
		width: 100%;
		list-style  : none;
	}
	.navbar-nav>li>a{
		padding: 10px 20px;
		background: transparent ;
		color: #7f9185 !important;
	}
	.navbar-nav li :hover{background-color: #effdf0 !important;}
	.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover{
		background-color: #effdf0 !important;
	}
	.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover{
		background-color: #effdf0 !important;
	}
	.sspac{
		margin-top: 15px;
    margin-bottom: 0px;
	}

	
	.banner{
		float      : left;
		width      : 100%;
		margin-top : 2%;
	}

	.aboutus{
		float      : left;
		width      : 100%;
		margin-top : 4%;
	}

	.center{
		width  : 60%;
		margin : 0 auto;
	}

	.about-us-images{
		float : left;
		width : 100%;
	}

	.infosection{
		float  : left;
		width  : 100%;
		margin : 7% 0%;
	}

	.text{
		float       : left;
		width       : 100%;
		font-family : 'Montserrat', sans-serif;
		font-size   : 18px;
		color       : #646466;
		text-align  : center;
	}

	.texts{
		float       : left;
		width       : 100%;
		margin-top  : 1%;
		font-family : 'Montserrat', sans-serif;
		font-size   : 18px;
		color       : #646466;
		text-align  : center;
	}

	.menubar{
		float      : left;
		width      : 100%;
		margin-top : 10%;
	}

	.fstmenu{
		float           : left;
		height          : auto;
		width           : 100%;
		background      : url(../images/fstback.png) no-repeat;
		background-size : 100% 100%;
	}

	.scndmenu{
		float           : left;
		height          : auto;
		width           : 100%;
		background      : url(../images/scndback.png) no-repeat;
		background-size : 100% 100%;
	}

	.thrdmenu{
		float           : left;
		height          : auto;
		width           : 100%;
		background      : url(../images/thrdback.png) no-repeat;
		background-size : 100% 100%;
	}

	.imagesection{
		float : left;
		width : 50%;
	}

	.description{
		float         : left;
		width         : 50%;
		margin-bottom : 10%;
	}

	.details{
		width       : 90%;
		margin-top  : 15%;
		margin-left : 5%;
	}

	.hider{
		display : none;
	}

	.header{
		margin-bottom : 5px;

		font-family   : 'Montserrat', sans-serif;
		font-size     : 24px;
		color         : #f3f276;
	}

	.headers{
		margin-bottom : 5px;
		font-family   : 'Montserrat', sans-serif;
		font-size     : 24px;
		color         : #f3f276;
		text-align    : right;
	}

	.line{
		margin : 3% 0%;
	}

	.lines{
		float  : right;
		margin : 3% 0%;
	}

	.subdescription{
		float       : left;
		width       : 65%;
		margin-top  : 2%;
		font-family : 'Montserrat', sans-serif;
		font-size   : 18px;
		color       : #ffffff;
	}

	.subdescriptions{
		float       : left;
		width       : 100%;
		margin-top  : 2%;
		font-family : 'Montserrat', sans-serif;
		font-size   : 18px;
		color       : #ffffff;
		text-align  : right;
	}

	.subdescriptions span{
		float : right;
		width : 70%;
	}

	.dal,.aloo{
		float         : right;
		width         : 70%;
		margin-top    : -8%;
		margin-right  : 5%;
		margin-bottom : 10%;
	}

	.choley{
		float         : left;
		width         : 70%;
		margin-top    : -8%;
		margin-bottom : 10%;
		margin-left   : 5%;
	}

	.brands{
		float : left;
		width : 100%;
	}

	.brand_header{
		margin      : 6% 0% 0% 20%;
		font-family : 'Montserrat', sans-serif;
		font-size   : 18px;
		font-style  : italic;
		color       : #b83464;
	}

	.brand_headers{
		margin      : 2% 0% 0% 20%;
		font-family : 'Montserrat', sans-serif;
		font-size   : 18px;
		font-style  : italic;
		color       : #b83464;
	}

	.navigation{
		float  : left;

		width  : 100%;
		margin : 1% 0% 0% 20%;
	}

	.navigation ul{
		margin  : 0;
		padding : 0;
	}

	.navigation ul li{
		display     : inline-block;

		padding     : 0% 1% 0% 1%;

		border-left : 1px solid #000000;
	}

	.navigation ul li a{
		font-family     : 'Montserrat', sans-serif;
		color           : #000000;
		text-decoration : none;
	}

	.navigation ul li:nth-child(1){
		display     : inline-block;
		padding     : 0% 1% 0% 0%;
		border-left : 1px solid #ffffff;
	}

	footer{
		float         : left;

		height        : 70px;
		width         : 100%;
		margin-bottom : 1%;

		border-top    : 1px solid #777777;
	}

	.bottom-move{
		margin-bottom : 4%;
	}

	.foot{
		margin      : 1% 0% 0% 20%;
		font-family : 'Montserrat', sans-serif;
		font-size   : 10px;
		color       : #777777;
	}

	.contacts{
		position   : absolute;
		display    : none;
		top        : 0;

		height     : 3500px;
		width      : 100%;

		background : #eeeeee;
	}

	.buy-setion{
		float           : left;
		width           : 100%;
		background      : url("../images/where-to-buy-Background.png")no-repeat bottom;
		background-size : 100%;
	}

	.sub-buy-setion{
		float  : left;

		width  : 80%;
		margin : 5% 10%;
	}

	.img-border{
		margin : 5% auto;
	}

	.available-at{
		float       : left;

		width       : 100%;
		margin      : 10px 0px 50px 0px;
		font-family : 'PTSerifCaption';
		font-size   : 56px;
		font-weight : bold;
		color       : #236138;
		line-height : 59px;
		text-align  : center;
	}

	.available-at span{
		color : #a0b706;
	}

	.buy-from{
		float      : left;
		width      : 100%;
		text-align : center;
	}

	.buyers-setion{
		display       : inline-block;
		width         : 350px;
		margin        : 20px;
		padding       : 20px 0px;
		border-bottom : 1px solid #d0d0ce;
	}

	.buyers-setion img{
		margin : 0 auto;
	}

	.green-line{
		margin : 5% auto !important;
	}

	.buyers-links{
		float           : left;
		width           : 100%;
		margin          : 10px 0px;
		margin-bottom   : 20px;
		font-family     : 'Gotham-Book', sans-serif;
		font-size       : 14px;
		font-weight     : bold;
		color           : #000;
		line-height     : 17px;
		text-align      : center;
		text-decoration : none;
	}

	.img-border {
		float : left;
		width : 100%;
	}

	.img-border img{
		margin : 0% auto;
	}

	.buyer-name{
		float           : left;
		width           : 100%;
		margin-bottom   : 20px;
		font-family     : 'Montserrat', sans-serif;
		font-size       : 24px;
		font-weight     : bold;
		color           : #a0b706;
		line-height     : 27px;
		text-align      : center;
		text-decoration : none;
	}
	
	.sub-section-one{
		width: 70%;
		float: left;
		margin: 0% 15% 10%;
	}

	.sub-points{
		width: 460px;
		display: inline-block;
		margin:10px 0px; 
		font-family: 'Montserrat', sans-serif;
		font-size: 18px;
		line-height: 21px;
		text-align: left;
	}
	.sub-points img{
		margin-right: 10px;
	}
	/*.flt-right{
		text-align: right;
		margin-right: 10px;
	}*/
	.col-row{
		width: 80%;
		float: left;
		margin: -7% 10% 0%;
		position: relative;
		text-align: center
	}
	.each-cook{
		width:31%;
		display: inline-block;
		margin: 1%;
	}
	.ready-to-heat{
		width: 70%;
		float: left;
		margin: 5% 15% 10%;
	}
	.only-ready-cook{
		min-height: 170px;
	}
	.each-cook-image{
		width: 100%;
	    float: left;
	    background: #dfd08f;
	    margin-bottom: 100px;
	    padding: 30px 0px;
	    overflow: hidden;
	    border-radius: 25px;
	}
	.media-cook-image{
		width: 31%;
	    float: left;
	    padding: 30px 0px;
	    overflow: hidden;
		margin: 0% 1%;
	}
	.each-reciepe-heading{margin-top: 120px;}
	.media-one{
		margin-top: 10%;
		margin-bottom: 0%;
	}
	.ug-thumb-wrapper.ug-tile{
		width: 31% !important;
		float: left;
	}
	#gallerys .ug-thumb-wrapper.ug-tile, #galleryss .ug-thumb-wrapper.ug-tile, #gallery-fine .ug-thumb-wrapper.ug-tile, #gallery-foodbev .ug-thumb-wrapper.ug-tile, 
	#gallery-great .ug-thumb-wrapper.ug-tile{
		width: 50% !important;
		margin: 0% 25% !important;
	}
	#gallerys .ug-thumbs-grid-inner,#gallerys .ug-thumbs-grid,
	#galleryss .ug-thumbs-grid-inner,#galleryss .ug-thumbs-grid,
	#gallery-fine .ug-thumbs-grid-inner,#gallery-fine .ug-thumbs-grid,
	#gallery-foodbev .ug-thumbs-grid-inner,#gallery-foodbev .ug-thumbs-grid,
	#gallery-great .ug-thumbs-grid-inner,#gallery-great .ug-thumbs-grid
	{width: 100% !important;float:none;margin: 0 auto !important;}


}

@media only screen and (min-width:768px) and (max-width:991px){


	body{
		margin  : 0;
		padding : 0;
	}

	.container{
		overflow : hidden;
		width    : 100%;
		margin   : 0;
		padding  : 0;
	}

	.subcontainer{
		overflow : hidden;
		width    : 100%;
		margin   : 0 auto;
	}

		/*Header Start*/
	header{
		float      : left;

		width      : 100%;
		margin-top : 2%;
	}

	.logo{
		float : left;
		width : 30%;
	}

	.logoimage{
		margin-left : 20%;
	}


		.navbar-default{
			background: transparent;
			border: none ;
		}
		.dropdown-menu{
			margin: 0px;
			background: #effdf0;
		}
		.dropdown-menu li a{
			background: #effdf0;
			color: #7f9185;
		}
		.dropdown-menu li a:hover, .dropdown-menu li a:active{
			background: #4d5d01 !important;
    color: #fff;
		}

	nav{
		float : left;
		width : 70%;
		margin: 15px 0px 0px;
	}

	nav ul{
		margin      : 0;
		padding     : 0;
		width: 100%;
		list-style  : none;
	}
	.navbar-nav>li>a{
		padding: 10px 20px;
		background: transparent !important;
		color: #7f9185 !important;
	}
	.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover{
		background-color: #effdf0 !important;
	}
	.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover{
		background-color: #effdf0 !important;
	}
	.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus, .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover{
		background-color: #7f9185 !important;
		color: #ffffff !important;
	}
	.banner{
		float      : left;
		width      : 100%;
		margin-top : 2%;
	}

	.aboutus{
		float      : left;
		width      : 100%;
		margin-top : 4%;
	}

	.center{
		width  : 60%;
		margin : 0 auto;
	}

	.about-us-images{
		float : left;
		width : 100%;
	}

	.infosection{
		float  : left;
		width  : 100%;
		margin : 7% 0%;
	}

	.text{
		float       : left;
		width       : 100%;
		font-family : 'Montserrat', sans-serif;
		font-size   : 18px;
		color       : #646466;
		text-align  : center;
	}

	.texts{
		float       : left;
		width       : 100%;
		font-family : 'Montserrat', sans-serif;
		font-size   : 18px;
		color       : #646466;
		text-align  : center;
	}

	.menubar{
		float      : left;
		width      : 100%;
		margin-top : 10%;
	}

	.fstmenu{
		float           : left;
		height          : auto;
		width           : 100%;
		background      : url(../images/fstback.png) no-repeat;
		background-size : 100% 100%;
	}

	.scndmenu{
		float           : left;
		height          : auto;
		width           : 100%;
		background      : url(../images/scndback.png) no-repeat;
		background-size : 100% 100%;
	}

	.thrdmenu{
		float           : left;
		height          : auto;
		width           : 100%;
		background      : url(../images/thrdback.png) no-repeat;
		background-size : 100% 100%;
	}

	.imagesection{
		float : left;
		width : 50%;
	}

	.description{
		float         : left;
		width         : 50%;
		margin-bottom : 10%;
	}

	.details{
		width       : 90%;
		margin-top  : 15%;
		margin-left : 5%;
	}

	.hider{
		display : none;
	}

	.header{
		margin-bottom : 5px;
		font-family   : 'Montserrat', sans-serif;
		font-size     : 24px;
		color         : #f3f276;
	}

	.headers{
		margin-bottom : 5px;
		font-family   : 'Montserrat', sans-serif;
		font-size     : 24px;
		color         : #f3f276;
		text-align    : right;
	}

	.line{
		float  : left;
		margin : 2% 0%;
	}

	.lines{
		float  : right;
		margin : 2% 0%;
	}

	.subdescription{
		float         : left;
		margin-top    : 3%;
		margin-bottom : 20%;
		font-family   : 'Montserrat', sans-serif;
		font-size     : 18px;
		color         : #ffffff;
	}

	.subdescriptions{
		float         : left;
		margin-top    : 3%;
		margin-bottom : 20%;
		font-family   : 'Montserrat', sans-serif;
		font-size     : 18px;
		color         : #ffffff;
		text-align    : right;
	}

	.dal,.aloo{
		float        : right;
		width        : 75%;
		margin-top   : -8%;
		margin-right : 5%;
	}

	.choley{
		float       : left;
		width       : 75%;
		margin-top  : -8%;
		margin-left : 5%;
	}

	.brands{
		float : left;
		width : 100%;
	}

	.brand_header{
		margin      : 6% 0% 0% 9%;
		font-family : 'Montserrat', sans-serif;
		font-size   : 18px;
		font-style  : italic;
		color       : #b83464;
	}

	.brand_headers{
		margin      : 2% 0% 0% 9%;
		font-family : 'Montserrat', sans-serif;
		font-size   : 18px;
		font-style  : italic;
		color       : #b83464;
	}

	.navigation{
		float  : left;
		width  : 100%;
		margin : 1% 0% 0% 9%;
	}

	.navigation ul{
		margin  : 0;
		padding : 0;
	}

	.navigation ul li{
		display     : inline-block;
		padding     : 0% 1% 0% 1%;
		border-left : 1px solid #000000;
	}

	.navigation ul li a{
		font-family     : 'Montserrat', sans-serif;
		color           : #000000;
		text-decoration : none;
	}

	.navigation ul li:nth-child(1){
		display     : inline-block;
		padding     : 0% 1% 0% 0%;
		border-left : 1px solid #ffffff;
	}

	footer{
		float         : left;
		height        : 70px;
		width         : 100%;
		margin-bottom : 1%;
		border-top    : 1px solid #777777;
	}

	.bottom-move{
		margin-bottom : 4%;
	}

	.foot{
		margin      : 1% 0% 0% 9%;
		font-family : 'Montserrat', sans-serif;
		font-size   : 10px;
		color       : #777777;
	}

	.buy-setion{
		float           : left;
		width           : 100%;
		background      : url("../images/where-to-buy-Background.png")no-repeat bottom;
		background-size : 100%;
	}

	.sub-buy-setion{
		float  : left;
		width  : 80%;
		margin : 5% 10%;
	}

	.img-border{
		margin : 5% auto;
	}

	.available-at{
		float       : left;

		width       : 100%;
		margin      : 10px 0px 50px 0px;

		font-family : 'PTSerifCaption', sans-serif;
		font-size   : 56px;
		font-weight : bold;
		color       : #236138;
		line-height : 59px;
		text-align  : center;
	}

	.available-at span{
		color : #a0b706;
	}

	.buy-from{
		float      : left;

		width      : 100%;

		text-align : center;
	}

	.buyers-setion{
		display       : inline-block;

		width         : 350px;
		margin        : 20px;
		padding       : 20px 0px;

		border-bottom : 1px solid #d0d0ce;
	}

	.buyers-setion img{
		margin : 0 auto;
	}

	.green-line{
		margin : 5% auto !important;
	}

	.buyers-links{
		float           : left;
		width           : 100%;
		margin          : 10px 0px;
		margin-bottom   : 20px;
		font-family     : 'Gotham-Book', sans-serif;
		font-size       : 14px;
		font-weight     : bold;
		color           : #000;
		line-height     : 17px;
		text-align      : center;
		text-decoration : none;
	}

	.img-border {
		float : left;
		width : 100%;
	}

	.img-border img{
		margin : 0% auto;
	}

	.buyer-name{
		float           : left;
		width           : 100%;
		margin-bottom   : 20px;
		font-family     : 'Montserrat', sans-serif;
		font-size       : 24px;
		font-weight     : bold;
		color           : #a0b706;
		line-height     : 27px;
		text-align      : center;
		text-decoration : none;
	}
	.sub-section-one{
		width: 80%;
		float: left;
		margin: 0% 10% 15%;
	}

	.sub-points{
		width: 460px;
		display: inline-block;
		margin:10px 0px; 
		font-family: 'Montserrat', sans-serif;
		font-size: 18px;
		line-height: 21px;
		text-align: left;
	}
	.sub-points img{
		margin-right: 10px;
	}
	.col-row{
		width: 100%;
		float: left;
		margin: -10% 0% 0%;
		position: relative;
		text-align: center
	}
	.each-cook{
		width:46%;
		display: inline-block;
		margin: 1%;
	}
	.ready-to-heat{
		width: 80%;
		float: left;
		margin: 5% 10% 10%;
	}
	.only-ready-cook{
		min-height: 210px;
	}
	.each-cook-image{
		width: 100%;
	    float: left;
	    background: #dfd08f;
	    margin-bottom: 50px;
	    margin-top: 20px;
	    padding: 30px 20px;
	    border-radius: 25px;
	    overflow: hidden;
	}
	.media-cook-image{
		width: 31%;
	    float: left;
	    padding: 30px 0px;
	    overflow: hidden;
		margin: 0% 1%;
	}
	.media-one{
		margin-top: 10%;
		margin-bottom: 5%;
	}
	.ug-thumb-wrapper.ug-tile{
		/*width: 31% !important;
		float: left;*/
	}
	#gallerys .ug-thumb-wrapper.ug-tile, #galleryss .ug-thumb-wrapper.ug-tile, #gallery-fine .ug-thumb-wrapper.ug-tile, #gallery-foodbev .ug-thumb-wrapper.ug-tile, 
	#gallery-great .ug-thumb-wrapper.ug-tile{
	width: 50% !important;
	margin: 0% 25% !important;
}
#gallerys .ug-thumbs-grid-inner,#gallerys .ug-thumbs-grid,
#galleryss .ug-thumbs-grid-inner,#galleryss .ug-thumbs-grid,
#gallery-fine .ug-thumbs-grid-inner,#gallery-fine .ug-thumbs-grid,
#gallery-foodbev .ug-thumbs-grid-inner,#gallery-foodbev .ug-thumbs-grid,
#gallery-great .ug-thumbs-grid-inner,#gallery-great .ug-thumbs-grid
{width: 100% !important;float:none;margin: 0 auto !important;}
}
@media only screen and (min-width:500px) and (max-width:767px){


	body{
		margin  : 0;
		padding : 0;
	}

	.container{
		overflow : hidden;
		width    : 100%;
		margin   : 0;
		padding  : 0;
	}

	.subcontainer{
		overflow : hidden;
		width    : 100%;
		margin   : 0 auto;
	}

		/*Header Start*/
	header{
		float      : left;

		width      : 100%;
		margin-top : 2%;
	}

	.logo{
		float : left;
		width : 40%;
	}

	.logoimage{
		margin-left : 20%;
	}


		.navbar-default{
			background: transparent;
			border: none ;
		}
		.dropdown-menu{
			margin: 0px;
			background: #effdf0;
		}
		.dropdown-menu li a{
			background: #effdf0;
			color: #7f9185;
		}
		.dropdown-menu li a:hover, .dropdown-menu li a:active{
			background: #4d5d01 !important;
    color: #fff;
		}

	nav{
		float : left;
		width : 60%;
	}

	nav ul{
		margin      : 0;
		padding     : 0;
		width: 100%;
		list-style  : none;
	}
	.navbar-nav>li>a{
		padding: 10px 20px;
		background: transparent !important;
		color: #7f9185 !important;
	}
	.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover{
		background-color: #effdf0 !important;
	}
	.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover{
		background-color: #effdf0 !important;
	}
	.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus, .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover{
		background-color: #7f9185 !important;
		color: #ffffff !important;
	}
	.banner{
		float      : left;
		width      : 100%;
		margin-top : 2%;
	}

	.aboutus{
		float      : left;
		width      : 100%;
		margin-top : 4%;
	}

	.center{
		width  : 60%;
		margin : 0 auto;
	}

	.about-us-images{
		float : left;
		width : 100%;
	}

	.infosection{
		float  : left;
		width  : 100%;
		margin : 7% 0%;
	}

	.text{
		float       : left;
		width       : 100%;
		font-family : 'Montserrat', sans-serif;
		font-size   : 18px;
		color       : #646466;
		text-align  : center;
	}

	.texts{
		float       : left;
		width       : 100%;
		font-family : 'Montserrat', sans-serif;
		font-size   : 18px;
		color       : #646466;
		text-align  : center;
	}

	.menubar{
		float      : left;
		width      : 100%;
		margin-top : 10%;
	}

	.fstmenu{
		float           : left;
		height          : auto;
		width           : 100%;
		background      : url(../images/fstback.png) no-repeat;
		background-size : 100% 100%;
	}

	.scndmenu{
		float           : left;
		height          : auto;
		width           : 100%;
		background      : url(../images/scndback.png) no-repeat;
		background-size : 100% 100%;
	}

	.thrdmenu{
		float           : left;
		height          : auto;
		width           : 100%;
		background      : url(../images/thrdback.png) no-repeat;
		background-size : 100% 100%;
	}

	.imagesection{
		float : left;
		width : 50%;
	}

	.description{
		float         : left;
		width         : 50%;
		margin-bottom : 10%;
	}

	.details{
		width       : 90%;
		margin-top  : 15%;
		margin-left : 5%;
	}

	.hider{
		display : none;
	}

	.header{
		margin-bottom : 5px;
		font-family   : 'Montserrat', sans-serif;
		font-size     : 24px;
		color         : #f3f276;
	}

	.headers{
		margin-bottom : 5px;
		font-family   : 'Montserrat', sans-serif;
		font-size     : 24px;
		color         : #f3f276;
		text-align    : right;
	}

	.line{
		float  : left;
		margin : 2% 0%;
	}

	.lines{
		float  : right;
		margin : 2% 0%;
	}

	.subdescription{
		float         : left;
		margin-top    : 3%;
		margin-bottom : 20%;
		font-family   : 'Montserrat', sans-serif;
		font-size     : 18px;
		color         : #ffffff;
	}

	.subdescriptions{
		float         : left;
		margin-top    : 3%;
		margin-bottom : 20%;
		font-family   : 'Montserrat', sans-serif;
		font-size     : 18px;
		color         : #ffffff;
		text-align    : right;
	}

	.dal,.aloo{
		float        : right;
		width        : 75%;
		margin-top   : -8%;
		margin-right : 5%;
	}

	.choley{
		float       : left;
		width       : 75%;
		margin-top  : -8%;
		margin-left : 5%;
	}

	.brands{
		float : left;
		width : 100%;
	}

	.brand_header{
		margin      : 6% 0% 0% 9%;
		font-family : 'Montserrat', sans-serif;
		font-size   : 18px;
		font-style  : italic;
		color       : #b83464;
	}

	.brand_headers{
		margin      : 2% 0% 0% 9%;
		font-family : 'Montserrat', sans-serif;
		font-size   : 18px;
		font-style  : italic;
		color       : #b83464;
	}

	.navigation{
		float  : left;
		width  : 100%;
		margin : 1% 0% 0% 9%;
	}

	.navigation ul{
		margin  : 0;
		padding : 0;
	}

	.navigation ul li{
		display     : inline-block;
		padding     : 0% 1% 0% 1%;
		border-left : 1px solid #000000;
	}

	.navigation ul li a{
		font-family     : 'Montserrat', sans-serif;
		color           : #000000;
		text-decoration : none;
	}

	.navigation ul li:nth-child(1){
		display     : inline-block;
		padding     : 0% 1% 0% 0%;
		border-left : 1px solid #ffffff;
	}

	footer{
		float         : left;
		height        : 70px;
		width         : 100%;
		margin-bottom : 1%;
		border-top    : 1px solid #777777;
	}

	.bottom-move{
		margin-bottom : 4%;
	}

	.foot{
		margin      : 1% 0% 0% 9%;
		font-family : 'Montserrat', sans-serif;
		font-size   : 10px;
		color       : #777777;
	}

	.buy-setion{
		float           : left;
		width           : 100%;
		background      : url("../images/where-to-buy-Background.png")no-repeat bottom;
		background-size : 100%;
	}

	.sub-buy-setion{
		float  : left;
		width  : 80%;
		margin : 5% 10%;
	}

	.img-border{
		margin : 5% auto;
	}

	.available-at{
		float       : left;

		width       : 100%;
		margin      : 10px 0px 50px 0px;

		font-family : 'PTSerifCaption', sans-serif;
		font-size   : 56px;
		font-weight : bold;
		color       : #236138;
		line-height : 59px;
		text-align  : center;
	}

	.available-at span{
		color : #a0b706;
	}

	.buy-from{
		float      : left;

		width      : 100%;

		text-align : center;
	}

	.buyers-setion{
		display       : inline-block;

		width         : 350px;
		margin        : 20px;
		padding       : 20px 0px;

		border-bottom : 1px solid #d0d0ce;
	}

	.buyers-setion img{
		margin : 0 auto;
	}

	.green-line{
		margin : 5% auto !important;
	}

	.buyers-links{
		float           : left;
		width           : 100%;
		margin          : 10px 0px;
		margin-bottom   : 20px;
		font-family     : 'Gotham-Book', sans-serif;
		font-size       : 14px;
		font-weight     : bold;
		color           : #000;
		line-height     : 17px;
		text-align      : center;
		text-decoration : none;
	}

	.img-border {
		float : left;
		width : 100%;
	}

	.img-border img{
		margin : 0% auto;
	}

	.buyer-name{
		float           : left;
		width           : 100%;
		margin-bottom   : 20px;
		font-family     : 'Montserrat', sans-serif;
		font-size       : 24px;
		font-weight     : bold;
		color           : #a0b706;
		line-height     : 27px;
		text-align      : center;
		text-decoration : none;
	}
	.sub-section-one{
		width: 80%;
		float: left;
		margin: 0% 10% 15%;
	}

	.sub-points{
		width: 460px;
		display: inline-block;
		margin:10px 0px; 
		font-family: 'Montserrat', sans-serif;
		font-size: 18px;
		line-height: 21px;
		text-align: left;
	}
	.sub-points img{
		margin-right: 10px;
	}
	.col-row{
		width: 100%;
		float: left;
		margin: -10% 0% 0%;
		position: relative;
		text-align: center
	}
	.each-cook{
		width:46%;
		display: inline-block;
		margin: 1%;
	}
	.ready-to-heat{
		width: 80%;
		float: left;
		margin: 5% 10% 10%;
	}
	.only-ready-cook{
		min-height: 210px;
	}
	.each-cook-image{
		width: 100%;
	    float: left;
	    background: #dfd08f;
	    margin-bottom: 50px;
	    margin-top: 20px;
	    padding: 30px 20px;
	    border-radius: 25px;
	    overflow: hidden;
	}
	.media-cook-image{
		width: 50%;
	    float: left;
	    padding: 30px 0px;
	    overflow: hidden;
		margin: 0% 25%;
	}
	.media-one{
		margin-top: 10%;
		margin-bottom: 10%;
	}
	.ug-thumb-wrapper.ug-tile{
	/*	width: 31% !important;
		margin: 0 auto;*/
	}
	#gallerys .ug-thumb-wrapper.ug-tile, #galleryss .ug-thumb-wrapper.ug-tile, #gallery-fine .ug-thumb-wrapper.ug-tile, #gallery-foodbev .ug-thumb-wrapper.ug-tile,
	#gallery-great .ug-thumb-wrapper.ug-tile{
	width: 70% !important;
	margin: 0% 15% !important;
}
#gallerys .ug-thumbs-grid-inner,#gallerys .ug-thumbs-grid,
#galleryss .ug-thumbs-grid-inner,#galleryss .ug-thumbs-grid,
#gallery-fine .ug-thumbs-grid-inner,#gallery-fine .ug-thumbs-grid,
#gallery-foodbev .ug-thumbs-grid-inner,#gallery-foodbev .ug-thumbs-grid,
#gallery-great .ug-thumbs-grid-inner,#gallery-great .ug-thumbs-grid
{width: 100% !important;float:none;margin: 0 auto !important;}
}


@media only screen and (min-width: 992px) and (max-width: 1400px) {
	.each-reciepe-heading{margin-top: 60px;}
	.sspac{
		margin-top: 15px;
    margin-bottom: 0px;
	}
	body{
		margin  : 0;
		padding : 0;
	}

	.container{
		overflow : hidden;
		width    : 100%;
		margin   : 0;
		padding  : 0;
	}

	.subcontainer{
		overflow : hidden;
		width    : 100%;
		margin   : 0 auto;
	}

		/*Header Start*/
	header{
		float      : left;

		width      : 100%;
		margin-top : 2%;
	}

	.logo{
		float : left;
		width : 40%;
	}

	.logoimage{
		margin-left : 35%;
	}

	.navbar-default{
	background: transparent;
		border: none ;
	}
	.dropdown-menu{
		margin: 0px;
		background: #effdf0;
	}
	.dropdown-menu li a{
		background: #effdf0;
		color: #7f9185;
	}
	.dropdown-menu li a:hover, .dropdown-menu li a:active{
		background: #4d5d01 !important;
    color: #fff;
	}

	nav{
		float : left;
		width : 60%;
		margin: 15px 0px 0px !important;
	}

	nav ul{
		margin : 0;
		padding : 0;
		width: 100%;
		list-style  : none;
	}
	.navbar-nav>li>a{
		padding: 10px 20px;
		background: transparent;
		color: #7f9185 !important;
	}
	.navbar-nav li a:hover{
		background: #effdf0;
	}
	.navbar-nav li:hover {
		background: #effdf0;
	}
	.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover{
		background-color: #effdf0 ;
	}
	.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover{
		background-color: #effdf0 ;
	}

	/*Header End*/
	/*banner Section Start*/
	.banner{
		float      : left;

		width      : 100%;
		margin-top : 2%;
	}

	.aboutus{
		float      : left;

		width      : 100%;
		margin-top : 4%;
	}

	.center{
		width  : 60%;
		margin : 0 auto;
	}

	.about-us-images{
		float : left;
		width : 100%;
	}

	.infosection{
		float  : left;
		width  : 100%;
		margin : 7% 0%;
	}

	.text{
		float       : left;
		width       : 100%;
		font-family : 'Montserrat', sans-serif;
		font-size   : 18px;
		color       : #646466;
		text-align  : center;

		
	}

	.texts{
		float       : left;
		width       : 100%;
		margin-top  : 1%;
		font-family : 'Montserrat', sans-serif;
		font-size   : 18px;
		color       : #646466;
		text-align  : center;
	}

	/*About Us End*/
	/*Menu bar Start*/
	.menubar{
		float      : left;
		width      : 100%;
		margin-top : 10%;
	}

	.fstmenu{
		float           : left;
		height          : auto;
		width           : 100%;
		background      : url(../images/fstback.png) no-repeat;
		background-size : 100% 100%;
	}

	.scndmenu{
		float           : left;
		height          : auto;
		width           : 100%;
		background      : url(../images/scndback.png) no-repeat;
		background-size : 100% 100%;
	}

	.thrdmenu{
		float           : left;
		height          : auto;
		width           : 100%;
		background      : url(../images/thrdback.png) no-repeat;
		background-size : 100% 100%;
	}

	.imagesection{
		float : left;
		width : 50%;
	}

	.description{
		float         : left;
		width         : 50%;
		margin-bottom : 10%;
	}

	.details{
		width       : 90%;
		margin-top  : 15%;
		margin-left : 5%;
	}

	.hider{
		display : none;
	}

	.header{
		margin-bottom : 5px;
		font-family   : 'Montserrat', sans-serif;
		font-size     : 24px;
		color         : #f3f276;
	}

	.headers{
		margin-bottom : 5px;
		font-family   : 'Montserrat', sans-serif;
		font-size     : 24px;
		color         : #f3f276;
		text-align    : right;
	}

	.line{
		margin : 3% 0%;
	}

	.lines{
		float  : right;
		margin : 3% 0%;
	}

	.subdescription{
		float       : left;
		width       : 65%;
		margin-top  : 2%;
		font-family : 'Montserrat', sans-serif;
		font-size   : 18px;
		color       : #ffffff;
	}

	.subdescriptions{
		float       : left;
		width       : 100%;
		margin-top  : 2%;
		font-family : 'Montserrat', sans-serif;
		font-size   : 18px;
		color       : #ffffff;
		text-align  : right;

		
	}

	.subdescriptions span{
		float : right;
		width : 70%;
	}

	.dal,.aloo{
		float         : right;
		width         : 70%;
		margin-top    : -8%;
		margin-right  : 5%;
		margin-bottom : 10%;
	}

	.choley{
		float         : left;
		width         : 70%;
		margin-top    : -8%;
		margin-bottom : 10%;
		margin-left   : 5%;
	}

	.brands{
		float : left;
		width : 100%;
	}

	.brand_header{
		margin      : 6% 0% 0% 20%;
		font-family : 'Montserrat', sans-serif;
		font-size   : 18px;
		font-style  : italic;
		color       : #b83464;
	}

	.brand_headers{
		margin      : 2% 0% 0% 20%;
		font-family : 'Montserrat', sans-serif;
		font-size   : 18px;
		font-style  : italic;
		color       : #b83464;
	}

	.navigation{
		float  : left;
		width  : 100%;
		margin : 1% 0% 0% 20%;
	}

	.navigation ul{
		margin  : 0;
		padding : 0;
	}

	.navigation ul li{
		display     : inline-block;
		padding     : 0% 1% 0% 1%;
		border-left : 1px solid #000000;
	}

	.navigation ul li a{
		font-family     : 'Montserrat', sans-serif;
		color           : #000000;
		text-decoration : none;
	}

	.navigation ul li:nth-child(1){
		display     : inline-block;
		padding     : 0% 1% 0% 0%;
		border-left : 1px solid #ffffff;
	}

	footer{
		float         : left;
		height        : 70px;
		width         : 100%;
		margin-bottom : 1%;
		border-top    : 1px solid #777777;		
	}

	.bottom-move{
		margin-bottom : 4%;
	}

	.foot{
		margin      : 1% 0% 0% 20%;
		font-family : 'Montserrat', sans-serif;
		font-size   : 10px;
		color       : #777777;
	}

	.contacts{
		position   : absolute;
		display    : none;
		top        : 0;
		height     : 3500px;
		width      : 100%;
		background : #eeeeee;
	}

	.buy-setion{
		float           : left;
		width           : 100%;
		background      : url("../images/where-to-buy-Background.png")no-repeat bottom;
		background-size : 100%;
	}

	.sub-buy-setion{
		float  : left;
		width  : 80%;
		margin : 5% 10%;
	}

	.img-border{
		margin : 5% auto;
	}

	.available-at{
		float       : left;
		width       : 100%;
		margin      : 10px 0px 50px 0px;
		font-family : 'PTSerifCaption', sans-serif;
		font-size   : 56px;
		font-weight : bold;
		color       : #236138;
		line-height : 59px;
		text-align  : center;
	}

	.available-at span{
		color : #a0b706;
	}

	.buy-from{
		float      : left;
		width      : 100%;
		text-align : center;
	}

	.buyers-setion{
		display       : inline-block;
		width         : 350px;
		margin        : 20px;
		padding       : 20px 0px;
		border-bottom : 1px solid #d0d0ce;
	}

	.buyers-setion img{
		margin : 0 auto;
	}

	.green-line{
		margin : 5% auto !important;
	}

	.buyers-links{
		float           : left;
		width           : 100%;
		margin          : 10px 0px;
		margin-bottom   : 20px;
		font-family     : 'Gotham-Book', sans-serif;
		font-size       : 14px;
		font-weight     : bold;
		color           : #000;
		line-height     : 17px;
		text-align      : center;
		text-decoration : none;
	}

	.img-border {
		float : left;
		width : 100%;
	}

	.img-border img{
		margin : 0% auto;
	}

	.buyer-name{
		float           : left;
		width           : 100%;
		margin-bottom   : 20px;
		font-family     : 'Montserrat', sans-serif;
		font-size       : 24px;
		font-weight     : bold;
		color           : #a0b706;
		line-height     : 27px;
		text-align      : center;
		text-decoration : none;
	}
	.sub-section-one{
		width: 80%;
		float: left;
		margin: 0% 10% 15%;
	}

	.sub-points{
		width: 460px;
		display: inline-block;
		margin:10px 0px; 
		font-family: 'Montserrat', sans-serif;
		font-size: 18px;
		line-height: 21px;
		text-align: left;
	}
	.sub-points img{
		margin-right: 10px;
	}
	.col-row{
		width: 100%;
		float: left;
		margin: -10% 0% 0%;
		position: relative;
		text-align: center
	}
	.each-cook{
		width:30%;
		display: inline-block;
		margin: 1%;
	}
	.ready-to-heat{
		width: 70%;
		float: left;
		margin: 5% 15% 10%;
	}
	.only-ready-cook{
		min-height: 210px;
	}
	.each-cook-image{
		width: 100%;
	    float: left;
	    background: #dfd08f;
	    margin-bottom: 100px;
	    padding: 30px 20px;
	    border-radius: 25px;
	    overflow: hidden;
	}
	.media-cook-image{
		width: 31%;
	    float: left;
	    padding: 30px 0px;
	    overflow: hidden;
		margin: 0% 1%;
	}
	.media-one{
		margin-top: 10%;
		margin-bottom: 0%;
	}
	.ug-thumb-wrapper.ug-tile{
		width: 31% !important;
		float: left;
	}
	#gallerys .ug-thumb-wrapper.ug-tile, #galleryss .ug-thumb-wrapper.ug-tile, #gallery-fine .ug-thumb-wrapper.ug-tile, #gallery-foodbev .ug-thumb-wrapper.ug-tile,
	#gallery-great .ug-thumb-wrapper.ug-tile{
	width: 50% !important;
	margin: 0% 25% !important;left:0 !important;
}
#gallerys .ug-thumbs-grid-inner,#gallerys .ug-thumbs-grid,
#galleryss .ug-thumbs-grid-inner,#galleryss .ug-thumbs-grid,
#gallery-fine .ug-thumbs-grid-inner,#gallery-fine .ug-thumbs-grid,
#gallery-foodbev .ug-thumbs-grid-inner,#gallery-foodbev .ug-thumbs-grid,
#gallery-great .ug-thumbs-grid-inner,#gallery-great .ug-thumbs-grid
{width: 100% !important;float:none;margin: 0 auto !important;}

}

@media only screen and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2){
	.container{
		width   : 100%;
		margin  : 0px 5px !important;
		padding : 0px 5px !important;
	}
	.modal-body{
		float: left;
		padding: 0px  5px;
	}
	.responsiveTabs{
		width: 100%;
		float: left;
	}
}

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

	body{
		margin  : 0;
		padding : 0;
	}

	.container{
		overflow : hidden;
		width    : 100%;
		padding  : 0px 5px !important;
	}

	.subcontainer{
		overflow : hidden;
		width    : 100%;
		margin   : 0 auto;
	}

		/*Header Start*/
	header{
		float      : left;

		width      : 100%;
		margin-top : 2%;
	}

	.logo{
		float : left;
		width : 100%;
	}

	.logoimage{
		margin : 0% auto;
	}

	
	.navbar-default{
	background: transparent;
		border: none ;
	}
	.dropdown-menu{
		margin: 0px;
		background: #effdf0;
	}
	.dropdown-menu li a{
		background: #effdf0;
		color: #7f9185;
	}
	.dropdown-menu li a:hover, .dropdown-menu li a:active{
		background: #4d5d01 !important;
    color: #fff;
	}

	nav{
		float : left;
		width : 100%;
	}

	nav ul{
		margin      : 0;
		padding     : 0;
		width: 100%;
		list-style  : none;
	}
	.navbar-nav>li>a{
		padding: 10px 20px;
		background: transparent !important;
		color: #7f9185 !important;
	}
	.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover{
		background-color: #effdf0 !important;
	}
	.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover{
		background-color: #effdf0 !important;
	}

	/*Header End*/
	/*banner Section Start*/
	.banner{
		float      : left;

		width      : 100%;
		margin-top : 2%;
	}

		
	/*banner Section End*/
	/*About US Start*/
	.aboutus{
		float      : left;
		width      : 100%;
		margin-top : 4%;
	}

	.center{
		width  : 100%;
		margin : 0 auto;
	}

	.about-us-images{
		float : left;
		width : 100%;
	}

	.infosection{
		float  : left;
		width  : 100%;
		margin : 7% 0%;
	}

	.text{
		float       : left;
		width       : 100%;
		padding     : 3%;
		font-family : 'Montserrat', sans-serif;
		font-size   : 14px;
		color       : #646466;
		text-align  : center;
	}

	.texts{
		float       : left;
		width       : 100%;
		padding     : 3%;
		font-family : 'Montserrat', sans-serif;
		font-size   : 14px;
		color       : #646466;
		text-align  : center;
	}

	/*About Us End*/
	/*Menu bar Start*/
	.menubar{
		float      : left;
		width      : 100%;
		margin-top : 10%;
	}

	.fstmenu{
		float      : left;
		height     : auto;
		width      : 100%;
		background : url(../images/fstback.png) no-repeat;
	}

	.scndmenu{
		float      : left;
		height     : auto;
		width      : 100%;
		background : url(../images/scndback.png) no-repeat;
	}

	.thrdmenu{
		float      : left;
		height     : auto;
		width      : 100%;
		background : url(../images/thrdback.png) no-repeat;
	}

	.imagesection{
		float : left;
		width : 100%;
	}

	.description{
		float : left;
		width : 100%;	
	}

	.details{
		width       : 90%;
		margin-top  : 12%;
		margin-left : 5%;
	}

	.display{
		display : none;
	}

	.header{
		margin-bottom : 5px;
		font-family   : 'Montserrat', sans-serif;
		font-size     : 24px;
		color         : #f3f276;
	}

	.headers{
		margin-bottom : 5px;
		font-family   : 'Montserrat', sans-serif;
		font-size     : 24px;
		color         : #f3f276;
		text-align    : right;
	}

	.line{
		float  : left;
		margin : 2% 0%;
	}

	.lines{
		float  : right;
		margin : 2% 0%;
	}

	.subdescription{
		margin-top    : 7%;
		margin-bottom : 16%;
		font-family   : 'Montserrat', sans-serif;
		font-size     : 14px;
		color         : #ffffff;
	}

	.subdescriptions{
		margin-top    : 7%;
		margin-bottom : 16%;
		font-family   : 'Montserrat', sans-serif;
		font-size     : 14px;
		color         : #ffffff;
		text-align    : right;
	}

	.dal,.aloo{
		float       : left;
		width       : 75%;
		margin-top  : -8%;
		margin-left : 14%;
	}

	.choley{
		float         : left;
		width         : 75%;
		margin-top    : -8%;
		margin-bottom : 15%;
		margin-left   : 14%;
	}

	/*menu Bar End*/
	/*Footer Navigation Start*/
	.brands{
		float : left;
		width : 100%;
	}

	.brand_header{
		margin      : 6% 0% 0% 2%;
		font-family : 'Montserrat', sans-serif;
		font-size   : 18px;
		font-style  : italic;
		color       : #b83464;
	}

	.brand_headers{
		margin      : 2% 0% 0% 2%;
		font-family : 'Montserrat', sans-serif;
		font-size   : 18px;
		font-style  : italic;
		color       : #b83464;
	}

	.navigation{
		float  : left;
		width  : 100%;
		margin : 1% 0% 0% 2%;
	}

	.navigation ul{
		margin  : 0;
		padding : 0;
	}

	.navigation ul li{
		display     : inline-block;
		padding     : 0% 1% 0% 2%;
		border-left : 1px solid #000000;
	}

	.navigation ul li a{
		font-family     : 'Montserrat', sans-serif;
		color           : #000000;
		text-decoration : none;
	}

	.navigation ul li:nth-child(1){
		display     : inline-block;
		padding     : 0% 1% 0% 0%;
		border-left : 1px solid #ffffff;	
	}

	footer{
		float         : left;
		height        : 70px;
		width         : 100%;
		margin-bottom : 1%;
		border-top    : 1px solid #777777;
	}

	.bottom-move{
		margin-bottom : 4%;
	}

	.foot{
		margin      : 1% 0% 0% 2%;
		font-family : 'Montserrat', sans-serif;
		font-size   : 10px;
		color       : #777777;
	}

	.buy-setion{
		float           : left;
		width           : 100%;
		background      : url("../images/where-to-buy-Background.png")no-repeat bottom;
		background-size : 100%;
	}

	.sub-buy-setion{
		float  : left;

		width  : 98%;
		margin : 5% 1%;
	}

	.img-border{
		margin : 5% auto;
	}

	.available-at{
		float       : left;
		width       : 100%;
		margin      : 10px 0px 50px 0px;
		font-family : 'PTSerifCaption', sans-serif;
		font-size   : 56px;
		font-weight : bold;
		color       : #236138;
		line-height : 59px;
		text-align  : center;
	}

	.available-at span{
		color : #a0b706;
	}

	.buy-from{
		float      : left;
		width      : 100%;
		text-align : center;
	}

	.buyers-setion{
		float         : left;
		width         : 100%;
		margin        : 20px 0px;
		padding       : 20px 0px;
		border-bottom : 1px solid #d0d0ce;
	}

	.buyers-setion img{
		margin : 0 auto;
	}

	.green-line{
		margin : 5% auto !important;
	}

	.buyers-links{
		float           : left;
		width           : 100%;
		margin          : 10px 0px;
		margin-bottom   : 20px;
		font-family     : 'Gotham-Book', sans-serif;
		font-size       : 14px;
		font-weight     : bold;
		color           : #000;
		line-height     : 17px;
		text-align      : center;
		text-decoration : none;
	}

	.img-border {
		float : left;
		width : 100%;
	}

	.img-border img{
		margin : 0% auto;
	}

	.buyer-name{
		float           : left;
		width           : 100%;
		margin-bottom   : 20px;
		font-family     : 'Montserrat', sans-serif;
		font-size       : 24px;
		font-weight     : bold;
		color           : #a0b706;
		line-height     : 27px;
		text-align      : center;
		text-decoration : none;
	}
	.sub-section-one{
		width: 98%;
		float: left;
		margin: 0% 1% 20%;
	}

	.sub-points{
		width: 100%;
		display: inline-block;
		margin:10px 0px; 
		font-family: 'Montserrat', sans-serif;
		font-size: 18px;
		line-height: 21px;
		text-align: left;
	}
	.sub-points img{
		margin-right: 10px;
	}
	.col-row{
		width: 100%;
		float: left;
		margin: -10% 0% 0%;
		position: relative;
		text-align: center
	}
	.each-cook{
		width:90%;
		display: inline-block;
		margin: 1% auto 10%;
	}
	.ready-to-heat{
		width: 98%;
		float: left;
		margin: 5% 1% 20%;
	}
	
	.each-cook-image{
		width: 100%;
	    float: left;
	    background: #dfd08f;
	    margin-bottom: 20px;
	    padding: 30px 20px;
	    border-radius: 25px;
	    overflow: hidden;
	}
	.modal-body{
		float: left;
		padding: 0px  5px;
	}
	.responsiveTabs{
		width: 100%;
		float: left;
	}
	.media-cook-image{
		width: 100%;
	    float: left;
	    padding: 30px 0px;
	    overflow: hidden;
		margin: 0%;
	}
	.media-cook-image img{margin:0 auto;}
	.media-one{
		margin-top: 10%;
		margin-bottom: 10%;
	}
	.ug-thumb-wrapper.ug-tile{
		width: 46% !important;
    float: left;
    left: 5px;
	}
	#gallerys .ug-thumb-wrapper.ug-tile, #galleryss .ug-thumb-wrapper.ug-tile, #gallery-fine .ug-thumb-wrapper.ug-tile, #gallery-foodbev .ug-thumb-wrapper.ug-tile,
	#gallery-great .ug-thumb-wrapper.ug-tile{
	width: 90% !important;
	margin: 0% 5% !important;left:0px !important;
}
#gallerys .ug-thumbs-grid-inner,#gallerys .ug-thumbs-grid,
#galleryss .ug-thumbs-grid-inner,#galleryss .ug-thumbs-grid,
#gallery-fine .ug-thumbs-grid-inner,#gallery-fine .ug-thumbs-grid,
#gallery-foodbev .ug-thumbs-grid-inner,#gallery-foodbev .ug-thumbs-grid,
#gallery-great .ug-thumbs-grid-inner,#gallery-great .ug-thumbs-grid
{width: 100% !important;float:none;margin: 0 auto !important;}
}

/*COMMON*/

.ready-to-cook{
		font-family: 'PTSerifCaption';
		width: 100%;
		text-align: center;
		font-size: 54px;
		line-height: 57px;
		color: #4d5d01;margin-top: 10%;
	}
	.imm{
		font-family: 'PTSerifCaption';
		width: 100%;
		text-align: center;
		font-size: 54px;
		line-height: 57px;
		color: #4d5d01;
	}
	.ready-to-heat-eat{
		font-family: 'PTSerifCaption';
		width: 100%;
		text-align: center;
		font-size: 54px;
		line-height: 57px;
		color: #a70132;
	}
	.ready-to-cook img{
		margin-top: -70px;
	}
	.imm img{
		margin-top: -20px;
	}
	.sub-ready-to-cook{
		font-family : 'Gotham-Book';
		font-size: 18px;
		line-height: 21px;
		color: #646466;
		width: 100%;
		float: left;
		margin: 2% 0%;
		text-align: center;
	}
	.ready-to-cook-points{
		width: 100%;
		float: left;
		text-align: center;
		margin: 1% 0% 3%;
	}
	.product-main{
		width: 100%;
		float: left;
	}
	.section-one-back{
		width: 100%;
		float: left;
		background: url("../images/section-one-back.png")no-repeat;
		height: auto;
		background-size: 100%; 
	}
	.media-main{
		width: 100%;
		float: left;
		background: url("../images/media-back.png")no-repeat;
		height: auto;
		background-size: 100%; 
	}
	.section-two-back, .media-one-back{
		width: 100%;
		float: left;
	}
	.sub-section-two-back{
		width: 100%;
		float: left;
		background: url("../images/section-two-back.png")no-repeat;
		height: auto;
		background-size: 100%; 
	}
	.section-three-back{
		width: 100%;
		float: left;
	}
	.sub-section-three-back{
		width: 100%;
		float: left;
		background: url("../images/section-three-back.png")no-repeat;
		height: auto;
		background-size: 100%; 
	}
	
	.each-cook-image img{
		margin: 0 auto;box-shadow: 0px 11px 22px #404040;
	}
	.each-cook-image img{
        -moz-transition: all 0.8s;
  -webkit-transition: all 0.8s;
  transition: all 0.8s;
}
.each-cook-image:hover img{
        -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.media-cook-image img{
		margin: 0 auto;/*box-shadow: 0px 11px 22px #404040;*/
	}
	.media-cook-image img{
        -moz-transition: all 0.8s;
  -webkit-transition: all 0.8s;
  transition: all 0.8s;
}
.media-cook-image:hover img{
        -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

#gallery-foodbev img{
        -moz-transition: all 0.8s;
  -webkit-transition: all 0.8s;
  transition: all 0.8s;
}
#gallery-foodbev:hover img{
        -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}


	.each-reciepe-heading{
		font-family: 'PTSerifCaption';
	    width: 100%;
	    float: left;
	    min-height: 40px;
	    text-align: center;
	    font-size: 30px;
	    line-height: 33px;
	}
	.each-reciepe-heading span{
		font-size: 24px;
		line-height: 27px;
		width: 100%;
		float: left;
		min-height: 27px;
	}
	.each-reciepe-subheading{
		font-family: 'Gotham-Book';
	    font-size: 18px;
	    line-height: 21px;
	    width: 100%;
	    float: left;
	    color: #646466;
	    text-align: center;
	    padding: 0px 10px;
	}
	.green{
		color: #4d5d01;
	}
	.marun{
		color: #a70132;
	}
	.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover{
		background: #4d5d01;
	}

	.only-cook-recp{
		min-height: 65px;
	}

@media (max-width: 767px){
	.navbar-default .navbar-nav .open .dropdown-menu>.active>a, .navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus, .navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover {
	    color: #fff;
	    background-color: #4d5d01 !important;
	}
	.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus, .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover{
		color: #fff;
	    background-color: #4d5d01 !important;
	}
	#myTab-three-accordion{display: block !important;
	    margin: 20px 0px;
	    float: left;
	    width: 100%;
	}
	#myTab-two-accordion{display: block !important;
	    margin: 20px 0px;
	    float: left;
	    width: 100%;
	}
	#myTab-accordion{display: block !important;
	    margin: 20px 0px;
	    float: left;
	    width: 100%;
	}

}
@media only screen and (min-width: 768px){
.navbar-right .dropdown-menu {
    right: 0;
    left: 0;
}
#myNavbar{float:right;margin-right: 50px;}
}



/*TAB*/
.btn-send{
	width: 100%;
}
.panel-group .panel{
	width: 100%;
	float: left;
}

.panel-default>.panel-heading{
	width: 100%;
	float: left;
}

#myTabContent{

	padding: 20px;
	float: left;
	width: 100%;
	background: #ffffff;
}
.closing{
	float: right;
}
.pop-soul-butter{
	margin:0 auto; 
}
#myTab-accordion{
	float: left;
    width: 100%;
    margin: 20px 0px;
}
.modal-header{border:none; padding: 5px 15px}
.modal-body{
	padding: 0px 15px 15px;
}
.nav-ul li{width: 33%;float:left;background: transparent;border-right: 1px solid #000;}
.nav-ul li:last-child{border-right:none;}
#myTab li a, #myTab-two li a, #myTab-three li a{
	padding: 10px 0px;
	color: #000;background: transparent;text-decoration: none;
}
#myTab li.active a, #myTab-two li.active a, #myTab-three li.active a{
	padding: 10px 0px;
	color: #f00;text-decoration: none;
}

li{
	text-decoration: none;
	list-style: none; 
}
.js-tabcollapse-panel-body ul{
	width: 100%;
	float: left;
	margin-top: 20px;
}

.js-tabcollapse-panel-body ul li{
	width: 100%;
	    margin: 0% 0% 0%;
	    font-size: 14px;
	    line-height: 17px;
	    color: #949494;
	    font-family: 'Montserrat-Regular';
	    float: left;
}
.js-tabcollapse-panel-body ul li:before{
	content: "\e074";
	font-family: 'Glyphicons Halflings';
    font-size: 9px;
    line-height: 12px;
    float: left;
    margin-top: 4px;
    margin-left: -17px;
    color: #f47921;

}
.tab-pane ul li{
	width: 100%;
	    margin: 0% 0% 0%;
	    font-size: 14px;
	    line-height: 17px;
	    color: #949494;
	    font-family: 'Montserrat-Regular';
	    float: left;
}
.tab-pane ul li:before{
	content: "\e074";
	font-family: 'Glyphicons Halflings';
    font-size: 9px;
    line-height: 12px;
    float: left;
    margin-top: 4px;
    margin-left: -17px;
    color: #f47921;

}
.nav-tabs>li{
	width: 33.3%;
}
.nav-tabs>li a{
	width: 100%;
	    margin: 0% 0% 0%;
	    font-size: 16px;
	    line-height: 19px;
	    color: #949494;
	    font-family: 'Montserrat-SemiBold';
	    float: left;
	    
}
.tab_last { border-right: 1px solid #333; }

.nav-tabs>li.active>a .purple, .nav-tabs>li.active>a:focus .purple, .nav-tabs>li.active>a:hover .purple{
	background-color: #fff;
	color: #83579f;
	display: inline-block;
}

.nav-tabs>li.active>a .dark-grey, .nav-tabs>li.active>a:focus .dark-grey, .nav-tabs>li.active>a:hover .dark-grey{
	background-color: #fff;
	color: #393939;
	display: inline-block;
	margin-left: 5px;
}
.nav-tabs>li.active>a .oranges, .nav-tabs>li.active>a:focus .orange, .nav-tabs>li.active>a:hover .orange{
	background-color: #fff;
	color: #f47921;
	display: inline-block;
}
.nav-tabs>li>a{
	color: #a3a3a3;
	background: #e5e5e5;
	float: left;
    width: 100%;
    text-align: center;
}
.media-mix{
	width: 100%;
	float: left;
	margin-bottom: 5%;
}
.media-two-back{
	width: 100%;
	float: left;
}
/*#gallerys .ug-thumb-wrapper.ug-tile, #galleryss .ug-thumb-wrapper.ug-tile{
	width: 50% !important;
	margin: 0% 25% !important;
}
#gallerys .ug-thumbs-grid-inner,#gallerys .ug-thumbs-grid,
#galleryss .ug-thumbs-grid-inner,#galleryss .ug-thumbs-grid
{width: 100% !important;float:none;margin: 0 auto !important;}*/
.top-space{
	margin-top: 5%;
}