@media (min-width: 1600px) and (max-width: 1920px) {
  
}

/* Large */
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  
}

/* Medium */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
	.container-1280 { width:100%; }
	.navbar-nav {
    margin-left: 2px;
}
.navbar-dark .navbar-nav .nav-link {font-size: 15px;}
#statutory-reports {
    left: 310px;
}
#financial {
    left: 414px;
}

#section0 .fp-tableCell {
    vertical-align: top;
} 

#banner {
    margin-top: 60px;
}

#section6 #footer { position:relative; }
.glance-container {max-width: 400px;padding-top: 18px;}
#perfromance,#intro-capital { padding:30px; height: auto;}
.know-more-bt,.banner-box:hover a .know-more-bt {bottom:10px;}
.navbar-brand img {margin-left: 9px;width: 70px;}
#introducing-capitals,.inner-glance { width:95%; margin:auto; }   
#our-brand-inner { margin:auto; width:95%; }
#business-model .row.listing-style [class*="col-"],.stakeholder-container [class*="col-"]  {
    margin-bottom: 1rem;
    flex: none;
    max-width:100%;
}



#md-ceo .me-ceo-right {
    margin-left: 80px !important;
}
.innerglance .glance-container {max-width: 96%;}
.hide-mobile { display:none; }
.show-mobile { display:block; }
#glance .glance-banner {
    clip-path: polygon(0% 0, 100% 0, 100% 100%, 0% 100%);
}
.shakeholder-table { overflow:scroll; width:95%; }
.materiality { width:95%; margin:auto; }

.operational-container .col-sm-12,.vivanta-con .col-sm-12,.bod .col-sm-12{ max-width:100%; flex: none;}
.operational-container .col-sm-6 { max-width:50%; flex: none;}
.operational-container img { width:100%; }
.total-p {font-size: 18px;}
.graph-bar h2 {font-size: 16px;}
.brnd-taj-topbox {padding: 7px;}
.key-highlight-con { padding:20px; }
.ex-mobile-pad-all { padding:10px; }
.vivanta-con .row,.bod .row,.awards .row  { margin:0px !important; }
.brnd-taj-lstbox2 { height:auto; }
.numner-style4 {    font-size: 39px;}
.Progressing-con .glance-container { max-width:100%; }
.mobile-hide { display:none; }
.mobile-show { display:block; }
#section6 .chart, #section6 .chart li {
    height: 205px;
}
}

/* Small */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
  .container-1280 { width:100%; }
h2 { font-size:40px; }  
h4 {font-size: 19px;}
.fullpage-wrapper .fp-section {
  position: relative;
  visibility: visible;
  opacity:1;
  z-index:1;
}

.fullpage-wrapper .fp-section .fp-slidesContainer .fp-slide {
  position: relative;
  left: 0;
  top: 0;
  visibility: visible;
  opacity:1;
  z-index:1;
}
.fp-section.fp-table, .fp-slide.fp-table,.fp-tableCell {
    display: block;
}
.glance-container {
	padding-top: 20px;
    float: none;
    max-width:90%;
    padding-top:20px;
	margin:auto;
}

.banner-img-logo img { width:140px; height:auto !important }  
a.navbar-brand img {width: 60px; margin-left: 10px;}
  #glance .glance-banner {
    clip-path: polygon(1% 0, 99% 0, 99% 100%, 1% 100%)
}
.d-xs-none { display:none; }
#glance {
    padding-bottom: 30px;
	margin-top: 10px;
}
#banner {
    margin-top: 42px;
}
#perfromance {height: auto;padding: 19px 9px;}
.numner-style1 { font-size:35px; margin-bottom: 20px;}
#perfromance .rs {
    font-size: 37px;
}
.mr-t-50 {
    margin-top: 10px !important;
}
.mr-t-40 {
    margin-top: 20px !important;
}

#intro-capital {padding-top: 34px;}

#section4 h4 {padding-left: 10px;}
#intro-capital {height: auto;}

#md-ceo .md-ceo-pic img,.brand-box .brand-img img {
    clip-path: polygon(1% 0, 99% 0, 99% 100%, 1% 100%)
}
#md-ceo .md-ceo-pic {
    width: 100%;
}

#md-ceo .me-ceo-right {
    margin-top:20px;margin-left:0px;
}
.mr-t-30 {
    margin-top: 10px !important;
}
#section6 #footer { position:relative;text-align: center; }
#footer {text-align: center; }
.f-logo2 img { width:100%; }
.fp-tableCell {vertical-align: top !important; height: auto !important;} 
.fp-section.fp-table, .fp-slide.fp-table { display:block !important; }
.fullpage-wrapper .fp-section.active,.fullpage-wrapper .fp-section { height:auto !important; }
.navbar-dark .navbar-toggler {background-color: #000;border-color: rgb(7, 42, 72);}
.middle-container .container-1280 { width:100%; }
#inner-banner {margin-top: 45px;}
.inner-title h1 {font-size: 36px;}
#inner-banner .container-1280 {bottom: 40px;}
#our-brand h1 { padding-left:15px; font-size:50px; }
.brand-box h6 { margin-top:5px; margin-left:0px; font-size: 38px;}
.brand-box {margin-bottom: 20px;}
.protfolio-container .col { flex-basis: inherit; }
.slant-img img,#glance .glance-banner2,.slant-banner {clip-path: polygon(1% 0, 99% 0, 99% 100%, 1% 100%)}

.hide-mobile { display:none; }
.spectrum-pic img { width:100%; }
.shakeholder-table { width:98%; overflow:scroll; }
.innerglance .glance-container { width:90%; }
.shakeholder-table table tr td { width:50%; padding:20px;}
.hclunlocking-img img { width:100%; }  
.inner-glance { width:94%; margin:auto; margin-top:20px; } 
.glance-container2 { padding-left:0px; }
#introducing-capitals .col-md-3,#introducing-capitals .col-md-4 { padding-left:0px; padding-right:0px; }
.md-ceo-pic { margin-bottom:20px; }
.india-list ul { font-size:14px; }
h2 br { display:none; }
.innerglance .glance-banner { width:95%; margin:auto; margin-top:20px; }
.innerglance .numner-style1 { display:block; }
.india-map img,.usa img { width:100%; }
.seleqtions-container { padding-top:28px; }
.mobile-hide { display:none; }
.mobile-show { display:block; }
.pd-top86 {
    padding-top: 10px;
}
#seleqtions,.tajsats-container,.ama { margin-top:20px; }

.navbar-brand {font-size: 1.85rem;}
.navbar-dark .navbar-toggler {margin-right: 15px;background-color: #072a48;}
a.navbar-brand img {
    width: 110px;
    margin-left: 10px;
}
.navbar-nav {
    margin-left: 0;
}
.navbar-nav {
    margin-left: 0;
    background-color: #072a47;
}
.navbar-dark .navbar-nav .nav-link {
    color: #FFF;
}
.navbar-dark .navbar-nav .nav-link {
    color: #FFF;
    font-weight: 700;
    padding: 1rem 0.8rem;
	font-size: 19px;
	border-bottom: solid 1px #FFF;
}
.dropdown-toggle::after {right: 20px; top:27px; position:absolute;}
.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
    color: #FFF;
}
.dropdown-menu a.nav-link {
    padding: 0.5rem 0.3rem !important;
}
.corporate-overview-drop {height: 580px;overflow: scroll;}


#key-performance .col { flex-basis: auto;max-width: 50%; }
#header .download-bt a { width:100%; text-align:left; }
#header .collapse.show { height:100vh; background-color:#1d2e4a; }

/*vishwajeet css start*/
.material-table-wrp{ width:100%; overflow-x:scroll;}  
.row{ margin:0px;}
    .imas-pic-box img{ width:100%;}
    .height-300{ height:auto;}
    .height-125{ height:auto;}
    .pyrmd-pic-box{ margin-top:0px;}
    .brand-rhs-infobox {padding: 20px 0px;}
    .height-260{ height:auto;}
    .brnd-taj-lstbox2{ height:auto;}
    .mob-top-mar-20{ margin-top:20px;}
    .no-mob-pad{ padding:0px;}
    
    .brnd-taj-lstbox .col{flex-basis: inherit;
    width: 50%;
    padding: 0px;
    margin-bottom: 20px;}
    .brnd-taj-lstbox .col-md-2{ padding:0px; width:50%;}
    
/*vishwajeet css start*/
#statutory-reports,#financial { width:100%; }

.protfolio-box.h-645,.protfolio-box.h-730,.protfolio-box.h-830 {height: auto;}
.protfolio-box a { position:relative;}

#statutory-reports, #financial { height:340px; overflow:scroll; }

#section6 #footer { position:relative; }
.glance-container {max-width: 94%;padding-top: 18px;}
#perfromance,#intro-capital { padding:30px; height: auto;}
.know-more-bt,.banner-box:hover a .know-more-bt {bottom:30px;}
/*#glance .row [class*="col-"] {max-width: 100%; flex:none;}*/
	
	
#banner [class*="col-"] {
    padding: 0px;
    max-width: 100%;
    flex: none;
    width: 50%;
}	

#intro-capital [class*="col-"] {
    padding: 0px;
    max-width: 100%;
    flex: none;
    width: 50%;
}

.navbar .dropdown-menu div[class*="col"],.inner-glance [class*="col"],#our-brand-inner [class*="col-"],#our-presence [class*="col-"],#business-model .row.listing-style [class*="col-"],.stakeholder-container [class*="col-"],.operational-container [class*="col-"] {
    margin-bottom: 1rem;
    flex: none;
    max-width:100%;
}
#introducing-capitals .col-6 { width:50% !important; flex:none !important; max-width:50% !important; padding-right:15px;}
.inner-glance .glance-container,.inner-glance .glance-container2 {
    max-width: 100%;
}
#our-brand-inner { margin:auto; width:95%; }
#our-brand-inner .text-center {
    text-align: left!important;
}

.innerglance .glance-container {
    max-width:95%;
}
.external-environment img{ width:90%; }
.strategic { width:95%; margin:auto; }

.operational-container img,.img-res{ width:100%; }
.taj-containner .col-sm-12 {  max-width: 100%; flex:none; }
.vivanta-con .row,.bod .row,.awards .row { margin:0px !important; }
.brnd-taj-lstbox2 { height:auto; }
.vivanta-con .col-sm-12,.ginger-con .col-sm-12,#people-ihcl .col-sm-12,.customer-con .col-sm-12,.bod .col-sm-12,#key-performance .col-sm-12 { max-width:100%; flex:none; }
.ex-mobile-pad-all { padding:10px; }
.customer-con .mob-top-mar-20 { margin-top:0px; }
.mobile-hide { display:none; }
.mobile-show { display:block; }
#section6 .chart, #section6 .chart li {
    height: 235px;
}
}

@media (min-width: 481px) and (max-width: 767px) {

.container-1280 { width:100%; }
h2 { font-size:40px; }  
h4 {font-size: 19px;}
.fullpage-wrapper .fp-section {
  position: relative;
  visibility: visible;
  opacity:1;
  z-index:1;
}

.fullpage-wrapper .fp-section .fp-slidesContainer .fp-slide {
  position: relative;
  left: 0;
  top: 0;
  visibility: visible;
  opacity:1;
  z-index:1;
}
.fp-section.fp-table, .fp-slide.fp-table,.fp-tableCell {
    display: block;
}
.glance-container {
	padding-top: 20px;
    float: none;
    max-width:90%;
    padding-top:20px;
	margin:auto;
}

.banner-img-logo img { width: 60px; height:auto !important }  
a.navbar-brand img {width: 60px; margin-left: 10px;}
  #glance .glance-banner {
    clip-path: polygon(1% 0, 99% 0, 99% 100%, 1% 100%)
}
.d-xs-none { display:none; }
#glance {
    padding-bottom: 30px;
}
#banner {
    margin-top: 42px;
}
#perfromance {height: auto;padding: 19px 9px;}
.numner-style1 { font-size:40px; margin-bottom: 20px;}
#perfromance .rs {
    font-size: 37px;
}
.mr-t-50 {
    margin-top: 10px !important;
}
.mr-t-40 {
    margin-top: 20px !important;
}

#intro-capital {padding-top: 34px;}

#section4 h4 {padding-left: 10px;}
#intro-capital {height: auto;}

#md-ceo .md-ceo-pic img,.brand-box .brand-img img {
    clip-path: polygon(1% 0, 99% 0, 99% 100%, 1% 100%)
}
#md-ceo .md-ceo-pic {
    width: 100%;
}

#md-ceo .me-ceo-right {
    margin-top:20px;margin-left:0px;
}
.mr-t-30 {
    margin-top: 10px !important;
}
#section6 #footer { position:relative;text-align: center; }
#footer {text-align: center; }
.f-logo2 img { width:100%; }
.fp-tableCell {vertical-align: top !important; height: auto !important;} 
.fp-section.fp-table, .fp-slide.fp-table { display:block !important; }
.fullpage-wrapper .fp-section.active,.fullpage-wrapper .fp-section { height:auto !important; }
.navbar-dark .navbar-toggler {background-color: #000;border-color: rgb(7, 42, 72);}
.middle-container .container-1280 { width:100%; }
#inner-banner {margin-top: 45px;}
.inner-title h1 {font-size: 36px;}
#inner-banner .container-1280 {bottom: 40px;}
#our-brand h1 { padding-left:15px; font-size:50px; }
.brand-box h6 { margin-top:5px; margin-left:0px; font-size: 38px;}
.brand-box {margin-bottom: 20px;}
.protfolio-container .col { flex-basis: inherit; }
.slant-img img,#glance .glance-banner2,.slant-banner {clip-path: polygon(1% 0, 99% 0, 99% 100%, 1% 100%)}

.hide-mobile { display:none; }
.spectrum-pic img { width:100%; }
.shakeholder-table { width:98%; overflow:scroll; }
.innerglance .glance-container { width:90%; }
.shakeholder-table table tr td { width:50%; padding:20px;}
.hclunlocking-img img { width:100%; }  
.inner-glance { width:94%; margin:auto; margin-top:20px; } 
.glance-container2 { padding-left:0px; }
#introducing-capitals .col-md-3,#introducing-capitals .col-md-4 { padding-left:0px; padding-right:0px; }
.md-ceo-pic { margin-bottom:20px; }
.india-list ul { font-size:14px; }
h2 br { display:none; }
.innerglance .glance-banner { width:95%; margin:auto; margin-top:20px; }
.innerglance .numner-style1 { display:block; }
.india-map img,.usa img { width:100%; }
.seleqtions-container { padding-top:28px; }
.mobile-hide { display:none; }
.mobile-show { display:block; }
.pd-top86 {
    padding-top: 10px;
}
#seleqtions,.tajsats-container,.ama { margin-top:20px; }

.navbar-brand {font-size: 1.85rem;}
.navbar-dark .navbar-toggler {margin-right: 15px;background-color: #072a48;}
a.navbar-brand img {
    width: 110px;
    margin-left: 10px;
}
.navbar-nav {
    margin-left: 0;
}
.navbar-nav {
    margin-left: 0;
    background-color: #072a47;
}
.navbar-dark .navbar-nav .nav-link {
    color: #FFF;
}
.navbar-dark .navbar-nav .nav-link {
    color: #FFF;
    font-weight: 700;
    padding: 1rem 0.8rem;
	font-size: 19px;
	border-bottom: solid 1px #FFF;
}
.dropdown-toggle::after {right: 20px; top:27px; position:absolute;}
.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
    color: #FFF;
}
.dropdown-menu a.nav-link {
    padding: 0.5rem 0.3rem !important;
}
.corporate-overview-drop { height: 370px; overflow: scroll; }


#key-performance .col { flex-basis: auto; }
#header .download-bt a { width:100%; text-align:left; }
#header .collapse.show { height:100vh; background-color:#1d2e4a; }

/*vishwajeet css start*/
.material-table-wrp{ width:100%; overflow-x:scroll;}  

.row{ margin:0px;}
.imas-pic-box img{ width:100%;}
.height-300{ height:auto;}
.height-125{ height:auto;}
.pyrmd-pic-box{ margin-top:0px;}
.brand-rhs-infobox {padding: 20px 0px;}
.height-260{ height:auto;}
.brnd-taj-lstbox2{ height:auto;}
.mob-top-mar-20{ margin-top:20px;}
.no-mob-pad{ padding:0px;}


    
    .brnd-taj-lstbox .col{flex-basis: inherit;
    width: 50%;
    padding: 0px;
    margin-bottom: 20px;}
    .brnd-taj-lstbox .col-md-2{ padding:0px; width:50%;}
    
/*vishwajeet css start*/
#statutory-reports,#financial { width:100%; }

.protfolio-box.h-645,.protfolio-box.h-730,.protfolio-box.h-830 {height: auto;}
.protfolio-box a { position:relative;}

#statutory-reports, #financial { height:340px; overflow:scroll; } 
    
}




/* Extra small */
@media (min-width: 320px) and (max-width: 480px) {


.container-1280 { width:100%; }
h2 { font-size:40px; }  
h4 { font-size: 19px; }

.fullpage-wrapper .fp-section {
  position: relative;
  visibility: visible;
  opacity:1;
  z-index:1;
}

.fullpage-wrapper .fp-section .fp-slidesContainer .fp-slide {
  position: relative;
  left: 0;
  top: 0;
  visibility: visible;
  opacity:1;
  z-index:1;
}

.fp-section.fp-table, .fp-slide.fp-table,.fp-tableCell {
    display: block;
}

.glance-container {
	 padding-top: 20px;
    float: none;
    max-width:90%;
    padding-top:20px;
	margin:auto;
}

.banner-img-logo img { width: 60px; height:auto !important }  
a.navbar-brand img {width: 60px; margin-left: 10px;}
  #glance .glance-banner {
    clip-path: polygon(1% 0, 99% 0, 99% 100%, 1% 100%)
}
.d-xs-none { display:none; }
#glance {
    padding-bottom: 30px;
}
#banner {
    margin-top: 42px;
}
#perfromance {height: auto;padding: 19px 9px;}
.numner-style1 { font-size:40px; margin-bottom: 20px;}
#perfromance .rs {
    font-size: 37px;
}
.mr-t-50 {
    margin-top: 10px !important;
}
.mr-t-40 {
    margin-top: 20px !important;
}

#intro-capital {padding-top: 34px;}

#section4 h4 {padding-left: 10px;}
#intro-capital {height: auto;}

#md-ceo .md-ceo-pic img,.brand-box .brand-img img {
    clip-path: polygon(1% 0, 99% 0, 99% 100%, 1% 100%)
}
#md-ceo .md-ceo-pic {
    width: 100%;
}

#md-ceo .me-ceo-right {
    margin-top:20px;margin-left:0px;
}
.mr-t-30 {
    margin-top: 10px !important;
}
#section5 #footer { position:relative;text-align: center; }
#footer {text-align: center; }
.f-logo2 img { width:100%; }
.fp-tableCell {vertical-align: top !important; height: auto !important;} 
.fp-section.fp-table, .fp-slide.fp-table { display:block !important; }
.fullpage-wrapper .fp-section.active,.fullpage-wrapper .fp-section { height:auto !important; }
.navbar-dark .navbar-toggler {background-color: #000;border-color: rgb(7, 42, 72);}
.middle-container .container-1280 { width:100%; }
#inner-banner {margin-top: 45px;}
.inner-title h1 {font-size: 36px;}
#inner-banner .container-1280 {bottom: 40px;}
#our-brand h1 { padding-left:15px; font-size:50px; }
.brand-box h6 { margin-top:5px; margin-left:0px; font-size: 38px;}
.brand-box {margin-bottom: 20px;}
.protfolio-container .col { flex-basis: inherit; }
.slant-img img,#glance .glance-banner2,.slant-banner {clip-path: polygon(1% 0, 99% 0, 99% 100%, 1% 100%)}

.hide-mobile { display:none; }
.spectrum-pic img { width:100%; }
.shakeholder-table { width:98%; overflow:scroll; }
.innerglance .glance-container { width:90%; }
.shakeholder-table table tr td { width:50%; padding:20px;}
.hclunlocking-img img { width:100%; }  
.inner-glance { width:94%; margin:auto; margin-top:20px; } 
.glance-container2 { padding-left:0px; }
#introducing-capitals .col-md-3,#introducing-capitals .col-md-4 { padding-left:0px; padding-right:0px; }
.md-ceo-pic { margin-bottom:20px; }
.india-list ul { font-size:14px; }
h2 br { display:none; }
.innerglance .glance-banner { width:95%; margin:auto; margin-top:20px; }
.innerglance .numner-style1 { display:block; }
.india-map img,.usa img { width:100%; }
.seleqtions-container { padding-top:28px; }
.mobile-hide { display:none; }
.mobile-show { display:block; }
.pd-top86 {
    padding-top: 10px;
}
#seleqtions,.tajsats-container,.ama { margin-top:20px; }

.navbar-brand {font-size: 1.85rem;}
.navbar-dark .navbar-toggler {margin-right: 15px;background-color: #072a48;}
a.navbar-brand img {
    width: 110px;
    margin-left: 10px;
}
.navbar-nav {
    margin-left: 0;
}
.navbar-nav {
    margin-left: 0;
    background-color: #072a47;
}
.navbar-dark .navbar-nav .nav-link {
    color: #FFF;
}
.navbar-dark .navbar-nav .nav-link {
    color: #FFF;
    font-weight: 700;
    padding: 1rem 0.8rem;
	font-size: 19px;
	border-bottom: solid 1px #FFF;
}
.nav-link {
    display: block;
    padding: .5rem .5rem;
    font-size: 11px;
}
.dropdown-toggle::after {right: 20px; top:27px; position:absolute;}
.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
    color: #FFF;
}
.dropdown-menu a.nav-link {
    padding: 0.5rem 0.3rem !important;
}
.corporate-overview-drop {height: 370px;overflow: scroll;}


#key-performance .col { flex-basis: auto; }
#header .download-bt a { width:100%; text-align:left; }
#header .collapse.show { height:100vh; background-color:#1d2e4a; }

/*vishwajeet css start*/
.material-table-wrp{ width:100%; overflow-x:scroll;}  
.row{ margin:0px;}
    .imas-pic-box img{ width:100%;}
    .height-300{ height:auto;}
    .height-125{ height:auto;}
    .pyrmd-pic-box{ margin-top:0px;}
    .brand-rhs-infobox {padding: 20px 0px;}
    .height-260{ height:auto;}
    .brnd-taj-lstbox2{ height:auto;}
    .mob-top-mar-20{ margin-top:20px;}
    .no-mob-pad{ padding:0px;}
    
    .brnd-taj-lstbox .col{flex-basis: inherit;
    width: 50%;
    padding: 0px;
    margin-bottom: 20px;}
    .brnd-taj-lstbox .col-md-2{ padding:0px; width:50%;}
    
/*vishwajeet css start*/
#statutory-reports,#financial { width:100%; }

.protfolio-box.h-645,.protfolio-box.h-730,.protfolio-box.h-830 {height: auto;}
.protfolio-box a { position:relative;}

#statutory-reports, #financial { height:340px; overflow:scroll; }
    .know-more-bt { bottom:20px; font-size:10px; }
	.img-res { width:100%; display:block; }
	.mobile-mt-10 { margin-top:10px; }
	.ci-picvr { height:auto; }
	#section6 .chart, #section6 .chart li {
    height: 225px;
}
#md-ceo {
    padding-top: 40px;
    padding-bottom: 50px;
}

#section6 #footer { position:relative; margin-top:30px; }


	
}


