/* CSS Document */
@media (min-width: 320px) and (max-width: 767px){
    .inner-page{padding: 50px 15px !important;}
    .innerpage{height: 50vh !important;
	margin-top: 15%;}
.navbar-brand img{ width: 130px; }
.banner-section {
    position: relative;
    padding: 50px ​0 33px ;
}
.banner-section h3 {
    line-height: 24px;
    font-size: 16px;
}
.opportunities li{ width: 96%; }
.contact {
    position: relative;
    padding: 40px 0;
}
.m_ml-0{ margin-left: 0px !important; }
.social{ padding: 0px;
    margin-top: 10%;
    padding-bottom: 20px;
    background-color: #020c18;
    right: 0;
    padding-right: 15px; }
.fstyle{margin-top: 7px;}
.subtitle {
    padding-top: 30px;
}
.logo{ width: 100%; }
.heading {
    font-size: 36px;
    padding: 0 15px;
    line-height: 46px;
}
.logo img {
    padding: 5px;
}
.logo:before {
    content: '';
    position: absolute;
    /* background: #ffffff; */
    width: 320px;
    height: 290px;
    z-index: -1;
    border-radius: 0px 0px 10px 10px;
}
.bganinate{height: 50vh;
margin-top: 15%;}

}


@media (min-width: 320px) and (max-width: 480px){

}

@media (min-width: 481px) and (max-width: 767px) {
   

}
@media (min-width: 768px) and (max-width: 1024px) {
.height100 {
    height: auto;
}
.opportunities li {
    display: inline-flex;
    width: 30.33%;
    margin: 8px;
    text-align: center;
    border: 2px solid #ccc;
    padding: 60px 15px;
    transition: all 0.5s ease;
    min-height: 275px;
}


}


@media (min-width: 1200px){
.wide{ max-width: 1320px !important;}

}



@media (min-width: 1025px) and (max-width: 1366px) {
.height100 {
    height: auto;
}


}
@media (min-width: 1025px) and (max-width: 1440px) {
	.bganinate .logo-img{
	width: 60%;
    margin: auto;
    display: inherit;
}
.innerpage .logo-img{
	width: 47%;
    margin: auto;
    display: inherit;
}
}

@media (min-width: 1441px) and (max-width: 1600px) {
	.bganinate .logo-img{
	width: 75%;
    margin: auto;
    display: inherit;
}
.innerpage .logo-img{
	width: 62%;
    margin: auto;
    display: inherit;
}
}

@media (min-width: 1601px) and (max-width: 1920px) {
	.innerpage .logo-img{
	width: 65%;
    margin: auto;
    display: inherit;
}
}

@media (min-width: 1367px) and (max-width: 1920px) {
.banner-section {
    position: relative;
    /*padding: 200px 0 90px 0;*/
    overflow: hidden;
}
.nav-right { top: 20%; }
.innerpage {
    height: 75vh !important;
    padding: 0;
}


}