body{width: 100%; background:#fff ; padding: 0; margin: 0; font-family: "Wix Madefor Display", sans-serif; }
a{text-decoration: none !important; border: none; outline: none; outline: none; font-family: "Wix Madefor Display", sans-serif; }
h1, h2, h3, h4, h5, h6, p{ padding: 0; margin: 0; font-family: "Wix Madefor Display", sans-serif; }
ul{ padding: 0; margin: 0; }
li{ list-style: none; border: none; outline: none; font-family: "Wix Madefor Display", sans-serif; }
*{padding: 0;margin: 0;}
/*.container{ width: 1400px; }*/

/*Header Top Start*/
.header{ width: 100%; position: sticky; background: #fff; top: 0; left: 0; right: 0; display: block; padding: 0; margin: 0; box-shadow: 0 0 10px #416cd142; z-index: 9999; }
.header .header-top{ width: 100%; position: relative; display: block; background: #012258; padding: 10px 0; margin: 0;  text-align: center; }
.header .header-top h5{ font-size: 14px; line-height: 16px; color: #fff; padding: 0; margin: 0; font-weight: 300; }

/*Header Bottom Start*/
.header .header-bottom{ width: 100%; position: relative; background: #fff; display: block; padding: 20px 0; margin: 0;}
.header .header-bottom .logo{ width: 100%; padding: 4px 0 0; margin: 0; position: relative; }
.header .header-bottom .logo img{ width: 100%;}
.header .header-bottom .menu ul{ padding: 3px 0 0; margin: 0; width: auto; }
.header .header-bottom .menu ul li a{ font-weight: 600; font-size: 16px;  transition: all 600ms ease-in-out;}
.header .header-bottom .menu ul li ul li a{ color: #000000b5; font-weight: 400; }
.header .header-bottom .menu ul li a:hover{color: #0c1c6b; transition: all 600ms ease-in-out;}
.header .menu{ width: 100%;
  text-align: center;
  display: inline-block;
  padding: 5px 0 0;
  margin: 0;; }

.sf-menu a { font-family: "Wix Madefor Display", sans-serif; position: relative; display: block; text-align: center; background: none; border-radius: 30px; transition: .5s; color: #121212; border: none; padding: 0 5px; margin: 0; font-size: 17px; line-height: 20px; font-weight: bold; }



/*Banner Start*/
.banner{ width: 100%; display: block; position: relative; background: #00032c; padding: 0; margin: 0; height: 650px; }
.banner img{ width: 100%; opacity: 0.7; height: 650px; }


/*Inner Banner*/
.inner-banner{ width: 100%; height: 350px; position: relative; display: block; padding: 0; margin: 0; }
.inner-banner img{ width: 100%; }
.inner-banner .inner-banner-block{ position: absolute; content: ""; bottom: 140px; left: 0; right: 0; padding: 0; margin: 0; }
.inner-banner h1.inner-head{ position: relative; font-size: 45px; line-height: 50px; color: #fff; font-weight: 600; padding: 0; margin: 0; font-style: normal; text-transform: uppercase; font-family: "Kanit", sans-serif; font-family: "Wix Madefor Display", sans-serif; }
.inner-banner h1.inner-head span{ color: #2ae188; font-weight: 400; }
.inner-banner .inner-nav{ position: relative; bottom: 0; background: #2ae18830; padding: 10px 0; margin: 60px 0 auto; text-align: center; border-top: 1px solid #2ae188; border-left: 50px solid #2ae188; border-right: 50px solid #2ae188; }
.inner-banner .inner-nav ul{ padding: 0; margin: 0; }
.inner-banner .inner-nav ul li{ display: inline-block; padding: 0 5px; color: #fff; font-size: 14px; line-height: 18px; font-weight: 400; margin: 0; text-transform: uppercase; }
.inner-banner .inner-nav ul li a{ color: #2ae188; font-weight: bold; }
.inner-banner .inner-nav ul li a:hover{ color: #00ff83; }



/*About Us*/
.about{ width: 100%; position: relative; display: block; background: #fff; padding: 60px 0; margin: 0; }

.about .about-text-block{ width: 100%; padding: 0; margin: 0; position: relative; }
.about .about-text-block h2{ font-size: 38px; line-height: 42px; color: #051567; padding: 0 0 20px; margin: 0; font-weight: 600; text-transform: uppercase; font-family: "Kanit", sans-serif; }
.about .about-text-block p{  font-size: 17px; font-weight: 300; letter-spacing: 0; line-height: 30px; padding: 0 0 15px; color: #454545 ;  text-align: justify; font-family: "Wix Madefor Display", sans-serif; }
.about .about-text-block a{ position: relative; display: inline-block; margin: 15px 0 0; padding: 10px 30px; text-align: center; font-size: 18px; letter-spacing: 1px; text-decoration: none; color: #051567; background: transparent; cursor: pointer; transition: ease-out 0.5s; border: 2px solid #0B1A6C; }

.about .about-text-block a:hover { box-shadow: inset 0 -100px 0 0 #2C3A8A; color: #fff !important; border: 2px solid #f7f7f7; }

.about .about-text-block a:active { transform: scale(0.9); }


.about .about-image-block{ width: 100%; padding: 0; margin: 0; overflow: hidden; cursor: pointer; }
.about .about-image-block img{ width: 100%; transition: 0.3s; transform: scale(1); }
.about .about-image-block img:hover{ transform: scale(1.1); }


/*Community Empowerment*/
.community{ width: 100%; position: relative; display: block; background: #f7f7f7; padding: 40px 0; margin: 0;  }
.community h2{ font-size: 38px; line-height: 42px; color: #051567; padding: 0 0 20px; margin: 0; font-weight: 600; text-transform: uppercase; text-align: center; font-family: "Kanit", sans-serif; }
.community .community-box-content{ width: 100%; padding: 15px; margin: 0; border: 1px solid #ccc; background: #fff; transition: all 400ms ease-in-out; }
.community .community-box-content:hover{ transition: all 400ms ease-in-out; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-10px); box-shadow: 0 22px 43px rgba(0, 0, 0, 0.15); }
.community .community-box-content img{ width: 100%; height: 220px; }
.community .community-box-content h4{ font-size: 20px; line-height: 26px; color: #051567; padding: 15px 0 5px; margin: 0; font-weight: 600; text-align: center; }
.community .community-box-content p{ font-size: 16px; font-weight: 300; letter-spacing: 0; line-height: 26px; padding: 0 0 15px; color: #454545; text-align: center; font-family: "Wix Madefor Display", sans-serif; height: 115px; }
.community .community-box-content a{ position: relative; padding: 8px 0; text-align: center; font-size: 14px; letter-spacing: 1px; color: #051567; cursor: pointer; transition: ease-out 0.5s; border: 1px solid #0B1A6C; margin: 0 auto; display: block; background: #f7f7f7; width: 50%; }
.community .community-box-content a:hover { box-shadow: inset 0 -100px 0 0 #2C3A8A; color: #fff !important; border: 1px solid #f7f7f7; }
.community .community-box-content a:active { transform: scale(0.9); }


/*consumer-behavior*/
.consumer-behavior{ width: 100%; position: relative; display: block; background: #fff; padding: 40px 0; margin: 0; }
.consumer-behavior h2{ font-size: 38px; line-height: 42px; color: #051567; padding: 0 0 20px; margin: 0; font-weight: 600; text-transform: uppercase; text-align: center; font-family: "Kanit", sans-serif; }
.consumer-behavior .consumer-behavior-box-content{ width: 100%; padding: 12px; margin: 0; border: 1px solid #e0e0e0; background: #f7f7f7; transition: all 400ms ease-in-out; }
.consumer-behavior .consumer-behavior-box-content:hover{ transition: all 400ms ease-in-out; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-10px); box-shadow: 0 22px 43px rgba(0, 0, 0, 0.15); }
.consumer-behavior .consumer-behavior-box-content img{ width: 100%; height: 160px; }
.consumer-behavior .consumer-behavior-box-content h4{ font-size: 18px; line-height: 24px; color: #051567; padding: 15px 0 5px; margin: 0; font-weight: 600; text-align: center; }
.consumer-behavior .consumer-behavior-box-content p{ font-size: 15px; font-weight: 300; letter-spacing: 0; line-height: 24px; padding: 0 0 15px; color: #454545; text-align: center; font-family: "Wix Madefor Display", sans-serif; height: 140px; }
.consumer-behavior .consumer-behavior-box-content a{ position: relative; padding: 8px 0; text-align: center; font-size: 14px; letter-spacing: 1px; color: #051567; cursor: pointer; transition: ease-out 0.5s; border: 1px solid #0B1A6C; margin: 0 auto; display: block; background: #fff; width: 60%; }
.consumer-behavior .consumer-behavior-box-content a:hover { box-shadow: inset 0 -100px 0 0 #2C3A8A; color: #fff !important; border: 1px solid #f7f7f7; }
.consumer-behavior .consumer-behavior-box-content a:active { transform: scale(0.9); }


/*Hidden Gems*/
.hidden-gems{ width: 100%; position: relative; display: block; background: #fff; padding: 40px 0; margin: 0; }
.hidden-gems h2{ font-size: 38px; line-height: 42px; color: #051567; padding: 0; margin: 0; font-weight: 600; text-transform: uppercase; text-align: center; font-family: "Kanit", sans-serif; }
.hidden-gems h2 span{ display: block; font-size: 16px; line-height: 18px; padding: 0 0 30px; margin: 0; color: #454545; }
.hidden-gems p{  font-size: 17px; font-weight: 300; letter-spacing: 0; line-height: 30px; padding: 0 0 15px; color: #454545 ;  text-align: justify; font-family: "Wix Madefor Display", sans-serif; }

/*Building Lives*/
.building-lives{ width: 100%; position: relative; display: block; background: #fff; padding: 40px 0; margin: 0; }
.building-lives h2{ font-size: 38px; line-height: 42px; color: #051567; padding: 0; margin: 0; font-weight: 600; text-transform: uppercase; text-align: center; font-family: "Kanit", sans-serif; }
.building-lives b{ font-size: 16px; display: block; font-style: italic; line-height: 22px; margin: 0 0 5px; color: #454545; font-weight: 400; }
.building-lives h2 span{ display: block; font-size: 16px; line-height: 18px; padding: 0 0 30px; margin: 0; color: #454545; }
.building-lives p{  font-size: 17px; font-weight: 300; letter-spacing: 0; line-height: 30px; padding: 0 0 15px; color: #454545 ;  text-align: justify; font-family: "Wix Madefor Display", sans-serif; }
.building-lives h4{ font-size: 26px; line-height: 34px; color: #051567; padding: 30px 0 20px; margin: 0; font-weight: 600; text-transform: uppercase; text-align: center; font-family: "Kanit", sans-serif; }
.building-lives .building-lives-block{ width: 100%; display: inline-block; background: #f7f7f7; padding: 0; margin: 0 0 30px; }
.building-lives .building-lives-block .building-lives-image-block{ width: 35%; float: left; padding: 0; margin: 0; }
.building-lives .building-lives-block .building-lives-image-block img{ width: 100%; }

.building-lives .building-lives-block .building-lives-text-block{ width: 65%; float: left; padding: 30px; margin: 0; }
.building-lives .building-lives-block .building-lives-text-block p{  font-size: 17px; font-weight: 300; letter-spacing: 0; line-height: 30px; padding: 0 0 15px; color: #454545 ;  text-align: justify; font-family: "Wix Madefor Display", sans-serif; }

/*Spark Studios*/
.spark-studios{ width: 100%; position: relative; display: block; background: #fff; padding: 40px 0; margin: 0; }
.spark-studios h2{ font-size: 38px; line-height: 42px; color: #051567; padding: 0; margin: 0; font-weight: 600; text-transform: uppercase; text-align: center; font-family: "Kanit", sans-serif; }
.spark-studios h2 span{ display: block; font-size: 16px; line-height: 18px; padding: 0 0 30px; margin: 0; color: #454545; }
.spark-studios p{  font-size: 17px; font-weight: 300; letter-spacing: 0; line-height: 30px; padding: 30px 0 0; color: #454545 ;  text-align: justify; font-family: "Wix Madefor Display", sans-serif; }
.spark-studios .spark-studios-block{ width: 100%; padding: 15px; margin: 0; border: 1px solid #ccc; background: #f7f7f7;  transition: all 400ms ease-in-out; }
.spark-studios .spark-studios-block:hover{ transition: all 400ms ease-in-out; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-10px); box-shadow: 0 22px 43px rgba(0, 0, 0, 0.15); }
.spark-studios .spark-studios-block img{ width: 100%; }
.spark-studios .spark-studios-block p{  font-size: 16px; font-weight: 500; letter-spacing: 0; line-height: 26px; padding: 15px 0 0; color: #232222 ;  text-align: justify; font-family: "Wix Madefor Display", sans-serif; font-style: italic; }


/*Hobbies*/
.hobbies{ width: 100%; position: relative; display: block; background: #fff; padding: 40px 0; margin: 0; }
.hobbies h2{ font-size: 38px; line-height: 42px; color: #051567; padding: 0 0 30px; margin: 0; font-weight: 600; text-transform: uppercase; text-align: center; font-family: "Kanit", sans-serif; }
.hobbies h4{ font-size: 24px; line-height: 30px; color: #051567; padding: 15px 0 10px; margin: 0; font-weight: 600; font-family: "Kanit", sans-serif; }
.hobbies h4 span{ display: block; font-size: 16px; line-height: 18px; padding: 0; margin: 0; color: #454545; }
.hobbies .hobbies-block{ width: 100%; padding: 15px; margin: 0; border: 1px solid #ccc; background: #f7f7f7;  transition: all 400ms ease-in-out; }
.hobbies .hobbies-block:hover{ transition: all 400ms ease-in-out; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-10px); box-shadow: 0 22px 43px rgba(0, 0, 0, 0.15); }
.hobbies .hobbies-block img{ width: 100%; }
.hobbies .hobbies-block p{  font-size: 16px; font-weight: 500; letter-spacing: 0; line-height: 26px; padding: 0; color: #232222 ;  text-align: justify; font-family: "Wix Madefor Display", sans-serif; font-style: italic; height: 55px; }

/*Photography*/
.photography{ width: 100%; position: relative; display: block; background: #fff; padding: 40px 0; margin: 0; }
.photography h2{ font-size: 38px; line-height: 42px; color: #051567; padding: 0 0 30px; margin: 0; font-weight: 600; text-transform: uppercase; text-align: center; font-family: "Kanit", sans-serif; }
.photography .photography-block{ width: 100%; padding: 15px; margin: 0; border: 1px solid #ccc; background: #f7f7f7;  transition: all 400ms ease-in-out; }
.photography .photography-block:hover{ transition: all 400ms ease-in-out; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-10px); box-shadow: 0 22px 43px rgba(0, 0, 0, 0.15); }

.photography .photography-block img{ width: 100%; }
.photography .photography-block p{  font-size: 16px; font-weight: 500; letter-spacing: 0; line-height: 26px; padding: 15px 0 0; color: #232222 ;  text-align: justify; font-family: "Wix Madefor Display", sans-serif; font-style: italic; }

.photography .photography-top-block{ width: 100%; padding: 0; margin: 0 0 30px; }
.photography #photography-slider .item{ margin: 0 15px; }
.photography .photography-top-block .gallery-box{ position: relative; width: 100%; padding: 15px; margin: 0; float: left; border: 1px solid #051567; height: 383px; overflow: hidden; -webkit-filter: grayscale(0%); filter: grayscale(0%); background: #fff; }
.photography .photography-top-block .gallery-box img.pho-gall { width: 100%; height: 350px; }
.photography .photography-top-block .gallery-box .view-caption { position: absolute; top:-160%; width: 100%; text-align: center; padding: 195px 0; -webkit-transition: .5s all; -moz-transition: .5s all; transition: .5s all; background: #051566ad; left: 0; }
.photography .photography-top-block .gallery-box:hover .view-caption { top: 0%; height:100%; -webkit-filter: grayscale(0%); filter: grayscale(0%); left: 0; }
.photography .photography-top-block .gallery-box .view-caption p {  transition:all 600ms ease-in-out;border: 1px solid #fff; width: 50%; font-size: 12px; font-weight: 300; letter-spacing: 0; line-height: 18px; text-decoration: none; text-shadow: none; background: #051567; padding: 9px 15px; color: #fff !important; margin: -15px auto 0; text-transform: uppercase; text-align: center; }

.photography .photography-bottom-block{ width: 100%; padding: 0; margin: 0 0 30px; }
.photography #photography-slider2 .item{ margin: 0 15px; }
.photography .photography-bottom-block .gallery-box{ position: relative; width: 100%; padding: 15px; margin: 0; float: left; border: 1px solid #051567; height: 393px; overflow: hidden; -webkit-filter: grayscale(0%); filter: grayscale(0%); background: #fff; }
.photography .photography-bottom-block .gallery-box img.pho-gall { width: 100%; height: 360px; }
.photography .photography-bottom-block .gallery-box .view-caption { position: absolute; top:-160%; width: 100%; text-align: center; padding: 200px 0; -webkit-transition: .5s all; -moz-transition: .5s all; transition: .5s all; background: #051566ad; left: 0; }
.photography .photography-bottom-block .gallery-box:hover .view-caption { top: 0%; height:100%; -webkit-filter: grayscale(0%); filter: grayscale(0%); left: 0; }
.photography .photography-bottom-block .gallery-box .view-caption p {  transition:all 600ms ease-in-out;border: 1px solid #fff; width: 32%; font-size: 12px; font-weight: 300; letter-spacing: 0; line-height: 18px; text-decoration: none; text-shadow: none; background: #051567; padding: 9px 15px; color: #fff !important; margin: -15px auto 0; text-transform: uppercase; text-align: center; }








/*Internships*/
.internships{ width: 100%; position: relative; display: block; background: #fff; padding: 40px 0; margin: 0; }
.internships2{ background: #f7f7f7; }
.internships h2{ font-size: 38px; line-height: 42px; color: #051567; padding: 0; margin: 0; font-weight: 600; text-transform: uppercase; text-align: center; font-family: "Kanit", sans-serif; }
.internships b{ font-size: 16px; display: block; font-style: italic; line-height: 22px; margin: 0 0 5px; color: #454545; font-weight: 400; }
.internships h2 span{ display: block; font-size: 16px; line-height: 18px; padding: 0 0 30px; margin: 0; color: #454545; }

.internships ul{ display: inline-block; width: 100%; padding: 0; margin: 0; }
.internships ul li{  font-size: 17px; font-weight: 600; letter-spacing: 0; line-height: 30px; padding: 0 0 15px; color: #161616 ;  text-align: justify; font-family: "Wix Madefor Display", sans-serif; }

.internships p{  font-size: 17px; font-weight: 300; letter-spacing: 0; line-height: 30px; padding: 0 0 15px; color: #454545 ;  text-align: justify; font-family: "Wix Madefor Display", sans-serif; }


/*Research Paper*/
.research{ width: 100%; position: relative; display: block; background: #fff; padding: 60px 0; margin: 0; }
.research h2{ font-size: 38px; line-height: 42px; color: #051567; padding: 0; margin: 0; font-weight: 600; text-transform: uppercase; text-align: center; font-family: "Kanit", sans-serif; }
.research h2 span{ display: block; font-size: 16px; line-height: 18px; padding: 0 0 30px; margin: 0; color: #454545; }
.research .research-text-block{ width: 100%; padding: 0; margin: 0; position: relative; }

.research .research-text-block p{  font-size: 17px; font-weight: 300; letter-spacing: 0; line-height: 30px; padding: 0 0 15px; color: #454545 ;  text-align: justify; font-family: "Wix Madefor Display", sans-serif; }
.research .research-text-block a{ position: relative; display: inline-block; margin: 15px 0 0; padding: 10px 30px; text-align: center; font-size: 18px; letter-spacing: 1px; text-decoration: none; color: #051567; background: transparent; cursor: pointer; transition: ease-out 0.5s; border: 2px solid #0B1A6C; }

.research .research-text-block a:hover { box-shadow: inset 0 -100px 0 0 #2C3A8A; color: #fff !important; border: 2px solid #f7f7f7; }

.research .research-text-block a:active { transform: scale(0.9); }


.research .research-image-block{ width: 100%; padding: 15px; margin: 0; overflow: hidden; border: 1px solid #ccc; background: #f7f7f7; }
.research .research-image-block img{ width: 100%; transition: 0.3s; transform: scale(1); }
.research .research-image-block img:hover{  }

/*photo-gallery-block*/
.photo-gallery-block{ width: 100%; display: block; position: relative; background: #f7f7f7; padding: 60px 0; margin: 0; }


.photo-gallery-block h2{ font-size: 38px; line-height: 42px; color: #051567; padding: 0 0 30px; margin: 0; font-weight: 600; text-transform: uppercase; text-align: center; font-family: "Kanit", sans-serif; }
.photo-gallery-block #photo-slider .item{ margin: 0 15px; }
.photo-gallery-block img{ width: 100%; }


.photo-gallery-block .gallery-box{ position: relative; width: 100%; padding: 15px; margin: 0; float: left; border: 1px solid #051567; height: 330px; overflow: hidden; -webkit-filter: grayscale(0%); filter: grayscale(0%); background: #fff; }
.photo-gallery-block .gallery-box img.pho-gall { width: 100%; height: 298px; }
.photo-gallery-block .gallery-box .view-caption { position: absolute; top:-160%; width: 100%; text-align: center; padding: 165px 0; -webkit-transition: .5s all; -moz-transition: .5s all; transition: .5s all; background: #051566ad; left: 0; }
.photo-gallery-block .gallery-box:hover .view-caption { top: 0%; height:100%; -webkit-filter: grayscale(0%); filter: grayscale(0%); left: 0; }
.photo-gallery-block .gallery-box .view-caption p {  transition:all 600ms ease-in-out;border: 1px solid #fff; width: 50%; font-size: 12px; font-weight: 300; letter-spacing: 0; line-height: 18px; text-decoration: none; text-shadow: none; background: #051567; padding: 9px 15px; color: #fff !important; margin: -15px auto 0; text-transform: uppercase; text-align: center; }

/*Inner Photo Gallery Block*/
.inner-photo-gallery-block{ width: 100%; display: block; position: relative; background: #f7f7f7; padding: 60px 0; margin: 0; }
.family{ background: #fff; padding: 60px 0; margin: 0; }
.inner-photo-gallery-block h2{ font-size: 38px; line-height: 42px; color: #051567; padding: 0; margin: 0; font-weight: 600; text-transform: uppercase; text-align: center; font-family: "Kanit", sans-serif; }
.inner-photo-gallery-block h3{ font-size: 26px; line-height: 30px; color: #051567; padding: 0 0 30px; margin: 0; font-weight: 600; text-transform: uppercase; text-align: center; font-family: "Kanit", sans-serif; }
.inner-photo-gallery-block .gallery-box{ position: relative; width: 100%; padding: 15px; margin: 0 0 30px; float: left; border: 1px solid #051567; height: 330px; overflow: hidden; -webkit-filter: grayscale(0%); filter: grayscale(0%); background: #fff; }
.inner-photo-gallery-block .gallery-box img.pho-gall { width: 100%; height: 298px; }
.inner-photo-gallery-block .gallery-box .view-caption { position: absolute; top:-160%; width: 100%; text-align: center; padding: 165px 0; -webkit-transition: .5s all; -moz-transition: .5s all; transition: .5s all; background: #051566ad; left: 0; }
.inner-photo-gallery-block .gallery-box:hover .view-caption { top: 0%; height:100%; -webkit-filter: grayscale(0%); filter: grayscale(0%); left: 0; }
.inner-photo-gallery-block .gallery-box .view-caption p {  transition:all 600ms ease-in-out;border: 1px solid #fff; width: 50%; font-size: 12px; font-weight: 300; letter-spacing: 0; line-height: 18px; text-decoration: none; text-shadow: none; background: #051567; padding: 9px 15px; color: #fff !important; margin: -15px auto 0; text-transform: uppercase; text-align: center; }





/*Hidden Gems Gallery*/
.hidden-gems-gallery-block{ width: 100%; display: block; position: relative; background: #f7f7f7; padding: 40px 0; margin: 0; }

.hidden-gems-gallery-block h2{ font-size: 38px; line-height: 42px; color: #051567; padding: 0 0 30px; margin: 0; font-weight: 600; text-transform: uppercase; text-align: center; font-family: "Kanit", sans-serif; }
.hidden-gems-gallery-block img{ width: 100%; }

.hidden-gems-gallery-block .gallery-box{ position: relative; width: 100%; padding: 15px; margin: 0 0 30px; float: left; border: 1px solid #051567; height: 200px; overflow: hidden; -webkit-filter: grayscale(0%); filter: grayscale(0%); background: #fff; transition: all 400ms ease-in-out; }
.hidden-gems-gallery-block .gallery-box img.pho-gall { width: 100%; height: 169px; }
.hidden-gems-gallery-block .gallery-box:hover{ transition: all 400ms ease-in-out; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-10px); box-shadow: 0 22px 43px rgba(0, 0, 0, 0.15); }
.family-day{ width: 100%; display: block; position: relative; background: #fff; padding: 40px 0; margin: 0; }
.family-day .gallery-box{ height: 339px;}
.family-day .gallery-box img.pho-gall { height: 307px; }

.feedback{ width: 100%; display: block; position: relative; background: #f7f7f7; padding: 40px 0; margin: 0; }
.feedback .gallery-box{ height: 339px;}
.feedback .gallery-box img.pho-gall { height: 307px; }


/*Contact*/
.contact{ width: 100%; display: block; position: relative; background: #fff; padding: 40px 0; margin: 0; text-align: center; }
.contact h2{ font-size: 38px; line-height: 42px; color: #051567; padding: 0 0 30px; margin: 0; font-weight: 600; text-transform: uppercase; text-align: center; font-family: "Kanit", sans-serif; }

.contact .contact-block-contact{ width: 100%; padding: 0; margin: 0;  text-align: center; }
.contact .contact-block-contact h3{ font-size: 24px; line-height: 30px; color: #051567; padding: 0 0 15px; margin: 0; font-weight: 600; font-family: "Kanit", sans-serif; text-transform: capitalize; }
.contact .contact-block-contact ul{ display: inline-block; width: 100%; padding: 0; margin: 0; }
.contact .contact-block-contact ul li{ font-size: 17px; font-weight: 300; letter-spacing: 0; line-height: 30px; padding: 0 0 15px; color: #454545 ;   text-align: center; font-family: "Wix Madefor Display", sans-serif; }
.contact .contact-block-contact ul li i{ font-size: 30px; color: #051567; padding: 0 10px 0 0;}
.contact .contact-block-contact ul li a{ color: #454545 ; }
.contact .contact-block-contact ul li a:hover{  }

.contact .contact-block-map{ width: 100%; padding: 15px; margin: 0; background: #f7f7f7; border: 1px solid #ccc; height: 300px; }
.contact .contact-block-map iframe{ width: 100%; height: 100%; }





/*Footer*/
.footer{ width: 100%; position: relative; display: block; background: url(../images/footer-banner.png) no-repeat top right; background-size: cover; padding: 50px 0 40px; margin: 0; }
.footer .footer-logo{ width: 50%; display: block; margin: 0 auto 30px;  }
.footer .footer-logo img{ width: 100%; }
.footer p{ font-size: 16px; line-height: 26px; padding: 0; margin: 0 0 30px 0; text-align: center; color: #999; font-weight: 300; letter-spacing: 0.6px; }
.footer  h4{ font-size: 30px; line-height: 34px; color: #fff; padding: 15px 0 15px; margin: 0; font-weight: 300; text-align:center; text-transform: uppercase; }

.footer ul.footer-nav{ padding: 0; margin: 0 0 20px; display: block; width: 100%; /*float: left;*/ text-align: center; border-top: 1px solid #001271; border-bottom: 1px solid #001171; background: #0012704a; }
.footer ul.footer-nav li{ padding: 10px 4px; margin: 0; color: #fff; font-size: 11px; line-height: 22px; font-weight: 400; display: inline-block; text-transform: uppercase; text-align: center; }
.footer ul.footer-nav li a{ color: #999; transition: all 500ms ease-in-out; font-weight: bold; }
.footer ul.footer-nav li a:hover{ color: #fff; transition: all 500ms ease-in-out; }
.footer .bochure{ width: 20%;
  margin: 0 auto 60px;
  text-align: center;
  padding: 0; }
.footer .bochure a{ font-size: 13px;
  line-height: 18px;
  background: #001271c9;
  width: 100%;
  display: inline-block;
  padding: 12px 0;
  color: #fff;
  text-transform: uppercase;
  border: 1px solid #0c2cd4;
  transition: all 400ms ease-in-out; }
.footer .bochure a:hover{ transition: all 400ms ease-in-out;
  background: #00116deb;
  border: 1px solid #ffffff7a;
  letter-spacing: 1.2px; }

.footer ul.footer-contact-address{ padding: 0; margin: 0; display: block; width: 100%; }
.footer ul.footer-contact-address li{ padding: 0 0 10px; margin: 0; color: #999; font-size: 14px; line-height: 24px; font-weight: 400; display: block;  }
.footer ul.footer-contact-address li a{ color: #fff; transition: all 500ms ease-in-out; }
.footer ul.footer-contact-address li a:hover{ color: #fff; transition: all 500ms ease-in-out; font-style: italic; }
.footer ul.footer-contact-address li i{ color: #fff; padding: 0 10px 0 0; }

.footer .footer-social{ width: 100%; padding: 0; margin: 0;  }
.footer .footer-social h4{ font-size: 30px; line-height: 34px; color: #fff; padding: 15px 0 15px; margin: 0; font-weight: 300; }
.footer .footer-social ul{ padding: 0; margin: 0; width: 100%; display: inline-block; }
.footer .footer-social ul li{ font-size: 14px; line-height: 18px; padding: 0; margin: 0 15px 0 0; display: inline-block; text-align: center; }
.footer .footer-social ul li a{ display: inline-block; line-height: 30px; padding: 0 5px; width: 30px; height: 30px; background: #fff; box-shadow: 2px 2px 2px #1d5a3c8c; border-radius: 5px; }
.footer .footer-social ul li i{ color: #051567; padding: 0; transition: all 500ms ease-in-out; }
.footer .footer-social ul li a:hover{ color: #fff; transition: all 500ms ease-in-out; }
.footer .footer-social ul li a:hover i{ color: #000; transition: all 500ms ease-in-out; }


.footer .copyright{ width: 100%; padding: 0; margin: 0; text-align: center; border-top: 1px solid #ffffff36; }
.footer .copyright p{ font-size: 14px; line-height: 18px; color: #999; padding: 30px 0 0; margin: 0; text-align: center; font-weight: 400; }
.footer .copyright p a{ color: #fff; }
.footer .copyright p a:hover{ font-style: italic; }




/*///-------------------TAB / All Mobile Responsiv view SUJOY-------------------///*/
@media(max-width: 1680px) {
    
    
}

@media(max-width: 1600px) {
    
    

    
    
    
    
}

@media(max-width: 1440px) {

    
}

@media(max-width: 1280px){
   


   
}

@media(max-width: 1080px){}

@media(max-width: 900px){

}

@media(max-width: 800px){}



@media(max-width:786px) {
.banner { height: 400px; }
.banner img { height: 400px; }
.about { padding: 30px 0; margin: 0; }
.about .about-text-block h2 { font-size: 26px; line-height: 30px; padding: 0 0 10px; }
.about .about-text-block p { font-size: 13px; line-height: 24px; padding: 0 0 15px; }
.about .about-text-block a { padding: 8px 25px; font-size: 13px; }
.community { padding: 30px 0; margin: 0; }
.community h2 { font-size: 26px; line-height: 30px; padding: 0 0 20px; }
.community .community-box-content { padding: 10px; }
.community .community-box-content h4 { font-size: 16px; line-height: 20px; padding: 15px 0 5px; }
.community .community-box-content p { font-size: 13px; line-height: 24px; padding: 0 0 15px; height: 130px; }
.community .community-box-content a { padding: 6px 0; font-size: 12px; width: 55%; }
.consumer-behavior { padding: 30px 0; margin: 0; }
.consumer-behavior h2 { font-size: 26px; line-height: 30px; padding: 0 0 20px; }
.consumer-behavior .consumer-behavior-box-content { padding: 10px; }
.consumer-behavior .consumer-behavior-box-content h4 { font-size: 14px; line-height: 18px; padding: 15px 0 5px; height: 54px; }
.consumer-behavior .consumer-behavior-box-content p { font-size: 13px; line-height: 24px; padding: 0 0 15px; height: 205px; }
.consumer-behavior .consumer-behavior-box-content a { padding: 6px 0; font-size: 12px; width: 65%; }
.photo-gallery-block { padding: 30px 0; margin: 0; }
.photo-gallery-block h2 { font-size: 26px; line-height: 30px; padding: 0 0 20px; }
.photo-gallery-block .gallery-box img.pho-gall { height: 235px; }
.photo-gallery-block .gallery-box { padding: 15px; height: 268px; }
.photo-gallery-block .gallery-box .view-caption { top: -160%; padding: 130px 0; }
.photo-gallery-block .gallery-box .view-caption p { width: 50%; font-size: 10px; line-height: 18px; padding: 6px 15px; margin: -15px auto 0; }
.footer { padding: 30px 0 20px; margin: 0; }
.footer .footer-logo { width: 45%; margin: 0 auto 20px; }
.footer p { font-size: 13px; line-height: 23px; margin: 0 0 20px 0; }
.footer ul.footer-nav li { padding: 5px 7px; margin: 0; font-size: 10px; line-height: 22px; }
.footer h4 { font-size: 22px; line-height: 26px; padding: 5px 0 15px; }
.footer .bochure { width: 25%; margin: 0 auto 40px; }
.footer .bochure a { font-size: 11px; line-height: 18px; padding: 10px 0; }
.footer .copyright p { font-size: 10px; line-height: 16px; padding: 15px 0 0; }
#scroll { right: 20px !important; bottom: 50px !important; width: 50px !important; height: 30px !important; }
#scroll span { top: 50% !important; left: 50% !important; margin-left: -6px !important; margin-top: -11px !important; border: 7px solid transparent !important; border-bottom-color: transparent; border-bottom-color: transparent !important; border-bottom-color: #fff !important; }
.inner-banner { height: 175px; }
.inner-banner img { width: 100%; height: 100%; }
.family { padding: 30px 0; margin: 0; }
.inner-photo-gallery-block h2 { font-size: 26px; line-height: 30px; }
.inner-photo-gallery-block h3 { font-size: 20px; line-height: 26px; padding: 0 0 20px; }

.inner-photo-gallery-block .gallery-box img.pho-gall { height: 235px; }
.inner-photo-gallery-block .gallery-box { padding: 15px; height: 268px; }
.inner-photo-gallery-block .gallery-box .view-caption { top: -160%; padding: 130px 0; }
.inner-photo-gallery-block .gallery-box .view-caption p { width: 50%; font-size: 10px; line-height: 18px; padding: 6px 15px; margin: -15px auto 0; }

.inner-photo-gallery-block { padding: 30px 0; margin: 0; }

.hidden-gems-gallery-block .gallery-box{ padding: 15px; height: 150px; }
.hidden-gems-gallery-block .gallery-box img.pho-gall { height: 120px; }
.family-day .gallery-box{ padding: 15px; height: 268px; }
.family-day .gallery-box img.pho-gall { height: 235px; }
.feedback .gallery-box{ padding: 15px; height: 268px; }
.feedback .gallery-box img.pho-gall { height: 235px; }
.community .community-box-content img {
  width: 100%;
  height: 145px;
}
.consumer-behavior .consumer-behavior-box-content img {
  width: 100%;
  height: 94px;
}


.contact { padding: 30px 0; margin: 0; }
.contact h2 { font-size: 26px; line-height: 30px; padding: 0 0 20px; }
.contact .contact-block-contact h3 { font-size: 20px; line-height: 26px; padding: 0 0 15px; }
.contact .contact-block-contact ul li { font-size: 13px; line-height: 24px; padding: 0 0 15px; }
.contact .contact-block-contact ul li i { font-size: 25px; padding: 0 10px 0 0; }
.hidden-gems { padding: 30px 0; margin: 0; }

.hidden-gems h2 { font-size: 26px; line-height: 30px; }
.hidden-gems h2 span { font-size: 13px; line-height: 16px; padding: 0 0 20px; }
.hidden-gems p { font-size: 13px; line-height: 24px; padding: 0 0 15px; }

.hidden-gems-gallery-block { padding: 30px 0; margin: 0; }
.hidden-gems-gallery-block h2 { font-size: 26px; line-height: 30px; padding: 0 0 20px; }


.building-lives { padding: 30px 0; margin: 0; }
.building-lives h2 { font-size: 26px; line-height: 30px; }
.building-lives b { font-size: 13px; line-height: 20px; margin: 0 0 5px; }
.building-lives h2 span { font-size: 13px; line-height: 16px; padding: 0 0 20px; }
.building-lives p { font-size: 13px; line-height: 24px; padding: 0 0 15px; }

.building-lives h4 { font-size: 20px; line-height: 26px; padding: 20px 0 20px; }
.building-lives .building-lives-block { margin: 0 0 20px; }
.building-lives .building-lives-block .building-lives-text-block { width: 65%; padding: 10px 20px; }
.building-lives .building-lives-block .building-lives-text-block p { font-size: 13px; line-height: 24px; }

.spark-studios { padding: 30px 0; margin: 0; }
.spark-studios h2 { font-size: 24px; line-height: 30px; }
.spark-studios h2 span { font-size: 13px; line-height: 16px; padding: 0 0 20px; }
.spark-studios .spark-studios-block p { font-size: 13px; line-height: 24px; padding: 15px 0 0; height: 100px; }
.spark-studios p { font-size: 13px; line-height: 24px; padding: 20px 0 0; }

.internships { padding: 30px 0; margin: 0; }
.internships h2 { font-size: 26px; line-height: 30px; }
.internships b { font-size: 13px; line-height: 20px; margin: 0 0 5px; }
.internships h2 span { font-size: 13px; line-height: 16px; padding: 0 0 20px; }
.internships ul li { font-size: 13px; line-height: 24px; padding: 0 0 15px; }
.internships p { font-size: 13px; line-height: 24px; padding: 0 0 15px; }

.research { padding: 30px 0; margin: 0; }
.research h2 { font-size: 26px; line-height: 30px; }
.research h2 span { font-size: 13px; line-height: 16px; padding: 0 0 20px; }
.research .research-text-block p { font-size: 13px; line-height: 24px; padding: 0 0 15px; }
.research .research-text-block a{ padding: 8px 25px; font-size: 13px; margin: 0; }

.hobbies { padding: 30px 0; margin: 0; }
.hobbies h2 { font-size: 26px; line-height: 30px; padding: 0 0 20px; }
.hobbies h4 { font-size: 20px; line-height: 24px; padding: 15px 0 10px; }
.hobbies h4 span { font-size: 13px; line-height: 16px; }
.hobbies .hobbies-block p { font-size: 13px; line-height: 24px; height: 55px; }

.photography { padding: 30px 0; margin: 0; }
.photography .photography-block p { font-size: 13px; line-height: 24px; padding: 15px 0 0; }
.photography .photography-top-block .gallery-box{ padding: 15px; height: 220px; }
.photography .photography-top-block .gallery-box img.pho-gall { width: 100%; height: 188px; }
.photography .photography-top-block .gallery-box .view-caption { top: -140%; padding: 130px 0; }
.photography .photography-top-block .gallery-box .view-caption p { width: 70%; font-size: 10px; line-height: 18px; padding: 6px 0; margin: -15px auto 0; }
.photography .photography-bottom-block .gallery-box { padding: 15px; height: 245px; }
.photography .photography-bottom-block .gallery-box img.pho-gall { width: 100%; height: 213px; }
.photography .photography-bottom-block .gallery-box .view-caption { top: -160%; width: 100%; padding: 120px 0; }
.photography .photography-bottom-block .gallery-box .view-caption p { width: 40%; font-size: 10px; line-height: 18px; padding: 6px 0; margin: -15px auto 0; }
.photography h2 { font-size: 26px; line-height: 30px; padding: 0 0 20px; }



}
@media(max-width:768px) { 



}

@media(max-width:760px) {
    /*////chek 700////*/
    .header .header-bottom .logo img { width: 75%; }
      #menu-icon { right: 0; top: -8px; }
       .sf-menu { width: 280px !important; right: 0; top: 46px; }
      .banner { height: 350px; }
       .banner img { height: 350px; }
      .about .about-text-block a { padding: 8px 25px; font-size: 13px; margin: 15px 0 20px; }
      .community .community-box-content { padding: 15px; margin: 0 0 30px; }
       .community .community-box-content p { font-size: 13px; line-height: 24px; padding: 0 0 15px; height: 80px; }
       .community .community-box-content a { padding: 6px 0; font-size: 12px; width: 25%; }
       .consumer-behavior .consumer-behavior-box-content { padding: 15px; margin: 0 0 30px; }
       .consumer-behavior .consumer-behavior-box-content p { font-size: 13px; line-height: 24px; padding: 0 0 15px; height: 80px; }
       .consumer-behavior .consumer-behavior-box-content a { padding: 6px 0; font-size: 12px; width: 25%; }
       #scroll { right: 20px !important; bottom: 20px !important; width: 50px !important; height: 30px !important; }
       .about .about-text-block p { font-size: 13px; line-height: 24px; padding: 10px 0; }
        .inner-photo-gallery-block .gallery-box { padding: 15px; height: 885px; }
       .inner-photo-gallery-block .gallery-box img.pho-gall { height: 853px; }
        .inner-photo-gallery-block .gallery-box .view-caption { top: -160%; padding: 425px 0; }
         .inner-photo-gallery-block .gallery-box .view-caption p { width: 25%; font-size: 10px; line-height: 18px; padding: 6px 15px; margin: -15px auto 0; }
         .community .community-box-content img {
  width: 100%;
  height: auto;
}
.consumer-behavior .consumer-behavior-box-content img {
  width: 100%;
  height: auto;
}
            
     .hidden-gems-gallery-block .gallery-box { padding: 15px; height: 423px; }
      .hidden-gems-gallery-block .gallery-box img.pho-gall { height: 390px; }
    .family-day .gallery-box{ padding: 15px; height: 885px }
         .family-day .gallery-box img.pho-gall { height: 853px; }
      .feedback .gallery-box { padding: 15px; height: 885px }
      .feedback .gallery-box img.pho-gall { height: 853px; }
      .building-lives .building-lives-block .building-lives-image-block { width: 100%; float: left; padding: 0; margin: 0; }
       .building-lives .building-lives-block .building-lives-text-block { width: 100%; padding: 15px; }
      .spark-studios .spark-studios-block { padding: 15px; margin: 0 0 30px; }
       .spark-studios p { font-size: 13px; line-height: 24px; padding: 0; }
       .footer ul.footer-nav li { padding: 5px 7px; margin: 0; font-size: 9px; line-height: 15px; }
        .research .research-text-block p { font-size: 13px; line-height: 24px; padding: 0 0 15px; }
      .research .research-image-block { padding: 15px; margin: 0 0 15px; }
        .research .research-text-block a { padding: 8px 25px; font-size: 13px; margin: 0 0 15px; }
      .hobbies .hobbies-block { padding: 15px; margin: 0 0 30px; }
      .photography .photography-block { padding: 15px; margin: 0 0 30px; }
        .photography .photography-top-block .gallery-box { padding: 15px; height: 398px; }
      .photography .photography-top-block .gallery-box img.pho-gall { width: 100%; height: 365px; }
  .photography .photography-top-block .gallery-box .view-caption { top: -140%; padding: 200px 0; }
.photography .photography-top-block .gallery-box .view-caption p { width: 50%; font-size: 10px; line-height: 18px; padding: 6px 0; margin: -15px auto 0; } 

  .photography .photography-bottom-block .gallery-box { padding: 15px; height: 403px; }
.photography .photography-bottom-block .gallery-box img.pho-gall { width: 100%; height: 370px; }
.photography .photography-bottom-block .gallery-box .view-caption { top: -160%; width: 100%; padding: 200px 0; }
  .photography .photography-bottom-block .gallery-box .view-caption p { width: 25%; font-size: 10px; line-height: 18px; padding: 6px 0; margin: -15px auto 0; }







}


@media(max-width:699px) {
    /*////chek 600////*/

  .banner { height: 320px; }
  .banner img { height: 320px; }
  #menu-icon { right: 0; top: -11px; }
  .sf-menu { width: 280px !important; right: 0; top: 40px; }

.photo-gallery-block .gallery-box { padding: 15px; height: 330px; }
 .photo-gallery-block .gallery-box img.pho-gall { height: 298px; }
.photo-gallery-block .gallery-box .view-caption { top: -160%; padding: 180px 0; }
  #scroll { right: 20px !important; bottom: 22px !important; width: 40px !important; height: 25px !important; }
  #scroll span { top: 50% !important; left: 50% !important; margin-left: -6px !important; margin-top: -9px !important; border: 6px solid transparent !important; border-bottom-color: transparent; border-bottom-color: transparent; border-bottom-color: transparent !important; border-bottom-color: #fff !important; }
.sf-menu li ul li a { font-size: 12px !important; line-height: 16px; }
  .spark-studios .spark-studios-block p { font-size: 13px; line-height: 24px; padding: 15px 0 0; height: 85px; }
 .photography .photography-bottom-block .gallery-box .view-caption p { width: 40%; font-size: 10px; line-height: 18px; padding: 6px 0; margin: -15px auto 0; }









}

@media(max-width:580px) {
    /*////chek 490////*/

.header .header-bottom .logo img { width: 88%; }


 .photo-gallery-block .gallery-box { padding: 15px; height: 560px; }
 .photo-gallery-block .gallery-box img.pho-gall { height: 528px; }
 .photo-gallery-block .gallery-box .view-caption p { width: 40%; font-size: 10px; line-height: 18px; padding: 6px 15px; margin: -15px auto 0; }
.photo-gallery-block .gallery-box .view-caption { top: -160%; padding: 265px 0; }
 .footer p { font-size: 11px; line-height: 20px; margin: 0 0 20px 0; }
 .footer ul.footer-nav li { padding: 5px 5px; margin: 0; font-size: 8px; line-height: 13px; }
 .footer .footer-logo { width: 50%; margin: 0 auto 20px; }
  .footer .bochure { width: 40%; margin: 0 auto 30px; }
.footer .bochure a { font-size: 10px; line-height: 18px; padding: 10px 0; }
 .footer h4 { font-size: 18px; line-height: 22px; padding: 5px 0 15px; }
  .inner-photo-gallery-block .gallery-box { padding: 15px; height: 605px; }
 .inner-photo-gallery-block .gallery-box img.pho-gall { height: 572px; }
 .inner-photo-gallery-block .gallery-box .view-caption { top: -160%; padding: 350px 0; }
 .inner-photo-gallery-block .gallery-box .view-caption p { width: 30%; font-size: 10px; line-height: 18px; padding: 6px 15px; margin: -15px auto 0; }

.hidden-gems-gallery-block .gallery-box { padding: 15px; height: 290px; }
 .hidden-gems-gallery-block .gallery-box img.pho-gall { height: 258px; }

  .family-day .gallery-box { padding: 15px; height: 605px; }
.family-day .gallery-box img.pho-gall { height: 572px; }
.family-day .gallery-box .view-caption { top: -160%; padding: 350px 0; }
.family-day .gallery-box .view-caption p { width: 30%; font-size: 10px; line-height: 18px; padding: 6px 15px; margin: -15px auto 0; }


.feedback .gallery-box { padding: 15px; height: 605px; }
  .feedback .gallery-box img.pho-gall{ height: 572px; }

 .sf-menu { width: 280px !important; right: 0; top: 39px; }

 .photography .photography-top-block .gallery-box { padding: 15px; height: 255px; }
  .photography .photography-top-block .gallery-box img.pho-gall { width: 100%; height: 222px; }
    .photography .photography-top-block .gallery-box .view-caption { top: -140%; padding: 125px 0; }
  
   .photography .photography-bottom-block .gallery-box { padding: 15px; height: 280px; }
    .photography .photography-bottom-block .gallery-box img.pho-gall { width: 100%; height: 247px; }
  
    .photography .photography-bottom-block .gallery-box .view-caption { top: -160%; width: 100%; padding: 150px 0; }
  
  
  
  
  





}


@media(max-width:480px) {
    /*////chek 440////*/
    
     #menu-icon { right: 0 !important; top: -14px; }
   .sf-menu { width: 280px !important; right: 0; top: 36px; }  
    .banner { height: 300px; }
  .banner img { height: 300px; }
   .about .about-text-block a { padding: 8px 25px; font-size: 12px; margin: 15px 0 20px; } 
    .community .community-box-content a { padding: 6px 0; font-size: 12px; width: 32%; }
     .consumer-behavior .consumer-behavior-box-content a { padding: 6px 0; font-size: 12px; width: 32%; }
    .photo-gallery-block .gallery-box { padding: 15px; height: 500px; }
     .photo-gallery-block .gallery-box img.pho-gall { height: 468px; }
     .photo-gallery-block .gallery-box .view-caption { top: -160%; padding: 260px 0; }
     .inner-banner { height: 130px; }
     .inner-photo-gallery-block .gallery-box{ padding: 15px; height: 500px; }
     .inner-photo-gallery-block .gallery-box img.pho-gall { height: 468px; }
      .inner-photo-gallery-block .gallery-box .view-caption { top: -160%; padding: 260px 0; }
     .hidden-gems-gallery-block .gallery-box { padding: 15px; height: 260px; }
      .hidden-gems-gallery-block .gallery-box img.pho-gall { height: 228px; }
     
      .family-day .gallery-box{ padding: 15px; height: 500px; }
     .family-day .gallery-box img.pho-gall{ height: 468px; }
       .feedback .gallery-box{ padding: 15px; height: 500px; }
         .feedback .gallery-box img.pho-gall{ height: 468px; }
    
     .research .research-text-block a { padding: 8px 25px; font-size: 12px; margin: 0 0 15px; }
      .photography .photography-top-block .gallery-box{ padding: 15px; height: 500px; }
        .photography .photography-top-block .gallery-box img.pho-gall{ height: 468px; }
    .photography .photography-top-block .gallery-box .view-caption { top: -160%; padding: 260px 0; }
     .photography .photography-top-block .gallery-box .view-caption p { width: 40%; font-size: 10px; line-height: 18px; padding: 6px 0; margin: -15px auto 0; }
    
     .photography .photography-bottom-block .gallery-box{ padding: 15px; height: 260px; }
     .photography .photography-bottom-block .gallery-box img.pho-gall { height: 228px; }

}

@media(max-width:430px) {
    /*////chek 400////*/

 .photo-gallery-block .gallery-box { padding: 15px; height: 445px; }
.photo-gallery-block .gallery-box img.pho-gall { height: 413px; }
.sf-menu { width: 280px !important; right: 0; top: 32px; }
 .inner-photo-gallery-block .gallery-box{ padding: 15px; height: 445px; }
.inner-photo-gallery-block .gallery-box img.pho-gall { height: 413px; }

 .family-day .gallery-box{ padding: 15px; height: 445px; }
 .family-day .gallery-box img.pho-gall { height: 413px; }
 
   .feedback .gallery-box{ padding: 15px; height: 445px; }
.feedback .gallery-box img.pho-gall { height: 413px; }
 .footer .bochure a { font-size: 9px; line-height: 18px; padding: 7px 0; }
.footer .copyright p { font-size: 9px; line-height: 16px; padding: 10px 0 0; }
.spark-studios .spark-studios-block p { font-size: 13px; line-height: 24px; padding: 15px 0 0; height: 90px; }

  .photography .photography-top-block .gallery-box{ padding: 15px; height: 445px; }
.photography .photography-top-block .gallery-box img.pho-gall { height: 413px; }






}

@media(max-width:399px) {
    /*////chek 385////*/

.header .header-bottom .logo img { width: 97%; }
 .sf-menu { width: 280px !important; right: 0; top: 34px; }





}


@media(max-width:380px) {
    /*////chek 375////*/
.sf-menu { width: 280px !important; right: 0; top: 33px; }

}

@media(max-width:365px) {
    /*////chek 320////*/
  .sf-menu { width: 280px !important; right: 0; top: 31px; }
     #menu-icon { right: 0 !important; top: -16px; }
 .banner img { height: 260px; }
 .banner { height: 260px; }
 .about .about-text-block h2 { font-size: 22px; line-height: 26px; padding: 0 0 10px; }
  .community h2 { font-size: 22px; line-height: 26px; padding: 0 0 20px; }
 .community .community-box-content a { padding: 6px 0; font-size: 12px; width: 42%; }
 .consumer-behavior h2 { font-size: 22px; line-height: 26px; padding: 0 0 20px; }
.consumer-behavior .consumer-behavior-box-content p { font-size: 13px; line-height: 24px; padding: 0 0 15px; height: 105px; }
 .consumer-behavior .consumer-behavior-box-content a{ padding: 6px 0; font-size: 12px; width: 42%; }
 .photo-gallery-block h2 { font-size: 22px; line-height: 26px; padding: 0 0 20px; }
 .photo-gallery-block .gallery-box { padding: 15px; height: 340px; }
 .photo-gallery-block .gallery-box img.pho-gall { height: 308px; }
  .photo-gallery-block .gallery-box .view-caption { top: -160%; padding: 170px 0; }
 .photo-gallery-block .gallery-box .view-caption p { width: 40%; font-size: 10px; line-height: 18px; padding: 6px 15px; margin: -15px auto 0; }


 .inner-photo-gallery-block h2 { font-size: 22px; line-height: 26px; }
 .inner-photo-gallery-block h3 { font-size: 18px; line-height: 24px; padding: 0 0 20px; }

 .inner-photo-gallery-block .gallery-box{ padding: 15px; height: 378px; }
 .inner-photo-gallery-block .gallery-box img.pho-gall { height: 345px; }
 .inner-photo-gallery-block .gallery-box .view-caption { top: -160%; padding: 170px 0; }
 .inner-photo-gallery-block .gallery-box .view-caption p { width: 40%; font-size: 10px; line-height: 18px; padding: 6px 15px; margin: -15px auto 0; }
 .contact h2 { font-size: 22px; line-height: 26px; padding: 0 0 20px; }
 .contact .contact-block-contact h3 { font-size: 18px; line-height: 24px; padding: 0 0 15px; }
.contact .contact-block-contact ul li i { font-size: 22px; padding: 0 10px 0 0; }
 .hidden-gems h2 { font-size: 22px; line-height: 26px; }
 .hidden-gems-gallery-block h2 { font-size: 22px; line-height: 26px; padding: 0 0 20px; }
.hidden-gems-gallery-block .gallery-box { padding: 15px; height: 190px; }
  .hidden-gems-gallery-block .gallery-box img.pho-gall { height: 158px; }
 .hidden-gems-gallery-block h2 { font-size: 22px; line-height: 26px; padding: 0 0 20px; }

  .family-day .gallery-box {  padding: 15px; height: 378px; } 
.family-day .gallery-box img.pho-gall { height: 345px; }
.feedback .gallery-box {  padding: 15px; height: 378px; } 
.feedback .gallery-box img.pho-gall { height: 345px; }
  .building-lives h2 { font-size: 22px; line-height: 26px; }
 .building-lives h4 { font-size: 18px; line-height: 24px; padding: 20px 0 20px; }
 .spark-studios h2 { font-size: 22px; line-height: 26px; }
  .spark-studios .spark-studios-block p { font-size: 13px; line-height: 24px; padding: 15px 0 0; height: 105px; }
.internships h2 { font-size: 22px; line-height: 26px; }
 .research h2 { font-size: 22px; line-height: 26px; }

.inner-banner { height: 105px; }
 .hobbies h2 { font-size: 22px; line-height: 26px; padding: 0 0 20px; }
.hobbies h4 { font-size: 18px; line-height: 24px; padding: 15px 0 10px; }
 .hobbies .hobbies-block p { font-size: 13px; line-height: 24px; height: 70px; }
  .photography h2 { font-size: 22px; line-height: 26px; padding: 0 0 20px; }
  .photography .photography-top-block .gallery-box { padding: 15px; height: 378px; }
  .photography .photography-top-block .gallery-box img.pho-gall { height: 345px; }
  .photography .photography-top-block .gallery-box .view-caption { top: -160%; padding: 170px 0; }
  .photography .photography-top-block .gallery-box .view-caption p { width: 40%; font-size: 10px; line-height: 18px; padding: 6px 15px; margin: -15px auto 0; }


.photography .photography-bottom-block .gallery-box { padding: 15px; height: 175px; }
.photography .photography-bottom-block .gallery-box img.pho-gall { height: 142px; }
 .photography .photography-bottom-block .gallery-box .view-caption { top: -160%; width: 100%; padding: 85px 0; }
 .photography .photography-bottom-block .gallery-box .view-caption p { width: 40%; font-size: 10px; line-height: 18px; padding: 6px 15px; margin: -15px auto 0; }



}