
@media screen and (max-width: 1023px) {
	.warningModal .modal-dialog .container .top-nav-logo { width:100%}
}


@media (max-width: 991px) {
	.container > .navbar-header {background: rgba(255, 255, 255, 1.0);}
	.navbar-brand {padding: 15px;}
	.navbar-inverse .lang-text-mobile { right: 60px }
	.navbar-inverse .lang-text-mobile a {color: #999}
	.navbar-inverse .lang-text-mobile a:hover { color: #000 }
	.navbar-inverse .navbar-toggle .icon-bar {background-color: #999;}
	.navbar.navbar-inverse.shownav {background: rgba(255, 255, 255, 1.0);}

	.container .ch-list.slick-slider, .container .product-list.slick-slider { border:none; }
	.nav.navbar-nav { display: block; padding:0 15px }
	.navbar.navbar-inverse.shownav .navbar-nav > li > a, .navbar.navbar-inverse.shownav .navbar-nav > li > a:hover, .navbar.navbar-inverse.shownav .navbar-nav > li > a:focus { text-align: left; font-size: 18px }
	.menu-signout {border-top: 1px #4d5154 solid;}
	.nav > li > a { padding: 0 }
	.navbar-nav > li { padding:10px 0  }
	.footer-bottom .footer-bottom-menu .footer-bottom-list { display: none }
	.product-list .product-item { margin-bottom: 0 }
	.adult-container { margin-bottom: 10px }

}

@media (max-width: 768px) {
	.vod .vod-right-content {border:none}
	.npx-modal .modal-body, .npx-modal .dollar-balance { padding: 0 }
	.modal.in .modal-dialog { margin:0 auto; height: 100vh; }
}

@media (min-width: 768px) {
	.warningModal .modal-content { height: 100vh; }
}

@media (max-width: 600px) {
	.vod .vod-right .vod-infos .vod-info .value { margin-top: 0 }
	.footer-mobile-title { display: none }
}

@media (max-width: 374px) {
	.vod .vod-title { line-height: 20px }
}


@media screen and (min-width: 320px) and (max-width: 640px) {
	.warningModal .modal-dialog .container { width:100%}
	.warningModal .modal-dialog .accountdetail-style { height:121px; max-height:121px}
	.warningModal .modal-dialog .accountdetail-style.top-nav h2 { position:absolute; bottom:25px; left:25px; margin:0; padding:0; font-size:24px}
	.warningModal .modal-dialog hgroup {margin-top: 1em; margin-bottom:4em}
	.warningModal .modal-dialog form { width: 320px; margin:.5em auto 2em auto}
	.warningModal .modal-dialog .button { font-size:1.1em; padding: 6px 12px;}
	.warningModal .modal-dialog .main-logo { width: 65%}

	.warningModal .modal-dialog .offset-md-2 { margin:0; }
	.warningModal .modal-dialog .col-md-8 { flex:0;max-width:100%; }
}

@media screen and (max-width: 320px) {
	.warningModal .modal-dialog form { width: 91.666667%}
}
