@media only screen and (max-width: 767px){
    
	/* project page*/
	.back-button{text-align: right; margin-right:20px;}
.back-button img{width:auto;height:20px;}
	
article.proj-box {margin: 10px;}
	
	.project-title h2{margin-bottom: 20px; margin-left:20px;margin-right:20px;}
	.project-description h3{margin-bottom: 0px; margin-left:20px;margin-right:20px;}
	
	.img__wrap {width: auto;}
	/* Timeline for mobile*/
	#conference-timeline-mobile{display:block;margin-bottom: 60px;}
	#conference-timeline{display:none}
	
	.conference-center-line {height: 48%;  top: auto;  }
	
	.timeline-article img, .timeline2-article img {  height: 120px;   width: 120px;   border-radius: 50%;}
	
	.yeartext {font-size: 2.1rem;}
	.timeline2-article .content-left-container { float: left; padding-right: 10px;margin-right: 0px!important;} 
	
	.timeline2-article .content-left-container, .timeline2-article .content-right-container {max-width: 50%;}
	.content-right-container button{    text-align: left;    margin-left: 0;}
	.spin:hover::before,.spin:hover::after {border:0!important;}
	
	
    
	/* Timeline for mobile*/
	
    .banner div img{padding:0;}
    
    section.banner .crnr1, section.banner .crnr2, section.banner .crnr3 {
    width: 60%;
}
.video-container{position:relative;}
.video-hero{display: block;
    width: 100%;
    height: auto;
    margin-top: 0px; 
    margin-bottom: 0px; 
    position: relative; bottom: auto;}

article.proj-box-home .pic-holder .text-holder{
    position:relative;
   margin:0;
   width:100%;
       margin-top: 30px;
       text-align:center;
}

article.proj-box-home .pic-holder .text-holder h3 {
    color: #000;
    font-size: 1.6rem;
    font-weight: 600;
    margin-bottom: 10px;
}

article.proj-box-home .pic-holder .text-holder .bold-text,article.proj-box-home .pic-holder .text-holder p,article.proj-box-home .pic-holder .text-holder blockquote{
    color: #000;
    text-shadow: none;
}
article.proj-box-home .pic-holder .text-holder blockquote {font-size: 1.3rem;}


.title2222 h2 {font-size: 3rem;}
#subpages { display: block;margin-top: 30px;}
#subpages li{padding: 20px 0;    width: 50%;float: left;text-align:center;}
#subpages li a{margin-right:0;}

.about-content-left{padding-right: 0;}
	
	
/* home page  */

	.title111{
		margin-top:30px !important;
	}
	.welcome .title111 h1{
		font-size:18px;
	}
	.bey-section{
		padding:0;
		
	}
	.bey-section .container{
		margin-top:0px;
	}
	.welcome-content-left{
		text-align:center;
		padding:0;
	}
	.cntnt {
		text-align:justify;
		margin:0;
		padding:0px 10px;
	}
	.proj-box-home .pic-holder .text-holder h3 a{
		color:black;
		text-shadow: none;
	}
	.proj-box-home {
		margin-top:0px;
	}
	.proj-box-home .pic-holder{
		margin:10px 0;
	}
	.text-holder .bold-text{
		text-align:center;
	}
	.text-holder br{
		display:none;
	}
	.text-holder p{
		font-size:18px !important;
		text-align:justify;
	}
	.centered-btn{
		margin:0;
	}
	.video-hero{
		width:104%;
	}
	.projects .container{
		padding-top:5px;
		margin-top:5px;
	}

	.offcanvas-header button{
		border: none;
	}
	
	/* 	|| about us page || */
		
	.title2222{
		padding-top:20px !important;
		text-align:center;
	
	}
	.title2222 h2{
			font-size:30px !important;
	}
	#subpages li{
		padding:5px 0;
	}
	.mission-inner .row{
		padding-top:15px;
		
	}
	.mission-inner .row img{
		position:absolute;
		width:60px !important;
		top:10px;
	

	}
	.mission-inner {
		padding: 0 20px !important;
	}
	.mission-inner p{
		font-size:16px;
		line-height:1.5;
		margin:20px 0;
	}
	.about div.container{
		margin-top:0;
		
	}
	.about .title111{
		margin-top:0 !important;
		
	}
	.about .title111 h3{
		margin-bottom:20px;
		margin-top:15px;
	}
	.timeline-article img{
		margin-left:30px
	}
	 .timeline2-article img{
		margin-left:-15px;
	}
	.content-right-container{
		padding-left:20px !important;
	}
	.content-left-container{
		padding-right:20px !important;
	}
	.content-left-container p{
		text-align: right;
	}
	.content-left-container button{
		right:0;
	}
	.img__wrap{
		width:auto;
		height:auto;
	}
	
		
	
	.img__wrap img{
		
		width:100%;
		height:auto;
		
	}
	.teaminner{
		padding-bottom:20px !important;
	}
	.joinourteam{
		margin:auto;
		
	}
	.WhoWeAre h1{
		margin-bottom:10px;
	}
	.WhoWeAre{
	
		padding:0px 10px 0px 10px !important;
	
	}
	
	
	
	/* contact page*/
	
	.man{display:none;}
	.section-title{
		text-align:center;
	}
	.contact-content-left{
		padding-top:0px !important;
	
	}
	.contact-content-left .title111{
		margin-top:-25px!important;
	}
	
	.social-icons{text-align:center;}
	.contact-address{text-align:center;}
	.contact-address .txt{font-size:15px;}
	.contact-number{text-align:center;}

/* 	.contact .contct-icon{
		border:1px solid red;
		margin-left:50px;
	}
	
	.contact{
		font-size:14px;
	} */
	
	/* project page*/
	section.projects {margin-top:80px!important;}
	.col-desktop-no-left-padd{padding-left: 10px;}
	
	.all-services .service{display:block;}
	.all-services {width:100%;margin-left:10px; margin-right:10px;}
	.all-services .service h3{font-size:2rem; margin-top:20px;margin-top:10px;}
	.service-box .process-items{display:block;}
	.service-box .main-title {font-size: 2rem;}
	.all-services .service .circle {width: 40px;height: 40px;}
	.vid video{    width: 100%; height: auto;}
	
}