/*body*/

body {
    background-color: white !important;
    color: #505050 !important;
    font-family: Calibri, Arial, sans-serif;
    font-size: 15px;
}

/*header*/

header {
    z-index: 5;
}

.logo-col {
    float: left;
}

.logo {
    display: block;
    
    width: 580px;
    height: 120px;
    background-color: white;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
}

/* @media only screen and (max-width: 767px) {
    .logo {
        width: 200px;
    }
  } */

  @media (max-width: 767px) {
    .logo {
        width: 300px;
        height: 50px;
         /* Adjust the width to your desired size */
    }
}
.header-top {
    padding-top: 0px;
}

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

/*.hd-main{position: absolute;width: 100%; top:0px; left:0px;z-index: 3}*/

.logo-col {
    padding-top: 10px;
    padding-bottom: 10px;
}

.pos-ab {
    position: absolute;
    z-index: 5;
    top: 0px;
    left: 0px;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
}

.menu-main {
    padding-right: 0px;
    padding-left: 0px;
    margin-top: 10px;
    margin-bottom: 10px;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
}

/*menu*/

.navbar-right {
    text-transform: none;
    margin-right: 0px
}

.g-icon {
    position: relative;
    top: -3px;
    padding-left: 4px
}

.menu-nav {
    padding-left: 0px;
    padding-right: 0px;
}

.angle-down {
    margin-left: 5px
}

.has-dropdown .angle-down {
    padding-left: 0px
}

.nav>li>a:focus,
.nav>li>a:hover {
    background-color: transparent;
}

.menu-nav li a {
    position: relative;
}

.menu-nav li a:before {
    content: '';
    position: absolute;
    right: 15px;
    bottom: 0px;
    width: 0%;
    height: 4px;
    background-color: #f06000;
    opacity: 0;
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
}

.menu-nav>li>a:hover:before {
    width: calc(100% - 30px);
    opacity: 1
}

/*dropdown menu*/

.dropdown-menu {
    padding: 10px 0px;
    background-color: white
}

.dropdown-menu>li>a {
    display: block;
    padding: 13px 30px;
    color: #333;
    font-size: 14px;
    border-bottom: 1px dashed #ebebeb;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
}

.dropdown-menu>li {
    padding: 0px 24px
}

.dropdown-menu>li:last-child>a {
    border-bottom: none;
}

.dropdown-menu>li span {
    display: block;
    width: 22px;
    line-height: 15px;
    text-align: center;
}

.dropdown-menu {
    font-size: 15px !important
}

.dropdown-menu>li span img {
    width: 20px;
    height: 20px;
}

.dropdown-menu>li>a:focus,
.dropdown-menu>li>a:hover {
    color: #ffffff;
    text-decoration: none;
    background-color: transparent;
    padding: 13px 40px 13px 20px;
}

.dropdown-menu>li:hover {
    background-color: #f06000
}

.dropdown .angle-down {
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.dropdown:hover .angle-down {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.navbar-inverse .navbar-nav>.open>a,
.navbar-inverse .navbar-nav>.open>a:focus,
.navbar-inverse .navbar-nav>.open>a:hover {
    background-color: transparent !important;
    color: initial !important;
}

@media (min-width: 1200px) {
    .navbar-nav>li:hover .dropdown-menu {
        display: block !important;
        animation-name: zoomIn;
        animation-duration: .4s;
    }
    .dropdown-menu {
        display: none;
    }
}

.navbar {
    min-height: 0px !important;
    display: block;
    margin-bottom: 0px;
    background-color: transparent;
    border: none;
    border-radius: 0px
}

#myNavbar {
    border: none;
    padding-left: 0px;
    padding-right: 0px;
    border-top: #f6f6f6 1px dashed;
}

.navbar-nav>li>a {
    font-size: 15px;
    text-transform: capitalize;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    color: #666 !important;
    display: block;
    padding: 15px 23px;
}

.menu-icon {
    width: 18px;
    margin-top: -8.5px;
    padding-right: 1px;
    opacity: .45;
}

.has-dropdown .menu-icon {
    width: 22px;
    margin-bottom: -7px;
    margin-right: 2px;
    -webkit-filter: invert(1) brightness(200%) !important;
    -moz-filter: invert(1) brightness(200%) !important;
    filter: invert(1) brightness(200%) !important;
    opacity: 1;
}

/*
.desk-menu{float: left;}*/

/*mob menu*/

.mob-menu-cont {
    float: right;
    margin-top: -83px;
}

.cd-dropdown-trigger i {
    padding-left: 3px
}

.cd-dropdown img {
    margin-right: 10px;
    -webkit-filter: invert(1) brightness(200%) !important;
    -moz-filter: invert(1) brightness(200%) !important;
    filter: invert(1) brightness(200%) !important;
    opacity: .8;
    width: 20px
}

.cd-dropdown img.menu-logo {
    width: 90px !important;
    height: 69px !important;
    -webkit-filter: invert(0) brightness(100%) !important;
    -moz-filter: invert(0) brightness(100%) !important;
    filter: invert(0) brightness(100%) !important;
    opacity: 1;
}

.menu-logo-cont {
    text-align: center;
    padding-top: 15px;
    padding-bottom: 15px
}

/*call nav*/

.navbar-nav.call-nav {
    float: left !important;
    margin-left: 15px
}

.call-nav li {
    float: left !important;
}

.call-nav li a {
    font-size: 14px;
    text-transform: none;
    padding: 8px 15px;
}

.call-nav li a img {
    padding-right: 5px
}

.call-nav li:last-child a {
    border-left: 1px dashed #e2e2e2;
    padding-right: 0px;
}

.call-nav {
    margin-top: 30px;
}

.call-nav-cont {
    float: right;
}

/*header social*/

ul.social {
    float: right;
    margin-bottom: 0;
    margin-top: 32px;
    margin-left: 30px
    
}

ul.social li {
    float: left;
    border: #efecec 1px dashed;
    margin-left: 4px;
}

ul.social li a {
    display: block;
   
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    font-size: 15px
}

ul.social li a .fab {
    width: 35px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    color: #f06000;
}

ul.social li a:hover .fa {
    color: #fff !important;
    animation-name: zoomIn;
    animation-duration: .5s;
    animation-iteration-count: 1;
}

/* ul.social li:hover {
    border: 1px solid white;
}

ul.social li a:hover .fa-facebook {
    background-color: #3a5797;
}

ul.social li a:hover .fa-twitter {
    background-color: #1d9dec;
}

ul.social li a:hover .fa-instagram {
    background-color: #c4007e;
}

ul.social li a:hover .fa-linkedin {
    background-color: #0271ae;
}

ul.social li a:hover .fa-pinterest {
    background-color: #ce252c;
}

ul.social li a:hover .fa-youtube-play {
    background-color: #f4000f;
} 

/*new menu*/

.menu-wrapper {
    width: 100%;
    padding-left: 30px;
    margin-left: auto;
    margin-right: auto;
    max-width: 1300px;
}

.menu-wrapper-cont {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    background-color: rgba(255, 255, 255, .99);
    min-height: 240px;
}

.has-dropdown .list-link .angle-down {
    width: 8px;
    fill: pink;
    margin: 0 0 0 4px;
    margin-top: -5px;
    line-height: inherit;
    vertical-align: middle;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

ul.main-menu-ul>li {
    list-style: none;
    display: inline-block;
    line-height: 1;
}

.main-menu-ul .list-link {
    cursor: pointer;
    position: relative;
    font-size: 15px;
    line-height: 24px;
    font-weight: 400;
    color: #666;
}

.has-dropdown .list-link {
    position: relative;
    padding-right: 16px;
    padding: 6px 6px 6px;
    display: block;
    /* color: white;
    background-color: #f06000;
    border: 2px solid #f06000; */
    margin-top: 7px;
    margin-bottom: 7px;
    border-radius: 7px;

}

.list-link {
    color: #333
}

.flex-ul {
    flex: 1;
}

.btn_ripple {
    position: relative;
    display: inline-block;
    overflow: hidden;
}

.gra {
    padding-right: 2px;
}

.menu-cont {
    float: right;
}

@media screen and (min-width: 1101px) {
    .menu-wrapper-cont {
        background-color: white;
        justify-content: center;
        padding: 30px 0 30px;
        position: absolute;
        right: 0;
        width: 735px;
        z-index: 201;
        /*visibility: hidden;*/
        display: none;
    }
    .main-menu-ul li.has-dropdown {
        z-index: 200;
    }
    .main-menu-ul li.has-dropdown:hover .menu-wrapper-cont {
        /* visibility: visible;*/
        display: block;
        opacity: 1;
        box-shadow: 0px 12px 20px 3px rgba(0, 0, 0, 0.1);
        animation-name: zoomIn;
        animation-duration: .4s;
    }
    .main-menu-ul li.has-dropdown:hover .angle-down,
    .top-bar ul li.has-dropdown:hover .angle-down {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
    }
    .hex__home_menu_solutions_wrapper li.drop-list {
        padding: 0 20px 0 0;
        margin-bottom: 5px;
        position: relative;
    }
    .main-menu-ul li.has-dropdown:hover .menu-wrapper-cont .drop-list {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
    a.drop-list-link:hover {
        text-decoration: none;
        -webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.12), inset 0 -1px 0 0 #dadce0;
        box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.12), inset 0 -1px 0 0 #dadce0;
    }
    a.drop-list-link {
        cursor: pointer;
        line-height: 1;
        padding: 15px 15px 20px;
        display: block;
        position: relative;
        height: 100%;
    }
    .menu-title {
        font-size: 17px;
        line-height: 24px;
        color: #333;
        display: block;
        margin: 0 0 3px 0;
        -webkit-transition: none;
        transition: none;
    }
    .flex-ul {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        justify-content: space-between;
        -webkit-justify-content: space-between;
        -moz-justify-content: space-between;
        -ms-justify-content: space-between;
        flex-wrap: wrap;
    }
    .drop-list-link::before {
        content: "";
        position: absolute;
        width: 1px;
        height: 78%;
        top: 11%;
        left: 0;
        z-index: 1;
        background-color: #8a1a4a;
        opacity: .15;
        -webkit-transition: none;
        transition: none;
    }
    .drop-list-link:hover::before {
        width: 3px;
        height: 100%;
        top: 0;
        opacity: .8;
    }
    li.drop-list:nth-child(3n+1) a.drop-list-link::before {
        opacity: 0;
    }
    li.drop-list li.drop-list:nth-child(n):hover a.drop-list-link::before {
        opacity: .8;
    }
}

.under-span {
    margin-top: 20px
}

*.mrg-top-0,
.single-link-top-0 {
    margin-top: 0px !important
}

.single-link-top-0 {
    cursor: pointer;
}

.single-link i {
    color: rgba(0, 0, 0, .6) !important;
    font-size: 16px;
}

.single-link {
    margin-top: 9px !important;
}

.single-link,
.single-link-top-0 {
    padding: 2px 2px;
    display: block;
    cursor: pointer;
    border: 1px solid #e2e2e2
}

.single-link .menu-title,
.single-link-top-0 .menu-title {
    font-size: 13px
}

.single-link .box,
.single-link-top-0 .box {
    background-color: #e8e8e8;
    width: 100%;
    padding: 0px 8px;
}

.single-link .box .sub-box3,
.single-link-top-0 .box .sub-box3 {
    width: 40px;
    float: right;
}

.vrt-mid .sub-box {
    vertical-align: middle;
}

.vrt-top .sub-box {
    vertical-align: top;
}

.single-link .menu-title {
    margin-bottom: 0px
}

.sub-box3 {
    padding-left: 8px
}

.menu-image {
    /* box-shadow: 2px 2px 3px silver;*/
    padding: 4px;
    border: 1px solid #ddd;
}

.fstshw {
    background-color: white !important
}

.sub1 {
    position: relative;
}

.sub1>li {
    display: block;
    border-bottom: 1px dashed #ebebeb;
    width: 280px;
    border-left: 3px solid rgba(255, 255, 255, .2);
}

.sub1>li:last-child {
    border-bottom: none;
}

.sub1>li>a {
    display: block;
    color: #333 !important;
    padding-left: 35px !important;
    position: relative;
    line-height: 42px;
    text-decoration: none !important;
    font-size: 14px;
    transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
}

.sub1 li a>i {
    position: absolute;
    right: 10px;
    top: 15px;
    display: none;
}

.sub1 li:hover {
    background-color: white;
    border-left: 3px solid #f06000;
}

.sub1>li:hover>a {
    padding-left: 25px !important;
}

.sub1>li:hover .menu-icon-ul li a {
    padding-left: auto;
}

.sub1 li:hover i {
    display: none !important;
}

.sub1 li:hover .sub2 {
    display: block !important;
}

.sub2 li:hover {
    border-left: none;
}

.fstshw .sub2 {
    display: block !important;
}

.sub2 {
    position: absolute;
    background-color: white !important;
    left: 280px;
    top: 0;
    right: 0;
    bottom: 0;
    display: none;
    overflow: auto;
    padding: 8px 30px 8px 20px;
    text-align: left;
    min-height: 240px
}

.sub2 ul>li>a {
    text-decoration: none;
    font-size: 14px !important;
    line-height: 35px;
    text-transform: capitalize !important;
    display: block;
}

/*ul.brand-list {float: left;}*/

ul.menu-icon-ul {
    float: none;
}

.menu-icon-ul li {
    width: calc(100% / 3 - 0px);
    float: left;
    padding: 5px;
    text-align: center;
    height: 105px
}

.menu-icon-ul li a {
    border: 1px solid rgba(0, 177, 106, 0.2);
    border-radius: 4px;
    display: table-cell;
    vertical-align: middle;
    color: #333;
    transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
}

.menu-icon-ul li div {
    display: table;
    width: 100%;
    height: 100%;
    text-transform: capitalize !important;
}

.menu-icon-ul li a img,
.menu-icon-ul li a span {
    display: block;
}

.menu-icon-ul li a img {
    margin: 0 auto;
    margin-bottom: 8px
}

.dpt-desc {
    margin-bottom: 20px;
    padding-top: 15px
}

.menu-icon-ul li a:hover img {
    animation-name: wobble;
    animation-duration: 1.5s;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: .9
}

.menu-icon-ul li a:hover {
    box-shadow: 0px 8px 15px 1px rgba(0, 0, 0, 0.1)
}

/*topbar*/

.top-bar {
    float: none;
}

ul.top-bar-dropdown {
    margin-top: 30px;
    min-width: 150px;
    position: absolute;
    z-index: 200;
    right: -15px;
    padding: 12px 12px;
    border-radius: 5px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: none;
    transition: none;
    background-color: white;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.12);
}

.has-dropdown:hover .top-bar-dropdown {
    opacity: 1;
    visibility: visible;
}

.top-bar ul li {
    list-style: none;
    display: inline-block;
    margin-left: 12px;
    line-height: 1;
    position: relative;
    z-index: 201;
}

.top-bar-dropdown a {
    cursor: pointer;
    font-size: 15px;
    line-height: 24px;
    font-weight: 400;
    display: block;
    padding: 5px 15px;
    border-radius: 3px;
    white-space: nowrap;
    color: #556575;
}

.top-bar-dropdown li {
    margin-left: 0px !important;
    text-align: left;
    display: block !important;
}

.top-bar-dropdown li:hover a {
    background-color: #F1F0F3
}

/*slider*/

.carousel-inner>.item>img,
.carousel-inner>.item>a>img {
    width: 100%;
    height: 650px;
    margin: auto;
}


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

.slide-overlay {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    /*background: rgba(0,0,0,.3);*/
}

/*carousel indicator*/

.carousel-indicators li {
    background: #fff;
    width: 10px;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    opacity: .6;
    border: 2px solid #fff;
}

.carousel-indicators .active {
    background-color: #f06000;
    opacity: 1;
    border: 2px solid #f06000;
    width: 25px;
    height: 13px;
    margin-bottom: -1px !important;
}

/*carousel-caption*/

.carousel-caption {
    text-shadow: none
}

.carousel-caption a {
    font-size: 14px;
    margin-left: 0px
}

.cap-head {
    font-size: 42px;
    /*color:#192f59; */
    color: #ffffff;
    font-family: Calibri, Arial, sans-serif;
    line-height: 40px;
    margin-bottom: 25px;
    text-transform: uppercase;
}

.cap-text {
    font-size: 20px;
    line-height: 30px;
    text-transform: none;
    color: white
}

.carousel-caption .line {
    margin: 0 auto
}

.home-slide-overlay {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(3, 4, 6, 0.5)
}

/*vertical align middle slide*/

/*.hero {
    position: absolute;
    width: 46%;
    height: 100%;
    top: 0px;
    right: 80px;
    z-index: 3;
    color:black;
    text-align: left;
    padding-left: 30px;
    padding-right: 30px;
}

.hgroup {
    height: 100%;
}

.hero .sub-box, .carousel-caption{
    vertical-align: middle !important; 
}

.cap-head{animation-name: fadeInUp; animation-duration: 1s; -webkit-animation-fill-mode: both;
    animation-fill-mode: both;animation-delay: 1s }

.cap-text{animation-name: fadeInDown; animation-duration: 1s;  -webkit-animation-fill-mode: both;
    animation-fill-mode: both;animation-delay: 1s }

.hero .read, .hero .boxes-btn{animation-name: fadeInLeft; animation-duration: 1s;  -webkit-animation-fill-mode: both;
    animation-fill-mode: both;animation-delay: 1s   }

.hero .boxes-btn{margin-top: 20px; color: white}

.hero .boxes-btn:before{background-color: white;}

.hero .boxes-btn:hover{color: white}

.cap-btn{animation-name: zoomInUp; animation-duration: 2.3s;}

.slide-image{position: absolute; left:60px; bottom: 0px; width: auto !important; height:80% !important;
 animation-name: slideInLeft; animation-duration: 2s;}

.slide-image.banana{left:0px;}

.slide-image-small{position: absolute; right:80px; bottom: 0px; width: auto !important; height:auto !important;
 animation-name: fadeInDownBig; animation-duration: 2.8s;  }

 .white{color: white !important}

@media (min-width: 768px) and (max-width: 991px) {
 .hero{ right: 60px; padding-right: 15px; width: 43%;}
 .cap-head{ font-size: 37px;}
 .cap-text { font-size: 22px;}
 .slide-image-small{right: 60px}
}

@media (min-width: 601px) and (max-width: 767px) {
.slide-image{ left: 30px;}
.slide-image-small{right: 30px}
.hero{padding-left: 0px; padding-right: 0px; right:30px;}
.cap-head {font-size: 32px; line-height: 32px; margin-bottom: 10px;}
.cap-text {font-size: 17px;}
}*/

/*gen*/

.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: 8px;
    padding-right: 8px
}

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
}

.sub-box2 {
    padding-left: 15px
}

.box.vert-middle .sub-box {
    vertical-align: middle;
}

.box.vert-top .sub-box {
    vertical-align: middle;
}

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

span.clear-fix {
    display: block;
}

.img-auto {
    margin: 0 auto;
    float: none;
    margin-bottom: 30px;
    box-shadow: 17px 22px 14px -14px rgba(2, 2, 2, 0.44)
}

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

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

.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;
}

h1 {
    font-size: 30px;
    text-transform: capitalize;
    padding-bottom: 5px;
    border-radius: 5px;
    line-height: 31px;
    margin-bottom: 25px;
    color: #252424;
    margin-top: 0px;
    margin-bottom: 30px;
}

h2 {
    font-size: 28px;
    text-transform: capitalize;
    padding-bottom: 5px;
    border-radius: 5px;
    margin-bottom: 25px;
    color: #252424;
    margin-top: 0px;
    margin-bottom: 15px;
}

h3 {
    font-size: 16px;
    margin-bottom: 12px;
    color: #272727;
}

h4 {
    font-size: 15px;
    color: black
}

.b {
    font-weight: bold;
    font-family: Calibri, Arial, sans-serif;
}

.p-h2 {
    margin-top: 40px
}

.p-h3 {
    margin-top: 30px;
}

.big {
    font-size: 20px;
    font-family: Calibri, Arial, sans-serif;
    color: #252424;
}

.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;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
}

.flex-left {
    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;
}

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

.text-none {
    text-transform: none !important;
}

/*welcome*/

.welcome-div {
    padding-top: 70px;
    padding-bottom: 70px;
}

.loadimg {
    display: block;
}

.college-cont {
    position: relative;
    z-index: 1;
    padding: 8px;
    margin-bottom: 15px
}

.college-img {
    width: 100%;
    border-radius: 6px;
    background-color: white;
    padding: 3px;
}

.logo-icon {
    position: absolute;
    width: 101px;
    height: 81px;
    border-radius: 7px;
    padding: 6px;
    font-size: 12px;
    background-color: rgba(255, 255, 255, 0.74);
    color: white;
    left: calc(50% - 101px/2);
    top: calc(50% - 81px/2);
    text-align: center;
    margin-bottom: 0px;
    border: 2px solid rgba(255, 255, 255, 0.74);
}

.square-up,
.square-down {
    position: absolute;
    width: 40%;
    height: 40%;
    background: #f06000;
    background: -webkit-linear-gradient(right, #f06000, #dfea2c);
    background: linear-gradient(to left, #f06000, #dfea2c);
    z-index: -1;
    border-radius: 6px
}

.square-up {
    top: 0px;
    left: 0px;
}

.square-down {
    bottom: 0px;
    right: 0px;
}

.wel-row-scnd {
    margin-top: 30px
}

.course-div,
.course-div:hover {
    color: #505050
}

.course-div {
    box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1);
    padding: 15px;
    display: block;
    border: 1px dashed #d2cece;
    border-radius: 4px;
    width: 100%
}

.wel-small-div .gen-para {
    margin-bottom: 0px
}

.welcome-sub {
    width: 100%
}

h2.wel-small-head {
    font-size: 21px;
    margin-bottom: 10px
}

.mis-col {
    text-align: center;
    color: #333;
    width: 90px;
    height: 90px;
    background-color:#f06000;
    /*box-shadow: 9px 9px 7px -6px rgba(15, 66, 71, 0.1);*/
    border: 2px solid #f06000;
    border-radius: 4px;
    padding: 8px 6px;
    font-size: 12px
}

.mis-img {
    width: 60px;
    height: 60px;
    margin-top: 5px;
    -webkit-filter: invert(1) brightness(200%) !important;
    -moz-filter: invert(1) brightness(200%) !important;
    filter: invert(1) brightness(200%) !important;
}

.sub-box-mis {
    padding-right: 20px
}

.mis-para {
    line-height: 24px;
    margin-bottom: 0px
}

.read {
    transition: all .4s linear;
    -webkit-transition: all .4s linear;
    -moz-transition: all .4s linear;
    display: table;
    margin-top: 20px;
    padding: 5px 13px 4px;
    text-align: center;
    border: 2px solid#f06000;
    border-radius: 6px;
}

.read:hover {
    transform: translateX(10px);
    box-shadow: -15px 11px 20px -9px rgba(0, 109, 65, 0.73);
    border-radius: 20px;
    border: 2px dotted#f06000;
}

.read:hover span {
    animation-name: jello;
    animation-duration: 1s;
    cursor: pointer
}

.read span {
    display: inline-block;
    padding: 3px 0px 3px 3px;
    color: #f06000;
    font-weight: bold;
}

.read.black {
    color: #252424;
}

.read.black:hover {
    color: #252424;
}

.read.black:hover span {
    color: #252424;
}

.read.white {
    color: white;
}

.read.white:hover {
    color: white;
}

.read.white:hover span {
    color: white;
}

.princ-message .read.white {
    border-color:#f06000;
}

.princ-message .read.white span {
    color: #f06000
}

.princ-message .read.white:hover span {
    color: white
}

/*news and events*/

.sub-para {
    color: #555;
    font-size: 17px
}

.sub-box-nws {
    padding-right: 20px
}

.nws-div {
    padding-top: 70px;
    padding-bottom: 70px
}

.entry-month,
.entry-year,
.entry-day {
    display: block;
}

.entry-day {
    font-family: 'rubikbold';
    font-size: 32px;
    line-height: 30px;
    color: #f06000;
    margin-top: 1px;
}

.entry-month {
    text-transform: uppercase;
    font-size: 10px;
    margin-top: 4px;
}

.entry-year {
    font-size: 11px;
}

.news-date div {
    text-align: center;
    color: #333;
    width: 80px;
    background-color: white;
    box-shadow: 9px 9px 7px -6px rgba(15, 66, 71, 0.1);
    border: 1px dashed #f06000;
    border-radius: 4px;
    padding: 8px 6px;
    font-size: 12px
}

.news-title {
    font-family: Calibri, Arial, sans-serif;
    margin-bottom: 10px !important;
    line-height: 23px;
    color: #252424;
    font-size: 16px;
}

.news-desc {
    font-size: 13px;
    line-height: 24px;
    margin-bottom: 0px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    max-height: 45px;
}

.block-hdnews {
    background-color: white;
    text-align: left;
    box-shadow: 0px 12px 20px 3px rgba(12, 1, 72, 0.1);
    padding: 20px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    height: calc(350px + 30px);
    overflow: hidden;
}

.news {
    padding-top: 0px;
    padding-bottom: 30px
}

.block-hdnews .sub-box {
    vertical-align: top
}

.list-wrpaaer {
    height: 350px;
    position: relative;
    overflow: hidden;
    background-color: white;
}

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

span.clear-fix {
    display: block;
}

/* .block-hdnews {} */

ul.news {
    padding: 0px;
    padding: 0px
}

.news li {
    margin-bottom: 20px;
    padding: 0px 0px;
    background-color: white;
}

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

.news li,
.news li a {
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    -moz-transition: all 0.5s;
}

.news hr {
    border-bottom: 1px dashed silver;
    border-top: none;
    margin-bottom: 0px;
    margin-top: 15px
}

.news-head {
    padding: 11px 15px;
    font-size: 17px;
    margin-bottom: 0px;
    background-color: #d41f27;
    color: white;
    text-transform: capitalize;
    font-family: Calibri, Arial, sans-serif;
    position: relative;
    z-index: 2;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
}

/*events*/

.eve-img {
    height: 146px;
    overflow: hidden;
    position: relative;
}

.eve-img img {
    margin: 0 auto;
    width: 100%
}

.eve-img-cont {
    width: 200px
}

.eve-dtl-cont {
    width: calc(100% - 200px);
    padding-left: 20px
}

.eve-img-cont,
.eve-dtl-cont {
    float: left;
}

.eve-date {
    color: #a9a7a7;
    font-family: Calibri, Arial, sans-serif;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 6px;
    margin-top: 15px
}

.news-date-ev {
    position: absolute;
    width: 80px;
    height: 54px;
    padding: 11px 6px;
    font-size: 12px;
    text-transform: capitalize;
    background-color: #f06000;
    color: white;
    right: 0px;
    top: 0px;
    text-align: center;
    margin-bottom: 0px;
}

/*principals message*/

.message-para {
    font-family: Calibri, Arial, sans-serif;
    line-height: 26px;
    letter-spacing: .6px;
    font-size: 16px;
    margin-top: 15px;
    margin-bottom: 18px
}

.parallax-div h2 {
    color: white !important;
    font-weight: normal !important;
}

.quote {
    color: rgba(255, 255, 255, 0.35);
    font-size: 18px
}

.parallax-div {
    padding-top: 100px !important;
    padding-bottom: 100px !important
}

.princ-details {
    text-align: left;
    margin-bottom: 20px;
    border-bottom: 1px dashed #f06000;
    padding-bottom: 15px;
}

.princ-name {
    font-family: Calibri, Arial, sans-serif;
    font-size: 20px;
}

.princ-name span {
    color: #d6dcae;
    font-size: 16px;
    margin-bottom: 5px;
    font-family: Calibri, Arial, sans-serif;
    padding-left: 3px
}

.princ-pos {
    color: #fdea08;
    font-size: 16px;
    margin-bottom: 5px;
}

.princ-col img {
    border-radius: 6px;
    z-index: 1;
    height: 218px;
    width: 293px;
    position: relative;
}

.princ-col .square-up,
.princ-col .square-down {
    z-index: 0
}

.princ-text-col {
    padding-left: 20px;
    border-left: 1px dashed#f06000;
}

.h-line {
    width: 66%;
    margin: 0 auto;
    border-top: 1px dashed #b9b7b7;
}

.princ-msg {
    line-height: 24px;
    font-size: 16px;
    font-family: Calibri, Arial, sans-serif;
}

.h-line {
    width: 70%;
    margin: 0 auto;
    border-top: 1px dashed #f06000;
}

/*quality policy*/

.quality-div {
    padding-top: 70px;
    padding-bottom: 70px
}

.quality-div h2 {
    font-size: 22px;
    margin-top: 17%
}

.useful-links li a {
    box-shadow: 2px 3px 10px rgba(0, 0, 0, .1);
    display: block;
    height: 42px;
    border-left: 2px solid #eaeaea;
    padding: 2px;
    border-radius: 3px;
    color: #f06000;
    position: relative;
    background-color: white;
    padding-left: 52px;
    border-radius: 20px;
    font-size: 14px;
}

.useful-links li {
    margin-bottom: 15px;
}

.useful-links li i {
    position: absolute;
    left: 2px;
    top: 2px;
    width: 38px;
    height: 38px;
    background-color: #eaeaea;
    color:#f06000;
    line-height: 38px;
    text-align: center;
    border-radius: 100%;
    font-size: 16px;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
}

.useful-links li span {
    display: inline-block;
    line-height: 38px
}

.useful-links li a:hover i {
    background-color: #f06000;
    color: white;
    animation-name: zoomIn;
    animation-duration: .8s;
}

/*accordion*/

#accordion .panel {
    border: none;
    border-radius: 0;
    margin-bottom: 15px;
    border-radius: 5px;
}

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

#accordion .panel-title a {
    display: block;
    padding: 4px 30px 4px 30px;
    font-size: 17px;
    /*font-family: 'rubikmedium';*/
    position: relative;
    transition: all 0.5s ease 0s;
    border-radius: 5px;
    box-shadow: none;
    color: white;
    background-color: #192f59;
    border-bottom-right-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
}

#accordion .panel-title a.collapsed {
    border-left: none;
    border-bottom-right-radius: 5px !important;
    border-bottom-left-radius: 5px !important;
    color: white;
    background: #e28743;
}

#accordion .panel-title a.collapsed i {
    color: #3A93C6
}

#accordion .panel-title a:after,
#accordion .panel-title a.collapsed:after {
    content: "^";
    font-family: FontAwesome;
    width: 22px;
    height: 22px;
    border-radius: 20px;
    text-align: center;
    position: absolute;
    top: 21%;
    right: 10px;
    /*background: #F4583D;
    color: #fff;*/
    line-height: 25px;
    color: #ffffff;
    border: 2px solid #ffffff;
}

#accordion .panel-title a.collapsed:after {
    content: "^";
    line-height: 25px;
    color: white;
    border: 1px solid white;
}

.panel-title {
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    display: block !important;
}

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

#accordion .panel-body {
    color: #484747;
    line-height: 25px;
    background: white;
    padding: 20px;
    border: none;
    border-top-right-radius: 0px !important;
    border-top-left-radius: 0px !important;
    transition: all 0.5s ease 0s;
    border-radius: 5px;
    box-shadow: 0 0px 30px rgba(0, 0, 0, 0.18);
    -webkit-box-shadow: 0 0px 30px rgba(0, 0, 0, 0.18);
    -moz-box-shadow: 0 0px 30px rgba(0, 0, 0, 0.18);
}

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

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

.aco-head-date {
    width: calc(100% - 105px);
    display: block;
    float: left;
    text-transform: uppercase;
    font-family: Calibri, Arial, sans-serif;
}

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

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

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

.panel .date {
    width: 98px;
    float: right;
    padding: 0px 3px -1px;
    margin-top: 8px;
    display: block;
    overflow: hidden;
    text-align: center;
    font-size: 12px;
    border-left: 2px solid #B7E0E8;
    line-height: 19px;
}

#accordion .panel-title a .date {
    border-left: 2px solid #FAD61C;
    color: white
}

#accordion .panel-title a.collapsed .date {
    border-left: 2px solid #FAD61C;
    color: #f06000
}

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

.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;
    margin: 0 auto
}

.panel .grid-link {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    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;
}

.panel .gen-list,
.panel .table-responsive {
    margin-top: 0px
}

.panel .gen-list {
    text-align: justify;
}

.panel h3 {
    font-family: Calibri, Arial, sans-serif;
    color: #141F27;
    margin-top: 25px;
    margin-bottom: 15px;
    font-size: 17px;
    box-shadow: 3px 8px 14px -4px #e6f5ec;
    border-left: 3px solid #BCE8F1;
    background-color: #F3FAF6;
    border-bottom: 1px solid #BCE8F1;
    padding: 7px;
    border-bottom-left-radius: 10px;
    border-top-right-radius: 10px;
}

.panel h4 {
    font-size: 16px;
}

.timeline-accordion#accordion .panel-body {
    line-height: inherit;
}

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

.home-acco-para {
    margin-bottom: 0px;
    max-height: 104px;
    overflow: hidden;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    display: -webkit-box;
}

/*innerpage accordion*/

.panel-new-title {
    display: block !important;
    border: 1px dashed #f06000;
    margin-bottom: 0px;
    line-height: 33px;
}

.panel-new-title .aco-head {
    width: 100%
}

#accordion .panel-new-title a.collapsed {
    color: #f06000;
    background: #f1fff9;
}

#accordion .panel-new-title a {
    color: white;
    /*background-color: rgba(238, 71, 117, 0.21);*/
    background-color: #f06000;
    /* font-size: 15px */
}

#accordion .panel-new-title a.collapsed:after {
    color: #f06000;
    border: 1px solid#f06000;
}

.panel .gal-col img {
    box-shadow: 17px 22px 14px -14px rgba(2, 2, 2, 0.44);
    border: 3px solid #f06000;
}

/*faculty*/

.faculty {
    border-radius: 6px;
    /* border: 1px solid rgba(161, 230, 211, 0.88); */
    /* box-shadow: 0 1px 9px 0 rgba(72, 97, 86, 0.28); */
    padding: 1px;
    background-color: #f06000;
    border: 1px solid #f06000;
    margin-bottom: 20px;
}

.faculty img {
    display: block;
    border-radius: 4px;
    margin: auto;
    cursor: pointer;
    width: 100%;
    transition: all .4s ease-in;
    -webkit-transition: all .4s ease-in;
    -moz-transition: all .4s ease-in;
}

.faculty-dtl {
    text-align: center;
    padding: 5px 0px;
}

.fac-name {
    font-family: Calibri, Arial, sans-serif;
    color: #ffffff;
    font-size: 16px;
    margin-bottom: 2px;
    margin-top: 5px
}

.fac-desi {
    color: #efff00;
    font-size: 13px;
    margin-bottom: 5px;
}

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

.faculty-cont {
    padding-left: 5px;
    padding-right: 5px;
}

.faculty:hover img {
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.faculty figure {
    overflow: hidden;
}

/*rank holders*/

.rank-holder {
    border-radius: 6px;
    padding: 1px;
    border: 1px solid #d4d4d4;
    margin-bottom: 20px;
}

.rank-holder img {
    display: block;
    border-radius: 4px;
    margin: auto;
    cursor: pointer;
    width: 100%;
    transition: all .4s ease-in;
    -webkit-transition: all .4s ease-in;
    -moz-transition: all .4s ease-in;
}

.rank-holder:hover img {
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.rank-holder figure {
    overflow: hidden;
}

.rank-name {
    font-family: Calibri, Arial, sans-serif;
    color: #f06000;
    font-size: 16px;
    margin-bottom: 2px;
    margin-top: 5px
}

.rank-desi {
    color: #979797;
    font-size: 13px;
    margin-bottom: 2px;
}

.r-figure {
    position: relative;
}

.r-figure .rank {
    background-color: #f10c01;
    color: #fff;
    position: absolute;
    top: 8px;
    left: 8px;
    line-height: 21px;
    padding: 3px 6px 1px;
    border-radius: 3px;
    font-size: 14px;
}

.r-date {
    font-size: 11px;
    margin-bottom: 2px;
}

/*contact*/

.cnt-icon {
    font-size: 20px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    background-color:#f06000;
    color: white;
    text-align: center;
    border-radius: 100%;
}

.cnt-box {
    background-color: #f3f3f3;
    padding: 80px 30px;
    border-radius: 8px
}

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

.cnt-box p {
    font-size: 16px;
    line-height: 24px;
}

.fir-box {
    margin-bottom: 15px
}

.fa-envelope.cnt-icon {
    font-size: 16px;
    line-height: 28px
}

.itm-iframe {
    border: 2px solid #f06000;
    width: 100%;
    height: 420px;
    border-radius: 6px
}

/*footer*/

.footer-main {
    background-image: url(../img/images/footer-bg.jpg);
    background-size: cover;
    background-position: center;
}

.top-footer-cont {
    background-color: rgba(20, 22, 23, 0.89)
}

.footer-result {
    text-align: center;
    width: 160px;
    padding: 10px 15px 10px;
    display: block;
    font-size: 15px;
    color: #f06000;
    border: 1px solid #f06000;
    margin-top: 20px;
    margin-bottom: 7px;
    border-radius: 7px;
    font-weight: bold;
    font-family: Calibri, Arial, sans-serif;
}

.footer-result:hover {
    color: rgba(255, 255, 255, 0.62);
    border: 1px solid rgba(255, 255, 255, 0.62);
}

.footer-result i {
    font-size: 16px;
    padding-right: 3px
}

.line-cont {
    padding-left: 40px
}

.ft-more-col {
    border-left: 1px solid rgba(4, 20, 21, 0.45);
}

.top-footer1 .box .sub-box {
    vertical-align: middle;
}

.fl-right {
    float: right;
}

.top-footer1 {
    color: white;
    font-family: Calibri, Arial, sans-serif;
    font-size: 17px;
    padding-bottom: 0px;
    background-color: #3b3c3b;
}

.ft-box-col {
    border-right: 1px solid rgba(255, 255, 255, .4);
}

.top-footer1 .box.fl-right {
    padding-right: 15px
}

.top-footer1 .box.fl-left {
    padding-left: 15px
}

.footer-logo {
    margin-top: 30px;
}

.footer-logo img {
    width: 260px;
    margin-bottom: 12px
}

.footer-para {
    line-height: 26px
}

.sub-box2 {
    padding-left: 15px
}

.phone {
    color: white
}

.phone-box i {
    font-size: 20px
}

.address-col ul li {
    margin-bottom: 5px
}

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

.address-col .box img {
    margin-top: -16px
}

.address-col p.address {
    line-height: 21px;
    margin-bottom: 0px
}

.address-col .box.phone-box {
    margin-right: 18px;
    margin-bottom: 15px;
    padding-top: 15px;
}

.address-cont {
    border-right: 1px solid rgba(146, 143, 143, 0.1);
    width: 100%;
}

.foot-col {
    padding-left: 40px
}

.address-cont {
    padding-right: 40px
}

footer {
    color: rgba(255, 255, 255, 0.62)
}

footer a {
    color: rgba(255, 255, 255, 0.62)
}

footer a:hover {
    color: #f06000
}

.footer-border {
    border-top: 1px solid rgba(4, 20, 21, 0.45);
    border-bottom: 1px solid rgba(146, 143, 143, 0.1);
    margin-bottom: 30px
}

.bottom-social {
    padding-bottom: 30px;
}

.social-head {
    font-size: 15px;
    text-transform: uppercase;
    line-height: 33px;
    color: white;
    font-family: Calibri, Arial, sans-serif;
    font-weight: bold;
}

.phone-number {
	font-family: 'calibri';
    font-size: 15px;
}

.quick-link li {
    display: block;
    margin-bottom: 5px;
}

.quick-link li a {
    padding: 1px 0px;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    color: rgba(255, 255, 255, 0.62);
    display: block;
}

.quick-link li a:hover {
    transform: translateX(3px);
    -webkit-transform: translateX(3px);
    -moz-transform: translateX(3px);
}

.quick-link li:hover a {
    color: #ffc446
}

.note {
    color: #c6ecb2;
    font-size: 12px;
    line-height: 20px;
}

i.sp-icon {
    width: 38px;
    height: 38px;
    line-height: 36px;
    border: 1px solid white;
    background-color: white;
    color: #2A3A6B;
    text-align: center;
    border-radius: 100%;
    position: relative;
    font-size: 16px
}

i.sp-icon:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    bottom: -8px;
    right: 8px;
    margin-top: -3px;
    border-width: 10px 10px 0 10px;
    border-style: solid;
    border-color: white transparent;
}

.cnt-head {
    color: black;
    margin-bottom: 0px;
    font-size: 14px;
}

/*.fb i{background-color: #4064ad}
.ins i{background-color: #9d41a9}
.yel i{background-color: #f70000}*/

.footer-social {
    display: block;
    float: left;
    margin-top: -7px;
}

.footer-social li a {
    border-radius: 100%;
    line-height: 45px !important;
    color: #505050;
    font-size: 17px;
}

.footer-social li {
    cursor: pointer;
}

.footer-social li:last-child {
    margin-right: 0px
}

.footer-social li:hover a {
    color: #505050;
    animation-name: flipInY;
    animation-duration: 1s;
}

.footer-social i,
.contact-details i {
    width: 35px;
    height: 35px;
    line-height: 32px;
    text-align: center;
    font-size: 14px;
}

.footer-social i {
    color: white;
    box-shadow: 0px 7px 17px 2px rgba(0, 0, 0, .38);
    border: 1px solid rgba(255, 255, 255, 0.38);
}

.footer-first-col p {
    color: #403d3d
}

.bt-footer-cont {
    background-color: rgb(59, 60, 59);
}

.bottom-footer {
    padding-top: 20px;
    padding-bottom: 10px;
    font-size: 14px;
    color: rgba(255, 255, 255, 0.62);
    font-size: 13px;
}

.footer-bottom-col {
    background-color: rgba(16, 15, 15, 0.36);
    margin-bottom: 30px
}

.right-pw-cont {
    padding-top: 12px
}

.foot-head {
    color: white;
    text-transform: uppercase;
    font-weight: bold;
    font-family: Calibri, Arial, sans-serif;
    font-size: 15px;
    line-height: 15px;
}

.line {
    width: 70px;
    height: 4px;
    border-radius: 20px;
    background:#f06000;
    background: -webkit-linear-gradient(right,#f06000, #dfea2c);
    background: linear-gradient(to left, #f06000, #dfea2c);
    margin-bottom: 25px;
}

.line-h.text-center .line {
    margin: 0 auto;
    margin-bottom: 25px
}

.line-h h1 {
    margin-bottom: 8px
}

.add-head {
    font-size: 18px;
    margin-bottom: 15px;
}

.srv {
    color: rgba(255, 255, 255, .68)
}

.srv:hover,
.srv:focus,
.srv:active {
    color: white
}

.box-vr-top .sub-box {
    vertical-align: middle;
}

.box-vr-top .sub-box .ft-sr-head {
    margin-bottom: 0px
}

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

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

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

.address-col {
    color: rgba(255, 255, 255, 0.62);
}

.add-para {
    line-height: 24px;
    margin-bottom: 15px
}

.footer-first-col .box,
.contact-details .box {
    margin-bottom: 5px
}

.top-footer {
    padding-top: 100px;
    padding-bottom: 30px;
}

footer .phone-box .add-para,
.in-contact .phone-box .add-para {
    margin-bottom: 0px
}

footer .box.phone-box .sub-box,
.in-contact .box.phone-box .sub-box {
    vertical-align: top;
}

.in-contact .box.phone-box {
    margin-bottom: 20px
}

/*form*/

input[type=text],
input[type=tel],
input[type=email],
input[type=password],
input[type=date],
textarea,
select {
    margin-bottom: 13px;
    border: none;
    min-height: 40px;
    line-height: 24px;
    border-radius: 0px;
    padding: 4px 15px;
    transition: all 0.3s ease;
    outline: none;
    width: 100%;
    color: #333;
}

textarea {
    height: 155px;
}

.cnt-message {
    margin-bottom: 13px
}

input[type=text]:focus,
textarea:focus {
    border-bottom: 1px solid #e28743 !important;
}

iframe {
    width: 100%;
    height: 320px;
    border: 1px solid #DBDDF7 !important;
    border: none;
}

.iframe-adrs {
    margin-bottom: 30px
}

.submit {
    padding: 8px 22px;
    transition: all .4s ease;
    -webkit-transition: all 0.4s ease;
}

.submit i {
    color: #C49718;
}

.submit:hover {
    color: white
}

.submit:hover i {
    color: white
}

.msg-col {
    margin-top: 20px
}

.bg-cnt {
    background-color: #F2F3FF;
    padding: 8px;
    border-radius: 4px;
    border: 1px solid #DBDDF7;
}

.message {
    margin-bottom: 25px;
}

/************************************************************************************/

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

/************************************************************************************/

.inner-page-slide {
    position: relative;
    background-image: url(../img/images/footer-bg.jpg);
    background-size: cover;
    background-position: top center;
    height: 350px;
}

.in-bg-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    background-color:rgba(150, 80, 0, 0.5);
    border-bottom: 8px solid #f06000c9;
}

.inner-slide-cont {
    height: 100%;
}

.inner-slide-cont .box,
.inner-slide-cont .box .sub-box {
    width: 100%;
    height: 100%;
}

.inner-slide-cont .box .sub-box {
    vertical-align: bottom;
}

.in-main-col {
    padding-top: 60px;
    padding-bottom: 60px;
}

.slide-in {
    padding-left: 15px;
    padding-right: 15px;
}

.slide-in .sub-para {
    color: white
}

.slide-in-sub {
    display: table;
    padding: 30px 45px 20px;
    background-color:rgb(205 205 205 / 69%);
    border-top-right-radius: 12px;
    border-top-left-radius: 12px;
    border: 2px solid #f06000;
    border-bottom: none;
}

.slide-in-sub .line {
    margin-bottom: 30px;
    margin-top: -34px;
    width: 110px;
    height: 8px
}

/*breadcrumb*/

.breadcrumb {
    background-color: transparent;
    margin-bottom: 0px;
    font-family: Calibri, Arial, sans-serif;
    text-transform: uppercase;
    margin-top: 5px;
    border-top: 1px dashed rgba(255, 255, 255, .6);
    border-radius: 0px;
    padding: 8px 0px;
}

.breadcrumb li a {
    color: white;
    font-size: 14px;
}

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

.breadcrumb li.active a {
    color: #fdea08 !important;
}

.breadcrumb>li+li:before {
    /* content: "\f111"; */
    font-family: Calibri, Arial, sans-serif;
    font-size: 10px;
    position: relative;
    bottom: 3px;
    padding-left: 7px;
    padding-right: 7px
}

/*gen list*/

.gen-list li {
    padding-left: 35px;
    margin-bottom: 12px;
    line-height: 24px
}

.gen-list li::before {
    content: "\2714";
    color: #f06000;
    margin-right: 10px;
}


.gen-sub-list {
    margin-top: 15px
}

.gen-sub-list li:before {
    color: #192f59;
}

.gen-list-just li {
    text-align: justify;
}

/*form*/

.message input[type=text],
.message input[type=tel],
.message input[type=email],
.message input[type=password],
.message input[type=date],
.message textarea,
.message select {
    margin-bottom: 15px;
    border: 1px solid #CACACE !important;
    border: none;
    border-radius: 4px;
    padding: 6px 12px;
    transition: all 0.3s ease;
    outline: none;
    width: 100%;
    color: #333;
}

textarea {
    height: 100px;
}

.enquiry-head {
    background-color: white;
    color: white;
    padding: 10px;
    font-size: 17px;
    margin-bottom: 10px;
    text-align: center;
    line-height: 1.1;
}

.message .form-group {
    margin-bottom: 0px;
}

.cnt-message {
    margin-bottom: 13px
}

.message input[type=text]:focus,
.message textarea:focus {
    border: 1px solid #f06000!important;
}

.subs-form input[type=text],
.subs-form input[type=tel],
.subs-form input[type=email],
.subs-form input[type=password],
.subs-form input[type=date],
.subs-form textarea,
.subs-form select {
    min-height: 50px;
    border: 1px solid rgba(58, 81, 103, .52) !important;
    background-color: rgba(255, 255, 255, .7)
}

.subs-form .send-btn {
    min-height: 50px;
    width: 100%;
    border-radius: 5px;
    font-size: 12px;
    letter-spacing: 1px
}

.send-btn {
    padding: 8px 20px 7px;
    display: block;
    color: white;
    background-color: #f06000;
    border: 2px solid #e28743;
    border-radius: 6px;
}

.send-btn:hover {
    background-color: #f06000
}

label {
    font-size: 14px;
}

.star {
    color: red
}

.inn-contact .img-divider {
    margin-top: 30px;
    margin-bottom: 60px
}

iframe {
    height: 430px;
}

.get-in-form {
    padding: 35px 30px;
    border-radius: 5px;
    background-color: hsla(0, 0%, 100%, .8);
    box-shadow: 0 6px 20px 0 rgba(0, 0, 0, .2);
}

/*table responsive*/

/*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 white;
}

.color-table th {
    font-weight: normal;
    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 #DDECCC;
    border-top: none;
    border-right: none;
}

.table-responsive {
    color: black;
    border-radius: 8px;
    border: 1px solid rgba(1, 177, 105, 0.24);
    margin-bottom: 10px;
    padding: 0px;
}

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

.table>tbody>tr>th {
    padding: 12px 18px !important;
}

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

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

.table>tbody>tr>th {
    color: #057b4c !important;
    font-weight: 700;
    font-size: 15px;
}

.table>tbody>tr>td {
    line-height: 29px;
    font-size: 13px;
}

.table>tbody>tr>td,
.table>tfoot>tr>td,
.table>thead>tr>td,
.table>tbody>tr>th {
    border-top: 1px rgba(1, 177, 105, 0.24) dashed !important;
    border-right: 1px rgba(1, 177, 105, 0.24) dashed !important;
    padding: 8px 18px;
    color: #383636;
}

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

.table>tbody>tr>td:last-child,
.table>tbody>tr>th:last-child {
    border-right: none !important;
}

.table>tbody>tr:nth-child(even) {
    background-color: rgb(255, 255, 255);
}

.table>tbody>tr:nth-child(odd) {
    background-color: rgba(3, 241, 115, 0.2);
}

/*rewriting default settings*/

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

.navbar-toggle .icon-bar {
    display: block;
    width: 15px;
    height: 3px;
    border-radius: 0px;
}

.navbar-toggle .icon-bar+.icon-bar {
    margin-top: 2px;
}

.navbar-toggle {
    background-color: #414241;
    border-radius: 0px;
    cursor: pointer !important
}

/*general for innerpage*/

.in-body h1 {
    padding-left: 0px;
    padding-right: 0px;
    color: white;
    margin-bottom: 0px;
    font-size: 56px;
    line-height: 56px;
    box-shadow: none;
}

.in-body h2 {
    font-size: 22px;
    line-height: 35px;
    margin-bottom: 0px
}

.in-body h3 {
    font-size: 20px;
    line-height: 20px;
    margin-bottom: 20px;
}

.in-body h4 {
    font-size: 18px;
    line-height: 20px;
    margin-bottom: 20px;
}

.img-left {
    float: left;
    margin-right: 30px;
    margin-bottom: 30px;
    box-shadow: 17px 22px 14px -14px rgba(2, 2, 2, 0.44)
}

.border-img {
    border-radius: 5px;
    border: 3px solid white;
}

.pos {
    font-family: Calibri, Arial, sans-serif;
    font-size: 18px;
    color: #00B16A
}

.p-line {
    font-family: Calibri, Arial, sans-serif;
    color: #192f59;
    padding-right: 5px
}

.mng-col {
    margin-bottom: 30px
}

.shd-box {
    box-shadow: 0 0 20px rgba(0, 0, 0, .1);
    border-radius: 6px;
    padding: 20px;
}

/*departments*/

.box_detail {
    border: 1px solid #ededed;
    background-color: #f8f8f8;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    margin-bottom: 30px;
}

.box_detail hr {
    border-bottom: 1px solid #ededed;
    border-top: none;
    margin-top: 0px;
    margin-bottom: 0px
}

.box_detail h3 {
    margin-bottom: 15px
}

.box_detail_sub {
    padding: 25px 25px 15px;
}

.dpt-phone {
    border: none;
    background: #3f9fff;
    outline: 0;
    display: inline-block;
    text-decoration: none;
    padding: 15px 30px;
    color: #fff;
    font-weight: 600;
    line-height: 1;
    transition: all .3s ease-in-out;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    width: 100%;
    text-align: center;
    margin-bottom: 5px;
}

.dpt-mail {
    border: 2px solid #3f9fff;
    color: #3f9fff;
    padding: 11px 18px;
    background: 0 0;
    margin-bottom: 10px
}

.dpt-phone i {
    padding-right: 3px;
    font-size: 16px
}

.dpt-phone span {
    position: relative;
    top: -1px;
}

.motto {
    text-align: center;
    line-height: 26px;
    font-size: 16px;
    font-family: Calibri, Arial, sans-serif;
}

.spc-col {
    padding-right: 30px
}

.useful-links img {
    width: 36px;
    height: 24px;
    border-right: 1px solid #ecebeb;
    padding-right: 10px;
    position: absolute;
    top: 9px;
    left: 16px;
}

.box_detail .useful-links span {
    padding-left: 12px
}

.box_detail .useful-links li a {
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    border-radius: 4px
}

.box_detail .useful-links li a:hover {
    margin-left: 30px;
    border-top-left-radius: 30px;
    border-bottom-left-radius: 12px
}

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

/*gallery*/

.demo-gallery>ul {
    margin-bottom: 0;
}

.demo-gallery>ul>li {
    float: left;
    margin-bottom: 15px;
}

.demo-gallery>ul>li a {
    border: 3px solid #FFF;
    display: block;
    overflow: hidden;
    position: relative;
    float: left;
    margin-bottom: 15px;
}

.demo-gallery>ul>li a>img {
    -webkit-transition: -webkit-transform 0.15s ease 0s;
    -moz-transition: -moz-transform 0.15s ease 0s;
    -o-transition: -o-transform 0.15s ease 0s;
    transition: transform 0.15s ease 0s;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    height: 100%;
    width: 100%;
}

.demo-gallery>ul>li a:hover>img {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
}

.demo-gallery>ul>li a:hover .demo-gallery-poster>img {
    opacity: 1;
}

.demo-gallery>ul>li a .demo-gallery-poster {
    background-color: rgba(0, 0, 0, 0.1);
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: background-color 0.15s ease 0s;
    -o-transition: background-color 0.15s ease 0s;
    transition: background-color 0.15s ease 0s;
}

.demo-gallery>ul>li a .demo-gallery-poster>img {
    left: 50%;
    margin-left: -10px;
    margin-top: -10px;
    opacity: 0;
    position: absolute;
    top: 50%;
    -webkit-transition: opacity 0.3s ease 0s;
    -o-transition: opacity 0.3s ease 0s;
    transition: opacity 0.3s ease 0s;
}

.demo-gallery>ul>li a:hover .demo-gallery-poster {
    background-color: rgba(0, 0, 0, 0.5);
}

.demo-gallery .justified-gallery>a>img {
    -webkit-transition: -webkit-transform 0.15s ease 0s;
    -moz-transition: -moz-transform 0.15s ease 0s;
    -o-transition: -o-transform 0.15s ease 0s;
    transition: transform 0.15s ease 0s;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    height: 100%;
    width: 100%;
}

.demo-gallery .justified-gallery>a:hover>img {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
}

.demo-gallery .justified-gallery>a:hover .demo-gallery-poster>img {
    opacity: 1;
}

.demo-gallery .justified-gallery>a .demo-gallery-poster {
    background-color: rgba(0, 0, 0, 0.1);
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: background-color 0.15s ease 0s;
    -o-transition: background-color 0.15s ease 0s;
    transition: background-color 0.15s ease 0s;
}

.demo-gallery .justified-gallery>a .demo-gallery-poster>img {
    left: 50%;
    margin-left: -10px;
    margin-top: -10px;
    opacity: 0;
    position: absolute;
    top: 50%;
    -webkit-transition: opacity 0.3s ease 0s;
    -o-transition: opacity 0.3s ease 0s;
    transition: opacity 0.3s ease 0s;
}

.demo-gallery .justified-gallery>a:hover .demo-gallery-poster {
    background-color: rgba(0, 0, 0, 0.5);
}

.demo-gallery .video .demo-gallery-poster img {
    height: 48px;
    margin-left: -24px;
    margin-top: -24px;
    opacity: 0.8;
    width: 48px;
}

.demo-gallery.dark>ul>li a {
    border: 3px solid #04070a;
}

.home .demo-gallery {
    padding-bottom: 80px;
}

.demo-gallery li img {
    border-radius: 8px;
    -webkit-filter: saturate(0.8);
    filter: saturate(0.8);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    width: 250px;
    height: 200px;
}

.demo-gallery li a {
    box-shadow: 5px 7px 12px 0px rgba(104, 105, 105, 0.42);
    border-radius: 8px;
}

.demo-gallery li a:hover img {
    -webkit-filter: sepia(0);
    filter: sepia(0);
    width: 100%;
}

.demo-gallery>ul {
    width: 100%
}

.gal-cont .gal-name {
    color: #555;
    margin-bottom: 5px;
    font-size: 13px;
    margin-top: 8px;
    text-align: center;
}

/************************************************************************************/

/************************************ 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: 13px 20px 13px 20px !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) {
    .pd-2-35 {
        max-width: 1300px;
        margin-left: auto;
        margin-right: auto;
    }
}

@media (max-width: 1299px) {
    ul.social {
        margin-left: 15px
    }
}

@media (min-width: 1200px) {
    .mob-menu {
        display: none !important;
    }
    .desk-menu {
        display: block !important;
    }
}

@media (max-width: 1199px) {
    .desk-menu .navbar-nav li a {
        border-bottom: 1px dashed #ebebeb;
        padding: 14px 15px
    }
    .quality-div h2 {
        margin-top: 0%
    }
    .mob-menu {
        display: inline-block !important;
    }
    .desk-menu {
        display: none !important;
    }
    .navbar-nav.call-nav {
        display: none;
    }
    header ul.social {
        margin-right: 112px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .exp-spc-col .box_detail_sub {
        padding: 25px 20px 15px;
    }
    .exp-spc-col.spc-col {
        padding-right: 15px;
    }
    .eve-img-cont {
        width: 190px
    }
    .eve-dtl-cont {
        width: calc(100% - 190px)
    }
    .line-cont,
    .foot-col {
        padding-left: 30px;
    }
    .address-col:first-child .foot-col {
        padding-left: 15px;
    }
    .phone-number {
        font-size: 17px;
    }
}

@media (min-width: 768px) and (max-width: 1199px) {
    .welcome-sub .box .sub-box {
        display: block;
        text-align: center;
    }
    .welcome-sub .sub-box-mis {
        padding-right: 0px;
        padding-bottom: 20px
    }
    .welcome-sub .mis-col {
        margin: 0 auto
    }
    .welcome-sub .box {
        width: 100%
    }
}

@media (max-width: 991px) {
    .box_detail {
        margin-top: 30px
    }
    .phn-email {
        width: 436px;
        margin: 0 auto;
    }
    .spc-col {
        padding-right: 15px;
    }
    .shd-box {
        padding: 18px 15px
    }
    header ul.social {
        display: none;
    }
    .welcome-div .college-cont {
        margin-top: 30px !important;
        margin: 0 auto
    }
    .college-cont {
        display: table;
        margin-bottom: 30px !important;
        margin: 0 auto;
    }
    .eve-col .block-hdnews {
        margin-bottom: 30px
    }
    .quality-third {
        margin-top: 30px
    }
    .ft-qk-link {
        display: none;
    }
    .line-cont {
        padding-left: 0px
    }
    .ft-more-col {
        padding-left: 60px;
    }
    .footer-border {
        display: none;
    }
    .social-head {
        line-height: 18px
    }
    .line-cont {
        margin-bottom: 28px
    }
    .rights.text-left,
    .powered-by.text-right {
        text-align: center;
    }
    footer {
        text-align: center;
    }
    footer .box,
    .footer-result {
        margin: 0 auto !important;
    }
    .footer-result {
        margin-top: 20px !important
    }
    footer .footer-social {
        float: none;
        margin: 0 auto;
        display: inline-block;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .pd-2-35 {
        padding-left: 25px;
        padding-right: 25px
    }
}

@media (max-width: 767px) {
    .wel-sub-col:last-child {
        margin-bottom: 0px
    }
    .wel-sub-col {
        margin-bottom: 15px
    }
    .princ {
        width: 180px
    }
    .princ-details {
        text-align: center;
    }
    .princ-message .read {
        margin: 0 auto;
        margin-top: 20px;
    }
    .princ-text-col {
        padding-left: 0px;
        border-left: none;
    }
    .address-cont {
        padding-right: 20px;
    }
    .ft-more-col {
        padding-left: 20px;
    }
    .menu-nav {
        margin-top: 70px !important;
    }
    .navbar-nav .open .dropdown-menu {
        background-color: #f06000 !important;
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
        color: white !important
    }
    .navbar-nav .open .dropdown-menu .dropdown-header,
    .navbar-nav .open .dropdown-menu>li>a {
        padding: 15px 20px 15px 20px !important
    }
    .navbar-nav {
        margin: 0px 0px;
    }
    .navbar-nav>li>a {
        padding-top: 12px;
        padding-bottom: 10px;
    }
    .pd-2-35 {
        padding-left: 15px;
        padding-right: 15px
    }
    .container-fluid>.navbar-collapse,
    .container-fluid>.navbar-header,
    .container>.navbar-collapse,
    .container>.navbar-header {
        margin-right: 0px;
        margin-left: 0px;
    }
    .navbar-toggle {
        margin-right: 0px
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus,
    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover {
        color: #fff;
        background-color: #192f59 !important;
    }
}

@media (min-width: 601px) and (max-width: 767px) {
    .inner-page-slide {
        height: 250px;
    }
    .pd-2-35 {
        padding-left: 15px;
        padding-right: 15px
    }
    .desk-logo {
        width: 410px;
    }
    .mob-menu-cont {
        margin-top: -74px;
    }
}

@media (min-width: 601px) {
    .mob-logo {
        display: none !important;
    }
    .desk-logo {
        display: block !important;
    }
}

@media (max-width: 600px) {
    .demo-gallery>ul>li {
        padding-left: 5px;
        padding-right: 5px;
        margin-bottom: 0px
    }
    .demo-gallery>ul {
        padding-right: 10px;
        padding-left: 10px
    }
    .phn-email {
        width: 100%;
    }
    .slide-in-sub .line {
        margin-bottom: 17px;
        margin-top: -25px;
    }
    .slide-in-sub {
        padding: 20px 20px 10px;
    }
    .inner-page-slide {
        height: 220px;
    }
    .box_detail_sub {
        padding: 25px 15px 15px;
    }
    .mob-menu-cont {
        margin-top: -60px;
    }
    .cd-dropdown-trigger {
        padding: 6px 12px 5px !important
    }
    .cd-dropdown-trigger i {
        padding-left: 0px
    }
    .call-nav-cont,
    .cd-dropdown-trigger span {
        display: none;
    }
    .mob-logo {
        margin: 0 auto
    }
    .logo-col {
        float: none;
    }
    .carousel-indicators {
        bottom: 0px
    }
    .news-date div {
        width: 73px
    }
    .sub-box-nws {
        padding-right: 15px
    }
    .block-hdnews {
        padding: 15px
    }
    .quality-div,
    .parallax-div,
    .nws-div,
    .welcome-div {
        padding-top: 50px !important;
        padding-bottom: 50px !important;
    }
    .top-footer {
        padding-top: 60px;
        padding-bottom: 0px;
    }
    .bottom-social {
        padding-bottom: 20px;
    }
    .address-col,
    .ft-more-col {
        width: 100%;
    }
    .address-cont {
        padding-right: 0px;
        border-right: none;
        margin-bottom: 30px
    }
    .ft-more-col {
        padding-left: 0px;
        border-left: none;
    }
    .desk-logo {
        display: none !important;
    }
    .mob-logo {
        display: block !important;
        margin-left: 1px;
    }
    .map-iframe {
        height: 220px
    }
    .in-main-col {
        padding-top: 40px;
        padding-bottom: 40px;
    }
    h1 {
        font-size: 25px;
    }
    h2 {
        font-size: 24px;
        padding-left: 10px;
        padding-right: 10px;
    }
    .pd-2-35 {
        padding-left: 0px;
        padding-right: 0px;
    }
    body {
        font-size: 13px
    }
    .navbar-nav>li>a {
        font-size: 14px;
        padding: 10px 18px;
    }
    h3,
    .in-body h3 {
        font-size: 16px;
    }
    h4 {
        font-size: 14px;
    }
    .gen-para,
    #accordion .panel-body {
        line-height: 24px;
    }
    .in-body h1 {
        font-size: 30px !important;
        line-height: 38px
    }
    .in-body h2 {
        font-size: 20px !important;
        line-height: 28px;
    }
    .breadcrumb li a {
        font-size: 12px;
    }
    .gen-list li:before {
        margin-left: -25px;
        margin-right: 14px;
    }
    .gen-list li {
        padding-left: 25px;
    }
    #accordion .panel-title a {
        padding: 4px 30px 4px 15px;
    }
    #accordion .panel-new-title a {
        font-size: 14px
    }
	
	.carousel-inner>.item>img,
.carousel-inner>.item>a>img {
    width: 100%;
    height: 519px;
	    height: 263px;
    margin: auto;
}




}

@media (max-width: 500px) {
    .eve-img-cont {
        width: 162px;
    }
    .eve-dtl-cont {
        width: calc(100% - 162px)
    }
}

@media (max-width: 425px) {
    .dpt-mail {
        padding: 11px 12px;
    }
    .box_detail_sub {
        padding: 25px 12px 15px;
    }
    .shd-box {
        padding: 18px 12px;
    }
    .eve-img-cont {
        width: 100%;
    }
    .eve-dtl-cont {
        width: 100%;
        padding-left: 0px;
        border-bottom: 1px dashed silver;
        padding-bottom: 15px
    }
    .mob-menu-cont {
        margin-top: -127px;
    }
    .faculty-cont {
        padding-left: 10px;
        padding-right: 10px;
    }
    .faculty-col {
        padding-left: 5px;
        padding-right: 5px;
    }
}

@media (max-width: 375px) {
    .faculty-col {
        width: 100%
    }
}



            .topnav {
              background-color: black;
              height: 50px;
              display: flex;
              justify-content: space-between;
              align-items: center;
              overflow: hidden; /* Hide any overflow to prevent scrolling issues */
            }
          
            .topnav div {
              color: rgb(245, 235, 235);
              display: inline-block;
              margin: 0 10px;
            }
          
            .count {
              display: inline-block;
              padding: 8px 16px;
              background-color: red;
              color: white;
              border: none;
              cursor: pointer;
              border-radius: 8px;
              text-decoration: none;
              margin-right: 10px;
              white-space: nowrap;
            }
          
            @media screen and (max-width: 600px) {
              .topnav {
                flex-wrap: nowrap; 
                justify-content: space-between; 
              }
          
              .topnav div {
                margin: 5px; 
              }
          
              .count {
                margin-right: 0; 
              }
          
             
              
            }

                                        .dropdown-menu-styl{
                                            min-width: 160px;
                                            padding: 5px 0;
                                            margin: 2px 0 0;
                                            font-size: 14px;
                                            text-align: left;
                                            list-style: none;
                                            background-color: #fff;
                                            background-clip: padding-box;
                                            border: 1px solid #ccc;
                                            border: 1px solid rgba(0,0,0,.15);
                                            border-radius: 4px;
                                            -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
                                            box-shadow: 0 6px 12px rgba(0,0,0,.175);
                                            }
                                        .dropdown-menu ul>li>a {
                                            display: block;
                                            padding: 13px 30px;
                                            color: #333;
                                            font-size: 14px;
                                            border-bottom: 1px dashed #EBEBEB;
                                            transition: all .3s ease;
                                            -webkit-transition: all .3s ease;
                                            -moz-transition: all .3s ease;
                                            }
                                        .dropdown-menu ul{
                                            display: none;
                                            position: absolute;
                                            top: -1px;
                                            left: 100%;
                                            right: auto;
                                            display: none;
                                            float: left;
                                            }
                                        .dropdown-menu>li:hover .sub-dropdown-menu {
                                            display: block !important;
                                            animation-name: zoomIn;
                                            animation-duration: .4s;
                                            }
                                        .sub-dropdown-menu>li {
                                            padding: 0px 24px;
                                            }
                                        .sub-dropdown-menu>li:hover {
                                            background-color: #F06000
                                            }
                                        .sub-inside-dropdown{
                                            display: none;
                                            position: absolute;
                                            top: -1px;
                                            left: 100%;
                                            right: auto;
                                            display: none;
                                            float: left;
                                            white-space: nowrap;
                                            }
                                        .sub-dropdown-menu>li:hover .sub-inside-dropdown {
                                            display: block !important;
                                            animation-name: zoomIn;
                                            animation-duration: .4s;
                                            }
                                        .sub-inside-dropdown>li {
                                            padding: 0px 24px;
                                            }
                                        .sub-inside-dropdown>li:hover {
                                            background-color: #F06000
                                            }