/*****header*****/
  #mainNav .headersmall {height:105px; width: 100%; background: #fff; animation-delay: 2s;}
  #mainNav .logosmall {width: 160px;  animation-delay: 2s;}
  #mainNav .navbar-collapse ul.nav-margin {margin: 20px 20px 0px ;animation-delay:2s;}
  section {    padding: 45px 0;  }
  .top-header{    height: 5px;    background-color: #bb2d28;  width: 100%;    z-index: 99;    top: 0;}  
  .navbar-default .navbar-nav  li  a { color: #2c2d2d; }
  .navbar-custom .nav li a:hover{ color: #bb2d28;}        
  .navbar-custom .nav li.active a { color: #bb2d28; background: none;}
  .navbar-custom .navbar-nav > .active > a:hover, .navbar-custom .navbar-nav > .active > a:focus { color: #bb2d28; background: none;}
  .navbar-custom .nav li a {font-family: 'latoregular';text-transform: uppercase; font-size: 16px; padding: 0 15px; }
  .navbar-custom {border: none;      }
  .navbar-custom .navbar-collapse {        border-color: rgba(255, 255, 255, 0.02);      }
  .navbar-default .navbar-toggle {   border-color: #bb2d28;    margin: -20px 20px 10px;}
  .navbar-default .navbar-toggle .icon-bar {    background-color: #bb2d28;}
  #mainNav .logo img{-webkit-animation-delay: 2s; transition: 2s; /* Chrome, Safari, Opera     animation-delay: 2s;}*/}
  #mainNav{border-bottom: 1px solid #bb2d28;box-shadow: 0 0 10px 0 #7d7979;background: #fff; z-index: 99;  position:fixed; width:100%; transition: 2s; z-index: 99}        
  #mainNav .navbar-right{ margin: 65px 0px 0px;}
  .navbar-custom { background: transparent;  padding: 0 0 10px 0;  -webkit-transition: padding 2s;   -moz-transition: padding 2s;  transition: padding 2s; border: none; margin-top:0; background: #fff;}  
  .navbar-custom .navbar-nav > .active > a {    border-radius: 3px;  }     
  .contact-info{padding: 0;border-bottom: 1px solid rgba(187,45,40,0.30); font-family: "latoregular";}
  .contact-info span{font-size: 14px;}
  .contact-info span a{color: #000;}
  .contact-info span a:hover{color: #bb2d28; text-decoration: none;}
  .contact-info .btn{padding: 10px 12px;}
  .header-request-form .gallary-close { top: 20px;}
  .carousel-indicators li {    display: inline-block;    width: 10px;    height: 10px;    margin: 1px;    text-indent: -999px;    cursor: pointer;    background-color: #000 \9;    background: #535252;    border: none;    border-radius: 10px;}
  .carousel-indicators .active {    width: 10px;    height: 10px;    margin: 1px;    background-color: #bb2d28;}
  .carousel-indicators {    position: absolute;    bottom: 0;    left: 7%;    z-index: 15;    width: 30%;    padding-left: 0;    margin-left: 0;    text-align: center;    list-style: none;}
  header .carousel {position: relative; }
  header {margin-top: 150px;} 
  .carousel-control {    position: absolute;    top: 0;    bottom: 0;    left: 0;    width: 10%;    font-size: 100px;    color: #fff;    text-align: center;    text-shadow: 0 1px 2px rgba(0, 0, 0, .6);    background-color: rgba(0, 0, 0, 0);    filter: alpha(opacity=50);    opacity: .5;}
  .carousel-control span.arrows{font-size: 35px; color: #626262;}
  .carousel-control .icon-prev,.carousel-control .icon-next,.carousel-control .jparrows,.carousel-control .jparrows-1 {  position: absolute;  top: 50%;  z-index: 5;  display: inline-block;  margin-top: -10px;}
  .carousel-control .icon-prev,.carousel-control .jparrows {  left: 50%;  margin-left: -40px;}
  .carousel-control .icon-next,.carousel-control .jparrows-1 {  right: 50%;  margin-right: -20px;}
/*****End header*****/
/*****JP data*****/
  .jp-data hr { width: 20%;}
  .training-sectors h5{color: #bb2d28; margin-bottom: 25px;}
  .sector-data{padding-right:0;padding-left: 8px;}
  .training-sectors .sectors img{width: 80%;}
  .training-sectors .sectors{margin-bottom: 20px;}
  .training-sectors .sector-data h5{color: #2c2d2d; margin-bottom: 10px;}
  .know-more{color: #BB2D28;text-decoration: none;}
/*****End JP data*****/
/*****Request form*****/
  .form{padding-right: 0;}
  .request-form{background: #bb2d28;  padding: 30px; margin: 20px 0;}
  .request-form .form-group .form-control {  font-family: 'latoregular'; display: block;    width: 100%;    height: 50px;    padding: 6px 12px;    font-size: 14px;    line-height: 1.42857143;    color: #fff;    background-color: #bb2d28;    background-image: none;    border: 1px solid #ffffff50;    border-radius: 0;}
  .request-form .form-group { margin-bottom: 40px;}
  .request-form h3{margin: 0 0 62px 0;color: #fff;border-left: 5px solid #fff;padding: 4px 10px;}
  .request-form .form-control::-webkit-input-placeholder { color:#fff; font-family: 'latoregular'; font-size: 14px;}
  .request-form .form-control::-moz-placeholder { color:#fff; font-family: 'latoregular'; font-size: 14px;} /* firefox 19+ */
  .request-form .form-control:-ms-input-placeholder { color:#fff; font-family: 'latoregular'; font-size: 14px;} /* ie */
  .request-form .form-control input:-moz-placeholder { color:#fff; font-family: 'latoregular'; font-size: 14px;}
/*****End form*****/
/*****Videos*****/
  .bg-gray { background-color: #2c2d2d; position: relative; color: #fff; }
  .bg-gray h3{margin: 0 auto;position: absolute;width: 105px;left: 0;right: 0;}
  .bg-gray hr{    border-top: 1px solid #fff;    margin: 0 auto;position: absolute;width: 60px;left: 0;right: 0;top: 80px;}
  .videos{margin-top: 45px;}
  .videos .embed-responsive {margin-top:30px;}
/*****End Videos*****/
/*****Event*****/
  .bg-white{ position: relative;}
  .bg-white .event-head h3{margin: 0 auto;position: absolute;width: 105px;left: 0;right: 0;}
  .bg-white .event-head h5{margin: 0 auto;position: absolute;width: 365px;left: 0;right: 0;top: 80px;}
  .bg-white .event-head hr {    margin: 0 auto;    position: absolute;    width: 60px;    left: 0;    right: 0;    top: 110px;}
  .event-data{padding: 0 59px;}
  .event-data h3{margin-top: 0;}
  .event-date{padding: 0 10px;border-right: 1px solid #ddd;}
  .events-info {border-top: 1px solid #ddd;padding: 40px 0;}
  .events-info:last-child{padding-bottom: 0;}
  .events-info a {    color: #000;}
  .events-info:hover .event-data h3 {  color: #bb2d28;}
/***** End event*****/
/*****Testimonial slider*/
  .bg-gray.testimonial h3{width: 187px;}
  .bg-gray.testimonial h5{margin: 0 auto;position: absolute;width: 420px;left: 0;right: 0;top: 95px;}
  .bg-gray.testimonial hr {    top: 130px;}
  .testimonial-slider {    padding: 0 10px 30px 10px;    margin-top: 110px;}
  .testimonial-slider .carousel-control {    background: none;    color: #fff;    font-size: 30px;    text-shadow: none;    margin: 50px -15px;    width: 60px;    height: 50px;}
  .testimonial-slider .carousel-control.left {    left: 225px;}
  .testimonial-slider .carousel-control.right {    right: 225px;}
  .testimonial .testimonial-slider .carousel-inner {    min-height: 300px;    top: 0;}
  .testimonial-slider .carousel-inner .item blockquote {    border-left: none;   margin: 0 auto;right: 0;left: 0;}
  .testimonial-designation {margin-top: 40px; text-align: center;}
  .testimonial-slider .carousel-inner .item blockquote h5{text-align: center; margin: 20px auto;position: absolute;left: 0;right: 0;top: 120px;}
  .item blockquote span {font-size: 30px;margin-right: 20px;}
  .item blockquote img{margin: 0 auto;left: 0;right: 0;width: 120px;}
/*****End Testimonial slider*/
/*****Footer*****/
  footer { padding: 20px 20px 0 20px; background: #bb2d28; color: #fff;}
  .footer-blog img{border: 1px solid #fff;}
  .footer-blog{padding: 0 0 0 85px;}
  .footer-blog h6{margin: 0 0 5px 0;}
  .footer-blog h4{margin-top: 0; margin-bottom: 24px;}
  .footer-jpdata{margin-top: 40px;}
  .footer-blog-div{margin-bottom: 15px;}
  .footer-contact h4{margin-top: 0; margin-bottom: 24px;}
  .footer-contact span{font-size: 20px; padding: 0 11px;}
  .footer-nav{border-top: 1px solid #fff; padding: 10px 0;}
  .footer-nav .nav li a{font-size: 16px;color: #fff;font-family: "latoregular"; text-transform: uppercase;     text-decoration: none; float: left;}
  .footer-nav .nav > li > a:hover, .footer-nav .nav > li > a:focus { text-decoration: underline;background-color: #bb2d28; color: #fff;}
  .footer-social-links.nav > li > a:hover, .footer-social-links.nav > li > a:focus {    text-decoration: none;    background-color: #bb2d28;color: #fff; border: 1px solid #fff;}
  .footer-social-links.nav > li > a, .footer-social-links.nav > li > a{ border: 1px solid transparent;}
  .footer-nav ul.footer-social-links li a{padding: 10px; font-size: 22px;}
  .footer-blog a{color: #fff;}
/*****End Footer*****/

/*****Contact page*****/
  .contact-div{padding-left: 0;}
  .contact-div hr{width: 135px;}
  .contact-form{margin-top: 127px;}
  .contact-data {    padding: 45px 45px 15px;    margin-top: 60px;    background-color: #414242; color: #fff;}
  .contact-data span{font-size: 28px;margin: 5px 8px;}
  .contact-data p.sm{margin-bottom: 38px;}
  .contact-form .form-control {    display: block;    width: 100%;    height: 55px;    padding: 6px 12px;    font-size: 16px;    line-height: 1.42857143;    color: #414242;    background-color: #fff;    background-image: none;    border: 1px solid #868686;    border-radius: 0;  margin-bottom: 19px;}
  .contact-form textarea.form-control {height: 130px;margin-bottom: 39px;}
/*****End of Contact page*****/

/*****About page*****/
  header .banner{position: absolute;top: 100px;  position: absolute;  left: 200px;margin: 0 auto; max-width: 550px;}
  header{position: relative;}
  header .header-banner{width: 100%;}
  header>.banner>h1{text-align: center; color: #bb2d28;}
  .about .jp-data .training-sectors .sectors .sector-data{padding-right: 40px;padding-left: 0;}
  .about .jp-data .training-sectors .sectors img{width: 75%;}
  .about .bg-gray h3 {width:215px}
  .about .bg-gray .expertise-sector hr{width: 9%;margin-top: 15px;margin-bottom: 15px;position: initial;margin: 10px 0 15px 0;}
  .about .bg-gray .expertise-sector{margin-top: 100px;}
  .about-founder-head{margin-bottom: 40px;}
  .about-founder-head hr{width: 8%;}
  /*gray strip*/
  .gray-strip{background-color: #d8d8d8; padding: 45px 0;}
  .gray-strip h2 {font-family: "latosemibold";margin: 0 auto;left: 0;right: 0;width: 700px;font-size: 30px;}
/*****End About page*****/
/*events page*/
  .bg-white .event-head h3 {    margin: 0 auto;    position: absolute;    width: 105px;    left: 0;    right: 0;}
  .event-head{    margin-bottom: 0;    border-bottom: 1px solid #ddd;    min-height: 100px;}
  .events-info:first-child {    border-top: none;}
  .events .event-data{ padding: 0 25px;}
/*GAllery page*/
  .bg-white .gallery-head h3 {    margin: 0 auto;    position: absolute;    width: 205px;    left: 0;    right: 0;}
  .bg-white .gallery-head h5 {    margin: 0 auto;    position: absolute;    width: 436px;    left: 0;    right: 0;    top: 80px;}
  .bg-white .gallery-head hr {    margin: 0 auto;    position: absolute;    width: 60px;    left: 0;    right: 0;    top: 110px;}
  .jeet-gallary{margin-top: 100px;}
  .jeet-gallary h5 {    color: #bb2d28;    padding: 0 10px;}
  .jeet-gallary img{border-radius:5px; width: 100%;}
  .jeet-gallary .img-wrap{opacity:0;transition:0.5s all ease-in-out;background-color:rgba(222,127,35,0.6);position:absolute;width: 93%;height: 100%;border-radius:5px;}
  .gallary-img{position: relative;margin:15px 0; padding: 0 9px;}
  .gallary-img:hover .img-wrap{opacity:1;}
  .gallary-img .img-wrap span{color: #fff;font-size: 28px;position: absolute;top: 42%;left: 42%;border: 1px solid #fff;border-radius: 50%;padding: 7px;}
  .gallary-slider .modal-content{width: 700px; border-radius: 5px; position: relative;}
  .gallary-close{position: absolute;top: 0px;z-index: 1;right: 10px;color: #fff;opacity: 1;font-size: 30px;font-weight: normal}
  .gallary-slider .modal-lg {width: 700px;margin: 80px auto; }
  .gallary-slider-control.left {background-image: none;position: absolute;top:40%;left: 20px;width: 31px;height:60px;}
  .gallary-slider-control.right {background-image: none;position: absolute;top: 40%;right: 20px;width: 31px;height:60px;}    
/*Courses page*/
  .courses-div{position: relative;}
  .courses-div h3{margin: 0 auto;position: absolute;width: 200px;left: 0;right: 0;}
  .courses-div h5{margin: 0 auto;position: absolute;width: 215px;left: 0;right: 0;top: 35px;}
  .courses-div hr {margin: 0 auto;position: absolute;width: 8%;left: 0;right: 0;top: 70px;}
  .courses-border h4{    background: #BB2D28;    color: #fff;    padding: 15px 20px;    margin: 0;    font-family: "latosemibold";}
  .courses-border {    border: 1px solid #bb2d28;}
  .courses-border ul li{    list-style: none;    border-bottom: 1px dashed;    padding: 10px 0;    margin: 0 20px;    font-size: 16px;    font-family: "latosemibold";}
  .courses-border .btn{ padding: 10px; font-size: 12px; margin: 10% 30%;} 
  .courses-plans{margin-top: 100px;} 
  .darkgray-strip {  background-color: #2c2d2d; padding: 45px 0; color: #fff;}
  .darkgray-strip h2 {font-family: "latosemibold";margin: 0 auto;left: 0;right: 0;width: 700px;font-size: 30px;}
/*****Media query*****/
@media (max-width: 980px){
  /*header nav*/
  #mainNav .logo img{width: 189px;padding-left: 10px;}
  .navbar-custom .nav li a {    padding: 0 12px;  }
  /*footer*/
  .footer-contact span {    font-size: 16px;    padding: 0 0;  }
  .footer-blog {    padding: 0 15px;  }
  /*about page*/
  header .banner {    position: absolute;    top: 60px;}
  .expertise-data-right {    padding: 0 35px 35px 0;  }
  .founder-img img{margin-top: 0;} 
  header .banner {    position: absolute;    top: 39px;left: 150px;}
  #mainNav .headersmall {height:105px; width: 100%; background: #fff; animation-delay: 2s;}
  #mainNav img.logosmall {width: 165px;  animation-delay: 2s;}
  #mainNav .navbar-collapse ul.nav-margin {margin: 20px 20px 0px ;animation-delay:2s;}
  .courses-border { margin-bottom: 50px;}
  .jeet-gallary{padding: 0;}
  .jeet-gallary .img-wrap {    width: 90%;}
  .gallary-img .img-wrap span {    font-size: 20px;    top: 40%;    left: 40%;}
}   
@media (min-width: 768px) {  
  /*all sections*/
  .expertise-data-left{padding: 0 35px 35px 0;}
  .expertise-data-right{padding: 0 0 35px 35px;}
  .founder-img img{margin-top: -120px;} 
  /*Footer*/
  .navbar-custom { background: transparent;  padding: 0 0 10px 0; -webkit-transition: padding 2s;   -moz-transition: padding 2s;  transition: padding 2s;  border: none;  margin-top: 0;  background: #fff; }
  .carousel-indicators li {    display: inline-block;    width: 15px;    height: 15px;    margin: 1px;    text-indent: -999px;    cursor: pointer;    background-color: #000 \9;    background: #535252;    border: none;    border-radius: 10px;}
  .carousel-indicators .active {    width: 15px;    height: 15px;    margin: 1px;    background-color: #bb2d28;}
  .carousel-indicators {    position: absolute;    bottom: 10px;    left: 7%;    z-index: 15;    width: 15%;    padding-left: 0;    margin-left: 0;    text-align: center;    list-style: none;}
  .carousel-control span.arrows{font-size: 70px; color: #626262;}
  .carousel-control .jparrows,  .carousel-control .jparrows-1,  .carousel-control .icon-prev,  .carousel-control .icon-next {    width: 50px;    height: 70px;    margin-top: -10px;    font-size: 30px;  }
  .carousel-control .jparrows,  .carousel-control .icon-prev {    margin-left: -40px;  }
  .carousel-control .jparrows-1,  .carousel-control .icon-next {    margin-right: -20px;  }
  .carousel-indicators {    bottom: 20px;  }
  }
@media (max-width: 640px){
  /*footer*/
  .footer-social-links {    width: 339px;    margin: 0 auto;    width: 345px;    right: 0;    left: 0;  }
  .links-bottom li a {    float: left;  }
  .links-bottom{    display: inline-block;    width: 265px;  }
  .training-sectors .sectors img {    width: 80%;    float: left !important;  }
  .contact-info span {    font-size: 12px;}
  .contact-info .btn {    padding: 5px 5px;}
  .btn-primary{font-size: 14px;}
  .navbar-custom .navbar-collapse {    background: white;    border-bottom: 1px solid #bb2d28;}
  .navbar-custom .nav li a {    padding: 6px 12px;}
  header {    margin-top: 125px;}
  #mainNav .logo img {    width: 180px;}     
  .contact-data {    padding: 45px 25px 15px;}    
  .contact-data span {    font-size: 25px;    margin: 6px 0;}    
  .expertise-data-left{padding: 0 35px 35px 0;}    
  .gray-strip h2 {    width: 468px;    font-size: 20px;}    
  .testimonial-slider .carousel-control.left {    left: 120px;}
  .testimonial-slider .carousel-control.right {    right: 120px;}
  .carousel-control span.arrows{font-size: 40px; color: #626262;}
  .carousel-control .jparrows,  .carousel-control .icon-prev {    margin-left: -20px;  }
  .carousel-control .jparrows-1,  .carousel-control .icon-next {    margin-right: -20px;  }
  .carousel-indicators {    bottom: 0;  }
  .carousel-control .icon-prev,  .carousel-control .jparrows {    left: 50%;    margin-left: -20px;  }
  .carousel-control .icon-next,  .carousel-control .jparrows-1 {    right: 50%;    margin-right: -20px;  }
  #mainNav .navbar-right {    margin: 0 0px 0px;}
  .navbar-custom .nav li a {    font-family: 'latoregular';    text-transform: uppercase;    font-size: 14px;}
  #mainNav .headersmall {height: 105px; width: 100%; background: #fff;  animation-delay: 2s;}
  #mainNav img.logosmall {width:155px;  animation-delay: 2s;}
  #mainNav .navbar-collapse ul.nav-margin {margin: 16px 20px 0px ;animation-delay:2s;}
  .courses-plans { padding: 0 80px;}
  .darkgray-strip h2 {    width: 468px;    font-size: 20px;}
  .jeet-gallary .img-wrap {    width: 93.5%;    height: 100%;}    
  .gallary-slider .modal-lg {    width: 300px;    margin: 80px auto;}    
  .gallary-slider .modal-content {    width: 300px;    border-radius: 5px;    position: relative;}
  .gallary-slider-control.left {    font-size: 30px;}
  .gallary-slider-control.right {    font-size: 30px;}  
}
@media (max-width: 480px){
    .event-data{padding: 0 15px;}
    .events-data h2{font-size: 24px;}
    #mainNav .logo img {    width: 165px;}
    .events-data h3{font-size: 18px; margin-top: 0;}
    .footer-nav .nav li a {    font-size: 10px; padding: 8px}
    .footer-social-links {    width: 125px;}    
    .footer-nav ul.footer-social-links li a {    padding: 10px;    font-size: 18px;}
    .navbar-default .navbar-toggle {    margin: -50px 20px 20px;    }
    header .banner {    top: 40px; left: 40px;}
    header  .banner > h1 {    font-size: 35px;}    
    header .header-banner {   height: 140px;}
    .gray-strip h2 {    width: 280px;    font-size: 18px;    text-align: center;}
    .testimonial-slider .carousel-control.left {    left: 40px;}
    .testimonial-slider .carousel-control.right {    right: 40px;}
    #mainNav .headersmall {height: 105px; width: 100%; background: #fff;  animation-delay: 2s;}
    #mainNav img.logosmall {width:150px;  animation-delay: 2s;}
    #mainNav .navbar-collapse ul.nav-margin {margin: 16px 20px 0px ;animation-delay:2s;}
    .darkgray-strip h2 {    width: 280px;    font-size: 18px;    text-align: center;}
    .courses-plans {    padding: 0 40px;}
}
@media (max-width: 360px){
  .bg-gray.testimonial h5{font-size: 14px; width: 283px;text-align: center;}
  .bg-white .event-head h5{font-size: 14px; width: 283px;}
  .btn-primary { font-size: 8px;}
  .contact-info span { font-size: 8px;}
  .about .jp-data .training-sectors .sectors img {margin-top: 10px;}
  .courses-plans {    padding: 0 0;}
  .bg-white .gallery-head hr {    top: 130px;}
  .bg-white .gallery-head h5 {    width: 280px;    text-align: center;}
  .gallary-img .img-wrap span {    top: 35%;    left: 35%;font-size: 15px;}
  .jeet-gallary .img-wrap {    width: 87%;    height: 100%;}
}