@media(max-width: 1280px){
	.member-block .member-block-img img{
			height: 250px;
	}
	.member-block .member-block-text p{
			font-size: 13px;
	}
	.sliders{
		background-size: cover;
		/*height: 70vh;*/
	}
	.app-store-icon a img{
		height: 5vw;
	}

	.meal-item .meal-plan-block .meal-plan-block-text h3 {
		font-size: 19px;
	}
}

@media(max-width: 1025px){
	.member-block .member-block-img img{
			height: 250px;
	}
	.member-block .member-block-text p{
			font-size: 13px;
	}
	.sliders{
		background-size: cover;
		/*height: 50vh;*/
	}
	.slider-text{
		margin-top: 20vh;
	}
	.form-slider{
		margin-top: 35vh;
	}
	.app-store-icon a img{
		height: 5vw;
	}
	.app-phone-img{
		top: ;
	}
	.app-phone-img img{
		height: 550px;
	}
	.meal-item .meal-plan-block .meal-plan-block-text h3 {
		font-size: 18px;
	}
}

@media(max-width: 991px){
	header .container{
		width: 100%;
		max-width:  100%;
	}
	header .container .row,
	header .container .col-12{
		padding-left: 0 !important;
		padding-right: 0 !important;
		margin-top: 0 !important;
	}
	.navbar{
		/*padding-top: 0rem;
		padding-bottom: 0rem;*/
	}
	.navbar .navbar-collapse.show{
		background: ;
		position: absolute;
		width: 100%;
		padding: 30px;
		right: 0;
		top: 80px;
		background: #329D9C;
	}
	.navbar .navbar-collapse.show .menubtn{
		margin-right: 0;
	}
	.navbar-light .navbar-toggler{
		border-color: rgba(255, 255, 255, 1);
		color: rgba(255, 255, 255, 1);
	}
	.navbar-light .navbar-toggler-icon{
		background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
	}
	.widget-detail p{
		font-size: 13px;
	}
	.widget-link li a{
		font-size: 13px;
	}
	.widget-title img{
		height: 22px;
	}
	.widget-title h3{
		font-size: 15px;	
	}
	.widget-detail h3{
		font-size: 15px;	
	}
	.copytext p{
		font-size: 13px;	
	}

	.faq-head p{
		width: 70%;
	}
	.injaz-block{
		padding: 50px 0;
	}
	.slider-text h3{
		font-size: 30px;
	}
	.app-store-icon a img{
		height: 45px;
	}
	.logo-block .lgbb img{
		height: 30px;
	}
	.logo-section,
	.aboutslider,
	.about-us,
	.app-block{
		padding: 50px 0;
	}
	.aboutslider .carousel-item p,
	.about-us .about-text p{
		font-size: 3vw;
	}
	.aboutslider .carousel-item{
		padding: 0 20px;
	}
	.about-us .about-text{
		padding: 10px 0 0 50px;
	}
	.slider-text{
		/*width: 100%;*/
		margin-top: 30vh;
	}
	.form-slider{
		margin-top: 45vh;
	}
	.sliders{
		background-size: cover;
		/*height: 70vh;*/
	}
	.member-heading p{
		font-size: 4vw;
		padding-left: 4vw;
	}
	.app-phone-img{
		top: -120px;
	}
	.app-phone-img img{
		height: 450px;
	}
	.app-text-block h3{
		font-size: 4vw;
	}
	.app-icon-block a img{
		height: 5vw;
	}
	.meal-slogan-head img {
		bottom: 0;
	}

	.meal-item .meal-plan-block .meal-plan-block-text h3 {
		font-size: 11px;
	}


}


@media(max-width: 844px){
	.faq-head p{
		width: 70%;
	}
	.injaz-block{
		padding: 50px 0;
	}
	.slider-text h3{
		font-size: 30px;
	}
	.app-store-icon a img{
		height: 45px;
	}
	.logo-block .lgbb img{
		height: 30px;
	}
	.logo-section,
	.aboutslider,
	.about-us,
	.app-block{
		padding: 50px 0;
	}
	.aboutslider .carousel-item p,
	.about-us .about-text p{
		font-size: 3vw;
	}
	.aboutslider .carousel-item{
		padding: 0 20px;
	}
	.about-us .about-text{
		padding: 10px 0 0 50px;
	}
	.slider-text{
		/*width: 100%;*/
		margin-top: 20vh;
	}
	.form-slider{
		margin-top: 45vh;
	}
	.sliders{
		background-size: cover;
		height: 70vh;
	}
	.member-heading p{
		font-size: 4vw;
		padding-left: 4vw;
	}
	.app-phone-img{
		top: -120px;
	}
	.app-phone-img img{
		height: 450px;
	}
	.app-text-block h3{
		font-size: 4vw;
	}
	.app-icon-block a img{
		height: 5vw;
	}

	.meal-item .meal-plan-block .meal-plan-block-text h3 {
		font-size: 10px;
	}

}


@media(max-width: 768px){
	.faq-head p{
		width: 70%;
	}
	.injaz-block{
		padding: 50px 0;
	}
	.slider-text h3{
		font-size: 30px;
	}
	.app-store-icon a img{
		height: 45px;
	}
	.logo-block .lgbb img{
		height: 30px;
	}
	.logo-section,
	.aboutslider,
	.about-us,
	.app-block{
		padding: 50px 0;
	}
	.aboutslider .carousel-item p,
	.about-us .about-text p{
		font-size: 3vw;
	}
	.aboutslider .carousel-item{
		padding: 0 20px;
	}
	.about-us .about-text{
		padding: 10px 0 0 50px;
	}
	.slider-text{
		/*width: 100%;*/
		margin-top: 20vh;
	}
	.form-slider{
		margin-top: 45vh;
	}
	.sliders{
		background-size: cover;
		height: 70vh;
	}
	.member-heading p{
		font-size: 4vw;
		padding-left: 4vw;
	}
	.app-phone-img{
		top: -120px;
	}
	.app-phone-img img{
		height: 450px;
	}
	.app-text-block h3{
		font-size: 4vw;
	}
	.app-icon-block a img{
		height: 5vw;
	}


}

@media(max-width: 576px){
	.app-phone-img{
		position: relative !important;
		top: 30px;
	}
	.app-phone-img img{
		object-fit: contain;
		height: 400px;
	}
	.member-block .member-block-img img{
		height: 200px;
		object-position: top;
	}
	.member-heading p{
		padding-left: 0;
	}
	.khidmat-block-text{
		padding: 0;
	}

	#progressbar li .barcount span{
		font-size: 20px;
	}
	#progressbar li .bartext strong{
		font-size: 15px;
	}
	#progressbar li .bartext span{
		padding: 0;
		font-size: 12px;
	}
	#progressbar li{
		padding-top: 35px;
	}
	#progressbar li::after {
		top: 65px;
	}
	.progress-slider{
		padding: 100px 0 0 0;
	}
	.about-us .about-text{
		padding: 0;
	}
	.aboutslider .carousel-item{
		padding: 0;
	}
	.slider-text{
		width: 100%;
		margin-top: 15vh;
	}
	.sliders{
		background-size: cover;
		height: 100vh;
	}
	.app-store-icon a img{
		height: 50px;
	}
	.form-slider{
		width: 100%;
		margin-top: 3vh;
	}
	.logo-block .lgbb img{
		height: 35px;
	}
	.logo-section{
		padding: 30px 0;
	}
	.aboutslider{
		padding: 0 0 100px 0;
	}
	.contact-form{
		padding: 0;
	}
	.meal-slogan-block .col-8{
		width:100%
	}
	.meal-slogan-block .col-8{
		width:100%
	}
	.meal-slogan-block .col-4{
		display:none;
	}
	.about-meal-service .col-lg-5{
		display:none;
	}
	.about-meal-service .col-lg-7{
		width:100%
	}
	.about-meal-service .about-text {
		padding: 10px 0 0 10px;
	}
	.meal-plan-heading p {
		padding-right: 0;
	}
	[dir="rtl"] .meal-plan-heading p {
		padding-left: 0;
		padding-right: 0;
	}
	.meal-item {
		width: 100%;
		margin: auto;
		margin-bottom: 40px;
	}
	.meal-item .meal-plan-block .meal-plan-block-text h3 {
		font-size: 24px;
	}
}

@media(max-width: 480px){
	.app-icon-block a img{
		height: 45px;
	}
	.app-store-icon a img{
		height: 45px;
	}
	.slider-text h3{
		font-size: 30px;
	}
	.navbar-brand{
		max-width: 200px;
	}

}
@media(max-width: 412px){
	.app-icon-block a img{
		height: 45px;
	}
	.app-store-icon a img{
		height: 45px;
	}
	.slider-text h3{
		font-size: 30px;
	}
	.navbar-brand{
		max-width: 200px;
	}

}

