/* add 190211 */
.mFeed {display:block; height:670px; overflow:hidden; position:relative; }

@media (min-width: 1024px) {
    .mFeed {
        height: 870px;
    }
}

.mFeed:after {content:''; position:absolute; left:0; top:0; width:100%; height:calc(100% - 33%); background:#1c1c1c;}
.mFeed .menu {position:absolute; left:20px; top:35px; width:40px; height:40px; background:url(../images/new/ico_menu.png) no-repeat 50% 50%; background-size:22px 18px; cursor:pointer; z-index:100;}
/* add 190129 */
.mLogo {position:absolute; left:30px; top:45px; width:100px; height:16px; background:url(../images/new/logo.png) no-repeat 50% 50%; background-size:100%; z-index:100;}
.mVisual {display:block; height:auto; overflow:hidden; position:relative; padding-left:30px; margin-top:110px;}
.mVisual .visual {
    display: block;
    height: auto;
    position: relative;
}

.mVisual .visual .thumb {
    display: block;
    height: 267px;
    position: relative;
    border-radius: 12px;
    overflow: hidden;
}

@media (min-width: 1024px) {
    .mVisual .visual .thumb {
        height: 467px;
    }
}

/* 수정 핵심 */
.mVisual .visual .visualDesc {
    position: absolute;
    top: auto;                 /* 제거 */
    bottom: -40px;             /* 겹침 위치 */
    width: 85%;
    height: auto;
    left: 50%;
    transform: translateX(-50%);
    overflow: hidden;
    background: #FFF;
    border-radius: 12px;
    padding: 20px;
    box-sizing: border-box;

    -webkit-box-shadow: 0px 0px 26px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 0px 26px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 26px 0px rgba(0,0,0,0.1);
}
.mVisual .visual .visualDesc p {margin:0;}
.mVisual .visual .visualDesc .title {color:#333; font-size:18px; font-weight:600; margin-bottom:8px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.mVisual .visual .visualDesc .desc {color:#000; font-size:13px; line-height:1.2; max-height:40px; text-overflow: ellipsis; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.mVisual .visualTxt {display:block; height:190px; overflow:hidden; color:#FFF;}
.mVisual .visualTxt p {margin:0px;}
.mVisual .visualTxt .headTitle {font-size:34px; font-family: 'Nanum Gothic', sans-serif; font-weight: 500; line-height:1.2; letter-spacing:0px; max-height:130px;
text-overflow: ellipsis; overflow:hidden; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical;}
.mVisual .swiper-scrollbar {width:86% !important; left:50%; margin-left:-43%; bottom:30px !important; height:3px !important; background:#414247 !important;}
.mVisual .swiper-scrollbar-drag {background:#FFF;}
.mVisual .visualTxt .mTags {display:block; height:auto; overflow:hidden; margin-top:22px;}
.mVisual .visualTxt .mTags .tag {display:inline-block; margin-right:7px; border:1px solid #828282; border-radius:4px; padding:3px 6px; font-size:13px; color:#e0e0e0; letter-spacing:0px;}
.mVisual .visualTxt .mTags .tag:last-child {margin-right:0px;}

.comnWrap {clear:both; display:block; height:auto; overflow:hidden; padding:30px;}
.comnWrap.short {padding-top:20px;}
.comnWrap.sub {padding-top:80px; margin-bottom:50px;}
.comnWrap.sub01 {padding-top:100px; margin-bottom:50px;}
.comnWrap.full {padding:50px 0 0 0; margin-bottom:50px;}
.comnWrap.detail {padding:70px 0 0 0; margin-bottom:50px;}
.comnWrap.ctype {padding:0; margin:0;}

.cateSec {clear:both; display:block; height:auto; overflow:hidden; padding:20px 30px;}
.cateSec.short {padding-top:0px;}
.cateSec.sub {padding:0;}

.postCate {display:block; height:auto; overflow:hidden; margin-bottom:0px;}
.postCate p {margin:0; padding:0; line-height:1.0;}
.postCate .shoton {display:inline-block; color:#585858; font-weight:600; position:relative; padding:2px 2px 0 2px; text-transform:uppercase; z-index:1; font-size:19px;}
.postCate .shoton:after {content:''; position:absolute; left:0; bottom:2px; width:100%; height:11px; background:#98ffd0; z-index:-1;}
.postCate .creative {display:inline-block; color:#585858; font-weight:600; position:relative; padding:2px 2px 0 2px; text-transform:uppercase; z-index:1; font-size:19px;}
.postCate .creative:after {content:''; position:absolute; left:0; bottom:2px; width:100%; height:11px; background:#98dcff; z-index:-1;}
.postCate .ctype {display:inline-block; color:#585858; font-weight:600; position:relative; padding:2px 2px 0 2px; text-transform:uppercase; z-index:1; font-size:19px;}
.postCate .ctype:after {content:''; position:absolute; left:0; bottom:2px; width:100%; height:11px; background:#98aeff; z-index:-1;}


.postBox {display:block; height:auto; overflow:hidden; padding-bottom:0; border-bottom:1px solid #ccc; margin-bottom:10px;}
.postBox.top {padding-bottom:15px; border-bottom:1px solid #000;}
.postBox p {margin:0;}
.postBox .title {position:relative; padding:16px 0 0 0; font-size:30px; color:#000; font-family: 'Nanum Gothic', sans-serif; font-weight: 600; letter-spacing:-1px; line-height:1.2; padding-right:50px; box-sizing:border-box;}
.postBox .title a, .postBox .title a:hover, .postBox .title a:active, .postBox .title a:link {color:#000; text-decoration:none;}
.postBox .title .userPhoto {position:absolute; right:0px; top:16px; width:40px; height:40px; border-radius:50%; text-align:center; overflow:hidden;}
.postBox .title .userPhoto img {width:100%;}
.postTags {display:block; height:auto; overflow:hidden; padding:20px 0 30px 0;}
.postTags.shot {margin-top:20px;}
.postTags .tag {display:inline-block; font-size:13px; color:#000; border:1px solid #a1a1a1; padding:3px 5px; margin-right:7px; border-radius:4px;}
.postTags .tag:last-child {margin-right:0px;}
.postBox .photos {display:block; height:auto; overflow:hidden;}
.postBox .photos .photoTy01 {float:left; width:65%; height:215px; overflow:hidden; border-radius:8px; margin-right:3.333%;}
@media (min-width: 1024px) {
    .postBox .photos .photoTy01 {
        height: 415px;
    }
}
.postBox .photos a {display:block; width:100%; height:100%;}
.postBox .photos .photoTy02 {float:left; width:31.667%; height:102px; overflow:hidden; border-radius:8px; margin-bottom:11px;}
@media (min-width: 1024px) {
    .postBox .photos .photoTy02 {
        height: 204px;
    }
}
.postBox .photos .photoTy03 {float:left; width:31.667%; height:102px; overflow:hidden; border-radius:8px; position:relative;}
@media (min-width: 1024px) {
    .postBox .photos .photoTy03 {
        height: 204px;
    }
}
.postBox .photos .innerPhoto {display:inline-block; width:100%; height:100%;}
.postBox .photos .morePhoto {position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.75);}
.postBox .photos .morePhoto em {font-style:normal; color:#FFF; font-size:18px; position:absolute; left:0; top:50%; transform:translate(0, -50%); width:100%; text-align:center;}
.postBox .lastUpdate {clear:both; display:block; padding:15px 0 25px 0; font-size:16px; color:#565656;}
.postBox .lastUpdate strong {display:inline-block; color:#252525; margin-left:5px; font-weight:normal;}

.postBoxTy01 {display:block; height:auto; overflow:hidden; border-bottom:1px solid #ccc;}
.postBoxTy01.noBdr {border-bottom:0;}
.postBoxTy01 p {margin:0;}
.postBoxTy01 .title {position:relative; padding:16px 0 0 0; font-size:30px; color:#000; font-family: 'Nanum Gothic', sans-serif; font-weight: 700; line-height:1.3; padding-right:50px; box-sizing:border-box;}
.postBoxTy01 .title.full {padding-right:0;}
.postBoxTy01 .theme {padding:5px 0 15px 17px; color:#7b7b7b; font-size:14px; position:relative;}
.postBoxTy01 .theme:after {content:''; position:absolute; left:0; top:14px; width:10px; height:2px; background:#949494;}
.postBoxTy01 .postList {display:block; height:auto; overflow:hidden; margin:0;}
.postBoxTy01 .postList.full li {width:100%; margin-right:0px;}
.postBoxTy01 .postList li {float:left; width:49%; height:auto; overflow:hidden; margin-right:2%; margin-bottom:20px;}
.postBoxTy01 .postList li a {display:block;}
.postBoxTy01 .postList li .thumb {display:block; height:auto; overflow:hidden; text-align:center; margin-bottom:5px; border-radius:8px;}
.postBoxTy01 .postList li .thumb img {width:100%;}
.postBoxTy01 .postList li p {line-height:1.0; margin:0;}
.postBoxTy01 .postList li .subject {padding:8px 0 4px 0; font-size:16px; color:#000; font-weight:600; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.postBoxTy01 .postList li .postTag {font-size:13px; color:#7e7e7e;}
.postBoxTy01 .postList li:nth-child(2n) {margin-right:0%;}
.postBoxTy01 .postList li .countRecom {padding:30px 0 15px 0; font-size:16px; color:#000; font-weight:600;}

.moreView {margin:0; padding:14px 22px 14px 0; color:#000; font-size:14px; background:url(../images/new/ico_ar.png) no-repeat right 50%; background-size:10px 6px; text-transform:uppercase; text-align:right; font-weight:600;}
.moreView.link {background:url(../images/new/ico_link.png) no-repeat right 17px; background-size:12px 12px;}
.moreView a {display:block; color:#000;}

.dockBar {position:fixed; left:0; bottom:0; width:100%; height:70px; background:#FFF; border-top:1px solid #ccc; z-index:10; padding:0 40px; box-sizing:border-box;}
.dockBar .dock a {display:inline-block; width:25px; height:25px; margin-right:35px; margin-top:22px;}
.dockBar .dock:first-child {margin-left:12px;}
.dockBar .dock:last-child {margin-right:0px;}
.dockBar .dock.edit a {background:url(../images/new/dico_edit.png) no-repeat 50% 50%; background-size:25px 25px;}
.dockBar .dock.share a {background:url(../images/new/dico_share.png) no-repeat 50% 50%; background-size:25px 25px;}
.dockBar .dock.like a {background:url(../images/new/dico_like.png) no-repeat 50% 50%; background-size:25px 25px;}
.dockBar .btnShoton a {position:absolute; right:40px; top:50%; transform:translate(0, -50%); width:125px; height:33px; line-height:33px; border-radius:33px; color:#FFF; background:#1c1c1c; text-align:center; font-size:14px;}
.dockBar .btnShoton img {width:15px; margin-right:5px;}
.dockBar .btnShoton a span.on {opacity:0.6;}
.dockBar .btnShoton a:hover, .dockBar .btnShoton a:active {text-decoration:none;}

.dockBar .btnApply a {position:absolute; right:40px; top:50%; transform:translate(0, -50%); width:50%; height:44px; line-height:44px; background:#1c1c1c; color:#FFF; font-size:17px; border-radius:44px; text-align:center;}

/*
.memberInfo {display:block; height:auto; overflow:hidden; padding-bottom:10px; border-bottom:1px solid #ebebeb;}
.memberInfo .usrPhoto {display:block; width:45px; height:45px; border-radius:50%; text-align:center; background:#e0e0e0; margin:0 auto;}
.memberInfo .btnRegi a {display:block; width:53%; height:30px; line-height:26px; box-sizing:border-box; text-align:center; font-size:12px; border-radius:30px; margin:20px auto;}
.memberInfo .btnRegi.login a {background:#2b2b2b; border:2px solid #2b2b2b; color:#FFF;}

.navMenu {display:block; height:auto; overflow:hidden; margin:25px 0;}
.navMenu li {display:block; height:42px; line-height:42px; font-size:15px; text-align:center; position:relative;}
.navMenu li a {display:block; color:#000;}
*/

/* main */
.keywords img { width: 85%; }
.snap-left .img { width:90vw; height:50.625vw; background-size: cover !important; background-position: center !important; }
.snap-right .img { width:50.625vw; height:90vw; background-size: cover !important; background-position: center !important; }
.snap-center .img { width:100%; height:50.625vw; background-size: cover !important; background-position: center !important; }
.post-center-content { width: 100%; height: 50.625vw; background-size:cover !important; background-position:center !important;}
.post-center { width: 90vw; height: 50.625vw; background-size:cover !important; background-position:center !important;}
.post-sort { width: 50.625vw; height: 90vw; background-size:cover !important; background-position:center !important; }
.content-post { width: 50.625vw; }
.video-row { width: 90vw; }
.video-row .cuimg { width: 90vw; display: block; height: auto; position: relative; }
.cuimg img { object-fit: cover; width: 90vw; height: 50.625vw; }
.issueBtn { position: absolute; right: 12px; }
.issueBtn img { width: 19px !important; }
#issueDiv {
    border: 1px solid #efefef;
    margin: 0 5% 50px 5%;
    background:url('https://image-at.lg-graphy.com/contents/resource/v2.0.8/images/bg_issue.png');
    background-size: cover;
    background-position: center;
    padding: 15px 15px 0px;
}
.issue-text { text-align: center; }
.issue-img { width:100%; height:auto; background-repeat: no-repeat !important; background-size: cover !important; background-position: center !important; }
.issue-img img { width:100%; height:auto !important; }
.issue-slide { overflow: hidden !important; padding-bottom: 15px; }
.issue-info { text-align:center; min-height: 50px; margin-bottom: 0px;}
.issue-info .line { width: 5px; height: 1px; background: #888; margin: 0 auto;}
.issue-title { font-family: 'Nanum Gothic', sans-serif; font-weight: bold; font-size:13px; margin-bottom: 2px !important; letter-spacing: 0.18em; }
.issue-desc { font-family: 'Nanum Gothic', sans-serif; font-size:13px; margin-top: 2px !important;}
.issue-tag { text-align: center; margin-top: 35px; }
.issue-tag span { margin: 0 10px; font-family: 'Nanum Gothic', sans-serif; font-size:11px; }
.issue-swiper { margin-bottom: 20px; }
.issue-swiper .swiper-pagination { bottom: -25px !important; }
.issue-swiper .swiper-pagination .swiper-pagination-bullet { border-radius:0%; background:#000000; width:4px; height:4px;}
.issue-ico1 { background:url(https://image-at.lg-graphy.com/contents/resource/v2.0.8/images/ico_issue1.png); margin: 0 auto; margin-bottom:5px; width: 15px; height: 20px; background-size: cover;}
.issue-ico2 { background:url(https://image-at.lg-graphy.com/contents/resource/v2.0.8/images/ico_issue2.png); margin: 0 auto; margin-bottom:5px; width: 20px; height: 20px; background-size: cover;}
.issue-ico3 { background:url(https://image-at.lg-graphy.com/contents/resource/v2.0.8/images/ico_issue3.png); margin: 0 auto; margin-bottom:5px; width: 20px; height: 20px; background-size: cover;}
.issue-ico4 { background:url(https://image-at.lg-graphy.com/contents/resource/v2.0.8/images/ico_issue4.png); margin: 0 auto; margin-bottom:5px; width: 20px; height: 20px; background-size: cover;}
.issue-ico5 { background:url(https://image-at.lg-graphy.com/contents/resource/v2.0.8/images/ico_issue5.png); margin: 0 auto; margin-bottom:5px; width: 20px; height: 20px; background-size: cover;}
.topBtn {
    position: fixed;
    width: 40px;
    height: 40px;
    bottom: 20px;
    right: 15px;
    z-index: 10;
}
.topBtn img { width: 40px; height: 40px; border-radius: 100px; box-shadow: 1px 1px 5px 1px grey; }
.section-row .content .titleTy01 {font-size:12px; color:#000; text-transform:uppercase; margin-top:10px; line-height:1;}
.contents .section-row .content p.title {font-size:15px;}
.together {display:inline-block; width:16px; height:20px; background:url('https://image-at.lg-graphy.com/contents/resource/v2.0.8/images/btn-close.png') no-repeat 50% 50%; background-size:8px 8px; vertical-align:-4px;}
.contents-div { width: 50.625vw; }
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 2px !important; }

.swiper-container {overflow:visible;}
.contents .section-row.curiTy01 {padding-left:5%;}
.weekInner {display:block; height:auto; overflow:hidden; position:relative; padding-top:20px;}
.creInner {display:block; height:auto; overflow:hidden; position:relative; padding-top:20px; padding-right:5%;}
.cityName {position:absolute; left:0; bottom:0em;}
.cityName img {width:70%; opacity: 0.5; }
.cityWrap {position:absolute; left:0; top:0; width:47%; height:100%; z-index:11;}
.cityWrap .coverWhite {display:block; width:88%; height:100%; background:rgba(255, 255, 255, 0.7);}

.mCreList {float:right; width:75%; display:block; height:auto; overflow:hidden; margin-top:10px;}
.mCreList li {float:left; width:32%; height:auto; overflow:hidden; margin-right:2%;}
.mCreList li img {width:100%;}
.mCreList li a {display:block;}
.mCreList li:last-child {margin-right:0%;}
.mCreList li .creName {color:#000; font-size:10px; text-transform:uppercase; margin-top:5px; margin-bottom:0; line-height:1;}

.mFocList {float:right; width:75%; display:block; height:auto; overflow:hidden; position:relative; margin-top:10px;}
.mFocList .valse {position:absolute; left:0; top:0; background:url('https://image-at.lg-graphy.com/contents/resource/v2.0.8/images/btn-close.png') no-repeat 50% 48%; background-size:10px 10px; width:100%; height:100%;}
.mFocList li {float:left; width:45%; height:auto; overflow:hidden; margin-right:10%;}
.mFocList li img {width:100%;}
.mFocList li a {display:block;}
.mFocList li:last-child {margin-right:0%;}
.mFocList li .creName {color:#000; font-size:10px; text-transform:uppercase; margin-top:5px; margin-bottom:0; line-height:1;}

.contents .section-row { margin-bottom: 90px; }
.contents .section-row.post-slide .content .traPost-slide {width:75%; float:right; margin-top:10px;}
.contents .section-row.post-slide .content .traPost-slide .swiper-slide:nth-child(3n-2) {width: 50% !important;}
.contents .section-row.post-slide .content .traPost-slide .swiper-slide:nth-child(3n-1) {width: 88.5% !important;}
.contents .section-row.post-slide .content .traPost-slide .img {position:relative;}
.contents .section-row.post-slide .content .traPost-slide .img .playtime {position:absolute; right:0; bottom:0; background:rgba(0, 0, 0, 0.7); padding:6px; color:#FFF; font-size:9px;}
.contents .section-row.post-slide .content .traPost-slide .img .playtime .material-icons {font-size:9px; vertical-align:-2px;}
.contents .section-row.post-slide .content .traPost-slide .img .videoDeco {position:absolute; left:50%; margin-left:-43%; top:-10px; width:86%; height:100%; border:1px solid #ccc; z-index:-1;}

.series {padding: 0px 5%;}
.series .series-row {clear:both; display:block; height:auto; overflow:hidden; padding-bottom: 70px; position:relative;}
.series .series-row.vsPart {height:auto; overflow:hidden; background:#000; padding-bottom:0px; margin-bottom:30px;}
.vsThumb {float:left; width:40%; height:auto; overflow:hidden;}
.vsThumb.right {float:right;}
.vsThumb img {width:100%;}
.contain-txt {position:absolute; left:50%; margin-left:-10%; top:0; width:20%; height:100%; overflow:hidden;}
.contain-txt .txtSet {position:absolute; width:100%; left:0; top:50%; transform:translate(0, -50%); text-align:center; color:#FFF;}
.vsName {font-size:9px; line-height:1; color:#ccc;}
.vsName em {font-size:11px; display:block; font-weight:bold; font-style:normal; color:#FFF;}
.vs {display:block; padding:5px 0; font-size:10px;}
.series .series-row .content img {position:relative;}
.series .series-row .content img.calSet01 {width: calc(100% - 16px); padding-top:16px;}
.series .series-row .content img.calSet02 {width: calc(100% - 16px);}
.usrName {position:absolute; right:0; top:0; width:calc(100% - 66%); height:calc(100% - 65%); background:rgba(0, 0, 0, 0.9); text-align:center; color:#FFF; z-index:1;}
.usrName span {position:absolute; right:14px; bottom:14px; text-align:right; text-transform:uppercase; font-size:15px; font-weight:bold;}
.labelType {position:absolute; left:0px; top:16px; background:rgba(0, 0, 0, 0.9); width:calc(100% - 70%); height:23px; line-height:23px; color:#FFF; text-transform:uppercase; padding-left:8px; z-index:1;}
.usrName01 {position:absolute; right:calc(100% - 94%); bottom:calc(100% - 76%);; text-align:right; text-transform:uppercase; font-size:15px; color:#FFF; z-index:1;}

.section-row.edition .content .img {border:1px solid #999999; position:relative;}
.section-row.edition .content .img img {width:100%; border:0px}
.contents .section-row.edition.type1 .content .name {display:block; height:auto; overflow:hidden; padding:10px; }
.countImg {display:block; height:auto; overflow:hidden; position:relative;}

.main-stream {padding: 0px 5%; height:auto; overflow:hidden; clear:both;}
.main-stream .main-stream-row {padding-bottom: 0px; position:relative; height:auto; overflow:hidden; clear:both;}
.main-stream-row p { margin-bottom: 0; line-height: 1; }
.main-stream-row p.title { font-size: 15px; color: #000; font-weight: 500; margin-top: 10px; text-transform: uppercase; }
.main-stream-row p.desc { font-size: 11.5px; color: #9e9e9e; margin-top: 3px; }
.topic {padding: 0px 5%; height:auto; overflow:hidden; clear:both;}
.topic .topic-row {padding-bottom: 0px; position:relative; height:auto; overflow:hidden; clear:both;}
.topic .topic-row .content {/*position:relative;*/}
.topic .topic-row .content .boxLine01 {position:absolute; width:94%; height:95%; left:50%; margin-left:-47%; bottom:0px; border:1px solid #FFF; border-bottom:0px; opacity:0.3;}
.topic .topic-row .content .topicTitle01 {position:absolute; width:100%; text-align:center; left:0; top:50%; transform:translate(0, -50%); color:#FFF; opacity:1.0;}
.topic .topic-row .content .topicTitle01 .toName {text-transform:uppercase; font-size:25px; font-weight:bold; padding-bottom:12px; margin-bottom:20px; position:relative; line-height:1;}
.topic .topic-row .content .topicTitle01 .toDesc {color: #FFF; font-size: 12px; margin:0px !important; line-height:1; opacity:0.9}

.stream {padding: 0px 15px; height:auto; overflow:hidden; clear:both;}
.stream .stream-row {padding-bottom: 30px; position:relative; height:auto; overflow:hidden; clear:both;}
.msMusicTy01 {display:block; height:auto; overflow:hidden; position:relative;}
.msMusicTy01 .img {float:left; width:56%; height:auto; overflow:hidden;}
.msMusicTy01 .img img {width:100%;}
.msMusicTy01 .msMusicInfo {position:absolute; left:60%; bottom:0; height:auto; overflow:hidden; text-transform:uppercase;}
.msMusicTy01 .msMusicInfo .title {color: #000; font-size: 16px; font-weight: bold; margin:0px !important; line-height:1.2;}
.msMusicTy01 .msMusicInfo .duration i {font-size: 18px; position: relative; top: 4px; left:-3px;}
.msMusicTy01 .msMusicInfo .duration {color: #000; font-size: 12px; margin: 0px 0 10px 0;}
.msMusicTy01 .msMusicInfo .desc {font-size: 12px; color: #707070; margin:0; line-height:1.2;}
.cuVideoTy01 .playtime {position:absolute; right:0; bottom: 0; background:rgba(0,0,0,0.7); padding:6px; color:#fff; font-size:9px;}
.cuVideoTy01 .playtime .material-icons {font-size:9px; vertical-align:-2px;}
.stream-video {
    width: 100%;
    border-width: 0px;
    min-height:220px;
}
/* main
.swiper-slide img{
    height:150px;
    object-fit: cover;
}
 */
@media(min-width: 640px) {
    .stream-video {
        height: 460px;
    }
}

@media(max-width: 360px) {
    .dockBar .btnApply a {width:40% !important;}
	.dockBar .dock a {margin-right:15px;}
}