body {
	margin: 0px;
}

.wrapper {
	background: url(../images/Kulfi-BG.jpg) no-repeat;
	background-size: 100%;
	/*height: 100vh;*/
	overflow: hidden;
}

img {
	max-width: 100%;
}

.logo {
	position: absolute;
	left: 35px;
	top: 35px;
}

.right-line {
	position: absolute;
	right: 160px;
}

.banner {
	height: 100vh
}

.kulfi-text {
	text-align: center;
	padding-top: 80px;
}

.kulfi-text h5 {
	font-family: 'Caveat';
	font-weight: 400;
	color: #3c2313;
	font-size: 24px;
	margin: 0px;
	letter-spacing: 4px;
	padding-bottom: 10px;
}

.responsive {
	width: 100%;
	height: auto;
}

.kulfi-text h1 {
	font-family: 'Dosis';
	font-weight: 700;
	color: #3c2313;
	font-size: 24px;
	margin: 0px;
	text-transform: uppercase;
	letter-spacing: 4px;
}

.kulfi-stick {
	background: url(../images/kulfi-stick.png) no-repeat center;
	background-size: contain;
	height: 50vh;
	position: relative;
	margin-top: 65px;
	background-position-x: 43%;
}

.inviting {
	text-align: center;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-48%, -156%);
}

.inviting h5 {
	font-family: 'Caveat';
	font-size: 55px;
	color: #fff;
	font-weight: 400;
	margin: 0px;
	line-height: 34px;
	padding-right: 40px;
}

.inviting h1 {
	font-family: 'Caveat';
	font-weight: 700;
	color: #fff;
	font-size: 120px;
	margin: 0px;
	line-height: 50px;
}

.plate {
	position: absolute;
	top: 82%;
	left: 50%;
	transform: translate(-45%, -50%);
}

.round {
	display: inline-block;
	margin-top: -70px;
	/*position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);*/
}

.call-as {
	padding: 20px;
}

.call-as h5 {
	font-size: 23px;
	font-family: 'Caveat';
	font-weight: 400;
	color: #3c2313;
	margin: 0px;
	letter-spacing: 4px;
}

.call-as h3 {
	font-family: 'Dosis';
	font-weight: 700;
	color: #3c2313;
	margin: 0px;
	letter-spacing: 3px;
	padding-top: 5px;
}

.home-btn {
	font-family: 'Dosis';
	font-weight: 700;
	font-size: 22px;
	color: #ffa521;
	text-transform: uppercase;
	background: #3c2313;
	/*border: 2px solid #3c2313;*/
	border-radius: 50px;
	padding: 8px 25px;
	position: relative;
	text-decoration: none;
	outline: none;
	box-shadow: none;

}

.enq-btn {
	border-left: 2px solid #f7941d;
	padding: 20px;
}

.enq-btn a.home-btn:hover {
	background-color:#ffa521;
   text-decoration: none;
	color:#3c2313;
}

.enq-btn a:focus {
	outline: none;
	text-decoration: none;
	color: #f7941d;
	
}

/*.home-btn::before {
	content: '';
	position: absolute;
	width: 0;
	top: 0px;
	height: 100%;
	background: #ffa521;
	top: 0px;
	transition: 0.3s ease-in;
	left: 0;
	z-index: 1;
	border-radius: 30px;
}

a.home-btn:hover::before {
 	width: 100%;
 	color: #fff;

}*/
.enquiry-btn {
	display: flex;
	flex-direction: row;
	justify-content: center;
	height: 100%;
	align-items: center;
	margin-top: -30px;
}

.right-arrow {
	display: inline;
	position: absolute;
	right: 40px;
	bottom: -20px;
}

.center-icon {
	width: 100%;
	height: 1200px;
	background: url(../images/icon-bg11.png) no-repeat center;
	background-size: 100% 99%;
}

.container {
	width: 1110px;
	margin: 0 auto;
}

.join {
	text-align: center;
	margin-top: 25%;
}

.join h5,
.check-out h5 {
	font-family: 'Caveat';
	font-weight: 400;
	color: #3c2313;
	font-size: 24px;
	margin: 0px;
	letter-spacing: 4px;
	padding-bottom: 10px;
}

.join h3,
.check-out h3 {
	font-family: 'Dosis';
	font-weight: 700;
	color: #3c2313;
	font-size: 24px;
	margin: 0px;
	text-transform: uppercase;
	letter-spacing: 4px;
}

.kulfi-icon {
	margin-top: 80px;
}

.treat {
	display: inline-block;
}

.treat p {
	font-family: 'Dosis';
	font-weight: 500;
	font-size: 20px;
	line-height: 25px;
	position: absolute;
	text-transform: uppercase;
	top: 42px;
}

.mobile-icon {
	display: none;
}

.slick-slide {
	outline: none;
}

.out-less ul {
	padding-top: 60px;
	padding-left: 0px;
	width: 100%
}

.out-less ul li span {
	font-family: 'Caveat';
	font-size: 23px;
	color: #3c2313;
	font-weight: 400;
	text-transform: lowercase;
	position: relative;
}

.out-less ul li span:before {
	content: '';
	position: absolute;
	left: -20px;
	top: 0px;
	width: 35%;
	height: 100%;
	;
	background: url(../images/location.png) no-repeat;
}

.out-less ul li {
	font-family: 'Dosis';
	font-size: 24px;
	color: #f7941d;
	font-weight: bold;
	text-transform: uppercase;
	list-style-type: none;
	display: inline-block;
	padding: 0 30px;
	margin-top: 30px;
}

.prev-arrow {
	left: -75px;
	top: 63%;
	position: absolute;
}

.next-arrow {
	right: 20px;
	position: absolute;
	top: 63%;
}

.slider-arrow .prev-arrow.slick-arrow.slick-disabled,
.slider-arrow .next-arrow.slick-arrow.slick-disabled {
	opacity: 0.2;
}

.slider-arrow .prev-arrow-icon.slick-arrow.slick-disabled,
.slider-arrow .next-arrow-icon.slick-arrow.slick-disabled {
	opacity: 0.2;
}

.form-section {
	margin-top: 60px;
}

.form-section .form-control {
	border-radius: 10px;
	font-size: 15px;
	font-family: 'Dosis';
	font-weight: 700;
	padding: 20px 20px;
}
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0; 
}

.form-section textarea {
	min-height: 214px;
	padding: 10px 20px;
}

.enq-btn .button.home-btn.cont-btn {
	padding: 8px 40px;
	letter-spacing: 1px;
}

.footer {
	background: url(../images/footer-bg.png) no-repeat;
	background-size: 100%;
	height: 42vh;
	position: relative;
}

.reach-as {
	padding-top: 100px;
}

.map {
	padding-bottom: 100px;
	border-bottom: 4px solid #3c2313;
	margin-top: 40px;
}


/*.align-end{display: flex;
  align-items: flex-end;
  height: 100%;}*/

.align-end {
	position: absolute;
	/* bottom: 0px; */
	left: 50%;
	top: 50%;
	transform: translate(-50%, 58%);
}

.copy-right h5,
.Crafted h5 {
	font-family: 'Caveat';
	color: #fff;
	opacity: 0.5;
	font-size: 15px;
	position: absolute;
	top: 80px;
	letter-spacing: 3px;
}

.call-for h5 {
	font-family: 'Caveat';
	color: #fff;
	opacity: 0.5;
	font-size: 15px;
	letter-spacing: 3px;
}

.call-for h2,
.call-for a {
	font-family: 'Dosis';
	font-size: 33px;
	color: #f7941d;
	font-weight: 700;
	margin: 0px;
}

.call-for a {
	font-size: 22px;
	text-decoration: none;
}

.call-for a:hover {
	color: #f7941d;
	text-decoration: none;
}

.Crafted h5 a {
	color: #fff;
	opacity: 1.5;
	text-decoration: none;
}

.Crafted h5 {
	right: 0px;
}


/*media query*/

@media (min-width: 320px) and (max-width: 1100px) {
	.container {
		max-width: 90%;
		width: 90%;
	}
}

@media(max-width: 1540px) {
	.kulfi-stick {
		margin-top: 20px;
	}
	.plate {
		width: 40%;
		transform: translate(-42%, -44%);
	}
	.inviting h1 {
		font-size: 110px;
	}
}

@media(max-width: 1440px) {
	.inviting h1 {
		font-size: 90px;
	}
	.inviting {
		transform: translate(-43%, -123%);
	}
	.kulfi-text {
		padding-top: 60px;
	}
	.kulfi-stick {
		margin-top: 53px;
	}
	.enquiry-btn {
		margin-top: -33px;
	}
	.align-end {
		transform: translate(-50%, 30%);
	}
}

@media(max-width: 1366px) {
	.enquiry-btn {
		margin-top: -80px;
	}
	.plate {
		width: 34%;
	}
	.align-end {
		transform: translate(-50%, 20%);
	}
	.footer {
		height: 50vh;
	}
}

@media (max-width: 1360px) {
	.footer {
		height: 45vh;
	}
	.align-end {
		transform: translate(-50%, 26%);
	}
}

@media(max-width: 1280px) {
	.prev-arrow {
		left: -43px;
		/*top: 27%;*/
	}
}

@media (max-width: 1250px) {
	.footer {
		height: 42vh;
	}
}

@media (max-width: 1200px) {
	.footer {
		height: 47vh;
	}
}

@media (max-width: 1150px) {
	.footer {
		height: 44vh;
	}
	.align-end {
		transform: translate(-50%, 17%);
	}
}

@media (max-width: 1090px) {
	.footer {
		height: 40vh;
	}
	.align-end {
		transform: translate(-50%, 9%);
	}
}

@media(max-width: 1024px) {
	.wrapper {
		background-size: inherit;
	}
	.plate {
		width: 48%;
		transform: translate(-45%, -49%);
	}
	.kulfi-icon img {
		width: 60%;
	}
	.align-end {
		transform: translate(-50%, 4%);
	}
	.footer {
		height: 35vh;
	}
}

@media(max-width: 991px) {
	.kulfi-icon img {
		width: 55%;
	}
	.treat p {
		top: 14px;
		font-size: 18px;
	}
	.center-icon {
		height: 970px;
	}
	.round {
		width: 20%;
		width: 20%;
	}
	.right-arrow {
		right: 0px;
		width: 20%;
	}
	.align-end {
		transform: translate(-50%, -15%);
	}
}

@media(max-width: 950px) {
	.footer {
		height: 32vh;
	}
}

@media(max-width: 880px) {
	.footer {
		height: 28vh;
	}
}

@media(max-width: 767px) {
	.inviting {
		transform: translate(-41%, -75%);
	}
	.inviting h5 {
		font-size: 45px;
	}
	.inviting h1 {
		font-size: 75px;
	}
	.right-line {
		right: 20px;
	}
	.kulfi-stick {
		height: 45vh;
		margin-top: 75px;
	}
	.plate {
		width: 50%;
		transform: translate(-45%, -35%);
	}
	.mobile-icon {
		display: block;
		position: relative;
	}
	.kulfi-icon {
		display: none;
	}
	.mobile-icon ul li {
		list-style-type: none;
		margin-top: 20px;
	}
	.enquiry-btn {
		margin-top: -65px;
	}
	.mob-img {
		width: 60%;
		margin: 0px 30px
	}
	.center-icon {
		height: 676px;
		background-size: 106% 96%;
	}
	.prev-arrow-icon {
		position: absolute;
		bottom: 50%;
		left: 17px;
	}
	.next-arrow-icon {
		position: absolute;
		bottom: 50%;
		right: 17px;
	}
	.next-arrow {
		right: 10px;
		top: 56%;
	}
	.prev-arrow {
		left: -15px;
		top: 56%;
	}
	.treat p br {
		display: none;
	}
	.treat p {
		position: relative;
		text-align: center;
	}
	.copy-right h5,
	.Crafted h5 {
		text-align: center;
		position: unset;
	}
	.footer {
		background: #3c2313;
	}
	.align-end {
		transform: translate(-50%, -43%);
	}
	.form-section {
		padding-bottom: 60px;
	}
}

@media (max-width: 680px) {
	.center-icon {
		height: 640px;
		background-size: 106% 96%;
	}
	.plate {
		width: 55%;
	}
	.inviting {
		transform: translate(-38%, -111%);
	}
	.enquiry-btn {
		margin-top: -50px;
	}
	.right-arrow {
		right: 0px;
		width: 17%;
	}
	.round {
		width: 18%;
	}
}

@media(max-width: 575px) {
	.logo {
		left: 20px;
		top: 20px;
		width: 20%;
	}
	.enquiry-btn {
		display: block;
	}
	.enq-btn {
		border-left: none;
		border-top: 2px solid #f7941d;
		display: inline-block;
		padding: 28px;
	}
	.out-less ul li {
		width: 100%
	}
	.right-line {
		right: 17px;
		width: 10%;
	}
	.round {
		width: 20%;
	}
	.right-arrow {
		width: 20%;
		right: 0px;
	}
	.kulfi-stick {
		background-size: 90%;
	}
	.map {
		padding-bottom: 60px;
	}
	.center-icon {
		height: 550px;
		background-size: 147% 100%;
	}
	.plate {
		width: 64%;
		transform: translate(-45%, -45%);
	}
}

@media(max-width: 480px) {
	.kulfi-text h5 {
		font-size: 18px;
		padding-bottom: 5px;
	}
	.kulfi-text {
		padding-top: 46px;
	}
	.out-less ul li {
		margin-left: 100px;
		margin-top: 20px;
	}
	.out-less ul {
		padding-top: 30px;
	}
	.kulfi-stick {
		margin-top: 25px;
	}
	.reach-as {
		padding-top: 65px;
	}
	.plate {
		width: 70%;
		transform: translate(-46%, -48%)
	}
	.inviting h5 {
		font-size: 36px;
	}
	.kulfi-stick {
		background-position-x: 21%;
	}
	.inviting h1 {
		font-size: 55px;
		line-height: 30px;
	}
	.inviting {
		transform: translate(-37%, -110%)
	}
	.enquiry-btn {
		margin-top: -40px;
	}
	.next-arrow {
		right: 35px;
		top: 56%;
	}
	.prev-arrow {
		left: 25px;
		top: 56%;
	}
}

@media(max-width: 460px) {
	.prev-arrow {
		left: 6px;
		top: 56%;
	}
	.join h5,
	.check-out h5 {
		letter-spacing: 3px;
	}
	.join {
		margin-top: 32%;
	}
	.out-less ul {
		padding-top: 20px;
	}
	.reach-as {
		padding-top: 50px;
	}
	.call-for h2 {
		font-size: 30px;
		line-height: 30px;
	}
}

@media (max-width: 450px) {
	.out-less ul li {
		margin-left: 75px;
	}
}

@media (max-width: 430px) {
	.kulfi-text h5 {
		letter-spacing: 2px;
		padding-bottom: 8px;
	}
	.plate {
		width: 73%;
		transform: translate(-44%, -51%);
	}
	.kulfi-stick {
		height: 45vh;
		margin-top: 30px;
	}
	.inviting h1 {
		font-size: 50px;
		line-height: 26px;
	}
	.inviting h5 {
		font-size: 30px;
		line-height: 27px;
		padding-right: 29px;
	}
	.kulfi-text {
		padding-top: 82px;
	}
}

@media(max-width: 410px) {
	.plate {
		width: 73%;
		transform: translate(-44%, -33%);
	}
	.kulfi-stick {
		height: 30vh;
		margin-top: 30px;
	}
	.enquiry-btn {
		margin-top: -7px;
	}
}

@media(max-width: 375px) {
	.logo {
		left: 11px;
		top: 12px;
		width: 22%;
	}
	.kulfi-text h5 {
		font-size: 18px;
	}
	.kulfi-text h1 {
		font-size: 23px;
		letter-spacing: 3px;
	}
	.kulfi-stick {
		height: 34vh;
	}
	.inviting {
		transform: translate(-37%, -98%)
	}
	.button .btn-primary a {
		font-size: 20px;
	}
	.plate {
		width: 73%;
		transform: translate(-44%, -43%);
	}
	.kulfi-stick {
		margin-top: 20px;
	}
	.inviting h5 {
		font-size: 28px;
	}
	.enquiry-btn {
		margin-top: -33px;
	}
	.inviting h1 {
		font-size: 40px;
	}
	.center-icon {
		height: 550px;
		background-size: 147% 109%;
	}
	.align-end {
		transform: translate(-50%, -46%);
	}
	.footer {
		height: 33vh;
	}
}