/* TABLET LAYOUT */


@media only screen and (min-width:200px) and (max-width:1024px){

/*==== Header Section ====*/
#mobileMenuBerLogo {
	display: block !important;
}
#scrollingMenuBer {
	display: none;
}
.mean-container .mean-nav ul li {
    color: white;
    margin: 5px 0px;
    display: block;
    height: 100%;
}
.mean-container .mean-nav ul li:hover {
}
.mean-container .mean-bar, .mean-container .mean-bar * {
	background: black;
}
/*==== Page-Up Button Section ====*/
.pageUpButton {
	display: none;
}
/*==== Slider Section ====*/
.sliderItems img {
	width: 100%;
	height: 100%;
}
/*==== About Section ====*/
#aboutTitle {
	margin-top: 20px;
}
#aboutP{
	font-size: 10px;
}
#photographerImg {
	width: 300px;
	height: 300px;
	margin-left: 25px;
}
#photographerHoverFlow {
	width: 100%;
	height: 100%;
	top: 0px;
}
#photographerHoverFlow h3 {
	outline: 1px solid black;
	font-size: 14px;
	padding: 10px;
	margin-top: 80px;
}
#photographerHoverFlow p a i{
	padding: 10px 20px;
	font-size: 30px;
}
#photographerDetails {
	width: 510px;
	padding: 0px;
	padding-right: 25px;
}
#photographerDetails h1 {
	padding: 0px;
	border: 0px solid white;
	font-size: 25px;
}
#photographerDetails:hover h1 {
	border: 0px solid black;
}
/*==== Portfolio Section ====*/
#portfolio h3 {
	margin-top: 35px;
}
#leftSlider {
	width: 45%;
}
#rightSlider {
	width: 45%;
}
/*==== Contact Section ====*/
#contact {
	width: 94%;
	margin: 0px 20px 0px 20px;
}
#contactDetails {
	width: 100%;
}
.mobileModeSendMessage {
	display: block;
}
#sendMessage {
	display: none;
}
.submit {
	width: 100%;
	padding: 15px;
}
/*==== Footer Section ====*/
#footerSection {
    padding: 30px 30px 30px 45px;
    font-size: 11px;
} }


/* MOBILE LAYOUT */

@media only screen and (min-width:200px) and (max-width:480px){

body {
	background: red;
}



}