/* ------------------mobile--------------- */ 


/*---Responsive Menu-----*/
#mainmenu {
	visibility: visible;
}
#responsive-menu {
	display: none;
	float: left;
	font-weight:bold;
}

@media screen and (max-width: 480px) {
.wrapper{ width:95%;}
header {
	height:160px;
}
.fright {
	text-align:right;
}
 #mainmenu {
	visibility: hidden;
}
 #responsive-menu {
	display: inline-block;
	width: 100%;
}
nav {
    width: 100%;
}
.content {
	padding:10px;
}
.content p {
	float:left;
}
.content h1{
	width:95%;
}
.container {
	height:auto;
}
.cr_tr {
	width:90%;
}
.footer ul {
	margin:20px 0 0 0;
	width:100%;
}
.contact_left {
	width:100%;
}
.contact_right {
	width:100%;
	border-left:none;
	padding-left:0px;
}
.name,
.num,
.id,
.comment {
	width:96%;
	margin:15px 0 15px 0;
}
.send_btn{
	margin:15px 0 15px 0;
}

.slider_home {
    height: auto;
    padding-bottom:0px;

}
ol.bjqs-markers{list-style: none; padding: 0; margin: 0 auto; width:100%;}
ol.bjqs-markers.h-centered{ margin-top: -34px; position: relative; text-align: center;}
ol.bjqs-markers li{display:inline;}
ol.bjqs-markers li a{display:inline-block;}

}


/* ------------------Tab 768px--------------- */ 

@media only screen and (min-width: 481px) and (max-width: 768px) {
.wrapper {width:95%;}
header {height:115px;}
nav {line-height:10px; float:right; /*width:78%;*/ margin-top:-38px; background:url(../images/menu_bg.jpg) 0 0;}
.menu li a {
	font-size:12px;
	font-weight:bold;
	padding:10px;
} 

/*.wrapper{ width:95%;}
header {
	height:90px;
}
.fright {
	text-align:right;
}
 #mainmenu {
	visibility: hidden;
}
 #responsive-menu {
	display: inline-block;
	width: 100%;
}
nav {
    width: 100%;
}*/

.content {
	width:97%;
	padding:15px;
}
.container{
height:auto;
}
.cr_tr {
	width:21.80%;
}
.ch-grid {
    
    width: 95%;
}
.footer ul {
	margin:20px 0 0 0;
}
}


/* ------------------desktop 1024px--------------- */ 

@media only screen and (min-width: 769px) and (max-width: 1024px) {
.wrapper {width:95%;}
header {height:115px;}
nav {line-height:10px; float:right; /*width:52%;*/ margin-top:-38px; background:url(../images/menu_bg.jpg) 0 0;}
.menu li a {
	font-size:12px;
	font-weight:bold;
	padding:10px;
}

.content {
	width:97%;
	padding:15px;
}
.container{
height:auto;
}
.cr_tr {
	width:21.80%;
}
.footer ul {
	margin:20px 0 0 0;
}
}

/* ------------------Destop 1280px--------------- */ 

@media only screen and (min-width: 1025px) and (max-width: 1280px) {
/*.wrapper {width:75%;}*/
header {height:115px;}
nav {line-height:10px; float:right; /*width:52%;*/ margin-top:-38px; background:url(../images/menu_bg.jpg) 0 0;}
.menu li a {
	font-size:12px;
	font-weight:bold;
	padding:12px;
}
.content {
	padding:15px;
	width:97%;
	top:1px;	
}
.footer ul {
	margin:20px 0 0 0;
}

}


/* ------------------Destop 1920px--------------- */ 

@media only screen and (min-width: 1281px) and (max-width: 1920px) {
/*.wrapper {width:50%;}*/
header {height:115px;}
nav {line-height:10px; float:right; /*width:52%;*/ margin-top:-38px; background:url(../images/menu_bg.jpg) 0 0;}
.menu li a {
	font-size:12px;
	font-weight:bold;
	padding:12px;
}
.content {
	padding:15px;
	width:97%;
	top:1px;	
}
.footer ul {
	margin:20px 0 0 0;
}

}

