[url]body { font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif !important;}[/url]
.full_div{width:100%; height:auto; background-color:transparent; }
.top_bar{width:100%; height:auto; background-color:#01598b; margin:0 auto; padding:10px; color:#fff;}
.nav_bar{width:100%; height:auto;  background-color:#ececec; margin:0px auto; padding-top:10px;text-transform:uppercase; font-weight:bold; padding-bottom:5px;}
.banner{width:100%; height:auto; overflow:hidden; max-height:500px; margin:0px auto;}
img{width:100%;}



.navbar-default {
    background-color: #ececec;
    border-color: #e7e7e7;
}


.sub_full{width:100%;margin:20px 0px;}
.sub_full:hover{width:auto;}
.sub_list{color: #000;text-align: justify; padding: 5px 5px;width: auto;list-style-image:url( "../images/tick.png"); list-style-type: none;}

.sub_list2{color: #000;text-align: justify; padding: 5px 5px;width: auto;list-style-image:url( "../images/rf_logo.png"); list-style-type: none;}

.sub_list3{color: #000;text-align: justify; padding: 5px 5px;width: auto;list-style-image:url( "../images/power_logo.png"); list-style-type: none;}

.sub_list4{color: #000;text-align: justify; padding: 5px 5px;width: auto;list-style-image:url( "../images/electric_logo.png"); list-style-type: none;}

.sub_list5{color: #000;text-align: justify; padding: 5px 5px;width: auto;list-style-image:url( "../images/wireless_logo.png"); list-style-type: none;}

.sub_list6{color: #000;text-align: justify; padding: 5px 5px;width: auto;list-style-image:url( "../images/powersystem_logo.png"); list-style-type: none;}

.sub_list7{color: #000;text-align: justify; padding: 5px 5px;width: auto;list-style-image:url( "../images/embedded_logo.png"); list-style-type: none;}

.sub_list8{color: #000;text-align: justify; padding: 5px 5px;width: auto;list-style-image:url( "../images/robotics_logo.png"); list-style-type: none;}

.sub_list9{color: #000;text-align: justify; padding: 5px 5px;width: auto;list-style-image:url( "../images/communication_logo.png"); list-style-type: none;}

.sub_list10{color: #000;text-align: justify; padding: 5px 5px;width: auto;list-style-image:url( "../images/opto_logo.png"); list-style-type: none;}

.sub_list11{color: #000;text-align: justify; padding: 5px 5px;width: auto;list-style-image:url( "../images/digital_logo.png"); list-style-type: none;}

.sub_list12{color: #000;text-align: justify; padding: 5px 5px;width: auto;list-style-image:url( "../images/vlsi_logo.png"); list-style-type: none;}

.sub_list13{color: #000;text-align: justify; padding: 5px 5px;width: auto;list-style-image:url( "../images/computer_logo.png"); list-style-type: none;}

.sub_list a{text-decoration: none;color: #000;width:auto;padding:0px 5px;}

.sub_list:hover a{color: #01737d;width:auto;}
.sub_list1{color: #000;text-align: justify; padding: 5px 0px;width: 100%;list-style-image:url( "../images/arrow.png"); list-style-type: none;text-decoration:none;}
.sub_list1 a{text-decoration: none;color: #000;width:100%;padding:0px 10px;font-family: Calibri,Candara,Segoe,Segoe UI,Optima,Arial,sans-serif; font-size: 18px; line-height:1.7em}
.nav_bar li{display:inline-block; margin-left:20px; margin-top:25px; }
.nav_bar li a{text-decoration:none;color: #000;}
.nav_bar li:hover a{text-decoration:none;color: #007481; }
.nav_bar li:hover{ padding-bottom:16px; background:url(../images/arrowstroke.png) repeat-x center bottom; width:auto;   }
.child{width:100%; height:100px; max-height:150px; background-color:teal;}
.img_div{width:100%; height:200px; overflow:hidden; border:solid 2px #fff;border-radius: 6px;}
.img_div1{height: 255px;width: 355px}
.link_readmore{list-style-type:none; display:block;color: #01598b; text-align:center; background-color:#fff; padding:2px 5px; width:auto;}
.sub_course{width:100%; background-color:teal; padding:8px; margin-top:10px; color:#fff; font-family: Calibri,Candara,Segoe,Segoe UI,Optima,Arial,sans-serif; font-size:18px;}
.sub_course:hover{background-color:#01598b;}
.project{ color:#fff; font-family: Calibri,Candara,Segoe,Segoe UI,Optima,Arial,sans-serif; font-size:18px;margin-top: 10px; padding: 10px; font-weight:bold;}
.project:hover{background-color:#fff;color: #01598b;  width:100%;}
.new_line{ border-bottom:dotted 2px gray; padding-bottom:5px; width:50%; font-family: Calibri,Candara,Segoe,Segoe UI,Optima,Arial,sans-serif; font-size: 20px; font-weight:bold;}
.gn_font2,.new_font{font-family: Calibri,Candara,Segoe,Segoe UI,Optima,Arial,sans-serif; font-size:18px; line-height:1.2em; color:#000;}

.gn_font p{text-align: justify;font-family: Calibri,Candara,Segoe,Segoe UI,Optima,Arial,sans-serif; font-size:18px; line-height:1.5em; color:#000;}
.gn_font2{color:#fff;margin:10px 10px;}
.project-head{color:#01598b;margin:10px 10px;text-transform:uppercase;font-size:22px;font-weight: bold}
.gn_font3 p{color:#000;font-family: Calibri,Candara,Segoe,Segoe UI,Optima,Arial,sans-serif;font-size:18px; line-height:1.3em;}
.new_font{text-align:center; margin-top:10px;}
h2{text-align: center;color: #fff;font-weight: bold}
.gn_head_h3{color: #fff;font-size: 22px;text-align: center;margin-top: 10px;font-family: Calibri,Candara,Segoe,Segoe UI,Optima,Arial,sans-serif;}
.gn_head_h4{color: #000;font-size: 25px;text-align: center;margin-top: 5px;font-family: Calibri,Candara,Segoe,Segoe UI,Optima,Arial,sans-serif;font-weight: bold}
.foot_li{list-style-type:none;	font-family: Calibri,Candara,Segoe,Segoe UI,Optima,Arial,sans-serif; color:#000; font-weight:bold;}
.foot_li a{color: #000;text-decoration: none;font-family: Calibri,Candara,Segoe,Segoe UI,Optima,Arial,sans-serif; font-size: 16px; line-height:1.9em}
.foot_li a:hover{color: #01598b;text-decoration: none;}

@media screen and (max-width: 767px) {
    .gn_font {
        font-size: 14px;
        line-height: 1.2em;
        color: #000;
    }
}

.foot a{text-decoration:none; }
.foot a:hover{ color:#AA9900;}
	
  .maps{width:93%; height:550px; overflow:hidden; max-height:500px; margin: 0 auto}
.inner-addon{position:relative;}
.inner-addon .glyphicon{position:absolute; padding:10px; pointer-events: none;}
.left-addon .glyphicon{left: 0px}
.right-addon .glyphicon{right: 0px}
.left-addon .input{padding-left: 30px}
.right-addon .input{padding-right: 30px}
.icons{margin-left:10px; width:35px; height:35px; margin:10px 15px; text-align:center;}
.h2-footer{ height:10px;background-image:url(../images/foot_link.png);
 background-repeat:no-repeat; background-position:center center}
.h2_line{ height:10px;background-image: url(../images/line.png) ;
 background-repeat:no-repeat; background-position:center center;}
 .about-content{margin:50px auto}
<!-- .border_botm{color: #000; width:auto; padding-bottom: 10px; border-bottom: solid 1px #ececec}--> 


/*------------------Banner----------*/

.banner-bg{
    
    background:url(../images/banner.jpg) no-repeat center top;
}
.banner-bg, .banner-img, .banner-img2{
    background-size:cover;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    min-height:700px;
}
.banner-img{
    background:url(../images/Electric-Circuit-Board-Design.jpg) no-repeat center top;

}
.banner-img2{
    background:url(../images/banner.jpg) no-repeat center top;
}
.banner-info {
    text-align: center;
    padding:8em 0 0 0;
}
.banner-info h3{
    color: #FFF;
    font-size: 60px;
    font-weight: 500;
    margin: 0;
    text-transform: uppercase;
    letter-spacing: 15px;
}
.banner-info h3 span{
    display:block;
}
.banner-info p {
    color: #FFF;
    margin: 1em 0 2em;
    font-size: 20px;
    font-weight: 400;
}
.banner-info a{
    color:#FFF;
    background:#f1b458;
    padding: .7em 1.5em;
    text-decoration:none;
}
.banner-info a:hover i.icon_1{
    color:#2f374c;
}
.banner-info a:hover{
    background:#FFF;
    color:#2f374c;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -o-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -ms-transition: 0.5s all;
}
.navbar-header.nav_2 {
    display: none;
}
.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
    margin-left: 0 !important;
}

/*------------------Header Slider Part starts Here----------*/

     .jssorb05 {
                        position: absolute;
                    }
                    .jssorb05 div, .jssorb05 div:hover, .jssorb05 .av {
                        position: absolute;
                        /* size of bullet elment */
                        width: 16px;
                        height: 16px;
                        background: url('img/b05.png') no-repeat;
                        overflow: hidden;
                        cursor: pointer;
                    }
                    .jssorb05 div { background-position: -7px -7px; }
                    .jssorb05 div:hover, .jssorb05 .av:hover { background-position: -37px -7px; }
                    .jssorb05 .av { background-position: -67px -7px; }
                    .jssorb05 .dn, .jssorb05 .dn:hover { background-position: -97px -7px; }


                    .jssora22l, .jssora22r {
                        display: block;
                        position: absolute;
                        /* size of arrow element */
                        width: 40px;
                        height: 58px;
                        cursor: pointer;
                        background: url('img/a221.png') center center no-repeat;
                        overflow: hidden;
                    }
                    .jssora22l { background-position: -10px -31px; }
                    .jssora22r { background-position: -70px -31px; }
                    .jssora22l:hover { background-position: -130px -31px; }
                    .jssora22r:hover { background-position: -190px -31px; }
                    .jssora22l.jssora22ldn { background-position: -250px -31px; }
                    .jssora22r.jssora22rdn { background-position: -310px -31px; }
                    .jssora22l.jssora22lds { background-position: -10px -31px; opacity: .3; pointer-events: none; }
                    .jssora22r.jssora22rds { background-position: -70px -31px; opacity: .3; pointer-events: none; }



                    /*---Slider----*/
                    .slider-wrap {
                        position: relative;
                        margin: 20px 0px;
                        width:100%;
                    }
                    .slider {
                        position: relative;
                        width: 100%;
                        margin: auto;
                    }
                    ul {
                        margin: 0;
                        padding: 0;
                    }
                    ul li {
                        list-style: none;
                        text-align: center;
                    }
                    ul li span {
                        display: inline-block;
                        vertical-align: middle;
                        width: 100%;
                        height: 100%;
                        background: black;
                    }
                    .slider-arrow {
                        position: absolute;
                        top: 40px;
                        width: 20px;
                        height: 20px;
                        background: none;
                        color: none;
                        text-align: center;
                        text-decoration: none;
                        border-radius: 50%;
                    }
                    .sa-left {
                        left: 10px;
                    }
                    .sa-right {
                        right: 10px;
                    }

/*------------------ Slider Part starts Here----------*/
#slider2,
#slider3 {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    margin: 0 auto;
}
.rslides_tabs {
    list-style: none;
    padding: 0;
    background: rgba(0,0,0,.25);
    box-shadow: 0 0 1px rgba(255,255,255,.3), inset 0 0 5px rgba(0,0,0,1.0);
    -moz-box-shadow: 0 0 1px rgba(255,255,255,.3), inset 0 0 5px rgba(0,0,0,1.0);
    -webkit-box-shadow: 0 0 1px rgba(255,255,255,.3), inset 0 0 5px rgba(0,0,0,1.0);
    font-size: 18px;
    list-style: none;
    margin: 0 auto 50px;
    max-width: 540px;
    padding: 10px 0;
    text-align: center;
    width: 100%;
}
.rslides_tabs li {
    display: inline;
    float: none;
    margin-right: 1px;
}
.rslides_tabs a {
    width: auto;
    line-height: 20px;
    padding: 9px 20px;
    height: auto;
    background: transparent;
    display: inline;
}
.rslides_tabs li:first-child {
    margin-left: 0;
}
.rslides_tabs .rslides_here a {
    background: rgba(255,255,255,.1);
    color: #fff;
    font-weight: bold;
}
.events {
    list-style: none;
}
.callbacks_container {
    position: relative;
    width: 100%;
}
.callbacks {
    position: relative;
    list-style: none;
    overflow: hidden;
    width: 100%;
    padding: 0;
    margin: 0;
}
.callbacks li {
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
}
.callbacks img {
    position: relative;
    z-index: 1;
    height: auto;
    border: 0;
}
.callbacks .caption {
    display: block;
    position: absolute;
    z-index: 2;
    font-size: 20px;
    text-shadow: none;
    color: #fff;
    left: 0;
    right: 0;
    padding: 10px 20px;
    margin: 0;
    max-width: none;
    top: 10%;
    text-align: center;
}
.callbacks_nav {
    position: absolute;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    top: 52%;
    left: 4%;
    opacity: 0.7;
    z-index: 3;
    text-indent: -9999px;
    overflow: hidden;
    text-decoration: none;
    height: 41px;
    width: 41px;
    background: red;
    margin-top: -65px;
    display:none;
}
.callbacks_nav:active {
    opacity: 1.0;
}
.callbacks_nav.next {
    left: auto;
    background-position: right top;
    right: 4%;
}
#slider3-pager a {
    display: inline-block;
}
#slider3-pager span{
    float: left;
}
#slider3-pager span{
    width:100px;
    height:15px;
    background:#fff;
    display:inline-block;
    border-radius:30em;
    opacity:0.6;
}
#slider3-pager .rslides_here a {
    background: #FFF;
    border-radius:30em;
    opacity:1;
}
#slider3-pager a {
    padding: 0;
}
#slider3-pager li{
    display:inline-block;
}
.rslides {
    position: relative;
    list-style: none;
    overflow: hidden;
    width: 100%;
    padding: 0;
    margin: 0;
}
.rslides li {
    -webkit-backface-visibility: hidden;
    position: absolute;
    display: none;
    width: 100%;
    left: 0;
    top: 0;
}
.rslides li{
    position: relative;
    display: block;
    float: left;
}
.rslides img {
    height: auto;
    border: 0;
    width:100%;
}
.callbacks_tabs{
    list-style: none;
    position: absolute;
    top: 85%;
    z-index:111;
    left: 46%;
    padding: 0;
    margin: 0;
}
.slider-top{
    text-align: center;
    padding:10em 0;
}
.slider-top h1{
    font-weight:700;
    font-size:48px;
    color:#010101;
}
.slider-top p{
    font-weight:400;
    font-size:20px;
    padding:1em 7em;
    color:#010101;
}
.slider-top ul.social-slide{
    display:inline-flex;
    margin: 0px;
    padding: 0px;
}
ul.social-slide li i{
    width:70px;
    height:74px;
    background:url(../images/img-resources.png)no-repeat;
    display: inline-block;
    margin:0px 15px;
}
ul.social-slide li i.win{
    background-position:-6px 0px;
}
ul.social-slide li i.android{
    background-position:-110px 0px;
}
ul.social-slide li i.mac{
    background-position:-215px 0px;
}
.callbacks_tabs li{
    display: inline-block;
    margin: 0;
}
@media screen and (max-width: 600px) {
    .callbacks_nav {
        top: 47%;
    }
}

.application_img_icon
{
    width:51px;
    height: 53px;
    float: left;
    padding-right:10px;
}

.application_text
{
    font-family: Calibri;
    font-size: 20px;

}

.application_text a
{
    color: #000;
    text-decoration: none;
}

.application_text a:hover
{

    color:#01737d;
    text-decoration: underline;
}


.navbar-brand { position: relative; z-index: 2; }
.navbar-header img{ margin-top: 10px;}

.navbar-nav.navbar-right .btn { position: relative; z-index: 2; padding: 4px 20px; margin: 10px auto; }


.navbar .navbar-collapse { position: relative; }
.navbar .navbar-collapse .navbar-right > li { margin-top: 20px; text-transform: uppercase;
    font-weight: bold;}

.navbar .navbar-collapse .navbar-right > li a {color: #000;}

.navbar .navbar-collapse .navbar-right > li:last-child { padding-left: 0px; }

.navbar .nav-collapse { position: absolute; z-index: 1; top: 0; left: 0; right: 0; bottom: 0; margin: 0; padding-right: 120px; padding-left: 80px; width: 100%; }
.navbar.navbar-default .nav-collapse { background-color: #f8f8f8; }
.navbar.navbar-inverse .nav-collapse { background-color: #222; }
.navbar .nav-collapse .navbar-form { border-width: 0; box-shadow: none; }
.nav-collapse>li { float: right; }

.btn.btn-circle { border-radius: 50px; }
.btn.btn-outline { background-color: transparent; }

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

    .navbar .navbar-collapse .navbar-right > li a:hover {color: #337ab7; border-bottom: solid #000000;}

}

@media screen and (max-width: 767px) {
    .navbar .navbar-collapse .navbar-right > li:last-child {  }
    .navbar .nav-collapse .navbar-form { margin: 0; }
    .nav-collapse>li { float: none;  }
    .navbar .navbar-collapse .navbar-right{ border: 1px solid #ffffff;}

    .navbar .navbar-collapse .navbar-right > li { text-align: left; border-bottom: 1px solid #2f374c;}

}


.navbar-collapse {
    padding-right: 15px;
    /* padding-left: 15px; */
    overflow-x: visible;
    -webkit-overflow-scrolling: touch;
    border-top: 1px solid #000;
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.1);
}

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

/*mobile View*/
@media screen and (max-width: 767px) {
    .main_heads {
        font-size: 26px;
        font-family: Calibri, Candara, Segoe, Segoe UI, Optima, Arial, sans-serif;
        font-weight: bold;
    }

    .sub_heads {
        font-size: 25px;
        font-family: Calibri, Candara, Segoe, Segoe UI, Optima, Arial, sans-serif;
    }

}

.index_services{ background-color:#ececec; margin-bottom: 50px;}
.index_services .sub_full { color: #2f374c;}

/*Border*/
.bottom_border_1px{
    border-bottom: solid 1px #ececec;
}
/*Color*/
.color_black_normal {
    color: #000;
}
.col-lg-2 col-sm-2 col-md-2{ padding-left:80px;}