/* CSS Document */
.Portfolio2_banner{
    float: left;
    overflow: hidden;
    width: 100%;
}
.Portfolio2_banner_bgcolor {
    background-color: #8bc34a !important;
}
.backround_portal {
    background-image: url("../images/3.png");
}
.skew {
    min-height: 170px;
    position: relative;
}
.skew-bottom {
    padding-bottom: 170px;
}
.image_portal {
    background-attachment: fixed !important;
    background-position: 50% 100% !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}
.shape{
height: 170px;
left: 0;
overflow: hidden;
padding-left: 0 !important;
padding-right: 0 !important;
position: absolute;
transform: skewY(-5deg);
width: 100%;
z-index: 1;
}
.shape_color{ background-color: #fff;}
.shape_bottem{
    bottom: -85px;
	float: left;
}
.Portfolio2_heard{ width: 100%; float:left; padding:9% 0% 0% 22%; }
.Portfolio2_heard h3{ color: #fff; font-family:Geneva, Arial, Helvetica, sans-serif; font-size:25px;}
.Portfolio2_common  {
    width: 1170px;
}
.Portfolio2 {
    float: left;
    overflow: hidden;
    width: 100%;
}
.Portfolio2_left{  float: left; width:70%;}
.Portfolio2_left_full{float: left; padding-bottom: 70px; width: 100%;}
.Portfolio2_reight{
    width: 25%;
	float:right;
	
} 

.boxgrid{ 


				width: 216px; 

				height: 260px; 

				padding:20px 20px 15px 20px;

				float:left; 

				background:rgba(29, 29, 29, 0.9) url(../images/bx-grid.png) bottom left no-repeat ; 
				

				cursor:pointer;

				overflow: hidden; 

				position: relative; 

				

				 margin-left: 3%;

				margin-bottom:32px;
				border-radius: 0% 0;

	

			}

.link-wrap{ display:block;  text-decoration: none; }				

				

				.boxgrid p{ 

					

					color:#fff; 

					font-weight:normal; 

					font:13px Arial, Helvetica, sans-serif;

				}

				

			.boxcaption{ 

				float: left; 

				position: absolute; 

				background: #000; 

				height: 100px; 

				width: 100%; 

				opacity: .8; 

				/* For IE 5-7 */

				filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);

				/* For IE 8 */

				-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";

 			}

 				.captionfull .boxcaption {

 					top: 260;

 					left: 0;

 				}

 				.caption .boxcaption {

 					top: 220;

 					left: 0;

 				}

				.item{width:270px; height:260px; background:#699005; position: absolute; 

					top: 0; 

					left: 0;  }

					

.boxgrid h3{ font:18px Arial, Helvetica, sans-serif; font-weight:bold; text-transform:none; color:#FFF; text-decoration:none; } 

.boxgrid h4{ font:15px Arial, Helvetica, sans-serif; font-weight:bold; text-transform:none; color:#FFF; margin:15px 0 }

.item h4{ color:#fff;font:14px Arial, Helvetica, sans-serif;  margin:0;}

.cover-txt{ width:196px; height:33px; border:0px solid red; padding:5px 15px 10px 15px;}

.item h4 span{ font-weight:bold}

.boxgrid:nth-child(4n){ margin-right:0!important;}




/********************************************************Portfolio end***********************************************/



/********************************************************Services start***********************************************/


@media only screen and (min-width: 960px) and (max-width: 1169px) {
.Portfolio2_common { width: 100%; padding: 0 1%;}
.Portfolio2_left { width: 72%;}
.Portfolio2_reight { float: right; width: 28%;}
.boxgrid {   margin-left: 1%;}
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
.Portfolio2_common { width: 100%; padding: 0 1%;}
.Portfolio2_left { width: 100%;}
.Portfolio2_reight { float: right; width:  100%;  padding: 0 2%;}
.boxgrid {   margin-left: 2%;}
}
@media only screen and (min-width: 620px) and (max-width: 767px) {
.Portfolio2_common { width: 100%; padding: 0 1%;}
.Portfolio2_left { width: 100%;}
.Portfolio2_reight { float: right; width:  100%;  padding: 0 2%;}
.boxgrid {   margin-left: 4%;}
}
@media only screen and (min-width: 481px) and (max-width: 619px) {
.Portfolio2_common { width: 100%; padding: 0 1%;}
.Portfolio2_left { width: 100%;}
.Portfolio2_reight { float: right; width:  100%;  padding: 0 2%;}
.boxgrid {   margin-left: 3%;}
}
@media only screen and (max-width: 480px) {
.Portfolio2_common { width: 100%; padding: 0 1%;}
.Portfolio2_left { width: 100%;}
.Portfolio2_reight { float: right; width:  100%;  padding: 0 2%;}
.boxgrid {   margin-left: 4%;}
}