@media (min-width: 768px){
	.modal-dialog {
		margin: 30px auto;
	}
	.modal-content {
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
	}
	#modalLogin .modal-content {
		padding: 62px 50px;
	}
	#modalLogin .modal-content .modal-body {
		padding: 15px 110px;
	}
	#modalLogin h2 {
		font-family: "Gotham Medium";
	}
	#modalLogin .btn-login-facebook {
		text-align: center;
		line-height: inherit;
	}
	#modalLogin .btn-login-facebook .icon {
		margin-right: 0;
		float: none;
		vertical-align: sub;
	}
	#modalLogin .btn-login-facebook span.text {
		display: inline;
	}
	#modalLogin .btn-login-google-plus {
		text-align: center;
		line-height: inherit;
	}
	#modalLogin .btn-login-google-plus .icon {
		margin-right: 0;
		float: none;
		vertical-align: sub;
	}
	#modalLogin .btn-login-google-plus span.text {
		display: inline;
	}
	#modalLogin p.btn-create-account {
		text-decoration: none;
	}
	#modalLogin .btn-submit {
		margin-bottom: 66px;
	}
	#modalInscription .modal-content {
		padding: 68px 50px;
	}
	#modalInscription .col-login-left {
		padding-right: 44px;
	}
	#modalInscription .col-login-right {
		padding-left: 44px;
		border-left: 1px solid #DEDEDE;
	}
	#modalInscription .col-login-left h3 {
		margin-bottom: 75px;
		font-size: 24px;
	}
	#modalInscription .col-login-right h3 {
		margin-bottom: 48px;
	}
	#modalInscription .checkbox {
		margin-bottom: 32px;
		color:#B1B1B1;
	}
	#modalInscription .checkbox label {
		font-weight: normal;
	}
	#modalInscription .btn-login-facebook {
		text-align: center;
		line-height: inherit;
		margin-bottom: 30px
	}
	#modalInscription .btn-login-facebook .icon {
		margin-right: 0;
		float: none;
		vertical-align: sub;
	}
	#modalInscription .btn-login-facebook span.text {
		display: inline;
	}
	#modalInscription .btn-login-google-plus {
		text-align: center;
		line-height: inherit;
	}
	#modalInscription .btn-login-google-plus .icon {
		margin-right: 0;
		float: none;
		vertical-align: sub;
	}
	#modalInscription .btn-login-google-plus span.text {
		display: inline;
	}
	#modalLostPassword .modal-content {
		padding: 68px 50px;
	}
	#modalLostPassword .col-login-left {
		padding-right: 44px;
	}
	#modalLostPassword .col-login-right {
		padding-left: 44px;
		border-left: 1px solid #DEDEDE;
	}
	#modalLostPassword .col-login-left h3 {
		margin-bottom: 75px;
		font-size: 24px;
	}
	#modalLostPassword .col-login-right h3 {
		margin-bottom: 48px;
	}
	#modalLostPassword .checkbox {
		margin-bottom: 32px;
		color:#B1B1B1;
	}
	#modalLostPassword .checkbox label {
		font-weight: normal;
	}
	#modalLostPassword .btn-login-facebook {
		text-align: center;
		line-height: inherit;
		margin-bottom: 30px
	}
	#modalLostPassword .btn-login-facebook .icon {
		margin-right: 0;
		float: none;
		vertical-align: sub;
	}
	#modalLostPassword .btn-login-facebook span.text {
		display: inline;
	}
	#modalLostPassword .btn-login-google-plus {
		text-align: center;
		line-height: inherit;
	}
	#modalLostPassword .btn-login-google-plus .icon {
		margin-right: 0;
		float: none;
		vertical-align: sub;
	}
	#modalLostPassword .btn-login-google-plus span.text {
		display: inline;
	}
	#modalUploadDocuments .modal-content {
		padding: 68px 50px;
	}
	#modalUploadDocuments .col-login-left {
		padding-right: 44px;
	}
	#modalUploadDocuments .col-login-right {
		padding-left: 44px;
		border-left: 1px solid #DEDEDE;
	}
	#modalUploadDocuments .col-login-left h3 {
		margin-bottom: 75px;
		font-size: 24px;
	}
	#modalUploadDocuments .col-login-right h3 {
		margin-bottom: 48px;
	}
	#modalUploadDocuments .checkbox {
		margin-bottom: 32px;
		color:#B1B1B1;
	}
	#modalUploadDocuments .checkbox label {
		font-weight: normal;
	}
	#modalUploadDocuments .btn-login-facebook {
		text-align: center;
		line-height: inherit;
		margin-bottom: 30px
	}
	#modalUploadDocuments .btn-login-facebook .icon {
		margin-right: 0;
		float: none;
		vertical-align: sub;
	}
	#modalUploadDocuments .btn-login-facebook span.text {
		display: inline;
	}
	#modalUploadDocuments .btn-login-google-plus {
		text-align: center;
		line-height: inherit;
	}
	#modalUploadDocuments .btn-login-google-plus .icon {
		margin-right: 0;
		float: none;
		vertical-align: sub;
	}
	#modalUploadDocuments .btn-login-google-plus span.text {
		display: inline;
	}
	#modalPayment .modal-content {
		padding: 68px 50px;
	}
	#modalPayment .col-login-left {
		padding-right: 44px;
	}
	#modalPayment .col-login-right {
		padding-left: 44px;
		border-left: 1px solid #DEDEDE;
	}
	#modalPayment .col-login-left h3 {
		margin-bottom: 75px;
		font-size: 24px;
	}
	#modalPayment .col-login-right h3 {
		margin-bottom: 48px;
	}
	#modalPayment .checkbox {
		margin-bottom: 32px;
		color:#B1B1B1;
	}
	#modalPayment .checkbox label {
		font-weight: normal;
	}
	#modalPayment .btn-login-facebook {
		text-align: center;
		line-height: inherit;
		margin-bottom: 30px
	}
	#modalPayment .btn-login-facebook .icon {
		margin-right: 0;
		float: none;
		vertical-align: sub;
	}
	#modalPayment .btn-login-facebook span.text {
		display: inline;
	}
	#modalPayment .btn-login-google-plus {
		text-align: center;
		line-height: inherit;
	}
	#modalPayment .btn-login-google-plus .icon {
		margin-right: 0;
		float: none;
		vertical-align: sub;
	}
	#modalPayment .btn-login-google-plus span.text {
		display: inline;
	}
	#modalCreateAccount form#form-create-account{
		padding: 0 98px;
	}
	#modalCerfaAddress form#form-cerfa-address{
		padding: 0 98px;
	}
	#modalCerfaRetrieve form#form-cerfa-retrieve{
		padding: 0 98px;
	}
	.scrollbar-inner > .scroll-element.scroll-y {
		right: 2px;
	}

	.form-filter-select select {
		height: 46px;
		line-height: 46px;
	}
	.container-fluid {
		padding-left: 15px;
		padding-right: 15px;
	}
	h2.title {
		text-align: left;
		font-size: 35px;
	}
	h2.title span.separator {
		margin-left: 0;
		margin-top: 0;
	}
	#navbar-top .navbar-brand {
		margin-top: 15px;
		margin-right: 86px;
		background: url("/img/logo-hessed-box.png") no-repeat left center;
		padding-left: 50px;
	}
	#navbar-top li a {
		text-align: left;
		margin-top: 0px;
	}
	#navbar-top li.active:after {
		left:0;
		right:0;
		width: 100%;
	}
	#navbar-top ul.navbar-inline li:after {
		top:24px;
	}
	.navbar-nav>li {
	    padding-top: 20px;
		padding-bottom: 19px;
	}
	.navbar-right~.navbar-right {
	    margin-right: 15px;
	}
	#navbar-top .navbar-collapse-admin li a {
		margin-top: 0;
	    text-align: center;
	    padding-top: 15px;
	    padding-bottom: 15px;
		padding-right: 5px;
		padding-left: 5px;
	}
	#navbar-top .navbar-collapse-admin li.btn-create-collecte {
		margin-top: 0;
		margin-bottom: 0;
	}
	#navbar-top .navbar-collapse-admin li.btn-create-collecte a {
		background-color: transparent;
		color: #9d9d9d;
		margin-left: 0;
		margin-right: 0;
		padding-top: 15px;
		padding-bottom: 15px;
	}
	#navbar-top .navbar-collapse-admin li .icon {
		display: none;
	}
	.form-inline.form-filter-select .form-control {
	    width: 600px;
	    height: 55px;
	    -webkit-appearance: none;
	    -moz-appearance: none;
	    appearance: none;
	    padding-left: 20px;
	}
	.container-main {
		margin-top: 79px;
	}
	.container-slider {
		/*height: 476px;*/
		height: 570px;
	}
	.col-slider-left {
		padding-right: 35px;
	}
	.col-slider-right {
		padding-left: 30px;
	}
	.container-slider h1 {
		text-align: left;
		font-size: 30px;
		line-height: 44px;
	}
	.col-collect-footer .col-collect-left {
		text-align: left;
		line-height: inherit;
	}
	.col-collect-footer .col-collect-left .green {
		display:inline;
	}
	.col-collect-footer .col-collect-right {
		text-align: right;
		line-height: inherit;
	}
	.col-collect-footer .col-collect-right .green {
		display:inline;
	}
	.col-collect-footer .col-collect-center {
		text-align: center;
		line-height: inherit;
	}
	.col-collect-footer .col-collect-center .green {
		display:inline;
	}
	.col-collect-footer .col-collect-left:after {
		top:0;
	}
	.btn-all-collectes {
		width: 476px;
	}
	.container-infos {
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.container-infos .col-no-padding {
		padding-left: 15px!important;
		padding-right: 15px!important;
	}
	.col-infos {
		text-align: center;
		padding: 35px;
	}
	.col-infos .icon {
		float: none;
		margin-right: 0;
	}
	.container-infos h3 {
		margin-top: 0;
		font-size: 24px;
		letter-spacing: 1px;
	}
	.container-collectes {
		background-color: #fff;
	}
	#footer {
		padding-left: 0;
		padding-right: 0;
	}
	#footer .col-footer {
		padding-left: 35px;
	}
	#footer .col-footer.first {
		padding-right: 0;
	}
	.container-concept .col-no-padding {
		padding-left: 15px!important;
		padding-right: 15px!important;
	}
	.row-concept-header {
		margin-top: 70px;
		margin-bottom: 60px;
	}
	.row-concept-header h1 {
		font-size: 30px;
		line-height: 48px;
		padding-right: 50px;
		margin-bottom: 40px;
	}
	.well-concept {
		padding:45px 67px 35px 67px;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		margin-bottom: 47px;
		margin-top: 47px;
	}
	.container-form-create-collect {
		/*background-image: url('../img/bg-collecte.jpg');*/
		padding-top: 85px;
		padding-bottom: 195px;
	}
	.container-form-create-collect .col-no-padding {
		padding-left: 15px!important;
		padding-right: 15px!important;
	}
	.container-form-create-collect .well {
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
	}
	.container-form-contact {
		padding-top: 85px;
		padding-bottom: 195px;
	}
	.container-form-contact .col-no-padding {
		padding-left: 15px!important;
		padding-right: 15px!important;
	}
	.container-form-contact .well {
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
	}
	.well-create-collect {
		padding: 35px 65px 27px 65px;
	}
	.well-create-collect h2 {
		margin-bottom: 10px;
		font-size: 30px;
	}
	.container-tabs-collectes {
		background-color: #eee;
		padding-top: 35px;
	}
	.container-tabs-collectes .form-group {
		margin-bottom: 10px;
	}
	.container-collecte h1 {
		font-size: 30px;
		/*margin-top: 63px;*/
		margin-bottom: 40px;
		text-align: left;
	}
	.container-collecte h1.with-author, .container-collecte h1.with-cerfa {
		margin-bottom: 0px;
	}
	.container-collecte p.author {
		margin-bottom: 40px;
	}
	.container-collecte p.author.with-cerfa {
		margin-bottom: 0px;
	}
	.container-collecte p.cerfa {
		margin-bottom: 40px;
	}
	.container-collecte .col-no-padding {
		padding-left: 15px !important;
		padding-right: 15px !important;
	}
	.container-collecte .col-left p.text {
		padding-left: 10px;
		padding-right: 10px;
		margin-bottom: 80px;
	}
	.container-collecte .col-right {
		padding-left: 15px;
		padding-right: 15px;
	}
	.container-collecte .col-right .well-form-donate {
		padding:30px;
		margin-bottom: 35px;
		border:1px solid #E6E6E6;
		background-color: #F9F9F9;
	}
	.container-collecte .col-right .well-form-donate h2 {
		color:#4A4A4A;
	}
	.container-collecte .col-right .well-form-donate h3 {
		color:#4A4A4A;
	}
	.progress div.percent {
		color:#4A4A4A;
	}
	.container-collecte .col-right .well-form-donate .row-donate {
		color:#4A4A4A;
	}
	.container-collecte .col-right .well-form-donate .devise {
		color:#4A4A4A;
	}
	.container-collecte .col-right .well-form-donate .checkbox {
		color:#4A4A4A;
		padding-left: 0;
	}
	.container-collecte .col-right .well-form-donate .row-donate .col-left {
		text-align: right;
	}
	.container-collecte .col-right .well-form-donate .row-donate .col-left:after {
		background-color: #DBDBDB;
		top:0;
		height:40px;
	}
	.container-collecte .col-right .well-form-donate .row-donate .col-right {
		text-align: left;
	}
	.container-collecte .col-right .well-form-donate .row-donate .blue {
		color:#65BBE9 !important;
		display: inline;
	}
	.container-collecte .col-right .well-form-donate .input-amount {
		width: 100%;
		background-color: #fff;
	}
	.container-collecte .col-right .well-form-donate .btn-primary {
		background-color: #65BBE9;
		margin: 0;
	}
	.container-collecte .well-social {
		border:1px solid #E6E6E6;
		background-color: #F9F9F9;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
	}
	.container-collecte .well-social .btn-dark {
		width:106px;
		height:90px;
	}
	.container-collecte .well-social .icon {
		font-size: 42px;
	}
	.container-collecte .well-contributors {
		border:1px solid #E6E6E6;
		background-color: #F9F9F9;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
	}
	.container-donations {
		padding-left: 15px;
		padding-right: 15px;
	}
	.content-title {
		/*margin-top: 80px;*/
		margin-bottom: 20px;
		padding-bottom: 45px;
		text-align:left;
		border-bottom:1px solid #e8e8e8;
	}
	.row-my-collects .col-left,
	.row-my-collects .col-right {
		padding-left: 15px;
		padding-right: 15px;
	}
	.row-my-collects h2 {
		margin-top: 0;
		padding-left: 0;
		padding-right: 0;
	}
	.row-my-collects .col-left {
		padding-right: 0px;
	}
	.row-my-collects .col-right {
		padding-left: 0px;
	}
	.row-my-collects .col-border {
		min-height: 263px;
		padding-left: 20px;
		padding-top: 25px;
		padding-right: 50px;
		border-top:1px solid #e8e8e8;
		border-right:1px solid #e8e8e8;
		-webkit-border-top-right-radius: 4px;
		-moz-border-radius-topright: 4px;
		border-top-right-radius: 4px;
	}
	.row-my-collects .col-border .description {
		padding-left: 0;
		padding-right: 0;
		margin-bottom: 0;
	}
	.row-my-collects .row-footer {
		position: absolute;
		bottom: 0;
		left:0;
		width: 100%;
		font-size: 15px;
	}
	.row-my-collects .row-progress {
		margin-top: 0;
		margin-bottom: 0;
	}
	.row-my-collects .row-footer .progress {
		margin-top: 10px;
	}
	.row-my-collects .row-footer .col-left:after {
		top:1px;
	}
	.row-my-collects .btn-delete {
		right:20px;
		top:20px;
		bottom:0;
	}
	.row-my-collects .btn-upload-documents {
		right:20px;
		top:20px;
		bottom:0;
	}
	.row-create-collecte .col-info {
		background-color: transparent;
	}
	.row-create-collecte h1 {
		color:#4A4A4A;
		font-size: 30px;
	}
	.row-create-collecte .row-pictures {
		margin-bottom: 65px;
	}
	.row-create-collecte .col-info .form-group-textarea {
		margin-bottom: 55px;
	}
	.row-create-collecte .col-well {
		padding-left: 15px;
		padding-right: 15px;
	}
	.row-create-collecte .well {
		background-color: #f9f9f9;
		border:1px solid #E6E6E6;
		padding: 28px 45px;
		margin-bottom: 30px;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
	}
	.row-create-collecte input.amount {
		width: 239px;
	}
	.row-create-collecte .col-well .btn {
		margin-left: 0;
		margin-right: 0;
	}
	.row-create-collecte .col-well select.input-lg {
		padding: 10px 16px;
	}
	.row-create-collecte .well label {
		margin-bottom: 24px;
	}
	.row-create-collecte .row-date {
		margin-left: -15px;
		margin-right: -15px;
	}
	.row-create-collecte .col-date {
		padding-left: 15px;
		padding-right: 15px;
	}
	.row-account {
		margin-top: 45px;
		margin-bottom: 120px;
	}
	.row-account h2 {
		margin-top: 0;
		margin-bottom: 40px;
	}
	.row-account .col-info {
		padding-right: 30px;
	}
	.row-account .col-password {
		padding-left: 30px;
	}
	.row-account .col-avatar img {
		margin-top: 20px;
	}
	.row-account .bloc-avatar {
		position: relative;
		float: left;
	}
	.col-collect-content {
		height: 130px;
	}
	/** temp **/
	div.container-collectes div.container div.row div div.col-collect div.col-collect-header img {
		height: 175px;
	}
	div.container-collecte div.container div.row div.col-md-7 p img {
		height: 370px;
	}
	input#donationAmount::-webkit-input-placeholder {
		font-size: 12px;
	}
	input#donationAmount::-moz-placeholder {
		font-size: 12px;
	}
	input#donationAmount:-ms-input-placeholder {
		font-size: 12px;
	}
	input#donationAmount:-moz-placeholder {
		font-size: 12px;
	}
	textarea#donationMessage::-webkit-input-placeholder {
		font-size: 12px;
	}
	textarea#donationMessage::-moz-placeholder {
		font-size: 12px;
	}
	textarea#donationMessage:-ms-input-placeholder {
		font-size: 12px;
	}
	textarea#donationMessage:-moz-placeholder {
		font-size: 12px;
	}
	.form-inline.form-filter-select .form-control.input-semi {
		width: 300px;
	}
}
@media (min-width: 992px){
	.modal-lg {
	    width: 945px;
	}
	.modal-sm {
	    width: 555px;
	}
	#modalLogin .modal-sm {
		width: 660px;
	}
	.pagination-lg>li>a, .pagination-lg>li>span {
		padding:7px 26px;
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
		border-radius: 0px;
	}
	.pagination>li>a, .pagination>li>span {
		border:none;
		border-right:1px solid #e8e8e8;
		padding: 7px 18px;
		margin: 0;
		width: auto;
		float: left;
	}
	.pagination-lg>li:last-child>a, .pagination-lg>li:last-child>span {
		border: none;
		padding-right: 0px;
	}
	.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus {
		background-color: transparent;
		color:#65BBE9;
		border-color:#eee;
	}
	.pagination-nav .pagination {
		margin-top: 40px;
		margin-bottom: 70px;
		width: auto;
	}
	#footer .col-footer.last {
		padding-top: 0;
		padding-left: 0;
		padding-right: 0;
	}
	#footer .col-footer.pre-last:after {
		background-color: #404040;
	}
	.container-collecte .img-paiements img {
		margin-top: 0;
	}
	.col-collect-content {
		height: 130px;
	}
	/** temp **/
	div.container-my-collects div.row-my-collects div.col-md-4 img.img-full {
		height: 193px;
	}
	div.container-collectes div.container div.row div div.col-collect div.col-collect-header img {
		height: 149px;
	}
	div.container-collecte div.container div.row div.col-md-7 p img {
		height: 276px;
	}
	div#addressSection {
		padding-left: 0;
		padding-right: 0;
		margin-top: 45px;
	}
	div#addressSection h2, div#addressSection form button {
		margin-left: 15px;
		margin-right: 15px;
	}
	div#addressSection form div.col-md-6.leftmd6 {
		padding-right: 30px;
	}
	div#addressSection form div.col-md-6.rightmd6 {
		padding-left: 30px;
	}
	div#addressSection form button.btn-block {
		width: calc(100% - 30px);
	}
}
@media (min-width: 1200px) {
	.container-main {
		margin-top: 9%;
	}
	#navbar-top li {
		margin-right: 25px;
	}
	#navbar-top ul.navbar-avatar ul.dropdown-menu li {
		margin-right: 0;
		text-align: left;
	}
	#navbar-top ul.navbar-avatar ul.dropdown-menu li a {
		text-align: left;
	}
	#navbar-top .navbar-btn {
	    margin-right: 0px;
	    margin-left: 30px;
	}
	#navbar-top .btn {
		margin-right: 0;
	    margin-left: 15px;
	    display: block;
	    width: auto;
	    padding: 11px 28px;
	}
	.row-my-collects .row-footer {
		font-size: 19px;
	}
	.col-collect-content {
		/*height: 279px;*/
		height: 130px;
	}
	/** temp **/
	div.container-my-collects div.row-my-collects div.col-md-4 img.img-full {
		height: 193px;
	}
	div.container-collectes div.container div.row div div.col-collect div.col-collect-header img {
		height: 183px;
	}
	div.container-collecte div.container div.row div.col-md-7 p img {
		height: 336px;
	}
}
@media (max-width: 1199px) {
	.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus {
		color: #303030;
		background-color: transparent;
	}
}

@media (max-width: 480px) {

	.modal {
		height: 500px; /* Set a default max height of the modal (adjusted later)*/
		position: fixed; /* Display modal in the centre of your screen */
		overflow-y: scroll; /*  Ensure that the modal is scroll-able */
		-webkit-overflow-scrolling: touch; /* Avoid having to use 2 finger scroll on iOS    */
	}
	.modal.fade.in{
		top: 5px; /* Use more screen real estate */
	}
	.modal-body{
		/* Increase the max height of the modal body to try & avoid both it,
		 * and the modal container having scroll bars which results in odd behavior */
		max-height: 2400px;
	}
}

/* Now adjust the height so it handles various screen sizes & orientations */
/* You could make this as granular as you like, or have it more granular at common screen sizes
 * but it should start at the height we set on .modal (i.e. 500px) & work down */
@media (max-width: 480px) and (max-height: 500px){.modal{ height: 450px}}
@media (max-width: 480px) and (max-height: 450px){.modal{ height: 400px}}
@media (max-width: 480px) and (max-height: 400px){.modal{ height: 350px}}
@media (max-width: 480px) and (max-height: 350px){.modal{ height: 300px}}
@media (max-width: 480px) and (max-height: 300px){.modal{ height: 250px}}
@media (max-width: 480px) and (max-height: 250px){.modal{ height: 200px}}
@media (max-width: 480px) and (max-height: 200px){.modal{ height: 150px}}