@media (min-width:1200px) and (max-width:1499px) {
	.hdrmainlinks li {
		padding-left: 18px
	}
	.hdrmainlinks li a {
		font-size: 14px
	}
	.hdrmainlinks li a:hover {
		margin-left: 0
	}
	.hdrmainlinks li {
		line-height: 45px
	}
	.hdrmainlinksleft::before {
		top: 65px
	}
	.hdrmainlinksright::before {
		top: 65px
	}
	.get-frenchisehdrbtn {
		margin-top: 40px
	}
	.mainhdr {
		margin: 7% 20%
	}
	.hdrmainlinks li::after {
		left: -5px;
		font-size: 15px
	}
	.flip-card {
		width: 100%!important
	}
	.work-flipper {
		width: 100%!important
	}
}

@media (min-width:1200px) and (max-width:1350px) {
	.story-container {
		padding: 0 15px;
		width: 1200px;
		margin: auto
	}
	.pilarsctn {
		padding: 13px 0;
		text-align: center;
		background: #000;
		border-radius: 30px 30px 0 0
	}
	.pilarsctn h2 {
		font-size: 15px;
		padding: 0 12px;
		line-height: 22px;
		margin-bottom: 5px;
		color: #fdb813;
		margin-top: 0
	}
	.pilarsctn p {
		font-size: 13px;
		padding: 0 23px;
		text-align: justify;
		color: rgba(255, 255, 255, .7)
	}
	.story-hdng2 h3 {
		font-size: 27px;
		line-height: 31px;
		font-weight: 600;
		padding-top: 30px
	}
}

@media (min-width:992px) and (max-width:1199px) {
	.logomain {
		text-align: center
	}
	.homelocationbtn {
		text-align: center!important;
		display: inline-block!important
	}
	.pilarsucssidebar h2 {
		font-size: 14px;
		line-height: 20px;
		height: 60px;
		margin-bottom: 5px
	}
	.pilarsucssidebar p {
		height: 500px
	}
	.upcomingbtm h2 {
		height: 136px
	}
	.storytxtbtm p {
		line-height: 26px;
		font-size: 15px
	}
	.storytxtbtm {
		margin-top: 50px
	}
	.pilarsctn p {
		padding: 0 0x
	}
	.pilarsctn {
		background-image: none;
		padding: 52px 0;
		text-align: center
	}
	.hdrmainlinks li {
		padding-left: 18px;
		line-height: 42px
	}
	.hdrmainlinks li a {
		font-size: 13px
	}
	.hdrmainlinks li::after {
		font-size: 14px
	}
	.hdrmainlinks li::after {
		left: -5px
	}
	.hdrmainlinks li a:hover {
		margin-left: 0
	}
	.hdrmainlinksright::before {
		top: 65px;
		right: 0;
		height: 240px
	}
	.hdrmainlinksleft::before {
		top: 60px;
		left: 0;
		height: 240px
	}
	7 .hdrmainlinksleft {
		padding: 15px 0 15px 15px
	}
	.mainhdr {
		margin: 3% 14%
	}
	#cssmenu.small-screen {
		width: 100%;
		margin: 0 auto;
		display: inline-block;
		float: unset;
		margin-top: 10px
	}
	#cssmenu {
		margin-top: 10px
	}
	.flip-card {
		width: 100%!important
	}
	.work-flipper {
		width: 100%!important
	}
	.flip-card-back {
		width: 100%
	}
	.flip-title h3 {
		font-size: 22px
	}
	.offer-log-sec img {
		width: 111px;
		margin-top: 0
	}
	.item.wow.fadeInUpBig.animated {
		margin-top: 24px
	}
	.serve-heading-new h3::before {
		left: 200px
	}
	.serve-heading-new h3::after {
		right: 200px
	}
	.story-container {
		padding: 0 15px;
		width: 992px;
		margin: auto
	}
	.pilarsctn {
		padding: 13px 0;
		text-align: center;
		background: #000;
		border-radius: 30px 30px 0 0
	}
	.pilarsctn h2 {
		font-size: 15px;
		padding: 0 12px;
		line-height: 22px;
		margin-bottom: 5px;
		color: #fdb813;
		margin-top: 0
	}
	.pilarsctn p {
		font-size: 13px;
		padding: 0 23px;
		text-align: justify;
		color: rgba(255, 255, 255, .7)
	}
	.story-hdng2 h3 {
		font-size: 27px;
		line-height: 31px;
		font-weight: 600;
		padding-top: 30px
	}
	.ourstyclbadrs {
		right: 0;
		top: 123px
	}
	.storytxtbtm {
		background: #000;
		color: #fff;
		padding: 24px;
		border-radius: 30px 0 0 30px;
		margin-top: 0;
		padding-right: 70px;
		float: left;
		display: inline-block;
		width: 85%;
		position: relative;
		z-index: -1
	}
	.storytxtbtm p {
		width: 81%
	}
	.grandlaunchbg::after {
		width: 37%;
		top: 152px
	}
	.app-icon {
		margin-right: 155px
	}
	.get-app-plystor {
		background-size: contain
	}
	.carrer-head {
		padding-top: 80px;
		text-align: center
	}
	
	.brmnscshdng p{
	    width:100%;
	}
}

@media (min-width:768px) and (max-width:991px) {
	.logomain {
		text-align: center
	}
	.ceomainbg {
		padding: 20px 20px
	}
	.attor-edu li {
		font-size: 16px
	}
	.attor-edu>ul {
		padding: 21px 5px
	}
	.attor-social a {
		line-height: 32px;
		width: 32px;
		height: 32px
	}
	.attor-big-img {
		width: 100%
	}
	.attor-main-des {
		width: 100%;
		margin-top: 30px
	}
	.attor-big-img img {
		max-width: 100%!important;
		margin: 0 auto;
		display: block;
		border-radius: 50px 130px 0 0
	}
	.ftr-links a {
		padding-right: 10px
	}
	.ceomainbg {
		border-radius: 50px 130px 30px 80px
	}
	.ceomainbg::after {
		border-radius: 50px 130px 30px 80px
	}
	#contact-section form button {
		margin-top: 15px
	}
	.guest-star-rating {
		margin-bottom: 10px
	}
	.hdrmainlinksleft {
		width: 48%;
		float: left
	}
	.hdrmainlinksright {
		width: 48%;
		float: right
	}
	.hdrmainlinksright::before {
		right: -60px;
		top: 60px;
		height: 240px
	}
	.hdrmainlinksleft::before {
		left: -60px;
		top: 60px;
		height: 240px
	}
	.navsidebar {
		float: right;
		margin-top: -80px
	}
	.mainhdr {
		margin: 3% 15%
	}
	.hdrmainlinks li {
		line-height: 40px
	}
	.hdrmainlinks li a {
		font-size: 15px
	}
	#cssmenu>ul>li:hover,
	#cssmenu>ul>li:hover>a {
		color: #000
	}
	.homelctsmallscrebtn {
		margin-top: 20px;
		text-align: center;
		display: inline-block;
		width: 100%
	}
	.homelocationbtn {
		display: table;
		margin-top: 0;
		text-align: center;
		width: 193px;
		text-transform: uppercase;
		margin: 0 auto
	}
	.story-container {
		padding: 0 15px;
		width: 100%;
		margin: auto
	}
	.story-container {
		padding: 0 15px;
		width: 100%;
		margin: auto
	}
	.pilarsctn {
		background-repeat: no-repeat;
		background-position: top center;
		background-size: contain;
		padding: 10px;
		text-align: center;
		background: #000
	}
	.pilarsctn h2 {
		font-size: 22px;
		padding: 6px 10px;
		line-height: 40px;
		background: #9a8061;
		color: #fff;
		margin-bottom: 10px;
		outline: 1px solid #ddd;
		outline-offset: -5px
	}
	.pilarsctn p {
		font-size: 13px;
		padding: 0 3px;
		color: #eee;
		text-align: center
	}
	.story-hdng2 h3 {
		font-size: 22px;
		line-height: 31px;
		font-weight: 600;
		padding-top: 26px;
		margin-bottom: 7px;
		padding-bottom: 0
	}
	.storyimg img {
		width: 96%;
		margin: 15px
	}
	.storybtn {
		position: relative;
		top: 15px
	}
	.pilarsucssidebar p {
		height: auto
	}
	.storytxtbtm {
		background: #000;
		color: #fff;
		padding: 20px;
		border-radius: 30px;
		margin-top: 20px;
		padding-right: 5px;
		z-index: -1;
		position: relative;
		text-align: center;
		width: 100%
	}
	.storytxtbtm p {
		color: #fff;
		line-height: 29px;
		font-size: 16px;
		width: 100%;
		font-style: italic
	}
	.ourstyclbadrs {
		background: #000;
		border-radius: 20px;
		width: 100%;
		height: auto;
		padding-top: 10px;
		text-align: center;
		border: 6px solid #ddd;
		position: inherit;
		right: 0;
		top: 0;
		display: inline-block;
		margin: 0 auto;
		margin-top: 20px;
		text-align: center;
		display: block;
		padding-bottom: 10px
	}
	.grndlunhdng {
		text-align: center
	}
	.grandlaunchbg::after {
		display: none
	}
	.download-center-div {
		width: 100%;
		float: left;
		position: relative
	}
	.downldapbox {
		margin-left: -117px;
		left: 50%;
		margin-bottom: 30px
	}
	.whydownloadap li {
		width: 20%;
		margin-left: 0
	}
	.thnks-for h2 {
		font-size: 24px;
		text-align: center;
		padding-left: 0;
		text-transform: capitalize
	}
	.wegladtext h1 {
		font-size: 21px;
		text-align: center
	}
	.wegladtext h1 span {
		font-size: 21px
	}
	.wegladtext h3 {
		font-size: 20px;
		width: 92%
	}
	.app-icon {
		margin-right: 103px;
		padding-top: 89px
	}
	.get-app-plystor {
		background-size: contain
	}
	.app-icon img {
		width: 200px;
		height: 55px
	}
	.serve-heading-new h3::before {
		left: 11%
	}
	.serve-heading-new h3::after {
		right: 11%
	}
	.slognhdng h3 {
		font-size: 40px
	}
	.slognhdng p {
		font-size: 20px
	}
	.txt-abso img {
		width: 220px
	}
	.offer-log-sec img {
		width: 131px;
		margin-top: 59px
	}
	.item.wow.fadeInUpBig.animated {
		text-align: center;
		margin-top: 55px
	}
	.number {
		padding-top: 0!important
	}
	.beer-pour {
		margin-top: 12px
	}
	.offer-sec.mrgnoffer {
		margin-top: -50px
	}
	.offer-sec {
		margin-bottom: 52px;
		margin-top: -20px;
		height: 494px
	}
	.readyforparty {
		height: initial
	}
	.party-text {
		padding: 20px;
		border: 1px solid #ddd;
		height: 253px;
		text-align: center;
		position: relative;
		margin-bottom: 20px
	}
	.offer-sec {
		background: url(../images/block-1.png);
		background-size: auto;
		background-position: center;
		background-repeat: no-repeat;
		margin-bottom: 52px;
		margin-top: -20px;
		height: 494px
	}
	.readyforparty {
		height: initial
	}
	.party-text {
		margin-bottom: 20px
	}
	.party-hover {
		height: 253px;
		border: 1px solid #fff;
		line-height: 250px
	}
	.party-hover img {
		width: 100%
	}
	.latst-news-blok {
		height: auto!important
	}
	.nws-sec-img img {
		width: 100%
	}
	.news-sec-dtl {
		margin-bottom: 20px
	}
	.lst-nw-butn {
		margin-top: 15px
	}
	.date-img img {
		max-width: 100%;
		height: auto
	}
		.brmnscshdng p{
	    width:100%;
	}
}


@media (max-width:767px) {
	.attor-big-img {
		width: 100%
	}
	.attor-main-des {
		width: 100%;
		margin-top: 30px
	}
	.attor-big-img img {
		margin: 0 auto;
		display: block;
		border-radius: 50px 130px 0 0
	}
	.ceomainbg {
		padding: 15px 15px
	}
	.ftr-links a {
		padding-right: 15px;
		margin-bottom: 5px
	}
	.logomain {
		margin: 0 auto;
		text-align: center
	}
	.ceomainbg {
		border-radius: 50px 130px 30px 80px
	}
	.ceomainbg::after {
		border-radius: 50px 130px 30px 80px
	}
	.attor-main-des {
		padding: 0
	}
	#cssmenu>ul>li:hover,
	#cssmenu>ul>li:hover>a {
		color: #000
	}
	.homelctsmallscrebtn {
		margin-top: 20px;
		text-align: center;
		display: inline-block;
		width: 100%
	}
	.homelocationbtn {
		display: table;
		margin-top: 0;
		text-align: center;
		width: 193px;
		text-transform: uppercase;
		margin: 0 auto
	}
	.guest-star-rating {
		margin-bottom: 10px
	}
	.main-heading h2 {
		font-size: 36px
	}
	.guest-srvy-form {
		padding: 35px 15px
	}
	.navsidebar {
		margin-top: -77px
	}
	.menuhdng a {
		width: 45px;
		height: 45px
	}
	.nav-icon {
		width: 28px!important;
		top: 14px;
		left: 9px
	}
	.menuhdng {
		width: 45px;
		height: 45px
	}
	.hdrmainlinksright::before {
		display: none
	}
	.hdrmainlinksleft::before {
		display: none
	}
	.mainhdr {
		margin: 0 6%
	}
	.hdrmainlinksleft {
		border-radius: 0;
		width: 100%;
		float: left;
		top: 60px;
		padding: 6px 10px;
		border: 2px solid #fff
	}
	.hdrmainlinksright {
		border-radius: 0;
		width: 100%;
		float: left;
		top: 70px;
		padding: 6px 10px;
		border: 2px solid #fff
	}
	.hdrmainlinks li a {
		font-size: 13px
	}
	.hdrmainlinks li {
		line-height: 27px
	}
	.get-frenchisehdrbtn {
		margin-top: 100px
	}
	.hdrmainlinksleft::after {
		border-radius: 0
	}
	.hdrmainlinks li:last-child {
		border: 0
	}
	.hdrmainlinks li:last-child {
		border: 0
	}
	.hdrmainlinksright ul li::after {
		left: 0;
		right: inherit
	}
	.hdrmainlinksright ul li {
		text-align: left
	}
	#search .close {
		top: 10px
	}
	.hdrmainlinks li::after {
		font-size: 15px
	}
	.hdrmainlinksright {
		top: 50px
	}
	.get-frenchisehdrbtn {
		margin-top: 55px
	}
	.get-frenchisehdrbtn a {
		padding: 8px 20px;
		font-size: 14px;
		border-radius: 50px;
		border: 2px solid #fff
	}
	#cssmenu>ul>li>a i {
		margin-right: 5px
	}
	.homelocationslider {
		margin-top: 10px
	}
	.locationhome {
		width: 93%;
		margin: 0 auto
	}
	#cssmenu.small-screen #menu-button::after {
		top: 16px
	}
	#cssmenu.small-screen #menu-button::before {
		top: 28px
	}
	#cssmenu.small-screen #menu-button.menu-opened::before {
		top: 17px
	}
	#cssmenu.small-screen #menu-button.menu-opened::after {
		top: 17px
	}
	.contact-box {
		margin-bottom: 10px
	}
	#contact-section form button {
		margin-top: 10px
	}
	.ftr-links a {
		padding-right: 0;
		margin-bottom: 10px;
		display: block;
		font-size: 15px
	}
	
	.frenchise-inquiry-main .tab-content {
		padding: 0 30px 0 15px
	}
	.story-container {
		padding: 0 15px;
		width: 100%;
		margin: auto
	}
	.story-container {
		padding: 0 15px;
		width: 100%;
		margin: auto
	}
	.pilarsctn {
		background-repeat: no-repeat;
		background-position: top center;
		background-size: contain;
		padding: 10px;
		text-align: center;
		background: #000
	}
	.pilarsctn h2 {
		font-size: 22px;
		padding: 6px 10px;
		line-height: 40px;
		background: #9a8061;
		color: #fff;
		margin-bottom: 10px;
		outline: 1px solid #ddd;
		outline-offset: -5px
	}
	.pilarsctn p {
		font-size: 13px;
		padding: 0 3px;
		color: #eee;
		text-align: center
	}
	.story-hdng2 h3 {
		font-size: 22px;
		line-height: 31px;
		font-weight: 600;
		padding-top: 26px;
		margin-bottom: 7px;
		padding-bottom: 0
	}
	.storyimg img {
		width: 96%;
		margin: 15px
	}
	.storybtn {
		position: relative;
		top: 15px
	}
	.pilarsucssidebar p {
		height: auto
	}
	.storytxtbtm {
		background: #000;
		color: #fff;
		padding: 20px;
		border-radius: 30px;
		margin-top: 20px;
		padding-right: 5px;
		z-index: -1;
		position: relative;
		text-align: center;
		width: 100%
	}
	.storytxtbtm p {
		color: #fff;
		line-height: 29px;
		font-size: 16px;
		width: 100%;
		font-style: italic
	}
	.ourstyclbadrs {
		background: #9a8061;
		border-radius: 20px;
		width: 100%;
		height: auto;
		padding-top: 26px;
		text-align: center;
		border: 6px solid #ddd;
		position: inherit;
		right: 0;
		top: 0;
		display: inline-block;
		margin: 0 auto;
		margin-top: 20px;
		text-align: center;
		display: block
	}
	.thnks-for h2 {
		font-size: 28px;
		text-align: center;
		padding-left: 0;
		line-height: 30px;
		text-transform: capitalize
	}
	.wegladtext h1 {
		text-align: center
	}
	.wegladtext h3 {
		font-size: 21px;
		width: 88%
	}
	.grndlunhdng {
		text-align: center
	}
	.grndlunhdng h1 {
		padding-top: 50px
	}
	.whydownloadap li {
		margin-top: 0;
		width: 100%;
		margin-left: 0
	}
	.whydownloadap ul li img {
		width: 127px
	}
	.whydownloadap ul li p {
		letter-spacing: 0;
		font-size: 16px
	}
	.grandlaunchbg::after {
		display: none
	}
	.download-center-div {
		width: 100%;
		float: left;
		position: relative
	}
	.downldapbox {
		margin-left: -117px;
		left: 50%;
		margin-bottom: 30px
	}
	.get-app-plystor {
		background-image: url(../images/bottle-bg-sm.png);
		background-size: cover!important;
		width: 228px;
		height: 694px
	}
	.app-icon {
		margin-right: 50px;
		padding-top: 455px
	}
	.app-icon img {
		width: 132px;
		height: 42px
	}
	.serve-heading-new::after {
		display: none!important
	}
	.serve-heading-new::before {
		display: none!important
	}
	.flip-card {
		width: 100%;
		height: 310px
	}
	.work-flipper {
		width: 100%;
		height: 310px
	}
	.slider-bg {
		margin-top: 0;
		z-index: -2;
		height: 217px
	}
	.flip-card-back {
		width: 100%;
		height: 310px;
		padding: 60px
	}
	.item.wow.fadeInUpBig.animated {
		margin-top: 95px
	}
	.beer-pour img {
		width: 268px;
		margin-top: 65px
	}
	.flip-card-back {
		width: 100%;
		height: 310px;
		padding: 60px
	}
	.item.wow.fadeInUpBig.animated {
		margin-top: 95px
	}
	.beer-pour img {
		width: 268px;
		margin-top: 65px
	}
	.serve-heading-new.blk h3::before {
		display: none!important
	}
	.serve-heading-new.blk h3::after {
		display: none!important
	}
	.readyforparty {
		height: 250px;
		margin-bottom: 20px
	}
	.txt-abso img {
		width: 210px
	}
	.slogantextmain {
		width: 100%;
		height: 620px;
		padding-top: 310px
	}
	.carrer-head {
		padding-top: 80px;
		text-align: center
	}
	.carrer-head h3 {
		margin-top: 40px;
		color: #fff;
		font-family: 'Cabin Sketch', cursive!important;
		font-size: 60px;
		line-height: 80px
	}
	.high-impact-one {
		border-bottom: 1px solid #ddd;
		padding-bottom: 20px;
		padding-top: 20px
	}
	.carrer-head h3 {
		margin-top: 40px;
		font-size: 42px;
		line-height: 60px
	}
	.carrer-quote {
		margin-top: 7px
	}
	.carrer-quote h4 {
		margin: 0;
		margin-bottom: 0;
		font-size: 16px;
		color: #d3ac54
	}
	.carrer-ds {
		top: -18px
	}
	.latst-news-blok {
		height: auto!important
	}
	.nws-sec-img img {
		width: 100%
	}
	.news-sec-dtl {
		margin-bottom: 20px
	}
	.lst-nw-butn {
		margin-top: 15px
	}
	.locationhome img {
		text-align: center;
		height: 140px
	}
	#owl-demo .item img {
		max-width: 100%;
		height: 100%
	}
	.serv-slide .owl-pagination {
		position: absolute;
		bottom: 4px;
		right: 10px
	}
	.contact-branch {
		min-height: auto!important
	}
	.contact-branch::before {
		display: none
	}
	#cssmenu {
		margin-top: 4px!important
	}
	.location-adres p {
		font-size: 13px;
		line-height: 19px;
		margin-bottom: 10px;
		height: 60px
	}
	.date-img img {
		max-width: 100%;
		height: auto
	}
	.left-nw {
		display: inline-block;
		width: 100%;
		margin-bottom: 20px
	}
	#post-data {
		margin: 0 20px
	}
	.nav-tabs-dropdown.btn.btn-block.btn-primary {
		background: #cc961d;
		color: #fff;
		margin-bottom: 10px;
		border-radius: 8px!important
	}
	.date-img {
		text-align: center
	}
	.ltst-news-date-dis .date-meta {
		padding: 10px 0 3px;
		border-bottom: 1px solid #e5e5e5;
		margin-bottom: 16px;
		margin-top: 10px
	}
	.left-nw ul {
		padding: 0
	}
	.left-nw .nav-tabs>li a {
		margin: 8px auto
	}
	.frnchiseRequest td {
		display: block;
		width: 100%!important;
		white-space: inherit!important
	}
	#cssmenu>ul>li:hover,
	#cssmenu>ul>li:hover>a {
		color: #000!important
	}
		.brmnscshdng p{
	    width:100%;
	}
}

@media (min-width:320px) and (max-width:480px) {
	.locationhome img {
		text-align: center;
		height: 140px
	}
	#cssmenu>ul>li:hover,
	#cssmenu>ul>li:hover>a {
		color: #fff!important;
	}
	#owl-demo .item img {
		max-width: 100%;
		height: 100%
	}
	.serv-slide .owl-pagination {
		position: absolute;
		bottom: 4px;
		right: 10px
	}
	.contact-branch {
		min-height: auto!important
	}
	.contact-branch::before {
		display: none
	}
	#cssmenu {
		margin-top: 4px!important
	}
	.location-adres p {
		font-size: 13px;
		line-height: 19px;
		margin-bottom: 10px;
		height: 60px
	}
	.tc-padding {
		padding: 130px 0 60px 0;
	}
	.attor-main-des {
		padding: 0
	}
	.attor-main-des h4 {
		font-size: 23px
	}
	.attor-main-des h3 {
		font-size: 18px
	}
	.ceomainbg {
		border-radius: 50px 130px 30px 30px
	}
	.ceomainbg::after {
		border-radius: 50px 130px 30px 30px
	}
	.story-container {
		padding: 0 15px;
		width: 100%;
		margin: auto
	}
	.story-container {
		padding: 0 15px;
		width: 100%;
		margin: auto
	}
	.pilarsctn {
		background-repeat: no-repeat;
		background-position: top center;
		background-size: contain;
		padding: 10px;
		text-align: center;
		background: #000
	}
	.pilarsctn h2 {
		font-size: 17px;
		padding: 9px 10px;
		line-height: 24px;
		background: #9a8061;
		color: #fff;
		margin-bottom: 10px;
		outline: 1px solid #ddd;
		outline-offset: -5px
	}
	.pilarsctn p {
		font-size: 13px;
		padding: 0 3px;
		color: #eee;
		text-align: center
	}
	.story-hdng2 h3 {
		font-size: 22px;
		line-height: 31px;
		font-weight: 600;
		padding-top: 26px;
		margin-bottom: 7px;
		padding-bottom: 0
	}
	.storyimg img {
		width: 90%;
		margin: 15px
	}
	.storybtn {
		position: relative;
		top: 15px
	}
	.pilarsucssidebar p {
		height: auto
	}
	.upcomingbtm h2 {
		height: auto
	}
	.storytxtbtm {
		background: #000;
		color: #fff;
		padding: 20px;
		border-radius: 30px;
		margin-top: 20px;
		padding-right: 5px;
		z-index: -1;
		position: relative;
		text-align: center;
		width: 100%
	}
	.storytxtbtm p {
		color: #fff;
		line-height: 29px;
		font-size: 16px;
		width: 100%;
		font-style: italic
	}
	.ourstyclbadrs {
		background: #000;
		border-radius: 20px;
		width: 100%;
		height: auto;
		padding-top: 10px;
		text-align: center;
		border: 6px solid #ddd;
		position: inherit;
		right: 0;
		top: 0;
		display: inline-block;
		margin: 0 auto;
		margin-top: 20px;
		text-align: center;
		display: block;
		padding-bottom: 20px
	}
	#accordion .panel-body p {
		font-size: 13px;
		line-height: 20px
	}
	#accordion .panel-body {
		font-size: 14px;
		color: #615f5f;
		line-height: 20px
	}
	.ollist li {
		padding-bottom: 5px
	}
	.ollist ol {
		padding-left: 16px
	}
	.main-heading h2 {
		font-size: 24px;
		margin: 0 0 0
	}
	.pd-40 {
		padding: 33px 0
	}
	.thnks-for h2 {
		font-size: 19px;
		line-height: 26px
	}
	.wegladtext h1 {
		font-size: 18px;
		padding: 15px 15px 25px 15px;
		line-height: 26px
	}
	.wegladtext h1 span {
		font-size: 20px
	}
	.wegladtext h3 {
		font-size: 17px;
		width: 96%
	}
	.wegladtext h3 span {
		font-size: 17px;
		padding-right: 3px
	}
	.mn-apply {
		margin-bottom: 25px
	}
	.grndlunhdng h1 {
		font-size: 33px;
		margin-bottom: 10px
	}
	.grndlunhdng h2 {
		font-size: 22px;
		letter-spacing: 0;
		line-height: 43px
	}
	.exclusive-app-deal {
		margin-bottom: 15px
	}
	.grndlunhdng h3 {
		font-size: 21px;
		top: 0;
		margin-bottom: 10px
	}
	.downldapbox {
		width: 250px;
		height: 250px;
		margin-left: -125px
	}
	#menu-button {
		position: relative;
		top: 0
	}
	#cssmenu.small-screen #menu-button {
		line-height: 20px
	}
	.stroytxthdng {
		margin-top: 10px;
		padding-left: 10px
	}
	.storytxtbtm::after {
		background-size: cover
	}
	.txt-abso img {
		width: 200px
	}
	.party-text {
		margin-bottom: 27px
	}
	.serve-heading-new h3::before {
		display: none
	}
	.serve-heading-new h3::after {
		display: none
	}
	.beerpagead {
		position: relative;
		height: auto;
		overflow: hidden;
		margin-top: 30px
	}
	.slognhdng h3 {
		font-size: 31px;
		padding-top: 0
	}
	.slognhdng p {
		font-size: 16px;
		line-height: 24px;
		width: 100%;
		margin: 0 auto;
		padding-top: 0
	}
	.glass-centr-beer img {
		margin-top: 0;
		margin-bottom: 0
	}
	.offer-log-sec img {
		width: 100px;
		margin-top: 9px
	}
	.item.wow.fadeInUpBig.animated {
		margin-top: 24px
	}
	.serve-heading-new::after {
		display: none
	}
	.serve-heading-new::before {
		display: none
	}
	.flip-card {
		width: 100%;
		height: 350px
	}
	.work-flipper {
		width: 100%
	}
	.serve-heading-new::after {
		display: none!important
	}
	.serve-heading-new::before {
		display: none!important
	}
	.flip-card {
		width: 100%;
		height: 310px
	}
	.work-flipper {
		width: 100%;
		height: 310px
	}
	.slider-bg {
		margin-top: 0;
		z-index: -2;
		height: 167px
	}
	.flip-card-back {
		width: 100%;
		height: 310px;
		padding: 60px
	}
	.item.wow.fadeInUpBig.animated {
		margin-top: 95px
	}
	.beer-pour img {
		width: 268px;
		margin-top: 65px
	}
	.flip-card-back {
		width: 100%;
		height: 310px;
		padding: 60px
	}
	.item.wow.fadeInUpBig.animated {
		margin-top: 65px
	}
	.beer-pour img {
		width: 268px;
		margin-top: 0
	}
	.serve-heading-new.blk h3::before {
		display: none!important
	}
	.serve-heading-new.blk h3::after {
		display: none!important
	}
	.readyforparty {
		height: 250px;
		margin-bottom: 20px
	}
	.txt-abso img {
		width: 210px
	}
	.slogantextmain {
		width: 100%;
		height: 490px;
		padding-top: 310px
	}
	.latst-news-blok {
		height: auto!important
	}
	.nws-sec-img img {
		width: 100%
	}
	.news-sec-dtl {
		margin-bottom: 20px
	}
	.lst-nw-butn {
		margin-top: 15px
	}
	.carrer-head h3 {
		margin-top: 28px;
		font-size: 38px;
		line-height: 57px
	}
	.date-img img {
		max-width: 100%;
		height: auto
	}
	.frnchiseRequest td {
		display: block;
		width: 100%!important;
		white-space: inherit!important
	}
}