/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-width : 320px) and (max-width : 480px) {
/* Styles */
	.navbar-brand img{
		width: 250px;
	}

	.collapse:not(.show) {
    	display: none;
	}

	.navbar-nav{
    	flex-direction: column;
	}

	.bottoMenu .container{
		padding-right: 0;
	}

	.navbar-nav li{
		margin-right:0;
	}

	.categorySymp1{
		margin-top: 10px;
		margin-bottom:10px;
    	padding: 0 15px;
	}

	.categorySymp1 .box-1 {
    	padding: 10px 15px;
    	margin-bottom: 10px;
	}

	.categorySymp1 .box-2{
		padding:10px 15px;
	}
	
	.whoWeare{
		margin: 10px 0;
	}

	.whoWeare img{
    	margin-bottom: 15px;
	}

	.paddingResponsive30{
		padding: 5px 30px;
	}

	.donationLine .btn-donate{
		top:0;
	}

	.donationBox img{
		top: 0;
	}

	.marginTop{
		margin-top: 10px;
	}

	.topMinus{
		top: -10px !important;
	}

	.donationLine{
		padding: 20px;
    	height: auto;
	}

	.donationLine h3{
		font-size: 18px;
   		margin-bottom: 20px;
	}
}

@media only screen and (min-width : 481px) and (max-width : 766px) {
/* Styles */
	.navbar-brand img{
		width: 250px;
	}

	.collapse:not(.show) {
    	display: none;
	}

	.navbar-nav{
    	flex-direction: column;
	}

	.bottoMenu .container{
		padding-right: 0;
	}

	.navbar-nav li{
		margin-right:0;
	}

	.categorySymp1{
		margin-top: 10px;
		margin-bottom:10px;
    	padding: 0 15px;
	}

	.categorySymp1 .box-1 {
    	padding: 10px 15px;
    	margin-bottom: 10px;
	}

	.categorySymp1 .box-2{
		padding:10px 15px;
	}
	
	.whoWeare{
		margin: 10px 0;
	}

	.whoWeare img{
    	margin-bottom: 15px;
	}

	.paddingResponsive30{
		padding: 5px 30px;
	}

	.donationLine .btn-donate{
		top:0;
	}

	.donationBox img{
		top: 0;
	}

	.marginTop{
		margin-top: 10px;
	}

	.topMinus{
		top: -10px !important;
	}
}


/* iPads (portrait and landscape) ----------- */
@media only screen and (min-width : 768px) and (max-width : 1024px) {
/* Styles */
}

@media only screen and (min-width : 1025px) and (max-width : 1223px) {
/* Styles */
}

/* Desktops and laptops ----------- */
@media only screen  and (min-width : 1224px) {
/* Styles */
}

/* Large screens ----------- */
@media only screen  and (min-width : 1824px) {
/* Styles */
}