html{
  -webkit-text-size-adjust: 100%;        
overflow-y: scroll;

  
 }

a[href^="tel"]{
    color:inherit;
    text-decoration:none;
}



.address-res{
      width:inherit;
      min-height:60px;
      padding:40px 0;

      margin-bottom:20px;
      font-size:inherit;
      display:none;
      text-align:center;
      
}

/*******************************************************************************
 *  responsive presettings
 */ 
.res-c{
display:none;

}

.footer-res{
display:none;
}

.nav-res{
display:none;
}



/*******************************************************************************
 *  media query mobile portrait
 */ 
@media only screen and (max-width: 1250px) {
.header-content,
   .default{
   width:1100px;

   }
}











/*******************************************************************************
 *  media query mobile portrait
 */ 
@media only screen and (max-width: 980px) {

.res-c{
display:block;
}



ul,
li,
div{

      font-size:16px;


}

.boxTitle{
height:auto;
margin-bottom:40px;

}
td:nth-child(5){
   display:block;
}
td{
   display:block;
}

tr:nth-child(even) {background: #CCC}
tr:nth-child(odd) {background: #FFF}

li,
div,
.nav li,
.c-header,
.logo,
.content-main,
.content-gallery {
width:100%!important;
float:none;

}
.logo,
.content-main{
margin-top:0;
}
.content,
.content-0,
.content-1{
float:none;
width:96%!important;
margin:0 auto;
}

.content  {
padding-top:15px;


}
.content h1{
width:91%!important;
display:block;
margin-top:12px;
margin-bottom:-32px;
}

.logo{
font-size:26px;
}

.hb{
    width:60px!important;
    height:50px;
    margin:0 auto;
    display:block;

}




.logo{
padding-left:10px;
}
.header{
height:180px;

}


.nav>ul{
position:relative;

}

.c-nav{
width:96%!important;
margin:6px auto;
}
.line,
.widget div{
width:100%;
background-size:100%!important;
}



.info-image img{
height:auto;
}


.nav{
margin:0 auto!important;
}
.nav-product{
/* display:none;   */
}

.header-frame{
padding:0;


}
.header-content{
  position:relative; 
  height:110px;

}


.c-header-elem{
right:0;
left:auto;
width:120px!important;
}

.content-0{
min-height:200px;
padding: 2px 0px;
}

.content-1 ul{
width:80%!important;
}
.content-1 h1{
line-height:105%;
font-size:26px;
}

.header-0 img,
.content-0 img{
       max-width:100%!important;
}

.content-content{
 margin-bottom:40px;

}

.content-2{
margin-top:40px;
}

.social{
top:0;
z-index:1111;
}

.c-social{
width:25px!important;
}

.address-res{
      display:block;
}


.nav ul li{
background:#fff!important;
padding-top:0;
border-bottom:1px solid green;
margin-left:0;

}


.nav ul li ul{
position:relative;
display:block!important;
top:5px;
}

.navigation li{
position:relative!important;
margin-bottom:0;
text-align:left;


}


.nav>ul>li ul,
.nav>ul>li>ul>li { 

width:100%;
}
.nav>ul>li>ul>li { 
border-bottom:none;
width:100%;
}


.nav-res>ul>li>ul { 
padding-bottom:20px;
width:100%;
}

.nav-res ul li ul{
position:relative!important;


}
.nav-res ul li ul li{
line-height:105%;
}
.nav-res ul li .ul-active{
position:relative!important;
display:block!important;


}

.nav ul li .nav-item-active:hover,
.nav ul li .nav-item:hover,
.nav ul li .nav-item-active,
.nav ul li .nav-item{     
padding-left:15px;
padding-top:18px;
padding-bottom:8px;
color:#000;
font-size:18px;

text-align:left;


display:block;
box-sizing: border-box;
    
}

.nav ul li .nav-item-sub-active:hover,
.nav ul li .nav-item-sub:hover,
.nav ul li .nav-item-sub-active,
.nav ul li .nav-item-sub{
color:#000;
font-size:18px;
background:none;
    padding:2px 12px;
width:100%;
        box-sizing: border-box;
padding-left:30px;

 }




.c-footer{
 display:none;
}


img, iframe{
max-width:100%;
height:auto;
}

.tab-1{
margin-top:20px;
padding-top:20px;
border-top:1px solid #fff;
min-height:90px;
}

.btnSend{
margin-left:0;
}

}


/*******************************************************************************
 *  media query mobile portrait
 */ 
@media only screen and (max-width: 640px) {

}