@media screen and (max-width:1199px){
	.main #fooooo_pc p {
    width: 75% !important;
	}
}
@media screen and (max-width:1082px){
	.main #fooooo_pc p {
    width: 90% !important;
	}
	#logoooo > img {
    width: 140px;
	}
	#overlay-close img {
    width: 50px;
	}
	.side-left {
    padding-top: 5%;
	}
	#home h2 {
    margin-top: 20px;
	}
	.copyright {
    left: 0px;
	}
	.col-md-9 {
    width: 90%;
	}
}
@media screen and (max-width:880px){
	ol.bjqs-markers{
		display:none;
	}
	.main #fooooo_pc p {
    width: 90% !important;
	}
}
@media screen and (max-width:768px){
	.col-sm-9 {
    width: 98%;
	}
	
}
@media screen and (max-width:766px){
	.pad-zero .hd-menu .btn-menu {
    padding: 0 0 0 8px !important;
	}
	section.section .type-wrap {
    min-height: 20px;
    padding-bottom: 20px;
	}
	#img_img_img{
	width: 100%;
    overflow: hidden;
    max-height: 600px;
	}
	#img_img_img img{
	width: 100%;
	}
	#logoooo > img {
    width: 180px;
	}
	#overlay-close img {
    width: 50px;
	}
	.side.side-left {
    padding-bottom: 5px;
	}
	.side.side-left .copyright {
    display: block;
	text-align:center !important;
	margin: 0 auto !important;
	}
	#logoooo {
    display: block !important;
    float: none !important;
    width: 100%;
    margin: 0 auto;
    padding: 0 0 22px 0 !important;
    text-align: center;
	}
	#fooooo_mob{
	display: block !important;
    margin: 0 auto;
    padding: 20px 0;
	}
	#fooooo_pc{
		display:none;
	}
	#fooooo_mob p, #fooooo_mob a {
    float: none;
	display: inline !important;
	text-align: center !important;
	}
	#fooooo_mob p{
	    width: 100%;
    display: block !important;
}
	body{
		background: #fff !important;
	}
	#div_social_all {
    bottom: 150px !important;
	position:absolute !important;
	margin-right: -42px;
	right: 50%;
	}
	#div_social_all div {
    margin: 0 5px 0 5px;
	}
	.main-menu ul {
    padding-left: 20px;
	}
	#overlay-close img.mCS_img_loaded{
		width:auto !important;
	}
	#overlay-close{
	float: right;
	    margin: 0;
	}
	.btn-menu {
    font-size: 32px;
	}
	#maaaaail a.a_mail_1 span {
    font-size: 14px;
	}
	.main-menu ul {
    top: 90px !important;
    bottom: inherit !important;
	}
	#me_me{
	z-index: 9999;
	position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
	}
	.col-sm-6{
		position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	}
	#form_inviaaa {
    height: 400px;
    width: 280px;
    margin-left: -140px;
    margin-top: 0;
    top: 0;
    left: 50%;
    padding-top: 80px;
	}
	#form_inviaaa p {
    text-align: center;
    color: #bbb;
    font-size: 16px;
    line-height: 20px;
    padding-bottom: 15px !important;
	}
	#form_inviaaa input {
    display: block;
    width: 96% !important;
    padding: 6px 2% !important;
    margin: 0 auto 10px auto !important;
    background: transparent !important;
    border: 0 !important;
    border-bottom: 2px solid #666 !important;
    text-align: center;
    font-size: 18px;
    text-transform: uppercase;
	}
	#form_inviaaa textarea {
    display: block;
    width: 96% !important;
    padding: 6px 2% !important;
    margin: 0 auto 10px auto !important;
    background: transparent !important;
    border: 0 !important;
    border-bottom: 2px solid #666 !important;
    height: 100px;
    text-align: center;
    font-size: 18px;
	}
	.overlay-close3 {
    z-index: 99999;
    position: fixed;
    right: 0;
    top: 0;
	}
}
@media screen and (max-width:480px){
	#logoooo img {
    max-width: 100px;
	}
	.side-right {
    z-index: 0;
	}
}
@media screen and (max-width:430px){
	.main-menu a {
    font-size: 30px !important;
	}
}
@media screen and (max-width:330px){
	.main-menu a {
    font-size: 24px !important;
	}
}



@media screen and (max-height:880px){
	.side-left .content-wrap {
		max-height: 62%;
	}
}
@media screen and (max-height:800px){
	.side-left .content-wrap {
		max-height: 57%;
	}
}
@media screen and (max-height:640px){
	.main-menu a {
	line-height: 50px;
    font-size: 44px;
	}
}
@media screen and (max-height:580px){
	.main-menu a {
	line-height: 20px;
    font-size: 40px;
	}
	.main-menu ul li {
    margin: 0;
    padding: 0;
    line-height: 44px;
	}
	.side-left .content-wrap {
		max-height: 45%;
	}
}
@media screen and (max-height:460px){
	.main-menu a {
    font-size: 20px;
	}
	.main-menu ul li {
    line-height: 36px;
	}
	.main-menu ul {
    bottom: 10px !important;
	}
}
@media screen and (max-height:360px){
	.main-menu a {
    font-size: 16px;
	}
	.main-menu ul li {
    line-height: 30px;
	}
	.main-menu ul {
    bottom: 10px !important;
	}
}