.navbar{
  margin-bottom:0;
  border:none;
  background-color:black;
  font-size: 15px;
  padding: 5px 10px 5px 10px;
  opacity: 0.8;
}


.navbar-brand .glyphicon{
  margin-right:6px;
}

.hero{
  background-size:cover;
  border:none;
  background-color:#fff;
}


div.jumbotron.hero{
  margin-bottom:0px;
}

li a:hover, .dropdown:hover .dropbtn {
    
}

li.dropdown {
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: black;
    min-width: 120px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

.dropdown-content a {
    color: white;
    padding: 10px 10px;
    text-decoration: none;
    display: block;
    text-align: left;
}

.dropdown-content a:hover {
  background-color: #4d4d4d;
  opacity: 60%;
}

.dropdown:hover .dropdown-content {
    display: block;
}

@media (max-width:992px) {
  .hero .get-it{
    text-align:center;
  }
}

@media (max-width:992px) {
  .hero .phone-preview{
    text-align:center;
  }
}

@media (min-width:360px) {
  .navbar-header .navbar-brand{
    visibility:hidden; 
    display:none;
      
    }
  #title .img1 img{
    width: 100%;
  }

  #titlehead .imghead img{
    width: 85%;
    padding-bottom: 5px;
  }

  #title .title_content h1{
    font-size: 55px;
  }

  #title .title_content1 h1, h2{
    font-size: 30px;
  }
}

@media (min-width:992px) {
  .hero .get-it{
    padding-right:30px;
  }
  
  #title .title_content h1{
    font-size: 75px;
  }

  #title .title_content1 h1, h2{
    font-size:40px;
  }

  .navbar-header .navbar-brand{
    visibility:visible; 
    display:inline-block;
      
    }

}



.hero .get-it h1, .hero .get-it p.text-uppercase{
  color:#07319d;
  text-shadow:2px 2px 3px rgba(0,0,0,0.3);
  text-align:left;
}

.hero .get-it .btn{
  margin-left:10px;
  margin-bottom:10px;
  text-shadow:none;
}

.icon-feature{
  text-align:center;
}

.icon-feature .glyphicon{
  font-size:60px;
}

@media (min-width:768px) {
  .site-footer .social-icons{
    text-align:right;
  }
}

#title{
  margin-top:50px;
  margin-left: 0px;
}

#titlehead{
  background:linear-gradient(rgba(100, 100, 100, 0.5), rgba(100, 100, 100, 0.9)),url(../../assets/img/PMDP.png) fixed center center;
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
  backface-visibility:inherit;
  padding-top: 0px;
  padding-bottom: 100px;
  margin-bottom: -49px;
}

.titlefoot{
  color: #FFF;
  font-size: 16px;
}

.titlefoot2{
  font-size: 16px;
}

#title h1, p{
  color: #fff;
}

.title-desc-1{
  color: #fff;
  font-size: 18px;
}

.title-desc-2{
  color: rgb(131, 38, 38);
  font-size: 20px;
}

#service {
  background: url(../../assets/img/service.jpg) fixed center center;
  background-size: cover;
  padding: 60px 0 40px 0;
  position: relative;
}

#service .container {
  position: relative;
  z-index: 10;
}

#service .about-col {
  background: #fff;
  border-radius: 0 0 4px 4px;
  box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.08);
  margin-bottom: 20px;
}

#service .about-col .img {
  position: relative;
}

#service .about-col .img img {
  border-radius: 4px 4px 0 0;
}

#service .about-col .icon {
  width: 64px;
  height: 64px;
  padding-top: 8px;
  text-align: center;
  position: absolute;
  background-color: #18d26e;
  border-radius: 50%;
  text-align: center;
  border: 4px solid #fff;
  left: calc( 50% - 32px);
  bottom: -30px;
  transition: 0.3s;
}

#service .about-col i {
  font-size: 36px;
  line-height: 1;
  color: #fff;
  transition: 0.3s;
}

#service .about-col:hover .icon {
  background-color: #fff;
}

#service .about-col:hover i {
  color: #18d26e;
}

#service .about-col h2 {
  color: #000;
  text-align: center;
  font-weight: 700;
  font-size: 20px;
  padding: 0;
  margin: 40px 0 12px 0;
}

#service .about-col h2 a {
  color: #000;
}

#service .about-col h2:hover {
  color: #18d26e;
}

#service .about-col p {
  font-size: 14px;
  line-height: 24px;
  color: #333;
  margin-bottom: 0;
  padding: 0 20px 20px 20px;
}

.img-service {
  display: block;
  padding-top: 10px;
  margin-top: 10px;
  width: 100%;
  height: 200px;
}

h1.serhead{
  font-family:Sarala;
  font-size: 26px;
}

section#features.features{
  /* background: linear-gradient(to right bottom, #0b386f 50%, #132d52 50%); */
  background: url(../../assets/img/about.jpg) fixed center center;
  background-size:cover;
  padding: 80px 0 60px 0;
}

section#features{
  padding-top: 40px;
}

h2#deschead.text-center{
  /*background-color:rgb(234,203,44); */
  font-family: Sarala;
}

h1#feathead{
  text-align:left;
  margin-top:30px;
  margin-bottom: 50px;
  color: #FFF;
}

section#features.features{
  margin-top:0px;
  padding-top: 40px;
}

table#tabschedule.table.table-striped.table-bordered.table-hover{
  border-width:0px;
}

/* class table head */


.scheduletabtd{
  background-color: #132d52;
  color: #FFF;
  text-align: center;
  font-weight: 700;
  width: 50%;
}

.scheduletabtd2{
  background-color: #008ed8;
  color: #FFF;
  text-align: center;
  font-weight: 700;
}


.scheduletabtd3{
  background-color: #b85a1d;
  color: #FFF;
  text-align: center;
}

.scheduletabtd5{
  background-color: #b85a1d;
  color: #FFF;
  text-align: justify;
}

.scheduletabtd4{
  background-color: #f7ca00;
  color: #000;
  text-align: center;
}

.scheduletabtd6{
  background-color: #f7ca00;
  color: #000;
  text-align: justify;
}

h1.itihead{
  text-align:center;
  font-family:Sarala;
  font-size: 26px;
  margin-bottom: 20px;
}

tr:nth-child(odd) #scheduletab{
  background-color: #ffff99;
}

tr:nth-child(even) #scheduletab{
  background-color: #ffcce6;
}

#schedule .scheduletab{
  font-size: 12px;
}

#schedule .scheduletabhead{
  font-size: 14px;
  background-color: cadetblue;
}

#schedule .scheduletabhead tr th{
 color: white;
 text-align: center;
 }
 
section#schedule{
  padding-top: 40px;
  padding-bottom: 40px;
}


footer#foot{
  margin-bottom:0;
}

.site-footer{
  padding:20px 0;
  text-align:center;
}

@media (min-width:768px) {
  .site-footer h5{
    text-align:left;
  }
} 

div.row {
  margin-right: 0px;
  margin-left: 0px;
}

.site-footer h5{
  color:inherit;
  font-size:20px;
}

.site-footer .social-icons a:hover{
  opacity:1;
}

.site-footer .social-icons a{
  display:inline-block;
  width:32px;
  border:none;
  font-size:20px;
  border-radius:50%;
  margin:4px;
  color:#fff;
  text-align:center;
  background-color:#798FA5;
  height:32px;
  opacity:0.8;
  line-height:32px;
}

.company-name{
  padding-top: 50px;
}

.footer-navigation p.company-name a{
  color:#8f9296;
}

.footer-navigation p.company-name a:hover{
  color:#008ed8;
}

h4#foothead2{
  color:#fff;
  margin-bottom:30px;
}

h4#foothead3{
  color:#fff;
  margin-bottom:30px;
}

a#hrbp{
  color:#008ed8;
}

div#imgtittle.col-lg-3.col-lg-push-1.col-md-3.col-md-push-1.col-sm-3.col-sm-push-2{
  margin-top:100px;
}


  /* @font-face{  
  font-family: 'din_alternatebold';
  src: url('../../assets/fonts/din_alternate_bold-webfont.woff2') format('woff2'),
       url('../../assets/fonts/din_alternate_bold-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  }

  @font-face{ 
  font-family: 'din_alternate_lightregular';
  src: url('../../assets/fonts/din_alternate_light-webfont.woff2') format('woff2'),
      url('../../assets/fonts/din_alternate_light-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  }
} */

/* set for laptop */

/* set for HP */
/* @media (min-width:380px) {
  #titlehead .img1 img{
    width: 300px;
  }
}

@media (min-width: 380px){
  .hero #titlehead .row{
    width: 482px;
    position: center;
  }
}

@media (min-width: 380px){
  .jumbotron {
    width: 482px;
  }
} */