body{ width: 100%; padding: 0; margin: 0; background: #fff; 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; font-family: "Wix Madefor Display", sans-serif; }
a{ text-decoration: none !important ; outline: none !important ; color: red; font-family: "Wix Madefor Display", sans-serif; }
*{ padding: 0; margin: 0; font-family: "Wix Madefor Display", sans-serif;  }


/*Header Top*/
.header{ width: 100%; position: sticky; content: ""; top: 0; left: 0; right: 0; display: block; background: #f2f2f2; padding: 8px 0; margin: 0; z-index: 99;  }

.header { position: fixed;
  width: 100%;
  background: none;
  padding: 8px 0;
  z-index: 99;
  height: auto;
  overflow: visible !important;
  margin: 0 auto;
  top: 0;
  left: 0;
 }

.header .header-logo{ width: 45%; margin: 15px 0; display: block; padding: 0; float: right; }
.header .header-logo img{ width: 100%; filter: brightness(0%) invert(100%); }

.header .header-top-social-icon{ width: 100%; padding: 0; margin: 0; display: inline-block; text-align: right; float: right; }
.header .header-top-social-icon ul{ padding: 15px 0 0; margin: 0; float: right; }
.header .header-top-social-icon ul li{ display: inline-block; float: left; padding: 0 0 0 10px; margin: 0; }
.header .header-top-social-icon ul li a{ color: #fff; font-size: 16px; line-height: 35px; transition: all 400ms ease-in-out; background: #908c89; width: 35px; height: 35px; text-align: center; border-radius: 50px; display: inline-block; }
.header .header-top-social-icon ul li a:hover{ color: #4d4d4d; transition: all 400ms ease-in-out; }



/*Button Menu*/
.sidenav { width: 0; text-align: center; position: fixed; z-index: 1; top: 0; left: 0; background-color: #dc2527; overflow-x: hidden; transition: 0.5s; padding-top: 150px; min-height: 100%; height: 1000px;background: #fff;}
.sidenav a { padding: 15px; text-decoration: none; color: #252525; display: block; font-size: 15px; line-height: 25px;  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: #fff; float: left; line-height: 44px; }

.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: #ffd700; color: #252525; border-bottom: 3px solid #828282; border-radius: 11px; padding: 12px 0; margin: 0 5px; font-size: 20px; text-align: center; }
.sidenav ul.social-li-header li a:hover{ background: #fecb29; color: #252525; }

.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 Slider Start*/
.banner{ width: 100%; position: relative; display: block; overflow: hidden; background: #959595; padding: 0; margin: 0; }
.banner img{ width: 100%; opacity: 0.9; padding: 0; margin: 0; }
.banner .taxture-dot{ background-image: url(../images/texture.png); background-repeat: repeat; background-position: center center; opacity: 0.2; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 4; }


/*Inner Banner Satrt*/
.inner-banner{ width: 100%; background: #000; position: relative; display: block; height: 350px; padding: 0; margin: 0; }
.inner-banner .taxture-dot{ background-image: url(../images/texture.png); background-repeat: repeat; background-position: center center; opacity: 0.6; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 4; }
.inner-banner img{ width: 100%; }


/*About Start*/
.about{ width: 100%; position: relative; display: block; background: #f2f2f2; padding: 80px 0; margin: 0; }
.about .about-dec h3{ font-size: 38px; line-height: 40px; color: #000; padding: 0 0 15px; margin: 0; font-weight: 500; display: inline-block; }
.about .about-block{ width: 90%; margin: 0 auto; display: block; background: #fff; padding: 0; display: flow-root; }

.about .about-block .about-dec{ width: 56%; padding: 60px 60px 0; margin: 0; float: left; display: table; }
.about .about-block .about-dec h2{  font-size: 50px; line-height: 60px; color: #252525; padding: 0 0 15px; margin: 0; font-weight: 400; display: inline-block; letter-spacing: 2px; }
.about .about-block .about-dec p{ font-size: 17px; line-height: 28px; color: #494949; padding: 0 0 15px; margin: 0; text-align: justify; }
.about .about-img{ width: 42%; padding: 66px 42px 0 0; margin: 0; float: left; display: block; }
.about .about-img img{ width: 100%; height: auto; }
.about .about-block .about-dec-down{ width: 100%; padding: 10px 60px 60px; margin: 0; float: left;  }
.about .about-block .about-dec-down p{ font-size: 17px; line-height: 28px; color: #494949; padding: 0 0 15px; margin: 0; text-align: justify; }


/*Image Banner*/
.image-banner{ width: 100%; position: relative; display: flow-root list-item; background: #f2f2f2; padding: 0; margin: 0; }
.image-banner .image-left{ width: 49.5%; float: left; padding: 0; margin: 0; }
.image-banner .image-left img{ width: 100%; }
.image-banner .image-right{ width: 49.5%; float: right; padding: 0; }
.image-banner .image-right img{ width: 100%; }


/*Categories*/
.categories{ width: 100%; position: relative; display: flow-root list-item; background: #f2f2f2; padding:  18px 0 0; margin: 0; }
.categories .categories-box{ width: 33.3%; float: left; padding: 0; margin: 0; background: #f2f2f2; text-align: center; overflow: hidden;  transition: all 400ms ease-in-out; position: relative; }
.categories .categories-box .categories-image-block { width: 100%; padding: 0; margin: 0;  overflow: hidden; position: relative; }
.categories .categories-box .categories-image-block img{ width: 100%; transition: 1s ease; background-color: rgba(0,0,0,.5); height: 680px; }
.categories .categories-box:hover .categories-image-block img{ -webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
transition: 1s ease; }
.categories .categories-box .categories-image-block img:hover{  filter: brightness(50%); transition: all 400ms ease-in-out; }

.categories .categories-box-middle{ background: #fff; width: 33.4%; float: left;  }

.categories .categories-box .categories-text-block{ position: absolute; content: ""; bottom: 0; left: 0; right: 0; background: linear-gradient(-180deg, #62626205 4%, #000000ba 70%); padding: 40px 0; }
.categories .categories-box h4{ font-size: 28px; line-height: 30px; color: #fff; text-align: center; padding: 0 0 15px; margin: 0; font-weight: bold; text-shadow: 1px 1px 3px #232323f0; }
.categories .categories-box p{ font-size: 16px; line-height: 26px; color: #494949; padding: 0 0 30px; margin: 0; text-align: center; height: 390px; }
.categories .categories-box .button{ width: 100%; text-align: center; }
.categories .categories-box .button a.visit-btn{ display: block; width: 40%; line-height: 20px; font-size: 18px; font-family: sans-serif; text-decoration: none; color: #fff; border: 1px solid #fff; letter-spacing: 1.5px; text-align: center; position: relative; transition: all .35s; margin: 0 auto; padding: 10px 0; background: #252525; }

.categories .categories-box .button a.visit-btn span{
  position: relative;
  z-index: 2;
}

.categories .categories-box .button a.visit-btn:after{
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  background: #fff;
  transition: all .35s;

}

.categories .categories-box .button a.visit-btn:hover{
  color: #252525;
  border: 1px solid #252525; font-weight: 600;
}

.categories .categories-box .button a.visit-btn:hover:after{
  width: 100%;
}


/*social*/
.social{ width: 100%; position: relative; display: inline-block; background: #f2f2f2; padding: 30px 0 0; margin: 0; }
.social h2{ font-size: 40px; line-height: 44px; color: #252525; padding: 0 0 30px; margin: 0; font-weight: 600; text-align: center; }
.social .social-about{ width: 80%; margin: 0 auto 30px; display: block;  background: #fff; padding: 30px; }
.social .social-about h3{  font-size: 50px; line-height: 60px; color: #252525; padding: 0 0 15px; margin: 0; font-weight: 400; display: inline-block; letter-spacing: 2px; }
.social .social-about p{ font-size: 17px; line-height: 28px; color: #494949; padding: 0 0 15px; margin: 0; text-align: justify; }
.social .visit-box{ width: 33.3%; float: left; padding: 0; margin: 0; background: #f2f2f2; text-align: center; }
.social .visit-box h4{ font-size: 22px; line-height: 24px; color: #252525; font-weight: bold; padding: 15px; margin: 10px 0 0; text-align: center; text-transform: uppercase; background: #e4e4e4; border-right: none; }
.social .visit-box .visit-box-block{ width: 100%; padding: 30px 0; margin: 0 auto; display: block; background: #fff; height: 650px; }
.social .visit-box .visit-box-block .visit-image{ position: relative; width: 45%; padding: 15px; margin: 0 10px 30px; float: left; border: 1px solid #2525252e; overflow: hidden; -webkit-filter: grayscale(0%); filter: grayscale(0%); background: #f2f2f2; }
.social .visit-box .visit-box-block .visit-image img.pho-gall { width: 100%; }
.social .interview-box{ width: 33.4%; float: left; padding: 0; margin: 0; background: #f2f2f2; text-align: center; }
.social .interview-box h4{ font-size: 22px; line-height: 24px; color: #252525; font-weight: bold; padding: 15px; margin: 10px 0 0; text-align: center; text-transform: uppercase; background: #e4e4e4; border-right: 10px solid #f2f2f2;
  border-left: 10px solid #f2f2f2; }
.social .interview-box .interview-box-block{ width: 100%; padding: 30px 30px 0; margin: 0; display: inline-block; }
.social .interview-box .interview-box-block .interview-video{ width: 100%; padding: 15px; margin: 0 0 30px; border: 1px solid #2525252e; background: #fff; float: left; }
.social .interview-box .interview-box-block .interview-video video{ width: 100%; }
.social .visit-box .nutrition-box-block{ width: 100%; padding: 30px 30px 0; margin: 0; display: block; background: #fff; height: 650px;  }
.social .visit-box .nutrition-box-block .nutrition-image{ width: 100%; padding: 15px; margin: 0; border: 1px solid #2525252e; background: #f2f2f2; }
.social .visit-box .nutrition-box-block .nutrition-image img{ width: 100%; }

/*Athletics*/
/*.athletics{ width: 100%; position: relative; display: inline-block; background: #f2f2f2; padding: 30px 0 0; margin: 0; }
.athletics h2{ font-size: 40px; line-height: 44px; color: #252525; padding: 0 0 30px; margin: 0; font-weight: 600; text-align: center; }
.athletics .athletics-about{ width: 80%; margin: 0 auto 30px; display: block;  background: #fff; padding: 30px; }
.athletics .athletics-about h3{  font-size: 50px; line-height: 60px; color: #252525; padding: 0 0 15px; margin: 0; font-weight: 400; display: inline-block; letter-spacing: 2px; }
.athletics .athletics-about p{ font-size: 17px; line-height: 28px; color: #494949; padding: 0 0 15px; margin: 0; text-align: justify; }
.athletics .athletics-box{ width: 50%; padding: 0; margin: 0; float: left; }
.athletics .athletics-box .athletics-box-left{ width: 70%; float: left; padding: 0; margin: 0; background: #fff; }
.athletics .athletics-box .athletics-box-left h3{ border-right: 5px solid #f2f2f2; }
.athletics .athletics-box .athletics-box-left .athletics-text-content{ width: 100%; display: block; padding: 80px 80px 0 100px; background: #fff; height: 320px; }
.athletics .athletics-box .athletics-box-left .athletics-text-content h4{ font-size: 26px; line-height: 28px; color: #252525; padding: 0 0 5px; margin: 0; font-weight: 700; }
.athletics .athletics-box .athletics-box-left .athletics-text-content h4 span{ font-size: 16px; color: #4a4a4a; font-weight: 600; }
.athletics .athletics-box .athletics-box-left .athletics-text-content h5{ font-size: 16px; line-height: 24px; color: #3e3e3e; padding: 0 0 15px; margin: 0; border-bottom: 1px solid #908c89; font-weight: bold; height: 35px; }
.athletics .athletics-box .athletics-box-left .athletics-text-content p{ font-size: 16px; line-height: 24px; color: #5e5e5e; padding: 10px 0 0; margin: 0; text-align: justify; height: 165px; }
.athletics .athletics-box .athletics-box-left .athletics-text-content p b{ color: #292929; }

.athletics .athletics-box .athletics-box-right{ width: 28%; float: left; padding: 0; margin: 0; background: #fff; }
.athletics .athletics-box .athletics-box-right h3{ border-right: none; }
.athletics .athletics-box .athletics-box-right .athletics-image{ width: 70%; padding: 60px 0; height: 320px; margin: 0 auto; }
.athletics .athletics-box .athletics-box-right .athletics-image img{ width: 100%; padding: 15px; border: 1px solid #2525252e; background: #f2f2f2; }

.athletics .athletics-box h3{ font-size: 22px; line-height: 24px; color: #252525; font-weight: bold; padding: 15px; margin: 0; text-align: center; text-transform: uppercase; background: #e4e4e4; border-right: none; }
.athletics .athletics-box .treaning-box{ width: 100%; padding: 20px ;margin: 0; display: inline-block; background: #fff; }
.athletics .athletics-box .treaning-box .treaning-video{ width: 28%; padding: 15px; margin: 15px; border: 1px solid #2525252e; background: #f2f2f2; float: left; }
.athletics .athletics-box .treaning-box .treaning-video video{ width: 100%; }*/


/*Athletics*/
.athletics{ width: 100%; position: relative; display: inline-block; background: #f2f2f2; padding: 30px 0 0; margin: 0; }
.athletics h2{ font-size: 40px; line-height: 44px; color: #252525; padding: 0 0 30px; margin: 0; font-weight: 600; text-align: center; }
.athletics .athletics-about{ width: 80%; margin: 0 auto 30px; display: block;  background: #fff; padding: 30px; }
.athletics .athletics-about h3{  font-size: 50px; line-height: 60px; color: #252525; padding: 0 0 15px; margin: 0; font-weight: 400; display: inline-block; letter-spacing: 2px; }
.athletics .athletics-about p{ font-size: 17px; line-height: 28px; color: #494949; padding: 0 0 15px; margin: 0; text-align: justify; }
.athletics .athletics-box{ width: 50%; padding: 0; margin: 0; float: left; }
.athletics .athletics-box .title-box{ width: 100%; padding: 0; margin: 0; }
.athletics .athletics-box .title-box ul{ display: block; width: 100%; padding: 0; margin: 0; }
.athletics .athletics-box .title-box ul li.left-title{ display: inline-block; width: 100%; font-size: 22px; line-height: 24px; color: #252525; font-weight: bold; padding: 15px; margin: 0; text-align: center; text-transform: uppercase; background: #e4e4e4; width: 70%; float: left; }
.athletics .athletics-box .title-box ul li.right-title{ display: inline-block; width: 100%; font-size: 22px; line-height: 24px; color: #252525; font-weight: bold; padding: 15px; margin: 0; text-align: center; text-transform: uppercase; background: #e4e4e4; width: 28%; float: left; border-left: 5px solid #f2f2f2; }



.athletics .athletics-box .athletics-div-box{ width: 98%;  padding: 0; margin: 0; background: #fff; border-bottom: 15px solid #f2f2f2; display: flex; }
.athletics .athletics-box .athletics-div-box h3{ border-right: 5px solid #f2f2f2; }
.athletics .athletics-box .athletics-div-box .athletics-left{ width: 72%; float: left; padding: 80px 80px 0 100px; background: #fff; height: 320px; }
.athletics .athletics-box .athletics-div-box .athletics-left h4{ font-size: 26px; line-height: 28px; color: #252525; padding: 0 0 5px; margin: 0; font-weight: 700; }
.athletics .athletics-box .athletics-div-box .athletics-left h4 span{ font-size: 16px; color: #4a4a4a; font-weight: 600; }
.athletics .athletics-box .athletics-div-box .athletics-left h5{ font-size: 16px; line-height: 24px; color: #3e3e3e; padding: 0 0 15px; margin: 0; border-bottom: 1px solid #908c89; font-weight: bold; height: 35px; }
.athletics .athletics-box .athletics-div-box .athletics-left p{ font-size: 16px; line-height: 24px; color: #5e5e5e; padding: 10px 0 0; margin: 0; text-align: justify; height: 165px; }
.athletics .athletics-box .athletics-div-box .athletics-left p b{ color: #292929; }

.athletics .athletics-box .athletics-right{ width: 28%; float: left; padding: 0; margin: 0; background: #fff; }
.athletics .athletics-box .athletics-right h3{ border-right: none; }
.athletics .athletics-box .athletics-right .athletics-image{ position: relative;  padding: 15px; margin: 0 10px 30px;   overflow: hidden; -webkit-filter: grayscale(0%); filter: grayscale(0%); width: 81%; padding: 40px 0; height: 320px; margin: 0 auto; }
.athletics .athletics-box .athletics-right .athletics-image img{ width: 100%; padding: 15px; border: 1px solid #2525252e; background: #f2f2f2; }
.athletics .athletics-box .athletics-right .athletics-image a.showhide{font-size: 10px; position: absolute; top: 40px; right: 0; background: #f00; color: #fff; font-weight: bold; padding: 2px 10px; border-radius: 3px; margin: 0;}
.athletics .athletics-box .athletics-right .athletics-image a.showhide:hover{ background: #c2c2cd;  color: #fff; transition: all 600ms ease-in-out;}
.athletics .athletics-box h3{ font-size: 22px; line-height: 24px; color: #252525; font-weight: bold; padding: 15px; margin: 0; text-align: center; text-transform: uppercase; background: #e4e4e4; border-right: none; }
.athletics .athletics-box .treaning-box{ width: 100%; padding: 20px ;margin: 0; display: inline-block; background: #fff; }
.athletics .athletics-box .treaning-box .treaning-video{ width: 28%; padding: 15px; margin: 15px; border: 1px solid #2525252e; background: #f2f2f2; float: left; }
.athletics .athletics-box .treaning-box .treaning-video video{ width: 100%; }


/*photo-gallery*/
.photo-gallery{ width: 100%; position: relative; display: block; background: #f8f8f8; padding: 30px 0 ; margin: 0; }
.photo-gallery .title{ width: 100%;  padding: 0 0 30px; margin: 0; }
.photo-gallery .title h2{ font-size: 38px; line-height: 40px; color: #908c89; padding: 0; margin: 0 20px 0 0; font-weight: 500; display: inline-block; }
.photo-gallery .title span{ position: absolute; content: ""; height: 10px; width: 40%; background: #908c89; float: right; top: 55px; }
.photo-gallery #photo-slider .item{ margin: 0 15px; }
.photo-gallery img{ width: 100%; }
.photo-gallery .gallery-box{ position: relative; width: 100%; padding: 15px; margin: 0 0 30px; float: left; border: 1px solid #908c89; height: 360px; overflow: hidden; -webkit-filter: grayscale(0%); filter: grayscale(0%); }
.photo-gallery .gallery-box img.pho-gall { width: 100%; height: 330px; }
.photo-gallery .gallery-box .view-caption { position: absolute; top:-140%; left: 0; width: 100%; text-align: center; padding: 145px 0; -webkit-transition: .5s all; -moz-transition: .5s all; transition: .5s all; background: #000000b5; }
.photo-gallery .gallery-box:hover .view-caption { top: 0%; height:100%; -webkit-filter: grayscale(0%); filter: grayscale(0%); }
/*.photo-gallery .gallery-box .view-caption p {  transition:all 600ms ease-in-out;border: 1px solid #fff; width: 50%; font-size: 14px; font-weight: 100; letter-spacing: 0; line-height: 18px; text-decoration: none; text-shadow: none; background: #376540; padding: 9px 15px; color: #fff !important; margin: 25px auto 0; text-transform: uppercase; text-align: center; }*/
.photo-gallery .gallery-box .view-caption i{ color: #fff; font-size: 40px; line-height: 60px; }
.photo-gallery a.view-more{ background: linear-gradient(90deg, rgb(130, 130, 130) 0%, rgb(87, 87, 87) 35%, rgb(155, 155, 155) 100%); color: #fff; transition: all 400ms ease-in-out; border: 1px solid #b1b8bb12; font-size: 18px; box-shadow: 0 5px 8px rgba(0, 0, 0, 0.72); border-radius: 25px; padding: 10px 0; margin: 30px auto 0; display: flow-root; width: 18%; text-align: center; }
.photo-gallery a.view-more:hover{ background: linear-gradient(90deg, rgb(85, 85, 85) 0%, rgb(44, 44, 44) 35%, rgb(110, 110, 110) 100%); transition: all 600ms ease-in-out;}

/*Video Gallery Start*/

.video-gallery{ width: 100%; position: relative; display: block; background: #fff; padding: 30px 0 ; margin: 0; }
.video-gallery .title{ width: 100%;  padding: 0 0 30px; margin: 0; }
.video-gallery .title h2{ font-size: 38px; line-height: 40px; color: #908c89; padding: 0; margin: 0 20px 0 0; font-weight: 500; display: inline-block; }
.video-gallery .title span{ position: absolute; content: ""; height: 10px; width: 40%; background: #908c89; float: right; top: 55px; }
.video-gallery .video-gallery-box{ width: 100%; padding: 15px; margin: 0 0 30px; border: 1px solid #908c89; /*height: 400px;*/ background: #f8f8f8; }
.video-gallery .video-gallery-box video{ width: 100%; /*height: 370px;*/ }


/*Book Publish*/
.book-publish{ width: 100%; position: relative; display: block; background: #f8f8f8; padding: 30px 0 50px; margin: 0; }
.book-publish .title{ width: 100%;  padding: 0 0 30px; margin: 0; }
.book-publish .title h2{ font-size: 38px; line-height: 40px; color: #908c89; padding: 0; margin: 0 28px 0 0; font-weight: 500; display: inline-block; }
.book-publish .title span{ position: absolute; content: ""; height: 10px; width: 55%; background: #908c89; float: right; top: 55px; }
.book-publish .item{ margin: 0 15px; }
.book-publish .book-publish-block{ width: 100%; padding: 30px 15px; margin: 0; border: 1px solid #ccc; }
.book-publish .book-publish-block img{ width: 40%; margin: 0 auto; text-align: center; display: block; }
.book-publish .book-publish-block h3{ font-size: 20px; line-height: 30px; color: #000; padding: 15px 0; margin: 0; font-weight: 500; display: block; text-align: center; }
.book-publish .book-publish-block a{ background: linear-gradient(90deg, rgb(130, 130, 130) 0%, rgb(87, 87, 87) 35%, rgb(155, 155, 155) 100%); color: #fff; transition: all 400ms ease-in-out; border: 1px solid #b1b8bb12; font-size: 16px; box-shadow: 0 5px 8px rgba(0, 0, 0, 0.72); border-radius: 25px; padding: 8px 0; margin: 0 auto; display: flow-root; width: 45%; text-align: center; }
.book-publish .book-publish-block a:hover{ background: linear-gradient(90deg, rgb(85, 85, 85) 0%, rgb(44, 44, 44) 35%, rgb(110, 110, 110) 100%); transition: all 600ms ease-in-out;}

/*Inner Book Publish*/
.inner-publish{ width: 100%; position: relative; display: block; background: #f8f8f8; padding: 30px 0 50px; margin: 0; }
.inner-publish .title{ width: 100%;  padding: 0 0 30px; margin: 0; }
.inner-publish .title h2{ font-size: 38px; line-height: 40px; color: #908c89; padding: 0; margin: 0 28px 0 0; font-weight: 500; display: inline-block; }
.inner-publish .title span{ position: absolute; content: ""; height: 10px; width: 55%; background: #908c89; float: right; top: 55px; }
.inner-publish .publish-img-content{ width: 100%; padding: 15px; margin: 0; border: 1px solid #908c89; }
.inner-publish .publish-img-content img{ width: 100%; margin: 0 auto; text-align: center; display: block; }


.inner-publish .publish-box-content h4{ font-size: 28px; line-height: 30px; color: #000; padding: 0; margin: 0; font-weight: 500; display: block;  }
.inner-publish .publish-box-content p{ font-size: 16px; line-height: 24px; color: #5e5e5e; padding: 15px 0; margin: 0; text-align: justify; }


/*Research Paper*/
.research-paper{ width: 100%; position: relative; display: flow-root list-item; background: #f2f2f2; padding: 30px 0 0; margin: 0;  }
.research-paper h2{ font-size: 40px; line-height: 44px; color: #252525; padding: 0 0 30px; margin: 0; font-weight: 600; text-align: center; }
.research-paper .research-paper-about{ width: 80%; margin: 0 auto; display: block;  background: #fff; padding: 30px; }
.research-paper .research-paper-about h3{  font-size: 50px; line-height: 60px; color: #252525; padding: 0 0 15px; margin: 0; font-weight: 400; display: inline-block; letter-spacing: 2px; }
.research-paper .research-paper-about p{ font-size: 17px; line-height: 28px; color: #494949; padding: 0 0 15px; margin: 0; text-align: justify; }
.research-paper .research-block{ width: 33.3%; padding: 40px 60px; margin: 0; background: #f2f2f2; text-align: center; float: left; }
.research-paper .research-block-middle{ background: #fff; width: 33.4%; float: left; border-left: 5px solid #d6d6d687; border-right: 5px solid #d6d6d687;  }
.research-paper .research-block .research-block-text{ width: 100%; padding: 0; margin: 0; }
.research-paper .research-block .research-block-text h4{ font-size: 30px; line-height: 34px; color: #616161; padding: 0px 0 15px; margin: 0; font-weight: bold; display: block;  }
.research-paper .research-block .research-block-text h4 span{ display: block; font-size: 22px; font-weight: 500; color: #a2a2a2; line-height: 34px; }
.research-paper .research-block .research-block-text p{ font-size: 17px; line-height: 30px; color: #494949; padding: 0 0 30px; margin: 0; text-align: center; height: 440px; }
.research-paper .research-block .research-block-text .button{ width: 100%; text-align: center; }
.research-paper .research-block .research-block-text .button a{ display: block; width: 50%; line-height: 20px; font-size: 18px; font-family: sans-serif; text-decoration: none; color: #000; border: 1px solid #d6d6d6; letter-spacing: 1.5px; text-align: center; position: relative; transition: all .35s; margin: 0 auto; padding: 10px 0; background: #25252508; }
.research-paper .research-block .research-block-text .button a span{ position: relative; z-index: 2; }
.research-paper .research-block .research-block-text .button a:after{ position: absolute; content: ""; top: 0; left: 0; width: 0; height: 100%; background: #252525; transition: all .35s; }
.research-paper .research-block .research-block-text .button a:hover{ color: #fff; }
.research-paper .research-block .research-block-text .button a:hover:after{ width: 100%; }

.research-paper .research-block .research-block-image{ width: 80%; margin: 40px auto 0; }
.research-paper .research-block .research-block-image img{ width: 100%; height: 350px; }




/*Footer*/
.footer{ width: 100%; position: relative; background: url(../images/footer-background.png) no-repeat top right; background-size: cover; padding: 30px 0 15px; margin: 0; background: #252525; }
.footer .footer-about{ width: 100%; padding: 0; margin: 0; }
.footer .footer-logo{ width: 100%; padding: 30px 0 18px; margin: 0; display: block; text-align: center; }
.footer .footer-logo img{ width: 30%; opacity: 0.4; }
.footer .footer-logo h4{ font-size: 24px; line-height: 28px; color: #fff; padding: 30px 0 20px; margin: 0; }
.footer .footer-logo p{ font-size: 16px; line-height: 26px; display: inline-block; color: #a1a1a1; padding: 0 0 15px; margin: 0;  }

.footer .footer-logo ul{ padding: 0; border-bottom: 1px double #454545; border-top: 1px double #454545; width: 70%; margin: 20px auto 0; }
.footer .footer-logo ul li{ margin: 0; display: inline-block; padding: 15px 20px; border-right: 1px double #454545; }
.footer .footer-logo ul li:nth-child(4){ border-right: none; }
.footer .footer-logo ul li a{ font-size: 16px; line-height: 18px; display: inline-block; color: #fff; padding: 0; transition: all 400ms ease-in-out; text-align: center; transition: all 400ms ease-in-out; }
.footer .footer-logo ul li a:hover{ color: #a8a8a8; transition: all 400ms ease-in-out; }

.footer .footer-logo ul.footer-contact{ padding: 0; margin: 0; border-bottom: none; border-top: none; width: 100%; }
.footer .footer-logo ul.footer-contact li{ display: inline-block; padding: 0; margin: 0 15px; border-right: none; }
.footer .footer-logo ul.footer-contact li a{ font-size: 16px; line-height: 18px; display: inline-block; color: #a1a1a1; padding: 0; transition: all 400ms ease-in-out; text-align: center; transition: all 400ms ease-in-out; }
.footer .footer-logo ul.footer-contact li a:hover{ color: #fff; transition: all 400ms ease-in-out; }
.footer .footer-logo ul.footer-contact li i{ font-size: 14px; color: #fff; padding: 0 10px 0 0; }

/*Copyright Start*/
.copyright{ width: 100%; display: block; padding: 10px 0 ; margin: 0; position: relative; background: #1a1a1a; text-align: center; border-top: 1px solid #454545; }
.copyright p{ font-size: 16px; line-height: 26px; display: inline-block; color: #424242; padding: 0; margin: 0; }


/*///-------------------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){
    
    
    .sticky .header-logo { width: 60% !important; padding: 0px 0 0 !important; margin: 16px 0 !important; }
    .header .header-logo { width: 60%; margin: 18px 0; padding: 0; }
    .sticky { padding: 8px 0 !important; }
    .sticky span.menu { font-size: 34px !important; padding: 0 0 0 0 !important; margin: 6px 0 !important; line-height: 44px !important; }
    .about { padding: 40px 0; margin: 0; }
    .about .about-block .about-dec { width: 56%; padding: 30px 30px 0; }
    .about .about-block .about-dec p { font-size: 14px; line-height: 22px; padding: 0 0 15px; }
    .about .about-img { width: 42%; padding: 36px 15px 0 0; }
    
    .about .about-block .about-dec-down { padding: 0px 30px 15px; }
    .about .about-block .about-dec-down p { font-size: 14px; line-height: 22px; padding: 0 0 15px; margin: 0; }
    .categories { padding: 0; margin: 0; }
    .categories .categories-box .categories-image-block img { height: 375px; }
    .categories .categories-box .button a.visit-btn { width: 40%; line-height: 20px; font-size: 14px; margin: 0 auto; padding: 6px 0; }
    .categories .categories-box h4 { font-size: 24px; line-height: 26px; padding: 0 0 15px; margin: 0; }
    .footer { padding: 30px 0 ;}
    .footer .footer-logo { width: 100%; padding: 0; margin: 0; }
    .footer .footer-logo img { width: 35%; opacity: 0.4; }
    .footer .footer-logo ul { width: 80%; margin: 20px auto 0; }
    .footer .footer-logo ul li { padding: 10px 20px; }
    .footer .footer-logo ul li a { font-size: 13px; line-height: 16px; }
    .footer .footer-logo h4 { font-size: 20px; line-height: 24px; padding: 25px 0 15px; margin: 0; }
    .footer .footer-logo ul.footer-contact li a { font-size: 13px; line-height: 16px; }
    .copyright { padding: 8px 0; }
    .copyright p { font-size: 12px; line-height: 18px; }
    .sidenav a { padding: 15px; font-size: 12px; line-height: 18px; }
    .sidenav ul.social-li-header li a { width: 45px; padding: 10px 0; margin: 0 5px; font-size: 16px; }
    .inner-banner { height: 250px; padding: 0; margin: 0; }
    .athletics h2 { font-size: 30px; line-height: 36px; padding: 0 0 20px; }
    .athletics .athletics-about { width: 85%; margin: 0 auto 30px; padding: 30px; }
    .athletics .athletics-about h3 { font-size: 40px; line-height: 50px; padding: 0 0 15px; }
    .athletics .athletics-about p { font-size: 14px; line-height: 24px; padding: 0 0 15px; }
    .athletics .athletics-box .title-box ul li.left-title { font-size: 16px; line-height: 20px; padding: 10px; margin: 0; width: 70%; }
    .athletics .athletics-box .title-box ul li.right-title { font-size: 16px; line-height: 20px; padding: 10px; width: 28%; }
    .athletics .athletics-box .athletics-div-box .athletics-left { width: 72%; padding: 30px 30px 0 20px; height: 275px; }
    .athletics .athletics-box .athletics-div-box .athletics-left h4 { font-size: 20px; line-height: 24px; padding: 0 0 5px; }
    .athletics .athletics-box .athletics-div-box .athletics-left h4 span { font-size: 14px; }
    .athletics .athletics-box .athletics-div-box .athletics-left h5 { font-size: 14px; line-height: 20px; padding: 0; margin: 0; height: 50px; }
    .athletics .athletics-box .athletics-div-box .athletics-left p { font-size: 14px; line-height: 20px; padding: 10px 0 0px; height: 144px; }
    .athletics .athletics-box .athletics-right .athletics-image { padding: 40px 0; height: 242px; margin: 0 auto;  }
    .athletics .athletics-box .athletics-right .athletics-image img { padding: 10px; }
    .athletics .athletics-box h3 { font-size: 16px; line-height: 20px; padding: 10px; margin: 0; }
    .athletics .athletics-box .treaning-box .treaning-video { width: 44%; padding: 10px; margin: 10px; }
    
    .research-paper h2 { font-size: 30px; line-height: 36px; padding: 0 0 20px; }
    .research-paper .research-paper-about { width: 85%; margin: 0 auto; padding: 30px; }
    .research-paper .research-paper-about h3 { font-size: 40px; line-height: 50px; padding: 0 0 15px; }
    .research-paper .research-paper-about p { font-size: 14px; line-height: 24px; padding: 0 0 15px; }
    .research-paper .research-block { width: 33.3%; padding: 30px 30px; }
    .research-paper .research-block .research-block-text h4 { font-size: 24px; line-height: 30px; padding: 0px 0 15px; }
    .research-paper .research-block .research-block-text h4 span { font-size: 17px; line-height: 24px; }
    .research-paper .research-block .research-block-text p { font-size: 14px; line-height: 26px; padding: 0 0 30px; height: 580px; }
    .research-paper .research-block .research-block-text .button a { width: 50%; line-height: 20px; font-size: 14px; padding: 6px 0; }
    .research-paper .research-block .research-block-image { width: 100%; margin: 30px auto 0; }
    .research-paper .research-block .research-block-image img { width: 100%; height: 260px; }
    
    .social h2 { font-size: 30px; line-height: 36px; padding: 0 0 20px; }
    .social .social-about { width: 85%; margin: 0 auto 30px; padding: 30px; }
    .social .social-about h3 { font-size: 40px; line-height: 50px; padding: 0 0 15px; }
    .social .social-about p { font-size: 14px; line-height: 24px; padding: 0 0 15px; }
    .social .visit-box h4 { font-size: 16px; line-height: 20px; padding: 10px; margin: 10px 0 0; }
    .social .visit-box .visit-box-block .visit-image { width: 88%; padding: 10px; margin: 0 15px 30px; }
    .social .interview-box h4 { font-size: 16px; line-height: 20px; padding: 10px; margin: 10px 0 0; }
    .social .interview-box .interview-box-block .interview-video { width: 100%; padding: 10px; margin: 0 0 30px; }
    .social .interview-box .interview-box-block { padding: 30px 20px 0; }
    .social .visit-box .visit-box-block { padding: 30px 0; height: 750px; }
    .social .visit-box .nutrition-box-block .nutrition-image { padding: 10px; }
    .social .visit-box .nutrition-box-block { padding: 30px 20px 0; margin: 0; height: 750px; }
	.athletics .athletics-box .athletics-right .athletics-image a.showhide { font-size: 7px; top: 40px; right: 0; padding: 1px 8px; }
    
}



@media(max-width:786px) {


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



}

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

    .header .header-logo { width: 54%; margin: 18px 0; padding: 0; }
    .sticky { padding: 4px 0 !important; }
     .sticky .header-logo { width: 50% !important; padding: 0px 0 0 !important; margin: 16px 0 !important; }
    .about .about-block .about-dec { width: 56%; padding: 30px 30px 0; float: right; }
     .about .about-block .about-dec p { font-size: 13px; line-height: 22px; padding: 0 0 15px; }
     .about .about-img { width: 44%; padding: 36px 0 0 30px; float: left; }
     .about .about-block .about-dec-down p { font-size: 13px; line-height: 22px; padding: 0 0 15px; margin: 0; }
     .categories .categories-box .categories-image-block img { height: 320px; }
      .categories .categories-box h4 { font-size: 20px; line-height: 24px; padding: 0 0 15px; margin: 0; }
        .categories .categories-box .button a.visit-btn { width: 40%; line-height: 20px; font-size: 13px; margin: 0 auto; padding: 6px 0; }
      .footer .footer-logo ul li { padding: 8px 15px; }
      .footer .footer-logo ul li a { font-size: 12px; line-height: 16px; }
       .footer .footer-logo h4 { font-size: 18px; line-height: 20px; padding: 20px 0 10px; margin: 0; }
       .athletics .athletics-about { width: 90%; margin: 0 auto 30px; padding: 30px; } 
       .athletics .athletics-box .athletics-div-box .athletics-left p { font-size: 13px; line-height: 20px; padding: 10px 0 0px; height: 144px; }
      .athletics .athletics-box .athletics-div-box .athletics-left h4 { font-size: 18px; line-height: 24px; padding: 0 0 5px; }
      .athletics .athletics-box .athletics-div-box .athletics-left h4 span { font-size: 13px; }
       .athletics .athletics-box .athletics-div-box .athletics-left h5 { font-size: 13px; line-height: 16px; padding: 0; margin: 0; height: 40px; }
      .athletics .athletics-box .athletics-div-box .athletics-left { width: 72%; padding: 30px 30px 0 20px; height: 262px; }
      .athletics .athletics-box .treaning-box .treaning-video { width: 43%; padding: 10px; margin: 10px; }
      .athletics .athletics-about p { font-size: 13px; line-height: 22px; padding: 0 0 15px; }
      .athletics .athletics-about h3 { font-size: 36px; line-height: 40px; padding: 0 0 15px; }
      .inner-banner { height: 218px; padding: 0; margin: 0; }
      .research-paper .research-paper-about{ width: 90%; margin: 0 auto; padding: 30px; }
      .research-paper .research-paper-about h3 { font-size: 36px; line-height: 40px; padding: 0 0 15px; }
       .research-paper .research-paper-about p { font-size: 13px; line-height: 22px; padding: 0 0 15px; }
       .social .social-about{ width: 90%; margin: 0 auto 30px; padding: 30px; }
       .social .social-about h3 { font-size: 36px; line-height: 40px; padding: 0 0 15px; }
      .social .social-about p { font-size: 13px; line-height: 22px; padding: 0 0 15px; }
      .research-paper .research-block .research-block-text h4 { font-size: 20px; line-height: 26px; padding: 0px 0 15px; }
      .research-paper .research-block .research-block-text h4 span { font-size: 15px; line-height: 24px; }
        .research-paper .research-block .research-block-text p { font-size: 13px; line-height: 22px; padding: 0 0 30px; height: 570px; }
       .research-paper .research-block .research-block-text .button a { line-height: 20px; font-size: 13px; }
      .research-paper .research-block .research-block-image img { width: 100%; height: 220px; }
      
      
      
      

}


@media(max-width:699px) {
    /*////chek 600////*/
    
     .inner-banner { height: 187px; padding: 0; margin: 0; }
     .categories .categories-box .button a.visit-btn { width: 50%; line-height: 20px; font-size: 13px; margin: 0 auto; padding: 6px 0; }
    .categories .categories-box .categories-image-block img { height: 275px; }
    .athletics .athletics-box { width: 100%; padding: 0; margin: 0; float: left; }
    .athletics .athletics-box .treaning-box .treaning-video { width: 46%; padding: 10px; margin: 10px; }
    .research-paper .research-block { width: 100%; padding: 30px 30px; }
     .research-paper .research-block .research-block-text .button a { line-height: 20px; font-size: 13px; width: 26%; }
     .research-paper .research-block .research-block-text p { font-size: 13px; line-height: 22px; padding: 0 0 30px; height: 200px; }
      .research-paper .research-block .research-block-image img { width: 100%; height: auto; }
    
    .social .visit-box { width: 100%; }
      .social .visit-box .visit-box-block .visit-image { width: 90%; padding: 15px; margin: 0 30px 30px; }
    .social .interview-box { width: 100%; }
     .social .interview-box h4 { font-size: 16px; line-height: 20px; padding: 10px; margin: 10px 0 0; border-right: none; border-left: none; }
    .social .interview-box .interview-box-block { padding: 30px 30px 0; }
    .social .interview-box .interview-box-block .interview-video { width: 100%; padding: 15px; margin: 0 0 30px; }
    .social .visit-box .nutrition-box-block .nutrition-image { padding: 15px; }
     .social .visit-box .nutrition-box-block { padding: 30px; margin: 0; height: auto; }
	.athletics .athletics-box .athletics-right .athletics-image a.showhide { font-size: 8px; top: 40px; right: 0; padding: 2px 8px; }
    
    
}

@media(max-width:580px) {
    /*////chek 490////*/
    .about .about-block .about-dec { width: 100%; padding: 30px 30px 0; float: right; }
    .about .about-img { width: 100%; padding: 30px; float: left; }

 .categories .categories-box .categories-image-block img { height: auto; }
.categories .categories-box { width: 100%; }
.categories .categories-box-middle { width: 100%; }
.categories .categories-box .button a.visit-btn { width: 30%; line-height: 20px; font-size: 13px; margin: 0 auto; padding: 6px 0; }
.footer .footer-logo ul { width: 100%; margin: 20px auto 0; }
.header .header-logo { width: 51%; margin: 15px 0; padding: 0; }
span.menu { font-size: 32px; margin: 5px 0; line-height: 44px; }
.sidenav a { padding: 14px; font-size: 11px; line-height: 16px; }
 .sidenav ul.social-li-header li a { width: 41px; padding: 10px 0; margin: 0 5px; font-size: 14px; }
.sidenav .closebtn { top: 30px; right: 44px; font-size: 32px; margin-left: 40px; }
.footer .footer-logo img { width: 45%; opacity: 0.4; }

.inner-banner img { width: 100%; height: 165px; }
.inner-banner { height: 165px; padding: 0; margin: 0; }
.athletics .athletics-box .athletics-right .athletics-image a.showhide { font-size: 7px; top: 40px; right: 0; padding: 2px 10px; }


}


@media(max-width:480px) {
    /*////chek 440////*/
 .sticky span.menu { font-size: 32px !important; padding: 0 0 0 0 !important; margin: 0px 0 !important; line-height: 44px !important; }
 .sticky .header-logo { width: 50% !important; padding: 0px 0 0 !important; margin: 12px 0 !important; }
.footer .footer-logo ul li { padding: 8px 11px; }
.footer .footer-logo ul.footer-contact li { padding: 0; margin: 0 10px; }
.footer .footer-logo ul.footer-contact li i { font-size: 12px; padding: 0 5px 0 0; }
.footer .footer-logo ul.footer-contact li a { font-size: 12px; line-height: 16px; }
.inner-banner img { width: 100%; height: 155px; }
.inner-banner { height: 155px; padding: 0; margin: 0; }
 .athletics .athletics-about h3 { font-size: 32px; line-height: 40px; padding: 0 0 10px; }
.athletics .athletics-box .athletics-div-box .athletics-left { width: 72%; padding: 30px 30px 0 20px; height: 245px; }
.athletics .athletics-box .athletics-div-box .athletics-left p { font-size: 13px; line-height: 20px; padding: 10px 0 0px; height: auto; }
.athletics .athletics-box .athletics-right .athletics-image { padding: 30px 0; height: 195px; margin: 0 auto; }
 .athletics .athletics-box .title-box ul li.left-title { font-size: 14px; line-height: 20px; padding: 10px; margin: 0; width: 70%; }
  .athletics .athletics-box .title-box ul li.right-title { font-size: 14px; line-height: 20px; padding: 10px; width: 28%; }
 .athletics .athletics-box .treaning-box .treaning-video { width: 95%; padding: 15px; margin: 10px; }
 .athletics h2 { font-size: 26px; line-height: 30px; padding: 0 0 20px; }
.research-paper h2 { font-size: 26px; line-height: 30px; padding: 0 0 20px; }
 .research-paper .research-paper-about h3 { font-size: 32px; line-height: 40px; padding: 0 0 15px; }
.social h2 { font-size: 26px; line-height: 30px; padding: 0 0 20px; }
 .social .social-about h3 { font-size: 32px; line-height: 40px; padding: 0 0 15px; }
 .research-paper .research-block .research-block-text p { font-size: 13px; line-height: 22px; padding: 0 0 30px; height: 260px; }
  .research-paper .research-block .research-block-text .button a { line-height: 20px; font-size: 13px; width: 30%; }
.athletics .athletics-box h3 { font-size: 14px; line-height: 20px; padding: 10px; margin: 0; }
 .social .visit-box h4 { font-size: 14px; line-height: 20px; padding: 10px; margin: 10px 0 0; }
  .social .interview-box h4 { font-size: 14px; line-height: 20px; padding: 10px; margin: 10px 0 0; border-right: none; border-left: none; }
.athletics .athletics-box .athletics-right .athletics-image a.showhide { font-size: 7px; top: 30px; right: 0; padding: 2px 10px; }
}

@media(max-width:430px) {
    /*////chek 400////*/
.footer .footer-logo ul li a { font-size: 10px; line-height: 16px; }
.footer .footer-logo h4 { font-size: 16px; line-height: 20px; padding: 15px 0 10px; margin: 0; }
 .footer .footer-logo ul.footer-contact li a { font-size: 11px; line-height: 16px; }
.copyright p { font-size: 10px; line-height: 18px; }
.research-paper .research-block .research-block-text p { font-size: 13px; line-height: 22px; padding: 0 0 30px; height: 290px; }
 .footer .footer-logo ul li { padding: 5px 8px 5px 7px; }









}

@media(max-width:399px) {
    /*////chek 385////*/
  .about .about-block .about-dec { width: 100%; padding: 15px 15px 0; float: right; }
  .about .about-img { width: 100%; padding: 15px; float: left; }
  .about .about-block .about-dec-down { padding: 0px 15px 15px; }
  .categories .categories-box .button a.visit-btn { width: 35%; line-height: 20px; font-size: 13px; margin: 0 auto; padding: 6px 0; }
     .athletics .athletics-about { width: 90%; margin: 0 auto 20px; padding: 15px; }
  .athletics .athletics-box .title-box ul li.left-title { font-size: 12px; line-height: 20px; padding: 8px; margin: 0; width: 70%; }
.athletics .athletics-box .title-box ul li.right-title { font-size: 12px; line-height: 20px; padding: 8px; width: 28%; }
 .athletics .athletics-box h3 { font-size: 13px; line-height: 20px; padding: 8px; margin: 0; }
 .research-paper .research-paper-about { width: 90%; margin: 0 auto; padding: 15px; }
  .research-paper .research-block .research-block-text .button a { line-height: 20px; font-size: 13px; width: 40%; }
 .research-paper .research-block .research-block-text p { font-size: 13px; line-height: 22px; padding: 0 0 30px; height: 310px; }
 .social .social-about { width: 90%; margin: 0 auto 30px; padding: 15px; }
.social .visit-box h4 { font-size: 12px; line-height: 20px; padding: 8px; margin: 10px 0 0; }
 .social .interview-box h4 { font-size: 12px; line-height: 20px; padding: 8px; margin: 0; }
 .social .visit-box .visit-box-block .visit-image { width: 92%; padding: 15px; margin: 0 15px 30px; }
.athletics .athletics-box .athletics-right .athletics-image a.showhide { font-size: 6px; top: 30px; right: 0; padding: 3px 10px; }
}


@media(max-width:380px) {
    /*////chek 375////*/

 .header .header-logo { width: 70%; margin: 10px 0; padding: 0; }
 span.menu { font-size: 32px; margin: 1px 0; line-height: 44px; }
.sticky .header-logo { width: 68% !important; padding: 0px 0 0 !important; margin: 12px 0 !important; }





}

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


.sticky .header-logo { width: 88% !important; padding: 0px 0 0 !important; margin: 12px 0 !important; }
  .header .header-logo { width: 90%; margin: 10px 0; padding: 0; }
 .about { padding: 20px 0; margin: 0; }
 .footer .footer-logo ul li { padding: 2px 3px 5px 2px; }
.copyright { padding: 5px 0; }
  .sidenav a { padding: 12px; font-size: 11px; line-height: 16px; }
  .sidenav ul.social-li-header li a { width: 39px; padding: 8px 0; margin: 0 5px; font-size: 12px; }
.athletics { padding: 20px 0 0; margin: 0; }
.athletics .athletics-box .athletics-div-box .athletics-left h4 { font-size: 16px; line-height: 20px; padding: 0 0 5px; }
.athletics .athletics-box .athletics-right .athletics-image img { padding: 5px; }
  .athletics .athletics-box .athletics-div-box .athletics-left { width: 72%; padding: 30px 30px 0 20px; height: 260px; }
 .athletics .athletics-box .treaning-box .treaning-video { width: 95%; padding: 10px; margin: 10px; }
.social { padding: 20px 0 0; margin: 0; }
.social .visit-box .visit-box-block .visit-image { width: 90%; padding: 10px; margin: 0 15px 30px; }
 .social .interview-box .interview-box-block { padding: 15px 15px 0; }
  .social .interview-box .interview-box-block .interview-video { width: 100%; padding: 10px; margin: 0 0 30px; }
 .social .visit-box .nutrition-box-block .nutrition-image { padding: 10px; }
  .social .visit-box .nutrition-box-block { padding: 15px; margin: 0; height: auto; }
.social .social-about h3 { font-size: 28px; line-height: 32px; padding: 0 0 15px; }
 .athletics .athletics-about h3 { font-size: 28px; line-height: 32px; padding: 0 0 10px; }
.research-paper .research-paper-about h3 { font-size: 28px; line-height: 32px; padding: 0 0 15px; }
.research-paper {; padding: 20px 0 0; margin: 0; }
  .research-paper .research-block .research-block-text p { font-size: 13px; line-height: 22px; padding: 0 0 30px; height: 360px; }
.athletics .athletics-box .athletics-right .athletics-image a.showhide { font-size: 6px; top: 30px; right: 0; padding: 1px 7px; }

}