body{
	background: url('../../assets/images/background.png');
	color: #3F4148;
	font-family: arial;
	font-size: 14px;
	padding: 0;
	margin: 0;
}
* img{border:0px;}
#page_wrapper{
	width: 1000px;
	margin: 30px auto;
	overflow: hidden;
	border-radius: 5px;
}
#left_wrapper{
	width: 800px;
	float: left;
	

}
#left_wrapper .left_content{
	padding:20px 10px;
}
#left_wrapper .left_content p{
	text-align: justify;
	line-height: 20px;
}

#right_wrapper{
	width: 200px;
	float: left;
	
	
}
#right_wrapper .right_content{
	padding:20px 10px;
}

#right_wrapper .right_content .recent_post{
	margin-bottom: 20px;
}
#right_wrapper .right_content .recent_post ul li{
	list-style: none;
	margin-left: -40px;
}

#right_wrapper .right_content .recent_post ul a{
	text-decoration: none;
	color:#555;
}
#right_wrapper .right_content .recent_post h3{
	text-align: left;
}

#right_wrapper .right_content .social_media{
	margin-bottom:20px;
	margin-left: -40px;
	margin-top:-14px;
	
}

#right_wrapper .right_content .social_media ul li{
	list-style: none;
	display: inline-block;
	*display: inline;
	zoom:1;
	
	
}

#right_wrapper .right_content .left_images{
	text-align: center;

}

#left_wrapper #home_content{
	background: url('../../assets/images/home_bg.png') top right no-repeat;
	min-height: 558px;
}

#left_wrapper .inner_header_content{
	background: url('../../assets/images/logo_small.png') top left no-repeat;
	min-height: 169px;
	text-align: justify;
	padding-left: 180px;
}

.logo{
	background: url('../../assets/images/logo_small.png') top left no-repeat;
	min-height: 169px;
}



#left_wrapper .home_inner_content{
	width:500px;
	text-align: justify;
}


#left_wrapper #care_content{
	background: url('../../assets/images/instruction_image.png') bottom right no-repeat;
	min-height: 516px;
}

#left_wrapper .care_inner_content{
	width:420px;
	text-align: justify;
}

#left_wrapper .home_inner_content ul li{
	margin-left:-25px;
}

#left_wrapper .home_header_content img{
	width: 145px;
	height: 169px;
	text-align: left;
}



header{
	width: 100%
	clear: both;
	padding:10px;
}
nav ul {
	background: #1976bc;
	overflow: hidden;
	color: inherit;
	padding: 0;
	margin: 0;
	text-align: center;
	-webkit-transition: max-height 0.4s;
	-ms-transition: max-height 0.4s;
	-moz-transition: max-height 0.4s;
	-o-transition: max-height 0.4s;
	transition: max-height 0.4s;
}
nav ul li{
display: inline-block;
*display:inline;
zoom:1;
padding:15px 20px;
}
nav ul li:hover{
background: #cccccc;
}

nav ul li a{
	text-decoration: none;
	color: white;
	
}

.menu_handle{
	width: 100%;
	box-sizing:border-box;
	text-align: left;
	padding: 15px 10px;
	cursor: pointer;
	color:white;
	display: none;
	font-weight: bold;
	background: gray;
}
.iconmenu{
background: top center no-repeat url('../../assets/images/menu.png');
width: 35px;
height: 35px;
float: right;
margin-top:-10px;
}

footer{
	clear: both;
	width: 100%;
	 
}
footer .footer_content{
	padding: 10px;
	color:#555;
	
	
}

footer .footer_content p{
	margin: 0;
	}



@media screen and (max-width: 959px){
	#page_wrapper{
		width: 100%;
		
	}
	#left_wrapper{
		width: 70%;
	}

	#left_wrapper img{
		width: 100%;
	}

	#left_wrapper iframe{
		width: 100%    !important;
  		height:315px   !important;
	}


	#right_wrapper{
		width: 30%;
	}

	#left_wrapper .home_inner_content{
	width:350px;
    }


	header img, #right_wrapper img{
		width: 100%;
	}

	#left_wrapper .home_inner_content{
	width:100%;
	
}

	footer .footer_content p img{
	width: 100%;
}


	
}
@media screen and (max-width: 920px){
	nav ul{
	max-height: 0;	
	}
	.showing{
	max-height: 30em;
	}

	nav ul li{
		box-sizing:border-box;
		width: 100%;
		padding:15px 15px 15px 20px;
		text-align: left;
	}
	.menu_handle{
		display: block;
	}

	#left_wrapper #home_content{
	background-image: none ;
	
}

	#left_wrapper .home_inner_content{
	width:100%;
	
}

	footer .footer_content p img{
	width: 100%;
}



#left_wrapper #care_content{
	background-image: none;
	width: 100%;
	min-height: inherit;

}

#left_wrapper .care_inner_content{
	width:100%;
	text-align: justify;
}



#left_wrapper .care_inner_content{
	width:100%;
	text-align: justify;
}

}


@media screen and (max-width: 640px){
	#left_wrapper{
		width: 100%;
	}
	#right_wrapper{
		width: 100%;
	}
	#right_wrapper img{
		width: 250px;
		height: 250px;
	}

	#left_wrapper #home_content{
	background-image: none ;
	
}

#left_wrapper .home_inner_content{
	width:100%;
	
}

footer .footer_content p img{
	width: 100%;
}

	

#left_wrapper #care_content{
	background-image: none;
	width: 100%;
	min-height: inherit;
}

#left_wrapper .care_inner_content{
	width:100%;
	text-align: justify;
}

#left_wrapper .inner_header_content{
background-image: none;
padding: 0px;
	}

#left_wrapper .home_header_content{
	text-align: center;
}	

	
}


@media screen and (max-width: 320px){
	#page_wrapper{
		width: 320px;
	}

	#right_wrapper img{
		width: 100%;
		height: 100%;
	}


	#left_wrapper #home_content{
	background-image: none ;
	
}
#left_wrapper .home_inner_content{
	width:100%;
	
}

footer .footer_content p img{
	width: 100%;
}

#left_wrapper .home_header_content{
	text-align: center;
}	

}

.predesigned_content{
	width: 100%;
	margin: 20px;
	overflow: auto;
}
/*Pre-designed themes page*/
.thumbnails {
  width: 60%;
  float:left;
  margin: 0;
  margin-left: 170px;
  overflow: auto;
}

@media screen and (max-width: 920px){

	.thumbnails {
		width: 100%;
	}
}
 
.thumbnails ul {
    padding: 0;
    list-style-type: none;
}

.thumbnails ul li{
	display: inline-block;
	list-style-type: none;
}

.thumbnails ul a, .thumbnails ul p{
   font-weight: bold;
   text-decoration: none;
   text-align: center;
   display: block;
}
 
.thumbnails li img {
  margin: 5px;
  border: 5px solid #333;
 -moz-transition: all 0.2s ease-in-out;
 -webkit-transition: all 0.2s ease-in-out;
 transition: all 0.2s ease-in-out;
}

.thumbnails li img:hover {
border: 5px solid #1976bc;
}

.thumbnail-title{
	text-transform: uppercase;
}