@import url("generic.css");
@import url("top-menu.css");
@import url("slideshow-carousel.css");


/****************************************
	Layout
****************************************/
	.MainWrapper {
		max-width:1320px;
		display:block;
		margin:0px auto;
		position:relative;
	}


	/**===== TOP HEADER ==**/
	#TopHead {
		width:100%;
		height:80px !important;
		position:fixed;
		z-index:1001;
		top:0;
		left:0;
		background:#fff;
	}
	#TopHeadHeightFixed { height:80px;}

	@media All and (min-width:991px) {
		#TopHead.th_active{
				-webkit-box-shadow:0 0 5px rgba(0,0,0,.3);
			box-shadow:0 0 5px rgba(0,0,0,.3);
		}
	}

	#TopHead .SocialLinks {
		position:fixed;
		top:50vh;
		right:11px;
		margin-top:-81px;
	}
	#TopHead .SocialLinks ul li {
		display:block;
		margin:0;
	}

	#TopHead .Logo { display:none;}



	/*===== HEADING STYLE ==*/
	.TitleStyle {
		position:relative;
		margin-bottom:30px;
		text-align:left;
		font-family: 'Montserrat', sans-serif;
		text-transform:uppercase;
	}
	.TitleStyle::after {
		content:'';
		height:11px;
		width:117px;
		background-image:url(../images/images.png);
		background-repeat:no-repeat;
		background-position:-233px -78px;
		position:absolute;
		left:0;
		bottom:0;
	}

	.TitleStyle .Lrg {
		font-size:50px;
		line-height:50px;
		font-weight:800;
		color:#333;
		padding-bottom:40px;
		letter-spacing:0.02em;
	}
	.TitleStyle .Tagline {
		font-size:20px;
		line-height:20px;
		font-weight:800;
		color:#bbb;
		letter-spacing:3px;
		margin-bottom:6px;
	}

	.SubHeading {
		font-family: 'Montserrat', sans-serif;
		font-size:30px;
		line-height:30px;
		font-weight:700;
		color:#333;
		padding-bottom:10px;
		text-transform:uppercase;
	}

	
	
	/**===== BODY CONTENTS ==**/
	.WhiteWrapper, .GreyWrapper, .YellowWrapper, .DarkWrapper {
		position:relative;
		padding:100px 0 70px 0;
	}
	.WhiteWrapper { background:#fff;}
	.GreyWrapper { background:#f0ede4;}
	.YellowWrapper { background:#e5c018;}
	.DarkWrapper { background:#3d0722;}


	/*= Parallax Wrapper =*/
	.ParallaxWrapp {
		background-color:#000;
		background-repeat:no-repeat;
		background-position:center center;
		background-attachment:fixed;
			-webkit-background-size:cover;
		background-size:cover;
		position:relative;
		z-index:1;
		color:#ccc;
		text-align:center;
	}
	.ParallaxWrapp > div {
		background:rgba(0,0,0,.6);
		height:100%;
		width:100%;
		padding:8vh 0;
	}



	/*===== DESIGN LAYOUT ==*/
	#Welcome > .MainWrapper {
		margin:0 70px;
		max-width:100%;
	}
	#Welcome > .MainWrapper > .row { margin:0;}
	#Welcome > .MainWrapper > .row > .col-lg-6 {padding:0;}

	#Welcome .Info {
		height:calc(100vh - 80px);
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		position:relative;
		background:#3d0722;
	}
	
	#Welcome .Info::before,
	#invitation .Contents::before {
		content:'';
		/*border:3px solid rgba(255,255,255,0.1);*/
		position:absolute;
		top:30px;
		right:30px;
		bottom:30px;
		left:30px;
	}
	#invitation .Contents::before {border:3px solid rgba(255,255,255,0.1);}
	
	#Welcome .Info .Inner {
		position:relative;
		/*padding:40px 12% 140px 12%;*/
		padding:40px 18% 40px 0;
		z-index:1;
		text-align:center;
		color:#937483;
		font-size:20px;
		line-height:34px;
		font-weight:300;
	}

	#Welcome .Info .Logo { margin-bottom:10vh;}

	#Welcome .Info .Designation,
	#invitation .Contents .Slogan {
		font-family: 'Montserrat', sans-serif;
		font-size:23px;
		line-height:24px;
		font-weight:600;
		color:#fff;
		text-transform:uppercase;
		letter-spacing:0.02em;
		display:inline-block;
		position:relative;
		margin-bottom:20px;
	}
	#Welcome .Info .Designation::before,
	#Welcome .Info .Designation::after,
	#invitation .Contents .Slogan::before,
	#invitation .Contents .Slogan::after {
		content:'';
		height:1px;
		width:50px;
		background:#f2bf20;
		position:absolute;
		top:11px;
	}
	#Welcome .Info .Designation::before,
	#invitation .Contents .Slogan::before { left:-55px;}
	
	#Welcome .Info .Designation::after,
	#invitation .Contents .Slogan::after { right:-55px;}
	
	#Welcome .Info .Theme.btn,
	#invitation .Contents .Theme.btn {
		background:#fff;
		color:#3d0722;
		border:none;
		font-weight:600;
	}
	#Welcome .Info .Theme.btn:hover, 
	#Welcome .Info .Theme.btn:focus, 
	#Welcome .Info .Theme.btn.focus,
	#invitation .Contents .Theme.btn:hover, 
	#invitation .Contents .Theme.btn:focus, 
	#invitation .Contents .Theme.btn.focus {
		background:#f2bf20;
		color:#333;
	}
	#Welcome .Info .Theme.btn.AnchorBtn a,
	#invitation .Contents .Theme.btn.AnchorBtn a { color:#333;}
	
	#Welcome .ShortInfo {
		position:absolute;
		bottom:50px;
		left:50%;
		margin-left:-275px;
		z-index:1;
	}
	#Welcome .ShortInfo ul,
	#Welcome .ShortInfo ul li {
		margin:0;
		padding:0;
		list-style:none;
		text-align:left;
	}
	#Welcome .ShortInfo ul { display:flex;}

	#Welcome .ShortInfo ul li {
		display:inline-block;
		flex-grow:1;
		font-size:16px;
		line-height:22px;
		color:#fff;
		font-weight:300;
	    margin: 0 5%;
	    white-space: nowrap;
	}
	#Welcome .ShortInfo ul li strong {
		font-family: 'Montserrat', sans-serif;
		font-size:17px;
		font-weight:500;
		color:#937483;
	}
	#Welcome .ShortInfo ul li a {color:#937483;}
	#Welcome .ShortInfo ul li a.moreInfo span { border-color:#937483;}
	
	
	.SocialLinks ul,
	.SocialLinks ul li {
		margin:0;
		padding:0;
		list-style:none;
	}
	.SocialLinks ul li {
		display:inline-block;
		margin:0 10px 10px 0;
	}
	.SocialLinks ul li a { display:block;}
	.SocialLinks ul li a .fa {
		height:48px;
		width:48px;
		display:inline-block;
		background-image:url(../images/images.png);
		background-repeat:no-repeat;
			-webkit-transition: 0.4s ease;
		transition: 0.4s ease;
	}
	.SocialLinks ul li a .fa-facebook { background-position:0 0;}
	.SocialLinks ul li a .fa-instagram { background-position:0 -60px;}
	.SocialLinks ul li a .fa-youtube { background-position:0 -120px;}

	.SocialLinks ul li a:hover .fa-facebook { background-position:-58px 0;}
	.SocialLinks ul li a:hover .fa-instagram { background-position:-58px -60px;}
	.SocialLinks ul li a:hover .fa-youtube { background-position:-58px -120px;}


	/*= About */
	#about > .MainWrapper > .row {
		margin-left:-30px;
		margin-right:-30px;
	}
	#about > .MainWrapper > .row > * {
		padding-left:30px;
		padding-right:30px;
	}
	
	#about .btn { margin:0 12px 12px 0;}
	
	.PersonalInfo {
		font-family: 'Montserrat', sans-serif;
		font-size:17px;
		line-height:31px;
		color:#333;
		font-weight:600;
		margin-bottom:25px;
		padding-top:1px;
	}
	.PersonalInfo .Title {
		background:#bbb;
		width:90px;
		color:#fff;
		display:inline-block;
		margin-right:8px;
		padding-left:8px;
		font-size:16px;
		font-weight:500;
	}
	.PersonalInfo .row > * {
		margin-bottom:10px;
		white-space:nowrap;
	}
	
	.PersonalInfo a { color:#333;}
	.PersonalInfo a:hover { color:#e5c018;}

	#about .Mission {
		padding-left:80px;
		padding-bottom:80px;
		position:relative;
		text-align:center;
	}
	#about .Mission .Inner {
		background:#3d0722;
		padding:50px;
		color:#937483;
		position:absolute;
		left:0;
		bottom:0;
		right:80px;
		text-align:left;
	}
	#about .Mission .Inner .TitleStyle .Lrg {
		font-size: 24px;
		line-height: 24px;
		font-weight: 600;
		color: #fff;
		padding-bottom: 35px;
	}
	#about .Mission .Inner .TitleStyle {margin-bottom: 20px;}

	#about .SocialLinks { margin-bottom:24px;}

	#about .SocialLinks ul li a .fa-facebook { background-position:-58px 0;}
	#about .SocialLinks ul li a .fa-instagram { background-position:-58px -60px;}
	#about .SocialLinks ul li a .fa-youtube { background-position:-58px -120px;}

	#about .SocialLinks ul li a:hover .fa-facebook { background-position:0 0;}
	#about .SocialLinks ul li a:hover .fa-instagram { background-position:0 -60px;}
	#about .SocialLinks ul li a:hover .fa-youtube { background-position:0 -120px;}


	/*= Story */
	#story .BorderBox {
		border:1px solid #e0d9c3;
		padding:30px;
	}
	
	#story .WhiteBox {
		background:#fff;
		border:1px solid #e0d9c3;
		padding:35px;
		font-size:17px;
	}
	#story .WhiteBox p { margin-bottom:27px;}

	#story .Certificate  { margin-top:40px;}
	.Certificate .Achive {
		background:#fff;
		border:1px solid #e0d9c3;
		padding:20px;
		font-size:17px;
		line-height:24px;
		color:#333;
		margin-bottom:20px;
			-webkit-transition: 0.4s ease;
		transition: 0.4s ease;
	}
	.Certificate .Achive:hover {
		background:#3d0722;
		border-color:#3d0722;
		color:#937483;
	}
	
	.Certificate .Achive table { width:100%;}
	.Certificate .Achive table tr td:first-child { width:70px;}

	.Certificate .Achive .Icon {
		background-image:url(../images/images.png);
		background-repeat:no-repeat;
		background-position:-233px 0;
		height:70px;
		width:56px;
	}

	.Certificate .Achive b,
	.Certificate .Achive strong {
		font-family: 'Montserrat', sans-serif;
		font-size:22px;
		font-weight:800;
		color:#bbb;
		display:block;
		letter-spacing:3px;
	}
	.Certificate .Achive:hover b,
	.Certificate .Achive:hover strong { color:#fff;}

	#PicSlider {
		text-align:center;
		margin-bottom:20px;
	}

	/*= Invitation */
	#invitation {
		background:#fff;
		padding:70px;
	}
	#invitation table { width:100%;}
	#invitation table tr td {
		width:50%;
		text-align:center;
		vertical-align:middle;
	}
	#invitation table tr td img { width:100%;}

	#invitation .Contents {
		background:#3d0722;
		position:relative;
		padding:40px 5%;
		z-index:1;
		color:#937483;
		font-weight:300;
	}
	#invitation .Contents .Inner {
		position:relative;
		z-index:1;
	}

	#invitation .Contents .TitleStyle { text-align:center;}
	#invitation .Contents .TitleStyle .Tagline { color:#f2bf20;}
	#invitation .Contents .TitleStyle .Lrg {
		font-size: 40px;
		line-height: 40px;
		font-weight: 700;
		color: #fff;
	}
	#invitation .Contents .TitleStyle::after {
		left: 50%;
		margin-left: -59px;
	}
	
	#invitation .Contents .Slogan { margin-bottom:40px;}

	#invitation .Contents .Bold {
		font-family: 'Montserrat', sans-serif;
		font-size:20px;
		font-weight:500;
		color:#f2bf20;
		margin:35px 0 20px 0;
	}

	#invitation .Photo {
		background:#e1e2e7;
		text-align:right;
		vertical-align:bottom;
	}


	/*= Social Media */
	#SocialMedia .TitleStyle { text-align:center;}
	#SocialMedia .TitleStyle .Tagline { color:#3d0722;}
	#SocialMedia .TitleStyle .Lrg { color:#fff;}
	#SocialMedia .TitleStyle::after {
		background-position:-233px -99px;
		left:50%;
		margin-left:-59px;
	}
	
	#SM_Inner > .row {
		margin-left:-20px;
		margin-right:-20px;
	}
	#SM_Inner > .row > * {
		padding-left:20px;
		padding-right:20px;
		margin-bottom:40px;
	}

	.SocialBtn {
		border:1px solid rgba(255,255,255,0.5);
		display: block;
		position: relative;
			-webkit-transform: perspective(1px) translateZ(0);
		transform: perspective(1px) translateZ(0);
			-webkit-transition-duration: 0.4s;
		transition-duration: 0.4s;
	}
	.SocialBtn::before {
		content: "";
		position: absolute;
		z-index: -1;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
			-webkit-transform: scaleX(0);
		transform: scaleX(0);
			-webkit-transform-origin: 0 50%;
		transform-origin: 0 50%;
			-webkit-transition-property: transform;
		transition-property: transform;
			-webkit-transition-duration: 0.4s;
		transition-duration: 0.4s;
			-webkit-transition-timing-function: ease-out;
		transition-timing-function: ease-out;
		background: #3d0722;
	}
	
	.SocialBtn:hover, 
	.SocialBtn:focus, 
	.SocialBtn:active {
		color: #999;
		border-color:#3d0722;
	}
	
	.SocialBtn:hover::before, 
	.SocialBtn:focus::before, 
	.SocialBtn:active::before {
			-webkit-transform: scaleX(1);
		transform: scaleX(1);
			-webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
		transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
	}
	
	.SocialBtn > a {
		display:block;
		padding: 28px 0 25px 30px;
	}
	
	.SocialBtn .Title {
		font-size:20px;
		line-height:22px;
		font-weight:500;
		color:#fff;
		margin-bottom:5px;
			-webkit-transition: 0.4s ease;
		transition: 0.4s ease;
	}
	.SocialBtn:hover .Title { color:#f2bf20;}
	
	.SocialBtn .Tagline {
		font-family: 'Montserrat', sans-serif;
		font-size:16px;
		line-height:20px;
		font-weight:600;
		color:#000;
		letter-spacing:0.03em;
			-webkit-transition: 0.4s ease;
		transition: 0.4s ease;
	}
	.SocialBtn:hover .Tagline { color:#fff;}

	.SocialBtn .Icon {
		background-image:url(../images/images.png);
		background-repeat:no-repeat;
		height:48px;
		width:48px;
		position:absolute;
		top:50%;
		right:30px;
		margin-top:-24px;
	}
	.SocialBtn .Icon.Facebook { background-position:-116px 0;}
	.SocialBtn .Icon.Instagram { background-position:-116px -60px;}
	.SocialBtn .Icon.YouTube { background-position:-116px -120px;}
	.SocialBtn .Icon.WhatsApp { background-position:-176px 0; height:51px; width:49px;}
	.SocialBtn .Icon.Email { background-position:-176px -60px;}
	.SocialBtn .Icon.Website { background-position:-176px -120px;}
	
	
	/*= Contact */
	#contact table { width:100%; }
	#contact table tr td { vertical-align:middle;}
	
	#contact .Inner {
		position:absolute;
		top:0;
		left:15px;
		right:15px;
		height:100%;
		display: flex;
		flex-direction: column;
		justify-content: center;
	}
	#contact .TitleStyle .Tagline { color:#e5c018;}
	#contact .TitleStyle .Lrg {
		color:#fff;
		font-size:45px;
		line-height:45px;
		font-weight:700;
	}
	
	#contact .Note {
		font-family: 'Montserrat', sans-serif;
		color:#fff;
		font-weight:500;
		letter-spacing:0.04em;
		padding-left:15px;
	}
	#contact .Note b,
	#contact .Note strong { font-weight:700;}
	#contact .Note a { color:#fff;}
	#contact .Note a:hover { color:#e5c018;}
	
	#contact .Theme.btn.Yellow:hover, 
	#contact .Theme.btn.Yellow:focus, 
	#contact .Theme.btn.Yellow.focus {background:#fff; color:#3d0722;}



	/*===== FOOTER ==*/
	#Footer {
		background:#3d0722;
		border-top:1px solid #55283e;
		font-family: 'Montserrat', sans-serif;
		font-size:15px;
		line-height:24px;
		color:#937483;
		text-align:center;
		text-transform:uppercase;
		letter-spacing:1px;
		padding:40px 0 35px 0;
		font-weight:600;
	}
	#Footer a { color:#937483;}
	#Footer a:hover { color:#e5c018;}
	#Footer .Inline {display: inline-block;}
	#Footer .Hide {padding: 0 15px;}
	
	
	
	.FormPage .TitleStyle { text-align:center;}
	.FormPage .TitleStyle::after {
		left: 50%;
		margin-left: -56px;
	}
	.FormPage .TitleStyle .Lrg { color:#fff;}
	.FormPage .TitleStyle .Tagline { color:#f2bf20;}
	
	.DarkWrapper .Theme.btn.Yellow:hover, 
	.DarkWrapper .Theme.btn.Yellow:focus, 
	.DarkWrapper .Theme.btn.Yellow.focus {
		background: #fff;
		color: #3d0722;
	}
	
	.FormPage  .Label {
		font-family: 'Montserrat',sans-serif;
		color: #fff;
		font-weight: 600;
	}
	
	.checkbox,
	.radio {
		margin:0 0 30px 0;
		padding:0;
	}
	
	.checkbox label,
	.radio label {
		font-family: 'Montserrat',sans-serif;
		min-height: auto;
		font-size:16px;
		line-height:20px;
		font-weight: 600;
		cursor: pointer;
		margin:0 15px 10px 0;
		padding: 0;
		color:#937483;
	}
	
	.checkbox label:after, 
	.radio label:after {
		content: '';
		display: table;
		clear: both;
	}
	
	.checkbox .cr,
	.radio .cr {
		position: relative;
		display: inline-block;
		border-width:2px;
		border-style:solid;
		border-color:#f2bf20;
		width:20px;
		height:20px;
		float: left;
		margin-right:10px;
		margin-top:0;
	}
	
	.radio .cr,
	.radio .cr .fa:before {
			-webkit-border-radius: 50%;
		border-radius: 50%;
	}
	
	.checkbox .cr .cr-icon,
	.radio .cr .cr-icon {
		position: absolute;
		font-size:14px;
		line-height:16px;
		top:0;
		left:0;
	}
	.radio .cr .cr-icon {
		font-size: 13px;
		top: 1px;
		left: -1px;
	}
	
	.checkbox .cr .fa,
	.radio .cr .fa:before {
		font-style:normal;
		font-weight:normal;
	}
	
	.checkbox .cr .fa:before,
	.radio .cr .fa:before {
		content: "\02714";
		font-style: normal;
		background: #f2bf20;
		display: inline;
		padding: 0px 3px;
		color: #000;
	}
	.radio .cr .fa:before { padding:0 4px;}
	
	.checkbox label input[type="checkbox"],
	.radio label input[type="radio"] {display: none;}
	
	.checkbox label input[type="checkbox"] + .cr > .cr-icon,
	.radio label input[type="radio"] + .cr > .cr-icon {
		opacity: 0;
			-webkit-transform: scale(3) rotateZ(-25deg);
		transform: scale(3) rotateZ(-25deg);
			-webkit-transition: all 0.3s ease-in;
		transition: all 0.3s ease-in;
	}
	
	.checkbox label input[type="checkbox"]:checked + .cr > .cr-icon,
	.radio label input[type="radio"]:checked + .cr > .cr-icon {
		opacity: 1;
			-webkit-transform: scale(1) rotateZ(0deg);
		transform: scale(1) rotateZ(0deg);
	}
	
	.checkbox label input[type="checkbox"]:disabled + .cr,
	.radio label input[type="radio"]:disabled + .cr {
		opacity: 0.5;
	}




/****************************************
	MEDIA QUERIES
****************************************/

/***** for 1400px or less ===========*/
@media All and (max-width:1400px) {
	body {
		font-size: 16px;
		line-height: 26px;
	}

	.MainWrapper { margin:0px 6%;}
	
	#TopHead,
	#TopHeadHeightFixed { height:60px !important;}
	
	#Welcome .Info {height: calc(100vh - 60px);}
	
	#Welcome .Info::before,
	#invitation .Contents::before {
		top: 15px;
		right: 15px;
		bottom: 15px;
		left: 15px;
	}
	
	#Welcome .Info .Logo {
		max-width: 20vw;
		margin: 0 auto 40px auto;
	}
	
	#Welcome .Info .Inner {
		/*padding: 40px 45px 100px 45px;*/
		padding:40px;
		font-size: 18px;
	    line-height: 30px;
	}
	#Welcome .Info .Designation,
	#invitation .Contents .Slogan { font-size: 19px;}
	#Welcome .ShortInfo ul li { margin:0 3.3%;}
	
	.WhiteWrapper, .GreyWrapper { padding:80px 0 50px 0; }
	
	.TitleStyle { margin-bottom: 20px;}

	.TitleStyle .Lrg,
	#contact .TitleStyle .Lrg {
		font-size: 40px;
		line-height: 40px;
		padding-bottom: 30px;
	}
	
	#about > .MainWrapper > .row {
		margin-left: -15px;
		margin-right: -15px;
	}
	#about > .MainWrapper > .row > * {
		padding-left:15px;
		padding-right:15px;
	}
	.PersonalInfo .Title {
		width: 80px;
		margin-right: 5px;
		padding-left: 7px;
	}
	#about .Mission .Inner { padding: 40px;}
	.SubHeading {
		font-size: 26px;
		line-height: 26px;
	}

	#story .WhiteBox {
		font-size:16px;
		padding: 37px 25px;
	}
	.Certificate .Achive {
		padding: 14px;
		font-size: 16px;
		line-height: 22px;
	}
	
	#invitation .Contents {padding: 100px 5%;}
	
	.SocialBtn > a { padding-left:20px;}
	.SocialBtn .Icon { right:10px;}
}


/***** for 1280px or less ===========*/
@media All and (max-width:1280px) {
	#Welcome > .MainWrapper { margin: 0;}
	.MainWrapper { margin: 0px 30px;}

	#TopHead .SocialLinks {
		top: 6px;
		right: 0;
		margin-top: 0;
	}
	#TopHead .SocialLinks ul li {
		display: inline-block;
		margin-right:10px;
	}

	#invitation { padding:0;}
}

@media All and (max-width:1199px) {
	.MainWrapper { margin:0px 20px;}
	
	#Welcome .ShortInfo { display:none;}
	#Welcome .Info .Inner { padding: 60px 30px;}
}


/***** for 1024px or less ===========*/
@media All and (max-width:991px) {
	#TopHead, #TopHeadHeightFixed {
		height: 80px !important;
		background:#3d0722;
	}

	#TopHead .MainWrapper {
		margin:0;
		text-align:right;
	}

	#TopHead .Logo {
		display: inline-block;
		width: 120px;
		margin: 5px 15px 9px 0;
	}
	#TopHead .Logo a { display:block;}
	
	#TopHead .SocialLinks {
		top: 16px;
		right: 50%;
		margin-top: 0;
		margin-right: -100px;
	}
	
	#Welcome .Info {
		background:#151515;
		height: auto;
	}
	#Welcome .Info::before {border:3px solid rgba(255,255,255,0.1);}
	#Welcome .Info .Logo { display:none;}
	#Welcome .Info .Inner { color:#999;}
	
	#about .Mission .Inner {
		right:0;
		position:relative;
	}
	#about .Mission { padding:0;}
	
	#invitation table tr td {
		float:left;
		width:100%;
	}
	#invitation .Contents { padding: 80px 40px;}
	
	#SM_Inner > .row {
		margin-left:-10px;
		margin-right:-10px;
	}
	#SM_Inner > .row > * {
		padding-left:10px;
		padding-right:10px;
		margin-bottom:20px;
	}

	.DarkWrapper { padding:25px 0;}
	#contact table tr td { text-align:center;}
	#contact table tr td img { margin-bottom:30px;}
	#contact .Inner {
		position: relative;
		left: 0;
		right: 0;
		text-align:left;
	}

	#invitation .Photo { display:none;}
}


/***** for 768px or less ===========*/
@media All and (max-width:768px) {
	.WhiteWrapper, .GreyWrapper, .YellowWrapper,
	.ParallaxWrapp > div { padding:40px 0 ;}
}

@media All and (max-width:767px) {
}

@media All and (max-width:760px) {
	body, #Welcome .Info .Inner {
		font-size: 15px;
	    line-height: 24px;
	}
	
	.TitleStyle { margin-bottom: 12px;}
	
	.TitleStyle .Lrg,
	#invitation .Contents .TitleStyle .Lrg,
	#contact .TitleStyle .Lrg {
		font-size: 24px;
		line-height: 24px;
		padding-bottom: 25px;
		font-weight: 700;
	}
	.TitleStyle .Tagline {
		font-size: 16px;
		line-height: 16px;
		font-weight: 700;
		margin-bottom: 2px;
	}
	.SubHeading {
		font-size: 20px;
		line-height: 20px;
	}
	#about .Mission .Inner .TitleStyle .Lrg {
		font-size: 20px;
		line-height: 20px;
		font-weight: 600;
		padding-bottom: 25px;
	}
	#about .Mission .Inner .TitleStyle { margin-bottom: 12px;}
	
	#Footer .Hide {display: none;}
	#Footer .Inline {display: block;}
	
	.PersonalInfo {
    	font-size: 16px;
    	line-height: 30px;
	}
	
	#story .BorderBox {padding: 20px;}
	
	#story .WhiteBox {
		font-size: 16px;
		padding: 25px 20px;
		line-height: 24px;
	}
	#story .WhiteBox p {margin-bottom: 18px;}
	#invitation .Contents {padding: 55px 30px;}
}


/***** for 576px or less ===========*/
@media All and (max-width:576px) {
	#Welcome .Info .Designation::before,
	#Welcome .Info .Designation::after,
	#invitation .Contents .Slogan::before,
	#invitation .Contents .Slogan::after { display:none;}

	#about .SocialLinks { margin-bottom: 0;}

	#about .Mission .Inner,
	.BorderBox { padding: 20px;}
	
	#contact .Note {
		display: block;
		margin-top: 15px;
		padding-left:0;
	}
	.SocialBtn > a { padding: 18px 0 15px 15px;}

	#Footer {
    	font-size: 14px;
    	line-height: 20px;
	}
	
	.form-control {
		font-size:15px;
		font-weight:500;
		padding:15px;
	}
	.FieldWrapp label {
		font-size:15px;
		font-weight:700;
		top:15px;
	}
	#Footer { padding:30px 0 28px 0;}
}

@media All and (max-width:480px) {
	#TopHead .SocialLinks { display:none;}
}

/***** for 480px or less ===========*/
@media All and (max-width:375px) {

}