@charset "utf-8";
/* CSS Document */




.mportrait-n{font-style:normal !important;}
.smalldivice {
	display:none;
	padding:0px !important;
}
 @media only screen and (min-width : 200px) and (max-width : 1199px) {
.container {
	width:100%;
}
}
 @media only screen and (min-width: 200px) and (max-width: 1149px) {
	 .meddle {width:100% !important;}
}
 @media only screen and (min-width : 769px) and (max-width : 1024px) {
.carousel-indicators {
	bottom:0;
}
.carousel-control {
	margin-bottom: 10px !important;
}
.carousel-control.left {
	right: 144px !important;
}
.carousel-control.right {
	right: 85px !important;
}
/*2nd page */

.patch {
	width: 365px;
	background-size: contain;
	height:440px;
}
.page2ndfirstslide .textholder {
	position: absolute;
	top: 45px;
	right: 4%;
	width: 40%;
}
.page2ndsecondslide .patch p, .page2ndfifthslide .patch p {
	padding: 35% 12%;
}
.page2ndthirdslide .patch {
	left: 7%;
}
.page2ndthirdslide .patch p {
	padding: 35% 11%;
}
.page2ndfourthslide .patch {
	left: 2%;
}
.page2ndfourthslide .patch p {
	padding: 35% 14%;
}
.page2ndfifthslide .patch {
	left: 13%;
}
.number2slider .firstslide .textholder {
	top: 15px;
	right: 0;
	width: 54%;
}
.number2slider .thirdslide .patch {
	right: 2%;
	top: 0;
}
.number2slider .thirdslide .patch p {
	padding: 52% 15%;
}
.number2slider .fourthslide .patch p, .number2slider .secondslide .patch p {
	padding: 35% 15%;
}
.number3slider .firstslide .textholder {
	left: 20%;
	top: 18px;
	width: 41%;
}
.number3slider .secondslide .patch, .number3slider .thirdslide .patch, .number3slider .fourthslide .patch {
	width: 500px;
	background-size: contain;
	height:310px;
}
.number3slider .secondslide .patch p {
	padding: 18% 12%;
}
.number3slider .thirdslide .patch p {
	padding: 15% 15%;
}
.number3slider .fourthslide .patch p {
	padding: 18% 18%;
}
#scpf4.number4slider .firstslide .textholder {
	left: 14%;
	top: 30px;
	width: 52%;
}
#pagesecond .secondslide .textholder {
	right: 0;
	top: 35px;
	width: 55%;
}
#pagesecond .thirdslide .textholder {
	top: 1px;
	width: 60%;
	left:20%;
}
.books img {
	width: 63%;
}
}
 @media screen and (max-width: 880px) {
.sticky .site-holder, .sticky .site-holder.sign-page {
	padding-top:0 !important;
}
}
 @media screen and (max-width: 1024px) {
.textholder .text, .text {
	padding:20px !important;
}
.findpic img {
	margin-left:0px !important;
}
.trnsparentbg, .textholder .trnsparentbg {
	width:100%
}
.page2ndfifthslide .firstitem2nd img {
	margin-right:0px;
}
}
 @media screen and (min-width:769px) {
/*logo*/



.desktop {
	display:block !important;
}
.smalldivice {
	display:none !important;
}
/*logo*/



/*sliderleft-right button*/

.carousel-control {
	margin-bottom:-20px;
}
.carousel-control.left {
	right:200px;
}
.carousel-control.right {
	right:140px;
}
/*sliderleft-right button*/	

.books .img-responsive.center-block {
	float:left;
}
}
	 
	 
 @media screen and (max-width:768px) {
	 .mobile-logo img {
		width: 245px;
	}
	 .page2ndsecondslide .patch, .page2ndthirdslide .patch, .page2ndfourthslide .patch, .page2ndfifthslide .patch{padding-top:5%;}
.container {
	padding-right: 0px;
	padding-left: 0px;
}
.row {
	margin:0px !important;
}
.item {
	height: 100% !important;
}
.carousel-inner {
	height: 100% !important;
	overflow: hidden;
	position: relative;
	width: 100%;
}
/*sliderleft-right button*/

.carousel-control {
	margin-bottom:-28px;
	width:60% !important;
	left:0;
	z-index:99 !important;
	margin-bottom: 0 !important;
}
.carousel-indicators {
	bottom:0;
}
.glyphicon {
	border:1px solid #ccc;
}
/*sliderleft-right button*/



.desktop {
	display:none !important;
}
.smalldivice {
	display:block !important;
}
.textholder .text h4, .text h4 {
	font-size:32px !important;
	line-height:normal;
}
.text p {
	font-size:22px !important;
	line-height:30px;
}
.pic1_block img {
	display: block;
}
.bgpic1 {
	background:none;
}
.trnsparentbg {
	float: none !important;
	margin: 0 auto !important;
	width:90% !important;
}
.bgpic2 {
	background:none;
}
.bgpic3 {
	background:none;
}
.bgpic4 {
	background:none;
}
.bgpic5 {
	background:none;
}
.pic1_block5 img {
	margin:0 auto;
}
#scpf5 .text01 {
	margin-top: 0px;
	border: none;
	text-align: center;
	padding-left: 0;
	width: 79%;
	margin: 0 auto;
	float: none;
}
/*===slider====*/



.page2ndfirstslide .textholder {
	bottom: 12%;
	left: 0;
	position: absolute;
	right: 0;
	top: auto !important;
	width: 100%;
}
.page2ndfirstslide .firstitem {
	margin: 0 auto;
	float: none;
	width:auto !important;
}
.page2ndfirstslide .thirditem {
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
}
#pagesecond img {
	display: block;
	margin: 0 auto;
	max-width: 100%;
	text-align: center;
}
#scpf3 .firstslide .textholder {
	left: 0;
	position: absolute;
	right: 0;
	top: 23%;
	width: 100%;
}
#scpf3 .secondslide .textholder {
	width: 80%;
	margin: 0 auto;
	position: relative;
	top: 0px;
	left: 0;
}
#scpf3 .thirdslide .textholder {
	width: 80%;
	margin: 0 auto;
	position: relative;
	top: 0px;
	left: 0;
}
.fourthslide .textholder {
	width: 80%;
	margin: 0 auto;
	position: relative;
	top: 0px;
	left: 0;
}
.fifthslide .textholder {
	width: 80%;
	margin: 0 auto;
	position: relative;
	top: 0px;
	left: 0;
}
.page2ndsecondslide .firstitem {
	display:block;
	margin: 0 auto;
}
.page2ndsecondslide .firstitem2nd, .page2ndsecondslide .seconditem, page2ndthirdslide .seconditem, .page2ndfourthslide .seconditem, .page2ndthirdslide .firstitem2nd, .page2ndfourthslide .firstitem2nd, .page2ndfifthslide .firstitem2nd, #scpf2 .firstslide .firstitem, #scpf2 .secondslide .seconditem, #scpf3 .secondslide .seconditem, #scpf2 .thirdslide .seconditem, #scpf2 .fourthslide .seconditem, #scpf3 .firstslide .firstitem, #scpf3 .secondslide .firstitem, #scpf4 .secondslide .seconditem, #scpf4 .thirdslide .seconditem {
	display:none;
}
.page2ndsecondslide .patch, .page2ndthirdslide .patch, .page2ndfourthslide .patch, .page2ndfifthslide .patch, #scpf2 .secondslide .patch, #scpf2 .thirdslide .patch, #scpf2 .fourthslide .patch {
	left: 0;
	position: absolute;
	right: 0;
	background: none !important;
	width:100%;
	z-index:9 !important;
	top:55%;
	height:auto;
}

.number3slider .secondslide .patch, .number3slider .thirdslide .patch, .number3slider .fourthslide .patch {
	bottom:auto;
	left: 0;
	position: absolute;
	right: 0;
	background: none !important;
	width:100%;
	z-index:9 !important;
	top: 55%;
	height:auto;
}


.page2ndsecondslide .patch p, .page2ndthirdslide .patch p, .page2ndfourthslide .patch p, .page2ndfifthslide .patch p, #scpf2 .secondslide .patch p, #scpf2 .thirdslide .patch p, #scpf2 .fourthslide .patch p, #scpf3 .secondslide .patch p, #scpf3 .thirdslide .patch p, #scpf3 .fourthslide .patch p {
	font-size: 22px;
	margin: 0 auto;
	padding: 0 25px;
	width: 63%;
	line-height:30px;
}
.page2ndsecondslide .patch p, .page2ndthirdslide .patch p, .page2ndfourthslide .patch p, .page2ndfifthslide .patch p, #scpf2 .secondslide .patch p, #scpf2 .thirdslide .patch p, #scpf2 .fourthslide .patch p, #scpf3 .secondslide .patch p, #scpf3 .thirdslide .patch p, #scpf3 .fourthslide .patch p{display:none;}
.patch p span {
	font-size: 20px !important;
	font-style: italic;
	line-height:normal;
}

/*[SLIDE NO.2]*/

.number2slider .secondslide .patch p {
    padding: 2% 6% !important;
}

#scpf2 .thirdslide .patch {
	bottom: 19%;
}
#scpf2 .thirdslide .patch p {
    padding: 4% 5%;
}
#scpf2 .fourthslide .patch p {
    padding: 4% 5%;
}
#scpf2 .fourthslide .patch {
	bottom:5%;
}


/*[SLIDE NO.3]*/
#scpf3 .firstslide .textholder{top: 12%;}
#scpf3 .secondslide .patch p{
	padding: 3% 4%;
}
#scpf3 .thirdslide .patch p {
	padding: 4% 2%;
}
#scpf3 .fourthslide .patch p {
	padding: 5% 3%;
}



/*[SLIDE NO.4]*/

.page2ndfourthslide .firstitem {
	display:block;
	width: 100%;
	margin: 0 auto;
}
/*fifth*/

.page2ndfifthslide .firstitem {
	display:block;
	width: 100%;
	margin: 0 auto;
}
.page2ndfifthslide .seconditem {
	display:block;
	float:left;
	width: 100%;
	z-index: 9999;
	margin-top: -21%;
	position: relative;
}
/*number2slider*/

#scpf2.paddings, #scpf3.paddings, #scpf4.paddings, #scpf5 {
	padding-top:30px;
}
#scpf2 .firstslide .firstitem_2nd {
	display:block;
	float:left;
	width:100%;
}
#scpf2 .firstslide .textholder {
	left: 0;
	margin-top: 5%;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
}
#scpf2 .secondslide .seconditem_2, #scpf2 .thirdslide .seconditem_2, #scpf2 .fourthslide .seconditem_2, #scpf3 .firstslide .firstitem_2nd, #scpf3 .secondslide .seconditem_2, #scpf4 .secondslide .seconditem_2, #scpf4 .thirdslide .seconditem_2 {
	display:block;
	float:none;
}


#scpf3 .secondslide .seconditem_2 {
	display:block;
}
#scpf3 .secondslide .seconditem_3 {
	display:block;
	width: 100%;
}
#scpf3 .thirdslide .seconditem {
	display:none;
}
#scpf3 .thirdslide .seconditem_2 {
	display:block;
	position: relative;
}
#scpf3 .secondslide .thirditem, #scpf3 .thirdslide .thirditem, #scpf3 .fourthslide .thirditem {
	position: absolute;
	top: 0;
	left:0;
	right:0;
}
#scpf3 .thirdslide .seconditem_3 {
	display:block;
	width: 100%;
}
#scpf3 .fourthslide .seconditem {
	display:none;
}
#scpf3 .fourthslide .patch2_1 {
	display:block;
	float:left;
	text-align: center;
	background: url(../images/ptch3.png) no-repeat center;
	background-size: cover;
	padding: 20% 0;
}
#scpf3 .fourthslide .seconditem_2 {
	display:block;
	position: relative;
}


/*4th slider*/

#scpf4 .firstslide .textholder p{padding: 0 13%;}

#scpf4 .secondslide .textholder h4{padding: 0 5%;}
#scpf4 .secondslide .textholder p{padding: 0 14%;}

#scpf4 .thirdslide .textholder {
    bottom: auto !important;
    left: 0;
    top: 44% !important;
    width: 100%;
}
#scpf4 .thirdslide .textholder p{padding: 0 10%;}



#scpf4 .firstslide .seconditem {
	display:none;
}
#scpf4 .firstslide .seconditem_2 {
	display:block;
	float:none;
}
#scpf4 .firstslide .patch {
	display:none;
}
#scpf4 .firstslide .patch2_1 p span {
	font-style:italic;
	font-size:16px;
}
#scpf4 .firstslide .seconditem_2 {
	display:block;
}
#scpf4 .firstslide .seconditem_3 {
	display:none;
	width: 100%;
}
#scpf4 .firstslide .textholder {
	left: 0 !important;
	position: absolute;
	right: 0 !important;
	top: 41% !important;
	width: 100% !important;
}
#scpf4 .secondslide .textholder {
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	top: 29%;
	width: 100%;
}
#scpf4 .thirdslide .seconditem {
	margin-top: 0%;
}
.portrait1 img {
	margin-left: 0%;
	margin-top: 0%;
}
.portrait1 .text01 {
	width: 100%;
	margin-top: 0px;
	border: none;
}
#scpf1 .carousel-control.right, #scpf2 .carousel-control.right, #scpf3 .carousel-control.right, #scpf4 .carousel-control.right {
	right: 0;
}
/*NAV CHANGES AS PER NEW REQ 23-9-15*/

.carousel-control img {
	width:40px;
}
.carousel-indicators {
	bottom: 5% !important;
	z-index:99;
}
/*END*/



/*Menu contact display*/

.mobile-d {
	display:block !important;
}


section#scpf0 {
    padding-top: 80px;
}

.secptsbn2{margin:0px;}


.secptsbn1, .secptsbn2{
    border-top: 1px solid #e1e1e1;
}

 .secptsbn3{
 border-top: 1px solid #e1e1e1; border-bottom:1px solid #e1e1e1;
 }

.bgsigco1{background: url(../images/uj.jpg) no-repeat top center; min-height: 911px;}
.bgsigco2{background: url(../images/hyt.jpg) no-repeat top center; min-height: 940px;}
.bgsigco3{background: url(../images/olghj.jpg) no-repeat top center; min-height: 940px;}
.bgsigco4{background: url(../images/kio.jpg) no-repeat top center; min-height: 940px;}

#scpf01 .secsabnav {right: 6%; bottom: 1%;width: 87%;text-align: center;}

#scpf01 .secsabnav a{width:100%;} 

#scpf01 .trnsparentbg {margin: 74% auto 0 !important;}

#scpf02 .trnsparentbg {margin: 4% auto 0 !important;}

#scpf03 .trnsparentbg {margin: 11% auto !important;}
#scpf04 .trnsparentbg {margin: 54% auto !important;}

#scpf02 .secsabnav {bottom: 3.3%;right: 6%;width: 87%; text-align:center;}
#scpf02 .secsabnav a{width:100%;}

#scpf03 .secsabnav {bottom: 3%;right: 7%;width: 87%;text-align: center;}
#scpf03 .secsabnav a{width:100%;}




.borderbottom{display:none;}



}

@media only screen and (min-width : 730px) and (max-width : 736px){
	#scpf4 .secondslide .textholder h4{padding:0px;}
	 .textholder h4 {padding: 0px;} #scpf4 .secondslide .textholder p {padding: 0 5% ;}
	 #scpf4 .secondslide .textholder{top:32%;}
}

@media screen and (max-width: 620px) {
	.page2ndsecondslide .patch, .page2ndthirdslide .patch, .page2ndfourthslide .patch, .page2ndfifthslide .patch, #scpf2 .secondslide .patch, #scpf2 .thirdslide .patch, #scpf2 .fourthslide .patch {
	bottom: 18%;
/*    top: inherit;*/
}
}



 @media screen and (max-width: 670px) {
	 
.firstmargin{margin-top:0;}
/*[s1]*/	 
.page2ndthirdslide .patch p {padding:0;width: 66%;}
.page2ndthirdslide .patch p span{padding:0px 12%;}
.page2ndfourthslide .patch p {padding:0;width: 66%;}
.page2ndfourthslide  .patch p span {padding: 0px 12%;display: block;}
.page2ndfifthslide .patch p {padding: 0 27px;}
	 
/*[s2]*/
#scpf2 .firstslide .text p{padding: 0 15px;}
#scpf2 .secondslide .patch p{padding: 2% 0% !important}
#scpf2 .thirdslide .patch p {padding: 8% 1%;}
#scpf2 .fourthslide .patch p {padding: 4% 4%;}

/*[s3]*/
#scpf3 .firstslide .textholder {top: 10%;}
#scpf3 .firstslide .text p{padding: 0 5%}
#scpf3 .secondslide .patch p{padding: 13% 0%;width: 67%;}
#scpf3 .thirdslide .patch p{width: 67%;padding:11% 0%;}	 
#scpf3 .thirdslide .patch p span {padding:0 5%;display: block;}
#scpf3 .fourthslide .patch p{width: 67%;padding: 9% 0%;}

/*[s4]*/	
#scpf4 .firstslide .textholder p {padding: 0 5%;} 
#scpf4 .secondslide .textholder p {padding: 0px 3%;}
#scpf4 .thirdslide .textholder p {padding: 0px 3%;}

/*Last*/
#scpf5 h4{padding-top:35px;}
	 }

 @media screen and (max-width: 570px) {
.carousel-control {
	width:22% !important;
}
 @media only screen and (min-width : 540px) and (max-width : 570px) {
 .number3slider .secondslide .patch, .number3slider .thirdslide .patch, .number3slider .fourthslide .patch {
    top: 62% !important;}
	#scpf4 .secondslide .textholder{top: 32% !important;}
	#scpf4 .thirdslide .textholder{top:48% !important;}
 }

.site-holder.sign-page .patch p span, .site-holder.sign-page .patch p, .site-holder.sign-page p{font-size:16px !important;line-height:24px !important;}
.site-holder.sign-page h4 {font-size: 18px !important;    text-transform: uppercase;}
.paddings{padding:0;}

/*[s1]*/	 
.page2ndthirdslide .patch p {padding:0;width: 66%;}
/*.page2ndthirdslide .patch p span{padding:0px 12%;}*/
.page2ndfourthslide .patch p {padding:0;width: 66%;}
.page2ndfourthslide  .patch p span {padding: 0px 12%;display: block;}
.page2ndfifthslide .patch p {padding: 0 27px;}
	 
/*[s2]*/
#scpf2 .firstslide .text p{padding: 0 15px;}
#scpf2 .secondslide .patch p{padding: 2% 0% !important}
#scpf2 .thirdslide .patch p {padding: 8% 1%;}
#scpf2 .fourthslide .patch p {padding: 4% 4%;}

/*[s3]*/
#scpf3 .firstslide .textholder {top: 13%;}
#scpf3 .firstslide .text p{padding: 0 5%}
#scpf3 .secondslide .patch p{padding: 0% 0%;width: 67%;}
#scpf3 .thirdslide .patch p{width: 67%;padding:5% 0%;}	 
#scpf3 .thirdslide .patch p span {padding:0 5%;display: block;}
#scpf3 .fourthslide .patch p{width: 67%;padding: 9% 0%;}

/*[s4]*/	
#scpf4 .firstslide .textholder p {padding: 0 5%;} 
#scpf4 .secondslide .textholder p {padding: 0px 3%;}
#scpf4 .thirdslide .textholder p {padding: 0px 3%;}
#scpf4 .secondslide .textholder h4 {padding: 0 15%;}


}
 @media screen and (max-width: 480px) {
.carousel-control {
	margin-bottom: 0 !important;
}
.carousel-indicators {
	bottom:15px !important;
}
.textholder .text h4, .text h4 {
    font-size: 18px !important;
    line-height: normal;
}

.site-holder.sign-page .patch p span, .site-holder.sign-page .patch p, .site-holder.sign-page p{font-size:14px !important;line-height:20px !important;}

.patch p, .footer p {
	width: 100% !important;
	font-size:10px !important;
	line-height:normal !important;
}

#scpf4 .secondslide .textholder h4{padding:0 !important;}
.page2ndsecondslide .patch p, .page2ndthirdslide .patch p, .page2ndfourthslide .patch p, .page2ndfifthslide .patch p, #scpf2 .secondslide .patch p, #scpf2 .thirdslide .patch p, #scpf2 .fourthslide .patch p, #scpf3 .secondslide .patch p, #scpf3 .thirdslide .patch p, #scpf3 .fourthslide .patch p
{width:66%;}

/*#scpf4 .thirdslide .textholder {
    bottom: auto !important;
    left: 0;
    top: 27.5% !important;
    width: 100%;
}*/
.mportrait-n, #scpf4 .secondslide .textholder br{display:none;}
	.page2ndsecondslide .patch, .page2ndthirdslide .patch, .page2ndfourthslide .patch, .page2ndfifthslide .patch, #scpf2 .secondslide .patch, #scpf2 .thirdslide .patch, #scpf2 .fourthslide .patch {
	top: 62%;
}


}
 @media screen and (max-width: 395px) {
#scpf4 .secondslide .textholder p, #scpf4 .thirdslide .textholder p {
    font-size: 11px !important;
    line-height: 14px !important;
}
.site-holder.sign-page h4{margin-bottom:15px;}
}
@media screen and (max-width: 320px) {
	#scpf4 .thirdslide .textholder{ top: 35% !important;}
.site-holder.sign-page .patch p span, .site-holder.sign-page .patch p, .site-holder.sign-page p {
    font-size: 12px !important;
    line-height: 14px !important;
}

.number3slider .secondslide .patch, .number3slider .thirdslide .patch, .number3slider .fourthslide .patch{top: 62%;}
#scpf2 .secondslide .patch, #scpf2 .fourthslide .patch{padding-top:5% !important;}
.patch.part1 {top: 55% !important;}


	}
	
@media (max-width: 768px) and (max-height: 1024px) {
.page2ndsecondslide .patch{top:51%;}
 .page2ndthirdslide .patch{top: 53%;} 
 .page2ndfourthslide .patch{top: 49%;} 
 .page2ndfifthslide .patch{top: 52%;}
 #scpf2 .secondslide .patch{top: 58%;}
}


@media (max-width: 414px) and (max-height: 736px) {
	.page2ndsecondslide .patch p, .page2ndthirdslide .patch p, .page2ndfourthslide .patch p, .page2ndfifthslide .patch p, #scpf2 .secondslide .patch p, #scpf2 .thirdslide .patch p, #scpf3 .secondslide .patch p, #scpf3 .thirdslide .patch p, #scpf3 .fourthslide .patch p{padding:8% !important;}
	#scpf2 .fourthslide .patch p{padding: 8% 15% !important;}
	.page2ndsecondslide .patch, .page2ndfourthslide .patch, .page2ndfifthslide .patch{top: 45%;}
	.page2ndthirdslide .patch{top: 45%;} 
	.page2ndfourthslide .patch{top: 43%;} 
	#scpf2 .secondslide .patch{top:51%;}
	#scpf2 .thirdslide .patch{top: 50%;}
	#scpf2 .fourthslide .patch {top: 49%;}
	#scpf3 .secondslide .patch, #scpf3 .thirdslide .patch{top:50%;}
	#scpf3 .fourthslide .patch{top:51%;}
	#scpf4 .secondslide .textholder {top: 29% !important;}
	#scpf4 .thirdslide .textholder {top: 43% !important;}
}
@media (max-width: 375px) and (max-height: 627px) {
	.page2ndsecondslide .patch p, .page2ndthirdslide .patch p, .page2ndfourthslide .patch p, .page2ndfifthslide .patch p, #scpf2 .secondslide .patch p, #scpf2 .thirdslide .patch p, #scpf3 .secondslide .patch p, #scpf3 .thirdslide .patch p, #scpf3 .fourthslide .patch p{padding:8% !important;}
	#scpf2 .fourthslide .patch p{padding: 8% 15% !important;}
	.page2ndsecondslide .patch, .page2ndfourthslide .patch, .page2ndfifthslide .patch{top: 48%;}
	.page2ndthirdslide .patch{top: 48%;} 
	.page2ndfourthslide .patch{top: 46%;} 
	#scpf2 .secondslide .patch{top:55%;}
	#scpf2 .thirdslide .patch{top: 54%;}
	#scpf2 .fourthslide .patch {top: 52%;}
	#scpf3 .secondslide .patch, #scpf3 .thirdslide .patch{top:53%;}
	#scpf3 .fourthslide .patch{top:55%;}
	#scpf4 .secondslide .textholder {top: 29% !important;}
}
 @media only screen and (min-width : 370px) and (max-width : 375px) {
		#scpf4 .secondslide .textholder { top: 23%;}
	#scpf4 .secondslide .textholder .text, #scpf4 .thirdslide .textholder .text{padding:10px !important;}
	#scpf4 .secondslide .textholder h4, #scpf4 .thirdslide .textholder h4{font-size:14px !important; margin-bottom:0;}
	#scpf4 .secondslide .textholder p, #scpf4 .thirdslide .textholder p{font-size:13px !important; line-height:16px !important;}
}
@media (max-width: 320px) and (max-height: 568px) {
	.page2ndthirdslide .patch p, .page2ndfourthslide .patch p, #scpf2 .secondslide .patch p, #scpf2 .thirdslide .patch p, #scpf2 .fourthslide .patch p, #scpf3 .secondslide .patch p, #scpf3 .thirdslide .patch p, #scpf3 .fourthslide .patch p{padding:8% !important;}
	.page2ndsecondslide .patch, .page2ndfourthslide .patch, .page2ndfifthslide .patch{top: 47%;}
	.page2ndthirdslide .patch{top: 47%;} 
	.page2ndfourthslide .patch{top: 45%;} 
	#scpf2 .secondslide .patch{top:50%;}
	#scpf2 .thirdslide .patch{top: 52%;}
	#scpf2 .fourthslide .patch {top: 49%;}
	#scpf3 .secondslide .patch, #scpf3 .thirdslide .patch{top:51%;}
	#scpf3 .fourthslide .patch{top:53%;}
	#scpf4 .secondslide .textholder {top: 27% !important;}
}
@media (max-width: 320px) and (max-height: 480px) {
	.page2ndsecondslide .patch p, .page2ndthirdslide .patch p .page2ndthirdslide .patch p, .page2ndfourthslide .patch p, .page2ndfifthslide .patch p, #scpf2 .secondslide .patch p, #scpf2 .thirdslide .patch p, #scpf2 .fourthslide .patch p, #scpf3 .secondslide .patch p, #scpf3 .fourthslide .patch p{width:95%;}
	.page2ndthirdslide .patch p, .page2ndfourthslide .patch p, #scpf2 .secondslide .patch p, #scpf2 .thirdslide .patch p, #scpf2 .fourthslide .patch p, #scpf3 .secondslide .patch p, #scpf3 .thirdslide .patch p, #scpf3 .fourthslide .patch p{padding:8% !important;}
	.page2ndsecondslide .patch, .page2ndfourthslide .patch, .page2ndfifthslide .patch{top: 56%;}
	.page2ndthirdslide .patch{top: 54%;}
	.page2ndfourthslide .patch{top: 53%;}
	#scpf2 .secondslide .patch{top:59%;}
	#scpf2 .thirdslide .patch{top:61%;}
	#scpf2 .fourthslide .patch {top: 58%;}
	#scpf3 .secondslide .patch, #scpf3 .thirdslide .patch{top:60%;}
	#scpf3 .fourthslide .patch{top:62%;}
	.trnsparentbg {width: 95% !important;}
	#scpf4 .secondslide .textholder p, #scpf4 .thirdslide .textholder p {padding: 0px 1%; margin-top:5px;}
	#scpf4 .secondslide .textholder, #scpf4 .thirdslide .textholder {top: 31% !important;}
}


/* ----------- iPhone 4 and 4S ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2) {
	
}

/* Portrait */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {
/*		.page2ndsecondslide .patch p, .page2ndthirdslide .patch p, .page2ndfourthslide .patch p, .page2ndfifthslide .patch p, #scpf2 .secondslide .patch p, #scpf2 .thirdslide .patch p, #scpf2 .fourthslide .patch p, #scpf3 .secondslide .patch p, #scpf3 .thirdslide .patch p, #scpf3 .fourthslide .patch p
		{width:95% !important;}
		.page2ndsecondslide .patch, .page2ndthirdslide .patch, .page2ndfourthslide .patch, .page2ndfifthslide .patch {
		top: 60% !important;
		}*/
}

/* Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {
/*	.page2ndsecondslide .patch p, .page2ndthirdslide .patch p, .page2ndfourthslide .patch p, .page2ndfifthslide .patch p, #scpf2 .secondslide .patch p, #scpf2 .thirdslide .patch p, #scpf2 .fourthslide .patch p, #scpf3 .secondslide .patch p, #scpf3 .thirdslide .patch p, #scpf3 .fourthslide .patch p
		{width:65% !important;}
		.page2ndsecondslide .patch, .page2ndthirdslide .patch, .page2ndfourthslide .patch, .page2ndfifthslide .patch, #scpf2 .secondslide .patch, #scpf2 .thirdslide .patch, #scpf2 .fourthslide .patch {
		top: 58%;
		}*/
}

/* ----------- iPhone 5 and 5S ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2) {

}

/* Portrait */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {
/*	  	.page2ndsecondslide .patch p, .page2ndthirdslide .patch p, .page2ndfourthslide .patch p, .page2ndfifthslide .patch p, #scpf2 .secondslide .patch p, #scpf2 .thirdslide .patch p, #scpf2 .fourthslide .patch p, #scpf3 .secondslide .patch p, #scpf3 .thirdslide .patch p, #scpf3 .fourthslide .patch p
{width:79% !important;}
		.page2ndsecondslide .patch, .page2ndthirdslide .patch, .page2ndfourthslide .patch, .page2ndfifthslide .patch, #scpf2 .secondslide .patch, #scpf2 .thirdslide .patch, #scpf2 .fourthslide .patch {
	top: 51%;
}*/

}

/* Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {
/*		.page2ndsecondslide .patch p, .page2ndthirdslide .patch p, .page2ndfourthslide .patch p, .page2ndfifthslide .patch p, #scpf2 .secondslide .patch p, #scpf2 .thirdslide .patch p, #scpf2 .fourthslide .patch p, #scpf3 .secondslide .patch p, #scpf3 .thirdslide .patch p, #scpf3 .fourthslide .patch p
		{width:65% !important;}
		.page2ndsecondslide .patch, .page2ndthirdslide .patch, .page2ndfourthslide .patch, .page2ndfifthslide .patch, #scpf2 .secondslide .patch, #scpf2 .thirdslide .patch, #scpf2 .fourthslide .patch {
		top: 62% !important;
		}*/
}

/* ----------- iPhone 6 ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2) { 

}

/* Portrait */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) { 
/*.page2ndsecondslide .patch p, .page2ndthirdslide .patch p, .page2ndfourthslide .patch p, .page2ndfifthslide .patch p, #scpf2 .secondslide .patch p, #scpf2 .thirdslide .patch p, #scpf2 .fourthslide .patch p, #scpf3 .secondslide .patch p, #scpf3 .thirdslide .patch p, #scpf3 .fourthslide .patch p
		{width:67% !important;}
		.page2ndsecondslide .patch, .page2ndthirdslide .patch, .page2ndfourthslide .patch, .page2ndfifthslide .patch, #scpf2 .secondslide .patch, #scpf2 .thirdslide .patch, #scpf2 .fourthslide .patch {
		top: 55% !important;
		}*/
}

/* Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) { 
/*			.page2ndsecondslide .patch p, .page2ndthirdslide .patch p, .page2ndfourthslide .patch p, .page2ndfifthslide .patch p, #scpf2 .secondslide .patch p, #scpf2 .thirdslide .patch p, #scpf2 .fourthslide .patch p, #scpf3 .secondslide .patch p, #scpf3 .thirdslide .patch p, #scpf3 .fourthslide .patch p
		{width:62% !important;}
		.page2ndsecondslide .patch, .page2ndthirdslide .patch, .page2ndfourthslide .patch, .page2ndfifthslide .patch, #scpf2 .secondslide .patch, #scpf2 .thirdslide .patch, #scpf2 .fourthslide .patch {
		top: 60% !important;
		}*/
}

/* ----------- iPhone 6+ ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3) { 

}

/* Portrait */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: portrait) { 
/*	.page2ndsecondslide .patch p, .page2ndthirdslide .patch p, .page2ndfourthslide .patch p, .page2ndfifthslide .patch p, #scpf2 .secondslide .patch p, #scpf2 .thirdslide .patch p, #scpf2 .fourthslide .patch p, #scpf3 .secondslide .patch p, #scpf3 .thirdslide .patch p, #scpf3 .fourthslide .patch p
		{width:61% !important;}
		.page2ndsecondslide .patch, .page2ndthirdslide .patch, .page2ndfourthslide .patch, .page2ndfifthslide .patch, #scpf2 .secondslide .patch, #scpf2 .thirdslide .patch, #scpf2 .fourthslide .patch {
		top: 52% !important;
		}*/
}

/* Landscape */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: landscape) { 
	
}

