/* Medium */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
.env-text .paratext {
    color: #ffffff;
    font-size: 18px;
    line-height: 20px;
	}
}

/* Small */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
	#pioneer { padding-top: 20px; }
	.pioneer-lhs {
    padding-left: 40px;
    padding-top: 20px;
    margin-bottom: 20px;
	}
#financial-highlights .graph-cagr, #financial-highlights1 .graph-cagr { top: 30px; left: 20px; }
.chart { padding-right: 0px; }
#financial-highlights .graph-bar h2 .top-lable { font-size: 12px; }
#financial-highlights .graph-bar h2 { font-size: 14px; }
.cover-story-title { width: 300px; }
	.common-smm-ttle {font-size: 23px; line-height: 26px;}
	.common-ttle { font-size: 28px; line-height: 31px;}
	.env-text .paratext {
    color: #ffffff;
    font-size: 18px;
    line-height: 20px;
	}
}

/* Extra small */
@media (min-width: 320px) and (max-width: 767px) {

	.home-banner1  {
	    background-image:   url(../images/home_banner-m1.jpg);
	}
	.home-banner2  {
	    background-image:   url(../images/home_banner-m2.jpg);
	}
	.cap-box-bld-big {
		font-size:  21px; line-height: 25px;
	}
	.caption-box {
		background-color: transparent;
		width: 285px;
    	height: 70px;
    	padding: 10px;
	}
	.ar-box .white-ar-box .p1 {font-size: 12px; }
	.ar-box .white-ar-box .p2 {font-size: 16px; }
	.ar-box .white-ar-box { width: 270px; }
	.ar-box { right: 60px; }
	.dw-box { right: 40px; }

	.common-smm-ttle {font-size: 23px; line-height: 26px;}
	.common-ttle { font-size: 28px; line-height: 31px;}
	#pioneer { padding-top: 40px; }
	#chairman { padding-top: 40px; } 
	#financial-highlights .graph-cagr, #financial-highlights1 .graph-cagr { top: 30px; left: 20px; }
.chart { padding-right: 0px; }
#financial-highlights .graph-bar h2 .top-lable { font-size: 12px; }
#financial-highlights .graph-bar h2 { font-size: 14px; }
.cover-box { position: relative; background-color: rgba(9,67,105,1); width: auto;
        height: auto; right:  0px; padding-bottom: 40px;}
#cover-story .cont-pl { padding-left: 0px; padding-right: 0px;}
#cover-story { padding-top: 0px; }
.order-1 { order: 0; }

.env-text .paratext {
    color: #ffffff;
    font-size: 20px;
    line-height: 24px;
	}

	.state-top-ove3 { position: relative; width: auto; padding-left: 30px; }
}