/* CSS Document */

html,body{
	margin:0;
	padding:0;
	height:100%;
	width:100%;
	background:url(../images/bg.jpg) no-repeat center top;
}	
*{
	padding:0;
	margin:0;
}
img {
	border:none;
	display:block;
	max-width:100%;
	height:auto;
	width:auto;
	}
a {
	text-decoration:none;
	font-weight:bold;
}
a:hover {
	text-decoration:none;
	color:#fff;
}
.underline {
	text-decoration:underline;
}
.underline:hover {
	text-decoration:none;
}
	
h1, h2, h3, h4, h5, h6, p, div, span, html, ol, ul, li, form,label {
	margin:0;
	padding:0;
}
ul{
	list-style-type:none;
	}
.spacer{
	clear:both;
	font-size:0;
	line-height:0;
	}
.flotleft{
	float:left;
	width:auto;
	}
.flotright{
	float:right;
	width:auto;
	}
	.clear
{
    clear: both;
}
form{
	margin:0;
	padding:0;
}
p  {
	text-align:justify;
	display: block;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
	display: block;
}

nav ul {
    list-style: none;
}




/**** Start Header ****/
.wrapper {
	width: 96%;	
	max-width: 980px;
	margin: auto;
}
.header_content {
width:100%;
float:left;
padding-top:1%;
}	
.logo {
width:18%;
float:left;
padding:0 0 0 0;
}
.logo .panch {
	float:right;
	padding:0 0 0 0;
}	
.logo img {
	float:left;
	padding:0 0 0 0;
}
.logo_info {
	width:64%;
	float:left;
}
.logo_info h3 {
	float:left;
	font-size:30px;
	color:#3e4095;
	width:99%;
	text-align:center;
	font-family: 'Hind', sans-serif;
}
.logo_info h5 {
	float:left;
	font-size:20px;
	color:#262627;
	width:99%;
	text-align:center;
	 font-family: 'Roboto-Regular';
}
.logo_info img {
	float:left;
	padding:0 0 0 15%;
}
.header_one {
	float:left;
	width:100%;
	background:#a42071;
	margin-top:5.3%;
}			


.banner_main_content {
	float:left;
	width:100%;
	padding:0 0 0 0;
}

/**** Product Home ***/
.product_main_content {
	float:left;
	width:100%;
	background:#f4f1f1;
	margin-top:5px;
}
.product_home_one {
	float:left;
	width:100%;
	padding:2% 0 2% 0;
}
.product_home_one h1 {
	float:left;
	font-size:35px;
	color:#a42071;
	width:100%;
	text-align:center;
font-family: 'Hind', sans-serif;
padding:0 0 1% 0;
}
.product_one_content {
	float:left;
	width:24%;
	padding-left:1%;
	padding-bottom:3%;
}
.product_one_content img {
	float:left;
	padding:5px 0 5px 0;
}
.product_one_content a {
}
.product_one_content a:hover {

}
.product_one_data {
	float:left;
	width:100%;
	background:#a42071;
	padding:0 0 0 0;
	margin-top:1%;
	margin-bottom:1%;
}
.product_one_data a {
	color:#ffffff;
	float:left;
	font-size:30px;
	width:100%;
	text-align:center;
	padding:1% 0 1% 0;
	font-family: 'Hind', sans-serif;
}
.product_one_data a:hover {

}		
			

/**** Product Home ***/



/**** Footer & Bottom ***/
.bottom_middle_content {
	float:left;
	width:100%;
}
.footer_main {
	float:left;
	width:100%;
}
.footer_contact {
	float:left;
	width:30%;
	padding:15px 0 10px 0;
}
.footer_contact img {
	float:left;
	padding:0 0 10px 40%;
}
.footer_contact h3 {
	float:left;
	font-size:17px;
	color:#343434;
	width:99%;
	text-align:center;
font-family: 'Hind', sans-serif;
}	
.footer_line {
	float:left;
	width:10px;
	border-left:1px solid #d3d3d3;
	height:60px;
	margin-top:3%;
}	

.social_content {
	float:left;
	width:30%;
	padding-left:41%;
}
.facebook_content {
	width:35%;
	float:left;
	padding:0 5px 0 0;
}
.facebook_content a {
		background:url(../images/facebook.jpg) no-repeat;
		width:100%;
		float:left;
height:30px;		
	}
.facebook_content a:hover {
		background:url(../images/facebook-over.jpg) no-repeat;
	}	
	
.youtube_content {
	width:34%;
	float:left;
}
.youtube_content a {
		background:url(../images/youtube.jpg) no-repeat;
		width:100%;
		float:left;
height:30px;		
	}
.youtube_content a:hover {
		background:url(../images/youtube-over.jpg) no-repeat;
	}			
		

.bottom_content {
	float:left;
	width:100%;
	background:#fddbc2;
	border-top:1px solid #8b4715;
}	
.bottom_data_content {
	float:left;
	width:40%;
	padding:10px 0 10px 0;
}
.bottom_data_content h1 {
	float:left;
	font-size:24px;
	color:#343434;
font-family: 'Hind', sans-serif;
	width:99%;
	padding:5px 0 5px 0;
}
.bottom_data_content p {
	float:left;
	font-size:23px;
	color:#343434;
	width:79%;
font-family: 'Hind', sans-serif;
	 padding:0 0 5px 0;
}
.bottom_data_content a {
	float:left;
	font-size:13px;
	color:#343434;
	width:99%;
font-family: 'Hind', sans-serif;
}
.bottom_data_content a:hover {
	color:#e82222;
}

.footer_menu {
float:left;
	width:30%;
	padding:10px 0 10px 0;
}
.footer_menu h1 {
	float:left;
	font-size:20px;
	color:#343434;
		 font-family: 'Roboto-Bold';
	width:99%;
	padding:5px 0 5px 0;
}

.footer_menu ul {
margin:0 0 0 0;
padding:0 0 0 0;
}
.footer_menu img {
	float:left;
	padding:5px 7px 0 0;
}	
.footer_menu ul li {
	float:left;
	display:inline;
	margin:0;
	padding:0;

	}
.footer_menu ul li a{
	float:left;
	width:200px;
	padding:0 5px 3px 0;
	font-size:22px;
	margin-top:5px;
	color:#525050;
	text-decoration:none;
	 font-family: 'Roboto-Regular';
	}
.footer_menu ul li a:hover {
	color:#007fdc;
}

.footer_logo {
	float:left;
	width:30%;
}
.footer_logo img {
	float:left;
	padding:20px 0 0 0;
}	
	
footer {
width:100%;
float:left;
background:#91bf4a;
padding:5px 0 5px 0;
}

.footer_end {
float:left;
width:100%;
}

.copyright_content {
	color:  #ffffff;
	font-size:12px;
	width:45%;
	font-family:arial;
	padding:8px 0 5px 0;
	float:left;
}  

.design_content {
	float:right;
	width:25%;
	padding:8px 0 5px 0;
}

.design_content a{
	text-decoration: none;
	color:#ffffff;
	font-family:arial;
	font-size:13px;
	font-weight:normal;
}
.design_content a:hover {
color:#f8ad36;
}


/**** Responsive ***/
@media only screen and (min-width:240px) {
.product_one_content {
	width:78%;
	padding-left:11%;
}
.footer_contact {
	width:90%;
}
.footer_line {
	width:99%;
	border-bottom:1px solid #d3d3d3;
	height:10;
	border-left:none;
	margin-top:0;
}
.bottom_data_content {
	width:100%;	
}
.bottom_data_content p {
	width:96%;
}
.footer_menu {
	width:60%;
}
.copyright_content {
	width:95%;
} 
.design_content {
	width:95%;
	float:left;	
}
}

@media only screen and (min-width:320px) {
.product_one_content {
	width:78%;
	padding-left:11%;
}
.footer_contact {
	width:90%;
}
.footer_line {
	width:99%;
	border-bottom:1px solid #d3d3d3;
	height:10;
	border-left:none;
	margin-top:0;
}
.bottom_data_content {
	width:100%;	
}
.bottom_data_content p {
	width:96%;
}
.footer_menu {
	width:60%;
}
.copyright_content {
	width:95%;
} 
.design_content {
	width:95%;
	float:left;	
}
}	


@media only screen and (min-width:360px) {
.product_one_content {
	width:70%;
	padding-left:15%;
}
}
@media only screen and (min-width:400px) {
.product_one_content {
	width:62%;
	padding-left:18%;
}
}
@media only screen and (min-width:460px) {
.product_one_content {
	width:54%;
	padding-left:22%;
}
@media only screen and (min-width:500px) {
.product_one_content {
	width:48%;
	padding-left:1%;
}
.footer_contact {
	width:33%;
}
.footer_line {
	width:1px;
	border-left:none;
	height:60px;
	border-bottom:none;
	margin-top:0;
}
.social_content {
	width:55%;
}
@media only screen and (min-width:560px) {
.product_one_content {
	width:45%;
	padding-left:4%;
}
@media only screen and (min-width:600px) {
.product_one_content {
	width:40%;
	padding-left:7%;
}
.bottom_data_content {
	width:40%;	
}
.bottom_data_content p {
	width:90%;
}
.footer_menu {
	width:30%;
}	
@media only screen and (min-width:640px) {
.product_one_content {
	width:35%;
	padding-left:10%;
}
@media only screen and (min-width:768px) {
.product_one_content {
	width:30%;
	padding-left:2%;
}
.footer_line {
	width:2px;
	border-left:1px solid #d3d3d3;
	height:90px;
	border-bottom:none;
	margin-top:3%;
}
.social_content {
	width:40%;
}.bottom_data_content {
	width:40%;	
}
.bottom_data_content p {
	width:79%;
}
.footer_menu {
	width:30%;
}
.copyright_content {
	width:45%;
} 
.design_content {
	width:31%;
	float:right;
}

@media only screen and (min-width:900px) {
.product_one_content {
	width:25%;
	padding-left:0;
}
@media only screen and (min-width:990px) {
.product_one_content {
	width:24%;
	padding-left:1%;
}
}
/**** Responsive ***/