/*--A Design by W3layouts 
Author: W3layout
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
--*/
html,body{
	background:#fff;
	font-size: 100%;
	 font-family: 'Hind-Regular';
}
body a{
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-o-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-ms-transition: 0.5s all;
}
 ul{
	padding: 0;
	margin: 0;
}
h1,h2,h3,h4,h5,h6,label,p{
	margin:0;	
}
@font-face {
    font-family: 'Karla-Bold';
    src:url(../fonts/Karla-Bold.ttf) format('truetype');
}
@font-face {
    font-family: 'Muli-Regular';
    src:url(../fonts/Muli-Regular.ttf) format('truetype');
}
@font-face {
    font-family: 'Hind-Regular';
    src:url(../fonts/Hind-Regular.ttf) format('truetype');
}

/*--header--*/
.banner{
	background: url(../images/5.jpg) no-repeat ;
	width:100%;
	min-height: 700px;
	display: block;
	background-size: cover;
	-webkit-background-size: cover;
	-o-background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	position: relative;
}
.banner-1{
	background: url(../images/ar.png) repeat ;
	width:100%;
	min-height: 12px;
	display: block;
	position: absolute;
  	bottom: 0;
}
.banner-top {
  padding-top:19em;
}
.head-banner {
  margin-top: 2em;
}
.head-banner h1{
	font-size: 3em;
	color:#000;
	font-family: 'Karla-Bold';
}
.head-banner h1 span{
	color:#986733;
}
.head-banner h4{
	font-size: 1.4em;
  color: #000;
  font-family: 'Karla-Bold';
  margin: 0.5em 0;
}
.head-banner p{
	font-size: 1em;
	color:#000;
	line-height: 1.8em;
}
.logo  {
	float:left;
	position: absolute;
  	top: 0;
    z-index: 9;
}
.head-right{
	float: right;
}
.head-grid ul li{
	display: inline-block;
}
.head-grid ul li a{
	color:#fff;
	font-size: 1em;
	text-decoration: none;
	  margin-left: 12px;
}
.head-grid ul li  span{
	color:#fff;
	font-size: 1em;
	  margin-right: 12px;
}
.head-grid ul  label{
	color:#fff;
	font-size: 0.8em;
}
.head-grid {
  text-align: right;
}
.header {
  background-color:#986733;
  position: relative;
  padding: 1em 0;
}
.top-nav{	
	margin-top: 0.5em;
}
.top-nav ul li {
	display:inline-block;
}
.top-nav span.menu {
  display: none;
}
.top-nav ul li  a {
	display: inline-block;
	color: #fff;
	text-decoration: none;		
	font-size: 1.1em;
	  margin: 0em 0em 0 2em;
}
.top-nav ul li a:hover,.top-nav ul li.active a{
	color:#ECC30A;
}
/********** Login *************/
#loginContainer {
    position:relative;
}
#loginContainer a{
	text-decoration:none;
}
#loginContainer a span{
	display:block;
	color:#fff;
	margin: 0;
}
 #loginContainer a span:hover{
	color:#ECC30A;
 }
/* Login Button */
#loginButton { 
    display:inline-block;  
    position:relative;
    z-index:30;
    cursor:pointer;
}
/* Login Box */
#loginBox {
    position:absolute;
	top:71px;
	right:27px;
    display:none;
    z-index:29;
}
#loginForm:after {
	content: '';
	position: absolute;
	right: 25px;
	top: -10px;
	border-left:10px solid rgba(0, 0, 0, 0);
	border-right:10px solid rgba(0, 0, 0, 0);
	border-bottom: 10px solid #f0f0f0;
}
/* Login Form */
#loginForm {
   width: 300px;
	background: #fff;
	border: 1px solid #d6d6d6;
	  text-align: left;
}
#loginForm fieldset {
    margin:0 0 15px 0;
    display:block;
    border:0;
    padding:0;
}
fieldset#body {
    border-radius:3px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    -o-border-radius:3px;
    padding:15px 15px;
    margin:0;
}
#loginForm #checkbox {
    width:auto;
    margin:3px 6px 0 0;
    float:left;
    padding:0;
    border:0;
}
#body label {
    color:#000;
    margin:10px 0 0 0;
    display:block;
    float:left;
    font-size:0.8725em;
}
#loginForm #body fieldset label{
    display:block;
    float:none;
    margin:0 0 6px 0;
}
#body label i{
	color:#000;
	font-size:1em;
	font-style:normal;
}
/* Default Input */
#loginForm input {
    width:100%;
    border:1px solid #DADADA;
	color: #222;
	background:#FFF;
    padding:6px;
	font-size: 0.8125em;
    -webkit-apperance:none;

}
/* Sign In Button */
#loginForm #login {
	width: auto;
	float: left;
	background: #ECC30A;
	color: #333;
	font-size: 0.8725em;
	padding: 8px 20px;
	border: none;
	margin: 0 12px 0 0;
	cursor: pointer;
	transition: all .5s;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
}
#loginForm #login:hover {
	background: #986733;
	color:#fff;
}
/* Forgot your password */
#loginForm span{
    display:block;
    padding:0px 0px 15px 0px;
}
#loginForm span a{
	color:#000;
	font-size:0.85em;
    font-weight:500;
    background: none;
	border: none;
	box-shadow: none;
	padding: 0 16px;
}
#loginForm span a:hover{
	text-decoration:underline;
}
input:focus {
    outline:none;
}
/*--conent--*/
.content-ic{
	float: left;
	width:10%
}
.content-text{
	float: left;
	width:90%
}
.content-ic i{
	font-size: 1.7em;
  color: #986733;
}
.content-text h5{
	font-size: 1.5em;
	color:#ECC30A;
	  font-family: 'Karla-Bold';
	  margin-bottom: 0.5em;
}
.content-text p{
	font-size: 1em;
  	color: #A1A1A1;
  	line-height: 1.8em;
}	
.content-top {
 	padding-bottom: 3em;
}
.content-top:nth-child(2) {
 	padding-bottom: 0em;
}
.content-top-top {
  padding: 5em 0;
}
/*----*/
.content-middle1{
	padding: 0;
}
.content-middle2 {
	padding: 3em ;
	  background-color:#ECC30A;
}
.content-middle2 h3{
	font-size:3em;
	color: #986733 ;
	font-family: 'Karla-Bold';
}
.content-middle2 p{
	font-size: 1em;
  	color: #fff;
  	line-height: 1.8em;
  	margin: 0.5em 0 0.95em;
}
.content-middle2 ul li{
	list-style: none;
}	
.content-middle2 ul li a{
	font-size: 1em;
  	color: #fff;
  	line-height: 1.8em;
  	text-decoration: none;
}
.content-middle2 ul li a:hover {
  color: #986733;
}
i.glyphicon.glyphicon-ok {
  padding-right: 10px;
}
/*---*/
.events h2{
	font-size:3em;
	color:#986733;
	font-family: 'Karla-Bold';
	  text-align: center;
}
.events{
	padding: 5em 0;
}
.top-event h4{
	font-size:1.6em;
	font-family: 'Karla-Bold';
	margin: 0.5em 0;
}
.top-event h4 a{
	color:#ECC30A;
	text-decoration: none;
}
.top-event h4 a:hover{
	color:#986733;
}
.top-event p{
	font-size: 1em;
  	color:#A1A1A1;
  	line-height: 1.8em;
  	margin: 0.5em 0 0;
}
.top-event span{
	font-size: 1em;
  	color: #A1A1A1;
  	line-height: 1.8em;
  	margin: 0.5em 0;
}
.events-top {
  margin-top: 2.5em;
}
i.glyphicon.glyphicon-calendar {
  margin-right: 7px;
}
/*--footer--*/
.footer{
	background: #986733;
	padding:5em 0;
	position: relative;
}
.footer-1 {
  background: url(../images/ar1.png) repeat;
  width: 100%;
  min-height: 12px;
  display: block;
  position: absolute;
  top: 0px;
}
ul.list1{
	padding:0;
	list-style:none;
}
.footer-head h4,.footer-head1 h4{
	color:#fff;
	margin-bottom: 1em;
	font-family: 'Karla-Bold';
	font-size: 1.6em;
}
ul.list1 li a{
	color:rgba(249, 207, 162, 1);
	margin: 0.5em 0;
	display:inline-block;
	font-size: 1em;
}
ul.list1 li a:hover{
	text-decoration:none;
	color:#ECC30A;
}
.footer-new1 {
  float: left;
  width: 30%;
}
.footer-new2 {
  float: right;
  width: 65%;
}
.footer-new2 p,.footer-head1 p{
  color:rgba(249, 207, 162, 1);
	font-size: 1em;
	line-height: 1.8em;
}
.footer-new2 p a{
  color:rgba(249, 207, 162, 1);
	text-decoration: none;
}
.footer-new2 p a:hover{
  color:#fff;
}
ul.socials {
	margin-bottom: 1em;
}
ul.socials li {
	display: inline-block;
}
.socials li i {
	  margin-right: 5px;
  height: 64px;
  width: 64px;
  display: inline-block;
  background: url(../images/img-sprite.png) 14px 5px;
  border: 2px solid rgba(249, 207, 162, 1);
  border-radius: 100px;	
}
.socials li i.dribbble {
  background-position: -65px 5px;
}
.socials li i.twitter {
  background-position: -131px 5px;
}
.socials li i:hover{
	 border: 2px solid #fff;
	transition: 0.8s all;
	-webkit-transition: 0.8s all;
	-moz-transition: 0.8s all;
	-o-transition: 0.8s all;
	-ms-transition: 0.8s all;
}
.footer-bottom{
	text-align:center;
	padding:4em 0 0;
}
.footer-bottom p{
	color:#fff;
	font-size:1.1em;
}
.footer-bottom p a{
	color:#ECC30A;
}
.footer-bottom p a:hover{
	color:#fff;
	text-decoration:none;
}
.footer-new {
  margin-bottom: 1.5em;
}
/*--//footer--*/
/*--about--*/
.banner-head {
  background: url(../images/5.jpg) no-repeat;
  width: 100%;
  min-height: 250px;
  position: relative;
  background-size: cover;
}
.banner-head h1{
	color:#ECC30A;
	font-size: 3em;
	text-align: center;
	font-family: 'Karla-Bold';
	padding:2em 0 0;
}
.about-top {
  	padding: 5em 0;
}
.top-content h4 {
  	font-size: 1.7em;
  	padding: 0.5em 0;
  	font-family: 'Karla-Bold';
}
.top-content h4 a {
  	color: #986733;
  	text-decoration: none;
}
.top-content h4 a:hover{
	color:#ECC30A;
}
.top-content p {
  	color: #A1A1A1;
  	font-size: 1em;
  	line-height: 1.8em;
}
.why-top{
	text-align: center;
	  padding-bottom: 3.5em;
}
.why-top h2{
	color:#986733;
	font-size: 3em;
	font-family: 'Karla-Bold';
}
.why-top p {
  color: #fff;
  font-size: 1em;
  line-height: 1.8em;
    margin-top: 0.3em;
}
a.read-more{
	text-decoration: none;
	color:#986733;
	font-size: 1em;
}
a.read-more:hover{
	color:#fff;
}
.why{
	background: url(../images/abt.jpg) no-repeat;
  	width: 100%;
  	min-height: 450px;
  	display: block;
  	background-size: cover;
	-webkit-background-size: cover;
	-o-background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	
}
.why-top1 span{
	width: 60px;
  height: 60px;
  display: block;
  color: #fff;
  border-radius: 100px;
  background-color: #986733;
  font-size: 2em;
  text-align: center;
  line-height: 2em;
  margin: 0 auto;
}
.why-top1 p{
	color: #fff;
  font-size: 1em;
  line-height: 1.8em;
    margin-bottom: 1em;
  
}
.why-top1 h6{
	color: #fff;
  	font-size: 1.5em;
  	line-height: 1.8em;
  	  font-family: 'Karla-Bold';
  	    margin-top: 0.3em;
}
.why-top1 h6 a{
	color: #fff;
  	text-decoration: none;
}
.why-top1 h6 a:hover{
	color: #000;
}
.why-top1 {
  text-align: center;
}
.why-top-top{
	background: #ECC30A;
	padding: 3em 2em;
	margin: 5em 0;
}
/*--team--*/
.team{
	padding: 5em 0;
}
.team h3{
	color:#986733;
	font-size: 3em;
	font-family: 'Karla-Bold';
	text-align: center;
	margin-bottom: 1em ;
}
.team-top h5{
	color:#986733;
	font-size: 1.3em;
	font-family: 'Karla-Bold';
	margin-bottom: 0.3em;
}
.team-top p{
	font-size: 1em;
  	color:#A1A1A1;
  	line-height: 1.8em;
}
.team-text {
  background-color: #F0F0F0;
  padding: 1em;
}
/*--//about--*/
/*--blog--*/
.text-blog span{
	float:left;
	font-size: 2.9em;
  	color:#ECC30A;
  	  font-weight: bold;
}
.text-blog small{
	float:right;
	font-size: 1em;
	color:#000;
	  margin-top: 8px;
}
.blog-grid1 {
  padding: 0;
  width: 12%;
  float: left;
}
.blog-grid1 ul li{
	list-style: none;
}
.blog-grid1 ul li a {
  text-decoration: none;
  font-size: 1em;
  color: #fff;
  background-color: #986733;
  padding: 1em 1.8em;
  line-height: 3.3em;
}
.blog-grid1 ul li a span{
   font-size: 1.1em;
  	padding-right: 5px;
}
.blog-grid1 ul li a.heart {
  	padding: 0.99em 2.05em;
  background-color: #AE7941;
  font-size: 18px;
  line-height: 3.2em;
}
.blog-text h5 {
  font-size: 1.5em;
  font-family: 'Karla-Bold';
  margin: 0.6em 0;
}
.blog-text h5 a{
  color: #986733;
	text-decoration: none;
}
.blog-text h5 a:hover{
  color: #ECC30A;
}
.blog-top p{
	font-size: 1em;
  	color:#A1A1A1;
  	line-height: 1.8em;
  	margin-bottom: 1em;
}
a.more{
	text-decoration: none;
	font-size: 1em;
	color:#fff;
	background: #ECC30A;
	display: inline-block;
	padding: 0.6em 1em;
	text-align: center;
	  line-height: 1em;
}
a.more:hover {
  background: #986733;
}
.blog {
  padding: 5em 0;
}
.blog-grid2 {
  	float: left;
  	width: 88%;
    padding: 0 15px;
}
.blog-grid3 {
  margin-bottom: 3em;
}
/*----*/
.search-in h2,.grid-categories h4,.blog-bottom h4{
	font-size:2em;
	color:#000;
	font-family: 'Karla-Bold';
}
.search{
	position:relative;
	border: 1px solid #E4E3E3;
	background:#fff;
	margin:1em 0 0;
}
.search input[type="text"] {
	outline: none;
	padding:8px 15px;
	background: none;
	width: 87%;
	border: none;
	font-size:0.8em;
	color:#4c4c4c;	
}
.search input[type="submit"] {	
	width: 31px;
	height: 31px;
	background: url(../images/search.png)no-repeat  ;
	padding: 0px 1px;
	border: none;
	cursor: pointer;
	position:absolute;
	outline: none;
	right:0;
	  top: 7px;
}
.popular li{
	list-style:none;
	padding:0.5em 0;
}
.popular li a{
	color:#838383;
	font-size:1em;	
}
.popular li i{
	width: 17px;
  height: 17px;
  background: url(../images/img-sprite.png)no-repeat -562px -40px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 16px;
}
a.fashion {
  float: left;
  width: 30%;
}
.grid-product {
  float: right;
  width: 67%;
}
a.elit{
	font-size:1em;
	color:#ECC30A;
	text-decoration:none;
	font-family: 'Karla-Bold';
}
a.elit:hover{
	color:#000;
}
.grid-product p{
	font-size:0.9em;
	color:#A1A1A1;
	line-height:1.5em;
	margin: 0.3em 0 0;
}
.product-go {
  padding: 1em 0 0;
}
.grid-categories {
  padding: 2em 0;
}
ul.popular {
  padding: 1em 0 0;
}
.categories-grid {
  padding: 0;
}
ul.pagination {
  margin: 0 auto;
  border-radius: 0px !important;
}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, 
.pagination > .active > span:hover, 
.pagination > .active > a:focus, .pagination > .active > span:focus{
  background-color: #ECC30A;
  border-color: #ECC30A;
  color: #fff;
}
.pagination > li > a, .pagination > li > span {
  color: #000;
}
.nation{
	text-align: center;
}
/*--//blog--*/
/*--single--*/
h4.media-heading {
	font-size: 1.5em;
  color: #ECC30A;
  font-family: 'Karla-Bold';
}
.media-body p {
	color: #9E9E9E;
  	font-size: 1.1em;
  	line-height: 1.7em;
}
.comment-bottom input[type="text"],.comment-bottom textarea {
  background: none;
  width: 100%;
  outline: none;
  border: 1px solid #e2e2e2;
  padding:1em 0.8em;
  font-size: 1em;
  color: #e2e2e2;
  margin:0 0 0.7em ;
  float:left;  
    font-family: 'Hind-Regular';
}
.comment-bottom textarea{
 	resize:none;
  	margin: 0em 0 0.5em;
      min-height: 180px;
      -webkit-appearance: none;
}
.comment-bottom input[type="submit"] {
  width: 11%;
  font-size: 1.1em;
  background: #ECC30A;
  padding: 0.5em 1em;
  text-align: center;
  color: #fff;
  border: none;
  outline: none;
  margin: 0 auto;
  transition: 0.5s all;
  -webkit-transition: 0.5s all;
  -o-transition: 0.5s all;
  -ms-transition: 0.5s all;
  -moz-transition: 0.5s all;
  cursor:pointer;
}
.comment-bottom input[type="submit"]:hover {
	background:#986733;
}
.comment h3,.comment-top h2{
	color:#986733;
	font-size:3em;
	font-family: 'Karla-Bold';
	text-align: center;
	padding: 0 0 0.5em;
}
.comment {
  padding: 3em 0 0;
}
/*--//single--*/
/*--gallery--*/
.gallery{
	padding: 5em 0;
}
.grid {
  margin-bottom: 2em;
}
.grid:nth-child(3) {
  margin-bottom: 0em;
}
/* Common style */
.grid figure {
	position: relative;
	float: left;
	overflow: hidden;
	background: rgba(0, 0, 0, 0.59);
	text-align: center;
	cursor: pointer;
}

.grid figure img {
	position: relative;
	display: block;
	min-height: 100%;
	max-width: 100%;
	opacity: 0.8;
}

.grid figure figcaption {
	padding: 2em;
	color: #fff;
	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.grid figure figcaption::before,
.grid figure figcaption::after {
	
}

.grid figure figcaption,
.grid figure figcaption > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.grid figure figcaption > a {
	z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}

.grid figure h2 {
	word-spacing: -0.15em;
	font-weight: 300;
}

.grid figure h2 span {
	font-weight: 800;
}

.grid figure h2,
.grid figure p {
	margin: 0;
}

.grid figure p {
	letter-spacing: 1px;
	font-size: 68.5%;
}

/*---------------*/
/***** Oscar *****/
/*---------------*/

figure.effect-oscar {
	
}

figure.effect-oscar img {
	opacity: 0.9;
	-webkit-transition: opacity 0.35s;
	transition: opacity 0.35s;
}

figure.effect-oscar figcaption {
	padding: 3em;
	background:none;
	-webkit-transition: background-color 0.35s;
	transition: background-color 0.35s;
}

figure.effect-oscar figcaption::before {
	position: absolute;
	top: 30px;
	right: 30px;
	bottom: 30px;
	left: 30px;
	border: 1px solid #fff;
	content: '';
}

figure.effect-oscar h2 {
	margin: 0;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,100%,0);
	transform: translate3d(0,100%,0);
	opacity: 0;
}

figure.effect-oscar figcaption::before,
figure.effect-oscar p {
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: scale(0);
	transform: scale(0);
}

figure.effect-oscar:hover h2 {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	opacity: 1;
}

figure.effect-oscar:hover figcaption::before,
figure.effect-oscar:hover p {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}

figure.effect-oscar:hover figcaption {
	background-color: rgba(58,52,42,0);
}

figure.effect-oscar:hover img {
	opacity: 0.4;
}
/*--contact--*/
.contact {
  padding: 5em 0 ;
}
.map iframe{
	width: 100%;
	height:150px;
	border:none;
	padding: 0 15px;
}
.contact-grid input[type="text"],.contact-grid textarea{
	width: 100%;
	padding: 1em;
	margin: 0.5em 0;
	background:none;
	outline:none;
	  border: 1px solid #A09F9F;
	  font-size:1em;
	  color:#A09F9F;
	-webkit-appearance: none;
	  font-family: 'Hind-Regular';
}
.contact-grid textarea{
	resize:none;
	min-height: 200px;
}
.send input[type="submit"]{
	width: 14%;
	font-size: 1.1em;
	background:#ECC30A;
	padding: 0.4em 0.8em;
	text-align: center;
	color: #fff;
	border: none;
	outline:none;
	-webkit-appearance: none;
}
.send input[type="submit"]:hover{
	background:#986733;
}
.contact-form {
	padding: 2em 0 3em;
}
.contact-in h2{
	color:#000;
	font-size:2em;
	margin: 0 0 0.4em;
	 font-family: 'Karla-Bold';
}
.grid-address{
	padding: 2em 0 0;
}
.contact-in p {
  	font-size: 1em;
  	color: #A1A1A1;
  	line-height: 1.8em;
}
.address-grid h5{
	color:#000;
	font-size:1.5em;
	margin:0.5em 0;
	 font-family: 'Karla-Bold';
}
.address-grid a{
	font-size: 1em;
  	color: #A1A1A1;
  	line-height: 1.8em;
  	text-decoration: none;
}
.address-grid a:hover{
	color:#000;
}
/*--//contact--*/
/*--typo--*/
.page-header h3{
	font-size: 3em;
	color:#000;
}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: top;
  border-top: none;
}
.grid1 {
  margin: 1.5em 0 0;
}
ul.nav.nav-pills {
  margin: 1.5em 0 0;
}
.grid2{
	margin: 1em 0 0;
}
.page {
  padding: 4em 0 4em;
}
.bs-example {
  padding: 2em 0 0;
}
.form-horizontal .control-label {
  text-align: left;
}
/*--//typo--*/
/*--responsive--*/
@media(max-width:1366px){
.content-middle2 {
  padding: 2.18em;
}	
}
@media(max-width:1280px){
.content-middle2 p {
  margin: 0.5em 0 0.4em;
}
.content-middle2 h3 {
  font-size: 2.5em;
}
.content-middle2 {
  padding: 1em;
}
}
@media(max-width:1024px){
.banner-top {
  padding-top: 11em;
}
.banner {
  min-height: 522px;
}
.content-ic {
  width: 12%;
}
.content-text h5 {
  font-size: 1.2em;
}
.content-text {
  width: 82%;
}
.content-top {
  padding-bottom: 2em;
}
.content-top-top {
  padding: 4em 0;
}
.content-middle2 h3 {
  font-size: 2em;
}	
.content-middle2 p {
  font-size: 0.9em;
}
.content-middle2 ul li a {
  font-size: 0.9em;
}
.events {
  padding: 4em 0;
}
.top-event h4 {
  font-size: 1.3em;
}
.footer-new2 p, .footer-head1 p {
  font-size: 0.8em;
}
.socials li i {
  height: 50px;
  width: 50px;
  background: url(../images/img-sprite.png) 8px -1px;
}
.socials li i.dribbble {
  background-position: -72px -1px;
}
.socials li i.twitter {
  background-position: -138px -2px;
}
.footer {
  padding: 4em 0;
}
.footer-bottom {
  padding: 3em 0 0;
}
/*--about--*/
.top-content h4 {
	font-size: 1.4em;
}
.why-top1 h6 {
  font-size: 1.2em;
}
.about-top {
  padding: 4em 0;
}
.why-top-top {
  margin: 4em 0;
}
.team {
  padding: 4em 0;
}
/*--gallery--*/
figure.effect-oscar figcaption {
  padding: 2em;
}
.gallery {
  padding: 4em 0;
}
/*--contact--*/
.contact {
  padding: 4em 0;
}
.contact-in h2 {
  font-size: 1.7em;
}
/*--blog--*/
.blog-text h5 {
  font-size: 1.3em;
}
.blog-grid1 ul li a {
  padding: 1em 1.4em;
}
.blog-grid1 ul li a.heart {
  padding: 0.8em 1.7em;
}
.blog {
  padding: 4em 0;
}
}
@media(max-width:768px){
span.menu{
	display: block;
	text-align: right;
	cursor: pointer;
	position: relative;
}
.top-nav ul{
	display: none;
	position:absolute;
	width: 100%;
	z-index: 9999;
	left: 0%;
	margin:1.1em 0em;
	background:#986733;
	border:0;
}
.top-nav span.menu{
	display: block;
}
.top-nav ul li{
	display: block;
	float:none;
	text-align: center;
}
.top-nav ul li a{
	color:#fff;
	display:block;
	margin:0;
	background: none;
	border:none;
	padding:0.4em;
}
.logo {
  width: 22%;
}	
.logo img{
  width: 100%;
}	
.head-banner h1 {
  font-size: 2em;
}
.head-banner h4 {
  font-size: 1em;
}
.head-banner ,.banner-head1{
  float: left;
  width: 50%;
}
.head-banner p {
  font-size: 0.9em;
}
.banner {
  min-height: 400px;
}
.banner-top {
  padding-top: 9em;
}
.content-top {
  padding-bottom: 0em;
}
.wel {
  margin-bottom: 1em;
}
.content-top-top {
  padding: 4em 0 3em;
}
.content-middle2 {
  padding: 2em;
}
.events {
  padding: 3em 0;
}
.events h2 {
  font-size: 2.5em;
}
.top-event h4 {
  font-size: 1.1em;
}
.top-event p {
  font-size: 0.9em;
}
.footer-head,.footer-head1 {
  width: 50%;
  float: left;
}
.footer-new1 {
  width: 24%;
}
.footer-new2 {
  width: 69%;
}
.footer {
  padding: 4em 0 3em;
}
.footer-new2 p, .footer-head1 p {
  font-size: 0.9em;
}
/*--about--*/
.banner-head {
  min-height: 200px;
}
.banner-head h1 {
  padding: 1.5em 0 0;
}
.top-content h4 {
  font-size: 1.1em;
}
.about-top {
  padding: 3em 0;
}
.why-top-top {
  margin: 3em 0;
    padding: 2em 2em;
}
.why-top {
  padding-bottom: 2em;
}
.why-top1 h6 {
  font-size: 0.95em;
}
.why-top1 span {
  width: 50px;
  height: 50px;
  line-height: 1.8em;
}
.team-top {
  float: left;
  width: 50%;
    margin-bottom: 1em;
}
.team-top img{
  width: 100%;
}
.team {
  padding: 3em 0;
}
.team h3,.why-top h2 {
  font-size: 2.5em;
}
/*--gallery--*/
figure.effect-oscar figcaption {
  padding: 1em;
}
.gallery {
  padding: 3em 0;
}
.gallery-top {
  width: 33.3%;
  float: left;
  padding: 0 5px;
}
.grid {
  margin-bottom: 10px;
}
figure.effect-oscar figcaption::before {
  position: absolute;
  top: 10px;
  right: 10px;
  bottom: 10px;
  left: 10px;
}
/*--contact--*/
.contact {
  padding: 3em 0;
}
.contact-in h2 {
  font-size: 2em;
}
.contact-form {
  padding: 0em 0 3em;
}
.contact-grid {
  margin-bottom: 1em;
}
/*--blog--*/
.categories-grid {
  padding: 0 15px;
  width: 50%;
}
.blog {
  padding: 3em 0;
}
.nation {
  padding: 2em 0 0;
}
.comment {
  padding: 2em 0 ;
}
.comment h3, .comment-top h2 {
  font-size: 2.5em;
}
.blog-grid3 {
  margin-bottom: 2em;
}

/*--typo--*/
h1.grid2 {
  font-size: 2.3em;
}
.page {
  padding: 2em 0;
}
}
@media(max-width:640px){
.head-banner h4 {
  font-size: 0.95em;
}
.head-banner {
  padding: 0;
}
.banner {
  min-height: 370px;
}
.banner-top {
  padding-top: 6em;
}	
.content-top-top {
  padding: 3em 0 2em;
}
.top-event {
  text-align: center;
  margin-bottom: 1em;
}
.top-event img{
  margin: 0 auto;
    
}
.events h2 {
  font-size: 2.5em;
  margin-bottom: 0.8em;
}
.events-top {
  margin-top: 0;
}
.events {
  padding: 3em 0 2em;
}
.footer-new1 {
  width: 27%;
}
.footer-head h4, .footer-head1 h4 {
  color: #fff;
  margin-bottom: 0.5em;
}
/*--about--*/
.top-content {
  text-align: center;
  margin-bottom: 1em;
}
.top-content img{
  margin: 0 auto;
}
.why-top1 {
  margin-bottom: 1em;
}
.why-top1 p {
  margin-bottom: 0.5em;
}
.team h3 {
  margin-bottom: 0.7em;
}
.top-content h4 {
  font-size: 1.3em;
}
.why-top1 h6 {
  font-size: 1.3em;
}
/*--gallery--*/
.grid figure figcaption {
  font-size: 1em;
}
figure.effect-oscar h2 {
  font-size: 1.8em;
  margin: 5px 0;
}
/*--blog--*/
.blog-grid1 ul li a.heart {
  padding: 0.7em 1.35em;
}
.blog-grid1 ul li a {
  padding: 1em 1em;
}
.text-blog span {
  font-size: 2.4em;
}
.text-blog small {
  font-size: 0.9em;
}
.blog-text h5 {
  font-size: 1.05em;
}
.comment {
  padding: 1em 0 ;
}
/*--typo--*/
button.btn.btn-lg {
  font-size: 1.1em;
}
h1.grid2 {
  font-size: 2em;
}
h2.grid2 {
  font-size: 1.9em;
}
}
@media(max-width:480px){
.head-banner {
  float: left;
  width: 100%;
}
 .banner-head1 {
  width: 100%;
}
.banner-head1 img{
  margin: 0 auto;
    width: 50%;
}
.logo {
  width: 26%;
}
.banner {
  min-height: 331px;
}
.banner-top {
  padding-top: 1em;
}
.content-top-top {
  padding: 2em 0 1em;
}
.content-text p {
  font-size: 0.9em;
}
.content-middle2 {
  padding: 1.5em;
}
.events {
  padding: 2em 0 1em;
}
.events h2 {
  font-size: 2em;
}
.footer-bottom {
  padding: 2em 0 0;
}
.footer-head, .footer-head1 {
  width: 100%;
}
.footer {
  padding: 3em 0 2em;
}
.footer-new2 p {
  width: 55%;
}
.banner-head h1 {
  font-size: 2.5em;
}
/*--about--*/
.about-top {
  padding: 2em 0;
}
.top-content p {
  font-size: 0.9em;
}
.banner-head {
  min-height: 170px;
}
.banner-head h1 {
  padding: 1.2em 0 0;
}
.team h3, .why-top h2 {
  font-size: 2em;
}
.why-top-top {
  padding: 1.5em;
    margin: 2em 0;
}
.team {
  padding: 2em 0;
}
.why-top p ,.why-top1 p{
  font-size: 0.9em;
}
/*--gallery--*/
.gallery-top {
  width: 80%;
  margin: 0 auto 1em;
}
.grid {
  margin-bottom: 0;
}
.gallery {
  padding: 2em 0;
}
.grid figure figcaption {
  font-size: 1.25em;
    padding: 3em 2em;
}
/*--contact--*/
.contact-grid input[type="text"], .contact-grid textarea {
  width: 100%;
  padding: 0.5em 1em;
}
.send input[type="submit"] {
  width: 18%;
}
.contact-form {
  padding: 0em 0 1em;
}
.contact {
  padding: 2em 0;
}
.contact-in h2 {
  font-size: 1.8em;
}
.contact-in p {
  font-size: 0.9em;
}
/*--blog--*/
.blog {
  padding: 2em 0;
}
.blog-grid2 {
  width: 85%;
}
.blog-grid1 {
  width: 15%;
}
.blog-grid1 ul li a {
  padding: 0.7em 0.7em;
}
.blog-grid1 ul li a.heart {
  padding: 0.5em 1.1em;
  line-height: 2em;
}
.blog-text h5 {
  line-height: 1.5em;
}
.blog-top p {
  font-size: 0.9em;
}
.blog-grid3 {
  margin-bottom: 2em;
}
.categories-grid {
  padding: 0 15px;
  width: 70%;
}
.search-in h2, .grid-categories h4, .blog-bottom h4 {
  font-size: 1.5em;
}
.comment h3, .comment-top h2 {
  font-size: 2em;
}
h4.media-heading {
  font-size: 1.2em;
}
.comment-bottom input[type="submit"] {
  width: 19%;
  font-size: 1em;
}
.comment-bottom input[type="text"], .comment-bottom textarea {
  padding: 0.5em 0.8em;
}
/*--typo--*/
.page-header h3 {
  font-size: 2em; 
}
button.btn.btn-lg {
  font-size: 1em;
  padding: 7px;
}
button.btn.btn-1 {
  font-size: 0.9em;
  padding: 8px;
}
button.btn.btn-sm {
  font-size: 0.8em;
  padding: 9px;
}
h1#h1-bootstrap-heading {
  font-size: 2.2em;
}
h2#h2-bootstrap-heading {
  font-size: 2em;
}
h1.grid2 {
  font-size: 1.45em;
}
h2.grid2 {
  font-size: 1.35em;
}
h3.grid2 {
  font-size: 1.3em;
}
h4.grid2 {
  font-size: 1.2em;
}
}
@media(max-width:320px){
.head-grid ul li span {
  font-size: 0.8em;
  margin-right: 5px;
}	
.head-grid ul label {
  font-size: 0.7em;
}
.head-grid ul li a {
  margin-left: 3px;
}
span.menu img{
  width: 14%;
}
.top-nav {
  margin-top: 0.3em;
}
.header {
  padding: 0.5em 0;
}
.head-banner h1 {
  font-size: 1.5em;
}
.head-banner h4 {
  font-size: 0.879em;
}
.head-banner p {
  font-size: 0.875em;
  line-height: 1.5em;
}
.logo {
  width: 27%;
}
.banner-top {
  padding-top: 0em;
}
.banner-head1 img{
  width: 70%;
}
.banner {
  min-height: 308px;
}
.wel {
  padding: 0;
}
.content-top-top {
  padding: 1.5em 0 0.5em;
}
.content-middle2 {
  padding: 1.3em;
}
.events {
  padding: 1.5em 0 0.5em;
}
.top-event {
  padding: 0;
}
.footer-head, .footer-head1 {
  padding: 0;
}
.footer-head h4, .footer-head1 h4 {
  font-size: 1.3em;
}
ul.list1 li a {
  margin: 0.3em 0;
  font-size: 0.9em;
}
.footer-bottom p {
  font-size: 0.9em;
}
.footer {
  padding: 2em 0 1.5em;
}
.footer-bottom {
  padding: 1em 0 0;
}
.footer-new2 p {
  width: 100%;
}
/*----*/
.banner-head h1 {
  font-size: 2em;
}
.banner-head {
  min-height: 110px;
}
.about-top {
  padding: 1.5em 0;
}
.top-content {
  padding: 0;
}
.why-top-top {
  padding: 1em;
}
.why-top-top {
  margin: 1.5em 0;
}
.team h3, .why-top h2 {
  font-size: 1.6em;
}
.why-top p ,.why-top1 p{
  line-height: 1.5em;
}
.why-top1 span {
  width: 40px;
  height: 40px;
  line-height: 1.8em;
  font-size: 1.5em;
}
.why-top1 {
  padding: 0;
}
.why-top1 h6 {
  font-size: 1.1em;
}
.why-top {
  padding-bottom: 1em;
}
.team {
  padding: 1.5em 0;
}
.team-top {
  padding: 0 5px;
}
.team-top h5 {
  font-size: 0.93em;
}
.team-top p {
  font-size: 0.9em;
  line-height: 1.5em;
}
.gallery-top {
  width: 100%;
  margin: 0 auto 1em;
}
.grid figure figcaption {
  padding: 2em 2em;
}
.gallery {
  padding: 1.5em 0 0.5em;
}
.contact-grid,.contact-in {
  padding: 0;
}
.contact-grid textarea {
    min-height: 140px;
}
.send input[type="submit"] {
  width: 23%;
}
.contact-in h2 {
  font-size: 1.5em;
}
.map iframe {
  height: 100px;
  padding: 0;
}
.contact {
  padding: 1.5em 0;
}
.blog-grid {
  padding: 0;
}
.blog-grid2 {
  padding: 0 0 0 15px;
}
.blog-grid1 ul li a.heart {
  padding: 0.4em 0.8em;
  line-height: 1em;
  font-size: 15px;
}
.blog-grid1 ul li a {
  padding: 0.5em 0.4em;
}
.text-blog span {
  font-size: 1.5em;
}
.text-blog small {
  font-size: 0.6em;
}
.blog-grid1 {
  width: 15%;
}
.blog-grid2 {
  width: 85%;
}
.blog-text h5 {
  font-size: 1em;
}
a.more {
  padding: 0.4em 0.5em;
}
.categories-grid {
  padding: 0;
  width: 100%;
}
.search-in h2, .grid-categories h4, .blog-bottom h4 {
  font-size: 1.3em;
}
.grid-categories {
  padding: 1em 0;
}
.popular li a {
  font-size: 0.9em;
}
.popular li {
  padding: 0.2em 0;
}
a.elit {
  font-size: 0.91em;
}
.blog {
  padding: 1.5em 0;
}
.blog-grid1 ul li a {
  font-size: 0.8em;
}
.text-blog small {
  margin-top: 4px;
}
.blog-grid3 {
  margin-bottom: 1em;
}
.comment h3, .comment-top h2 {
  font-size: 1.7em;
}
h4.media-heading {
  font-size: 1em;
}
.media-left {
  padding-right: 3px;
}
.media-left img{
  width:50%;
}
.media-left {
  padding-right: 11px;
}
.media-left img {
  width: 53px;
}
.comment-bottom input[type="text"], .comment-bottom textarea {
  font-size: 0.9em;
}
.comment-bottom textarea {
  min-height: 140px;
}
.comment-bottom input[type="submit"] {
  width: 23%;
}
.top-nav ul li a {
  font-size: 0.9em;
}
#loginBox {
  right: -13px;
}
/*--typo--*/
h1#h1-bootstrap-heading {
  font-size: 1.6em;
}
h2#h2-bootstrap-heading {
  font-size: 1.5em;
}
h3#h3-bootstrap-heading {
  font-size: 1.4em;
}
button.btn.btn-lg {
  font-size: 0.9em;
  margin: 0 0 0.5em 0px;
  padding: 9px;
}
.grid1 {
  margin: 0.7em 0 0;
}
button.btn.btn-1 {
  font-size: 0.8em;
  margin: 0 0 0.5em;
}
button.btn.btn-sm {
  font-size: 0.7em;
  padding: 5px;
  margin: 0 0 0.5em;
}
button.btn.btn-xs {
  font-size: 0.7em;
}
ul.nav.nav-pills a{
	padding: 0.5em;
  font-size: 0.9em;
}
span.label {
  margin: 0 0 0.5em;
  display: inline-block;
}
.page {
  padding: 0 0 1em;
}
.page-header {
  margin: 16px 0 9px;
}
.grid2 {
  margin: 0.4em 0 0;
}
.bs-example {
  padding: 1em 0 0;
}
}