/* #Media Queries
================================================== */
@media only screen and (min-width:992px) and (max-width: 1200px) {
	.maincontent{
		margin-right: 4%;
		top: 45%;
	}
	h2.bolder{
		padding-top: 0;
	}
	#portfolio p.innerp{
		line-height: 26px;
	}
	
}

@media only screen and (min-width: 960px) and (max-width: 991px) {
	.nav-collapse{
		padding-top: 0;
	}
	.logo img{
		width: 150px;
		display: block;
	}
	.nav-collapse a{
		padding: 10px 5px;
		font-size: 13px;
	}
	.logo a small{display:none;}
	
	.logo a span{width:130px;}
	
	header.sticky .nav-collapse {
		/* padding: 10px 0; */
	}
	.maincontent{
		margin-right: 4%;
		top: 50%;
	}
	.oneslide img{
		height: 500px;
	}
	h2.bolder{
		padding-top: 0;
	}
	#portfoliolist .portfolio, 	#gallerylist .portfolio{
		width: 33.33%
	}{
		width: 33.33%
	}
	.imagehover{
		padding: 60px 0;
	}
	#news article p.innerp{
		font-size: 12px;
	}
	#news h4{
		font-size: 10px;
	}
	footer h5 {
		padding: 20px 0;
	}
	#portfolio p.innerp{
		line-height: 26px;
	}
}

/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {	

}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
	.nav-collapse{
		padding-top: 0;
	}
	.logo img{
		width: 150px;
		display: block;
	}
	
	.logo a span{width:130px;}
	.logo a small{display:none;}
	
	.nav-collapse a{
		padding: 10px 5px;
		font-size: 13px;
	}
	.maincontent{
		margin-right: 4%;
		top: 50%;
	}
	.oneslide img{
		height: 400px;
	}
	.maincontent h1{
		font-size: 35px;
		line-height: 40px;
	}
	h2.bolder{
		padding-top: 0;
	}
	#portfoliolist .portfolio{
		width: 33.33%
	}
	#gallerylist .portfolio{
		width: 33.33%
	}
	#portfolio p.innerp{
		line-height: 26px;
	}
	.imagehover{
		padding: 60px 0;
	}
	#news article p.innerp{
		font-size: 12px;
	}
	#news h4{
		font-size: 10px;
	}
	footer h5 {
		padding: 20px 0;
	}
	footer {
		padding: 10px 0 25px;
	}
}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
	.logo img{
		width: 150px;
		display: block;
	}
	.nav-toggle{
		/* top: -5px; */
	}
	header.sticky .nav-toggle{
		top: 0;
	}
	header.sticky .logo{
		/* margin-top: 10px; */
	}
	header {
		padding: 20px 0;
	}
	header.sticky .nav-collapse{
		padding-top: 0px; 
	}
	p.innerp{
		padding-top: 15px;
	}
	.maincontent h1{
		font-size: 24px;
		line-height: 33px;
	}
	#portfolio p.innerp br,#news p.innerp br,#news p.innerpnew br{
		display: none;
	}

	footer h5 {
		padding: 20px 0;
	}
	footer {
		padding: 10px 0 25px;
	}
	.footerp{
		text-align: center;
	}
	.footersocial {
		float: none;
		text-align: center;
	}
	#portfolio{
		padding: 40px 0 20px;
	}
	#news {
		padding: 40px 0 40px;
	}
	#about {
		padding: 40px 0;
	}
	#about img{
		margin-top: 25px;
	}
	h2.bolder{
		padding-top:0px;		
	}

}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	.maincontent{
		margin-right: 4%;
	}
	.oneslide img{
		height: 320px;
	}
	.maincontent{
		top: 45%;
	}
	#portfolio p.innerp{
		line-height: 26px;
	}
	
	#filters li span{		
		padding: 5px 15px;
	}
	#portfoliolist .portfolio, #gallerylist .portfolio{
		width: 50%
	}
	.imagehover{
		padding: 60px 0;
	}

}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {	
	.maincontent h1 br{
		display: none;
	}
	.maincontent h1 {
		font-size: 18px;
		line-height: 25px;
	}
	.nav-collapse a{
		font-weight: 500;
		font-size: 16px;
		padding: 6px 12px;
	}
	h2.reguler {
		font-size: 22px;
	}
	#news article {   
		padding-top: 35px;
	}
	.maincontent{
		margin-right: 1%;
	}
	.oneslide img{
		height: 250px;
	}
	.maincontent{
		top: 45%;
		text-align: center;
		width: auto;
	}
	#filters li{
		float: none;
	}
	#filters li span{
		padding: 5px 10px;
		margin: 0;
	}
	#portfoliolist .portfolio, 	#gallerylist .portfolio{
		width: 100%
	}{
		width: 100%
	}
	.imagehover{
		padding: 80px 0;
	}
	#filters {
		margin: 10% 0;
	}
	p.innerp{
		font-size: 13px;
	}
	p.innerpnew{
		font-size: 13px;
		line-height: 18px;
	}
	.bx-wrapper .bx-pager.bx-default-pager a{
		width: 10px;
		height: 10px;
	}
	
}