/*body*/
body {
    background-color: white !important;
    color: #48484A !important;
    font-family: 'rubikregular';
    font-size: 14px;
    /*background-image: url(../img/images/repeat.png);*/
    background-repeat: repeat;
    background-position: center;
    background-attachment: fixed;
}

.wrapper {
    margin: 20px;
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.45);
    border-radius: 10px;
    background-color: white
}




/*header*/
header {
    margin-bottom: 10px;
    box-shadow: 0px 4px 12px -3px rgba(33, 50, 84, 0.5);
}

.header-cont {
    padding: 0px 2px 0px 2px;
    /*background-image: url(../img/images/repeat.png);*/
    background-repeat: repeat;
    background-position: center;
    background-attachment: fixed;
}

.i-home {
    font-size: 18px !important;
    position: relative;
    bottom: -1px;
}

/*top header*/
.top-header {
    background-color: #008080;
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;
    padding-right: 0px;
    padding-left: 0px
}

/*header other*/
.header-other {
    float: right;
    background-color: #3c3a81;
    display: table;
    position: relative;
    border-top-right-radius: 0px;
    margin-left: 40px
}

.header-other:before {
    content: "";
    border-width: 0px 40px 34px 0px;
    border-style: solid;
    border-color: transparent;
    border-right-color: #3c3a81;
    position: absolute;
    left: -40px;
    top: 0;
}



.hd-cnt-list li {
    display: inline-block;
    margin-left: 25px
}

.info {
    padding: 8px 15px 8px;
    margin-left: 0px !important;
    margin-right: 0px !important;
    position: relative;
    background-color: #f68714;
    border-top-left-radius: 0px;
    margin-right: 22px;
}

.info a {
    color: white
}

.info:after {
    content: "";
    border-width: 19px 0px 19px 22px;
    border-style: solid;
    border-color: transparent;
    border-left-color: #f68714;
    position: absolute;
    right: -22px;
    top: 0;
}


/*new header*/
.flo-right {
    float: right;
}

.flo-left {
    float: left;
}

.header-contact {
    float: left;
}

.jesus-div,
.founder-div {
    width: 118px;
    float: left;
}

.logo-div {
    float: none;
    margin: 0 auto;
    width: calc(100% - 118 * 2px);
    float: left !important;
    text-align: center;
}

.jesus-div img,
.founder-div img {
    display: block;
}

.jesus-div,
.founder-div {
    box-sizing: border-box;
}


@media (max-width: 767px) {
    *.header-cont {
        padding: 10px 15px 10px 15px !important;
    }
}

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

    .jesus-div,
    .founder-div {
        width: 89px
    }

    .logo-div {
        width: calc(100% - 89 * 2px);
    }

    .logo-text {
        height: 82px;
        margin-top: 0px
    }
}


@media (max-width: 600px) {
    .founder-div {
        display: none;
    }

    .jesus-div {
        width: 80px;
        display: block;
        margin: 0 auto;
    }

    .logo-div {
        width: 100%;
        display: block;
    }

    .logo-div,
    .jesus-div {
        float: none;
    }

    .logo-text {
        height: 73.8px
    }
}

@media (max-width: 425px) {
    .logo-text {
        width: 260px;
        height: auto
    }
}

/*menu*/
.navbar {
    min-height: 0px !important;
    width: 100% !important;
    display: inline-block;
    margin-bottom: 0px;
    background-color: transparent;
    border: none;
    border-radius: 0px
}

#myNavbar {
    border: none;
    padding-left: 0px;
    padding-right: 0px;
}

.navbar-nav>li>a {
    color: white !important;
    font-size: 13px;
    letter-spacing: .2px;
    text-transform: uppercase;
}

.nav .open>a,
.nav .open>a:focus,
.nav .open>a:hover {
    border-color: transparent;
}

.dropdown-menu>li>a {
    font-size: 13px;
    line-height: 20px
}

.dropdown-menu>li>a:hover {
    background-color: #fcfcfc !important;
}

.navbar-nav>li>a:hover {
    background-color: #3c3a81 !important;
    color: white !important;
}

.navbar-inverse .navbar-nav>.open>a,
.navbar-inverse .navbar-nav>.open>a:focus,
.navbar-inverse .navbar-nav>.open>a:hover {
    background-color: #3c3a81 !important;
    color: white !important;
}

.dropdown-menu {
    padding: 0px;
    border: none;
    background-color: #3c3a81 !important;
    animation-name: fadeIn;
    animation-duration: .4s
}

.navbar-inverse .navbar-toggle .icon-bar {
    background-color: white;
}

.navbar-inverse .navbar-toggle {
    border: none;
}

.navbar-inverse .navbar-toggle:focus,
.navbar-inverse .navbar-toggle:hover {
    background-color: transparent !important;
}



/*navbar new*/
/*----Nav styles---*/

.dropdown-menu>li>a:focus,
.dropdown-menu>li>a:hover {
    color: #fff;
    text-decoration: none;
    background-color: #008080;
}

.dropdown-menu>li>a {
    display: block;
    padding: 8px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #fff;
    white-space: nowrap;
    border-bottom: 1px solid rgba(255, 255, 255, 0.32);
    font-size: 13px;
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 12px;
    text-align: left;
    list-style: none;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #008080;
    border-radius: 4px;
    -webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, .175);
    box-shadow: 0 0px 0px rgba(0, 0, 0, .175);
}

.nav>li>a {
    position: relative;
    display: block;
    padding: 10px 12px;
}

.navbar-inverse {
    background-color: #3c3a81;
    border-color: #fff;
    border-top: 0px solid rgb(23, 119, 239) !important;
}

.navbar-inverse .navbar-nav>li>a {
    color: #FFFFFF;

    text-transform: uppercase;

    font-size: 13px;
    text-transform: capitalize;
    letter-spacing: 0.5px;
}

.navbar-fixed-top {
    top: auto;
    border-width: 0px 0 3px;
}

.navbar-nav>li>a {
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 26px;
}

.navbar-inverse .navbar-nav>.open>a,
.navbar-inverse .navbar-nav>.open>a:focus,
.navbar-inverse .navbar-nav>.open>a:hover {
    color: #fff;
    background-color: #EF5F12;
}

.nav .open>a,
.nav .open>a:focus,
.nav .open>a:hover {
    background-color: #eee;
}

.navbar {

    margin-bottom: 0px;

}

.caret {
    color: #fff;
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px dashed;
    border-top: 4px solid\9;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}

.navbar-fixed-bottom,
.navbar-fixed-top {
    position: relative;
    right: 0;
    left: 0;
    z-index: 998;
}


.nav>li>a:focus,
.nav>li>a:hover {
    text-decoration: none;
    background-color: #D64840;
    color: #FFFFFF;
}

.navbar {
    position: relative;
    min-height: 45px;
    margin-bottom: 0px;
    border: 0px solid transparent;
}

ul .dropdown-menu li:last-child a {
    border-bottom: none !important;
}

ul .dropdown-menu li:last-child ul.dropdown-menu li:last-child a,
ul .dropdown-menu li:last-child ul.dropdown-menu li:last-child ul.dropdown-menu li:last-child a {
    border-bottom: none !important;
}

ul .dropdown-menu li:last-child ul.dropdown-menu li a,
ul .dropdown-menu li:last-child ul.dropdown-menu li:last-child ul.dropdown-menu li a {
    border-bottom: 1px solid rgba(255, 255, 255, 0.32) !important;
}




.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}

.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #008080;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown-submenu:hover>a:after {
    border-left-color: #fff;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}

.nav-pills>li>a {
    border-radius: 0px;
    color: #fff;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: .3px;
}


.dropdown-menu>li>a:hover,
.link-ul>li>a:hover {
    background-color: #008080 !important;
    color: white !important;
}

/*dropdown sub menu*/

.dropdown-submenu {
    position: relative;
}

.dropdown-submenu .dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -1px;
}


/*mobile menu*/
#cssmenu #head-mobile {
    height: 40px
}

.mobile-menu {
    background-color: #3c3a81
}

.mobile-memu-ul {
    position: absolute !important;
    top: 0px;
    left: 0px;
    width: 100%;
    z-index: 999
}


.log {
    float: right;
    padding-right: 3px;
}

.login {
    float: right;
    margin-top: 0px;
    border-radius: 3px !important;
    color: white !important;
    outline: 0;
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
    padding: 7px 12px;
    display: block;
}

.btn {
    font-size: 13px
}

.login i {
    color: white;
    padding-right: 5px;
    font-size: 14px
}

.login.blue {
    border-right: 1px solid rgba(255, 255, 255, 0.38);
}

.login:hover i {
    animation-name: rubberBand;
    animation-duration: 1.3s;
}

.login:hover {
    -webkit-box-shadow: inset 13px 13px 18px -16px rgba(0, 0, 0, 0.57);
    -moz-box-shadow: inset 13px 13px 18px -16px rgba(0, 0, 0, 0.57);
    box-shadow: inset 13px 13px 18px -16px rgba(0, 0, 0, 0.57);
}



/*slider*/
.carousel-inner>.item>img,
.carousel-inner>.item>a>img {

    width: 100%;
    height: auto;
    margin: auto;
}


.item img {
    margin: 0 auto !important;
}


/*carousel indicator*/
.carousel-indicators .active {
    background-color: #3c3a81;
    border: 2px solid #3c3a81;
}

.carousel-indicators li {
    border: 2px solid #3c3a81;
    height: 12px;
    width: 12px;
    background-color: #3c3a81;
}

.carousel-indicators .active {
    height: 13px;
    width: 13px
}

.carousel-indicators {
    position: absolute;
    bottom: 0px;
    z-index: 2;
    padding-left: 0;
    text-align: center;
    list-style: none;
}

.carousel-inner {
    z-index: 1
}

.fade-carousel .item .slide-1,
.fade-carousel .item .slide-2,
.fade-carousel .item .slide-3,
.fade-carousel .item .slide-4 {
    height: 600px;
    background-size: 100% 100%;
    background-position: center center;
    background-repeat: no-repeat;
}

.fade-carousel .item img {
    width: 100%;
    height: 100%
}

/*.fade-carousel .item .slide-1 {*/
/*    background-image: url(../img/slides/slide1.jpg);*/
/*}*/

/*.fade-carousel .item .slide-2 {*/
/*    background-image: url(../img/slides/slide5.jpg);*/
/*}*/

/*.fade-carousel .item .slide-3 {*/
/*    background-image: url(../img/slides/slide3.jpg);*/
/*}*/

/*.fade-carousel .item .slide-4 {*/
/*    background-image: url(../img/slides/slide4.jpg);*/
/*}*/

/*news*/
.block-hdnews {
    background: url(../img/images/flashimage.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center center;
    padding: 10px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    border-top-right-radius: 4px;
    height: 277px;
    overflow: hidden;
}

.pd-2-5 {
    padding-left: 5px;
    padding-right: 5px
}

.pd-2-10 {
    padding-left: 10px;
    padding-right: 10px
}

.news .nws-head,
.events .nws-head,
.values .nws-head {
    font-family: 'calibri';
    font-size: 15px;
    line-height: 19px;
    color: #8B3548;
    margin-bottom: 5px;
    transition: all .2s ease;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
}

.news li {
    padding-left: 0px;
    padding-right: 0px;
    margin-bottom: 15px;
    border-bottom: 2px dotted #C5C099;
}

.news li a {
    display: block;
    color: #8B3548;
    cursor: pointer
}

.news li a:hover .nws-head {
    color: #3c3a81
}

.events {
    padding: 10px;
    background-color: #FEFFE8;
    border: 1px solid #E0E2C2;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    border-top-right-radius: 4px;
    /*height: 277px;*/
    overflow: hidden;
    height: 886px;
}

.events-big {
    height: calc(886px - 20px);
    overflow: hidden;
}

.dv-events {
    height: 127px;
    overflow: hidden;
    color: #48484A;
    cursor: pointer;
    display: inline-block;
}

.clg-profile {
    height: 285px;
    overflow: hidden;
}

.levent {
    padding-left: 0px;
    padding-right: 0px
}

.le-desc {
    font-size: 13px;
    line-height: 21px;
}

.levent .read {
    float: none;
}

.list-wrpaaer {
    height: calc(277px - 40 * 2px);
    margin-top: 30px;
}

.list-aggregate {
    position: absolute;
    top: 0px;
    left: 0px;
}

span.clear-fix {
    display: block;
}

.date {
    width: 52px;
    overflow: hidden;
    background-color: #3c3a81;
    border-radius: 3px;
    text-align: center;
    padding: 5px
}

.month,
.day {
    display: block;
    color: white;
}

.month {
    font-size: 14px;
    font-family: 'rubikmedium';
    text-transform: capitalize;
}

.day {
    font-size: 23px;
    line-height: 23px;
    font-family: 'rubikbold';
}

.date-col {
    width: 52px;
}

.news-cont {
    /*width: calc(100% - 52px);*/
    padding-left: 10px;
    padding-right: 10px
}

.date-col,
.news-cont {
    float: left
}

.news-cont:after {
    float: none;
    clear: both;
}

.date-col .sub-box {
    vertical-align: middle;
}

.l-news {
    font-family: 'calibri';
   
    font-size: 14px;
    margin-bottom: -1px !important
}

.arrow-head {
    display: inline-block;
    padding: 6px 15px 6px;
    background-color: #3c3a81;
    color: white;
    position: relative;
    height: 30px;
    margin-bottom: 0px;
    border-top-left-radius: 4px;
    -webkit-box-shadow: inset 13px 13px 18px -16px rgb(69, 108, 187);
    -moz-box-shadow: inset 13px 13px 18px -16px rgb(69, 108, 187);
    box-shadow: inset 13px 13px 18px -16px rgb(69, 108, 187);
}

.arrow-head:after {
    content: "";
    border-width: 30px 0px 0px 29px;
    border-style: solid;
    border-color: transparent;
    border-left-color: #3c3a81;
    position: absolute;
    right: -29px;
    top: 0;
}

.arrow-head.blue {
    background-color: #33508C;
}

.arrow-head.blue:after {
    border-left-color: #33508C;
}

.arrow-head.red {
    background-color: #3c3a81
}

.arrow-head.red:after {
    border-left-color: #3c3a81
}

.shadow {
    box-shadow: 0px 4px 12px -3px rgba(33, 50, 84, 0.3);
}

h1.arrow-head,
h2.arrow-head {
    margin-top: 0px;
    line-height: 1.42857143
}

.col-news {
    padding-right: 0px;
    padding-left: 10px
}

.events-ul li {
    margin-bottom: 15px
}

.bg-white {
    background-color: white !important;
    color: #0B85C5 !important;
}


/*events*/
.event-col {
    padding-left: 0px;
    padding-right: 0px;
    height: calc(277px - 10 * 2px);
}

.event-img img {
    width: 100%;
    height: auto;
}

.event-img {
    height: 156px;
    overflow: hidden;
    margin-bottom: 10px
}

.events,
.fade-carousel .carousel-inner,
.block-hdnews {
    margin-bottom: 10px
}

.event-col a {
    display: block;
    color: #48484A;
    cursor: pointer;
}

.event-col a:hover .nws-head {
    color: #3c3a81
}

#owl-car-event .owl-dots {
    display: none;
}

#owl-car-event .owl-nav {
    display: block;
    height: 28px;
    position: absolute;
    top: 0px;
    right: 0px;
    background-color: rgba(255, 255, 255, 0.7);
    padding: 6px 8px;
}

#owl-car-event .owl-nav button span {
    font-size: 28px;
    line-height: 16px;
    display: inline-block;
    color: rgba(36, 57, 100, 0.55);
    transition: all .2s ease;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
}

#owl-car-event .owl-nav button.owl-prev {
    margin-right: 10px
}

#owl-car-event .owl-nav button:hover span {
    color: rgba(36, 57, 100, 1);
}


/*marquee*/
.mrq-head {
    position: relative;
    display: inline-block;
    padding: 6px 15px 6px;
    background-color: #3c3a81;
    margin-bottom: 0px;
    color: white;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    font-family: 'rubikmedium';
    text-transform: uppercase;
    font-size: 14px;
    height: 30px;
    margin-right: 22px;
    z-index: 2;
}

.mrq-head:after {
    content: '';
    border-width: 15px 0px 15px 22px;
    border-style: solid;
    border-color: transparent;
    border-left-color: #3c3a81;
    position: absolute;
    right: -22px;
    top: 0px;
}

.mrq-div {
    width: calc(100% - 186px);
    float: right;
    padding-left: 10px;
    padding-right: 10px
}

.mrq-head {
    float: left;
}

.mrq-cont {
    background-color: #f8e35a;
    border-radius: 4px;
    height: 30px;
    overflow: hidden;
    margin-bottom: 10px;
    width: 100%
}

.a-news {
    color: #E24F35;
    font-size: 16px;
    display: inline-block;
    margin-top: 4px;
    font-family: 'rubikmedium';
    border-right: 1px solid rgba(244, 88, 61, 0.58);
    padding-right: 10px;
    padding-left: 10px
}

.a-news:hover {
    color: #8B3548;
}


/*second row*/
/*side list*/
.side-list li a {
    display: block;
    padding: 10.4px 15px 10.4px 20px;
    text-decoration: none;
    color: white;
    text-transform: uppercase;
    position: relative;
}

.side-list li a:before {
    content: '\f0da';
    font-family: 'FontAwesome';
    position: absolute;
    left: 0px;
    top: 8px;
    color: rgba(255, 255, 255, 0.5);
    font-size: 16px
}

.side-list li:last-child a {
    border-bottom: none;
}

.side-list li {
    display: block;
    padding: 0px 15px;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
}

.side-list {
    margin-bottom: 10px;
    background-image: url(../img/images/white-trn.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: bottom center;
    padding-bottom: 40px;
    border-top: 5px solid #f8e35a;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.side-list-left {
    background-color: #008080;
}

.side-list-right {
    background-color: #3c3a81
}

.side-list-left li a {
    border-bottom: 2px solid rgba(247, 132, 112, 0.88);
}

.side-list-right li a {
    border-bottom: 2px solid rgba(255, 255, 255, 0.2);
}

.side-list-left li:hover {
    background-color: #8B3548
}

.side-list-right li:hover {
    background-color: #EF9530
}

.side-list li:hover a:before {
    animation-name: fadeInRight;
    animation-duration: .6s;
}


/*mission vision*/
.row-null {
    margin-left: 0px;
    margin-right: 0px
}

.more {
    color: #EA8A27;
    text-transform: uppercase;
    font-size: 11px;
    padding-left: 5px;
    display: inline-block;
}

.more:hover {
    color: #8B3548
}

.more i {
    font-size: 14px;
    position: relative;
    top: .6px;
}

.vis-para,
.mis-para {
    height: 84px;
    overflow: hidden;
    margin-bottom: 5px !important
}

.prsn-name,
.std-name {
    font-size: 11px;
    line-height: 19px;
    font-weight: bold;
    color: #903E50;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.msg-para {
    margin-bottom: 0px !important;
    height: 88px;
    overflow: hidden;
}

.msg-box .more {
    margin-bottom: 5px
}

.null-para {
    height: 82px;
}


/*values*/
hr {
    margin-top: 5px;
    margin-bottom: 10px;
    width: 100%;
    border-top: 1px dashed #f8e35a;
}


/*gen*/
.width-60 {
    width: 60px;
}

.btn.active.focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn:active:focus,
.btn:focus,
button.active.focus,
button.active:focus,
button.focus,
button:active.focus,
button:active:focus,
button:focus {
    outline: none;
    outline-offset: 0px;
}

.no-padding {
    padding-right: 0px;
    padding-left: 0px
}

.pd-2-35 {
    padding-left: 45px;
    padding-right: 45px
}

a,
a:hover {
    text-decoration: none !important;
}

ul {
    padding-left: 0px;
    list-style-type: none;
    margin: 0
}

.box {
    display: table;
}

.sub-box {
    display: table-cell;
}

.sub-box1 {
    padding-right: 15px
}

.clear-fix {
    float: none;
    clear: both;
}

span.clear-fix {
    display: block;
}

.img-left {
    float: left;
    margin-right: 10px;
    margin-bottom: 10px
}

.img-right {
    float: right;
    margin-left: 15px;
    margin-bottom: 10px
}

.img-auto {
    margin: 0 auto;
    float: none;
    margin-bottom: 10px
}

.img-gen {
    margin-bottom: 15px
}

.gen-para {
    line-height: 21px;
    text-align: justify;
    margin-bottom: 10px
}

.text-center {
    text-align: center !important;
}

.text-left {
    text-align: left !important;
}

span.b,
.b {
    font-size: 13px;
    font-weight: bold;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.trn {
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
}

.form-control {
    box-shadow: none;
    border-radius: 0px;
}

.btn {
    border-radius: 0px;
}

.para-box {
    background: #FEFFE8;
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    margin:0px 0px 20px 0px;
    max-width: 900px;
    border: 1px solid #E0E2C2;
    padding: 10px;
    overflow-x: none;

}

/* .para-box {
    padding: 10px;
    background-color: #FEFFE8;
    border: 1px solid #E0E2C2;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    border-top-right-radius: 4px;
    margin-bottom: 10px
} */

.text-dark {
    font-weight: bold
}

.r-img {
    /* border-radius: 12px; */
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2);
    /* margin-top: 15px;
    margin-bottom: 15px; */
    /* padding: 4px; */
    /* background-color: white; */
    /* border: 1px solid #E0E2C2; */
}

.gen-para {
    font-size: 13px;
    line-height: 1.8;
    color: #444;
    font-family: 'Works sans', sans-serif;
}


.border-img {
    border: 4px solid white;
    box-shadow: 0px 4px 12px -3px rgba(33, 50, 84, 0.5);
}

h1 {
    color: #1B1919;
    font-size: 24px;
    text-transform: uppercase;
}

h2 {
    font-size: 23px;
}

h3 {
    font-size: 24px;
}

.bol {
    font-family: 'rubikbold';
}

.med {
    font-family: 'rubikmedium';
}


.bba-card {
    display: flex;
    align-items: center;
    background: #ffffff;
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    padding: 20px;
   
    max-width: 950px;
    gap: 20px;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.bba-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);
}

.bba-card-img {
    flex: 0 0 200px;
    text-align: center;
}

.bba-img {
    width: 200px;
    height: auto;
    border-radius: 2px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
    transition: transform 0.3s ease;
}

.bba-card:hover .bba-img {
    transform: scale(1.05);
}

.bba-card-content {
    flex: 1;
}

.bba-text {
    font-size: 15px;
    line-height: 1.8;
    color: #333;
    text-align: justify;

}

/* Wrapper Card */
.college-about-card {
    background: #ffffff;
    border-radius: 14px;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08);
    padding: 25px 30px;
    /* margin: 35px auto; */
    max-width: 1000px;
    position: relative;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    border-left: 6px solid #6b2d2d;
    /* Unique accent bar */
}

/* .college-about-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.15);
} */

/* Text Content */
.college-about-text {
    font-size: 13px;
    line-height: 1.9;
    color: #333;
    text-align: justify;
    margin: 0;
}

/* Highlight institution names */
.college-about-text strong {
    color: #6b2d2d;
    font-weight: 600;
}

/* "More" Link */
.college-about-link {
    display: inline-block;
    margin-top: 15px;
    font-size: 15px;
    font-weight: 600;
    color: #6b2d2d;
    text-decoration: none;
    transition: color 0.3s ease;
}

.college-about-link:hover {
    color: #a63c3c;
}

.faculty-table {
    width: 100%;
}

.principal-name {
    font-size: 1.8rem;
    margin-top: 5px;
}

.principal-qualification {
    font-size: 1.2rem;
    margin-left: 5px;
}

/* Responsive */
@media (max-width: 768px) {

    .principal-name {
        font-size: 1.4rem;
        margin-top: 10px;
    }

    .para-box {

        overflow-x: scroll !important;

    }


    .principal-qualification {
        font-size: 1rem;
        margin-left: 5px;
    }

    .college-about-card {
        padding: 20px;
    }

    .faculty-table {
        width: 50%;
        zoom: 0.8;
    }

    .college-about-text {
        font-size: 15px;
        line-height: 1.7;
    }
}

/* Responsive (mobile view → image on top, text below) */
@media (max-width: 768px) {
    .bba-card {
        flex-direction: column;
        text-align: center;
    }

    .bba-img {
        width: 260px;
    }

    .bba-card-img {
        margin-bottom: 15px;
    }
}


.flex {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    -moz-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}

.justify-content-center {
    -webkit-justify-content: center;
    -mozjustify-content: center;
    -msjustify-content: center;
    justify-content: center;
}

.align-items-center {
    -webkit-box-align: center !important;
    -webkit-align-items: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
}


.social-media li a {
    width: 33px;
    height: 33px;
    line-height: 31px;
    transition: all .4s ease;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
}

.social-media li a {
    display: block;
}

.social-media li {
    display: inline-block;
    text-align: center;
}


/*footer*/
.bottom-footer {
    background-color: #008080;
    color: white;
    padding-top: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px
}

.srv {
    color: white
}

.footer-social li a {
    line-height: 35px !important;
    color: #FFFFFF;
    font-size: 15px;
}

.footer-social li {
    margin-right: 5px;
}

.footer-social li:hover a {
    background-color: #3c3a81;
    color: #FFFFFF;
    animation-name: flipInY;
    animation-duration: 1s;
    -webkit-box-shadow: -3px 2px 5px 0px rgba(26, 30, 60, .35);
    -ms-box-shadow: -3px 2px 5px 0px rgba(26, 30, 60, .35);
    -moz-box-shadow: -3px 2px 5px 0px rgba(26, 30, 60, .35);
    box-shadow: -3px 2px 5px 0px rgba(26, 30, 60, .35);
}

.footer-other {
    float: right;
    background-color: #3c3a81;
    display: table;
    position: relative;
    margin-left: 40px
}

.footer-other:before {
    content: "";
    border-width: 0px 40px 34px 0px;
    border-style: solid;
    border-color: transparent;
    border-right-color: #3c3a81;
    position: absolute;
    left: -40px;
    top: 0;
}

.footer-call {
    display: inline-block;
    width: 24px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    border-radius: 100%;
    background-color: #008080;
    color: white
}

.v-line {
    padding-left: 3px;
    padding-right: 3px;
    color: #F67E69;
    font-weight: normal;
}

.footer-contact {
    margin-top: 4px;
    margin-bottom: 4px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: bold;
}

.footer-contact span {
    display: inline-block;
    padding: 3px 3px;
    border-radius: 4px;
}

.top-footer-cont {
    background-color: #3c3a81;
    color: white;
}

.footer-contact .sub-box1 {
    padding-right: 5px
}

.cntct-btn {
    padding: 3.5px 15px;
    margin-top: 4px;
    border-radius: 4px;
    background-color: #F3472A;
    color: white;
    text-align: left;
    display: inline-block;
    font-family: 'rubikmedium';
    text-transform: uppercase;
    letter-spacing: .5px;
    margin-left: -45px
}

.cntct-btn:hover {
    background-color: white;
    color: #008080
}




/************************************************************************************/
/************************************ innerpage ************************************/
/************************************************************************************/

/* .r-img {
    padding: 4px;
    background-color: white;
    border: 1px solid #E0E2C2;
    box-shadow: 0px 28px 28px -30px rgba(0, 0, 0, 0.6) !important;
    -webkit-box-shadow: 0px 28px 28px -30px rgba(0, 0, 0, 0.6) !important;
    -moz-box-shadow: 0px 28px 28px -30px rgba(0, 0, 0, 0.6) !important
} */

.sub-h2 {
    color: #008080;
    margin-bottom: 10px !important
}


/*floating label*/
.form-group input,
.form-group textarea {
    margin-bottom: 0px
}

.form-group {
    margin-bottom: 0px !important
}

.field {
    display: flex;
    flex-flow: column-reverse;
    margin-bottom: 1em;
}

.floating-label {
    position: absolute;
    pointer-events: none;
    left: 15px;
    top: 12px !important;
    transition: 0.2s ease all;
    text-transform: capitalize;
    display: inline-block;
}

.inputText-cont {
    position: relative;
}


label {
    font-weight: normal;
    text-transform: uppercase;
}

label,
input,
textarea {
    transition: all 0.2s;
    touch-action: manipulation;
}

/**
* By default, the placeholder should be transparent. Also, it should 
* inherit the transition.
*/
::-webkit-input-placeholder {
    opacity: 0;
    transition: inherit;
}

/**
* When the element is focused, remove the label transform.
* Also, do this when the placeholder is _not_ shown, i.e. when 
* there's something in the input at all.
*/
input:not(:placeholder-shown)+label.floating-label,
input:focus+label.floating-label,
textarea:not(:placeholder-shown)+label.floating-label,
textarea:focus+label.floating-label {
    cursor: pointer;
    font-size: 11px;
    top: -8px !important;
    color: #3c3a81;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: bold;
    background-color: #FEFFE8;
    padding-left: 5px;
    padding-right: 5px;
    border-radius: 3px;
}




/*form*/
input[type=text],
input[type=tel],
input[type=email],
input[type=password],
input[type=date],
input[type=file],
textarea,
select {
    margin-bottom: 18px;
    border: 1px solid #F1C496 !important;
    border: none;
    min-height: 40px;
    border-radius: 0px;
    padding: 8px 15px;
    transition: all 0.3s ease;
    outline: none;
    width: 100%;
    color: #333;
    background-color: #FDF6C5;
    border-radius: 3px;
}




textarea {
    height: 130px;
    margin-bottom: 18px !important;
}

input[type=text]:focus,
textarea:focus {
    background-color: transparent;
}



/*table*/
.table>tbody>tr>td,
.table>tbody>tr>th,
.table>tfoot>tr>td,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>thead>tr>th {
    border-top: 1px solid #61BA61;
}

.color-table th {
    font-weight: normal;
    font-family: 'sarabun_semiboldregular';
    font-size: 17px;
    color: #1E7D47;
}

tr.first-row>td,
tr.first-row>th {
    border-top: none !important;
}

.table-responsive {
    padding: 15px 15px 0px;
    border-radius: 12px;
    border: 1px solid #F1C496;
    border-top: none;
    border-right: none;
}


.table-responsive {
    color: black;
    border-radius: 4px;
    margin-bottom: 10px;
    padding: 0px;
}

.table-responsive .table {
    margin-bottom: 0px
}

.table>tbody>tr>th {
    padding: 8px 15px !important;
}

.first-row {
    background-color: #008080 !important;
}

.first-row th {
    color: white !important
}

.table>tbody>tr>th {
    color: #9A570C;
    font-weight: normal;
    font-size: 15px;
    font-family: 'rubikmedium';
}

.table>tbody>tr>td {
    line-height: 21px
}

.table>tbody>tr>td,
.table>tfoot>tr>td,
.table>thead>tr>td,
.table>tbody>tr>th {
    border-top: 1px #F1C496 solid !important;
    border-right: 1px #F1C496 solid;
    padding: 10px 15px;
    color: #333;
}

.table>tbody>tr:nth-child(even) {
    background-color: #FEFFE8;
}


.table>tbody>tr:nth-child(odd) {
    background-color: #FDF6C5;
}


/*accordion*/
#accordion .panel {
    border: none;
    box-shadow: 0px 28px 28px -30px rgba(0, 0, 0, 0.4) !important;
    -webkit-box-shadow: 0px 28px 28px -30px rgba(0, 0, 0, 0.4) !important;
    -moz-box-shadow: 0px 28px 28px -30px rgba(0, 0, 0, 0.4) !important;
    border-radius: 0;
    margin-bottom: 10px;
    border: 1px solid #F1C496;
    border-radius: 5px;
    background-color: #FDF6C5;
}

#accordion .panel-heading {
    padding: 0;
    border-radius: 0;
    border: none;
}

#accordion .panel-title a {
    display: block;
    padding: 8px 8px 8px 20px;
    font-size: 15px;
    position: relative;
    transition: all 0.5s ease 0s;
    border-radius: 5px;
    box-shadow: none;
    color: #008080;
    font-family: 'rubikmedium';
}

#accordion .panel-title a.collapsed {
    color: #333;
    font-family: 'rubikregular';
    background-color: #FEFFE8;
    font-size: 14px;

}

#accordion .panel-title a:after,
#accordion .panel-title a.collapsed:after {
    content: "\f106";
    font-family: FontAwesome;
    width: 22px;
    height: 22px;
    line-height: 22px;
    border-radius: 20px;
    color: #fff;
    text-align: center;
    position: absolute;
    top: 21%;
    left: -11px;
    background: #3c3a81;
}

#accordion .panel-title a.collapsed:after {
    content: "\f107";
    background: #F99D3E;
}

#accordion .panel-title a.collapsed:hover {
    background: #FDF6C5;
}

#accordion .panel-body {
    color: #484747;
    line-height: 25px;
    background: white;
    padding: 10px;
    border: none;
    transition: all 0.5s ease 0s;
    border-radius: 5px;

}

.panel-default>.panel-heading {
    background-color: transparent;
}

.aco-head {
    padding-top: 4px;
    padding-bottom: 4px;
    display: inline-block;
    line-height: 21px;
    width: calc(100% - 85px);
    padding-right: 10px
}

.panel-group {
    padding: 10px 0px 0px 10px;
}

#accordion .panel-body .gen-para {
    text-align: justify;
}

.panel .date .month,
.panel .date .day {
    display: inline-block;
}

.panel .date {
    width: 85px;
    float: right;
    padding: 4px 5px;
    margin-top: -1.5px;
}

.panel .date .day {
    margin-right: 5px;
    position: relative;
    bottom: -1.4px;
}

.pnl-figure {
    overflow: hidden;
}

.img-width {
    width: 135px;
    height: 100px;
}

.aco-link {
    margin-bottom: 10px;
    display: inline-block;
    color: #5d5d5d;
    padding: 5px;
    float: left;
    border: 1px solid #E0E2C2;
    margin-right: 5px;
    margin-left: 5px
}

.r-shadow {
    box-shadow: 0px 28px 28px -30px rgba(0, 0, 0, 0.6) !important;
    -webkit-box-shadow: 0px 28px 28px -30px rgba(0, 0, 0, 0.6) !important;
    -moz-box-shadow: 0px 28px 28px -30px rgba(0, 0, 0, 0.6) !important;
}

.panel .grid-link img {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

.panel .grid-link {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}


/*breadcrumb*/
.breadcrumb {
    margin-bottom: 10px;
    background-color: #FEFFE8;
    border: 1px solid #E0E2C2;
    box-shadow: 0px 3px 10px -6px rgba(140, 131, 131, 0.93);
}

.breadcrumb li a {
    color: #333
}

.breadcrumb li a.active {
    color: #008080;
}

.breadcrumb>li+li:before {
    color: #F99D3E;
}

/*ul*/
.gen-ul li {
    position: relative;
    padding-left: 25px;
    margin-bottom: 10px;
    line-height: 21px
}

.gen-ul li:before {
    content: '\f08b';
    font-family: 'FontAwesome';
    position: absolute;
    left: 0px;
    top: -1px;
    font-size: 15px;
    color: #008080
}


/*department*/
.course-para,
.tag-para,
b {
    font-family: calibri;
    font-weight: bold;
    line-height: 21px;
	text-transform:uppercase;
	font-size:12px;
	letter-spacing:1px;
}

.red {
    color: #008080
}

.maroon {
    color: #3c3a81
}


/*manager*/
.mng-div,
.ul-left-div {
    float: left;
}

.ul-left-div {
    padding-left: 10px
}

/*former manager*/
.former {
    width: calc(100% / 5 - 0px);
    float: left;
    padding-left: 5px;
    padding-right: 5px
}

.row-10 {
    margin-left: -10px;
    margin-right: -10px
}

.row-5 {
    margin-left: -5px;
    margin-right: -5px
}

.former img {
    width: 140px
}

/*contact*/
.contact-col i {
    font-size: 16px;
    color: #008080;
    width: 15px
}

.contact-col {
    position: relative;
}

.contact-col .para-box {
    height: 100%
}

.contact-table-col {
    padding-left: 10px;
    padding-right: 0px;
    margin-top: -30px
}

iframe {
    width: 100%;
    border: none;
    margin-bottom: 10px;
    border: 1px solid #E0E2C2;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    border-top-right-radius: 4px;
    border: none;
}

.location iframe {
    height: 421px;
}

form.message {
    margin-top: 10px
}

.btn-template {
    background-color: #3c3a81;
    color: white;
    padding: 7px 12px;
    display: inline-block;
    border-radius: 3px !important;
    border: none;
}

.btn-template:hover {
    -webkit-box-shadow: inset 13px 13px 18px -16px rgba(0, 0, 0, 0.57);
    -moz-box-shadow: inset 13px 13px 18px -16px rgba(0, 0, 0, 0.57);
    box-shadow: inset 13px 13px 18px -16px rgba(0, 0, 0, 0.57);
    background-color: #008080
}

.btn-template:hover i {
    animation-name: rubberBand;
    animation-duration: 1.3s;
}

.btn-template i {
    padding-left: 5px;
    font-size: 15px
}


/*gallery*/
.grid-link,
.gen-link {
    margin-bottom: 20px;
    display: block;
    color: #5d5d5d;
    padding: 5px;
    border: 1px solid #F1C496;
    box-shadow: 0px 28px 28px -30px rgba(0, 0, 0, 0.5) !important;
    -webkit-box-shadow: 0px 28px 28px -30px rgba(0, 0, 0, 0.5) !important;
    -moz-box-shadow: 0px 28px 28px -30px rgba(0, 0, 0, 0.5) !important;
}

.grid-link img {
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    margin: 0 auto;
}

.grid-link:hover img {
    -webkit-transform: scale(1.2, .1.2);
    /* Safari */
    transform: scale(1.2, 1.2);
}

.gal-cont .gal-col span {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.gal-name {
    font-weight: bold;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #903E50
}

.grid-link {
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.gal-name,
.image-text {
    padding: 8px 5px 4px 5px;
    font-size: 13px;
    /*height: 45px; */
    overflow: hidden;
    margin-bottom: 0px;
}

.gal-name::before,
.image-text:before {
    pointer-events: none;
    position: absolute;
    z-index: 2;
    content: '';
    border-style: solid;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: top;
    transition-property: top;
    left: 40px;
    margin-top: -16px;
    border-width: 0 8px 8px 8px;
    border-color: transparent transparent #fff transparent;
}

.figure {
    overflow: hidden;
}

.gal-col {
    padding-left: 5px;
    padding-right: 5px
}

.gal-cont {
    padding-right: 10px;
    padding-left: 10px
}

.grid-link span {
    font-size: 11px;
    padding: 0px 5px 0px 5px;
    display: block;
}

.gen-link-left {
    float: left;
}

.gal-cont .gal-col .grid-link {
    background-color: #FEFFE8;
    color: #008080
}

.gal-cont .gal-col .gal-name::before {
    border-color: transparent transparent #FEFFE8 transparent;
}


/*question Bank*/
.download {
    color: #008080;
    display: inline-block;
    background-color: white;
    padding: 2px 6px 1px;
    border: 1px #F1C496 solid;
    border-radius: 3px;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    cursor: pointer;
    width: 90px
}

.download i {
    padding-left: 2px
}

.download:hover {
    background-color: #008080;
    color: white;
    border: 1px #008080 solid;
}

.download:hover i {
    animation-name: fadeInDown;
    animation-duration: 1s;
}

.gen-label {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: bold;
    font-size: 12px;
    text-transform: capitalize;
}

.mrg-btm-10 {
    margin-bottom: 10px
}


/*placement*/
.plcmnt {
    width: calc(100% / 5 - 0px);
    float: left;
    padding-left: 5px;
    padding-right: 5px;
    text-align: center;
    color: #903E50
}

.std-name {
    margin-bottom: 3px
}

.job-loc {
    color: #D8520B;
    border-bottom: 1px dashed #f8e35a;
    margin-bottom: 2px;
    padding-bottom: 2px
}

.branch {
    margin-bottom: 10px
}


/************************************************************************************/
/************************************ Responsive ************************************/
/************************************************************************************/


/*media quries*/
/*collapsing navbar earlier*/
@media (min-width: 768px) and (max-width: 1199px) {
    .navbar-nav .open .dropdown-menu {
        position: static;
        float: none;
        width: auto;
        margin-top: 0;

        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .navbar-nav .open .dropdown-menu>li>a,
    .navbar-nav .open .dropdown-menu .dropdown-header {
        padding: 5px 15px 5px 25px !important;
    }

    .dropdown-menu>li>a {
        display: block;
        clear: both;
        white-space: nowrap;
    }

    .navbar-header {
        float: none;
    }

    .navbar-toggle {
        display: block;
        margin-right: 0px;
    }

    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
    }

    .navbar-collapse.collapse {
        display: none !important;
    }

    .navbar-nav {
        float: none !important;

    }

    .navbar-nav>li {
        float: none;
    }

    .navbar-nav>li>a {
        padding-top: 12px;
        padding-bottom: 10px;
    }

    .navbar-text {
        float: none;
        margin: 15px 0;
    }

    #myNavbar {
        width: 100%;
    }

    .navbar-nav>li>.dropdown-menu {
        width: 100% !important;
    }


    /* since 3.1.0 */
    .navbar-collapse.collapse.in {
        display: block !important;
    }

    .collapsing {
        overflow: hidden !important;
    }
}


@media (min-width: 1300px) {
    .wrapper {
        width: 1230px;
        margin: 18px auto
    }

    .pd-2-35 {
        max-width: 1300px;
        margin-left: auto;
        margin-right: auto;
    }

}

@media (min-width: 1200px) {
    .dropdown-menu {
        display: none;
    }

    .navbar-nav>li:hover>.dropdown-menu {
        display: block !important;
    }

    .navbar-nav {
        float: none;
        display: table;
        margin: 0 auto
    }

    .navbar-nav>li {
        float: left !important;
        display: inline-block !important;
    }

    .navbar .navbar-collapse {
        text-align: center !important;
    }

    .navbar-nav>li:last-child>a {
        border-right: none;
    }

    .mobile-menu {
        display: none !important;
    }

    .desktop-menu {
        display: block !important;
    }

    .mobile-menu {
        display: none !important;
    }

    .dropdown-menu.right-drop {
        left: auto !important;
        right: 0px !important
    }
}


@media (max-width: 1199px) {
    .desktop-menu {
        display: none !important;
    }

    .mobile-menu {
        display: block !important;
    }
}

@media (max-width: 991px) {
    .dis-none-991 {
        display: none;
    }

    .mng-div,
    .ul-left-div {
        float: none;
    }

    .ul-left-div {
        padding-left: 0px
    }

    .panel .date {
        float: none;
        margin-top: 0px
    }

    .aco-head {
        padding-top: 0px;
        width: 100%;
        padding-right: 0px
    }
}


@media (max-width: 767px) {
    .nws-head {
        padding-top: 10px
    }

    .pd-2-35 {
        padding-left: 15px;
        padding-right: 15px;
    }

    .navbar-nav {
        margin: 0px 0px
    }

    .dropdown-menu {
        background-color: rgba(21, 11, 76, 0.9) !important;
        border-bottom: 4px solid #F3353E !important;
        border-radius: 10px !important;
    }

    .dropdown-menu>li>a {
        color: white !important
    }

    .footer-contact {
        text-align: center;
    }

    .footer-contact .box {
        margin: 0 auto
    }

    .footer-other {
        width: 100%
    }

    .footer-other:before {
        display: none;
    }

    .footer-other .log {
        padding-right: 0px;
        margin: 0 auto;
        float: none;
    }

    .footer-social {
        display: table;
        margin: 0 auto;
    }

    .rights-col,
    .powered-by {
        text-align: center;
    }

    .rights {
        margin-bottom: 5px;
    }

    .bread-cont {
        display: none;
    }

    .img-left {
        float: none;
        margin: 0 auto !important;
        margin-right: 0px;
        margin-bottom: 10px !important
    }

    .former,
    .plcmnt {
        width: calc(100% / 4 - 0px);
    }

    .contact-table-col {
        margin-top: 0px
    }

    .contact-table-col {
        padding-left: 0px
    }

    iframe {
        height: 230px
    }

    .header-contact,
    .header-other:before {
        display: none;
    }

    .header-other {
        margin-left: 0px;
        float: none;
        width: 100%;
        border-top-left-radius: 10px;
    }

    .header-other .log {
        float: none;
        display: table;
        margin: 0 auto;
        padding-right: 0px;
    }
}


@media (max-width: 600px) {
    .wrapper {
        margin: 10px;
    }

    .full-width-600 {
        width: 100%
    }

    .msg-para,
    .null-para {
        height: auto
    }

    .side-list li a {
        font-size: 12px;
        padding: 9px 15px 9px 20px;
    }

    .side-list li a:before {
        top: 5px;
    }

    .mrq-cont,
    .vis-para,
    .mis-para {
        height: auto;
    }

    .mrq-head,
    .mrq-div {
        float: none;
    }

    .mrq-div {
        width: 100%
    }

    .mrq-head:after {
        left: 17px;
        right: auto;
        top: 12px;
        z-index: -1;
        -ms-transform: rotate(90deg);
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        transform: rotateX(90deg);
    }

    .mrq-head {
        width: 100%;
        margin-right: 0px;
        border-bottom-left-radius: 0px;
        border-top-right-radius: 4px;
    }

    .former,
    .plcmnt {
        width: calc(100% / 3 - 0px);
    }

    .grid-link,
    .gen-link {
        margin-bottom: 15px
    }

    .panel .date .day {
        font-size: 16px;
    }

    .panel .date {
        width: 75px;
        padding: 2px 5px;
    }

    .logo-text {
        margin-top: 7px
    }

    .dis-none-600 {
        display: none !important;
    }
}


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

    .fade-carousel .item .slide-1,
    .fade-carousel .item .slide-2,
    .fade-carousel .item .slide-3,
    .fade-carousel .item .slide-4 {
        height: 270px
    }
}

@media (max-width: 520px) {
    .full-width-520 {
        width: 100%
    }
}

@media (max-width: 500px) {
    .header-other .log .login span {
        display: none;
    }

    .header-other .log .login i {
        padding-right: 0px
    }
}


@media (max-width: 425px) {

    .fade-carousel .item .slide-1,
    .fade-carousel .item .slide-2,
    .fade-carousel .item .slide-3,
    .fade-carousel .item .slide-4 {
        height: 200px
    }

    .rights span {
        display: block;
    }

    .footer-contact .box .sub-box1 {
        display: none;
    }

    .former,
    .plcmnt {
        width: calc(100% / 2 - 0px);
    }
}