/*+++++++++++++++++++++
=====================================
 Company Name : Almasak Technologies LLP
 Author Name : Hanan Al-Asmar
 Version : 1.1
===============================
+++++++++++++++++++*/
@media only screen and (min-width: 1200px) {

	html,
	body {
		height: 100% !important
	}

}

/* md */
@media only screen and (min-width: 992px) and (max-width: 1199px) {

	#home_welcome .welcome_grids .single_grids .grids_con .heading_con h1 {
		font-size: 13px
	}

	.DRsignature {
		width: 100px
	}
	.certificateStyle {
		padding: 0 32% 0 32%;
	}
		/*------------------------- about & Model Image & Certifications ---------------------------*/
	.NourImage {
		width: 405px;
        height: auto;
        margin-bottom: 0px;
	}
	.sec-title p {
        font-size: 14px;
        line-height: 22px;
    }
    .about-section-area .text-box .single-text-box p {
        font-size: 14px;
    }
	.img-model {
		height: auto;
		width: 380px;
		margin: 0
	}
    .certificateStyle {
		padding: 0 5% 0 23%
	}
	.img_certifications {
		width: auto;
		height: 105px
		
	}
	.card_certifications{
		
		width: auto;
		height: 40%;
		margin: 15px
	}
	/*--------------------------------------------------------------------*/
	/*----------------------- Testimonials -------------------------------*/
	.containerTestimonials{
		padding: 10px;
		width: auto;
		height: 550px
	}
	.text p{
		font-size: 29px;
		padding: 8px 12px;
		bottom: 15px;
		width: 100%
	}
	.mySlides {
		width: 97%;
		padding-left: 5%
	}
	.prevTestimonials{
		padding: 0% 0% 0% 45%;
	}
	.nextTestimonials{
		padding-top: 0%
	}
	.TextTestimonials{
		padding: 6% 2% 0 2%;
		line-height: 1.5;
		display: inline-block;
		vertical-align: middle
	}
	/*--------------------------------------------------------------------*/

	/*------------------------ social Media responsive -------------------*/
	.socialMediaLogo {
		position: absolute;
		left: 64rem;
		top: 5rem
	}
	.SocialContainer {
        /*padding-left: 17%;*/
    }
	/*--------------------------------------------------------------------*/

	/*------------------------- booking responsive -----------------------*/
	.text-white{
		width: 896px;
		margin-top: 40px
	}
	  
	#form{
		width: 920px;
		height: 550px
	}
	.container_booking{
		padding: 10px;
		padding-left: 400px
	}
	#first-group{
		padding-right: 5px;
		margin-left: 40px
	}
	#content{
		margin-bottom: 3px;
		width: 370px;
		margin-left: -25px;
		padding: 0px
	}
	#content #input-group{
		margin-left: 8px;
		width: 250px
	}
	.input-group-content {
		width: 288px
	}
	.btn-readmore {
		margin-left: -61px;
		margin-top: 20px
	}
	#submit-btn{
		margin-top: 30px;
     	margin-left: 25px;
    	margin-bottom: -15px;
    	padding: 10px
	}
	/*--------------------------------------------------------------------*/
}

/* sm */
@media only screen and (max-width: 991px) {
	/*.logo img {}*/

	.st-navbar ul li a {
		margin-left: 0;
		margin-right: 0;
		font-size: 15px
	}

	.scroll-up {
		display: none !important
	}

	.blog .filter_con {
		width: auto;
		min-width: 250px;
		display: none;
		top: 0px;
		left: 25px
	}

	.blog.blog_container .blog_filter {
		position: relative;
		width: 100%
	}

	.blog.blog_container .blogs_con {
		margin-top: 10px
	}

	.blog.blog_container .blogs_middle {
		width: calc(100% - 60px);
		margin-left: 30px
	}

	.blog .blog_filter_left {
		position: fixed;
		width: 30px;
		float: left;
		margin-left: 0px;
		margin-top: 70px;
		z-index: 2;
		left: 15px
	}

	.blog .blog_filter_left.blog_filter_right {
		left: 15px;
		top: 150px;
		margin-top: 0px
	}

	.blog .blog_filter_left button {
		display: block !important;
		background: #333;
		font-size: 15px
	}

	.blog.blog_container .blog_filter_left.blog_filter_right .panel-body {
		max-height: 150px
	}

	.blog_container .blog_filter .single_blog_filter {
		width: 48%;
		margin-left: 1%
	}

	#home_welcome {
		height: auto;
		background: #bfbfbf
	}

	.DRsignature {
		display: block;
		position: relative;
		top: 4px;
		right: 0;
		width: 130px;
		margin: 5px auto
	}

	#home_welcome .welcome_grids {
		position: relative;
		width: 100%;
		float: left;
		top: 20px;
		height: auto;
		background: #bfbfbf
	}

	#home_welcome .welcome_grids .single_grids .grids_con .heading_con h1 {
		position: relative;
		font-size: 17px
	}

	#home_welcome .welcome_grids .single_grids {
		width: 33.33%;
		min-height: 255px
	}

	#home_welcome .welcome_grids .single_grids .grids_con .img_con {
		height: 200px;
		text-align: center;
		background: #fff
	}

	#home_welcome .welcome_grids .single_grids .grids_con .img_con img {
		width: auto;
		height: 100%
	}

	.bubbles_con .single_bubbles {
		width: 33.3%
	}

	.portfolio-wrapper ul.filter {
		float: left;
		width: 100%
	}

	/*----------------------- Testimonials -------------------------------*/
	.containerTestimonials{
		padding: 10px;
		width: auto;
		height: 430px
	}
	.text p{
		font-size: 22px;
		padding: 8px 12px;
		bottom: 15px;
		width: 100%
	}
	.mySlides {
		width: 98%;
		padding-left: 5%
	}
	.prevTestimonials{
		padding-top: 0%
	}
	.nextTestimonials{
		padding-top: 0%
	}
	.TextTestimonials{
		padding: 4% 2% 0 2%;
	}
	/*--------------------------------------------------------------------*/

	/*------------------------ social Media responsive -------------------*/
	.socialMediaLogo {
		position: absolute;
		left: 53rem;
		top: 5rem
	}
	.SocialContainer {
        /*padding-left: 5%;*/
    }
	/*--------------------------------------------------------------------*/

	/*------------------------- about & Model Image & Certifications ---------------------------*/
	.NourImage {
		margin-bottom: 35px
	}
	.img-model {
		height: auto;
		width: 380px;
		margin: 0
	}
    .certificateStyle {
		padding: 0 5% 0 17%
	}
	.img_certifications {
		width: auto;
		height: 100px
	}
	.card_certifications{
		width: 100px;
        height: 100%;
		margin: 15px
	}
	/*--------------------------------------------------------------------*/

	/*------------------------ shop online -------------------------------*/
	.cart-container {
		max-width: 100%;
		height: 490px
	}
	.product img {
		max-width: 100%;
		height: 220px
	}
	/*--------------------------------------------------------------------*/

	/*------------------------- booking responsive -----------------------*/
	.text-white{
		width: 700px;
		margin-top: 40px
	}
	  
	#form{
		width: 720px;
		height: 810px
	}
	.container_booking{
		padding: 10px;
		padding-left: 400px
	}
	#first-group{
		padding-right: 5px;
		margin-left: 40px;
	}
	#content{
		margin-bottom: 3px;
		width: 635px;
		margin-left: -25px;
		padding: 0px
	}
	#content #input-group{
		margin-left: 8px;
		width: 250px
	}
	.input-group-content {
		width: 550px
	}
	.btn-readmore {
		margin-left: -170px
	}
	#submit-btn{
		margin-top: 30px;
     	margin-left: 25px;
    	margin-bottom: -15px;
    	padding: 10px
	}
	.seats{
		width: 100%;
		min-height: 150px
	}
	.status{
		width: 100%
	}
	.seats::before{
		bottom: 0;
		left: 50%;
		width: 220px
	}
	.timings{
		width: 102%
	}
	.times{
		width: 100%;
    	margin-top: 20px
	}
	.time{
		width: fit-content;
		padding: 7px 14px
	}
	/*--------------------------------------------------------------------*/
}

/* xs */
@media only screen and (max-width: 767px) {

	.logo {
		margin-left: 2px;
		display: inline-block
	}

	.navbar-nav {
		background-color: #f5f5f5
	}

	.st-navbar .navbar-collapse ul {
		margin-top: 18px
	}

	header .navbar-default ul.navbar-nav li a {
    	color: red
	}

	.scroll-up {
		bottom: 15px;
		right: 10px
	}

	.scroll-up a {
		width: 30px;
		height: 30px;
		font-size: 20px;
		line-height: 30px
	}

	#home_welcome {
		height: auto;
		background: #bfbfbf
	}

	.DRsignature {
		display: block;
		position: relative;
		top: 4px;
		right: 0;
		width: 130px;
		margin: 5px auto
	}

	#home_welcome .welcome_grids {
		position: relative;
		width: 100%;
		float: left;
		padding: 20px 50px;
		top: 0px;
		height: auto;
		background: #bfbfbf
	}

	#footer {
		padding: 50px 0 0
	}

	.copyright {
		margin: 50px 0 0 0
	}

	.fixed_icons_con {
		top: 100px
	}

	ul.nav li.dropdown a.dropdown-toggle:hover,
	ul.nav li.dropdown.open a.dropdown-toggle {
		color: #68121c;
		background-color: #d6d6d6
	}

	ul.nav li.dropdown .dropdown-menu {
		background: #d6d6d6;
		border-top: 2px solid #929292;
		box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.16)
	}

	ul.nav li.dropdown .dropdown-menu li a {
		padding: 5px 20px;
		border-bottom: 1px solid #000;
		color: rgb(104, 18, 28)
	}

	.section_heading h2 {
		font-size: 34px
	}

	.single_treatment_content .treatment_contents .content_div1 {
		position: relative;
		left: 0;
		width: 100%;
		height: auto;
		background: #f3f3f3;
		padding-bottom: 0;
		text-align: center
	}

	.single_treatment_content .treatment_contents img {
		position: relative;
		width: 250px
	}

	.single_treatment_content .treatment_contents .content_div2 {
		width: 100%
	}

	.single_treatment_content .treatment_contents .content_div3 {
		position: relative;
		left: 0;
		width: 100%;
		float: left;
		padding-top: 0
	}

	.portfolio-wrapper ul.filter {
		float: left;
		width: 100%
	}

	.portfolio-wrapper .portfolio-content {
		height: 190px
	}

	.heading_top_text h4 {
		font-size: 18px;
		line-height: 24px
	}

	.heading_top_text .single_contact {
		width: 100%;
		text-align: center
	}

	.heading_top_text .single_contact span {
		display: block;
		margin: 0 auto
	}

	.portfolio-wrapper .portfolio-items2 .portfolio-content {
		height: 170px
	}

	.st-navbar ul li>a:focus,
	.st-navbar ul li>a:hover {
		color: #68121c;
		background-color: #dadada
	}

	.blog .filter_con {
		width: auto;
		min-width: 250px;
		display: none;
		top: 0px;
		left: 25px
	}

	.blog.blog_container .blog_filter {
		position: relative;
		width: 100%
	}

	.blog.blog_container .blogs_con {
		margin-top: 10px
	}

	.blog.blog_container .blogs_middle {
		width: calc(100% - 60px);
		margin-left: 30px
	}

	.blog .blog_filter_left {
		position: fixed;
		width: 30px;
		float: left;
		margin-left: 0px;
		margin-top: 2px;
		z-index: 2
	}

	.blog .blog_filter_left.blog_filter_right {
		left: 15px;
		top: 150px;
		margin-top: 0px
	}

	.blog .blog_filter_left button {
		display: block !important;
		background: #333;
		font-size: 15px
	}

	.blog.blog_container .blog_filter_left.blog_filter_right .panel-body {
		max-height: 150px
	}

	.blog.blog_container .blogs_new_details .single_blog_comments .blog_comments_right {
		width: 100%;
		float: none
	}

	#home_welcome .welcome_grids .single_grids {
		width: 50%;
		min-height: 255px
	}

	#home_welcome .welcome_grids .single_grids .grids_con .img_con {
		height: 200px;
		text-align: center;
		background: #fff
	}

	#home_welcome .welcome_grids .single_grids .grids_con .img_con img {
		width: auto;
		height: 100%
	}

	.bubbles_con .single_bubbles {
		width: 33.33%
	}

	.bubbles_con .single_bubbles h3 {
		font-size: 18px
	}

	.isotope .isotope-item {
		width: 50%
	}

	/*----------------------- Testimonials -------------------------------*/
	.containerTestimonials{
	    margin-left: 60px;
		height: 360px
	}
	.text p{
		font-size: 14px;
		padding: 8px 12px;
		bottom: 15px;
		width: 100%
	}
	.mySlides {
		width: 94%
	}
	.prevTestimonials{
		padding-top: 3%
	}
	.nextTestimonials{
		padding-top: 0%
	}
	.TextTestimonials{
		padding: 2% 2% 0 2%;
	}
	
	/*--------------------------------------------------------------------*/

	/*------------------------ social Media responsive -------------------*/
	.socialMediaLogo {
		position: absolute;
		left: 46rem;
		top: 5rem
	}
	/*--------------------------------------------------------------------*/

	/*------------------------- Model Image & Certifications ---------------------------*/
	.NourImage {
		margin-bottom: 35px
	}
	.img-model {
		height: auto;
		width: 380px;
		margin: 0
	}
    .certificateStyle {
		padding: 0 25% 0 25%;
	}
	.img_certifications {
		width: 80%;
		height: 100px
	}
	.card_certifications{
		width: 100px;
        height: 100%;
		margin: 10px
	}
	/*--------------------------------------------------------------------*/

	/*------------------------ shop online -------------------------------*/
	.cart-container {
		max-width: 100%;
		height: 490px
	}
	.product img {
		max-width: 100%;
		height: 220px
	}
	/*--------------------------------------------------------------------*/

	/*------------------------- booking responsive -----------------------*/
	.text-white{
		width: 535px;
		margin-top: 40px
	}
	  
	#form{
		width: 560px;
		height: 750px
	}
	.container_booking{
		padding: 10px;
		padding-left: 400px
	}
	#first-group{
		padding-right: 5px;
		margin-left: 40px;
	}
	#content{
		margin-bottom: 3px;
		width: 490px;
		margin-left: -25px;
		padding: 0px
	}
	#content #input-group{
		margin-left: 8px;
		width: 250px
	}
	.input-group-content {
		width: 408px
	}
	.btn-readmore {
		margin-left: -230px
	}
	#submit-btn{
		margin-top: 30px;
     	margin-left: 25px;
    	margin-bottom: -15px;
    	padding: 10px
	}
	.seats{
		width: 100%;
		min-height: 150px
	}
	.status{
		width: 100%
	}
	.seats::before{
		bottom: 0;
		left: 50%;
		width: 220px
	}
	.timings{
		width: 102%
	}
	.times{
		width: 100%;
    	margin-top: 20px
	}
	.time{
		width: fit-content;
		padding: 7px 14px
	}
	/*--------------------------------------------------------------------*/

}

/* XS Portrait */
@media only screen and (max-width: 600px) {
	#home_welcome .welcome_grids .single_grids .grids_con .heading_con h1 {
		font-size: 16px
	}

	.bubbles_con .single_bubbles {
		width: 50%
	}

	/*----------------------- Testimonials -------------------------------*/
	.containerTestimonials{
		margin-left: 0px;
		width: auto;
		height: 310px
	}
	.text p{
		font-size: 12px;
		padding: 0px 12px;
		bottom: 15px;
		width: 100%
	}
	.mySlides {
		width: 98%
	}
	.prevTestimonials{
		padding-top: 3%
	}
	.nextTestimonials{
		padding-top: 0%
	}
	.TextTestimonials{
		padding: 0% 2% 0 2%
	}
	/*--------------------------------------------------------------------*/

	/*------------------------ shop online -------------------------------*/
	.cart-container {
		max-width: 100%;
		height: 490px
	}
	.thm-btn {
		font-size: 13px;
	}
	.product img {
		max-width: 100%;
		height: 220px
	}
	/*--------------------------------------------------------------------*/

	/*------------------------ social Media responsive -------------------*/
	.socialMediaLogo {
		position: absolute;
		left: 40rem;
		top: 5rem
	}
	.SocialContainer {
        /*padding-left: 30%;*/
    }
	/*--------------------------------------------------------------------*/

	/*------------------------- Model Image & Certifications ---------------------------*/
	.NourImage {
		margin-bottom: 35px
	}
	.img-model {
		height: auto;
		width: 380px;
		margin: 0
	}
	.certificateStyle {
		padding: 0 25% 0 25%;
	}
	.img_certifications {
		width: 80%;
		height: 100px
	}
	.card_certifications{
		width: 100px;
        height: 100%;
		margin: 8px
	}
	/*--------------------------------------------------------------------*/

	/*------------------------- booking responsive -----------------------*/
	.text-white{
		width: 516px;
		font-size: 27px;
	}
	  
	#form{
		width: 520px;
		height: auto
	}
	.container_booking{
		padding: 10px;
		padding-left: 400px
	}
	#first-group{
		padding-right: 5px;
		margin-left: 5px
	}
	#content{
		margin: 1px;
		width: 450px;
		margin-left: 5px;
		padding: 0px
	}
	.button-container {
        width: 120px;
    }
	.input-group-content{
		width: 368px
	}
	#content #input-group{
		margin-left: 8px;
		width: 250px
	}
	.btn-readmore {
		margin-left: -230px
	}
	#submit-btn{
		margin-top: 30px;
     	margin-left: 25px;
    	margin-bottom: -15px;
    	padding: 10px
	}
	/*--------------------------------------------------------------------*/
}

@media only screen and (max-width: 480px) {
    img {
        max-width: auto;
        height: 390px;
    }
    .container {
        position:sticky;
    }
    h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5 {
        font-family: 'Courgette', serif;
    }
	.isotope .isotope-item {
		width: 100%
	}

	.bubbles_con .single_bubbles {
		width: 100%
	}

	#home_welcome .welcome_grids .single_grids {
		width: 100%;
		min-height: 250px
	}

	#home_welcome .welcome_grids .single_grids .grids_con .img_con {
		height: 190px
	}
	
	#about_parallax .parallax-title .section-title h1 {
        font-size: 36px;
        margin-top: 90px;
        padding-left: 15vh;
    }
	.socialImg{
      height: 110px;
    }
    .SocialContainer{
      /*padding: 0 20% 0 32%;*/
    }
	/*------------------------- About page -----------------------------*/
	.NourImage {
		width: 360px;
		height: auto;
	}
	.sec-title p {
        margin: 0px 10px 0px 10px;
    }
	.sec-title h1 {
		margin: 10px 10px 10px 10px;
	}
	.about-section-area .text-box .single-text-box p {
		margin: 0px 10px 0px 10px;
	}
	.about-section-area .text-box .single-text-box h3 {
		margin: 0px 10px 0px 10px;
	}
	/*------------------------- Model Image & Certifications ---------------------------*/
	 .img-model {
		height: auto;
		width: 380px;
		margin: 0;
	}
	.img_certifications {
		width: auto;
		height: 100px;
	}
	.certificateStyle {
		padding: 0 7% 0 10%;
	}
	.card_certifications{
		width: 100px;
        height: 100%;
		margin: 9px;
	}
	/********************************************************************/

	/*----------------------- Testimonials -------------------------------*/
	
    .containerTestimonials {
        padding: 0px 0px 0px 12px;
        margin-left: 10px;
        width: 100%;
        height: 236px;
    }
	.text p{
		font-size: 12px;
		padding: 0px 0px 0px 25px;
		width: 100%;
		LETTER-SPACING: 1PX; 
        line-height: 15px
	}
	.mySlides {
		width: 94%
	}
	.prevTestimonials{
		padding-top: 3%
	}
	.nextTestimonials{
		padding-top: 0%
	}
	.TextTestimonials{
		padding: 1% 2% 0 2%;
		line-height: 1.5;
		display: inline-block;
		vertical-align: middle
	}
	
	/*--------------------------------------------------------------------*/

	/*------------------------ shop online -------------------------------*/
	.cart-container {
		max-width: 100%;
		height: 480px;
		margin-top: 10vh;
	}
	.thm-btn {
		font-size: 11px;
	}
	.product img {
		max-width: 100%;
		height: 220px
	}
	.button-shop {
        margin-top: 40px;
        margin-left: 105px;
    }
	/*--------------------------------------------------------------------*/

	/*------------------------- booking responsive -----------------------*/
	.text-white{
		width: 343px;
		font-size: 20px
	}
	#form{
		width: 345px;
        height: auto
	}
	.btn-readmore {
		margin-left: 0
	}
	.container_booking{
		padding: 10px;
		padding-left: 400px
	}
	#first-group{
		width: 400px;
		margin-top: 38px;
		padding-right: 5px;
		margin-left: -9px
	  }
	#content{
		width: 315px;
		margin-left: 0;
		padding: 0px;
		padding-top: 3px;
		margin-bottom: 10px
	}
	.button-container{
		width: 325px
	}
	.input-group-content{
		padding-top: 5px;
		width: 230px
	}
	.button-container {
        width: 120px;
    }
	#submit-btn{
		margin-top: 30px;
     	margin-left: 25px;
    	margin-bottom: -15px;
    	padding: 10px
	}
	.seats{
		width: 100%;
		min-height: 150px
	}
	.status{
		width: 100%
	}
	.seats::before{
		bottom: 0;
		left: 50%;
		width: 220px
	}
	.timings{
		width: 102%
	}
	.times{
		width: 100%;
    	margin-top: 20px
	}
	.time{
		width: fit-content;
		padding: 7px 14px
	}
	/*--------------------------------------------------------------------*/
}

@media only screen and (max-width: 390px) {
	.sec-title h1 {
		margin: 0px 10px 0px 10px
	}
	.sec-title p {
		margin: 0px 10px 0px 10px
	}
	.about-section-area .text-box .single-text-box h3 {
		margin: 0 0 15px 10px
	}
	.about-section-area .text-box .single-text-box p {
		margin: 0px 10px 0px 10px
	}
	h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5 {
		font-family: 'Courgette', sans-serif
	}
	img {max-width: 230px;height: auto}
	#home-carousel .item.active h1,
	#home-carousel .item.active h2,
	#home-carousel .item.active h3,
	#home-carousel .item.active p,
	#slider #home-carousel .item.active .carousel-caption a.btn {padding: 8px 10px 0px 10px}
	#about_parallax .parallax-title .section-title h1 {
	        font-size: 19px;
            margin-top: 90px;
            padding-left: 22vh;
	    
	}
	.isotope .isotope-item {
		width: 100%
	}

	.bubbles_con .single_bubbles {
		width: 100%
	}

	#home_welcome .welcome_grids .single_grids {
		width: 100%;
		min-height: 250px
	}

	#home_welcome .welcome_grids .single_grids .grids_con .img_con {
		height: 190px
	}
	.socialImg{
      height: 110px;
    }
    .SocialContainer{
      /*padding-left: 26%;*/
    }
	 /*------------------------- Model Image -----------------------------*/
	.NourImage {
		margin-bottom: 35px
	}
	.img-model {
		height: auto;
		width: 230px;
		margin: 0
	}
	.certificateStyle {
		padding: 0 11% 0 24%
	}
	.img_certifications {
		width: 100%;
		height: 110px
	}
	.card_certifications{
		width: 100px;
        height: 100%;
		margin: 9px 7px 5px 2px
	}
	/*--------------------------------------------------------------------*/

	/*----------------------- Testimonials -------------------------------*/
	.containerTestimonials{
		padding: 0px 0px 0px 12px;
		margin-left: 10px;
		width: 100%;
		height: 205px
	}
	.text p{
		font-size: 10px;
		padding: 0px 0px 0px 25px;
		width: 100%;
		line-height: 13px
	}
	.mySlides {
		width: 94%
	}
	.prevTestimonials{
		padding-top: 0%
	}
	.nextTestimonials{
		padding-top: 0%
	}
	.TextTestimonials{
		padding: 1% 2% 0 2%;
		line-height: 1.5;
		display: inline-block;
		vertical-align: middle
	}
	
	/*--------------------------------------------------------------------*/

	/*------------------------ shop online -------------------------------*/
	.cart-container {
		max-width: 100%;
		height: 490px
	}
	.thm-btn {
		font-size: 11px;
	}
	.product img {
		max-width: 100%;
		height: 220px
	}
	.button-shop {
        margin-top: 40px;
        margin-left: 105px;
    }
	/*--------------------------------------------------------------------*/

	/*------------------------- booking responsive -----------------------*/

	.text-white{
		width: 340px;
    	font-size: 22px
	}
	#form{
		width: 340px;
		height: auto
	}
	.btn-readmore {
		margin-left: -16px
	}
	.container_booking{
		padding: 10px;
		padding-left: 400px
	}
	#first-group{
		width: 400px;
		margin-top: 38px;
		padding-right: 5px
	  }
	#content{
		width: 300px;
		height: auto;
		margin-left: 0;
		padding: 0px;
		padding-top: 3px;
		margin-bottom: 8px
	}
	.button-container{
		width: 120px
	}
	.input-group-content{
		padding-top: 5px;
		width: 215px
	  }
	#submit-btn{
		margin-top: 30px;
     	margin-left: 25px;
    	margin-bottom: -15px;
    	padding: 10px
	}
	.seats{
		width: 100%;
		min-height: 150px
	}
	.status{
		width: 100%
	}
	.seats::before{
		bottom: 0;
		left: 50%;
		width: 220px
	}
	.timings{
		width: 102%
	}
	.times{
		width: 100%;
    	margin-top: 20px
	}
	.time{
		width: fit-content;
		padding: 7px 14px
	}
	/*--------------------------------------------------------------------*/
}

/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
	.prev,
	.next,
	.text {
	  font-size: 11px
	}
	
	/*----------------------- Shop online --------------------------------*/
	.button-shop {
        margin-top: 40px;
        margin-left: 105px;
    }
    
	/*----------------------- About --------------------------------------*/
	.NourImage {
        width: 260px;
        height: auto;
    }
    .sec-title p {
        font-size: 16px
    }
    .about-section-area .text-box .single-text-box p {
        font-size: 16px;
    }
	
	/*----------------------- Testimonials -------------------------------*/
	.containerTestimonials{
		padding: 0px 0px 0px 12px;
		margin-left: 0px;
		width: 100%;
		height: 155px
	}
	.text p{
		font-size: 9px;
		padding: 0px 0px 0px 20px;
		width: 100%;
		line-height: 9px
	}
	.mySlides {
		width: 97%;
		padding-left: 7%
	}
	.prevTestimonials{
		padding-top: 0%
	}
	.nextTestimonials{
		padding-top: 0%
	}
	.TextTestimonials{
		padding: 1% 2% 0 2%;
		line-height: 1.5;
		display: inline-block;
		vertical-align: middle
	}
	/*--------------------------------------------------------------------*/
  }
  /* -------------------------------- */
  
  
  
  @media (max-width:992px){
      #Contact{
          text-align:center !important;
      }
      #Nour_footer .contact_contents p{
          text-align:center !important;
      }
      .contact-form{
          padding-inline: 10px;
      }
  }