@media screen and (max-width : 959px) {
.demandSection.smj3 .doubleWrap { height: auto }
.demandSection.smj3 .doubleWrap .doubleBoxInnerBox { width: 100%; left: 0 !important; margin-top: 20px; position: relative !important; top: 0 !important; }
.demandSection .doubleWrap .rightBox { padding-left: 0 }
.smj3Nav .topNav .epicDropdown { float: right; position: relative; position: relative; }
.smj3Nav .topNav .epicDropdown > a { padding: 10px 30px 10px 10px; position: relative; background: none; }
.smj3Nav .topNav .epicDropdown > a > span { background: url(../images/sprite.png) -85px -98px no-repeat; width: 25px; height: 25px; display: block; position: absolute; right: 10px; top: 6px; }
.smj3Nav .topNav .epicDropdown.active > a { background-color: transparent; color: #fff; padding: 10px 10px 0 0 }
.smj3Nav .topNav .epicDropdown.active span { background-position: -85px -73px; }
.smj3Nav .topNav .innerList { background: none; border: none; width: auto }
.smj3Nav .topNav .innerList > a { display: none; }
.smj3Nav .topNav .innerList ul li { padding: 0 }
.smj3Nav .topNav .innerList li a { background: url(../images/blueArrow.png) no-repeat 0 6px; color: #fff; font-size: 1.2em; }
.smj3Nav .topNav .innerList p { display: block; color: #fff; }
.smj3Nav .topNav > li.active > a, .smj3Nav .topNav > li.current > a { border: 0; color: #ccc; padding: 10px 10px 0 0 }
.smj3Nav .topNav .innerList .col50 { border: none; padding: 0 0 10px 0 }
.smj3Nav .topNav > li.active > a, .smj3Nav .topNav > li.current > a { border-top: 1px solid #2f7da8 }
.bannerMaster.smj3banner img { padding: 9.3% 0 0 15% }
.pledgeBox .logoimg { width: auto }
.aamir_recommends .arText { width: 100% }
.arWrap .container.column:last-child { width: 33.33% }
.arWrap .container.column .content, .arWrap .container.column .content:first-child, .allrecomendsWrap .container.column .content, .allrecomendsWrap .container.column .content:first-child { height: 300px }
.arWrap .container.column .content, .arWrap .container.column .content:first-child { height: 310px }
.arWrap .container .content h2 { font-size: 1.7em }
.aamir_recommends .container.column.thrdDiv { clear: none }
/**/
.mumkinpge .mkhData .headqus { padding: 5px 15px }
.mumkinpge .mkhData .headqus h2 { font-size: 2.5em }
.mumkinpge .mkhData .headqus h3 { font-size: 2em }
/**/
.ngoBox .besidesContent { width: 410px; padding: 0 20px 0 0 }
.guestBox .besidesContent { width: 410px }
.seeallBtn.arRight { float: left }
.innerBanner .bannerContent { width: 80% }
.graphBox .insightsBy .note { padding: 0 }
.popUpVideoLanguage { clear: both }
.popUpVideoLanguage .selectBox .selectedValue { height: auto }
.smj3banner .smj3promo { top: 75px; width: 150px }
.smj3banner .smj3promo a { font-size: 1.5em; background-size: 18px auto }
.ngoBox .contentMaster.ngo_2 .container .content, .ngoBox .contentMaster.ngo_2 .container, .ngoBox .contentMaster.ngo_2 .besidesContent { box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.ngoBox .contentMaster.ngo_2 .container { width: 50% !important }
.ngoBox .contentMaster.ngo_2 .container .content { width: 100%; padding: 10px }
.ngoBox .contentMaster.ngo_2 .besidesContent, .ngoBox .contentMaster.ngo_2 .container a img { width: 100% }
.ngoBox .contentMaster.ngo_2 .besidesContent a img { width: auto!important }
/*footer logos*/
.footer .logos.assoaciates { margin-top: 10px; }
.footer .logos.assoaciates { text-align: left; }
.footer .logos a, .footer .logos.assoaciates a { margin-top: 0 !important; }
.footer .logos { margin-bottom: 10px; height: 75px; }
.impactBox .container.column:last-child, .impactBox .container.column { width: 100% }
/**/
.reviewsSection .reviewsdoubleWrap .reviewsInnerBox { width: 100%; position: static; padding: 5px 0 }
.reviewsSection .reviewsdoubleWrap { float: none }
.reviewsInnerBox .moreData { width: 100% }
}
@media screen and (max-width : 800px) {
.mumkinpge .mkhLogo img, .mumkinpge .mkhData .qusBox .center img { width: 80% }
.arWrap .container.column .content, .arWrap .container.column .content:first-child, .allrecomendsWrap .container.column .content, .allrecomendsWrap .container.column .content:first-child { height: 300px }
.impactBox .container.column .content, .impactBox .container.column .content:first-child { height: 300px; }
/*.impactBox .container.column:last-child { width: 34% }*/
.updates .column .content P { width: 100%; margin-top: 10px }
.updates .column .info, .updates .column .name { height: 40px; }
}
 @media only screen and (min-width : 0px) and (max-width : 768px) {
.demandSection.smj3 .doubleBox .doubleBoxInnerBox { width: 100% }
}
@media only screen and (min-width : 0px) and (max-width : 640px) {
.bannerMaster.smj3banner img { padding: 4.8% 0 0 15% }
.bannerMaster.smj3banner .owlBanner img { padding: 15% 25% 0 15% }
.arWrap .container.column:last-child { width: 50% }
.arWrap .container.column .content, .arWrap .container.column .content:first-child, .allrecomendsWrap .container.column .content, .allrecomendsWrap .container.column .content:first-child { height: 300px }
.allrecomendsWrap .container.column:last-child { width: 50% }
.homeBanner .bannerContent .mkvidBtn,.homeBanner .bannerContent .mkvidBtn.campaignResponce { right: 215px; top: 5px; width: 91px; }
.homeBanner .bannerContent .mkvidBtn img { padding: 0 }
.guestBox .besidesContent, .ngoBox .besidesContent { width: 100% }
.guestBox .content > a { padding: 15px 0 0 0 }
.smjvoteforchange .asks .missCallNo .miscall a { color: ##dc551d; }
.smj3banner .smj3promo { top: 10px; border: 0; right: 295px }
.footer .logos img { width: auto }
.recentUpdates .expandar { left: 55% }
.updates .column .content P { width: 100% }
.updates .column { padding: 0 12px 0 0 }
/*.impactBox .container.column:last-child { width: 50% }*/
.impactBox .container.column .content, .impactBox .container.column .content:first-child { height: 320px; }
/*guestMsgSection:start*/
.guestMsgSection { padding: 0; width: 100%; }
.guestMsgSection .guestFeedback .left { width: 100%; }
.guestMsgSection .guestFeedback .left .name { width: 100%; }
.guestMsgSection .guestFeedback .right { background: none; border: medium none; width: 100%; min-height: auto !important; padding: 10px; }
.guestMsgSection .guestFeedback .left .photo { padding: 0; margin: 0; width: 40%; }
.guestMsgSection .guestFeedback .left .name { float: right; width: 60%; }
/*guestMsgSection:end*/
}
@media only screen and (min-width : 0px) and (max-width : 600px) {
.article_content .infographic_img { width: 100% }
.contentWrapMaster .article_column_1 .poemBox .poem img { width: 100% }
}
@media only screen and (min-width : 0px) and (max-width : 480px) {
.fbScroll { overflow: scroll }
.bannerMaster.smj3banner img { padding: 15.2% 0 0 8% }
.bannerMaster.smj3banner .owlBanner img { padding: 25% 22% 0 10% }
.pad20 { padding: 5px }
.ngoWrap h2 { font-size: 2em }
.col50 { width: 100% }
.ngoConnect .col50 { border-bottom: 1px solid #e6e6e6; border-right: 0 }
.arWrap .container.column .content, .arWrap .container.column .content:first-child, .allrecomendsWrap .container.column .content, .allrecomendsWrap .container.column .content:first-child { height: 280px }
.allrecomendsWrap .container .content h2 { font-size: 1.4em }
.arWrap .container.column .content a { bottom: 0 }
.mumkinpge .mkhLogo { width: 25%; padding: 0 0 15px 0 }
.mumkinpge .mkhData { clear: left; width: 100% }
.mumkinpge .mkhLogo img { width: 100% }
.mumkinpge .mkhData .headqus h2 { font-size: 2em }
.mumkinpge .mkhData .headqus h3 { font-size: 1.6em }
.mumkinpge .mkhData .center img { padding: 20px 15px }
.mumkinpge .mkhData .center img { width: 100% }
.textHeader .imgtitle img { width: 100% }
.innerBanner .bannerContent { width: 40% }
.smj3banner .smj3promo { top: 80px; right: 15px }
.powertoyou_detail { width: 100% !important; height: 260px !important; }
/**/
.imp_numBox .callbox { padding: 0 10px }
.contentWrapMaster .article_column_1 .poster_img { padding: 0 0 10px 0 }
/**/
.ngoBox .contentMaster.ngo_2 .container { width: 100% !important; padding: 0 0 15px 0 }
.tuberculosis .orangeBg img { width: 80% }
.footer .logos.assoaciates a { padding: 0 10px 0 0 }
.contentWrapMaster .article_column_1 h2.whtbold { font-size: 4em }
/**/
.campainBox .participate .allsmothum { float: none; padding: 10px 0; text-align: center; }
.watchShwVid .vidBox { width: 100%; padding: 15px 0 }
.helpBox .lef, .helpBox .rig { width: 100%; border: none; }
.helpBox .add { border-top: 1px solid #c7c7c7; }
.helpBox .lef .add:first-child { border: none }
/**/
.boxWrap { padding: 0 }
.boxWrap .ngoWrp { padding: 5px; margin: 5px 0 }
.boxWrap .infoData { padding: 0 5px 5px }
.boxWrap .infobar .name h3 { font-size: 1.6em }
.boxWrap .infobar .name h4 { font-size: 1.4em }
.boxWrap .infobar { padding: 10px }
.boxWrap .infobar .name { width: 68%; padding-right: 2% }
.boxWrap .infobar .lgic { width: 30% }
}
@media only screen and (min-width : 0px) and (max-width : 360px) {
.bannerMaster.smj3banner img { padding: 31.2% 0 0 0 }
.bannerMaster.smj3banner .owlBanner img { padding: 31.2% 0 0 }
.arWrap .container.column:last-child { width: 100% }
.arWrap .container.column .content, .arWrap .container.column .content:first-child, .allrecomendsWrap .container.column .content, .allrecomendsWrap .container.column .content:first-child { height: auto }
.homeBanner .bannerContent .mkvidBtn,.homeBanner .bannerContent .mkvidBtn.campaignResponce { right: 10px; top: 80px; }
.homeBanner .bannerContent .mkvidBtn img { padding: 0 }
.mumkinpge .mkhData .shareBox .btns a { display: block; margin: 5px 0; }
.mumkinpge .mkhData .qusBox, .mumkinpge .mkhData .shareBox { padding: 15px 0 0 15px }
.arteam-notes .imgLef, .arteam-notes .imgrig { float: left; width: 100%; padding: 15px 0 }
.smj3wide .mkhLogo { float: left; padding: 0 5px 15px; }
.smj3wide .dataBox { width: 100% }
.imgleft, .empower .artbox { width: 100% }
.aboutTeam .box1, .aboutTeam .box2 { width: 100% }
.smj3banner .smj3promo { top: 80px; right: 95px }
.powertoyou_detail { height: 190px !important; }
.imp_numBox .callbox .title { font-size: 2em }
.callpolice img { width: 95% }
.imp_numBox .callbox { padding: 0 8px }
.imp_num h2 { font-size: 1.6em }
.imp_num h3 { font-size: 1.3em }
.secondBox > .supportCause { padding: 5px }
.smjvoteforchange .asks .missCallNo .miscall a { font-size: 1em; color: #dc551d }
.contentWrapMaster .article_column_1 .article_content ul.glossaryRow li { padding: 3% }
.contentWrapMaster .article_column_1 ul.glossaryRow li h3 { font-size: 1.4em; }
.contentWrapMaster .article_column_1 .article_content ul.glossaryRow li img { padding: 0 5px 0 0 }
.allrecomendsWrap .container.column:last-child, .contentWrapMaster .article_column_2 .related-article-content-wrapper .related-article-content img { width: 100% }
/*footer logos*/
.footer .logos img { width: 62px }
.footer .logos.assoaciates a img { width: 55px; padding-right: 5px; }
.footer .logos { margin-bottom: 10px; height: 50px; }
.footer .logos.assoaciates a { padding: 0 4px 0 0 }
.allrecomendsWrap .container .content h2 { font-size: 1.8em }
.recentUpdates .expandar { left: 60% }
.impactBox .container.column:last-child { width: 100% }
.updates .column .info { font-size: 1.3em }
}
@media only screen and (min-width : 0px) and (max-width : 320px) {
.bannerMaster.smj3banner img { padding: 40.1% 0 0 0 }
.bannerMaster.smj3banner .owlBanner img { padding: 40.1% 0 0 }
.powertoyou_detail { height: 170px !important; }
.footer .logos img { width: 60px }
.footer .logos.assoaciates a img { width: 55px }
.updates .column .content P { width: 60% }
.updates .column .info { font-size: 1.4em }
.updates .column .info, .updates .column .name { height: auto; }
.updates .column .content P { margin-top: 0 }
}