@media(min-width:1601px){
	.tech-section .box {
		padding: 10px;
		min-height: 500px;
	}
	.xookAt-text {
	    xpadding: 0 10px 0 0px;
	}
	.dish-block {
		min-width: 32%;
		max-width: 32%;
	}
	.dish-block.resto-name {
		max-width: 100%;
	}

	.left-Tag {
		top:363px;
	}

	.tag-line {
		top:800px;
	}

	.about-section .about-img img {
		width:400px;
		transform: scale(2);
		margin:0 auto;
	}
}

/* Adding min height to boxes so all the boxes in a row are of the same height for the width range */
@media(min-width:1281px) and (max-width:1600px){

	.left-text {
		top: auto;
		bottom:15%;
	}

	.left-Tag {
		font-size:6vmin;
		line-height: 7vmin;
	}

	.tag-line {
		margin: 25% 0 0 0;
		border-width: 2px;
		width: 15vmin;
	}

	.right-logo img {
		height:14vw;
	}

	.navbar-brand img {
		height:4vw;
	}

	.about-section .about-img img {
		width:400px;
		transform: scale(2);
		margin:0 auto;
	}

	.tech-section .box {
		padding: 10px;
		min-height: 550px;
	}
	.how-section .box {
		min-height: 480px;
	}
	.about-section .about-img {
		margin:0 auto 0 auto;
	}
	.about-section .about-img img {
		width: 80%;
		margin:0 auto 0 auto;
	}

	.good-food-section {
		padding: 30px 50px;
	  }

	.xookAt-text {
	    padding: 0 10px 0 50px;
		width: 46%;
	}

	.customer {
		padding: 80px 0;
	}

	.customer-title {
		padding: 0 0 0 60px;
	}

	.video-card {
		flex-direction: row;
	}

	.video-card:first-child {
		margin: 0 1rem 0 60px;
	}

	.video-img img {
	   height: 340px;
	}

	.video-content {
		width: 20rem;
		padding: 0 1.5rem 0 2.5rem;
	}
	
}

@media(min-width:1025px) and (max-width:1280px){

	.left-text {
		position: absolute;
		top:33%;
	}

	.left-Tag {
		font-size:5vw;
		line-height: 6vw;
	}

	.tag-line {
		margin: 25% 0 0 0;
		border-width: 2px;
	}

	.right-logo img {
		height:14vw;
	}

	.navbar-brand img {
		height:4vw;
	}
	
	.about-section .about-img img {
		width:100%;
		transform: scale(1.5);
		margin:0 auto;
	}

	.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl{max-width: 100%;width: 100%;}
	.section .title{
		font-size: 44px;
		font-weight: 500;
		text-align: left;
		margin: 0px 0px 40px 0px;
		line-height: 36px;;
		font-family: "Gilroy";
	}	
	.section .text{
		font-size: 24px;
		text-align: left;
		line-height:34px;
		padding: 0px;;
		margin: 0px;
	}
	.dishes-section .resto-name h1{

		font-size: 36px;
		line-height: 46px;
		vertical-align: middle;
	}
	.tech-section .box {
		padding: 10px;
		min-height: 550px;
	}
	.section .box {
		margin: 10px 0px;
		padding: 20px 10px;
	}
	.section .box h3 {
		font-size: 30px;
		line-height: 40px;
		padding: 5px;;
		min-height: 80px;
	}
	.xookAt {
		padding: 0px 0px 0px 50px;
	  }
	  
	  .xookNow-slide:first-child {
		margin: 0 1rem 0 60px;
	  }

	  .xookNow-title-contain {
		padding: 0 0 0 60px;
	  }

	  .xookF {
		padding: 80px 0 80px 0px;
	  }

	  .xookF-slide:first-child {
		margin: 0 1rem 0 60px;
	  }

	  .xookF-title-contain {
		padding: 0 0 0 60px;
	  }

	  .xookNow {
		padding: 80px 0 80px 0px;
	  }

	  .customer {
		padding: 80px 0;
	  }

	.customer-title {
		padding: 0 0 0 60px;
	  }

	.video-card {
		flex-direction: row;
	  }

	.video-card:first-child {
		margin: 0 1rem 0 60px;
	  }

	.video-img img {
		height: 340px;
	  }

	.video-content {
		width: 20rem;
		padding: 0 1.5rem 0 2.5rem;
	  }
}

@media(min-width:992px) and (max-width:1024px){

	.left-text {
		position: absolute;
		top:33%;
	}

	.left-Tag {
		font-size:5vw;
		line-height: 6vw;
	}

	.tag-line {
		margin: 25% 0 0 0;
		border-width: 2px;
	}

	.right-logo img {
		height:14vw;
	}

	.navbar-brand img {
		height:4vw;
	}
	
	.about-section .about-img img {
		width:100%;
		transform: scale(1.5);
		margin:0 auto;
	}

	.hero-center-wrp img {
		height: 60px;
		margin: 0 auto 4rem auto;
	}
	.hero-center-wrp h1.xook{font-size:110px; font-weight:400; letter-spacing: 10px; margin: 0 0 30px;}
	.hero-center-wrp h1.tagline{font-size:32px; font-weight:400; letter-spacing: 5px;}
	.section{
		padding: 30px 30px;
		margin: 0px;
	}
	.section .title{
		font-size: 38px;
		font-weight: 500;
		text-align: left;
		margin: 0px 0px 40px 0px;
		line-height: 48px;;
		font-family: "Gilroy";
	}	
	.section .text{
		font-size: 20px;
		text-align: left;
		line-height: 26px;
		padding: 0px;;
		margin: 0px;
	}
	.dishes-section .resto-name h1{

		font-size: 36px;
		line-height: 46px;
		vertical-align: middle;
	}
	.tech-section .box {
		padding: 10px;
		min-height: 470px;
	}
	.section .box {
		margin: 10px 0px;
		padding: 20px 10px;
	}
	.section .box h3 {
		font-size: 30px;
		line-height: 38px;
		padding: 5px;;
	}
	.section .box p {
		font-size: 18px;
		
		line-height: 26px;
		
		min-height: 90px;
		xletter-spacing: .8px;
	}
	.dish-block {
		padding: 40px 5px 10px;
		margin-bottom: 0px;;
	}
	.deploy-section .col {
		padding: 0px 10px;
	}
	.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl{max-width: 100%;width: 100%;}
	.hero-banner{height: auto;}
	.hero-center-wrp img{}	
	.hero-center-wrp h1{font-size:36px;}
	.hero-center-wrp p{font-size: 14px;}

	.abt-data h2{font-size: 32px;line-height: 36px;}
	.abt-data p{font-size: 16px;line-height: 24px;}
	.parelax-wrp{padding:65px 0;}
	.parelax-wrp h2{font-size:38px;}
	.freshbox{margin: 0 0 30px;}
	.freshbox h4{font-size: 22px;}

	.head-title h2{font-size: 32px;}
	.head-title h6{font-size: 18px;}
	.pro-img img{top:60px;}

	.your-test-wrp{padding: 45px 0;}
	.pro-data{padding: 0 0 0;}
	.pro-databx{margin: 0 0 30px;}
	.pro-databx li{font-size: 15px;width: auto;padding: 12px 35px;}

	.howit-work{padding: 45px 0;}
	.how-section .box {
		min-height: 360px;
	}
	a.readbtn{font-size: 15px;}

	footer{padding: 35px 0 0;}
	.logo-bx img{margin: 0 0 45px;}
	.dish-block h3,.freshbox h3{font-size: 20px;line-height: 26px;}
	.dish-block p,.freshbox p{font-size: 15px;line-height: 22px;}
	.dish-block h3{margin: 0 0 15px;}
	
	.social-bx h4, .quicklinks h4{font-size: 18px;margin: 0 0 15px;}
	.social-bx a img,.cnt-ic img{width: 40px;}
	.social-bx{float: none;margin: 0 auto;}
	.copyright p{font-size: 14px;}
	.card-text {
		font-size: 16px;
	  }

	  .xookAt {
		padding:0 0 0 30px;
	  }

	  .xookNow {
		padding: 30px 0 30px 00px;
	  }

	  .xookNow-title-contain {
		padding: 0 0 0 30px;
	  }

	  .xookNow-slide {
		min-height: 300px;
		min-width: 450px;
	  }

	  .xookNow-slide:first-child {
		margin: 0 1rem 0 30px;
	  }

	  .xookF {
		padding: 30px 0 30px 00px;
	  }

	  .xookF-title-contain {
		padding: 0 0 0 30px;
	  }

	  .xookF-slide {
		min-height: 300px;
		min-width: 450px;
	  }

	  .xookF-slide:first-child {
		margin: 0 1rem 0 30px;
	  }

	  .customer {
		padding: 40px 0;
	}

	.customer-title {
		padding: 0 0 0 30px;
	}

	.video-card {
		flex-direction: row;
	}

	.video-card:first-child {
		margin: 0 1rem 0 30px;
	}

	.video-img img {
	   height: 270px;
	}

	.video-content {
		width: 14rem;
		padding: 1rem 0 1rem 1rem;
	}

	#play-icon img {
		width: 40px;
		height: 40px;
	}

	.video-content-bottom {
		min-height: 70%;
	}

	.video-content-comment {
		font-size: 13px;
	}

	.video-content-comment-by {
		font-size: 13px;
	}
}

@media(min-width:670px) and (max-width:991px){

	.left-text {
		position: absolute;
		top:33%;
	}

	.left-Tag {
		font-size:5vw;
		line-height: 6vw;
	}

	.tag-line {
		margin: 25% 0 0 0;
		border-width: 2px;
	}

	.right-logo img {
		height:14vw;
	}

	.navbar-brand img {
		height:4vw;
	}
	
	.about-section .about-img img {
		width:100%;
		transform: scale(1.5);
		margin:0 auto;
	}

	.hero-center-wrp img {
		height: 50px;
		margin: 0 auto 2rem auto;
	}
	.hero-center-wrp h1.xook{font-size:90px; font-weight:400; letter-spacing: 10px; margin: 0 0 30px;}
	.hero-center-wrp h1.tagline{font-size:28px; font-weight:400; letter-spacing: 5px;}
	.section{
		padding: 40px 30px;
		margin: 0px;
	}
	.section .typing{
		padding: 3px;
	}
	.section .center-text {
		text-align: left;
	}
	.section .title{
		font-size: 26px;
		font-weight: 500;
		text-align: left;
		margin: 0px 0px 20px 0px;
		line-height: 38px;
		font-family: "Gilroy";
	}	
	.section .text{
		font-size: 18px;
		text-align: left;
		line-height: 28px;
		padding: 0px;;
		margin: 0px;;
	}
	.dishes-section .resto-name{
		padding: 20px;
		align-items:baseline;
		text-align: left;
		display: inline-block;
		min-height: auto;
		min-width: 100%;
	}
	.dishes-section .resto-name h1{

		font-size: 30px;
		line-height: 44px;

	}
	.dishes-section .resto-name img {
		width: 30px;
		position: absolute;
		top: 20px;
		max-width: 100px;;
		text-align: center;;
		margin: auto;
		display: flex;
		opacity: .85;
	}
	.tech-section .box {
		padding: 10px;
		min-height: 500px;;
	}
	.section .box {
		margin: 5px 0px;
		padding: 10px 10px;
	}
	.section .box h3 {
		font-size: 22px;
		line-height: 32px;
		padding: 5px;;
		
	}
	.section .box p {
		font-size: 17px;
		
		line-height: 27px;
		
		min-height: 90px;
		
	}
	.section .box img {
		width: 90px;
		height: 90px;
	}
	.how-section .box {
		min-height: 380px;
	}
	.abt-img{padding: 0 0 0;}
	.abt-data{padding: 0px 0;}
	.abt-data h2{font-size: 32px;text-align: center;line-height: 36px;}
	.abt-data p{font-size: 16px;line-height: 24px;text-align: center;}
	.dish-block {
		padding: 40px 5px 10px;
		margin-bottom: 0px;;
	}
	.dish-block img{
		width: 160px;
	}
	.dish-shadow{
		width: 130px;
		height: 130px;
		margin-left: -43px;
		margin-top: -98px;
	}
	.dish-block h3{
		font-size: 28px;
		font-weight: 400;
		
		text-align: center;
		margin: 5px 0px;
		padding-top: 5px;
		
	}
	.deploy-section .col {
		padding: 0px;
	}
	.deploy-section .deploy-img img {
		width: 100%;
	}
	
	.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl{max-width: 100%;width: 100%;}
	.hero-banner{height: auto;}
	.hero-center-wrp img{}	
	.hero-center-wrp h1{font-size:32px;}
	.hero-center-wrp p{font-size: 14px;}

	.abt-data h2{font-size: 32px;line-height: 36px;}
	.abt-data p{font-size: 16px;line-height: 24px;}
	.parelax-wrp{padding:65px 0;}
	.parelax-wrp h2{font-size:38px;}
	.freshbox{margin: 0 0 30px;}
	.freshbox h4{font-size: 22px;}

	.head-title h2{font-size: 32px;}
	.head-title h6{font-size: 18px;}
	.pro-img img{top:60px;}

	.your-test-wrp{padding: 45px 0;}
	.pro-data{padding: 0 0 0;}
	.pro-databx{margin: 0 0 30px;}
	.pro-databx li{font-size: 15px;width: auto;padding: 12px 35px;}

	.howit-work{padding: 45px 0;}
	a.readbtn{font-size: 15px;}

	footer{padding: 35px 0 0;}
	.logo-bx img{margin: 0 0 45px;}
	.dish-block h3,.freshbox h3{font-size: 18px;line-height: 26px;}
	.dish-block p,.freshbox p{font-size: 15px;line-height: 22px;}
	.dish-block h3{margin: 0 0 15px;}
	
	.social-bx h4, .quicklinks h4{font-size: 18px;margin: 0 0 15px;}
	.social-bx a img,.cnt-ic img{width: 40px;}
	.social-bx{float: none;margin: 0 auto;}
	.copyright p{font-size: 14px;}
	.xookAt {
		padding: 0 0 0 30px;
	  }
	  .card-text {
		font-size: 16px;
	  }

	  .xookNow {
		padding: 40px 0 40px 0px;
	  }

	  .xookNow-title-contain {
		padding: 0 0 0 30px;
	  }

	  .xookNow-slide {
		min-height: 250px;
		min-width: 375px
	  }

	  .xookNow-slide:first-child {
		margin: 0 1rem 0 30px;
	  }

	  .xookF {
		padding: 40px 0 40px 0px;
	  }

	  .xookF-title-contain {
		padding: 0 0 0 30px;
	  }

	  .xookF-slide {
		min-height: 250px;
		min-width: 375px
	  }

	  .xookF-slide:first-child {
		margin: 0 1rem 0 30px;
	  }

	  .xookAt-text {
		   width: 33%;
	  }

	  .customer {
		padding: 40px 0;
	}

	.customer-title {
		padding: 0 0 0 30px;
	}

	.video-card {
		flex-direction: row;
	}

	.video-card:first-child {
		margin: 0 1rem 0 30px;
	}

	.video-img img {
	   height: 200px;
	}

	.video-content {
		width: 12rem;
		padding: 1rem 0 1rem 1rem;
	}

	#video-content-icon {
		top:3%;
		right:3%;
	}

	#video-content-icon img {
		height: 20px;
		width: 20px;
		margin: 0 0 1rem 0;
	}

	#play-icon img {
		width: 40px;
		height: 40px;
	}

	.video-content-bottom {
		min-height: 90%;
	}

	.video-content-comment {
		font-size: 12px;
	}

	.video-content-comment-by {
		font-size: 12px;
	}
}

/* @media(min-width:670px) and (max-width:767px){
	.hero-center-wrp h1.xook{font-size:90px; font-weight:400; letter-spacing: 10px; margin: 0 0 30px;}
	.hero-center-wrp h1.tagline{font-size:28px; font-weight:400; letter-spacing: 5px;}
	.section{
		padding: 20px 30px;
		margin: 0px;
	}
	.section .title{
		font-size: 26px;
		font-weight: 500;
		text-align: center;
		margin: 0px 0px 20px 0px;
		line-height: 36px;;
	}	
	.section .text{
		font-size: 20px;
		text-align: left;
		line-height: 32px;
		padding: 0px;;
		margin: 0px;;
	}
	.dishes-section .resto-name h1{

		font-size: 34px;
		line-height: 34px;
		vertical-align: middle;
	}
	.tech-section .box {
		padding: 10px;
	}
	.section .box {
		margin: 10px 0px;
		padding: 20px 10px;
	}
	.section .box h3 {
		font-size: 30px;
		line-height: 38px;
		padding: 5px;;
	}
	.section .box p {
		font-size: 18px;
		
		line-height: 26px;
		
		min-height: 90px;
		xletter-spacing: .8px;
	}
	.dish-block {
		padding: 40px 5px 10px;
		margin-bottom: 0px;;
	}
	.deploy-section .col {
		padding: 0px 10px;
	}
	.dish-block img{
		width: 160px;
	}
	.dish-shadow{
		width: 130px;
		height: 130px;
	}
	.dish-block h3{
		font-size: 28px;
		font-weight: 400;
		
		text-align: center;
		margin: 5px 0px;
		padding-top: 5px;
		
	}
	.dish-block p{
		font-size: 20px;
		font-weight: 400;
		font-weight: 300;
		text-align: center;
		margin: 0;
		height: 70px;
		
	}
	.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl{max-width: 100%;width: 100%;}
	ul.navbar-nav{background: #F1F4FA;padding: 15px;}
	ul.navbar-nav li{margin: 0;}
	.navbar-light .navbar-nav .nav-link, ul.navbar-nav li a{color: #1A1A1D;}
	.abt-img{padding: 35px 0 0;}
	.abt-data{padding: 0px 0px;}
	.abt-data h2{font-size: 32px;text-align: center;line-height: 36px;}
	.abt-data p{font-size: 16px;line-height: 24px;text-align: center;}

	.hero-banner{height: 100vh;}
	.hero-banner video{height: 100vh;object-fit: cover;}
	.hero-center-wrp img{height:30px;margin: 0 auto 15px;}	
	.hero-center-wrp h1{font-size:32px;}
	.hero-center-wrp p{font-size: 14px;}

	.parelax-wrp{padding: 0 0;width: 100%;}
	.parelax-wrp h2{font-size: 36px;}
	.parelax-wrp .container{display: flex;align-items: center;justify-content: center;height: 100vh;}
	.freshbox{margin: 0 0 30px;}
	.freshbox h4{font-size: 22px;}

	.head-title h2{font-size: 32px;}
	.head-title h6{font-size: 18px;}
	.pro-img img{top: 0;}

	.your-test-wrp{padding: 45px 0;}
	.pro-data{padding: 30px 0 0;}
	.pro-databx ul{flex-wrap: wrap;width: 100%;}
	.pro-databx li{font-size: 18px;width: 100%;}

	.dish-block h3,.freshbox h3{font-size:18px;line-height: 26px;}
	.dish-block p,.freshbox p{font-size: 16px;}
	.best-dishwrp h5{font-size: 24px;}
	.social-bx{float: none;}

	.howit-work{padding: 45px 0;}

	footer{padding: 35px 0 0;}
	.logo-bx img{margin: 0 0 25px;}
	.quicklinks ul{flex-wrap: wrap;}
	.social-bx h4, .quicklinks h4{font-size: 18px;margin: 0 0 15px;}
	.quicklinks ul li{width: 100%;margin: 0;}
	.social-bx,.quicklinks{margin: 0 0 20px;}

	.footer-cntbx{padding: 0px 0 0;}
	.contact-box{margin: 0 0 15px;}
	.contact-box .cnt-dt a{font-size: 16px;}
	.copyright p{font-size: 14px;}
} */

@media(min-width:448px) and (max-width:670px){

	.left-text {
		position: absolute;
		top:auto;
		bottom:60px;
	}

	.left-Tag {
		font-size:50px;
		line-height: 56px;
	}

	.tag-line {
		margin: 40% 0 0 0;
		border-width: 2px;
	}

	.right-logo img {
		height:120px;
	}

	.navbar-brand img {
		height:40px;
	}

	.about-img img {
		width: 100%;
		transform: scale(1.5);
		margin: 0 0 1rem 0;
	}
	
	.about-section .about-img img {
		margin:0 auto 2rem auto;
	}
	.hero-center-wrp img {
		min-height: 50px;
		margin: 0 auto 0 auto;
	}
	.hero-center-wrp h1.xook{font-size:70px; font-weight:400; letter-spacing: 10px; margin: 0 0 30px;}
	.hero-center-wrp h1.tagline{font-size:18px; font-weight:400; letter-spacing: 5px;}
	.hero-banner:before{
		opacity: .85;
		top: 0;
		left: 0;
	}
	.section{
		padding: 25px 40px;
		margin: 0px;
	}
	.section .title{
		font-size: 22px;
		font-weight: 500;
		text-align: left;
		margin: 0px 0px 20px 0px;
		line-height: 32px;
		font-family: "Gilroy";
	}	
	.section .text{
		font-size: 16px;
		text-align: left;
		line-height: 30px;
		padding: 0px;;
		margin: 0px;;
	}
	.dishes-section .resto-name{
		padding: 30px 20px;
		
	}
	.dish-block img{
		width: 160px;
	}
	.dish-shadow{
		width: 130px;
		height: 130px;
		margin-left: -43px;
		margin-top: -98px;
	}
	.dish-block h3{
		font-size: 22px;
		font-weight: 400;
		
		text-align: center;
		margin: 5px 0px;
		padding-top: 5px;
		
	}
	.dishes-section .resto-name h1{

		font-size: 36px;
		line-height: 42px;
		text-align: center;
	}
	.tech-section .box {
		padding: 5px;
		/* min-height: 550px; */
	}
	.section .box {
		margin: 25px;
		padding: 25px;
	}
	.section .box h3 {
		font-size: 30px;
		line-height: 32px;
		padding: 15px;;
	}
	.section .box p {
		font-size: 20px;
		
		line-height: 32px;
		
		/* min-height: 90px; */
		
	}
	
	.section .box img {
		width: 120px;
		height: 120px;
	}
	.abt-img{padding: 0 0 0;}
	.abt-data{padding: 0px 0;}
	.abt-data h2{font-size: 32px;text-align: center;line-height: 36px;}
	.abt-data p{font-size: 16px;line-height: 24px;text-align: center;}
	.dish-block {
		padding: 40px 5px 10px;
		margin-bottom: 0px;;
	}
	.deploy-section .col {
		padding: 0px;
	}
	.deploy-section .deploy-img img {
		width: 100%;
	}
	.how,.cuisine,.tech{
		flex-shrink: 0;
		width: 100%;
		max-width: 100%;
	}
	
	.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl{max-width: 100%;width: 100%;}
	ul.navbar-nav{background: #F1F4FA;padding: 15px;}
	ul.navbar-nav li{margin: 0;}
	.navbar-light .navbar-nav .nav-link, ul.navbar-nav li a{color: #1A1A1D;}
	.abt-img{padding: 35px 0 0;}
	.abt-data{padding: 35px 0;}
	.abt-data h2{font-size: 32px;text-align: center;line-height: 36px;}
	.abt-data p{font-size: 16px;line-height: 24px;text-align: center;}

	.hero-banner{height: 100vh;}
	.hero-banner video{height: 100vh;object-fit: cover;}
	.hero-center-wrp h1{font-size:32px;}
	.hero-center-wrp p{font-size: 14px;}

	.parelax-wrp{padding: 0 0;width: 100%;}
	.parelax-wrp h2{font-size: 36px;}
	.parelax-wrp .container{display: flex;align-items: center;justify-content: center;height: 100vh;}
	.freshbox{margin: 0 0 30px;}
	.freshbox h4{font-size: 22px;}

	.head-title h2{font-size: 32px;}
	.head-title h6{font-size: 18px;}
	.pro-img img{top: 0;}

	.your-test-wrp{padding: 45px 0;}
	.pro-data{padding: 30px 0 0;}
	.pro-databx ul{flex-wrap: wrap;width: 100%;}
	.pro-databx li{font-size: 18px;width: 100%;}

	.dish-block h3,.freshbox h3{font-size: 20px;line-height: 26px;}
	.dish-block p,.freshbox p{font-size: 18px;}
	.best-dishwrp h5{font-size: 24px;}
	.social-bx{float: none;}

	.howit-work{padding: 45px 0;}

	footer{padding: 35px 0 0;}
	.logo-bx img{margin: 0 0 25px;}
	.quicklinks ul{flex-wrap: wrap;}
	.social-bx h4, .quicklinks h4{font-size: 18px;margin: 0 0 15px;}
	.quicklinks ul li{width: 100%;margin: 0;}
	.social-bx,.quicklinks{margin: 0 0 20px;}

	.footer-cntbx{padding: 0px 0 0;}
	.contact-box{margin: 0 0 15px;}
	.contact-box .cnt-dt a{font-size: 16px;}
	.copyright p{font-size: 14px;}
	.xookAt {
		padding: 25px 40px;
	  }
	  .xookAt-text {
		padding: 0;
		width: 100%;
	  }
	  .xookAt-scroller {
		margin: 0 auto;
		border-radius: 8px;
	  }
	  .xookAt-contain {
		flex-direction: column;
	  }

	  .xookNow {
		padding: 25px 0 25px 0px;
	  }

	  .xookNow-title-contain {
		padding: 0 0 0 30px;
	  }

	  .xookNow-title-contain .abt-data {
		padding: 0;
	  }
	  
	  .xookNow-slide {
		min-height: 200px;
		min-width: 300px;
	  }

	  .xookNow-slide:first-child {
		margin: 0 1rem 0 30px;
	  }

	  .xookF {
		padding: 25px 0 25px 0px;
	  }

	  .xookF-title-contain {
		padding: 0 0 0 30px;
	  }

	  .xookF-title-contain .abt-data {
		padding: 0;
	  }
	  
	  .xookF-slide {
		min-height: 200px;
		min-width: 300px;
	  }

	  .xookF-slide:first-child {
		margin: 0 1rem 0 30px;
	  }

	  .video-content-icon-mobile {
		height: 20px;
		width: 20px;
		display: inline-block;
		margin: 0 0.5rem 2px 0;
	}

	.video-content-comment-by-mobile {
		display:block;
	}

	.video-content-comment-by-desktop {
		display: none;
	}

	.pop-up {
		min-width: 85%;
	}

	.pop-up-close {
		min-width: 87%;
	}

	.customer {
		padding: 25px 0;
	}
   
	.customer-title {
		padding: 0 0 0 30px;
	}

	.video-card {
		flex-direction: column;
		height: max-content;
		position: relative;
	}

	.video-card:first-child {
		margin: 0 1rem 0 30px;
	}

	.video-img img {
	   height: 250px;
	   width: 200px;
	   object-fit: cover;
	   margin:0;
	}

	.video-content {
		width: 12rem;
		padding: 1rem 0;
		height: max-content;
	}

	.video-content-comment {
		font-size: 12px;
	}

	.video-content-comment-by {
		font-size: 12px;
	}

	#play-icon img {
		width: 40px;
		height: 40px;
	}

	.video-content-bottom {
		min-height: 10rem;
	}

	#video-content-icon {
		display: none;
	}

	#video-content-icon img {
		height: 20px;
		width: 20px;
	}

}

@media(max-width:447px){

	.left-text {
		position: absolute;
		top:auto;
		bottom:60px;
	}

	.left-Tag {
		font-size:40px;
		line-height: 46px;
	}

	.tag-line {
		margin: 40% 0 0 0;
		border-width: 2px;
	}

	.right-logo img {
		height:120px;
	}

	.navbar-brand img {
		height:40px;
	}

	.about-section {
		margin:0;
	}

	.about-img img {
		width: 100%;
		transform: scale(1.5);
		margin: 0 0 1rem 0;
	}

	.hero-center-wrp img {
		height: 50px;
		margin: 0 auto 1.8rem auto;
	}
	.hero-center-wrp h1.xook{font-size:70px; font-weight:400; letter-spacing: 10px; margin: 0 0 30px;}
	.hero-center-wrp h1.tagline{font-size:18px; font-weight:400; letter-spacing: 5px;}
	.section{
		padding: 40px 30px;
		margin: 0px;
	}
	.section .typing{
		padding: 3px;
		
	}
	.section .center-text {
		text-align: left;
	}
	.section .title{
		font-size: 25px;
		font-weight: 500;
		text-align: left;
		margin: 0px 0px 20px 0px;
		line-height: 38px;
		font-family: "Gilroy";
	}	
	.section .text{
		font-size: 18px;
		text-align: left;
		line-height: 30px;
		padding: 0px;;
		margin: 0px;;
	}
	.dish-block img{
		width: 160px;
	}
	.dish-shadow{
		width: 130px;
		height: 130px;
		margin-left: -43px;
		margin-top: -98px;
	}
	.dish-block h3{
		font-size: 20px;
		font-weight: 400;
		
		text-align: center;
		margin: 5px 0px;
		padding-top: 5px;
		
	}
	.dishes-section .resto-name{
		padding: 30px 20px;
		align-items:baseline;
		text-align: left;
		display: inline-block;
		min-height: auto;
		min-width: 100%;
	}
	.dishes-section .resto-name h1{

		font-size: 32px;
		line-height: 20px;
		text-align: center;
	}
	.dishes-section .resto-name img {
		width: 30px;
		position: absolute;
		top: 20px;
		max-width: 100px;;
		text-align: center;;
		margin: auto;
		display: flex;
		opacity: .85;
	}
	.tech-section .box {
		padding: 10px;
	}
	.section .box {
		margin: 10px 0px;
		padding: 20px 10px;
	}
	.section .box h3 {
		font-size: 25px;
		line-height: 38px;
		padding: 5px;;
	}
	.section .box p {
		font-size: 16px;
		
		line-height: 25px;
		
		min-height: 90px;
		
	}
	.abt-img{padding: 0 0 0;}
	.abt-data{padding: 0px 0;}
	.abt-data h2{font-size: 32px;text-align: center;line-height: 36px;}
	.abt-data p{font-size: 16px;line-height: 24px;text-align: center;}
	.dish-block {
		padding: 40px 5px 10px;
		margin-bottom: 0px;;
	}
	.deploy-section .col {
		padding: 0px;
	}
	.deploy-section .deploy-img img {
		width: 100%;
	}
	.section .box img {
		width: 106px;
		height: 106px;
	}
	.footer{ padding: 35px;}
	.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl{max-width: 100%;width: 100%;}
	ul.navbar-nav{background: #F1F4FA;padding: 15px;}
	ul.navbar-nav li{margin: 0;}
	.navbar-light .navbar-nav .nav-link, ul.navbar-nav li a{color: #1A1A1D;}
	

	.hero-banner{height: 100vh;}
	.hero-banner video{height: 100vh;object-fit: cover;}
	.hero-center-wrp h1{font-size:32px;}
	.hero-center-wrp p{font-size: 14px;}

	.parelax-wrp{padding: 0 0;width: 100%;}
	.parelax-wrp h2{font-size: 36px;}
	.parelax-wrp .container{display: flex;align-items: center;justify-content: center;height: 100vh;}
	.freshbox{margin: 0 0 30px;}
	.freshbox h4{font-size: 22px;}

	.head-title h2{font-size: 32px;}
	.head-title h6{font-size: 18px;}
	.pro-img img{top: 0;}

	.your-test-wrp{padding: 45px 0;}
	.pro-data{padding: 30px 0 0;}
	.pro-databx ul{flex-wrap: wrap;width: 100%;}
	.pro-databx li{font-size: 18px;width: 100%;}

	.dish-block h3,.freshbox h3{font-size: 24px;line-height: 28px;}
	.dish-block p,.freshbox p{font-size: 16px;}
	.best-dishwrp h5{font-size: 24px;}
	.social-bx{float: none;}

	.howit-work{padding: 45px 0;}

	
	.logo-bx img{margin: 0 0 25px;}
	.quicklinks ul{flex-wrap: wrap;}
	.social-bx h4, .quicklinks h4{font-size: 18px;margin: 0 0 15px;}
	.quicklinks ul li{width: 100%;margin: 0;}
	.social-bx,.quicklinks{margin: 0 0 20px;}

	.footer-cntbx{padding: 0px 0 0;}
	.contact-box{margin: 0 0 15px;}
	.contact-box .cnt-dt a{font-size: 16px;}
	.copyright p{font-size: 14px;}

	.xookAt {
		padding: 40px 30px;
	  }
	  .xookAt-text {
		padding: 0;
		width: 100%;
	  }
	  .xookAt-scroller {
		margin: 0 auto;
		border-radius: 8px;
	  }
	  .xookAt-contain {
		flex-direction: column;
	  }

	  .card-text {
		font-size: 16px;
	  }
  
	  .card-title {
		 font-size:12px;
		 bottom: -4%;
		 font-weight: 500;
	  }

	  .xookNow {
		padding:40px 0;
	  }

	  .xookNow-title-contain {
		padding:0 0 0 30px;
	  }

	  .xookNow-slide {
		min-height: 200px;
		min-width: 300px;
	  }

	  .xookNow-slide:first-child {
		margin: 0 1rem 0 30px;
	  }
	  
	  .xookF {
		padding:40px 0;
	  }

	  .xookF-title-contain {
		padding:0 0 0 30px;
	  }

	  .xookF-slide {
		min-height: 200px;
		min-width: 300px;
	  }

	  .xookF-slide:first-child {
		margin: 0 1rem 0 30px;
	  }

	  .video-content-comment-by-mobile {
		display:block;
	}

	.video-content-comment-by-desktop {
		display: none;
	}

	.video-content-icon-mobile {
		height: 23px;
		width: 23px;
		display: inline-block;
		margin: 0 0.5rem 2px 0;
	}

	.pop-up {
		max-height: 70%;
		max-width: 90%;
		min-width: 90%;
		height: max-content;
	}

	.pop-up-close {
		min-width: 90%;
	}

	.customer {
		padding: 25px 0;
	}
   
	.customer-title {
		padding: 0 0 0 30px;
	}

	.video-card {
		flex-direction: column;
		height:max-content
	}

	.video-card:first-child {
		margin: 0 1rem 0 30px;
	}

	.video-img img {
	   height: 250px;
	   width: 200px;
	   object-fit: cover;
	   margin:0;
	}

	.video-content {
		width: 12.5rem;
		padding: 1rem 0;
		height:max-content;
	}

	.video-content-comment {
		font-size: 13px;
		word-break: break-word;
	}

	.video-content-comment-by {
		font-size: 13px;
		display: flex;
		align-items: center;
		width: max-content;
		align-self:flex-end
	}

	#play-icon img {
		width: 40px;
		height: 40px;
	}

	.video-content-bottom {
		min-height: 10rem;
	}

	#video-content-icon {
		display: none;
	}

	.video-content-icon-text {
		 display:block;
		 margin:1px 0.5rem 0 0;
	}

	#video-content-icon img {
		height: 23px;
		width: 23px;
	}

}
@media(max-width:320px){

	.left-text {
		position: absolute;
		top:auto;
		bottom:60px;
	}

	.left-Tag {
		font-size:35px;
		line-height: 40px;
	}

	.tag-line {
		margin: 40% 0 0 0;
		border-width: 2px;
	}

	.right-logo img {
		height:160px;
	}

	.navbar-brand img {
		height:45px;
		margin: 0;
	}

	.about-section .about-img img {
		margin: 0 50% 0 0;
	}

	.hero-center-wrp h1.xook{font-size:70px; font-weight:400; letter-spacing: 10px; margin: 0 0 30px;}
	.hero-center-wrp h1.tagline{font-size:18px; font-weight:400; letter-spacing: 2px;}
	.section{
		padding: 22px;
		margin: 0px;
	}
	.section .title{
		font-size: 21px;
		font-weight: 400;
		text-align: left;
		margin: 0px 0px 20px 0px;
		line-height: 38px;
		font-family: "Gilroy";
	}	
	.section .text{
		font-size: 16px;
		text-align: left;
		line-height: 26px;
		padding: 0px;;
		margin: 0px;;
	}
	.dish-block img{
		width: 160px;
	}
	.dish-shadow{
		width: 130px;
		height: 130px;
		margin-left: -43px;
		margin-top: -98px;
	}
	.dish-block h3{
		font-size: 18px;
		font-weight: 400;
		
		text-align: center;
		margin: 5px 0px;
		padding-top: 5px;
		
	}
	.dishes-section .resto-name{
		padding: 15px;
		align-items:baseline;
		text-align: left;
		display: inline-block;
		min-height: auto;
		min-width: 100%;
	}
	.dishes-section .resto-name h1{
		
		font-size: 24px;
		line-height: 40px;

	}
	.deploy-section .col {
		padding: 5px;
	}
	.section .box img {
		width: 96px;
		height: 96px;
	}
	.section .box h3 {
		font-size: 24px;
		line-height: 38px;
		padding: 5px;
	}

	.xookAt {
		padding: 25px 22px;
	}

	.xookNow {
		padding: 30px 0;
	}

	.xookAt-text {
		padding: 0;
	}

	.xookF {
		padding: 30px 0;
	}
}