body{ margin:0px; padding:0px; font-family:Tahoma; background: url(../images/3.jpg) center -100px no-repeat; background-size: 100%;     box-sizing: border-box;}
p, h1, h2, h3, h4, h5, h5 { margin:0px; padding:0px;}
img { width:100%; border:none;}
a { text-decoration:none;}
.clr {
 clear:both;}
.slider { position:fixed; top:-100px; left:0px; z-index:-10;}
.header{ margin:0px auto; width:80%;}
.nav {  width:100%; background:#4c4c4c; float:left; }
.nav ul { margin:0px; padding:0px; list-style:none;}
.nav ul li { float:left; display:block; font-size:0.9em; color:#fff; font-family:Tahoma; padding:0; line-height:55px; text-transform:uppercase; border-left:solid 1px #212121; border-right:solid 1px #656464;}
.nav ul li a {  text-decoration:none; color:#fff; padding:0em 2.3em;}
.nav ul li tt{ width:1px; height:55px; transition: all ease .5s;  margin-top:-54px; cursor:pointer}
.nav ul li:hover tt{ background:#d92727; width:100%; display:block}
.nav ul li.active tt {background:#d92727; width:100%; display:block}
.nav ul li a.home { background:url(../images/home.png) center 50% no-repeat; padding:2.3em; }
.nav ul li:last-child {border-left:solid 1px #212121; border-right:solid 0px #656464;}
.nav ul li:first-child {border-left:solid 0px #212121; border-right:solid 1px #656464;}
.logo {margin:50px auto; width:250px; }
.header h1{ float:left; width:100%; text-align:center; text-shadow: 3px 3px 3px #636363; color:#fff; font-weight:normal; font-family:Tahoma; font-size:4em;}
.middle {margin:0px auto; width:80%;}
.flty { width:100%; float:left; background:#f1f1f1; margin-top:250px; padding-bottom:3em;}
.flty ul {padding:0px; list-style:none; margin:0px auto; width:80%;}
.flty ul li { float:left; width:246px; min-height:300px; overflow:hidden; background:#fff; border:solid 2px #fff; margin:-187px 25px 0 0; text-align:center; transition: all 0.4s ease 0s; }
.flty ul li:hover{ border:solid 2px #d92727;  margin:-200px 25px 0 0;}
.flty ul li a { text-decoration:none; color:#d92727; transition: all 0.5s ease 0s;}
.flty ul li a img { float:left; width:100%; padding-bottom:.9em;  transition: all 0.5s ease 0s;  }
.flty ul li a img:hover { transform: scale(1.1);}
.flty ul li a h2 { font-size:1.2em; color:#656464; font-family:Tahoma; font-weight:normal; padding:0.5em 0 0 0; text-transform:uppercase;}
.flty ul li a p { font-size:0.8em; color:#868685; font-family:Tahoma; font-weight:normal; padding:.2em .2em;}
.flty ul li:last-child { margin:-187px 0px 0 0;}
.flty ul li:last-child:hover { margin:-200px 0px 0 0;}
.middle { float:left; width:100%; background:#fff; padding-bottom:2em;}
.middle_main { margin:0px auto; width:80%;}
.left { float:left; width:70%; margin-top:3em;}
.left h2 { float:left; width:100%; font-size:2.4em; color:#d92727; font-weight:normal; text-transform:uppercase;}
.left h2 span { color:#656464;}
.left h3 { float:left; width:100%; font-size:1.2em; color:#d92727; font-weight:normal; padding-bottom:.1em; text-transform:uppercase;}
.left p { float:left; width:100%; font-size:.95em; line-height:1.4em; color:#868685; font-weight:normal; padding:.8em 0; text-align:justify; overflow:hidden;}
.left p a { text-decoration:none; color:#868685;}
.left p a:hover { text-decoration:none; color:#d92727;}
.left p img { float:left; width:40%; padding:0 2% 2% 0; transition: all 0.5s ease 0s;  overflow:hidden; }
.left p img:hover{transform: scale(1.1);}
.left ul { margin:0px 0 0 1em; padding:0; list-style:square;}
.left li { float:left; width:100%; font-size:.9em; line-height:1.8em; color:#868685;}

.right { float:right; width:25%; background:#f1f1f1; margin-top:3em;}
.right h2 { float:left; width:80.5%;  background:#d92727 url(../images/download.png) .5em center no-repeat; font-weight:normal; margin:0px; padding:0 0 0 2.2em; line-height:2em; font-size:1.5em; color:#fff; text-align:left;}
.right ul { margin:0px; padding:0px; list-style:none;}
.right li { float:left; width:87%; background:#fafafa url(../images/arw.png) .5em center no-repeat; font-size:18px; color:#656464; padding:.7em 0 .7em 2em; border-bottom:dashed 1px #e0e2e2;}
.right li a { text-decoration:none; color:#656464;}
.right li:hover { color:#d92727; background:#f4f5f5 url(../images/arw.png) .7em center no-repeat;  transition: all 0.4s ease 0s;}
.bottom{ float:left; width:100%; background:#da2727; padding-bottom:2em;}
.btm_main{ margin:30px auto; width:80%;}
.btm_lft{ float:left; width:15%; margin:0 0 0 0%;}
.btm_lft img{ float:left; width:90%; border:solid 2px #fff;  transition: all 0.5s ease 0s; }
.btm_lft img:hover{transform: scale(1.1);}
.btm_mid{width:70%; float:left;}
.btm_mid h2{ text-align:center; font-size:1.7em; color:#fff; font-weight:normal; text-transform:uppercase;}
.btm_mid h3{ text-align:center; font-size:1.2em; color:#fde200; font-weight:normal; text-transform:uppercase;}
.btm_mid p{ text-align:center; font-size:1em; color:#fff; font-weight:normal; line-height:1.5em; padding:1em 0; }
.btm_rgt{ float:right; width:15%; margin:0 0% 0 0;}
.btm_rgt img{ float:right; width:90%; border:solid 2px #fff;  transition: all 0.5s ease 0s; }
.btm_rgt img:hover{transform: scale(1.1);}
.footer { float:left; width:100%; background:#464646;}
.ftr_main {margin:1.5em auto; width:80%; overflow:hidden;}
.ftr_links { float:left; width:25%;}
.ftr_links h2 { float:left; width:100%; font-size:1.1em; color:#f1f1f1; padding:.4em 0; font-weight:normal; text-transform:uppercase;}
    .ftr_links p { float:left; width:100%; font-size:.9em; color:#c5c3c3; padding:.2em 0;}
    .ftr_links p a{font-size:.9em; color:#c5c3c3; text-decoration:none;}
    .ftr_links p a:hover{font-size:.9em; color:#fff; text-decoration:underline;}
    .ftr_links p a.twtr { background:url(../images/media.png) no-repeat; background-position:0px 0px; padding:.3em 0 .3em 2.2em;  }
    .ftr_links p a.fb {background:url(../images/media.png) no-repeat; background-position:0px -25px;  padding:.3em 0 .3em 2.2em; }
    .ftr_links p a.gp {  background:url(../images/media.png) no-repeat; background-position:0px -50px;  padding:.3em 0 .3em 2.2em; }
    .ftr_links p a.yt { background:url(../images/media.png) no-repeat; background-position:0px -75px;  padding:.3em 0 .3em 2.2em; }
.copyright { float:left; width:100%; text-align:center; font-size:0.9em; color:#f1f1f1; padding:1em 0 0 0; margin:2em 0 0 0; border-top:dashed 1px #707070;}

/*inner pages css*/

.title_box{ float:left; width:100%; margin:-3em 0 0 0; background:#3f3f40;}
.title_box h1{ float:left; width:90%; color:#fff; padding:1% 0 0 3%; font-size:2em; font-weight:normal; text-transform:uppercase;}
.title_box ul{ margin:0 0 0 1em; padding:0px; list-style:none;}
.title_box li{ float:left; display:block; padding:0.7em 0 1em 0; font-size:1em; color:#fff; text-transform:uppercase;}
.title_box li a{ text-decoration:none; padding:0.7em  1em 1em 1em; color:#fff;}
.title_box li a:hover, .title_box li a.active{color:#fde200;}

.news_pics{ float:left; width:100%; padding-bottom:1em; overflow:hidden;}
.news_pics img{ float:left; width:100%; transition: all 0.5s ease 0s; -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;}
.news_pics img:hover{ float:left; width:100%; transform: scale(1.1);
                       -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;}
          
.nws{ float:left; width:100%; background:#f1f1f1; padding-bottom:20px; min-height:300px;}
.nws h1{float:left; width:80.5%;  background:#d92727 url(../images/news.png) .5em center no-repeat; font-weight:normal; margin:0px; padding:0 0 0 2.2em; line-height:2em; font-size:1.5em; color:#fff; text-align:left;}
.nws p{ float:left; width:90%; text-align:left; padding:0.5em 1em; font-size:0.8em; line-height:1.2em; color:#5e5d5d; }
.nws p span{ float:left; width:100%; text-align:left; color:#da2727; font-weight:bold;}

.most_popular{ width:100%; float:left; margin-top:10px;}
.most_popular h1 { margin:0; padding:0; color:#d92727; line-height:30px; font-size:20px; font-weight:normal;}
.most_pop_inner{ float:left; width:100%; }
.most_pop_raw:nth-child(4), .most_pop_raw:nth-child(5) , .most_pop_raw:nth-child(6){ margin-top:1em;}
.most_pop_raw{ float:left; width:27%; *width:26%;border:1px solid #f0f0f0; padding:2%; margin-top:5px;}
.most_pop_raw:hover { border:1px solid #f0f0f0; background:#d92727; }
.most_pop_raw:hover .pop_text h2 label, .most_pop_raw:hover .pop_text h2 span, .most_pop_raw:hover .pop_text p, .most_pop_raw:hover .pop_text p a{ color:#fff;}
.pop_img{ float:left; width:100%; overflow:hidden}
.pop_img a{ display:block;}
.pop_img a img{transition:all ease .5s}
.pop_img a:hover img{ transform:scale(1.2)}
.pop_text{float:left; width:100%; text-align:center;}
.pop_text h2{ margin:0; padding:0; width:100%; color:#000; float:left; font-size:0.8em; font-weight:normal; text-align:center;}
.pop_text h2 label{ color:#283891; float:left; width:100%; padding-top:1em;}
.pop_text p{ color:#000; float:left; width:100%; margin:0; font-size:0.8em; line-height:1em; text-align:center;}
.pop_text p a{ color:#000;}
.mr{ margin-right:1em;}
.ct_lft{ float:left; width:30%; margin-top:3em;}
.ct_lft h2{float:left; width:100%; font-size:2.4em; color:#d92727; font-weight:normal; text-transform:uppercase;}
.ct_lft p{float:left; width:100%; font-size:1em; color:#535252; font-weight:normal; line-height:1.5em; padding-top:1em;}
.ct_lft p span{ color:#d92727;}
.ct_lft p a{ text-decoration:none; color:#535252;}
.ct_lft p a:hover{ text-decoration:none; color:#d92727;}

.ct_rgt{ float:right; width:65%; margin-top:3em;}
.ct_rgt h2{float:left; width:100%; font-size:2.4em; color:#d92727; font-weight:normal; text-transform:uppercase;}
.frm_otr{ float:left; width:100%;}
.fld_row{ float:left; width:100%; margin:1em 0 0 0;}
.input_name{ float:left; width:28%; border:solid 1px #ccc; padding:0.8em; color:#999;}
.input_rst{ float:left; width:28%; border:solid 1px #ccc; padding:0.8em; margin-left:1.4em; color:#999;}

.tet_ar{ float:left; width:96%; min-height:7em; border:solid 1px #ccc; padding:0.8em; color:#999;}
.send_btn{ float:left; width:20%; background:#4c4c4c; font-size:1.2em; color:#ccc; font-weight:normal; border:none; padding:0.7em 0; text-align:center;}
.send_btn a{ text-decoration:none; color:#fff;}
.send_btn:hover{ background:#d92727; color:#fff; cursor:pointer;}
.fit_India{ width:100%; height: 350px; background: url(../images/fitindiabg.jpg) no-repeat; display: flex; align-items: center; justify-content: center; flex-direction: column; border:solid 2px #d92727;}
.fit_India h2{ font-size: 40px; color: #fff; font-weight: 800; text-align: center; text-shadow: 2px 2px #000;}
.fit_India p{ font-size: 18px; color: #fff; text-align: center; text-shadow: 2px 2px #000;}


/* Gallery Images */
.photoWrap{ float: left; display: flex; flex-wrap: wrap; justify-content: space-between; width:100%; margin: 30px 0;}
.photoWrap .items{ display: flex; width:49%;  overflow: hidden; margin-bottom: 20px; border: solid 3px #464646;} 
.photoWrap .items img{transition: all .2s ease-in-out;}
.photoWrap .items:hover img{box-shadow: 1px 1px 5px  #e0e2e2; transform: scale(1.1);}

/* SLC */
.slc_wrap{ float: left; width:100%; margin: 30px 0;}
.slc_title{ font-size: 20px; color: #000; margin-bottom: 20px;}
.slc_wrap ul{ display: flex; flex-wrap: wrap; list-style: none; margin:0 0 40px 0; padding: 0; justify-content:space-between;}
.slc_wrap ul li{flex:1; background: #f4f5f5; border:solid 1px #999; border-radius: 4px; transition: all .2s ease-in-out; margin-right: 10px;}
.slc_wrap ul li:hover{background: #d92727; border:solid 1px #d92727;}
.slc_wrap ul li a{ display: flex; padding: 10px; font-size: 16px; font-weight: 800; color:#000; }
.slc_wrap ul li:hover a{ color: #fff;}

#menuToggle{ display: none;}

.slcimg{
  display: flex;
  width: 100%;
  height: 1200px;
  background:url(../images/SLCFORMAT.jpg) center top no-repeat;
  background-size: 100%;
}

@media (min-width: 320px) and (max-width: 767px) {
body{ background: url(../images/3.jpg) center top no-repeat; background-size: 150%; display: flex; flex-direction: column;}
.header{ width:100%; min-height: 200px; display: flex; flex-direction: column;}
.header .nav {display: none;}
.logo { margin: 0px auto; width: 100px;}
.header h1 { text-shadow: 3px 3px 3px #636363; font-weight: 800; font-size: 1.2em; float: none; display: flex; align-items: center; justify-content: center; width:auto;}
.flty { margin:0px; padding-bottom:1em; display: flex; float:none;}
.flty ul { width:auto; padding:0px; display: flex; flex-direction: column; }
.flty ul li{ margin:5px 0 5px 0; width:auto; display: flex; float: none; min-height:auto;}
.flty ul li:hover{ border:solid 2px #d92727;  margin:0;}
.flty ul li a{ display: flex; flex-direction: column; flex:1; padding:15px; transition:none;} 
.flty ul li a img{ padding-bottom: 0; float: none;} 
.flty ul li a img:hover { transform:none;}
.flty ul li:last-child{ margin:5px 0 5px 0;}
.flty ul li:last-child:hover { margin:0;}
.middle {padding-bottom: 1em; float:none;}
.middle_main { display: flex; flex-direction: column; width:calc(100% - 30px);} 
.left {float: none; width:100%; margin-top:0; display: flex; flex-direction: column; margin-bottom: 20px;}
.fit_India{ padding:20px; height: 300px; width:auto;} 
.right{ width:100%; float: none; margin-top: 0; display: flex; flex-direction: column;}
.right h2{ width:auto;}
.bottom{ padding-bottom: 0;}
.btm_main{ width:100%; display: flex; flex-direction: column; margin: 0;} 
.btm_lft,.btm_rgt,.btm_mid{ float: none; width:100%; display: flex; flex-direction: column; align-items: center; justify-content: center; padding:10px 0px;}
.footer{ float: none; width: auto; padding: 15px;}
.ftr_main{ display: flex;     flex-wrap: wrap; margin: 0; width:auto;}
.ftr_links{ width:100%; float: none; padding-bottom: 10px;}
.title_box{margin-top: -1em; margin-bottom: 1em;}
.title_box h1{ font-size: 1.3em; padding-bottom:8px;}
.title_box ul{ margin: 0;}
.title_box li{display: none;}
.photoWrap .items{ width:100%;}
.most_pop_inner { float: none;  justify-content: space-around; width: 100%; display: flex; flex-wrap: wrap;}
 .mr{ margin-right: 0;}
 .ct_lft,.ct_rgt{ width:100%;}
 .fld_row{float: none; display: flex;}
 .fld_row form{ float: none; display: flex; flex-direction: column; width:100%;}
 .input_name,.input_rst{ width:auto; float: none; display: flex; margin-left: 0; margin-top: 10px;}
 .send_btn{ width:100%; text-align: center;}
#menuToggle
{
  display: block;
  position: relative;
  top: 20px;
  left: 20px;
  z-index: 1;
  -webkit-user-select: none;
  user-select: none;
  width:290px;
}

#menuToggle a
{
  text-decoration: none;
  color: #232323;
  transition: color 0.3s ease;
}

#menuToggle a:hover
{
  color: tomato;
}

#menuToggle input
{
  display: block;
  width: 40px;
  height: 32px;
  position: absolute;
  top: -7px;
  left: -5px;
  cursor: pointer;
  opacity: 0; /* hide this */
  z-index: 2; /* and place it over the hamburger */
  -webkit-touch-callout: none;
}

#menuToggle span
{
  display: block;
  width: 33px;
  height: 4px;
  margin-bottom: 5px;
  position: relative;
  background: #cdcdcd;
  border-radius: 3px;
  z-index: 1;
  transform-origin: 4px 0px;
  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              opacity 0.55s ease;
}
#menuToggle span:first-child
{
  transform-origin: 0% 0%;
}
#menuToggle span:nth-last-child(2)
{
  transform-origin: 0% 100%;
}
#menuToggle input:checked ~ span
{
  opacity: 1;
  transform: rotate(45deg) translate(-2px, -1px);
  background: #232323;
}
#menuToggle input:checked ~ span:nth-last-child(3)
{
  opacity: 0;
  transform: rotate(0deg) scale(0.2, 0.2);
}
#menuToggle input:checked ~ span:nth-last-child(2)
{
  transform: rotate(-45deg) translate(0, -1px);
}
#menu
{
  position: absolute;
  width:50%;
  margin: -50px 0 0 -20px;
  padding:20px;
  padding-top: 50px;
  background: #ededed;
  list-style-type: none;
  -webkit-font-smoothing: antialiased;
  transform-origin: 0% 0%;
  transform: translate(-100%, 0);
  
  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
}

#menu li
{
  padding: 10px 0 0 0;
  font-size:16px; text-transform: uppercase;
}


#menuToggle input:checked ~ ul
{
  transform: none;
}


}