/***************************************************************************************
                                    Media Queries
***************************************************************************************/
@media only screen and (min-width:1800px) {
	.manuContent .triangleBtm {
		border-top: 437px solid transparent;
    border-left: 635px solid #6AA2DB;
    border-bottom: 0 solid transparent;
	}

	.plantContent .triangleBtm {
    border-top: 435px solid transparent;
    border-left: 636px solid #6AA2DB;
    border-bottom: 0 solid transparent;
	}

	.plantContent .triangleTop {
    border-left: 637px solid transparent;
    border-right: 0 solid transparent;
    border-top: 437px solid #6AA2DB;
	}

	.propertyContent .triangleBtm {
    border-top: 437px solid transparent;
    border-left: 635px solid #6AA2DB;
    border-bottom: 0 solid transparent;
	}

	.container {max-width: 1700px !important;}
	.values_triangleTop {
    border-top: 0 solid transparent;
    border-right: 536px solid #208ECE;
	}
	.values_triangleBtm {
    border-top: 285px solid transparent;
    border-left: 540px solid #208ECE;
	}
}

@media only screen and (min-width:1501px) {
	#manufacturing-main .manu-content .manu-overview {padding:10%;}
	.values_triangleTop {
    border-top: 0 solid transparent;
    border-right: 534px solid #208ECE;
	}
	.values_triangleBtm {
    border-top: 418px solid transparent;
    border-left: 550px solid #208ECE;
	}
	.sust-report-prev .report-down .sust-img{height: 260px; }
}

@media only screen and (max-width:1500px){
	.manuContent, .plantContent, .propertyContent {min-height: 436px;}
	.plantContent .triangleTop {
		border-left: 636px solid transparent;
    border-right: 0 solid transparent;
    border-top: 437px solid #6AA2DB;
	}
	.triangleTop {
		border-left: 635px solid transparent;
    border-right: 0 solid transparent;
    border-top: 437px solid #6AA2DB;
	}
	.triangleBtm {
		border-top: 430px solid transparent;
	    border-left: 625px solid #6AA2DB;
	    border-bottom: 0 solid transparent;
    }
	.sust-report-prev .report-down .sust-img{height: 260px; }
	
	.values_triangleTop {border-right: 420px solid #208ECE;}
	.values_triangleBtm {
    border-top: 500px solid transparent;
    border-left: 500px solid #208ECE
	}
	.sust-report-prev .col-lg-3 {
		max-width: 50%;
		flex: 0 0 50%;

	}
}

@media only screen and (max-width: 1366px) {
	.manuContent, .plantContent, .propertyContent {min-height: 314px;}
	.triangleTop {border-left: 434px solid transparent; border-top: 329px solid #6AA2DB;}
	.plant_business .triangleBtm{
		border-top: 331px solid transparent;
    border-left: 437px solid #6AA2DB;
	 }

	 .values_triangleTop {
    border-right: 394px solid #208ECE;
	}	

	h1 {padding:3% 0;}

	.values_triangleTop {border-right: 416px solid #208ECE;}
	.values_triangleBtm {
    border-top: 425px solid transparent;
    border-left: 435px solid #208ECE;
	}
	#bod .bods {max-width: 100%;}
	.sust-report-prev .report-down .cover-2019{	height: 260px; }
	.sust-report-prev .report-down .cover-2018{	height: 260px;}
	.sust-report-prev .report-down .cover-2017{	height: 260px;}
	.sust-report-prev .report-down .cover-2016{	height: 260px;}
	.sust-report-prev .col-lg-3 {
		max-width: 50%;
		flex: 0 0 50%;

	}
}

@media only screen and (max-width: 1280px) {

	.container {max-width: 1256px;}
	#bod .bods {max-width: 100%;}
	h1 {padding: 5% 0;}
	.triangleTop {
    border-left: 427px solid transparent;
    border-top: 313px solid #6AA2DB;
	}
	.triangleBtm {
		border-top: 314px solid transparent;
    border-left: 429px solid #6AA2DB;
	}

	.plant_business .triangleBtm {
    border-top: 315px solid transparent;
    border-left: 427px solid #6AA2DB;
	}

	.plant_business .triangleTop {
		    border-left: 425px solid transparent;
    border-top: 313px solid #6AA2DB;
	}

	#bod .bods {max-width: 100%;}

	.values_triangleTop {    border-right: 500px solid #208ECE;}
	.values_triangleBtm {    border-top: 500px solid transparent;}
	.sust-report-prev .col-lg-3 {
		max-width: 50%;
		flex: 0 0 50%;

	}
}

@media screen and (min-width:1200px) {
	  .container {max-width: 1340px;}
	  #bod .bods {max-width: 100% !important;}
	  
}

@media only screen and (max-width:1200px){
	#bod .bods {max-width: 100%;}
	.triangleBtm {
		border-top: 295px solid transparent;
    border-left: 435px solid #6AA2DB;
    border-bottom: 0 solid transparent;
	}
	.triangleTop{
		border-left: 435px solid transparent;
    border-right: 0 solid transparent;
    border-top: 297px solid #6AA2DB;
	}

	.sust-report-prev .col-lg-3 {
		max-width: 50%;
		flex: 0 0 50%;

	}
}

@media only screen and (max-width:1024px){
	.overlay {
		width: 100%;
		height: 100%;
		background-color:rgba(0,0,0,0.3);
		position: absolute;
		top: 0;
		left: 0;
	}
	#footer .footerCont img {
	    margin: 0 auto 30px;
	    text-align: center;
	}
	.values_con:hover .values_triangleTop, .values_con:hover .values_triangleBtm {display: none;}
 .top_con object:last-child {display: none;}
.values_con:hover object:first-child {visibility: visible; position: relative;}

	.manuContent h2, .plantContent h2, .propertyContent h2{
		transform: translateY(0);
	}

	.manuContent p, .plantContent p, .propertyContent p {transform: translateY(0); }
	.manuContent:hover p,
	.plantContent:hover p,
	.propertyContent:hover p {transform: translateY(0px);}
	.manuContent, .plantContent, .propertyContent {padding: 30px 0;}

	#main_values .top_con:first-child {width: 25%;}
	#main_values .top_con:last-child {width: 75%;}
	#main_values .top_con:first-child object {width: 100%;}

	.top_conOuter {font-size: 0; height: 100%; min-height: 70px; max-height: 77px;}
	.top_conOuter span {font-size:1.6rem;}

	.triangleTop, .triangleBtm {display: none;}

	.coreVal .accountability:after, .coreVal .coreVal-integ:after, .coreVal .coreVal-responsibility:after, .coreVal .coreVal-safety:after, .coreVal .coreVal-passionate:after, .coreVal .coreVal-creation:after {transform:translateY(0);}
	.coreVal .cp-titles {transform: translateY(-120px);}
	#main_news a h3 {font-size: 1.4rem;}

	.coreBiz-nav h3 {left: 	20px}

	.sust-report-prev .col-lg-3 {
		max-width: 50%;
		flex: 0 0 50%;

	}
}

@media only screen and (min-width:768px) and (max-width:1023px){
	.coreBiz-nav h3 {left: 20px;}
	#director-of-subsidiaries {padding: 50px 0;}
	#bannerTop {
		height: auto;
    min-height: 400px;
	}
	h1 {padding:0; font-size: 4rem; margin:0; height: 15vh;}
	#main_join:before {
    content: "";
    background-color: rgba(255, 255, 255, 0.8);
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
	}

	#main_join {text-align: center;}
	#main_join .joinus_btn {margin:40px auto;}
	#corporate-profile .quotes {padding:60px 0;}

	#corporate-profile .quotes h4 {font-size: 2.6rem;}
	#corporate-profile h2 {font-size: 3rem;}
	#corporate-profile .manufacturing,
	#corporate-profile .plantation,
	#corporate-profile .property {min-height: 306px;}

	.coreVal {padding-top:60px;}
	#bod .bod-lists {
    min-height: 512px;
  }

  #bod-main > div.bannerTop-inner {height: auto; padding-bottom:6%;}
  #bod-main .bod-main h2 {font-size:3rem;}
  #bod-main .accordion .btn-link,
  #bod-main .bod-main p {font-size:1.3rem;}
  #bod-main .bod-img-cont {min-height:570px;}
  #bod-main .bod-img-cont {background-position-x: 50%;}

  #milestones .m-text {font-size: 2rem;}
  #milestones .m-container {height: 40vh;}

  .manu-content {
  	min-height: auto;
  	height: auto;
  	max-height: unset;
  	flex-direction: column;
  }

  .manu-content .manu-overview {width: 100%; padding:5% 5%;}
  .manu-banners {width: 100%;}
  #property-main .properties-tables {padding:60px 0;}
  .coreBiz-nav {padding:30px 0;}
	#contacts-main .contact-container {padding:5%;}
	#director-of-subsidiaries p {width:55%;}
}



@media only screen and (min-width:480px) and (max-width:767px){
	h1 {font-size: 4.4rem; padding: 0; text-align: center; margin:0;}
	#bannerTop {
		height: auto;
    min-height: 400px;
	}
	#bod .bod-lists {
    min-height: 472px;
  }
	.sustCont,
	.whiteOverlay{	width: 100%; text-align:center; }
	#main_sust a {margin:30px auto 0;}

	#main_values h3 {font-size:1.6rem;}
	#main_values .row > div:last-child {margin-bottom:0;}
	#main_join:before {
	content: "";
	background-color: rgba(255, 255, 255, 0.8);
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	top:0;
	left:0;

	}
		#main_join {text-align: center;}
	#main_join .joinus_btn {margin:40px auto;}
	#director-of-subsidiaries {padding: 25px 0;}
	#footer .footerCont img {
    margin: 0 auto 30px;
    text-align: center;
	}

	.manu-content {
  	min-height: auto;
  	height: auto;
  	max-height: unset;
  	flex-direction: column;
  }

  .manu-content .manu-overview {width: 100%; padding:5% 5%;}
  .manu-banners {width: 100%;}
  #property-main .properties-tables {padding:30px 0;}
  .coreBiz-nav {padding:30px 0;}

  .coreBiz-nav .plant-nav,
  .coreBiz-nav .manufacturing-nav,
  .coreBiz-nav .property-nav {height: 320px;}
  .coreBiz-nav h3 {
  	text-align: center;
  	left: 0;
  	right: 0;
  	bottom:30px;
  	font-size: 2.4rem;
  }
  .sust-report-prev .col-lg-3 {
		max-width: 100%;
		flex: 0 0 100%;

	}
	#contacts-main .contact-container {padding: 5%;}
	#gdirectory {padding-top:40px; padding-bottom:0;}
	#gdirectory .tabs li {min-width:139px; max-width:139px;}
	#contacts-main .googleMaps iframe {height:350px;}
	
	#director-of-subsidiaries p {width: 100%;}
	#director-of-subsidiaries .select-custom {position: relative; max-width:100%;}
	#director-of-subsidiaries select {max-width: 100%; margin-bottom: 30px;	}
}	

@media only screen and (max-width:479px) {
	h1 {font-size: 3.6rem; padding: 20% 0; text-align: center; margin:0; height: 25vh;}
	#bannerTop {
		height: auto;
    min-height: 400px;
	}
	#main_values,
	#main_about {padding: 10% 0;}
	#main_values h2,
	h2 {font-size:2.8rem;}
	.values_con p {text-align: center;}

	.sustCont,
	.whiteOverlay{	width: 100%; text-align:center; }
	#main_sust a {margin:30px auto 0;}
	#main_values .row > div:last-child {margin-bottom:0;}

	#main_join:before {
	content: "";
	background-color: rgba(255, 255, 255, 0.8);
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	top:0;
	left:0;
	}
		#main_join {text-align: center;}
	#main_join .joinus_btn {margin:40px auto;}
	#corporate-profile .quotes {padding:40px 0;}	
	#corporate-profile .quotes h4 {font-size: 2.2rem;}
	#corporate-profile .manufacturing,
	#corporate-profile .plantation,
	#corporate-profile .property {min-height: 216px;}
	.coreVal {padding-top:40px;}

	#bod .bod-lists { min-height: 472px; }
	#bod-main .accordion .btn-link {font-size:1.2rem;}
	#bod-main .bod-main {padding-top:40px;}
	#bod-main .bod-img-cont {
	    min-height: calc(.5 * 100vh);
	    width: 100%;
	    background-position-x: center;
	}
	#bod-main .bod-nav-list {   border-bottom: 1px dashed rgba(0, 0, 0, 0.25);}
	#director-of-subsidiaries {padding: 25px 0;}

	#bod-main .bod-details {
		padding:30px 20px;
	}
	#management-team .bod-img-cont {background-size: 100%;}
	#management-team .mt-main {padding-top: 30px;}
	#management-team .mt-details {padding-bottom: 30px;}

	#milestones .m-text {font-size: 1.6rem; text-align: center;}
	#milestones .m-container {height: 45vh;}
	#footer .footerCont img {margin: 0 auto 30px;}
	#milestones .m-year {font-size: 3rem;}
	#footer .footerCont img {
    margin: 0 auto 30px;
    text-align: center;
	}

	.manu-content {
  	min-height: auto;
  	height: auto;
  	max-height: unset;
  	flex-direction: column;
  }

  .manu-content .manu-overview {width: 100%; padding:5% 5%;}
  .manu-banners {width: 100%;}
  .coreBiz-nav {padding:30px 0;}
#property-main .properties-tables {padding: 30px 0;}
  .coreBiz-nav .plant-nav,
  .coreBiz-nav .manufacturing-nav,
  .coreBiz-nav .property-nav {height: 220px;}
  .coreBiz-nav h3 {
  	text-align: center;
  	left: 0;
  	right: 0;
  	bottom:30px;
  	font-size: 1.6rem;
  }
  .sust-report-prev .col-lg-3 {
		max-width: 100%;
		flex: 0 0 100%;
	}
	
	#contacts-main .contact-container {padding: 5%;}
	
	#gdirectory {padding-top:40px; padding-bottom:0;}
	#gdirectory .tabs li {min-width:120px; max-width:130px;}
	#gdirectory .tabs p {font-size:1.4rem;}
	#contacts-main .tab-content{padding:15px 0;}
	#gdirectory h4 {font-size:1.8rem;}
	#contacts-main .googleMaps iframe {height:350px;}
	
	#director-of-subsidiaries p {width: 100%;}
	#director-of-subsidiaries .select-custom {position: relative; max-width:100%;}
	#director-of-subsidiaries select {max-width: 100%; margin-bottom: 30px;	}
}

@media screen and (max-width: 320px) {
	h1 {
    font-size: 3.6rem;
    padding: 20% 0;
    text-align: center;
    margin: 0;
    height: 40vh;
}
	#bod-main .accordion .btn-link {font-size: 1rem;}
	#bod-main .bod-nav-list .text-box h3, #bod-main .bod-nav-list .text-box h4 {font-size: 1.2rem;}
	#main_values h2, h2 {font-size: 2.4rem; padding-top:20px;}
	#director-of-subsidiaries {padding: 25px 0;} 		
	#management-team .bod-img-cont {background-size: 100%;}
	#management-team .mt-main {padding-top: 30px;}
	#management-team .mt-details {padding-bottom: 30px;}
	#milestones .m-text {font-size: 1.6rem; text-align: center;}
	#milestones .m-container {height: 45vh;}
	#milestones .m-year {font-size: 3rem;}
	#footer .footerCont img {margin: 0 auto 30px;}
	#footer .footerCont img {
    margin: 0 auto 30px;
    text-align: center;
	}

	.manu-content {
  	min-height: auto;
  	height: auto;
  	max-height: unset;
  	flex-direction: column;
  }

  .manu-content .manu-overview {width: 100%; padding:5% 5%;}
  .manu-banners {width: 100%;}
  #property-main .properties-tables {padding: 30px 0;}
  .coreBiz-nav .plant-nav,
  .coreBiz-nav .manufacturing-nav {height: 220px;}
  .coreBiz-nav h3 {
  	text-align: center;
  	left: 0;
  	right: 0;
  	bottom:30px;
  	font-size: 1.6rem;
  }
	#plantation-main .bannerTop-inner .gradient-banner, #property-main .bannerTop-inner .gradient-banner{
		background: rgb(12,38,72);
background: linear-gradient(180deg, rgba(12,38,72,0) 0%, rgba(12,38,72,0.4822303921568627) 16%, rgba(12,38,72,1) 100%);
	}
	.sust-report-prev .col-lg-3 {
		max-width: 100%;
		flex: 0 0 100%;
	}
	
	#contacts-main .contact-container {padding:5%;}
	#contacts-main .googleMaps iframe {height:350px;}
}