/* 
  ##Device = Desktops
  ##Screen = 1281px to higher resolution desktops
*/
@media (min-width: 1281px) {
  /* CSS */
}
/* 
    ##Device = Laptops, Desktops
    ##Screen = B/w 1025px to 1280px
  */
@media (min-width: 1025px) and (max-width: 1280px) {
  /* CSS */
}
/* 
    ##Device = Tablets, Ipads (portrait)
    ##Screen = B/w 768px to 1024px
  */
@media (min-width: 768px) and (max-width: 1024px) {
  /* CSS */
}
/* 
    ##Device = Tablets, Ipads (landscape)
    ##Screen = B/w 768px to 1024px
  */
@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
  /* CSS */
}
/* 
    ##Device = Low Resolution Tablets, Mobiles (Landscape)
    ##Screen = B/w 481px to 767px
  */
@media (min-width: 481px) and (max-width: 767px) {
  /* CSS */
}
/* 
    ##Device = Most of the Smartphones Mobiles (Portrait)
    ##Screen = B/w 320px to 479px
  */
@media (min-width: 320px) and (max-width: 480px) {
  /* CSS */
  .sec-space {
    padding: 40px 0px;
  }
  #admireTab .nav-link img {
    display: none;
  }
  .nav-tabs {
    flex-wrap: nowrap;
  }
  .tab-pos {
    margin-top: -60px;
    position: relative;
  }
  #admireTab .nav-link {
    border-radius: 0px;
    position: relative;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    height: 60px;
    margin: 0px 2px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #112139;
    background: -webkit-linear-gradient(0deg, #112139 0%, #376189 100%);
    background: -moz-linear-gradient(0deg, #112139 0%, #376189 100%);
    background: linear-gradient(0deg, #112139 0%, #376189 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#112139", endColorstr="#376189", GradientType=0);
    transition: 0.3s ease all;
    line-height: 18px;
  }
  .banner-carousel h2 {
    font-size: 24px !important;
    font-weight: 500;
    color: #132436;
    text-transform: uppercase;
    margin: 0px;
    padding: 0px;
    line-height: 24px;
  }
  .banner-carousel p {
    color: #ed2127;
    font-size: 18px;
    line-height: 19px;
    font-weight: 500;
    width: 66%;
  }
  .banner-carousel .banner1 {
    background: url(../images/banner1.jpg) center no-repeat;
    background-size: cover;
    height: 180px;
  }
  .banner-carousel .banner2 {
    background: url(../images/banner2.jpg) center no-repeat;
    background-size: cover;
    height: 180px;
  }
    .banner-carousel .container {
        /*height: 180px;*/
        height: 120px;
        display: flex;
        flex-direction: column;
        align-items: start;
        justify-content: center;
    }
  .cta-bg {
    background: url(../images/cta-banner-bg-mob.jpg) left center no-repeat;
    background-size: cover;
    color: #fff;
  }
  .abroadCard .countryname {
    font-size: 18px;
    font-weight: 500;
    color: #fff;
    margin: 0px;
    padding: 0px;
    background-color: #132436;
    width: 100%;
    padding: 8px 10px;
    transition: 0.3s ease all;
    position: absolute;
    bottom: 0px;
    left: 0px;
  }
  .abroadCard {
    box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.1);
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    overflow: hidden;
    margin: 5px;
    position: relative;
    width: 47%;
  }
  .onlineCourseCard {
    padding: 15px;
    margin: 10px;
    box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.1);
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 140px;
    width: 43%;
    transition: 0.5s ease all;
  }
  .banner1 {
    background: url(../images/banner1.jpg) center top no-repeat;
    background-size: cover;
    height: 350px;
  }
  .banner2 {
    background: url(../images/banner2.jpg) center top no-repeat;
    background-size: cover;
    height: 350px;
  }
  mob-mnu {
    background-color: #f2f2f2;
    color: #090909;
  }
  .offcanvas-title {
    text-align: left;
  }
  .offcanvas-header {
    background-color: #f7f7f7;
  }
  .mob-mnu {
    background-color: #f4f4f4;
  }
  #sidemobbar .accordion-button:not(.collapsed) {
    color: #303030;
    background-color: #f4f4f4;
    box-shadow: none;
  }
  #sidemobbar .accordion-button {
    background-color: #f4f4f4;
  }
  #sidemobbar .accordion-body {
    padding: 0px;
  }
  #sidemobbar .accordion-body .nav-item {
    margin: 0px;
  }
  #sidemobbar .accordion-body .nav-item .nav-link {
    padding: 5px 0px;
  }
  #sidemobbar .accordion-item .nav-item {
    margin: 0px;
  }
  #sidemobbar .accordion-item .nav-link {
    padding: 5px 20px;
    color: #090909;
    font-size: 16px;
  }
  #sidemobbar .accordion-header {
    font-size: 14px;
    color: #090909;
  }
  .collapse.show {
    padding-left: 0px;
  }
  #sidemobbar .nav-item {
    border-bottom: none  !important;
  }
  ul.submnustyle {
    padding: 0px 15px;
  }
  ul.submnustyle li {
    margin-bottom: 0px;
  }
  ul.submnustyle li a {
    font-size: 16px !important;
    padding: 5px 20px !important;
  }
  .navbar-brand img {
    height: 50px;
  }
  .navbar-toggler {
    border: none;
    padding: 0px;
  }
  .navbar-toggler .fa {
    color: #ed2127;
    font-size: 24px;
  }
  .navbar-toggler:focus {
    text-decoration: none;
    outline: 0;
    box-shadow: none !important;
  }
  .flag-sec {
    margin-bottom: -100px;
  }
  .flag-sec img {
    width: 30%;
    height: auto;
    margin: 0px 5px 5px 0px;
  }
  footer {
    background-color: #132436;
    padding: 150px 0px 30px 0px;
    color: #c3c3c3;
    font-size: 16px;
  }
  footer h3 {
    margin: 0px;
    padding: 0px;
    text-transform: uppercase;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
    margin-bottom: 20px;
  }
  footer h3 a {
    color: #fff !important;
  }
  footer a {
    color: #c3c3c3;
    text-decoration: none;
  }
  footer a:hover {
    color: #fff;
  }
  footer ul {
    margin: 0px;
    padding: 0px;
  }
  footer ul li {
    margin: 0px;
    padding: 0px;
    list-style: none;
    margin-bottom: 15px;
    display: inline-block;
  }
  footer ul li a {
    color: #c3c3c3;
    text-decoration: none;
    border: 1px solid #c3c3c3;
    padding: 5px;
  }
  footer ul li a:hover {
    color: #fff;
    border: 1px solid #c3c3c3;
    padding: 5px;
    background-color: #c3c3c3;
    color: #132436;
  }
  footer .cnt-info ul li {
    display: block;
  }
  footer .cnt-info ul li a {
    border: none;
    padding: 0px;
  }
  footer .cnt-info ul li a:hover {
    background-color: transparent;
    color: #c3c3c3;
  }
}
.cource-detail-img {
  height: 350px;
  object-fit: cover;
}
.breadcrumb .breadcrumb-item {
  font-size: 14px;
  color: #ccc;
}
.breadcrumb .breadcrumb-item a {
  color: #132436;
  text-decoration: none;
}
.breadcrumb .breadcrumb-item.active {
  color: #ed2127;
}
ul.scope-lst {
  margin: 0px;
  padding: 0px;
  padding-left: 5px;
}
ul.scope-lst li {
  padding-left: 25px;
  list-style: none;
  position: relative;
}
ul.scope-lst li::before {
  content: "\f00c";
  font-family: "fontAwesome";
  color: #ed2127;
  font-size: 15px;
  position: absolute;
  left: 0px;
}