@charset "utf-8";
/* CSS Document */
.boxcb{
	/*background-color: aqua;*/
	/*width: 310px;
	height: 200px;
	margin-left: 10px;
	margin-top: 10px;*/
	margin-top: 12px;
	/*width: 465px;
	height: 300px;*/
	width: 310px;
	height: 200px;
	/*background-image: url("img/portfolio/logo mockup.jpg");*/
	
}
.boxcb1 .toggle-btn .tbox{
	
	/*opacity: 0.0;*/
	
}
.boxcc1 .tbox{
	
	/*opacity: 0.0;*/
}
.boxcd1 .tbox{
	
	/*opacity: 0.0;*/
}
.boxcb1{
	background-image: url("../img/portfolio/logo/8.jpg");
  background-size: cover;
  background-position: center;
  width: 100%;
  max-width: 400px;
	
	height: 200px;
  margin: 0 auto;
  /*padding: 20px;*/
  text-align: left;
	margin-top: 25px;
	
}

.boxcb2{
	background-image: url("../img/portfolio/logo/6.jpg");
  background-size: cover;
  background-position: center;
  width: 100%;
  max-width: 400px;
	
	height: 200px;
  margin: 0 auto;
  /*padding: 20px;*/
  text-align: left;
  margin-top: 25px;
	
}
.boxcb3{
  background-image: url("../img/portfolio/logo/7.jpg");
  background-size: cover;
  background-position: center;
  width: 100%;
  max-width: 400px;
  height: 200px;
  margin: 0 auto;
  /*padding: 20px;*/
  text-align: left;
  margin-top: 25px;
	
}
.boxcc{
	/*background-color: aqua;*/
	/*width: 310px;
	height: 200px;
	margin-left: 10px;
	margin-top: 10px;*/
	margin-top: 10px;
	/*width: 465px;
	height: 300px;*/
	width: 310px;
	height: 200px;
	/*background-image: url("img/portfolio/websitemockup.jpg");*/
	
}
.boxcc1{
	background-image: url("../img/portfolio/website/rashik.jpg");
  background-size: cover;
  background-position: center;
  width: 100%;
  max-width: 400px;
  height: 200px;
  margin: 0 auto;
  /*padding: 20px;*/
  text-align: left;
  margin-top: 25px;
	
}
.boxcc2{
	background-image: url("../img/portfolio/website/medico.jpg");
  background-size: cover;
  background-position: center;
  width: 100%;
  max-width: 400px;
  height: 200px;
  margin: 0 auto;
  /*padding: 20px;*/
  text-align: left;
  margin-top: 25px;
}
.boxcc3{
	background-image: url("../img/portfolio/website/fastscraps.jpg");
  background-size: cover;
  background-position: center;
  width: 100%;
  max-width: 400px;
  height: 200px;
  margin: 0 auto;
  /*padding: 20px;*/
  text-align: left;
  margin-top: 25px;
	
}
.boxcd{
	/*background-color: aqua;*/
	/*width: 310px;
	height: 200px;
	margin-left: 10px;
	margin-top: 10px;*/
	margin-top: 10px;
	/*width: 465px;
	height: 300px;*/
	width: 300px;
	height: 300px;
	/*background-image: url("img/portfolio/ui designs.jpg");*/
	
}
.boxcd1{
	background-image: url("../img/portfolio/All/socialmedia/6.jpg");
  background-size: cover;
  background-position: center;
  width: 100%;
  max-width: 400px;
  height: 300px;
  margin: 0 auto;
  /*padding: 20px;*/
  text-align: left;
  margin-top: 25px;
}
.boxcd2{
	background-image: url("../img/portfolio/All/socialmedia/7.jpg");
  background-size: cover;
  background-position: center;
  margin: 0 auto;
  max-width: 400px;
  width: 100%;
 
  height: 300px;
 
  /*padding: 20px;*/
  text-align: left;
  margin-top: 25px;
}
.boxcd3{
  background-image: url("../img/portfolio/All/socialmedia/8.jpg");
  background-size: cover;
  background-position: center;
  margin: 0 auto;
  width: 100%;
  max-width: 400px;
  height: 300px;
  
  /*padding: 20px;*/
  text-align: left;
  margin-top: 25px;
	
}
/*.boxca{
	background-color: aqua;
	/*width: 310px;
	height: 200px;
	margin-left: 10px;
	margin-top: 10px;
	margin-top: 10px;
	width: 620px;
	height: 620px;
	background-image: url("img/portfolio/socialmedia/socialmedia.jpg");
	
}*/
.box{
	/*background-color: aqua;*/
	margin-left: 0;
		margin-right: 0;
		width: 100%;
		height: auto;
	
  margin: 0 auto;
  max-width: 400px;
	 background-position: center;
	margin-top: 25px;
}
.boxa{
	/*background-color: none;*/
	/*width: 305px;
	height: 200px;
	margin-left: 10px;
	
	margin-top: 10px;*/
	margin-left: 0;
		margin-right: 0;
		width: 100%;
		height: auto;
	 background-size: cover;
	margin: 0 auto;
  
  max-width: 400px;
	
	margin-top: 25px;
	
	
	
}
.boxb{
	/*background-color: blue;*/
	/*width: 300px;
	height: 300px;
	margin-left: 10px;
	margin-top: 10px;*/
	margin-left: 0;
		margin-right: 0;
		width: 100%;
		height: auto;
	margin: 0 auto;
	
  max-width: 400px;
	
	margin-top: 25px;
	
}
.toggle-btn{
	text-align: center;
}
.btn-group{
	text-align: center;
}