/*===================================================RESPONSIVE================================================= */
@media (min-width:1600px){

}
@media (max-width:1024px){
.container{
	width:100%;	
}

}
@media (max-width:980px){


}
@media (max-width:900px){

}

@media (max-width:800px){


}


@media (max-width:768px){
	.featured_area .container{
		background-size:auto 100%;
	}
}
@media (max-width:720px){

}
/*  #Mobile (Portrait) */
@media only screen and (max-width: 767px) {
.social ul{
	margin-bottom:10px;
}
.social ul li{
	margin: 0 5px;
}
}

@media (min-width:641px){

}
@media (max-width:640px){
.container{
	width:100%;	
}
.nav_area {
  padding-top: 20px;
}
.nav_menu{float:none; text-align:center;}
.social{
	text-align: center;
	margin-bottom: 20px;
}
.top_right_menu{
	text-align:center;
	padding-top:15px;
}
.logo{
	text-align: center;
}
.nav_menu .nav li{
	display:inline-block;
}
.nav_menu .dropdown-menu {
  border: none;
  border-radius: 0px;
  box-shadow: none;
  display: block;
  float: none;
  font-size: 14px;
  padding: 5px 0;
  position: relative;
  z-index: 1000;
}
.nav_menu .nav .dropdown-menu{
	visibility:visible;
	top:100%;
	opacity:1;
	padding-bottom:20px;
}
.nav_menu .dropdown-menu li a{
	font-size: 18px;
}
.nav_menu .nav .dropdown-menu li a{
	text-align:center;
}
.content_left{
	padding-right: 0px;
}

}
@media (max-width:600px){


}
/* #Mobile (Landscape)
================================================== */
/* Note: Design for a width of 480px */
@media (max-width: 480px) {


}
/* Note: Design for a width of 480px */
@media (max-width: 360px) {
.container{
	width:100%;	
}
.featured_area .container {
  background: #000100 url(images/topbg.png) no-repeat left center / 150% auto;
}
}
@media (max-width: 320px) {
.nav_menu .nav li a{padding-left:13px; padding-right:15px;}


}