body { padding:0px; margin:0px; }
img { max-width:100%; height: auto; width: auto\9; /* ie8 */ }

a, abbr, acronym, address, applet, article, aside, audio, b, blockquote, big, center, canvas, caption, cite, code, command, datalist, dd, del, details, dfn, dl, div, dt, em, embed, fieldset, figcaption, figure, font, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, i, iframe, img, ins, kbd, keygen, label, legend, li, meter, nav, object, ol, output, p, pre, progress, q, s, samp, section, small, span, source, strike, strong, sub, sup, table, tbody, tfoot, thead, th, tr, tdvideo, tt, u, ul, var { background:transparent; border:0 none; margin:0; padding:0; border:0; outline:0; }
ol, ul { list-style:none; }
blockquote, q { quotes:none; }
table, table td { border:none; border-collapse:collapse; }
embed { vertical-align:top; }
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video { display:block; }
mark, rp, rt, ruby, summary, time { display:inline; }
input, textarea { border:0; padding:0; margin:0; outline: 0; }
iframe { border:0; margin:0; padding:0; }
input, textarea, select { margin:0; padding:0px; }
body, html { height: 100%; margin:0px; padding:0px; }
h1, h2, h3, h4, h5, h6, p {padding:0px; margin:0px; font-weight:normal;}

/*------------ top ------------*/

@media (max-width: 1170px) {
}
@media only screen and (min-width:1024px) {

}


@media (max-width: 1000px) {
.lsize { width:99%; margin:0 auto; }

}
@media (max-width: 801px) {
	a.v-nav-btn { display:block; position:absolute; top:10px; left:0; text-indent:-9999px; background:#0065a4 url(../images/menu-icon.png) center center no-repeat; color:#fff; width:38px; height:38px; margin-bottom:20px; }
	a.v-nav-btn:hover { background:#3394d0 url(../images/menu-icon.png) center center no-repeat; }
	
	#v-menu { display:none; left:0; position:absolute; padding:0; top:50px; z-index:1; width:100%; font-size:14px; background:#0065a4;}
	#v-menu li { border-bottom:1px solid #277ab0;  background:none; border-right:none; }
	#v-menu li a { color:#fff;; padding:15px 10px 15px 50px; display:block; }
	#v-menu li.about a { background:url(../images/about-us-icon.png) 10px 10px no-repeat; }
	#v-menu li.trustees a { background:url(../images/trustees-icon.png) 10px 10px no-repeat; }
	#v-menu li.education a { background:url(../images/shakhsiyah-education-icon.png) 10px 10px no-repeat; }
	#v-menu li.contact-us a { background:url(../images/contact-us-icon.png) 10px 10px no-repeat; }
	#v-menu li a:hover { color:#c5e4fd; }

	#header .content { width:100%; float:none; }
	#footer .l-part, #footer .r-part { width:96%; margin:0 auto; float:none; text-align:center; }
	#header .content { padding:8% 2% 5% 2%; }
	
	#content .group li { width:31%; margin:0 8px 15px 8px; }
	
	#social-media { margin:10px 0; }	
	#social-media ul { text-align:center; }
	#footer .developed-by { text-align:center; }
	.subscribe .detail { float:left; padding:1% 2%; width:68%; }
	.subscribe .detail .select, .subscribe .detail .input { width:26%; }
	
	#header h1 { padding:60px 10px 20px 10px; }
}
@media (max-width: 768px) {
	#content .group li { width:30%; margin:0 0 2% 2%; }
	#header .content h2{
	font-size:30px;
	}
}
}
@media (max-width: 700px) {
	.lsize { width:96%; margin:0 auto; }
	#header .content h2 { font-size:30px; }
	.subscribe h1 { border-radius:5px 5px 0 0; float:none; }
	.subscribe .detail { float:left; padding:2% 2%; width:100%; }
	.subscribe .detail .select, .subscribe .detail .input { width:30%; }
	#footer-bottom .video { width:70%; margin-bottom:2%;  }
	#footer-bottom .middle { width:70%; margin-bottom:2%; }
	#footer-bottom .donate { width:70%; margin-bottom:2%; }
	
	
	#content .l-part { float:none; width:100%; }
	#content .r-part { float:none; width:100%; }
	.group-logos { border-top:2px solid #dedede; margin:20px 0 0 0; padding:20px 0 0 0; }
	.group-logos li { float:left; width:30%; padding:0; }
}
@media (max-width: 600px) {
.subscribe .detail .sub-btn { float:left; position:relative; margin-top:10px; }
.mc-field-group{
float:left;
}
.subscribe {
	min-height:236px;
	}
	.logos img { width:100%; }

}
@media (max-width: 500px) {
#content .l-part { float:none; width:100%; }
	#content .r-part { float:none; width:100%; }
#content .lsize{
width:97%;
}
	#header .content { padding-top:70px; }
	#header .content .img { width:50%; float:none; display:none; }
	#header .content .detail { width:100%; float:none; }
	#content .group li { width:45%; margin:0 8px 15px 8px; }
}
@media (max-width: 400px) {
	.news-events { padding:0 0 3% 0}
	.news-events h1 { float:none; width:100%; margin-bottom:10px; }
	.jcarousel-skin-tango-01 .jcarousel-container-horizontal { width:100% !important; }
	.jcarousel-skin-tango-01 .jcarousel-prev-horizontal, .jcarousel-skin-tango-01 .jcarousel-next-horizontal { margin-top:-50px; }
	#content .group li { width:80%; margin:0 auto 15px auto; float:none; height:100% !important; }
	#content .group { padding:30px 0 0 0; }
	.subscribe .detail b { float:none; }
	.subscribe .detail .select, .subscribe .detail .input { width:80%; margin:0 0 10px 0; }
	.subscribe .detail .btn { margin:0; }
	#footer-bottom .video { width:98%; margin-bottom:2%;  }
	#footer-bottom .middle { width:98%; margin-bottom:2%; }
	#footer-bottom .donate { width:98%; margin-bottom:2%; }
	
	
	.group-logos li { float:left; width:40%; padding:0; margin:0 5%; }
}
@media (max-width: 320px) { 
}