@media(max-width: 1199px){
	.container{
		width: 960px;
	}

	.navbar ul:last-child li a{
		margin-left: 15px;
	}

	h3{
		font-size: 40px;
	}

	.main-video{
		width: 640px;
	}

	.admin-details{
		width: 620px;
	}

	.content-left {
    	float: left;
    	width: 695px;
	}

	.printer-area img{
		height: 235px;
	}

	.blog-area-img img{
		height: 215px;
	}

}


@media(max-width: 1000px){
	.container{
		width: 720px;
	}

	.home-slide-area ul li h4{
		font-size: 40px;
	}

	.main-slide-area{
		height: 325px;
	}

	.navbar ul li a {
		font-size: 12px;
		margin-right: 12px;
	}

	.logo-area a img{
		width: 200px;
	}

	.nav-border{
		margin-bottom: 5px;
	}

	h3{
		font-size: 30px;
	}

	.box {
		padding-top: 30px;
		padding-bottom: 35px;
	}

	.news-half .details h5 {
		margin: 0;
		font-size: 15px;
		margin-bottom: 10px;
	}

	.news-half .details p{
		font-size: 12px;
	}

	.main-video{
		width: 400px;
	}

	.video-thumb ul li {
		margin: 0px 12px;
	}

	.my-img-library li{
		width: 33.33333%
	}

	.admin-details {
		width: 500px;
	}

	.admin-pic {
		float: left;
		width: 200px;
	}

	.content-left {
	    float: left;
	    width: 455px;
	}

	.blog-thumb-column{
		width: 50%
	}

	.video-thumb ul li {
    	margin: 5px 12px;
	}

	.col-4{
		width: 50%
	}

	.video-thumb{
		height: 275px;
	}

	.printer-area img{
		height: 345px;
	}
}

@media(max-width: 766px){
	.container{
		padding: 0 15px;
		max-width: 100%;
	}

	.login-area{
		right: 10px;
	}

	.home-slide-area ul li h4{
		font-size: 35px;
	}

	.menu-handel{
		display: inline-block;
		position: absolute;
		right: 10px;
		top: 0;
		border: 1px solid #333;
		padding:5px 10px;
	}

	.navbar ul li{
		float: left;
		width: 100%;
		text-align: center;
		border-bottom:1px solid #333;
	}

	.navbar ul li a{
		font-size: 18px;
		padding:8px 0;
		margin: 0;
		display: inline-block;
	}

	.navbar ul{
		float: left;
		width: 100%;
	}

	.nav-border{
		display: none;
	}

	.logo-area {
		position: relative;
		left: 0;
		right: auto;
		top: 5px;
		text-align: center;
		z-index: 50;
		float: left;
		display: inline-block;
	}

	.navbar ul li {
		float: left;
		width: 100%;
		text-align: center;
		border-top: 1px solid #333;
		border-bottom: 0;
	}

	.logo-area{
		margin-bottom: 10px;
	}

	.navbar{
		padding-bottom: 0
	}

	.menu-handel:hover{
		color: #25940e;
		border:1px solid #25940e;
	}
	
	.navbar ul{
		-webkit-transition: all .3s;
		-moz-transition: all .3s;
		-o-transition: all .3s;
		-ms-transition: all .3s;
	    transition:  all .3s;
	    height: 0;
	    overflow: hidden;
	}

	.navbar ul.active{
	    height: auto;
	    overflow: visible;
	}

	.ecological-photography img{
		float: none;
		display: inline-block;
	}

	.box{
		text-align: center;
	}

	.news-half{
		width: 100%
	}

	.news-half.events {
		padding-left: 0;
		padding-right: 25px;
		text-align: right;
		margin-top: 41px;
		border: 0;
	}

	.news-half.events .details {
		padding-right: 60px;
		padding-left: 0;
	}

	.news-half.events .details h5,
	.news-half.events .details p{
		text-align: right;
	}

	.news-half.events .news-img {
		float: right;
		display: inline-block;
		margin-right: 0;
		margin-left: -100%;
	}

	.video-thumb {
		float: none;
		width: 300px;
		border: 1px solid #d7d7d7;
		border-radius: 4px;
		min-height: 200px;
		display: inline-block;
		margin: 20px auto;
	}

	.main-video {
		width: 100%;
		margin-bottom: 15px;
	}

	.my-img-library li {
		width: 20.33333%;
	}

	.admin-pic img{
		float: none;
	}

	.admin-pic{
		width: 100%;
		text-align: center;
		margin-bottom: 25px;
	}

	.admin-details{
		width: 100%;
		margin-top: 25px;
	}

	.download-file ul li {
		float: left;
		width: 100%;
		background: url(../images/pdf.jpg) no-repeat left 4px;
		text-align: left;
	}

	footer{
		margin-top: 120px;
	}

	.footer-nav ul li a{
		font-size: 13px;
	}

	.content-left, .content-area aside{
		width: 100%
	}

	.blog-thumb-column{
   		width: 285px;
   		margin: 0 auto;
   		display: block;
   		float: none;
   		margin-bottom: 20px;
   }

   .pagination {
	    float: none;
	    margin: 20px auto;
	    text-align: center;
	    display: table;
	   margin-bottom: 50px;
	}

	.widget h4{
		text-align: center;
	}

	.widget ul li a p, .widget ul li a h5{
		    padding-left: 0;
		}

	.widget ul li a img {
	    float: none;
	    margin-right: 0;
	}

	.widget ul li{
		   text-align: center;
		}

	.blog-share-area span.time{
		margin-left: 0
	}


	.video-area .video-thumb{
		width: 100%;
		float: left;
		margin: 0;
		height: 210px;
	}

	.col-4 {
	    width: 285px;
	    margin: 20px auto;
	    display: table;
	    float: none;
	}

	.printer-area img{
		height: 250px;
	}

	.blog-area-img img{
		height: 215px;
	}
	.video-thumb{
		height:auto;
		min-height:inherit;
	}
	header.f-w,
	section.f-w,
	footer.f-w{overflow:hidden}	
}

@media(max-width: 470px){

	.footer-nav ul li a {
		color: #fff;
		text-transform: uppercase;
		font-size: 10px;
		display: inline-block;
		padding: 5px 0;
		text-decoration: none;
	}

	footer{
		margin-top: 30px;
	}

	.download-file ul li{
		font-size: 12px;
	}

	.main-video iframe{
		height: 300px;
	}

	.video-thumb{
		width: 270px;
	}

	.video-thumb ul li {
		margin: 0px 7px;
	}

	h3{
		font-size: 22px;
	}

	.home-slide-area ul li h4{
		font-size: 25px;
	}

	.my-img-library li{
		width: auto;
	}

	
   .home-slide-area ul li h4{
   	font-size: 18px;
   }

   .pagination li a {
	    float: left;
	    padding: 2px 5px;
	    border: 1px solid #d7d7d7;
	    color: #333;
	    text-decoration: none;
	    /* font-weight: 600; */
	    font-size: 11px;
	    margin: 0 5px;
	}

	.blog-share-area .share{
		display: none;
	}

	.blog-share-area span{
		font-size: 11px;
	}

	.blog-share-area span.time{
		margin-right:10px;
	}

	.blog-share-area span{
		margin-left: 5px;
	}

	.blog-area-details p{
		font-size: 14px;
		line-height: 22px;
	}

	.blog-writer-area a{
		font-size: 13px;
	}

	.like-area{
		position: relative;
	}

	.view-comments{
		padding-right: 0
	}

	.center-pagination {
	    margin-bottom: 150px;
	    margin-top: -10px;
	    text-align: center;
	}
	.ecological-photography img{margin-right:0}
	.news-half{padding-right:0 !important}
}