@charset "UTF-8";
/* ----------UCanQuit2 Responsive CSS---------- */

@media (min-width: 640px) and (max-width: 768px) {
	.row-fluid [class*="span"] {
		display: block;
		float: left;
		width: 100%;
		min-height: 30px;
		margin-left: 2.564102564102564%;
		*margin-left: 2.5109110747408616%;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
				box-sizing: border-box;
		}
	.row-fluid [class*="span"]:first-child {
		margin-left: 0;
		}
	.row-fluid .controls-row [class*="span"] + [class*="span"] {
		margin-left: 2.564102564102564%;
		}
	.row-fluid .span12 {
		width: 100%;
		*width: 99.94680851063829%;
		}
	.row-fluid .span11 {
		width: 91.45299145299145%;
		*width: 91.39979996362975%;
		}
	.row-fluid .span10 {
		width: 82.90598290598291%;
		*width: 82.8527914166212%;
		}
	.row-fluid .span9 {
		width: 74.35897435897436%;
		*width: 74.30578286961266%;
		}
	.row-fluid .span8 {
		width: 65.81196581196582%;
		*width: 65.75877432260411%;
		}
	.row-fluid .span7 {
		width: 57.26495726495726%;
		*width: 57.21176577559556%;
		}
	.row-fluid .span6 {
		width: 48.717948717948715%;
		*width: 48.664757228587014%;
		}
	.row-fluid .span5 {
		width: 40.17094017094017%;
		*width: 40.11774868157847%;
		}
	.row-fluid .span4 {
		width: 31.623931623931625%;
		*width: 31.570740134569924%;
		}
	.row-fluid .span3 {
		width: 23.076923076923077%;
		*width: 23.023731587561375%;
		}
	.row-fluid .span2 {
		width: 14.52991452991453%;
		*width: 14.476723040552828%;
		}
	.row-fluid .span1 {
		width: 5.982905982905983%;
		*width: 5.929714493544281%;
		}
	
}

@media (max-width: 979px) {
	body {
		padding: 0px;
	}
	
	#wrapper .container-fluid, .content-wrapper .content {
		box-shadow: none;
		max-width: inherit;
	}
	
	#homepage .container-fluid {
		margin-right: 10px;	
	}
	
	/* BANNER */
	.mainslider .flex-viewport li {
		height: 200px;
	}
	
	.mainslider .flex-img {
		position: relative;
		height: 330px;	
	}
	
	.mainslider .flex-img img {
		position: relative;
		/*top: 0px;*/
		width: 100%;
	}
	
	.mainslider .flex-caption {
		background-color: rgba(255, 255, 255, 0.75);
		color: #222222;
		margin-left: 50px;
		padding: 10px;
		position: relative;
		bottom: 50%;
		width: 50%;
	}
	
	/* NAVIGATION */
	#nav { 
		height: 75px;
		float: none;
		margin-top: 0px;
	}
	
	.nav {
		font-size: 14px;
	}
	
	#utilnav {
		position: absolute;
		width: 100%;
	}
	
	#utilnav .container-fluid {
		padding: 0px;
	}
	
	/* Responsive Navigation Buttons */	
	#utilnav .btn-navbar {
		display: block;
		float: left;
		height: 35px;
	}
	
	#utilnav .topnav a.btn-navbar, 
	#utilnav .topnav a.btn-navbar:hover {	
		padding: 10px 0px;
		height: 15px;
	}
	
	#utilnav .btn-navbar.collapsed,	#utilnav .btn-nav.collapsed,
	#utilnav .btn-admin.collapsed, #utilnav .btn-search.collapsed {
		background: #222;
		-webkit-box-shadow:  0 0px 3px rgba(0, 0, 0, 0.5);
		   -moz-box-shadow:  0 0px 3px rgba(0, 0, 0, 0.5);	
				box-shadow:  0 0px 3px rgba(0, 0, 0, 0.5);
	}
	
	#utilnav .btn-navbar, #utilnav .btn-navbar:hover { 
		background: #be3a3a;
		-webkit-box-shadow:  0 3px 8px rgba(0, 0, 0, 0.5) inset;
		   -moz-box-shadow:  0 3px 8px rgba(0, 0, 0, 0.5) inset;	
				box-shadow:  0 3px 8px rgba(0, 0, 0, 0.5) inset;
	}
	
	#utilnav .btn-navbar .icon-bar,
	.content-top .btn-sidenav .icon-bar {
		background-color: #F5F5F5;
		border-bottom-left-radius: 1px;
		border-bottom-right-radius: 1px;
		border-top-left-radius: 1px;
		border-top-right-radius: 1px;
		box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
		display: block;
		margin-left: 10px;
		margin-right: 10px;
		height: 2px;
		width: 20px;
	}
	
	#utilnav .btn-navbar.btn-sidenav .icon-bar:nth-child(2) {
		margin-left: 15px;
		width: 13px;
	}
	
	#utilnav .btn-admin, #utilnav .btn-admin:hover,
	#utilnav .btn-admin.collapsed, #utilnav .btn-admin.collapsed:hover {
		background: url(../img/icn_admin.png) no-repeat center center;
		background-size: 32px;
		display: none;
		padding: 0px;
		width: 40px;
	}
	
	#utilnav .btn-search, #utilnav .btn-search:hover,
	#utilnav .btn-search.collapsed, #utilnav .btn-search.collapsed:hover {
		background: url(../img/icn_search.png) no-repeat center center;
		background-size: 32px;
		padding: 0px;
		width: 40px;
	}
	
	#utilnav .btn-products.collapsed {
		background: url("../img/icn_products_ko.png") no-repeat center center transparent;
		background-size: 32px auto;
		padding: 0px;
	}
		
	#utilnav .btn-nav, #utilnav .btn-nav:hover, #utilnav .btn-nav.collapsed:hover,
	#utilnav .btn-admin, #utilnav .btn-admin:hover, #utilnav .btn-admin.collapsed:hover,   
	#utilnav .btn-search, #utilnav .btn-search:hover, #utilnav .btn-search.collapsed:hover,
	#utilnav .btn-products, #utilnav .btn-products:hover, #utilnav .btn-products.collapsed:hover {	
		background-color: #be3a3a;
	}
	
	#utilnav .btn-navbar:hover, #utilnav .btn-navbar.collapsed:hover { 
		border: 1px solid rgba(0,0,0,0.5);
	}
	
	#utilnav .nav, .search-collapse.in.collapse, #nav .nav, .nav-side {
		background: #333;
		/*border-bottom: 3px solid #222;*/
	}
	
	#utilnav .nav, #utilnav .nav > li {
		float: none;
		width: 100%;
	}
	
	#utilnav .nav > li {	
		-webkit-box-shadow:  0px 0px 1px 0px rgba(0, 0, 0, .125);
		   -moz-box-shadow:  0px 0px 1px 0px rgba(0, 0, 0, .125);	
				box-shadow:  0px 0px 1px 0px rgba(0, 0, 0, .125);
	}
	
	.nav-collapse, .admin-collapse, .search-collapse {
		-webkit-box-shadow:  0px 0px 5px 0px rgba(0, 0, 0, .5);
		   -moz-box-shadow:  0px 0px 5px 0px rgba(0, 0, 0, .5);	
				box-shadow:  0px 0px 5px 0px rgba(0, 0, 0, .5);
		left: 0px;
		top: 50px;
		position: absolute;
		z-index: 12;
		width: 100%;
	} 
	
	#nav, .nav-collapse, .nav-collapse.collapse, .nav-collapse.in.collapse,
	.sidenav-collapse, .sidenav-collapse.collapse, .sidenav-collapse.in.collapse,
	.admin-collapse, .admin-collapse.collapse, .admin-collapse.in.collapse, 
	.search-collapse, .search-collapse.collapse, .search-collapse.in.collapse {
		display: block;
		height: 0;
		overflow-x: hidden;
		overflow-y: hidden;
	}
	
	.topnav > div {
		float: right;
	}
	
	.topnav .nav .hidden {
		display: block;
		visibility: visible;
	}
	
	.admin-collapse > div {
		float: none;
	}
	
	.usernav .nav {
		display: none;
	}
	
	.usernav .search-form {
		float: right; 
		margin-right: 10px;
	}
	
	.usernav .navbar.socialmedia-collapse {
		display: none;
	}
	
	.in.collapse {
		clear: right;
	}
	
	/* Primary Navigation */	
	#header .nav, #header .nav li {
		float: none; 
		margin-left: 0px;
		margin-right: 0px;
	}
	
	#header .nav > li {
		padding: 5px;
		margin: 0px;
	}
	
	#header .nav > li a {
		color: #fff;
	}
	
	#header .nav > li a:hover, #header .nav > li a:focus, 
	#header .nav > li a:active, #header .nav > li.active a {
		background: #fff;
		color: #333;
	}
	
	#header .nav > li.active a:after {
		border: 0px;
	}
	
	#header .resp-utilnav {
		display: block;
		background: #444;
	}
	
	#header .resp-utilnav > li a {
		font-family: Helvetica, Arial, sans-serif;
		font-size: 14px;
	}
	
	#header .resp-utilnav li a.chatnow {
    	background: url("../img/icn_chatnow.png") no-repeat 0 -10px ;
	}
	
	
	#header .resp-utilnav li a.chatnow:hover {
    	background: url("../img/icn_chatnow.png") no-repeat 0 -110px #fff;
	}
	
	/* Side Navigation */
	.nav-side .nav-lvl1 > li.active > a:after, 
	.nav-side .nav-lvl2 > li.active > a:after, 
	.nav-side .nav-lvl3 > li.active > a:after, 
	.nav-side .nav-lvl4 > li.active > a:after {
		border-color: transparent #cc3333 transparent transparent;
	}
	
	.nav-side li a {
		background: #333;
	}
	
	.nav-side .nav-lvl1 > li > a {
		border-top-color: #444;
		border-bottom-color: #000;
	}
	
	.nav-side .nav-lvl1 > li.nav-highlight > a {
		margin-left: 0px;
	}
	
	.nav-side .nav-lvl1 > li.nav-highlight > a,
	.nav-side .nav-lvl2 > li > a, 
	.nav-side .nav-lvl3 > li > a, 
	.nav-side .nav-lvl4 > li > a {
		background-image: none;
	}
	
	.nav-side .nav-lvl1 > li.active > a:after, 
	.nav-side .nav-lvl2 > li.active > a:after, 
	.nav-side .nav-lvl3 > li.active > a:after, 
	.nav-side .nav-lvl4 > li.active > a:after {
		border-style: solid;
		border-width: 5px 0px 5px 5px;
		border-color: transparent transparent transparent #cc3333;
		left: 5px;
		top: 15px;
	}
	
	.nav-side .nav-lvl1 > li.active > a:after {
		left: 8px;
	}
	
	.nav-side .nav-lvl2 > li.active > a:after {
		left: 15px;
	}
	
	
	.nav-side .nav-lvl3 > li.active > a:after {
		left: 10px;
	}
	
	
	/* HEADER */	
	#header {
		margin-bottom: 20px;
	}
	
	#header h1.logo {		
		background: url(../img/QTMEP_logo_ko.png) no-repeat center center;
		background-size: 100px;
		position: absolute;
		top: 0px;
		left: 45%;
		margin-top: 3px;
		margin-bottom: 5px;
		height: auto;
		width: 100px;
		z-index: 12;
	}
	
	/* CONTENT - Homepage */	
	#homepage {
		display: block;
		margin-top: 40px;
		padding: 0px 20px;
	}
	
	.mainslider .flex-caption {
		position: absolute;
		bottom: 10%;
	}
	
	#HowtoQuit {
		width: 100%;
	}
	
	#HowtoQuit .desc {	
		-webkit-box-shadow:	10px 10px 0px 0px #cccccc;
		   -moz-box-shadow:	10px 10px 0px 0px #cccccc;
				box-shadow:	10px 10px 0px 0px #cccccc;
		height: auto;
			
	}
	
	#HowtoQuit img.icn, .stepDesc, #JoinConvo {
		display: none;
	}
	
	.subslider .carousel {
		-webkit-box-shadow:	1px -1px 1px 0 #CCCCCC inset;
		   -moz-box-shadow:	1px -1px 1px 0 #CCCCCC inset;
				box-shadow:	1px -1px 1px 0 #CCCCCC inset;
	}
	
	.mainslider .flex-control-paging li a {
		width: 10px;
		height: 10px;
	}
	
	/* CONTENT - Interior */	
	.content-wrapper .content {
		background-image: none;
	}
	
	.content-wrapper .content-left {
		max-height: inherit;
		min-height: inherit;
		position: absolute; 
		z-index: 3;
		width: 100%;
	}
	
	.content-wrapper .content-page {
		width: 96.8085106382979%;
	}
	
	.content-page, .content-main {
		margin-bottom: 0px;
	}
	
	.content-page .content-bottom {
		margin-left: 0px;
	}
	
	.content-page .content-section {
		height: auto;
	}
	
	.content-banner img {
		top: -90px;
	}
	
	/* FOOTER */
	#footer {
		margin-top: 0px;
	}
	
}



@media (max-width: 639px) {
	
	[class*="span"], 
	.uneditable-input[class*="span"], 
	.row-fluid [class*="span"] {
		margin-bottom: 10px;
	}
	
	/* HEADER */
	#header {
		margin-bottom: 0px;
		}
	
	#header .row-fluid [class*="span"] {
		min-height: 25px;
	}
	
	#header h1.logo {
		left: 30%;
	}
	
	/* Navigation */
	#header #nav li {
		padding: 5px 2.5%;
		width: 95%;
	}
	
	#header .nav > li.active a:after {
		border: 0px;
	}
	
	.nav-side .nav-lvl1 > li.nav-highlight > a {
		margin-left: 0px;
	}
	
	/* HOMEPAGE - Banner */
	#header .row-fluid [class*="span"] {
		min-height: 5px;
	} 
	
	.mainslider .flex-img img {
		top: -50px;
	}
	
	/* Content */	
	#HowtoQuit .desc [class*="span"], 
	#HowtoQuit .desc .row-fluid [class*="span"],
	.subslider .carousel .row-fluid [class*="span"] {
		float: left;
		margin-left: 2.12766%;
		width: 31.9149%;
	}
	
	#HowtoQuit .desc [class*="span"]:first-child, 
	#HowtoQuit .desc .row-fluid [class*="span"]:first-child, 
	.subslider .carousel .row-fluid [class*="span"]:first-child {
		margin-left: 0px;
	}	
	
	/* CONTENT - INTERIOR */
	.content-wrapper {
		margin-top: -20px;
	}
	
	.content-wrapper .content-page {
		margin-top: 10px;
		padding-left: 2.5641%;
		width: 100%;
	}
	
	.content-top .page-tools li {
		float: left;
	}
	
	.feature-box .span4.feature-box-img {
		float: left;
		margin-right: 20px; 
		margin-bottom: 10px;
		width: 35%;
	}
	
	.spotlight img {
		width: 40px;
	}
	
	/* FOOTER */	
	#sitemap h4 {
		text-shadow: 2px 2px #ccc;
	}
	
	#sitemap h4, #sitemap li {
		text-align: center;
		padding-top: 5px;
		padding-bottom: 5px;
		width: 100%;
	}
	
	.footernav .navbar .nav {
		float: none;
		margin-right: 0px;
	}
	
	.footernav .nav li {
		display: block;
		text-align: center;
		width: 100%;
	}
	
	#footer .social-media {
		float: none;
		margin: auto;
		width: 100px;
	}
	
	/* MISC - Data Tables */
	#materials_wrapper .table-scroll {
		clear: both; 
		overflow-x: scroll;
		overflow-y: hidden;
	}
	
	#materials_wrapper .table-scroll table.dataTable {
		max-width: 700px;
		width: 700px;
	}
}

@media (max-width: 560px) {	
	/* HOMEPAGE - Banner */
	#header .row-fluid [class*="span"] {
		min-height: 15px;
	}
	
	/* BANNER */	
	.mainslider .flex-img img {
		top: 0px;
	}
	
	.mainslider .flex-control-paging {
		bottom: auto;
		top: 10px;
		left: auto;
		right: auto;
	}
		
	/* CONTENT */	
	#homepage {
		margin-top: 20px;
	}
	
	#HowtoQuit #stepOne, #HowtoQuit #stepTwo, #HowtoQuit #stepThree {
		padding: 5px;
	}
	
	#HowtoQuit .stepNumber {
		opacity: 1;
	}
	
	#HowtoQuit .desc {
		text-align: center;
	}	
	
	#HowtoQuit .desc > div {
		margin-bottom: 20px;
	}
	
	#HowtoQuit .stepNumber {
		color: #fff;
		float: none;
		font-size: 2.5em;
		line-height: 1em;
		margin-right: 0px;
	}
	
	#HowtoQuit img.icn {
		height: 30px;
		width: 30px;
	}
	
	#QuitTools .title {
		display: block;
		margin-top: -20px; 
		z-index: 2;
	}
		
	.mainContent {
		margin-bottom: 20px;
	}
	
	
	#QuitTools .bx-wrapper {
		clear: both;
	}
	
	/*#QuitTools .desc {
		background: #fff;
	}*/
	
	.subslider .carousel .row-fluid [class*="span"] {
		margin-left: 0px;
		float: none;
		width: 100%;
	}
	
	.subslider {
		padding-top: 20px;
		position: relative;
	}
	
	.subslider .carousel {
		background: #efefef;
		padding: 20px 10px 10px;
	}
	
	.subslider .carousel-inner > .item {
		display: block;
	}
	
	.subslider .carousel-item {
		margin-bottom: 10px;
	}
	
	.subslider .carousel-nav {
		display: none;
	}	
	
	.subslider .carousel {
		padding-left: 40px;
		padding-right: 40px;
	}
	
	.subslider .carousel-item {
		border: 10px solid #fff;
	}
	
	.subslider .carousel-item:hover {
		border: 10px solid #F6CB1D;
	}
	
	.subslider .carousel-caption {
		background: rgba(233,233,233, 0.85)
	}
	
	.subslider .carousel-caption h4 {
		color: #333;
	}
	
	/* CONTENT - Interior */
	.span3.content-left {
		width: 100%;
	}
	
	.content-banner img {
		top: -50px;
	}
	
	/* MISC - Data Tables */
	.dataTables_wrapper .dataTables_length {
		float: none;
		text-align: center;
	}
	
}

@media (max-width: 479px) {
	body {
		background: #fff;
	}
	
	#header h1.logo {
		left: 35%;
	}
	
	/* CONTENT - Homepage */
	#header .row-fluid [class*="span"] {
		min-height: 25px;
	}
	
	#homepage {
		margin-top: 0px;
		margin-bottom: 20px; 
		padding: 0px;
	}
	
	#homepage .container-fluid {
		margin-right: 0px;
	}	
	
	.mainslider {
		margin-top: -20px;
	}
	
	.mainslider .flexslider, 
	#HowtoQuit .desc, 
	.subslider .carousel {
		box-shadow: none;
	}
	
	.mainslider .flexslider .slides {
		background: #333;
	}
	
	.mainslider .flexslider a.flex-prev:before, 
	.mainslider .flexslider:hover a.flex-prev:before,
	.mainslider .flexslider a.flex-next:after, 
	.mainslider .flexslider:hover a.flex-next:after {
		border: 0px;
	}
	
	.mainslider .flexslider a.flex-prev, .mainslider .flexslider:hover a.flex-prev {
		left: 0px;
	}
	
	.mainslider .flexslider a.flex-next, .mainslider .flexslider:hover a.flex-next {
		right: 0px;
	}
	
	.mainslider .flex-viewport li {
		height: auto;
	}
	
	.mainslider .flex-img {
		height: auto;
		position: relative;
	}
	
	.mainslider .flex-img img {
		top: 0px;
	}
	
	.mainslider .flex-caption {
		background: #333;
		/*bottom: 0;*/
		color: #fff;
		margin-left: 0px;
		padding: 10px 4%;
		position: relative; 
		width: 93%;
	}
	
	.mainslider .flex-caption h2 {
		color: #fff;
	}
	
	.mainslider .flex-direction-nav a {
		top: 70px;
	}
	
	#HowtoQuit .title, #QuitTools .title {
		width: auto;
	}
	
	#HowtoQuit {
		padding-right: 0px
	}
	
	#HowtoQuit .desc {
		padding-right: 0px;
		padding-left: 0px;
		width: auto;
	}
	
	#HowtoQuit #stepOne, #HowtoQuit #stepTwo, #HowtoQuit #stepThree {
		margin: 0px 0px 20px;
		padding: 0px;
	}
	
	#HowtoQuit .desc [class*="span"], 
	#HowtoQuit .desc .uneditable-input[class*="span"], 
	#HowtoQuit .desc .row-fluid [class*="span"] {
		float: none;
		width: 100%;
	}
	
	.subslider {
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none; 
		margin-bottom: -20px;
	}
	
	#QuitTools .bx-wrapper .bx-viewport {
		height: auto !important;
		padding: 30px;
	}
	
	#QuitTools .bx-wrapper {
		top: -32px;
		width: 100%;
	}
	
	#QuitTools .bxslider {
		width: 100% !important;
	}
	
	#QuitTools .bx-caption {
		background: rgba(225, 225, 225, 0.75);
	}
	
	#QuitTools .bx-caption span {
		color: #333;
	}
	
	#QuitTools .bx-controls {
		display: none;
	}
	
	#QuitTools .bx-clone, #QuitTools .bxslider > li {
		display: block;
		float: none !important;
		margin-bottom: 10px;
		width: 100% !important;
	}
	
	/* CONTENT - INTERIOR */ 
	.content-banner {
		height: 120px;
	}
	
	.content-banner img {
		top: -40px;
	}
	
	.content-section .pull-right {
		float: none;
	}
	
	.content-page .content-section {
		min-height: auto;
		position: relative;
	}
	
	.content-section .news-pagination {
		bottom: auto;
		margin-bottom: 0px;
		position: relative;
		right: auto;
	}
	
	/* CONTENT - SideNav - Navigation */
	.content-top .btn-sidenav {
		display: block;
		height: 20px;
		margin-left: -20px;
		margin-right: 10px;
		margin-top: -5px;
		width: 10px;
	}
	
	.content-top .btn-sidenav .icon-bar {
		margin-left: -5px;
	}
	
	/* FORM */
	
	.form-search input {
		width: 75%;
	}
	
	.form-search button.btn {
		background-image: url("../img/icn_search.png");
		background-position: center center; 
		background-size: 32px auto;
		text-indent: -9999px;
		width: 15%;
	}
	
	/* TABLE */
	#facilities table {
		width: 100%;
	}
	
	#footer #sitemap > div {
		padding-left: 0px;
	}
	
	#footer #sitemap #col0 {
		display: none;
	}
	
}