@media only screen and (max-width: 767px) {
.nav-link{
font-size:10px !important;  
}
#closeBtn{
top: -8px;
}
.test-body {
height: 200px;
}
button.btn.get-info-btn a {
color: #342B7C;
font-size: 12px;
display: flex;
}
button.btn.get-info-btn {
background-color: #FDDC0F;
}
.banner-section-mobile .header-container-fluid {
position: fixed;
z-index: 999;
width: 100%;
}
.test-cardPlacedImg{
width: 35% !important;
}
.forPosition {
margin-top: 140px;
}
.banner-section-second-col2 h1 {
margin-top: 125px;
}
.banner-section-second-col2 {
align-items: flex-start;
}
#programFeatureTwo .owl-prev {
display: block;
}
#programFeatureTwo .owl-next {
display: block;
}
.navbar-collapse {
position: absolute;
top: 0px;
left: 0;
padding-left: 5px;
padding-right: 5px;
padding-bottom: 15px;
width: 0px;
background: #fff;
padding-top: 45px;
z-index: -1;
-webkit-transition: all 1s linear;
-o-transition: all 1s linear;
-moz-transition: all 1s linear;
transition: all 1s linear;
height: auto;
opacity: 0;
left: -250px;
overflow: hidden;
}
.navbar-collapse[aria-expanded="true"] {
left: 0;
-webkit-transition: all 0.4s linear;
-o-transition: all 0.4s linear;
-moz-transition: all 0.4s linear;
transition: all 0.4s linear;
opacity: 1;
width: 200px;
overflow: hidden;
}
.navbar-collapse[aria-expanded="false"] {
-webkit-transition: all 0.4s linear;
-o-transition: all 0.4s linear;
-moz-transition: all 0.4s linear;
transition: all 0.4s linear;
overflow: hidden;
}
.navbar-toggle {
background-color: #2D257D !important;
float: left !important;
margin: 0px !important;
border-radius: 0px !important;
}
.navbar-toggle .icon-bar {
width: 22px;
transition: all 0.2s;
}
.navbar-toggle .top-bar {
transform: rotate(45deg);
transform-origin: 10% 10%;
background-color: #fff;
}
.navbar-toggle .middle-bar {
opacity: 0;
background-color: #fff;
}
.navbar-toggle .bottom-bar {
transform: rotate(-45deg);
transform-origin: 10% 90%;
background-color: #fff;
}
.navbar-toggle.collapsed .top-bar {
transform: rotate(0);
}
.navbar-toggle.collapsed .middle-bar {
opacity: 1;
}
.navbar-toggle.collapsed .bottom-bar {
transform: rotate(0);
}
.test-cardPlacedImgLarge1 {
width: 30% !important;
}
.test-cardPlacedImgLarge {
width: 40% !important;
}
.test-cardPlacedImg {
width: 35% !important;
}
button.btn.get-info-btn {
margin-top: 10px;
padding: 5px 10px  !important;
}
.aboutIsmeBackImg {
height: 100px;
top: 45%;
}
.SpecialisationsowlImg {
width: 100%;
height: 226px;
object-fit: cover;
}
.section3Col2 {
background-size: cover;
background-repeat: no-repeat;
}
.section4Container1Row {
width: 100%;
display: flex;
flex-wrap: nowrap;
}
img.owl_square_img5 {
width: 20%;
}
#myBtn-dw {
bottom: 0px;
left: 0px;
-ms-transform: rotate(0deg);
transform: rotate(0deg);
width: 100%;
padding: 10px;
background-color: #342b7c;
font-size: 18px;
}
#myBtn-dwM {
bottom: 0px;
left: 0px;
-ms-transform: rotate(0deg);
transform: rotate(0deg);
width: 100%;
padding: 10px;
background-color: #342b7c;
font-size: 18px;
}
.desktop-visible {
display: none;
}
.mobile-visible {
display: block;
}
.section11 .container-fluid h1 {
font-size: 38px;
}
.section2 .container-fluid h1 {
font-size: 32px;
}
.section2 .container-fluid,
.section3 .container-fluid,
.section4 .container-fluid,
.section5 .container-fluid,
.section .container-fluid,
.section6 .container-fluid,
.section7 .container-fluid,
.section8 .container-fluid,
.section9 .container-fluid,
.lifeAtAtlas .container-fluid,
.footer1 .container{
padding: 32px 16px 0px 16px;
}
.section10 .container-fluid{
padding: 32px 16px 32px 16px;
}
.heading-lifeAtAtlas{
width: 200px !important;
}
.leftAtAtlas-heading{
font-size: 12px !important;
}
.footer1 .container{
padding-bottom: 60px;
}
.leftAtAtlas-Para{
font-size: 12px;
}
.section-1-image img,.section4-image img{
width: 100%;
}
.section4-background-yellow{
width: 432px;
height: 243px;
}
.card-body .card-title{
padding: 0px;
}
.test-body{
padding-top: 10px;
}
.section4-title{
font-size: 32px;
}
.section3{
padding-top: 25px;
}
.btn-section-2{
width: 100% !important;
}
#accordionPanelsStayOpenExample{
padding-top: 32px;
}
.accordion-button{
font-size: 16px !important;
text-wrap: inherit;
}
.accordion-body{
}
.section-3-card{
margin-top: 16px;
}
.section5-box-text{
font-size: 12px;
}
.section5-background-yellow{
height: 194px;
width: 323px;
}
.card-img-top{
min-height: 300px !important;
}
.section5-box{
margin-top: 10px;
}
.card-title{
font-size: 14px;
}
.section-2-btn{
padding: 0px 53px;
}
.section-3-card{
padding: 55px 37px;
}
.card-para{
font-size: 12px;
}
.background-yellow{
width: 330px;
height: 200px;
}
.section-2-para{
padding-top: 12px;
font-size: 12px;
}
.section-3-card{
min-height: 271px;
}
h2.section2-heading1 {
font-size: 32px;
}
.footer-mob-para{
font-size: 12px;
}
.section3 .container-fluid h1 {
font-size: 32px;
}
.section3secondContainer {
display: flex;
flex-direction: column;
align-items: flex-start;
}
.section3secondContainer p {
margin-left: 0px;
}
.section3thirdContainer {
flex-direction: column;
}
.section3thirdContainerCol {
padding: 0px !important;
}
.section3thirdContainerDiv {
margin: 12px 0px;
}
.section3thirdContainerHeading1 {
font-size: 45px;
}
.section3thirdContainerHeading2 {
font-size: 45px;
}
.client-logos-inner {
display: grid;
grid-template-columns: repeat(3, 1fr);
margin: auto;
grid-gap: 25px 10px;
}
.client-logos-inner {
display: grid;
grid-template-columns: repeat(3, 1fr);
margin: auto;
grid-gap: 25px 10px;
}
.section9Col5 {
display: flex;
align-items: center;
}
p.section9-para {
margin-top: 15px;
}
img.owl_square_img {
width: 12% !important;
}
.section9 .container-fluid h1 {
font-size: 45px;
}
.section4Container1 {
display: flex;
}
.section4 .container-fluid h1 {
font-size: 45px;
}
.owl_square_img2 {
width: 50%;
}
h2.section4-heading1 {
font-size: 24px;
}
p.section4-para {
color: #fff;
font-family: 'Roboto', sans-serif;
font-size: 14px;
margin-bottom: 0px;
}
h2.section6-heading1 {
font-size: 24px;
}
.section6 .container-fluid h1 {
font-size: 45px;
}
.owl_square_img3 {
width: 100%;
}
.section6Container {
display: flex;
}
h2.section11-heading1 {
font-size: 24px;
}
.owl_square_img4 {
width: 40%;
}
.card.programFeatureTwo-card {
margin: 0px 15px;
}
.client-logos {
padding: 50px 0 50px;
}
section.section8 {
padding: 20px 0px;
}
.prograFeatureMobileCol2 {
padding: 0px 15px !important;
}
.prograFeatureMobileCol1 {
padding-left: 25px !important;
padding-right: 25px !important;
margin: 0px 15px;
}
.col-md-6.address.mobile-visible {
padding: 20px 0px;
}
.first-header-col-md-2 {
display: block;
align-items: normal;
padding-right: 15px;
}
img.first-logo {
max-width: 65%;
margin: 0px;
display: block;
margin-left: auto;
}
img.last-logo {
max-width: 68%;
}
.second-header-col-md-2 {
padding: 15px 15px 15px 23px !important;
background-color: #4EABE8;
display: flex;
align-items: center;
}
.second-header-col-md-22 {
padding: 0;
background-color: #4EABE8;
padding-left: 15px;
}
.last-logo {
margin: 0px;
}
img.last-logo {
margin: 0px;
margin-top: 7px;
}
.logo-row {
flex-wrap: nowrap;
}
.container-fluid.header-container-fluid.visible-xs {
padding: 0px;
}
.banner-section-second-col2 h1 {
text-align: left;
font-size: 36px;
margin-bottom: 25px;
margin-left: 15px;
font-weight: 900;
}
.banner-section-row1 {
height: auto;
display: flex;
align-items: flex-start;
align-content: flex-start;
padding-top: 25px;
justify-content: flex-end;
}
.banner-section-first-col1-div1 {
width: 100%;
padding: 10px 25px;
}
.banner-section-first-col1-div2 {
width: fit-content;
margin-left: 25px;
}
.banner-section-first-col1-div3 {
padding: 10px 25px;
}
.banner-section-heading1 {
font-size: 24px;
}
.banner-section-first-col1 {
position: absolute !important;
bottom: 0%;
}
.form-div {
width: 100%;
margin-top: 15px;
margin-bottom: 15px;
}
.form-div form {
padding: 10px;
background: #000;
}
.navbar-nav {
width: 200px !important;
}
.header-li {
padding: 8px 18px;
}
.navbar-toggler {
border: none !important;
}
.header-li a {
font-size: 17px;
color: #000;
}
.header-li a:hover {
color: #000;
text-decoration: none;
}
section.section8 {
margin-top: 0px;
}
section.section8A {
top: 28%;
}
.banner-section-heading3 {
font-size: 18px;
}
.banner-section-heading2 {
font-size: 24px;
}
.submit-btn {
font-size: 20px !important;
}
.test-card-title {
font-size: 18px;
}
.section4-title{
font-family: 'Roboto', sans-serif;
font-size: 32px;
font-weight: 800;
color: #342B7C;
line-height: 42px;
}
}
@media only screen and (max-width: 280px) {}
@media only screen and (max-width: 731px) {}
@media (min-width: 768px) {}
@media only screen and (max-width: 360px) {
.banner-section-second-col2 h1 {
font-size: 26px;
}
}
@media only screen and (min-width: 240px) and (max-width: 320px) {
.banner-section-heading1 {
font-size: 18px;
}
.banner-section-heading2 {
font-size: 16px;
}
.banner-section-heading3 {
font-size: 16px;
}
.submit-btn {
font-size: 16px !important;
}
h2.section2-heading1 {
font-size: 18px;
}
.section2 .container-fluid h1 {
font-size: 24px;
}
.section3 .container-fluid h1 {
font-size: 24px;
}
.section3thirdContainerHeading1 {
font-size: 30px;
}
.section3thirdContainerHeading2 {
font-size: 30px;
}
.section4 .container-fluid h1 {
font-size: 30px;
}
.owl_square_img2 {
width: 50%;
}
h2.section4-heading1 {
font-size: 18px;
}
.section6 .container-fluid h1 {
font-size: 30px;
}
.owl_square_img3 {
width: 70%;
}
.prograFeatureMobileCol1 h2 {
font-size: 16px;
}
.prograFeatureMobileCol1 p {
color: #fff;
font-size: 14px;
}
.section9 .container-fluid h1 {
font-size: 30px;
}
p.section9-para {
margin-top: 14px;
}
.section11 .container-fluid h1 {
font-size: 30px;
}
.section4Container1Row {
display: flex;
flex-wrap: nowrap
}
}
@media only screen and (max-width: 1150px) {
img.last-logo {
max-width: 90%;
margin-top: 10px;
}
}
@media only screen and (max-width: 304px) {}
@media only screen and (min-width: 500px) and (max-width: 712px) {}
@media only screen and (min-width: 280px) and (max-width: 283px) {}
@media only screen and (min-width: 500px) and (max-width: 712px) {}
@media only screen and (min-width: 540px) and (max-width: 720px) {}
@media only screen and (min-width: 411px) and (max-width: 414px) {}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.prograFeatureCol3Div2 {
height: 337px;
}
.test-cardPlacedImgLarge {
width: 20% !important;
;
}
.test-cardPlacedImg {
width: 40% !important;
}
.header-li {
padding: 0px 5px;
}
.header-li a {
font-size: 11px;
}
button.btn.get-info-btn {
font-size: 10px !important;
padding: 5px 10px !important;
}
.banner-section-second-col2 h1 {
font-size: 30px;
}
.banner-section-heading1 {
font-size: 20px;
}
.banner-section-heading2 {
font-size: 18px;
}
.submit-btn {
font-size: 18px !important;
}
h2.section2-heading1 {
font-size: 24px;
}
.section2 .container-fluid h1 {
font-size: 45px;
}
.section3 .container-fluid h1 {
font-size: 45px;
}
.section3thirdContainerHeading1 {
font-size: 45px;
}
.section3thirdContainerHeading2 {
font-size: 45px;
}
.section4 .container-fluid h1 {
font-size: 45px;
}
h2.section4-heading1 {
font-size: 24px;
}
.prograFeatureCol1 h2 {
font-size: 24px;
}
.prograFeatureCol4Div1 h2 {
font-size: 24px;
}
.prograFeatureCol3Div2 h2 {
font-size: 24px;
}
.prograFeatureCol3Div2 {
padding-left: 10px !important;
padding-right: 10px !important;
}
.prograFeatureCol4Div1 {
padding-left: 10px !important;
padding-right: 10px !important;
}
.prograFeatureCol1 {
padding-left: 10px !important;
padding-right: 10px !important;
}
img.programFeatireImg {
object-fit: cover;
}
.prograFeatureCol4Div2 {
height: 310px;
}
section.section8A {
height: 240px;
top: 40%;
}
}
@media screen and (min-device-width: 1023px) and (max-width: 1024px) {}
@media only screen and (min-width: 992px) and (max-width: 1298px) {}
@media only screen and (min-width: 1200px) {}
@media only screen and (min-width: 1310px) {}
@media only screen and (min-width: 1366px) {}
@media only screen and (min-width: 1358px) {}
@media only screen and (min-width: 1300px) {}
@media only screen and (min-width: 1400px) {}
@media only screen and (min-width: 1450px) {}
@media only screen and (min-width: 1536px) {}
@media only screen and (min-width: 1280px) {}
@media screen and (min-width: 1600px) and (max-width: 1919px) {}
@media screen and (min-width: 1600px) {}
@media only screen and (min-width: 1750px) {}
@media screen and (min-width: 1920px) {}
@media only screen and (min-width: 2250px) {}
@media only screen and (min-width: 3000px) {}
@media screen and (min-device-width: 1200px) and (max-device-width: 1600px) and (-webkit-min-device-pixel-ratio: 2) and (min-resolution: 192dpi) {}
@media only screen and (min-width: 1500px) {
.banner-section-row1 {
height: 670px;
display: flex;
align-items: flex-end;
}
}