/* CSS Document */
@media only screen 
and (min-width : 1024px) 
and (max-width : 1190px) {

}
@media only screen 
and (min-width : 768px) 
and (max-width : 1000px) {

/*TOP MENU
.menu_trigger{ display:block; font-size:14px; color:#FFF; font-weight:bold;}
.menu_trigger span img { float: right; text-align: right;}
.menu_trigger {background:#66cc00; padding: 10px 12px; width: 128px; margin:20px 0 0; font-size:20px; float: right; cursor:pointer;}
.nav{ display:none; border:none;}
.nav_top {width:250px; background:#66cc00; position:absolute; right:0; top:96px; display:none; max-height:300px; overflow:auto; z-index:150;}
.nav_top ul { margin:0; padding:0; list-style-type:none;}
.nav_top li { margin:0; padding:0; font-size:13px; font-family:'MyriadPro-Regular'; font-weight:700; border-top:1px solid #448404;}
.nav_top li a { color:#fff; display:block; padding:8px 10px;}
.nav_top li a:hover { color:#448404;}
.nav_top li li a:before { content:'- '}*/
/*TOP MENU*/
.logo img{ width:100%;}
.nav{ width:35%;}
.body_area{ width:60%; margin:0 0 0; padding:20px; box-sizing:border-box; float:right;}
}
@media only screen 
and (min-width : 500px) 
and (max-width : 768px) {
/*TOP MENU
.menu_trigger{ display:block; font-size:14px; color:#FFF; font-weight:bold;}
.menu_trigger span img { float: right; text-align: right;}
.menu_trigger {background:#66cc00; padding: 10px 12px; width: 128px; margin:20px 0 0; font-size:20px; float: right; cursor:pointer;}
.nav{ display:none; border:none;}
.nav_top {width:250px; background:#66cc00; position:absolute; right:0; top:96px; display:none; max-height:300px; overflow:auto; z-index:150;}
.nav_top ul { margin:0; padding:0; list-style-type:none;}
.nav_top li { margin:0; padding:0; font-size:13px; font-family:'MyriadPro-Regular'; font-weight:700; border-top:1px solid #448404;}
.nav_top li a { color:#fff; display:block; padding:8px 10px;}
.nav_top li a:hover { color:#448404;}
.nav_top li li a:before { content:'- '}*/
/*TOP MENU*/
}
@media only screen 
and (min-width : 320px) 
and (max-width : 767px) {
.container { margin: 0 auto; width: 96%; padding:0 2%;}
.header{ padding:30px 0 0;}
.header .logo{ text-align:center; float:none; width:100%;}
.header .logo img{ width:100%;}
.body_area{ width:100%; padding:20px; margin:0; box-sizing: border-box;}
/*TOP MENU*/
.menu_trigger{ display:block; font-size:14px; color:#FFF; font-weight:bold; background:#f9970e; width:100%; padding: 10px 12px; margin:20px 0 0; font-size:20px;
 cursor:pointer; box-sizing:border-box;}
 
.menu_trigger span img { float: right; text-align: right;}
.nav{ display:none; border:none; width:100%; text-align:center; padding:0 0 100px;}
.nav_top {width:250px; background:#66cc00; position:absolute; right:2px; top:177px; display:none; max-height:300px; overflow:auto; z-index:150;}
.nav_top ul { margin:0; padding:0; list-style-type:none;}
.nav_top li { margin:0; padding:0; font-size:13px; font-family:'MyriadPro-Regular'; font-weight:700; border-top:1px solid #448404;}
.nav li a { color:#666666; display:block; padding:10px 10px;}
.nav li a:hover { color:#000;}
.nav_top li li a:before { content:'- '}
/*TOP MENU*/

}
@media only screen 
and (min-width : 320px) 
and (max-width : 480px) {
.contact-top .con_add, .contact-top .con_map{ width:100%; float:left;}
.con_message textarea{ width:98%;}
.body_area img{ width:100%; float:left; margin:0 0 20px;}
.con_cap img{ width:auto !important;}
}