@media screen and (max-width: 1920px) {
.vertical-slider{ height: 435px;}
}

@media screen and (max-width: 1440px) {
.container { max-width: 1280px;}
.announcement-info .col-md-2{ width: 25%; flex: 0 auto;}
.announcement-info .col-md-10{ width: 75%; flex: 0 auto;}
.stories-tab-slider .nav-pills .nav-link{padding: 20px; }
.applybtn{padding: 6px 14px; }
.navbar-expand-lg .navbar-nav .nav-link { padding: 12px 8px;}
.navbar-expand-lg .navbar-nav .dropdown-item {  padding: 4px 22px;}
.profile-card h5{ font-size: 16px;}
.profile-card h4{ font-size: 14px;}
.right-header .announcement-slider{ width: 54%;}
.right-header .announcement-slider p{ font-size: 14px;}
}

@media screen and (max-width: 1366px) {
.insight-speak-info img { width: 280px !important;}
.navbar-expand-lg .navbar-nav .nav-link{ font-size: 16px;}
}

@media screen and (max-width: 1280px) {
.container {max-width: 1190px; }
.top-bar .bi{ margin: 0 10px 0 0 !important;}
.top-bar p { display: inline-block;}
.right-header .linkpara{ display: inline-block;}
.headerlogo {width: 68%;}
.applybtn {padding: 6px 10px;font-size: 14px;}
.arrow-right{ width: 30px; height: 30px; padding-top: 4px;}
.arrow-right .bi{ font-size: 12px;}
.organizations-photo img{ width: 75% !important;}
.profile-card{ width: 100%;}
.leaders-info .company-name { font-size: 18px;line-height: 20px;}
.highlight-sec .col-md-6{ width: 100%; flex: 0 auto;}
.insight-speak-info .col-md-6{ width: 50%; flex: 0 auto;}
.leaders-photo img {width: 131px !important;margin: -105px auto 0 auto; }
.insight-speak-info{ background-size: cover;}
.insight-speak-info img { width: 360px !important; }
.insight-info{padding-top: 15%;}
.insight-info p{ font-size: 20px;}
.insight-info h3{font-size: 22px; }
.red-bg-info p{ font-size: 16px;}
.vertical-slider{ width: 100%; margin-bottom: 60px;}
.slide-item{ display: inline;}
.slide-item .col-md-2{ width: 9%; flex: 0 auto;}
.slide-item .col-md-10{ width: 91%; flex: 0 auto;}
.highlight-list p{ font-size: 18px;}
.leaders-info .designation-para{ line-height: 18px;}
.navbar-expand-lg .navbar-nav .nav-link { padding: 30px 12px;font-size: 15px;}
.right-header .announcement-slider { width: 50%; }
.applybtn-box .bi{ font-size: 12px;}
.applybtn-box .btn{    padding: 6px 16px;font-size: 13px; }
.applybtn-box .dropdown-menu{ font-size: 14px;}
}

@media screen and (max-width: 1180px) {
.container {max-width: 1122px;}
.leftarrow .bi{font-size: 20px; }
.average-sec .average-box{ width: 100%; }
.welcome-bg .col-md-7{ width: 100%; flex: 0 auto;}
.welcome-bg .applybtn { padding: 6px 26px; font-size: 15px; }
.welcome-bg .arrow-right {width: 35px;height: 35px;padding-top: 5px; }
.welcome-bg .arrow-right .bi {font-size: 15px; }
.alumni-card { display: block;margin: 0;padding: 20px;}
.organizations-photo img {width: 81% !important;  }
.alumni-content{margin-top: 20px; padding: 0; }
.alumni-img img{ border-radius: 10px;}
.top-footer .col-md-3{ width: 50%; flex: 0 auto;}
.top-footer .justify-content-center { justify-content: left !important; }
.address-bar { margin-bottom: 4px; }
.footer-info{ width: 100%;margin-top: 25px;}
.headerlogo { width: 72%; }
.news-event-sec .owl-carousel .owl-nav button.owl-prev{ left:-16px; margin: 0;}
.news-event-sec .owl-carousel .owl-nav button.owl-next{  right:-16px; margin: 0;}
.navbar-expand-lg .navbar-nav .nav-link{ font-size: 15px;}
.alumni-img{ padding: 0;}
.navbar-expand-lg .navbar-nav .dropdown-item { padding: 4px 22px;}
.navbar-expand-lg .navbar-nav .nav-link { padding: 30px 11px;}
.applybtn-box .btn{padding: 4px 11px; font-size: 13px;}
.right-header .linkpara{        font-size: 12px;}
}

@media screen and (max-width: 1024px) {
.container {max-width: 960px; }
.headerlogo {width: 102%; }
.navbar-expand-lg .navbar-collapse{width: 209%; }
.navbar-expand-lg{ padding: 0;}
.top-bar{ margin-bottom: 0;}
.stories-tab-slider h4 {  font-size: 15px;}
.stories-tab-slider h3 {font-size: 19px;}
.navbar-expand-lg .navbar-nav .nav-link {padding: 30px 6px;font-size: 14px;}
.top-bar p {margin-right: 9px; font-size: 13px; }
.right-header .linkpara a{    padding: 3px 6px;    font-size: 12px; }
.right-header .announcement-slider {width: 47%; }
}

@media(min-width: 992px) {
  .dropdown-submenu {
    position: relative;
  }
  .dropdown-submenu > .dropdown-menu {
    top: 0;
    left: 100%;
  }
  .dropdown:hover > .dropdown-menu {
    display: block; 
  }
  .dropdown-submenu:hover > .dropdown-menu {
    display: block;
  }
.navbar-expand-lg .offcanvas{ display: block;}

}

@media screen and (max-width: 991px) {
.res-applybtn{ display: block; background: #EB1C24;color: #fff;border-radius: 60px;padding: 6px 25px;margin-left: 20px;font-weight: 100; border:none;position: relative;left: 21%;}
.res-applybtn:hover{ background: #EB1C24;}
.res-applybtn .bi{color: #fff; }
.right-header .announcement-slider{ display: none;}
.right-header{ text-align: center; width: 100%;}
.para-info p{  padding: 0 6%;}
.offcanvas{ background: #10407a;}
.offcanvas .btn-close{ background-image: none !important; width: 30px;height: 30px;background: #EB1C24;opacity: 10;border-radius: 50%;padding: 6px; text-align: center;line-height: 0;  }
.offcanvas{   align-items: flex-end !important;}
.offcanvas .btn-close .bi{ font-size: 24px; color: #fff;}
.navbar-expand-lg .offcanvas{ display: block !important;}
.navbar-brand{ width: 190px;}
.nav-link .bi-chevron-down{ float: right; font-size: 20px;}
.navbar-toggler{ background: #fff;}
.navbar-expand-lg .navbar-nav .nav-link{padding: 16px 14px; border-bottom: 1px solid #0a294e;  font-size: 16px; font-weight: 500; }
#offcanvasMenuList{ padding-left: 0;}
.res-dropdown-submenu{ background: #efefef;}
.applybtn {padding: 7px 39px;font-size: 18px;margin: 0;}
.arrow-right {width: 36px;height: 36px;padding-top: 6px;}
.arrow-right .bi { font-size: 18px;}
.headerlogo {width: 72%;}
#offcanvasMenu .dropdown-menu .res-dropdown-submenu{ background: #0f3156;}
.navbar-expand-lg .navbar-nav .dropdown-item{ text-wrap: auto;}
#offcanvasMenu .dropdown-menu{ border: 1px solid #415f81;  padding: 14px;}
.navbar-expand-lg .navbar-nav .dropdown-item {padding: 8px 22px; }
.offcanvas-body{overflow-y: auto; }
.top-bar .col-sm-8{ width: 60%; padding-right: 0;}
.top-bar .col-sm-4{ width: 40%;}
.enquiry-sec{ text-align: right;}
.header-section{ height: 43vh;}
.res-dropdownbtn{ display: block;}
.res-dropdownbtn .dropdown-toggle{ background: #EB1C24;margin-top: 15%;border-radius: 10px;color: #fff;}
.navbar-expand-lg .navbar-nav .res-dropdownbtn .nav-link:hover{color: #fff;}
.navbar-expand-lg .navbar-nav .res-dropdownbtn .dropdown-item{padding: 8px 13px;}
}

@media screen and (max-width: 932px) {
.leaders-photo img {width: 158px !important;}
}

@media screen and (max-width: 915px) {
.average-sec {margin-top: -40px;}
}

@media screen and (max-width: 912px) {
.container {max-width: 875px;}
.announcement-info h3{ font-size: 19px;}
.average-sec h5{ font-size: 20px;}
.insight-info p { font-size: 17px;}
}

@media screen and (max-width: 896px) {
.container{ padding: 0 20px;}
.headerlogo { width: 75%; }
.average-sec .card-body { padding: 10px;}
.average-sec {margin-top: -39px; }
.insight-info p { font-size: 16px; }
}
@media screen and (max-width: 853px) {
.header-section{     height: 43vh;}
.stories-tab-slider h3 { font-size: 15px}
.faq-section .accordion-button{    font-size: 17px; padding: 20px;}
}

@media screen and (max-width: 844px) {
.announcement-info h3 i{font-size: 18px; }
.announcement-info h3{font-size: 20px; }
.leftarrow .bi {font-size: 16px;}
.average-sec h5{ font-size: 19px;}
.average-sec p{font-size: 16px; }
.leaders-info{margin-top: 20%; }
.footer-bottom .col-md-2{ width: 50%; flex: 0 auto;}
.footer-bottom .col-md-10{ width: 50%; flex: 0 auto;}
.headerlogo { width: 76%; }
.offcanvas{ overflow-y: scroll;}
}

@media screen and (max-width: 820px) {
.res-applybtn{ left: 13%;}
.announcement-info .col-md-2 {width: 100%;flex: 0 auto; }
.announcement-info .col-md-10 {width: 100%;flex: 0 auto; }
.announcement-info h3{ text-align: center;}
.announcement-slider p{ text-align: center;}
.announcement-info{ margin-top: 50px;}
.announcement-slider{ margin-top: 15px;}
.stories-tab-slider .col-md-3{width: 100%;flex: 0 auto; }
.stories-tab-slider .col-md-8 {width: 100%;flex: 0 auto; }
.stories-tab-slider h4 { font-size: 20px; }
.stories-tab-slider h3 { font-size: 22px; }
.average-sec { margin: 8% 0 4% 0; }
.container { max-width: 760px;  }
.average-sec .col-md-4{ width: 50%;flex: 0 auto;}
section { padding: 8% 0; }
.stories-tab-slider .owl-theme .owl-nav{ text-align: center;}
.organizations-leader-info{ width: 100%; text-align: center; margin: 0 auto;}
.organizations-leader-info .col-md-5 {width: 100%;flex: 0 auto; }
.organizations-leader-info .col-md-7 {width: 100%;flex: 0 auto; }
.organizations-photo img {width: 57% !important;margin:0 auto 20px auto; }
.organizations-para{ text-align: center;width: 100%;}
.organizations-para .linkedin-icon{ margin: 25px auto 0 auto;}
.leaders-info{margin-top: 20%;}
.insight-speak-info img {  width: 288px !important; margin: 0 auto;}
.insight-speak-info .col-md-6 {width: 50%;flex: 0 auto; }
.red-bg-info {position: relative;bottom: 0;margin: 0 auto;width: 100%;background: rgba(235, 28, 36, 10);}
.insight-info {padding-top: 3%;text-align: center;}
.insight-speak-info{ padding: 40px;}
.leftarrow .bi {font-size: 20px;}
.organizations-para .linkedin-icon{width: 35px; height: 35px;padding: 8px; }
.header-section{ height: 40vh;}
.top-bar .col-sm-8{ padding: 0;}
.top-bar p { margin-right: 6px;}
}

@media screen and (max-width: 768px) {
.top-footer .col-md-3 {width: 50%;flex: 0 auto;}
.footer-bottom .col-md-10{ width: 100%; flex: 0 auto;text-align: center; margin-bottom: 20px;}
.footer-bottom .col-md-2{ width: 100%; flex: 0 auto;}
.title-sec h4 { font-size: 22px;}
.title-sec h3 { font-size: 28px;}
.container{ padding: 0 20px;}
.news-event-slider .item{ width: 100%; margin: 0 auto;}
.social-icons { text-align: center; }
.header-section {height: inherit; }
.video-background {position: relative;z-index: inherit;height: 41vh;}
.leftarrow .bi {font-size: 22px;}
.enquiry-sec .res-enquiry-btn{ display: none;}
.top-bar .desk-phone { display: none;}
.top-bar .res-phone{ display: block;}
.top-bar .col-sm-8 {padding: 0 15px;}
}

@media only screen and (max-height: 360px) and (max-width: 768px) {
.video-background{ height: 119vh;}
}

@media screen and (max-width: 767px) {
.leaders-info {  margin-top: 12%; }
.leaders-photo img {width: 160px !important;}
.sidebaricon {bottom: 0;right: 0;top: auto;transform: none;flex-direction: row;justify-content: space-around; width: 100%;background: #EB1C24;padding: 8px 0; transition: bottom 0.4s ease;}
.sidebaricon.shift {bottom: 0;right:0;z-index: 9999; }
.icon-item {flex-direction: column;border-radius: 0;width: auto;margin: 0;padding: 6px;background: transparent;transition: none; }
.icon-item span {display: none;}
.drawer {width: 100%;right: 0;bottom: -385px; height: 385px;top: auto;transform: none;border-radius: 0;transition: bottom 0.4s ease;}
.drawer.active {bottom: 45px;}
.icon-item:hover { width: auto; }
}

@media screen and (max-width: 740px) {
.video-background{ height: 104vh;}
.leftarrow .bi {font-size: 18px;}
.profile-card { width: 75%; }
.organizations-photo img {width: 35% !important;}
.news-event-slider .item {width: 82%;margin: 0 auto;}
.news-event-sec .owl-carousel .owl-nav button.owl-prev{ left: 0;}
.news-event-sec .owl-carousel .owl-nav button.owl-next{ right: 0;}
}

@media screen and (max-width: 720px) {
.video-background{ height: 67vh;}
.organizations-photo img{ width: 37% !important;}
.slide-item .col-md-2 { width: 15%; flex: 0 auto; }
.slide-item .col-md-10 { width: 85%; flex: 0 auto; }
.insight-info h3 { font-size: 20px; }
.insight-info p { font-size: 16px; }
.highlight-list p { font-size: 16px; }
.insight-sec .owl-nav{ text-align: center !important;}
}

@media screen and (max-width: 667px) {
.res-applybtn { left: 6%; }
.profile-card { width: 65%; }
.organizations-photo img{ width: 32% !important; }
.video-background { height: 97vh; }
}

@media screen and (max-width: 620px) {
.average-sec .col-md-4 { width: 100%;flex: 0 auto;}
.navbar-toggler-icon{ width: 20px;height: 30px;}
}
   
@media screen and (max-width: 604px) {
.top-footer .col-md-3 {width: 100%;flex: 0 auto;}
.video-background {  height: 33vh; }
.footer-info { width: 88%;margin: 0 auto;border-bottom: 1px solid #4d4d4d; padding: 20px;}
.top-footer .col-md-3 {width: 100%;flex: 0 auto;text-align: center;}
.organizations-photo img { width: 38% !important; }
.res-footer h3 {  text-align: center;margin: 28px 0;}
.custom-list li{ list-style: none;}
.other-links-res{ border-bottom: 0;}
.insight-speak-info img {width: 227px !important;}
.custom-list{ padding-left: 0;}
}

@media screen and (max-width: 540px) {
.title-sec h3 {font-size: 26px;}
.title-sec h4 {font-size: 20px; }
.average-sec h5{ font-size: 20px;}
.welcome-bg{ border-radius: 10px;}
.welcome-info{padding: 25px; margin: 8%; }
section { padding: 15% 0; }
.stories-tab-slider .col-md-2{ width: 20%; flex: 0 auto;}
.stories-tab-slider .col-md-10{ width: 80%; flex: 0 auto;}
section {padding: 14% 0; }
.stories-tab-slider .nav-pills .nav-link { padding: 11px 22px; }
.title-sec{ margin-bottom: 30px;}
.leaders-info { margin-top: 18%;}
.slide-item .col-md-2 { width: 20%; flex: 0 auto; }
.slide-item .col-md-10 { width: 80%; flex: 0 auto; }
.organizations-photo img {width: 50% !important;}
.insight-speak-info .col-md-6 {width: 100%;flex: 0 auto; }
.red-bg-info{ margin: 20px auto 0 auto;}
.insight-speak-info {padding: 20px; }
.social-icons a{ width: 35px; height: 35px;padding: 6px;}
.profile-card { width: 77%;}
.news-event-sec .owl-carousel .owl-nav button.owl-prev{ left: -15px;}
.news-event-sec .owl-carousel .owl-nav button.owl-next{ right: -15px;}
.faq-section .accordion-button{ font-size: 18px;}
}

@media screen and (max-width: 504px) {
.profile-card {width: 100%; }
.news-event-slider .item{ width: 100%; flex: 0 auto;}
.video-background {height: 55vh; }
}

@media screen and (max-width: 480px) {
.video-background { height: 33vh; }
.top-bar .col-sm-8 {width: 50%;}
.top-bar .col-sm-4 {width: 50%;}
}

@media screen and (max-width: 430px) {
.video-background { height: 25vh; }
}

@media screen and (max-width: 414px) {
.organizations-photo img { width: 55% !important; }
.slide-item .col-md-2{ width: 20%; flex: 0 auto;}
.slide-item .col-md-10{ width: 80%; flex: 0 auto;}
.video-background {height: 25vh; }
.title-sec h4 {font-size: 20px;}
.title-sec h3 {font-size: 24px;}
}

@media screen and (max-width: 412px) {
.announcement-slider p{ font-size: 16px;}
.video-background {height: 25vh; }
.leaders-info { margin-top: 24%; }
.footer-info{ padding: 20px 0;}
}

@media screen and (max-width: 393px) {
.video-background {height: 27vh;}
.slide-item .col-md-10 {width: 25%; flex: 0 auto;}
.slide-item .col-md-10 {width: 75%; flex: 0 auto;}
}    


@media only screen and (max-height: 390px) and (max-width: 390px) {
.video-background { height: 55vh; }
}

@media screen and (max-width: 384px) {
.navbar-brand{ margin: 0;}
.right-header .linkpara {margin: 0;}
}

@media screen and (max-width: 375px) {
.organizations-photo img { width: 65% !important; }
.highlight-list img {width: 38px; }
} 

@media screen and (max-width: 360px) {
.headerlogo {width: 56%;}
.right-header .linkpara a {padding: 3px 4px;font-size: 11px;}
}

@media screen and (max-width: 346px) {
.video-background  {height: 52vh;}
.navbar-toggler { padding: 6px;}
.top-bar p a{    font-size: 12px; }
.navbar-toggler-icon { width: 28px;}
}
@media screen and (max-width: 344px) {
.video-background {height: 18vh;}
}

@media screen and (max-width: 320px) {
.video-background {height: 32vh;}
.top-bar .bi{ font-size: 11px;}
.right-header .linkpara a {padding: 3px 8px; font-size: 9px; }
.top-bar p a { font-size: 11px; }
}
