/*** Site Menu ***/
@media (max-width: 1024px) {
	header .btn-close { width: 40px; height: 30px; position: absolute; right: 15px; top: 50%; z-index: 2; transform: translateY(-50%);}
	#side-nav {color: black; position: fixed; z-index: 4; bottom: 0; top: 0; padding: 15px; width: 240px; background: white; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; transition: all 300ms; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transform: translateX(241px); right: 0}
	#side-nav.visible {transform: translateX(0);}
	#side-nav-mask {position: fixed; height: 100%; width: 100%; background: rgba(0, 0, 0, 0.5); left: 0; top: 0; opacity: .1; visibility: hidden; z-index: 2; transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1); transform: translateZ(0);}
	#side-nav-mask.visible {transition-delay: 0; visibility: visible; opacity: 1;}
	#side-nav .dropdown-menu {position: relative; min-width: 0; width: 100%; clear: both; float: none; box-shadow: none; border: none; margin-top: 15px;}
	.search-wrapper {right: 80px;}
	.spinner-master2 * {transition:all 0.3s;-webkit-transition:all 0.3s;box-sizing:border-box;}
	.spinner-master2 {position:relative;margin:0 auto;height:30px;width:40px;}
	.spinner-master2 label {position:absolute;z-index:99;height:100%;width:100%;top:50%;left:0; right: 0; margin:auto; transform:translateY(-50%);}
	.spinner-master2 .spinner2 {position:absolute;height:5px;width:100%;background-color:#2ea3a7;}
	.spinner-master2 .diagonal.part-1 {position:relative;float:left;}
	.spinner-master2 .horizontal {position:relative;float:left;margin-top:7px;}
	.spinner-master2 .diagonal.part-2 {position:relative;float:left;margin-top:6px;}
	.spinner-master2.open .spinner-spin2 > .horizontal {opacity: 0;}
	.spinner-master2.open .spinner-spin2 > .diagonal.part-1 {transform:rotate(135deg);-webkit-transform:rotate(135deg);margin-top:10px;}
	.spinner-master2.open .spinner-spin2 > .diagonal.part-2 {transform:rotate(-135deg);-webkit-transform:rotate(-135deg);margin-top:-16px;}
	.list-reports, .list-gallery {text-align: center;}
	.list-reports .item, .list-gallery .item {text-align: left;}
}
/*** Mobile & Ipad portrait ***/
@media (max-width: 1024px) {
	section.hero, section.main-content {margin-top: 76px;}
	div.navsWrapper {bottom: 203px; right: 0; z-index: 3}
	#ninja-slider-prev, #ninja-slider-next, #ninja-slider-pager {display: block;}
	.list-events .img-holder img {width: 150px;}
}

/*** Only Mobile ***/
@media only screen and (max-width: 736px) {
	#ninja-slider .slider-inner {padding-bottom: 180px;}
	#ninja-slider .hero-caption {bottom: -180px; min-height: 180px; max-height: 180px;}
	#ninja-slider li, #ninja-slider ul {overflow:visible !important;}
	section.home-intro .embed-responsive {margin-top: 40px;}
	section.home-service .card {margin:60px 10vw;}
	section.home-service .card .title {min-height: inherit;}
	.list-news .post-more-links {display: none;}
	.list-news .post-date {vertical-align: top; padding-right: 15px;}
	section.home-news {background-image: none;}
	section.home-news .section-press {background-color: #222}
	section.home-news .section-gallery { background-color: #f7f7f7 }
	.list-events .media-left, .list-events .media-body {display: block; width: auto;}
	.list-events .media-left {padding-right: 0;}
	.list-events .img-holder img {max-width: 100%; width: auto;}
	.list-events .img-holder {margin-bottom: 15px;}
	#unibox-special .input-container {background-color:#eee !important}
	#unibox-special .unibox-special-close, #unibox-special .unibox-special-searchbutton {border:none !important}
	#unibox-special {padding-top:0 !important}
	#unibox-special .input-container {width:100% !important}
	#unibox-special input[type="search"] {border: none !important; background-color: transparent !important; border-bottom: 1px solid #bbb !important}
	#unibox-special-searchbox:focus {outline: none; border-bottom-color: #555 !important}
}

/* Tablet or above */
@media only screen and (min-width: 768px) {
	#ninja-slider .hero-caption {background-color: rgba(0, 138, 175, 0.8); max-width: 65%}
	div.navsWrapper {bottom: 0; right: 0}
	section.footer .list-inline {text-align: right;}
	section.footer .list-inline li:last-child {padding-right: 0; padding-left: 20px; position: relative;}
	section.footer .list-inline li:last-child:before {position: absolute; left: 0; content: '|'; top: -1px}
	.sec-pillars .col-sm-4:nth-child(2) {border-color: #323232}
	section .list-reports .report-cover.img-holder img {position: relative; z-index: -1}
}


/* iPad mini in portrait & landscape */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
	section .card {margin-left: 0; margin-right: 0}
}


/* Desktop */
 @media screen and (min-width: 1025px) {
 	header .site-brand {position: absolute; top: 50%; transform:translateY(-50%); left: 15px; padding:0;}
 	header .site-brand img {width: 180px}
 	#side-nav-mask, #menu-reveal, .btn-close {display: none;}
 	#side-nav {display: inline-block; float: right; margin:30px 135px 30px 0; font-size: 0.8em;}
 	#side-nav .main-nav>li {display: inline-block; margin:0 7px; position: relative; padding:0;}
 	#side-nav .main-nav>li>a {color:#999}
 	#side-nav .main-nav>li>a:hover {color:#000}
 	#side-nav .main-nav>li>a::after {position:absolute; top:100%; left:0; width:100%; height:1px; background-color:#ddd; content:''; opacity:0; transition:height 0.3s, opacity 0.3s, transform 0.3s; -webkit-transition:height 0.3s, opacity 0.3s, transform 0.3s; -moz-transition:height 0.3s, opacity 0.3s, transform 0.3s; -webkit-transform:translateY(-10px); -moz-transform: translateY(-10px); transform:translateY(-10px);}
	#side-nav .main-nav>li.active>a:after, #side-nav .main-nav>li>a:hover:after { height:1px; opacity:1; transform:translateY(0px); -webkit-transform:translateY(0px); -moz-transform:translateY(0px); background-color:#000; }
	#side-nav .main-nav>li.cta a:after{display: none;}
	section.hero, section.main-content {margin-top: 81px;}
	#ninja-slider .hero-caption .title {font-size: 1.4em;}
	section.home-service .wrap {max-width: 80vw; margin-left: auto; margin-right: auto;}
	section.home-news .section-press .item:hover {background-color: #fff; padding:20px;}
	section.home-news .section-press .item:hover .post-date, section.home-news .section-press .item:hover .post-title {color: #666666}
	section.home-news .section-press .item:before {content:'';background-color: #008aaf; height: 100%; width: 30px; position: absolute; right: -25px; top: 0; z-index: 1; opacity: 0; visibility: hidden; transition: 50ms linear;}
	section.home-news .section-press .item:after {content:'+';position: absolute; right: 10px; top: 50%; transform: translateY(-50%); z-index: 2; opacity: 0; visibility: hidden; color: #fff}
	section.home-news .section-press .item:hover:before {opacity: 1; visibility: visible; right: 0}
	section.home-news .section-press .item:hover:after {opacity: 1; visibility: visible;}
	input.form-control, select.form-control {-webkit-appearance:none; -moz-appearance:none; appearance:none; position: relative;}
	select.form-control {background-image: url(../images/icon-dropdown.png); background-position: right 15px center; background-size: 5px 8px; background-repeat: no-repeat;}
	.form-area select.form-control {background-image: url(../images/icon-dropdown-color.png); background-size: 40px 60px; background-position: right center; padding-right: 50px;}
	.main-nav li.dropdown:hover ul.dropdown-menu {display: block}
	.list-parties .item {min-height: 140px;}
}


/* Wide Screen */
@media screen and (min-width: 1280px) {
 	body {font-size: 16px}
	section {padding-top: 50px; padding-bottom: 50px;}
 	.container, .container-fluid {padding-left: 50px; padding-right: 50px;}
 	.container {max-width: 1400px}
	.container > .row, .container-fluid > .row {margin-left: -50px; margin-right: -50px;}
	.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {padding-left: 50px; padding-right: 50px;}
	#ninja-slider .hero-caption {max-width: 45%}
	form .row, .contactDetail.row, .home-service .col-sm-4, .home-service .col-lg-8, .form-area form .row {margin-left: -20px; margin-right: -20px}
	form .col-lg-3, form .col-lg-6, form .col-lg-9, .contactDetail.row .col-md-3, .contactDetail.row .col-md-9, .home-service .col-sm-4, .home-service .col-lg-8, .form-area .col-lg-4, .form-area .col-lg-2, .form-area .col-xs-12, .form-area .col-sm-5, .form-area .col-lg-8 {padding-left: 20px; padding-right: 20px;}
	.articleDetail {position: relative; margin-bottom: 25px; min-height: 55px;}
	.articleDetail .btn-back {position: absolute; right: 0; top: 5px;}
	.home-service .col-lg-8 {float: right;}
	.section-gallery .list-gallery .item {width: 255px;}
	#side-nav .main-nav {font-size: 1.15em;}
	#side-nav .main-nav>li {margin:0 15px;}
	.section-gallery .list-gallery .item {width: 285px;}
	.list-parties .item {min-height: 120px;}
}


/* IE Fixed */
@media screen\0 {

}

/* Firefox Fixed */
@-moz-document url-prefix() {
	
}