body{
	
	max-width: 100%;
    /*font-family: 'KoHo', sans-serif;*/

    font-family: 'Nanum Gothic', sans-serif;

    /*font-family: 'Krub', sans-serif;*/


}



  a.text-decoration-none {
  text-decoration: none !important;
}

a.text-decoration-none:hover {
  text-decoration: none !important;
}




#logonav{
	width: 100%;
	
	padding: 0px 50px;
	border-bottom: 1px solid #fff;

}

#logonav img{
	height:200px;

	/* margin: 0 auto; */
	padding-bottom: 25px;
}


 /* The side navigation menu */
.sidenav {
    height: 100%; /* 100% Full-height */
    width: 0; /* 0 width - change this with JavaScript */
    position: fixed; /* Stay in place */
    z-index: 1; /* Stay on top */
    top: 0; /* Stay at the top */
    left: 0;
    background-color: #232122; /* Black*/
    overflow-x: hidden; /* Disable horizontal scroll */
    padding-top: 60px; /* Place content 60px from the top */
    transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */
}

/* The navigation menu links */
.sidenav a {
    padding: 15px 8px 15px 8px;
    text-decoration: none;
    font-size: 17px;
    display: block;
    transition: 0.3s;
    text-align: center;
    border-bottom: 1px solid #fff;
    font-weight: bold;
    text-transform: uppercase;
    font-family: 'KoHo', sans-serif;
}

.sidenav a.mobileNavClose{
	border-bottom: none;

}

/* When you mouse over the navigation links, change their color */
.sidenav a:hover {
    background: #fff;
	color: #fbfbfb;
	border-bottom: 1px solid #fdfdfd;
}

.mobileNavActive {
    background: #fff;
	color: #272727;
	border-bottom: 1px solid #848484;
}

/* Position and style the close button (top right corner) */
.sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    /*margin-left: 50px;*/
}

/* Style page content - use this if you want to push the page content to the right when you open the side navigation */
#main {
    transition: width .5s;
    /*padding: 20px;*/
}

#mobileNav{
	display: none;
}

/* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
@media screen and (max-height: 450px) {
    .sidenav {padding-top: 15px;}
    .sidenav a {font-size: 18px;}
} 







#heroContainer{
	max-width: 100%;
	height: 100vh;
	position: relative;
  /*opacity: 0.85;*/
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../images/bg7.jpg");
  min-height: 100%;
}

.bgImg1{
  
}

.bgImg2{
  position: relative;
  /*opacity: 0.85;*/
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}




.bgImg1 {
  
}

.bgImg2 {
  background-image: url("../images/bg2.jpeg");
  min-height: 100%;
}



.bgContainer{
	position: absolute;
	top: 0;
	width: 100%;
	height: 100vh;
}




#navBarContainer{
	width: 100%;
	height: 150px;
}

.logo{
	width: 30%;
	float: left;
	padding: 5px 25px;
	
}

.logo img{
	width: 25%;
	box-shadow: 0 4px 10px rgba(66, 66, 66, 0.5);
}

.menu{
	position: relative;
	top: 33px;
	width: 70%;
	float: right;
	/*padding: 5px 25px;*/
	height: 100px;
}

.menu ul li{
	display: inline;
}

.menu ul li a{
	padding: 30px 50px;
	font-size: 16px;
	letter-spacing: 1px;
	font-weight: bold;
	text-transform: uppercase;
}

.menu ul li a:hover{
	border-top: 5px solid #42A5F5;
	text-decoration: none;
	color:  #42A5F5;
}

.navactive{
	border-top: 5px solid #42A5F5;
	text-decoration: none;
	color: #42A5F5;
}

#heroContant{
	width: 100%;
	color: #fff;
	text-align: center;
	padding-top: 35px;
}

#heroContant p{
	font-size: 26px;
}


#heroContant h1{
	font-size: 125px;
	margin:0px 0px 50px 0px;
}


#heroContant h1 span{
	font-family: 'KoHo', sans-serif;
	font-weight: bold;
	color: #42A5F5;
}

.ctaBtn{
	margin-top: 100px;
}

.ctaBtn a{
	padding: 20px 150px;
	background: #42A5F5;
	color: #fff;
	font-weight: bold;
	font-size: 20px;
	text-decoration: none;
	border-radius: 25px;
	border: 2px solid #2196F3;
}

.ctaBtn a:hover{
	background:  #2196F3;
}


#servicesContainer{
	width: 100%;
	height: 100vh;
	margin-bottom: 50px;
}

.header{
	padding: 25px 0px;
}

.header h1{
	font-weight: bold;
	text-transform: uppercase;
}

.header p{
	font-size: 17px;
	letter-spacing: 1px;
}

.contant{
	width: 80%;
	margin: 0 auto;
}



.serciceItem{
	width: 100%;
	height: 215px;
}

.serciceItemImg{
	width: 30%;
	float: left;
	padding: 25px;
}

.serciceItemImg img{
	width: 100%;
}

.serciceItemContant{
	width: 70%;
	float: right;
	color: #363636;
}

.serciceItemContant h3{
	font-weight: bold;
}

.serciceItemContant h5{
	letter-spacing: 1px;
}


.serciceItemImgBig img{
	width: 95%;
}

#bgImg2Container{
	width: 100%;
	height: 500px;
	position: relative;
}
.bgImg2ContainerItem{
	color: #fff;
	padding: 75px 0px;
}

.bgImg2ContainerItem h1{
	font-size: 85px;
	text-transform: uppercase;
}

.bgImg2ContainerItem h1 span{
	font-family: 'KoHo', sans-serif;
	color: #42A5F5;
}

.bgImg2ContainerItem p{
	font-family: 'KoHo', sans-serif;
	letter-spacing: 1px;
	font-size: 16px;
}

#testingContainer{
	width: 100%;
	height: 100vh;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	background-image: url("../images/1.jpg");
	padding-top: 150px;
}

.testingItems{
	width: 50%;
	/*background: red;*/
	padding: 0px 50px;
}

.testingItems h1{
	font-size: 75px;
	color: #363636;
	padding-bottom: 50px;
}
.testingItems h1 span{
	color: #42A5F5;
	font-family: 'KoHo', sans-serif;
}

.testingItems p{
	font-size: 25px;
	color: #363636;
	letter-spacing: 1px;
}


#protfolioContainer{
	width: 100%;
	/*height: 100vh;*/
	position: relative;
  /*opacity: 0.85;*/
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	background-image: url("../images/3.jpg");
 	min-height: 100%;
 	color: #fff;
 	padding: 50px 0px 75px 0px;
}


.protfolioItemContainer{
	width: 100%;
}


p.protfolioContainerPWidth{
	width: 65%;
	margin: 0 auto;
}


.protfolioItem{
	width: 31.1%;
	float: left;
	margin-right: 25px;
	background: rgba(127,127,127,0.2);
	padding: 30px 20px;
	border-radius: 35px 0px 35px 0px;
	margin-top: 15px;
	height: 75vh;
}

.protfolioItemBtn{
	width: 100%;
	height: 75px;
	/*background: red;*/
	margin-top: 50px;
}

a.moreProtfolio{
 width: 30%;
 margin: 0 auto;
 background: #42A5F5;
 display: block;
 padding: 18px;
 text-align: center;
 font-family: 'KoHo', sans-serif;
 color: #fff;
 font-size: 20px;
 border-radius: 5px;
 font-weight: bold;
}

a.moreProtfolio:hover{
	background: #2196F3;
}

.protfolioItemImg{border-radius: 35px 0px 35px 0px;}

.protfolioItemImg img{
	width: 100%;
	border-radius: 35px 0px 35px 0px;
}

.protfolioItemsContan h5{
	font-size: 25px;
	font-weight: bold;
	font-family: 'KoHo', sans-serif;
	
}

.protfolioItemsContan p{
	font-size: 16px;
	letter-spacing: 1px;
}

.protfolioItemsContan p span{
	font-size: 25px;
	font-weight: bold;
	font-family: 'KoHo', sans-serif;
	color:   #05b5b6 ;
}

#clientsContainer{
	width: 100%;
	/* height: 85vh; */
	position: relative;
  /*opacity: 0.85;*/
	background-attachment: fixed;
	/*background-position: left;*/
	background-repeat: no-repeat;
	background-size: cover;
	background-image: url("../images/rm380-12.jpg");
 	/* min-height: 50%; */
 	color: #fff;
 	padding-bottom: 50px;
	/* margin-bottom: 100px; */
}

#claintCarousel{
	height: 500px;
}

.carousel-caption{
	text-shadow: none;
	color: #363636;
}

.carousel-indicators li{
	background: #363636;
	border: 1px solid #000;
}

.carousel-control{
	color:#363636;
}

.carousel-control.left{
	background-image: none;
}

.carousel-control.right{
	background-image: none;
}

img.soLogo{
	width:600px;
}
img.licLogo{
	width:300px;
}
img.cwbLogo{
	width:125px;
}
img.mLogo{
	width:125px;
}
img.mpLogo{
	width:125px;
}


#footerContainer{
	background:  #272727;
	width: 100%;
	height: 100vh;
	color: #fff;
	padding-top: 50px;
}

.social{
	margin-top: 50px;
}

.sIcon a{
	color: #fff;
	padding: 25px;
	/*background: red;*/
	font-size: 50px;
	border-radius: 100px;
	width: 127px;
	height: 127px;
	display: block;
	border: 5px solid #fff;
}

.sIcon a:hover{
	background: #fff;
	color: #42A5F5;
	border-color: #50D3E7;
	transition: .5s ease-in-out;
}


#footerContainer h5{
	/* margin-bottom: 25px; */
	font-size: 20px;
	margin-top: 50px;
	font-weight: bold;
}



/*------------------------------- Home Style End Hear----------------------------------------*/










#aboutHeroContainer{
	width: 100%;
	height: 80vh;
	position: relative;
	/*opacity: 0.85;*/
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	background-image: url("../images/aboutBg1.jpg");
  	min-height: 100%;
}


#aboutHeroContant {
	width: 65%;
	margin: 0 auto;
	margin-top: 50px;
}

#aboutHeroContant h1{
	font-size: 50px;
	color:#fff;
	font-weight: bold;
	font-family: 'KoHo', sans-serif;
	text-align: center;
	letter-spacing: 1px;
	line-height: 75px;

}

#aboutDetailsContainer{
	height: 75vh;
	padding: 75px 0px;
}


.AboutContentHeader h1{
	font-weight: bold;
	font-family: 'KoHo', sans-serif;
	font-size: 45px;
	color: #363636;
}

.AboutContentHeader p{
	font-size: 17px;
	margin-bottom: 50px;
	font-weight: bold;
}


.aboutDetails p{
	font-size: 22px;
	margin-bottom: 25px;
}


#aboutBestContainer{
	width: 100%;
	height: 100vh;
	background: #272727;
	color: #fff;
	padding: 50px 0px;
}

.aboutBestItem{
	padding: 50px 25px;
	background: #fff;
	color: #282828;
	width: 30%;
	margin-right: 30px;
	height: 500px;
	margin-top: 50px;
	border-radius: 5px;
}

.aboutBestItem:hover{
	box-shadow: 0px 4px 18px 18px #9a9a9a;
	transition: .5s ease-in-out;
	background: #5b5b5b;
	color: #fff;
}

.aboutBestItem h1{
	font-size: 45px;
	font-family: 'KoHo', sans-serif;
	font-weight: bold;
}

.aboutBestItem h3{
	font-size: 30px;
	font-family: 'KoHo', sans-serif;
	font-weight: bold;
	margin-bottom: 25px;
}

.aboutBestItem p{
	font-weight: bold;
	letter-spacing: 1px;
	font-size: 18px;
}



#aboutCtaContainer{
	height: 100vh;
	width: 100%;
	position: relative;
	/*opacity: 0.85;*/
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	background-image: url("../images/aboutCtaBg.jpg");
  	min-height: 100%;
  	color: #fff;
  	padding: 200px 0px;
}

#aboutCtaContainer h1{
	font-size: 65px;
	font-family: 'KoHo', sans-serif;

}


#aboutCtaContainer p{
	font-size: 18px;
	margin-top: 25px;
}








/*---------------------------------About Page Style End Hear---------------------------------------*/


#portfolioHeroContainer{
	width: 100%;
	height: 100vh;
	position: relative;
	/*opacity: 0.85;*/
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	background-image: url("../images/portfolioBg.jpg");
  	min-height: 100%;
}



#portfolioHeroContant{
    width: 70%;
    margin: 0 auto;
    margin-top: 45px;

}

#portfolioHeroContant h1{
	color: #fff;
	text-align: center;
	line-height: 60px;
	font-size: 50px;
	font-family: 'KoHo', sans-serif;
}


#portfolioDetailsContainer{
	width: 100%;
	height: auto;
	padding: 75px 0px; 
}


.portfolioDetailsHeader h1{
	color: #42A5F5;
	font-family: 'KoHo', sans-serif;
	font-weight: bold;
	font-size: 40px;
	margin-bottom: 75px;
}

/*.portfolioDetailsItem*/

.portfolioDetailsItem{
	padding: 25px 25px;
	background: #fff;
	color: #272727;
	width: 30%;
	margin-right: 30px;
	height: 500px;
	box-shadow: 20px 20px 20px 20px #9a9a9a;
	border-radius: 5px;

}

.portfolioDetailsItem:hover{
	box-shadow: 0px 4px 18px 18px #ccc;
	transition: .5s ease-in-out;
	background: #272727;
	color: #fff;
}

.portfolioDetailsItem:hover > a.portfolioDetailsBtn{
	background: #fff;
	color: #272727;
	font-weight: bold;
}

.portfolioDetailsItemImg{
	/* width: 100%; */
	height:100px;
	padding: 5px;
	background: #fff;
	border: 3px solid #272727;
}
.portfolioDetailsItemImg img{
		height:80px;

}


.portfolioDetailsItem h3{
	font-family: 'KoHo', sans-serif;
	font-weight: bold;
}

.portfolioDetailsItem p{
	margin-bottom: 25px;
}

a.portfolioDetailsBtn{
	/*margin-top: 25px;*/
	background: #42A5F5;
	padding: 12px 45px;
	color: #fff;
	border-radius: 5px;
	font-family: 'KoHo', sans-serif;
}




/*-----------------------------------------Portfolio Page Style End Hear------------------------------*/




#portfolioDetailsPageHeroContainer{
	width: 100%;
	height: 40vh;
	position: relative;
	/*opacity: 0.85;*/
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	background-image: url("../images/portfolioBg.jpg");
  	min-height: 100%;
}


#portfolioDetailsPageHeroContant h1{
	text-align: center;
	color: #fff;
}

#protDetailsContainer{
	width: 100%;
}

.protDetailsImg{
	width: 100%;
	padding: 70px 0px;
}

.protDetailsImgItems{
	width: 100%;
	padding: 5px;
	border: 1px solid #ccc;
	margin-bottom: 25px;
}

.protDetailsImgItems img{
	width: 100%;
	padding: 5px;
}


.protDetailsText{
	padding: 75px 25px;
}

.protDetailsTextItems1{
	padding-bottom: 0px 25px 25px 25px;
	border-bottom: 1px solid #ccc;
}

.protDetailsTextItems1 h1{
	font-family: 'KoHo', sans-serif;
	margin-top: 0px;
	color: #42A5F5;
	font-weight: bold;
}


.protDetailsTextItems1 p{
	margin-bottom: 75px;
}

.protDetailsTextItems2{
	padding: 75px 0px;
}	


.protDetailsTextItems2 h4{
	font-family: 'KoHo', sans-serif;
	color: #42A5F5;
	font-weight: bold;
}

.protDetailsTextItems2 p{
	color:  #8a8989;
}








/*---------------------------------Portfolio Details Page Style End Hear------------------------------ */


#clientsHeroContainer{
	/* width: 100%;
	height: 100vh;
	position: relative;
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	background-image: url("images/clBg.jpg");
  	min-height: 100%; */
	  /* background-color:red; */
	  /* width: 100%;
	height: 40vh;
	position: relative;
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	background-image: url("../images/portfolioBg.jpg");
  	min-height: 100%; */
}

#clientsDetailsContainer{
	margin-top: 75px;
	margin-bottom: 75px;
}

#clientsHeroContant{
	width: 60%;
	margin: 0 auto;
}

#clientsHeroContant h1{
	text-align: center;
	color: #fff;
	font-size: 50px;
}

.clientsDetailsHeader{
	margin-bottom: 50px;
}

/* .clientsDetailsItems{
	width: 30%;
	background:  #42A5F5;
	padding: 75px 25px;
	margin-left: 25px;
	color: #fff;
	height: 700px;
	overflow: auto;
	margin-bottom: 50px;
} */

.clientsDetailsItems {
  width: 30%;
   background: #fff;
  padding: 40px;
  margin-left: 25px;

	color: #272727;
  height: 500px;
  overflow: auto;
  margin-bottom: 50px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
box-shadow: 20px 20px 20px 20px #9a9a9a;
	border-radius: 5px;
}


.clientsDetailsItems:hover{
box-shadow: 0px 4px 18px 18px #ccc;
	transition: .5s ease-in-out;
	background: #272727;
	color: #fff;
}

/* .clientsDetailsItems:hover > .clientsDetailsItemsImg{
	border: 2px solid #42A5F5;
} */

/* .clientsDetailsItems img{
	height:70px;
	margin-bottom: 25px;
} */

.clientsDetailsItems img {
  width: 100%;        /* Makes image fit width */
  height: auto;       /* Maintain aspect ratio */
  max-height: 80px;  /* Prevents it from being too tall */
  object-fit: contain; /* Ensures full image is visible inside the box */
  margin-bottom: 25px;
}


.clientsDetailsItems h1{
	font-family: 'KoHo', sans-serif;
	margin-bottom: 25px;
	letter-spacing: 1px;
	
	/* font-weight: bold; */
}

/* .clientsDetailsItems p{
	letter-spacing: 1px;
	font-size: 18px;
} */

.clientsDetailsItemsImg{
	height:80px;
	padding: 5px;
	background: #fff;
}












/*---------------------------------Clients Page Style End Hear------------------------------ */





#contactHeroContainer{
	width: 100%;
	height: 80vh;
	position: relative;
	/*opacity: 0.85;*/
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	background-image: url("../images/contactBg1.jpg");
  	min-height: 100%;
}


#contactHeroContant {
	width: 65%;
	margin: 0 auto;
	margin-top: 75px;
}

#contactHeroContant h1{
	font-size: 50px;
	color:#fff;
	font-weight: bold;
	font-family: 'KoHo', sans-serif;
	text-align: center;
	letter-spacing: 1px;
	line-height: 75px;

}


.contactContentHeader h1{
	font-weight: bold;
	font-family: 'KoHo', sans-serif;
	font-size: 45px;
	color: #363636;
}

.contactContentHeader p{
	font-size: 17px;
	margin-bottom: 50px;
	font-weight: bold;
}


#contactDetailsContainer{
	width: 100%;
	height: 100vh;
	padding: 75px 0px;
}



.contactDetailsItemsContainer{
	margin-top: 75px;
}

.contactDetailsItem{
	width: 24%;
	margin-right: 10px;
	background: #42A5F5;
	height: 350px;
	padding-top: 25px;
	color: #fff
}


.contactDetailsItem h4{
	font-size: 22px;
	margin-top: 40px;
	font-family: 'KoHo', sans-serif;
}

.contactDetailsItemIcon{
	width: 34%;
	height: 82px;
	border-radius: 100px;
	background: #fff;
	margin: 0 auto;
	font-size: 40px;
	padding-top: 12px;
	color: #42A5F5;
	margin-top: 25px;
}


.contactDetailsItem:hover {
	background: #fff;
	color: #42A5F5;
	border: 3px solid #42A5F5;
	box-shadow: 0px 4px 18px 18px #ccc;
}

.contactDetailsItem:hover > .contactDetailsItemIcon{
	background: #42A5F5;
	color: #fff;
}


#contactDetailsFromContainer{
	width: 100%;
	height: 100vh;
	background: #42A5F5;
	color: #fff;
	padding: 75px 0px; 
}

#contactDetailsFromContainer h1{
	font-family: 'KoHo', sans-serif;
	font-size: 40px;
	width: 70%;
	margin: 0 auto;
	text-align: center;
	margin-bottom: 50px;
}


.contactFromItem{
	background: #fff;
	color: #42A5F5;
	border-radius: 5px;
	margin-bottom: 25px;
	padding: 25px 60px;
}

.contactFromItem h5{
	font-size: 20px;
	font-weight: bold;
	font-family: 'KoHo', sans-serif;
}

.contactFromItem input{
	width: 100%;
	padding: 15px 5px;
	border: none;
	border-bottom: 1px solid #42A5F5;
}


.contactFromItem textarea{
	width: 100%;
	padding: 15px 5px;
	border: none;
	border-bottom: 1px solid #42A5F5;
}


.contactFromItemBtn button{
	width: 60%;
	margin: 0 auto;
	padding: 15px 0px;
	color: #42A5F5;
	font-size: 18px;
	font-weight: bold;
	font-family: 'KoHo', sans-serif;
	border-radius: 5px;
	border: none;
}

.contactFromItemBtn button:hover{
	background: #42A5F5;
	box-shadow: 0px 4px 18px 18px #024e4f;
	border: 2px solid #fff;
	color: #fff;
	transition: .5s ease-in-out;
}









#mapContainer{
	width: 100%;
	height: 80vh;
}



 @media only screen and (min-width:50px) and (max-width:500px) {

	#mobileNav{
		display: block;
		position: fixed;
		background: #232122;
		height: 75px;
		z-index: 100;
		top: 0;
		width: 100%;
	}

	#navBarContainer{
		display: none;
	}

	.mobileNavBar{
		width: 100%;
	}

	.mobileNavBar img{
		height: 68px;
		padding: 5px 0px 0px 20px;
	}
	
	#heroContant{
	padding-top: 225px;
	}

	#heroContant p{
		font-size: 18px;
	}


	#heroContant h1{
		font-size: 50px;
	}

	.ctaBtn a{
		padding: 15px 30px;
	}
	#servicesContainer{
	width: 100%;
	height: auto;
	margin-bottom: 50px;
	}

	#testingContainer{
	width: 100%;
	height: auto;
	padding-top: 75px;
	padding-bottom: 75px;
	}

	.testingItems{
		width: 100%;
		/*background: red;*/
		padding: 0px 15px;
	}

	#protfolioContainer{
	height: auto;
	padding-bottom: 75px;
	}

	.protfolioItem {
    width: 100%;
	}
	p.protfolioContainerPWidth{
	width: 100%;
	margin: 0 auto;
	}
	
	#clientsContainer{
		height: auto;
	}

	img.soLogo{
	width:228px;
	}
	img.licLogo{
		width:250px;
	}
	img.cwbLogo{
		width:125px;
	}
	img.mLogo{
		width:125px;
	}
	img.mpLogo{
		width:125px;
	}

	#footerContainer{
		height: auto;
	}

	#footerContainer img{
		width: 100%;
	}

	.sIcon a{
		display: block;
		margin: 0 auto;
		margin-bottom: 25px;
	}



a.moreProtfolio{
	width: 90%;
}

/*--------------------------Home Mobile Style End----------------------------------------------*/
 	#aboutHeroContainer{
	height: 80vh;
	margin-top: 0px;
}
	#aboutHeroContant{
		width: 100%;
		padding: 20px 0px;
	}

	#aboutHeroContant h1{
	font-size: 30px;
	color:#fff;
	font-weight: bold;
	font-family: 'KoHo', sans-serif;
	text-align: center;
	letter-spacing: 1px;
	line-height: 50px;
	margin-top: 150px;
	padding: 0px 20px;
	}

	#aboutDetailsContainer{
	height: auto;
	}



	#aboutBestContainer{
	height: auto;
	padding: 75px 20px;
	}


	.aboutBestItem{
		width: 100%;
		height: auto;
	}

	#aboutCtaContainer{
		height: auto;
	}

	#aboutCtaContainer h1{
		font-size: 45px;
	}



	/*------------------------------------ About Mobile Style End-----------------------------------------*/
	
	#portfolioHeroContant{
		width: 100%;
	}
	#portfolioHeroContant h1{
		font-size: 30px;
		line-height: 30px;
		/*padding-top: 50%;*/
		padding: 50% 25px; 
	}

/*------------------------------------ portfolio Mobile Style End-----------------------------------------*/






	.portfolioDetailsItem{
		width: 100%;
	}

	#portfolioDetailsPageHeroContainer{
		height: 350px;
	}

	#portfolioDetailsPageHeroContant h1{
		padding-top: 50%;
	}
	
/*------------------------------------ portfolio page details Mobile Style End-----------------------------------------*/

	#clientsHeroContant{
		width: 100%;
		padding-top: 100px;
	}

	#clientsHeroContant h1{
		font-size: 30px;
		margin-top: 75px;
	}

	.clientsDetails{
		width: 100%;
	}

	.clientsDetailsItems{
		width: 85%;
		margin: 0 auto;
		margin: 25px;
	}



















	#contactHeroContant{
		width: 100%;
		height: 100vh;
		margin-top: 0px;
	}

	#contactHeroContant h1{
		padding: 150px 0px 0px 0px;
	}

	#contactDetailsContainer{
		height: auto;
	}

	.contactDetailsItem{
		width: 100%;
		margin: 0 auto;
		margin-right: 0px;
		margin-bottom: 25px;
	}

	.contactDetailsItemIcon{
		height:95px;
		padding-top: 18px;
	}

	.contactDetailsItemsContainer{
		padding: 20px;
		/*width: 100%;*/
	}

	#contactDetailsFromContainer{
		height: auto;
		padding: 75px 20px;
	}

	.contactFromItem{
		padding: 25px 25px;
	}

 }