@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&display=swap');


#skrollr-body,.page-pre-loader{height:100%;width:100%}

.clear,.clearfix{clear:both}

@font-face{font-family:OpenSans-Regular;src:url(fonts/OpenSans-Regular.ttf)}

@font-face{font-family:OpenSans-Bold;src:url(fonts/OpenSans-Bold.ttf)}

@font-face{font-family:OpenSans-Semibold;src:url(fonts/OpenSans-Semibold.ttf)}

@font-face{font-family:OpenSans-Light;src:url(fonts/OpenSans-Light.ttf)}

@font-face{font-family:OpenSans-Italic;src:url(fonts/OpenSans-Italic.ttf)}

.no-js #loader{display:none}

.js #loader{display:block;position:absolute;left:100px;top:0}

.page-pre-loader{position:fixed;left:0;top:0;z-index:9999;background:url(images/Preloader_2.gif) center no-repeat #fff}

a{-o-transition:.5s;-ms-transition:.5s;-moz-transition:.5s;-webkit-transition:.5s;transition:.5s}
body{margin:0;padding:0;font-family:OpenSans-Regular;font-size:14px}
.top-navigation li a,.top-navigation ul ul li a{font-size:14px;font-family:OpenSans-Regular!important;text-decoration:none}
.container{width:1140px;margin:0 auto}
header{background:#333;padding:10px 0;position:fixed;width:100%;z-index:1000;top:0}
#main{margin-top:85px}
header .logo{float:left;}
.top-navigation{float:right}
.top-navigation ul{margin:15px 0 0;padding:0}
.top-navigation li{position:relative;float:left;list-style:none}
.top-navigation li a{float:none;padding:5px 15px;color:#fff;text-transform:uppercase;margin:0 2px}
.top-navigation li a:hover{background:#7ad2ff;border-radius:4px}
.top-navigation li.current-menu-item a{background:#00a6fc;border-radius:4px}
.top-navigation li.current-menu-item ul li a{background:0 0;border-radius:none}
.top-navigation li.current-menu-item ul li a:hover{background:#7ad2ff;border-radius:4px}
.top-navigation li.current-menu-parent ul li.current-menu-item a{background:#7ad2ff!important;border-radius:0!important;color:#fff}
.top-navigation ul ul{display:none;position:absolute;background:#fff;width:218px;padding:10px 0;border-radius:4px;top:32%;left:15px;z-index:999}
.top-navigation ul ul li{display:block;width:100%;border-bottom:1px solid #ccc}
.top-navigation ul ul li a{padding:5px;color:#333;text-transform:none;margin:0;width:95%;display:inline-block}
.top-navigation ul ul li a:hover{border-radius:0;color:#fff}
.top-navigation li:hover ul{display:block}
.slider{background:#00a0f3;padding:0}
.flex-direction-nav{display:none}
.slide-text{float:left;font-family:OpenSans-Regular;padding-top:10px;width:45%;}
.slide-text h1{color:#fff;font-size:35px !important;line-height:50px;padding:0;margin:0;font-weight:400;font-family:OpenSans-Light}
.slide-text h1 strong{font-family:OpenSans-Bold;font-weight:400}
.slide-text h3{font-size:26px;font-weight:400;font-family:OpenSans-Light;margin:15px 0}
.slide-text p{font-size:19px;font-family:OpenSans-Light;font-weight:300;color:#fff;margin:10px 0 25px}
.slide-text .read-more{    border: 1px solid;display: block;margin-bottom: 10px;font-size:22px;color:#f4f4f4;background:#000;padding:10px 30px;font-family:OpenSans-Regular;text-decoration:none;border-radius:10px}
.slide-text .read-more:hover{background:#014163;color:#fff}
.slide-img{float:right;width:45%;text-align:right;}
.slide-img img{margin: 0 auto;width:100%;}
/*.slider{padding-top:40px}*/
.home-responsive h2{color:#333;font-size:48px;font-weight:400;font-family:OpenSans-Light;padding:0 0 20px;margin:0}
.home-responsive h2 strong{font-weight:400;font-family:OpenSans-Bold}
.home-responsive p,.home-services h2{font-family:OpenSans-Light;font-weight:400}
.text-center{text-align:center}
.home-responsive p{color:#555;font-size:20px;padding:0;margin:0 100px 10px}
.home-services{background:#00a6fc;display:inline-block;width:100%}
.home-services h2{color:#fff;font-size:34px;padding:20px 0;margin:0}
.home-services h2 strong{font-weight:400;font-family:OpenSans-Bold}
.block{float:left;margin:5px}
.block-one-three{width:29%;padding:0;margin:0 20px}
.block-one-three h3,.block-one-three p{color:#333;padding:0;margin:10px 0;font-weight:400}
.block-one-three h3{font-size:24px}
.block-one-three p{font-size:18px;font-family:OpenSans-Light}
.block-one-three a{font-size:16px;color:#2e99d0;text-decoration:none}
.about-testi-nl{padding:40px 0}
.about-testi-nl .col-1{float:left;width:40%;margin-right:20px}
.about-testi-nl .col-2{float:left;width:34%;margin-right:20px;display: none;}
.about-testi-nl .col-3{float:left;width:22%}
.about-testi-nl-ct .col-1{float: none;width: 64%;margin: auto;}
/*.about-testi-nl .top{background:url(images/mosque-border.jpg) top center no-repeat;width:100%;height:31px;margin-bottom:-1px;position:relative;z-index:100}*/
.about-testi-nl .box{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;padding:5px 20px 15px;border:1px solid #d9dde0;min-height:235px}
.about-testi-nl .box h3{color:#333;font-size:24px;font-weight:400;padding:0;margin:5px 0;text-align:center}
.about-testi-nl .box p{color:#555;font-size:16px;font-weight:400;font-family:OpenSans-Light;padding:0;margin:5px 0}
.about-testi-nl .box a{font-size:14px;color:#2e99d0;text-decoration:none}
.testimonial .author{color:#eb4200;font-size:16px;text-align:right}
.nl-subscription .box h3{font-size:20px}
.nl-subscription .newsletter input[type=email]{border:1px solid #ddd;color:#777;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;padding:0 10px 0 60px;height:42px;font-size:14px;width:62%;background:url(images/field-icon.png) top left no-repeat}
.nl-subscription .newsletter .newsletter-submit{margin:12px auto;display:inherit}
.nl-subscription .newsletter input[type=submit]{border:none;color:#fff;background:#00a6fc;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;height:38px;font-size:16px;font-family:OpenSans-Regular;width:50%;cursor:pointer}
.inner-pages{margin:30px 0}
.inner-pages .span4{float:left;margin-right:10px;margin-bottom:10px;width:32%}
.footer-top{background:url(images/footer-top-bg.png);color:#fff;padding:15px 0}
.footer-top .footer-social-links{float:right;text-align:right}
.footer-top .footer-top-link a{color:#fff;text-decoration:none;font-size:13px}
.footer-bottom{background:#19191a;padding:15px 0;color:#fff;font-size:13px}
.innerPageContainer h1,.innerPageContainer h2{padding:10px 0;font-family:OpenSans-Regular;margin:0;font-weight:400}
.footer-bottom .copyrights{width:50%;float:left;color:#fff;font-size:13px}
.footer-bottom .bottom-links{width:45%;float:right;text-align:right}
.footer-bottom .bottom-links a{color:#fff;text-decoration:none;font-size:13px}
.skanimation{position:relative;transition:all .5s ease-in-out 0s}
.inner-page-banner img{width:100%!important}
.innerPageContainer{font-family:OpenSans-Regular;color:#333}
.innerPageContainer h1{font-size:36px;color:#00a0f4}
.innerPageContainer h2{color:#333;font-size:28px}
.innerPageContainer p{font-size:14px;color:#555;line-height:24px;font-family:OpenSans-Regular;padding:0 0 10px;margin:0}
.innerPageContainer p a{font-size:14px;color:#00a0f4;text-decoration:none}
.innerPage-services-pod{width:30%;padding:10px;margin:10px 0;border:0 solid;float:left;text-align:center}
.innerPage-services-pod img{margin:10px}
.innerPage-services-pod h3{font-weight:400;text-transform:uppercase;font-size:20px;color:#00a0f4}
.innerPage-services-pod p{margin-top:0;padding:0 0 10px}
.content-panel{float:left;width:68%}
.sidebar{float:right;width:28%;padding-top:20px}
/*.rp-boxes .top{background:url(images/mosque-border.jpg) top center no-repeat;width:100%;height:31px;margin-bottom:-1px;position:relative;z-index:100}*/
.rp-boxes .box{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;padding:5px 20px 15px;border:1px solid #d9dde0;min-height:235px;font-family:OpenSans-Light;color:#555}
.rp-boxes .box h3,.rp-boxes .box p{padding:0;margin:5px 0;font-weight:400}
.rp-boxes .box h3{color:#333;font-size:24px;text-align:center}
.rp-boxes .box p{color:#555;font-size:16px;font-family:OpenSans-Light}
.rp-boxes .box a{font-size:14px;color:#2e99d0;text-decoration:none}
.flex-control-nav{width:100%; position:relative; top:-5px; text-align:center}
.slider.allMasajid-home-slider .flex-control-nav{
    width: 100%;
    position: absolute;
    text-align: center;
    top: auto;
    bottom: 10px;
	}

.contact-form .form-group{margin:20px 0}
.contact-form .form-group .input-icon{background-color:#eee;-webkit-border-top-left-radius:5px;-webkit-border-bottom-left-radius:5px;-moz-border-radius-topleft:5px;-moz-border-radius-bottomleft:5px;border-top-left-radius:5px;border-bottom-left-radius:5px;border:1px solid #ddd;border-right:none;display:inline-block;font-size:14px;height:2.9em;line-height:35px;padding:3px 5px;text-align:center;vertical-align:3px;width:2.75em}
.contact-form .styled-select select,.contact-form select{padding:0 15px;color:#888;font-size:14px;font-family:OpenSans-regular}
.contact-form input[type=email],.contact-form input[type=text]{background:#fff;border:1px solid #ddd;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;padding:0 15px;color:#888;height:46px;font-size:14px;width:80%;font-family:OpenSans-regular}
.contact-form select{background:#fff;border:1px solid #ddd;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;height:46px;width:90%}
.contact-form .styled-select select{background:0 0;width:110%;line-height:1;border:0;border-radius:0;height:45px;-webkit-appearance:none}
.contact-form .styled-select{width:55.8%;height:45px;overflow:hidden;background:url(images/select-arrow.png) 97% 50% no-repeat #eee;border:1px solid #ddd;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}
textarea{background:#fff;border:1px solid #ddd;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;padding:7px 15px;color:#888;font-size:14px;width:90%;font-family:OpenSans-regular}
.contact-form input[type=submit]{background:#00a6fc;border:none;cursor:pointer;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;padding:0 25px;color:#fff;height:45px;font-size:14px;font-family:OpenSans-regular;text-transform:uppercase;-o-transition:.5s;-ms-transition:.5s;-moz-transition:.5s;-webkit-transition:.5s;transition:.5s}
.contact-form input[type=submit]:hover{background:#333;color:#fff}
.contact-page .col-1{float:left;width:45%}
.contact-page .col-2{float:right;width:45%}
.contact-page .address{font-size:18px;line-height:30px;margin:20px 0}
.contact-page .address span{font-size:18px;line-height:30px;color:#00a6fc;font-family:OpenSans-Bold}
.contact-page .address a{font-size:18px;text-decoration:none;color:#333;font-family:OpenSans-Regular}
.contact-page .address a:hover{color:#00a6fc}
.services-main{margin:30px 0 0}
.services-main .cols{float:left;width:23%;margin-right:20px}
.services-main .cols2{float:left;width:45%;margin-right:20px}
.services-main .text-box h4,p{color:#fff;font-family:OpenSans-Regular;font-weight:400}
.services-main .text-box h4{font-size:14px;margin-bottom:3px;font-family:OpenSans-Bold;line-height:16px}
.services-main .text-box h4 a{font-size:14px;color:#fff;font-family:OpenSans-Bold;text-decoration:none}
.services-main .text-box p{font-size:12px;line-height:16px;color:#fff}
.services-main .text-box a.box-link{color:#fff;font-family:OpenSans-Bold;text-decoration:none}
.services-main .text-box-new a.box-link{color:#333;font-family:OpenSans-Bold;text-decoration:none}
.services-main .text-box{background:url(images/text-box-bg.png);padding:1px 15px;border-radius:0 0 4px 4px}
.box-border,.services-main .appd-box,.services-main .business-box,.services-main .community-box,.services-main .design-box,.services-main .dm-box,.services-main .mapp-box,.services-main .members-box,.services-main .outsource-box,.services-main .res-box,.services-main .sm-box,.services-main .web-box{border-radius:4px;margin-bottom:20px}
.services-main .boxes .box-img{min-height:170px;text-align:center;padding-top:30px}
.boxes .text-box{min-height:170px}
.services-main .res-box{background-color:#14a6f1;margin-left:0}
.services-main .sm-box{background-color:#2b2423;margin-left:0}
.services-main .mapp-box{background-color:#c7cd6d;margin-left:0}
.services-main .web-box{background-color:#C54045;margin-left:0}
.services-main .appd-box{background-color:#79302a;margin-left:0}
.services-main .dm-box{background-color:#8e8dc6;margin-left:0}
.services-main .evm-box{border-radius:4px;background-color:#64be5c;margin-left:0;margin-bottom:20px}
.services-main .design-box{background-color:#f6b80f;margin-left:0}
.services-main .outsource-box{background-color:#72baa6;margin-left:0;overflow:hidden}
.services-main .business-box{background-color:#fabf28;margin-left:0}
.services-main .community-box{background-color:#101e55;margin-left:0}
.services-main .members-box{background-color:#557f11;margin-left:0}
.box-border{background:#fdfdfd;border:1px solid #d9dde0;width:100%;margin-top:40px}
.box-border .box-img{text-align:center}
.box-border h4{text-align:center;font-size:16px;color:#333;font-family:OpenSans-Bold;font-weight:400!important}
.box-border .text-box-new{padding:5px 15px;margin-top:10px}
.box-border .text-box-new p{font-size:13px;color:#555;font-family:OpenSans-Regular;font-weight:400!important}
.salat-note{font-size:15px;color:#777;font-weight:400;text-align:center;margin:10px 20px;font-family:OpenSans-Bold}
.box-border span.top-bg-box{background:url(images/musjid-box-top.png) center no-repeat;width:100%;height:61px;display:inline-block;margin-top:-46px}
.box-border .salat-widget{margin:0;padding:0 15px 0 25px}
.box-border .salat-widget li{display:inline-block;background:url(images/salat-icon.png) top left no-repeat;padding-top:50px;width:70px;text-align:center}
.box-border .salat-widget li.duhr{background-position:-72px 0}
.box-border .salat-widget li.asr{background-position:-143px 0}
.box-border .salat-widget li.maghrib{background-position:-219px 0}
.box-border .salat-widget li.isha{background-position:-299px 0}
.box-border .salat-widget li h6{color:#003e72;font-weight:700;font-size:18px;margin:0;padding:30px 0 20px}
.box-border .salat-widget li .salat-time{color:#333;font-weight:700;font-size:14px}
.services-main-banner{background:url(images/services-banner.jpg) right no-repeat #39698d;background-size:contain;min-height:294px}

.services-main-banner h1{font-size:42px;color:#fff;font-family:OpenSans-Bold;font-weight:400!important;margin:0!important;padding:90px 0 0!important}
.footer-top .cols{float:left;width:20%!important}
.footer-top-link ul{margin:0;padding:0 15px}
.footer-top-link h3{font-size:16px;color:#fff;font-family:OpenSans-Bold;font-weight:400;padding:5px 0 10px;margin:0}
.footer-top-link ul li{margin:0;list-style:disc;padding:1px 0}
.footer-top-link ul li a:hover{text-decoration:underline}
.beyan-btn-holder ul li a,.breadcrumbs a{text-decoration:none}


.second-slider {
	background:url('https://www.allmasajid.com/wp-content/uploads/2020/11/second-slider-bg.png') no-repeat top center;
	}
	
.col-6 {width:49%; float:left; margin-right:2%;}
.col-last {margin-right:0;}

.second-slider h3, .second-slider h3 strong {
    font-size: 55px;
    text-align: left;
    text-transform: uppercase;
    line-height: 1.1;
    letter-spacing: -3.5px;
    font-family: 'Open Sans', sans-serif !IMPORTANT;
    font-weight: 800 !IMPORTANT;
    color: #5c5c5c;
    margin-bottom: 40px;
	}
	
.second-slider h3 strong { color:#00ace6 !important;}	
.second-slider p, .third-slider p {
	font-size: 20px;
    color: #5c5c5c;
    margin: 0 30px 0 0;
    font-weight: 600;
    line-height: 1.4;
	}

.third-slider {
	background:url('https://www.allmasajid.com/wp-content/uploads/2020/11/second-slider-web-bg.png') no-repeat top center;
	}
	
.col-6 {width:49%; float:left; margin-right:2%;}
.col-last {margin-right:0;}

.third-slider h3, .third-slider h3 strong {
    font-size: 44px;
    text-align: right;
    text-transform: uppercase;
    line-height: 1.1;
    letter-spacing: -3.5px;
    font-family: 'Open Sans', sans-serif !IMPORTANT;
    font-weight: 800 !IMPORTANT;
    color: #5c5c5c;
    margin-bottom: 20px;
    margin-top: 20px;	
	}
	
.third-slider h3 strong { color:#00ace6 !important;}	
.third-slider p { font-size:20px; color:#5c5c5c; text-align: right; margin:0 0 0 40px}
.sec-slider-textbox { margin-top:30px;}



.second-slide ul li {
    color: #1e3d4a !important;
    font-size: 22px;
    font-family: 'Open Sans', sans-serif;
    line-height: 1.3;
    font-weight: 600;
    background: url(https://www.allmasajid.com/wp-content/uploads/2020/11/bullet-icon-1.png) no-repeat 0 4px;
    list-style: none;
    padding-left: 40px;
    text-align: left;
}

li.second-slide h2 {
    color: #1f4859;
    font-size: 58px;
    font-family: 'Bebas Neue', cursive !Important;
    font-weight: normal !IMPORTANT;
    margin: 0;
    line-height: 1;
}


.rp-boxes .top {
    background: url('https://www.allmasajid.com/wp-content/themes/almsajid/images/sidebar-top.png') top center no-repeat !Important;
    width: 100%;
    height: 101px;
    margin-bottom: -1px;
    position: relative;
    z-index: 100;
}
.rp-boxes .box {
    background: url('https://www.allmasajid.com/wp-content/themes/almsajid/images/sidebar-bg.png') repeat-y !Important;
    border-bottom: 9px solid #f8ba1f !important;
    color: #fff !important;
}
.rp-boxes .box h3 {
    color: #fff !important;
    font-size: 29px;
    text-align: center;
}

.rp-boxes .box p {color: #fff;}

textarea.form-control {
    height: 100px;
}


@media only screen and (min-width:1000px){
.text-left {text-align:left;}
.text-right {text-align:right;}
	}



@media only screen and (max-width:1000px){.container{width:95%}
header{position:relative;height:100%;width:100%;z-index:1000;top:0}
body.admin-bar header{top:0}
#main{margin:0}
.home-responsive .image img{width:100%}
.home-responsive p{margin:0 20px 10px}
.home-services .block-one-three{margin:0;padding:0;width:100%}
.home-services .block{float:none;margin:0 0 50px}
.about-testi-nl .col-1{float:none;margin:0 0 30px;width:100%}
.about-testi-nl .col-1 .box{min-height:100%}
.about-testi-nl .col-2{float:left;width:34%;margin-right:20px;display: none;}
.about-testi-nl .col-3{float:left;width:22%}
.about-testi-nl-ct .col-1{float: none;width: 64%;margin: auto;}
.inner-page-banner img{width:100%;height:auto;min-height:100px}
.slide-img,.slide-text{width:45%}
.slide-img img{width:100%}
.slide-text h1{font-size:40px;line-height:48px}
.slide-text p{font-size:19px}
.services-main-banner{min-height:100%;background-size:cover}
.services-main-banner h1{padding:50px 0!important}
.services-main .cols{width:47%!important}
.services-main .cols2{float:none;margin-right:0;width:100%;text-align:center}
.img-responsive { width:90%;}
.text-left {text-align:left;}
.text-right {text-align:right;}
    
}
@media only screen and (max-width:800px){.top-navigation,
.about-testi-nl .col-1 .box,.rp-boxes .box{min-height:100%}
.container{width:95%}
header{position:relative;height:100%;width:100%;z-index:1000;top:0}
body.admin-bar header{top:0}
#main{margin:0}

.top-navigation li{float:none;display:inline;line-height:50px}
.top-navigation li ul li{line-height:24px;text-align:left}
.slide-img,.slide-text{text-align:center;width:100%;float:none}
.slide-text{padding-left:0}
.slide-img{padding-right:0}
.slide-img img{width:auto}
.slide-text h1{font-size:50px;line-height:58px}
.slide-text p{font-size:19px}
.flexslider .slides img{display:inline}
.home-responsive .image img{width:100%}
.home-responsive p{margin:0 20px 10px}
.home-services .block-one-three{margin:0;padding:0;width:100%}
.home-services .block{float:none;margin:0 0 50px}
.about-testi-nl .col-1{float:none;margin:0 0 30px;width:100%}
.about-testi-nl .col-2{float:left;margin-right:30px !important;width:57 !important%}
.about-testi-nl .col-3{float:left;width:37%}
.inner-pages .content-panel{float:none;width:100%}
.inner-pages .sidebar{float:none;width:70%;margin:20px auto}
.inner-page-banner img{width:100%;height:auto;min-height:100px}
.innerPage-services-pod{width:45%}
.footer-top .cols,.services-main .cols,.services-main .cols2{width:100%!important;float:none;text-align:center}
.services-main-banner{min-height:100%;background-size:cover}
.services-main-banner h1{padding:40px 0!important;font-size:32px}
.services-main .cols,.services-main .cols2{margin-right:0}
.footer-top .footer-top-link{padding-bottom:30px}
.footer-top .footer-top-link ul li{list-style:none}
.footer-top .footer-social-links{float:none;text-align:center;width:100%}
    
}
@media only screen and (max-width:580px){.about-testi-nl .col-2,.about-testi-nl .col-3{float:left;margin:0 0 30px;width:100%}
.about-testi-nl .box{min-height:100%}
.footer-top .footer-top-link{float:none;width:100%;text-align:center;padding-bottom:30px}
.footer-top .footer-top-link ul li{list-style:none}
.footer-top .footer-social-links{float:none;text-align:center;width:100%}
.footer-bottom .copyrights{float:none;width:100%;text-align:center;padding-bottom:10px}
.footer-bottom .bottom-links{float:none;text-align:center;width:100%}
.slide-img img{width:80%}
.slide-text h1{font-size:44px;line-height:52px}
.innerPage-services-pod{float:none;margin:0 0 30px;padding:0;text-align:center;width:100%;border-bottom:1px dashed #dfdfdf}
.inner-pages .sidebar{float:none;width:90%;margin:20px auto}
.contact-page .col-1{float:none;width:100%;margin-bottom:20px}
.contact-page .col-2{float:none;width:100%;text-align:center}
.services-main-banner h1{padding:30px 0!important;font-size:22px}
    
}
@media only screen and (max-device-width:800px){.top-navigation,header .logo{text-align:center;float:none}
.about-testi-nl .col-1 .box,.rp-boxes .box{min-height:100%}
.container{width:95%}
header{position:relative;height:100%;width:100%;z-index:1000;top:0}
body.admin-bar header{top:0}
#main{margin:0}
.top-navigation li{float:none;display:inline;line-height:50px}
.top-navigation li ul li{line-height:24px;text-align:left}
.slide-img,.slide-text{text-align:center;width:100%;float:none}
.slide-text{padding-left:0}
.slide-img{padding-right:0}
.slide-img img{width:auto}
.slide-text h1{font-size:50px;line-height:58px}
.slide-text p{font-size:19px}
.flexslider .slides img{display:inline}
.home-responsive .image img{width:100%}
.home-responsive p{margin:0 20px 10px}
.home-services .block-one-three{margin:0;padding:0;width:100%}
.home-services .block{float:none;margin:0 0 50px}
.about-testi-nl .col-1{float:none;margin:0 0 30px;width:100%}
.about-testi-nl .col-2{float:left;margin-right:20px;width:59%}
.about-testi-nl .col-3{float:left;width:37%}
.inner-pages .content-panel{float:none;width:100%}
.inner-pages .sidebar{float:none;width:70%;margin:20px auto}
.inner-page-banner img{width:100%;height:auto;min-height:100px}
.innerPage-services-pod{width:45%}
.footer-top .cols,.services-main .cols,.services-main .cols2{width:100%!important;float:none;text-align:center}
.services-main-banner{min-height:100%;background-size:cover}
.services-main-banner h1{padding:40px 0!important;font-size:32px}
.services-main .cols,.services-main .cols2{margin-right:0}
.footer-top .footer-top-link{padding-bottom:30px}
.footer-top .footer-top-link ul li{list-style:none}
.footer-top .footer-social-links{float:none;text-align:center;width:100%}
    
}
@media only screen and (max-device-width:580px){.about-testi-nl .col-2,.about-testi-nl .col-3{float:none;margin:0 0 30px;width:100%}
.about-testi-nl .box{min-height:100%}
.footer-top .footer-top-link{float:none;width:100%;text-align:center;padding-bottom:30px}
.footer-top .footer-top-link ul li{list-style:none}
.footer-top .footer-social-links{float:none;text-align:center;width:100%}
.footer-bottom .copyrights{float:none;width:100%;text-align:center;padding-bottom:10px}
.footer-bottom .bottom-links{float:none;text-align:center;width:100%}
.slide-img img{width:80%}
.slide-text h1{font-size:44px;line-height:52px}
.innerPage-services-pod{float:none;margin:0 0 30px;padding:0;text-align:center;width:100%;border-bottom:1px dashed #dfdfdf}
.inner-pages .sidebar{float:none;width:90%;margin:20px auto}
.contact-page .col-1{float:none;width:100%;margin-bottom:20px}
.contact-page .col-2{float:none;width:100%;text-align:center}
.services-main-banner h1{padding:30px 0!important;font-size:22px}
    
}
.blue,.red{font-size:38px;font-weight:700}
.red{color:#ef0101;font-family:'Open Sans'}
.blue{color:#357baf;font-family:'open Sans'}
.slide-text h3{color:#fff}
.firstone p{font-size:18px!important; font-weight: 600; color:#000;}
.innerul{padding:0;margin-bottom:35px}
.innerul li{list-style:none;font-size:19px;font-family:OpenSans-Light;font-weight:300;color:#fff;margin:4px 0 10px}
.speaker,.wpcf7-submit{font-family:'open sans',sans-serif}
.breadcrumbs a{color:#039be5}
.speaker{color:#00a0f4;font-weight:700}
.beyan-btn{background:#2a93be!important;color:#fff!important;position:relative;cursor:pointer;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:1;transition:.3s ease-out;border:none;border-radius:2px;display:inline-block;height:36px;line-height:36px;padding:0 2rem;text-transform:uppercase;vertical-align:middle;-webkit-tap-highlight-color:transparent}
.beyan-btn-holder ul li{display:inline-block;list-style:none;padding:6px}
.beyan-btn-holder ul{padding-left:0}
.wpcf7-submit{background:#00a6fc;border:1px solid #00a6fc;border-radius:5px;padding:8px 37px;color:#fff;text-transform:uppercase;margin-top:20px}
.wpcf7-select,.wpcf7-text{width:100%;padding:10px;display:block;border:1px solid #ddd;background-color:#f4f4f4;background-image:none;text-shadow:none;color:#444;font-size:14px;line-height:normal;box-sizing:border-box;height:auto}
.accordion-title{font-size:12px;color:#d3d3d3;text-align:right}
.beyan-items{border:1px solid #d3d3d3;padding:10px;margin:0 0 21px;border-radius:5px}
.lecture-table, th, td {
    border: 1px solid black;
    border-collapse: collapse;
    padding: 5px;
}
.lecture-table{
    text-align: center;
}
/************ New Fixes Start Here *************/
.page-template-get-widgets header .container .row.topheader,
.page-template-resources header .container .row.topheader {
    margin-right: 0px;
    margin-left: 0px;
}

.top-navigation ul ul li {
    padding: 5px 5px;
}
.top-navigation li.current-menu-item ul li a {
    width: 100%;
}
.footer1 > .container {
    padding-left:0 !important;
    padding-right: 0 !important;
}
.footer1 > .container p {
    font-size: 14px;
}
.top-navigation {
    float: right;
}

.single .entry-content p {
	    color: #000;
		font-size: 16px;
	}



@media (min-width: 1200px) {
.page-template-get-widgets.page-template .container {
    width: 1140px;
}
}
@media (min-width: 1193px) {
.about-testi-nl .container{
    /*width: 85%;*/
}
}
@media (min-width: 1001px) {
.inner-pages .container .content-panel {
    margin-top: 65px;
}
.inner-pages .container .sidebar {
    padding-top: 75px;
}
}

@media (min-width: 767px) {
.container.pt-nl {
    display: flex;
    justify-content: center;
}
}
@media (max-width: 1192px) {
.about-testi-nl .container{
    width: 95%;
}
}
@media (max-width: 1068px) {
.col-4 {
    width: 45% !important;
    float: left;
    margin-bottom: 28px;
}
.about-testi-nl .col-2 {
    float: left;
    width: 52%;
    margin-right: 0 !important;
    margin-bottom: 28px;
}

li.second-slide h2 {font-size: 44px;}
li.second-slide h3 {font-size: 36px;}

.third-slide h2 {font-size: 28px;}
.third-slide h2 strong { font-size:62px;}
.third-slide h3 {font-size:22px;}
.second-slide ul li { font-size:20px; background:url(https://www.allmasajid.com/wp-content/uploads/2020/11/bullet-icon-1.png) no-repeat 0 1px;}

.second-slide ul li {
    font-size: 20px;
    background: url(https://www.allmasajid.com/wp-content/uploads/2020/11/bullet-icon-1.png) no-repeat 0 1px;
}


/*.third-slider img.img1024 {width: 90%;}*/


}
@media (max-width: 867px) {
.top-navigation {
    display: block;
    width: 100%;
}
header {
    text-align: center;
    height: auto !important;
    width: 100%;
}
}
@media (max-width: 800px) {
.page-template header .top-navigation ul {
    margin: 0px 0 0;
    margin-bottom: 0 !important;
}
.slide-img.slide-img-apps {
      text-align: center !important;
    width: 100%  !important;
    float: none  !important;
}
.slide-img.slide-img-apps img {
    width: 100%  !important;
}
.slide-text .get-app-btn {
    display: inline-table !important;
}
.container {
    width: 95%;
    max-width: 95% !important;
}
.top-navigation {
    width: 100% !important;
}
.top-navigation li a {
    padding: 5px 12px !important;
}
.top-navigation ul {
    width: 100% !important;
}
}
@media (max-width: 767px) {
.footer2 .copyright1 {
    text-align: center;
    float: none;
    width: 100%;
    color: white;
    margin-bottom: 10px;
}
.footer2 .copyright2 {
    text-align: center;
    float: none;
    width: 100%;
    color: white;
}
.respservicemenu1 {
    margin-top: 10px !important;
}
.respservicemenu {
    left: 36px !important;
    top: 42px !important;
    margin: 0 !important;
}
.resp33 {
    width: 100%;
    left: 0;
}
.resp33 > li > a,
.resp3 > li > a {
    font-size: 16px !important;
}
.sub22,
.sub44 {
    padding: 10px !important;
}
.sub22 li,
.sub44 li {
    padding: 10px 10px;
    list-style: inside;
}
header .container {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.resp3 {
    left: 0;
    width: 100%;
}
.resp3 > li {
    padding: 10px 10px !important;
}
.sub2 > li,
.sub4 > li {
    padding: 10px 10px;
    list-style: inside;
}
.sub2, .sub4 {
    padding-left: 10px;
}
.about-testi-nl .col-2,
.about-testi-nl .col-3,
.about-testi-nl .col-4 {
    float: none !important;
    width: 100% !important;
}


.col-6 {
    width: 100%;
    float: none;
    margin-right: 0;
}

.second-slider h3, .second-slider h3 strong {
    font-size: 45px;
    text-align: center;
    line-height: 1.1;
    margin-bottom: 10px;
}

a.new-read-more {
    text-align: center;
    display: block;
    margin-top: 10px;
}


.third-slider img.img1024 {margin: 0 auto; display: table;}





}
@media only screen and (max-width: 1200px) and (min-width: 1010px) {
header > .container,
#main > .inner-pages > .container,
.footer1 > .container {
    width: 930px !important;
}
}
@media only screen and (max-width: 1200px) and (min-width: 1086px) {
#main > .slider > .container {
    width: 1030px !important;
}
#main > .slider > .container.f-width {
    width: 1200px !important;
}
}
@media only screen and (max-width: 1085px) and (min-width: 801px) {
#main > .slider > .container {
    width: 930px !important;
}
#main > .slider > .container.f-width {
    width: 100% !important;
}

}
@media (max-width: 1024px) {
header > .container {
    /*width: 100%;*/
    /*max-width: 100%;*/
    padding:0 !important;
}
.container {
    width: 95%;
    max-width: 95% !important;
}

#main > .slider > .container.f-width {
    width: 100% !important;
    max-width: 100% !important;	
}



}
@media (max-width: 920px) {
header {
    height: auto !important;
}
.top-navigation ul {
    float: left;
    margin-bottom: 20px !important;
    width: 100% !important;
    text-align: center;
    display: inline-block;
}
header .logo {
    float: none !important;
    text-align: center;
}
.top-navigation {
    height: 100%;
    float: left;
    width: 100% !important;
}
.menu-main-menu-container {
    height: 100%;
    float: left;
    width: 100%;
}
.top-navigation li {
    position: relative;
    float: none !important;
    list-style: none;
    display: inline-block !important;
}

.nav-right {
    float: none;
    width: 100%;
    text-align: center;
}

.logo a img {width: 135px;}
.top-navigation ul {
    margin: 10px 0 10px !IMPORTANT;
}

li.second-slide h2 {
    font-size: 36px;
}

li.second-slide h3 {
    font-size: 30px;
}



.header-btn-box {
    margin: 0 auto;
    display: table;
}


.rp-boxes .top {
    background: url('https://www.allmasajid.com/wp-content/themes/almsajid/images/sidebar-top.png') top center no-repeat !Important;
    width: 100%;
    height: 101px;
    margin-bottom: -1px;
    position: relative;
    z-index: 100;
}
.rp-boxes .box {
    background: url('https://www.allmasajid.com/wp-content/themes/almsajid/images/sidebar-bg.png') repeat-y !Important;
    border-bottom: 9px solid #f8ba1f !important;
    color: #fff !important;
}
.rp-boxes .box h3 {
    color: #fff !important;
    font-size: 29px;
    text-align: center;
}

.rp-boxes .box p {color: #fff;}

textarea.form-control {
    height: 100px;
}


}
@media (max-width: 867px) {

#home {
    padding-top: 0 !important;
}
.home1 {
    margin-top: 0 !important;
}
#home1 {
    padding-top: 0 !important;
}

#main > .slider > .container.f-width {
    width: 100% !important;
}


}
@media (max-width: 800px) {
.top-navigation ul {
        float: left;
    margin-bottom: 0px !important;
    width: 100% !important;
    text-align: center;
    display: inline-block;
    margin-top: 0 !important;
}
#home1 {
    padding-top: 150px !important;
}
.about-testi-nl .col-3 {
    float: left;
    width: 39%;
}
.slider .slide-img.sl4 {
    margin-top: 25px;
}
#main > .slider > .container.f-width {
    width: 100% !important;
}



}
@media (max-width: 720px) {
header .logo {
    float: right !important;
    padding: 0 !important;
}

#home {
    padding-top: 60px !important;
}
.home1 {
    margin-top: 30px !important;
}
#home1 {
    padding-top: 0 !important;
}
.sec0-1 {
    padding: 22vh 0vh 10vh 0vh !important;
}
}
.footer2 > .container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
@media only screen and (max-width: 1200px) and (min-width: 1010px) {
.footer2 > .container {
    max-width: 930px;
}
}
@media only screen and (max-width: 1000px) and (min-width: 800px) {
.page-template-contact-page #main .inner-pages {
    margin: 0px 0;
}
.inner-pages .container .content-panel {
    margin-top: 0px;
}
.inner-pages .container .sidebar {
    padding-top: 0px;
}
}
body {
    overflow-x:hidden;
}

.page-template header .top-navigation ul {
    margin: 15px 0 0;
}
.page-template header > .container {
    padding: 0 !important;
}
.page-template header > .container .row.topheader .col-lg-12.isd {
    padding: 0 !important;
}
.page-template header > .container .row.topheader .col-lg-12.isd p {
    margin: 5px 16px;
}

.page-template-contact-page.page-template header .top-navigation ul {
    margin: 22px 0 0;
}

.slider.allMasajid-home-slider{
/*    background: url(http://www.allmasajid.com/wp-content/uploads/header-slider/slider-bg.jpg);*/
    background-size: cover;
	min-height:530px;
    background-position: center center;
    background-repeat: no-repeat;
}

.slide-text .get-app-btn {
    font-size: 22px;
    color: #f4f4f4;
    background: #000;
    padding: 7px 17px;
    font-family: OpenSans-Regular;
    text-decoration: none;
    border-radius: 10px;
    width: 126px;
    height: 36px;
    display: inline-block;
    border: 1px solid #fff;
    margin-right: 3px;
    display: flex;
    float: inherit;
        margin-right: 10px;
    display: flex;
    float: inherit;
    width: 122px;
    height: 38px;
}

.slide-img.slide-img-apps {
    float: right;
    width: 55%;
    text-align: right;
}

.allmas-google-play{
    background: url('http://www.allmasajid.com/wp-content/uploads/header-slider/google-play.png') !important;
    background-size: cover !important;
    background-repeat: no-repeat  !important;
}

.allmas-app-store {
    background: url('https://www.allmasajid.com/wp-content/uploads/2020/11/appstore-header.png') !important;
    background-size: cover !important; 
    background-repeat: no-repeat  !important;
    margin-right: 0 !important;
}

.font-faimly-Quicksand {
    font-family: 'Quicksand', sans-serif !important;
}

.padding-top-30 {
    padding-top: 30px !Important;
}

.padding-top-50 {
    padding-top: 50px !Important;
}

body h1, 
body h2, 
body h3,
body h4, 
body h5, 
body h6 {
    font-family: OpenSans-Regular !important;
    font-weight: 600 !important;
}

.page-template header > .container .row.topheader {margin: 0 !important;}


@media only screen and (max-width: 768px) and (min-width: 721px) {
.content-panel {
    margin-top: 40px !important;
}
}

@media (max-width: 720px) {
.content-panel {
    margin-top: 110px !important;
}
}



@media screen and (max-width: 767px) {
	
.firstslide-left {
    width: 100% !important;
    float: none !important;
}

.firstslide-right {
    width: 100% !important;
    float: none;
    text-align: center !important;
}

.firstslide-right h1 {
    padding-bottom: 0px !important;
    padding-top: 0 !important;
}

.slide-text h1 {
    font-size: 24px !important;
    line-height: 1.4 !important;
}

.innerul li {
    margin: 4px 0 0 !important;
	}

.sliderMiddleSec .slideImageTwo img {
    width: 70% !important;
	}
	

.sliderMiddleSec .slideImageThree img {width: 50%;}
.sliderMiddleSec img {width: 50%;}

.bar1, .bar2, .bar3 {
    width: 24px !important;
    height: 3px !important;
}

.logo a img {
    width: 115px !important;
}

header {
    min-height: auto !important;
}

.resp33 {
    top: 83% !important;
}
.firstslide-right h1 br,
.slide-text h1 br { display:none;}

.innerul {
    padding: 0;
    margin-bottom: 15px;
}

.fifth-slide .sliderMiddleSec img {
    width: 40%;
}

.nav-right {
    float: right;
    display: none;
}
header .logo {
    margin-top: 0;
}
.respservicemenu1 {
    margin-top: 0 !important;
}

.container {
    max-width: 100% !important;
    float: none;
    margin: 0 auto;
}

/*li.second-slide h2 {
    font-size: 54px;
	}
li.second-slide h3 {
    font-size: 43px;
    line-height: 1;
}*/
.innerul li {
    margin: 2px 0 0 !important;
}

.header-btn-box {
    display: table !important;
}
.third-slide h2 {
    font-size: 34px;
    letter-spacing: 8px;
    color: #1f4859;
    font-family: 'Bebas Neue', cursive !Important;
    font-weight: normal !IMPORTANT;
    padding-top: 0;
    margin-top: 0;
    margin-bottom: 0;
	text-align: center !important;
    line-height: 1;	
	}

.third-slide h3 {
    color: #1e3d4a;
    font-size: 26px;
    line-height: 1.2;
    font-family: 'Open Sans', sans-serif !Important;
}
.sliderLeftfourth {
    width: 40% !important;
    float: none !important;
    margin: -10px auto 0 auto;
}

.fourth-slide h3 {
    font-size: 24px !important;
    color: #fff;
    text-align: center;
    margin-top: 0px !important;
    line-height: 1.3;
}

.sliderLeftfifth {
    width: 85% !important;
    float: none !important;
    display: table !important;
    margin: 0 auto !important;
}

.sliderrightfifth {
    display: none;
}

.firstslide-right h1 {
    margin-bottom: 10px;
}

.third-slide h2 strong { text-align:center;}

.sliderrightfourth {
    width: 70% !important;
    float: none !important;
    display: table !important;
    margin: 0 auto !important;
}

}

@media screen and (max-width: 420px) {
.slide-text .read-more {
    margin-bottom: 10px;
    font-size: 16px;
    padding: 10px 6px;
}
.flexslider .slides .store-button img {
    margin: 0 auto 15px auto;
    width: 48%;
}

.slide-text h1 {
    font-size: 20px !important;
    line-height: 1.4 !important;
}

.slide-text h3 {
    font-size: 24px;
    margin: 10px 0;
    line-height: 1.3;
}
.firstone p {
    font-size: 15px!important;
}

.fifth-slide .sliderMiddleSec img {
    width: 60%;
}

.fourth-slide .slide-text h3 {
    font-size: 16px;
}

.fourth-slide .slide-text h1 {
    font-size: 16px !important;
    line-height: 1.4 !important;
}

.fourth-slide .sliderMiddleSec img {
    width: 90%;
}

.third-slide .sliderMiddleSec .slideImageThree img {
    width: 80%;
}



}

body .form-control {
    width: 100%;
    padding: 10px;
    display: block;
    border: 1px solid #f7f8fa;
    background-color: #f7f8fa;
    background-image: none;
    text-shadow: none;
    color: #444;
    font-size: 14px;
    line-height: normal;
    box-sizing: border-box;
    height: auto;
    border-radius: 4px;
    outline: none;
    transition: 0.3s;
    box-shadow: none !important;
    font-family: 'Quicksand', sans-serif !important;
}

body .nl-subscription .box form input:not([type="submit"]) {
        width: 100% !important;
    padding: 10px !important;
    display: block !important;
    border: 1px solid #f7f8fa !important;
    background-color: #f7f8fa !important;
    background-image: none !important;
    text-shadow: none !important;
    color: #444 !important;
    font-size: 14px !important;
    line-height: normal !important;
    box-sizing: border-box !important;
    height: auto !important;
    border-radius: 4px !important;
    outline: none !important;
    transition: 0.3s !important;
    box-shadow: none !important;
    font-family: 'Quicksand', sans-serif !important;
}

body.home .nl-subscription .box form input[type="text"]:not([type="submit"]),
body.home .nl-subscription .box form input[type="text"]:not([type="submit"]) {
    border: 1px solid #ddd !important;
    border-color: #ddd !important;
}

body .nl-subscription .box form input:not([type="submit"]):focus {
    color: #495057 !important;
    background-color: #fff !important;
    border-color: #80bdff !important;
    outline: 0 !important;
    box-shadow: 0 0 0 0.2rem rgba(0,123,255,.25) !important;
}

.footerGetAppCt {
    width: 50%;
    float: left;
}

.col3 .footerGetAppCt a img {
    width: 94%;
    height: 46px;
}

/* New Fix Header Css */

@media (min-width: 1151px) {





body.home header .top-navigation ul {
    margin: 14px 0 0;
}

body.home header > .container .row.topheader .col-lg-12.isd p {
    margin-top: 7px !important;
}




body.page-template:not(.home) header > .container .row.topheader .col-lg-12.isd p {
    margin-top: 6px !important;
}

body.page-template:not(.home) header .top-navigation ul {
    margin: 10px 0 0;
}

}

/* New Fix Header Css End */