@media (max-width:1300px) {



	.parallax-images-section { display: flex; }

	.parallax-images-section .arrow-section {  width: 328px; height: 279px;	top: 241px;left: 3px;  }

	.parallax-images-section .arrow-section-right { width: 330px; height: 360px; top: 11px;	left: -66px;	}

	.arrow-section .arrow-shape.layer-three {

		top: -33px;

		left: 70px;

	}

	.arrow-shape.layer-three .arrow-shape-img img {

		width: 125px;

	}

	.arrow-shape.layer-three .arrow-inner-img img {

		width: 40px;

	}

	.arrow-shape.layer-two .arrow-shape-img img {

		width: 125px;

	}

	.arrow-section .arrow-shape.layer-two {

		top: -205px;

		left: 133px;

	}

	.arrow-shape.layer-three .arrow-shape-content {

		padding-top: 0;

		padding-bottom: 0px;

		margin-left: 64px;

	}

	.arrow-shape-content h3 {	font-size: 16px; }

	.arrow-shape.layer-two .arrow-shape-content { padding-bottom: 110px; margin-left: 61px; }

	.arrow-shape-img img { width: 105px;	}

	.arrow-section .arrow-shape.layer-four {	left: 226px; top: 65px;	}

	.arrow-box-content p {	font-size: 14px; }

	.arrow-box-content h3 {	font-size: 16px; }

	.arrow-box-content.layer-six { bottom: 125px; right: -147px; }



	.arrow-shape .arrow-shape-content {	padding-top: 8px; 	}

	.arrow-box-content.layer-five {	    bottom: -23px;left: -35px; }

	.arrow-box-content.layer-five h3 {	font-size: 17px; }

	.arrow-box-content.layer-five p {	margin: 0;	font-size: 16px; }

	.arrow-shape.layer-two .arrow-inner-img img {	width: 35px !important;	}

	.arrow-inner-img img {	width: 36px !important; }

	.arrowleft-img {	width: 220px;	height: 100%;	top: -44px;	left: 143px;    z-index: 9; }

	.parallax-images-section .arrowright-img {	width: 230px; top: 80px; left: 43px; }

	.parallax-center-text h3 {	font-size: 20px; }

	.parallax-images-section .parallax-center-text {   /* bottom: 50px;left: 250px;*/width: 210px; }

	.recycle-part.layer-eight {	width: 42px; position: relative; top: 62px;left: -2px;  }


	div#piechartrgb {	height: 640px; }
	.piechart_section {	top: 39px; }
	#chartdiv {	height: 510px; top: 23px; }

	.rgblabelname p { font-size: 9px; }
	.rgblabelname p span {	font-size: 18px; padding-right: 3px; }
	.blue {	height: 968px;	}
	.parallax-outer {	padding: 80px 0 0px;	padding: 100px 0 100px 0px; }
	.arrow-section .arrow-shape {	top: 125px; }
	.parallax-outer .parallax-inner {	padding: 0 18px 140px; }

	.layer-three .arrow-inner-img img { height: 39px; }

}

@media (max-width:1199px)
{
	.parallax-images-section .arrow-section-right {

		width: 320px;

		height: 350px;

		top: 5px;

		left: -66px;

	}

	.parallax-images-section .arrow-section {

		width: 308px;

		height: 279px;

		top: 211px;

		left: 3px;

	}



	.arrow-section .arrow-shape.layer-four {

		left: 207px;

		top: 69px;

	}



	.arrow-box-content h3 {

		font-size: 13px;

	}

	.arrow-box-content.layer-six {

		bottom: 125px;

		right: -87px;

		width: 80px;

	}

	.arrow-box-content p {

		font-size: 10px;

	}

	.scroll_btn {     right: 10%; }


}

@media screen and (max-width:1080px)
{
	.parallax-outer {
    padding: 100px 0 30px 0px;
}
}
@media (max-width:1024px) {

.parallax-outer .parallax-inner {
    padding: 0 18px 160px;
}
.arrow-box-content.layer-six {
    right: -94px;
}
.arrow-shape .recycle-part p {
    margin: 0;
	font-size: 10px;
}
.recycle-part.layer-eight {
    width: 42px;
    position: relative;
    top: 62px;
    left: -11px;
}
.arrowleft-img {
    width: 220px;
    height: 100%;
    top: -44px;
	left: 105px;
}
.parallax-images-scroll { display: flex; justify-content: center;	}
}

@media (max-width:1020px)
{

	.parallax-images-scroll { display: flex; justify-content: center;	}
	.arrow-section .arrow-shape.layer-two {	top: -192px; }
	.arrow-shape.layer-two .arrow-shape-content {	padding-bottom: 83px; }


}
@media (max-width:991px)

{



	.scroll_btn {     right: 10px; }


	.video-grid-out .video-grid {	height: 400px; }

	.footer_inner {	display: table; }

	.footer_menu ul li {

		width: 50%;

		padding: 0 0 20px;

		text-align: center;

	}





.parallax-images-section { width: 100%; }

.parallax-inner .parallax-content {  width: 100%;    padding-top: 0px; }

.piechart::before, .piechartrgb_section::before { width: 180px; height: 180px; }






.parallax-images-section {

    display: flex;

    justify-content: center;

}

.parallax-outer {

	height: 1000px !important;

	padding: 150px 0 10px!important;

	align-items: flex-start;

 }
.parallax_title_13 {
    position: absolute;
    left: -4%;
    top: -65px; 
}
 .parallax-images-scroll { display: table; }

}
 
@media screen and (max-width:991px)
{
	.parallax-outer {
    height: 670px !important;
    padding: 115px 0 10px!important;
    align-items: flex-start; 
		min-height: auto !important;
}
	.plan_vision_ani {
    margin-top: -0px;
}
}


@media (max-width:767px)

{

.recycle-part.layer-eight {

    width: 36px;

    position: relative;

    top: 67px;

	left: -8px;}

	.arrow-shape .recycle-part p {

		margin: 0;

		font-size: 11px;

	}

	.parallax-images-section .parallax-center-text {

		bottom: 53px;
    left: 24px;
    width: 150px;

	}

	.parallax-center-text h3 {

		font-size: 16px;

	}


.parallax-images-section .arrow-section {

    width: 258px;

	height: 249px;

}





.parallax-images-section .arrow-section-right {

    width: 271px;

    height: 344px;

    top: 2px;

    left: -56px;

}



.parallax-images-section .arrow-section {

    width: 258px;

    height: 249px;

    top: 211px;

    left: 3px;

}



.parallax-outer {

    float: left;

    width: 100%;

    background-size: cover;

    background-repeat: no-repeat;

    background-position: center;

    height: 100vh;

/*     background-image: url(../images/parallax-grad-bg.png); */

	padding: 140px 0 355px;

}

.arrow-shape-img img {

    width: 95px;

}



.arrow-section .arrow-shape.layer-four img {

    width: 85px;

}



.arrow-section .arrow-shape.layer-two {

    top: -195px;

    left: 103px;

}

.arrow-shape.layer-two .arrow-shape-img img {

    width: 115px;

}

.arrow-shape .arrow-shape-content { margin-left: 46px; }

.arrow-shape.layer-two .arrow-shape-content {

    padding-bottom: 110px;

	margin-left: 56px;

	width: 150px;

}

.arrow-section .arrow-shape.layer-four {

    left: 203px;

    top: 109px;

}



.arrow-box-content.layer-six {

    bottom: 65px;

    right: -116px;

    width: 80px;

}

.arrow-shape.layer-three .arrow-shape-img img {

    width: 115px;

}



.arrow-shape.layer-four .arrow-shape-content {

    padding-top: 60px;

    width: 127px;

}



.arrow-shape-content h3 {

    font-size: 14px;

}



.arrow-section .arrow-shape {

  position: absolute;

    top: 105px;

	left: 60px;

}



.arrow-box-content.layer-five {

    bottom: -23px;

    left: -45px;

    width: 100px;

}



.arrow-shape-content p {   font-size: 13px;width: 100%; }



.arrow-shape.layer-three .arrow-shape-content { margin-left: 57px; }

.arrowleft-img {

    width: 180px;

    height: 100%;

	top: -14px;

	left: 115px;

}

.parallax-images-section .arrowright-img {

    width: 190px;

    top: 110px;

    left: 43px;

}

.parallax-inner .parallax-content {  padding-top: 0px; }

div#secondpiechart { width: 100%; height: 520px; }
g.amcharts-Container.amcharts-Label.amcharts-AxisLabel.amcharts-AxisLabelCircular{ font-size:12px; }
.rgblabelname p span { font-size: 18px; padding-right: 4px; }
.rgblabelname p { font-size: 8px; padding: 0 9px; line-height: 13px; }
g.amcharts-Container .amcharts-AxisLabelCircular-group .rgblabelname img { height: 38px; }


.piechart_section { top: 77px; }
#chartdiv { height: 510px;  top: 15px; }

.arrow-shape.layer-four .arrow-inner-img img { height: 23px; }
.arrow-shape.layer-two .arrow-inner-img img {  height: 35px; }


.video-grid .video-images::before{ background: #00000085; }

.scroll_btn {
   
    bottom: 30px;
}

}



@media (max-width:640px) {






.parallax-images-section .arrow-section {  width: 188px; height: 190px; top: 211px; left: 3px; }

.parallax-images-section .arrow-section-right {

    width: 191px;

    height: 324px;

    top: -9px;

    left: -36px; }



	.arrow-box-content.layer-five p {

		margin: 0;

		font-size: 12px;

		line-height: 16px;

	}

	.arrow-box-content.layer-five h3 {

		font-size: 14px;

	}

	.arrow-box-content.layer-five {

		bottom: -23px;

		left: -45px;

		width: 80px;

	}

	.parallax-center-text h3 {

		font-size: 12px;

		line-height: 19px;

	}

	.parallax-images-section .parallax-center-text {

		bottom: 30px;
		left: 8px;
		width: 120px;

	}

	.arrow-box-content p {

		font-size: 9px;

	}

	.arrow-box-content h3 {

		font-size: 13px;

	}

	.arrow-inner-img img {

		width: 27px !important;

	}

	.arrow-shape-img img {

		width: 75px;

	}

	.arrow-inner-img p {

		font-size: 10px;

		line-height: 13px;

		padding-top: 4px;

	}

	.arrow-shape .arrow-shape-content {

		margin-left: 36px;

	}

	.arrow-section .arrow-shape {

		position: absolute;

		top: 101px;

		left: 40px;

	}

	.arrow-shape.layer-two .arrow-inner-img img {

		width: 25px !important;

	}

	.arrow-shape.layer-two .arrow-shape-img img {

		width: 85px;

	}

	.arrow-shape.layer-two .arrow-inner-img p {

		font-size: 12px;

		line-height: 12px;

		padding-top: 2px;

		padding-bottom: 10px;

	}

	.arrow-section .arrow-shape.layer-two {

		top: -165px;

		left: 73px;

		overflow: visible;

	}

	.arrow-shape.layer-two .arrow-shape-content {

		padding-bottom: 110px;

		margin-left: 0;

		width: 150px;

		text-align: right;

		padding-left: 0;

		padding-right: 15px;

		right: 106px;

		top: 2px;

	}

	.arrow-shape.layer-two .arrow-shape-content::before {

		top: 1px;

		content: none;

	}

	.arrow-shape.layer-two .arrow-shape-content::after {

		content: '';

		background: #00365E;

		width: 2px;

		height: 100%;

		position: absolute;

		top: -1px;

		right: 0;

		border-radius: 30px;

	}

	.arrow-shape-content h3 {

		font-size: 13px;

	}

	.arrow-shape-content p {

		font-size: 12px;

		width: 100%;

	}

	.arrowleft-img {

		width: 138px;

		height: 100%;

		top: -2px;

		left: 69px;

	}



	.arrow-shape.layer-three p {

		font-size: 12px;

		padding-bottom: 23px;

		line-height: 13px;

	}

	.arrow-shape.layer-three .arrow-shape-content p {

		font-size: 12px;

		width: 188px;

		line-height: 16px;

	}



	.arrow-shape.layer-three .arrow-shape-content {

		margin-left: 42px;

	}



	.parallax-images-section .arrow-section.arrow-right-part {

		background-image: none;

		top: 90px;

		left: -30px;

	}

	.parallax-images-section .arrowright-img {

		width: 143px;

		top: 80px;

    left: 33px;

	}

	.arrow-section .arrow-shape.layer-three {

		top: -30px;

		left: 49px;

	}

	.arrow-shape .recycle-part p {

		margin: 0;

		font-size: 11px;

		padding: 0 0 0 5px;

	}

	.recycle-part.layer-eight {

		width: 34px;

		position: relative;

		top: 52px;

		left: -4px;

	}

	.arrow-section .arrow-shape.layer-four img {

		width: 76px;

	}

	.arrow-shape.layer-four .arrow-inner-img p {

		font-size: 12px;

	}

	.arrow-box-content.layer-six {

		bottom: 43px;

		right: -116px;

		width: 62px;

	}

	.arrow-shape.layer-four .arrow-shape-content {

		padding-top: 40px;

		width: 105px;

		padding-left: 10px;

	}

	.arrow-shape.layer-three .arrow-shape-img img {

		width: 85px;

	}

	.arrow-section .arrow-shape.layer-four {

		left: 163px;

		top: 82px;

	}
	div#secondpiechart {
		width: 100%;
		height: 520px;
	}
	g.amcharts-Container.amcharts-Label.amcharts-AxisLabel.amcharts-AxisLabelCircular{
		font-size:12px;
	}
	.rgblabelname p{
		font-size: 8px;
		line-height: 13px;
	}
	.rgblabelname p span {
		font-size: 12px;
		padding-right: 2px;
	}
	g.amcharts-Container .amcharts-AxisLabelCircular-group .rgblabelname img {
		height: 30px;
	}

	#chartdiv {
		height: 510px;
		top: 17px;
	}
	.arrow-shape.layer-two .arrow-inner-img img { height: 25px; }
	.arrow-shape.layer-four .arrow-inner-img img {
		height: 18px;
	}




}





@media (max-width:480px)

{




	.parallax-images-section {

		display: flex;

		justify-content: flex-start;

		width: 440px;

		overflow-x: auto;

		float: none;

		height: 500px;

		margin: 0 auto;

	}

	.parallax-images-scroll {

		display: table;

		width: 440px;

		float: left;

		overflow-x: auto;

		padding-left: 50px;

	}

	

	.parallax-inner .parallax-content {	padding: 0 15px; }

	.parallax-outer .parallax-inner { padding: 0 0px;}



	.piechart::before, .piechartrgb_section::before {

		width: 160px;

		height: 160px;

	}



	.labelname p {

		text-align: center;

		font-size: 8px;

		margin: 0;


		line-height: 8px;
		padding: 5px 5px 0 5px;

	}

	.rgblabelname p span {
		font-size: 11px;
    padding-right: 3px;
    font-family: 'Toshiba Sans';
	}
	.rgblabelname p{
		font-size: 5px;
    line-height: 10px;
    padding: 0 6px;
	}


	.reply-button p {
		background-image: url(../images/reply-wow.png);
		width: 42px !important;
		height: 67px !important;
		background-size: contain;
		background-repeat: no-repeat;
		background-size: 100%;
		float: left;
		background-position: bottom;
		position: absolute;
		bottom: 0;
		right: -50px;

}

}



@media (max-width:425px) {

.parallax-images-section { width: 387px; }

}



@media (max-width:375px)

{

	.parallax-images-section { width: 338px; }

	.piechart::before, .piechartrgb_section::before {

		width: 140px;

		height: 140px;


	}
	.labelname p {

		text-align: center;

		font-size: 7px;

		margin: 0;


		line-height: 8px;
		padding: 5px 7px 0 7px;

	}
	
	.rgblabelname p {
		font-size: 5px;
		line-height: 10px;
		padding: 0 5px 0 5px;
	}
	.rgblabelname p span {
		font-size: 8px;
	}

	.blue {
		height: 888px;
	}



}





@media (max-width:360px)

{



	.parallax-images-section {	width: 332px; }
	
	.labelname p {

		text-align: center;

		font-size: 7px;

		margin: 0;


		line-height: 8px;
		padding: 5px 7px 0 7px;

	}
	div#secondpiechart {
		width: 100%;
		height: 520px;
	}
	
	.rgblabelname p span {
		font-size: 14px;
		padding-right: 5px;
		font-family: 'Toshiba Sans';
	}
	.rgblabelname p {
		font-size: 5px;
		line-height: 7px;
	}
	.rgblabelname p span {
		font-size: 9px;
		padding-right: 3px;
		font-family: 'Toshiba Sans';
	}

	.parallax-outer {	height: 1090px !important; }


}





@media (max-width:320px)

{

	.parallax-images-section {	width: 292px;    height: 410px; }
	.rgblabelname p, .rgblabelname p span {
		font-size: 5px;
		padding-right: 3px;
		line-height: 7px;
	}
	

	.labelname img{height: 19px;}
	/*.parallax-images-section .parallax-center-text { bottom: 125px; left: 208px; } */

}

@media screen and (max-width:767px)
{
	.parallax-outer {
   height: 710px !important;
    padding: 135px 0 10px!important;
    align-items: flex-start;
    min-height: auto !important;
}
	.parallax_title_13 {
    position: absolute;
    left: 0;
    top: -88px;
}
	.parallax_title_14 {
    position: absolute;
    right: 0;
    bottom: -70%;  
} 
	
	.plan_vision h2 
	{
		font-size: 24px;
	}
/* 	.plan_vision p {
    font-size: 20px;
    margin-bottom: 0px !important;
    line-height: 24px;
    padding-top: 5px; 
} */
	.parallax_title_13 p, .parallax_title_14 p {
    font-family: 'Toshiba Sans';
    margin: 0 !important;
    text-align: right;
    padding-top: 0px !important;
}
	.plan_vision .plan_visionpp
	{
		 font-size: 20px;
    margin-bottom: 0px !important;
    line-height: 24px;
    padding-top: 5px; 
	}
}

@media screen and (max-width:600px)
{
	.parallax-outer {
    height: 665px !important;
    padding: 85px 0 10px!important;
    align-items: flex-start;
    min-height: auto !important;
}
	.parallax_title_13 {
    position: absolute;
    left: 0;
    top: -30px;
}
	.parallax_title_14 {
    position: absolute;
    right: 0;
    bottom: -74%;
}
	.parallax_title_13 h6, .parallax_title_14 h6
	{
		font-size: 23px; 
	}
}

@media screen and (max-width:480px)
{
	.parallax_title_13 {
    position: absolute;
    left: 0;
    top: -0px;
    width: 100%;
    text-align: center;
}
	.parallax_title_13 h6, .parallax_title_14 h6
	{
		text-align:center;
	}
	.parallax_title_13 p, .parallax_title_14 p
	{
		text-align:center;
	}
	.parallax-outer {
    height: 640px !important;
    padding: 30px 0 10px!important;
    align-items: flex-start;
    min-height: auto !important;
}
	.parallax-outer .parallax-inner
	{
		top:0px;
	}
	.parallax-images-section {
    display: flex;
    justify-content: flex-start;
    overflow-x: auto !important;
    float: none;
    height: 580px;
    margin: 0 auto;
    overflow: hidden;
}
	.parallax-images-scroll
	{
		padding-top: 25px;
	}
	.parallax_title_14 {
    position: absolute;
    right: 0;
    bottom: 10px;
    width: 100%;
    text-align: center;
}
	.reply-button p
	{
		position: absolute;
		bottom: 85px;
		right: 54px;
	} 
	.arrow-shape.layer-four .arrow-shape-content {
    width: 88px;
    padding-left: 7px;
}
	.arrow-box-content.layer-five {
    bottom: -64px;
    left: -2px;
    width: 70px;
}
	 .arrow-box-content.layer-six {
    bottom: 43px;
    right: -110px;
    width: 59px;
}
}

@media screen and (max-width:400px)
{
	.parallax_title_13 p, .parallax_title_14 p
	{
		max-width: 70%;
    	margin: auto !important;
	} 
	.arrow-box-content.layer-five {
    bottom: -76px;
    left: 10px;
    width: 59px;
}
	.reply-button p {
    position: absolute;
    bottom: 85px;
    right: 80px; 
} 
	.arrow-box-content.layer-six {
    bottom: 43px;
    right: -90px;
    width: 53px;
}
}