/* responsive400.css */
@media only screen and (max-width: 687px)
{
.offcanvas
{right:20px;top:30px;z-index:999999;position:absolute;margin-top:5px;padding:10px; display:inline-block;}
    
.nav-main
{display: none;}

.hidden_mobile
{box-sizing: border-box;
  align-items: center;
  justify-content: center;
  display:none;}
  
.hidden_desk
{box-sizing: border-box;
    align-items: center;
  justify-content: center;
  display:block;}
  
  #wrapper
{   width:100%;
    margin-top:0;
    margin-right:auto;
    margin-left:auto;
    padding-top:0;
    font-size:15px;
    line-height:1.7;
    color:#202020;
    background-color:#C6DEFC;
    background-image: url("/files/images/layout/ornament_top_wht_03.png"), url("/files/images/layout/bg_ornament_trans.webp");
    background-repeat: no-repeat;
    background-attachment: fixed;
background-position: -10px 400px, 0 0;
background-size: 300px, cover;
}

#header
{   
background-image: url("/files/images/layout/ornament_top_both_1000.webp"), url("/files/images/layout/ornament_top_gld_02xxx.png");
background-repeat: no-repeat;
background-position: -10px 0;
background-size: 500px;
overflow:hidden;
}
  
#header .logo {top:30px;z-index:9999;position:absolute;}
#header .logo img
{max-width:360px;z-index:9999;display: flex; justify-content: center; align-items: center;padding-left:1px;padding-top:0;}



#main
{width:94%; padding-top:8px;box-sizing:border-box;}

#main .inside
{width:100%;padding-top: 12px; box-sizing:border-box;}

#main .mod_article900,
#main .mod_article800,
#main .mod_article600,
#main .mod_article400{
    width: 100%;
    margin: 25px auto;
}

#main .bx-lightblue-2 
{  max-width: 95%;}

#main .bx-lightblue,
#main .bx-lightblue-1,
#main .bx-lightblue-2,
#main .bx-lightblue-3,
#main .bx-lightblue-4
{ max-width: 400px;
  margin: 5px auto 20px auto;
  padding: 10px 30px 10px 30px;
}

#main .inside .mod_article800,
#main .inside .rs-columns .mod_article800 {
  width: 100%;
 
  padding: 15px 10px;
  box-sizing: border-box;
}

#container .submit
{display:inline-block;
padding:15px 30px;
font-size:14px;
font-weight:bold;
color:#202020;
background:rgba(255,255,255,.40);
border: none;
cursor: pointer;
}

#section01, #section03
{ width: 94%;
  padding:35px 35px 0 35px;
  border-radius: 40px;
  box-sizing:border-box;
}



h1
{font-size:3.22em;}
h2
{font-size:18px;}
h3
{font-size: 2.75em;}

	
.grid
{	display: grid;
	grid-template-columns: 1fr;
	grid-gap: 10px;
}

.gallery3 li,
.gallery4 li,
.gallery5 li
{overflow:hidden;
margin:0;
padding:0;
width: 100%;
}

.mod_customnav li
{
text-align: center;
margin: 0px 10px 10px 0px;
display: flex;   justify-content: center;   align-items: center;
}

.mod_customnav > ul > li > .active
{ 	width: 230px;
    margin: 0px 0px 0px 0px;
    
    }

.mod_customnav li a
{  width: 230px;
font-size:15px;
text-align: center;
margin: 0px 0px 0px 0px;
display: flex;   justify-content: center;   align-items: center;
}


form .text,
form .textarea,
form .captcha
{width:100%;}

form .textarea
{width:100%;height:150px}


}