@media screen and (max-width: 768px) {
.main-content, .main-holder, .top-bg, .footer-top{
	width:480px;
	margin:0 auto;
}
#header .main-holder{
	width:90%;
}
 #footer{
	width:440px;
}
#footer div{
	margin-bottom:20px;
}
.grid .column, .f-column .det-bar, .img-box, .staff-list .det-bar{
	width:95% !important;
	float:none;
	margin-bottom:20px;
}
.staff-list .img-box img{
	width:50%;
}
.team-img.margin, .blog-content,.right-bar{
	width:98% !important;
	float:none;
	margin-bottom:20px;
}
.bannercon{
	left:0;
	top:-380px;
}
.f-column.contact{
	width:88% !important;
}
.main-content{
	background-position:left;
}
.responsive-bg{
	background:url("../images/responsive-bg.png") repeat-y 474px center;
}
.banner-bottom {
	background-position:center 112px;
}

.banner-bottom span {
    display: block;
    margin-top: 27px;
}
.bannercon{
	width:100%;
}
#homeContent #featured .gallery, #homeContent #featured .gallery .site{
	height:490px !important;
}
#homeContent img{
	width:100%;
}
#homeContent #featured .pagination{
	background-color:rgb(0, 0, 0);
	background-color: rgba(0, 0, 0, 0.2);
}
.box-inner{
	width:100%;
}
.nav ul{
	display:none;
}
.list-nav {
 display:block;
}
.nav {
    float: right;
    margin: 86px 0 0;
    width: 50%;
}
.tbs{
	position:static;
}
.pro-list .column{
	overflow:hidden;
}
.menu-det{
	width:95%;
}
.post-holder, .post-holder2{
	width:95%;
}
.post-holder2{
	padding-left:0;
}
.post-holder2 .post-det, .post-det{
	width:85%;
}
.r-contact-box{
	width:95%;
}
.post-img{
	float:none;
	margin-bottom:20px;
}
.post-arrow{
	display:none;
}
.post-img img{
	float:none;
	width:50%;
	height:auto;
}
}
/* 480 x 640 (small tablet) */
@media screen and (max-width: 480px) {
.grid .column, .f-column{
	width:93% !important;
}
.main-content, .main-holder, .top-bg, .footer-top{
	width:350px;
}
 #footer{
	width:340px;
}
.bannercon{
	left:0;
	top:-330px;
}
.responsive-bg{
	background-position:342px center ;
}
#homeContent #featured .gallery, #homeContent #featured .gallery .site{
	height:390px !important;
}
.f-column{
	margin-left:21px;
}
.b-top-links{
	margin:0;
}
.b-top-links li{
	margin-bottom:20px;
}
.copy-right, .widgeta, .social-list{
	float:none;
}
.social-list li:first-child{
	margin-left:0;
}
.switcher-box{
	left:7px;
}
.category-list li {
    display: inline-block;
    margin-bottom: 10px;
}
.category-list {
    text-align: left;
}
.img-holder{
	width:100%;
}
.field-bg2{
	width:70%;
}
}
/* 320 x 480 (iPhone) */
@media screen and (max-width: 320px) {
.ui-datepicker-calendar .ui-state-default{
	font-size:12px !important;
}
.ui-datepicker-calendar th{
	font-size:10px !important;
}
.grid .column, .f-column{
	width:91% !important;
}
.responsive-bg {
    background-position: 242px center;
}

.main-content, .main-holder, .top-bg, .footer-top {
    width: 250px;
}
#footer {
    width: 214px;
}
.bannercon h2{
	display:none;
}
.bannercon{
	background:none;
}
.banner-bottom {
    background-position: center 162px;
}
.price{
	position:static;
}
.f-column {
    margin-left: 12px;
}

#logo {
    float: left;
    height: 152px;
    left: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 44px;
    width: 110px;
}
.post-holder2 .post-det, .post-det{
	width:79%;
}
.comm-list.contact .comm-field{
	width:97%;
}
.col-2 {
    float: none;
    width: 100%;
}

}
/* 240 x 320 (small phone) */
@media screen and (max-width:320px) {

}
@media screen and (max-width: 240px) {
}