#ob-header,
#ob-header-menu {
	text-align: center;
	background: #000
}
#ob-header a,
#ob-header-menu a {
	margin: .5vw;
	color: #fff;
	font-size: 1vw
}
#gride,
#ob-side-menu a,
a,
a:hover {
	text-decoration: none
}
,
html {
	margin: 0;
	padding: 0;
	border: 0
}
p {
	margin: 0;
	padding: 0
}
#ob-header {
	position: relative;
	font-weight: 700;	
	border-bottom: .1vh solid #cb334b
}
#ob-header a {
	padding: .8vw
}
#ob-header a:hover{
	color: orange;
	font-size: 1vw
}

#effects a{
	color: orange;
	font-size: 1vw;
	padding: .8vw;
}

#effects a:hover{
	color: white;
	font-size: 1vw
	
}

#fixed {
	position: absolute;
	top: 1vw;
	left: 42vw;
	transform:transparent(-50%, -50%);
}
#ob-heading,
#ob-side-menu,
#ob-sub-header-nav a {
	top: 0;
	position: relative
}
#fixed .logo {
	width: 10vw;
	height: 20vh
}
#fixed .logo img {
	width: 100%
}
#ob-header-menu {
	position: relative;
	line-height: 3
}
#ob-header-menu a {
	padding: .5vw
}
#ob-header-menu a:hover {
	color: orange;
	font-size: 1vw
}
#ob-header-menu .icon {
	color: orange;
	margin: 0;
	padding: .1vw;
	font-size: 1.8vw
}
#ob-sub-header,
#ob-sub-header-nav a {
	color: #fff;
	line-height: 1.5;
	text-align: center
}
#ob-header-menu .icon:hover {
	margin: .2vw;
	padding: .2vw;
	font-size: 1.8vw
}
#ob-banners {
	display: flex;
	justify-content: space-around
}
#ob-side-menu .icon-1,
#ob-sub-header-nav a {
	display: block;
	vertical-align: middle;
	float: left
}

#ob-banners .ob-banner-1 {
	width: 43.6vw;
	margin: .6vw;
	object-fit: cover;
	position: center center
}
#ob-banners .ob-banner-1 video {
    width: 100%;
    height: auto;
}
#ob-banners .ob-banner-1 img {
	width: 100%
}
#ob-banners .ob-banner-2 {
	width: 18vw;
	margin: .6vw
}
#ob-banners .ob-banner-2 img {
	width: 100%
}
#ob-banners .ob-banner-3 {
	width: 37vw;
	object-fit: cover;
	position: center center;
	margin-top: .2vw
}
#ob-banners .ob-banner-3 img {
	width: 100%
}
#ob-banners .ob-banner-6{width: 42vw; margin:.04%;}
#ob-banners .ob-banner-6 img{width: 100%}
#ob-banners .ob-banner-5 {width:37vw;  margin:3vw -5vw 03vw 0vw; }
#ob-banners .ob-banner-5 img{width: 100%}
#ob-banners .ob-banner-6{}
#ob-heading-tag {
	text-align: center
}
#ob-heading {
	left: 0;
	font-size: 3vw;
	color: #000;
	border-bottom: .1vw solid #cd5906
}
@font-face {
  font-family:library-3;
  src: url(css/library-3-am-font/Library3am-5V3Z.otf);
}
#ob-sub-header {
	font-family:library-3 ;
	background: #000;
	vertical-align: middle;
	text-transform: uppercase;
	font-size: 4.5vw;

	
}
#ob-sub-header-nav {
	background: #000;
	text-align: center;
	vertical-align: middle;
	line-height: 2
}
#ob-sub-header-nav a {
	font-size: 1vw;
	margin: .4vw;
	left: 40%
}
#ob-side-menu {
	background: #f7f7f7;
	text-align: center;
	left: -3 vw;
	margin: .5vw;
	line-height: 3;
	border-radius: .2vw
}
#ob-side-menu a {
	color: #ababab;
	margin: .1vw;
	font-size: 1vw;
	text-align: left;
	position: relative
}
#ob-side-menu .ob-side-menu-items {
	padding: 1vw 5vw;
	line-height: 5;
	border-bottom: .1vh solid #e2e2e2
}
#ob-side-menu .ob-side-menu-items:hover {
	background: #000;
	color: orange;
	border-radius: .8vw .2vw
}
#ob-side-menu .icon-1 {
	font-size: 3vw;
	margin: .8vw;
	line-height: 1
}
#ob-footer,
#ob-footer-bottom,
#ob-footer-info,
#ob-footer-logo {
	background: #000;
	line-height: 3
}
.para ul li {
	font-size: 1vw
}
.about-image {
	width: 86vw
}
.about-image img,
iframe {
	width: 100%
}
iframe {
	height: 50%
}
#ob-prodcut-grid-gallery {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 3vw;
	grid-template-rows: 20vw, 20vw, 20vw;
	margin: .5vw
}
#ob-prodcut-grid-gallery .img-box-products {
	width: 20vw;
	object-fit: cover;
	position: center center;
	position: relative;
	margin:0px auto;
}
#ob-prodcut-grid-gallery .img-box-products img {
	width: 100%
}
#ob-prodcut-grid-gallery .ob-gride-prodct-title {
	margin: 1vw;
	font-size: 1.2vw
}
#ob-prodcut-grid-gallery .ob-gride-prodct-para {
	margin: 1vw;
	font-size: .8vw;
	font-style: italic;
	text-align: center
}
#franchise-model .franchise-heading-1,
#franchise-model .franchise-heading-2 {
	font-size: 1.5vw;
	color: #cd5906;
	font-style: bold;
	text-align: center;
	object-fit: cover
}
#franchise-model .ob-franchise-banner-1 {
	width:100%;
	margin-top: 1vw;
	object-fit: cover;
	position: center center
}
#franchise-model .ob-franchise-banner-1 img {
	width: 100%
}
#franchise-model .ob-franchise-banner-2 {
	width:100%;
	margin: 1vw;
	object-fit: cover;
	position: center center
}
#franchise-model .ob-franchise-banner-2 img {
	width: 100%
}
#franchise-model .franchise-heading-logo-1 {
	width: 10vw;
	margin: .1vw;
	object-fit: cover;
	position: center center;
	flex-grow: 1
}
#franchise-model .franchise-heading-logo-1 img {
	width: 100%
}
#franchise-model .franchise-heading-logo-2 {
	width: 10vw;
	margin: .1vw;
	object-fit: cover;
	position: center center;
	flex-grow: 1
}
#franchise-model .franchise-heading-logo-2 img {
	width: 100%
}
#franchise-model .franchise-heading-1 {
	flex-grow: 3
}
#franchise-model .franchise-heading-2 {
	flex-grow: 4
}
#franchise-sub-heading-2 {
		display: flex;
		flex-direction: column;
		padding:1vw 2vw;			
}
#franchise-sub-heading-2 .ob-column-1 {
	font-size: 2vw;
	display: block;
	text-align: center;
	color: orange
}
#franchise-sub-heading-2 .ob-column-2 {
	font-size: 2vw;
	display: block;
	text-align: center;
	font-weight: 700;
	color: #fff
}
#gallery-gride,
#gride {
	display: grid;
	grid-template-columns: repeat(3, 1fr)
}
#gallery-gride-1,
#gride {
	display: grid;
	grid-template-columns: repeat(4, 1fr)
}
#gride {
	padding: .5vw;
	color: #000;
	align-items: center;
	grid-template-rows: 6vw, 6vw, 6vw
}
#gride .name {
	font-size: 1.2vw;
	justify-self: end;
	align-self: end
}
#gride .tag {
	font-size: 1.2vw;
	justify-self: center;
	align-self: center
}
#gride .value {
	font-size: 1.2vw;
	justify-self: start;
	align-self: start
}
#gallery-gride {
	grid-gap: 1vw;
	grid-template-rows: 20vw, 20vw, 20vw;
	margin: .5vw
}
#gallery-gride .flex-image-gallery {
	width: 20vw;
	margin: .5vw;
	object-fit: cover;
	position: center center
}
#gallery-gride-1 .flex-image-gallery {
	width: 21vw;
	margin: .3vw;
	object-fit: cover;
	position: center center
}
#gallery-gride .flex-image-gallery img,
#ob-menu-box-image img {
	width: 100%
}
#gallery-gride-1 .flex-image-gallery img,
#ob-menu-box-image img {
	width: 100%
}
#ob-menu-box-image {
	width: 100vw;
	object-fit: cover;
	position: center
}
#ob-products-details {
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	
}
#ob-products-details .ob-img-box {
	width: 15vw;
	margin: .1em;
	object-fit: cover;
	position: center center
}
#ob-products-details .ob-img-box img {
	width: 100%
}
#ob-products-details .ob-img-box-1 {
	width: 13vw;
	margin: .1em;
	object-fit: cover;
	position: center center;
	margin:1vw;
}
#ob-products-details .ob-img-box-1 img {
	width: 100%
}
#ob-topic {
	font-size: 1vw;
	text-align: center;
    color:white;

}
#ob-topic-1 {
	font-size: 1.5vw;
	text-align: center
color:white;

}
#ob-topic-para {
	font-size: .7vw;
	font-style: italic;
	color: #dacccc
}
#ob-features {
color:white;
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	text-align: center
font-weight:100;
}
#ob-features-title {
	font-size: 1vw;
	text-align: center;
	margin: 1vw
color:white;
}
#ob-features .ob-fast-icon {
color:white;
	font-size: 5vw;
	text-align: center;
	margin: 1vw
}
#ob-footer a,
#ob-footer-info a {
	margin: .5vw;
	padding: .5vw;
	color: #fff;
	font-size: 1vw
}
#ob-footer-top {
	text-align: center;
	line-height: 0
}
#ob-footer-top .img-box {
	width: 10vw;
	border: .1vh solid #e2e2e2;
	object-fit: cover;
	position: center center
}
#ob-footer-top .img-box img {
	width: 100%
}
#ob-footer {
	text-align: center
}
#ob-footer a:hover {
	color: orange;
	font-size: 1vw
}
#ob-footer-logo {
	text-align: center;
	position: relative
}
#fixed-logo .logo {
	width: 10vw;
	/*height: 20vh*/
}
#fixed-logo .logo img {
	width: 100%
}
#fixed-logo {
	position: absolute;
	top: 0;
	left: 45%
}
#ob-footer-info {
	text-align: center
}
#ob-footer-bottom a:hover,
#ob-footer-info a:hover {
	color: orange;
	font-size: 1vw
}
#ob-footer-bottom {
	color: #fff;
	text-align: center;
	font-size: 1vw
}
#ob-footer-bottom a {
	color: #fff;
	font-size: 1vw
}
.flex {
	display: flex;
	justify-content: center
}
.para {
	font-size: 2vw;
	text-align: justify;
	line-height: 2
}
.para a, a:hover{	font-size: 2vw;}
.padding-top-para {
	padding: 1vw
}
.Linkedin-cricle,
.facebook-cricle,
.insta-cricle,
.pinterest-cricle,
.tumbr-cricle,
.twitter-cricle,
.youtube-cricle {
	padding: .3vw;
	transition: all .3s ease
}
.para-b {
	font-size: 3vw;
	line-height: 3;
	color: #cd5906
}
.flex-itmes-menu {
	flex: 8;
	border: 0 solid #fff
}
.Linkedin-cricle {
	background: #0e76a8;
	border: 0 solid #fff;
	border-radius: .5vw
}
.Linkedin-cricle:hover {
	background: #0e76a8;
	border-color: #0e76a8
}
.facebook-cricle {
	border: 0 solid #fff;
	border-radius: .6vw;
	background: #3b5998;
}
.facebook-cricle:hover {
	background: #3b5998;
	border-color: #3b5998;
	color: #fff
}
.twitter-cricle {
	background: #38A1F3;
	border: 0 solid #fff;
	border-radius: .5vw
}
.twitter-cricle:hover {
	background: #38A1F3;
	border-color: #38A1F3
}
.youtube-cricle {
	background: red;
	border: 0 solid #fff;
	border-radius: .5vw
}
.youtube-cricle:hover {
	background: red;
	border-color: red
}
.tumbr-cricle {
	background: #34526f;
	border: 0 solid #fff;
	border-radius: .5vw
}
.tumbr-cricle:hover {
	background: #34526f;
	border-color: #34526f
}
.pinterest-cricle {
	background: #c8232c;
	border: 0 solid #fff;
	border-radius: .5vw
}
.pinterest-cricle:hover {
	background: #c8232c;
	border-color: #c8232c
}
.insta-cricle {
	background: #3f729b;
	border: 0 solid #fff;
	border-radius: .5vw
}
.insta-cricle:hover {
	background: #3f729b;
	border-color: #3f729b
}
.flex-box-3 {
	flex: 3;
	float: left
}
.flex-box-8 {
	border: 0 solid #000;
	flex: 8
}
.container {
	width: 90%;
	margin: 0 auto
}
.green,
.red {
	font-size: .8vw;
	margin: .4vw
}
.border-bottom {
	border-bottom: 1px solid orange
}
.ob-bg-box {
	background: #f9f9f9
}
.ob-bg-box-black {
	background: #060606
}
.ob-border-box {
	border: .2vh solid #a7a5a5;
	border-radius: .4vh
}
.ob-width {
	width: 90vw
}
.hover-effect {
	border: .5vh solid #fff;
	ms-transform: scale(1);
	-webkit-transform: scale(1);
	transform: scale(1);
	transition: all .9s ease
}
.hover-effect:hover {
	border: .5vh solid #e9e9e8;
	border-radius: 1px;
	ms-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	transform: scale(1.1)
}
.hover-effect-1 {
	ms-transform: scale(1);
	-webkit-transform: scale(1);
	transform: scale(1);
	transition: all .9s ease
}
.hover-effect-1:hover {
	ms-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	transform: scale(1.1)
}
.green {
	color: green
}
.red {
	color: red
}
.social-icon {
	color: #fff;
	margin-top: .8vw;
	font-size: 1vw;
	line-height: 1
}
.social-icon:hover {
	margin-top: .8vw;
	font-size: 1vw;
	color: orange
}
.social-icon-1,
.social-icon-1:hover {
	margin: .1vw;
	padding: .1vw;
	font-size: 1vw
}
.social-icon-1 {
	color: #fff
}
.social-icon-1:hover {
	color: orange
}
a,
a:hover {
	color: #000;
	font-size: 1vw
}
.ob-border-style {
	border: .1vw solid #000
}
.image-container {
	width: 50vw
}
.image-container img {
	object-fit: cover;
	position: center;
	width: 100%
}
.img-container-1 {
	width: 50vw
}
.img-container-1 img {
	object-fit: cover;
	position: center;
	width: 100%
}
.new-lunch:before {
	content: 'New Launch';
	padding: .3vw;
	color: red;
	font-size: .5vw;
	position: absolute;
	top: 0;
	left: 16%
}
.new-lunch-2:after,
.new-lunch-2:before,
.new-lunch-3:before {
	content: ''
}
.new-lunch-2,
.new-lunch-3 {
	width: 5.6vw;
	text-align: center;
	color: #fff;
	background: red;
	font-size: .7vw;
	text-transform: uppercase;
	position: absolute;
	top: 0;
	font-weight: 700
}
.new-lunch-2 {
	line-height: 2.5;
	left: -.7vw;
	font-size: .7vw !important;
}
.new-lunch-2:before {
	position: absolute;
	left: 0;
	bottom: -40%;
	border-left: .4vw solid transparent;
	border-right: .4vw solid red;
	border-top: .4vw solid red;
	border-bottom: .4vw solid transparent
}
.new-lunch-2:after {
	position: absolute;
	top: 0;
	right: -29%;
	border-left: .85vw solid red;
	border-right: .85vw solid transparent;
	border-top: .85vw solid red;
	border-bottom: .85vw solid red
}
.new-lunch-3 {
	padding: .34vw;
	right: 0
}
.R,
.star {
	color: orange
}
.new-lunch-3:before {
	position: absolute;
	top: 0;
	left: -20%;
	border-left: .8vw solid transparent;
	border-right: .8vw solid red;
	border-top: .8vw solid red;
	border-bottom: .8vw solid red
}
.margin-para {
	padding: .2vw;
	text-align: justify
}
.around-image,
.para-1,
.para-2 {
	text-align: center;
	position: relative
}
.flex-content {
	display: flex;
	flex-column: 1
}
.star {
	font-weight: 700
}
.border-para {
	border-radius: 1vw;
	border: .2vw solid orange;
	padding: 1vw 2vw;
	margin-bottom: 2vw;
	font-size: 3vw;
}

#rating {
	position: relative;
	left: 47%
}
.R {
	font-size: 1.5vw
}
.para-1 {
	font-size: 1.2vw;
	width: 80%;
	line-height: 2;
	left: 11%;
	font-family: Raleway, sans-serif
}
.para-2 {
	font-size: 1.8vw;
	width: 60%;
	font-style: bold;
	left: 21%;
	font-weight: 100;
	font-family: Raleway, sans-serif;}
.around-image {
	width:20vw;
	left: 41%
}
.around-image img {
        width:100%;
        border-radius:50%;
	border:.5vh solid #000;
        object-fit:cover;
}
.responsive-img-box{}
.bg-feature{
 background: lightblue url("../img/feature.png	")repeat fixed; 
background-size: contain;
}
.black{background:black;}
.headingstore{font-size:3vw; text-align:center;}
.page-main-heading-store{
font-size:3vw;
}


@media screen and (max-width:540px){
	.container {
	width: 100%;
	margin: 0 auto
}
	
}

@media screen and (max-width:411px){
	.container {
	width: 100%;
	margin: 0 auto
}
	
}
@media screen and (max-width:375px){
	.container {
	width: 100%;
	margin: 0 auto
}
	
}
@media screen and (max-width:360px){
	.container {
	width: 100%;
	margin: 0 auto
}
	
}
@media screen and (max-width:320px){
	.container {
	width: 100%;
	margin: 0 auto
}
	
}