@media screen and (max-width: 1024px), (max-device-width: 1024px) {
	#header{
		height: auto
	}
	#header-content{
		padding: 0
	}
	#slogan{
	}
        
	#claim1{
                border-right:none;
	}

        #claim2 {
            display:none;
        }
        #topMenu {
		float: none;
		clear: both;
		margin: -20px 0 5px
	}
	#topMenu ul{
		float: right
	}
	#videoThumbsBG{
		padding: 20px;
		width: 100%
	}
	#footer{
		text-align: center;
		height: auto;
	}
	#nav-menu {
		display: block;
	}
	#mainMenu {
		display: none;
	}
	#content {
		width: 100%;
	}
}
@media screen and (max-width: 992px), (max-device-width: 992px) {
	#contentBoxes {
		padding: 0;
		margin: 0 0 20px
	}
}
@media screen and (max-width: 768px), (max-device-width: 768px) {
	#nav-menu{
		display: block
	}
	#mainMenu, #topMenu{
		display: none
	}
	#content{
		width: 100%
	}
	#nav-mobile{
		display: none
	}
	#videoThumbsBG{
		padding: 10px
	}
	#contentBoxes {
		padding: 0;
		margin: 0 0 20px
	}
	#contentBoxes .pic-responsive img{
		width: 100%;
		height: auto;
		margin: 0 0 15px
	}
	table.myLoveOverviewTable{
		margin: 15px 0 20px
	}
	table.myLoveOverviewTable > thead > tr > td,
	table.myLoveOverviewTable > tbody > tr > td,
	table.myLoveOverviewTable > tfoot > tr > td {
		border: none;
		padding: 10px 0;
		height: auto;
		font-size: 30px;
		line-height: inherit;
	}
	table.myLoveOverviewTable td.distance {
		width: auto
	}
	#footer{
		text-align: center;
		height: auto;
	}
	.modal-content,
	.modal-body, .modal-header,
	.modal-footer {
		width: 100%
	}
	.modal-dialog {
		width: inherit !important;
	}
	.modal-body {
		height: 250px !important;
	}
	#logout-confirm .modal-body {
		height: auto !important;
	}
	#pendingRequests .user-initials > form {
		display: inline-block;
		margin: 6px 15px 0 0;
	}
	#pendingRequests .user-initials h4 {
		display: inline-block;
		line-height: 1.8;
		min-height: 26px;
		width: 100%;
	}
	.user-friend-wrap {
		display: inline-block;
	}
	.video-likes .user-initials h4 {
		line-height: 4.3;
		min-height: auto;
	}
	#pendingRequests .user-friend-wrap .user-initials > form {
		float: right;
		margin: 15px 0 0;
	}
	.modal-title {
		font-size: 1.4em;
	}
	#oneCol {
		padding: 0 5px;
	}
	#innerContent .register-link-wrapper {
		float: right;
		padding: 0 !important;
	}
	.footer-content {
		float: right;
	}
	#myAccount .lovepro-form .form-control {
		margin: 0 0 1em;
		width: 100%;
	}
	#pendingRequests .user-initials > .form-text.rejectRequest {
		margin: 6px 15px 0 0;
		vertical-align: top;
	}
	#references #inviteUser .submitButtons {
		width: 100%;
	}
	#references .form-control.input-sm {
		width: 100%;
	}
	#video-modal .modal-body,
	#imageCropModal .modal-body,
	#video-change-modal .modal-body,
	#advanceLogo .modal-body {
		height: auto !important;
	}
	#myAccount .deleteAccount {
		margin-top: 0.5em;
	}
	#pendingRequests .modal-body {
		height: auto !important;
	}
	#pendingRequests .user-initials h5 {
		align-items: center;
		display: inline-flex;
		justify-content: left;
		line-height: normal;
		min-height: 58px;
		width: 60%;
		word-break: keep-all;
	}
	#pendingRequests .user-initials > form {
		display: inline-flex;
		margin: 0 15px 0 0;
	}
	.user-initials h5 a {
		line-height: normal;
	}
}
@media screen and (max-width: 700px), (max-device-width: 700px) {
	#wrap{
		padding: 20px 0 0
	}
	#wordLogoInside {
		padding-top: 40px;
		font-size: 22px;
		padding-left: 10px
	}
	#nav-menu{
	}
	#slogan{
		display: none
	}
	#header-content{
		padding: 0 0 5px
	}
	#videoThumbsBG{
		padding: 10px
	}
	#innerContent{
		height: auto;
		padding: 10px;
		overflow: auto
	}
	#searchBox{
		float: none;
		margin: 40px 0 0;
		width: 100%;
	}
	#innerContentInside{
		width: 100%;
		top: 0;
		left: 0;
		margin: 0;
		border: 2px solid #e4231f;
		padding: 10px
	}
	#userArea .user-profile-area .recapture-btn-wrapper button.recapture{float: left}
	form#uploadVideo .btn-file, #userArea .user-profile-edit .user-profile-area{margin-top: 0px;}
	#userArea .user-profile-area .upload-video-section{margin-bottom: 0px;}
	#advanceLogo .modal-body {
		height: 250px !important;
		overflow-y: auto;
	}
	#advanceLogo .modal-content {
		padding-bottom: 1em;
	}
	#videoThumbsBG {
		background: none !important;
		background-image: none !important;
	}
}
@media screen and (max-width: 600px), (max-device-width: 600px) {
	#header-content{
		float: none;
		clear: both;
		margin: 0 0 15px
	}
	#searchBox{
		padding: 10px 0 0
	}
	#searchBox input{
		width: 85%
	}
}
@media screen and (max-width: 400px), (max-device-width: 400px) {
	#searchBox input{
		width: 80%
	}
	.oneTalk .row{
		font-size: .8em
	}
	.login-divider {
		float: left;
		line-height: normal;
		padding: 7px 9px;
		text-align: center;
		width: auto;
	}
	.login-page #content .register-link-wrapper {
		margin-left: 0;
	}
	.login-form #login .submitButtons {
		margin-top: 0;
		padding: 0 0 0 6px;
		width: 100%;
	}
	.forgot-password {
		float: left;
		margin: 0 0 0 5px;
	}
	.reset-password-form #resetPassword .submitButtons {
		padding: 0 0 0 14px;
		width: 100%;
	}
	.change-password-form #changePassword .submitButtons {
		padding: 0 0 0 14px;
		width: 100%;
	}
	.lovepro-form .form-group {
		margin: 0 0 6px !important;
	}
}
@media screen and (max-width: 767px) {
	.change-password-form #changePassword .submitButtons {
		padding: 0 0 0 6px;
		width: 100%;
	}
	.social-media-links {
		padding-left: 0;
	}
}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
	#innerContent{
		height: 590px
	}
	.login-page #columns #innerContent [class*="col-"] {
		padding: 0 !important;
	}
	#header-content {
		padding: 0;
		position: relative;
		top: 30px;
	}
	#header {
		display: inline-block;
		height: auto;
		padding: 0;
		width: 100%;
	}
	#threeCols3 img {
		height: 205px !important;
	}
}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
	#content{
		width: 100%
	}
	#videoThumbsBG{
		padding: 10px
	}
	#innerContent{
		height: 550px;
		width: 100%;
		max-width: inherit
	}
	#topMenu {
		display: block;
	}
}
@media only screen and (min-width : 768px) and (max-width : 991px)  {
	#content {
		width: 100%;
	}
	#nav-menu {
		display: block;
		
	}
	#mainMenu, #topMenu {
		display: none;
	}
	#videoPlayer {
		left: 25%;
		top: 30%;
	}
	#imageCropModal .img-preview {
		width: 100% !important;
	}
	.standardContent {
		min-height: 0;
	}
	.modal-content {
		width: 90%;
		left: 10%;
	}
}
@media only screen and (min-width : 1025px)  {
	#content {
		width: 93.6%;
	}
	#nav-menu {
		display: none;
	}
	#mainMenu {
		display: block;
	}
}
@media only screen and (min-width : 432px) and (max-width : 767px) {
	.footer-content {
		float: left;
	}
}
@media only screen and (min-width : 768px) {
	#threeCols3 img{
		width: 100%;
		height: 292px;
	}
}
@media only screen and (max-width : 767px) {
	form#uploadVideo .btn {
		width: 200px;
	}
	#userArea .boxContent {
		padding-left: 0;
	}
	.login-form #login .submitButtons {
		padding: 0 0 0 5px;
	}
	.forgot-password {
		margin-left: 5px;
	}
	.cropper-container img {
		height: 175px !important;
	}
}
@media only screen and (min-width : 320px) and (max-width : 400px) {
	#videoPlayer {
		box-shadow: none;
		min-height: 200px;
		height: 50%;
		margin: 0 auto;
		position: static;
		width: 290px;
	}
	.video-player-container {
		height: 200px;
		margin-bottom: 1em;
		width: 100%;
	}
	.login-form #login .submitButtons {
		padding: 0 0 0 13px;
	}
	.forgot-password {
		margin-left: 12px;
	}
}

@media only screen and (min-width : 401px) and (max-width : 767px) {
	#videoPlayer {
		box-shadow: none;
		min-height: 220px;
		height: 50%;
		margin: 0 auto;
		position: static;
		width: 340px;
	}
	.video-player-container {
		height: 220px;
		margin-bottom: 1em;
		width: 100%;
	}
}
@media only screen and (max-width : 320px) {
	#videoPlayer {
		box-shadow: none;
		min-height: 200px;
		height: 50%;
		margin: 0 auto;
		position: static;
		width: 100%;
	}
	.video-player-container {
		height: 200px;
		margin-bottom: 1em;
		width: 100%;
	}
	.login-form #login .submitButtons {
		padding: 0 0 0 13px;
	}
	.forgot-password {
		margin-left: 12px;
	}
}
@media (min-width: 768px) {
	#imageCropModal .img-container {
		min-height: 300px;
	}
}
@media only screen and (min-width : 320px) and (max-width: 480px) {
	.donor-list p {
		padding: 8px;
	}
	.donor-list p a {
		font-size: 14px;
		margin-right: 1em;
		text-decoration: none;
	}
	.donor > span {
		float: right;
		margin-right: 0;
	}
}
@media only screen and (min-width : 320px) and (max-width: 490px) {
	h2, h3 {
		line-height: normal;
	}
}