body,
html {
    overflow-x: hidden;
}

.main-menu__block ul li a {
    border-right: none;
}

.main-menu__block ul li a:hover,
.main-menu__block ul li a:focus,
.main-menu__block ul li a.active {
    background: #ffffff;
    color: #00457b;
}

.top-info__block li i,
.top-info__block li p {
    color: #00457b;
}

.img-responsive {
    width: 100%;
    height: auto;
    padding: 4px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
}

.author__block,
.author__details {
    margin-left: 0 !important;
    margin-top: 10px !important;
}

i.fa-chevron-right {
    margin-right: 10px;
    color: #00457b;
}

.copyriight_block {
    border: none;
}

.member_S_links__block a:hover i.fa {
    color: #00457b !important;
    background: #fff;
}

/* footer */
footer i {
    color: #fff !important;
    margin-right: 10px;
}

/* footer */
/* carousel-control */
.carousel-control span {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.carousel-control:hover i,
.carousel-control:focus i {
    color: #00457b !important;
}

/* carousel-control */
/* common */
.m-0{
    margin: 0 !important;
}
.p-0{
    padding: 0 !important;
}
.pb-0{
    padding-bottom: 0 !important;
}
.main-menu__block ul li.lang a{
    padding: 5px !important;
    margin-left: 10px;
}

.navbar-brand.visible-xs img {
    width: 75px;
}

.text-white {
    color: #ffffff !important;
}

.bg-light {
    background: #f2f2f2;
}

.ptb-10 {
    padding-top: 10px;
    padding-bottom: 10px;
}

.top-info__block {
    position: absolute;
    top: 25px;
    right: 0;
}

h2.section-title::before {
    content: url(../img/heading-line.png);
    position: absolute;
    bottom: -25px;
    left: 50%;
    transform: translateX(-50%);
}

h2.section-title {
    position: relative;
    text-transform: uppercase;
}

.mx-auto {
    margin: auto !important;
}

.d-block,
#about-us ul li,
footer ul li {
    display: block !important;
}

#inteligentsia .single_member__block {
    margin-top: 20px;
}

.mb-10 {
    margin-bottom: 10px !important;
}

.mb-15 {
    margin-bottom: 15px !important;
}

.mt-15 {
    margin-top: 15px !important;
}

/* common */
.busines_promo_wrapper__block,
.padding,
.service_wrapper__block {
    padding: 40px 0;
}

.top-info__block p {
    font-size: inherit;
    font-weight: bold;
}

.top-info__block p span {
    font-weight: normal;
}

@media (max-width:991px) {
    #inteligentsia .single_member__block {
        position: relative;
    }

    #inteligentsia .member_S_links__block {
        bottom: 0;
    }
}
.middel-part__block{
    background: transparent;
}
table th {
    text-align: center;
}

.submenu-button {
    height: 41px;
}
@media (max-width:767px) {
    #inteligentsia {
        margin-top: 105px;
    }
    .navbar-nav{
        margin-bottom: 0 !important;
    }
    .main-menu__block .collapse {
        max-height: 500px
    }

    h3.sec-title {
        margin-bottom: 25px;
    }

    .navbar-toggle {
        margin-top: 30px !important;
        margin-right: 0 !important;
    }

    .main-menu__block ul li:last-child a {
        border: none;
    }

    .single_member__block {
        margin-top: 20px !important;
    }

    .main-menu__block ul li a,
    .main-menu__block ul li.lang a{
        padding: 10px !important;
        margin-left: 0;
    }

    .single_member__block {
        text-align: center;
    }
}

#inteligentsia table td{
    text-align: center;
    font-size: 12px;
}
#inteligentsia table td span strong{
    font-size: 12px;
}
#inteligentsia table td strong{
    font-size: 14px;
}
.shadow {
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.75);
}

.main-menu__block ul#punjabi li a {
    padding: 5px 28px;
}

.main-menu__block ul#english li a {
    padding: 5px 17px;
}

li.lang a {
    background: #fff;
    color: #00457b !important;
}

/* main */

.member_S_links__block {
    background: #00457b none repeat scroll 0 0;
    display: inline-block;
    margin-top: -34px;
    padding: 0 10px;
    position: absolute;
}

.member_S_links__block a i.fa {
    color: #ffffff;
    display: inline-block;
    padding: 10px;
    transition: .3s;
}

.member_S_links__block a:hover i.fa {
    color: #00457b;
    background: #fff;
}

.author__block {
    color: #222222;
    margin-left: 25px;
    margin-top: 25px;
}

.author__block>span {
    color: #777777;
    display: block;
    font-size: 75%;
    font-weight: normal;
    margin-top: 10px;
    padding-bottom: 10px;
}

.single_member__block>p {
    color: #777777;
    margin-left: 25px;
}

.single_member__block {
    margin-top: 40px;
}

@media (max-width:991px) {
    .member_S_links__block a i.fa {
        padding: 10px 5px;
    }
}

/* footer */
footer .social-link__block {
    margin-top: 30px;
}

footer .social-link__block a {
    border: 1px solid #fff;
    padding: 10px 5px;
}

footer .social-link__block a i {
    margin-right: 0;
}

.main_footer__block {
    background-image: url(../img/footer-bg.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    z-index: 1;
    color: #fff;
}

/* footer */
/* main */
.custom_btn__block {
    background: #fff !important;
}

li:hover .custom_btn__block {
    color: #00457b !important;
}

.main-menu__block ul ul li a::before {
    content: "\f054";
    color: #00457b;
    font-size: inherit;
}

.main-menu__block ul li ul>li:hover a {
    color: #00457b;
}

.main-menu__block ul ul li a {
    padding: 13px 6px 13px 30px !important;
}

#inteligentsia table td {
    width: 11.11%;
}

#inteligentsia table td,
#inteligentsia table th {
    padding: 0 5px !important;
}

/* table */
/*
	Max width before this PARTICULAR table gets nasty. This query will take effect for any screen smaller than 760px and also iPads specifically.
	*/
@media only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px) {

    /* Force table to not be like tables anymore */
    table,
    thead,
    tbody,
    th,
    td,
    tr {
        display: block;
    }

    /* Hide table headers (but not display: none;, for accessibility) */
    thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    tr {
        margin: 0 0 1rem 0;
    }

    tr:nth-child(odd) {
        background: #ccc;
    }

    td {
        /* Behave  like a "row" */
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        padding-left: 50%;
    }

    td:before {
        /* Now like a table header */
        position: absolute;
        /* Top/left values mimic padding */
        top: 0;
        left: 0px;
        width: 100%;
        padding-right: 10px;
        white-space: nowrap;
        background: white;
    }

    /*
		Label the data
    You could also use a data-* attribute and content for this. That way "bloats" the HTML, this way means you need to keep HTML and CSS in sync. Lea Verou has a clever way to handle with text-shadow.
		*/
    td:nth-of-type(1):before {
        content: url('../img/luminaries/dr-manmohan-singh.jpg');
    }

    td:nth-of-type(2):before {
        content: url('../img/luminaries/dr-montek-singh-ahluwalia.jpg');
    }

    td:nth-of-type(3):before {
        content: url('../img/luminaries/dr-narinder-singh-kapany.jpg');
    }

    td:nth-of-type(4):before {
        content: url('../img/luminaries/gurtej-singh-sandhu.jpg');
    }

    td:nth-of-type(5):before {
        content: "Wars of Trek?";
    }

    td:nth-of-type(6):before {
        content: "Secret Alias";
    }

    td:nth-of-type(7):before {
        content: "Date of Birth";
    }

    td:nth-of-type(8):before {
        content: "Dream Vacation City";
    }

    td:nth-of-type(9):before {
        content: "GPA";
    }

    td:nth-of-type(10):before {
        content: "Arbitrary Data";
    }
}

/* table */

/* question and answers */
.table-striped > tbody > tr:nth-of-type(2n+1){
    background: #00457b;
    color: #fff;
}

#quesanswer table{
    background: #fff !important;
}
#pagination nav{
    text-align: center;
}
.pagination{
    display: inline-flex;
}
/* question and answers */
#quesanswer table td::before{
    display: none;
}