@charset "utf-8";

@media screen and (max-width : 1300px) {
    #nav{
        display: none;
    }
}


@media screen and (max-width : 1100px) {

}

@media screen and (max-width : 1024px) {
  
}

@media screen and (max-width : 768px) {
.menu,
.menu span {
display: inline-block;
-webkit-transition:all .3s;
transition: all .3;
box-sizing: border-box;
}

.menu {
position: fixed;
top: 20px;
right: 12px;
width: 50px;
height: 40px;
margin:6px auto;
padding:6px auto;
z-index: 9999;
}

.menu span {
position: absolute;
left: 8px;
width: 30px;
height: 3px;
background-color: #555;
z-index: 9999;
}

.menu span:nth-of-type(1) {
top: 5px;
}

.menu span:nth-of-type(2) {
top: 16px;
}

.menu span:nth-of-type(3) {
bottom: 6px;
}

.menu.active span:nth-of-type(1) {
-webkit-transform: translateY(11px) rotate(-45deg);
transform: translateY(11px) rotate(-45deg);
}

.menu.active span:nth-of-type(2) {
opacity: 0;
}

.menu.active span:nth-of-type(3) {
-webkit-transform: translateY(-11px) rotate(45deg);
transform: translateY(-11px) rotate(45deg);
}

#nav {
    display: block;
position: fixed;
top: 0;
right: 0;
z-index: 9999;
width: 80vw;
height: 100vh;
background: rgba(0,0,0,0.80);
opacity: 0;
-webkit-transition: .5s linear;
-moz-transition: .5s linear;
transition: .5s linear;
-moz-transform: translateX(100vw);
-webkit-transform: translateX(100vw);
transform: translateX(100vw);
}

#nav.active{
right: 0;
opacity: 1;
-moz-transform: translateX(0);
-webkit-transform: translateX(0);
transform: translateX(0);
}

#nav ul{
margin:2em 1em;
padding:2em 1em;
box-sizing: border-box;
}

#nav ul li{
list-style-type: none;
    border-bottom: #111 solid 1px;
}

#nav ul li a{
display: block;
text-align: left;
text-decoration: none;
color: #fff;
font-size: 18px;
font-weight:700;
margin:0 auto;
padding:15px 10px;
    box-sizing: border-box;
    font-weight:normal;
    text-shadow: 1px 1px 2px #000;
}
    .navTel{
        
    }
    .navTel a{
        text-align: center!important;
        background: rgba(255,255,255,0.11);
    }
.pagetop {
display: none;
position: fixed;
bottom: 30px;
right: 50px;
}

.pagetop a {
display: block;
width: 50px;
height: 50px;
background-color: #333;
border-radius: 50px;
text-align: center;
color: #fff;
font-size: 24px;
text-decoration: none;
line-height: 50px;
}

}

@media screen and (max-width : 634px) {
}

@media screen and (max-width : 480px) {
}

@media screen and (max-width : 320px) {
			
}