@media only screen and (max-width: 1023px) {
body {
	background:#fff;
}
.wrapper {
	width: 94%;
}

.contentBox {
	width:100%;
	float:none;
	overflow:hidden;
	margin-bottom:10px;
}
.foot_list_Box {
	width:100%;
	float:none;
	overflow:hidden;
	margin-bottom:10px;
}
#call-no {
	margin-left:0;
}
.wrapper .carousel-container {
	width:100%;
}
.carousel-container #carousel {
	width:100%;
}
#carousel .carousel-feature {
	width:auto;
}
.carousel-container #carousel-left {
	display:none;
}
.carousel-container #carousel-right {
	display:none;
}
}


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

#head_right {
	width:100%;
	float:left;
}
#menu {
	float:left;
	margin-top:5px;
}
.grid_630 {
	width:100%;
}
.grid_300 {
	width:100%;
}
#call-no {
	display:none;
}
#join-us {
	display:none;
}
#search {
	float:none;
}
.carousel-container {
	display:none;
}


.logo {
	width:100%;
	float:none;
}
#menu {
	width:100%;
}
#menu li {
	float: none;
}
#menu li a {
	padding:5px 15px;
}
#menu li a:hover {
	background:none;
	color:#333;
}

#menu .ddsmoothmenu ul li a.selected {
	background:none;
}
#menu .ddsmoothmenu ul li ul{
	width:100%;
}
#menu .ddsmoothmenu ul li ul li {
	width:100%;
}
#footer-menu {
	width:100%;
}
}

/*************************max-width: 639px*****************************/
 @media only screen and (max-width: 639px) {
#menu li a {
	display:block;
}
#menu li a:hover {
	background:none;
	color:#333;
}

#anim-container {	
	background-size:100%;
	padding-top:23%;
	height:auto;
}

#height-banner {
	height:100%;
}
}

/*************************max-width: 300px*****************************/
 @media only screen and (max-width: 300px) {
.wrapper {
	width: 95%;
}
#search {
	width: auto;
}

#anim-container {
	display:none;
}
}