/* @media Rule */

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

    /*----- HEADER ------*/ 

    #header {
        padding:10px 2%;
    }
    #smo, .search-area {
        width:30%;
    }
    #logo {
        width:36%;
    }
    #search input[type=text], #search input[type=password], #search textarea {
        width:50%;
    }

    /*----- ESTORE ------*/ 
    #banner-estore .desc {
        top:30%;
    }
    /*----- MENU ------*/ 
    #cssmenu > ul > li > a {
        padding:10px;
    }
}
@media all and (max-width:768px) {

    /*
    -----------------------------------------
    FIXED AREA
    ----------------------------------------- 
    */

    #toparea {
        position:relative;
    }
    #bottomarea {
        padding-top:0;
    }

    /*----- SLIDESHOW ------*/ 
    .caption p {
        display:none;
    } 
    .caption h1 {
        font-size:100%;
        margin-bottom:5px;
    }
    .caption h3 {
        font-size:100%;
        margin-bottom:5px;
    }

    /*----- HEADER ------*/ 
    #logo, #topmenu-m, .search-area-m {
        width:100%;
        text-align:center;
        margin-bottom:20px;
        display: block;
        position: relative;
    }

    #smo, .search-area {
        display: none;
    }

    #search input[type="text"], #search input[type="password"], #search textarea {
        width: 60%;
        min-height: 24px;
        background: none;
        border: none;
        padding: 2px 5px;
        border: 1px solid #b9b9b9;
        color: #fff;
        font-family: "Montserrat", Arial, Helvetica, sans-serif;
        margin-bottom: 0;
        vertical-align: middle;
    }

    #search input[type=text], #search input[type=password], #search textarea {
        width:80%;
    }
    #header {
        padding:10px 5%;
    }
    /*----- CONTAINER ------*/ 
    .container {
        width:100%;
        margin:0 auto;
    }
    /*----- COMMENT ------*/ 
    #main {
        width:100%;
        margin-bottom:20px
    }
    #widget {
        width:100%;
        margin:0;
    }
    .comment-button {
        margin-left:0;
        width:96%;
    }
    .user-comment {
        width:100%;
    }
    #instagram-slides {
        /*display: none;*/
    }
	
	.bx-wrapper .bx-prev {
		left: 0;
	}

	.bx-wrapper .bx-next {
		right: 0;
	}
	.slide {
	margin:0 40px !important;
	}

}

@media all and (max-width: 640px) { 

    #cssmenu.stickytop {
        display: none;
    }

    .logo-menu {
        display: none;
    }

    img.logo--image {
        display: none;
    }

    .logo-kan {
        display: none;
    }

    img.logo--imag {
        display: none;
    }

    /*----- ARTICLE ------*/ 
    .article-item {
        width:98%;
    }

    /*----- ESTORE ------*/ 
    #banner-estore .desc p {
        display:none;
    }

    /*----- ESTORE ------*/ 
    #banner-estore .desc p {
        font-size:80%;
    }

    /*----- EVENT ------*/ 
    .event-item {
        width:100%;
        margin-bottom:20px;
    }
    .last {
        margin-left:0;
    }
    /*----- FOOTER ------*/ 
    #footerlink {
        width:100%;
        margin-bottom:30px;
    }
    #copyright {
        width:100%;
    }
    /*----- RELATED ------*/ 
    .related-article-item {
        width:100%;
        padding:0;
    }
    /*----- SEARCH PAGE ------*/ 
    #search-box .left {
        width:100%;
        margin-bottom:10px;
    }
    #search-box .right {
        width:100%;
        margin-left:0;
    }
    .search-item-pic {
        width:100%;
        margin-right:0;
        margin-bottom:20px;
    }
    .search-item-desc {
        width:100%;
    }

}

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


    /*----- FOOTER ------*/ 
    #footerlink ul {
        width:100%;
        margin-bottom:20px;
    }

}