@charset "UTF-8";

html {position: relative; min-height: 100%; }
body {font-family:'Lato', sans-serif; font-size:15px;  color: #333333; padding: 0; margin: 0px;}

.blue-title{text-transform: uppercase; color:#0f4b87; font-size: 24px;}
.blue-color{color:#004b88 !important}
.dark-blue-color{color:#08294a !important}
.yellow-color{color:#ebb308 !important}
.black-color{color:#000 !important}
.margin-bot25{margin-bottom:25px !important;}
.margin-bot50{margin-bottom:50px !important;}
.margin-top15{margin-top: 15px !important;}
.margin-top25{margin-top: 25px !important;}
.margin-top40{margin-top: 40px !important;}
.margin-top30{margin-top: 30px !important;}
.margin-top150{margin-top: 150px;}
.margin-top0{margin-top:0px !important}
.margin0{margin:0px !important}
.border-right{border-right: 1px solid #dbdbdb;}
.padding-25{padding: 25px !important;}
.padding-20{padding: 20px !important;}
.padding-left15{padding-left: 15px !important;}
.padding-left10{padding-left: 10px;}
.blue-line{border-color:#004b88}
.light-line{border-color:#e8e8e8}
.marginTB15{margin-top: 15px !important; margin-bottom: 15px !important;}
.paddingTB30 { padding-top: 30px; padding-bottom: 30px; }
.marginTB50{margin-top: 50px !important; margin-bottom: 50px !important;}
.font-w600{font-weight: 600;}
.font-18{font-size:18px !important}
.font-20{font-size:20px !important}
.font-30{font-size:30px !important}
.font-34{font-size:34px !important}
.font-34{font-size:34px !important}
.font-60{font-size:60px !important}
.font-70{font-size:70px !important}
.fs-14{font-size:14px}
.fs-18{font-size:18px}
.fs-34{font-size:34px}
.font-color-white{color: #fff !important;}
.clear20{clear:both; height:20px}
.clear40{clear:both; height:40px}
a:focus{text-decoration:none; outline:none}
.left-padding35 {padding-left:35px; }
.left-padding30 {padding-left:30px; }
.left-padding80 {padding-left:80px !important;}
.right-padding35 {padding-right: 35px; }
.light-blue-bg{background:#f4fbfe;}
.dark-blue-bg{background:#004b88 !important;}
.white-bg-container{padding-top:40px; padding-bottom:40px}
.padding-left-right0 { padding-left: 0 !important; padding-right: 0 !important; }
.color-blue { color: #3396fa !important; }
.color-grey { color: #666666 !important; }
.color-white { color: #fff !important; }
.brdrnone::before{content:none !important}
.floatLeft { float: left; }
.minheight380{min-height: 380px;}
.minheight445{min-height: 445px;}
.brdr-bottom{border-bottom:1px solid #e0e0e0;padding-bottom:35px}
.desktop-view{display: block;}
.mobile-view{display: none;}
.text-lightblue {
    color: #2366ab
 !important;
	padding-bottom:10px;
	
}
.customheader {
    font-size: 17px;
    line-height: 24px;
}
.blue-arrow, .blue-arrow ul {
    padding-left: 20px;
	padding-top:10px;
}
.display-def-16 {
    font-size: 16px;
}
.section-heading {
    margin-bottom: 2.5rem;
}
h2.title{
	font-size: 28px;
    font-weight: normal;
}

#myVideo{position: absolute; right: 0; bottom: 0; top:0; right:0; width: 100%; height: 100%; background-size: 100% 100%;
background-color: black; background-position: center center; background-size: contain; object-fit: cover; /*cover video background */
z-index:3;}

.header{border-top:5px solid #004b88; width: 100%; position: absolute; z-index: 99;}
.top-menu{background:url('../images/menu-top.png') no-repeat; width:66px; height:48px; display: block;float: right; cursor: pointer; border:0px; position: absolute;right:15px; z-index: 99; top: 0; outline: none;}
button:focus.top-menu, button:focus.menu-close{outline: none;}
.menu-close{background:url('../images/menu-close.png') no-repeat; width:65px; height:46px; display: block;float: right; cursor: pointer; border:0px; top:0; position: absolute;right:15px; z-index: 99;outline: none;}
.menu-container{background:#242424; position: absolute; z-index: 9999; width: 100%; top:0px;display: none;}
.menu-title{font-size: 20px; text-transform: uppercase; font-weight: 600; color: #fff; margin:20px 0 0 0}
.menu-list{margin:10px 0 0px 0; padding: 0; list-style: none;}
.menu-list li a{color: #c0c0c0; font-size: 14px;}
.menu-border{border-right: 1px solid #3a3a3a;}
.menu-content{min-height:165px; margin-bottom: 30px;}
.menu-padding{padding-top:40px; padding-bottom: 20px;}

.home-banner-txt1, .home-banner-txt2{position: absolute; z-index: 9; top: 50%; left:0; right: 0; text-align: center; margin: -165px 0 0 0px;}
.home-banner-txt1 h3, .home-banner-txt2 h3{margin:0px; padding: 0px; color: #fff; font-size: 85px; line-height:80px; }
.home-banner-txt1 h4, .home-banner-txt2 h4{margin:0px; padding: 0px; color: #fff;font-size:35px;text-align: center;}
.home-banner-txt2{margin-top:-20px}
.fp-viewing-firstPage .home-header{ z-index: 999; position: fixed; top:0}
.logo{margin:20px 0;}
.scroll-down{background:url(../images/scroll-down.png) no-repeat; width:21px; height: 71px; position: absolute; bottom: 10px; left: 50%; margin:0 0 0 -11px; z-index: 9; display: inline-block; cursor: pointer;}

.video-controll{background:url(../images/video-play.png) no-repeat; width:42px; height:42px; position: absolute; top: 50%; left: 50%; z-index: 9; display: inline-block; cursor: pointer; margin:120px 0 0 -22px}
.video-controll.active{background:url(../images/video-play.png) no-repeat; }

.section{width: 100%;  padding: 20px 0;}
#section0{height:700px; overflow: hidden; position: relative;}
#section1{padding:150px 0;}
#section2{padding:0; position: relative;}
#section3{padding:0; position: relative;}
#section4{padding:0; position: relative;}
#section5{padding:0;}
.media-section{background:url('../images/media-section.jpg') no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; min-height: 570px; padding: 30px;}
.industry-serve{position: absolute; z-index: 999; top:5%; left:5%; color: #fff;}
.center-block{margin:0 auto; display: block;}
.parmanand-info{text-align: center;position: relative;}
.parmanand-info .parmanand-info-label{position: absolute; bottom: 25px; background-color: #004b88; padding:10px; text-align: left;}
.parmanand-info .parmanand-info-label h3{color: #fff; margin:0 0 5px 0; font-size: 18px; }
.parmanand-info .parmanand-info-label h4{color: #fff; font-style: italic; font-size: 16px;}

/*.philosophy-principle h3{margin-top: 10px;}*/
.philanthrophic-bg .left-cntr{width:62.5%; float:left; padding:80px 30px 80px 15px; min-height:585px}
.philanthrophic-bg .left-cntr .inr-left-cntr{float:right; width:100%; max-width:740px;}
.philanthrophic-bg .right-cntr{width:37.5%; float:left; padding:80px 15px 80px 30px; background:#f5f5f5; border-left:solid 1px #e3e3e3; min-height:585px}
.philanthrophic-bg .right-cntr .inr-right-cntr{float:left; width:100%; max-width:342px;}

.philosophy-principle, .phiLanthrophic-activities{min-height:372px; position: relative; z-index: 99; }
.philosophy-principle p{color: #042f52; font-size: 18px; margin:30px 0}
.philosophy-principle h4{color: #042f52; font-size: 18px; margin:30px 0 0 0; line-height: 34px; text-transform: uppercase;}
.philanthrophic-bg:after{position:absolute; content:''; width:30%; top:0; bottom:0; right:0; z-index:-1; background:#f5f5f5}
.philanthrophic-bg .activities-col{background:#f5f5f5; border-left:solid 1px #e3e3e3; padding-left:30px}
.philanthrophic-bg > .container > .row > .col-lg-4{padding-top:80px; padding-bottom:80px}
.philanthrophic-bg .philosophy-col{padding-right:30px}

/*--
.philanthrophic-bg:after{background:#f5f5f5; content:""; display: block; position: absolute; right: 0; top: 0; width:38%; height: 100%; border-left:1px solid #e8e8e8} --*/
.phiLanthrophic-activities h4{font-size: 20px; color: #373737; margin:0px; position: absolute; bottom:25px; font-weight:600;}
.card-main-link-wrapper{border-top: 1px solid #adadad; z-index: 99; position: relative; }
.card-main-link-wrapper .card-main-link{background: #ffe400 none repeat scroll 0 0; color: #042f52; display: inline-block;
    font-size: 30px; height: 35px; line-height: 1;text-align: center; text-decoration: none; width: 35px;}
#PhiLanthrophic .owl-dots{text-align: center;}
#PhiLanthrophic .owl-dots .owl-dot span{background:#999; margin:5px 4px; height: 10px; width: 10px;}
#PhiLanthrophic .owl-dots .owl-dot.active span{background:#0f4b87;}
#PhiLanthrophic .owl-nav.disabled + .owl-dots{margin-top:20px;}


.footer{padding:50px 0 50px 0; /*border-bottom:1px solid #eeeeee;*/ border-top:4px solid #004b88 ;}
.footer-box{padding-left: 10px;}
.footer-title{font-size: 14px; color: #666666; font-weight:600; text-transform: uppercase; margin-bottom: 15px; }
.footer-list{list-style: none; margin:0px; padding: 0px; }
.footer-list a{color: #666666; font-size: 12px; text-transform: uppercase;}
.register-office{color: #666666; font-size: 14px;}
.register-office h4{color: #0b194a; font-size: 14px;}
.footer-sitemap{color: #666;font-size: 12px; }
.footer-sitemap a{color: #666; font-size: 11px;}
.copyright{font-size: 12px; color: #666; margin-bottom: 10px;}
.social-footer{margin-bottom:15px; }
.social-footer a{text-decoration: none; display:inline-block; cursor: pointer; margin-right: 5px;}
.read-more{display: inline-block; color: #004b88; padding:5px 25px; border:1px solid #e3e3e3; font-size: 14px; text-decoration: none; text-transform: uppercase;}
.our-group-blue-container .read-more{color:#fff;}
.our-group-blue-container .read-more:hover{border-color:#fff;}
.hinduja-msg-home h3{text-transform: uppercase; font-size: 30px; color: #004b88; margin-bottom: 30px;}
.hinduja-msg-home p{color: #333333; font-size: 18px; margin-bottom: 20px; }
.hinduja-msg-home .read-more{margin-top: 20px;}
/* .our-phil{padding:0 !important;} */
.our-phil img{ position:relative; /*bottom:-100px*/}



.news-media-box{background:rgba(12,26,75, 0.5) ; margin:50px 0; color: #fff;}
.news-media-box-content{padding:20px; min-height:320px;}
.news-media-box .header-news{background:#0c1a4b; padding: 20px; font-size: 22px; color: #fff;  text-transform: uppercase}
.news-media-box .view-all{color:#479df0 !important; font-size: 12px; display: inline-block; padding: 5px; cursor: pointer;}
.news-media-box h4{font-size: 16px;}
.news-media-box h4 a{color: #fff; text-decoration: none;}
.news-media-box p{font-size: 12px; font-style: italic; margin:0px;}
.news-media-box ul{list-style: none; margin:0px; padding: 0px;}
.news-media-box ul li{padding:20px 0 20px 25px; background:url('../images/blue-arrow-bullet.png') no-repeat left 23px; border-top: 2px solid #459efa;}
.news-media-box ul li:first-child{padding-top:0; background-position:left 2px; border:0}
.latest-happenings h4{padding:20px 0 0 0;}
#home-banner{position: relative;}
#home-banner .carousel-indicators{position: absolute; top:5%; left:5%; display: block; margin:50px 0 0 0px; right: auto;}
#home-banner .carousel-indicators li{margin:20px 0px; width: 15px; height: 15px; border-radius: 250px; background:#fff; opacity: 1; z-index: 9999; position: relative;}
#home-banner .carousel-indicators li:before{background:url(../images/slider-divider.png) no-repeat center; position: absolute; display: inline-block; content: ""; height:20px; width: 5px; left: 4px; top:15px; z-index: 9;}
#home-banner .carousel-indicators li:last-child:before{display: none;}
#home-banner .carousel-indicators .active{background:#0a4883;}
.indicator-info, .indicator-info1{position: absolute; background:#fff; padding:5px 10px ; color:#243766 !important; font-size: 18px !important; border-radius:10px; left:30px;  text-indent: 0; margin:-10px 0 0 0; display: none; text-align: center; line-height:26px; height: 38px;}
.indicator-info:before{display: block; content: "";width: 23px; height:38px; background:url('../images/indicator-pointer.png') no-repeat center; position: absolute; left:-15px; top: 0;  }
#home-banner .carousel-indicators .active .indicator-info{display: inline-block;}
#home-banner .carousel-caption{left: 10%; right: auto; text-align: left; bottom: 50px;}
#home-banner .carousel-caption h3{font-size: 40px; color: #fff; border-left:6px solid #449cf5; text-transform: uppercase; padding: 0 10px; font-weight:700; margin:0px}
.indicator-info1{display: none; left: 5%; top: 65px;}
.w-100{height: 100%;}

h2{font-size:24px}
h3{font-size:20px}
h4{font-size:15px}
h4 em{font-size:13px; display:block; padding-top:8px;}
.pd-pic{margin-bottom:10px}
.content-wrapper .business-philosophy-text{border-right:solid 1px #f5f5f5}
.content-wrapper .business-philosophy-text p{padding-right:15px}
.content-wrapper .business-philosophy h4{line-height:20px}
.content-wrapper img.hinduja-bros{margin-bottom:25px}

ul.sub-nav{padding:15px 0; margin:0}
ul.sub-nav li{padding:15px 0}
ul.sub-nav li:not(:first-child){border-top:solid 1px #e8e8e8}
ul.sub-nav li a{color:#333333; text-transform:uppercase; font-size:18px; border-left:solid 3px #08294a; line-height:18px; position:relative; padding:0 30px 0 6px; display:inline-block; font-weight:400}
ul.sub-nav li a span{font-size:14px}
ul.sub-nav li a:hover, ul.sub-nav li a.active{color:#0f4b87; text-decoration:none; border-color:#0f4b87;}
ul.sub-nav li a.active{font-weight:600}
ul.sub-nav li a.active:after{content: "\f054"; font:normal normal normal 12px/1 FontAwesome; position:absolute; right:5px; top:5px; color:#0f4b87}

ul.mobile-sub-nav{padding:15px 0; margin:0}
ul.mobile-sub-nav li{padding:15px 0}
ul.mobile-sub-nav li:not(:first-child){border-top:solid 1px #e8e8e8}
ul.mobile-sub-nav li a{color:#333333; text-transform:uppercase; font-size:18px; border-left:solid 3px #ebb308; line-height:18px; position:relative; padding:0 30px 0 6px; display:inline-block; font-weight:400}
ul.mobile-sub-nav li a span{font-size:14px}
ul.mobile-sub-nav li a:hover, ul.mobile-sub-nav li a.active{color:#0f4b87; text-decoration:none; border-color:#0f4b87;}
ul.mobile-sub-nav li a.active{font-weight:600}
ul.mobile-sub-nav li a.active:after{content: "\f054"; font:normal normal normal 12px/1 FontAwesome; position:absolute; right:5px; top:5px; color:#0f4b87}

.card-main.philosophy-card > li{border:0; padding:35px 10px; margin:0}
.card-main.philosophy-card > li:nth-child(even) {background:#f4fbfe}
.card-main.philosophy-card > li .card-main-title{text-transform:none;}
.card-main.philosophy-card > li .philosophy-img{position:relative; max-width:190px; max-height:190px; margin:0 auto}
.card-main.philosophy-card > li .philosophy-img .philosophy-img-brdr{position:absolute; width:90%; height:90%; left:5%; top:5%; display:block; border-radius:50%; border:solid 1px #fff}

.investment-philosophy-card > li{width:47%; float:left; padding:40px 30px; position:relative; background: #f7f7f7; margin: 0 30px 30px 0;}
.investment-philosophy-card > li:first-child, .investment-philosophy-card > li:last-child { background: #f4fbfe; }
.investment-philosophy-card > li:before { border-bottom: 10px solid #eaeaea; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 100%; content: ""; }
.investment-philosophy-card > li:first-child:before, .investment-philosophy-card > li:last-child:before { border-bottom: 10px solid #d9f3fe; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 100%; content: ""; }
.investment-philosophy-card > li.grey-bg {background:#f1f1f1}
.investment-philosophy-card > li > p{font-size:28px; margin:0; position:relative; z-index:2; color: #666666;}
/*.investment-philosophy-card > li > p span{font-size:40px; color:#0f4b87}*/
.investment-philosophy-card > li > span.numbers{position: absolute; right: 10px; font-size: 100px; bottom: -10px; z-index:1; color: #eeeded; font-family: 'Lato', sans-serif; font-weight: 700;}
.investment-philosophy-card > li.grey-bg > span.numbers{color:#eeeded}
.automotive-card li:not(:first-child){margin-top:40px}
.automotive-card li .card-main-title{color:#3396fa; text-transform:uppercase; font-weight:500; font-size:20px; font-weight:700}
.automotive-card > li:nth-child(even) .card-main-text {text-align:right}
.automotive-card li img.card-img{border-radius:0}
.automotive-card li .card-main-text{position:relative; /*padding-left: 20px;*/}
.automotive-card li .card-main-text span.card-no{position:absolute; z-index:-1; color:#e5e5e5; font-size:140px; line-height:110px; right:50px; top: 50%; margin-top: -55px;}
.automotive-card li .pull-lg-6 .card-main-text span.card-no{right:auto; left:50px}
.automotive-card.power-card > li:nth-child(even) .card-main-text{text-align:left}
.numbered-card.automotive-card li .card-main-title{font-size:34px}
.numbered-card.automotive-card li .card-main-title span{font-size:28px}
.automotive-card.indus-media li{padding:0 0 20px; margin:0}
.automotive-card.indus-media li:not(:first-child) {padding-top:40px; border-top:1px #e8e8e8 solid; margin:0}
.automotive-card.indus-media > li:nth-child(even) .card-main-text {text-align:left}

.automotive-card > li:nth-child(2n) .card-main-text{padding-left:0px;/*padding-right:20px;*/ text-align: left;}
.automotive-card li .card-main-text .card-main-title {border-top: 1px solid #dedddd; padding-top:20px; margin-top: 20px; color: #004b88}
.automotive-card li .card-main-text p{color: #333333;}
.automotive-card-img { text-align: center; }
.automotive-card h3.business-title{font-size: 32px; color: #023a67; text-transform: uppercase; font-weight: 520; margin-bottom: 20px;}
.automotive-card .figure{background: #004b88; transition: all 0.3s ease 0s;}
.automotive-card .figure:hover{background: #459ef7; }
.automotive-card .figure-caption{color: #fff; padding: 8px 0px 18px; font-size: 21px;}
.hvr-grow {
    display: inline-block;
    vertical-align: middle;
    transform: translateZ(0);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0);
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    transition-duration: 0.3s;
    transition-property: transform;
}

.hvr-grow:hover,
.hvr-grow:focus,
.hvr-grow:active {
    transform: scale(1.02);
}
.work-give-box{font-size:26px}
.work-give-box p{margin:0; position:relative; padding-bottom:12px; text-transform:uppercase}
.work-give-box p:after{display:block; content:""; width:100%; height:7px; background:url('../images/blue-shadow.png') no-repeat center; position:absolute; left:0; right:0; bottom:0;}
.work-give-box p:nth-child(odd){color:#042f52}
.work-give-box p:nth-child(even){color:#ebb308; font-weight:500}
.work-give-box p:nth-child(even):after{background:url('../images/yellow-shadow.png') no-repeat center;}
.work-give-box p:nth-last-child(1):after{background-image:none}
.vision-mission-row .brdr-right{background:url('../images/black-shadow.png') no-repeat right center;}
.vision-mission-row .vision-mission-box{padding:10px 25px}
.vision-mission-row .vision-mission-box h2{font-size:45px; font-weight:400;}
.vision-mission-row .vision-mission-box p{font-size:18px; line-height:28px; margin:0}
.about-college{padding:25px 0}
.inner-banner img{margin:0 auto; display: block; width: 100%;}

.content-wrapper hr{margin:30px 0}
.content-wrapper .read-more{padding:7px 33px}
.read-more:hover{text-decoration:none; color:#fff; background:#004b88; border-color:#004b88}
/* HRK - starts */
.breadcrumb{padding:.75rem 0; background:none; font-size:11px; text-transform:uppercase; color:#999; margin-bottom:0}
.breadcrumb a{color:#999}
.breadcrumb .breadcrumb-item + .breadcrumb-item:before{content:'\003e'; vertical-align:top; margin-top:-1px; padding:0 12px}
.breadcrumb .breadcrumb-item.active{font-weight:700}

.card-main > li{border-bottom:1px solid #e9e9e9; padding-bottom:30px; margin-bottom:30px}
.card-main > li .card-main-text{ font-size: 18px; color: #666666; padding:0 20% 0 5% }
.card-main > li .card-main-title{color:#0f4b87; text-transform:uppercase; font-weight:500; font-size:20px}

.card-main-link-wrapper{border-top:1px solid #adadad}
.card-main-link-wrapper .card-main-link{display:inline-block; width:35px; height:35px; background:#0f4b87; color:#fff; text-align:center; line-height:1; font-size:30px; text-decoration:none !important}

.sub-title{color:#0f4b87; text-transform:uppercase; font-weight:500; font-size:24px; margin-bottom:20px}

.page-title-wrapper{background:#023a67; position:relative; z-index:0}
.page-title-wrapper .page-title{color:#fff; text-transform:uppercase; font-size:24px; margin:0; padding:15px 30px; }
.page-title-wrapper:after{ position:absolute; content:''; width:50%; top:0; bottom:0; right:0; z-index:-1}
.page-title-wrapper ul { list-style-type: none; padding: 0; margin: 0; display: flex; display:-webkit-flex }
.page-title-wrapper ul li { font-size: 16px; color: #fff; text-align: center; text-transform: uppercase; }
.page-title-wrapper ul li a, .page-title-wrapper ul li span { font-size: 13px; color: #fff; text-decoration: none; padding: 20px; display: block; position: relative; }
.page-title-wrapper ul li a:before { width: 1px; height: 24px; position: absolute; top: 50%; left: 0; transform: translateY(-50%); background: #fff; content: ""; }
.page-title-wrapper ul li:first-child a:first-child:before { width: 0; }
.page-title-wrapper ul li a.active:before { width: 0; }
.page-title-wrapper ul li a.active:after {width: 1px; height: 24px; position: absolute; top: 50%; right:-1px; transform: translateY(-50%); background:#023A67; content: ""; z-index: 99;  }
.page-title-wrapper ul li a:hover, .page-title-wrapper ul li a.active { background: #459ef7; font-weight: bold; }

.content-wrapper{padding:30px 35px; /*border-left:1px solid #f5f5f5;*/}
.content-wrapper-new{padding:50px 0;}

.side-block{padding:30px 15px; background:#ecf9ff; margin-bottom:30px}
.side-block .side-title{font-size:20px; color:#0f4b87; border-bottom:1px solid #0f4b87; padding-bottom:20px; margin-bottom:20px}
.side-block .side-title > span{color:#0e2946; font-weight:400}

.side-quote{margin:0; padding-left:20px; border:none;}
.side-quote:before, .side-quote:after{display:inline-block; width:54px; height:41px; background-image:url('../images/side-quote.png'); background-repeat:no-repeat}
.side-quote:before{content:''; vertical-align:top; margin:-23px 5px 0 -60px; background-position:top left}
.side-quote:after{content:''; vertical-align:top; margin:5px 0 0 5px; background-position:bottom left}

.side-pop{position:relative; margin-top:40px;}
.side-pop:after{content:''; position:absolute; top:0; left:50%; margin:-40px 0 0 -20px; width:0; height:0; border-top:20px solid transparent; border-right:20px solid transparent; border-bottom:20px solid #ecf9ff; border-left:20px solid transparent;}
.side-pop h5{font-weight:500; font-size:18px;}
.side-pop hr{border-top:1px solid #0f4b87}
/* HRK - ends */

.family-tree-tab{border-bottom:0px solid #f5f5f5 !important; margin:20px 0 0 0; }
.family-tree-tab .nav-item .nav-link{min-height:400px; text-align: center; width:98%; display:block; margin:0 auto}
.family-tree-tab .nav-item .nav-link:hover{border:0px solid #ecf9ff; }
.family-tree-tab .nav-item .nav-link.active{background:#ecf9ff; border:0px solid #ecf9ff;  width: 104%;}
.family-tree-tab .nav-item .nav-link.active:after{background:url('../images/family-arrow.png') no-repeat; content: ""; position: absolute; bottom:-18px; width: 32px; height: 18px; left: 50%; margin-left:-13px; }
.family-tree-tab .nav-item{padding:0; width:25%; position:relative}
.family-tree-tab .nav-item h4, .family-tree-tab-content h4{font-weight: 600; margin-bottom: 10px;}
.family-tree-tab .nav-item h5, .family-tree-tab-content h5{color: #ebb308; font-size: 16px; font-weight: 600; margin-bottom: 5px;}
.family-tree-tab .nav-item p{font-size: 14px; color: #333333;}
.family-tree-tab .nav-item .nav-link.active h4{font-size:16px}
.family-tree-tab-content{padding:25px; background:#effaff; border:1px solid #d3d2d2; margin-top: 15px;}

.directory-list{list-style: none; margin:0px; padding: 0px;}
.directory-list li{display: inline-block; padding: 0 0px; text-align: center; width: 19px;}
.directory-list li a{display:block; cursor: pointer; font-size: 16px; color: #333333;}
.view-all-directory{color: #004b88 !important; cursor: pointer;}
.directory-content{list-style: none; margin:0px; padding: 0px; overflow: hidden;}
.directory-content li:nth-child(even) {background-color:#f4f4f4;}
.directory-content li{padding: 40px 10px;}
.directory-content h3{color: #0f4b87; font-weight: 600; font-size: 20px;}
.directory-content h4{color: #459ef7; font-weight: 500; font-size: 18px; margin:0px;}
.directory-content h5{margin:5px 0 5px 0; font-size: 16px;}
.directory-content p{margin-bottom: 5px;}
.directory-address{border-right: 1px solid #e8e8e8; padding-right: 5px;}
.directory-phone{padding-right:5px;}
.directory-phone p{font-size: 15px;}
.directory-content-scroll{height:850px; overflow: auto;}
.location-icon{background:url('../images/directory/location-icon.png') no-repeat; width: 22px; height: 22px; display: inline-block;float: left; margin-right: 10px;}
.directory-address p{float: left; width: 85%;}
.location-icon{background:url('../images/directory/location-icon.png') no-repeat; width: 22px; height: 22px; display: inline-block;float: left; margin-right: 10px;}
.tele-icon{background:url('../images/directory/tele-icon.png') no-repeat; width: 22px; height: 22px; display: inline-block;float: left; margin-right: 10px;}
.mail-icon{background:url('../images/directory/mail-icon.png') no-repeat; width: 22px; height: 22px; display: inline-block;float: left; margin-right: 10px;}
.office-icon{background:url('../images/directory/office-icon.png') no-repeat; width: 22px; height: 22px; display: inline-block;float: left; margin-right: 10px; /*margin-left: 10px;*/}
.mobile-icon{background:url('../images/directory/mobile-icon.png') no-repeat; width: 22px; height: 22px; display: inline-block;float: left; margin-right: 10px; margin-left:0px;}
.directory-phone p{float: left;}
.directory-phone a{color: #333333; text-decoration: none;}
.directory-logo{padding: 15px 0; margin:0 auto ; text-align: center;}

.modal-backdrop.show { filter: alpha(opacity=8);  opacity: 0.8;}
#HomeVideo .modal-content { background: none; border: 0; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;-moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;}
#HomeVideo .modal-body {padding: 0 25px 25px 25px;}
#HomeVideo .modal-header{padding: 25px 25px 15px 25px;text-align: right;}
#HomeVideo .modal-header, #HomeVideo .modal-footer { border: 0;}
#HomeVideo .modal-header .close {  margin: 0; font-size: 36px; color: #fff;font-weight: 300; text-shadow: none; opacity: 1; position: absolute; right: 0; z-index: 999;}

.custom-select{background:url(../images/select-bg.png) center right no-repeat #fff; padding-right:30px !important}
.search-row{padding:12px 10px; background:#e6e6e6; margin:20px 0;}
/*.search-row .brdr-right{border-right:solid 1px #c9c9c9}*/
.search-row .w35{width:35%; padding:0 15px}
.search-row .w25{width:25%; padding:0 15px}
.search-row .w15{width:15%; padding:0 15px}
select.custom-select{width:100%; font-size:14px; padding:0 8px; border-radius:2px 2px 2px 2px; height:32px}
.btn.btn-submit{background:#0f4b87; color:#fff; font-size:14px; border:0; padding:7px 15px; border-radius:0; cursor:pointer}
.btn.btn-submit:hover{background:#08294a}
input[type=text].form-control{width:100%; font-size:14px; padding:0 8px; border-radius:2px 2px 2px 2px; height:32px}

.enquiry-form .form-group{margin-bottom:0}
.enquiry-form input[type=text].form-control, .enquiry-form textarea{height:44px; line-height:44px; margin-bottom:30px}
.enquiry-form .btn.btn-submit{padding:10px 20px; font-size:16px}
.enquiry-form textarea { height: 185px; }

.search-row .search-box{padding-left:10px}
.search-row .input-group input.form-control {background: #fff; z-index: 0; border-radius: 0; box-shadow: none; font-size: 14px; padding:7px 30px 7px 0; color: #6e6e6e; border: 1px solid #cfcfcf; padding: 0 40px 0 5px;}
.search-row .input-group-btn .btn{position: absolute; z-index: 2; right: 1px; bottom: 4px; width: auto; cursor:pointer; background-color:transparent; padding: 0 10px; border-left: 1px solid #cfcfcf;}
.search-row .input-group-btn .btn i{color: #6e6e6e;}
.table-media thead th{background:#0f4b87; color:#fff; font-weight:normal; vertical-align:top; text-align:left; font-size:18px}
.table-media tr:nth-child(even){background:#f4fbfe}
.table-media td{vertical-align:middle; line-height:20px; border:0; padding:25px 15px}
.table-media td a{color:#0275d8}
.table-media td a:hover{color:#000; text-decoration:none}
.table-media td:nth-child(1){text-align:center}
.table-media td:nth-child(1), .table-media td:nth-child(3){width:20%}
.table-media td:nth-child(2){width:60%; font-size:18px}

.pagination{padding:25px 0; margin:0}
.pagination li{position:relative;margin-right: 5px;}
.pagination li a{border:0; width:30px; text-align:center; line-height:14px; margin:0 3px; padding:6px 11px 8px 9px; text-decoration: none; text-align:center; color:#0d1c28; border-radius:7px 7px 7px 7px; letter-spacing:-2px}
.pagination .page-item.active .page-link{background:#0f4b87}
.pagination li:last-child .page-link{margin-right:0}
.pagination li a:hover{background:#0f4b87; color:#fff}
.pagination .page-link.prev-next{width:auto; background:#0f4b87; border-radius:15px 15px 15px 15px; color:#fff; padding:6px 14px 8px 14px; letter-spacing:0}
.page_navigation{text-align: center;}
.pagination li.prev a, .pagination li.next a{ width: auto; background: #0f4b87; border-radius:18px; color: #fff; padding: 6px 14px 8px 14px; letter-spacing: 0;}
.pagination li.active a {background: #0f4b87; color: #fff;}
.special-features table td{font-weight:600}
.special-features table td a{color: #2390fe;}



ul.contact-tab{/*border-bottom:solid 2px #0f4b87;*/ border-bottom: transparent; margin:0}
ul.contact-tab li{display:inline-block; font-size:24px; margin-right:20px}
ul.contact-tab .nav-item{margin-bottom:0}
ul.contact-tab a.nav-link{color:#0f4b87; background-color:transparent; border:0; /*border-bottom:solid 4px #fff;*/ padding:0 20px 8px 0; font-size: 20px; text-transform: uppercase; position: relative; }
ul.contact-tab a.nav-link:before { position: absolute; top: 0; left: -5px; content: "|"; }
ul.contact-tab .nav-item:first-child a.nav-link:before { content: none; }
ul.contact-tab a.nav-link.active:before { font-weight: normal;color:#0f4b87; }
ul.contact-tab .nav-item.show .nav-link, ul.contact-tab .nav-link.active, ul.contact-tab .nav-link:hover{/*border-color:#08294a;*/ color:#08294a; background-color:transparent}
ul.contact-tab .nav-item.show .nav-link, ul.contact-tab .nav-link.active{color:#08294a; font-weight:700}
.contact-tab-content.tab-content{padding:25px 0}
.map-container{padding:0 0 30px}

#accordionContact .card{border:0; margin-bottom:22px}
#accordionContact .card-header{border:0; padding:0; background:#f5f5f5}
#accordionContact .card-header a{padding:15px 15px 15px 25px; display:block; position:relative; color:#0f4b87; font-size:24px; font-weight:700; box-shadow:0px 4px 0px -2px #dfdfdf}
#accordionContact .card-header a:hover, #accordionContact .card-header a:focus{text-decoration:none}
#accordionContact .card-header a:after{content:"\f00d"; width:18px; height:18px; display:block; position:absolute; font:normal normal normal 20px/1 FontAwesome; right:18px; top: 50%; margin-top: -10px;}
#accordionContact .card-header a.collapsed:after{content:"\f067"}
#accordionContact .card-header a.collapsed{box-shadow:0 0 0 0}
#accordionContact .card-block{background:#f5f5f5}
#accordionContact .card-block h3{position:relative; z-index:2; margin-bottom:25px}
#accordionContact .card-block h3:after{content: ''; position: absolute; top:60%; left: 0; right: 0; border-top: 1px solid #dadada;  z-index: -1;}
#accordionContact .card-block h3 span.line-center{margin: 0; padding: 0 20px 0 0; background: #f5f5f5; display: inline-block;}
#accordionContact .card-block h4{font-size:16px; font-weight:700; margin-bottom:5px}
#accordionContact .card-block p{font-size:14px; margin-bottom:10px}


#accordionInvestor .card{border:0; margin-bottom:22px}
#accordionInvestor .card-header{border:0; padding:0; background:#f5f5f5; min-height: 90px;}
#accordionInvestor .card-header a{padding:15px 15px 15px 25px; display:block; position:relative; color:#0f4b87; font-size:24px; font-weight:700; box-shadow:0px 4px 0px -2px #dfdfdf}
#accordionInvestor .card-header a:hover, #accordionContact .card-header a:focus{text-decoration:none}
#accordionInvestor .card-header a:after{content:"\f00d"; width:18px; height:18px; display:block; position:absolute; font:normal normal normal 20px/1 FontAwesome; right:18px; top: 50%; margin-top: -10px;}
#accordionInvestor .card-header a.collapsed:after{content:"\f067"}
#accordionInvestor .card-header a.collapsed{box-shadow:0 0 0 0}
#accordionInvestor .card-block{background:#f5f5f5}
#accordionInvestor .card-block h3{position:relative; z-index:2; margin-bottom:25px}
#accordionInvestor .card-block h3:after{content: ''; position: absolute; top:60%; left: 0; right: 0; border-top: 1px solid #dadada;  z-index: -1;}
#accordionInvestor .card-block h3 span.line-center{margin: 0; padding: 0 20px 0 0; background: #f5f5f5; display: inline-block;}
#accordionInvestor .card-block h4{font-size:16px; font-weight:700; margin-bottom:5px}
#accordionInvestor .card-block p{font-size:14px; margin-bottom:10px}

#accordionInvestor .border-top{border-top:1px solid #dfdfdf;}
#accordionInvestor .border-right{border-right:1px solid #dfdfdf;}
#accordionInvestor .last-update{font-size: 14px; float: right; padding:22px 40px 20px 0;}
#accordionInvestor .btn{font-size: 11px; margin:10px 0}
#accordionInvestor .investor-info{padding:10px 20px; font-size: 14px; line-height: 21px;}
#accordionInvestor .more-info{text-align: center;}
#accordionInvestor .more-info a{font-size: 12px; }
.bse-data{float: right;}
.nse-data{float: right;}

.investorRelations{background: #f4fbfe none repeat scroll 0 0;border: 0 none;padding:10px 20px;margin-bottom: 20px;display: flex; align-items: center; justify-content: space-between;}
.investorRelations a.investorLogo{color:#023a67;font-size:16px;font-weight:700;text-decoration:none;float:left;line-height:63px;margin-left:150px;}
.investorlast-update { text-align: center; }
.investorlast-update a.investorLogo { margin-left: 0; display: block; float: none; line-height: normal; }
.investorRelations .investorLogoImg{display:inline-block; width:250px; float:left; min-height:65px; position: relative;}
.investorImages { width: 150px !important; text-align: center; }
.investorRelations .investorLogoImg:before { content: ""; position: absolute; right: -50px; top: 50%; transform: translateY(-50%); border-style: solid; border-color: transparent transparent transparent #ccc; border-width: 10px 0 10px 10px; }
.investorRelations .investorLogoImg img{display:block; margin:0 auto}
.investorRelations .last-update{float: right; padding:0; width:200px}
.arrowNone .investorLogoImg { position: relative; }
.arrowNone .investorLogoImg:before { content: none !important;}

.widget-container { position: relative;}

.project-dev-list{margin:40px 0 20px}
.project-dev-list li{float:left; margin-bottom:30px}
.project-dev-list li .img-cntr{position:relative; max-width:397px; margin: 0 auto;}
.project-dev-list li .img-cntr h3{position:absolute; padding:25px 0; width:100%; background: rgba(0, 0, 0, .7); font-size:30px; color:#fff; bottom:25px; margin:0}

.cir-bullet-list{margin:20px 0}
.cir-bullet-list li{padding:0 0 10px 25px; position:relative}
.cir-bullet-list li:before{content: "\f111"; font:normal normal normal 8px/1 FontAwesome; position:absolute; left:2px; top:9px; color:#7f7f7f}
.cir-bullet-list.yellow-bullet li:before{color:#ebb308; top:21px}
.cir-bullet-list.yellow-bullet li{font-size:20px; padding-top:10px}
.cir-bullet-list.yellow-bullet li:not(:first-child){border-top:solid 1px #eaeaea}

.bank-info-box{ padding:25px 0 0; background:#efefef;  margin:25px 0;}
.bank-info-box p span{ font-size:18px; color:#0f4b87}
.video-box{margin-bottom:10px; position:relative}
.video-box a{display:block}
.vid-play-btn {position:absolute; top: 50%; left: 50%; margin-left: -38px; margin-top: -39px; z-index:2}
.video-box .video-overlay{position:absolute; top:0; bottom:0; left:0; width:100%; background:rgba(0, 0, 0, .4); z-index:1}
.video-box:hover .video-overlay{background:rgba(0, 0, 0, .1)}
.video-content {padding:10px 0 20px;}
.video-content h3{font-size:18px; color:#0f4b87}
.video-content p{color:#333333; font-size:12px;}

#videoModal .modal-content{background:#000; z-index: 10;}
#videoModal .modal-title{color:#fff; padding:10px 15px; border-bottom:solid 1px #999;}
#videoModal .close{color:#fff; display:block; width:40px; height:40px; line-height:40px; background:#ebb308; border-radius:50%; opacity:1; position:relative; right:-10px; top:19px; z-index:999; cursor: pointer; font-size:40px; font-weight:300; text-shadow: 0 0 #000; display: flex;
    align-items: center;
    justify-content: center;}
#videoModal .close:hover{opacity:1; background:#004b88}
#videoModal .modal-body{padding:15px 0}

.people-content{padding: 30px 0; background: url("../images/people-bg.jpg") no-repeat left top; }
.people-content h3{font-size: 66px; color: #0f4b87; text-transform: uppercase; font-weight: 300; margin:0px; letter-spacing: 3px;}
.people-content h4{font-size: 36px; color: #333333; text-transform: uppercase; font-weight: 300; margin:0px; position: relative; top: -4px; letter-spacing: 4px;}
.people-content h5{font-size: 82px; color:#08294a; text-transform: uppercase; font-weight:700; margin:0px 0 10px 0; display: inline-block; border-bottom: 1px solid #999999; padding-bottom: 10px; }
.people-content h6{font-size: 18px; color:#004b88; font-weight:700; padding-top: 10px;}
.people-content small{font-size: 16px; color:#004b88; font-style: italic;}
.people-copy > p { font-size: 18px; color: #004b88; margin: 15px 0; padding: 0 30px; }

#articleModal .modal-title{color:#004b88; padding:10px 25px; border-bottom:solid 1px #999;}
#articleModal button.close{color:#fff; display:block; width:40px; height:40px; line-height:40px; background:#ebb308; border-radius:50%; opacity:1; position:absolute; right:-10px; top:-19px; z-index:1; font-size:40px; font-weight:300; text-shadow: 0 0 #000;}
#articleModal button.close:hover{opacity:1; background:#004b88}
#articleModal .modal-body{padding:15px 25px}
#articleModal .scroll-pane {height:450px}
#articleModal .scroll-pane-inr{padding-right:15px}

.mobile-menu{display: none;}
.mobile-menu .navbar-toggler{position: absolute; right: 10px; top:11px;  border-color: #fff; outline: none; cursor: pointer; z-index: 999;}
.mobile-menu .navbar-toggler:focus{outline: none;}
.mobile-menu .fa-bars{color: #fff;}
.mobile-menu-list{display: none;}

.visionary-container { position: relative; }
.visionary-blue-container { /*position: absolute; bottom: -13vw; left: 0; right: 0;*/ margin-top:-6vw; width:100%; background:#004b88;padding:100px 0 20px;z-index: -1;position: relative; }
.visionary-blue-container:before { height:100%;width:50%;background:#004b88;content: "";position:absolute;top:0;left:0; }
.visionary-photo-container { margin: 30px 0 0; z-index: 1; }
.visionary-copy-container h3 {font-size: 22px; color: #ffffff; margin-top: 20px; }
.visionary-copy-container p {font-size: 16px; color: #fff; }
.visionary-copy-container p > strong { text-transform: uppercase; }
.family-tree-container { margin: 50px -15px 0; }

.left-side, .right-side { position: relative; }
.left-side:before { content: ""; position: absolute; top: 0; left: -35px; width: 6px; height: 100%; background: #004b88; }
.right-side:before { content: ""; position: absolute; top: 0; right: -35px; width: 6px; height: 100%; background: #004b88; }
.family-tree-copy-header > h3 { font-size: 28px; color: #004b88; margin-bottom: 0; line-height: normal; }
.family-tree-copy-header > span { display: block; font-size: 22px; color: #459ef7; line-height: normal; }
.family-tree-copy-container > p { font-size: 16px; color: #666666; margin-top: 15px; }
.text-right-side { text-align: right; }

.other-family-member-container { margin: 100px 0 0; }
.other-family-member-container > ul { padding: 0; margin: 0; list-style-type: none; display: flex; display:-webkit-flex; flex-wrap: wrap; }
.other-family-member-container > ul > li { border-right: 1px solid #004b88; width: 33.3%; border-bottom: 1px solid #004b88; }
.other-family-member-container > ul > li:nth-child(3n+3) { border-right: 0; }
.other-family-member-container > ul > li > a { position: relative; display: block; cursor:default }
.other-family-member-container > ul > li > a > span { position: absolute; bottom: 1vw; left: 0; background: #004b88; padding: 5px 10px; color: #fff; font-size: 18px; }
.other-family-member-container > ul > li > a > img{width:100%}

.businesses-half-container { text-align: center; margin: 50px 0 20px; width: 100%; }
.businesses-half-container1
{
	text-align: center; margin: 50px 0 20px; width: 100%; 
}
.businesses-half-logo-container { margin-bottom: 20px; }
.businesses-half-copy-container h1 { font-size: 32px; color:#3396fa; font-weight: 700; }
.businesses-half-copy-container h2 { font-size: 18px; color: #666666; line-height: 24px; }
.businesses-enquiry-container { margin: 30px 0; text-align: center; }
.businesses-enquiry-container h3 { font-size: 32px; color: #023a67; text-transform: uppercase; }
.businesses-enquiry-container h4 { font-size: 18px; color: #333333; font-weight: 600; margin: 25px 0;  }
.businesses-enquiry-container h4 span{display: inline-block; background-color:#e2f6ff; padding:10px 100px}

.businesses-enquiry-container h5 { font-size: 16px; color: #666666; font-weight: 600; }
.businesses-enquiry-container p { font-size: 16px; color: #666666; }
.businesses-enquiry-container p a { font-size: 16px; color: #666666; text-decoration: none; }
.businesses-enquiry-container p a:hover { text-decoration: underline; }

.gulf-international-container { margin: 30px 0; }
.gulf-international-container > h3 { font-size: 24px; color: #666666; }
.gulf-international-container > h4 { font-size: 20px; color: #666666; margin: 20px 0 0; }
.gulf-international-container > h5 { font-size: 20px; color: #004b88; text-transform: uppercase; font-weight: 700; }
.gulf-international-container > h6 { font-size: 16px; color: #666666; margin: 20px 0 0; }
.gulf-international-logo { text-align: center; margin: 0 0 20px; }
.gulf-international-two-column-container { margin: 30px auto; }
.gulf-international-two-column-container .row { display: flex;display:-webkit-flex; align-items: center; }
.gulf-international-right-container > p { font-size: 16px; color: #666666; margin-top: 10px; }
.gulf-international-right-container > p > span { color: #023a67;}

.gulf-lubricant-content{text-align: left; width:500px; position: absolute; left:50%; /*top:5%;*/ margin:20px 0 0 -520px}
.gulf-lubricant-content h2{font-size: 30px; font-weight: 300; color: #022278; margin:10px 0 10px 0}
.gulf-lubricant-content h3{font-size: 32px; font-weight:700; color: #3396fa;}
.gulf-lubricant-content p{color:#666666; font-size: 20px;}

.our-group-top-container { margin:50px 0; }
.our-group-top-container .row { display: flex;display:-webkit-flex; align-items: center; }
.our-group-top-content { position: relative; padding-left: 30px; }
.our-group-top-content:before { content: ""; position: absolute; top: 0; left: 0; width: 6px; height: 100%; background: #004b88; }
.our-group-top-content > h3 { font-size: 28px; color: #004b88; margin: 0; padding: 0; }
.our-group-top-content > h4 { font-size: 22px; color: #459ef7; margin: 0; padding: 0; }
.our-group-top-content > p { font-size: 16px; color: #666666; margin-top: 20px; margin-bottom: 0; }
.our-group-blue-container { background: #004b88; margin-top: -8vw; padding: 100px 0; }
.our-group-blue-container .row { display: flex; display:-webkit-flex; align-items: center; }
.our-group-blue-left-container { border: 1px solid #459ef7; text-align: center; position: relative; height: 100%; }
.our-group-blue-left-copy { background: #004b88; width: 95%; margin: -1.5vw auto; }
.our-group-blue-left-copy > h3 { color: #fff; font-size: 24px; }
.our-group-blue-left-copy > h4 { font-size: 40px; color: #fff; margin: 0; padding: 0; text-transform: uppercase; }
.our-group-blue-left-copy > h4 > span { font-size: 58px; display: block; }
.our-group-blue-left-copy > h5 { font-size: 16px; color: #fff; margin-top: 20px; }
.our-group-blue-right-copy > p { font-size: 16px; color: #fff; }
.our-group-content-container { margin: 30px 0; }
.our-group-content-container > h3 { font-size: 22px; color: #004b88; margin: 0; padding: 0; }
.our-group-content-container > p { font-size: 16px; color: #666666; margin: 20px 0 0; }
.our-phill-bottom { position: relative; margin-top: -16vw; z-index: -1; margin-bottom: 10vw; }
.jamuna-list > ul { list-style-type: none; padding: 0; margin: 0; width: 60%; }
.jamuna-list > ul > li { border-top: 1px solid #fff; padding: 10px 0; }
.jamuna-list > ul > li:first-child { border-top: 0; }
.jamuna-list > ul > li > p { font-size: 20px; color: #fff; margin: 0; }
.jamuna-list > ul > li > span { font-size: 18px; color: #fff; display: block; }
.jamuna-list > h4 { margin-top: 20px; color: #fff; font-size: 22px; }
.our-group-member-container > ul { padding: 0; margin: 0; list-style-type: none; display: flex; display:-webkit-flex; flex-wrap: wrap; }
.our-group-member-container > ul > li { border-right: 1px solid #004b88; width: 25%; /*border-bottom: 1px solid #004b88;*/ }
/*.our-group-member-container > ul > li:nth-child(4n+4) { border-right: 0; }*/
.our-group-member-container > ul > li > a { position: relative; display: block; }
.our-group-member-container > ul > li > a > span { position: absolute; bottom: 1vw; left: 0; background: #004b88; padding: 5px 10px; color: #fff; font-size: 18px; }
.our-group-member-container > ul > li > a > img{width:100%}

.project-development-container { margin: 30px 0 0; }
.project-development-container > ul { padding: 0; margin: 0; list-style-type: none; display: flex;display:-webkit-flex; flex-wrap: wrap; }
.project-development-container > ul > li { width: 33.3%; }
/*.project-development-container > ul > li:nth-child(3n+3) { border-right: 0; }*/
.project-development-container > ul > li > a { position: relative; display: block; }
.project-development-container > ul > li > a > img{width:100%}
.project-development-container > ul > li > a > span { position: absolute; bottom: 1vw; right: 0; background: #004b88; padding: 15px 30px; color: #fff; font-size: 22px; }
.project-development-container > ul > li > ul { padding: 0; margin: 0; list-style-type: none; display: flex; display:-webkit-flex; flex-wrap: wrap; }
.project-development-container > ul > li > ul > li { width: 100%; }
.project-development-container > ul > li > ul > li > a { position: relative; display: block; }
.project-development-container > ul > li > ul > li > a > img{width:100%}
.project-development-container > ul > li ul > li > a > span { position: absolute; bottom: 1vw; right: 0; background: #004b88; padding: 15px 30px; color: #fff; font-size: 22px; }
.indusInd-media h2{color: #3396fa ; font-size: 28px; font-weight: 700;}

.in-entertainment-container .row { display: flex; display:-webkit-flex; align-items: center; }
.in-entertainment-content > h1 { font-size: 22px; color: #303067; text-transform: uppercase; }
.in-entertainment-content > h2 { font-size: 20px; color: #666666; margin-top: 30px; line-height: 30px; }
.in-entertainment-content > h3 { font-size: 16px; color: #333333; margin-top: 20px; line-height: 24px; }
/*.in-entertainment-content > img { width: 100%; }*/

.hinduja-foundation-container .row { display: flex; display:-webkit-flex; align-items: center; }
.hinduja-foundation-content > h1 { font-size: 22px; color: #303067; text-transform: uppercase; }
.hinduja-foundation-content > h3 { font-size: 16px; color: #666666; margin-top: 10px; line-height: 24px; }
.hinduja-foundation-content > img { width: 100%; }

.guiding-principles-container-blue { margin:0px 0; padding:20px 30px 0 30px; background: #f7f7f7;  border-bottom: 5px solid #1276bc; }
.guiding-principles-container-blue .principles-img{text-align: right; }
.guiding-principles-container-blue p { font-size: 18px; color: #333333; margin-top: 40px; }
.guiding-principles-container-blue h3{color: #004b88; font-weight: 700; margin-top:30px; }
.guiding-principles-container-blue h4{color: #459ef7; font-size: 18px;font-weight: 600; }

.guiding-principles-container-light-blue { margin:30px 0 0 0; padding:30px 50px; background: #f4fbfe;}
.guiding-principles-container-light-blue .principles-img{text-align: right; position: relative; top:20px;}
.guiding-principles-container-light-blue p { font-size: 18px; color: #666666; }

.guiding-principles-container-light-gray {margin:30px 0 0 0; padding:30px 50px; background: #f7f7f7;}
.guiding-principles-container-light-gray .principles-img{text-align: right;position: relative; top:20px;}
.guiding-principles-container-light-gray p { font-size: 18px; color: #666666; }

.guiding-principles-container-light-blue-last { margin:30px 0 0 0; padding:30px 50px; background: #f4fbfe;}
.guiding-principles-container-light-blue-last .principles-img{text-align: right; position: relative; top:20px; float: right;}
.guiding-principles-container-light-blue-last p { font-size: 18px; color: #666666; }

.chairman-msg-container {}
.main-title-top-border{padding: 20px 0 10px 0; border-top: 1px solid #ddd; margin-top: 15px; color: #004b88 !important;}

.loadingPanel {display:none; }

.analyst-reco-container > li  { background: #f4fbfe; padding:10px 20px 30px 20px; }
.analyst-reco-container > li p { margin: 20px 0 0 20px; }
.analyst-reco-container > li .col-sm-5 { position: relative; }
.analyst-reco-container > li .col-sm-5:before { /*content: "";*/ position: absolute; right: 0px; top: 50%; margin-top: -5px; border-style: solid; border-color: transparent transparent transparent #ccc; border-width: 10px 0 10px 10px; }

.industry-recognisation .industry-reco-con { background: #f4fbfe; padding:30px 20px 30px 20px; }
.industry-recognisation li p { margin:10px 0 0 20px; }
.industry-recognisation li .col-sm-5 { position: relative; }
/*.industry-recognisation li .automotive-card-img:before { content: ""; position: absolute; right: 0px; top: 50%; margin-top: -5px; border-style: solid; border-color: transparent transparent transparent #ccc; border-width: 10px 0 10px 10px; }*/
.industry-recognisation li .card-main-text .card-main-title{color: #3396fa; border:0px; font-size: 22px; text-transform:capitalize; padding:0 0 0 20px; margin-top:0}
.industry-recognisation li.industry-reco-con-special{margin-top: 0px;}

.country-tab-content h4{font-size: 18px; color: #0a488a; font-weight: bold; line-height: 24px;}
.country-tab-content p{color: #666666; font-size: 18px;}
.country-tab-content .tab-pane{padding:0 20px}
.country-tab-content .tab-pane hr{margin-bottom: 1.5rem;}
#countryTab li{margin:0px;}
#countryTab li a{padding:15px 25px;}
#countryTab li a.nav-link::before{top:auto; left: -3.1px; z-index: 99;}

#countryTab .active{background:#0a488a; color: #fff; border-radius: 0px;}
#countryTab{background:#f4f3f3;}

#myTab{background:#e1f4fd;padding:15px;}
#myTab .nav-item {margin-right: 0px;}
#myTab .nav-item .nav-link{padding:0px 20px;}

.bold-title{padding:18px }
.bold-title p{color:#489bf7;font-size:20px}
h3.whitebold{color:#fff;font-size:36px}
.renewable-logo{font-size:28px;color:#004b88}

.locateMapCntr {border: 2px solid #c2c2c2; min-height: 570px; border-radius: 6px;  margin: 20px 0; position: relative; overflow: hidden;}
.locatePopup{position:relative; width:100%; height:auto; max-height:200px; overflow:hidden; overflow-y:auto; padding:5px; }
.locatePopup img{border:1px solid #b3b3b3; margin-bottom:15px}
.locatePopup .locatePopTitle{margin-bottom:10px; font-size:15px}
.locatePopup .locatePopTitle h4{color:#2454a2; font-size:18px; margin:0}
.locatePopup p{font-size:16px}
.locatePopup .closelocatePopup{right:10px; top:10px; z-index:30; width:34px; background:#000 !important; color:#fff; padding:4px; text-align:center; position:absolute; cursor:pointer; font-size:20px}
.desktop-view-vizard{display: block;}
.mobile-view-vizard{display: none;}

.fivePrinciple ul { list-style-type: none; padding: 0; margin: 5px 0; width: 45%; }
.fivePrinciple ul li { border-top: 1px solid #cccccc; padding: 5px 0; }
.fivePrinciple ul li:first-child { border-top: 0; }
.fivePrinciple ul li a { font-size: 20px; color: #005496; font-weight: bold; text-decoration: none; }

/*Industry Recognition new style start*/

.industry-recong-container { margin: 20px 0; }
.industry-recong-main-logo { background: #f4fbfe; padding: 10px; text-align: center; margin: 30px 0; }
.industry-recong-container > ul, .industry-recong-container > ul > li > ul { list-style-type: none; padding: 0; margin: 0; }
.industry-recong-container > ul > li { border-top: 1px solid #dfdfdf; }
.industry-recong-container > ul > li:first-child { border-top: 0; }
.industry-recong-container > ul > li > ul { display: flex; align-items: center; }
.industry-recong-container > ul > li > ul > li { width: 33.33%; float: left; /*border-left: 1px solid #dfdfdf;*/ background: url("../images/border-img.png") left center no-repeat; padding: 20px 30px; text-align: center; }
.industry-recong-container > ul > li > ul > li:nth-child(3n+1) { background: none; }
.industry-recong-container > ul > li p, .industry-recong-container > ul > li > ul > li > p { margin-top: 10px; font-size: 16px; color: #333333; }
.box-center { display: flex; align-items: center; }
.industry-recong-container .row { margin-left: 0; margin-right: 0; }
.industry-recong-container > ul > li h2 { font-size: 18px; color: #004b88; font-weight: bold; margin-top: 20px; }

/*Industry Recognition new style end*/

.ashok-leyland-product-container > ul { padding: 0; margin: 0; list-style-type: none; display: flex; flex-wrap: wrap; }
.ashok-leyland-product-container > ul > li { border-right: 2px solid #ffffff; width: 50%; border-bottom: 2px solid #ffffff; }
/*.ashok-leyland-product-container > ul > li:nth-child(2n+2) { border-right: 0; }*/
.ashok-leyland-product-container > ul > li > a { position: relative; display: block; cursor:default }
.ashok-leyland-product-container > ul > li > a > img { width: 100%; }
.ashok-leyland-product-container > ul > li > a > span { position: absolute; bottom: 1vw; left: 0; background: #004b88; padding: 15px 30px; color: #fff; font-size: 22px; text-transform: uppercase; }

/*Quick link style start*/

.quick-link { position: fixed; right: -100px; top: 50%; transform: translateY(-50%); transition: all 0.3s ease-in-out; z-index: 99; }
.quick-link:hover { right: 0; }
.quick-link > a { background: #3396fa; font-size: 14px; color: #fff; text-decoration: none; padding: 10px; padding-left: 50px; display: block; border-radius: 5px 0 0 5px; position: relative; }
.quick-link > a:after { content:""; position: absolute; top: 50%; left: 10px; background: url('../images/web-icon.png') no-repeat; width: 21px; height: 21px; transform: translateY(-50%); }
.quick-link:before { content: ""; position: absolute; left: 41px; top: 50%; transform: translateY(-50%); background: url("../images/quick-link-border.png") no-repeat; height: 24px; width: 1px; z-index: 10; }

/*Quick link style end*/

/*Error msg css start*/

.error { font-size: 12px; color: red; margin: 0; position: absolute; bottom: -20px; left: 0; }
.enquir-form { position: relative; }
.hidden { display: none; }

.foundation-img { margin-top: 10px; }

#home-banner .carousel-item {
	transition: -webkit-transform 0.5s ease;
	transition: transform 0.5s ease;
	transition: transform 0.5s ease, -webkit-transform 0.5s ease;
	-webkit-backface-visibility: visible;
	        backface-visibility: visible;
}
.bg-color-grey h3.title {
    background-color: #014b88;
    color: #fff;
    font-size: 17px;
    text-align: center;
    height: 66px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 10px;
}
.bg-color-grey {
    background-color: #f6f7f8 !important;
}
.enquirey
{
	color:#214265;
	font-size:28px;
	padding:40px 0px 20px 0px;
}
.vl {
  border-left: 1px solid #ccc;
  
 
  left: 50%;
  margin-left: -3px;
  top: 0;
}
.info-padding
{
	padding-left:40px;
}
.row-bottom
{
	padding-bottom:30px;
}
.links-style a
{
	color:#333333;
}
/*Error msg css end*/




/* Media Query Start
******************** */
@media (min-width:2400px){
.philanthrophic-bg .left-cntr{width:57.8%}
.philanthrophic-bg .right-cntr{width:42.2%}
.visionary-blue-container {padding-top:150px}
.our-group-member-container > ul > li > a > span, .other-family-member-container > ul > li > a > span,
.project-development-container > ul > li > a > span, .project-development-container > ul > li ul > li > a > span{font-size:30px}

.visionary-blue-container2{
	padding:240px 0 120px !important;
	margin-top:-4vw !important;
}
.container-fluid{
	width:1170px;
}
.left-margin{
	margin-left:0px !important;
	width:120% !important;
	
}
.right-margin{
	margin-right:0px !important;
	width:120% !important;
	
}
.businesses-half-container1
{
	width:100% !important;
}

}
@media (min-width:2200px){
.visionary-blue-container {padding-top:140px !important;}
.visionary-blue-container1{
	margin-top:-7vw !important;
}


}

@media (min-width:1920px){
.philanthrophic-bg .left-cntr{width:60.5%}
.philanthrophic-bg .right-cntr{width:39.5%}
.visionary-blue-container {padding-top:120px;}
.our-group-blue-right-copy > p{margin-top: 30px;}
.visionary-blue-container2{
	padding:240px 0 120px !important;
}
.visionary-blue-container1{
	margin-top:-8vw !important;
	height: 420px !important;
}
}
@media (min-width:1400px) and (max-width:1650px){
.visionary-blue-container1{
	margin-top:-10vw !important;
	height: 250px !important;
}
}
@media (min-width:1650px) and (max-width:1919px){
.visionary-blue-container2{
	padding:180px 0 120px !important;;
}
.visionary-blue-container1{
	margin-top:-13vw !important;
	height: 520px !important;
}
}

@media (min-width:1200px){
.container{width:1170px}

}

@media (max-width:1199px){

}

@media (max-width:1024px){
.gulf-lubricant-content{margin:0 0 0 -473px}
.gulf-lubricant-content p{font-size: 16px;}

.desktop-view-vizard{display: none;}
.mobile-view-vizard{display: block;}
.mobile-view-vizard{width: 100%;}
.mobile-view-vizard .widget-container{border-bottom:1px solid #CCC;padding:0; text-align: center;}
.mobile-view-vizard .investorImages{width:100% !important;margin-bottom:15px}
.mobile-view-vizard .investorlast-update a{color:#004b88}

}

@media screen and (max-width: 767px){
	.our-group-top-container .row { flex-direction: column-reverse; }
	.our-group-top-content { margin-top: 20px; }
	.our-group-blue-right-copy { margin-top: 40px; }
	.our-group-blue-container { padding: 30px 0 15px; }
	.our-group-member-container > ul { display: block; }
	.our-group-member-container > ul > li { width: 100%; border-right: 0; }
	.our-group-member-container > ul > li > a > span { font-size: 14px; padding: 10px 15px; }
	.project-development-container > ul { display: block; }
	.project-development-container > ul > li { width: 100%; border-right: 0; }
	.project-development-container > ul > li > a > span, .project-development-container > ul > li > ul > li > a > span { font-size: 14px; padding: 10px 15px; }
	.hinduja-foundation-container .row:nth-child(odd) { flex-direction: column-reverse; }
	.hinduja-foundation-content > img { margin-bottom: 20px; }
	.card-main-text { padding: 0 15px; }
	.people-copy > p { padding: 0; }
	.guiding-principles-container .text-center { margin-bottom: 20px;}
	.guiding-principles-container p { font-size: 16px; }
	.investorRelations a.investorLogo { margin-left: 0; }
	.businesses-enquiry-container h4 span { padding: 10px 50px; }
	.analyst-reco-container > li .col-sm-5:before { content: none; }
	.analyst-reco-container > li { padding-top: 20px; }
	.analyst-reco-container > li p { margin-left: 0; }
	.directory-phone p { float: none; }
	.office-icon { margin-left: 0; }
	.content-wrapper { padding: 0; }
	.investment-philosophy-card > li { width: 100%; margin: 20px 0 0; }
	.investment-philosophy-card > li > p { font-size: 18px; }
	.our-group-blue-left-copy { margin: -4vw auto; }
	.white-bg-container{padding-top:20px; padding-bottom:20px}
	.fivePrinciple ul { width: 100%; }
	.fivePrinciple ul li a { font-size: 16px; }
	.industry-recong-container > ul > li > ul > li { width: 100%; float: none; background:none; border-top: 1px solid #dfdfdf; }
	.industry-recong-container > ul > li > ul > li:first-child { border-top: 0; }
	.box-center, .industry-recong-container > ul > li > ul { display: block; }
	.industry-recong-container > ul > li > ul > li > img, .industry-recong-main-logo > img { max-width: 100%; }

	.ashok-leyland-product-container > ul { display: block; }
	.ashok-leyland-product-container > ul > li { width: 100%; border: 0; border-bottom: 2px solid #fff; }
	.foundation-img { margin-top: 20px; }
	.jamuna-list > ul { width: 100%; }
	.our-phill-bottom { margin: 0; padding-bottom: 20px !important; }
	.margin-top150 { margin-top: 0; }
	.jamuna-list > ul > li > p { font-size: 16px }
	.jamuna-list > ul > li > span { font-size: 14px; }
	.jamuna-list > h4 { font-size: 18px; }
	h3.whitebold { font-size: 28px; }
	.nxt-half-container
	{
		width:100% !important;
	}
	.img-text-container
	{
		height:370px !important;
	}
	.left-margin
	{
		margin-left:0px !important;
	}
	.right-margin{
		margin-right:0px !important;
	}
	.media-btn
	{
		margin-bottom:10px !important;
	}
	.mobFont-color
	{
		padding-top:0px;
		color:#fff;
		text-align:center;
	}
	.nxtCaption {
		margin-top:20px !important;
    color: #fff !important;
}
.nxt-half-container p{
	text-align:left !important;
}
}

@media screen and (max-width: 991px){
	.ashok-leyland-product-container > ul > li > a > span { font-size: 14px; padding: 10px 15px; }
}

@media screen and (min-width: 768px) and (max-width: 991px){
    .our-group-top-content > h3 { font-size: 22px; }
    .our-group-member-container > ul > li > a > span, .other-family-member-container > ul > li > a > span { font-size: 14px; }
    .our-group-blue-container { padding: 50px 0; }
    .philosophy-principle, .phiLanthrophic-activities { margin-top: 20px; }
    .analyst-reco-container > li .col-sm-5:before { right: -15px; }
	.investment-philosophy-card > li > p { font-size: 18px; }
   	.fivePrinciple ul { width: 100%; }
   	.our-group-blue-container { margin-top: 0; }   
   	.industry-recong-container > ul > li > ul > li img, .industry-recong-main-logo > img { max-width: 100%; }
   	.jamuna-list > ul { width: 100%; }
   	.our-phil img { bottom: 0; }
   	h3.whitebold { font-size: 22px; }
   .img-shift-top { margin-top:-12vw !important; }
	.visionary-blue-container1 { margin-top:-28vw !important; height:320px !important;}
.visionary-blue-container2 { /*position: absolute; bottom: -13vw; left: 0; right: 0;*/
 margin-top:-18vw !important;
padding:200px 0 70px !important;
}
.right-margin{
			margin-right:0px !important;
		}
.left-margin{
			margin-left:0px !important;
		}

 .row-order-mobile{
			flex-direction:column-reverse;
		}

.img-shift-top
{
margin-top:0 !important;

}
.businesses-half-container1
{
width:100% !important;
}
.tablet-left
{
margin-left:1% !important;
}
.nxt-half-container
{
width:100% !important;
}
.img-text-container
{
	height:520px !important;
}
.gallery-padding
{
	margin-top:2vw !important;
	position: unset ;
}
.first-imgPAdd
{
	padding-top:30px !important;
}
}

@media (min-width:992px) and (max-width: 1199px){
	.philosophy-principle p { font-size: 16px; margin: 15px 0; }
	.analyst-reco-container > li .col-sm-5:before { right: -15px; }
	.investment-philosophy-card > li{width:45%}
   .fivePrinciple ul { width: 60%; }
   .our-group-blue-container { margin-top: 0; }   
   .industry-recong-container > ul > li > ul > li img, .industry-recong-main-logo > img { max-width: 100%; }
   .our-phil img { bottom: 0; }
}

@media (max-width:992px){
.investment-philosophy-card > li{width:100%; margin:0 0 25px}
.investment-philosophy-card > li.grey-bg {background:#fff}
.investment-philosophy-card > li:first-child, .investment-philosophy-card > li:last-child{background:#f5f5f5;}
.investment-philosophy-card > li:first-child:before, .investment-philosophy-card > li:last-child:before{border-color:#eaeaea;}
.investment-philosophy-card > li:nth-child(odd) {background:#f4fbfe;}
.investment-philosophy-card > li:nth-child(odd):before{border-color:#d9f3fe;}
.investment-philosophy-card > li.grey-bg > span.numbers{color:#eaeaea}
.investment-philosophy-card > li:nth-child(even) > span.numbers{color:#dedede}
.investment-philosophy-card > li > span.numbers{bottom:5px; font-size:80px}
ul.sub-nav li a.active:after{display:none}
.automotive-card li img.card-img{margin:0 auto; display:block}
.automotive-card > li:nth-child(even) .card-main-text, .automotive-card > li .card-main-text, .automotive-card.indus-media > li:nth-child(even) .card-main-text {/*text-align:center;*/ padding:10px 0 0}
.work-give-box{font-size:22px}
.vision-mission-row .vision-mission-box{padding:10px 0}
.vision-mission-row .vision-mission-box h2{font-size:40px}
.vision-mission-row .vision-mission-box p{font-size:16px; line-height:22px;}
.search-row .brdr-right{border-right:0; margin-bottom:15px}
.search-row .w35, .search-row .w25, .search-row .w15{padding:0 5px}
.pagination{display:block; text-align: center;}
.pagination li{display:inline-block; margin-bottom:5px}
.pagination .page-item:after, .pagination .page-item.active:after{display:none}

#accordionContact .card-block > .row .col-lg-4 + .col-lg-4{margin-top:15px}
#accordionContact .card-block .clear20{height:15px}
.numbered-card.automotive-card li .card-main-text{min-height:120px}
.numbered-card.automotive-card li .card-main-title{margin-top:15px}
.automotive-card li .card-main-text span.card-no, .automotive-card li .pull-lg-6 .card-main-text span.card-no{right:0; left:0; line-height:110px; margin:0; top:10px}
.family-tree-tab .nav-item .nav-link{min-height:50px; width:100%}
.family-tree-tab .nav-item .nav-link.active{background:#004b88; width:100%; box-shadow:0 0 0 0}
.family-tree-tab .nav-item .nav-link.active h4{color:#fff !important}

.hinduja-bros-title p{margin-bottom:5px; font-size:14px}
.video-content{padding:0 10px;}
.video-content h3{margin-bottom:2px}
.investorRelations .last-update {float:none; width:100%; clear:both;}
.investorRelations span.investorLogoImg{width:120px; min-height:55px}
.investorRelations a.investorLogo{line-height:53px; font-size:18px; padding-left:10px}
.gulf-lubricant-content{width:100%;  margin:0px; text-align: center; left: 0;position: static; padding:0 20px; top: 0;}
.businesses-half-container{margin-top: 20px; margin-bottom:0;}

/*.philanthrophic-bg .left-cntr{width:100%; padding:30px 15px; min-height:100px}
.philanthrophic-bg .left-cntr .inr-left-cntr{float:none; width:100%; max-width:1000px;}
.philanthrophic-bg .right-cntr{width:100%; padding:30px 15px; border-left:0; min-height:100px}
.philanthrophic-bg .right-cntr .inr-right-cntr{float:none; width:100%; max-width:540px; margin:0 auto}
.phiLanthrophic-activities h4{bottom:7px}*/

.philanthrophic-bg:after{display:none}
.philanthrophic-bg > .container > .row > .col-lg-4{padding:15px}
.philanthrophic-bg .activities-col{border:0; padding:0 15px}
.parmanand-info, .philanthrophic-bg .phiLanthrophic-activities{max-width:540px; margin:0 auto;}
.philanthrophic-bg .philosophy-principle, .philanthrophic-bg .card-main-link-wrapper{max-width:540px; margin:0 auto}
.philanthrophic-bg .philosophy-principle{min-height:100px}
.phiLanthrophic-activities h4{bottom:10px}
#myTab .nav-item a.nav-link{font-size:18px; line-height:20px; padding:0px 10px;}
}
@media (max-width:800px){
	
}

@media (max-width:768px){
.home-banner-txt1, .home-banner-txt2{margin:-88px 0 0 0px}
.home-banner-txt2{margin-top:0px;}
.home-banner-txt1 h3, .home-banner-txt2 h3{font-size: 40px; line-height: 45px;}
.home-banner-txt1 h4, .home-banner-txt2 h4{font-size:23px;}
.latest-happenings h4{padding:20px 0 0 0;}
#home-banner .carousel-caption h3{font-size:18px;}
#home-banner .carousel-caption{left: auto; right: 10px;}
#home-banner .carousel-indicators li{margin:5px 0;}
.menu-padding{padding-top:20px; padding-bottom:0px;}
.border-right{border-right: 0px;}
.menu-title{font-size: 14px;}
.hinduja-bros-title h4, .hinduja-bros-title h5{margin-bottom:5px; font-size:15px}
.family-tree-tab .nav-item .nav-link.active h4{font-size:15px}
ul.mobile-sub-nav li{padding: 10px 0;}
ul.mobile-sub-nav li a{font-size: 16px;}
.other-family-member-container > ul > li > a > span { font-size: 14px; padding: 10px 15px; }
.people-content h3{font-size: 44px;}
.people-content h4{font-size: 24px;}
.people-content h5{font-size: 54px;}
.industry-recognisation li .automotive-card-img:before{content:none}
.industry-recognisation li .card-main-text .card-main-title{padding:0px}
.automotive-card li .card-main-text p{margin:0px}
.industry-recognisation li .card-main-text .card-main-title, .industry-recognisation li p{text-align: center;}
.guiding-principles-container-blue, .guiding-principles-container-light-blue, .guiding-principles-container-light-gray, .guiding-principles-container-light-blue-last{padding:20px; text-align: center;}
.guiding-principles-container-blue p, .guiding-principles-container-light-blue p, .guiding-principles-container-light-gray p, .guiding-principles-container-light-blue-last p  { text-align: center;}
.guiding-principles-container-light-blue .principles-img, .guiding-principles-container-light-gray .principles-img, .guiding-principles-container-light-blue-last .principles-img{text-align:center;top:-10px;float:none;}

.automotive-card > li:nth-child(2n) .card-main-text{text-align:center}
.people-content h3{font-size: 48px; margin-top:80px; text-align: center;}
.people-content h4, .people-content h5, .align-self-center{text-align: center;}
.read-more {margin-top: 15px;}
.gallery-padding{position: unset !important;}

}

@media (max-width:767px){
.content-wrapper{padding:15px 0; border:0}
.content-wrapper-new{padding:15px 0}
.footer{text-align: center; padding:30px 0}
.footer-box{margin:30px 0 0; padding: 0;}
.table-responsive{margin-bottom:20px}
.video-content{text-align:center}
.mobile-menu{display: block;}
.mobile-menu-list{display: block;}
.sub-nav{display: none;}
.page-title-wrapper .page-title{padding-right:53px; font-size: 20px;}
.directory-content h3, .directory-content h4, .directory-content h5{text-align: center;}
.page-title-wrapper ul li a {font-size:14px; padding:5px 20px;}
.visionary-photo-container { margin: 10px 0; }
.visionary-blue-container { padding: 20px 0; }
.left-padding { display: flex !important; display:-webkit-flex; flex-direction: column-reverse; }
.text-right-side { text-align: left; }
.right-side:before { right: 0; left: -35px; }
.right-padding { padding-left: 35px; padding-right: 0; }
.family-tree-copy-header { margin-top: 20px; }
.other-family-member-container > ul { display: block; }
.other-family-member-container > ul > li { width: 100%; border-right: 0; }
.other-family-member-container > ul > li > a > span { font-size: 14px; padding: 10px 15px; }
.left-padding35 { padding-left: 0px; flex-direction: column-reverse; }
.right-padding35 { padding-right: 0px; }
.page-title-wrapper ul { display: block; }
.page-title-wrapper ul li a:before {width:0}
#myTab{padding:10px 0}
#myTab .nav-item a.nav-link{font-size:15px; line-height:18px}
#countryTab li a{padding:5px 10px; font-size: 16px;}
.gulf-international-container > h4 { font-size: 16px; line-height: 26px; }
.gulf-international-container > h3 { font-size: 18px; line-height: 28px; }

.queen-img { left:0px !important; }
.align-self-center { text-align:center !important; }
.businesses-half-container1 p { padding:20px !important; text-align:left !important; }
.visionary-blue-container2 p { padding:0 30px !important; text-align:left !important;}
.para-paddTop { padding:20px !important; text-align:left !important; }
.para-oneDigital { padding:30px !important; text-align:left !important; }
.businesses-half-container1 { margin:0px !important; }
.mob-width { width:90% !important; }
.logo-text-container p { text-align:left !important;}
		 
}

@media (max-width:576px){
.menu-border{border:0px}
.menu-content{min-height: auto; margin-bottom: 10px;}
.menu-padding{padding: 0px;}
.video-controll{margin:96px 0 0 -22px}
#section1{padding:30px 0;}
.news-media-box{margin:25px 0 0 0}
.media-section{padding: 30px 0;}
.philosophy-principle, .phiLanthrophic-activities{margin-top: 25px;}
#home-banner .carousel-indicators{display: flex; display:-webkit-flex; top: auto; bottom: 10px;}
#home-banner .carousel-indicators li::before{background:none;}
#home-banner .carousel-indicators li{margin:0 10px 0 0}
#home-banner .carousel-indicators .active .indicator-info{display: none;}
.indicator-info1{display: block; top: 46px; font-size: 14px !important;}
.industry-serve{font-size:20px;}
#home-banner .carousel-caption h3{font-size: 16px;}
#home-banner .carousel-caption{left:5%; right:auto; bottom: 15px;}
.investment-philosophy-card > li > p{font-size:20px; line-height:24px}
.investment-philosophy-card > li > p span{font-size:30px}
.content-wrapper img.hinduja-bros{margin-bottom:5px}
.content-wrapper img.hinduja-bros + h4{margin-bottom:15px}
.news-media-box .header-news{font-size: 20px;}
.logo{width: 70px; margin: 12px 0;}
.vision-mission-row .brdr-right{background-image:none}
.work-give-box{padding:15px 0 0}
.breadcrumb{padding:0.5rem 0}
.breadcrumb .breadcrumb-item + .breadcrumb-item:before{padding:0 5px}
.pagination .page-link{margin:0 2px}
.family-tree-tab .nav-item .nav-link{padding:5px}
.family-tree-tab .nav-item h4{font-size:14px; margin:0}
.family-tree-tab .nav-item .nav-link.active h4{font-size:14px}
.hinduja-bros-title .col-4{padding-right:0}
.people-content h3{font-size: 38px; margin: 25px 0 0 0; }
.people-content h4{font-size: 24px; }
.people-content h5{font-size: 46px;}
.people-content h6{font-size: 16px; margin:0px;}
.family-tree-copy-container{padding-left: 35px;}
.left-padding{padding-left: 0px;}
.right-padding{padding-left: 0px;}

.industry-recognisation li.industry-reco-con-special{margin-top:40px;}
.philanthrophic-bg .left-cntr, .philanthrophic-bg .right-cntr{padding:15px}
#myTab .nav-item a.nav-link{font-size:14px; line-height:16px}
#countryTab li a{font-size:15px;}
.contact-tab-content.tab-content{padding:15px 0}
.country-tab-content .tab-pane{padding:0 5px}
.country-tab-content h4{font-size:16px; line-height: 18px;}
.country-tab-content p{font-size:15px}
.country-tab-content .tab-pane hr{margin-bottom:1rem}
.hrvl-img{margin-top:15px;}
.our-phil img{bottom:-25px}
.our-group-top-container .margin-top150{margin-top:0}
.left-padding80{padding-left:0 !important}
.left-padding80 .font-18{font-size:14px !important}
.desktop-view{display: none;}
.mobile-view{display: block;}
.queen-img
		{
			left:0px !important;
			
		}
		.mobilePadding
		{
			padding-top:80px !important;
		}
		.right-margin{
			margin-right:0px !important;
		}
		.gallery-padding
		{
			position:relative !important;
			padding:10px 0px !important;
		}
		.img-shift-top
		{
			margin-top:0px !important;
		}
		.row-order-mobile{
			flex-direction:column-reverse;
		}
		.businesses-half-container1
		{
			width:100% !important;
		}
		.nxt-half-container{
			margin:20px 0 20px !important;
		}
		.v2 {
			height:55px !important;
		}
		.mob-center{
			float:none;
display:block;
margin-left:auto;
margin-right:auto;
		}
.visionary-blue-container2{
      padding:10px 0 40px 0!important;
margin-top:10vw !important;

}
.businesses-half-container1 p
		 {
			 padding:25px !important;
			 text-align: left;
		 }
		 .logo-text-container
		 {
			 padding:10px 10px !important;
			 text-align: left;
		 }
.visionary-copy-container p
{
	padding:10px !important;
	text-align: left;
}
.media-btn
	{
		margin-bottom:10px !important;
	}
}

@media (max-width:414px){
.search-row .w35, .search-row .w25, .search-row .w15{width:50%}
.table-media thead th{font-size:14px}
.table-media td{padding:15px 5px}
.table-media td:nth-child(1), .table-media td:nth-child(3){width:15%}
.table-media td > img.img-fluid{max-width:80px}
.table-media td:nth-child(2){font-size:16px}
.automotive-card li .card-main-text span.card-no, .automotive-card li .pull-lg-6 .card-main-text span.card-no{left:0;}
.family-tree-tab .nav-item .nav-link{min-height:45px}
.family-tree-tab .nav-item h4, .family-tree-tab .nav-item .nav-link.active h4{font-size:13px}
.investorRelations .last-update {text-align:center;padding:8px 0}
.investorRelations span.investorLogoImg{float:none; width:100%; text-align:center}
.investorRelations a.investorLogo{float:none;width:100%;text-align:center;display:block;line-height:30px}
#PhiLanthrophic .owl-nav.disabled + .owl-dots{margin-top:10px}
.phiLanthrophic-activities{min-height:350px}
.read-more{ margin-top:15px}
#myTab .nav-item a.nav-link{font-size: 12px; padding: 0px 5px;}
.bold-title span.font-30{font-size:20px !important}
.bold-title p{font-size:14px}
.left-padding80 .font-18 br{display:none}
.margin-top40{margin-top:30px !important}
.visionary-blue-container1 { height: 100px !important; }
.media-btn { margin-bottom:10px !important; }
		
}

@media screen and (max-width: 960px){
	.widget-content-mobile { border: 1px solid #e4e4e4; border-radius: 10px; padding: 20px; margin: 0 15px 15px; }
	.value-container { display: flex; align-items: center; justify-content: space-between; }
	.value-details { font-size: 28px; font-weight: bold; position: relative; }
	.green-color { color: #459802; }
	.red-color { color: #d01a01; }
	.last-update-details { font-size: 13px; color: #333333; font-weight: 700; }
	.last-update-details > span { display: block; font-size: 12px; font-weight: normal; }
	.mobile-view-vizard .widget-container { padding: 20px 0; }
	.media-btn
	{
		margin-bottom:10px !important;
	}
}

a.main-login, a:hover.main-login { z-index: 999; position: absolute; right: 120px; top: 10px; font-size: 12px; color: #fff; text-decoration: underline; }
a.main-login, a:hover.main-login { z-index: 999; position: absolute; right: 120px; top: 10px; font-size: 12px; color: #fff; text-decoration: underline; }

 #content {
        position: relative;
    }
    #content img {
        position: absolute;
        top: 0px;
        right: 0px;
    }
    @media screen and (max-width: 762px) {
	.swapimg {display: none;}
	.visible-tablet {display: inline;}
}
@media screen and (max-width: 489px) {
	.swapimg {display: none;}
	.visible-mobile {display: inline;}
	.img-text-container { height: 1140px !important; }
	.visionary-blue-container1{    margin-top: -3rem; height: 80px;}
}
@media screen and (min-width: 763px) {
	.swapimg {display: none;}
	.visible-desktop {display: inline;}
}

@media screen and (max-width:375px){
	.img-text-container { height: 1030px !important; }
	.nxtCaption { color: #fff !important; }
}

.home-banner-text { text-align:center; }
.home-banner-text h3,.home-banner-text h4 { color:#fff;}
.home-banner-text h3{font-size:38px;}
.home-banner-text h4{font-size:28px;}
.queen-img{ position:relative; left:-100px;}
.genericPadding{background-repeat: no-repeat; background-size: contain; background-position: Left;}
.businesses-half-container1 p{
	padding:20px 0px;
}
.card-main-title1{color:#004b88;padding-bottom:40px; text-transform:uppercase; font-weight:500; font-size:20px; font-weight:700}
.card-main-title1-mob{
	color:#004b88; text-transform:uppercase; font-weight:500; font-size:20px; font-weight:700;
}
.underline-text{
	border-bottom: 1px solid #004b88;
   
	width:35%;
    margin-bottom: 20px;
    color: #004b88;
}
.card-main-title1:after
{
	/* border-bottom: 1px solid #004b88;
    padding-bottom: 20px;
	width:20%;
    margin-bottom: 20px;
    color: #004b88; */
	 content: "";
  display: block;
  width: 120px;
  height: 2px;
  background: #004b88;
  margin:10px 0 10px 0;
  position: absolute;
}
.nxtCaption
{
	color: #004b88; 
	margin-top:10px;
	text-align:center;
	
	
}
.full-vh-img {
    width: 100%;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
    height: calc(50vh - 70px);
}
.full-vh-img .parallax-inner {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.container-sm
{
	width:100%;
}
.logo-text-container
{
	margin: 30px 0 0;
    z-index: 1;
    /* border: 1px solid #ccc; */
    padding: 10px 48px;;
    box-shadow: 1px 1px 15px 1px #e4e2e2db;
    background: #fff;
    text-align: left;
	position:relative;
	
}
.right-margin
{
	margin-right:-14px;
}
.left-margin{
	margin-left:-15px;
	
}
.img-shift-top{
	margin-top:-9vw;
	position:relative;
}

.nxt-half-container { text-align: center; margin: 50px 0 20px; width: 100%; }
.img-text-container
{
	margin: 30px 0 0;
    z-index: 1;
    /* border: 1px solid #ccc; */
    padding: 30px;
	height:250px;
    box-shadow: 1px 1px 15px 1px #e4e2e2db;
    background: #fff;
    text-align: left;
}
.visionary-blue-container2 { /*position: absolute; bottom: -13vw; left: 0; right: 0;*/
 margin-top:-8vw; 
width:100%; 
background:#004b88;
padding:180px 0 80px;
z-index: -1;
position: relative; 
}
.visionary-blue-container2 p{
	color:#fff;
	padding-top:5px;
}
.visionary-blue-container1
{
	margin-top: -17vw;
    width: 100%;
    background: #004b88;
    height:220px;
    position: relative;
}
.nxt-half-container p {padding:10px; margin: 0; }
.gallery-padding
{
	margin-top:0vw;
	position:unset !important;
	padding:0px 0px 0px 2px;
}
.logo-seperator
{border-right: 0px solid #004b88;
    /* padding-left: 8px; */
   
	padding-top:25px;
	padding-bottom:25px;
}
.v2 {
  border-left: 1px solid #004b88;
  height: 100px;
  margin-top:20px;
}
.para-paddTop
{
	padding:10px 0;
}
.para-oneDigital{
	padding:10px;
}
.light-blue-background{
	width:100%;
	background:#f4fbfe;}
	
.enquirySection
{
	padding-top:40px;
	text-align:center;
	
}
.enquirySection h2
{
	font-weight:700;
	font-size:32px;
	padding:20px 0;
}
.enquirySection h3
{

   color:#003d8d;
   font-weight:700;
}
.enquirySection span
{
	color:#5a095a;
	font-size:18px;
	font-weight:700;
}

/* .nxt-digitalLink { position: fixed; right: -100px;padding-bottom:35px; top: 43%; transform: translateY(-50%); transition: all 0.3s ease-in-out; }
.nxt-digitalLink:hover { right: 0; }
.nxt-digitalLink > a { background: #3396fa; font-size: 14px; color: #fff; text-decoration: none; padding: 10px; padding-left: 50px; display: block; border-radius: 5px 0 0 5px; position: relative; }
.nxt-digitalLink > a:after { content:""; position: absolute; top: 50%; left: 10px; background: url('../images/web-icon.png') no-repeat; width: 21px; height: 21px; transform: translateY(-50%); }
.nxt-digitalLink:before { content: ""; position: absolute; left: 41px; top: 50%; transform: translateY(-50%); background: url("../images/quick-link-border.png") no-repeat; height: 24px; width: 1px; z-index: 10; }
 */
 .title_sm {display: block;    font-size: 1.25rem;    margin-bottom: 0.5rem;}