@charset "utf-8";
.width-rspnsv{
    width: 100%!important;
    min-width: 1024px!important;
    max-width: 1400px!important;
    margin-left: auto;
    margin-right: auto;
}
/*--------------------●container---------------------*/
.flexCtn{
    display: inline-flex;
    justify-content: space-around;
    flex-wrap: wrap;
    text-align: left;
    width: 100%;
}
.Ctn05{
    letter-spacing: normal;
    width: 5%;
    margin: 0 auto;
    padding: 0;
    box-sizing: border-box;
}
.Ctn10{
    letter-spacing: normal;
    width: 10%;
    margin: 0 auto;
    padding: 0.5em 0.5em;
    box-sizing: border-box;
}
.Ctn20{
    letter-spacing: normal;
    width: 20%;
    margin: 0 auto;
    padding: 0.5em 0.5em;
    box-sizing: border-box;
}
.Ctn25{
    letter-spacing: normal;
    width: 24%;
    margin: 0 auto;
    padding: 0.5em 0.5em;
    box-sizing: border-box;
}
.Ctn30{
    letter-spacing: normal;
    width: 30%;
    margin: 0 auto;
    padding: 0.5em 0.5em;
    box-sizing: border-box;
}
.Ctn40{
    letter-spacing: normal;
    width: 40%;
    margin: 0 auto;
    padding: 0.5em 0.5em;
    box-sizing: border-box;
}
.Ctn45{
    letter-spacing: normal;
    width: 45%;
    margin: 0 auto;
    padding: 0.5em 0.5em;
    box-sizing: border-box;
}
.Ctn50{
    letter-spacing: normal;
    width: 50%;
    margin: 0 auto;
    padding: 0.5em 0.5em;
    box-sizing: border-box;
}
.Ctn60{
    letter-spacing: normal;
    width: 60%;
    margin: 0 auto;
    padding: 0.5em 0.5em;
    box-sizing: border-box;
}
.Ctn70{
    letter-spacing: normal;
    width: 70%;
    margin: 0 auto;
    padding: 0.5em 0.5em;
    box-sizing: border-box;
}
.Ctn80{
    letter-spacing: normal;
    width: 80%;
    margin: 0 auto;
    padding: 0.5em 0.5em;
    box-sizing: border-box;
}
.Ctn90{
    letter-spacing: normal;
    width: 90%;
    margin: 0 auto;
    padding: 0.5em 0.5em;
    box-sizing: border-box;
}
.Ctn98{
    letter-spacing: normal;
    width: 98%;
    margin: 0 auto;
    padding: 0.5em 0.5em;
    box-sizing: border-box;
}

.Ctn100{
    letter-spacing: normal;
    width: 100%;
    margin: 0 auto;
    padding: 0.5em 0.5em;
    box-sizing: border-box;
}


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

}

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

}

@media screen and (max-width : 1024px) {
div#mainNavWrap
 	{
		width:100%;
 	}
  nav#mainNav
	{
	}
  
}


@media screen and (max-width : 768px) {
.width-rspnsv{
    width: 100%!important;
    min-width: auto!important;
    max-height: auto!important;
}
.flexCtn{
}
.Ctn05{
    width: 100%;
}
.Ctn10{
    width: 100%;
}
.Ctn20{
    width: 100%;
}
.Ctn25{
    width: 50%;
}
.Ctn30{
    width: 100%;

}
.Ctn40{
    width: 100%;

}
.Ctn50{
    width: 50%;
}
.Ctn60{
    width: 100%;

}
.Ctn70{
    width: 100%;
}
.Ctn80{
    width: 100%;
}
.Ctn90{
    width: 100%;
}
.Ctn100{
}

}

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

.flexCtn{
    display: block;
}
.Ctn05{
}
.Ctn10{
    width: 100%;
    margin: 0 auto;
    padding: 1em 1em;
}
.Ctn20{
    width: 100%;
    margin: 0 auto;
    padding: 1em 1em;
}
.Ctn30{
    width: 100%;
    margin: 0 auto;
    padding: 0.5em 1em;
}
.Ctn40{
    width: 100%;
    margin: 0 auto;
    padding: 0.5em 1em;
}
.Ctn45{
    width: 100%;
    margin: 0 auto;
    padding: 0.5em 1em;
}
.Ctn50{
    width: 100%;
    margin: 0 auto;
    padding: 0.5em 1em;
}
.Ctn60{
    width: 100%;
    margin: 0 auto;
    padding: 0.5em 1em;
}
.Ctn70{
    width: 100%;
    margin: 0 auto;
    padding: 0.5em 1em;
}
.Ctn80{
    width: 100%;
    margin: 0 auto;
    padding: 0.5em 1em;
}
.Ctn90{
    width: 100%;
    margin: 1em auto;
    padding: 0.5em 1em;
}
.Ctn100{
}

}

@media screen and (max-width : 480px) {
.Ctn25{
    width: 50%;
    margin: 0 auto;
    padding: 1em 1em;
}
}

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