/* 
/* 
/*  custom.css
/*
/*  If not using Gulp and Sass, add your custom CSS below then include it
/*  in your page by adding a reference to assets/css/custom.css in the head of each page.
/*
*/
.fetured-text-desc{text-align: center;}
.h-title{color: #2c3038; font-weight: 700;}
.fetured-text-desc .cust-btn{ color: #fff; background: #7e1818; border-radius: 10px;}
.fetured-text-desc .sub-head{ color: #2c3038; text-decoration: underline; font-weight: 700;}

@media (max-width: 1199.98px) {
    .flickity-prev-next-button {
        display: flex;
    }
}
@media (max-width: 767.2px) {
    .mb-left-h6 h6{text-align: left;}
    .navbar > .container {
        max-width: 100%;
    }
}
@media (max-width: 480.2px) {
    .navbar-brand img {
        width: 120px;
    }
    #download {
        padding: 0.625rem 0.8rem;
        font-size: .8rem;
    }
}

.company-logo-center { 
   vertical-align: middle; 
   align-items: center;
}


/*        #campus, #placement, #enquire{*/
#placement, #singapore, #alumni{
    display: block;
    height: 20vh;
    margin-top: -20vh;
    visibility: hidden;
}
.width_20p table tbody tr th img {
    width: 100%;
    object-fit: cover;
    height: 200px;
    padding: 15px;
}
.width_20p table tbody tr td {
    height: 160px;
    border: 1px solid #000;
    padding:0rem;
}
.width_20p{
    width: 20%;
    float: left;
}
@media only screen and (max-width: 1024px) {
    .width_20p{
        width: 33.33%;
        float: left;
    }
}
@media only screen and (max-width: 991px) {
    .width_20p{
        width: 50%;
        float: left;
    }
}
@media only screen and (max-width: 767px) {
    .width_20p{
        width: 100%;
        float: left;
    }
}
@media only screen and (max-width: 600px) {
    .wmv{
        white-space: normal !important;
    }
    .responsive-iframe, .responsive-iframe1 {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        width: 100%;
        height: 100%;
    }
    .containers {
        position: relative;
        overflow: hidden;
        width: 100%;
        padding-top: 43.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
    }
    .containers1 {
        position: relative;
        overflow: hidden;
        width: 100%;
        padding-top: 43.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
    }
    .containers11 {
        position: relative;
        overflow: hidden;
        width: 100%;
        padding-top: 5%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
    }
    .tl{
        text-align: left
    }
    .m_jc{
        justify-content:normal !important;
    }
}

@media only screen and (min-width: 601px) {
    .roi{
        font-size: 20px;
    }
    .responsive-iframe {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        width: 100%;
        height: 100%;
    }
    .responsive-iframe1 {
        width: 560px;
        height: 315px;
    }
    .containers {
        position: relative;
        overflow: hidden;
        width: 100%;
        padding-top: 22.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
    }
}
/* Then style the iframe to fit in the container div with full height and width */