/*
Theme Name: Twenty Nineteen
Description: Twenty Seventeen Theme
Author: Techcronus
Template: twentynineteen
Version: 1.0.0
Text Domain: twentynineteen
*/

@media only screen and (max-width:1200px) {
    div#Topics div.TopicItem h3 {
        font-size: 14pt;
        margin: 20px 0 0;
        line-height: 120%
    }
    div#Regions div.SliderImg div.label {
        position: absolute;
        top: 10%;
        right: 20%;
        width: 70%;
        max-width: 800px;
        background-color: rgba(0, 0, 0, .7);
        color: #fff!important;
        font-size: 10pt;
        font-weight: 700;
        padding: 5px;
        border-radius: 5px
    }
    div#Regions div.SliderImg div.photo img {
        width: 100%
    }
    div#Regions div.SliderImg div.label {
        font-size: 10pt
    }
    div#Regions div.SliderImg span.highlight {
        font-size: 20pt!important;
        font-weight: 700
    }
}

@media only screen and (max-width:992px) {
    div.container {
        width: 100%
    }
    ul.navbar-nav li a {
        font-size: 13pt
    }
    ul.navbar-nav li ul li a {
        font-size: 13pt
    }
    div#Topics div.TopicItem h3 {
        margin: 10px 0 0;
        line-height: 120%
    }
    section#RegionsSection {
        display: none
    }
}

@media(max-width:975px) {
    div.transbox {
        margin-top: 15px!important
    }
}

@media(max-width:767px) {
    .ST-icon-content {
        display: flex;
    }
    .ST-1-icon {
        width: auto;
    }
    .ST-2-icon {
        width: auto;
    }
    .ST-3-icon {
        width: auto;
    }
    .ST-cors-icons {
        max-width: 75px;
    }
    .ST-cors-cont .ST-1-content,
    .ST-cors-cont .ST-2-content,
    .ST-cors-cont .ST-3-content {
        margin-bottom: 25px !important;
    }
    .ST-cors-icons .ST-1-icon,
    .ST-cors-icons .ST-2-icon,
    .ST-cors-icons .ST-3-icon {
        margin-bottom: 25px !important;
    }
}

@media(max-width:768px) {
    body,
    table,
    div,
    span,
    p,
    td,
    label,
    li,
    a {
        font-size: 12pt
    }
    .d-md-none {
        display: none;
    }
    a.btn {
        padding: 4px 6px!important;
        font-size: 10pt!important;
        line-height: 1!important
    }
    table.CourseResults {
        border: 0!important
    }
    table.CourseResults {
        background: #fff
    }
    table.CourseResults td {
        padding: 0 0 10px!important;
        border: 0!important;
        border-bottom: solid 1px #dbdbdb!important;
        background: #fff
    }
    table.CourseResults thead {
        display: none
    }
    table.CourseResults div.row div {
        padding: 0
    }
    table.CourseResults div.Course a {
        font-size: 15pt
    }
    table.CourseResults div.Strap {
        font-size: 13pt;
        padding: 0
    }
    table.CourseResults div.City {
        font-size: 10pt;
        padding: 0
    }
    table.CourseResults div.Dates {
        font-size: 10pt;
        padding: 0
    }
    table.CourseResults div.RegLink {
        padding-top: 0
    }
    table.CourseResults div.BroLink {
        padding-top: 0
    }
    table.CourseResults div.Strap {
        margin: 5px 0
    }
    div#Topics div.TopicItem h3 {
        font-size: 12pt;
        margin: 10px 0 0;
        line-height: 120%
    }
    div#Topics div.TopicItem img {
        width: 55px
    }
    div#TrainersHighlight {
        display: none
    }
    div#FeaturedCoursesRow {
        display: none
    }
    div#Alumni img {
        padding: 15px 0
    }
    a.btn-training {
        font-size: 12pt !important;
        padding: 8px 20px !important;
    }
    div.navbar {
        padding: 0 5px
    }
    div.navbar-collapse {
        clear: both
    }
    a.navbar-brand img {
        width: 210px;
        height: auto;
        padding: 6px 0;
    }
    /*css for 45 cources*/
    div.divParalax img {
        min-height: 300px;
    }
    .owl-carousel .owl-item img {
        min-height: 300px !important;
    }
    .ST-1-icon,
    .ST-2-icon,
    .ST-3-icon {
        margin-bottom: 10px !important;
    }
    /*css for home page 6 icons*/
    div#Topics div.TopicItem {
        padding: 21px 30px 20px 18px;
    }
    /*end css for home page 6 icons*/
    /*css for courses detail page*/
    .ST-crs-default-banner .ST-cource-slider-content h6 {
        font-size: 40pt;
    }
    .ST-crs-default-banner .ST-cource-slider-content {
        top: 30%;
    }
    .ST-crs-default-banner .ST-cource-slider-bg {
        height: auto;
    }
    ul.nav {
        clear: left
    }
    .dropdown-backdrop {
        position: static
    }
    .photo-wrapper {
        position: relative
    }
    .photo-wrapper .photo {
        position: relative;
        margin: 15px auto;
        float: left;
        clear: both
    }
    .photo-wrapper .photo img {
        border-top-left-radius: 3px;
        border-top-right-radius: 3px
    }
    .photo-wrapper .photo-label {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        background-color: rgba(0, 0, 0, .5);
        color: #fff;
        font-size: 10pt;
        font-weight: 700;
        padding: 5px
    }
    div.HomePage h2 {
        text-align: center
    }
    /*css for upcomming brouser serction*/
    .ST-corse-v-center {
        padding: 10px 0 0 0;
    }
    .ST-corse-v-center.ST-corse-vm-center {
        padding: 0 0 20px 0;
    }
    /*css for course detail page*/
    .ST-detail-meets-img .vc_single_image-wrapper img {
        left: auto;
        right: 30%;
    }
    /*end css for course detail page*/
    .ST-Category-Listing {
        min-height: auto !important;
    }
}

@media(max-width:650px) {
    div#Topics div.TopicItem {
        padding: 7px;
        min-height: 70px
    }
    div#Topics div.TopicItem h3 {
        font-size: 10pt;
        margin: 10px 0 0;
        line-height: 120%;
        padding: 0
    }
    div#Topics div.TopicItem img {
        width: 50px;
        padding: 0;
        border: 0!important
    }
    h1,
    h1 *,
    .h1 {
        font-size: 18pt;
        font-weight: 700
    }
    h2,
    h2 *,
    .h2 {
        font-size: 18pt;
        font-weight: 700;
        margin-bottom: 15px
    }
    h3,
    h3 *,
    .h3 {
        font-size: 16pt
    }
    h4,
    h4 *,
    .h4 {
        font-size: 16pt;
        border: 0!important
    }
    div#MainSlider div.SliderImg img {
        display: none;
        height: 100px!important
    }
    div#MainSlider div.SliderImg h1,
    div#MainSlider div.SliderImg h2 {
        text-align: center;
        margin-top: 25px;
        font-size: 30pt
    }
    section#CustomerQuotesSection {
        padding: 10px 0
    }
    section#CustomerQuotesSection h3 {
        font-size: 14pt!important;
        line-height: 130%
    }
    section#CustomerQuotesSection h4 {
        font-size: 12pt!important
    }
    section#CustomerQuotesSection div.row {
        padding: 0;
        margin: 0
    }
    #OfficeAddresses .RegionLegend {
        display: none
    }
    div.divParalax {
        display: block;
    }
    section#CourseHeader h1 {
        font-size: 32pt
    }
    .ST-detail-meets-img .vc_single_image-wrapper img {
        left: auto;
        right: 30%;
    }
}

@media(max-width:575px) {
    section.ST-Hongkong-Banner .ST-Hongkong-Banner-img {
        min-height: 150px !important;
    }
    /*css for course detail page*/
    .pt-crs-15 {
        padding-top: 15px;
    }
    .ST-crs-default-banner .ST-cource-slider-content h6 {
        margin-bottom: 18px;
    }
    .ST-meet-our-trainer {
        padding: 0 15px;
    }
    .ST-section-title.ST-detail-meets-title {
        text-align: center !important;
    }
    .ST-detail-meets-content p {
        text-align: center;
    }
    .ST-detail-meets-img .vc_single_image-wrapper img {
        left: 65%;
    }
    /*end css for course detail page*/
    /*css for home page*/
    .ST-featured-courses {
        min-height: auto;
    }
    .owl-carousel .owl-item img {
        min-height: 200px !important;
    }
    .ST-featured-courses .owl-nav>div {
        top: 35% !important;
    }
    /*css for header overite issue as per describe payal heeral*/
    header#masthead .navbar.navbar-default {
        z-index: 999;
        background-color: #FFFFFF;
    }
    div.divParalax img {
        min-height: 130px !important;
    }
    section#ST-training-carousel .owl-carousel .owl-item img {
        min-height: 150px !important;
    }
    section#Alumni .owl-carousel .owl-item img {
        min-height: 45px !important;
        /* max-height: 65px; */
        max-width: fit-content;
        margin: 0 auto;
    }
    section#Alumni .ST-world-class-faculty {
        padding-top: 0;
    }
    section#ST-cource-carousel {
        z-index: 111 !important;
        overflow: auto;
        position: relative;
        top: 14px;
    }
    .ST-crs-default-banner .ST-cource-slider-bg {
        height: auto;
        min-height: 250px;
    }
    .ST-crs-default-banner .ST-cource-slider-content h6 {
        font-size: 22pt !important;
    }
    .ST-crs-default-banner .ST-cource-slider-content {
        top: 50%;
    }
    .ST-crs-default-banner .ST-cource-slider-content .ST-cource-banner-btn {
        padding: 8px 10px
    }
    /*css for home page slider*/
    .ST-training-carousel .ST-section-padding-general {
        padding: 20px 0 !important;
        min-height: 75px;
    }
    .ST-training-carousel .ST-slider-text h6 {
        font-size: 16px;
    }
    /*end css for home page*/
    .ST-Category-Listing {
        min-height: auto !important;
    }
    .ST-world-Text {
        font-size: inherit;
    }
    .owl-quotes-carousel .owl-dots {
        right: 36%;
        top: 96%;
    }
    .single-courses .owl-quotes-carousel .owl-dots {
        right: 40%;
        top: 102%;
    }
    #ST-quotes-carousel .ST-section-padding-general {
        padding: 40px 0 !important;
    }
    a.btn {
        white-space: normal
    }
    div#Topics div.TopicItem {
        padding: 3px 12px 0 12px;
        min-height: 115px;
    }
    div#Topics div.TopicItem img {
        margin: 0 auto;
        float: none
    }
    div#Topics div.TopicItem h3 {
        clear: left;
        padding-top: 10px;
        margin: 0;
        text-align: center;
        font-size: 8pt;
        font-weight: 400
    }
    section#CourseHeader {
        min-height: 100px
    }
    section#CourseHeader h1 {
        font-size: 22pt;
        font-weight: 700
    }
    section#CourseHeader h2 {
        font-size: 12pt
    }
    section#CourseHeader h3 {
        font-size: 14pt
    }
    section#CourseHeader div.row div.row {
        padding: 0
    }
    table.CourseResults div.Course {
        float: left
    }
    table.CourseResults div.Course span {
        display: block;
        padding-left: 5px;
        display: inline
    }
    section#CourseHeader div#CourseSessions h3 a {
        font-size: 11pt
    }
    section#CourseHeader div#CourseSessions h3 a:hover {
        text-decoration: none
    }
    section#MeetInstructor img.img-trainer {
        margin-bottom: 10px;
        max-width: 120px
    }
    section#Course-USPs img {
        margin: 0 auto
    }
    section#Course-USPs p.UspTitle,
    section#Course-USPs p {
        text-align: center
    }
    div#MainSlider div.SliderImg h1,
    div#MainSlider div.SliderImg h2 {
        text-align: center;
        margin-top: 25px;
        font-size: 23pt
    }
    div.topicLeader {
        display: none
    }
    .Mobile {
        display: block
    }
    h2.h1 {
        display: none
    }
    div.Mobile div.h2 {
        font-style: italic
    }
    section.generic {
        margin: 0
    }
    div#Topics div.TopicItem a {
        display: block;
        margin-top: 15px;
    }
    .ST-RegionLegend {
        display: none;
    }
    .ST-section-title {
        font-size: 18pt !important;
        font-weight: 700 !important;
    }
    .navbar-header {
        float: none !important;
        margin: auto !important;
    }
    .navbar-header button.navbar-toggle {
        border: none !important;
        margin: 0 !important;
        top: 45px !important;
    }
    .navbar-header button.navbar-toggle:hover,
    .navbar-header button.navbar-toggle:focus {
        background-color: transparent !important;
    }
    section.ST-Hongkong-Banner .ST-Hongkong-Banner-img {
        height: 95px;
    }
    /* .ST-corse-v-center {
        padding: 5px 0 0 0;
    }
    .ST-corse-v-center.ST-corse-vm-center {
        padding: 0 0 20px 0;
    } */
    div.navbar-collapse ul {
        border: solid 1px #fff;
        margin-top: 0;
    }
    ul.nav {
        float: left;
        clear: left;
    }
    div.navbar-collapse li ul.dropdown-menu {
        display: inline-block;
        position: relative;
        margin: 0;
        padding: 0;
        background: #fff;
        box-shadow: none;
        border: 0;
    }
    ul.navbar-nav li ul li {
        margin-left: 30px;
        display: block!important;
        border: solid 1px #fff!important;
        overflow: auto!important;
        clear: both!important;
        background: #fff;
    }
    div.navbar-collapse li {
        padding: 1px 0 1px 10px!important;
    }
    div.navbar-collapse a {
        color: #767676!important;
        padding: 0;
        font-size: 13pt!Important;
        text-decoration: none!important;
        font-weight: 700!important;
    }
}