@charset "utf-8";
/* CSS Document */
@media only screen and (max-width: 1024px) {
	
.logo2 {width: 25%; float: left; position: relative; margin-left: 10%;}	

.navigaton { width: 61%; float: left; position: relative; margin: 3% 0% 0% 3%;}

.navigaton ul li a {float: left; list-style: none; color: #555; text-decoration: none; font-size: 14px;}

.wrapper2 {width: 100%; float: left; position: relative;  margin-top: 244px;  height: 325px;}

.page_content { width: 100%;  margin: 0 auto; position: relative;}

.nutritionist_pic { width: 32%; float: left; position: relative; margin-left:0%;}

.about {width: 68%;float: left;position: relative;background-color: #e7e7e7;}	

.about h1 {font-size: 27px;font-weight: bold; margin-left: 6%; padding-top: 2%; color: #4b3e3b;}

.about p { padding: 13px 40px 19px 40px; text-align: justify; line-height: 23px;  font-size: 15px;  color: #4f4d4d;}

.bttn { background-color: #54a506; padding: 2% 4% 2% 4%;  margin-left: 0%;  margin-top: 24px;  border: none; color: white;}

.wrapper5	{width:100%; float:left; position:relative; padding-bottom: 5%;}

.contact_form { width: 93%; float: left; position: relative; margin-left: 7%;}

.contact_address { width: 100%; float: left; position: relative;}

.contact_address h5	{margin:5% 0% 2% 13%;}

.contact_address .map1 {margin-left: 16%;}

.contact_address .map1_address	{margin: 6% 0% 0% 10%;}

.contact_address .map2 {margin-left: 16%;}

.contact_address .map2_address	{margin: 6% 0% 0% 10%;}

.footer ul { padding: 2% 0% 0% 25%;}

/* Events Page */

.events_img	{margin-left: 4%;}

.events_text {width: 55%; float: left; position: relative; margin: -35px 0px 0px 47px;}

.events_text h4 {text-transform: uppercase; font-size: 22px; font-weight: bold;}

.about_content h3 {padding: 0% 0% 0% 6%;font-size: 17px;}

.events_text p { font-size: 14px; text-align: justify;line-height: 20px; }






/* INNER PAGE */
.about_wrapper { width: 100%; float: left; position: relative;  margin: 7% 0% 7% 0%;}
.about_content { width: 100%; float:left; position: relative;}
.about_content p {padding: 0% 6% 0% 6%;}
.about_content h3 {padding: 0% 0% 0% 6%; font-size: 20px;}
.about_content h4 {padding: 0% 0% 0% 6%;}

.thank_wrapper .page_content2  {width: 100%; margin: 0 auto;  position: relative;}

.callbacks_nav.next	{left: auto;  background-position: right top;  right: -10px;}

.callbacks_nav.prev {right: auto;background-position: left top;left: -10px;}

.testimonial_h5 { margin-left: 49%;}
	}


@media only screen and (max-width: 800px) {
	
.logo2 {width: 32%; float: left; position: relative; margin-left: 0%;}	

.navigaton { width: 65%; float: left; position: relative; margin: 3% 0% 0% 3%;}

.navigaton ul li a {float: left; list-style: none; color: #555; text-decoration: none; padding: 1% 3% 0% 0%; font-size: 14px;}

.wrapper2 {width: 100%; float: left; position: relative;  margin-top: 140px;  height: 278px;}

.page_content { width: 100%;  margin: 0 auto; position: relative;}

.nutritionist_pic { width: 35%; float: left; position: relative; margin-left:0%;}

.about {width: 65%;float: left;position: relative;background-color: #e7e7e7;}	

.about h1 {font-size: 23px;font-weight: bold; margin-left: 7%; padding-top: 0%; color: #4b3e3b;}

.about p { padding: 0px 36px 0px 36px; text-align: justify; line-height: 20px;  font-size: 14px;  color: #4f4d4d;}

.bttn { background-color: #54a506; padding: 2% 4% 2% 4%;  margin-left: 0%;  margin-top: 15px;  border: none; color: white;}

.wrapper5	{width:100%; float:left; position:relative; padding-bottom: 5%;}

.contact_form { width: 93%; float: left; position: relative; margin-left: 7%;}

.contact_address { width: 100%; float: left; position: relative;}

.contact_address h5	{margin:5% 0% 2% 7%;}

.contact_address .map1 {margin-left: 13%;}

.contact_address .map1_address	{margin: 6% 0% 0% 8%;}

.contact_address .map2 {margin-left: 13%;}

.contact_address .map2_address	{margin: 6% 0% 0% 8%;}

.footer ul { padding: 2% 0% 0% 20%;}


/* INNER PAGE */
.about_wrapper { width: 100%; float: left; position: relative;  margin: 7% 0% 7% 0%;}
.about_content { width: 100%; float:left; position: relative;}
.about_content p {padding: 0% 6% 0% 6%; font-size: 15px;	}
.about_content h3 {padding: 0% 0% 0% 6%; font-size: 17px;}
.about_content h4 {padding: 0% 0% 0% 6%; font-size:16px;}
.page_heading_about h5 { font-size: 36px;    margin-left: 44px;}

.about_content ul	{list-style-type: none;  margin-left: 8%;}

.callbacks_nav.next	{left: auto;  background-position: right top;  right: -15px;}

.callbacks_nav.prev {right: auto;background-position: left top;left: -15px;}

.testimonial_h5 { margin-left: 59%;}

/* Event Page */

.events_text {width: 60%; float: left; position: relative;}

.events_text p {font-size: 13px; text-align: justify; line-height: 18px;}


	}

@media only screen and (max-width: 768px) {
	
	.logo2 {width: 30%; float: left; position: relative; margin-left: 0%;}	

.navigaton { width: 68%; float: left; position: relative; margin: 3% 0% 0% 2%;}

.navigaton ul li a {float: left; list-style: none; color: #555; text-decoration: none; padding: 1% 3% 0% 0%; font-size: 14px;}

.about_content ul	{list-style-type: disc;  margin-left: 8%;}

.callbacks_nav.next	{left: auto;  background-position: right top;  right: -15px;}

.callbacks_nav.prev {right: auto;background-position: left top;left: -15px;}

.testimonial_h5 { margin-left: 59%;}
	}


@media only screen and (max-width: 375px) {
/*Header Section */	
	
.logo	{width:82%; float:left; position:relative; margin: -1px 0px -22px -68px;} 
.responsive	{display:block;} 
.desktop	{display:none;}
		
.owl-theme .owl-controls .owl-buttons .owl-next { margin: 51% -192% 0% 0%;}
	


/*About Us */

.wrapper2 {width: 100%; float: left; position: relative; margin-top: 52px; margin-bottom: 119%;}

.page_content { width: 100%; position: relative; float: left;}

.nutritionist_pic {  width: 70%;  float: left; position: relative;  margin-left: 58px;}

.about	{width:100%; float:left; position:relative;}

.about h1 { font-size: 27px;  font-weight: bold;  margin-left: 7%;  padding-top: 2%;  color: #4b3e3b;  padding-left: 6%;}

.about p { padding: 2px 50px 14px 50px; text-align: justify; line-height: 24px; font-size: 14px;  color: #4f4d4d;}
	
	
.bttn { background-color: #54a506; padding: 2% 6% 2% 6%; margin-top: 23px; border: none;  color: white;    margin-left: 0%;} 

/*About Us */


/* Index Contact Page */

.wrapper5 {width: 100%; float: left;  position: relative; background-color: #f2f2f2; padding-bottom: 5%;}

.wrapper5 h3	{font-size: 39px;}

.contact_form { width: 100%; float: left; position: relative; margin-left: 7%;}

#registerNew	{width:142px;}

.contact_address {width: 100%; float: left; position: relative;}

.contact_address h5	{margin: 6% 0% 4% 10%;}

.contact_address .map1 	{margin-left: 14%;}

.contact_address .map1_address	 {margin: 4% 0% 0% 18%;}

.contact_address .map2 	{margin-left: 14%;}

.contact_address .map2_address	 {margin: 4% 0% 0% 18%;}

.footer ul {padding: 4% 0% 0% 18%;}

.footer ul li a {float: left; list-style: none; color: white; text-decoration: none;  padding: 0% 6% 0% 0%;  font-size: 13px;  line-height: 164%;}

/* INNER PAGE */

.page_heading_about h5 { font-size: 18px;   margin-left: 20px;}

.page_heading h5	{background: rgba(255,255,255,0.7); display: inline-block; margin-top: 90px;  padding: 21px 40px; font-size: 27px; font-weight: bold; margin-left: 16px; color: #627b04;	}

.page_heading_food_therapy h5 {padding: 21px 8px;  font-size: 27px;  margin-left: 24px;}

.page_heading_ourgoal h5  {padding: 21px 29px;  font-size: 27px;  margin-left: 24px;}

.page_heading_contact h5  {padding: 21px 29px;  font-size: 27px;  margin-left: 24px;}

.contact_us_left { width: 100%; float: left; position: relative; margin-left: 5%;  margin-bottom: 7%;}

.contact_us_right {width: 100%; float: left; position: relative;}

.contact_us_right_add2 { width: 100%; float: left; position: relative;  background-color: black;  opacity: 0.7;  z-index: 2;  margin-top: -101px;}
.contact_us_right_add2 p { color: white;  font-size: 16px;   padding: 2% 3% 0% 2%;}

.about_content  ul	{list-style-type: none;  margin-left: 6%; list-style-position:inside;}

.page_heading_thank h5	{font-size: 34px; margin-left: 21px;}

.thank_wrapper .page_content2	{width: 100%; margin: 0 auto; position: relative;}

.thank_wrapper .page_content2 h1	{font-size:31px;}

.thank_wrapper .page_content2 p {font-size: 17px;}


.callbacks_nav.next	{left: auto;  background-position: right top;  right: -15px;}

.callbacks_nav.prev {right: auto;background-position: left top;left: -15px;}

.testimonial_h5 {margin-left: 34%;}

/* Events */

.events_text { width: 100%;  float: left; position: relative; margin-top: -23px; margin-left:0px;}}
	
	
@media only screen and (max-width: 320px) {
	.logo	{width: 100%; float: left; position: relative; margin: -1px 0px -17px -68px} 
	.responsive	{display:block;}
	.desktop	{display:none;}
	
	
.wrapper2	{margin-top: 43px; margin-bottom: 147%;}

.about h1 { font-size: 23px; font-weight: bold;  margin-left: 9%;}

.contact_address h5 {margin: 6% 0% 4% 6%; font-size:15px;}

.contact_address .map1 {  margin-left: 10%;}

.contact_address .map1_address {margin: 4% 0% 0% 12%;}

.contact_address .map2 {  margin-left: 10%;}

.contact_address .map2_address {margin: 4% 0% 0% 12%;}

.footer ul { padding: 4% 0% 0% 13%;}

/* INNER PAGE */

.page_heading_about h5 { font-size: 15px;   margin-left: 20px;}

.about_content ul	{list-style-type: disc;  margin-left: 9%;}

.testimonial_h5 { margin-left: 25%;}
	
}