@media only screen and (max-width: 1280px){
    body{
        font-size: 14px;
    }
}
@media only screen and (max-width: 1100px){
    .content-aside{
        width: 90%;
    }
    .text-content{
        padding: 3em;
    }
    .gallery-thumb{
        width:calc(33.33% - 1em);
    }
}
@media only screen and (max-width: 960px){
    .menu-area{
        display: none;
    }
    .nav-upper-area{
        display: flex;
    }
    #normal-nav{
        justify-content: space-between;
        height: 70px !important;
    }
    .logo-area{
        padding: 2px;
    }
    .text-prime{
        font-size: 3em;
    }
    .pi-inner{
        width:50%;
    }
}
@media only screen and (max-width: 900px){
    .top-footer{
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
    .footer-sec{
        margin-bottom: 2.5em;
        width: 50%;
    }
    .footer-ln-sec a{
        margin-bottom: .25rem;
    }
}
@media only screen and (max-width: 832px){
    .acc-inner{
        display: flex;
        flex-direction: column-reverse;
        height: auto;
        align-items: center;
    }
    .section-area{
        padding: 3em 0;
    }
    .contact-container{
        flex-direction: column-reverse;
        align-items: center;
    }
    .content-aside{
        flex-direction: column-reverse;
        align-items: center;
    }
    .text-content{
        width:70%;
        transform: translateX(0);
    }
    .cc-left, .cc-right{
        width: 100%;
    }
    .image-content{
        width:80%;
        transform: translateX(0);
    }
    .acc-image-sec{
        width:80%;
        height: 300px;
        margin: 0;
        border-radius: 3em 3em 0 0 ;
    }
    .acc-detail-sec{
        border-radius: 0 0 3em 3em;
        height: auto;
    }
    .acc-info{
        margin-bottom: 1em;
    }
    .faci-text{
        width: 80%;
        padding: 4em 2em 2em;
    }
    .popup-outer{
        width:80%;
    }
}
@media only screen and (max-width: 700px){
    .gallery-thumb{
        width:calc(50% - 1em);
    }
    .input-set.is-short{
        width:100%;
    }
    .popup-outer{
        height:90%;
    }
}
@media only screen and (max-width: 600px){
    .footer-sec{
        width: 100%;
    }
    footer{
        padding: 3em 3em 1em;
    }
    .footer-bottom{
        display: flex;
        justify-content: center;
    }
    .footer-bottom span{
        display: block;
        text-align: center;
    }
    h2.popup-title{
        font-size: 2em;
    }
    .faci-image-sec{
        height: 300px;
    }
    .pi-inner{
        width:100%;
    }
}
@media only screen and (max-width: 500px){
    .acc-image-sec{
        width:90%;
        height: 200px;            
    }
    .gallery-thumb{
        width:calc(100% - 1em);
    }
    .acc-detail-sec{
        width:90%;
    }
    .faci-text{
        font-size: 1em;
        padding: 4em 2em 2em;
    }
    .image-content{
        height: 300px;
    }
    .image-content, .text-content{
        width: 100%;
    }
    .contact-container{
        width:90%;
    }
    .faci-image-sec{
        height: 200px;
    }
}
@media only screen and (max-width: 480px){
    .popup-outer{
        width:95%;
        height: 95%;
        padding:3em 1.3em;
    }
    span.popup-close{
        right: 1em;
        font-size: 1.5em;
    }
    .main-title{
        font-size: 2rem;
    }
    .sub-title{
        font-size: 1.2rem;
    }
}
@media only screen and (max-width: 440px){
    .reserv-area{
        padding: 0 1em 0 2em;
    }
    .logo-area img{
        margin: 0;
    }
}