.banner { width:100%; max-width:1030px; margin:0 auto; background-image:url(../images/common/grey-dot.jpg), url(../images/common/grey-dot.jpg); background-repeat:repeat-y; background-position:0 0, right 0; position:relative; }
.bannerCaption { width:100%; height:0; background-image:url(../images/objectives/master-banner/desk-img.jpg); background-position:center 0; background-repeat:no-repeat; background-size:auto 100%; padding-bottom:42.6213%; }
.bannerCaption > h2 { font-size:2.8em; line-height:1.2em; color:#fff; position:absolute; left:0; bottom:20px; padding:0 35px; }

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

	.subHeader { display:none; }
	
	.banner { max-width:100%; margin:0 auto; background-image:none; }
	.bannerCaption > h2 { font-size:1.8em; position:static; padding:1em 4% 0 4%; }
}
@media only screen and (max-width:480px){
	
	.bannerCaption { background-image:url(../images/objectives/master-banner/mob-img.jpg); padding-bottom:42.5%; }
	.bannerCaption > h2 { font-size:1.5em; padding:.5em 4% 0 4%; }
}
/*-------------------*/

.content { width:100%; max-width:1030px; margin:0 auto; background-image:url(../images/common/grey-dot.jpg), url(../images/common/grey-dot.jpg); background-repeat:repeat-y; background-position:0 0, right 0; }

.innerContent { padding:2em 35px; color:#666666; }
.innerContent > h2 { font-size:2.5em; line-height:1.3em; }
.innerContent > p { font-size:1em; line-height:1.6em; margin-top:1.5em; }


@media only screen and (max-width:800px){
	.content { width:100%; max-width:100%; background-image:none; }
	.innerContent { padding:2em 4%; }
	
	.innerContent > h2 { font-size:2em; }
	.innerContent > p { font-size:.95em; margin-top:1.5em; }
	
}
@media only screen and (max-width:480px){
	.innerContent > h2 { font-size:1.5em; }
	.innerContent > p { font-size:.9em; margin-top:1.5em; }
}
@media only screen and (max-width:320px){
	.innerContent > h2 { font-size:1.3em; }
}

/*-------------------*/




.innerContentOne { padding:2em 35px 2.5em 35px; background-color:#dbe6e6; }
.innerContentOne > h2 { font-size:1.9em; line-height:1.2em; color:#3a8cae; }
.innerContentOne > p { font-size:1em; line-height:1.5em; color:#666666; background-image:url(../images/objectives/double-codes-left-icon.png); background-repeat:no-repeat; background-position:0 .25em; padding:0 0 0 22px; margin-top:2em; }
.innerContentOne > p > span { background-image:url(../images/objectives/double-codes-right-icon.png); background-repeat:no-repeat; background-position:right 0; padding:0 0 0 25px; }

.innerContentOne > p.paraCaption { background-image:none; font-style:italic; color:#008ba8; margin-top:0; }


@media only screen and (max-width:800px){
	.content { width:100%; max-width:100%; background-image:none; }
	
	.innerContentOne { padding:2em 4% 2.5em 4%; }
	.innerContentOne > h2 { font-size:1.5em; }
	.innerContentOne > p { width:auto; font-size:1em; padding:0 0 0 20px; margin-top:1.5em; }
	.innerContentOne > p > span { background-position:right .1em; padding:0 0 0 22px; }
}
@media only screen and (max-width:480px){
	.innerContentOne > h2 { font-size:1.3em; }
	.innerContentOne > p { font-size:.85em; padding:0 0 0 17px; background-size:15px auto; }
	.innerContentOne > p > span { background-size:15px auto; background-position:right .2em; padding:0 0 0 17px; }
}

/*-------------------*/

.innerContentTwo { padding:2em 35px 1.5em 35px; }
.innerContentTwo > h2 { font-size:2em; line-height:1.2em; color:#008faf; }
.innerContentTwo > p { font-size:1em; line-height:1.5em; color:#666666; margin-top:1em; }

@media only screen and (max-width:800px){
	.innerContentTwo { padding:2em 4% 1.5em 4%; }
	.innerContentTwo > h2 { font-size:1.5em; }
	.innerContentTwo > p { font-size:1em; }
}
@media only screen and (max-width:480px){
	.innerContentTwo > h2 { font-size:1.3em; }
	.innerContentTwo > p { font-size:.85em; }
}

/*-------------------*/

.innerContentThree { padding:2em 0  2.5em 0; text-align:center; }
.innerContentThree > h2 { font-size:1em; line-height:1.5em; color:#008ba8; margin-bottom:.5em; }

.informationList { position:relative; overflow:hidden; }
.informationList > ul { width:100%; float:left; }
.informationList > ul li { width:33.3333%; float:left; position:relative; }
.informationList > ul li > img { width:100%; height:auto; vertical-align:top; }

.innerInfoDetail { width:90%; height:100%; padding:0 5%; position:absolute; left:0; top:0; background-image:url(../images/objectives/list-divider-line.png), url(../images/objectives/list-divider-line.png); background-position:0 0, right 0; background-repeat:repeat-y; cursor:pointer; }

.informationList > ul li:nth-child(1) > .innerInfoDetail { background-image:url(../images/objectives/list-divider-line.png); background-position:right 0;}
.informationList > ul li:nth-child(3) > .innerInfoDetail { background-image:url(../images/objectives/list-divider-line.png); background-position:0 0;}

.innerInfoDetail > h2 { font-size:1.6em; line-height:1.2em; color:#fff; margin-top:30%; }
.innerInfoDetail > h3 { width:52.7696%; margin:0 auto; margin-top:8%; }
.innerInfoDetail > h3 > img { width:100%; height:auto; vertical-align:top; }

.innerInfoDetail > p { font-family:'ProximaNova-Bold', 'ITFDevanagari-Bold', sans-serif; font-size:1.2em; line-height:1.2em; letter-spacing:.15em; color:#fff; margin-top:10%; text-transform:uppercase; }

@media only screen and (max-width:800px){
	.innerContentThree > h2 { font-size:.9em; margin-bottom:.5em; padding:0 4%; }
	
	.informationList { position:static; }
	.innerInfoDetail > h2 { font-size:1.3em; margin-top:30%; }
	.innerInfoDetail > p { font-size:.9em; margin-top:10%; }
}
@media only screen and (max-width:600px){
	.innerInfoDetail > h2 { font-size:1em; margin-top:30%; }
	.innerInfoDetail > p { font-size:.8em; margin-top:10%; }
}

@media only screen and (max-width:480px){
	.innerContentThree > h2 { font-size:.8em; }
	
	.innerInfoDetail > h2 { font-size:1em; margin-top:30%; }
	.innerInfoDetail > p { font-size:.8em; margin-top:10%; }
	
	.informationList > ul li { width:84%; height:auto; background-image:none; background-color:#378aab; padding:8%; position:relative; }
	
	.innerInfoDetail { width:70%; padding:0 15%; background-image:url(../images/objectives/list-divider-line-mob.png), url(../images/objectives/list-divider-line-mob.png); background-position:0 0, 0 bottom; background-repeat:repeat-x; }
	
	.informationList > ul li:nth-child(1) > .innerInfoDetail { background-image:url(../images/objectives/list-divider-line-mob.png); background-position:0 bottom;}
	.informationList > ul li:nth-child(3) > .innerInfoDetail { background-image:url(../images/objectives/list-divider-line-mob.png); background-position:0 0;}
	
	.innerInfoDetail > h2 { font-size:1.6em; margin-top:45%; }
	.innerInfoDetail > h3 { margin-top:12%; }
	.innerInfoDetail > p { font-size:1.2em; margin-top:12%; }
	
	
}
@media only screen and (max-width:360px){
	
	.innerInfoDetail > h2 { font-size:1.3em; }
	.innerInfoDetail > p { font-size:.9em; }
	
	
}

/*-------------------*/

.infoOverlay { width:100%; height:100%; position:absolute; left:0; top:0; display:none; }

.innerInfoOverlay { width:100%; height:100%; position:absolute; left:0; top:0; background-position:0 0; background-repeat:no-repeat; background-size:100% 100%; display:none; }
.overlayOne { background-image:url(../images/objectives/overlay-listing-bg1.jpg); }
.overlayTwo { background-image:url(../images/objectives/overlay-listing-bg2.jpg); }
.overlayThree { background-image:url(../images/objectives/overlay-listing-bg3.jpg); }


.infoDetail { width:33.3333%; position:absolute; left:0; top:0; }
.innerInforDetailCont { width:90%; height:100%; padding:0 5%; }

.innerInforDetailCont > h2 { font-size:1.6em; line-height:1.2em; color:#fff; margin-top:30%; }
.innerInforDetailCont > h3 { width:52.7696%; margin:0 auto; margin-top:8%; }
.innerInforDetailCont > h3 > img { width:100%; height:auto; vertical-align:top; }

.innerInforDetailCont > p { font-family:'ProximaNova-Bold', 'ITFDevanagari-Bold', sans-serif; font-size:1.2em; line-height:1.2em; letter-spacing:.15em; color:#fff; margin-top:10%; text-transform:uppercase; }


.infoContent { width:60%; height:100%; position:absolute; left:33.3333%; top:30%; }
.innerInfoContent { text-align:left; }
.innerInfoContent > p { font-size:1em; line-height:1.5em; color:#fff; }
.innerInfoContent > ul { width:100%; float:left; text-align:left; }
.innerInfoContent > ul li { font-size:.9em; line-height:1.2em; color:#fff; margin-bottom:.5em; }

.closeButton { position:absolute; right:1em; top:1em; }
.closeButton > a { width:24px; height:24px; display:block;  }

@media only screen and (max-width:800px) {
	.infoOverlay { width:100%; height:100%; position:fixed; overflow:auto; }
	.innerInfoOverlay { width:100%; max-width:480px; height:0; background-image:url(../images/objectives/mob-overlay-img.png); background-position:0 0; background-repeat:no-repeat; background-size:100% auto; padding-bottom:125%; left:50%; top:6em; margin-left:-240px; }
    
    .overlayOne { background-image:url(../images/objectives/mob-overlay-listing-bg1.jpg); }
    .overlayTwo { background-image:url(../images/objectives/mob-overlay-listing-bg2.jpg); }
    .overlayThree { background-image:url(../images/objectives/mob-overlay-listing-bg3.jpg); }	
	
	.infoDetail { width:90%; padding:5%; position:static; }
	
	.innerInforDetailCont > h2 { font-size:1.6em; margin-top:13%; }
	.innerInforDetailCont > h3 { width:40%; margin-top:1em; }
	.innerInforDetailCont > p { font-size:1.2em; margin-top:2em; }
	
	.infoContent { width:90%; padding:5%; position:static; margin-top:7em; }
	
	.innerInfoContent > ul li { margin-bottom:.5em; }
}
@media only screen and (max-width:480px) {
	.innerInfoOverlay { width:100%; max-width:100%; padding-bottom:145.8333%; left:0; top:5em; margin-left:0; }	
	
	.infoDetail { width:96%; padding:2%; position:static; }
	.innerInforDetailCont > h2 { font-size:1.4em; margin-top:10%; }
	.innerInforDetailCont > h3 { width:50%; margin-top:5%; }
	.innerInforDetailCont > p { font-size:1em; margin-top:5%; }
	
	.infoContent { margin-top:0; overflow:hidden; }
	.innerInfoContent > ul li { font-size:.9em; }
	.innerInfoContent > p { font-size:.9em; }
}
@media only screen and (max-width:320px) {
	.innerInfoOverlay { top:4em; }
	.infoDetail > h2 { font-size:1.2em; }
}
/*-------------------*/

.informationTab { width:100%; max-width:1030px; margin:0 auto; background-image:url(../images/common/grey-dot.jpg), url(../images/common/grey-dot.jpg); background-repeat:repeat-y; background-position:0 0, right 0; padding-bottom:3em; }

@media only screen and (max-width:800px){
	.informationTab { width:100%; max-width:100%; background-image:none; padding-bottom:0; }
}