@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;800&display=swap');

html{scroll-behavior: smooth;}
body {
  font-family: 'Titillium Web', sans-serif;
    margin: 0;
    padding: 0;
    font-size: 14px;
    color: #000000;
}

a {
    text-decoration: none;
}

* {
    box-sizing: border-box;
}
* {
  box-sizing: border-box;
}

/* Style inputs */
input[type=text], select, textarea {
  width: 100%;
  padding: 12px;
  border: 1px solid #ccc;
  margin-top: 6px;
  margin-bottom: 16px;
  resize: vertical;
}

input[type=submit] {
  background-color: #4CAF50;
  color: white;
  padding: 12px 20px;
  border: none;
  cursor: pointer;
}

input[type=submit]:hover {
  background-color: #45a049;
}

/* Style the container/contact section */
.addressbox{
	width:100%;
	padding:10px;
	float:left;
	border:1px solid #CCC;
	margin-top:15px;
}
.addressbox i{
	color:#039;
	float:left;
	font-size:24px;
	padding-right:10px;
}
.addressbox h2{
	width:100%;
	padding:10px;
	text-align:center;
	background:#003799;
	float:left;
	color:#ffffff;
	font-size:20px;
	
}
.addressbox p{
	width:100%;
	float:left;
	font-size:24px;
	
}
/* Create two columns that float next to eachother */
.column {
  float: left;
  width: 50%;
  margin-top: 6px;
  padding: 20px;
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

/* Responsive layout - when the screen is less than 600px wide, make the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
  .column, input[type=submit] {
    width: 100%;
    margin-top: 0;
  }
}
/*gallery css start*/
.map{
	width:100%;
	height:auto;
	margin-top:40px;
}
.photo-gallery {
  color:#313437;
  background-color:#fff;
}

.photo-gallery p {
  color:#7d8285;
}

.photo-gallery h2 {
  font-weight:bold;
  margin-bottom:40px;
  padding-top:40px;
  color:inherit;
}

@media (max-width:767px) {
  .photo-gallery h2 {
    margin-bottom:25px;
    padding-top:25px;
    font-size:24px;
  }
}

.photo-gallery .intro {
  font-size:16px;
  max-width:500px;
  margin:0 auto 40px;
}

.photo-gallery .intro p {
  margin-bottom:0;
}

.photo-gallery .photos {
  padding-bottom:20px;
}

.photo-gallery .item {
  padding-bottom:30px;
}

.applayfomr{
	width:100%;
	padding:5px;
	border:1px solid #666;
}
.applayfomr input{
	width:100%;
	height:auto;
	height:45px;
	line-height:45px;
	color:#000000;
	
	border:1px solid #999;
}
.applayfomr span{
	width:100%;
	float:left;
	margin-top:10px;
}
.applayfomr select{
	width:100%;
	line-height:45px !important;
	float:left;
	color:#333;
	height:45px;
	border:1px solid #999;
}
/*GALLERY CSS END*/
.leftmenu{
	width:100%;
	height:auto;
	float:left;
}
* {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}
.image-box {
	width:100%;
	height:auto;
	float:left;
	padding:10px;
	border:1px solid #999;
    position: relative;
    margin: auto;
    overflow: hidden;
	margin-bottom:10px;
}
.image-box img {
    max-width: 100%;
    transition: all 0.3s;
    display: block;
    width: 100%;
    height: auto;
    transform: scale(1);
}
.image-box:hover img {
    transform: scale(1.1);
}
.leftmenu ul{
	margin:0px;
	padding:0px;
	display:block;
}
.leftmenu ul li{
	float:left;
	margin:0px;
	padding:0px;
	display:block;
	text-align:left;
	width:100%;
}
.leftmenu ul li a{
	font-family: 'Titillium Web', sans-serif;
	line-height:40px;
	font-size:15px;
	color:#ffffff;
	text-decoration:none;
	display:block;	
	width:100%;
	float:left;
	background:#0d377d;
	padding:5px;
	border-bottom:1px solid #FFF;
	border-left:10px solid #2F97FF;	
}
.leftmenu ul li a:hover{
	font-family: 'Titillium Web', sans-serif;
	line-height:40px;
	font-size:15px;
	color:#ffffff;
	text-decoration:none;
	display:block;	
	width:100%;
	float:left;
	border-left:10px solid #000000;
	background:#2F97FF;	
}

.active1{
	background:#F30 !important;
}
.alert-red{background-color:#dc3545; color:#fff;}
.table td, .table th{padding:8px;}
button {
    cursor: pointer;
    outline: none;
}

    button:focus {
        outline: none;
    }

input {
    outline: none;
}
.small, small{font-size:90%;}
.fsize11 {
    font-size: 11px;
}

.fsize12 {
    font-size: 12px;
}

.fsize13 {
    font-size: 13px;
}

.fsize14 {
    font-size: 14px;
}

.fsize16 {
    font-size: 16px;
}

header{border-top: 3px solid #2c5caa; padding:10px 0 5px 0; }
.sform{position:relative; width:220px; margin: 0 0 8px auto;} 
.sform input{    border: 1px solid #2c5caa;
    width: 100%;
    padding: 6px 23px 5px 35px;
    font-size: 14px;
    border-radius: 13px;
    height: auto;}
.sform a{position: absolute;
    left: 10px;
    top: 2px;
    z-index: 1;
    font-size: 21px;
    transform: scaleX(-1);
    color: #333;}
.abt_cnt ul{
	padding:20px;
	margin:0px;
	background:#EBEBEB;
	margin-bottom:20px;
	
}
.abt_cnt ul li{
	font-family: 'Titillium Web', sans-serif;
	line-height:40px;
	font-size:17px;
	color:#000;
	text-decoration:none;
	display:block;	
	padding-bottom:5px;
	border-bottom:1px dotted #06F;
}
.clr{
	clear:both;
}
.abt_cnt ul li:hover{
	font-family: 'Titillium Web', sans-serif;
	line-height:40px;
	font-size:17px;
	color:#03F;
	text-decoration:none;
	display:block;	
}
	
.navbar {background:transparent; padding:0; font-family: 'Titillium Web', sans-serif;}
.navbar-nav{text-transform: none;
    font-weight: 500;
    font-size: 15px;}
.nav-link{color:#000;}
.nav-link:hover{color:#2c5caa;}
.nav-item.active .nav-link{color:#2c5caa;}
.nav-item .fa-home{font-size:20px;}
.navbar .navbar-nav li:last-child a{padding-right:0}

.ju_banner img{width:100%;}
.serv_bx{text-align: center;
    padding: 25px 25px 35px;
    background: #f4f9ff;
    color: #000000; margin:16px 0; transition:0.5s; line-height:25px;
	font-size:15px;
}
.serv_bx:hover{transform: translate(0px , -10px);
    box-shadow: 0px 5px 9px #ccc !important;}
.serv_bx h3{color: #000;
    font-size: 23px;
    position: relative;
    padding: 15px 0 10px;
    margin-bottom: 15px;}
.serv_bx h3:before{width:120px; max-width:100%; height:1px; background:#2c5caa; content:""; position:absolute; bottom:0; left:0 ; right:0 ; margin:0 auto;}
.serv_bx h3:after{width: 70px;
    height: 1px;
    /*background: #2c5caa;*/
    content: "";
    position: absolute;
    bottom: -7px;
    left: 0;
    right: 0;
    margin: 0 auto;}
.ju_serv .col-md-4:nth-child(even) .serv_bx,
.ju_serv .col-md-6:nth-child(even) .serv_bx {background:#fff; box-shadow: 0px 0px 10px #e4e3e3;
    border-radius: 5px;}
.ju_about-banner{
	width:100%;
	float:left;
	position: relative;
  text-align: center;
  margin-bottom:30px;
}
.ju_about-banner img{
	width:100%;
	float:left;
}
.ju_about-banner h1{
 position: absolute;
  top: 50%;
  left: 50%;
  color:#ffffff;
  font-weight:900;
  transform: translate(-50%, -50%);
  border-bottom:2px solid #FFF;
  padding:10px;
  }
.ju_about h2{
    font-size: 25px; 
	font-family: 'Titillium Web', sans-serif;}
	.ju_about p{
	font-family: 'Titillium Web', sans-serif;
	font-size:16px;
	line-height:30px;
	text-align: justify;	
	}
.ju_about h2 span{color:#2c5caa}
.abt_img{text-align:right;}
.abt_img img{ width:100%; height:auto; border:1px solid #CCC;}
.hm_head{text-align: center;
    font-size: 40px;
    text-transform: uppercase;}
.hm_head span{color: #2c5caa;}

.tcol_img{width:147px; float:left;}
.tcol_img img{width:100%;}
.tcol_cnt{width:calc(100% - 165px); float:right;}
.tcol_cnt p{ font-family: 'Titillium Web', sans-serif;
	font-size:15px;
	line-height:30px;
	text-align: justify;}
.tcol_bx h3{text-transform: uppercase;
    text-align: center;
    font-size: 24px;
    padding-bottom: 15px;}
.tcol_bor{border-right: 2px solid #2c5caa;
    padding: 0px 15px;}
.tcol_bx{padding:30px 35px; margin:15px 0}

.ju_count{background:#003999; }
.count_bx{position:relative; padding-left: 75px; margin:15px 0}
.count_bx img{position:absolute; left:0; top:0; transition:0.5s;}
.count_bx:hover img{transform:translate(8px , 0);}
.count_bx p{margin-bottom:0; color:#fff;}
.count_bx h3{    color: #ffffff;
    font-size: 36px;
    margin-bottom: 0;}
.hm_shead{font-size: 15px; padding: 15px 0; font-family: 'Titillium Web', sans-serif; line-height:30px;}
.par_bx{text-align:center; margin:10px 0; transition: 0.5s;}
.par_bx img{max-width:100%;}
.par_bx:hover{box-shadow: 0 0px 4px #ccc;}

.ju_app{background:#f7f7f7; position:relative; height:400px;}
.app_rht{position: absolute;
    right: 0;
    top: 0;
    height: 100%;}
.app_rht img{height:100%;}
.app_lft h2{font-size: 43px;
    font-family: cursive;}
.app_lft p{font-size: 17px; padding:15px 0}
.app_icon a{display:inline-block; padding-right:15px;}
.app_lft{    padding: 120px 0; position:relative;     z-index: 1;}

.ju_footer{}
.ju_footer_inners{background:#003999; padding-top:55px;}
.contact_bx{position: relative;
    margin-bottom: -55px;}
.contact_bx_inner{height: 160px;
    position: relative;}
.contact_bx_cnt{background: linear-gradient(
120deg
, #003999 40%, #333333 80%);height: 160px;margin-left: -30px;display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;padding-left: 90px;display: flex;align-items: center;}
.contact_bx_cnt h3{color: #fff;
    font-weight: 600;
    font-size: 23px;}
.contact_bx_inner:before{position: absolute;
    content: '';
    left: 0;
    top: 0;
    height: 100%;
    width: 370px;
    background-image: url(../images/footer-img.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;}
.contact_bx_cnt p{color: #fff; margin-bottom:0;
    padding-top: 6px;}
.contact_bx_cnt .fa{position: absolute;
    left: -42px;
    top: 50%;
    transform: translateY(-50%);
    height: 80px;
    width: 80px;
    text-align: center;
    line-height: 80px;
    background: #6cbe03;
    border-radius: 50%;
    box-shadow: 0px 0px 30px 0px rgb(0 0 0 / 20%);
    font-size: 20px;
    color: #f4a700;
    z-index: 5;}
.contact_bx_cnt .fa:after{position: absolute;
    content: '';
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    height: 60px;
    width: 60px;
    background: #fff;
    border-radius: 50%;
    z-index: -1;}

.ft_lft{float:left; list-style:none; padding:0; text-align:left; margin:0;}
.ft_lft li{display:inline-block;}
.copyrht{background: #333333;
    color: #FFFFFF;
    padding: 12px;}
.copyrht span{color: #ffffff;}
.ft_lft li a{color: #FFFFFF; padding: 0 8px;}
.ft_lft li a:hover, .ft_rht a:hover{color:#2c5caa;}
.ft_rht{float: right;}
.ft_rht a{color: #FFFFFF;
    padding: 12px 0;
    display: inline-block;}

.nav-tabs {margin-bottom:20px;}
.nav-tabs .nav-item{width:20%; margin-bottom:0}
.nav-tabs .nav-link{border:0}
.nav-tabs .nav-item a{text-align: center; padding-bottom: 20px; 
    font-size: 22px;
    font-weight: 500; position:relative;}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active, .nav-tabs .nav-link:hover{background:transparent; border:0;}
.nav-tabs{border-bottom:0}
.nav-tabs .nav-item a:before{content:""; width:100%; bottom:0; left:0; visibility:hidden; opacity:0; height:2px; background:#2c5caa; position: absolute; transition:0.3s;}
.nav-tabs .nav-item a:after{content:""; width:13px; height:13px; border-radius:50%;  bottom:-5px; left:0; right:0; margin:0 auto; background:#fff; position: absolute; border:2px solid #333; transition:0.3s;}
.nav-tabs .nav-item a.active:before,
.nav-tabs .nav-item a:hover:before{visibility:visible; opacity:1;}
.nav-tabs .nav-item a.active:after, .nav-tabs .nav-item a:hover:after{border-color:#2c5caa}
.ju_histroy h3{font-weight: 600;}
.ju_histroy h4{font-style: italic;
    font-weight: 300;
    color: #666;}
.ju_histroy p{color:#000000; font-family: 'Titillium Web', sans-serif; font-size:15px; line-height:30px;}
.ju_histroy {background:url(../images/his-bg.jpg) center center no-repeat;}
.ju_histroy .tab-content{padding:30px 100px;}

.dropdown-menu{margin: 0;
    padding: 0;
    border-radius: 0;}
.nav-item.dropdown:hover .dropdown-menu{display:block;}
.dropdown-menu .dropdown-item:hover{background-color: #2c5caa; color:#fff;}
.dropdown-item{padding:4px 10px;font-size: 14px;}
.dropdown-menu li{border-bottom:1px solid #eee; position: relative;}
.nav-item.dropdown .dropdown-menu.submenu{    left: 100%;
    top: -7px; display: none;}
.dropdown-menu > li:hover > .dropdown-menu.submenu{display: block;}
.hover_bx{position:relative;}
.hover_bx:before{background: rgba(255, 255, 255, 0.5);
    bottom: 0;
    content: "";
    left: 50%;
    position: absolute;
    right: 51%;
    top: 0;
    opacity: 1;
    pointer-events: none;}
.hover_bx:after{background: rgba(255, 255, 255, 0.8);
    bottom: 50%;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 50%;
    opacity: 1;
    pointer-events: none;}
.hover_bx:hover:before{left: 0;
    right: 0;
    opacity: 0;
    transition: all 900ms linear;}
.hover_bx:hover:after{top: 0;
    bottom: 0;
    opacity: 0;
    transition: all 900ms linear;}

/*
Hero Slider Area Style
======================================================*/
.hero-slider-area {
  z-index: 1;
  position: relative;
  overflow: hidden;
}

.hero-slider-area .slider-item {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100vh;
  overflow: hidden;
  position: relative;
  z-index: 1;
}

.hero-slider-area .slider-item.slider-item-bg-1 {
  background-image: url(../images/banner1.jpg);
}

.hero-slider-area .slider-item.slider-item-bg-2 {
  background-image: url(../images/banner2.jpg);
}
.hero-slider-area .slider-item.slider-item-bg-3 {
  background-image: url(../images/banner3.jpg);
}
.hero-slider-area .slider-item.slider-item-bg-4 {
  background-image: url(../images/banner4.jpg);
}
.hero-slider-area .slider-item.slider-item-bg-5 {
  background-image: url(../images/banner5.jpg);
}



.hero-slider-area .slider-item::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 50%;
  height: 100%;
/*  background-color: rgba(0, 0, 0, 0.2);
  z-index: -1;*/
}

.hero-slider-area .slider-item::after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 50%;
  height: 100%;
/*  background-color: rgba(0, 0, 0, 0.2);
  z-index: -1;*/
}

.hero-slider-area .slider-item .slider-text {
  position: relative;
  max-width: 800px;
  z-index: 1;
  overflow: hidden;
  margin: auto;     display: flex;
    align-items: center; height: 100%;
  text-align: center;
}

.hero-slider-area .slider-item .slider-text .top-title {
  color: #ff8c00;
  font-size: 15px;
  display: block;
  margin-bottom: 10px;
}

.hero-slider-area .slider-item .slider-text h1 {
  font-size: 40px;
  color: #ffffff;
  margin-bottom: 30px;
}

.hero-slider-area .slider-item .slider-text p {
  color: #ffffff;
  font-size: 16px;
  margin-bottom: 35px;
}

.hero-slider-area .slider-item .slider-text .slider-btn .default-btn {
  background-color: #2c5caa;
    color: #fff;
    text-transform: uppercase;
    padding: 12px 14px; transition:0.5s;
    border-radius: 25px;
}
.hero-slider-area .slider-item .slider-text .slider-btn .default-btn:hover{background-color: #0089cf;}

.hero-slider-area .owl-item.active .slider-item::before {
  -webkit-animation: 3s .3s fadeInLeft both;
          animation: 3s .3s fadeInLeft both;
}

.hero-slider-area .owl-item.active .slider-item::after {
  -webkit-animation: 3s .3s fadeInRight both;
          animation: 3s .3s fadeInRight both;
}

.hero-slider-area .owl-item.active .slider-text.overflow-hidden {
  overflow: hidden;
}

.hero-slider-area .owl-item.active .slider-text .top-title {
  -webkit-animation: 2s .2s fadeInDownBig both;
          animation: 2s .2s fadeInDownBig both;
}

.hero-slider-area .owl-item.active .slider-text h1 {
  -webkit-animation: 2s .2s fadeInLeft both;
          animation: 2s .2s fadeInLeft both;
}

.hero-slider-area .owl-item.active .slider-text p {
  -webkit-animation: 2s .2s fadeInRight both;
          animation: 2s .2s fadeInRight both;
}

.hero-slider-area .owl-item.active .slider-text .slider-btn {
  -webkit-animation: 2s .2s fadeInUpBig both;
          animation: 2s .2s fadeInUpBig both;
}

.hero-slider-area .owl-prev i {
  background-color: transparent !important;
  border-radius: 50%;
  border: 1px solid #ffffff;
}

.hero-slider-area .owl-prev i:hover {
  border-color: #1569ae;
}

.hero-slider-area .owl-next i {
  background-color: transparent !important;
  border-radius: 50%;
  border: 1px solid #ffffff;
}

.hero-slider-area .owl-next i:hover {
  border-color: #1569ae;
}

.hero-slider-area .owl-next {
  position: absolute;
  top: 32%;
  right: 30px;
  margin: 0 !important;
  border-radius: 0 !important;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
  opacity: 0;
  -webkit-transform: translateY(60px);
          transform: translateY(60px);
}

.hero-slider-area .owl-next i {
  background-color: #ff8c00;
  color: #ffffff;
  width: 40px;
  height: 40px;
  line-height: 40px;
  display: inline-block;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
  font-size: 26px;
  border-radius: 0;
}

.hero-slider-area .owl-next i:hover {
  background-color: #1569ae !important;
}

.hero-slider-area .owl-prev {
  position: absolute;
  top: 32%;
  left: 30px;
  margin: 0 !important;
  border-radius: 0 !important;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
  opacity: 0;
  -webkit-transform: translateY(60px);
          transform: translateY(60px);
}

.hero-slider-area .owl-prev i {
  color: #ffffff;
  width: 40px;
  height: 40px;
  line-height: 40px;
  display: inline-block;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
  font-size: 26px;
  border-radius: 0;
}

.hero-slider-area .owl-prev i:hover {
  background-color: #1569ae !important;
}

.hero-slider-area:hover .owl-prev {
  opacity: 1;
}

.hero-slider-area:hover .owl-next {
  opacity: 1;
}

.hero-slider-area .owl-theme .owl-nav {
  margin-top: 0 !important;
}

.hero-slider-area .owl-theme .owl-nav [class*=owl-]:hover {
  background-color: transparent;
}
.hero-slider-area{width:100%; height:460px;}
.hero-slider-area .owl-height, .hero-slider-area .owl-carousel, .hero-slider-area .owl-stage, 
.hero-slider-area .owl-item, .slider-item, .slider-item .d-table{height:100% !important; width:100%}
.slider-item .container{height:100%;}


/* footer */
.footer-line{
width: 100%;
float: left;
padding: 50px 0px;
color: #fff;
background: #023f9e;
}
.footer-heading-space{
margin-bottom: 10px;
}
.footer-heading-space h4{
font-size: 17px;
font-weight: 500;
text-transform: uppercase;
}
.footer-line i, .footer-line a{
text-decoration: none;
color: #ffffff;
font-size: 15px;
font-weight: 400;
}
.footer-line a:hover,
.footer-line a:active{
color: #ffffff;
text-decoration: none;
text-decoration: none;
}
.footer-line p{
text-decoration: none;
color: #ffffff;
font-size: 15px;
font-weight: 400;
}

.footer-span-left{
float: left;
width: 5%;
}
.footer-span-left i{
color: #fff;
}
.footer-span-right{
float: left;
width: 95%;
padding-left: 10px;
}
.copyright-line{
background: #1e1e1e;
float: left;
width: 100%;
padding: 20px 0px;
text-align: center;
}
.copyright-line p{
margin-bottom: 0px;
color: #ffffff;
font-size: 13px;
}
.social-links i{
color: #fff;
background: #fff;
font-size: 15px;
font-weight: 500;
margin-right: 5px;
border-radius: 50%;
}
.social-links i.fa-facebook{
background: #2a5297;
padding: 10px 13px;
}
.social-links i.fa-twitter{
background: #2aaae0;
padding: 10px 11px;
}
.social-links i.fa-youtube{

background: #e52d27;
padding: 10px 11px;
}
.social-links i.fa-linkedin{
background: #007bb5;
padding: 10px 12px;
}
.copyright-link span>a{
color: #fff;
font-size: 13px;
font-weight: 300;
}


@media(max-width:1024px){
    .ju_app{overflow:hidden;}
    .app_rht{right: -190px; }
    .contact_bx_cnt{padding-left: 70px;}
}

@media(max-width:992px){
.ju_histroy .tab-content{padding: 30px 20px;}
.tcol_bor{border:0;}
.tcol_bx{padding: 5px 0px;}
.contact_bx_cnt{margin-left:0;}
.contact_bx_cnt .fa{left: -10px;}
.ft_rht{width:100%; text-align:left;}
.app_rht{opacity: 0.2;}
.navbar-toggler{border: 1px solid #2c5caa; color:#2c5caa; padding: 0; margin: 0 0 0 auto;}
.navbar-toggler-icon{color: #2c5caa;
    width: auto;
    height: auto;
    font-size: 26px;
    padding: 5px 8px;}
.navbar-collapse{position: absolute;
    right: 0;
    top: 65px; z-index: 9;
    width: 290px;
    background: #2c5caa;}
.navbar-nav .nav-link{padding-right: 10px; padding-left: 10px;}
.nav-link{color:#fff;}
.nav-item.active .nav-link, .nav-link:hover{background: #0088ce; color:#fff;}
.contact_bx_inner:before{display:none;}
.dropdown-menu > li:hover > .dropdown-menu.submenu{   border-bottom:0}
.submenu.dropdown-menu a{color:#fff;}
.dropdown-menu{background-color:transparent; color:#fff;}
.dropdown-item{color:#fff;}
.dropdown-menu li{border-bottom:0}
.navbar-nav li{border-bottom:1px solid #609822}
.navbar-nav li:last-child{border-bottom:0}
.nav-item.dropdown:hover .dropdown-menu{border: 0;
    padding-left: 13px;}
}

@media(max-width:767px){
.sform{max-width:100%; margin: 0 0 12px auto;}
.ju_logo{max-width:100%; width:145px;}
.sform input{padding: 4px 10px 4px 35px;}
.sform a{top: -1px;}
.navbar-collapse{top: 55px;}
.serv_bx h3{font-size: 18px;}
.serv_bx{padding: 25px 25px 25px; margin: 10px 0;}
.ju_about h2{font-size: 17px;}
.abt_img{text-align:center;}
.abt_img img{max-width:100%;}
.hm_head{font-size: 24px;}
.ju_histroy h4{font-size: 14px;}
.nav-tabs .nav-item a{color:#000; font-size: 15px;}
.ju_histroy h3{font-size: 19px;}
.ju_histroy{background-size: 100% 100%;}
.tcol_bx h3{font-size: 18px;}
.count_bx h3{font-size: 22px;}
.count_bx p{font-size: 10px;}
.hm_shead{font-size: 15px;}
.app_lft h2{font-size: 26px;}
.app_lft p{font-size: 14px;}
.app_icon a{width: 49%;}
.app_icon a img{max-width:100%;}
.ju_app{height:auto;}
.app_lft{padding: 20px 0;}
.contact_bx_cnt h3{font-size: 15px;}
.contact_bx_cnt p{font-size: 13px;}
.contact_bx_cnt .fa{left: 2px;}
.contact_bx_cnt{padding-right: 10px;}
.ft_lft li.copyrht{display:block; margin-bottom:6px;}
.ju_footer_inners{font-size: 12px;}
.ft_lft li a{padding:0px 4px 0 0}
.ft_rht a{padding: 4px 0 12px;}
.hero-slider-area .slider-item .slider-text h1{font-size: 22px; margin-bottom: 10px;}
.hero-slider-area .slider-item .slider-text p{    font-size: 13px;}
.hero-slider-area{height: 260px;}
}