@charset "utf-8";
/* CSS Document */


@media only screen and (min-width:240px) and (max-width: 600px)   {
#site-navigation{
	display:none;}

#mobile_navigation{
	display:block !important;
	z-index:999 !important;
	}

.mobile-navigation-css{
	width:96%;
	padding:1% 2% 2% 2%;
	background:#FFF;
	float:left;
	margin-top:10px !important;
	height:34px !important;
	overflow:hidden;
	cursor:pointer;
}

.mobile-navigation-css:hover{
	height:auto !important;
	overflow:visible !important;
	}

.mobile-navigation-css a{
	color:#990000;
	text-decoration:none;
	font-size:14px;
	line-height:30px;
	margin:2px 0 2px 0px;
	display:block;
	background:#fccfb2;
	padding:1%;
	letter-spacing:1px;}

.menu_link{
	text-decoration:none;
	line-height:30px;
	margin:2px 0 2px 0px;
	display:block;
	padding:1%;
	text-align:right;}


.mobile-navigation-css a:hover{
	color:#990000;
	text-decoration:none;
	font-size:14px;
	line-height:30px;
	margin:2px 0 2px 0px;
	display:block;
	background:#f1bf9e;
	padding:1%;}

}


@media only screen and (min-width:240px) and (max-width: 840px)   {

body {
		font-family:Tahoma, Geneva, sans-serif;
		background:#eb5868 !important;
}

#page{
	width:90% !important;
	margin:0px auto;
	height:auto;
	overflow:hidden;}

header{
	float:left;
	width:100% !important;
	margin:0px 0 0 0px;
	height:auto;}


.logo{
	float:left;
	width:100% !important;
	text-align:center;
	background:#FFF;}

.logo-heading{
	display:none !important;}

/*-----------------Navigation---------------*/

	.main-navigation ul.nav-menu,
	.main-navigation div.nav-menu > ul {
		float:right;
		width:100% !important;
		padding:0px 0 0 60px;
		margin:10px 0 0 0px;
		background:#FFF;
		text-transform:capitalize !important;
	}
	.main-navigation ul {
	}
	.main-navigation li a,
	.main-navigation li {
		text-align:center;
		display: inline-block;
		text-decoration: none;
		color:#000;
		font-size:12px !important;
		text-transform:capitalize !important;		
		font-family:Arial, Helvetica, sans-serif;
	}
	.main-navigation li a {
		text-transform: capitalize;
		line-height:50px;
	}
	.main-navigation li a:hover{
		background:#ec9359 !important;
		color:#FCC;}
	.main-navigation li {
		position: relative;
	}
	.main-navigation li ul {
		margin: 0;
		padding: 0;
		position: absolute;
		top: 100%;
		z-index: 999;
		height: 1px;
		width: 1px;
		overflow: hidden;
		clip: rect(1px, 1px, 1px, 1px);
	}
	.main-navigation li ul ul {
		top: 0;
		left: 100%;
	}
	.main-navigation ul li:hover > ul,
	.main-navigation ul li:focus > ul,
	.main-navigation .focus > ul {
		border-left: 0;
		clip: inherit;
		overflow: inherit;
		height: inherit;
		width: inherit;
		margin-left:-7px;
	}
	.main-navigation li ul li a {
		display: block;
		width: 180px;
		padding:0px 5px 0px 5px;
		margin:1px 0 0 0px;
		white-space: normal;
		font-size:12px;
		text-align:left;
		color:#FFF;
		background:#eb9358;
		border:none !important;
	}
	.main-navigation li ul li a:hover,
	.main-navigation li ul li a:focus {
	}
	.main-navigation .current-menu-item > a,
	.main-navigation .current-menu-ancestor > a,
	.main-navigation .current_page_item > a,
	.main-navigation .current_page_ancestor > a {/*Like Active Class*/
		color:#000;
		border:none !important;}
	.menu-toggle {
		display: none;
	}


/*------------Banner Box---------------*/

.banner-box{
	float:left;
	width:100% !important;
	margin:25px 0 0 0px;}

.banner-box .banner{
	float:left;
	width:100%;}

.banner-box .about-div{
	display:none !important;}

/*========Banner-End========*/

.wrapper{
	width:100% !important;
	background:#FFF !important;
	}

.home-page-content{
	width:100% !important;
	}
	
.entry-content{
	width:100%;}

#home-page{
	width:100% !important;
}



.top-middle-content{
	float:left;
	width:100% !important;
	padding-bottom:30px;}

.top-middle-content li{
	float:left;
	width:40% !important;
	text-align:center;
	padding:10px;}

.top-middle-content li h3{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:18px !important; 
	color:#eb9358;
	text-transform:uppercase;}

.top-middle-content li span{
	font-size:12px;
	color:#999;}

.top-middle-content li hr{
	width:70px;
	border:none;
	height:5px;
	background:#eb9358;}

.more-info{
	display:inline-block;
	font-size:13px;
	color:#eb5867;
	margin:0px 0 0 0px;
	text-decoration:none;}

.more-info:hover{
	color:#eb9358;
	}


.site-content {
	float: left;
	width:90%;
	padding:0 2% 0 2% !important;
}

.widget-area {
	float: right;
	width:96%;
	margin:20px 0 0 10px;
	padding:2%;
}




.home-activities{
	float:left;
	width:96% !important;
	margin-top:30px;
	padding-left:2% !important;}

.home-activities ul{
	float:left;
	list-style-image:url(http://siamsmedical.in/wp-content/uploads/2014/07/list-img.png);
	width:96% !important;
	margin:0 0 0 25px;}

.home-what-we-do{
	float:left;
	width:96% !important;
	padding:2% !important;}

.home-what-we-do img{
	width:20% !important;}

.img-slider{
	float:left;
	width:100% !important;
	margin-top:40px;
	padding:15px 0 15px 0px;
	border-top:1px dashed #CCCCCC;
	border-bottom:1px dashed #CCCCCC;}

/*-----------------------Footer Area--------------------------*/


#colophon{
	float:left;
	width:96% !important;
	height:auto;
	background:#f76c7c;
	padding:2% !important;
}

.footer-area{
	margin:0px auto;
	width:100% !important;
	padding:15px 0 0 0px;}

.footer-link{
	float:left;
	widows:100% !important;
	height:auto;}

.footer-link li{
	float:left;
	display:block !important;
	width:50% !important;}

.footer-link li ul li{
	float:left;
	display:block !important;
	width:100% !important;
	text-align:left;}


.footer-link li h3{
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#ebd158;
	font-size:18px;
	letter-spacing:1px;
	margin:0 0 10px 0px;}

.footer-link li, .footer-link li a{
	text-decoration:none;
	font-size:14px;
	line-height:22px;
	color:#FFF;}

.footer-link li a:hover{
	color:#ec9359;}

.social-link-bottom a{
	display:inline-block;
	padding:5px 10px 5px 10px;
	line-height:normal!important;
	margin:3px 0 0 0px;
	color:#FFF!important;}

.theme-footthem{
	font-size:11px!important;}

.theme-footthem a{
	color:#FFF!important;
	font-size:11px!important;}
}




@media only screen and (min-width:600px){
#mobile_navigation{
	display:none !important;}
}