@charset "utf-8";
/* CSS Document */


/*==========  Non-Mobile First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1920px) {

	.nav>li>a {
		padding: 10px 8px;
	}

}

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1367px) {
	.welcome_text {
		margin-top: 6%;
	}
	.shape07 {
		margin-top: -50%;
	}
	.dropdown-menu {
		min-width: 113px;
	}
}

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1280px) {
	.shape08 {
		margin-top: -35px;
	}
	.courses_dropdown .dropdown-submenu>.dropdown-menu {
		top: 6px;
		left: -67%;
		-webkit-border-radius: 6px 0px 0px 6px;
		-moz-border-radius: 6px 0px 0px 6px;
		border-radius: 6px 0px 0px 6px;
	}
	.courses_dropdown .dropdown-submenu>a:after {
		content: " ";
		float: left;
		border-width: 5px 0 5px 5px;
		border-left-color: #cccccc;
		margin-top: 5px;
		margin-right: 10px;
		transform: rotate(180deg);
	}
	.dropdown-menu {
		min-width: 129px;
	}

}

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1199px) {

	.welcome_text {
		background-position-x: -332px;
	}
	.shape08 {
		margin-top: 20px;
	}
	.shariah_staff_div{
		height: 370px;
	}
	.ul_style1{
		margin-left: auto;
	}
}

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1024px) {
	.shape05 {
		margin-top: -57px;
		width: 25%;
	}
	.shape07 {
		margin-top: -66%;
	}
	.welcome_text {
		margin-top: 0%;
	}
	.img06 {
		margin-top: -30%;
	}
	.shape07.v3 {
		width: 31%;
		margin-top: -24%;
	}
	.calander_section_1 {
		background-size: contain;
		background-repeat: no-repeat;
		height: 450px;
	}
	#myiFrame{
		height: 410px;
	}

}

/* Medium Devices, Desktops */
@media only screen and (max-width : 991px) {
	.img06 {
		margin-top: -30%;
		width: 59%;
	}
		.nav>li>a {
		padding: 10px 6px;
	}
	.section1 h3 {
		font-size: 16px;
		line-height: 33px;		
		font-weight: 500;
	}
	.col_1, .col_3 {
		padding: 35px;
	}
	.col_3 {
		background-position-x: -222px;
	}
	.bg4 {
		position: absolute;
		width: 45%;
		left: 43%;
	}
	.welcome_text {
		margin-top: 5%;	
		background-position-x: -316px;	
	}
	.shape07 {
		margin-top: -58%;
	}
	.logo_top_col {
		width: 93%;
		margin-bottom: 40px;
		margin-top: -7px;
	}
	.section_1 img {
		margin-bottom: 0px;
	}
	.donations_img {
		margin-left: 20px;
	}
	.special_top_btn {
		background-size: cover;
	}
	.shariah_staff_div{
		/* height: auto; */
	}
	.documents_div {
		min-height: 89px;
	}
	#myiFrame {
		height: 320px;
	}
	.calander_section_1 {
		height: 380px;
	}
	.donation_banner2 h1 {
        font-size: 50px !important;
        color: #ffffff;
        font-weight: 900;
    }
	.donation_banner h1 {
        font-size: 40px !important;
        color: #ffffff;
        font-weight: 900;
    }
    
    
    
    .donation_banner .a_p {
        margin-top: 20px;
    }
    .donation_banner2 .a_p {
        margin-top: 20px;
    }
    
    	
	.padding_top_bottom_0{
	    padding-top: 10px !important;
	    padding-bottom: 10px !important;
	}

}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {

	.main_logo {
		margin-top: 0;
	}
	.footer .main_logo{
		width: 42%;
	}
	.events {
		padding: 40px 15px;
	}
	.shape05 {
		margin-top: -25px;
		width: 27%;
	}
	.forms_section, .calander_section_1,.banner,.col-slider{
		padding-left: 15px;
		padding-right: 15px;
	}
	.donation_banner {
		margin: 25px;
		width: auto;
	}
	.donation_banner2 {
		margin: 25px;
		width: auto;
	}
	.shape07 {
		margin-top: -76%;
	}
	.bg4 {
		left: 52%;
	}
	.forms_section_col_2 p {
		padding: 40% 20px;
	}
	.shape08 {
		margin-top: 70px;
		width: 34%;
	}
	.section_5 {
		padding: 0;
		padding-bottom: 0;
	}
	.donation_banner {
		margin-bottom: 0;
	}
	.donation_banner2 {
		margin-bottom: 0;
	}
	.faq .content{
		width: 96%;
	}
	.faq {
		padding: 30px 25px;
	}
	.map_container, .contact_form{
		padding-left: 15px;
		padding-right: 15px;
	}
	.calander_section_2 iframe{
		height: 290px;
	}
	.calander_section_1 {
		height: 390px;
	}
	#myiFrame {
		height: 320px;
	}
}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 767px) {
	
	.donation_banner h1 {
    font-size: 30px !important;
    color: #ffffff;
    font-weight: 900;
    }

    .documents_div {
		min-height: auto;
	}
	.subjects .heading1 {
		text-align: left;
	}
	.col_1 , .col_3{
		margin: 15px;
		width: auto;
	}
	.col_3 {
		background-position-x: 0;
	}
	.nav_col{
		margin-bottom: -30px;
	}
    .top_col {
        margin-top: 0%;
    }
	.welcome_text {
		background-position-x: 0px;
		background-size: cover;
	}
	.events {
		padding: 30px 15px;
	}
	.donation_banner{
		margin: 0 15px;
	}
	.donation_banner2{
		margin: 0 15px;
	}
	.shape03 {
		float: none;
		margin-left: auto;
		margin-right: auto;
		display: block;
	}
	.donation_banner{
		text-align: center;
	}
	.donation_banner2{
		text-align: center;
	}
	.donation_banner button {
		margin-top: 17px;
	}
	.donation_banner2 button {
		margin-top: 17px;
	}
	.forms_section_col_2 p {
		padding: 45px 20px;
		padding-bottom: 0;
	}
	.forms_section_col_2{
		margin-bottom: -35px;
	}
	.calander_section_2{
		padding-top: 30px;
	}
	.footer_col1, .footer_col2{
		text-align: center;
	}
	.footer_col1{
		padding-bottom: 0;
	}
	.item1 {
		border-right: 0px solid #000;
		text-align: center;
	}
	.item2 {
		margin-left: 0px;
		text-align: center;
	}
	.welcome_text {
		margin-top: 0;
	}
	.heading1 {
		text-align: center;
	}
	.navbar-toggle {
		background-color: #1a5b3f;
		margin-top: -37px;
		margin-bottom: 37px;
	}
    .navbar-default .navbar-toggle .icon-bar {
        background-color: #ffffff;
    }

    .navbar .navbar-collapse {
		text-align: center;
	    /* padding-right: 25px; */
	    width: 100%;
	    /* margin: 0px auto; */
	    padding-right: 15px;
	    padding-left: 15px;
    }

	.navbar-nav {
	    float: none !important;
	}


	.navbar-default .navbar-nav .open .dropdown-menu>li>a {
	    padding-left: 0;
	    padding-right: 0;
	    text-align: center;
	}

	.navbar-default {
	    margin-top: -45px;
	}
	.main_logo {
	    width: 70%;
	}
	.top_col_section {
		padding: 15px;
		margin-bottom: 13px;
	}
	.section_1 img {
		width: 100%;
	}
	.section_1 video {
		width: 100%;
		
	}
	.iframe_video {
		width: 100%;
	}
	.section2 img{
		margin: auto;
		display: block;
		margin-bottom: 15px;
	}
	.section2 p, .section2 h3{
		text-align: center;
	}
	.successor_col2{
		padding: 0;
		padding-top: 30px;
	}
	.img06 {
		margin-top: 0;
		width: 100%;
		position: relative;
		right: 0;
	}
	.section5{
		margin-bottom: 30px;
	}
	.footer .main_logo {
		width: 39%;
	}
	.section3 img{
		margin: auto;
		display: block;
	}
	.pagination a {
		margin-bottom: 10px;
	}
	.documents_div .center-block {
		float: right;
		padding-right: 21px;
	}
	.donations .heading1 , .forms_section_donation .heading1{
		text-align: left;
	}
	.donations_img {
		float: none;
		width: 100%;
		margin-left: auto;
		margin-bottom: 20px;
	}
	.faq .content {
		width: auto;
	}
	.faq {
		padding: 30px 15px;
	}
	.contact_section1 .heading1 {
		text-align: left;
	}
	.contact_section1{
		padding-bottom: 30px;
	}
	.management, .hon_members{
		text-align: center;
	}
	.management img, .hon_members img{
		margin: auto;
		display: block;
	}
	.navbar-default .navbar-nav .open .dropdown-menu>.active>a, .navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus, .navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover {
		color: #ffffff;
		background-color: #1a5b3f;
	}
	.dropdown-toggle.active{
		background-color: transparent !important;
	}
	.navbar-default .navbar-nav .open .dropdown-menu>li>a {
		color: #1a5b3f;
	}
	.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
		color: #555;
		background-color: transparent !important;
	}
	.navbar-default .navbar-collapse, .navbar-default .navbar-form {
		border-color: #e7e7e7;
		margin-top: 21px;
	}
	.navbar-default .navbar-toggle {
		border-color: #1a5b3f;
	}
	.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
		background-color: #1a5b3f;
	}
	/* .navbar-default .navbar-toggle {
		border-color: #1a5b3f;
	}
	.navbar-default .navbar-toggle .icon-bar {
		background-color: #1a5b3f;
	} */
	.shariah_staff_div{
		height: auto;
	}
	.dropdown-submenu>a:after {
		position: absolute;
		/* left: 272px; */
		left: 473px;
		margin-top: -14px;
		transform: rotate(90deg);
		border-left-color: #000000;
		border-width: 4px 0 4px 4px;
	}
	.courses_dropdown .dropdown-submenu>a:after {
		
		left: 473px;
		margin-top: -14px;
		transform: rotate(90deg);
		border-left-color: #000000;
		border-width: 4px 0 4px 4px;
		margin-top: -14px;
		transform: rotate(90deg);
	}
	.event_div {
		height: 300px;
	}
	.owl-carousel .item {
		padding-right: 0;
	}

}

@media only screen and (max-width : 640px) {

}

@media only screen and (max-width : 568px) {


	
}
/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {
	.main_logo {
		width: 100%;
		margin-bottom: 0;
	}
	.top_col {
		margin-top: -2%;
	}
	.donation_banner h1 {
		font-size: 40px;
		margin-top: 20px;
	}
	.donation_banner2 h1 {
		font-size: 40px;
		margin-top: 20px;
	}
	.donation_banner {
		background-position-x: -138px;
	}
	.donation_banner2 {
		background-position-x: -138px;
	}
    .navbar-toggle {
        background-color: #317659;
		margin-top: -2px;
		margin-bottom: 0;
    }
	.submit_btn{
		margin-left: auto;
		margin-right: auto;
		display: block;
	}
	.heading2 {
		font-size: 30px;
	}
	.section3 img {
		width: 56%;
	}
	.footer .main_logo {
		width: 70%;
	}
	.navbar-toggle {
		margin-top: -20px;
	}
	.shape07.v3 {
		width: 79%;
		margin-top: -70%;
	}
	.special_top_btn {
		background-position: top;
	}
	.faq {
		padding: 0 15px;
		padding-bottom: 30px;
	}
	.donations , .subjects{
		padding-bottom: 30px;
		padding-top: 0;
	}
	.col_3 {
		background-position-x: -188px;
	}
	.table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th {
		width: 60%;
	}
	.dropdown-submenu>a:after {
		position: absolute;
		left: 336px;
	}
	.subjects h3{
		text-align: left;
	}
	.subjects ul {
		margin-left: 20%;
	}
	.welcome_text {
		background-position-x: -236px;
		background-size: cover;
	}
	#myiFrame {
		height: 310px;
	}
	.courses_dropdown .dropdown-submenu>a:after {
		left: 333px;
	}
}

@media only screen and (max-width : 465px) {

}
/* Custom, iPhone Retina */
@media only screen and (max-width : 430px) {

}

@media only screen and (max-width: 376px){
	.iframe_video {
		height: 196px;
	}
	.dropdown-submenu>a:after {
		position: absolute;
		left: 282px;
	}
	.heading2 {
		/* font-size: 19px; */
	}
	.slider .carousel-indicators {
		bottom: 0;
	}
	.slider .carousel-indicators li {
		border: 1px solid #317659;
	}
	.slider .carousel-indicators .active {
		background-color: #317659;
	}
	.shape03 {
		width: 26%;
	}
	.donation_banner h1 {
		font-size: 30px;
	}
	.donation_banner2 h1 {
		font-size: 30px;
	}
	.contact_form_row {
		padding: 50px 10px;
	}
	
	.navbar-toggle {
        margin-top: -11px;
    	margin-bottom: 15px;
    }
	.footer .main_logo {
		width: 81%;
	}
	.section_1 img {
		width: 93%;
		height: 197px;
	}
	.welcome_text {
		/* background-position-x: -520px !important; */
		background-position-x: -465px !important;
		background-size: cover;
	}
	.courses_dropdown .dropdown-submenu>a:after {
		left: 273px;
	}
}
/* Custom, iPhone Retina */
@media only screen and (max-width : 360px) {

	.welcome_text {
		background-position-x: -610px;
	}
}


@media only screen and (max-width : 320px) {

	.footer .main_logo {
		width: 95%;
	}
	.welcome_text {
		background-position-x: -640px;
	}
}