/* Extra CSS for Theme Start Here */



html { margin-top: 0px !important; }

* html body { margin-top: 0px !important; }

#splash .spinner.style-0:before {

	border-top-color: rgb(162,9,106);

	border-top-color: rgba(162,9,106,1.00);

}

.no-svg .im-sp, .no-svg .im-sp-after:after, .no-svg .im-sp-after-relative:after {

	background-image: url('../images/icon-set-1.png');

}

.im-sp, .im-sp-after:after, .im-sp-after-relative:after {

	background-image: url('../images/icon-set-1.svg');

}

.no-svg .im-sp[class*="im-sp-social-"] {

	background-image: url('../images/icon-social-1.png');

}

.im-sp[class*="im-sp-social-"] {

	background-image: url('../images/icon-social-1.svg');

}

.firebugResetStyles {

    z-index: 2147483646 !important;

    top: 0 !important;

    left: 0 !important;

    display: block !important;

    border: 0 none !important;

    margin: 0 !important;

    padding: 0 !important;

    outline: 0 !important;

    min-width: 0 !important;

    max-width: none !important;

    min-height: 0 !important;

    max-height: none !important;

    position: fixed !important;

    transform: rotate(0deg) !important;

    transform-origin: 50% 50% !important;

    border-radius: 0 !important;

    box-shadow: none !important;

    background: transparent none !important;

    pointer-events: none !important;

    white-space: normal !important;

}

style.firebugResetStyles {

    display: none !important;

}

.firebugBlockBackgroundColor {

    background-color: transparent !important;

}

.firebugResetStyles:before, .firebugResetStyles:after {

    content: "" !important;

}

.firebugCanvas {

    display: none !important;

}

.firebugLayoutBox {

    width: auto !important;

    position: static !important;

}

.firebugLayoutBoxOffset {

    opacity: 0.8 !important;

    position: fixed !important;

}

.firebugLayoutLine {

    opacity: 0.4 !important;

    background-color: #000000 !important;

}

.firebugLayoutLineLeft, .firebugLayoutLineRight {

    width: 1px !important;

    height: 100% !important;

}

.firebugLayoutLineTop, .firebugLayoutLineBottom {

    width: 100% !important;

    height: 1px !important;

}

.firebugLayoutLineTop {

    margin-top: -1px !important;

    border-top: 1px solid #999999 !important;

}

.firebugLayoutLineRight {

    border-right: 1px solid #999999 !important;

}

.firebugLayoutLineBottom {

    border-bottom: 1px solid #999999 !important;

}

.firebugLayoutLineLeft {

    margin-left: -1px !important;

    border-left: 1px solid #999999 !important;

}

.firebugLayoutBoxParent {

    border-top: 0 none !important;

    border-right: 1px dashed #E00 !important;

    border-bottom: 1px dashed #E00 !important;

    border-left: 0 none !important;

    position: fixed !important;

    width: auto !important;

}

.firebugRuler{

    position: absolute !important;

}

.firebugRulerH {

    top: -15px !important;

    left: 0 !important;

    width: 100% !important;

    height: 14px !important;

    background: url("images/firebugRulerH.png") repeat-x !important;

    border-top: 1px solid #BBBBBB !important;

    border-right: 1px dashed #BBBBBB !important;

    border-bottom: 1px solid #000000 !important;

}

.firebugRulerV {

    top: 0 !important;

    left: -15px !important;

    width: 14px !important;

    height: 100% !important;

    background: url("images/firebugRulerV.png") repeat-y !important;

    border-left: 1px solid #BBBBBB !important;

    border-right: 1px solid #000000 !important;

    border-bottom: 1px dashed #BBBBBB !important;

}

.overflowRulerX > .firebugRulerV {

    left: 0 !important;

}

.overflowRulerY > .firebugRulerH {

    top: 0 !important;

}

.fbProxyElement {

    position: fixed !important;

    pointer-events: auto !important;

}

.slideRight{

	right: -174px; transform: translate3d(-236px, 0px, 0px);

}

.slideRightSocial{

	transform: translate3d(-112px, 0px, 0px);

}



#NavigationBar .listcontainer { position: absolute; height: 250px; overflow: hidden; width: 200px; }

#NavigationBar .list { border-radius: 0px 9px 9px 9px;   height: 250px; overflow-y: scroll; }



#Magazine #pages .didappear{

    display: block !important;

    visibility: visible !important;

    z-index: 0 !important;

}



.slideOutLeft, .slideOutRight{

    display: block !important;

    visibility: visible !important;

    z-index: auto !important;	

}



@media screen and (max-width: 959px){

    .nav-bar.only-tablet-mobile.bar-bottom {

		position: absolute; clear: both; display: block; height: 62px; bottom: 0px;

    }

}

@media screen and (max-width: 767px){

    .nav-bar.only-tablet-mobile.bar-bottom {
		height: 50px;
    }
}



.slide-up{

  animation: 1s slide-up;

  margin-top:0%;

}

@keyframes slide-up {

  from {

    margin-top: 100%;

    height: 200%; 

  }



  to {

    margin-top: -48px;

    height: 100%;

  }

}



.slide-upmobile{

  animation: 1s slide-upmobile;

  margin-top:0%;

}

@keyframes slide-upmobile {

  from {

    margin-bottom: -250px;

    height: auto; 

  }



  to {

    margin-bottom: 0px;

    height: auto;

  }

}



.slide-upboxtab{

  animation: 2s slide-upboxtab;

  margin-top:100%;

}

@keyframes slide-upboxtab {

  from {

    margin-bottom: -100%;

    height: auto; 

  }



  to {

    bottom: -6px;

    height: auto;

  }

}



.slide-upbox{

  animation: 1s slide-upbox;

}

@keyframes slide-upbox {

  from {

    margin-top: 100%;

  }



  to {

    margin-top: -215px;

  }

}



.slide-upmobbox{

  animation: 1s slide-upmobbox;

}

@keyframes slide-upmobbox {

  from {

    right: -800px;

  }



  to {

    right: 0px;

  }

}



/*.sharenet-animate-opacity{animateright 1.2s;animation:opac 1.2s;display: block;overflow: hidden;}@keyframes opac{from{right:-100px;opacity:0} to{opacity:0.7}}

.sharenet-animate-right{position:relative;animation:animateright 1.2s;overflow: hidden;}@keyframes animateright{from{right:-200px;opacity:0} to{right:0;opacity:0.7}}*/





/*.blockContent.didappear .table-cell.text-block {

	opacity: 1;

	display: block;	

	transition: opacity 1s ease-out;

}*/

/*

.blockContent.didappear .table-cell.text-block{

	display: block;		

    -webkit-animation: fadein 1s linear 1 normal forwards;

}



@-webkit-keyframes fadein{

    from{

       opacity: 0;

    }

    to{

        opacity: 1;

    }

}*/



.blockContent.didappear .table-cell.text-block {

	display: block;

    -webkit-animation: smooth 1s ease-in 1 normal forwards;

    -moz-animation: smooth 1s ease-in 1 normal forwards;

    -o-animation: smooth 1s ease-in 1 normal forwards;

    -ms-animation: smooth 1s ease-in 1 normal forwards;

    animation: smooth 1s ease-in 1 normal forwards;

}



@-webkit-keyframes smooth {

    0% { opacity: 0;}

    100% { opacity: 1;}

}



@-moz-keyframes smooth {

    0% { opacity: 0;}

    100% { opacity: 1;}

}



@-o-keyframes smooth {

    0% { opacity: 0;}

    100% { opacity: 1;}

}



@keyframes smooth {

    0% { opacity: 0;}

    100% { opacity: 1;}

}



.modal.fade .modal-dialog {

   -webkit-transform: scale(0.1);

   -moz-transform: scale(0.1);

   -ms-transform: scale(0.1);

   transform: scale(0.1);

   top: 300px;

   opacity: 0;

   -webkit-transition: all 0.3s;

   -moz-transition: all 0.3s;

   transition: all 0.3s;

}

.modal.fade.in .modal-dialog {

   -webkit-transform: scale(1);

   -moz-transform: scale(1);

   -ms-transform: scale(1);

   transform: scale(1);

   -webkit-transform: translate3d(0, -300px, 0);

   transform: translate3d(0, -300px, 0);

   opacity: 1;

}

#ModalWrapper .close-button.button.im-ts-button.square-small{

	right: 20px;

	top: 5px;

	z-index: 99999;

	position: absolute;

}

#ModalWrapper .modal-content .modal-body h3{

	color: black;font-size: 28px;margin-bottom: 0px;margin-top: 10px;padding-left: 16px;padding-right: 16px;padding-bottom: 5px;

}

#ModalWrapper .modal-content .modal-body .paragraph{

	padding-top: 0px;

}

#ModalWrapper .modal-content .modal-body .paragraph p{

	margin-bottom: 15px;

}

#ModalWrapper .im-media .im-media-image{

	background-position: top center;

}

#NavigationBar .nav-page .scrolllist .list .scrolllist-row a{

	background-color: transparent;

	border-bottom: 1px solid rgba(0,0,0,0.3);

}

#NavigationBar .nav-page .scrolllist .list .scrolllist-row a span{

	line-height: 18px;

}

/*

.page .table-grid .blockContent .table-cell {

    position: relative;

	float: left;

	margin-right: 40px;

	margin-top: 42px;

	width: 400px;

}

.page .table-grid .blockContent .table-cell a.webshop-block {

    width: 100%;

}*/







/* Responsive Mobile CSS Start Here */

@media (min-width: 200px) and (max-width: 767px) {

	#NavigationBar .only-tablet-mobile .nav-buttons-bar.im-ts-nav-bar-background{

		/*background: #ADADAD;*/

		background: rgba(0,0,0,0.2);

	}

	.nav-bar-options .im-listindex2-container .icon-sprite{

		font-size: 21px;

		margin-top: 6px;

	}

	#NavigationBar .nav-bar-options .nav-page .im-listindex2-container .li2-list-item .label{

		line-height: 20px;

	}

	.editionsWrapper .im-ts-mobile-view .im-ts-list h5{

		font-size: 15px;

		line-height: 1.42857143;

		padding: 12px 10px 12px 12px;

	}

	#pages .page .im-absolute-view.logoWrapperBox{

		top: 0px !important;

		left: 0px !important;

		margin: 20px 20px 0px 20px;		

	}

	.tp-cover05 .im-ts-title-background {

		padding-top: 200px;

		background: transparent;

		font-size: 14px !important;

		line-height: 16px;

		padding-bottom: 4px;

		border-bottom-right-radius: 0px;

		border-bottom-left-radius: 0px;

		padding-left: 0px;		

		font-family: "Calibri",Helvetica,Arial,sans-serif;

	}	

	.tp-cover05 .im-ts-subtitle-background.nobackground{
		background: transparent;
		font-size: 25px !important;
		color: rgb(255, 255, 255);
		line-height: 30px !important;
		font-family: "Calibri",Helvetica,Arial,sans-serif;
		font-weight: normal;
		padding-left: 0px;
		padding-right: 16px;
		padding-top: 4px;
		border-top-left-radius: 0px;		
	}
	.tp-cover05 .secondTitleBox{
		font-size: 40px !important;
		line-height: 40px !important;	
		padding-top: 25px !important;	
	}
	.tp-cover05 .im-absolute-view.im-align.center-isset{

		left: 20px !important;

	}

	.tp-cover05 .im-cover05-highlight-text.two-rules p{

		padding: 0px;

		margin: 0px;

		line-height: 0px;

	}

	.im-header-container.im-h-imageleft.show{

		visibility: hidden;

	}	

	.page.tp-webshop .tp-webshop-nav{

		display: none;

	}

	.page.tp-webshop .table-grid .blockContent .table-cell.text-block{

		display: block !important;

		width: 90% !important;

		position: relative !important;

		opacity: 1 !important;

		margin: 10px auto !important;	

		transform: translate3d(0px, 0px, 0px) !important;

		height: auto !important;

	}

	.page.tp-webshop .table-grid .blockContent .table-cell.text-block .webshop-image {

		width: 100% !important;

		height: 240px !important;

		background-size: cover !important;

		background-position: center center !important;

	}

	.page.tp-webshop .background{

		display: none;

	}

	.page.tp-webshop .table-grid{

		padding-bottom: 50px !important;

	}

	.pages .table-grid .blockContent .content.paragraph .prices{

		text-align: right;

	}

	.page.tp-corporate02 .wrapper.im-ts-mobile-view{

		display: block !important;

	}

	.page.tp-corporate02 .subpage .wrapper.im-ts-mobile-view{

		display: none !important;

	}	

	.page.tp-corporate02 .background{

		display: none;

	}

	.page.tp-corporate02 .rootTitleButtonStroke{

		display: none;

	}

	.page.tp-corporate02 .im-co-buttons-container.im-ts-button-background{

		display: none;

	}

	#pages .page.tp-webshop.didappear{

		overflow-y: scroll !important;

	}

	.page.tp-corporate02 .subpage{

		display: block;

	}

	.webshop-block .im-ts-title {

		font-family: "Calibri",Helvetica,Arial,sans-serif !important;

		font-weight: normal !important;

		font-style: normal !important;

		line-height: 32px !important;

		font-size: 30px !important;

	}	

	.page.tp-webshop .button{

		font-size: 15px !important;

		padding: 6px 20px !important;

	}

	.page.tp-webshop .content.paragraph p{

		font-size: 15px !important

	}

	.tp-corporate02 div.paragraph{

		margin: 0px !important;

	}

	

	#ModalWrapper #modal-11 .md-content.modal-content .modal-body .paragraph{

		padding-bottom: 50px;

	}

	#modal-11 .md-content.modal-content .modal-body .im-media{

		height: 150px !important;

	}

	#ModalWrapper #modal-11 .modal-body .paragraph img{

		width: 100% !important;

		margin-bottom: 15px !important;

	}

	

	

	

	/* Mobile Bottom Navigation Code Start Here */

	.mobileWrapperBox{

		width: 100% !important;

	}

	.mobileWrapperBox .mobileBurgerNav{

		float: right;

	}

	.mobileWrapperBox .mobileNavList{

		width: 100% !important;

		height: 100vh !important;

	}

	.panelMaxWidth{

		width: 100% !important;

	}

	.panel__wrapper{

		padding: 0px !important;

	}

	.im-media-image{

		height: 150px !important;

	}

	.panel__headline {

		font-size: 18px !important;

		line-height: 18px !important;

	}	

	.paragraph p{

		font-size: 16px !important;

	}

	.mobilePaddingBottom{

		display: block !important;

		height: 160px !important;

	}

	h3.postTitle {

		margin: 0px 0 5px 0 !important;

		padding: 0px 35px 0px 15px !important;

	}	

	.mobileWrapperBox .mobileNavList .nav__item .nav__link{

		padding-right: 40px !important;	

	}

	.containerMobileBox{

		display: block !important;

	}

	.page.tp-onepagearticle.didappear .ct section ul{

		top: 0% !important;

		height: 100% !important;

		width: 100% !important;

		background: rgba(0,0,0,0.9) !important;		

		bottom: 0% !important;

	}

	.icon.fa.fa-home .boxContentWrapper{
		width: 98% !important;
	}

	.countryNodesBoxWrapper {
		width: 100% !important;
		direction: ltr !important;
	}	

	.dynamicBlock li:last-child {
		margin-bottom: 50px !important;
	}	

	.im-sp.im-sp-arrow-right,
	.im-sp.im-sp-arrow-left,
	.im-sp.im-sp-more{
		box-shadow: 0px 0px 7px -2px #000;
		border-radius: 30px;
		border: 1px solid #fff;		
		width: 88%;
	}	

	.css-7nhtrw > *, [data-css-7nhtrw] > * {
		width: 100% !important;
		margin: 2px !important;
	}	
	
	.NarrativeCoverPage .homeBoxWrapper .homeRightBox {
		text-align: left !important;
	}
	/* Mobile Bottom Navigation Code End Here */


}

/* Responsive Mobile CSS End Here */
/* Responsive for small Mobile Css Start Here */
	@media (min-width: 200px) and (max-width: 540px) {
		.NavigationBar [data-css-r8yyr6], .pageNameWrapper, .hideOnMobile {
			display: none !important;
		}
		.NavigationBar .css-9xtf99 {
			width: 100px !important;
		}	
		.css-15d602j .search-widget-portal-wrapper .search-widget_search-bar-wrapper input, [data-css-15d602j] .search-widget-portal-wrapper .search-widget_search-bar-wrapper input {
			width: 180px !important;
			font-size: 20px;
		}
		.outcomes-and-impact-wrapper > .container > .row > .introdution-banner > .col-lg-12.col-md-12.col-sm-12.col-xs-12 > .chapter-title > h2 {
			font-size: 30px !important;
			line-height: 30px !important;
		}
		.outcomes-and-impact-wrapper .introdution-banner .chapter-title {
			width: 100% !important;
			height: auto !important;
			padding: 10px 10px 0px 20px !important;
			border-bottom: 3px solid #A2096A !important;
			min-height: 50px !important;
			margin-top: 200px !important;
			margin-left: 0% !important;
		}
		.outcomes-and-impact-wrapper .outcomes-and-impact-intro {
			padding: 0px 20px 0px 20px !important;
		}
		.outcomes-and-impact-wrapper .accordion,
		.internal-change-wrapper .accordion,
		.lesson-learned-wrapper .accordion {
			padding: 15px !important;
			width: 100% !important;
			text-align: center !important;
			font-size: 20px !important;
			border-bottom: 3px solid #a2096a !important;
			border-top: 3px solid #a2096a !important;
		}
		.outcomes-and-impact-wrapper .chapter-body-text {
			margin-top: 15px !important;
			margin-bottom: 15px !important;
			padding-left: 0px !important;
			padding-right: 0px !important;
		}

		table tr td,
		table tr th{
			font-size: 16px !important;
		}
		.innerChapterBoxWrapper .padingTopBottomWrapper {
			padding-top: 0px !important;
			padding-bottom: 80px !important;
			margin-top: 0px !important;
		}		
	}
	@media (min-width: 768px) and (max-width: 999px) {
		.css-7nhtrw > *, [data-css-7nhtrw] > * {
			width: calc(50% - 4px) !important;
			margin: 2px !important;
		}
	}	
/* Responsive for small Mobile Css Start Here */
/* Responsive Tab CSS Start Here */
@media (min-width: 200px) and (max-width: 540px) {
	#modal-search-widget .search-widget-portal-wrapper .search-widget-results-wrapper .search-widget_results--maxWidth .search-widget_results--grid .grid-box-wrapper{
		margin-bottom: 20px;
		max-width: none !important;
		float: none !important;
		margin-right: 0px !important;
		margin-left: 0px !important;		
	}	
	#modal-search-widget .search-widget-portal-wrapper .search-widget-results-wrapper .search-widget_results--maxWidth .search-widget_results--grid{
		grid-template-columns: 1fr 1fr;
		max-width: max-content;
		display: block;		
	}
	#modal-search-widget .search-widget-portal-wrapper .search-widget-results-wrapper .search-widget_results--maxWidth .search-widget_results--grid .grid-box-wrapper .search-widget_results-result .result-tile_image{
		width: 100% !important;
		height: auto !important;
	}
	#modal-search-widget .search-widget-portal-wrapper .search-widget-results-wrapper .search-widget_results--maxWidth .search-widget_results--grid .grid-box-wrapper .search-widget_results-result .result-tile_title{
		padding: 20px 20px 5px;
		font-size: 18px;
		line-height: 25px;			
	}
	#modal-search-widget .search-widget-portal-wrapper .search-widget-results-wrapper .search-widget_results--maxWidth .search-widget_results--grid .grid-box-wrapper .search-widget_results-result .result-tile_highlights{
		padding: 2px 20px 2px;
		margin: 0px 0px 5px 0px;
		font-size: 15px;		
	}
	#modal-search-widget .search-widget-portal-wrapper .search-widget-results-wrapper .search-widget_results--maxWidth .search-widget_results--grid .grid-box-wrapper .search-widget_results-result{
		display: block;
		width: 100%;	
		height: 450px;
	}
	.mainIndexBoxWrapper .im-column-inner {
		padding: 16px 0px 16px 0px !important;
	}	
	.mainIndexBoxWrapper .css-1j5a53r.css-1j5a53r.css-1j5a53r.css-1j5a53r, .mainIndexBoxWrapper [data-css-1j5a53r][data-css-1j5a53r][data-css-1j5a53r][data-css-1j5a53r] {
		font-size: 1rem !important;
	}
	.mainIndexBoxWrapper .im-column.css-bdvi6p.css-bdvi6p.im-column-inner, .mainIndexBoxWrapper .im-column[data-css-bdvi6p][data-css-bdvi6p].im-column-inner, .mainIndexBoxWrapper .im-column.css-bdvi6p.css-bdvi6p .im-column-inner, .mainIndexBoxWrapper .im-column[data-css-bdvi6p][data-css-bdvi6p] .im-column-inner {
		padding-top: 8% !important;
	}	
	.mainIndexBoxWrapper .im-scroll-down-button {
		left: 45% !important;
		height: 50px !important;
		width: 50px !important;
	}	
	.introduction-wrapper.mobileWrapper .introdution-banner{
		height: 315px !important;
	}
	.introductionWrapper .mobileWrapper .minWidthIntro {
	    margin-top: -145px !important;
	}
	.youTubeVideo-239-1-Class,
	.youTubeVideo-89-1-Class,
	.youTubeVideo-832-1-Class,
	.youTubeVideo-832-2-Class{
		height: 250px !important;
	}
}
@media (min-width: 541px) and (max-width: 790px) {
	#modal-search-widget .search-widget-portal-wrapper .search-widget-results-wrapper .search-widget_results--maxWidth .search-widget_results--grid {
		grid-template-columns: 1fr 1fr;
		max-width: 620px;
	}
	.mainIndexBoxWrapper .css-1j5a53r.css-1j5a53r.css-1j5a53r.css-1j5a53r, .mainIndexBoxWrapper [data-css-1j5a53r][data-css-1j5a53r][data-css-1j5a53r][data-css-1j5a53r] {
		font-size: 1.5rem !important;
	}	
}
@media (min-width: 791px) and (max-width: 1045px) {
	#modal-search-widget .search-widget-portal-wrapper .search-widget-results-wrapper .search-widget_results--maxWidth .search-widget_results--grid {
		grid-template-columns: 1fr 1fr 1fr;
		max-width: 800px;
	}	
}
@media (min-width: 768px) and (max-width: 959px) {

	#NavigationBar .only-tablet-mobile .nav-buttons-bar.im-ts-nav-bar-background{

		/*background: #ADADAD;*/

		background: rgba(0,0,0,0.2);

	}

	.nav-bar-options .im-listindex2-container .icon-sprite{

		font-size: 21px;

		margin-top: 6px;

	}	

	.tp-cover05 .im-cover05-highlight-text.two-rules p{

		padding: 0px;

		margin: 0px;

		line-height: 0px;

	}	

	.tp-cover05 .im-ts-title-background {

		padding-top: 100px;

	}

	.im-header-container{

		height: 45px;

	}

	.page.tp-webshop .tp-webshop-nav {

		bottom: 75px;

	}

	.page.tp-webshop .table-grid-container{

		padding: 10px !important;

	}

	.page.tp-webshop .webshop-block .paragraph{

		line-height: 15px !important;

	}

	.tp-corporate02 .im-co-textblock-wrapper{

		margin-left: -350px !important;

	}

	.tp-corporate02 .im-co-buttons-container{

		bottom: 50px !important;

	}

	.tp-corporate02 .im-co-button {

		width: 150px !important;

	}	

	.page.tp-corporate02 .im-ts-title-background {

		font-size: 25px !important;

	}	

	.tp-corporate02 .text-block{

		padding: 10px !important;

	}

	.tp-corporate02 .im-co-textblock-wrapper {

		width: 700px !important;

	}	

	.im-ts-paragraph, .paragraph {

		line-height: 130% !important;

	}	

	#modal-11 .md-content.modal-content{

		/*width: 735px !important;

		height: 400px !important;*/

	}

	#ModalWrapper .close-button.button.im-ts-button.square-small{

		right: 45px !important;

	}

	.tp-easyscroll .paragraph {

		padding-bottom: 60px;

	}	

	.mobileWrapperBox{

		width: 100px !important

	}

	.panelMaxWidth{

		width: 560px !important;

	}

	.panel__wrapper .panelMaxWidth .im-media-image{

		height: 155px !important;

	}

	.countryNodesBoxWrapper {

		top: 5% !important;

	}

	.panelMaxWidth{

		height: 450px !important;

		margin-bottom: 60px !important;

	}

	.panel__wrapper{

		padding: 0px !important;

	}

	.paragraph.center{

		height: 225px !important;

	}

	.paragraph.normal{

		height: 375px !important;

	}	

	.paragraph img{

		padding: 0px !important;

		margin: 0px !important;

	}

	.dynamicBlock li:last-child {

		margin-bottom: 62px !important;

	}	

	.im-sp.im-sp-arrow-right,

	.im-sp.im-sp-arrow-left,

	.im-sp.im-sp-more{

		box-shadow: 0px 0px 7px -2px #000;

		border-radius: 30px;

		border: 1px solid #fff;	

		width: 88%;		

	}

	.mobileWrapperBox .mobileNavList{

		width: 99% !important;

	}	

	.mobileWrapperBox .categoryBox{

		font-size: 12px !important;

	}

}

/* Responsive Tab CSS End Here */



@media only screen and (min-width: 768px) {

	.page.tp-corporate02 .subpage{

		display: none !important;

	}

	.page.tp-corporate02 .subpage{

		display: none !important;

	}

}





.subpage .wrapper.im-ts-mobile-view{

	display: none;

}

.subpage .wrapper.im-ts-mobile-view.slide-upbox.didappear{

	display: block;

}

.im-ts-overlay-padding {

    text-align: left;

}

.paragraph {

    text-align: left !important;

}





/*

.im-co-textblock-wrapper.im-co-item-button.im-align.center-center {

  display: none;



    &.active {

      animation: scale-display .3s;

      display: inline-flex;

    }



		&.out {

			animation: scale-display--reversed .3s;

			animation-fill-mode:forwards;

			display: inline-flex;

		}

	}

@keyframes scale-display {

	0% {

		opacity: 0;

		transform: scale(0);

    -webkit-transform: scale(0);

	}



	100% {

		opacity: 1;

		transform: scale(1);

    -webkit-transform: scale(1);

	}

}



@keyframes scale-display--reversed {

	0% {

		display: inline-flex;

		opacity: 1;

		transform: scale(1);

		-webkit-transform: scale(1);

	}

	99% {

		display: inline-flex;

		opacity: 0;

		transform: scale(0);

		-webkit-transform: scale(0);

	}

	100% {

		display: none;

		opacity: 0;

		transform: scale(0);

		-webkit-transform: scale(0);

	}

}









*/
@media (min-width: 250px) and (max-width: 575px){
	.introductionWrapper .minWidthIntro .nextPageNavigationBox .arrowBackground {
	    width: 100% !important;
	    padding-top: 58px !important;
	    background-size: contain;
	    background-repeat: no-repeat;
	}
	.introductionWrapper .minWidthIntro .nextPageNavigationBox .navHeading {
	    margin-top: 20px !important;
	}
	.introductionWrapper .minWidthIntro .nextPageNavigationBox .arrowBackground p {
	    font-size: 12px !important;
	}
	.text-right {
	    text-align: left !important;
	}	
}
@media (min-width: 576px) and (max-width: 767px){
	.introductionWrapper .minWidthIntro .nextPageNavigationBox .arrowBackground {
	    width: 100% !important;
	    padding-top: 58px !important;
	    background-size: contain;
	    background-repeat: no-repeat;
	}
	.introductionWrapper .minWidthIntro .nextPageNavigationBox .navHeading {
	    margin-top: 20px !important;
	}
	.introductionWrapper .minWidthIntro .nextPageNavigationBox .arrowBackground p {
	    font-size: 12px !important;
	}
}
@media (min-width: 250px) and (max-width: 767px) {
	.introductionWrapper .minWidthIntro {
	    width: 95% !important;
	    margin-top: -300px;
	}
	.introductionWrapper .minWidthIntro .intro-header .bigHeadingOne {
	    font-size: 40px !important;
	    line-height: 40px !important;
	}	
	.introductionWrapper .minWidthIntro .intro-header .bigHeadingTwo {
	    font-size: 55px !important;
	    line-height: 55px !important;
	}
	.introductionWrapper .minWidthIntro .intro-header .smallHeading {
	    padding-right: 0px !important;
	    padding-top: 5px !important;
	    padding-left: 10px !important;
	}	
	#Page-131 .container.homeBoxWrapper{
		margin-top: 45px;
		height: 600px;
		overflow-y: scroll;
		position: relative;
		max-width: none;
		padding-left: 50px;
		padding-right: 50px;
		padding-top: 30px;
		background: rgba(0,0,0,0.4);
	}
	.NarrativeCoverPage .homeBoxWrapper .homeLeftWrapper .homeSmallText {
	    padding-top: 5px !important;
	}
	.NarrativeCoverPage .homeBoxWrapper .homeRightWrapper {
	    padding-top: 10px !important;
	    text-align: left !important;
	    padding-bottom: 80px !important;
	}
	.NarrativeCoverPage .homeBoxWrapper .homeRightBox .qLink {
	    width: 100% !important;
	    float: left !important;
	}
	.NarrativeCoverPage .homeBoxWrapper .homeRightBox .hLine {
	    float: left !important;
	}
	#Page-131 .secondTitleBox {
	    width: 100% !important;
	}	
	.NarrativeCoverPage .homeBoxWrapper .homeLeftWrapper .homeSlogan {
	    width: 100% !important;
	}	
	.NarrativeCoverPage .homeBoxWrapper .homeLeftWrapper .homeSmallText {
	    width: 100% !important;
	}
	.NarrativeCoverPage .homeBoxWrapper .homeRightBox .qLink a, .NarrativeCoverPage .homeBoxWrapper .homeRightBox .qLink {
	    font-size: 13px !important;
	    line-height: 19px !important;
	}
	.NarrativeCoverPage .homeBoxWrapper .homeLeftWrapper .homeSlogan {
	    color: #fff !important;
		font-size: 18px !important;
		line-height: 22px !important;	    
	}	
	.NarrativeCoverPage .homeBoxWrapper .homeLeftWrapper .homeSmallText {
	    color: #fff !important;
		font-size: 14px !important;
		line-height: 20px !important;	    
	}
	.introductionWrapper .minWidthIntro .intro-header .bigHeadingOne.darkShadow{
	    font-size: 35px !important;
	    line-height: 35px !important;
	}
	.introductionWrapper .minWidthIntro .nextPageNavigationBox .navHeading {
	    font-size: 35px !important;
	    line-height: 35px !important;
	}
	#Page-76 .ColofonBoxWrapper {
	    width: 90% !important;
	    margin: auto !important;
	}	
	.minWidthIntro .nextPageNavigationBox .row{
		-webkit-box-orient: vertical;
		-webkit-box-direction: reverse;
		-ms-flex-direction: column-reverse;
		flex-direction: column-reverse;				
	}
	.minWidthIntro .nextPageNavigationBox .row .col-lg-5.col-md-5.col-sm-5.col-xs-5 img{
		padding-top: 15px;
	}
	.NavigationBar .css-ec8nhl, .NavigationBar [data-css-ec8nhl] {
	    right: 10px !important;
	}
	.threeLogoWrapperFooter{
		display: none;
	}
	.introductionWrapper .minWidthIntro .intro-maintext .themeBGColor {
	    background: rgba(204,128,43,1);
	    padding: 15px;
	    margin-top: 10px;
	    margin-bottom: 20px;
	    opacity: 1;
	}	
	.themeBGColor ul li{
		font-size: 16px !important;
	}	
}
@media (min-width: 768px) and (max-width: 991px) {
	#Page-131 .secondTitleBox {
	    font-size: 50px !important;
	    line-height: 50px !important;
	    width: 93% !important;
	}
	.NarrativeCoverPage .homeBoxWrapper .homeLeftWrapper .homeSlogan {
	    width: 100% !important;
	}
	.NarrativeCoverPage .homeBoxWrapper .homeLeftWrapper .homeSmallText {
	    width: 80% !important;
	}
	.NarrativeCoverPage .homeBoxWrapper .homeRightBox .qLink {
	    width: 85% !important;
	}
	.NarrativeCoverPage .homeBoxWrapper .homeRightBox .qLink a, .NarrativeCoverPage .homeBoxWrapper .homeRightBox .qLink {
	    font-size: 12px !important;
	    line-height: 18px !important;
	}
	.NarrativeCoverPage .homeBoxWrapper .homeRightWrapper {
	    padding-top: 0px !important;
	}
}
@media (min-width: 992px) and (max-width: 1199px) {
	#Page-131 .secondTitleBox {
	    width: 82% !important;
	}
	#Page-131 .homeSlogan {
		width: 82% !important;
	}	
	.NarrativeCoverPage .homeBoxWrapper .homeRightWrapper {
	    padding-top: 0px !important;
	}
	.NarrativeCoverPage .homeBoxWrapper .homeRightBox .qLink {
	    width: 95% !important;
	}			
}
@media (min-width: 768px) and (max-width: 1200px) {
	.introductionWrapper .minWidthIntro {
	    width: 55% !important;
	}
	.introductionWrapper .minWidthIntro .intro-header .smallHeading {
		padding-right: 0px !important;
		margin-left: 40px !important;
		font-size: 16px !important;
		line-height: 20px;
		padding-top: 18px;	    
	}
	.introductionWrapper .minWidthIntro .nextPageNavigationBox .navHeading {
	    font-size: 26px !important;
	    line-height: 26px !important;
	}	
	.introductionWrapper .minWidthIntro .nextPageNavigationBox .arrowBackground {
	    padding-top: 60px;
	}	
	.introductionWrapper .minWidthIntro .nextPageNavigationBox .arrowBackground {
	    width: 100% !important;
	    background-size: contain;
	    background-repeat: no-repeat;
	    margin-top: -48px !important;
	}
	.introductionWrapper .minWidthIntro .nextPageNavigationBox .withoutTextBoxWrapper {
	    margin-top: 0px !important;
	}	
	.introductionWrapper .minWidthIntro .nextPageNavigationBox .arrowBackground p {
	    font-size: 12px !important;
	}
	.introductionWrapper .minWidthIntro .nextPageNavigationBox .projectWrapper p {
	    font-size: 12px !important;
	}	
	.responsiveWhite3{
		color: #333 !important;
	}
	.introductionWrapper .minWidthIntro .intro-header {
	    padding-top: 15px !important;
	}				
}
@media (min-width: 1201px) and (max-width: 1330px) {
	.introductionWrapper .minWidthIntro .intro-header .smallHeading {
	    font-size: 18px !important;
	    line-height: 20px !important;
	    padding-right: 95px !important;
	    padding-top: 18px !important;
	    padding-left: 30px !important;
	}
}
@media (min-width: 1380px) and (max-width: 1526px) {
	.NarrativeCoverPage .container.homeBoxWrapper {
		max-width: 85%;
		padding-top: 180px;
	}
	#Page-131 .secondTitleBox {
	    font-size: 64px !important;
	    line-height: 64px !important;
	}
	.NarrativeCoverPage .homeBoxWrapper .homeLeftWrapper .homeSlogan {
	    font-size: 20px !important;
	    line-height: 24px !important;
	}
	.NarrativeCoverPage .homeBoxWrapper .homeLeftWrapper .homeSmallText {
	    font-size: 12px !important;
	}
	.NarrativeCoverPage .homeBoxWrapper .homeRightBox .qLink a, .NarrativeCoverPage .homeBoxWrapper .homeRightBox .qLink {
	    font-size: 16px !important;
	    line-height: 22px !important;
	}

	.NavigationBar .css-h8q8xb, .NavigationBar [data-css-h8q8xb] {
	    height: 46px !important;
	}
	.NavigationBar .css-1gwjqba, .NavigationBar [data-css-1gwjqba] {
	    height: 46px !important;
	}
	.NavigationBar .css-1gwjqba, .NavigationBar .logoNavWrapper{
	    font-size: 25px !important;
	    flex: 0 0 155px !important;	
	}
	.NavigationBar .css-3o3n1y, .NavigationBar [data-css-3o3n1y] {
	    font-size: 25px !important;
	    height: 45px !important;
	}
	.NavigationBar .css-3o3n1y, .NavigationBar .hamBurgerBox{
	    width: 25px !important;
	    height: 25px !important;	
	}
	.NavigationBar .css-1ghgztu, .NavigationBar [data-css-1ghgztu] {
	    font-size: 18px !important;
	}
	.NavigationBar .css-1ghgztu, .NavigationBar .currentPageWrapper{
		font-size: 18px !important;
	}
	.NavigationBar .css-1ghgztu, .NavigationBar .allPagesWrapper{
		font-size: 18px !important;
	}
	.NavigationBar .css-15z9m1y, .NavigationBar [data-css-15z9m1y] {
	    font-size: 18px !important;
	}
	
	.languageSelectorWrapper .languageSelector {
		width: 90px !important;
		font-size: 18px !important;
	}	
	.languageSelectorWrapper .languageSelector option {
		font-size: 16px !important;
	}	
	
	.im-socialIcon{
		margin-left: 5px !important;
		margin-right: 5px !important;
	}
	.im-socialIcon svg{
	    width: 20px;
	    height: 20px;	
	}
	.introductionWrapper .minWidthIntro .intro-header .smallHeading {
	    padding-top: 14px !important;
	    padding-left: 12px !important;
	}
	#Page-83 p{
		font-size: 17px !important;
	}	
	.css-x8d7bm .pageindex-pagenumber, [data-css-x8d7bm] .pageindex-pagenumber {
	    margin: 3px 10px 0px 0px !important;
	    min-width: 28px !important;
	    min-height: 28px !important;
	    padding: 1px 0px 0px 0px !important;
	}
	.css-x8d7bm, [data-css-x8d7bm] {
	    font-size: 18px !important;
	}	
	.ColofonBoxWrapper.ConclusionWrapper{
		overflow-y: hidden !important;
	}
}

@media (min-width: 1527px) and (max-width: 1709px) {
	.NarrativeCoverPage .container.homeBoxWrapper {
		max-width: 86%;
		padding-top: 225px;
	}
	.innerChapterBoxWrapper .introdution-banner {
	    height: 750px !important;
	}	
	.introductionWrapper .minWidthIntro .nextPageNavigationBox .arrowBackground {
	    margin-top: 0px !important;
	}
	#Page-131 .secondTitleBox {
	    font-size: 71px !important;
	    line-height: 71px !important;
	}
	.NarrativeCoverPage .homeBoxWrapper .homeLeftWrapper .homeSlogan {
	    font-size: 22px !important;
	    line-height: 28px !important;
	}
	.NarrativeCoverPage .homeBoxWrapper .homeLeftWrapper .homeSmallText {
	    font-size: 14px !important;
	}
	.NarrativeCoverPage .homeBoxWrapper .homeRightBox .qLink a, .NarrativeCoverPage .homeBoxWrapper .homeRightBox .qLink {
	    font-size: 18px !important;
	    line-height: 24px !important;
	}	
	.NavigationBar .css-h8q8xb, .NavigationBar [data-css-h8q8xb] {
	    height: 50px !important;
	}
	.NavigationBar .css-1gwjqba, .NavigationBar [data-css-1gwjqba] {
	    height: 50px !important;
	    max-height: 50px !important;
	}
	.NavigationBar .css-1gwjqba, .NavigationBar .logoNavWrapper{
	    font-size: 30px !important;
	    flex: 0 0 155px !important;	
	}
	.NavigationBar .css-3o3n1y, .NavigationBar [data-css-3o3n1y] {
	    font-size: 30px !important;
	    height: 50px !important;
	}
	.NavigationBar .css-3o3n1y, .NavigationBar .hamBurgerBox{
	    width: 30px !important;
	    height: 30px !important;	
	}
	.NavigationBar .css-1ghgztu, .NavigationBar [data-css-1ghgztu] {
	    font-size: 20px !important;
	}
	.NavigationBar .css-1ghgztu, .NavigationBar .currentPageWrapper{
		font-size: 20px !important;
	}
	.NavigationBar .css-1ghgztu, .NavigationBar .allPagesWrapper{
		font-size: 20px !important;
	}
	.NavigationBar .css-15z9m1y, .NavigationBar [data-css-15z9m1y] {
	    font-size: 20px !important;
	}
	
	.languageSelectorWrapper .languageSelector {
		width: 100px !important;
		font-size: 20px !important;
		height: 38px;
	}	
	.languageSelectorWrapper .languageSelector option {
		font-size: 18px !important;
	}
	
	.im-socialIcon{
		margin-left: 8px !important;
		margin-right: 8px !important;
	}
	.im-socialIcon svg{
	    width: 22px;
	    height: 22px;	
	}	
	.introductionWrapper .minWidthIntro .intro-header .smallHeading {
	    padding-left: 5px !important;
	}	
	#Page-83 p {
	    font-size: 18px !important;
	}
	.minWidthIntro p, 
	.minWidthIntro .imageCaptionStoryWrapper, 
	.minWidthIntro li, 
	.minWidthIntro blockquote {
	    font-size: 18px !important;
	}	
	#Page-76 .paragraph p {
	    font-size: 18px !important;
	}
	.ColofonBoxWrapper .paragraph p {
	    font-size: 16px !important;
	}		
	.css-x8d7bm .pageindex-pagenumber, [data-css-x8d7bm] .pageindex-pagenumber {
	    margin: 3px 10px 0px 0px !important;
	    min-width: 30px !important;
	    min-height: 30px !important;
	    padding: 1px 0px 0px 0px !important;
	}
	.css-x8d7bm, [data-css-x8d7bm] {
	    font-size: 20px !important;
	}
	.ColofonBoxWrapper.ConclusionWrapper{
		overflow-y: hidden !important;
	}	
}

@media (min-width: 1710px) and (max-width: 2050px) {
	.NarrativeCoverPage .container.homeBoxWrapper {
		max-width: 88%;
		padding-top: 250px;
	}	
	.innerChapterBoxWrapper .introdution-banner {
	    height: 850px !important;
	}
	.introductionWrapper .minWidthIntro .nextPageNavigationBox .arrowBackground {
	    margin-top: 0px !important;
	}	

	#Page-131 .secondTitleBox {
	    font-size: 87px !important;
	    line-height: 90px !important;
	}
	.NarrativeCoverPage .homeBoxWrapper .homeLeftWrapper .homeSlogan {
	    font-size: 24px !important;
	    line-height: 30px !important;
	}
	.NarrativeCoverPage .homeBoxWrapper .homeLeftWrapper .homeSmallText {
	    font-size: 17px !important;
	}
	.NarrativeCoverPage .homeBoxWrapper .homeRightBox .qLink a, .NarrativeCoverPage .homeBoxWrapper .homeRightBox .qLink {
	    font-size: 20px !important;
	    line-height: 30px !important;
	}
	.NavigationBar .css-h8q8xb, .NavigationBar [data-css-h8q8xb] {
	    height: 60px !important;
	}
	.NavigationBar .css-1gwjqba, .NavigationBar [data-css-1gwjqba] {
	    height: 60px !important;
	    max-height: 60px !important;
	}
	.NavigationBar .css-1gwjqba, .NavigationBar .logoNavWrapper{
	    font-size: 35px !important;
	    flex: 0 0 155px !important;	
	}
	.NavigationBar .css-3o3n1y, .NavigationBar [data-css-3o3n1y] {
	    font-size: 35px !important;
	    height: 60px !important;
	}
	.NavigationBar .css-3o3n1y, .NavigationBar .hamBurgerBox{
	    width: 30px !important;
	    height: 30px !important;	
	}
	.NavigationBar .css-1ghgztu, .NavigationBar [data-css-1ghgztu] {
	    font-size: 24px !important;
	}
	.NavigationBar .css-1ghgztu, .NavigationBar .currentPageWrapper{
		font-size: 24px !important;
	}
	.NavigationBar .css-1ghgztu, .NavigationBar .allPagesWrapper{
		font-size: 24px !important;
	}
	.NavigationBar .css-15z9m1y, .NavigationBar [data-css-15z9m1y] {
	    font-size: 24px !important;
	}
	
	.languageSelectorWrapper .languageSelector {
		width: 116px !important;
		font-size: 24px !important;
		height: 40px;
	}	
	.languageSelectorWrapper .languageSelector option {
		font-size: 20px !important;
	}	
	
	.im-socialIcon{
		margin-left: 12px !important;
		margin-right: 12px !important;
	}
	.im-socialIcon svg{
	    width: 26px;
	    height: 26px;	
	}
	.introductionWrapper .minWidthIntro .intro-header .smallHeading {
	    padding-left: 0px !important;
	}	
	#Page-83 p {
	    font-size: 23px !important;
	}
	.introductionWrapper .minWidthIntro .intro-header {
	    padding-top: 25px !important;
	}
	.introductionWrapper .minWidthIntro .intro-header .bigHeadingOne {
	    font-size: 55px !important;
	    line-height: 55px !important;
	}
	.introductionWrapper .minWidthIntro .intro-header .bigHeadingTwo {
	    font-size: 75px !important;
	    line-height: 75px !important;
	}	
	.introductionWrapper .minWidthIntro .intro-header .smallHeading {
	    font-size: 23px !important;
	    line-height: 25px !important;
	    padding-right: 285px !important;
	    padding-top: 16px !important;
	}
	.minWidthIntro p,
	.minWidthIntro .imageCaptionStoryWrapper,
	.minWidthIntro li,
	.minWidthIntro blockquote{
		font-size: 23px !important;
	}
	.introductionWrapper .minWidthIntro .nextPageNavigationBox .arrowBackground {
	    padding-top: 45px !important;
	}
	#Page-76 .paragraph p {
	    font-size: 23px !important;
	    line-height: 1.42857143;
	}
	.ColofonBoxWrapper .paragraph p{
		font-size: 18px !important;
	}
	.css-x8d7bm .pageindex-pagenumber, [data-css-x8d7bm] .pageindex-pagenumber {
	    margin: 5px 10px 0px 0px !important;
	    min-width: 35px !important;
	    min-height: 35px !important;
	    padding: 1px 0px 0px 0px !important;
	}
	.css-x8d7bm, [data-css-x8d7bm] {
	    font-size: 23px !important;
	}
	.ColofonBoxWrapper.ConclusionWrapper{
		overflow-y: hidden !important;
	}
}

@media (min-width: 2051px) and (max-width: 2733px) {
	.NarrativeCoverPage .container.homeBoxWrapper {
		max-width: 88%;
		padding-top: 300px;
	}
	.innerChapterBoxWrapper .introdution-banner {
	    height: 850px !important;
	}
	.introductionWrapper .minWidthIntro .nextPageNavigationBox .arrowBackground {
	    margin-top: 0px !important;
	}
	#Page-131 .secondTitleBox {
	    font-size: 95px !important;
	    line-height: 100px !important;
	}
	.NarrativeCoverPage .homeBoxWrapper .homeLeftWrapper .homeSlogan {
	    font-size: 28px !important;
	    line-height: 35px !important;
	}
	.NarrativeCoverPage .homeBoxWrapper .homeLeftWrapper .homeSmallText {
	    font-size: 17px !important;
	}
	.NarrativeCoverPage .homeBoxWrapper .homeRightBox .qLink a, .NarrativeCoverPage .homeBoxWrapper .homeRightBox .qLink {
	    font-size: 21px !important;
	    line-height: 30px !important;
	}	
	.NavigationBar .css-h8q8xb, .NavigationBar [data-css-h8q8xb] {
	    height: 70px !important;
	}
	.NavigationBar .css-1gwjqba, .NavigationBar [data-css-1gwjqba] {
	    height: 70px !important;
	    max-height: 70px !important;
	}
	.NavigationBar .css-1gwjqba, .NavigationBar .logoNavWrapper{
	    font-size: 40px !important;
	    flex: 0 0 155px !important;	
	}
	.NavigationBar .css-3o3n1y, .NavigationBar [data-css-3o3n1y] {
	    font-size: 40px !important;
	    height: 70px !important;
	}
	.NavigationBar .css-3o3n1y, .NavigationBar .hamBurgerBox{
	    width: 35px !important;
	    height: 35px !important;	
	}
	.NavigationBar .css-1ghgztu, .NavigationBar [data-css-1ghgztu] {
	    font-size: 26px !important;
	}
	.NavigationBar .css-1ghgztu, .NavigationBar .currentPageWrapper{
		font-size: 26px !important;
	}
	.NavigationBar .css-1ghgztu, .NavigationBar .allPagesWrapper{
		font-size: 26px !important;
	}
	.NavigationBar .css-15z9m1y, .NavigationBar [data-css-15z9m1y] {
	    font-size: 26px !important;
	}
	.languageSelectorWrapper .languageSelector {
		width: 125px !important;
		font-size: 24px !important;
		height: 45px;
	}	
	.languageSelectorWrapper .languageSelector option {
		font-size: 22px !important;
	}	
	.im-socialIcon{
		margin-left: 14px !important;
		margin-right: 14px !important;
	}
	.im-socialIcon svg{
	    width: 28px;
	    height: 28px;	
	}
	.introductionWrapper .minWidthIntro .intro-header .smallHeading {
	    padding-left: 0px !important;
	}	
	#Page-83 p {
	    font-size: 23px !important;
	}
	.introductionWrapper .minWidthIntro .intro-header {
	    padding-top: 25px !important;
	}
	.introductionWrapper .minWidthIntro .intro-header .bigHeadingOne {
	    font-size: 60px !important;
	    line-height: 60px !important;
	}
	.introductionWrapper .minWidthIntro .intro-header .bigHeadingTwo {
	    font-size: 75px !important;
	    line-height: 75px !important;
	}	
	.introductionWrapper .minWidthIntro .intro-header .smallHeading {
	    font-size: 23px !important;
	    line-height: 25px !important;
	    padding-right: 285px !important;
	    padding-top: 16px !important;
	}
	.minWidthIntro p,
	.minWidthIntro .imageCaptionStoryWrapper,
	.minWidthIntro li,
	.minWidthIntro blockquote{
		font-size: 23px !important;
	}
	.introductionWrapper .minWidthIntro .nextPageNavigationBox .arrowBackground {
	    padding-top: 45px !important;
	}
	#Page-76 .paragraph p {
	    font-size: 23px !important;
	    line-height: 1.42857143;
	}
	.ColofonBoxWrapper .paragraph p{
		font-size: 20px !important;
	}
	.css-x8d7bm .pageindex-pagenumber, [data-css-x8d7bm] .pageindex-pagenumber {
	    margin: 5px 10px 0px 0px !important;
	    min-width: 35px !important;
	    min-height: 35px !important;
	    padding: 1px 0px 0px 0px !important;
	}
	.css-x8d7bm, [data-css-x8d7bm] {
	    font-size: 23px !important;
	}
	.ColofonBoxWrapper.ConclusionWrapper{
		overflow-y: hidden !important;
	}

}

@media (min-width: 2734px) and (max-width: 4554px) {
	.NarrativeCoverPage .container.homeBoxWrapper {
		max-width: 88%;
		padding-top: 300px;
	}
	.innerChapterBoxWrapper .introdution-banner {
	    height: 850px !important;
	}
	.introductionWrapper .minWidthIntro .nextPageNavigationBox .arrowBackground {
	    margin-top: 0px !important;
	}	
	#Page-131 .secondTitleBox {
	    font-size: 95px !important;
	    line-height: 100px !important;
	}
	.NarrativeCoverPage .homeBoxWrapper .homeLeftWrapper .homeSlogan {
	    font-size: 28px !important;
	    line-height: 35px !important;
	}
	.NarrativeCoverPage .homeBoxWrapper .homeLeftWrapper .homeSmallText {
	    font-size: 17px !important;
	}
	.NarrativeCoverPage .homeBoxWrapper .homeRightBox .qLink a, .NarrativeCoverPage .homeBoxWrapper .homeRightBox .qLink {
	    font-size: 21px !important;
	    line-height: 30px !important;
	}
	.NavigationBar .css-h8q8xb, .NavigationBar [data-css-h8q8xb] {
	    height: 70px !important;
	}
	.NavigationBar .css-1gwjqba, .NavigationBar [data-css-1gwjqba] {
	    height: 70px !important;
	    max-height: 70px !important;
	}
	.NavigationBar .css-1gwjqba, .NavigationBar .logoNavWrapper{
	    font-size: 40px !important;
	    flex: 0 0 155px !important;	
	}
	.NavigationBar .css-3o3n1y, .NavigationBar [data-css-3o3n1y] {
	    font-size: 40px !important;
	    height: 70px !important;
	}
	.NavigationBar .css-3o3n1y, .NavigationBar .hamBurgerBox{
	    width: 35px !important;
	    height: 35px !important;	
	}
	.NavigationBar .css-1ghgztu, .NavigationBar [data-css-1ghgztu] {
	    font-size: 26px !important;
	}
	.NavigationBar .css-1ghgztu, .NavigationBar .currentPageWrapper{
		font-size: 26px !important;
	}
	.NavigationBar .css-1ghgztu, .NavigationBar .allPagesWrapper{
		font-size: 26px !important;
	}
	.NavigationBar .css-15z9m1y, .NavigationBar [data-css-15z9m1y] {
	    font-size: 26px !important;
	}
	.languageSelectorWrapper .languageSelector {
		width: 150px !important;
		font-size: 24px !important;
		height: 45px;
	}	
	.languageSelectorWrapper .languageSelector option {
		font-size: 22px !important;
	}		
	.im-socialIcon{
		margin-left: 14px !important;
		margin-right: 14px !important;
	}
	.im-socialIcon svg{
	    width: 28px;
	    height: 28px;	
	}
	.introductionWrapper .minWidthIntro .intro-header .smallHeading {
	    padding-left: 0px !important;
	}	
	#Page-83 p {
	    font-size: 23px !important;
	}
	.introductionWrapper .minWidthIntro .intro-header {
	    padding-top: 25px !important;
	}
	.introductionWrapper .minWidthIntro .intro-header .bigHeadingOne {
	    font-size: 60px !important;
	    line-height: 60px !important;
	}
	.introductionWrapper .minWidthIntro .intro-header .bigHeadingTwo {
	    font-size: 75px !important;
	    line-height: 75px !important;
	}	
	.introductionWrapper .minWidthIntro .intro-header .smallHeading {
	    font-size: 23px !important;
	    line-height: 25px !important;
	    padding-right: 285px !important;
	    padding-top: 16px !important;
	}
	.minWidthIntro p,
	.minWidthIntro .imageCaptionStoryWrapper,
	.minWidthIntro li,
	.minWidthIntro blockquote{
		font-size: 23px !important;
	}
	.introductionWrapper .minWidthIntro .nextPageNavigationBox .arrowBackground {
	    padding-top: 45px !important;
	}
	#Page-76 .paragraph p {
	    font-size: 23px !important;
	    line-height: 1.42857143;
	}
	.ColofonBoxWrapper .paragraph p{
		font-size: 20px !important;
	}
	.css-x8d7bm .pageindex-pagenumber, [data-css-x8d7bm] .pageindex-pagenumber {
	    margin: 5px 10px 0px 0px !important;
	    min-width: 35px !important;
	    min-height: 35px !important;
	    padding: 1px 0px 0px 0px !important;
	}
	.css-x8d7bm, [data-css-x8d7bm] {
	    font-size: 23px !important;
	}
	.ColofonBoxWrapper.ConclusionWrapper{
		overflow-y: hidden !important;
	}


}
@media (min-width: 4555px) and (max-width: 6000px) {
	.NarrativeCoverPage .container.homeBoxWrapper {
		max-width: 88%;
		padding-top: 300px;
	}
	.innerChapterBoxWrapper .introdution-banner {
	    height: 850px !important;
	}
	.introductionWrapper .minWidthIntro .nextPageNavigationBox .arrowBackground {
	    margin-top: 0px !important;
	}	
	#Page-131 .secondTitleBox {
	    font-size: 95px !important;
	    line-height: 100px !important;
	}
	.NarrativeCoverPage .homeBoxWrapper .homeLeftWrapper .homeSlogan {
	    font-size: 28px !important;
	    line-height: 35px !important;
	}
	.NarrativeCoverPage .homeBoxWrapper .homeLeftWrapper .homeSmallText {
	    font-size: 17px !important;
	}
	.NarrativeCoverPage .homeBoxWrapper .homeRightBox .qLink a, .NarrativeCoverPage .homeBoxWrapper .homeRightBox .qLink {
	    font-size: 21px !important;
	    line-height: 30px !important;
	}
	.NavigationBar .css-h8q8xb, .NavigationBar [data-css-h8q8xb] {
	    height: 70px !important;
	}
	.NavigationBar .css-1gwjqba, .NavigationBar [data-css-1gwjqba] {
	    height: 70px !important;
	    max-height: 70px !important;
	}
	.NavigationBar .css-1gwjqba, .NavigationBar .logoNavWrapper{
	    font-size: 40px !important;
	    flex: 0 0 155px !important;	
	}
	.NavigationBar .css-3o3n1y, .NavigationBar [data-css-3o3n1y] {
	    font-size: 40px !important;
	    height: 70px !important;
	}
	.NavigationBar .css-3o3n1y, .NavigationBar .hamBurgerBox{
	    width: 35px !important;
	    height: 35px !important;	
	}
	.NavigationBar .css-1ghgztu, .NavigationBar [data-css-1ghgztu] {
	    font-size: 26px !important;
	}
	.NavigationBar .css-1ghgztu, .NavigationBar .currentPageWrapper{
		font-size: 26px !important;
	}
	.NavigationBar .css-1ghgztu, .NavigationBar .allPagesWrapper{
		font-size: 26px !important;
	}
	.NavigationBar .css-15z9m1y, .NavigationBar [data-css-15z9m1y] {
	    font-size: 26px !important;
	}
	.languageSelectorWrapper .languageSelector {
		width: 150px !important;
		font-size: 24px !important;
		height: 45px;
	}	
	.languageSelectorWrapper .languageSelector option {
		font-size: 22px !important;
	}	
	.im-socialIcon{
		margin-left: 14px !important;
		margin-right: 14px !important;
	}
	.im-socialIcon svg{
	    width: 28px;
	    height: 28px;	
	}
	.introductionWrapper .minWidthIntro .intro-header .smallHeading {
	    padding-left: 0px !important;
	}	
	#Page-83 p {
	    font-size: 23px !important;
	}
	.introductionWrapper .minWidthIntro .intro-header {
	    padding-top: 25px !important;
	}
	.introductionWrapper .minWidthIntro .intro-header .bigHeadingOne {
	    font-size: 60px !important;
	    line-height: 60px !important;
	}
	.introductionWrapper .minWidthIntro .intro-header .bigHeadingTwo {
	    font-size: 75px !important;
	    line-height: 75px !important;
	}	
	.introductionWrapper .minWidthIntro .intro-header .smallHeading {
	    font-size: 23px !important;
	    line-height: 25px !important;
	    padding-right: 285px !important;
	    padding-top: 16px !important;
	}	
	.minWidthIntro p,
	.minWidthIntro .imageCaptionStoryWrapper,
	.minWidthIntro li,
	.minWidthIntro blockquote{
		font-size: 23px !important;
	}
	.introductionWrapper .minWidthIntro .nextPageNavigationBox .arrowBackground {
	    padding-top: 45px !important;
	}
	#Page-76 .paragraph p {
	    font-size: 23px !important;
	    line-height: 1.42857143;
	}
	.ColofonBoxWrapper .paragraph p{
		font-size: 20px !important;
	}
	.css-x8d7bm .pageindex-pagenumber, [data-css-x8d7bm] .pageindex-pagenumber {
	    margin: 5px 10px 0px 0px !important;
	    min-width: 35px !important;
	    min-height: 35px !important;
	    padding: 1px 0px 0px 0px !important;
	}
	.css-x8d7bm, [data-css-x8d7bm] {
	    font-size: 23px !important;
	}
	.ColofonBoxWrapper.ConclusionWrapper{
		overflow-y: hidden !important;
	}	

}

/* Responsive CSS End Here */