@media (max-width: 1080px) and (min-width: 768px) {
    #navigation #nav ul li {
        margin: 10px 0;
        padding-top: 10px;
    }
    #navigation #nav ul li.btn {
        margin-right: -16px;
    }
    #navigation #nav .container .row {
        width: 780px;
    }
    #navigation #nav .nav .logo {
        margin-left: -8px;
        margin-right: 10px;
    }
    #navigation #nav .navbar-header {
        margin: 0 auto;
    }
    .cover {
        padding-top: 117px;
    }
}
@media (min-width: 992px) and (max-width: 1080) {
    .contents .booth .booth-desc p.sctn-desc:after {
        width: 26px;
    }
}
@media (min-width: 992px) {
    .mobile {
        display: none;
    }
    .pc {
        display: inline-block;
    }
}
@media (max-width: 991px) {
    .mobile {
        display: inline-block;
    }
    .pc {
        display: none;
    }
    .cover .coverlogo {
        margin-top: 30px;
        max-width: 460px;
    }
    .sleepion .col-sm-4 img {
        padding: 0 0 25px;
    }
    .animatedModal .container .col-xs-6 .modalWrap,
    .nomalModal .container .col-xs-6 .modalWrap {
        height: auto;
    }
    .animatedModal .container .col-xs-6 .modalWrap .modalTxt .modalTxtin,
    .nomalModal .container .col-xs-6 .modalWrap .modalTxt .modalTxtin {
        top: 23%;
        left: 18%;
    }
}
@media (max-width: 992px) and (min-width: 768px) {
    input[type="checkbox"].on-off {
        display: none;
    }
    #howtouse .youtube iframe,
    #story .youtube iframe {
        width: 100%;
        height: 360px !important;
    }
}
@media (min-width: 768px) {
    #navigation ul li.hum {
        display: none;
    }
    .displayNone0 {
        display: none;
    }
}
@media (max-width: 767px) {
    section {
        padding-top: 8px;
    }
    #navigation #nav .bg_blue {
        display: none;
    }
    #navigation #nav .navbar-toggle {
        color: #000;
    }
    #navigation #nav ul li {
        margin: 0;
        padding-top: 10px;
        width: 100%;
        text-align: center;
    }
    #navigation #nav ul li.btn {
        margin-right: -16px;
    }
    #navigation #nav .container .row {
        width: 100%;
    }
    #navigation #nav .nav .logo {
        margin-bottom: 10px;
    }
    .cover {
        padding-top: 56px;
    }
    .animatedModal .container .col-xs-6 .modalWrap .modalTxt .modalTxtin,
    .nomalModal .container .col-xs-6 .modalWrap .modalTxt .modalTxtin {
        top: 50%;
        left: 50%;
        margin-top: -129px;
        margin-left: -142px;
    }
    .displayNone {
        display: none;
    }


    .cover {
        background: url("../images/cover.png") no-repeat left top;
        background-attachment: scroll;
        background-position: 67% 10%;
        background-size: cover;
        background-repeat: no-repeat;

    }
    .cover .container {
        padding: 0;
        margin: 0;
        height: 400px;
    }
    .cover .container .coverBg .coverTitle {
        padding-top: 60px;
    }
    .cover .container .coverBg img {
        display: none;
    }




}
@media (max-width: 480px) {
    .sleepion .circle_img {
        margin-top: 30px;
    }
    .sleepion .col-sm-4 img {
        padding: 5px;
    }
    .cover {
        background: url("../images/cover.png") no-repeat left top;
        background-attachment: scroll;
        background-position: 67% 10%;
        background-size: cover;
        background-repeat: no-repeat;
        margin-bottom: 30px;
    }
    .cover .container {
        padding: 0;
        margin: 0;
        height: 400px;
    }
    .cover .container .coverBg .coverTitle {
        padding-top: 60px;
    }
    .cover .container .coverBg img {
        display: none;
    }
    .design {
        padding-left: 0;
        padding-right: 0;
        margin-bottom: 0;
        background-position: 79%;
        position: relative;
    }
    .design:before{
        position: absolute;
        content: "";
        width: 100%;
        height: 100%;
        top:0;
        left:0;
        background-color:rgba(0,0,0,0.5);
    }

    .spec .box {
        margin-bottom: 50px;
    }
    .animatedModal .container h3,
    .nomalModal .container h3 {
        font-size: 200%;
        line-height: 55px;
    }
    .animatedModal .container .col-xs-6 .modalWrap,
    .nomalModal .container .col-xs-6 .modalWrap {
        height: auto;
    }
    .animatedModal .container .col-xs-6 .modalWrap .modalTxt .modalTxtin,
    .nomalModal .container .col-xs-6 .modalWrap .modalTxt .modalTxtin {
        width: 186px;
        top: 50%;
        left: 57%;
        margin-top: -110px;
        margin-left: -112px;
    }
    .animatedModal .container .col-xs-6 .modalWrap .modalTxt .modalTxtin p,
    .nomalModal .container .col-xs-6 .modalWrap .modalTxt .modalTxtin p {
        font-size: 80%;
        line-height: 25px;
    }
    .animatedModal .container .col-xs-6 .modalWrap .modalTxt .modalTxtin .noTxt,
    .nomalModal .container .col-xs-6 .modalWrap .modalTxt .modalTxtin .noTxt {
        margin-left: 20px;
        margin-top: 55px;
    }
    .animatedModal .container .col-xs-6 .modalWrap .modalTxt .modalTxtin .nobr,
    .nomalModal .container .col-xs-6 .modalWrap .modalTxt .modalTxtin .nobr {
        display: none;
    }
    .animatedModal .container #howtouse .youtube iframe,
    .animatedModal .container #story .youtube iframe,
    .nomalModal .container #howtouse .youtube iframe,
    .nomalModal .container #story .youtube iframe {
        width: 100%;
        height: 240px !important;
    }
    .cheero .btn {
        width: 80%;
    }
    .assure .btn {
        width: 80%;
    }
    footer .footerlogo img {
        margin: 0 auto;
    }
    footer .company {
        text-align: center;
    }
    footer .shared {
        float: left;
        margin-top: 8px;
    }
    footer .shared ul li {
        margin-left: 0;
        margin-right: 10px;
    }
    footer .cright {
        float: left;
        margin-top: 5px;
        margin-right: 0;
    }
}

@media (max-width: 480px){
	.cover {
		margin-bottom: 0px;
	}

    .buyAmazon .buy-detail h4 {
        font-size: 150%;
        text-align: center;
    }
    .sleepion .exp p {
        text-align: left;
    }
}








/*# sourceMappingURL=responsive.css.map */