@media screen and (min-width:200px){
html{padding: 0px!important; margin: 0px !important;}
body{font-family: 'Lato', sans-serif; padding: 0px!important; margin: 0px !important;}
header{background-color: transparent; height: 85px;}
header .container{position: relative;}
header img{width: 100px;}
header.opaque {
     background-color: #fff;
     transition: background-color .5s ease 0s;
}
.container-fluid{justify-content: flex-start !important;}
.headerLogo{width: 150px; height: 52px; background: url('../images/logo.png') no-repeat; background-size: contain;}
.headerLogo.changeL{width: 150px; height: 52px; background: url('../images/logo-for-white.png') no-repeat; background-size: contain;}

.navbar-brand{padding-top: 18px !important;}
.navbar-nav{padding-top: 1px;}
.navbar-toggler{background: #ef4b23; margin-top: 15px !important; padding: 10px 10px 6px 10px !important;}
.navbar-toggler i{font-size: 1.6rem; color: #fff;}
.navbar-collapse{background: #fff; padding: 10px; border:1px solid #e9e9e9;}
.navbar.navbar-brand, .navbar .navbar-text{color: rgba(255,255,255,.8);}
.navbar .navbar-nav .nav-link {color: #000; padding: 0.4rem 0.8rem 0.4rem 0.8rem}
a.navbar-brand{color: #fff}
.stickyTab {width: 100%; background: #fafafa; position: sticky; top: 80px; z-index: 10; font-size: 1rem;
-webkit-box-shadow: 0px 1px 4px 2px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 1px 4px 2px rgba(0,0,0,0.1);
box-shadow: 0px 1px 4px 2px rgba(0,0,0,0.1);}

.navbar .navbar-nav .nav-link.changedCol{
	color: #000;
	transition: background-color .5s ease 0s;
}

.navbar-nav:not(.sm-collapsible) .dropdown-item .sub-arrow, .navbar-nav:not(.sm-collapsible):not([data-sm-skip]) .dropdown-menu .dropdown-toggle::after{transform: rotate(90deg); top:60%;}
.nav-active{color: #fff !important; background: #ef4b23; border-radius: 3px;}
.navbar .nav-item:hover .nav-link {color: #fff; background: #ef4b23; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;}
.navbar .nav-item{margin-left: 5px;}
.navbar .nav-item:hover .nav-link {color: #fff;}
/* for dropdown only - change the color of droodown */
.navbar .dropdown-menu {background-color: #fff; padding:0px;}
.navbar .dropdown-menu li a{color: #505050 !important; padding: 10px 15px !important;}
.navbar.dropdown-item {color: #ffffff;}
.navbar .dropdown-item:hover, .navbar .dropdown-item:focus{color: #fff !important; background-color: #ef4b23;}


.modal .modal-dialog{max-width: 500px !important; margin-top: 100px !important;}
.modal .modal-dialog .modal-content{position: relative;}
.modal .modal-dialog .close{padding: 15px; outline: none; display: inline-block; right: 0; position: absolute; cursor: pointer;}
.modal .modal-dialog .modal-header{justify-content: center; border-bottom: none;}
.modal .modal-dialog .modal-header{text-align: center;}
.modal .modal-dialog .modal-body{font-size: 1.3rem; color: #333; text-align: center;}
.followLinked{padding: 10px 15px; display: inline-block; background: #013988; font-size: 1rem; font-weight: 600; color: #fff; border-radius: 5px; margin:15px 0px;}
.followLinked:hover{color: #fff; text-decoration: none;}
.registerNSbmt{
    padding: 7px 20px;
    border: none;
    display: inline-block;
    background: #013988;
    color: #fff;
    font-size: 1.1rem;
    font-weight: 600;
    border-radius: 5px;
    cursor: pointer;
  }
.registerNSbmt:hover{color: #fff; text-decoration: none;}

section.thankyou-banner {height: 200px; overflow: hidden; position: relative; background: url('../images/inner-banner-img.jpg') center no-repeat; background-size: cover;}

section.banner {height: 270px; overflow: hidden; position: relative; background: url('../images/techplus-digital-img.jpg') center no-repeat; background-size: cover;}
section.banner .container{height: 100%; position: relative;}
section.banner .container .bannerTxtB{width: 70%;}
section.banner h2{color: #fff;}
section.banner p{color: #fff; font-size: 1.3rem}
section.banner .container .bannerTxtB h1{font-size: 1.5rem; color: #ffde5d; font-weight: 600; letter-spacing: 2px; margin-bottom: 20px;}
.bannerBtnB{width: 100%; height: auto;}
section .indiaGate{width: 145px; height: 186px; position: absolute; top: 30%; left: 5%; z-index: 10; display: none;}
section .indiaGate figure{width: 100%; margin-bottom: 2px}
section .indiaGate figure img{width: 100%;}
section .indiaGate figcaption{color: #fff; font-size: 1.3rem; font-weight: 700; text-align: center;}
section.banner .container .bannerTxtB a{width:auto; height: auto; border: none; padding: 10px 20px; background: #4658dd;
background: -moz-linear-gradient(-45deg,  #4658dd 15%, #854fee 85%);
background: -webkit-linear-gradient(-45deg,  #4658dd 15%,#854fee 85%);
background: linear-gradient(135deg,  #4658dd 15%,#854fee 85%);  color: #fff; border-radius: 5px; font-size: 1rem;}
section.banner .container .bannerTxtB a:hover{text-decoration: none;}
#myVideo{width: 100%; min-height: 100%; min-width: 100%;}
.opaqueCover{width:100%; height: 100%; background: rgba(0,0,0,0.3); position: absolute; top:0; left: 0px; z-index: 1;}
.bannerLogo{width: 200px; height: 121px; position: absolute; top: 20%; left: 27%; z-index: 2;}
.bannerLogo img{width: 100%; height: 100%;}
.dateTimeBox{width: 100%; height: 60px; position: absolute; top: 65%; right: 0; z-index: 3;}
img.iconDT{width: 25px}
.dtTxt{color: #fff; font-size: 0.7rem; font-weight: 400;}
.dtTxt span{font-size: 0.7rem; font-weight: 600;}
.elTxt{color: #fff; font-size: 0.7rem; font-weight: 400;}
.elTxt span{font-size: 0.7rem; font-weight: 600;}
.jakartaCir{width: 230px; height: 230px; position: absolute; top: 30%; right: 8%; z-index: 4; display: none;}

section.inner-banner {width:100%; height: 220px; background: url('../images/inner-banner-img.jpg') center no-repeat; background-size: cover;}
section.inner-banner .bannerLogo{width: 225px; height: 125px; top: 15%; left: 25%}
section.inner-banner .highlightVidB{width: 400px; height: 130px; position: absolute; top: 15%; right: 15%; z-index: 3; display: none;}
.formTxt{color: #666; font-size: 1.1rem}
.mSubmit{padding: 10px 25px; border: none; display: inline-block; background: #2385b2; color: #fff; font-size: 1.3rem; font-weight: 600; border-radius: 5px; cursor: pointer;}


h1{width: auto; position: relative; font-family: 'Poppins', sans-serif; color: #fff; font-size: 1.5rem; font-weight: 600;}
h1:before{content: ' '; position: absolute; width: 100%; height: 2px; border-bottom: 3px dotted #fff; left: 0px; top: 40px;}
h1:after{content: ' '; position: absolute; width: 80%; height: 2px; border-bottom: 3px dotted #fff; left: 10%; top: 46px;}
h1.black{color: #393939 !important;}
h1.whiteSmall{color: #fff !important; font-size: 1.8rem;}
h1.black:before{border-bottom: 3px dotted #393939;}
h1.black:after{border-bottom: 3px dotted #393939;}
h1.whiteSmall:before{border-bottom: 3px dotted #fff; top: 34px;}
h1.whiteSmall:after{border-bottom: 3px dotted #fff; top: 40px;}

section.overview {width: 100%; min-height: 400px; padding: 60px 0px; position: relative;}
section.overview h2{color: #ef4b23; font-size: 2rem; font-weight: 600;}
section.overview h3{color: #666; font-size: 1.3rem; font-weight: 600; text-align: center;}
section.overview p{font-family: 'Poppins', sans-serif; color: #666; font-size: 1.1rem; text-align: justify;}
section.overview ul{margin: 0px; padding: 0px 0px 0px 20px;}
section.overview ul li{color: #666; font-size: 1.2rem; text-align: justify;}
section.overview .container .row .col-lg-6 img {height: 352px; text-align: center;}
section.overview .container .row .col-12{color: #666; font-size: 1.1rem; text-align: center;}
section.overview img {width: 100%; text-align: center;}
section.overview .container .row .col-12 a:hover{text-decoration: none;}
a.registerN{background: #fff; padding: 8px 15px; margin-left: 48px; color: #666; font-size: 1.1rem; font-weight: 600; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; cursor: pointer;}
a.registerN:hover{text-decoration: none; background: #fff; color: #666;}
.promoVideo{width: 100%; height: 350px;}


.flip-box {
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;
  perspective: 1000px;
  -webkit-perspective: 1000px;
}

.flip-box-front,
.flip-box-back {
  background-size: cover;
  background-position: center;
  border-radius: 8px;
  min-height: 300px;
  -ms-transition: transform 0.7s cubic-bezier(.4,.2,.2,1);
  transition: transform 0.7s cubic-bezier(.4,.2,.2,1);
  -webkit-transition: transform 0.7s cubic-bezier(.4,.2,.2,1);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.flip-box-front {
  -ms-transform: rotateY(0deg);
  -webkit-transform: rotateY(0deg);
  transform: rotateY(0deg);
  -webkit-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.flip-box:hover .flip-box-front {
  -ms-transform: rotateY(-180deg);
  -webkit-transform: rotateY(-180deg);
  transform: rotateY(-180deg);
  -webkit-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.flip-box-back {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  
  -ms-transform: rotateY(180deg);
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
  -webkit-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.flip-box:hover .flip-box-back {
  -ms-transform: rotateY(0deg);
  -webkit-transform: rotateY(0deg);
  transform: rotateY(0deg);
  -webkit-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.flip-box .inner {
  position: absolute;
  left: 0;
  width: 100%;
  padding: 60px;
  outline: 1px solid transparent;
  -webkit-perspective: inherit;
  perspective: inherit;
  z-index: 2;
  
  transform: translateY(-50%) translateZ(60px) scale(.94);
  -webkit-transform: translateY(-50%) translateZ(60px) scale(.94);
  -ms-transform: translateY(-50%) translateZ(60px) scale(.94);
  top: 50%;
}

.flip-box-header {
  font-size: 1.8rem;
  color: #fff;
}

.flip-box p {
  font-size: 20px;
  line-height: 1.5em;
}

.flip-box-img {
  margin-top: 25px;
}

.flip-box-button {
  background-color: transparent;
  border: 2px solid #fff;
  border-radius: 2px;
  color: #fff;
  cursor: pointer;
  font-size: 20px;
  font-weight: bold;
  margin-top: 25px;
  padding: 15px 20px;
  text-transform: uppercase;
}


section.inner-overview {width: 100%; height:auto; padding: 60px 0px; position: relative;}
section.inner-overview .container .row .col-12 h2{color: #ef4b23; font-size: 2rem; font-weight: 600; text-align: center;}
section.inner-overview .container .row .col-12 h3{color: #1c5796; font-size: 1.3rem; font-weight: 600; }
section.inner-overview .container .row .col-12 p{font-family: 'Poppins', sans-serif; color: #393939; font-size: 1.1rem; text-align: justify;}
section.inner-overview .container .row .col-12 ul{margin: 0px; padding: 0px 0px 0px 20px;}
section.inner-overview .container .row .col-12 ul li{color: #666; font-size: 1.1rem; text-align: justify;}


section.discussion{width: 100%; min-height: 400px; padding: 60px 0px; position: relative; background: #f7f7f7}
section.discussion .container .row .col-lg-4 .card{min-height:400px; border: none;  box-shadow: 0 0 15px 1px rgba(0,0,0,0.10); -webkit-box-shadow: 0 0 15px 1px rgba(0,0,0,0.10); -moz-box-shadow: 0 0 15px 1px rgba(0,0,0,0.10); transition: all 0.2s ease-in-out;}
section.discussion .container .col-12 p{color: #666; font-size: 1.1rem !important; text-align: center;}
section.discussion .container .row .col-lg-4 .card:hover{background: #ef4b23;}
section.discussion .container .row .col-lg-4 .card:hover .iconBox{background: url(../images/cybersecurity-icon.png) 0 -100px no-repeat;}
section.discussion .container .row .col-lg-4 .card:hover .iconBox2{background: url(../images/digital-design.png) 0 -100px no-repeat;}
section.discussion .container .row .col-lg-4 .card:hover .iconBox3{background: url(../images/responsive-information.png) 0 -100px no-repeat;}
section.discussion .container .row .col-lg-4 .card:hover .iconBox4{background: url(../images/industry-leaders.png) 0 -100px no-repeat;}
section.discussion .container .row .col-lg-4 .card:hover .iconBox5{background: url(../images/progressive-conversation.png) 0 -100px no-repeat;}
section.discussion .container .row .col-lg-4 .card:hover .iconBox6{background: url(../images/agenda-icon.png) 0 -90px no-repeat;}
section.discussion .container .row .col-lg-4 .card:hover .iconBox7{background: url(../images/awards-icon.png) 0 -90px no-repeat;}
section.discussion .container .row .col-lg-4 .card:hover .iconBox8{background: url(../images/industry-leaders2.png) 0 -90px no-repeat;}
section.discussion .container .row .col-lg-4 .card:hover .iconBox9{background: url(../images/stage-icon.png) 0 -90px no-repeat;}
section.discussion .container .row .col-lg-4 .card:hover .iconBox10{background: url(../images/recognizing-icon.png) 0 -90px no-repeat;}
section.discussion span{color: #ff0000}
section.discussion label{font-size: 1.05rem}


section.discussion figure{width: 100%; position: relative;}
section.discussion figure img{width: 100%;}
section.discussion figure figcaption{width: 100%; min-height:150px; background: #1c5796}
section.discussion figure figcaption p.description2{width: 100%; padding: 10px 15px; text-align: left !important; color: #fff !important;}
section.discussion figure figcaption p.description2 span{color: #a1ccfa}


section.discussion .container .row .col-lg-4 .card:hover .discussionTxt{color: #fff;}
section.discussion .container .row .col-lg-4 .card:hover p{color: #fff;}
.circleB{width: 100%; display: flex; justify-content: center;}
.iconBox{width: 100px; height: 100px; background: url(../images/cybersecurity-icon.png) 0 0 no-repeat;}
.iconBox2{width: 100px; height: 100px; background: url(../images/digital-design.png) 0 0 no-repeat;}
.iconBox3{width: 100px; height: 100px; background: url(../images/responsive-information.png) 0 0 no-repeat;}
.iconBox4{width: 100px; height: 100px; background: url(../images/industry-leaders.png) 0 0 no-repeat;}
.iconBox5{width: 100px; height: 100px; background: url(../images/progressive-conversation.png) 0 0 no-repeat;}
.iconBox6{width: 100px; height: 90px; background: url(../images/agenda-icon.png) 0 0 no-repeat;}
.iconBox7{width: 100px; height: 90px; background: url(../images/awards-icon.png) 0 0 no-repeat;}
.iconBox8{width: 100px; height: 90px; background: url(../images/industry-leaders2.png) 0 0 no-repeat;}
.iconBox9{width: 100px; height: 90px; background: url(../images/stage-icon.png) 0 0 no-repeat;}
.iconBox10{width: 100px; height: 90px; background: url(../images/recognizing-icon.png) 0 0 no-repeat;}
.discussionTxt{color: #1c5796; font-size: 1.2rem; font-weight: 600; text-align: center;}





section.attendAndFeatures{width: 100%; padding: 60px 0px; position: relative;}
section.attendAndFeatures h3{width: 100%; text-align: center; color: #fff; font-family: 'Lato', sans-serif; font-size: 1.3rem;}
.aNkIconBox{width: 100%; background: #1c5796; height: auto; padding: 20px 0px; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.aNkIcons{width: 90px; height: 90px;}
.aNkITxt{width: 100%; height: auto; padding: 5px; color: #fff; font-size: 1.5rem; font-weight: 600; text-align: center;}
section.attendAndFeatures ul{padding:20px 30px; list-style-image: url(../images/arrow.png);}
section.attendAndFeatures ul li{font-size: 1.1rem; line-height: 30px;}
section.attendAndFeatures .card{min-height: 520px;}

.whyPar{min-height: 170px; border: none !important; margin-bottom: 30px; border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px;  box-shadow: 0 0 15px 1px rgba(0,0,0,0.10); -webkit-box-shadow: 0 0 15px 1px rgba(0,0,0,0.10); -moz-box-shadow: 0 0 15px 1px rgba(0,0,0,0.10);}
.whyPar .card-body{ display: flex; flex-direction: column; align-items: center;}
.whyPar .card-body span{text-align: left; color: #3298ce; font-size: 1.5rem; font-weight: 700;}
.whyPar .card-body p{margin-bottom: 0px}
.ctmH{min-height: 130px !important}

section.highlights {width: 100%; min-height: 600px; padding: 50px 0px 80px 0px; position: relative; background: url(../images/banner-bg.jpg) center no-repeat;background-size: cover;}
.counterNum{width: 100%; display: flex; justify-content: center;}
.plusS{font-size: 1.8rem; color: #ef4b23; font-weight: 600; padding-left: 2px;}
.counterNum span{font-size: 1.8rem; color: #ef4b23; font-weight: 600;}
.iconTxt{width: 100%; min-height: 60px; font-size: 1.3rem; color: #fff; text-align: center;}
.highlightTxt{width: 100%; font-size: 1rem; text-align: center; color: #fff;}
.blackBG{width: 100%; height: auto; background: rgba(0,0,0,0.5); border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;}


section.awards {width: 100%; min-height: 600px; padding: 50px 0px 80px 0px; position: relative; background: url(../images/trophy-stage.jpg) center no-repeat;background-size: cover;}
section.awards h3{color: #ef4b23; font-size: 1.4rem; font-weight: 600;}
section.awards p{color: #fff; font-size: 1.2rem;}
section.awards p span{font-weight: 600;}
section.awards a{padding: 10px 15px; color: #fff; border: 2px solid #fff; font-size: 1.2rem; font-weight: 600;}
section.awards a:hover{text-decoration: none;}

section.sessions{width: 100%; min-height: 200px; padding: 60px 0px; position: relative; background: #1c5796}
section.sessions .container .row .col-md-5 h3{color: #ef4b23; font-size: 1.3rem; font-weight: 600; text-align: center;}
section.sessions p{font-family: 'Poppins', sans-serif; color: #fff; font-size: 1.1rem; text-align:center;}
section.sessions p.whyPtxt{font-family: 'Poppins', sans-serif; color: #fff; font-size: 1.1rem; text-align: left !important;}

section.speakers{width: 100%; min-height: 600px; padding: 60px 0px; position: relative; background: #f7f7f7;}
section.speakers .card .card-body{padding: 10px;}
section.speakers figure{width: 100%; border-radius: 50%; border: 1px solid #1c5796;}
section.speakers figure img{width: 100%; border-radius: 50%; border: 3px solid #fff;}
section.speakers h4{color: #013988; text-align: center; font-size: 1.2rem; font-weight: 600; font-family: sans-serif !important;}
section.speakers p{color: #666; margin-bottom: 2px; text-align: center;}
.ctmSpkWrap{width: 50%; padding: 0 2% 20px 2%}



nav > .nav.nav-tabs{

  border: none;
    color:#fff;
    background:#272e38;
    border-radius:0;

}
nav > div a.nav-item.nav-link
{
  border: none;
    padding: 18px 25px;
    color:#000;
    background:#fff;
    border-radius:0;
    font-size: 1.2rem;
}
nav > div a.nav-item.nav-link.active
{
  border: none;
    padding: 18px 25px;
    color:#fff;
    background:#1c5796;
    border-radius:0;
}


.tab-content{
  background: #fdfdfd;
    line-height: 25px;
    border: 1px solid #ddd;
    border-top:5px solid #1c5796;
    border-bottom:5px solid #1c5796;
    padding:30px 25px;
    width: 100%;
}

nav > div a.nav-item.nav-link:hover,
nav > div a.nav-item.nav-link:focus
{
  border: none;
    background: #1c5796;
    color:#fff;
    border-radius:0;
    transition:background 0.20s linear;
}


section.agenda{width: 100%; padding: 60px 0px; position: relative;}
section.agenda h2{font-size: 1.5rem; font-weight: 600; color: #ef4b23; line-height: 35px;}
table.tableAgenda{width: 100%; border-collapse: collapse;}
table.tableAgenda th{border: none; padding: 10px; font-size: 1.1rem !important; font-weight: 600;}
table.tableAgenda th:nth-child(1){width: 17%;}
table.tableAgenda th:nth-child(2){width: 73%;}
table.tableAgenda tr td{border: 2px solid #ddd; font-size: 1rem !important; color: #212529;}
table.tableAgenda tr td span{font-weight: 600;}
table.tableAgenda tr td a:hover{text-decoration: none;}
table.tableAgenda tr td:nth-child(1){background: #f7f7f7; color: #666; padding: 17px 10px;}
table.tableAgenda tr td i{color: #1c5796;}
table.tableAgenda ul{margin:0px; padding:0px 20px; list-style-image: url(../images/arrow.png);}
table.tableAgenda ul li{font-size: 1rem !important; line-height: 30px;}
.shadowtb {
   -moz-box-shadow:    inset 1px 1px 15px rgba(0,0,0,0.1);
   -webkit-box-shadow: inset 1px 1px 15px rgba(0,0,0,0.1);
   box-shadow:         inset 1px 1px 15px rgba(0,0,0,0.1);
}

.sponsorsImg{width: 100%;}
.sponsorsImg2{width: 100px;}





.linksFlexB{position: absolute; width: 100%; top:-65px; left: 0px; z-index: 10; display: flex; flex-flow: row; justify-content: center; align-items: center; list-style: none; padding: 0px; margin: 0px;}
.linksFlexB li{display: inline-block; position:relative;}
.linksFlexB li a{background: #ef4b23; display:inline-block; padding: 5px 6px; margin: 0px 2px; color: #fff; font-size: 0.75rem; font-weight: 400; border:3px solid #ef4b23;}
.linksFlexB li a:hover{text-decoration: none; background: #fff; color: #666;}
.linksFlexB li:hover > div{display: block;}


footer{width: 100%; height: auto; position: relative; padding: 50px 0px 10px 0px; background: #1c5796;}
footer h3{padding-top: 20px; font-size: 1rem; font-weight: 600; color: #fff;}
footer p{color: #666; text-align: justify;}
footer ul{padding: 0px; margin: 0px; list-style: none;}
footer ul li{display:block; padding: 2px 0px;}
footer ul li a{color: #fff; font-size: 1rem}
footer ul li a:hover{text-decoration: none; color: #fff;}
footer a i{color:#4faceb; font-size: 2rem !important; padding-right: 5px;}
footer a i.red{padding-top: 3px; font-size: 2.5rem !important;}
footer img.footerlogo{width: 210px; height: 64px; margin-top:10px;}
.footerLogo{text-align: left; padding:10px 15px 0px 15px !important; font-size: 2.5rem; font-weight: 600; color: #303c73;}

}

@media screen and (min-width:768px){
.sponsorsImg2{width: 150px;}
.ctmSpkWrap{width: 33%; padding: 0 2% 20px 2%}
}


@media screen and (min-width:1024px){
header{height: 90px}
header img{width: 114px;}
header .navbar-toggler{display: none;}

.stickyTab{font-size: 1.5rem;}

.navbar-collapse{background: transparent; border:none;}
.navbar-nav{padding-top: 1px;}
.navbar-brand{padding-top: 2px !important;}
.navbar-brand a{color: #fff}
.headerLogo{width: 250px; height: 75px;}
.headerLogo.changeL{width: 250px; height: 75px;}
.navbar .navbar-nav .nav-link {color: #fff;}

section.banner {height: 100vh}
section.banner .container .bannerTxtB{width: 55%;}
section.banner .container .bannerTxtB h1{font-size: 2.7rem;}
.bannerLogo{width: 350px; height: 212px; top: 30%; left: 17%;}
.dateTimeBox{width: 40%; height: 200px; top: 32%; right: 15%;}
img.iconDT{width: 30px}
.dtTxt{font-size: 1.05rem;}
.dtTxt span{font-size: 1.05rem;}
.elTxt{font-size: 1.05rem;}
.elTxt span{font-size: 1.05rem;}
.jakartaCir{top: 30%; right: 5%;display: block;}
section .indiaGate{display: block;}

section.inner-banner {width:100%; height: 370px; background: url('../images/inner-banner-img.jpg') center no-repeat; background-size: cover;}
section.inner-banner .bannerLogo{width: 360px; height: 230px; top: 15%; left: 20%}
section.inner-banner .highlightVidB{display: block;}

.linksFlexB{top:-110px; left: 0px; z-index: 10;}
.linksFlexB li a{padding: 15px 30px; margin: 0px 20px; font-size: 1.2rem; font-weight: 600;}

h1{font-size: 1.8rem; font-weight: 600;}

.sponsorsImg2{width: 220px;}


.ctmSpkWrap{width: 20%; padding: 0 1.5% 20px 1.5%}

}




@media screen and (min-width:1200px){
.bannerLogo{left: 20%;}
.dateTimeBox{width: 35%; right: 13%;}

}

@media screen and (min-width:1400px){
.bannerLogo{left: 22%;}
.dateTimeBox{width: 35%; right: 13%;}
.jakartaCir{top: 30%; right: 8%;}
}


@media screen and (min-width:1600px){
.bannerLogo{left: 22%;}
.dateTimeBox{width: 35%; right: 18%;}
.jakartaCir{top: 30%; right: 10%;}
}