/* only ipad 1024 and bigger screen landscape screen */
@media only screen and (min-width: 768px) {
	
}

@media only screen and (max-width: 1366px) {
	.btn-primary,.btn-warning { padding:8px 12px 6px; }
	.donate-now-section .container:before, .donate-now-section .container:after { display: none; }
} 


@media only screen and (max-width: 1280px) {
	#mainbanner .content-col, #mainbanner .image-col { flex: 0 0 50%; max-width: 50%; }
	
}

@media only screen and (max-width: 1170px) {
	#mainbanner h1 { font-size: 30px; }
	.service-section .row { padding-left: 100px; }
	.service-section .row:before { width: 70px; }
	.section { padding: 40px 0; }
	.section.xs-top-section { padding: 0 0 40px; }
	.service-section .col-md-3 { flex: 0 0 50%; max-width: 50%; margin: 20px 0 0; }
	.donate-now-section h3, .section-title h3 { font-size: 30px; }
	.banner-box p { font-size: 16px; }
}

/*==========================================================================================================*/
@media only screen and (max-width: 1023px) {
	#mainbanner .content-col, #mainbanner .image-col { flex: 0 0 100%; max-width: 100%; }
	#mainbanner .image-col { margin: 20px 0 0; }
	#mainbanner .content-col { text-align: center; }
	.banner-box { padding-right: 0; }
	#mainbanner h1, .section-title h3 { font-size: 26px; }

	.contact-section .left-col, .contact-section .right-col {  flex: 0 0 100%; max-width: 100%; text-align: center; }
	.contact-section .phone-col, .contact-section .email-col { font-size: 18px; }
	.social { text-align: center; }
	.top-footer .container { margin-top: 0; }
	#header .brand-col, #header .button-cols { flex: 0 0 50%;  max-width: 50%; }
	#header .button-cols .btn:not(:first-child), .buttons .btn:not(:first-child) { margin-left: 8px; }
	.about-section .image-col { text-align: center; flex: 0 0 100%; max-width: 100%; margin: 0 0 30px; }
	.about-section .content-col { flex: 0 0 100%; max-width: 100%; text-align: left; padding-left: 15px; }

	.about-section .section-title:before { left: 0; right: auto; }

	.about-section.reveser-column .image-col {  -ms-flex-order: 1; flex-order:1;  order: 1; }
.about-section.reveser-column .content-col {  -ms-flex-order: 2; flex-order:2;  order:1; text-align:left; padding-left:0; padding-right:0px; }
} 

/*==========================================================================================================*/
@media only screen and (max-width: 767px) {
	.top-footer .button-col { text-align: center; margin: 20px 0 0; }
	.bottom-footer, .bottom-footer .fmenu-col { text-align: center; }
	.container { padding:0 30px; }
	.top-footer .menu-col { display: block !important; text-align: center; }
	.footer-logo { margin: 0 0 10px; display: inline-block; }

	#header .button-cols { flex: 0 0 100%; max-width: 100%; text-align: center; margin: 20px 0 0; }
	.navbar-light .navbar-toggler { padding: 6px 8px; margin-left: auto; }
	.btn-primary, .btn-warning { padding: 8px 12px 8px; font-size: 13px; }
	
	.service-section .col-md-3 { flex: 0 0 100%; max-width: 100%; margin: 20px 0 0; text-align: center; }
	.service-section .col-md-3:first-child { margin: 0; }
	.service-section .row { padding-left: 0; } 
	.service-section .row:before { display: none; }
	.donate-now-section h3 { width: 100%; }
	.donate-now-section .container { height: 236px; padding: 0 20px; }
	.section-title h3 br  { display: none; }
	#header .brand-col, #header .button-cols { flex: 0 0 100%; max-width: 100%; }
	.navbar-expand-lg { margin-left: auto; }

	.singup-container { padding: 30px 0; }
	.singup-container .image-col .singup-bg  { position: relative; top:0; bottom:0; height: 250px; background-size: cover; width:100%;  }
	.singup-navigation { width: 100%; position: relative; top: 0 ; bottom: 0; text-align: center; padding: 10px 0; }
	.singup-navigation li { display: inline-block; vertical-align: top; margin: 0 5px; }
}
/*==========================================================================================================*/
/* only iphone landscape 340 by 478*/
@media only screen and (max-width: 480px) {
}
/*==========================================================================================================*/
/* only iphone portrait 300 by 479*/
@media only screen and (max-width: 479px) {
	
} 
/*==========================================================================================================*/
/* Retina css */ 
/*@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 2) {
	.sprites, .sp-after:after, .sp-before:before { background-image:url(../images/bgi/sprites@2x.png);
	-moz-background-size:237px 207px; -ms-background-size:237px 207px; -o-background-size:237px 207px; -webkit-background-size:237px 207px; background-size:237px 207px;}
}*/