/************************************************************************************
smaller than 650 
*************************************************************************************/
@media screen and (max-width:768px) {
 
.logo {
	float: none;
	margin-top: 0px;
	margin-auto: 28px;
}

.main_div{
	margin: auto;
    width: 95%;
	float: none;
}

.top_welcome {
	display: none;
}

.header_image {
	width:100%;
	border:0;
}


.header_image_click {
	width:100%;
	border:0;
	height:34;
	width:25%;
}

#content{
	float: none;
	margin-left: 0px;
	margin-top: 10px;
	width: 95%;
	padding-left: 5px;
}

.rotator {
    float: none;
    width: 100%;
}

.feature_nav {
    position: absolute;
    width: 95%;
}

.banner_slides {
    float: none;
    width: 100%;
}
.banner_slides {
    float: none;
    width: 100%;
}

.feature_content{
	width: 100%;
}

.mid_content{
    float: none;
	margin-top: 0px;
    width: 100%;
}

.left_content {
    float: none;
	width: 90%;
	padding-left: 5px;
}

.left_content_contact_us  {
    float: none;
	width: 90%;
	padding-left: 5px;
}

.right_content {
    float: none;
	width: 90%;
	padding-left: 5px;
	margin-left: 0px;
}

.right_content_contact_us  {
    float: none;
	width: 90%;
	padding-left: 5px;
	margin-left: 0px;
}

.content_bullet{
    float: none;
}

.content_bullet_area{
    float: none;
}

#clear{
	clear:both
}

.nav_area{
	float: none;
	width: 100%;
	margin-top:0px;
}

#footer{
	display: none;
}

#responsive_fotter{
	display: block;
	text-align: center;
}

.righted_content{
	width: 90%;
	padding-left: 5px;
	margin-left: 0px;
}

#spcer_div{
	display: none;
}

#spcer_div_responsive{
	display: block;
}

.approach_img{
width:90%;
}
}