body{
	padding: 0px;
	margin: 0px;
}
body ul li{
    list-style:none;
}
body ul{padding:0;}
.event-page .event-sec-page ul{
    padding-left:0;
}
.carousel-control.left, .carousel-control.right{
    top:0;
    width: 10%;
}
.slider-sec .carousel-control span.icon-left,.slider-sec .carousel-control span.icon-right{position:relative;top:50%;}
.modal-content .carousel-control.left, .modal-content .carousel-control.right{
    top:0;
}
.slider-sec .carousel-inner>.active{display:block !important;}
.event-gal-sec .modal-dialog.modal-lg{width:550px;}
ul{
	list-style: none;
	padding: 0px;
	margin: 0px;
}
.header-section {
    display: inline-block;
    width: 100%;
}
.top-header-sec {
    background: #F6F6F6;
    padding-top: 5px;
    padding-bottom: 3px;
    border-bottom: 1px solid #E1E1E1;
}
.top-header-left ul li {
    display: inline-block;
    color: #af1e14;
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;    
    font-weight: 600;
}
.top-header-left ul li span {
    color: #A4A4A4;
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    font-weight: 600;
}
.top-header-left ul {

    padding-top: 7px;
    padding-bottom: 6px;

}
.top-header-left ul li:first-child {
    margin-right: 15px;
}
.top-header-left ul li i {
    font-size: 16px;
    margin-right:8px;
}
.top-header-right ul li {
    display: inline-block;
    padding-left: 5px;
}
.top-header-right {
    text-align: right;
    padding-top: 5px;
}

.top-header-right ul li a {

    width: 30px;
    height: 30px;
    display: inline-block;
    background: rgba(12,3,6,0.08);
    border-radius: 50%;
    text-align: center;
    line-height: 30px;
    color: #af1e14;
    font-size: 15px;

}

.top-header-right ul li a:hover {
    color: #000;
}
.navigation {
    background: #fff;
    padding-top: 5px;
    padding-bottom: 5px;
     -webkit-transition: all .2s ease-in-out 0s;
    -o-transition: all .2s ease-in-out 0s;
    transition: all .2s ease-in-out 0s;
}
.stick {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 99;
    box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.34);
    -webkit-box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.34);
    padding-top: 0px;
    padding-bottom: 0px;
}
.navigation .navbar{
	margin-bottom: 0px;
}
.navigation .navbar-brand {
    padding: 0px;
    margin: 0px;
    display: inline-block;
    height: inherit;
    padding-left: 10px;
}
.navigation .navbar-brand img {
    width: 70px;
}
.navigation .navbar-nav{
	float: right;
	padding: 9px 0px;
}
 .navigation .navbar-nav > li > a{
 	color: #000;
 }
 .navigation .navbar-nav > li > a {

    color: #000;
    font-family:'Montserrat', sans-serif;
    font-size: 14px;
    font-weight: 500;

}
.navigation .navbar-nav > li > a:hover{
	background: #af1e14;
	color:#fff;
}
.navigation  .navbar-nav > li.active a{
	background: #af1e14;
	color:#fff;
}
.nccp-middle-sec {
    display: inline-block;
    width: 100%;
    margin: 50px 0px;
}

ul.timeline .timeline-badge.glyphicon{float: left;width: 30px;}
ul.timeline .timeline-panel{float: left;width: calc(100% - 30px);}
.left-side-sec {
    background: #f7f7f7;
    margin-right:0px;
    padding: 15px;
    box-sizing: border-box;
}
.left-side-sec > ul {
    display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    margin-bottom: 15px;
}
.left-side-sec> ul> li {
    display: inline-block;
    padding: 0px;
    margin: 0px;
    width: 32%;
    margin-left: 2%;
    margin-bottom: 20px;
    background: #fff;    
}
.left-side-sec> ul> li:nth-child(3n+1) {
    margin-left: 0px;
}
.left-side-bar h1 {
    font-size: 26px;
    color: #000;
    text-transform: capitalize;
    font-family: 'Montserrat', sans-serif;
    margin: 0px 0px 30px 0px;
    padding: 0px;
}
.left-side-bar h1 span {
    color: #af1e14;
}
.left-side-bar h2 {
    font-size: 16px;
    color: #fff;
    font-family: 'Raleway', sans-serif;
    background: #af1e14;
    padding: 12px 10px;
    margin: 0px 0px 25px 0px;
    text-transform: uppercase;

}
.left-side-bar h3:after {
    content: "";
    width: 50px;
    height: 2px;
    background: #af1e14;
    display: block;
    margin-top: 5px;
}
.nccp-service-img {
    padding:10px;
    position: relative;
}
.nccp-service-img img {
    margin: 0 auto;
}
.nccp-cont {
    display: inline-block;
    padding: 0px 10px;
    width: 100%;
}

.nccp-service-img::before{
    content: "";
    width: 0;
    height: 3px;
    position: absolute;
    transition: all 0.2s linear;
    background: #af1e14;
}
.nccp-service-img::before {
    transition-delay: 0.2s;
}
.nccp-service-img::before {
    left: 0;
    top: 0;
}

.nccp-service-img:hover::before{
  width: 100%;

}

.nccp-service-img:hover::before{
    transition-delay: 0s;
}
.nccp-cont h3 {
    padding: 0px 0px;
    margin: 10px 0px;
    font-size: 16px;
    text-transform: uppercase;
    font-family: 'Montserrat', sans-serif;
    color: #000;
    font-weight: 600;
}
.nccp-cont p {
    font-size: 14px;
    color: #8e8e8e;
    font-family: 'Open Sans', sans-serif;
}
.download-sec {
    background: #fff;
    padding: 15px;
}
.login-sec {
    background: #f7f7f7;
    padding: 15px 10px;
}
.side-bar h3 {
    font-size: 16px;
    text-transform: capitalize;
    font-family: 'Raleway', sans-serif;
    background: #af1e14;
    padding: 12px 10px;
    color: #fff;
    margin: 0px 0px;
}
.login-form label {
    color: #333;
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
}
.login-form {
    margin-top: 20px;
}
.login-sec button {
    background: #af1e14;
    color: #fff;
    border-color: #af1e14;
    font-size: 13px;
    font-family: 'Open Sans', sans-serif;
    border-radius: 0px;
    font-weight: 600;
}
.login-sec button:hover {
    background: #000;
    color: #fff;
    border-color: #000;
}
.event-sec {
    display: inline-block;
    width: 100%;
    margin-top: 30px;
    border: 1px solid #dadada;
    padding: 10px;
}
.event-sec ul{
    display: inline-block;
    width: 100%;
    margin-top: 20px;padding:0;
}
.event-sec ul li {
    display: inline-block;
    width: 100%;
    padding: 0px;
    margin-bottom:5px;
}
.event-img {
    float: left;
    width: 37%;
    position: relative;
    height: 60px;
    border: 1px solid #ababab;
}
.event-img img{
    position: absolute;
    top: 0;
    right: 0;
    left:0;
    bottom: 0;
    width: auto;
    margin: auto;
    max-width: 100%;
    max-height: 100%;
}
.event-detail {
    float: right;
    width: 60%;
}
.event-detail h4 {
    padding: 0px;
    margin: 0px;
    font-size: 14px;
    font-weight: 600;
    font-family: 'Open Sans', sans-serif;
    color: #af1e14;

}
.event-detail span {
    display: block;
    font-size: 12px;
    color: #000;
    font-family: 'Open Sans', sans-serif;
    text-transform: capitalize;
    margin: 5px 0px 0;
}
.event-detail p {
    padding: 0px;
    margin: 5PX 0 0 0px;
    font-size: 11px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    color: #8e8e8e;
}
.event-detail p:before {
    content: "\f017";
    color: #717171;
    font-size: 12px;
    font-family: "FontAwesome";
    display: inline-block;
    margin-right: 3px;
}
.popular-event .event-detail p:before {
    content: "\f06e";
    color: #717171;
    font-size: 12px;
    font-family: "FontAwesome";
    display: inline-block;
    margin-right: 3px;
}
.event-sec ul li:last-child {
    margin-bottom: 0px;
}
.footer {
    background: #222;
}
.footer-section {
    display: inline-block;
    width: 100%;
    padding: 24px 0px;
}
.loction-sec {
    color: #ccc;
}
.footer-section h3 {
    color: #fff;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 700;
    font-family: 'Raleway', sans-serif;
    margin-bottom: 25px;
    margin-top: 0px;
}
.events-gallery ul li {
    margin: 0px;
    padding: 0px;
    display: inline-block;
    width: 30.5%;
    margin-right: 7px;
    margin-bottom: 7px;
}
.events-gallery ul li img {
    max-width: 100%;
    max-height: 100%;
}
.quick-link ul li {
    padding: 0px;
    margin: 0px;
   
}
.quick-link ul li a {
    color: #ccc;
    text-decoration: none;
    display: inline-block;
    font-size: 13px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
}
.loction-sec ul li a {
    color: #ccc;
}
.events-gallery ul li a {
    display: inline-block;
}
.events-gallery ul li:nth-child(3n+0) {
    margin-right: 0px;
}
.loction-sec strong {
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 10px;
    display: block;
}
.events-gallery ul li a{
    position:relative;
}
.events-gallery ul li a:after{
    background: rgba(0,0,0,.6) url(../images/plus.png) no-repeat scroll center center;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    position: absolute;
    top: 0;
    -webkit-transition: all .2s ease-in-out 0s;
    -o-transition: all .2s ease-in-out 0s;
    transition: all .2s ease-in-out 0s;
    width: 100%;
    z-index: 9;
}
.events-gallery ul li:hover a:after{
    opacity: 1;
    filter: alpha(opacity=100);
}
.news-letter h5 {
    color: #fff;
    font-size: 14px;
    margin: 20px 0px;
    text-transform: capitalize;
}
.news-letter-sec input {
    width: 70%;
    border: none;
    font-size: 14px;
    color: #000;
    font-family: 'Open Sans', sans-serif;
    height: 36px;
    line-height: 36px;
    float: left;
    padding: 0px 10px;
}
.news-letter-sec button {
    background: #af1e14;
    height: 36px;
    line-height: 36px;
    padding: 0px;
    width: 28%;
    float: right;
    color: #fff;
    border: 1px solid #af1e14;
    text-transform: uppercase;
    font-size: 12px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
}
.loction-sec ul li span {
    width: 20px;
    height: 20px;
    float: left;
    position: relative;
    margin-right: 10px;
}

.loction-sec ul li.addres span:before {
    content: "\f017";
    color: #fff;
    font-size: 16px;
    font-family: "FontAwesome";
    display: inline-block;
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0;
    left: 0;
    text-align: center;
    line-height: 20px;
}
.loction-sec ul li.addres span:before {
    content: "\f041";
    color: #fff;
    font-size: 16px;
    font-family: "FontAwesome";
    display: inline-block;
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0;
    left: 0;
    text-align: center;
    line-height: 20px;
}
.loction-sec ul li.tel-no span:before {
    content: "\f098";
    color: #fff;
    font-size: 14px;
    font-family: "FontAwesome";
    display: inline-block;
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0;
    left: 0;
    text-align: center;
    line-height: 20px;
}
.loction-sec ul li.emial-id span:before {
    content: "\f0e0";
    color: #fff;
    font-size: 14x;
    font-family: "FontAwesome";
    display: inline-block;
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0;
    left: 0;
    text-align: center;
    line-height: 20px;
}
.loction-sec ul li.addres p {
    overflow: hidden;
    margin-bottom: 0px;
    line-height: 20px;
}
.loction-sec ul li {
    font-size: 13px;
    width: 100%;
    text-align: left;
    float: left;
    margin-bottom: 10px;
}
.loction-sec > p {
    margin-bottom: 15px;
}
.quick-link ul li {
    margin-bottom: 5px;
    display: inline-block;
    width: 100%;
    vertical-align: top;
}
.quick-link ul li a:hover {
    color: #fff;
}
.news-letter-sec button:hover {
    background: #fff;
    color: #000;
    border-color: #fff;
}
.quick-link ul {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
}
.quick-link ul li:before {
    content: "\f00c";
    color: #fff;
    font-size: 12px;
    font-family: "FontAwesome";
    margin-right: 2px;
}
.news-letter .list-social li a {
    display: inline-block;
    width: 35px;
    height: 35px;
    background: #2e3032;
    border-radius: 50%;
    line-height: 35px;
    text-align: center;
    color: #999;
    font-size: 16px;
}
.news-letter .list-social li {
    display: inline-block;
    margin-right: 5px;
}
.news-letter .list-social li:last-child{
    margin-right: 0px;
}
.news-letter .list-social {
    display: inline-block;
    width: 100%;
    margin-top: 20px;
}
.news-letter .list-social li a.facebook:hover {
    background: #3b5998;
    color: #fff;
}
.news-letter .list-social li a.twitter:hover {
    background: #00aced;
    color: #fff;
}
.news-letter .list-social li a.youtube:hover {
    background: #b00;
    color: #fff;
}
.download-sec ul li {
    width: 100%;
    padding: 0px 15px;
    margin: 0px;
    font-size: 13px;
    font-family: 'Open Sans', sans-serif;
    margin-bottom: 10px;
    text-transform: capitalize;
    font-weight: 600;
    color: #333;
}
.download-sec p {
    margin-bottom: 15px;
    font-size: 16px;
    font-weight: 600;
    color: #484848;
}
.download-sec ul li a {
    width: 25px;
    display: inline-block;
    margin-left: 10px;
}
.download-sec ul li a img {
    max-width: 100%;
}
.download-sec ul li span {
    font-weight: 700;
    color: #af1e14;
    font-size: 14px;
}

/************About Us page Css************/

.nccp-page-cont {
    background: #f7f7f7;
    padding: 15px;
    display: inline-block;
    width: 100%;
}
.nccp-page-cont h3 {
    font-size: 26px;
    color: #000;
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 30px;
    margin-top: 0px;
    font-family: 'Raleway', sans-serif;
}
.nccp-page-cont p {
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    line-height: 24px;
    margin-bottom: 10px;
}

.nccp-page-cont h4 {
    margin: 0px 0px 20px 0px;
    color: #af1e14;
    font-family: 'Raleway', sans-serif;
    font-weight: 600;
    font-size: 22px;
}
.nccp-page-cont strong {
    margin-bottom: 10px;
    display: block;
    font-size: 18px;
    font-family: 'Open Sans', sans-serif;
    color: #5d5c5c;
}
.nccp-page-cont .timeline-heading ul li strong{display:inline-block;margin:10px 0 0;}

/************Activities Us page Css************/

.activites-table {
    display: inline-block;
    width: 100%;
    background: #fff;
    padding: 20px 20px;
}
.activites-table .table>thead>tr>th {
    border: none;
    background: #001a4a;
    color: #fff;
    text-transform: uppercase;
}
.activites-table .table {
    border: 1px solid #ccc;
    padding: 0px 15px;
    margin-top: 15px;
}
.activites-table .table tr:nth-child(even){
    background: #f7f7f7;
}
.activites-table .table tr td {
    font-size: 13px;
    font-family: 'Open Sans', sans-serif;
    color: #585858;
}

.org-table-sec {
    margin-top: 30px;
    margin-bottom: 30px;
}

.zonal-table-sec ul {
    padding: 0px 15px;
}
.zonal-table-sec ul li {
    margin-bottom:10px;
    padding: 0 0 0 0px;
    font-size: 13px;
    font-family: 'Open Sans', sans-serif;
    line-height: 22px;
}
.activites-table p{
     font-family: 'Open Sans', sans-serif;
     font-size: 14px;
}
.zonal-table-sec ul {
    list-style: square;
}
.zonal-table-sec ul li {
    margin-left: 30px;
}

/************Contact Us************/

.contact-map {
    background: #fff;
    padding-top: 15px;
    padding-bottom: 10px;
}

.contact-form {
    display: inline-block;
    width: 100%;
    margin-top: 30px;
    background:url(../images/box_bg.png) repeat center;
    padding: 30px 15px;
}

.contact-form .form-group {
    float: left;
    width: 48%;
    margin: 0px 1% 15px;
}

.form-group.message-box {
    width: 98%;
}

.form-group.message-box textarea{
    min-height: 100px;
}

.contact-form .form-group label {
    font-weight: 600;
    font-family: 'Open Sans', sans-serif;
    color: #000;
    margin-bottom: 10px;
    display: block;
}

.contact-form .form-group input{
    height: 40px;
    line-height: 40px;
}

.contact-form .btn-default{
        margin: 0px 1%;
}
.contact-form .form-group input:focus {
    border-color:#ccc ;
    box-shadow: none;
}
.contact-form .btn-default {
    margin: 0px 1%;
    background: #af1e14;
    border: none;
    color: #fff;
    font-weight: 600;
    font-family: 'Open Sans', sans-serif;
    max-width: 130px;
    width: 100%;
    height: 40px;
    padding: 0px;
    line-height: 40px;
    border-radius: 0px;
    font-size: 14px;
}

.contact-form .btn-default:hover {
    background: #000;
}

.contact-form .btn-default:focus{
    border: none;
}
.form-group.message-box textarea:focus {
    border-color:#ccc;
    box-shadow: none;
}

.contact-form h4{
    margin: 0px 0px 30px 0px;
    color: #af1e14;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    font-size: 26px;
    text-transform: uppercase;
}

/************NCCP-Member-list************/

.nccp-member-list ul li {
    display: inline-block;
    width: 100%;
    text-align: left;
}
.nccp-member-list ul {
    display: inline-block;
    width: 100%;
}
.member-list-sec {
    display: inline-block;
    width: 100%;
    background: #fff;
    padding: 15px;
}
.nccp-page-cont .event-gal-sec ul li{list-style:none;}
.member-list-sec ul li tr td:first-child {
    width: 25%;
    border-right: 1px solid #ccc;
    font-size: 14px;
    font-weight: 600;
    color: #000;
    background: #f7f7f7;
}
.nccp-member-list ul li table {
    border: 1px solid #ccc;
    margin-bottom: 0px;
}
.nccp-member-list ul li {
    width: 49%;
    font-size: 13px;
    font-family: 'Open Sans', sans-serif;
    margin-right: 2%;
    float: left;
    margin-bottom: 20px;    
}
.nccp-member-list ul li:nth-child(2n+0){
    margin-right: 0px;
}

/************Executive-Member-list************/

.executive-member h2 {
    margin-bottom: 0px;
    background: #001a4a;
    display: inline-block;
    width: 100%;
}
.executive-member-dept{
    display: inline-block;
    width: 100%;
    margin-bottom: 10px;
}
.executive-member-dept h2{
    background:#af1e14;
    text-align: center;
    font-size: 18px;
}

/************Residents-Secretaries************/

.resident-secret .table {
    margin-top: 0px;
}

/************Download************/

.payment-sec {
    display: inline-block;
    width: 100%;
}

.payment-sec strong {
    margin-bottom: 20px;
    margin-top: 20px;
    display: block;
    text-transform: capitalize;
    font-family: 'Raleway', sans-serif;
}

.address-lft {
    float: left;
    width: 48%;
    padding: 15px;
    background: #222;
    min-height: 264px;
}

.address-lft p{
    color: #fff;
}


.address-lft p {
    color: #fff;
    font-weight: 500;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
}
.payment-sec h5 {
    color: #ff4d06;
    font-size: 18px;
    font-weight: 600;
    font-family: 'Open Sans', sans-serif;
    text-transform: uppercase;
    line-height: 30px;
    margin: 0px 0px 10px;
    min-height: 60px;
}

.payment-sec ul li {
    color: #fff;
    padding: 0px 0px;
    display: inline-block;
    width: 100%;
}
.address-lft ul li i {
    margin-right: 10px;
    color: #ff4d06;
}

.bank-detail-rght {
    float: right;
    width: 48%;
    background: #222;
    padding: 15px;
    min-height: 264px;
}

.bank-detail-rght ul > li > strong {
    display: inline-block;
    margin: 0px 0px;
    width: 35%;
    color: #ff4d06;
    font-size: 15px;
    font-weight: 600;
    font-family: 'Open Sans', sans-serif;
}

.address-lft:hover,.bank-detail-rght:hover {
    background:#001a4a;
}
.navigation .navbar-toggle {
    background: #af1e14;
}
.navigation  .navbar-toggle .icon-bar{
    background: #fff;
}
.loction-sec ul {
    display: inline-block;
    width: 100%;
}

/* popup Css */

.event-gal-sec #myImg {
    cursor: pointer;
    transition: 0.3s;
}

.event-gal-sec #myImg:hover {opacity: 0.7;}

/* The Modal (background) */

.event-gal-sec .modal {
    display: none; 
    position: fixed;
    z-index: 999;
    
    left: 0;
    top: 0;
    width: 100%; 
    height: 100%; 
    overflow: auto; 
    background-color: rgb(0,0,0); 
    background-color: rgba(0,0,0,0.9);
    -webkit-animation-name: zoom;
    -webkit-animation-duration: 0.6s;
    animation-name: zoom;
    animation-duration: 0.6s;
}

.galler-pop-up {
    position: relative;
    max-width: 700px;
    width: 100%;
    margin: 0 auto;
    background: #fff;
    padding: 20px;
}

/* Modal Content (image) */
.event-gal-sec .modal-content {
    margin: auto;
    display: block;
    max-width: 500px;
    width: 100%;
    opacity: 1;
    padding: 10px;
   
}
.modal-content .carousel.slide .carousel-inner .item img.img-responsive{width:100%;}

/* Caption of Modal Image */

.event-gal-sec #caption {
    margin: auto;
    display: block;
    width: 100%;
    max-width: 800px;
    text-align: center;
    color: #ccc;
    padding: 10px 0;
    height: 150px;
}

/* Add Animation */
/*.modal-content, #caption {    
    -webkit-animation-name: zoom;
    -webkit-animation-duration: 0.6s;
    animation-name: zoom;
    animation-duration: 0.6s;
}*/

@-webkit-keyframes zoom {
    from {-webkit-transform:scale(0)} 
    to {-webkit-transform:scale(1)}
}

@keyframes zoom {
    from {transform:scale(0)} 
    to {transform:scale(1)}
}

/* The Close Button */
.galler-pop-up .close{
    position: absolute;
    top: 0px;
    right: 5px;
    color: #000;
    font-size: 28px;
    font-weight: bold;
    transition: 0.3s;
    z-index: 9999;
    opacity: 1;
    background: #fff;
   
   
}

.galler-pop-up .close:hover,
.galler-pop-up .close:focus {
    color: #af1e14;
    text-decoration: none;
    cursor: pointer;
}

.event-sec-page {
    float: left;
    width: 100%;
    background: #fff;
    padding: 15px;
}

.event-gal-sec {
    float: left;
    width: 100%;
}

.event-gal-sec ul {
    width: 100%;
    display: -webkit-box; 
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex; 
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

.event-gal-sec ul li {
    float: left;
    width: 25%;
}
.event-gal-sec ul li {
    float: left;
    width: 18.4%;
    margin-right: 2%;
    margin-bottom: 15px;
    background: #222;
    padding: 3px;
}

.event-gal-sec ul li a{
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
}

.event-gal-sec ul li a img{

    max-width: 100%;
    max-height: 100%;

 }
.event-gal-sec ul li:nth-child(5n+0) {
    margin-right: 0px;
}

.caption {
    padding: 15px 5px;
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    color: #333;
    padding-bottom: 0px;
}


.galler-pop-up h4{
    margin-bottom: 30px;
}


/************Awards page Css************/

.award-sec {
    display: inline-block;
    width: 100%;
    background: #fff;
    padding: 15px;
}

.award-sec > ul {
    width: 100%;
    display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
}

.award-sec > ul li a {
    text-decoration: none;
    color: #fff;
    font-family: 'Open Sans', sans-serif;
    padding: 15px 10px;
    background: #31708f;
    display: block;
    font-weight: 600;
    min-height: 70px;
    font-size: 14px;
}

.award-sec > ul li {
    float: left;
    width: 49%;
    margin-bottom: 15px;
    margin-right: 2%;
}

.award-sec > ul li:nth-child(2n+0){
    margin-right: 0px;
}

.award-sec > ul li a:before {
    content: "\f091";
    float: left;
    color: #af1e14;
    font-size: 20px;
    font-family: "FontAwesome";
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    margin-right: 10px;
    background: #fff;

}

.award-sec > ul li:hover a {
    background: #af1e14;
}

.nccp-member-list ul li tr td {
    word-break: break-word;
}

/************Our-Constitution ************/

.our-constitution-sec h5 {
    text-align: center;
    font-weight: 600;
    line-height: 24px;
    font-size: 18px;
    margin: 0px 0px 30px;
    color: #af1e14;
}
.our-constitution-sec,.timeline-heading {
    display: inline-block;
    width: 100%;
    background: #fff;padding: 0;
    
}
.nccp-page-cont.our-constitution .timeline-heading,.nccp-page-cont.our-constitution .our-constitution-sec{padding: 15px;}

.our-constitution-sec, .timeline-heading h4{margin-top:0;}
section#text-droppable_1532687935432 ul.timeline{margin-top:35px;}

ul.timeline li{margin-bottom:25px;float: left;width: 100%;}
ul.timeline li ul li{margin-bottom:0;}
.timeline-panel ul li{list-style:square;}
.timeline-panel ol li {list-style-type: lower-alpha;margin-bottom:0;}
.nccp-page-cont ul {
    
    padding: 0px 0px -1px 30px;
}
.nccp-page-cont.our-constitution ul{list-style: square;}
.nccp-page-cont ul li{}

.nccp-page-cont ul li {
    font-size: 13px;
    line-height: 22px;
    font-family: 'Open Sans', sans-serif;list-style: square;
}
#gallery-droppable_1533634846152 .nccp-page-cont ul li{list-style: none;}
.our-constitution-sec> strong {
    margin-bottom: 10px;
    display: block;
    font-size: 16px;
}
.our-constitution-sec >p> strong {
    display: inline-block;
    font-size: 14px;
    text-transform: capitalize;
    margin-bottom: 0px;
}

.downloadfile li{margin-bottom:10px;}

/************Responsive Css ************/



@media (min-width: 320px) and (max-width: 479px){

.nccp-page-cont strong{ font-size: 16px;}
.nccp-page-cont h4{margin: 0px 0px 20px 0px; font-size: 18px; line-height: 24px;}
.contact-form .form-group{width: 100%; margin: 0px 0px 15px;}
.payment-sec h5{font-size: 16px;}
.bank-detail-rght ul > li > strong{ display: block; width: 100%;}
.event-gal-sec ul li{width: 30.6%; margin-right:4%;}
.event-gal-sec ul li:nth-child(3n+0) {margin-right: 0px;}
.event-gal-sec ul li:nth-child(5n+0) { margin-right: 4%;}
.galler-pop-up{width: 300px;}
.galler-pop-up h4{font-size: 15px;}
.galler-pop-up .caption{font-size: 12px; line-height: 20px;}


}

@media (min-width: 480px) and (max-width: 599px){

.nccp-page-cont strong{ font-size: 16px;}
.nccp-page-cont h4{margin: 0px 0px 20px 0px; font-size: 20px; line-height: 24px;}
.contact-form .form-group{width: 100%; margin: 0px 0px 15px;}
.event-gal-sec ul li{width: 23.5%;}
.event-gal-sec ul li:nth-child(4n+0) {margin-right: 0px;}
.event-gal-sec ul li:nth-child(5n+0) {margin-right: 2%;}
.galler-pop-up h4{font-size: 18px;}
.galler-pop-up{width: 450px;}


}

@media (min-width: 320px) and (max-width: 767px){

.top-header-left {text-align: center;}
.top-header-right{text-align: center;padding-bottom: 5px;}
.top-header-left ul li:first-child { margin-right: 0px; }
.left-side-bar h1{text-align: center; font-size: 18px;}
.left-side-bar h2{font-size: 14px;padding: 12px 5px; line-height: 20px; text-align: center;}
.left-side-sec> ul> li{width: 260px;  margin: 0 auto 20px;}
.left-side-sec ul li:nth-child(3n+1) {margin-left: auto;}
.navigation .navbar-brand img { width: 50px;}
.navigation .navbar-nav{ margin: 0px 0px; width: 100%;}
.slider-sec .carousel-indicators{ display: none;}
.download-sec p{font-size: 13px;}
.download-sec ul li,.download-sec ul li span{padding: 0px 0px;font-size: 12px;}
.nccp-cont p{font-size: 13px;}
.nccp-cont h3{font-size: 15px;}
.side-bar {margin-top: 30px;}
.nccp-cont{text-align: center;}
.left-side-bar h3:after{margin: 8px auto;}
.event-sec{width: 260px;margin: 0 auto 20px; display: inherit;}
.login-sec{ margin: 0 auto 20px;    width: 260px;}
.event-sec:last-child { margin-bottom: 0px;}
.footer-section h3{margin-bottom: 30px;}
.loction-sec ul li.addres p br { display: none;}
.footer-section .col-sm-3 {margin-bottom: 20px;}
.nccp-page-cont h3:after { margin: 5px 0px 0px 0px;}
.nccp-page-cont p{font-size: 13px;}
.nccp-page-cont h3{font-size: 24px;margin-bottom: 20px;}
.address-lft,.bank-detail-rght{width: 100%;margin-bottom: 15px;}
.nccp-member-list ul li{width: 100%; margin-right: 0px;}
.award-sec > ul li{width: 100%; margin-right: 0px;}

}

@media (min-width: 600px) and (max-width: 767px){

.footer-section .col-sm-3 {float: left; width: 50%;}
.footer-section {display: flex; flex-wrap: wrap;}
.nccp-page-cont strong{ font-size: 16px;}
.nccp-page-cont h4{margin: 0px 0px 20px 0px; font-size:22px; line-height: 24px;}
.galler-pop-up h4{font-size: 20px;}
.galler-pop-up{width: 570px;}

}

@media (min-width: 768px) and (max-width: 980px){

.container{width: 100%;}
.navigation .navbar-nav > li > a{font-size: 13px; padding: 13px 6px;}
.top-header-left ul li{font-size: 12px;}
.navigation .navbar-brand img { width: 64px;}
.footer-section .col-sm-3 { width: 33.3%;}
.news-letter-sec { display: inline-block; width: 50%;}
.col-sm-3.news-letter { width: 100%; margin-top: 30px;}
.events-gallery ul li{width: 29.5%;}
.event-sec{padding: 5px;}
.event-img{float: none; margin:0 auto;}
.event-detail{width: 100%; text-align: center;}
.event-sec ul li{border-bottom: 1px solid #ccc; padding-bottom: 5px;}
.event-sec ul li:last-child { border-bottom: none;}
.login-sec{padding: 5px;}
.login-form {margin-top: 10px;}
.event-sec ul{margin-top: 10px;}
.side-bar h3{font-size: 14px;}
.login-sec button{font-size: 12px;}
.event-detail h4{ margin: 5px 0px;}
.nccp-cont p{font-size: 12px;}
.nccp-cont h3{font-size: 14px;}
.left-side-bar h2{font-size: 14px;}
.download-sec p{font-size: 14px;}
.download-sec ul li span{font-size: 13px;}
.nccp-page-cont p{font-size: 13px;}
.nccp-page-cont h4{font-size: 20px; margin: 0px 0px 20px 0px;}
.address-lft,.bank-detail-rght{width: 100%;margin-bottom: 15px;}
.nccp-member-list ul li{width: 100%; margin-right: 0px;}
.executive-member h2{font-size: 14px;}
.award-sec > ul li{width: 100%; margin-right: 0px;}

}

@media (min-width: 980px) and (max-width: 1023px){

.container{width: 100%;}
.navigation .navbar-nav > li > a{font-size: 14px; padding: 13px 10px;}
.top-header-left ul li{font-size: 12px;}
.navigation .navbar-brand img { width: 64px;}
.footer-section .col-sm-3 { width: 33.3%;}
.news-letter-sec { display: inline-block; width: 50%;}
.col-sm-3.news-letter { width: 100%; margin-top: 30px;}
.events-gallery ul li{width: 29.5%;}
.event-sec{padding: 5px;}
.event-img{float: none; margin:0 auto;}
.event-detail{width: 100%; text-align: center;}
.event-sec ul li{border-bottom: 1px solid #ccc; padding-bottom: 5px;}
.event-sec ul li:last-child { border-bottom: none;}
.login-sec{padding: 5px;}
.login-form {margin-top: 10px;}
.event-sec ul{margin-top: 10px;}
.side-bar h3{font-size: 14px;}
.login-sec button{font-size: 12px;}
.event-detail h4{ margin: 5px 0px;}
.nccp-cont p{font-size: 12px;}
.nccp-cont h3{font-size: 14px;}
.left-side-bar h2{font-size: 15px;}
.download-sec p{font-size: 14px;}
.download-sec ul li span{font-size: 13px;}
.nccp-page-cont p{font-size: 13px;}
.nccp-page-cont h4{font-size: 20px; margin: 0px 0px 20px 0px;}
.member-list-sec{padding: 10px;}
.member-list-sec ul li tr td:first-child{font-size: 13px;}
.member-list-sec ul li tr td { font-size: 12px;}
.executive-member h2{font-size: 14px;}
.award-sec > ul li a{min-height: 66px; font-size: 13px;} 

}

@media (min-width: 1024px) and (max-width: 1199px){

.navigation .navbar-nav > li > a{padding: 10px 12px;}
.event-detail h4{font-size: 12px;}
.event-detail p{font-size: 10px;}
.events-gallery ul li{ width: 29.5%;}
.member-list-sec ul li tr td:first-child{font-size: 13px;}
.member-list-sec ul li tr td { font-size: 12px;}
.member-list-sec{padding: 10px;}
.executive-member h2{font-size: 14px;} 

}