.navbar-toggler.collapsed:before{content: "Menu";}
.navbar-toggler:before{content: "Close";}


@media screen and (max-width: 1300px) {
  .navbar-nav{margin-right:8%;}
}
@media screen and (max-width: 1200px) {
  .hometext h1{font-size:60px;}
}

@media screen and (max-width: 1024px) {
	.navbar-nav{margin-right:10%;}
	  .intro{margin:0;}
	  .hometext h1{font-size:50px;}
	  .homefotter{font-size:12px;}
}

@media screen and (max-width:1000px) {
	.container, .container-md, .container-sm{max-width:100% !important;}
	.displayMobile{display:block;}
	.displayDesktop{display:none;}
	.ipadtxtleft{text-align:left !important;}
	.ipadtxtright{text-align:right !important;}
	.navbar-toggler{border:1px solid #FFF; width:auto; float:left; width:60px; font-size:14px; padding:5px 8px 2px 8px; color:#FFF; display:block; transform: translate(0,-15px);}
	.navbar-brand1{margin-top:40px;}
	.topspace{height:90px;}
	header{height:50px; z-index:1;}
	header .logo{width:150px;  margin-top:5px;}
	header .logo1{margin-top:10px; width:100px}
	.homeimg{margin-top:0;}
	.navbar-brand{z-index:1;}
	.navbar-brand1{margin-right:0;}
	.navbar-nav{transform: translate(0,0); margin-top:30px;}
	.hometext{height:auto; min-height:inherit; max-width:100%; margin-top:50px;}
	.homefotter{max-width:none; margin-top:50px;}
	.navbar{position:static;}
	.navbar-nav{margin-right:0;}
	.navbar-collapse{background-color:#4f3c98; position:absolute; top:50px; left:0px; width:100%;}
	.nav-link{line-height:35px; border-bottom:1px solid #686868; font-size:14px; margin:0 20px;}
	.navbar-nav li.active .nav-link, .nav-link:hover{color:#f2dd25; border-bottom:1px solid #686868;}
	
	.navbar-nav .dropdown-menu {
    background-color: transparent;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
	font-size:14px;
  }  
  .dropdown-item{color:#ffffff;}
  .dropdown-item::after{display: inline-block;
    margin-right: 10px;
    margin-top: 5px;
    content: "";
    border-top: .3em solid transparent;
    border-right: .3em solid transparent;
    border-bottom:.3em solid transparent;
    border-left: .3em solid ; float:left;}
	
	.aboutcpd .img,.objective .img, .benefits .img img, .evaluation .img img{margin-top:30px; display:block !important;}
	.aboutcpd .img img, .objective .img img, .benefits .img img, .evaluation .img img{margin:0 auto;}
	.aboutinner{padding-left:0px;}
	.DRFHE{padding-top:0; padding-bottom:0;}
	.DRFHE .aboutinner{padding-top:20px;}
	.DRFHEbg{border:15px solid #4f3e98; background-image:none; padding:0;}
	.DRFHEbg1{border-left:0px solid #4f3e98; border-right:0px solid #4f3e98; }
	.DRFHE h1{font-size:25px;}
	.benefits h2{margin-top:50px;}
	
	.evaluation h2{text-align:center; margin-top:30px;}
	.evaluationinner{padding-left:0;}
.evaluation h1{text-align:center;}
.evaluation h1 span{width:70px; height:5px; background-color:#1c9d87; display:block; position:absolute; bottom:0; left:50%; margin-left:-35px;}
.que-detail p{line-height:normal;}

	
	
  
}

@media screen and (max-width:480px){
	header .logo1{margin-top:0; width:100px}
.navbar-brand1{margin-top:50px;}
	.navbar-toggler{transform: translate(0,-10px);}
	.fullHeight{height:calc(100vh - 65px);}
	.ipadtxtleft{text-align:center !important;}
	.ipadtxtright{text-align:center !important;}
	footer .float-left,footer .float-right{text-align:left; font-size:14px; width:100%;}
	.hometext h1{font-size:30px;}
	header .logo{width:120px; margin-left:0px; margin-top:5px;}
	.aboutcpd h1, .DRFHE h1, .objective h1, .benefits h1, .evaluation h1, .preque h1, .postque h1, .postque.odd h1, .postque.even h1{font-size:25px;}
	.aboutcpd h2, .DRFHE h2, .objective h2, .benefits h2, .evaluation h2, .postque.odd h2, .postque.even h2{font-size:14px;}
	.postque.odd .summary, .postque.even .summary{font-size:18px; line-height:normal;}
	.postvdiv{margin-top:0px; float:left;}
	.questiontext .no{display:none;}
	.pre-que{margin-top:0;}
	.postque.odd .buttonrow, .postque.even .buttonrow{margin-bottom:10px;}
	.postque.odd .buttonrow .common_btn, .postque.even .buttonrow .common_btn{margin-bottom:10px; min-width:280px;}
	
	.videopopbg{width:96%; max-width:900px; background-color:#FFF; border-radius:5px; padding:10px;  position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); color:#222;}
.videopopbg .common_btn{padding:0; height:30px; width:30px; text-align:center; line-height:30px; position:absolute; right:-10px; top:-10px;}
.common_btn.downloadbtn {float:right; margin-bottom:15px;}
}




@media only screen and (min-width: 768px) {
  #cd-timeline {
    margin-top: 3em;
    margin-bottom: 3em;
  }
  #cd-timeline::before {
    left: 50%;
    margin-left: -2px;
  }
}

.cd-timeline-block {
  position: relative;
  margin: 2em 0;
}
.cd-timeline-block:after {
  content: "";
  display: table;
  clear: both;
}
.cd-timeline-block:first-child {
  margin-top: 0;
}
.cd-timeline-block:last-child {
  margin-bottom: 0;
}
@media only screen and (min-width: 768px) {
  .cd-timeline-block {
    margin: 4em 0;
  }
  .cd-timeline-block:first-child {
    margin-top: 0;
  }
  .cd-timeline-block:last-child {
    margin-bottom: 0;
  }
}

.cd-timeline-img {
  position: absolute;
  top: 8px;
  left: 12px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border:3px solid #fff;
  box-shadow: 0 0 10 0 rgba(0, 0, 0, 0.3);
}
.cd-timeline-img {
  background: #1c9d87;
}
@media only screen and (min-width: 768px) {
  .cd-timeline-img {
    width: 20px;
    height: 20px;
    left: 50%;
    margin-left: -10px;
    margin-top: 10px;
    /* Force Hardware Acceleration in WebKit */
    -webkit-transform: translateZ(0);
    -webkit-backface-visibility: hidden;
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
  }
}

.cd-timeline-content {
  position: relative;
  margin-left: 60px;
  margin-right: 30px;
  background: #ffffff;
  border-radius: 2px;
  padding: 1em; border-radius:0.3em; -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.1);
box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.1);}
  .timeline-content-info {
    background: #2B343A;
    padding: 5px 10px;
    color: rgba(255,255,255,0.7);
    font-size: 12px;
    box-shadow:  inset 0 2px 0 rgba(0, 0, 0, 0.08);
    border-radius: 2px;
    i {
      margin-right: 5px;
    }
    .timeline-content-info-title, .timeline-content-info-date {  
      width: calc(50% - 2px);
      display: inline-block;
    }
    @media (max-width: 500px) {
      .timeline-content-info-title, .timeline-content-info-date {  
        display: block;
        width:100%;
      } 
    }
  }
  .content-skills {
    font-size: 12px;
    padding:0;
    margin-bottom: 0;
    display:flex;
    flex-wrap: wrap;
    justify-content: center;
    li {
      background: #40484D;
      border-radius: 2px;
      display: inline-block;
      padding: 2px 10px;
      color: rgba(255,255,255,0.7);
      margin: 3px 2px;
      text-align: center;
      flex-grow: 1;
    }
  }
}
.cd-timeline-content:after {
  content: "";
  display: table;
  clear: both;
}


.cd-timeline-content::before {
  content: '';
  position: absolute;
  top: 16px;
  right: 100%;
  height: 0;
  width: 0;
  border: 7px solid transparent;
  border-right: 7px solid #ffffff;
}


@media only screen and (min-width: 768px) {
  .cd-timeline-content {
    margin-left: 0;
    padding: 1.6em;
    width: 36%;
    margin: 0 10%
  }
  .cd-timeline-content::before {
    top: 24px;
    left: 100%;
    border-color: transparent;
    border-left-color: #ffffff;
  }
  
  .cd-timeline-block:nth-child(odd) .cd-timeline-content {
    float: right;
  }
  .cd-timeline-block:nth-child(odd) .cd-timeline-content::before {
    top: 24px;
    left: auto;
    right: 100%;
    border-color: transparent;
    border-right-color: #ffffff;
  }
 
}