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: 57%; padding: 10px 0 0; margin: 0 auto; position: relative; display:block; }
.header .header-bottom .logo img{ width: 76%; float: right; }
.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: right;
  display: inline-block;
  padding: 5px 0 0;
  margin: 0;; }


/*Button Menu*/
.sidenav { width: 0; text-align: center; position: fixed; z-index: 1; top: 0; right: 0; background-color: #dc2527; overflow-x: hidden; transition: 0.5s; padding-top: 110px; min-height: 100%; height: 1000px;background: #fff;}
.sidenav a { padding: 12px 0;
  text-decoration: none;
  color: #252525;
  display: block;
  font-size: 14px;
  line-height: 22px;
  font-weight: bold;
  letter-spacing: 1;
  transition: 0.3s;
  text-transform: uppercase;
  border-bottom: 1px solid #f1f1f1; }
.sidenav a:hover { color: #4e4e4e; }
.sidenav .closebtn { position: absolute; top: 30px; right: 40px; font-size: 35px; margin-left: 50px; border-bottom: none; }
span.menu{ font-size: 32px; cursor: pointer; padding: 0 0 0 0; margin: 10px 0; display: block; font-weight: inherit; color: #000; float: left; line-height: 44px; }

 ul.sub-menu{ padding: 0 0;  margin: 10px 0 0; }
 ul.sub-menu li{ position: relative; padding: 0 0; margin: 0; display: block; }
 ul.sub-menu li a{ width: 90%; background: #f7f7f7; color: #595959; padding: 8px 0; margin: 0 auto 5px; font-size: 14px; text-align: center; }
 ul.sub-menu li a:hover{ background: #ccc; color:#000; }



.sidenav ul.social-li-header{  padding: 0 0; margin: 15px 0 0; }
.sidenav ul.social-li-header li{ position: relative; padding: 0 0; margin: 0; display: inline-block; }
.sidenav ul.social-li-header li a{ width: 50px; background: #b1dae7; color: #252525; border-bottom: 3px solid #252525; border-radius: 11px; padding: 12px 0; margin: 0 5px; font-size: 20px; text-align: center; }
.sidenav ul.social-li-header li a:hover{ background: #709caa; color: #fff; }

.taxture-dot{ background-image: url(../images/texture.png); background-repeat: repeat; background-position: center center; opacity: 1; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 4; }

@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}






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


/*Inner Banner*/
.inner-banner{ width: 100%; height: 350px; position: relative; display: block; padding: 0; margin: 0; }
.inner-banner img{ width: 100%; height: 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: #171717; 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 p span{  font-size: 17px !important; font-weight: 300; letter-spacing: 0; line-height: 30px !important; padding: 0 0 15px !important; color: #454545  !important;  text-align: justify !important; font-family: "Wix Madefor Display", sans-serif !important; }
.cta { position: relative; margin: 15px auto 0; padding: 12px 18px; transition: all 0.2s ease; border: none; background: none; cursor: pointer; display: inline-block; }
.cta:before { content: ""; position: absolute; top: 2px; left: 0; display: block; border-radius: 50px; background: #b1dae7; width: 45px; height: 45px; transition: all 0.3s ease; }
.cta span { position: relative; font-family: "Ubuntu", sans-serif; font-size: 18px; font-weight: 700; letter-spacing: 0.05em; color: #234567; }
.cta svg { position: relative; top: 0; margin-left: 10px; fill: none; stroke-linecap: round; stroke-linejoin: round; stroke: #234567; stroke-width: 2; transform: translateX(-5px); transition: all 0.3s ease; }
.cta:hover:before { width: 100%; background: #b1dae7; }
.cta:hover svg { transform: translateX(0); }
.cta:active { transform: scale(0.95); }

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


/*Leadership*/
.leadership{ width: 100%; position: relative; display: block; background: #fff; padding: 60px 0; margin: 0; }
.leadership h2{ font-size: 34px; line-height: 42px; color: #171717; padding: 0; margin: 0; font-weight: 600; text-transform: uppercase; text-align: center; font-family: "Kanit", sans-serif; }
.leadership h2 b{ display: block;
  font-size: 16px;
  line-height: 18px;
  padding: 0 0 5px;
  margin: 0;
  color: #454545; }
.leadership h2 span{ font-size: 16px;
  display: block;
  font-style: italic;
  line-height: 22px;
  margin: 0 0 30px;
  color: #454545;
  font-weight: 400; }
.leadership .leadership-text-block{ width: 100%; padding: 0; margin: 0; position: relative; }
.leadership .leadership-text-block ul{ display: block; }
.leadership .leadership-text-block ul li{ font-size: 17px; font-weight: 600; letter-spacing: 0; line-height: 30px; padding: 0 0 5px; color: #171717 ;  text-align: justify; font-family: "Wix Madefor Display", sans-serif; }
.leadership .leadership-text-block ul li span{ font-style: italic; font-weight: 300; color: #454545 ;  }
.leadership .leadership-text-block h2{ font-size: 34px; line-height: 42px; color: #171717; padding: 0 0 20px; margin: 0; font-weight: 600; text-transform: uppercase; text-align: center; font-family: "Kanit", sans-serif; }
.leadership .leadership-text-block ul li{ font-size: 17px; font-weight: 300; letter-spacing: 0; line-height: 30px; padding: 0 0 10px; color: #454545 ;  text-align: justify; font-family: "Wix Madefor Display", sans-serif; }
.leadership .leadership-text-block ul li b{ font-size: 17px; font-weight: 600; color: #171717 ;  }


.leadership .leadership-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; }
.leadership .leadership-text-block .leadership-btn{ width:30%;  float:left; display:inline-block; padding:30px; margin:0 30px 0 0; background: #fff; z-index: 9; position: relative; text-align: center; border-radius: 15px; }
.leadership .leadership-text-block .leadership-btn p{ font-size: 17px; font-weight: 600; letter-spacing: 0; line-height: 30px; padding: 0 0 15px; color: #454545 ;  text-align: center; font-family: "Wix Madefor Display", sans-serif; }
.leadership .leadership-text-block .leadership-btn a{ text-align: center; letter-spacing: 1px; margin: 0 auto 0;  width: 80%; display: block; color: #234567; text-transform: uppercase; border: 2px solid #b1dae7; padding: 10px 20px; font-size: 13px; cursor: pointer; font-weight: bold; background: #a8a8a800; position: relative; transition: all 1s; overflow: hidden; border-radius: 5px; line-height: 24px; }
.leadership .leadership-text-block .leadership-btn a:hover { color: #000 !important; border: 2px solid #000;  }
.leadership .leadership-text-block .leadership-btn a::before { content: ""; position: absolute; height: 100%; width: 0%; top: 0; left: -40px; transform: skewX(45deg); background-color: #b1dae7; z-index: -1; transition: all 1s;  }
.leadership .leadership-text-block .leadership-btn a:hover::before { width: 160%; }



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

.leadership-middle{ width: 100%; position: relative; display: block; background: #f7f7f7; padding: 60px 0; margin: 0; }
.leadership-bottom{ background: #fff; }



/*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: #171717; padding: 0; margin: 0; font-weight: 600; text-transform: uppercase; text-align: center; font-family: "Kanit", sans-serif; }
.internships h2 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 .internships-text-block{ width: 100%; padding: 0; margin: 0;  position: relative; z-index: 9; }
.internships .internships-text-block h2{ font-size: 34px; line-height: 42px; color: #171717; padding: 0 0 20px; margin: 0; font-weight: 600; text-transform: uppercase; text-align: center; font-family: "Kanit", sans-serif; }
.internships .internships-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; }
.internships .internships-text-block a{ text-align: center; letter-spacing: 1px; margin: 15px 0 0;  width: 18%; display: block; color: #234567; text-transform: uppercase; border: 2px solid #b1dae7; padding: 10px 20px; font-size: 13px; cursor: pointer; font-weight: bold; background: #a8a8a800; position: relative; transition: all 1s; overflow: hidden; border-radius: 5px; line-height: 24px; }
.internships .internships-text-block a:hover { color: #000 !important; border: 2px solid #000;  }
.internships .internships-text-block a::before { content: ""; position: absolute; height: 100%; width: 0%; top: 0; left: -40px; transform: skewX(45deg); background-color: #b1dae7; z-index: -1; transition: all 1s;  }
.internships .internships-text-block a:hover::before { width: 160%; }



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

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

.internships-down .internships-block{ width: 100%; padding: 0; margin: 0; }
.internships-down .internships-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; }
.internships-down .internships-block p b{ color: #171717; }
.internships-down .internships-down-image{ width: 100%; padding: 15px; margin: 0; overflow: hidden; border: 1px solid #ccc; background: #f7f7f7; }
.internships-down .internships-down-image img{ width: 100%; transition: 0.3s; transform: scale(1); }
.internships-down .internships-down-image img:hover{  }



/*Compition*/
.competitions{ width: 100%; position: relative; display: block; background: #fff; padding: 40px 0; margin: 0; }
.competitions-middle{ background: #f7f7f7; }
.competitions h2{ font-size: 38px; line-height: 42px; color: #171717; padding: 0 0 30px; margin: 0; font-weight: 600; text-transform: uppercase; text-align: center; font-family: "Kanit", sans-serif; }
.competitions b{ font-size: 16px; display: block; font-style: italic; line-height: 22px; margin: 0 0 5px; color: #454545; font-weight: 400; }
.competitions h2 span{ display: block; font-size: 16px; line-height: 18px; padding: 0; margin: 0; color: #454545; }
.competitions 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; }
.competitions p i{ color: #171717; font-weight: 400; }

.competitions .competitions-text-block{ width: 100%; padding: 0; margin: 0; }
.competitions .competitions-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; }
.competitions .competitions-text-block p b{ font-size: 17px; display: inline-block; font-style: none; line-height: 22px; margin: 0; color: #454545; font-weight: bold; }
.competitions .competitions-image-block{ width: 100%; padding: 15px; margin: 0; overflow: hidden; border: 1px solid #ccc; background: #f7f7f7; }
.competitions .competitions-image-block img{ width: 100%; transition: 0.3s; transform: scale(1); }
.competitions .competitions-image-block img:hover{  }


/*Recharch Paper*/
.research{ width: 100%; position: relative; display: block; background: #fff; padding: 40px 0; margin: 0; }
.research2{ background:#f7f7f7; }
.research h2{ font-size: 38px; line-height: 42px; color: #171717; 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; z-index: 9;  }
.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 p span{
  font-size: 17px !important; letter-spacing: 0 !important; line-height: 30px !important; padding: 0 0 15px !important; color: #454545  !important;  text-align: justify !important; font-family: "Wix Madefor Display", sans-serif !important; }
.research .research-text-block p span b{ font-weight: 600; color: #171717; }

.research .research-text-block a{ text-align: center;
  letter-spacing: 1px;
  margin: 0 0 0 15px;
  width: 19%;
  display: block;
  color: #234567;
  text-transform: uppercase;
  border: 2px solid #b1dae7;
  padding: 10px 0;
  font-size: 13px;
  cursor: pointer;
  font-weight: bold;
  background: #a8a8a800;
  position: relative;
  transition: all 1s;
  overflow: hidden;
  border-radius: 5px;
  line-height: 23px;
  display: inline-block;
  position: relative;
  top: 20px; }
.research .research-text-block a:hover { color: #000 !important; border: 2px solid #000;  }
.research .research-text-block a::before { content: ""; position: absolute; height: 100%; width: 0%; top: 0; left: -40px; transform: skewX(45deg); background-color: #b1dae7; z-index: -1; transition: all 1s;  }
.research .research-text-block a:hover::before { width: 160%; }



.research .research-text-block p b{ font-weight: 600; color: #171717 }

.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%; }

/*Educational Initiatives*/
.educational{ width: 100%; position: relative; display: block; background: #fff; padding: 40px 0; margin: 0;  z-index: 9; }
.educational-bottom{ background: #f7f7f7; }
.educational h2{ font-size: 38px; line-height: 42px; color: #171717; padding: 0 0 30px; margin: 0; font-weight: 600; text-transform: uppercase; text-align: center; font-family: "Kanit", sans-serif; }
.educational .educational-text-block{ width: 100%; padding: 0; margin: 0; }
.educational .educational-text-block h3{ font-size: 38px; line-height: 42px; color: #171717; padding: 0; margin: 0; font-weight: 600; text-transform: uppercase; text-align: center; font-family: "Kanit", sans-serif }
.educational .educational-text-block h3 span{ display: block; font-size: 16px; line-height: 18px; padding: 0 0 30px; margin: 0; color: #454545; }
.educational .educational-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; }
.educational .educational-text-block p span{ font-size: 17px !important; letter-spacing: 0 !important; line-height: 30px !important; padding: 0 0 15px !important; color: #454545  !important;  text-align: justify !important; font-family: "Wix Madefor Display", sans-serif !important; }
.educational .educational-text-block a{ text-align: center; letter-spacing: 1px; margin: 15px 0 0;  width: 19%; display: block; color: #234567; text-transform: uppercase; border: 2px solid #b1dae7; padding: 10px 20px; font-size: 13px; cursor: pointer; font-weight: bold; background: #a8a8a800; position: relative; transition: all 1s; overflow: hidden; border-radius: 5px; line-height:22px; }
.educational .educational-text-block a:hover { color: #000 !important; border: 2px solid #000;  }
.educational .educational-text-block a::before { content: ""; position: absolute; height: 100%; width: 0%; top: 0; left: -40px; transform: skewX(45deg); background-color: #b1dae7; z-index: -1; transition: all 1s;  }
.educational .educational-text-block a:hover::before { width: 160%; }




.educational .educational-slider-block{ width: 100%; padding: 0; margin: 0; background: #f7f7f7; }
.educational .educational-slider-block img{ width:100%; }

.educational .educational-slider-block-down{ background: #fff; }
.educational .educational-slider-block #photo-slider .item{ margin: 0 15px; }
.educational .educational-slider-block .gallery-box{ position: relative; width: 100%; padding: 15px; margin: 0; float: left; border: 1px solid #b1dae7; height: 223px; overflow: hidden; -webkit-filter: grayscale(0%); filter: grayscale(0%); background: #fff; }
.educational .educational-slider-block .gallery-box img.pho-gall { width: 100%; height: 190px; }
/*.educational .educational-slider-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; }
.educational .educational-slider-block .gallery-box:hover .view-caption { top: 0%; height:100%; -webkit-filter: grayscale(0%); filter: grayscale(0%); left: 0; }
.educational .educational-slider-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: #171717; padding: 9px 15px; color: #fff !important; margin: -15px auto 0; text-transform: uppercase; text-align: center; }*/

/*Spark Studios*/
.dance{ width: 100%; position: relative; display: block; background: #fff; padding: 40px 0; margin: 0; }
.dance h2{ font-size: 38px; line-height: 42px; color: #171717; padding: 0 0 30px; margin: 0; font-weight: 600; text-transform: uppercase; text-align: center; font-family: "Kanit", sans-serif; }
.dance h2 span{ display: block; font-size: 16px; line-height: 18px; padding: 0 0 30px; margin: 0; color: #454545; }
.dance 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; }
.dance .dance-block{ width: 100%; padding: 15px; margin: 0; border: 1px solid #ccc; background: #f7f7f7;  transition: all 400ms ease-in-out; height: 900px; }
.dance .dance-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); }
.dance .dance-block img{ width: 100%; }

.dance .dance-block h4{ font-size: 20px; line-height: 30px; color: #171717; padding: 10px 0; margin: 0; font-weight: 600; text-transform: uppercase; font-family: "Kanit", sans-serif; }
.dance .dance-block h6{ 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; }
.dance .dance-block h5{ font-size: 14px; font-weight: 400; letter-spacing: 0; line-height: 22px; padding: 0; color: #232222 ;  text-align: justify; font-family: "Wix Madefor Display", sans-serif; }
.dance .dance-block h5 span{ font-size: 12px; padding: 0 0 0 30px; }
.dance .dance-block p{  font-size: 16px; font-weight: 600; letter-spacing: 0; line-height: 26px; padding: 0 0 5px; color: #232222 ;  text-align: justify; font-family: "Wix Madefor Display", sans-serif; font-style: italic; }
.dance .dance-block a{ text-align: center; letter-spacing: 1px; margin: 15px 0 0;  width: 35%; display: block; color: #234567; text-transform: uppercase; border: 2px solid #b1dae7; padding: 10px 20px; font-size: 13px; cursor: pointer; font-weight: bold; background: #a8a8a800; position: relative; transition: all 1s; overflow: hidden; border-radius: 5px; }
.dance .dance-block a:hover { color: #000 !important; border: 2px solid #000;  }
.dance .dance-block a::before { content: ""; position: absolute; height: 100%; width: 0%; top: 0; left: -40px; transform: skewX(45deg); background-color: #b1dae7; z-index: -1; transition: all 1s;  }
.dance .dance-block a:hover::before { width: 160%; }

/*Dance Video */
.dance-video{ width: 100%; position: relative; display: block; background: #f7f7f7; padding: 40px 0; margin: 0; }
.dance-video h2{ font-size: 38px; line-height: 42px; color: #171717; padding: 0 0 30px; margin: 0; font-weight: 600; text-transform: uppercase; text-align: center; font-family: "Kanit", sans-serif; }
.dance-video .dance-video-block{ width: 100%; padding: 15px; margin: 0; background: #fff; border: 1px solid #ccc; height: 200px; }
.dance-video .dance-video-block iframe{ width: 100%; height: 100%; }



/*Community Empowerment*/
.community{ width: 100%; position: relative; display: block; background: #f7f7f7; padding: 40px 0 50px; margin: 0;  }
.community h2{ font-size: 38px; line-height: 42px; color: #171717; 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: 30px 10px; 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 .consumer-logo{ width: 40%;
  margin: 0 auto;
  display: block;
  border: 1px solid #e0e0e0;
  border-radius: 100px;
  padding: 15px;
  background: #f7f7f7; transition: all 400ms ease-in-out;  }
.community .community-box-content:hover .consumer-logo{ border: 2px solid #b1dae7;
  box-shadow: 2px 2px 28px #b1dae7;
  transition: all 400ms ease-in-out; }
.community .community-box-content .consumer-logo img{ width: 100%; }
.community .community-box-content h4{ font-size: 18px; line-height: 24px; color: #171717; padding: 15px 0 15px; margin: 0; font-weight: 600; text-align: center; }
.community .community-box-content p{ font-size: 14px; 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: 110px; }
.community .community-box-content a{ text-align: center; letter-spacing: 1px; margin: 0 auto; display: block; width: 60%; color: #234567; text-transform: uppercase; border: 2px solid #b1dae7; padding: 10px 0; font-size: 12px; cursor: pointer; font-weight: bold; background: #a8a8a800; position: relative; transition: all 1s; overflow: hidden; border-radius: 5px; line-height: 22px; }
.community .community-box-content a:hover { color: #000 !important; border: 2px solid #000; }
.community .community-box-content a::before { content: ""; position: absolute; height: 100%; width: 0%; top: 0; left: -40px; transform: skewX(45deg); background-color: #b1dae7; z-index: -1; transition: all 1s; }
.community .community-box-content a:hover::before { width: 160%; }


/*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: #171717; padding: 0 0 30px; margin: 0; font-weight: 600; text-transform: uppercase; text-align: center; font-family: "Kanit", sans-serif; }
.consumer-behavior 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; }
.consumer-behavior .consumer-behavior-box-content{ width: 100%; padding: 30px 10px; 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 .consumer-logo{ width: 40%;
  margin: 0 auto;
  display: block;
  border: 1px solid #e0e0e0;
  border-radius: 100px;
  padding: 15px;
  background: #fff; transition: all 400ms ease-in-out;  }
.consumer-behavior .consumer-behavior-box-content:hover .consumer-logo{ border: 2px solid #b1dae7;
  box-shadow: 2px 2px 28px #b1dae7;
  transition: all 400ms ease-in-out; }
.consumer-behavior .consumer-behavior-box-content .consumer-logo img{ width: 100%; }
.consumer-behavior .consumer-behavior-box-content h4{ font-size: 18px; line-height: 24px; color: #171717; padding: 15px 0 15px; margin: 0; font-weight: 600; text-align: center; height:70px; }
.consumer-behavior .consumer-behavior-box-content h4 span{ display:block; font-size:16px; font-weight:500; }
.consumer-behavior .consumer-behavior-box-content p{ font-size: 17px;
  font-weight: 300;
  letter-spacing: 0;
  line-height: 30px;
  padding: 0 10px 15px;
  color: #454545;
  text-align: justify;
  font-family: "Wix Madefor Display", sans-serif;
  height: 350px; }
.consumer-behavior .consumer-behavior-box-content a{ text-align: center; letter-spacing: 1px; margin: 0 auto; display: block; width: 60%; color: #234567; text-transform: uppercase; border: 2px solid #b1dae7; padding: 10px 0; font-size: 12px; cursor: pointer; font-weight: bold; background: #a8a8a800; position: relative; transition: all 1s; overflow: hidden; border-radius: 5px; line-height:22px; }
.consumer-behavior .consumer-behavior-box-content a:hover { color: #000 !important; border: 2px solid #000; }
.consumer-behavior .consumer-behavior-box-content a::before { content: ""; position: absolute; height: 100%; width: 0%; top: 0; left: -40px; transform: skewX(45deg); background-color: #b1dae7; z-index: -1; transition: all 1s; }
.consumer-behavior .consumer-behavior-box-content a:hover::before { width: 160%; }



/*Contact*/
.contact{ width: 100%; display: block; position: relative; background: #fff; padding: 40px 0; margin: 0; }
.contact h2{ font-size: 38px; line-height: 42px; color: #171717; 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; }
.contact .contact-block-contact h3{ font-size: 24px; line-height: 30px; color: #171717; 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: justify; font-family: "Wix Madefor Display", sans-serif; }
.contact .contact-block-contact ul li i{ font-size: 30px; color: #171717; 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-image{ width: 100%; padding: 15px; margin: 0; background: #f7f7f7; border: 1px solid #ccc; }
.contact .contact-block-image img{ width: 100%; }

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

.poetry-block{ width: 100%; display: block; padding: 60px 0 30px; margin: 0; position: relative; background: #fff; }
.poetry-block2{ background:#f7f7f7; }
.poetry-block h2{ font-size: 38px; line-height: 42px; color: #171717; padding: 0; margin: 0; font-weight: 600; text-transform: uppercase; text-align: center; font-family: "Kanit", sans-serif; }
.poetry-block h2.poetry-heading{ padding: 0 0 30px; }
.poetry-block h2 span{ display: block; font-size: 16px; line-height: 18px; padding: 0 0 30px; margin: 0; color: #454545; }
.poetry-block ul{ text-align: center;
  width: 100%;
  display: block;
  margin: 0 0 30px; }
.poetry-block ul li{ font-size: 17px; font-weight: 300; letter-spacing: 0; line-height: 30px; padding: 0 0 10px; color: #454545 ;  text-align: center; font-family: "Wix Madefor Display", sans-serif; }
.poetry-block ul li span{ display:block; }
.poetry-block ul li b{ color:#000; }


/*Footer*/
.footer{ width: 100%; position: relative; display: block; background: url(../images/footer-banner.png) no-repeat top right; background-size: cover; padding: 70px 0 40px; margin: 0; background: #003a4d; }
.footer .footer-logo{ width: 45%; 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; }

.footer ul.footer-nav{ padding: 15px 0; margin: 0 0 40px; display: block; width: 100%; text-align: center; border-top: 1px solid #b2dbe8; border-bottom: 1px solid #b2dbe8; background: #b2dbe814 }
.footer ul.footer-nav li{ padding: 0 8px; margin: 0; color: #fff; font-size: 13px; line-height: 24px; font-weight: 400; display: inline-block; text-transform: uppercase; }
.footer ul.footer-nav li a{ color: #e6e6e6; transition: all 500ms ease-in-out; }
.footer ul.footer-nav li a:hover{ color: #fff; transition: all 500ms ease-in-out; }

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

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

.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 .bochure {
  width: 20%;
  margin: 0 auto 40px;
  text-align: center;
  padding: 0;
}

.footer .bochure a {
  font-size: 13px;
  line-height: 18px;
  background: #012d3c;
  width: 100%;
  display: inline-block;
  padding: 12px 0;
  color: #fff;
  text-transform: uppercase;
  border: 1px solid #007fa9;
  transition: all 400ms ease-in-out;
  border-radius: 10px;
}
.footer .bochure a:hover {
  transition: all 400ms ease-in-out;
  background: #00212c;
  border: 1px solid #ffffff7a;
  letter-spacing: 1.2px;
}


/*///-------------------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) {

.header .header-bottom .logo { width: 60%; padding: 10px 0 0; }
.header .menu { width: 100%; padding: 0px 0 0; margin: 0; }
.banner{ height: 350px; }
.banner img { height: 350px; }
.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 p span{ font-size: 13px !important; line-height: 24px !important; padding: 0 0 15px !important; }
.cta { margin: 10px auto 0; padding: 12px 20px; }
.cta::before { top: 2px; left: 0; width: 40px; height: 40px; }  
.cta span { font-size: 13px; }
.community { padding: 30px 0 40px; 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: 14px; line-height: 16px; padding: 15px 0 5px; height: 50px;}
  .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: 82%; }
.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: 16px; line-height: 20px; padding: 15px 0 5px; }
  .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: 60%; }
.footer .footer-social { padding: 0; margin: 0; }
 .footer { padding: 30px 0 20px; margin: 0; }
  .footer ul.footer-nav { padding: 0; margin: 0 0 20px; display: block; }
  .footer ul.footer-nav li { padding: 5px 3px; 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 .footer-social p { font-size: 10px; line-height: 16px; padding: 15px 0 0; }
 #scroll { right: 20px !important; bottom: 20px !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; border-bottom-color: transparent !important; border-bottom-color: #1c1d1d !important; }
.sidenav a { padding: 10px 0; font-size: 12px; line-height: 22px; }
ul.sub-menu li a { width: 90%; padding: 6px 0; margin: 0 auto 5px; font-size: 11px; }
.inner-banner { height: 180px; }
.inner-banner img { width: 100%; height: 100%; }
.leadership { padding: 30px 0; margin: 0; }
.leadership h2 { font-size: 26px; line-height: 30px; padding: 0; }
.leadership h2 b { font-size: 13px; line-height: 18px; margin: 0 0 5px; }
.leadership h2 span { font-size: 13px; line-height: 16px; padding: 0 0 20px; margin: 0; }
.leadership .leadership-text-block ul li { font-size: 13px; letter-spacing: 0; line-height: 24px; padding: 0 0 5px; }
.leadership .leadership-text-block p { font-size: 13px; line-height: 24px; padding: 0 0 15px; }
.leadership .leadership-text-block h2 { font-size: 26px; line-height: 30px; padding: 0 0 20px; margin: 0; }



.leadership-middle { padding: 30px 0; margin: 0; }
.leadership-middle h2{ font-size: 26px; line-height: 30px; padding: 0; }
.leadership-middle h2 span { font-size: 13px; line-height: 16px; padding: 0 0 20px; }
.leadership-middle p { font-size: 13px; line-height: 24px; padding: 0 0 15px; }
.internships { padding: 30px 0; margin: 0; }
.internships h2{ font-size: 26px; line-height: 30px; padding: 0; }
.internships h2 b { font-size: 13px; line-height: 18px; margin: 0 0 5px; }
.internships h2 span { font-size: 13px; line-height: 16px; padding: 0 0 20px; }
.internships .internships-text-block p { font-size: 13px; line-height: 24px; padding: 0 0 15px; }

.internships .internships-text-block h2 { font-size: 26px; line-height: 30px; padding: 0 0 20px; }
.internships .internships-text-block a { margin: 15px 0 0; width: 20%; padding: 10px 0; font-size: 12px; line-height: 22px; }


.internships-down { padding: 30px 0; margin: 0; }
.internships-down h2 { font-size: 26px; line-height: 30px; padding: 0 0 10px; }
.internships-down .internships-block p { font-size: 13px; line-height: 24px; padding: 0 0 15px; }
.competitions { padding: 30px 0; margin: 0; }
.competitions h2 { font-size: 26px; line-height: 30px; padding: 0 0 10px; }
.competitions 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 p a { padding: 7px 25px; font-size: 12px; margin: 15px 0 0; width: 19%; }

.educational { padding: 30px 0; margin: 0; }
.educational h2 { font-size: 26px; line-height: 30px; padding: 0 0 20px; }
.educational .educational-text-block h3 { font-size: 20px; line-height: 26px; }
.educational .educational-text-block h3 span { font-size: 13px; line-height: 16px; padding: 0 0 20px; }
.educational .educational-text-block p { font-size: 13px; line-height: 24px; padding: 0 0 15px; }
.educational .educational-text-block p span{ font-size: 13px !important; line-height: 24px !important; padding: 0 0 15px !important; }
.educational .educational-slider-block .gallery-box { padding: 15px; height: 140px; }
.educational .educational-slider-block .gallery-box img.pho-gall { height: 108px; }

.dance { padding: 30px 0; margin: 0; }
.dance h2 { font-size: 26px; line-height: 30px; padding: 0 0 20px; }
.dance .dance-block h4 { font-size: 18px; line-height: 24px; padding: 15px 0 5px; }
.dance .dance-block p { font-size: 13px; line-height: 24px; padding: 0 0 5px; }
.dance .dance-block h5 { font-size: 12px; line-height: 20px; }
.dance .dance-block h5 span { font-size: 10px; padding: 0 0 0 20px; }
.dance .dance-block a{ padding: 7px 25px; font-size: 12px; margin: 15px 0 0; width: 50%; } 
.dance .dance-block h6 { font-size: 13px; line-height: 24px; padding: 15px 0 0; }
.dance .dance-block { padding: 15px; height: 640px; }
.dance-video { padding: 30px 0; margin: 0; }
.dance-video h2 { font-size: 26px; line-height: 30px; padding: 0 0 20px; }
.dance-video .dance-video-block { padding: 15px; height: 140px; }
.poetry h2 { font-size: 38px; line-height: 48px; padding: 0; }

.poetry-block { padding: 30px 0 0; margin: 0; }
.poetry-block h2{ font-size: 26px; line-height: 30px; padding: 0; }
.poetry-block h2 span { font-size: 13px; line-height: 16px; padding: 0 0 20px; }
.poetry-block h2.poetry-heading { padding: 0 0 20px; }
.poetry-block ul { margin: 0 0 20px; }
.poetry-block ul li { font-size: 13px; line-height: 24px; padding: 0 0 10px; }




.consumer-behavior .consumer-behavior-box-content .consumer-logo { width: 45%; padding: 10px; }
.consumer-behavior .consumer-behavior-box-content h4 { font-size: 13px; line-height: 18px; padding: 10px 0 5px; }
  .consumer-behavior .consumer-behavior-box-content a { padding: 6px 0; font-size: 11px; width: 72%; }









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



}

@media(max-width:760px) {
    /*////chek 700////*/

 .banner { height: 320px; }
   .banner img { height: 320px; }
 .cta { margin: 10px auto 30px; padding: 12px 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: 100px; }
 .community .community-box-content a { padding: 8px 0; font-size: 12px; width: 25%; }
.consumer-behavior .consumer-behavior-box-content a { padding: 8px 0; font-size: 12px; width: 25%; }
  .consumer-behavior .consumer-behavior-box-content { padding: 15px; margin: 0 0 30px; }
.footer ul.footer-nav li { padding: 5px 3px; margin: 0; font-size: 9px; line-height: 22px; }
  #scroll { right: 20px !important; bottom: 20px !important; width: 50px !important; height: 30px !important; }
.internships .internships-image-block { padding: 15px; margin: 0 0 15px; }
.internships-down .internships-down-image { padding: 15px; margin: 0 0 15px; }
.research .research-image-block { width: 100%; padding: 15px; margin: 0 0 15px; }
.dance .dance-block { padding: 15px; height: auto; margin: 0 0 30px; }
  .dance .dance-block a { padding: 7px 0; font-size: 12px; margin: 15px 0 0; width: 30%; }
.dance-video .dance-video-block { padding: 15px; height: 400px; margin: 0 0 30px; }
 .poetry h2 { font-size: 30px; line-height: 40px; padding: 0; }
.poetry { padding: 30px 0; }



}


@media(max-width:699px) {
    /*////chek 600////*/
    
    .header .header-bottom .logo { width: 73%; padding: 4px 0 0; } 
    .banner { height: 280px; }
   .banner img { height: 280px; }
    .footer ul.footer-nav li { padding: 5px 3px; margin: 0; font-size: 9px; line-height: 15px; }
    .footer .bochure { width: 30%; margin: 0 auto 30px; }
     .footer .bochure a { font-size: 9px; line-height: 18px; padding: 9px 0; }
    .footer h4 { font-size: 20px; line-height: 24px; padding: 5px 0 15px; }
    .research .research-text-block p a { padding: 7px 0; font-size: 12px; margin: 15px 0 0; width: 27%; }
     .educational .educational-slider-block .gallery-box { padding: 15px; height: 160px; }
    .educational .educational-slider-block .gallery-box img.pho-gall { height: 128px; }
    .dance-video .dance-video-block { padding: 15px; height: 320px; margin: 0 0 30px; }
   
   
   
   
   
   
   
   
    
    
    
    
    

}

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

.inner-banner { height: 140px; }
.header .header-bottom .logo { width: 87%; padding: 4px 0 0; }
  .banner { height: 230px; }
    .banner img { height: 230px; }
 .cta { margin: 0px auto 30px; padding: 12px 20px; }
 .community .community-box-content a { padding: 8px 0; font-size: 12px; width: 30%; }
 .consumer-behavior .consumer-behavior-box-content a { padding: 8px 0; font-size: 12px; width: 30%; }


 .internships .internships-text-block a { margin: 15px 0 0; width: 32%; padding: 8px 0; font-size: 12px; line-height: 22px; }








}


@media(max-width:480px) {
    /*////chek 440////*/
      .header .header-bottom .logo {
    width: 100%; padding: 10px 0 0; }
      .inner-banner { height: 110px; }
     .educational .educational-slider-block .gallery-box { padding: 15px; height: 230px; }
      .educational .educational-slider-block .gallery-box img.pho-gall { height: 198px; }
  .banner { height: 200px; }
    .banner img { height: 200px; }
     .community .community-box-content a { padding: 8px 0; font-size: 11px; width: 35%; }
      .consumer-behavior .consumer-behavior-box-content a { padding: 8px 0; font-size: 11px; width: 35%; }
      .footer .bochure { width: 40%; margin: 0 auto 30px; }
    
       #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; border-bottom-color: transparent !important; border-bottom-color: #1c1d1d !important; }   
  .dance .dance-block a { padding: 8px 0; font-size: 11px; margin: 15px 0 0; width: 35%; }     
    .dance-video .dance-video-block { padding: 15px; height: 235px; margin: 0 0 30px; }
      .consumer-behavior .consumer-behavior-box-content h4 { font-size: 13px; line-height: 18px; padding: 10px 0 10px; }
   .consumer-behavior .consumer-behavior-box-content a { padding: 6px 0; font-size: 11px; width: 35%; }   
  .consumer-behavior .consumer-behavior-box-content .consumer-logo { width: 35%; padding: 15px; } 
 .internships .internships-text-block a { margin: 15px 0 0; width: 37%; padding: 8px 0; font-size: 12px; line-height: 22px; }
  .research .research-text-block p a { padding: 6px 0; font-size: 12px; margin: 0; width: 32%; }

}

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


  .dance-video .dance-video-block { padding: 15px; height: 208px; margin: 0 0 30px; }
 .banner { height: 180px; }
   .banner img { height: 180px; }
 .community .community-box-content p { font-size: 13px; line-height: 24px; padding: 0 0 15px; height: 120px; }
 .research .research-text-block p a { padding: 8px 0; font-size: 11px; margin: 15px 0 0; width: 35%; }

















}

@media(max-width:399px) {
    /*////chek 385////*/
.header .header-bottom { padding: 15px 0; margin: 0; }
  .research .research-text-block p a { padding: 8px 0; font-size: 11px; margin: 15px 0 0; width: 35%; line-height: 18px; }
  .dance .dance-block a { padding: 8px 0; font-size: 11px; margin: 15px 0 0; width: 35%; line-height: 18px; }
.header .header-bottom .logo img { width: 85%; float: right; }





}


@media(max-width:380px) {
    /*////chek 375////*/
 .educational .educational-slider-block .gallery-box { padding: 15px; height: 190px; }
.educational .educational-slider-block .gallery-box img.pho-gall { height: 158px; }
.sidenav { padding-top: 90px; }
 .sidenav a { padding: 12px; font-size: 11px; line-height: 22px; }


}

@media(max-width:365px) {
    /*////chek 320////*/

 .header .header-bottom { padding: 10px 0; margin: 0; }
 .header .header-bottom .logo { width: 100%; padding: 10px 0 0; }
 .banner { height: 150px; }
   .banner img { height: 150px; }
 .about .about-text-block h2 { font-size: 22px; line-height: 26px; padding: 0 0 10px; }
.cta span { font-size: 12px; }
  .community h2 { font-size: 22px; line-height: 26px; padding: 0 0 20px; }
.community .community-box-content a { padding: 8px 0; font-size: 11px; width: 45%; }
 .community .community-box-content p { font-size: 13px; line-height: 24px; padding: 0 0 15px; height: 90px; }
 .consumer-behavior h2 { font-size: 22px; line-height: 26px; padding: 0 0 20px; }
 .consumer-behavior .consumer-behavior-box-content a { padding: 6px 0; font-size: 11px; width: 50%; }
  .footer ul.footer-nav li { padding: 5px 3px; margin: 0; font-size: 9px; line-height: 10px; }
  .footer h4 { font-size: 18px; line-height: 22px; padding: 5px 0 15px; }
.footer .bochure { width: 50%; margin: 0 auto 30px; }
.footer .bochure a { font-size: 9px; line-height: 16px; padding: 9px 0; }
 .leadership h2 { font-size: 22px; line-height: 26px; padding: 0 0 20px; }
 .leadership-middle h2 { font-size: 22px; line-height: 26px; padding: 0; }
 .internships h2 { font-size: 22px; line-height: 26px; padding: 0; }
  .internships-down h2 { font-size: 22px; line-height: 26px; padding: 0 0 10px; }
 .competitions h2 { font-size: 22px; line-height: 26px; padding: 0 0 10px; }
 .research h2 { font-size: 22px; line-height: 26px; }
  .research .research-text-block p a { padding: 8px 0; font-size: 11px; margin: 15px 0 0; width: 45%; line-height: 18px; }
 .educational h2 { font-size: 22px; line-height: 26px; padding: 0 0 20px; }
  .educational .educational-text-block h3 { font-size: 22px; line-height: 26px; }
 .educational .educational-slider-block .gallery-box { padding: 15px; height: 160px; }
  .educational .educational-slider-block .gallery-box img.pho-gall { height: 128px; }
 .dance h2 { font-size: 22px; line-height: 26px; padding: 0 0 20px; }
 .dance .dance-block h4 { font-size: 16px; line-height: 20px; padding: 15px 0 5px; }
 .dance .dance-block a { padding: 8px 0; font-size: 11px; margin: 15px 0 0; width: 45%; line-height: 18px; }
 .dance-video h2 { font-size: 22px; line-height: 26px; padding: 0 0 20px; }
  .dance-video .dance-video-block { padding: 15px; height: 180px; margin: 0 0 30px; }
 .footer .footer-social p { font-size: 9px; line-height: 15px; padding: 10px 0 0; }
.header .header-bottom .logo img {
  width: 100%;
  float: right;
}
 .leadership h2 b {
    font-size: 13px;
    line-height: 18px;
    margin: 0;
  }

 .internships .internships-text-block h2 {
    font-size: 22px;
    line-height: 26px;
    padding: 0 0 20px;
  }
.internships .internships-text-block a {
    margin: 15px 0 0;
    width: 40%;
    padding: 6px 0;
    font-size: 11px;
    line-height: 22px;
  }
 .poetry-block h2 {
    font-size: 22px;
    line-height: 26px;
    padding: 0;
  }
.poetry-block h2.poetry-heading {
    padding: 0 0 20px;
  }



}