/* Responsive styles
================================================== */

/* Large Devices, Wide Screens */
@media (min-width : 1200px) {

	/* Dropdown animation */
	.navbar-nav .dropdown-menu,
	.navbar-nav .dropdown.megamenu div.dropdown-menu{
		background: none;
		border: 0;
		box-shadow: none;
		display: block;
		opacity: 0;
		z-index:1;
		visibility:hidden;
		-webkit-transform: scale(.8);
		-moz-transform: scale(.8);
		-ms-transform: scale(.8);
		-o-transform: scale(.8);
		transform: scale(.8);
		-webkit-transition: visibility 500ms, opacity 500ms, -webkit-transform 500ms cubic-bezier(.43, .26, .11, .99);
		-moz-transition: visibility 500ms, opacity 500ms, -moz-transform 500ms cubic-bezier(.43, .26, .11, .99);
		-o-transition: visibility 500ms, opacity 500ms, -o-transform 500ms cubic-bezier(.43, .26, .11, .99);
		-ms-transition: visibility 500ms, opacity 500ms, -ms-transform 500ms cubic-bezier(.43, .26, .11, .99);
		transition: visibility 500ms, opacity 500ms, transform 500ms cubic-bezier(.43, .26, .11, .99);
	}

	.navbar-nav .dropdown:hover div.dropdown-menu,
	.navbar-nav .dropdown.megamenu:hover div.dropdown-menu{
		opacity: 1;
		visibility:visible;
		color: #777;
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
	 }
	 .navbar-nav .dropdown-backdrop {
		visibility: hidden;
	}
	
}





/*		Tablet Layout: 768px.
		Gutters: 24px.
		Outer margins: 28px.
		Inherits styles from: Default Layout.
-----------------------------------------------------------------
cols    1     2      3      4      5      6      7      8
px      68    160    252    344    436    528    620    712    */

@media only screen and (min-width: 768px) and (max-width: 991px) {

	
}



/*		Mobile Layout: 320px.
		Gutters: 24px.
		Outer margins: 34px.
		Inherits styles from: Default Layout.
---------------------------------------------
cols    1     2      3
px      68    160    252    */

@media only screen and (max-width: 767px) {
	
	.title {
		font-size: 40px;
	}
	.navbar-header .navbar-brand a {
		padding: 6px 8px;
	}
	#hero-area {
		padding:140px 0;
	}
	#hero-area .btn {
		margin-top: 8px;
	}
	#about {
		padding:70px 0;
	}
	#about .block {
		padding: 0;
	}
	figure .buttons {
		left: 16%;
	}
	#feature .media {
	    margin: 0px 0px 35px;
	}

	#footer .copyright {
		text-align: center;
	}
	#footer .social {
		text-align: center;
	}

	
	.dropdown-menu > ul > li > a {
		display: block;
		font-size: 14px;
		font-weight: 400;
		line-height: normal;
		text-decoration: none;
		padding: 15px;
		color: #333;
		border-bottom: 1px solid rgba(0,0,0,0.1);
		}
		.dropdown-menu > ul {
		list-style: none;
		padding: 0 15px;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 0;
		margin-top: -5px;
		background: #fff;
		background-color: rgba(255,255,255,0.95);
		box-shadow: 0 2px .09px rgba(0,0,0,0.15);
		}
		.navbar-collapse {
			background: #333333;
		}
		#top-bar .main-menu li > a{
			color: #fff;
			padding: 21px 10px;
			background: transparent;
		}
		#top-bar  .dropdown-menu > ul {
			list-style: none;
			padding: 0 15px;
			margin-left: auto;
			margin-right: auto;
			margin-bottom: 0;
			margin-top: -5px;
			background: #fff;
			background-color: rgba(255,255,255,0.95);
			box-shadow: 0 2px .09px rgba(0,0,0,0.15);
		}
		#top-bar  .dropdown-menu > ul > li > a {
			display: block;
			font-size: 14px;
			font-weight: 400;
			line-height: normal;
			text-decoration: none;
			padding: 15px;
			color: #333;
			border-bottom: 1px solid rgba(0,0,0,0.1);
		}

	
}



/*		Wide Mobile Layout: 480px.
		Gutters: 24px.
		Outer margins: 22px.
		Inherits styles from: Default Layout, Mobile Layout.
------------------------------------------------------------
cols    1     2      3      4      5
px      68    160    252    344    436    */

@media only screen and (min-width: 480px) and (max-width: 767px) {
	

	
}