﻿@media screen and (max-width: 1279px){/*----------general---------*/ .container {	max-width: 1024px;	padding: 0 20px;}	.user{	margin-left: 0;	margin-right: 0;	padding-left: 10px;	padding-right: 10px;	width: 150px;}/*----------end general-------*//*----------header-------------*/header .desktop nav {	margin-left: 0px;}header .desktop nav .menuItem{	padding: 0px 3px;}header .login .content{	max-width: 60px;}header .login {		padding: 0 3px;}header .follow_lang {		padding-left: 10px;		padding-right: 50px;}header .follow_lang .content .lang {		top: 18px;		right: -2px;}header .subMenu a {		padding: 0 10px;}/*-------------end header---------*//*------------footer---------------*/.footerCore .networks {		padding-right: 30px;}.footerCore .news,.footerCore .login {		padding-left: 30px;		padding-right: 30px;}.footerCore .login .form {	max-width: 100%;}/*--------------footer--------------*/.newsHolder {	width: 760px;}#pFoundation .contentWrap .container {	padding: 0;}.detailItemHolder .right {	padding: 20px 30px;}} /*end @media screen and (max-width: 1280px)*/@media screen and (max-width: 1023px){	html, body {		width: 100%;		min-width: 320px;	}	/*----------general---------*/	.hideMedium{ display: none !important; }	.showMedium{ display: block !important; }	.social {		width: 20px;		height: 20px;		margin: 0 1px;	}	/* Icon 1 */	#nav-icon3{		width: inherit;		height: inherit;		position: relative;		-webkit-transform: rotate(0deg);		-moz-transform: rotate(0deg);		-o-transform: rotate(0deg);		transform: rotate(0deg);		-webkit-transition: .5s ease-in-out;		-moz-transition: .5s ease-in-out;		-o-transition: .5s ease-in-out;		transition: .5s ease-in-out;		cursor: pointer;	}	#nav-icon3 span{		display: block;		position: absolute;		height: 2px;		width: 100%;		background: #b7c731;		opacity: 1;		left: 0;		-webkit-transform: rotate(0deg);		-moz-transform: rotate(0deg);		-o-transform: rotate(0deg);		transform: rotate(0deg);		-webkit-transition: .25s ease-in-out;		-moz-transition: .25s ease-in-out;		-o-transition: .25s ease-in-out;		transition: .25s ease-in-out;	}	/* Icon 3 */	#nav-icon3 span:nth-child(1) {		top: 3px;	}	#nav-icon3 span:nth-child(2),#nav-icon3 span:nth-child(3) {		top: 9px;	}	#nav-icon3 span:nth-child(4) {		top: 15px;	}	#nav-icon3.open span:nth-child(1) {		top: 20px;		width: 0%;		left: 50%;	}	#nav-icon3.open span:nth-child(2) {		-webkit-transform: rotate(45deg);		-moz-transform: rotate(45deg);		-o-transform: rotate(45deg);		transform: rotate(45deg);	}	#nav-icon3.open span:nth-child(3) {		-webkit-transform: rotate(-45deg);		-moz-transform: rotate(-45deg);		-o-transform: rotate(-45deg);		transform: rotate(-45deg);	}	#nav-icon3.open span:nth-child(4) {		top: 18px;		width: 0%;		left: 50%;	}	.container {			max-width: 100%;			height: inherit;	}	/*----------end general-------*/	/*----------header-------------*/	header .mobile{		background-color: rgba(0, 0, 0, 0.9);		height: 45px;		margin: 0 auto;		position: relative;		z-index: 999;	}	header .mobile .menuBtn{		width: 27px;		height: 20px;		overflow: hidden;		z-index: 10;		position: absolute;		top: 12px;	}	header .container{		text-align: center;	}	header .logoHolder{		overflow: hidden;		display: inline-block;		height: 100%;	}	header .logoHolder.hidden,	header .follow_lang.hidden{		opacity:.2;	}	header .logoHolder .logo{		height: 50%;		top: 12px;	}	header .logoHolder img{		height:100%;		width:auto;	}	header .follow_lang {		padding: 0px;	}	header .follow_lang .content .lang {		padding-right: 40px;		top: 14px;		right: 10px;	}	/*-------nav--------*/	header .mobile nav{		padding: 10px 20px;		background-color: rgba(0, 0, 0, 0.6);		font-size: 20px;		display: none;	}	header .mobile nav .menuItem{		color: #b7c72d;		display: block;		font-weight: bold;		text-align: center;	}	header .mobile nav .menuItem .menuName{		position:relative;		display: block;		padding: 10px 0px;	}	header .mobile nav .menuItem:hover .menuName,	header .mobile nav .menuItem.active .menuName{		color: #fff;	}	header .mobile nav .menuItem:hover .subMenu{			}	header .mobile nav .menuItem.hasSub:hover .menuName::before{	}	/*subMenu*/	header .mobile .subMenu{		display: none;		padding: 0;		position: static;		width: 100%;		background: transparent;		left: auto;		top: auto;	}	header .subMenu::before{		 	}	header .subMenu .core{		display: block;		margin: 0 auto;		transform: translateX(0%);		position: relative;		left: 0%;	}	header .subMenu a{		padding: 8px 0px;		display: block;		font-size: 11px;	}	header .subMenu a:hover,	header .subMenu a.active{		color:white;	}	/*------login-----*/	header .login .icon{		width: 20px;		height: 20px;		padding: 0px 15px;		float: right !important;	}	header .login .content{		max-width: 80%;		text-align: left;		float: right !important;	}	header .login .content .name{		/* display: none; */	}	header .login {		padding: 0 10px;		border-color: #232323;		max-width: 100%;		border: none;		position: absolute;		width: 100%;		left: 0;		padding-left: 60px;		overflow: hidden;		z-index: 1;		display: none;	}	header .login .loginBtn{		height:100%;	}	/*loginForm*/	.loginForm{		position: absolute;		top: 45px;		width: 100%;		background-color: rgba(0, 0, 0, 0.85);	}	.loginForm .container{		 max-width: 500px;		 text-align: left;	}	.loginForm .title{		font-size: 13px;		font-weight: bold;	}	.loginForm .form{		margin-top: 15px;		padding: 20px 0;	}	.loginForm .form .tfItem{		width: 100%;		float: none;		margin-right: 0;		padding-bottom: 30px;	}	.loginForm .form .tf{		margin-bottom: 20px;	}	.loginForm .form .username input.keep{		top: 5px;		width: 17px;		height: 17px;	}	.loginForm .form .keep{		font-size: 11px;	}	.loginForm .form .button{		padding: 13px 0px;		float: left;		width: 48%;		margin: 0;	}	.loginForm .form .registerBtn{		float: right;	}	.loginForm .content .des ul li{		font-size: 13px;		background-position: left top;	}	/*-------------end header---------*/	/*------------footer---------------*/	footer{		 background-size: 1050px;	}	.footerCore{		display: table;		width: 100%;		padding-top: 25px;		position: relative;		padding-bottom: 65px;	}	.footerCore .row01{		display: table-footer-group;	}	.footerCore .row02{		display: table-header-group;		position: relative;		width: 100%;	}	.footerCore .row03{		position: absolute;		width: 100%;		top: 100%;		text-align: center;		font-size: 11px;		margin-top: -80px;		padding-right: 40px;	}	.footerCore .row02 .left{		transform: translateY(0%);		position: relative;		top: 0%;		padding-top: 30px;	}	.footerCore .row02 .right{		position: absolute;	}	.footerCore .row02 .right img{		width: 90px;	}	.footerCore nav {		font-size: 14px;	}	.footerCore nav a {		line-height: 1.8;	}	.footerCore .w3 {		width: 100%;		padding: 0;	}	.footerCore .networks {			padding: 20px 0px;	}	.footerCore .title {			font-size: 10px;			font-weight: normal;			margin-top: 6px;	}	.footerCore .social {			width: 35px;			height: 35px;	}	.footerCore .follow {	}	.footerCore .follow a{		margin: 0 8px;	}	.footerCore .logo .logoItem {			display: inline-block;			padding: 0px 30px 20px 0px;	}		.footerCore .news .listItem {		margin-right: 20px;	}	/*--------------footer--------------*/} /*end @media screen and (max-width: 1024px)*/@media screen and (max-width: 768px){	.footerCore .news,	.footerCore .login{		display: none	}	.container{		padding: 0 10px;	}	h2{		font-size: 20px;	}	.footerCore{		padding: 25px 10px 55px;	}	.footerCore nav a{		line-height: 1.5;	}	/* HOME PAGE */		.mainBanner.type1{			height: 284px;		}		.mainBanner.type1 .container{			padding: 0;		}		.mainBanner .content.align_lb,		.heroBanner .content.align_lb{			bottom: 90px;			max-width: 100%;			width: 100%;		}		.mainBanner .title::before,		.heroBanner .title::before{			width: 100px;			height: 100px;			margin: -50px 0 0 -50px;		}		#pHome .about{			top: -35px;				margin-bottom: 0;		}		#pHome .about .container{			padding: 0;		}		#pHome .about .right{			width: 100%;			padding: 0 10px;			float: none !important;			clear: both;		}		#pHome .about .box01{			padding: 20px 10px 60px;			min-height: 1px;		}		.box01 .testimonial{			position: static;			bottom: auto;			padding: 0;		}		.box01 .des{			width: 100%;			padding-bottom: 0px;		}		.box01 .testimonial .quote{			font-size: 17px;		}		.box01 .testimonial .by{			margin-top: 0;		}		.mainBanner .content .title,		.heroBanner .content .title{			font-size: 32px;		}		#pHome .about .learnMore{			width: 100px;			height: 100px;			position: static;		}		#pHome .about .left{			margin: 0;			width: 100%;			height: 210px;			margin-bottom: -50px;		}		#pHome .destinations{			margin-top: -20px;		}		#pHome .bigTitle{			padding-top: 7px;			padding-bottom: 14px;		}		#pHome .bigTitle .container{			padding-left: 10px;			padding-right: 10px;		}		#pHome .bigTitle .container h2{			font-size: 20px;		}		#pHome .destinations .desContent .container{			padding: 0;		}		#pHome .destinations .thumbHolder{			padding: 0;		}		#pHome .destinations .thumbHolder li{			padding: 0;			width: 50%;		}		.thumbItem .outItem .title{			font-size: 20px;		}		.thumbItem .outItem .copy{			margin-top: -9px;			font-size: 14px;		}		.thumbItem .overItem .copy{			font-size: 14px;		}		#pHome .destinations .thumbHolder li:last-child{			margin-left: 25%;		}		#pHome .contact .mainTitle{			font-size:30px;		}		#pHome .contact .des p span{			font-size: 14px !important;		}		.footerCore .logo .logoItem{			padding-right: 6px		}		.footerCore .logo .logoItem img{			height: 50px;		}		#pHome .contact .button{			margin: 0 auto 10px;			width: 100%;		}		/* 0512 */		.heroBanner .greenSpare{			left: 0;			top: 17%;			width: 100%;			text-align: center;			font-size: 19px;		}		.heroBanner .greenSpare .copy{			padding: 0px 11%;			display: block;			text-align: center;		}		.heroBanner .title::before{			top: 5%;		}	/* ABOUT US PAGE */		.mainBanner.type2{			height: 325px;		}		#pAboutUs .mainBanner.type2 .content{			top: 38%;		}		.contentWrap .container{			padding: 0;		}		.box03 .bTitle{			float: none;			width: auto;			font-size: 20px;			padding-bottom: 10px;			margin-bottom: 20px;		}		.box03 .bTitle br{			display: none;		}		#pAboutUs .who{			top: -30px;			margin: 0 15px -15px;			padding: 30px 15px;		}		#pAboutUs .box03 .des{			width: 100%;			font-size: none;		}		#pAboutUs .videoPlayer{			margin: 0;			height: 240px;		}		.videoPlayer .thumb .videoInfo {			padding: 10px 14px;			font-size: 17px;		}		.videoPlayer .thumb .videoInfo .caption {			line-height: 33px;		}		.videoPlayer .thumb::before{			background-size: 15%;		}		.timeline .tlCore .tlContent .img{			width: 100%;			height: 200px;			float: none;			clear: both;		}		.timeline .tlCore{			padding-top: 0;		}		.tlCore .container{			padding: 0;		}		.timeline .tlCore .tlContent .des{			width: 100%;			float: none;			clear: both;			padding: 20px;		}		.timeBar{			margin-bottom: 0;			top: 0;			position: absolute;			margin: 0;			width: 100%;		}		.timeBar .controlBtn{			top: 30px;		}		.timeBar ul{			padding-top: 30px;		}		.timeline .tlCore .container{			position: relative;			padding-top: 90px;		}		.timeline .tlCore .tlContent{			height: auto;		}		.timeline .tlCore .tlContent .year{			font-size: 44px;		}		.timeline .tlCore .tlContent .title{			font-size: 13px;			padding: 20px 0;		}		.timeline .tlCore .tlContent .des p span{			font-size: 13px !important;		}		.timeBar ul li:hover .thumb, .timeBar ul li.active .thumb {			display: none;		}		.timeBar .list::before{			top: 45px;		}		.timeBar .controlBtn{			left: 2%;		}		.timeBar .controlBtn.next{			left: 98%;		}		.timeBar .year{			font-size: 14px;		}		#pAboutUs .ourStory, #pAboutUs .ourUnique{			margin-top: 0;		}		#pAboutUs .ourValues{			margin-top: 20px;		}		#pAboutUs .box04{			font-size: 14px;			padding: 0 20px;		}		#pAboutUs .mainBanner.type2{			height: 320px;			background-position: 69% center;		}		#pAboutUs .ourValues .mainContent .col01{			width: 100%;			top: -30px;			height: auto;			margin-bottom: 0;			padding: 15px 10px;		}		#pAboutUs .ourValues .mainContent .col02{			width: 100%;			font-size: 14px;			padding: 0 10px 20px;		}		#pAboutUs .ourUnique .mainBanner.type2 .content{			top: 50%;		}		#pAboutUs .ourCareers .mainBanner.type2 .content{			/*top: 46%;*/			top: 0;		}		.mainBanner.type4 .content .des{			line-height: 1.2;		}		.mainBanner.type4 .content .des p span{			font-size: 12px !important;			line-height: 1.5;		}		.groupOfIcons{			width: 100%;		}		.groupOfIcons li {			width: 140px;			height: 140px;			margin: 5px;			overflow: hidden;		}		.groupOfIcons li img.align-m{			width: 25%;		}		.groupOfIcons li:nth-child(1),		.groupOfIcons li:nth-child(4),		.groupOfIcons li:nth-child(7){			/*left: 50%;*/			margin-left: 0;		}		.groupOfIcons li:nth-child(5){			margin-left: 0;		}		.greenSpare.type2::before {			content: '';			/*width: 98px;			height: 98px;			margin-top: -49px;			margin-left: -49px;*/			background-color: #b7c731;		}		.groupOfIcons li .des{			padding: 5px;		}		.groupOfIcons li .des p{						font-size: 9px;		}		.groupOfIcons li .des .title{			font-size: 15px;			padding-top: 0px;		}	/* DESTINATION PAGE */		.mainBanner .content .des{			font-size: 10px;		}		.box02 .title{			font-size: 18px;		}		.greenSpare_bf::before,		.greenSpare_bf::after{			width: 12px;			height: 12px;			top: 3px;		}		#pDestination .contentWrap .box02.right,		#pDestination .contentWrap .box02{			left: auto;			margin: 0 10px;			top: -110%;			width: auto;			padding: 20px 10px;		}		#pDestination .climate .box-climate{			display: block;			text-align: left;		}		#pDestination .contentWrap .desHolder{			height: 274px;			margin-top: 85%;		}		#pDestination .mainBanner .content {			padding-top: 0;			top: 20%;		}		#pDestination .contentWrap .row:first-child .desHolder:last-child .box02{			top: -80%;		}		#pDestination .contentWrap .row:first-child .desHolder:last-child{			margin-top: 60%;		}		#pDestination .conCore .row02 {			padding: 20px 10px;		}		#pDestination .climate{			width: 100%;			border: none;		}		.calenda{		}		.calendar li{			width: 25px;			margin-right: 0;		}		.calendar li .month{			padding: 7px 0;			font-size: 11px;		}		.calendar li .degree{			font-size: 9px;		}		#pDestination .info {			width: 100%;			float: none;			padding-left: 0;			color: black;			padding-bottom: 30px;		}		#pDestination .google{			position: relative;			left: auto;			top: auto;			margin: 0;			padding: 0;			clear: both;			float: none;			width: 100%;			height: 250px;		}		#pDestination .contentWrap .map .desHolder{			height: auto;			margin-top: 0;		}		#pDestination .conCore .map{			background-color: #000;		}		#pDestination .contentWrap #locationHolder{			padding: 20px 10px 105px;			margin: -15px 10px 10px;			left: auto;			height: auto;		}		.pin::before{			top: -4px;		}		#pDestination .contentWrap .map .box02 .des .copy {			width: 100%;			float: none;			clear: both;			line-height: 1.3;		}		#pDestination .contentWrap .map .box02 .img{			width: 90px;			height: 90px;			margin-top: 15px;			margin-bottom: 30px;			top: auto;		}		#pDestination .videoHolder .container{			padding: 0;		}		#pDestination .videoPlayer{			height: auto;		}		#pDestination .thumb{			height: 200px;		}		#pDestination .videoPlayer .thumb .videoInfo{			font-size: 13px;		}		#pDestination .thumbVideo{			margin: 0;		}		#pDestination .thumbVideoItem{			width: 50%;			font-size: 17px;		}		.mapLengend{			width: 100%;			margin-top: 20px;		}		.mapLengend li .weatherIcon{			margin-right: 6px;			margin-top: -3px;		}		#pDestination .general .listInfo{			width: 100%;		}		#pDestination .rateExchange {		    margin-top: 10px;		}		#pDestination .rateExchange .noteCopy{			margin-bottom: 30px;		}	/* SERVICE PAGE */		.mainBanner .content{			top: 20%;		}		#pServices .mainContent{			position: relative;			top: -30px;			margin-bottom: 0;			padding: 15px 10px;			font-size: 13px;			line-height: 1.3;		}		#pServices .programs .container{			padding: 0;		}		#pServices .programs .smallBox01{			width: 100%;			float: none;			clear: both;		}		.smallBox01 .title{			font-size: 20px;			width: 82%;		}		.smallBox01 .des{			font-size: 13px;		}		.smallBox01 .copy{			min-height: 1px;			height: auto !important;			padding: 20px 10px;		}		.smallBox01 .icon{			margin-left: -100px;			margin-top: -25px;		}		#pServices .greenSpare.type2::before{			width: 60px;			height: 60px;			margin-top: -30px;			margin-left: -30px;		}		#pServices .greenSpare.type2 img{			width: 43%;		}		#pServices .programs .nojob{			padding: 40px 10px;			margin: 0;			width: 100%;		}		.nojob .copy{			font-size: 13px;			padding-bottom: 20px;		}		.nojob.download .button{			margin: 0;			width: 100%;		}		.mainBanner.type3{			height: 275px;		}		#pServices .testimonials .mainBanner .content{			top: 50%;		}		.testimonialsBox .tesContent{			padding: 0;		}		.testimonialsBox .smallCopy{			right: auto;			left: 4%;			margin-left: 0;			width: 68%;			font-size: 14px;			padding: 10px;			margin-top: -30px;		}    		.testimonialsBox.type2 .smallCopy{			left: 4%;		}		.testimonialsBox .mainCopy,		.testimonialsBox.type2 .mainCopy{			font-size: 13px;			line-height: 1.3;			padding: 0px 35px 15px;			text-align: left;					}		.testimonialsBox .mainCopy::before, .testimonialsBox .mainCopy::after{			width: 25px;			height: 25px;			left: 5px;			background-size: contain;			top: 36px;		}		.testimonialsBox .mainCopy::after{			left: auto;			right: 5px;			top: auto;			bottom: 26px;		}		#pServices .testimonials .testimonialsBox{			margin-top: 0;		}		#pServices .contentHolder .email{			margin: 0;			padding: 30px 10px;		}		#pServices .contentHolder .email .nojob{			padding: 0;		}		#pServices .contentHolder .email .nojob .button{			clear: both;			width: 100%;			margin: 0;		}	/* SERVICE QUALITY PAGE */		.bigTitle{			padding-bottom: 15px;		}		#pQuality .mainContent .mainContent{			margin-top: -30px;			padding: 0 10px;			font-size: 13px;			line-height: 1.3;			text-align: left;		}		#pQuality .mainContent .mainContent p{			padding-top: 13px;		}		.bigTitle02{			font-size: 30px;		}		.bigTitle02::before{			top: 80%;		}				#pQuality .evaluate .titleHolder{			margin-bottom: 20px;		}		#pQuality .evaluate .evaContent{			width: 100%;		}		#pQuality .evaluate .evaContent .boxIcon{			clear: both;			margin: 0 auto;			width: 100%;			padding-bottom: 20px;		}		.boxIcon .icon{			width: 120px;			height: 120px;		}		.boxIcon .icon img{			width: 50%;		}		.boxIcon .des{			margin-top: 35px;		}		.boxIcon .des p span{			font-size: 12px !important;		}		.chartHolder .fillter .title{			font-size: 13px;			width: 100%;		}		.chartHolder .fillter .right{			width: 100%;			text-align: left;		}		.chartHolder .fillter .timeline,		.chartHolder .fillter .destinations{			padding: 10px 0 0;	    overflow: hidden;	    clear: both;	    display: block;	    width: 100%;		}		.chartHolder .fillter .col .name{			display: block;    	width: 27%;    	font-size: 13px;		}		.chart .flowChart{			height: auto;		}		.reportHolder .mainContent{			padding: 15px 15px 45px;		}		.reportHolder .mainContent .colLeft{			padding: 0;			height: auto;			font-size: 14px;			width: 100%;			clear: both;			display: block;			text-align: left;		}		.reportHolder .mainContent .colRight{			width: 100%;			text-align: left;			display: block;			padding: 20px 0 0;			margin-top: 20px;		}		.reportHolder .mainContent .colRight > p{			clear: both;			padding-bottom: 10px;			overflow: hidden;		}		.reportHolder .mainContent .big{			font-size: 30px;		}		.reportHolder .mainContent .per{			font-size: 40px;			float: left;			margin-right: 10px;			margin-top: -7px;		}		.reportHolder .mainContent .colRight::before{			width: 60px;			height: 1px;		}		.reportHolder .subContent{			padding: 15px 10px;			margin-top: -40px;		}		.reportHolder .subCore{			padding: 10px;		}		.reportHolder .subContent .des{			margin-top: -20px;			font-size: 13px;		}		.reportHolder .subContent .des p span{			font-size: 13px !important;			font-weight: 400;		}	/* FOUNDATION PAGE  */		#pFoundation .mainContent{			top: -30px;			margin-bottom: 0;			padding: 15px 10px;			font-size: 13px;			line-height: 1.3;			text-align: left;		}		#pFoundation .contentWrap .container{			margin: 0;			padding: 0 10px;		}		.newsHolder .newsItem{			width: 100%;			min-height: 1px;			height: auto;			margin: 0 0 10px;		}		.newsItem .newsItemCore{			padding: 0;		}		.newsItem .info.type2{			padding: 10px;		}		.newsItem .info .title.type2{			font-size: 19px;		}		.newsItem .info .title img{			margin-right: 5px;		}		.newsItem .newsItemCore .copy{			height: auto;			margin-top: 10px;			font-size: 13px;		}		#pFoundation .sendEmail {		    margin-top: 20px;		    padding: 0 0 30px;		}		.nojob .button{			margin: 0;		    clear: both;		    width: 100%;		}		.newsItem .newsItemCore > img{			max-height: none;		}		#pFoundation .newsHolder{			width: 100%;		}	/* NEWS PAGE */		#pNews .contentWrap .container{			padding: 10px;		}		.newsItem .info{			margin-top: 10px;		}		.newsItem .info .title{			font-size: 15px;			font-weight: 700;		}		.newsItem .info .des{			margin-top: 10px;			font-size: 12px;		}		#pNews .newsItem .info .des .right .button{			display: block;		}		#pNews .newsHolder{		   width: 100%;		  }		#pNews .newsHolder .newsItem{		   margin-bottom: 10px;		   height: auto;		  }		.newsItem.type2:first-child .newsItemCore{			padding: 0;		}	/* NEWS DETAIL */		#pNewsDetail .shareHolder{			display: none;		}		#pNewsDetail .conCore{			padding: 10px;			margin: 0 10px;			top: -30px;		}		.detail .mainTitle{			font-size: 16px;		}		.detail .mainTitle::before{			height: 1px;			top: 80%;		}		.detail .info{			font-size: 13px;		}		.detail .de-content img{			width: auto !important;			max-width: 100% !important;			height: auto !important;		}		.smallTitle{			font-size: 20px;			border-width: 1px;		}		#pNewsDetail .youMayLike .newsItem{			min-height: 1px;			width: 100%;			clear: both;			padding-bottom: 20px;		}		.newsItem.type2 .info .des{			margin-top: 5px;		}		.newsItem.type2 .newsItemCore,		.newsItem.type2:last-child .newsItemCore{			padding: 0;		}		#pNewsDetail .right{			width: 100%;			margin: 0;		}	/* CONTACT PAGE */		.googleMap{			height: 200px;		}		#pContact .mainForm{			padding: 0 0 40px;			max-width: 100%;		}		#pContact .mainForm .title{			font-size: 13px;			width: 100%;			padding: 30px 0;		}		#pContact .mainForm .col{			width: 100%;			clear: both;			padding: 0;		}		#pContact .mainForm textarea.tf{			min-height: 150px;		}		#pContact .mainForm .copy{			font-size: 14px;		}	/* CAREER PAGE */		#pNewsJob .contentWrap{			padding: 10px 0 40px;		}		.searchHolder{			height: auto;			padding: 10px 10px;		}		.searchHolder .left{			top: auto;			transform: translateY(0);			padding: 0;			width: 100%;		}		.jobTable .jobTittle{			font-size: 12px;			padding: 10px;		}		.jobTable .jobTittle > div{			padding: 0;		}		.jobTable .title, .jobTable .location{			padding: 4px 0;			margin: 0;			width: 100%;			float: none;			clear: both;		}		.jobTable .jobItem{			font-size: 12px;			padding: 10px;		}		.jobTable .location{			width: 58%;			float: left;			clear: none;		}		.jobTable .posted{			width: 38%;			float: right;			position: static;			right: auto;			clear: none;			border-left: none;			border-right: none;			text-align: right;			padding: 4px 0;		}	}@media screen and (min-width:461px) and (max-width: 768px){	/* FOUNDATION PAGE */		.newsHolder .newsItem:nth-child(3n+1){			clear: none;		}	/* DESTINATION PAGE */		#pDestination .contentWrap .desHolder{			margin-top: 20%;		}		#pDestination .contentWrap .box02.right, #pDestination .contentWrap .box02 {	    top:-60%;	  }	  #pDestination .contentWrap .row:first-child .desHolder:last-child{	  	margin-top: 15%;	  }	  #pDestination .contentWrap .row:first-child .desHolder:last-child .box02{	  	top: -46%;	  }	  #pDestination .climate {    	width: 310px;    	float: right !important;		}		#pDestination .info{			width: 50%;			float: left;		}	/* NEWS PAGE */		.newsHolder .newsItem{			width: 50%;		}		.newsItem .newsItemCore{			padding: 0 5px;		}		#pNewsDetail .youMayLike .newsItem{			width: 50%;			clear: none;		}		.newsItem.type2 .newsItemCore,		.newsItem.type2:first-child .newsItemCore{			padding: 0 5px;		}	}@media screen and (max-width: 768px){	.detailItemHolder {		height: auto !important;		padding: 0;	}		.detailItemHolder > .w2 {		width: 100%;	}		#pFoundation .detailItemHolder {		padding: 0;	}		.detailItemHolder .contentHolder .desHolder {			height: auto;			overflow: hidden;			padding-bottom: 60px;		}}@media screen and (max-width: 460px){	/* ABOUT US PAGE */	.groupOfIcons li,	.groupOfIcons li:nth-child(1),	.groupOfIcons li:nth-child(4),	.groupOfIcons li:nth-child(7){		/*left: 50%;*/		/*margin-left: 27%;*/		width: 300px;		height: 300px;		margin: 0 auto;		left: auto;		float: none;	}}@media screen and (min-width: 1024px){	.hideLarge{display: none !important;}	.showLarge{display: block !important;}	}@media screen and (max-width: 1023px){	.hideSmall{display: none !important;}	.showSmall{display: block !important;}	header{	 		z-index: 999;	}