@import url(http://fonts.googleapis.com/css?family=Oxygen:400,700,300);@import url(http://fonts.googleapis.com/css?family=Oswald:400,700,300);body{margin: 0;padding: 0;font-size: 14px;line-height: 20px;font-family: 'Oxygen', sans-serif;} p{margin: 0 !important;} a:active, a:hover, a:focus {outline: 0 none !important;} .maindiv{float: left;width: 100%;} .headercontainer{float: left;width: 100%;padding: 15px 0;background: #48469d;} .logo img{margin: auto;} .menucontainer{background: #ffbc1c;float: left;width: 100%;} .menubar{float: left;width: 100%;} .navbar.navbar-inverse.navbar-static-top {background: transparent none repeat scroll 0 0;border: 0 none;margin: 0;min-height: 0;} .nav.navbar-nav {display: block;float: none;margin: auto;width: 75%;} .nav > li > a {background: rgba(0, 0, 0, 0) url("/images/NGO%20093/menudivider.png") no-repeat scroll right center;color: #333 !important;padding: 10px 20px;text-transform: uppercase;font-weight: bold;} .navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {background: rgba(255,255,255,0.5);color: #48469D !important;transition: all 0.5s ease-in-out;} .navbar-inverse .navbar-nav > .selected > a, .navbar-inverse .navbar-nav > .selected > a:hover, .navbar-inverse .navbar-nav > .selected > a:focus {background: rgba(255,255,255,0.5);color: #48469D !important;} .bannercontainer{float: left;width: 100%;} .bannercontainer img{width: 100%;} #demo .tf_container {height: 520px !important;} .welcomecontainer{float: left;width: 100%;background: #293654;padding: 15px;} .welcomediv{float: left;width: 100%;border: 1px solid #566994;text-align: center;color: #fff;padding: 40px 0;} .welcomediv h3{color: #566994;font-weight: 300;font-size: 42px;margin: 0 0 10px 0;} .welcomediv h2{color: #ffbc1c;font-weight: bold;font-size: 43px;text-transform: uppercase;margin: 0 0 20px 0;} .readmore {border: 1px solid #fff;border-radius: 6px;color: #fff;margin: 15px 0 0;padding: 5px 10px;} .readmore:hover {border: 0 none;box-shadow: 0 0 2px;color: #ffbc1c;text-decoration: none;} .articlecontainer{float: left;width: 100%;} .article{float: left;color: #fff;padding: 0;} .article .article{padding: 50px;} .article1{background: #ffbc1c;} .article2 {background: #fdae21 url("/images/NGO%20093/artibg1.png") no-repeat center left;} .article3{background: #fda508 url("/images/NGO%20093/artibg2.png") no-repeat center left;} .articlehead {align-items: center;display: flex;font-size: 25px;padding: 15px;text-transform: uppercase;font-family: 'Oswald', sans-serif;} .articlehead i {background: #fff none repeat scroll 0 0;border-radius: 50%;color: #333;float: left;margin-right: 15px;padding: 10px 4px 10px 12px;} .articlecontent{float: left;width: 100%;} .readmore2 {box-shadow: 0 0 2px #fff;border-radius: 5px;color: #fff;float: left;padding: 5px 15px;margin: 20px 0 0;} .readmore2:hover {background: #333 none repeat scroll 0 0;color: #fff;text-decoration: none;} .updatescontainer {float: left;width: 100%;background: #f6f6f6;padding: 50px 0;} .updatehead{color: #0c4d90;font-family: 'Oswald', sans-serif;font-size: 25px;float: left;width: 100%;} .updatecontent{float: left;width: 100%;padding: 20px 0 0;} .himg{height:295px;} .update {float: left;width: 100%;background: #fff;} .update1{margin: 0 0 20px;} .update2{} .newshead {background: #ffbc1c none repeat scroll 0 0;color: #fff;float: left;font-size: 18px;font-weight: bold;padding: 0px;text-align: center;text-transform: uppercase;display: flex;align-items:center;flex-direction: column;} .newshead img {margin-top: 10px;max-width: 100%;width: 100%;} .newscontent{float: left;padding-top: 15px;} .boxcontainer{background: url(/images/NGO%20093/fourbbg.png);float: left;width: 100%;padding: 40px 0;border-top: 2px solid #fff;} .box {background: #fff none repeat scroll 0 0;float: left;padding: 2px;text-align: center;width: 100%;} .boxhead {float: left;padding: 50px 0;width: 100%;} .img-responsive.boximg {margin: auto;} .boxcontent {background: #eee none repeat scroll 0 0;float: left;position: relative;padding: 20px 10px;width: 100%;} .boxcontent img {bottom: 0;position: absolute;right: 0;width: 34px;} .boxcontent h3 {float: left;font-size: 20px;margin: 0 0 15px;width: 100%;} .download {background: #fff none repeat scroll 0 0;float: left;margin: 30px 0 0;width: 100%;padding: 20px 20px 20px 50px;} .footercontainer {background: #171e24 none repeat scroll 0 0;color: #666;float: left;padding: 20px 0;width: 100%;} .headingdiv{text-transform: uppercase;float: left;width: 100%;color: #ffbc1c;} .uldiv ul {float: left;padding: 10px 20px;width: 100%;} .uldiv ul li{padding: 5px 0;float: left;width: 100%;list-style: url('/images/NGO%20093/ullist.png');} .uldiv ul li a{color: #666;width: 100%;} .uldiv ul li a:hover{text-decoration: none;color: #ffbc1c;} .social ul li {float: left;list-style: outside none none;padding: 10px 8px;width: auto !important;} .social ul {border-bottom: 1px solid #444;border-top: 1px solid #444;float: left;margin: 20px 0 0;padding: 0 !important;width: 100%;} .stayimg:hover {border-radius: 50%;box-shadow: 0 0 2px #fff;} .uldiv li.selected a {color:#48469d !important} .copycontainer{float: left;width: 100%;padding: 15px 0;background: #0e151b;border-top: 1px solid #444;color: #666;} #table_inner_content {float: left;text-align: center;width: 100%;} .main {text-align: center;} .navbar-brand {display: none;} @media screen and (min-width: 1024px) and (max-width: 4000px){} @media screen and (min-height: 768px) and (max-height: 1024px) and (orientation:landscape){.nav.navbar-nav{width: 90%;}} @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {#demo .tf_container {height: 340px !important;} .nav.navbar-nav{width: 100%;} .nav > li > a{padding: 10px 12px;}} @media only screen and (min-width : 480px) and (max-width : 640px), handheld and (min-device-width : 480px) and (max-device-width : 640px){.updatediv:nth-child(2) {margin-top: 30px;} #demo .tf_container {height: 280px !important;}} @media only screen and (max-width : 480px){.updatediv:nth-child(2) {margin-top: 30px;}} @media only screen and (max-width : 399px), handheld and (max-device-width : 399px){.welcomediv h2 {font-size: 22px;} #demo .tf_container {height: 240px !important;} .welcomediv p {text-align: justify;} .articlehead {font-size: 21px;} .updatediv:nth-child(2) {margin-top: 30px;} .newshead {width: 100%;} .newscontent {width: 100%;} .newscontent {float: left;font-size: 12px;text-align: justify;} .box {margin: 0 0 30px;} .footercontainer .row div:nth-child(4) {margin: 30px 0 0;}} #example li {height: 150px !important;list-style: outside none none;float: left;width: 100%;} #example2 li {height: 150px !important;list-style: outside none none;float: left;width: 100%;}img{border:0px;padding:0px;}p {margin: 0px 0px 3px 0px;padding: 0px 0px 0px 0px;}a.footline{color: #808080;text-decoration: none;font-size:11px;color: #808080;} a.footline:hover{color: #808080;text-decoration: underline;font-size:11px;color: #808080;}