.mt-20 {
    margin-top:20px;
}
.mb-20 {
    margin-bottom:20px;
}

/*Header Top*/
.header {
    background-image: url('../Images_GPTTI/Header_BG.jpg');
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: center -233px;
}

.site-header-top {
    
}
    .site-header-top ul {
    }
        .site-header-top ul li {
            font-family:'Open Sans', 'Segoe UI';
            font-size:14px;
        }
            .site-header-top ul li a {
                color:#FFF;
                font-family:'Open Sans', 'Segoe UI';
                font-weight:normal;
                font-size:14px;
            }
                .site-header-top ul li a:focus,
                .site-header-top ul li a:hover {
                    text-decoration:underline;
                }
/*Ending Header Top*/


/*Header main & Logo*/
    .header-main {    
    padding-top: 10px;
    padding-bottom: 10px;    
}

    .logo {
        margin-left:auto;
        margin-right:auto;
        float:none;
        width:80%
    }

    .logo-text {
    
    }
        .logo-text h1 {
            font-size: 40px;
            font-weight: 700;
            text-transform: uppercase;
            margin-top: 18px;
            margin-bottom: 0px;
            color: #fdc552;
            font-family: 'PT Serif', 'Segoe UI';
            letter-spacing: 2px;
            text-shadow: 1px 1px 0px #020202;
        }
        .logo-text h2 {
            font-size: 18px;
            font-weight: 700;
            margin-top: 0px;
            color: #c7c7c7;
            font-family: 'PT Serif', 'Segoe UI';
            text-shadow: 0px 0px 0px #4e4e4e;
        }
        .title1 {
            font-size:30px !important;
        }
        .title2 {
            font-size:28px !important;
        }
    @media only screen and (min-device-width : 992px) and (max-device-width : 1024px) {
        .logo
        {
            width:80%;
        }
        .logo-text {
        
        }
        .logo-text h1 {
            font-size: 45px;
            margin-top: 6px;
        }
        .logo-text h2 {
            font-size:20px;
        }
    }
    @media only screen and (min-device-width : 768px) and (max-device-width : 992px) {
        .logo
        {
            width:15%;
        }
        .logo-text {
        }
        .logo-text h1 {
            font-size: 35px;
            margin-top: 2px;
            text-align: center;            
        }
        .logo-text h2 {
            font-size: 16px;
            margin-top: 2px;
            text-align: center;
        }
    }
    @media only screen and (max-device-width : 767px) {
        .logo
        {
            margin-bottom:5px;
            width:18%;
        }
        .logo-text {
            text-align:center;
        }
        .logo-text h1 {
            font-size: 32px;
            margin-top: 5px;
            text-align: center;
        }
        .logo-text h2 {
            font-size: 16px;
        }
        .title1 {
            font-size:30px !important;
        }
        .title2 {
            font-size:28px !important;
        }
    }
    @media (max-width: 480px) {
        .logo
        {
            width:22%;
        }
        .logo-text {
            text-align:center;
        }
        .logo-text h1 {
            font-size: 27px;
            margin-top: 0px;
            letter-spacing:0px;
            text-shadow:0px 0px 0px #020202;
        }
        .logo-text h2 {
            font-size: 15px;
            margin-top: 0px;
        }
        .title1 {
            font-size:25px !important;
        }
        .title2 {
            font-size:24px !important;
        }
    }
/*Ending header main & Logo*/

/*Home page style*/
.slider-bg {
    background-image: url('../Images_GPTTI/Slider_BG.jpg');
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: center center;
}
.home-main-slider {
    box-shadow:0px 0px 6px #000;
}
.home-intro {
}
    .home-intro img {
        margin-top:10px;
        box-shadow: 0px 0px 6px #3c3c3c;
        border-radius: 5px;
        max-width:235px;
        min-width:235px;
    }

@media only screen and (max-device-width : 768px) {
        .image-left-land {
            float:none;
            margin-left:auto;
            margin-right:auto;
            max-width:200px;
            min-width:200px;
        }

        .image-left-port {
            float:none;
            margin-left:auto;
            margin-right:auto;
            max-height:130px;
            min-height:120px;
        }
        .home-main-slider {
            margin-bottom:20px;
        }
    }
    @media (max-width: 480px) {
        .image-left-land {
            float:none;
            margin-left:auto;
            margin-right:auto;
            max-width:200px;
            min-width:200px;
        }

        .image-left-port {
            float:none;
            margin-left:auto;
            margin-right:auto;
            max-height:130px;
            min-height:120px;
        }
        .home-main-slider {
            margin-bottom:20px;
        }
    }

.image-left-land {
    float:left;
    margin-top:8px;
    box-shadow: 0px 0px 6px #3c3c3c;
    border-radius: 5px;
    margin-right:20px;
    max-width:210px;
    min-width:210px;
}

.image-left-port {
    float:left;
    margin-top:5px;
    box-shadow: 0px 0px 6px #3c3c3c;
    border-radius: 5px;
    margin-right:10px;
    max-height:130px;
    min-height:120px;
}

/*Notice Board*/
.notice-board {
}
    .notice-board h3 {
        text-transform: uppercase;
        font-size: 22px;
        margin-bottom:10px;
        margin-top:0px;
    }
    .notice-board h4 {
        font-size: 17px !important;
        margin-bottom: 0px;
        text-transform: capitalize;
    }
        .notice-board h4 a {
            background-color: #235400;
        }
            .notice-board h4 a:focus,
            .notice-board h4 a:hover,
            .notice-board h4 a:active {
                background:#383838;
            }

.notice-board-content {
}
    .notice-board-content li {
        list-style-type: decimal;
        font-size: 16px;
        border-bottom: solid 1px #ccc;
        padding: 4px 0px;
        color:#000;
    }
        
        .notice-board-content li:last-child {
            border-bottom:none;
        }
        .notice-board-content li a {
            color:#000;
        }
            .notice-board-content li a:focus,
            .notice-board-content li a:hover,
            .notice-board-content li:active {
                color:#006bc7;
                font-weight:600;
                text-decoration:none;
            }
            .notice-board-content li a span {
                margin-left: 5px;
                font-size: 10px;
            }
            .notice-board-content li a img {
                max-width:40px;
            }

.principal-desk {
    padding:5px 15px;
}
    .principal-desk p {
        font-family:'PT Serif', 'Segoe UI';
        text-align:justify;
    }
        .principal-desk p img {
            box-shadow: 0px 0px 5px #3c3b3b;
            max-width: 180px;
            min-width: 180px;
        }
    .principal-desk h5 {
        font-size: 20px;
        color: #006bc7;
    }
    .principal-desk h6 {
        font-style: italic;
        margin: 0px;
        margin-bottom: 3px;
        font-size: 14px;
        color: #670000;
        font-weight: 600;
    }
        .principal-desk h6 span {
            font-style:normal;            
        }

.home-dept-box {
}
    .home-dept-box a {
    }
        .home-dept-box a:focus,
        .home-dept-box a:hover {
            text-decoration:none;
        }
        .home-dept-box a h3 {
            color: #FFF;
            font-weight: 600;
            font-size: 20px;
        }
        .home-dept-box a i {
            font-size:60px;
        }

/*Counter*/
.funfact {
}
    .funfact h4 {
        font-size:20px;
    }
.campaign-details {
    background-color: #ffffff;
    padding: 0px 10px;
    padding-top: 20px;
    padding-bottom: 5px;
    box-shadow: inset 0px 0px 16px 2px #696969;
}
    .campaign-details h3 {
        color:#005298;
        font-size:18px;
    }
    .campaign-details ul {
    }
        .campaign-details ul li {
            color: #306f00;
            font-weight: 600;
        }


.main-footer {
    background-image: url('../Images_GPTTI/footer-bg.jpg');
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: center center;
    box-shadow: 0px 0px 5px #6d6d6d;
}

.copyright {
    
}
    .copyright p {
        color: #bfbfbf;
        padding: 5px 0px;
    }
    .copyright a {
    }
        .copyright a:hover {
        }
/*Home Page Style*/

/*Content Page style*/
.content-page-title {
    box-shadow: 0px 0px 4px #a0a0a0;
}
.content-page {
}
    .content-page h3 {
        margin-bottom:5px;
    }

.list-circle-para {
    
}
    .list-circle-para li {
        list-style-type: circle;
        padding-bottom: 5px;
        margin-left: 20px;
        padding-left: 10px;
    }

.list-decima {
    
}
    .list-decimal li {
        list-style-type: decimal;
        padding-bottom: 5px;
        margin-left: 20px;
        padding-left: 10px;
    }

.table-glance {
}
    .table-glance tbody tr td:first-child {
        font-weight:600;
    }
/*Content Page style*/

/*Gallery Portfolio*/
.college-gallery {
    margin-bottom:15px;
}
    .college-gallery h5 {
        font-size: 15px;
        color: #537d00;
        text-align: center;
    }
.portfolio-g {
    position: relative;
    background-color: #000;
    box-shadow: 0px 0px 6px #000;
}
    .portfolio-g img {
        transition: .5s ease;
        backface-visibility: hidden;
        opacity:1;
    }
    .portfolio-g:hover img {
        opacity: 0.3;
    }
    .portfolio-g:hover .portfolio-details {
        opacity:1;
    }
.portfolio-details {
    transition: .5s ease;
    opacity: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
}
    .portfolio-details a {
        background-color: #0080b1;
        color: #FFF;
        padding: 10px;
        font-size:14px;
        font-family:'Open Sans', 'Segoe UI';
        text-transform:uppercase;
    }
        .portfolio-details a:hover,
        .portfolio-details a:focus {
            text-decoration:none;
        }
/*Gallery Portfolio*/

/*Contact page*/
.contact-information {
    
}
    .contact-information h4 {
        text-transform: uppercase;
        font-size: 16px;
        color: #6b4e13;
        margin-bottom: 2px;
    }
    .contact-information p {
    }
    .contact-information i {
        margin-right: 5px;
        font-size: 13px;
        vertical-align: baseline;
    }
    .contact-information p a {
    }
        .contact-information p a:focus,
        .contact-information p a:hover {
            
        }
.working-hours {
}
    .working-hours h5 {
        font-size:16px;
        margin:0px;
        margin-bottom:5px;
    }
/*Ending Contact page*/

/*Department Page*/
.all-dept {
}
    .all-dept h3 {
    }
    .all-dept h4 {
        padding-left:20px;
        font-size:18px;
        color: #006bc7;
    }
        .all-dept h4 i {
            margin-right:10px;
        }
        .all-dept h4 a {
            color: #006bc7;
        }
    .all-dept img {
    }
    .all-dept p {
    }
.dept-profile {
    text-align: center;
    box-shadow: 0px 0px 7px #757474;
    padding: 10px 0px;
    background-color: #edfcff;
    border-radius: 3px;
    max-height:330px;
    min-height:330px;
    margin-bottom:25px;
}
    .dept-profile img {
        box-shadow: 0px 0px 6px #5f5c5c;
        border: solid 4px #fFF;
        max-height: 160px;
        min-height: 160px;
    }
    .dept-profile h4 {
        margin: 5px 0px;
        font-size: 18px;
        color:#000;
    }
    .dept-profile h5 {
        margin: 5px 0px;
        color: #006bc7;
    }
        .dept-profile h5 span {
            color: green;
            font-size: 16px;
        }
    .dept-profile a {
        border-radius:0px;
    }
/*Department Page*/

.nb {
    color: #007ed8;
}

.table-courses-offered {
    
}
    .table-courses-offered thead > tr > th {
        background-color: #754f00;
        color: white;
    }
        .table-courses-offered thead > tr > th:first-child {
            width:6%;
        }
    .table-courses-offered tbody > tr > td {
        font-weight:600;
        vertical-align:middle;
    }