@media (min-width: 1200px) {
    .container{
        max-width: 1000px;
    }
}

@media screen and (max-width: 1200px){
	.update-box{
		right: 0;
	}

	.update-box span{
		right: 0;
	}

	.timeline-graphic{
		width: 960px;
	}

	.tg-text{
		width: 120px;
	}

	.tg-text h3,.tg-text p{
		font-size: 15px;
		margin-bottom: 10px;
	}

	.tg-text-1{
		left: 150px;
		top: 0;
	}

	.tg-text-2{
		left: 275px;
		top: 0;
	}

	.tg-text-3{
		left: 405px;
		top: 0;
	}

	.tg-text-4{
		left: 25px;
		top: 135px;
	}

	.tg-text-5{
		left: 150px;
		top: 135px;
	}

	.tg-text-6{
		left: 405px;
		top: 135px;
		width: 155px;
	}

	.tg-text-7{
		left: 555px;
		top: 135px;
	}

	.tg-text-8{
		left: 700px;
		top: 135px;
	}

	.md-video{
		width: 980px;
		margin:70px auto;
	}

	.md-video iframe{
		height: 450px;
	}
}


@media screen and (max-width: 992px){
	.hft_text ul{
		width: 100%;
	}

	.timeline-graphic{
		width: 750px;
	}

	.tg-text{
		width: 100px;
	}

	.tg-text h3,.tg-text p{
		font-size: 13px;
		margin-bottom: 10px;
	}

	.tg-text p{
		line-height: 15px;
	}

	.tg-text-1{
		left: 115px;
		top: 0;
	}

	.tg-text-2{
		left: 215px;
		top: 0;
	}

	.tg-text-3{
		left: 315px;
		top: 0;
	}

	.tg-text-4{
		left: 15px;
		top: 100px;
	}

	.tg-text-5{
		left: 115px;
		top: 100px;
	}

	.tg-text-6{
		left: 315px;
		top: 100px;
	}

	.tg-text-7{
		left: 435px;
		top: 100px;
	}

	.tg-text-8{
		left: 545px;
		top: 100px;
	}

	.newtl-row{
		margin-bottom: 0;
	}

	.newtl-text{
		height: 300px;
	}

	.md-video{
		width: 750px;
		margin:70px auto;
	}

	.md-video iframe{
		height: 350px;
	}

	.menu_bar ul li{
		display: inline-block;
		margin-left: 4px;
		margin-right: 4px;
	}

}

@media screen and (max-width: 768px){
	.home_sec{
		padding: 80px 0;
	}

	.mobile_nav{
		display: block;
		z-index: 33;
	}

	.header{
		top: 0;
	}

	.logo{
		float: none;
		text-align: center;
	}

	

  .icons-box{
    position: absolute;
    padding-right: 20px;
    right: 0px;
    top: 20px;
    width: 100%;
    z-index: 22;
  }
  
  .social-toggle-icon{
    display: block;
    margin-top: 3px;
    width: 25px;
  }

  .social-box{
    position: absolute;
    float: none;
    top: 70px;
    width: 100%;
    right: -100%;
    background-color: #7f2441;
    z-index:999;
    padding-top: 10px;
    padding-bottom: 10px;
    display: block;
  }
  
  .social-box.open{
    right: 0px;    
  }
  
  .social-box .social-icons{
    padding-bottom: 0px;
    height: 30px;  
  }
  
  .social-box .social-icons a{
    width: 30px;
    height: 30px; 
  }
  
  .menu_bar{
		position: absolute;
		float: none;
		top: 60px;
		background: #7f2441; 
		width: 100%;
		left: -100%;
		z-index: 999999999999999;
		padding: 10px 20px;

	}

	.menu_bar.open{
		left: 0;
	}
	.contact_icon{
	  margin-top: 5px;
    z-index: 22;
  }
  
  .update-box{
	    background-color: #971d3f;
	    top: 40px;
	 }

	 .update-box > span{
	    display: none;
	  }

	  .ub-box h3{
	    text-align: left;
	    color: #ffffff;
	  }

	  

	  .ub-box  input[type="text"],.ub-box  input[type="email"]{
	    background: transparent;
	    color: #e6e6e6;
	  }

	  .ub-box  textarea{
	    background: #ffffff;
	    border:1px solid #ffffff;
	    width: 90%;
	  }

	  .mob-left{
	    text-align: left !important;
	  }

	  .ub-box  input[type="submit"]{
	    background: #ffffff;
	    color: #a82750;
	  }

	  .ub-box  input[type="submit"]:hover,.ub-box  input[type="submit"]:focus{
	    background: #e6c7d0;
	  }

	  .ub-box input[type="text"]::-webkit-input-placeholder ,.ub-box input[type="email"]::-webkit-input-placeholder  {
	  -webkit-transition: opacity 0.5s linear; 
	  color: #e6e6e6;
	}

	  .ub-box input[type="text"]:focus::-webkit-input-placeholder,.ub-box input[type="email"]:focus::-webkit-input-placeholder  {
	    opacity: 0;
	  }

	  .ub-box input[type="text"]::-moz-placeholder ,.ub-box input[type="email"]::-moz-placeholder  {
	    opacity: 1;
	    -moz-transition:opacity 0.5s linear; 
	    color: #e6e6e6;
	  }

	  .ub-box input[type="text"]:focus::-moz-placeholder,.ub-box input[type="email"]:focus::-moz-placeholder  {
	    opacity: 0;
	  }

	.menu_bar{
		position: absolute;
		float: none;
		top: 60px;
		background: #7f2441; 
		width: 100%;
		left: -100%;
		z-index: 999999999999999;
		padding: 10px 20px;

	}

	.menu_bar.open{
		left: 0;
	}

	.menu_bar ul li{
		display: block;
		margin: 0;
		margin-bottom: 10px;
	}

	.wsf-text,.wss-text,.app-text{
		float: none;
		width: 100%;
	}

	.ws-img{
		text-align: center;
		margin-bottom: 30px;
	}

	.ws-img img{
		max-width: 300px;
		left: 0;
		right: 0;
		margin: auto;
	}

	.ws-first,.ws-sec{
		margin-bottom: 60px;
	}

	.grt-box{
		width: 100%;
	}

	.grf-head{
		margin-bottom: 40px;
	}

	.gr-first{
		margin-bottom: 80px;
	}

	.footer-form{
		width: 227px;
		margin: auto;
		margin-bottom: 30px;
		text-align: center;
	}

	.footer-links a,.copyright{
		text-align: center;
	}

	.ws-img-1,.ws-img-2,.ws-img-3{
		margin-top: 0;
		margin-bottom: 20px;
	}

	.bg_video{
		display: none;
	}

	.bg-image{
		display: block;
		position: absolute;
		left: 0;
		top: 0;
		right: 0;
		bottom: 0;
		width: 100%;
		height: 100%;
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
		z-index: -100;
	}

	.modal-dialog{
		width: auto;
	}

	.wppr-text{
		margin-left: 0;
	}

	.wppr-text p br{
		display: none;
	}

	.header{
		top: 0;
	}

	.logo img{
		width:200px;
	}

}

@media screen and (max-width: 520px){
	.eh-box{
		width: 100%;
	}

	.eh-date{
		width: 30%;
		padding-left: 10px;
	}

	.eh-date strong{
		font-size: 35px;
		line-height: 35px;
	}

	.eht-text a{
		left: 35%;
	}

	.eht-text{
		width: 60%;
		left: 0;
	}

	.eht-text p{
		font-size: 14px;
		line-height: 16px;
	}
}

@media screen and (max-width: 480px){
	.hft_form input[type="text"], .hft_form input[type="email"]{
		width: 100%;
	}

	.video_holder img{
		width: 100%;
	}

	.eht-text h3{
		font-size: 20px;
		margin-bottom: 5px;
	}

	.eht-text a{
		left: 36%;
	}

	.newtl-col{
		width: 100%;
		float: none;
	}

	.newtl-text{
		height: auto;
		margin-bottom: 100px;
	}

	.social-icons a{
		margin-left: 5px;
		margin-right: 5px;
	}

  .social-toggle-icon{
	  margin-left: 5px;
	}
}

@media screen and (max-width: 350px){
	.social-icons a{
		margin-left: 0px;
		margin-right: 0px;
	}
	
	
}