@charset "utf-8";

/* CSS Document */
.right-img img {
	max-width: 100%;
}

@media handheld,
only screen and (max-width: 1024px) {
	.wrapper {
		width: 98%;
	}

	nav li a {
		padding: 0px 5px;
	}

	.seeall {
		width: 19%;
		float: left;
		text-align: right;
		margin-left: 80%;
	}

	.wrapper2 {
		width: 100%;
		margin: 0 0%;
		margin-top: 0.7%;
	}

	#middle2left li {
		padding: 2% 0 2% 0;
	}

	textarea {
		float: right;
		margin-right: 8%;
		background-size: 90%;
		height: 45px;
	}

	.canic-img7 {
		height: 45px;
	}

	.wrapper3 {
		width: 96%;
		margin: 0 1%;
		margin-bottom: 2%;
	}
}

@media handheld,
only screen and (max-width: 960px) {
	#header_bar {
		padding-top: 2%;
		padding-bottom: 2%;
	}

	.middle2_box1 {
		margin-top: 5%;
	}

	.middle2_box2 {
		margin-top: 5%;
	}

	.middle2_box3 {
		margin-top: 5%;
	}

	.middle2_box4 {
		margin-top: 5%;
	}

	#middle2left li {
		padding: 2.8% 0 3% 0;
	}

	#middle2left li a {
		font-size: 14px;
	}

	.gallery_box {
		width: 31%;
		margin-right: 2.8%;
	}

	.gallery_box2 {
		width: 31%;
		margin-right: 0%;
	}

	

	.canic-img3 {
		width: 175px;
	}

	.like1 {
		float: left;
		width: 9%;
	}

	ul.canic_like li a {
		width: 90%;
		margin-left: 2%;
	}

	#search_all {
		width: 36%;
	}

	.wrapper3 {
		width: 94%;
		margin: 0 2%;
	}

	p.welcome {
		font-size: 20px;
	}

	.search-img {
		right: 8%;
	}
}

@media handheld,
only screen and (max-width: 800px) {
	#menu {
		width: 60%;
	}

	#header_bar {
		padding-top: 3%;
		padding-bottom: 3%;
	}

	h1 {
		font-size: 30px;
	}

	#middle2left li {
		padding: 2% 0 2.5% 0;
	}

	.seeall {
		width: 23%;
		margin-left: 77%;
	}

	.wrapper2 {
		width: 100%;
		margin: 0 0%;
		margin-top: 1%;
		background: url(../images/media-middle1.png) no-repeat;
	}

	.content_box2_page1 {
		min-height: 120px;
	}

	.canic-img1 {
		margin-right: 1%;
		width: 48%;
	}

	.canic_rightbox1 h1 {
		font-size: 28px;
	}

	.canic-img3 {
		width: 150px;
	}

	textarea {
		float: right;
		margin-right: 8%;
		background-size: 100%;
		height: 45px;
	}

	.canic-img7 {
		height: 45px;
	}

	.like1 {
		width: 12%;
	}

	ul.canic_like li a {
		padding-left: 4%;
		width: 50%;
		margin-left: 4%;
	}

	p.welcome {
		font-size: 17px;
	}

	#search_all {
		width: 39%;
	}

	.challenge_boxleft p {
		font-size: 12px;
	}

	.challenge_boxleft {
		width: 55%;
		margin-left: 1%;
		padding: 2% 0% 2% 0;
	}

	.footerright {
		width: 14%;
	}

	/*
	#searchForm1 {
		width: 60%;
	}
*/
	.search_derma {
		width: 78% !important;
	}
}

@media handheld,
only screen and (max-width: 768px) {
	#middle2left li {
		padding: 2% 0 2% 0;
	}

	.wrapper2 {
		width: 100%;
		margin: 0 0%;
		margin-top: 1%;
	}

	.canic-img3 {
		width: 140px;
	}

	.canic_rightbox1 h1 {
		font-size: 26px;
	}

	.content_box1 img,
	.content_box2 img,
	.content_box3 img {
		max-width: 100% !important;
	}
}

@media handheld,
only screen and (max-width: 720px) {
	h1 {
		font-size: 25px;
	}

	.content_name {
		font-size: 18px;
	}

	.footerleft {
		width: 60%;
	}

	.footerright {
		width: 20%;
	}

	.seeall {
		width: 25%;
		margin-left: 75%;
	}

	.content_box2_page1 {
		width: 68%;
		margin-left: 2%;
		min-height: 101px;
	}

	.content_box2_image {
		width: 30%;
		height: auto;
		margin-top: 3%;
		float: left;
	}

	.donate_bar {
		margin-left: 2%;
	}

	select {
		width: 35%;
	}

	.canic-img3 {
		width: 130px;
	}

	#Content {
		width: 66%;
	}

	#Sidebar {
		width: 33%;
	}

	.search-links {
		margin-top: -10px;
	}
}

@media handheld,
only screen and (max-width: 640px) {
	#menu {
		width: auto;
	}

	#middle2left li {
		padding: 2% 0 1.8% 0;
	}

	#middle2left li a {
		font-size: 12px;
	}

	.content_name {
		font-size: 15px;
	}

	.seeall {
		width: 30%;
		margin-left: 70%;
		min-width: 155px;
	}

	.middle2_box1 {
		width: 19%;
	}

	.middle2_box2 {
		width: 30%;
		margin-right: 0%;
		margin-top: 5%;
	}

	.middle2_box3 {
		width: 24%;
		margin-right: 0%;
	}

	.middle2_box4 {
		width: 25%;
	}

	#middle2 li.face,
	#middle2 li.blog,
	#middle2 li.pintere {
		width: 60%;
		padding-left: 40%;
	}

	.gallery_box {
		width: 46%;
		margin-right: 3%;
	}

	.gallery_box2 {
		width: 46%;
		float: left;
		margin-right: 3%;
	}

	.content_box2_page1 {
		width: 68%;
		margin-left: 2%;
		min-height: 60px;
	}

	.footerleft {
		width: 60%;
	}

	.footerright {
		width: 20%;
	}

	.canic-img3 {
		width: 115px;
	}

	.canic_rightbox1 h1 {
		font-size: 22px;
	}

	h3 {
		font-size: 18px;
	}

	.canic_rightbox2 input {
		padding: 1% 5% 2% 1%;
		margin: 5% 0% 5% 5%;
	}

	textarea {
		height: 40px;
		flost: right;
		width: 87%;
		margin-right: 0%;
	}

	.canic-img7 {
		height: 40px;
	}

	ul.canic_like li a {
		padding-left: 6%;
		width: 80%;
		margin-left: 4%;
	}

	.Content_box2_image {
		margin-top: 0%;
	}

	#Content {
		width: auto;
	}
}

@media handheld,
only screen and (max-width: 480px) {
	nav ul {
		text-align: center;
	}

	h1 {
		margin-left: 5%;
	}

	#middle2left {
		width: 90%;
		margin-top: 5%;
		margin-left: 6%;
	}

	#middle2left li {
		padding: 3% 0 3% 0;
	}

	#middle2left li a {
		font-size: 18px;
	}

	#middle2right {
		width: auto;
		margin-right: 0;
		margin-bottom: 0;
		margin-top: 10px;
	}

	#dr_pr {
		margin-top: 60px;
	}

	.search-links {
		padding-top: 20px;
	}

	#search_all {}

	#gallery {
		width: 80%;
		margin-right: 10%;
	}

	.seeall {
		text-align: center;
		margin-right: 4%;
	}

	#middle2 {
		background: url(../images/middle2-background2.jpg);
	}

	#logo {
		width: 80%;
		float: left;
		margin-left: 10%;
	}

	#search {
		width: auto;
		float: inherit;
		margin-left: 0;
		text-align: center;
	}

	#menu {
		width: 100%;
		float: right;
		margin-right: 0%;
		min-width: inherit;
	}

	.content_box2_con {
		padding-bottom: 8%;
	}

	.donate_bar {
		width: 96%;
		margin-left: 2%;
	}

	#header_bar {
		padding-top: 4%;
		padding-bottom: 2%;
	}

	h6 {
		text-align: center;
		font-size: 16px;
		margin-right: 5%;
	}

	.content_box1,
	.Content_box2 {
		width: auto;
		height: auto;
		margin-left: 0;
	}

	.content_box3 {
		width: auto;
		height: auto;
		margin-right: 0;
	}

	.seeall {
		width: 50%;
		margin-left: 20%;
	}

	.wrapper2 {
		width: 80%;
		margin: 0 10%;
		display: inline-block;
		background: none;
		margin-top: 0.5%;
		padding-bottom: 0.8%;
	}

	.middle2_box1 {
		width: 49%;
		margin-left: 0%;
	}

	.middle2_box2 {
		width: 49%;
		margin-left: 0%;
	}

	.middle2_box3 {
		width: 49%;
		margin-left: 0%;
		border-left: 0px dashed #c7c7c7;
	}

	.middle2_box4 {
		width: 49%;
		margin-left: 0%;
		margin-bottom: 2%;
	}

	.content_box2_image img {
		display: none;
	}

	.content_box2_image1 {
		border: solid 0px red;
	}

	.content_box2_page1 {
		width: 92%;
		margin-left: 3%;
		margin-right: 3%;
	}

	h2 {
		margin-left: 4%
	}

	.canic_rightbox1 h1 {
		font-size: 18px;
	}

	.wrapper3 {
		width: 100%;
		margin: 0 0%;
	}

	.middle2left_border {
		border-right: solid 1px #eaeaea;
		min-height: 0px;
	}

	#middle3right {
		width: 90%;
		margin: 2% 4% 0 0;
	}

	p.welcome {
		font-size: 22px;
		margin-top: -2%;
		color: #000;
		text-align: left;
	}

	#search_all {
		float: left;
		width: 294px;
		margin-top: 1%;
		height: 35px;
		float: inherit;
		margin: 0px auto;
	}

	#challenge_page {
		margin-top: 15%;
	}

	.challenge_boxleft {
		width: 90%;
		height: auto;
		float: left;
		background: url(../images/challenge-img2.png) no-repeat;
		margin-left: 3%;
		padding: 2% 4% 2% 0;
		background-size: 100%;
	}

	.radio_con {
		margin-top: 10%;
	}

	footer {
		background: url(../images/footer-background1.jpg);
	}

	.footerright {
		width: 30%;
		margin-right: 30%
	}

	.footerleft {
		width: 80%;
		margin-left: 20%;
		margin-top: 10%;
	}

	#derma-txt .right-img {
		width: 80%;
		margin-right: 11%;
	}

	#derma-txt .left-col {
		width: 80%;
		margin-left: 9%;
	}

	#searchForm1 {
		width: 100%;
	}

	#search_all_derma .searchtxt {
		top: -5px;
	}

	#searchForm1 {
		width: 100%;
	}

	.textMain p {
		text-align: left;
	}

	.search-links {
		width: auto;
	}

	#searchForm .ui-autocomplete-input {
		width: 88%;
		margin: 0;
		height: 32px;
	}

	.donate_bar input {
		display: inline-block;
	}

	.about {
		width: 33%;
		margin: 0 0% 7% 0;
	}

	.textMain .dr_pr_boxright h2 {
		font-size: 20px;
		line-height: 28px;
	}

	.canic_left.canic_image_right .sunmart-img1 {
		float: none;
		margin: 0px;
		width: auto;
		display: block;
	}
}

@media handheld,
only screen and (max-width: 360px) {
	.search-img {
		right: 0;
	}
}

@media handheld,
only screen and (max-width: 320px) {
	.wrapper {
		width: 98%;
		margin: 0 1%;
	}

	#middle2left {
		width: 98%;
		margin-left: 3%;
	}

	#middle2left li {
		padding: 2% 0 2% 0;
	}

	#middle2right {
		width: 92%;
		float: left;
		margin-left: 3%;
	}

	#logo {
		width: 90%;
		margin-left: 5%;
	}

	#search {
		width: 60%;
		float: left;
		margin-left: 5%;
	}

	#menu {
		width: 100%;
		float: right;
		margin-right: 0%;
	}

	nav ul {
		list-style: none;
		float: left;
		padding: 5% 0% 5% 7%;
	}

	nav li a {
		font-size: 14px;
		padding: 5px 2px;
	}

	h1 {
		font-size: 18px;
		padding-top: 1%;
		margin-bottom: 3%;
	}

	.content_box1,
	.content_box2 {
		width: 100%;
		margin-left: 0%;
	}

	.content_box3 {
		width: 100%;
		margin-right: 0%;
	}

	.seeall {
		width: 60%;
		margin-left: 20%;
	}

	#gallery {
		width: 98%;
		margin-right: 1%;
	}

	.gallery_box {
		width: 100%;
		min-height: 0px;
		text-align: left;
	}

	.gallery_box2 {
		width: 100%;
		float: left;
		min-height: 0px;
	}

	.patient {
		float: right;
		width: 60%;
		text-align: left;
	}

	.patient_img {
		float: left;
		width: 38%;
		padding-right: 2%;
		min-height: 80px;
	}

	.gallery_box h2,
	.gallery_box2 h2 {
		;
		text-align: left;
		font-size: 14px;
		padding-top: 5%
	}

	.gallery_box p,
	.gallery_box2 p {
		text-align: left;
		font-size: 11px;
	}

	select {
		margin-right: %;
		min-width: 100px;
	}

	input {
		padding: 0.2% 1% 0.2% 1%;
	}

	.wrapper2 {
		width: 100%;
		margin: 0 0%;
		margin-top: 0.5%;
		padding-bottom: 0.8%;
	}

	.middle2_box1 {
		width: 49%;
		margin-left: 0%;
	}

	.middle2_box2 {
		width: 49%;
		margin-left: 0%;
	}

	.middle2_box3 {
		width: 49%;
		margin-left: 0%;
		border-left: 0px dashed #c7c7c7;
	}

	.middle2_box4 {
		width: 49%;
		margin-left: 0%;
		margin-bottom: 2%;
	}

	.canic_left {
		width: 100%;
		height: auto;
		float: left;
		margin-right: 0%;
	}

	.canic_rightbox2,
	.canic_rightbox1,
	.canic-img3 {
		display: none;
	}

	textarea {
		width: 80%;
		height: 25px;
		font-size: 12px;
	}

	ul.middle2right-page {
		padding-left: 6%;
	}

	.canic-img7 {
		height: 25px;
	}

	ul.canic_like li a {
		padding-left: 8%;
		width: 80%;
		margin-left: 5%;
	}

	.like1 {
		width: 15%;
	}

	h4.border1 {
		border-bottom: 1px solid #ccc;
		font-size: 14px;
		background: url(../images/dot.png) no-repeat left;
		padding-left: 5%;
	}

	.board,
	.Back_to_top {
		display: none;
	}

	.footerright {
		width: 40%;
		margin-right: 20%
	}

	.footerleft {
		width: 90%;
		margin-left: 5%;
		margin-top: 10%;
	}
}

@media (max-width:940px) and (min-width:640px) {
	#Sidebar li a {
		padding-left: 7%;
		font-size: 14px;
	}

	#Sidebar .lhs_list li span {
		display: block;
		line-height: 18px;
		font-family: 'robotolight';
		padding-left: 8%;
	}

	.textMain .dr_pr_boxright h2 {
		font-size: 20px;
		line-height: 28px;
	}
}