.btn{
	border-radius: 5px;
	padding: 10px; 
	float: right;
	background:#425179;
	color: #fff;  
	margin-top: 50px;

    }
    .btn:hover{
    	color:#fff;

    }
   .view_box{
		padding: 50px; box-shadow: 0px 6px 20px 4px #6d7997;  
		margin: 20px;
		border-radius: 5px;text-align: center;

	}
	.view_box img{
		width:100%; height: 300px; 
		border-radius: 5px; margin-top:10px;border: 2px solid #c5c5c5; box-shadow: 8px 8px 10px #c5c5c5;

	}
	.view_box p{
		color:#425179;text-align: justify;
		padding: 0px 20px 0px 20px

	}
	@media only screen and (max-width: 992px){
		.view_box{
			padding: 5px;
			margin:5px;
		}
		.btn{
			margin-top: 10px;
			padding: 8px;

		}
		

	}
	


	/* --------search page---- */
	.error{
		text-align:center;
		
		border:1px solid grey;
		margin:90px 400px;
	        
	    padding:30px 50px;border-radius: 5px;box-shadow: 6px 6px 8px #6d7997;

	}
	.search_box{
		float:left;
		border:1px solid grey;
		margin:5px 10px;border-radius: 5px;
		box-shadow: 6px 6px 8px #6d7997;

	}
	.search_box img{
		width:100%;margin-top:10px;border-radius: 5px;

	}
	.search_box p{
		color:#425179;text-align: justify;

	}

	@media only screen and (max-width: 992px){
		.error{
			padding:10px;
			margin:20px 30px; 

		}

	}
	/*------CONTACT PAGE----*/
	#contact_heading{
		text-align: left; font-size:40px ; margin-bottom: 50px ;color: #102747;
	}
	#contact-btn{
		border-radius: 10px;
	                             padding: 10px 20px; border: none;
								background:#425179;
								color: #fff;
								cursor: pointer;
	}

	#contact_heading2{
		text-align: center; font-size:30px ; margin-bottom: 50px ;color: #102747

	}
	.col-md-4{
				margin-bottom: 20px;
			}
	.add_col_3{
		float: left ; display: inline-block;
	}
	.add_col_12{
		float: left ; display: inline-block;
		box-shadow: 0px 6px 20px 4px #6d7997;
		padding-bottom: 10px;margin-bottom: 20px;
		text-align: center;
		color: black; 
	}

	#add_frame{
		height: 300px ; width: 285px;border:none; padding: 8px 10px!important;

	}

	#add_btn{
		border-radius: 5px;
		margin-top: 20px;
		margin-right:70px ;
		border: none;
	}
	#add_btn:hover,#contact-btn:hover{
		background: #7490d8;
	}
	#add_btn a, .add_btn a:hover ,#contact-btn:hover{
		color: #fff;

	}

	@media only screen and (max-width: 992px){
		#add_frame{
		height: 200px ; width: 200px;

	}
	#add_btn{
		margin-right:40px ;

	}
	.add_col_3 span{
		font-size: 15px;

	}




	}



/* ----------------------PRODUCT PAGE--------------------------*/

#pageContent{
	margin: 50px 20px 50px 20px;

}
.aef{
	text-decoration:none; text-align:center; padding-left:20px; color: #ffffff !important;cursor: pointer;
}
#pro_heading{
	color: black;font-size: 35px;
	text-align: center;color: #0d2454!important;

}




.prd-grid:not(.prd-carousel) .prd:nth-child(3n+1) {
    clear: none;
}
.myproduct{
	float:left; height:100%; width:100%;
	box-shadow:0px 0px 10px #d0d0d0; 
	padding:10px;
	margin:10px;
	border:1px solid #d0d0d0;
	transition:0.6s all ease;
}
.myproduct:hover{
	box-shadow:0px 0px 30px #949393; 
	padding:10px;
	margin:10px;
	border:1px solid #d0d0d0;
	transition:0.6s all ease;

}

.sul {

	background: #0d2454; color: white; cursor:pointer;
}

.sul:hover {

	background: #304069;
}

.ul_active{

	background:#304069 ;
}



.myeffect_<?php echo $sns; ?>:hover{
	background:#<?php echo random_color();?>;
	transition:0.6s all ease;
}
.myeffect_<?php echo $sns; ?>{
	background:none;
	transition:0.6s all ease;
}
.myeffect_<?php echo $sns; ?>:hover a span {
	color:white;
}
.myeffect_<?php echo $sns; ?> a {
	border-left:6px solid #<?php echo random_color();?>; 
}
.myeffect_<?php echo $sns; ?>:hover a {
	border-left:6px solid white; 
}


@media only screen and (max-width: 992px){
#pageContent{
	margin: 10px 5px;

} 
 }

@media screen and (max-width: 2000px) and (min-width: 1100px) {
.prd-grid:not(.prd-carousel) .prd {
    width: calc(25% - 28px);
    float: left;
}
}