.mt-top{margin-top:15px}
.m-top{margin-top:35px}
.m-top-60{margin-top:60px}
.mb-2{margin-bottom:20px}
.mt-2{margin-top:20px}

/* ================= MEDIA ================= */
@media (max-width:480px){
    .edu_head .section_title span:before{width:15%}
}

/* ================= SMART CAMPUS ================= */
.smart-campus [class*=col-md-3]{
    border-right:1px solid #dedddd;
    border-bottom:1px solid #dedddd;
    margin-bottom:0;
    padding:2rem
}
.smart-campus figure,
.smart-campus figcap{
    display:block;
    text-align:center
}

/* ================= PAGE ================= */
.page section.section-inner{
    padding:70px 0 150px
}
@media (max-width:767px){
    .page section.section-inner{padding-bottom:80px}
}

.footer-main{margin-top:50px}
p.heading_txt{margin-bottom:0}

/* ================= TOP BAR ================= */
.topbar-section{
    position:relative;
    background:url(https://ymps.in/images/bg.jpg) repeat;
    padding:1px 0
}
.top-bar-left ul li,
.top-bar-right ul li{
    display:inline-block
}
.topbar-inner ul li{
    font-size:14px;
    border-left:1px solid #cccccc40;
    color:#fff;
    font-weight:300;
    padding:6px 12px 6px 20px;
    margin-left:20px;
    margin-bottom:0
}
.topbar-inner ul li:first-child{
    border:none;
    padding-left:0;
    margin-left:0
}
.top-bar-right ul li a{color:#fff}

/* ================= HEADER ================= */
header#inner-navigation{
    position:absolute;
    z-index:9;
    width:100%;
    left:0;
    background:#ffffff15
}
.logo h2{font-size:48px;margin:5px 0}
.logo a{color:#fff}

.navbar-sticky-in .logo a{color:#333a65}

/* ================= STICKY NAV ================= */
.sticky-nav-white{
    padding:10px;
    background:#fff;
    box-shadow:0 1px 5px rgba(0,0,0,.52)
}
.sticky-nav-white ul.nav.navbar-nav li a{color:#444}

/* ================= NAVBAR ================= */
.navbar.navbar-default ul.nav.navbar-nav{margin-top:9px}
.navbar.navbar-default.sticky-nav ul.nav.navbar-nav{margin-top:2px}

#inner-navigation .nav.navbar-nav>li>a{
    font-size:13px;
    font-weight:400;
    color:#fff;
    padding:0;
    line-height:43px;
    text-transform:uppercase;
    transition:.5s
}

#inner-navigation .nav.navbar-nav li{
    margin-left:20px;
    margin-bottom:0
}

/* ================= MOBILE NAV ================= */
@media (max-width:767px){
    .navbar.navbar-default .navbar-toggle{
        background:#333a65;
        margin-top:10px
    }
    .navbar.navbar-default .navbar-toggle:hover{
        background:#fff;
        border-color:#fff
    }
    .navbar.navbar-default .navbar-collapse{
        background:#1f1d26;
        margin-top:15px;
        max-height:415px
    }
    #inner-navigation .nav.navbar-nav>li>a{
        color:#b6b3c4;
        line-height:1.5
    }
}

/* ================= DROPDOWN ================= */
#inner-navigation .nav.navbar-nav li ul{
    position:absolute;
    top:45px;
    left:0;
    width:200px;
    display:none;
    background:#f7f7f7;
    border:1px solid #eee;
    border-top:2px solid #333a65;
    box-shadow:0 0 12px rgba(0,0,0,.4)
}
#inner-navigation .nav.navbar-nav li ul li a{
    padding:14px 20px;
    font-size:13px;
    color:#444;
    border-bottom:1px solid #e6e6e6
}

/* ================= ABOUT FORM ================= */
.about-form{
    background:#333a65;
    padding:50px 40px 50px 60px;
    border-radius:5px;
    position:relative
}
.about-form:before{
    content:'';
    background:#5a82b3;
    width:78%;
    height:100%;
    position:absolute;
    left:0;
    top:0
}

/* ================= SERVICES ================= */
section #mt_services{padding:75px 0}
@media (max-width:480px){
    #mt_services .col-md-4.col-sm-6.col-xs-6{width:100%}
}

/* ================= EVENTS ================= */
.scroll-panel{
    padding:10px;
    margin-bottom:15px;
    overflow-y:auto;
    max-height:285px
}
.event-item{
    border-bottom:1px dashed #a09c9c;
    padding-bottom:15px;
    margin-bottom:15px
}

/* ================= FOOTER ================= */
#mt_footer{
    position:relative;
    background:#3ea90f
}
#mt_footer:before{
    content:'';
    position:absolute;
    width:44%;
    height:100%;
    background:#2d7e09
}
#mt_footer h3{
    color:#fff;
    margin-bottom:65px
}
#mt_footer .follow_us{
    margin-bottom:30px
}
#mt_footer .mt_footer_copy{
    background:#ffffff1f;
    margin-top:62px;
    padding:15px 0
}

/* ================= BACK TO TOP ================= */
.back-to-top{
    position:fixed;
    bottom:20px;
    right:20px;
    background:#333a65;
    border-radius:50%;
    height:45px;
    width:45px;
    display:none;
    cursor:pointer;
    z-index:2
}

/* ================= ANIMATION ================= */
@keyframes bounce{
    0%,20%,50%,80%,100%{transform:translateY(0)}
    40%{transform:translateY(-30px)}
    60%{transform:translateY(-15px)}
}