@media screen and
	(min-width: 768px) and (max-width: 1024px) and
	(min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait)  {
	.wrapper {background: none;}
	.sidebar {
		float: none;
		width: 100%;
		position:relative;
	}
	.logo {
		float: left;
		margin:27px 0 21px 34px;
	}
	.menuBtn {display:block;}
	ul.mainNav {
		display: none;
		position:absolute;
		width:100%;
		top:100%;
		left:0;
		z-index:10;
		background:#fff;
	}
	ul.mainNav a, ul.mainNav span {
		padding-left:34px;
	}
	ul.mainNav .drop {
		position:static;
		width:100%;
	}
	ul.mainNav ul {
		margin:0;
	}
	ul.mainNav li span {
		background:url(/includes/images/raptorgroup/arrow05.png) no-repeat 95% 50%;
	}
	ul.mainNav li:hover span {background:#0f0f0f url(/includes/images/raptorgroup/arrow06.png) no-repeat 95% 50%;}
	ul.mainNav li:hover .drop,
	ul.mainNav li .drop {display:none;}
	.main {
		margin: 0;
	}
	.mainProfile img {width: 100%;height: auto;}
	.portfolio img.btmImg {display: none;}

}

@media screen and
	(min-width: 768px) and (max-width: 1024px) and
	(min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
    ul.mainNav {
		display: block;
	}
	.contact h2 {
		margin:0 0 15px;
	}
	.contact .row {
		padding: 0 0 10px;
	}
	.mainProfile img {width: 100%;height: auto;}
	.portfolio img.btmImg {display: none;}



}