/************************************************************************************
smaller than 1400
*************************************************************************************/
@media screen and (max-width: 1400px) {
	
	/* topbar text content */
	#topbar p {
		width: 95%;
	}
	
	/* topbar logo */
	#logo p {
		width: 95%;
	}


/* pagewrap */
	#pagewrap {
		width: 95%;
	}
	
	
	#footer {
		width: 95%;
		
	}
	
	#header {
		width: 95%;
		
	}
	
	
}
/************************************************************************************
smaller than 1200
*************************************************************************************/
@media screen and (max-width: 1200px) {
	
	/* topbar text content */
	#topbar p {
		width: 95%;
	}
	
	/* topbar logo */
	#logo p {
		width: 95%;
	}
	

/* pagewrap */
	#pagewrap {
		width: 95%;
	}
	


#footer {
		width: 95%;
	}
	
	#header {
		width: 95%;
		
	}
	
	.home-slider-wrapper {
	margin-top: 30px;
	
}



}

/************************************************************************************
smaller than 980
*************************************************************************************/
@media screen and (max-width: 980px) {
	
	/* topbar text content */
	#topbar p {
		width: 95%;
	}
	
	/* topbar logo */
	#logo p {
		width: 95%;
	}

	/* pagewrap */
	#pagewrap {
		width: 95%;
	}
	
	
	#footer {
		width: 95%;
	}
#header {
		width: 95%;
		
		
	}
	
	.home-slider-wrapper {
	margin-top: 30px;

	
}



}

/************************************************************************************
smaller than 800
*************************************************************************************/
@media screen and (max-width: 800px) {
	
	
	
	.home-slider-wrapper {
	margin-top: 0px;
	
	
}

}

/************************************************************************************
smaller than 650
*************************************************************************************/
@media screen and (max-width: 650px) {
	
	/* topbar text content */
	#topbar p {
		width: 95%;
	}

	/* topbar logo */
	#logo p {
		width: 95%;
	}
/* pagewrap */
	#pagewrap {
		width: 95%;
	}
	
	
	#footer {
		width: 95%;
	}

	
}

/************************************************************************************
smaller than 560
*************************************************************************************/
@media screen and (max-width: 480px) {
	
	/* topbar text content */
	#topbar p {
		width: 95%;
	}
	
	/* topbar logo */
	#logo p {
		width: 95%;
	}

	/* pagewrap */
	#pagewrap {
		width: 95%;
	}
	
	
	#footer {
		width: 95%;
	}


}