/* Mobile menu */
.navbar-toggle {
	border: none;
	border-radius: 0;
	color: #81a32e;
	margin-top: 9px;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
	color: #a1cc3a;
	background-color: #81a32e;
}
.navbar-default .navbar-toggle .icon-bar {background-color: #81a32e;}
.navbar-default .navbar-toggle:hover .icon-bar, .navbar-default .navbar-toggle:focus .icon-bar {background-color: #a1cc3a;}

@media screen and (min-width: 1366px) and (max-width: 1515px) {
		.card.hovercard {min-height: 1200px;}
		.big-text{
			padding: 80px 0px 30px 0px;
		}
		#header-slider {
			height: 834px;
		}
    .navbar-brand>img{
        width: 150px;
        padding: 5px 0px;
    }
    
    .navbar-default .navbar-nav{
        margin-left: 10px;
        margin-right: 0px!important;
    }
    
    .navbar-default .navbar-nav > li > a{
        font-size: 18px;
        padding: 38px 20px 37px 20px;
    }
    
    ul.social-list li{
          margin-left: 25px;
    }
    
    ul.social-list li a i{
        font-size: 25px;
        line-height: 77px;
    }
    
    ul.social-list li.lang{
       padding-top: 30px;
    }
		.search-area .navbar-brand {        margin-right: 35px!important;    }
		.search-area form.search-form>.input-group{          width: 91%;    }
		a.popup-youtube:after {
			width: 100px;
			height: 100px;
		}
		/* blog slider */
		.wrap {
			height: 948px;
		}
		.top-10 {
			right: 10px;
			top: 90px;
			width: 80px;
		}
}

@media screen and (min-width: 1200px) and (max-width: 1366px) {
		.big-text{
			padding: 80px 0px 30px 0px;
		}
		#header-slider {
			height: 834px;
		}
    .navbar-default .navbar-brand{
       width: 130px;
       padding: 25px 0px;
    }
    
    .navbar-default .navbar-nav{
       margin-right: 0px!important;
       margin-left: 10px;
    }
    
    .navbar-default .navbar-nav > li > a{
       font-size: 16px;
       padding: 38px 20px 37px 20px;
    }

    ul.social-list li{
       margin-right: 30px;
       margin-left: 0px;
    }
    
    ul.social-list li a i{
       font-size: 24px;
    }
		.search-area .navbar-brand {        margin-right: 35px!important;    }
		.search-area form.search-form>.input-group{          width: 85%;    }
		a.popup-youtube:after {
			width: 100px;
			height: 100px;
		}
		/* blog slider */
		.wrap {
			height: 900px;
		}
		.top-10 {
			right: 10px;
			top: 90px;
			width: 80px;
		}
}

@media screen and (min-width: 1028px) and (max-width: 1199px) {
		.big-text{
			padding: 70px 0px 30px 0px;
		}
     .navbar-default .navbar-brand{
       width: 130px;
       padding: 24px 0px;
    }
    
    .navbar-default .navbar-nav{
       margin-right: 0px!important;
       margin-left: 10px;
    }
    
    .navbar-default .navbar-nav > li > a{
       font-size: 15px;
       padding: 38px 15px 37px 15px;
    }

    ul.social-list li{
       margin-left: 20px;
       
    }
    
    ul.social-list li a i{
       font-size: 23px;
    }
    .search-area .navbar-brand {        margin-right: 35px!important;    }           .search-area form.search-form>.input-group{          width: 84%;    }
		a.popup-youtube:after {
			width: 100px;
			height: 100px;
		}
		/* blog slider */
		.wrap {
			height: 900px;
		}
		.top-10 {
			right: 10px;
			top: 90px;
			width: 80px;
		}
}


@media screen and (min-width: 992px) and (max-width: 1027px) {
		.big-text{
			padding: 100px 0px 30px 0px;
		}
    
    .navbar-default .navbar-brand{
       width: 115px;
       padding: 26px 0px;
    }
    
    .navbar-default .navbar-nav{
       margin-right: 0px!important;
       margin-left: 10px;
    }
    
    .navbar-default .navbar-nav > li > a{
       font-size: 15px;
       padding: 38px 15px 37px 15px;
    }

    ul.social-list li{
       margin-left: 20px; 
    }
    
    ul.social-list li a i{
       font-size: 22px;
    }		.search-area .navbar-brand {        margin-right: 35px!important;    }           .search-area form.search-form>.input-group{          width: 84%;    }
		a.popup-youtube:after {
			width: 100px;
			height: 100px;
		}
		/* blog slider */
		.wrap {
			height: 900px;
		}
		.top-10 {
			right: 10px;
			top: 90px;
			width: 80px;
		}
}

@media screen and (min-width: 981px) and (max-width: 991px) {
		.big-text{
			padding: 110px 0px 30px 0px;
		}
    .navbar-default .navbar-brand{
      width: 115px;
      padding: 26px 0px;
    }
    
    .navbar-default .navbar-nav{
      margin-left: 10px;
      margin-right: 0px!important;
    }
    
    .navbar-default .navbar-nav > li > a{
      font-size: 14px;
      padding: 38px 12px 37px 12px;
    }
     
    ul.social-list li{
      margin-left: 11px;
    }
    
    ul.social-list li a i{
        font-size: 20px;
    }		#content{       	   padding-top: 88px;    }	    .search-area .navbar-brand {        		margin-right: 35px!important;    }           .search-area form.search-form>.input-group{          width: 91%;    }
		/* blog slider */
		.wrap {
			height: 900px;
		}
		.top-10 {
			right: 10px;
			top: 90px;
			width: 80px;
		}
}




@media screen and (min-width: 961px) and (max-width: 980px) {
		.big-text{
			padding: 100px 0px 30px 0px;
		}
    .navbar-default .navbar-brand{
        width: 125px;
        padding: 12px 0
    }
    
    .navbar-default .navbar-nav > li > a{
       font-size: 15px;
       padding: 33px 10px 30px 10px;
    }
    
    ul.social-list li{
       margin-left: 9px;
    }
    
    ul.social-list li a i
    {
        font-size: 18px;           		line-height: 73px;	}		ul.social-list li.lang {      	    padding-top: 26px;    }     #content{        padding-top: 88px;    }    .search-area .navbar-brand {        margin-right: 35px!important;    }           .search-area form.search-form>.input-group{          width: 91%;    }	
				
		/* blog slider */
		.wrap {
			height: 900px;
		}
		.top-10 {
			right: 10px;
			top: 90px;
			width: 80px;
		}
}



@media screen and (min-width: 851px) and (max-width: 961px) {
		.big-text{
			padding: 100px 0px 30px 0px;
		}
    .navbar-default .navbar-brand{
          width: 102px;
          padding: 20px 0;
    }
    
    .navbar-default .navbar-nav{
        margin-left: 10px;
        margin-right: 0px!important;
    }
    
    .navbar-default .navbar-nav > li > a{
        font-size: 13px;
        padding: 30px 10px 25px 10px;
    }
    
    ul.social-list li{
       margin-left: 6px;
    }
    
    ul.social-list li a i {
       font-size: 16px;
       line-height: 65px;
        
    }
    ul.social-list li a{
        font-size: 18px;
        
    }
    
    ul.social-list li.lang{
      padding-top: 25px;
    }
    
    #content{
       padding-top: 80px;
    }		.search-area .navbar-brand {        		margin-right: 35px!important;    }        .search-area form.search-form>.input-group{          		  width: 88%;    }
		/* blog slider */
		.wrap {
			height: 900px;
		}
		.top-10 {
			right: 10px;
			top: 90px;
			width: 80px;
		}
}


@media screen and (min-width: 768px) and (max-width: 850px) {
		.big-text{
			padding: 100px 0px 30px 0px;
		}
		
    .navbar-default .navbar-brand{
        width: 96px;
        padding: 12px 0
    }
    
    .navbar-default .navbar-nav{
        margin-left: 10px;
        margin-right: 0px!important;
    }
    
    .navbar-default .navbar-nav > li > a{
        font-size: 13px;
        padding: 19px 10px 18px 10px;
    }
    
    ul.social-list li{
       margin-right: 4px;
       margin-left: 0px; 
    }
    
    ul.social-list li a i {
       font-size: 16px;
       line-height: 43px;  
    }
    
    ul.social-list li a{
        font-size: 17px;
        
    }
    
    ul.social-list li.lang {
      padding-top: 13px;
    }
    
    #content{
        padding-top: 62px;
    }		.search-area .navbar-brand {        margin-right: 35px!important;    }       .search-area form.search-form>.input-group{          width: 80%;    }
		/* blog slider */
		.wrap {
			height: 900px;
		}
		.top-10 {
			right: 10px;
			top: 90px;
			width: 80px;
		}
}

@media screen and (max-width: 767px) {
		.top-10 {
				right: 5px;
				top: 50px;
				width: 50px;
				z-index: 1000;
		}
		#header-slider {
			background: url("../img/header-bgd-mobile.jpg") #000 no-repeat top center fixed;
			height: 670px;
			background-size: cover;
		}
		.arrow {
			padding-top: 50px;
		}
		#bgvid { display: none; }
	
		.big-text{
			padding: 64px 30px 24px 30px;
		}
		.green-btn {
			padding: 5px 80px 30px;
		}
		.header-tweet-content p.nick {
			margin-bottom: 10px;
		}
		.header-tweet-content, .header-tweet-content p {
			font-size: 20px;
			line-height: 24px;
			margin-bottom: 0;
		}
		#header-carousel.owl-carousel.owl-theme .owl-controls {
			margin-top: 0;
		}
		
		#team .info {width: 100%;}
		
		/*team members font*/
		
		#team .title{
		  height: 50px;
		  top: -25px;
		  padding: 10px;
		}
		
		#team .title h4{
		  font-size: 18px;
		  line-height: 33px;
		}
		#team .desc {padding: 50px 35px 0 35px;}
		#team .desc p{
		   line-height: 23px;
		   font-size: 16px;
		}
		
		.card.hovercard{
		   min-height: 838px;
		}
		
		#smw {
  		height: 630px;
		}
		.grid-item, .grid-item.big {
			width: 300px;
			height: 300px;
		}
		.grid {
			height: 620px; /* inherit height from body */
		}
		
		a.popup-youtube:after {
			width: 60px;
			height: 60px;
		}
		
		/* blog slider */
		.wrap {
			height: 820px;
		}
		div.dark.light p {
			font-size: 18px;
			line-height: 23px;
			padding: 15px 0;
		}
		.blog_box span.post-title, .author-info span.post-title {
			font-size: 26px;
			line-height:32px;
			margin: 12px 0 9px;
		}
		.blog_box span.author, .author-info span.author {
			font-size: 16px;
			line-height: 21px;
			margin-bottom: 15px;
		}
			
    .navbar-default .navbar-brand{
       width: 143px;
       padding: 6px 10px;
       margin-left: 0px!important;
    }
    .navbar-brand>img{
        width: 82%;
    }

    ul.social-list{
      float: left;
			width: 100%;
      position: relative;
      display: inline-block;
			margin: 5px 0;
    }
    ul.social-list li{
        margin: 5px 10px 20px 10px;
				display: inline-block;
				float: none;
    }
    ul.social-list li a i{
			font-size: 23px;
			line-height: 0px;
    }
    
    .navbar-default .navbar-nav{
        margin: 15px 0px!important;  
    }
    
    .navbar-default .navbar-collapse, .navbar-default .navbar-form{
        overflow-y: visible;
        text-align: center;
    }
    
    .navbar-default .navbar-nav > li > a{
        font-size: 20px;
        padding: 18px 10px;
				border: none;
    }
		.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > li:hover > a {
			background-color: #99c237;
			border-bottom: none;
			color: #fff;
		}
    
    .search-area form.search-form{
       padding:3px 0px;  
    }
    
    input#searchInput{
       font-size: 22px;
       padding: 1px 0px;
    }
    
    .search-area .search-icon{
       width: 20px;
       height: 20px;
    }
    
    ul li ul.dropdown{
      width: 35px;
    }
    
    .mobile-nav{
      display: block;
      position: relative;
      float: right;
      list-style: none;
      margin-right: 23px;
      margin-top: 12px;
    }
    
    .mobile-nav li{
      float: left;
      display: block;
      padding-left: 20px;
      
    }
    
    .mobile-nav li.lang a{
      padding: 3px 6px 2px 5px;
      font-family: 'Roboto', sans-serif;
			font-weight: 300;
      font-size: 19px;
      color: #ffffff;
    }
    
    .mobile-nav li ul.dropdown{
        width: 35px;
        background: #3f66b0;
        display: none;
        position: absolute;
        z-index: 999;
        /* left: 50px; */
        margin-left: 0px;
    }
    
    .mobile-nav li ul.dropdown li{
       padding: 2px 0px;
    }
    
    .mobile-nav li:hover ul.dropdown{
      display: block;	
    }

    .mobile-nav ul li ul.dropdown li{
        display: block;
        margin: 0px;
    }

    .mobile-nav li ul.dropdown li:hover{
          background: #31559b;
          font-weight: normal;
    }

    .mobile-nav ul.dropdown li a.lang{
           padding: 5px; 
           background: #81a32e;
    }
    
    .mobile-nav-pc{
      display: none;
    }
        
    #content{
      padding-top: 50px;
    }
    
    #blog-slider .circle{
      display: none;
    }
		#blog-slider .owl-pagination{
			-ms-transform: translateX(0px) rotate(0deg) translateY(0px);
			-webkit-transform: translateX(0px) rotate(0deg) translateY(0px);
			transform: translateX(0px) rotate(0deg) translateY(0px);
			position: absolute;
			top: 20px;
			right: 0px;
			width: 100%;
		}
		#blog-slider.owl-theme .owl-controls .owl-page span {
			margin-left: 10px;
			margin-right: 10px;
		}
    
    .pink.new-display .author-info .pull{
      margin: 0px;
    }
    
    a.btn-more{
      float: none;
      text-align: center;
      margin: 10px auto 20px auto;
      display: block;
      width: 180px;
			line-height: 48px;
    }
    
    .card.hovercard a{
      width: 45px;
      height: 45px;
      border-radius: 45px;
    }
    
    .card.hovercard a i{
      padding: 13px 11px;
    }
    
    body.single .circle img{
      top: -170px;
    }
    
    body.single .author-info .pull{
      margin: 0px;
    }
    
    a.search{
     color: #81a32e;
    }
        
    .navbar-default .navbar-nav > li:hover > a{
      border-bottom: none;
    }
    .navbar-collapse{
      border: none;
      box-shadow: none;
    }

		/***************************/
		/*    BLOG CATEGORY VIEW   */
		/***************************/
    .blog_box {
        width: 99%;
    }
		/********************/
		/*    ABOUT TABS    */
		/********************/
		#about .nav-tabs > li > a {
			font-size: 14px;
			line-height: 16px;
		}
		
		/*search*/
    
		.search-area .navbar-brand{
		  display: none;
		}
		
		.search-area{
		  height: 55px;
		}
		
		.search-area form.search-form {
		  padding: 3px 0px;
		}
		
		.input-group-btn{
		  top: 6px;
		}	
		
}

@media screen and (min-width: 768px){
  .mobile-nav {
     display: none;
  }  
}

@media screen and (min-width: 1500px){
	#content {
		min-height: 920px
	}
	ul.social-list {
    float: right;
    position: absolute;
    right: 21px;
    top: 0;
	}
	.navbar-default .navbar-nav {
		float: left;
		margin-right: 0!important;
		width: 100%;
	}
	.navbar-default .navbar-nav > li > a {
		padding-left: 40px;
		padding-right: 40px;
	}
}



