/* Box CSS*/
.main_class
{
	width:100%;
	height:89%;
	position: fixed;
 margin-top:40px;
}
.top_class
{
	width:100%;
	height:47%;
      margin-top:20px;
}
.top1_img
{
	width:57%;
	height:100%;
	float:left;
border:3px solid #cccccc;	
}
.top2_img
{
     width:43%;
	height:100%;
	float:right;	
border:3px solid #cccccc;	
}
.bottom_class
{
	width:101%;
	height:47%;
}
.bottom1_img
{
	width:50%;
	height:100%;
	float:right;	
border:3px solid #cccccc;
}
.bottom2_img
{
     width:50%;
	height:100%;
	float:left;
   border:3px solid #cccccc;		
}


	.boxgrid{ 
		width: 100%; 
		height:100%; 
		float:left; 
		background:#DADAD5; 
		overflow: hidden; 
		position: relative; 
		background-size:cover;
		cursor:pointer;
		
		}
		.boxgrid img{ 
			position: absolute; 
			top: 0; 
			left: 0; 
			width:100%;
			height:100%;
			max-width:100%;
			max-height:100%;
		}
		.boxgrid p{ 
			padding: 2.5% 5%; 
			color:#fefefe; 
			font-weight:500;
			font-size:15px;
			cursor:pointer;
			text-align:justify;
			}
			.boxgrid h3{
			padding:2px 5%;
			line-height:30px;
			vertical-align:middle;
			}
		@media only screen and (max-width :1024px)and (max-width :1240px)
			{
			.boxgrid h3{
			padding:5px 5%;
			line-height:30px;
		
			vertical-align:middle;	
			}
			.boxgrid ul li{
			line-height:19px;
			font-size:12px;
			
			}
			}
		@media only screen and (max-width :750px)
			{
			.boxgrid h3{
			padding:2px 5%;
			line-height:30px;
			vertical-align:middle;
			}
			.boxgrid p{ 
			padding: 4.5% 5%; 
			font-size:12px;
			line-height:22px;
			}
			.boxgrid ul li{
			line-height:20px;
			font-size:13px;
			}
		}
		
		@media only screen and (max-width :500px)
			{
			.boxgrid h3{
			padding:2px 5%;
			line-height:30px;
			vertical-align:middle;
			}
			.boxgrid p{ 
			padding: 2.5% 5%; 
			font-size:13px;
			line-height:20px;
			}
			.boxgrid ul li{
			line-height:20px;
			font-size:11px;
			}
		}





	.boxcaption{ 
		float: left; 
		position: absolute; 
		background:#ff4250;
		height: 100%; 
		width: 100%; 
		opacity: .8; 
		left:5px;
		/* 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: 87%;
			left: 0;
			
		}
@media only screen and (min-width: 1367px) and (max-width: 1920px) 
{
.bottom_class
{
height:54%;
}
}
@media only screen and (max-width :600px)
{
.content_wrapper
{
height:100%;
}
#footer
{
text-align:center;
}

.main_class{
height:89%;
position:absolute;
overflow-y:auto;
overflow-x:hidden;
background:#ff0000;

}
.top1_class
{
width:600px;
height:auto;
padding:10px;
}
.top1_img,.top2_img{
display:block;
width:100%;
height:300px;

}

.bottom1_class
{
width:600px;
height:auto;

}
.bottom1_img,.bottom2_img{
display:block;
width:100%;
height:300px;

}
}