/* // X-Small devices (portrait phones, less than 576px)
// No media query for `xs` since this is the default in Bootstrap

/* Small devices (landscape phones, 576px and up) ////////////////////////////////////////////////////////////////////////////////////*/

@media (min-width: 576px) {

	.container {
		max-width: 100%;
	}
	.list-group-title {
		background-size: unset !important;
	}

	/* Pmplus20 */

	.pmplus20-pd {
		padding-top: 0px !important;
	}
}




/* // Medium devices (tablets, 768px and up) ////////////////////////////////////////////////////////////////////////////////////*/

@media (min-width: 768px) {

	/* Off canvas */

	.hamburger-wrap {
		width: 400px !important;
	}

	/* ## Carousel ## */

	/*
	.bd-placeholder-img {
	    background: url(/images/pages/carousel.png) no-repeat;
	}
	*/

	.carousel-list {
		bottom: 15%;
	}

	.carousel-title {
		font-size: 55px;
	}

	.carousel-title b {
		font-size: 60px;
	}

	.carousel-subtitle {
		font-size: 30px;
		padding-top: 30px;
		margin-bottom: 0px;
	}

	.carousel-btn {
		padding-top: 50px;
		margin-bottom: 0;
	}

	.carousel-btn a {
		font-size: 22px;
		font-weight: bold;
	}

	.carousel-btn a:hover {
		background-color: #00a5d7;
		color: #fff;
	}

	/* ## Contents 1 ## */

	.section1 {
		margin-top: -130px;
		position: relative;
		z-index: 1;
	}

	/* ## Footer ## */

	.copy-logo img {
		width: unset !important;
	}

	.copyright {
		padding-top: 0px !important;
		font-size: 18px;
		line-height: 30px;
	}

	/* automatic */

	.automatic-list-wrap {
		padding: 50px 0 !important;
		border-bottom: 0px !important;
	}

	.automatic-box-wrap {
		padding: 50px !important;
	}

	.automatic-img img {
		width: unset !important;
	}
}




/* // Large devices (desktops, 992px and up) ////////////////////////////////////////////////////////////////////////////////////*/

@media (min-width: 992px) {

	/* ## Nav ## */

	.main-logo {
		padding-top: 20px !important;
		padding-bottom: 20px !important;
	}

	.menu-box {
		padding: 0 20px;
	}

	.menu-box a {
		font-size: 20px;
		color: #333 !important;
	}

	.menu-box a:hover {
		color: #269ad2 !important;
	}	

	/* ## Contents ## */

	.section-box {
		padding-top: 50px;
		padding-left: 30px;
		padding-right: 30px;
	}

	/* ## Contents 1 ## */

	.icon-menu-title {
		margin-bottom: 0;
		font-size: 30px;
	}

	.icon-menu-subtitle {
		font-size: 20px;
	}

	/* ## Contents 2 ## */

	.list-group-title {
		margin-bottom: 20px !important;
	}

	.list-group-title h1 {
		font-size: 36px;
	}

	.list-group-title span {
		padding-left: 20px !important;
		font-size: 20px;
	}

	.list-group-first {
		padding-top: 15px !important;
		padding-bottom: 15px !important;
	}

	.list-group-first .first-date {
		padding: 5px 12px !important;
	}

	.list-group-first .first-date h3 {
		font-size: 48px !important;
	}

	.list-group-first .first-date span {
		font-size: 15px !important;
	}

	.list-group-first .first-item {
		padding-left: 30px !important;
	}

	.list-group-first .first-item a {
		font-size: 26px !important;
	}

	.list-group-first .first-item a:hover {
		color: #00a5d7;
	}

	.list-group-text {
		font-size: 18px;
	}

	.list-group-date {
		font-size: 18px;
	}

	.detail-btn {
		top: 23px !important;
		width: 36px !important;
		height: 36px !important;
	}	

	.detail-btn a {
		top: -12px !important;
		left: 6px !important;
		font-size: 36px !important;
	}

	.detail-btn:hover {
		border: 2px solid #00a5d7;
	}

	.detail-btn a:hover {
		color: #dc1a83;
	}

	.list-banner-title {
		margin-top: 68px;
		padding-top: 40px !important;
		padding-left: 40px !important;
	}

	.list-banner-title h3 {
		font-size: 40px;
	}

	.list-banner-title span {
		font-size: 26px;
	}

	.list-banner-btn a {
		font-size: 20px;
	}

	.list-banner-btn:hover {
		background-color: #00a5d7;
	}

	.list-banner-btn a:hover {
		color: #fff;
	}

	/* ## Contents 3 ## */

	.list-group-area li {
		padding: 20px !important;
		margin-bottom: 15px !important;    
	}

	/* ## Contents 4 ## */	

	.list-group-tab-text {
		font-size: 18px;
	}

	/* ## Sponsor ## */

	.sponsor-list-box:hover {
		border: 1px solid #269ad2;
	}

	/* ## Sub Bar ## */

	.sub-bar-wrap {
		padding: 100px 0 !important;
	}

	/* ## Side Bar ## */

	.side-bar {
		/*display: block !important;*/
		width: 20%;
		border-right: 1px solid #dbdbdb;
		border-left: 1px solid #dbdbdb;
		padding-right: 0;
		padding-left: 0;
	}

	.side-bar-title {
		padding: 15px 0;
		text-align: center;
	}

	.side-bar-title span {
		font-size: 14px;
		color: #999;
	}

	.side-bar-title h5 {
		font-size: 26px;
		font-weight: bold;
		color: #29aad5;
	}

	.side-bar-list {
		padding-right: 0;
		border-radius: 0;
	}

	.side-bar-list li {
		padding: 0;
		border: 0;
		border-bottom: 1px solid #eee;
	}

	.side-bar-list a {
		display: block;
		color: #666;
		padding: 15px 0 15px 20px;
	}

	.side-bar-list a:hover, .side-bar-list-active {
		color: #fff;
		background-color: #40484e;
		border-right: 3px solid #a2e8ff;
	}

	.side-bar-list-active a {
		color: #fff;
	}

	/* ## Content ## */

	/*.content {
		width: 80% !important;
		padding-left: 50px;
		}*/

		/* Pmplus20 */

		.pmplus20 {
			padding-top: 50px !important;
		}

		.pmplus20-title {
			padding-bottom: 34px !important;
			font-size: 24px !important;
		}

		.pmplus20-check {
			padding-top: 50px !important;
		}

		.pmplus20-check li {
			padding-bottom: 20px !important;
			font-size: 20px !important;
		}

		.pmplus20-list {
			padding: 86px 50px 50px 50px !important;
		}

		.pmplus20-list-text {
			font-size: 18px;
		}

		.pmplus20-box-text {
			font-size: 20px;
		}

		.pmplus20-subtitle {
			padding-bottom: 50px !important;
			font-size: 20px !important;
		}

		.barcode img {
			width: unset !important;
		}

		/* automatic */

		.automatic-list, .automatic-box {
			padding: 50px !important;
		}

		.automatic-list-text li:first-child {
			font-size: 22px !important;
			line-height: 32px !important;
		}

		.automatic-list-text li {
			font-size: 18px !important;
			line-height: 30px !important;
		}

		.automatic-box-wrap {
			padding: 50px 0px !important;
			border-bottom: 0px !important;
		}

		.automatic-box-title p {
			padding-left: 50px;
			padding-right: 50px;
			font-size: 18px !important;
		}

		.automatic-pdb {
			padding-bottom: 27px;
		}

		/* Pharmacy POS */

		.automatic-list-wrap span {
			font-size: 20px !important;
		}

		/* Remote */

		.remote-mobile {
			display: none;
		}

		.remote-pc {
			display: block !important;
		}
	}




	/* // X-Large devices (large desktops, 1200px and up) ////////////////////////////////////////////////////////////////////////////////////*/

	@media (min-width: 1200px) {
		.container {
			max-width: 1200px;
		}
	}




	/* // XX-Large devices (larger desktops, 1400px and up) ////////////////////////////////////////////////////////////////////////////////////*/

	@media (min-width: 1400px) {

		/* ## Nav ## */

		.main-logo {
			padding-left: 0px !important;
		}

		.main-logo img {
			width: unset !important;
		}

		.menu-box a {
			font-size: 24px !important;
			color: #333 !important;
		}

		/* ## Container ## */

		.sub-container {
			background: url(/images/pages/content-left-bg.png) no-repeat left 30px;
			background-size: 20%;
		}

		.sub-container-bg {
			background: url(/images/pages/content-right-bg.png) no-repeat right 30px;
			background-size: 20%;
		}

		/* ## Contents 2 ## */

		.section2 { 
			background: url(/images/pages/bg-left.png) no-repeat -30px 30px;
		}

		/* ## Contents 4 ## */

		.section4 {
			background: url(/images/pages/bg-right.png) no-repeat right 30px;
		}

		.list-group-tab-wrap .lgtt01 {
			background: url(/images/pages/list-group-tab01.png) no-repeat;
			background-position-x: 30px;
			background-position-y: 190px;
		}

		.list-group-tab-wrap .lgtt02 {
			background: url(/images/pages/list-group-tab02.png) no-repeat;
			background-position-x: 30px;
			background-position-y: 190px;
		}

		.list-group-tab-wrap .lgtt03 {
			background: url(/images/pages/list-group-tab03.png) no-repeat;
			background-position-x: 30px;
			background-position-y: 190px;
		}

		.list-group-tab-wrap .lgtt04 {
			background: url(/images/pages/list-group-tab04.png) no-repeat;
			background-position-x: 30px;
			background-position-y: 190px;
		}
	}