.banner {
    margin: 0 0 30px;
    height: 500px;
}
.lap, .ipad, .mobile {
	display: none;
}

/* Box Slide */
	.box-item-main .box-item-faq { 
		width: 100%;
	    display: inline-block;
	    margin-top: 20px;
	}
	.box-item-main .box-item-faq .item { 
		width: 240px;
	    margin: 0 10px 15px;
	    height: 155px;
	    border: 1px solid #ccc;
	    border-radius: 10px;
	    cursor: pointer;
	    outline: none;
	}
	.box-item-main .box-item-faq .item .image { 
		height: 120px;
	    width: 100%;
	    background-repeat: no-repeat;
	    background-position: 50% 50%;
	    background-size: cover;
	    border-top-left-radius: 10px;
	    border-top-right-radius: 10px;
	}
	.box-item-main .box-item-faq .active .text-faq {
		background: #94c8a5;
    	color: black;
	}
	.box-item-main .box-item-faq .text-faq { 
		color: black;
	    padding: 4px 10px;
	    height: 35px;
	    line-height: 30px;
	    margin-bottom: 0;
	    border-bottom-left-radius: 10px;
	    border-bottom-right-radius: 10px;
	    font-size: 18px;
	}
	.box-item-main a.slick-slide:focus,
	.box-item-main .slick-slide a:focus,
	.box-item-main .box-item-faq .item .image:focus-visible,
	.box-item-main .box-item-faq .text-faq:focus-visible { 
		outline: none !important;
		box-shadow: none;
	}
	.blog .slick-prev, .blog .slick-next {
	    width: 20px;
	    height: 25px;
	    background: none;
	    color: black;
	    border: none;
	    opacity: 0.7;
	    top: 125px;
	}
	.blog .slick-prev:before {
	    content: "\2039";
	    font-size: 40px;
	    line-height: 19px;
	}
	.blog .slick-next:before {
	    content: "\203A";
	    font-size: 40px;
	    line-height: 19px;
	}
	.blog .slick-prev:hover, 
	.blog .slick-next:hover {
		border-color: black;
	}
/* End */

/* FAQs */
	.title {
		font-size: 22px;
		font-weight: bold;
		text-align: center;
		margin-top: 35px;
	}
	.line {
		width: 10%;
	    margin: auto;
	    height: 3px;
	    background: #94c8a5;
	    margin-bottom: 30px;
	}
	.title-detail {
		color: #94c8a5;
		font-size: 24px;
		font-weight: bold;
		width: 90%;
		display: inline-block;
	}
	span.toggle {
		padding-top: 6px;
	}
	.desc-detail {
		padding-left: 30px;
		font-size: 18px !important;
	}
	
@media all and (max-width: 1024px) {
  	.desk, .ipad, .mobile {
		display: none;
	}
	.lap {
		display: block;
	}
}
@media all and (max-width: 992px) {
  	.col-sm-12.pull-right{
    	float: unset !important;
  	}
}
@media all and (max-width: 768px) {
  	.col-sm-12.pull-right{
    	float: unset !important;
  	}
  	.lap, .desk, .mobile {
		display: none;
	}
	.ipad {
		display: block;
		height: 515px;
	}
}
@media all and (max-width: 480px) {
	.blog .slick-prev, .blog .slick-next {
	    display: none !important;
	}
	.title-detail {
		font-size: 18px;
	}
	.desc-detail {
		width: 90%;
		padding-left: 0;
		font-size: 15px !important;
	}
	.lap, .ipad, .desk {
		display: none;
	}
	.mobile {
		display: block;
		height: 300px;
	}
	.desc-detail img {
		width: 100% !important;
    	height: auto !important;
	}
}