p, h1, h2, h3, h4, h5, h6 {
  margin-bottom: 20px;
}

body {
  font-size: 16px;
  font-family: "Roboto", sans-serif;
  margin-top: 138px;
}

a {
  color: #213244;
}

a:hover {
  text-decoration: underline;
}

img {
  max-width: 100%;
}

.no-margin {
  margin: 0;
}
/*Navbar and header */
.header {
  background-color: #f8f8f8;
  padding: 10px 5%;
  display: flex;
  justify-content: flex-end;
}

.header p {
  color: #244067;
  font-weight: 700;
}
h4 {
  color: #244067;
}

.header p span {
  color: #599db9;
}

.navbar {
  padding: 1rem 5%;
  border-bottom: 1px solid #f8f8f8;
  background-color: #fff;
  box-shadow: 2px 2px 5px rgba(0,0,0,.1);
}

.navbar-brand img {
  max-height: 50px;
}

.navbar-expand-lg .navbar-nav .nav-link {
    color: #212844;
    margin-left: 1rem;
    margin-right: 1em;
    padding: 10px 0;
    font-size: 18px;
    font-weight: 300;
}
.dropdown-toggle::after {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .22em solid;
    border-right: .22em solid transparent;
    border-bottom: 0;
    border-left: 0.22em solid transparent;
}

.navbar-nav .nav-item.active .nav-link {
  border-bottom: 3px solid #f7b545;
}

.sm-icon {
  height: 20px;
}

.navbar-nav .nav-item.sm-item {
  display: flex;
  border-left: 2px solid #ccc;
  padding-left: 20px;
}

.navbar-collapse {
  justify-content: space-around;
}

.navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(15,63,111)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

.navbar-toggler {
  border-color: rgb(15,63,111);
}


.sub-menu {
  border-radius: 0;
  padding: 0;
  border: 1px solid rgba(0,0,0,.05);
}

.sub-menu > a {
  padding: 10px 25px;
  transition: .2s;

}

.sub-menu > a:hover {
  background-color: rgba(22,66,129,.5);
  color: #fff;
}

/*  Banner section*/

.banner {
  background-image: url('../images/banner-bg.jpg');
  min-height: calc(100vh - 295px);
  background-size: cover;
  background-position: center center;
}

form {
  max-width: 350px;
  color: #fff;
}

img.select-icon {
  height: 20px;
}

form h1 {
  font-weight: 700;
}

form p span {
  font-size: 0.8rem;
}

form .name {
  display: flex;
  justify-content: space-between;
}

form .name >input {
  width: 49%;
}
form .campus-program {
  display: flex;
  justify-content: flex-start;
}
form .campus-program > div {
  width: 50%;
  display: flex;
  align-items: center;
}

.banner > div {
  align-items: center;
  display: flex;
  padding: 1rem 5%;
}

input[type=submit].form-control {
  background-color: #f6ae01;
  color: #fff;
  border: none;
  cursor: pointer;
  box-shadow: 2px 2px 5px rgba(0,0,0,.3);
}

h3,h4,h5 {
  color: #244067;
  font-weight: 700;
}
.divider {
  background-color: #eead2d;
  margin: 30px 0;
  height: 3px;
  width: 60px;
}

/* Main Content Containers */

.main-content {
  display: flex;
  justify-content: center;
  max-width: 1720px;
  margin: 0 auto;
}

.main-content .side-bar {
  width: 300px;
  box-shadow: 2px 0 5px rgba(0,0,0,.1);
}

.main-content .side-bar .left_menu {
  padding: 60px 20px;
  position: sticky;
  position: -webkit-sticky;
  top: 100px; /* required */
}

.main-content .side-bar .left_menu.fixed-top {
  margin-top: 150px;
}

.main-content .side-bar ul {
  list-style: none;
  padding: 0;
}

.main-content .side-bar ul > li {
  padding: 5px 0;

  border-bottom: 2px solid #fff;
}
.main-content .side-bar ul > li:hover a {
  color: #eead2d;
}

.main-content .side-bar ul > li > a {
  color: #0f3f6f;
  text-decoration: #0f3f6f;
  font-weight: 700;
  transition: .2s;
}

.main-content .side-bar .btn-question {
  margin-top: 20px;
}

.main-content .content-section {
  width: calc(100% - 350px);
}

.max-container {
  max-width: 1400px;
  margin: 0 auto;
  padding: 2% 0;
}

.max-container.first-max {
  padding: 60px 0 2%;
}


/*Ask Question Button*/
.btn-question {
  background-color: #0f3f6f;
  border: 1px solid #0f3f6f;
  color: #fff;
  padding: 10px 20px;
  transition: .5s;
  cursor: pointer;
  border-radius: 5px;
}

.btn-question:hover {
  background-color: rgba(22,66,129,.8);
}

/* Programs Page */

.programs {
  align-items: center;
  padding: 2% 0;
}
.program-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.program-container > a {
  padding: 15px 30px;
  width: 49%;
  box-shadow: 2px 2px 5px rgba(0,0,0,.5);
  margin: 10px 0;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  text-decoration: none;
  background-color: #fff;
  transition: .4s
}

.program-container > a:hover {
  background-color: #0f3f6f;
}

.program-container > a:hover p {
  color: #fff;
}

.program-container > a p {
  margin: 0;
  font-weight: 700;
  font-size: 1.3rem;
  line-height: 1.3;
  color: #68686a;
  transition: .3s;
}

.program-container > a > img {
  height: 80px;
  margin-right: 10px;
}

.program-search {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 20px 0;
}

.program-search > img {
  height: 40px;
  margin-right: 10px;
}

.program-search > a,
.program-search > a:hover{
  color: #eead2d;
  font-size: 1.2rem;
  text-decoration: none;
}

.section-header {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  padding: 2% 5%;
}

.section-header p {
  max-width: 600px;
  width: 90%;
  margin: 0 auto;
  text-align: center;
}

.section-header img {
  height: 50px;
  margin-bottom: 10px;
}

.address {
  padding: 30px 5%;
}

.contact-us {
  display: flex;
  align-items: center;
}

.contact-us form {
  max-width: unset;
}

.contact-us form .form-control {
  border: none;
  box-shadow: 2px 2px 5px rgba(0,0,0,.4);
}

.contact-us form textarea {
  resize: none;
}

.company-container {
  display: flex;
  align-items: center;
  margin: 40px 0 0;
  flex-wrap: wrap;
  justify-content: center;
}

.text-yellow {
  color: #eead2d;
}

/*Footer Section */

.footer {
  background-color: #0f3f6f;
  color: #fff;
}

.footer img.logo {
  margin-bottom: 60px;
}
.footer p {
  max-width: 400px;
  margin-bottom: 60px;
}

.footer p.note {
  margin-bottom: 0;
  font-size: 0.8rem;
  max-width: unset;
}


.icon-container {
  margin-bottom: 40px;
}
.icon-container img {
  height: 25px;
  margin-right: 15px;
}

.footer ul {
  list-style: none;
}

.footer ul > li.list-header {
  color: #eead2d;
}

.footer ul > li > a {
  color: #fff;
  text-decoration: none;
}

/* CAMPUS Page*/

.campus {
  background-image: url("../images/campus-bg.jpg") ;
  background-size: auto 100%;
  background-repeat: no-repeat;
  margin-top: 50px;
  padding: 50px 0;
}

.instructors {
  background-image: url("../images/instructors-bg.png") ;
  padding: 80px 0 50px;
}

.campus .icon-container {
  margin-bottom: 0;
}

.campus-info {
  padding:50px;
  box-shadow: 2px 2px 10px rgba(0,0,0,.2);
  background-color: #fff;
  max-width: 400px;
  margin-bottom: 30px;
}

.full-info {
  max-width: unset;
}

.campus-cta {
  background-image: url("../images/arrow-bg.png");
  background-position: right center;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  max-width: 600px;
  padding:70px 50px 80px;

}

.program-header {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 20px;
}

.program p {
  padding: 0 10px 0 50px;
  margin-bottom: 40px;
}

.program h4 {
  margin-bottom: 0;
}

.program-header img {
  height: 40px;
  margin-right: 10px;
}

.campus-cta p {
  margin-top: 30px;
  font-weight: 700;
}

.campus-info img {
  height: 30px;

}

img.img-margin {
  margin-bottom: 30px;
}

.btn-blue,
a.btn-blue:hover{
  background-color: #164281;
  border: 1px solid rgba(22,66,129,.5);
  cursor: pointer;
  box-shadow: 2px 2px 5px rgba(0,0,0,.3);
  padding: 10px 50px;
  color: #fff;
  border-radius: 5px;
  text-decoration: none;
}

.btn-blue--flat {
  color: white;
  display: inline-block;
  padding: 15px 30px;
  transition: all 0.4s ease;
  font-weight: bold;
  text-transform: uppercase;
  background-color: #0f3f6f;
  border: 2px solid #0f3f6f;
}
.btn-blue--flat:hover {
    color: #eead2d;
    text-decoration: none;
    border: 2px solid #eead2d;
    box-shadow: 0 0px 18px 4px rgba(0,0,0,.1);
}
.center-container {
  display: flex;
  align-items: center;
  justify-content: center;
}

.word-student {
  display: flex;
  justify-content: space-around;
  align-items: center;
  margin-bottom: 40px;
}

.word-student p.quote {
  color: #164281;
  font-style: italic;
  font-size: 1.6rem;
  margin-bottom: 30px;
}

.word-student img {
  margin-top: -60px;
}

.word-student p {
  max-width: 800px;
  margin: 0 auto;
}


/* Programs Directory */
.program-item {
  border: 1px solid #c8c8ca;
  padding: 25px;
  display: block;
  overflow: auto;
  transition: 0.35s;
  margin-bottom: 15px;
}

.program-item:hover {
  box-shadow: 0 -1px 20px 1px rgba(0,0,0,.4);
  text-decoration: none;
}

.program-item-info {
  float: left;
}

.program-item-info p {
  margin-bottom: 0;
}

.program-item-title {
  font-size: 22px;
  font-weight: normal;
  margin-bottom: 10px;
}

.program-item > .btn-blue--flat {
  float: right;
}

.program-item > .btn-blue--flat:hover {
  color: white;
}

/*Programs */

/*.card-body h5, .card-body p {*/
  /*margin-bottom: 20px;*/
/*}*/

.card {
  border: none;
}

.card .divider {
  margin-bottom: 0;
}

.card-header {
  background-color: transparent;
  border: none;
  position: relative;
  cursor: pointer;
}

.course {
  padding-bottom: 40px;
}

span.trigger {
  height: 2px;
  width: 25px;
  position: absolute;
  right: 60px;
  background: #0f3f6f;
  top: 37px;
  transition: .4s;
  transform: rotate(0deg);
}

span.trigger:last-child {
  transform: rotate(-90deg);
}

.card-header[aria-expanded="true"] span.trigger:last-child{
  transform: rotate(0deg);
}

/*.margin-text {*/
  /*margin-bottom: 20px;*/
/*}*/

.bg-fafafa{
  background-color: #fafafa;
}

.text-0f3f6f{
  color: #0f3f6f;
}

.text-efab2b {
  color: #efab2b;
}

.circle-container {
  background-color: #fff;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 200px;
  height: 200px;
  margin-bottom: 40px;
  overflow: hidden;
}

.circle-container img {
  width: 80%;
}

.admission {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  text-align: center;
}

.admission p {
  text-align: center;
  padding: 0 5%;
}

.CourseOutline_cl .modal-content{
  border-radius: 0;
}

.CourseOutline_cl .modal-body form {
  color: #0f3f6f;
  margin: 0 auto;
  padding: 30px 5%;
}

#questionModal .modal-content{
  border-radius: 0;
}

#questionModal .modal-body form {
  color: #0f3f6f;
  margin: 0 auto;
  padding: 30px 5%;
}
#appointmentModal .modal-content{
  border-radius: 0;
}
#CourseOutline .modal-content{
  border-radius: 0;
}

#CourseOutline .modal-body form {
  color: #0f3f6f;
  margin: 0 auto;
  padding: 30px 5%;
}

#appointmentModal .modal-body form {
  color: #0f3f6f;
  margin: 0 auto;
  padding: 30px 5%;
}
.modal {
  text-align: center;
  padding: 0 !important;
}

.modal:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -4px;
}

.modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
  min-width: 500px;
  max-width: unset;
}

.mobile-cta-container {
  position: fixed;
  bottom: 0;
  width: 100%;

  justify-content: center;
  padding: 20px 0;
  background-color: #fff;
  display: none;
  box-shadow: 0 -2px 5px rgba(0,0,0,.1);
      z-index: 9;
}

.mobile-cta-container .btn-question {
  width: 80%;
  margin: 0 auto;
}

/* Blogs Directory */
.page-title {
  background-color: #0f3f6f;
}

.page-title-heading {
  color: white;
  width: 100%;
  padding: 40px 0;
  display: block;
  font-size: 52px;
  text-align: center;
  margin-bottom: 0;
  text-transform: uppercase;
}

.page-title span {
  color: #eead2d;
}

.blog-item {
  display: flex;
  margin-bottom: 30px;
}

.blog-item-card {
  border: 1px solid #c8c8ca;
  display: flex;
  transition: 0.35s;
  flex-direction: column;
}

.blog-item-card:hover {
  box-shadow: 0 3px 15px rgba(0,0,0,.4);
  text-decoration: none;
}

.blog-item img {
  max-width: 100%;
}

.blog-item-content {
  flex: 1 0 0%;
  color: #212529;
  display: flex;
  padding: 40px 25px 25px;
  border-top: none;
  flex-direction: column;
}

.blog-item-title {
  color: #212529;
  font-size: 24px;
  font-weight: normal;
  line-height: 1.5;
  margin-bottom: 15px;
}

.blog-item-date {
  font-size: 14px;
  margin-bottom: 15px;
  text-transform: uppercase;
}

.blog-item-category {
  display: inline-block;
  font-size: 14px;
  margin-top: auto;
  margin-right: auto;
}



/* Blog Page */
.blog-header {
  border: 1px solid #c8c8ca;
  padding: 25px;
  text-align: center;
}

.blog-header-link {
  color: #0f3f6f;
  display: inline-block;
  font-size: 14px;
  margin-bottom: 15px;
  text-transform: uppercase;
}

.blog-header h1 {
  font-size: 28px;
  margin-bottom: 20px;
}

.blog-header-date {
  display: block;
  font-size: 14px;
  text-transform: uppercase;
}

.blog-social-links {
  margin: 30px 0;
  text-align: center;
}

.blog-social-links a {
  display: inline-block;
  max-width: 35px;
}

.blog-social-links img {
  max-width: 100%;
}

.blog-social-links a:hover {
  text-decoration: none;
}

.blog-rule {
  width: 100%;
  height: 1px;
  border: none;
  display: block;
  margin-bottom: 15px;
  background-color: #eead2d;
}
.afer_sp:after{ display:none}
.afer_sp h3:after {
    background-color: #edb101;
    content: "";
    clear: both;
    position: absolute;
    width: 60px;
    height: 3px;
    left: 48.5%;
    bottom: 0;
    top: 50px;
}
.afer_sp h3 {
    position: relative;
}
.wpb_column.vc_column_container.vc_col-sm-6.vc_col-has-fill .vc_column-inner .wpb_wrapper .wpb_text_column.wpb_content_element p:first-child {
    color: #599db9;
}
#wpcf7-f170-o1 .wpcf7-form-control {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    margin-top: 8px;
}
#wpcf7-f170-o1 textarea.wpcf7-form-control {
    height: 100px;
    resize: none;
}

#wpcf7-f170-o1 input.wpcf7-form-control.wpcf7-submit {
    background-color: #f6ae01;
    color: #fff;
    border-color: #f6ae01;
}
div#wpcf7-f170-o1 p {
    margin-bottom: 7px;
}
@media all and (max-width: 992px) {
  .program-item-info {
    float: none;
  }
  
  .program-item > .btn-blue--flat {
    float: none;
    margin-top: 20px;
  }
}

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

  .mobile-cta-container {
    display: flex;
  }
  .navbar-brand img {
    max-height: 40px;
}
div.wpcf7 h1 br {
    display: none;
}
.header p {
    font-size: 13px;
}
  .program-container > a {
    width: 100%;
  }
  .footer img.logo {
    width: 90%;
  }

  .footer ul {
    padding: 0;
  }

  h3 {
    text-align: center;
  }

  .address h3 {
    text-align: left;
  }

  .max-container {
    padding: 30px 0;
  }

  .contact-us p {
    margin-bottom: 20px;
  }

  form .name {
    flex-wrap: wrap;
  }

  form .name >input:first-child {
    margin-bottom: 1rem;
  }

  form .name >input {
    width: 100%;
  }

  span.trigger {
    display: none;
  }

  .program p {
    padding: 0 10px;
  }

  .word-student p.quote {
    color: #164281;
    font-style: italic;
    font-size: 1rem;
    margin-bottom: 30px;
    padding: 0 5%;
  }

  .main-content .side-bar {
    width: 0;
    display: none;
  }

  .main-content .content-section {
    width: 100%;
  }

  .modal:before {
    height: 0;
  }

  .modal-dialog {
    min-width: unset;
    max-width: unset;
    margin: 0;
    top: 0;
    left: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    min-height: 100vh;
  }

  .modal-content {
    border: none;
  }
  .modal-body {
    min-height: 100vh;
  }

  .footer {
    padding-bottom: 80px;
  }

  .page-title-heading {
    padding: 20px 0;
  }

  .blog-item {
    padding: 0;
  }

  .blog-item-content {
    padding: 20px 15px;
  }

  .blog-header {
    padding: 10px;
  }

  .navbar .btn-question {
    margin-top: 20px;
  }

}

.blog_art {
    padding: 0px !important;
}
.blog-item-title h4{
    color: #212529;
    font-size: 20px;
    font-weight: normal;
    line-height: 1.5;
    margin-bottom: 15px;
}

ul.navbar-nav.my-cls ul.sub-menu li:hover {
    background: rgba(22,66,129,.5);
    color: #fff;
}
ul.navbar-nav.my-cls ul.sub-menu li {
    padding: 10px 25px;
    transition: .2s;
}
ul.navbar-nav.my-cls .dropdown-item{padding: 0px;}
ul.navbar-nav.my-cls ul.sub-menu li:hover a{
  background: none;
  color: #fff;
}
.sub-menu{    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    padding: .5rem 0;
    margin: .125rem 0 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: .25rem;
}
.addd {
    width: 70%;
    margin: 0 auto !important;
}

.text_form form {
    float: right;
    padding-right: 30px;
    max-width: 425px;
    /*border: 1px solid #c8c8ca;*/
    padding: 25px;
	transition: 0.35s;
}
/*.text_form form:hover {
    box-shadow: 0 0px 20px 1px rgba(0,0,0,.1);
}*/

.text_form form input.form-control{border: none;box-shadow: 2px 2px 5px rgba(0,0,0,.2);border: 1px #ccc solid;}

.text_form textarea{border: none;border: 1px #ccc solid;}

.addd .gyb {
    display: none;
}

.addd .xtr {
    width: 33%;
}

.addd  .verticl_m {
    padding-left: 20px;
}

.lef_img{width: 34% !important;}

.flare_es{width: 64% !important;vertical-align: middle !important;}

.box-sed{border: 1px solid #c8c8ca;box-shadow:inherit !important;background: #fff !important;}
.box-sed:hover{background: #fff !important;box-shadow:2px 2px 5px rgba(0,0,0,.2) !important; border-color:#fff;}
.box-sed:hover a{color: #68686a!important;}

ul.sub-menu.show li a {
    white-space: nowrap;
}
ul.sub-menu.show {
    display: block;
    padding: 0;
}

ul.navbar-nav.my-cls li{
  position: relative;
}
.addd .xtr h3 {
    text-align: left;
}
.campus-info.full-info.my-vsc img{width: auto;height: auto;}

.my-picd {
    position: relative;
}
.mak-tie {
    margin-bottom: 110px;
}
.sty-line .kash p{color: #164281;
    font-style: italic;
    font-size: 1.6rem;
    margin-bottom: 30px;
    text-align: left;
}
.lag-gap{margin-bottom: 50px;}

.over-image {
    position: absolute;
    padding: 50px;
    box-shadow: 2px 2px 10px rgba(0,0,0,.2);
    background-color: #fff;
    max-width: 430px;
    margin-bottom: 30px;
    right: 15%;
    top: 6%;
    width: 430px;
}
.pos-rel {
    position: relative;
}

.m-loco {
    display: block;
}
.over-image.two {
    background-image: url(http://worksamples.website/wp/medix_college/wp-content/uploads/2018/11/arrow-bg.png);
    background-position: right center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    width: 650px;
    bottom: 7%;
    top: inherit;
    right: 0%;
    outline: none;
    background-color: transparent;
    border: none;
    box-shadow: none;
    max-width: 637px;
}
.campus-ctds {
    padding: 10% 10% 10% 0%;
}

.campus-ctds p a {
    color: #eead2d;
    text-decoration: none;
}
.text-sep {
    display: inline-block;
    width: 91%;
    vertical-align: top;
	padding: 0 15px 0 15px;
}

.sep-left {
    width: 7%;
    display: inline-block;
    vertical-align: top;
}
.sep-left img{width: 100%;height: auto;}

.campus-info.full-info.my-vsc{
    position: absolute;
    right: 0;
    top: 11%;
    width: 50%;
}

.same-border {
    border: 1px solid #c8c8ca;
    padding: 25px;
    display: block;
    overflow: auto;
    transition: 0.35s;
    margin-bottom: 15px;
}

.same-border .program-item-info {
    float: left;
    width: 70%;
    vertical-align: middle;
}

.same-border span.btn-blue--flat {
    display: inline-block;
    vertical-align: middle;
    float: right;
}

.same-border:hover {
    box-shadow: 0 0px 20px 1px rgba(0,0,0,.1);
    text-decoration: none;
}

.i_cst .wpb_text_column.wpb_content_element {
    margin-bottom: 15px;
}

.i_cst {
    margin-bottom: 40px;
}

.what_pro.extr {
    float: left !important;
}
ul.dropdown-menu {
    border-radius: 0;
    padding: 0;
    border: 1px solid rgba(0,0,0,.05);
}
/*ul.dropdown-menu li {
    padding: 10px 25px;
    transition: .2s;
    display: block;
    width: 100%;
    padding: .25rem 1.5rem;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
    text-align: left;
}*/
ul.dropdown-menu li a.nav-link {
    margin-left: 0px !important;
    font-size: 1rem !important;
}

ul.dropdown-menu li a.nav-link {
    margin-left: 0px !important;
    font-size: 1rem !important;
    padding: 10px 25px !important;
    transition: .2s;
    display: block;
    width: 100%;
    padding: .25rem 1.5rem;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
    text-align: left;
text-transform: capitalize !important;
}
/*ul.dropdown-menu li a.nav-link:hover {
    background-color: rgba(22,66,129,.5);
    color: #fff;
}*/

.navbar-expand-lg .navbar-nav .nav-link{text-transform: uppercase;font-weight: 500;}

a.no-deskt {display: none;}

 .video-background {
  background: #000;
  /*position: fixed;*/
  top: 0; right: 0; bottom: 0; left: 0;
  z-index: -99;
}
.video-foreground,
.video-background iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 800px;
  pointer-events: none;
}
.modal-dialog .wpcf7 h1 br {
    display: none;
}

#logoImage img {
    width: 270px;
}
input.form-control {
    box-shadow: inherit !important;
}
.wpb-js-composer .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-body, .wpb-js-composer .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-heading{
    background-color:#fff !important;
	border-color: #fff !important;
}
.wpb-js-composer .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-heading{ background-color:#fff !important;}
.wpb-js-composer .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-title>a {
    
}
.wpb-js-composer .vc_tta.vc_general .vc_tta-panel.vc_active .vc_tta-panel-body p {
    color: gray;
}
.wpb-js-composer .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-title>a {
    color: #0f3f6f!important;
}
.wpb-js-composer .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-title>a {
    color: #244067!important;
}
.wpb-js-composer .vc_tta-color-grey.vc_tta-style-classic .vc_tta-controls-icon::after, .wpb-js-composer .vc_tta-color-grey.vc_tta-style-classic .vc_tta-controls-icon::before{    border-color: #0f3f6f !important;}
.wpb-js-composer .vc_tta-color-grey.vc_tta-style-classic .vc_active .vc_tta-panel-heading .vc_tta-controls-icon::after, .wpb-js-composer .vc_tta-color-grey.vc_tta-style-classic .vc_active .vc_tta-panel-heading .vc_tta-controls-icon::before {
    border-color: #0f3f6f !important;
}
span.vc_tta-title-text:after {
    position: absolute;
    width: 60px;
    height: 3px;
    background-color: #edb101;
    content: "";
    left: 45px;
    bottom: 0;
}
ul.navbar-nav.my-cls ul.sub-menu{min-width: 16rem;}
ul.navbar-nav.my-cls ul.sub-menu li {
    padding: 0px;
}
ul.navbar-nav.my-cls ul.sub-menu li a{ font-size:15px;}
.banner-videoss {
    margin-top: 300px;
}
@media screen and (max-width: 1500px) {
.s-width .expand {
    width: 44%;
    margin: 0 auto;
    float: none;
}
.s-width .hikk {
    display: none;
}
.addd{width: 80%;}


.over-image {
    position: absolute;
    padding: 20px 50px;
    box-shadow: 2px 2px 10px rgba(0,0,0,.2);
    background-color: #fff;
    max-width: 500px;
    margin-bottom: 30px;
    right: 10%;
    top: 6%;
    width: 500px;
}

.over-image.two {
    background-image: url(http://worksamples.website/wp/medix_college/wp-content/uploads/2018/11/arrow-bg.png);
    background-position: right center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    width: 650px;
    bottom: 6%;
    top: inherit;
    right: 3%;
    outline: none;
    background-color: transparent;
    border: none;
    box-shadow: none;
    max-width: 580px;
}
.campus-info.full-info.my-vsc{top: 6%;padding: 25px;}
.video-foreground, .video-background iframe {
    height: 575px;
    top: 66px;
}
.video-background{ background:none;}
.banner-videoss {
    margin-top: 189px;
}
}
@media screen and (max-width: 1480px) {
	.banner-videoss {
    margin-top: 132px;
}
}
@media screen and (max-width: 1380px) {
	.banner-videoss {
    margin-top: 72px;
}
}
@media screen and (max-width: 1300px) {

.lef_img {
    width: 33% !IMPORTANT;
}
.box-sed{max-width: 43.333% !important;}

.over-image{width: 510px;padding: 15px 40px;max-width: 506px;}
.campus-ctds {padding: 7% 10% 7% 0%;}
.over-image.two{max-width: 575px;}
.campus-info.full-info.my-vsc {
    top: -4%;
    padding: 15px;    width: 55%;

}
.over-image.two{bottom: 5%;}
	.banner-videoss {
    margin-top: 0;
}

}
@media screen and (max-width: 1200px) {
  .over-image.two{max-width: 522px;}
  .over-image{right: 3%;top: 1%;}
}
@media screen and (max-width: 1024px) {
  .box-sed{max-width: 46.333% !important;}
  .s-width .expand {width: 65%;}
  .text_cenetr button.btn-question {margin-left: 0 !important;margin-top: 30px !important;}
  .box-sed {margin: 10px 18px !important;}
  .dispa_fl {width: 100% !important;}
  .what_pro{width: 100% !important;max-width: 100% !important;margin:20px 0px !important;}
  .addd {width: 90%;}
  .over-image{width: 460px;padding: 15px 40px;max-width: 322px;    right: 3%;
    top: 4%;}
  .over-image .divider{    margin: 8px 0;}
    .over-image p{    margin-bottom: 5px;}
    .over-image.two{max-width: 325px;}
.campus-info.full-info.my-vsc {
    position: unset;
    width: 100%;
}

.page-template-tpl-blog .vc_grid-item.vc_clearfix.vc_col-sm-4 {
    width: 100%;
}
.video-background form.wpcf7-form {
    max-width: 100%;
    color: #fff;
    background: #114070;
	padding: 20px;
}
.video-background form.wpcf7-form br{ display:none;}
.video-foreground, .video-background iframe {
    height: 410px;
    position: static;
	pointer-events: inherit;
}
.video-background .col-12 {
    padding: 0;
}
ul.navbar-nav.my-cls li{ display:none;}
.show-nav-right.mob-menu-slideout-over .mob-menu-right-panel, .mobmenu_content #mobmenuright .sub-menu{background-color:#fff !important;}
#mobmenuright li a {
    color: #17172c !important;
    padding: 20px;
    font-size: 20px !important;
    /*text-transform: uppercase !important;*/
    border-bottom: 1px solid #e8e8e1;
    letter-spacing: 1px !important;
}
.mobmenu_content #mobmenuright .sub-menu a {
    color: #222;
    padding: 5px 24px;
    border-bottom: none;
    font-size: 15px !important;
}
.mob-cancel-button {
    font-size: 21px !important;
    margin: 10px;
}

}

@media screen and (max-width: 768px) {
  .s-width .expand {width: 90%;}
  .addd {width: 100%;}
  .box-sed {margin: 10px !important;max-width: 47.333% !important;}
.over-image {
    position: unset;
    width: 100%;
    max-width: 100%;
}
.sep-left {
    width: 100%;display: block;
  }
  .text-sep{width: 100%;display: block;}
  .campus-info.full-info.my-vsc {
    position: unset;
    width: 100%;
}
.same-border .program-item-info{width: 100%;}
.same-border span.btn-blue--flat{float: left;margin-top: 20px;}
.lefft h3 {text-align: left;}
.video-foreground, .video-background iframe {
    height: 310px;
    position: static;
}
}

@media screen and (max-width: 767px) {
  .box-sed{   
  margin: 0 auto!important;
  margin-bottom: 15px!important;
  max-width: 90%!important;
}
.text_cenetr button.btn-question {
    margin: 0px !important;
   margin-top: 30px !important;
}
.s-width .expand{width: 100%;}
.addd {width: 100%;}
.addd .xtr {width: 100%;}
.text_form form{max-width: 96% !important;
    margin: 0 auto !important;
    float: none !important;padding-right: 0px;}
a.no-deskt {width: 46%;margin: 0 auto;background-color: #0f3f6f;border: 1px solid #0f3f6f;color: #fff;padding: 10px 20px;
    transition: .5s;cursor: pointer;border-radius: 5px;display: block;text-align: center;}
.mobile-cta-container .btn-question {width: 46%;margin: 0 auto;}
.video-foreground, .video-background iframe {
    height: 830px;
}
.video-foreground, .video-background iframe {
    height: 250px;
}
}

@media screen and (max-width: 480px) {
	.video-foreground, .video-background iframe {
    height: 180px;
}
	
}

@media screen and (max-width: 414px) {
	.video-foreground, .video-background iframe {
    height: 160px;
}
	
}
@media screen and (max-width: 414px) {
	.video-foreground, .video-background iframe {
    height: 156px;
}
	
}

@media screen and (max-width: 375px) {
.video-foreground, .video-background iframe {
    height: 146px;
}
}

@media screen and (max-width: 320px) {
	.video-foreground, .video-background iframe {
    height: 116px;
}
	
}
.modal-open .modal {
    z-index: 999999;
}

@media (min-width: 1200px){
.offset-xl-3 {
	margin-left: 12%;
	flex: 0 0 80%; 
	max-width: 80%;
	}
}