/*
Theme Name: Iternational School Myanmar


-------------------------------------------------------------- */

.admission-table #tablepress-12_wrapper{
  width: 50% !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.admission-table .has-text-align-center {
    text-align: center;
    width: 70% !important;
    margin-left: auto !important;
    margin-right: auto !important;
}
.admission-table .anthic-table-info .row-1 th {
    background: #fff !important;
    color: #333 !important;
    text-align: center;
    padding: 20px;
    border: 1px solid #000 !important;
    border-bottom: 0px solid transparent !important;
}
.simcal-weekday-2 {
/*display: none !important;*/
}
.pta-bg img{
    width: 100%;
}
.right-director{
    float: right !important
}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator {
    left: -5px !important;
}
table caption a{
display: none !important;
}

.page-banner-title {
    text-transform: uppercase;
}
.contact-margin P{
    margin-bottom: 0px !important;
}

.modal-header {
    border-bottom: 0px solid #e5e5e5 !important;
}

.modal{
margin-top: 140px !important;
}

/* gOOGLE cALENDAR */

.simcal-event-details a {
    display: none;
}
.googleCalendar:before {
    content: '';
    background: rgba(0, 0, 0, 0.74);
    position: absolute;
    left: 0;
    width: 100%;
    top: 0;
    height: 100%;
}

.googleCalendar {
    position: relative;
    height: auto;
    width: 100%;
    background: url(/wp-content/uploads/2019/10/home-banner.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;
    z-index: 1;
    padding: 80px 0 60px;
}
a.post-edit-link {
    display: none;
}
.GC_left h5 {
    background: #034ea2;
    margin-bottom: -45px;
    margin-top: 0;
    padding: 23px 45px;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.41);
}
button.simcal-nav-button.simcal-prev, button.simcal-nav-button.simcal-next {
    border: 1px solid #fff!important;
    color: #fff!important;
    border-radius: 50%!important;
    width: 30px!important;
    height: 30px!important;
    font-weight: 400!important;
}
.simcal-default-calendar-list .simcal-calendar-head {
 
    background: #034ea2;
    padding-bottom: 30px!important;
}
.simcal-calendar-list.simcal-calendar-list-compact {
    background: #fff;
    color: #333;
}
.simcal-nav.simcal-current {
    color: #fff;
    font-size: 22px;
    text-align: left!important;
    position: absolute;
    left: 40px;
    top: 20px;
}
button.simcal-nav-button.simcal-prev {
    position: absolute;
    right: 80px;
    top: 20px;
}
button.simcal-nav-button.simcal-next {
    position: absolute;
    right: 35px;
    top: 20px;
    margin: 0px!important;
}
ul.simcal-events {
    margin: 0px!important;
    padding: 0px;
}
.simcal-events-list-container {
    padding: 35px 35px;
        height: 400px;
    min-height: 400px;
    overflow-y: auto !important;

}
.simcal-default-calendar-list ul.simcal-events li.simcal-event {
    border-bottom: 1px solid #ddd;
        padding-bottom: 20px;
        position: relative;
    padding-left: 45px;
}
.simcal-default-calendar-list ul.simcal-events li.simcal-event:before {
    content: url('/wp-content/uploads/2020/06/1-1.png');
    position: absolute;
       left: 0;
    top: 13%;
}
dl.simcal-events-list-container p {
    margin-bottom: 0;
}
span.simcal-event-title {
    font-size: 20px;
}
.simcal-event-details p {
    margin-bottom: 0!important;
}
.GC_right h1 {
    margin: 0px 0px 20px;
    text-align: left;
    color: #fff;
    font-size: 30px;
}
.contact-info-detail hr{
border-top: 1px solid #034ea2;
}
.contact-info-detail h2{
    font-size: 25px;
}
.career-left h4 span{
        margin-left: 20px;
}
.admission-faq .panel {
     margin-bottom: 0px !important;
     }
     
.admissionoverview_info ol{
        margin-left: -27px;
    line-height: 30px;
}
#mega-menu-item-nav_menu-7 .mega-block-title {
    width: 50% !important;
}
#mega-menu-item-nav_menu-14 .mega-block-title {
    width: 50% !important;
}
#mega-menu-item-nav_menu-3 .mega-block-title {
    width: 140% !important;
}
.gray-bg-padding{
    padding-bottom: 70px;
}
.aqi-con h1{
    text-transform: capitalize !important;
    text-align: center;
    margin-top: 50px;
}
.aqi-con ul li{
    list-style-type: none !important;
    font-size: 14px;
    line-height: 35px;
}

.aqi-font p{
    font-size: 14px;
    line-height: 35px;
}
.aqi-table .row-2 , .aqi-table .row-4 , .aqi-table .row-6{
    background: #f2f2f2 !important;
}
.english-lan-support .mv-text {
    width: 80%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}
.health-service .text-center{
    margin-top: 40px;
}
.health-service ul li{
    list-style: none;
}
.health-service ul li::before{
      display: inline-block;
    content: '';
    -webkit-border-radius: 0.375rem;
    border-radius: 0.375rem;
    height: 0.75rem;
    width: 0.75rem;
    margin-left: -10px;
    margin-right: 5px;
    background-color: #bdbdbd;
      background-color: #034ea2;

}
.counseling-info  h1{
    text-transform: capitalize !important;
}
.counseling-info p{
    text-align: center;
}
.st-row-margin{
    margin-top: 40px;
}
.student-support ul li{
    margin-left: -20px !important;
}
.intro{
    display: none !important;
}
.vm-slo-con .aligner-long {
 
    margin-top: 70px;
}
.vm-slo-con h4{
    font-size: 24px !important;
}
.vm-slo-con li{
    margin-left: -20px !important;
    font-size: 17px !important;
    line-height: 35px;
}
.menu-learning-one-container ul#menu-learning-one{
    margin-left: -40px !important;
}
.menu-learning-two-container ul#menu-learning-two{
    margin-left: -100px !important;
}
.mb-step{
margin-top: 40px;
    display: inherit;
    background: #034ea2;
    border-radius: 50%;
    padding: 22px 10px 22px 10px;
    text-align: center;
    color: #ffff;
}

.menu-life-three-container ul#menu-life-three{
    margin-left: -50% !important;
}

.dropdown-content{
  min-width: 100%; /* Set width of the dropdown */
        background: #f2f2f2;
        display: none;
        position: absolute;
        z-index: 999;
        left: 0;
}

.es-menu:hover .dropdown-content{
    display: block;
}

/* Start Learning */
.lastul-margin{
    margin-bottom: 70px;
}
.secul-margin{
    margin-top: -82px;
} 
.step5:after{
position: relative;
    content: "";
    width: 25%;
    left: 89%;
    /* transform: translateX(-50%); */
    display: block;
    margin-bottom: 0px;
    margin-top: 135px;
    border-bottom: 5px dotted #034ea2;
    transform: rotate(-90deg);
}

.admin-apply h4{
    font-weight: bold;
}
.first-ul li:last-child:after{
  position: relative;
    content: "";
    width: 50%;
    left: 80%;
    transform: translateX(-50%);
    display: block;
    margin-bottom: 0px;
    margin-top: -13px;
    border-bottom: 5px dotted #034ea2;
}
.first-ul li:nth-child(2):after {
  position: relative;
    content: "";
    width: 85%;
    left: 100%;
    transform: translateX(-50%);
    display: block;
    margin-bottom: 0px;
    margin-top: -13px;
    border-bottom: 5px dotted #034ea2;
}
.first-ul li:nth-child(1):after {
  position: relative;
    content: "";
    width: 85%;
    left: 100%;
    transform: translateX(-50%);
    display: block;
    margin-bottom: 0px;
    margin-top: -13px;
    border-bottom: 5px dotted #034ea2;
}
.P_video li:last-child:after{
    
}
.admin-apply{
    padding-bottom: 70px !important;
}
.circle{
    background: #034ea2;
    border-radius: 50%;
    padding: 26px 15px 26px 15px;
    text-align: center;
    color: #ffff;
}
.first-ul{
    text-align: center !important;
    margin-bottom: 40px;
    margin-top: 40px;
}
.sec-ul li p{
/*  margin: 20px; */
    color: #000;
}
.sec-ul li{
     display: inline-grid;
    width: 33%;
    text-align: center;
    color: #034ea2;
}
.first-ul li {
    display: inline-block;
    width: 33%;
    text-align: center;
}
.admission-faq .faq {
    box-shadow: 0px 0px 6px rgba(0,0,0,0.2);
    display: inline-block !important;
    width: 100% !important;
}

.admissionoverview_info{
    width: 80%;
    margin-left: auto;
    margin-right: auto;
}
.full-img{
    width: 100%;
}
.hs-college-info .row{
    margin-top: 40px !important;
}
.hs-college-info .aligner-long {
    margin-top: 50px !important;
}
.college-base-para{
    width: 60%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-top: 50px;
    margin-bottom: 40px;
}
.hs-college-info ul li{
    margin-left: -20px !important;
}
.hs-p p{
    width: 60%;
    margin-left:auto;
    margin-right: auto;
    text-align: center;
} 
.graduation-table .tablepress-id-8 .row-12 {
    
    background:#034ea1 !important;
    color: #fff !important;
} 
.graduation-table .tablepress-id-8 .row-2 , .graduation-table .tablepress-id-8 .row-4 , .graduation-table .tablepress-id-8 .row-5{
        background: #f2f2f2 !important;

}
.graduation-table .tablepress-id-8 .row-7 , .graduation-table .tablepress-id-8 .row-8 , .graduation-table .tablepress-id-8 .row-10{
        background: #f2f2f2 !important;

}
.ism_high_info #tablepress-7 .row-1 , .ism_high_info #tablepress-7 .row-3 , .ism_high_info #tablepress-7 .row-5{
    background: #e2e2e2 !important;
    color: #000 !important;
}

.ism_high_info #tablepress-7 .row-2 , .ism_high_info #tablepress-7 .row-4 , .ism_high_info #tablepress-7 .row-6{
    background: #f2f2f2 !important;
    color: #000 !important;
}
.ism_high_info #tablepress-7 .row-6 .column-4{
    display: none!important;
}

.ism_high_info .assessment-effective-info p{
    color: #fff !important;
    text-align: center;
    width :70%;
    margin-left: auto;
    margin-right: auto;
}
.uppercase{
    text-transform: uppercase;
}
.ms_submenu:hover #menu-life {
    display: block !important;
}

.assessmnt-info .career-left h4 {
    font-family: "mscb";
    text-transform: uppercase;
}
.assessmnt-info .panel p{
        padding-left: 15px !important;
    color: red !important;
}
.signature-right{
    float: right;
}
.more-text{
    margin-bottom: 70px !important;
}
.read-more{
    color: red !important;
    margin-bottom: 20px !important;
    margin-left: 25%;
}

#text{
display:none;
}
#more {display: none;}

.ms-faculity-con .owl-prev{
/* display: none !important;     */
}

.ms-faculity-con .white .sa_owl_theme .owl-nav .owl-prev {
    margin-top: 20px !important;
}
.ms-faculity-con .white .sa_owl_theme .owl-nav .owl-next{
    margin-top: 20px !important;
}

.ms-faculity-con .owl-next{
/* display: none !important;     */
}
.ms-faculity-con .H_slider h5{
color: #000 !important;
    text-align : left !important;
}
.ms-faculity-con .H_slider h4{
color: #034ea2 !important;
    text-align: left !important;
}
.ms-faculity-con{
    margin-left: 5%;
}
.ms-faculity-con .owl-nav .white .sa_owl_theme .owl-nav .owl-prev{
    display: none !important;
}
.assessment-effective-info ul li{
    color: #f2f2f2 !important;
}

.assessment-effective-info ul {
    margin-bottom: 100px !important;
}
.assessmnt-info .accordion:after {
    margin-top: 5px !important;
}
.assessmnt-info .accordion {
    color: #034ea2 !important;
       background: #fff !important;
    padding: 20px !important;

}
.assessmnt-info .panel {
    background: #fff !important;
}
.maro-info img.black {
    opacity: 0.3 !important;
    width: 100%;

}

.principle-ul ul li{
    margin-left: -20px !important;
    margin-bottom: 10px;
}
.learning-principle-info{
    width: 75%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
.learning-framework-h5 h5{
    font-size: 18px !important;
}
.learning-framework-h5 h1{
text-transform: uppercase;
}
.learning-framework-h5 .pta-committee-para {
    padding-bottom: 50px !important;
   
}

.learning-framework-h5  a{
    font-size: 18px !important;
    color: red !important;
    font-weight: 500 !important;
    text-decoration: underline !important;
}
.first-mar{
    margin-bottom: 40px !important;
}
.learning-component a.community:hover{
    background: #fff;
    color: #034ea1 !important;
}
.learning-component a.community {
    width: 158px;
    margin: 50px auto 10px 10px;
    float: right;
    margin-right: 20%;
}
.learning-component .room li{
    color: #f2f2f2 !important;
    line-height: 35px;
}
.learning-component .room p{
    color: #f2f2f2 !important;
}
.learning-component .room h4{
    text-transform: uppercase;
    padding-bottom: 10px;
    font-size: 25px !important;
}
.learning-component .room {
    display: block;
    margin-top: 5%;
    margin-left: 5%;
    color: white;
    font-size: 19px;
    /* text-transform: uppercase; */
    position: absolute;
    width: 100%;
    z-index: 1;
}
.learning-component .bbi-blue {
    background: #044184 !important;
}
.learning-component img.black {
    opacity: 0.3 !important;
    width: 100%;
}

/* End Learning */

.room a{
    color: #fff !important;
}

.after_school_table .tablepress tfoot th, .tablepress thead th {
    background-color: transparent !important;
    font-weight: 700;
    vertical-align: middle;
    border: 1px solid #fff !important;
    text-align: center !important;
    color: #fff !important;
    border-bottom: 0px !important;
}
.after_school_table .tablepress td {
    background-color: transparent !important;
    font-weight: 700;
    vertical-align: middle;
    border: 1px solid #fff !important;
    text-align: center !important;
    color: #fff !important;
        border-top: 0px !important;


}

.studio-mobile-on{
    display: none;
}
.studio-mobile-off{
    display: block;
}
#menu-learning-three{
    left: -30% !important;
}
.menu-life-two-container ul#menu-life-two {
    left: 0% !important;
}

.studio-info .aligner-long{
    margin-left: 50px;
}
.studio-info .aligner-long p{
    width: 80%;
}
.pta-committee-para p{
    width: 60%;
    margin: 0;
}
.pta-committee-para{
    padding-bottom: 120px;
    margin-left: 12%;
/*  color: #fff; */
}
.pta-bg-black {
    background-color: none;
    opacity: 1;
    width: 100%;
    float: left;
}
.pta-bg {
    background:none;
    background-repeat: no-repeat;
    background-size: 100% auto;
    width: 100%;
    float: left;
    position: relative;
}

.pta-p p{
    font-size: 17px;
}
.img-full{
    margin: 40px auto;
    width: 100%;
}
.w50-small-mar {
    width: 49%;
    float: left;
    margin: 5px;
}
.brand-para {
    margin-left: auto;
    margin-right:auto;
    text-align: center;
    width: 80%;
}
.brand-ul ul li{
    list-style-type: disc !important;
    margin-left: -25px;
}
.art-music-title-mar h4{
    font-size: 30px !important;
}
.anthic-table-info table{
margin-top: 50px;   
}
.anthic-table-info table tr td br{
    display: none !important;
}
.anthic-table-info .tablepress tbody tr:first-child td {
    border-top: 0;
    text-align: center !important;
}
.anthic-table-info .tablepress tbody td, .tablepress tfoot th {
    border: 1px solid #333 !important;
    text-align: center !important;
    padding: 15px !important;
}

.anthic-table-info td{
    text-align: center;
    padding: 20px;
}
.anthic-table-info .row-1:hover{
        background: #034ea2 !important;
}
.anthic-table-info .row-1{
    background: #034ea2 !important;
    color: #fff;
    text-align: center;
    padding: 20px;
    height: auto !important;
}
.anthic-table-info .dataTables_scrollHeadInner{
    width: 100% !important;
}
.tablepress.no-footer{
    width: 100% !important;
}
.anthic-table-info .row-1 th{
    background: #034ea2 !important;
    color: #fff;
    text-align: center;
    padding: 20px;
    border: 1px solid #000 !important;
    border-bottom: 0px !important;
}
.anthic-add-para{
    font-size: 20px;
    line-height: 170%;
}
.anthic-addination-info ul{
    margin-top: -20px;
    margin-bottom: 30px;
}
.anthic-addination-info ul li{
    list-style-type: disc !important;
    color: #000 ;
    margin-left: -20px;
}
.athletics-slider .white .sa_owl_theme .owl-nav .owl-prev:hover{
    background-color: #034ea2 !important;
}
.athletics-slider .white .sa_owl_theme .owl-nav .owl-next:hover{
    background-color: #034ea2 !important;
}

.athletics-slider .white .sa_owl_theme .owl-nav .owl-prev {
    background: url(https://www.ismyanmar.com/wp-content/uploads/2020/01/left.png)  no-repeat center center !important;
    margin-left: -100px !important;
    
}
.athletics-slider .white .sa_owl_theme .owl-nav .owl-next {
    background:url(https://www.ismyanmar.com/wp-content/uploads/2020/01/right.png) no-repeat center center !important;
    margin-right: -100px !important;
    background-color: #034ea2;
    
} 

.title-pad{
    padding-top: 70px;
}
.anthic-w100 {
    width: 90% !important;
    float: left;
    margin-top: 30px;
    margin-left: 10%;
}
.anthic-w100 .w20{
    width: 23%;
    float: left ;
    padding: 5px;
}
.athletics-slider{
    margin-top: 70px;
}
.white .sa_owl_theme .owl-nav .owl-next {
    border-radius: 50% !important;
    width: 40px !important;
    height: 40px !important;
    outline: 0;
}
.white .sa_owl_theme .owl-nav .owl-prev {
    border-radius: 50% !important;
    width: 40px !important;
    height: 40px !important;
    outline: 0;
}
.week-slider{
    padding-top: 70px;
    padding-bottom: 30px;
    background: #e0e0e0;
}
.white {
    background: transparent!important;
}
.owl-carousel .owl-item img {
    width: 100%!important;
}
.H_slider{
    position: relative;
}

.week-info ul li{
    list-style-type: disc !important;
}
.week-info{
    margin-top: 50px;
}
.community-gray{
    width: 60%;
    line-height: 140%;
    margin-left: auto;
    margin-right: auto;
}
.community-info h3{
        width: 80%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    padding-bottom: 50px;
    line-height: 140%;
    
}
.community-info ul li{
    list-style-type: disc !important;
    line-height: 200%;
    font-size: 17px;
}
.community-w100 .w20{
    width: 19%;
    float: left;
    padding: 5px;
}
.community-text h4{
    text-transform: uppercase;
    margin-top: 20px;
}
.con-pagerow-margin{
    margin: 70px auto !important;
}
.mv-text{
    margin-bottom: 70px;
}
.img-right{
    float: right;
}
.aligner-long {
       align-items: center;
    justify-content: center;
    margin-top: 90px;
    width: 100%;
    min-height: 24em;
}
.goal-img{
    width: 100%;
}
.block-margin{
    margin: 70px auto !important;
}

.faq-bg {
    background-image: url(https://www.ismyanmar.com/wp-content/uploads/2020/01/faq-banner.jpg);
    background-repeat: no-repeat;
    background-size: 100% auto;
    width: 100%;
    float: left;
    position: relative;
}

.faq-font{
    font-size: 50px;
}
.faq-margin{
    padding-bottom: 70px;
}
.acc-faq .fa{
    font-size: 15px;
}
 h4.faq-h4 {
    color: #034ea2;
    position: relative;
     font-size: 24px;
       font-family: "msb-regular" !important;
     font-weight: bold;
   
} 

.faq{
    box-shadow: 0px 0px 6px rgba(0,0,0,0.2);
    display: inline;
}
.faq .panel p{
    padding-left: 20px;
}
.faq .panel{
    background: #fff !important;
}
 .acc-faq:after {
position: relative;
    right: 25px;
    /* height: 130%; */
    align-items: center;
    display: flex;
    content: '\f067';
    font-family: FontAwesome;
    top: 0;
    margin-top: 10px;
        color: #034ea2;

}
.acc-faq.active:after {
    content: '\f068';
      height: 120%;
    margin-top: 0;
    color: #034ea2;
    
} 
.acc-faq{
       color: #fff !important;
    cursor: pointer;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 20px;
    transition: 0.4s;
    background: #fff !important;
    padding: 20px !important;
}
.team-schedule-info{
    padding-top: 70px;
    padding-bottom: 70px;
}
.team-schedule-info .table th{
    color: #fff;
    padding: 20px;
    text-align: center;
}
.team-schedule-info .table td{
    color: #fff;
        padding: 30px;
    text-align: center;
}
.team-schedule-info h3{
    color: #fff;
    margin-bottom: 30px;
}
.team-schedule-info h1{
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 20px;
    font-size: 50px;
}
.img-calendar img{
    width: 100% !important;
    margin-bottom: 20px;
}
li{
/*      list-style-type: none !important; */
}
.pad-vision{
    padding-top: 70px !important;
}
.strategic-team p{
        margin: 0 0 5px !important;
}
.career-left h4{
 font-family: "mscb";
}
.imgyng-circleone{
        float: right !important;
    width: auto;
    margin-right: -90%;
    display: block;
}
.imgyng-circle{
    width: 230px;
}
.bbi-blue {
    background: #0f2473 !important;
}
.career-yan-bg  {
    background-image: url('https://www.ismyanmar.com/wp-content/uploads/2019/12/living-in-yangon-bg.jpg');
    background-repeat: no-repeat;
    background-size: 100% 100%;
   width: 100%;
    float: left;
    position: relative;
}
.career-bg-blue{
        background-color: #034ea2;
    opacity: 0.9;
width: 100%;
    float: left;
}
.career-yan-info p{
    color: #fff;
    text-align: justify;
}
.career-yan-info h1{
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 20px;
}
.career-yan-info{
    padding-top: 70px;
    padding-bottom: 70px;
}

.career-con-slider{
    height: 700px;
}
.jobpara-margin{
    padding: 25px;
    padding-top: 10px !important;
    text-align: center !important;
}
.job-row-margin{
    margin-top: 70px;
}
.job-bot-hr{
    color: #034ea2;
    width: 120px;
    text-align: center;
    border-top: 1px solid #ddd;
    margin-bottom: 60px !important;
    margin-top: 60px !important;
}

 .job-bgblue ul li:after {
position: relative;
      position: relative;
    float: right;
    right: 9px;
    align-items: center;
    display: inline-block;
    content: '\f061';
    font-family: FontAwesome;
    top: 0;
    margin-top: 10px;
    opacity: 0;
}

.job-bgblue ul li{
    color: #fff;
    margin-left: -25px !important;
    font-size: 18px;
    font-family: "msb-light";
    margin-top: 20px;
}
.job-bgblue hr{
    margin-left: -37px;
}
.job-bgblue h4{
    color: #fff;
    margin-bottom: 20px;
    
    font-family: "msb";
}
.job-bgblue{
    background: #034ea2;
    padding: 40px;
    margin-bottom: 50px;
}
.border-left{
    border-right: 0.5px solid #034ea2;
}
.white-link:hover{
      background: #034ea2  !important;
    color: #fff !important;
}
.ddd{
    color: #ddd;
}
.car-title{
    padding-bottom: 30px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    
}
.career-name{
    font-weight: bold;
    font-size: 20px !important;
}
.career-info{
    margin-left: -30px;
    text-align: justify;
}
.career-icon .fa{
        font-size: 20px;
    color: #fff;
    position: absolute;
    margin-top: 80px !important;
    border: 1px solid #fff;
    padding: 10px;
    border-radius: 50%;
}
.left-icon{
        margin-left: 100px;
}
.right-icon{
    margin-left: 90%;
}
.career-con-slider p{
    color: #fff;
}
.career-con-slider img{
    width: 93px;
}
.career-con-slider .carousel-inner {
    position: relative;
    width: 70%;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    margin-top: 50px;
    padding-bottom: 30px;
}
.section-margin-bottom{
    padding-bottom: 70px;
}
 .accordion:after {
position: relative;
    right: 25px;
    /* height: 130%; */
    align-items: center;
    display: flex;
    content: '\f067';
    font-family: FontAwesome;
    top: 0;
    margin-top: 20px;
}
.accordion.active:after {
    content: '\f068';
      height: 120%;
    margin-top: 0;
    
} 

.career-ques-title{
    margin-bottom: 40px !important;
    text-transform: uppercase;
}
p.career-para {
    margin: 30px auto;
    display: block;
}
.panel {
    padding: 0px 0px;
    margin-top: -2px;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
    background: transparent !important;
        -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0);
}
.career-right img {
    position: absolute;
    float: right !important;
    width: 100%;
}

.career-left {
    width: 100%;
    position: relative;
    float: left;
    display: block;
}

.accordion {
    color: #fff !important;
    cursor: pointer;
    padding: 0;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 20px;
    transition: 0.4s;
    background: transparent !important; 
}
.career-bg {

}
.career-para-info ul li{
    text-align: justify;
    
}
.career-con-slider hr{
    text-align: center;
    width: 15%;
    margin-top: 30px;
}
.career-con-margin{
    margin-bottom: 70px;
}
.career-para-info p{
    text-align: justify;
}
/* CAreer */
.mission-justify hr {
    border-top: 1px solid #999 !important;
    width: 100%;
}

.cara-para {
    text-align: center !important;
}
.acc-justify h4{
    margin-bottom: 20px;
    font-size: 20px;
    font-family: "msb";
}
.acc-justify hr {
    border-top: 1px solid #999 !important;
    width: 100%;
    margin-bottom: 20px;
}
p {
    margin: 0 0 20px;
}
.aff-image-top-adance{
    margin-top: 100px;
}
.archive-single h3{
        font-size: 23px;
    text-align: center;
    padding-bottom: 20px;
    font-weight: bold;
}
/* Navigation */
.con-car4 p{
    font-size: 25px;
    margin-bottom: 30px;
    margin-top: 70px;
    line-height: 150%;
    text-align: center;
}
.mission-justify ul{
    margin-bottom: 38px;
    padding: 0;
}
.mission-justify ul li{
    list-style-type: none;
}
.mission-justify .mar-top{
    margin-top: 40px !important;
}
.mar-bottom{
    margin-bottom: 30px;
}
.campus-blue h3{
    margin-top: 30px;
}
.campus-blue {
    background: #034ea2;
    color: white;
    height: auto;
    float: left;
    padding-left: 40px;
    padding-right: 40px;
    padding-top: 15px;
    padding-bottom: 15px;
}
.border-blue {
    border: 1px solid #034ea2;
    padding: 40px;
}
.border-white{
    border: 1px solid #fff;
    padding: 40px;
}
.right-con-leadership{
    display: block;
}
.img-border-white{
    border: 2px solid #fff;
}
.blue{
    color:#034ea2;
}
.img-border-blue{
    border: 2px solid #034ea2;
}
.con-leadership{
        padding: 13px;
   
}
.leadership-bg-blue p{
    color: #fff;
}
.leadership-bg-blue{
    background: #034ea2 !important;
    margin-top: 10px;   
}
.leadership-bg-grey{
    background: #e0e0e0 !important;
    margin-top: 10px;
}
.leadership-bg-grey p{
    color: #222;
}
.aff-image-top{
    margin-top: 50px !important;
}

.director-name{
    font-weight: bold;
    font-size: 20px;
}
.career-slider-info{
    padding: 60px !important;
}

.slider-four-para{
    font-size: 36px;
    text-align: center;
    line-height: 60px;
/*  padding: 75px; */
}
#carousel1 p{

}
.linkin-pad{
    padding-left: 15px;
}

.fa-quote-left{
    padding-right: 10px;
    color: #999 !important;
}
.fa-quote-right{
    padding-left: 10px; color: #999 !important;


}
/* indicators */
.testimonial-style .carousel-indicators .active {
  background-color: #fff;
  width: 14px;
  height: 14px;
  transition: background 1s cubic-bezier(0.22, 0.61, 0.36, 1);
}
.testimonial-style .carousel-indicators li {
  border: 2px solid #354052;
  background-color: #354052;
}
/* Textimonial CSS Code End */

.carousel-indicators {
    position: relative;
    bottom: 0px !important;
    left: 30% !important;
    z-index: 15;
    width: 100% !important;
    padding-left: 0;
    /* margin-left: -30%; */
    text-align: center;
    list-style: none;
    color: #333;
}
.carousel-indicators li {
    border: 1px solid #333 !important;
}

.carousel-indicators li.active {
    background: #333 !important;
}



.testimonial_control{
    margin-top: 16px;
    text-align: center;
}
.right:hover{
    background: none !important;
}
.left:hover{
    background: none !important;
}
.left{
    border-radius: 0 !important;
}
.right{
    border-radius: 0 !important;
}
.cara-right{
    text-align: center !important;
}
.cara-para{
    font-size: 20px;
    text-align: center ;
    color: #000;
    margin-bottom: 30px;
    margin-top: 10px;
}
#carousel-example-generic{
    margin-top: 20px;
}
.testimonial_para{
    text-align: justify !important;
}
.strategic-team .col-md-2{
    width:20%;
    float: left;
}
.strategic-team{
    margin-top: 50px;
    margin-bottom: 50px;
}
.strategic-team h4{
    margin-bottom: 30px;
}
.con-priority{
    margin-top: 20px;
}
.con-priority p{
    text-align: justify;
    
}
.stragic-priority{
/*  margin-top: 50px; */
}

.mred{
    color: red;
}
.left-goal-para{
    text-align: justify;
}
.goal-right-con  hr{
    width: 70px;
    height: 4px;
    text-align: center;
    margin-top: 30px;
    padding-bottom: 10px;
}
.goal-right-con h3{
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 20px;
}
.goal-right-con p{
    color: #fff;
    text-align: center;
}
.goal-right-con{
    padding: 55px;
}
.right-bg{
    background: #034ea2;
}
ul.gallery-link li a{
    border: 0 !important;
    background: transparent !important;
    color: #333 !important;
}
ul.gallery-link li.active a{
    color: #fff !important;
}
ul.gallery-link li.current-menu-item a {
    color: white;
}

ul.gallery-link li.active{
    background: black !important;
}
ul.gallery-link li {
       display: inline-block;
    list-style: none;
    width: auto;
    border: 1px solid gray;
    margin: auto;
    padding: 3px 5px;
    margin-left: 5px;
}

ul.gallery-link {
       margin: 30px auto 30px auto;
    border: 0!important;
    position: relative;
    margin-left: 40%;
    margin-right: auto;
    text-align: center;
}


.publication h3{
font-size: 23px;
    text-align: center;
    padding-bottom: 20px;
    font-weight: bold;

}
.publication-bg{
    background: #034ea2;
}
.acc-justify p{
    text-align: justify;
}
.mission-justify p{
    text-align: justify;
}
.campus-justify p{
    text-align: justify;
}
.learn-team p{
    text-align: justify;
    margin-top: 20px;
}
.ab-justify p{
    text-align: justify;
}
.happen-text p{
    text-align: justify;
}

.home-info a.white-href {
    width: auto;
    padding: 13px 30px 13px !important;
}

.uppercase{
    text-transform: uppercase;
}
/* div#n2-ss-3 .n2-style-dae72b7c5caac52f8d2dd377e7fe45e3-simple {
    background: #000000;
    background: RGBA(0,0,0,0.67);
    opacity: 1;
    padding: 40px 20px 40px 20px !important;
    box-shadow: none;
    border-width: 0px;
    border-style: solid;
    border-color: #000000;
    border-color: RGBA(0,0,0,1);
    border-radius: 0px;
    background: #333 !important;
    font-size: 30px !important;
} */

.menu-about2-container ul#menu-about2{
        left: -15% !important;
}

#mega-menu-wrap-primary #mega-menu-primary input, #mega-menu-wrap-primary #mega-menu-primary img {
    max-width: 55% !important;
}
.mega-sub-menu {
    background: #e5e5e5 !important;
    margin-top: 23px !important;
    width: 100vw !important;
    overflow: hidden !important;
    right: 0 !important;
    padding: 40px 20px 40px 20px !important;
}
.mega-sub-menu li img{
    margin-left: 40% !important;
    width: 100% !important;
}
.mega-sub-menu li ul{
    overflow: auto !important;
         top: 83px !important;
    left: 25% !important;
    clip: auto !important;
/*      padding: 20px 20px 40px 20px; */
/*     width: 100%; */
/*     max-width: 100%; */
}
#mega-menu-item-nav_menu-8 .mega-block-title {
        width: 250% !important;
}
#mega-menu-item-nav_menu-17 .mega-block-title {
    width: 250% !important;
}
.mega-block-title{
    margin-top: 15px !important;
    margin-left: 21% !important;
    font-size: 16px !important;
    color: #034ea2 !important;
    padding-bottom: 15px !important;
    border-bottom: 2px solid #034ea2 !important;
    text-transform: uppercase !important;
}
.mega-sub-menu li ul li a:hover{
        color: #034ea2 !important;

}
.mega-sub-menu li ul li a {
    /* display: block; */
    font-size: 13px;
    line-height: 15px;
    padding: 0px;
    margin: 11px auto;
    /* font-family: "mscr"; */
    text-transform: capitalize;
    width: 100%;
    /* float: left; */
    display: inline-block;
    font-weight: bold;
    text-transform: uppercase;
}

.gray-bg{
    background: #e5e5e5;
/*  padding-bottom: 70px; */
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
    text-transform: uppercase !important;
    font-weight: bold !important;
}

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:hover, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:focus {
    background:#b8010a;
    font-weight: normal;
    text-decoration: none;
    color: #fff !important;
    text-transform: uppercase !important;
    
}
html{
        overflow-x: hidden !important;
}
body{
    overflow-x: hidden !important;
}
a.blue-href {
    color: #fff;
    padding: 7px 8px 8px 18px;
    line-height: 150%;
    border: 1px solid #034ea2;
    margin: 20px auto 10px auto;
    display: block;
    width: 229px;
    text-align: center;
    float: center;
    background: #034ea2;
}
a.blue-href:hover { 
    background: #fff;
    color: #034ea2;
}

.img-home{
    width: 100%;
    
}
.home-link-margin{
    margin: 10px auto;
}
.w50{
    width: 50%;
    float: left;
}
.home-blue{
    background: #034ea2 !important;
    float: left;
/*  height: 634px; */
}
.home-white{
    width: 100%;
    background: #d7d7d7 !important;
    float: left;
/*  height: 634px; */
}
.home-gray{
    background: #d7d7d7 !important;
    float: left;
/*  height: 634px; */
        margin-top: 70px !important;
    margin: 0;
}
.home-gray p{
    color: #333 !important;
}
.home-white p{
    color: #333 !important;
}
.home-info{
  padding: 100px;
    text-align: center;
}
.home-info p{
    color: #fff;
    text-align: center;
}
#menu-about{
    margin-bottom: 50px;
    margin-right: 30px;
}
.aff-margin h4 {
    color: #034ea2;
    font-size: 20px;
    font-family: "msb";
}
.aff-margin hr {

    border-top: 1px solid #999 !important;
    width: 100%;
}
.aff-margin{
    margin-top: 30px;
}
.ab-address h3{
    color: #034ea2;
    font-size: 20px;
    font-family: "msb";
}
.ab-address{
    margin-top: 30px;
}
h4.before-blue::before {
 
    background: #034ea2 !important;
}

.pub-margin{
/*  margin-bottom: 50px; */
    margin-top: 40px;
}
.down1{
    margin-top: -27px;
}
.sidebar-menu .current-menu-item{
    color: #fff !important;
        background: #05376e;
}
.img-ab{
    margin-top: 40px;
    margin-bottom: 40px;
}
.page-title{
    margin-top: 25%;
    font-weight: bold;
    font-family: "msb";
    color: #034ea2;
    font-size: 46px;
}
.sidebar-menu{
    margin: 0;
    padding: 0;
    margin-bottom: 50px;
}
.sidebar-menu li a{
    color: #fff;
    text-decoration: none;
    padding-left: 10px;
    font-family: "msb";     
}
.sidebar-menu li:hover{
    color: #fff !important;
        background: #05376e;
}
.sidebar-menu li{
list-style: none;
    margin: 0px;
    padding-bottom: 10px;
    border-bottom: 1px solid #fff;
    padding-top: 10px;
    text-transform: capitalize;
    text-decoration: none;
        background: #034b9b;
        padding: 15px;
}

.fa-icon{
    font-size: 35px !important;
    color: #fff !important;
}
.foot-header{
    color: #fff;
}
.footer-info p{
    color: #ddd;
}
.big-title{
    font-size: 25px;
    font-weight: bold;
            font-family: "msb";

}
.ism-glance{
    margin-bottom: 50px !important;
}
.w25 img{
    width: auto;
    height: 150px;
    margin-left: auto;
    margin-right:auto;
    text-align:center;
}
.glance-info{
    padding: 60px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
.glance-text {
    color: #fff !important;
    margin-top: 10px;
}
.bg-blue .glance-info p{
    color: #fff;
}
.bg-red .glance-info p{
    color: #fff;
}
.w100{
    width: 100%;
}
.w25{
    width: 25%;
    float: left;
    box-shadow: 0px 0px 10px rgba(0,0,0,0.16);
}
.bg-blue{
    background: #034ea2;
    height: 340px;
}
.bg-red{
    background: #b8010a;
        height: 340px;

}
.bg-white{
    background: #fff;
        height: 340px;

}
.bg-white .glance-text{
    color: #034ea2;
}
.text-black .glance-text{
    color: #333;
}
.text-red img{
    height: 180px;
    width: 120px;
}

.text-red .glance-text{
    color: #b8010a;
}
.bg-white img{
    color: #000;
}
.contact-margin{
    margin-top: 40px;
}
.mega-sub-menu{
/*  display: none !important; */
}
.down-con p{
    margin: 30px auto;
}
.school-img{
    width: 100%;
    margin-top: 40px;
    margin-bottom: 60px;
}
.teach-bg{
    background: #034ea2;
}
.teach-bg p{
    color: #fff;
}
.teach-bg h2{
    color: #fff;
        margin-top: 50px !important;

}
a.btn-left{
    margin-left: 30px !important;
}


div#n2-ss-2 .n2-style-0588b65a62ff3b43b59317ec64b5611c-dot {
    border-radius: 0px !important;
    margin: 2px !important;
    width: 50px !important;
    color: #000 !important;
}
div#n2-ss-2 .n2-style-0588b65a62ff3b43b59317ec64b5611c-dot.n2-active, div#n2-ss-2 .n2-style-0588b65a62ff3b43b59317ec64b5611c-dot:HOVER {
    background: #fff !important;
}

.ban-title {
    margin: 0em;
    overflow: visible;
    font-size: 25px !important;
    width: 60% !important;
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
    padding: 0px 10px 0px 8px;
}
#mega-menu-wrap-primary #mega-menu-primary > li a {
text-transform: uppercase;
}
img.logo {
    margin-top:15px;
    margin-bottom: 15px;
}
.site-content nav {
    clear: both;
    line-height: 2;
    overflow: hidden;
}
#nav-above {
    padding: 24px 0;
    padding: 1.714285714rem 0;
}
#nav-above {
    display: none;
}
.paged #nav-above {
    display: block;
}
.nav-previous,
.previous-image {
    float: left;
    width: 50%;
}
.nav-next,
.next-image {
    float: right;
    text-align: right;
    width: 50%;
}
.nav-single + .comments-area,
#comment-nav-above {
    margin: 48px 0;
    margin: 3.428571429rem 0;
}

/* Assistive text */
.assistive-text,
.site .screen-reader-text {
    position: absolute !important;
    clip: rect(1px, 1px, 1px, 1px);
    overflow: hidden;
    height: 1px;
    width: 1px;
}
.main-navigation .assistive-text:focus,
.site .screen-reader-text:hover,
.site .screen-reader-text:active,
.site .screen-reader-text:focus {
    background: #fff;
    border: 2px solid #333;
    border-radius: 3px;
    clip: auto !important;
    color: #000;
    display: block;
    font-size: 12px;
    height: auto;
    padding: 12px;
    position: absolute;
    top: 5px;
    left: 5px;
    width: auto;
    z-index: 100000; /* Above WP toolbar */
}



/* Navigation Menu */

.main-navigation {
    margin-top: 30px;
/*     margin-top: 1.714285714rem; */
    text-align: center;
    font-family: "msl";
}
.main-navigation li {
    margin-top: 24px;
    margin-top: 1.714285714rem;
    font-size: 12px;
    font-size: 0.857142857rem;
    line-height: 1.42857143;
}
.main-navigation a {
    color: #5e5e5e;
}
.main-navigation a:hover,
.main-navigation a:focus {
    color: #21759b;
}
.main-navigation ul.nav-menu,
.main-navigation div.nav-menu > ul {
    display: none;
}
.main-navigation ul.nav-menu.toggled-on,
.menu-toggle {
    display: inline-block;
}



/* =Media queries
-------------------------------------------------------------- */

/* Does the same thing as <meta name="viewport" content="width=device-width">,
 * but in the future W3C standard way. -ms- prefix is required for IE10+ to
 * render responsive styling in Windows 8 "snapped" views; IE10+ does not honor
 * the meta tag. See https://core.trac.wordpress.org/ticket/25888.
 */
@-ms-viewport {
    width: device-width;
}
@viewport {
    width: device-width;
}

/* Minimum width of 600 pixels. */

@media screen and (min-width: 600px) {
  .main-navigation ul.nav-menu,
    .main-navigation div.nav-menu > ul {
/*         border-bottom: 1px solid #ededed;
        border-top: 1px solid #ededed; */
        border: 0 !important;
        display: inline-block !important;
        text-align: left;
        width: 100%;
    }
    .main-navigation ul {
        margin: 0;
        text-indent: 0;
    }
    .main-navigation li a,
    .main-navigation li {
        display: inline-block;
        text-decoration: none;
        font-size: 14px;
    }
    .main-navigation li a {
        border-bottom: 0;
        color: #6a6a6a;
        line-height: 3.692307692;
        text-transform: uppercase;
        white-space: nowrap;
    }
    .main-navigation li a:hover,
    .main-navigation li a:focus {
        color: #000;
    }
    .main-navigation li {
        margin: 0 40px 0 0;
        margin: 0 2.857142857rem 0 0;
        position: relative;
        display:block;
    }
    .main-navigation li ul {
        margin: 0;
        padding: 0;
        position: absolute;
        top: 100%;
        z-index: 1;
/*         height: 1px; */
/*         width: 1px; */
        overflow: hidden;
        clip: rect(1px, 1px, 1px, 1px);
    }
    .main-navigation li ul ul {
        top: 0;
        left: 100%;
    }
    .main-navigation ul li:hover > ul,
    .main-navigation ul li:focus > ul,
    .main-navigation .focus > ul {
        border-left: 0;
        clip: inherit;
        overflow: inherit;
        height: inherit;
        width: inherit;
    }
    .main-navigation li ul li a {
        display: block;
        font-size: 12px;
        line-height: 10px;
        padding: 0px;
        margin: 11px auto;
        font-family: "mscr";
        text-transform: capitalize;
        width: 100%;
        float: left;
    }
    .main-navigation li ul li a:hover,
    .main-navigation li ul li a:focus {
        background: #e3e3e3;
        color: #444;
    }
    .main-navigation .current-menu-item > a,
    .main-navigation .current-menu-ancestor > a,
    .main-navigation .current_page_item > a,
    .main-navigation .current_page_ancestor > a {
        color: #636363;
        font-weight: bold;
    }
    .menu-toggle {
        display: none;
    }
  
}


h1.menu-tit {
    font-size: 28px;
    margin-top: 10px;
}
h1.menu-tit:after {
    content: "";
    width: 100%;
    height: 1px;
    background: #034ea2;
    display: block;
    margin:20px auto 10px auto;
}
.googleCalendar{
    position: relative;
    height: auto;
    width: 100%;
}
.c-head {
    background: #034ea2;
    color:white;
    float: left;
    position: relative;
    width: 100%;
    height: auto;
    padding-left:20px;
}
.googleCalendar iframe{
    position: relative;
    top: 0px;
    left: 0;
    width: 100%;
 }
h3.upcom-date {
    font-size: 35px;
    margin: 0px auto 8px auto;
    line-height: 150%;
    padding:0px;
    text-transform: uppercase;
}
h1.upcoming {
    font-size: 17px;
    line-height: 150%;
    margin: 52px auto 20px auto;
    padding: 0px;
}
h2.cam-add {
    font-size: 28px;
}
ul.camp {
    margin-left:0px;
    padding-left:0px;
    list-style: none;
    margin-top: 30px;
}
ul.camp li a {
    color:black;
    line-height: 200%;
}
ul.camp li.current-menu-item a {
    color:#034ea2;
    line-height: 200%;
    font-weight: bold;
}
a {
    cursor: pointer;
}
a:hover {
    text-decoration: none;
}
.grade th {
    background-color:#034ea2;
    color: white;
    text-transform: uppercase;
} 
.grade tr:nth-child(even) {background-color: #d9dadb;}
.grade tr:nth-child(odd) {background-color: #f2f2f2;}
.tit-margin {
    margin-top:40px;
}
.red {
    color: red;
    font-size: 18.5px;
    font-weight: 600;
    display: block;
    margin: 30px auto 0px auto;
}
.gray {
    color:#333;
}
.con-line h2{
    font-size: 20px;
    color:#034ea2;
}
.con-line h2::after {
    content: "";
    width: 100%;
    height: 1px;
    background: #034ea2;
    position: relative;
    display: block;
    margin-bottom: 28px;
    margin-top: 7px;
}
.full-map {
    padding:0px;
    margin:0px;
    position: relative;
    float: left;
}
.cblue-bg {
    background: #034ea2;
    color:white;
    height: 400px;
    float: left;
}
.mblue-bg {
    background: #034ea2;
    color:white;
}
.min-con {
    width: 100%;
    padding: 4% 0%;
    min-height: 400px;
    float: left;
    position: relative;
}
.down-con {
    width: 100%;
    float: left;
    padding:30px 0px;
}
h2.download {
    font-size: 21px;
    line-height: 150%;
    margin: auto auto 30px auto;
    padding:0px;
    color:#034ea2;
}
.contact-bg {
    background: url(https://www.ismyanmar.com/wp-content/uploads/2020/06/hs-bg-1.jpg);
    width: 100%;
/*     padding:3% 0%; */
    float: left;
    position: relative;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
.capt {
    text-transform: uppercase;
}
a.tran-link {
    color: white;
     padding: 13px 7px 13px;
    line-height: 150%;
    border: 1px solid white;
    margin: 10px auto;
    display: block;
    width: auto;
    text-align: center;
    display: inline;
}
a.tran-link:hover {
    color:black;
    background: white;
    border:white;
}
a.tran-link-red {
    color: #b8010a;
    padding: 13px 30px 13px;
    line-height: 150%;
    border: 1px solid #b8010a;
    margin: 10px auto;
    display: block;
    width: auto;
    text-align: center;
    display: inline;
}
a.tran-link-red:hover {
    background: #b8010a;
    color:white;
}
a.tran-link-curri {
    color: #b8010a;
    padding: 13px 42px 13px;
    line-height: 150%;
    border: 1px solid #b8010a;
    margin: 31px auto;
    display: block;
    text-align: center;
    display: block;
    font-size: 29px;
    width: 100%;
}
a.tran-link-curri:hover {
    background: #b8010a;
    color:white;
}
a.tran-link-blue {
    color: #034ea2;
    padding: 13px 42px 13px;
    line-height: 150%;
    border: 1px solid #034ea2;
    margin: 10px auto;
    display: block;
    width: auto;
    text-align: center;
    display: inline;
    cursor: pointer;
}
a.tran-link-blue:hover {
    background: #034ea2;
    color:white;
}
.link-margin {
    margin: 58px auto;
}
.link-margin-thin {
    margin: 30px auto;
}
h3.apply {
    margin-bottom: 31px;
    font-size: 19px;
}
h4.apply::before {
    content: "";
    width: 100px;
    height: 2px;
    background: white;
    position: relative;
    display: block;
    margin-bottom: 8px;
    margin-top: 28px;
}
h4.apply {
    text-transform: uppercase;
    font-weight: bold;
}

.school-cal {
    width: 100%;
    position: relative;
    float: left;
    padding-bottom: 60px;
}
h1.title-about-school {
    margin-top:0px;
    padding-top:0px;
    margin-bottom: 30px;
}
.mar-zero {
    margin-top: 20px;
}
.copyright {
    width: 100%;
    float: left;
    position: relative;
    text-align: center;
    margin:6% auto;
    color: white;
    font-size: 13px;
    line-height: 150%;
}
hr.single-div {
    box-shadow: 1px 1px 2px black;
    margin-top: 0px;
    height: 0px;
}
.copyright a{
    color:white;
}
footer {
    padding: 3% 0% 1% 0%;
/*      padding: 3% 5% 1% 5%; */
    overflow-x: hidden !important;
}
.hotline {
    margin-top: 19px;
}
.gray-bg-contact {
    background: #e0e0e0;
    width: 100%;
    float: left;
}
.gray-bg {
    background: #e0e0e0;
}
.dark-gray-bg {
    background: #cccccc;
    width: 100%;
    float: left;
    position: relative;
}
h2.msb {
    font-size: 20px;
}
h1.title-cal {
    margin:70px auto 40px;
}
h1.title-center {
    display: block;
    margin:100px auto 20px auto;
    width: 100%;
    float: left;
}
.fac-role{
    font-size: 18px;
    margin-bottom: 20px;
    text-align: initial;
    margin-top: 0;
}
.fac-email{
/*  font-size: 18px; */
    text-align: justify;
}
.ab-email{
    bottom: 0 !important;
    position: relative;
    color: #034ea2;
/*  margin-top: 20px; */
    text-align: justify !important;
/*  float: left; */
}
.fac-height {
    width: 100%;
    float: left;
    position: relative;
    background: white;
    color: black;
    text-align: center;
    max-height: 410px;
    box-shadow: 0px 0px 5px rgba(0,0,0,0.5);
    margin: 30px auto;
    padding: 15px 10px;
}
.fac-about {
       min-height: 420px !important;
}
.carousel-control.right , .carousel-control.left {
    background: none;
}
.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev
{
    width: 50px;
}
.carousel-control {
    top: none!important;
    bottom: 0px !important;
    width: 61% !important;
    font-size: 20px;
    background: none!important;
    opacity: 1!important;
    font-size: 50px;
}
.slider-con {
    width: 100%;
    position: relative;
    float: left;
    clear: both;
    padding: 0px 0px 20px 0px;
    margin: 0px auto 20px auto;
}
.arrow-con{
    width: 100%;
    position: relative;
    float: left;
    clear: both;
    padding:0px 0px;
    margin:0px auto;
}
.glyphicon-chevron-left::before {
    content: url(img/left-arrow.png) !important;
}
.glyphicon-chevron-right::before {
    content: url(img/right-arrow.png) !important;
}
h1.fac-tit {
    font-family: "msl";
    font-size: 20px;
    font-weight: bold;
    text-align: justify;
}
.bod {
    font-size: 25px;
    margin: 40px auto 20px auto;
}
.bg-about
{
    background: url(img/ism-bg.jpg);
    color:white;
    text-align: center;
    padding:4% 0%;
}
.page-banner-title {
    text-align: center;
    top: 40%;
    position: absolute;
    color: white;
    font-size: 33px;
    font-family: "msb";
    letter-spacing: 0px;
    display: block;
    clear: both;
    width: 100%;
    z-index: 3;
    line-height: 150%;
}
.banner-img {
    top: 0px;
    position: relative;
/*     float: left; */
    z-index: 3;
    display: block;
    background: black;
    overflow: hidden;
}
.banner-img img {
    width: 200%;
    z-index: -1;
    opacity: 0.5;
}
.white, .white a {
    color:white;
}
.black {
    color:black;
}
.partner-con {
    background: #ebf6ff;
    
}
img.partner-western {
    width: 80%;
     margin: 25% auto 81px auto;
    text-align: bottom;
}
img.partner-one {
    width: 80%;
    margin: 30% auto 81px auto;
    text-align: bottom;
}
img.partner {
    width: 80%;
     margin: 19% auto 81px auto;
    text-align: bottom;
}
.job-box {
    background: white;
    box-shadow: 0px 0px 6px rgba(0,0,0,0.4);
    width: 100%;
    float: left;
    position: relative;
    margin: 30px auto;
}
.job-box img {
    margin:auto;
    width: 100%;
}
.job-text {
    padding: 20px;
}
.full-con {
    width: 100%;
    clear:both;
    min-height: 350px;
}
.bbi {
    background: black;
    width: 100%;
    float: left;
    position: relative;
    margin:15px auto;
    z-index: 1;
}
img.black {
    opacity: 0.5;
    width: 100%;

}
.bbi p {
    padding:0px;
    margin:0px;
}
h4.activity {
    display: block;
    text-align: center;
    margin-top: 36%;
    color: white;
    font-size: 25px;
    text-transform: uppercase;
    position: absolute;
    width: 100%;
    text-align: center;
    z-index: 2;
}
h4.room {
    display: block;
    text-align: center;
    margin-top: 40%;
    color: white;
    font-size: 19px;
/*     text-transform: uppercase; */
    position: absolute;
    width: 100%;
    text-align: center;
    z-index: 2;
}
.commu {
    background: black;
    width: 100%;
    float: left;
    position: relative;
    margin:14px auto;
}
h4.cam-tit {
    display: block;
    text-align: center;
    margin: 127px 25%;
    color: white;
    font-size: 22px;
    text-transform: uppercase;
    position: absolute;
    width: 50%;
    text-align: center;
    border: 2px solid white;
    padding: 10px 10px;
    z-index: 2;
}
h4.commu-tit {
    display: block;
    text-align: center;
    margin: 23% 25%;    
    color: white;
    font-size: 15px;
    text-transform: uppercase;
    position: absolute;
    width: 50%;
    text-align: center;
    border: 2px solid white;
    z-index: 2;
    padding: 9px 15px;
}
.ph-margin {
    margin-top: 20px;
}
footer {
    width: 100%;
    float: left;
    position: relative;
    background: #034ea2;
    display: block;
    clear:both;
}

h1.curri {
    font-size: 25px;
    margin-bottom: 0px;
    padding-bottom: 0px;
}
h1.greet {
    font-size: 25px;
    margin: 44px auto auto auto;
    padding: 0px;
}

img.margin-bod-img 
{
    margin:10px auto;
}
h2.teach {
    font-size: 36px;
    letter-spacing: 1px;
    margin-top: 35px;
    padding-top: 0px;
    margin-bottom: 20px;
}
.bod-name {
    font-size: 24px;
}
.bod-pos { 
    font-size: 20px;
}
.blue-bg {
    color: white;
    padding: 8% 0px;
}
.home .con-margin {
    float: none !important;
}

.con-margin {
    margin: 70px auto;
    width: 100%;
    float: left !important;
    position: relative;
}
.home-career-margin{
   margin: -70px auto !important;
    width: 100%;
    float: left !important;
    position: relative;
}
.home .home-career-margin {
    float: none !important;
}
.con-margin-bottom {
    margin-bottom: 70px;
}
.cal-margin {
    margin:13% auto;
    width: 100%;
    float: left;
    position: relative;
}
body {
    font-family: 'Lato', sans-serif;
    font-size: 14px;
    line-height: 180%;
}
h4.footer-tit {
    margin: 20px auto;
    font-size: 19px;
    height:20px;
}
ul.footer {
    color:white;
    margin-left:0px;
    padding-left:0px;
    text-align: left;
}
ul.footer li {
    list-style: none;
    line-height: 100%;
    font-size: 16px;
    margin: 14px auto;
}
ul.footer li a {
    color: white;
    font-size: 12.5px;
}

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
    display: block;
    background: #333;
    color: #fff;
    font-family: inherit;
    font-size: 10px;
    font-weight: normal;
    padding: 0px 10px 0px 10px;
    line-height: 35px;
    text-decoration: none;
    text-transform: capitalize;
    vertical-align: baseline;
}

a.contact {
    background: #b8010a;
    color: white;
    padding: 7px 18px 8px 18px;
    line-height: 150%;
    margin: 3% 3% 3% 0%;
    border: 1px solid #b8010a;
    display: block;
    width: 48%;
    text-align: center;
    float: left;
}
a.contact:hover {
    background: white;
    color:#b8010a;
    border: 1px solid #fff;
}
h2.add-map {
    font-size: 19px;
    margin-top: 36px;
}
a.plan {
    color: #b8010a;
    padding: 15px 0px;
    line-height: 150%;
    border: 1px solid #b8010a;
    margin: 20px auto;
    display: block;
    width: 100%;
    text-align: center;
    float: left;
    font-size: 13px;
}
a.plan:hover {
    background: #b8010a;
    color:white;
    text-decoration: none;
}
a.community {
    color: white;
    padding: 7px 8px 8px 8px;
    line-height: 150%;
    border: 1px solid white;
    margin: 3% auto 3% auto;
    display: block;
    width: 49%;
    text-align: center;
    float: left;
    font-size: 13px;
}
a.white-link:hover{
      background: white;
    color:#b8010a;
    text-decoration: none;
}
a.community:hover {
    background: white;
    color:#b8010a;
    text-decoration: none;
}
a.white-href {
    color: white;
    padding: 7px 18px 8px 18px;
    line-height: 150%;
    border: 1px solid white;
    margin: 20px auto 10px auto;
    display: block;
    width: 229px;
    text-align: center;
    float: center;
}
a.white-href:hover { 
    background: rgba(255,255,255,0.8);
    color:black;
}
a.calendar {
    color: white;
    padding: 7px 18px 8px 18px;
    line-height: 150%;
    border: 1px solid white;
    margin: 20px auto 10px auto;
    display: block;
    width: auto;
    text-align: center;
    float:left;
}
a.calendar:hover {
    background: white;
    color:black;
}
.top-banner {
    background: #034ea2;
    color:white;
    padding:3px 0px;
    width: 100%;
    float: left;
    position: relative;
    min-height: 40px;
}
a.ban-tit-three {
    border: 1px solid white;
    color: white;
    padding: 7px 16px;
    font-family: "msl";
    margin:0px 10px;
}
a.ban-tit-three:hover {
    background: #b8010a;
    text-decoration: none;
    border: 1px solid #b8010a;
}
.banner-slider {
    color:white;
    text-align: center;
}
.banner-con {
    padding: 20% 0%;
}
img.guid-img {
    margin-bottom:30px;
}
h1.ban-tit-one {
    font-size: 23.5px;
}
h1.guiding {
    font-size: 37px;
    margin: 30px auto 30px auto;
    text-transform: capitalize;
    font-family: "mscb";
    letter-spacing: 1px;
    text-align: left;
}
h2.ban-tit-two {
    font-size: 32px;
    letter-spacing: 1px;
}
.banner-slider .carousel-indicators li ,.banner-slider.carousel-indicators .active{
    display: inline-block;
    width: 27px;
    height: 6px;
    border-radius: 0px;
}
#return-to-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    background: rgb(6, 68, 137);
    background: rgba(3, 78, 164, 0.7);
    width: 40px;
    height: 40px;
    display: block;
    text-decoration: none;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    display: none;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border:5px solid rgba(255,255,255,0.5);
}
#return-to-top i {
    color: #fff;
    margin: 0;
    position: relative;
    left: 6px;
    top: 0px;
    font-size: 19px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#return-to-top:hover {
    background: rgba(0, 0, 0, 0.9);
}
#return-to-top:hover i {
    color: #fff;
    top: 5px;
}
h1.contact-us-title {
    font-size: 30px;
    font-family: "oneof";
}
.contact {
    margin:30px auto;
    font-family: "Lato";
}
.contact textarea {
    height: 100px;
}
.contact input[type="text"], .contact input[type="email"], .contact input[type="tel"], .contact textarea, .wpcf7-form textarea {
    width: 100% !important;
    background: transparent;
    border: 1px solid white;
    padding: 10px;
    margin-bottom: 20px;
}
.contact input[type="text"], .contact input[type="email"], .contact input[type="tel"], .contact textarea, .wpcf7-form textarea {
    width: 100% !important;
    background: transparent;
    border: 1px solid white;
    padding: 5px;
    margin-bottom: 13px;
    font-family: "Lato";
}
.contact input[type="submit"] {
    width: 154px;
    background: transparent;
    border: 0px;
    padding: 7px;
    color: white;
    margin-top: -4px;
    margin-bottom: 20px;
    border: 1px solid white;
    float: right;
}
.contact input[type="submit"]:hover {
    background: rgba(255,255,255,0.4);
}
a.more-link {
    background: #034ea2;
    color: white;
    width: 100%;
    padding: 10px 0px;
    text-align: center;
    display: block;
}
a.more-link:hover{
    background: #01428b;
    color: white;
    text-decoration: none;
}

.pagination {
    width: 100%;
    float: left;
    position: relative;
}
.page-numbers
{
    background:#212121;
    padding:3px 8px;
    color:white;
}
.page-numbers.current {
    color:gray;
}
.mblue {
    color:#034ea2;
}
.seven {
    width: 100%;
    float: left;
    position: relative;
}
@font-face {
    src:url(fonts/DINBold.ttf);
    font-family: "mscr";
}
@font-face {
    src:url(fonts/DINPro-Bold.ttf);
    font-family: "msb";
}
@font-face {
    src:url(fonts/DINRegularAlternate.ttf);
    font-family: "msl";
}
@font-face {
    src:url(fonts/DINRegularAlternate.ttf);
    font-family: "msc";
}
@font-face {
    src:url(fonts/DINBold.ttf);
    font-family: "mscb";
}

@font-face {
    src:url(fonts/DINPro-Regular.ttf);
    font-family: "msb-regular";
}
@font-face {
    src:url(fonts/DINPro-Light.ttf);
    font-family: "msb-light";
}

.msb {
    font-family: "msb";
}
.msl {
    font-family: "msl";
}
.msc {
    font-family: "msc";
}
.banner-high {
    width: 100%;
    margin: 10% auto 13% auto;
    float: left;
    padding:10px;
    position: relative;
    display: block;
}
.banner-con {
    background: url(img/banner-bg.jpg) no-repeat ;
    width: 100%;
    position: relative;
    float: left;
    text-align: center;
    padding: 18% 0px;
    display: block;
    -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.banner-text {
    position: relative;
    margin: auto auto 26% auto;
    line-height: 200%;
    color: white;
}
    h1.banner-intro {
    font-size: 50px;
}
img.custom-logo {
    width: 100%;
    height: auto;
}
a.rental {
    color: white;
    background: #38ba73;
    padding: 9px 10px;
    font-size: 14px;
    text-transform: capitalize;
    display: inline;
    position: relative;
}
a.rental:hover {
    color: #38ba73;
    background: white;
    text-decoration: none;
}

.menu-list a {
    width: 100%;
    float: left;
}
@media screen and (min-width: 360px) {

}
@media screen and (min-width: 600px) {
    
}

@media screen and (min-width: 720px) {
    
    .seven {
    width: 14.285714%;
    padding-right: 4%;
    }
    a.contact {
     margin: 10px auto 10px 10px;
    width: 114px;
    float:right;
    }
    a.community {
    width: 158px;
    margin: 10px auto 10px 10px;
    float:right;
    }
    .page-banner-title
    {
    font-size: 80px;
/*     top: 43%; */
    }
    h1.greet {
    margin: 0px auto auto auto;
    }
    .copyright {
    margin: 3% auto 1% auto;
    }
    a.tran-link {
    padding: 13px 42px 13px;
    }
    h2.download {
    font-size: 30px;
    margin: auto auto auto auto;
        padding-top: 20px;
        text-transform: uppercase;
        font-weight: bold;
    }
    .banner-img img {
        width: 100%;
    }
    .mar-zero {
    margin-top: -10px;
    }
    h4.commu-tit {
    margin: 113px 25%;
    font-size: 18px;
    }
    .ph-margin {
    margin-top: 0px;
    }
    .carousel-control {
    width: 90% !important;
    }
    h2.ban-tit-two {
    font-size: 39px;
    letter-spacing: 3px;
    }
    .banner-slider .carousel-indicators li ,.banner-slider.carousel-indicators .active{
    width: 47px
    }
    h1.ban-tit-one {
    font-size: 30.5px;
    }
    h2.teach
    {
    margin-top: 0px;
    }
    h4.activity
    {
    font-size: 24px;
    }
    h1.guiding {
    margin: -10px auto 30px auto;
    }
}



@media (min-width: 320px) and (max-width: 767px) {
    
        .english-lan-support .mv-text {
    width: 100%;
    }
    .desktop-apply{
    display: none;
    }
.mobile-apply{
    display: block;
    }
    
    .admissionoverview_info {
    width: 100%;
    }
    h1.title-center {
    font-size: 30px !important;
    }
    .faq-font {
    font-size: 30px;
    }
    .contact-bg {
   
    padding-bottom: 70px !important;
    }
    .assessment-effective-info ul li {
    margin-left: -20px;
    }
    .assessment-effective-info ul {
    margin-bottom: 20px !important;
    }
    .assessmnt-info br{
        display: none;
    }
        .assessmnt-info .career-left h4 {
font-size: 17px;
    }
    .assessmnt-info .accordion:after {
    right: 5px;

    }

    
    .learning-principle-info {
    width: 100%;
    }
    .learning-component .bbi {
    height: 57vh;
    }
    .learning-component img.black {
    height: 57vh !important;
    }
    .learning-framework-h5  h1.title-center {
    padding-bottom: 20px;
    }
    .learning-framework-h5 .pta-committee-para {
    padding-bottom: 20px !important;
            margin-left: 0% !important;
    }
.learning-framework-h5 br{
        display: none;
    }
    .learning-component a.community {
    margin: 0px auto 10px 10px;
    margin-right: 20%;
    }
    .learning-component .room {
    font-size: 14px;
    }
    .learning-component .room h4 {
    font-size: 20px !important;
    }
    .learning-component .room li {
    line-height: 28px;
        margin-left: -20px;
    }
    
    .community-text br{
        display: none;
    }
    .anthic-w100 .w20 {
    width: 100%;
 
    }
    .anthic-w100 {
    width: 100% !important;
    margin-left: 0%;
    }
    
    .community-gray {
    width: 100%;
    }
    .community-info h3 {
    width: 100%;
    }
    .community-text h4 {
   
    margin-bottom: 40px;
    }
    .community-w100 .w20 {
    width: 100%;
    
    }
    
    .faq-bg {
    background-size: auto;
  
}
    .pta-bg-black {
    opacity: 1;
   
    }
    .studio-mobile-on{
    display: block;
    }
    .studio-mobile-off{
    display: none;
    }
    .studio-info .aligner-long p {
    width: 100%;
    }
    .studio-info .aligner-long {
    margin-left: 0px;
    }
    .brand-para {
    width: 100%;
    }
    
    .faq-font {
    font-size: 32px;
    }
    .w50-small-mar {
    width: 100%;
    }
    
    .art-info .art-music-title-mar h4 {
/*     font-size: 24px !important; */
    }
    .art-info  .community-text h4 {
        margin-bottom: 40px !important;
    }
    .art-info br{
        display: none !important;
    }
    
    .acc-faq .fa {
    font-size: 13px;
    }
    h4.faq-h4 {
    font-size: 18px;
    }
    
    .team-schedule-info {
    padding-top: 30px;
    padding-bottom: 30px;
    }
    .con-pagerow-margin{
    margin: 30px auto !important;
    }
    
    .mv-text{
    margin-bottom: 30px;
    }
    .aligner-long {
  
    margin-top: 0px;
        min-height: auto;
    }
    .n2-ss-control-bullet {
        display: none !important;
    }
    .pub-margin {
    margin-top: 80px;
    }
    .career-slider-info {
    padding: 15px !important;
    }
    .w25 {
    width: 100%;
    float: left;
    box-shadow: 0px 0px 10px rgba(0,0,0,0.16);
    }
    .home-info {
    padding: 15px;
    }
    .w50 {
    width: 100%;
    float: left;
    }
    .imgyng-circleone {
    float: left !important;
    width: 100%;
    margin-right: 0;
    }
    .career-yan-info {
    padding-top: 30px;
    padding-bottom: 30px;
    }
    
    .job-bgblue ul li:after {
    right: 0px;
    margin-top: 10px;
    }
    .job-bgblue ul li {
    margin-left: -40px !important;
    font-size: 15px;
    }
    .job-bgblue {
    padding: 20px;
            margin-bottom: 20px;
    }
    .section-margin-bottom {
    padding-bottom: 30px;
    }
    .jobpara-margin {
    padding: 15px;
    }
    .border-left {
    border-right: none;
    }
    .car-title {
    padding-bottom: 0px;

    }
    
    .career-con-margin {
    margin-bottom: 30px;
    }
    h1.title-center {
    margin: 30px auto 20px auto;
  
    }
    
    .aff-image-top img{
        width: 100%;
    }
    .aff-margin img{
        width: 100%;
    }
    .aff-image-top {
    margin-top: 10px !important;
    }
    .aff-image-top-adance {
    margin-top: 10px;
    }
    .campus-blue {
    padding-left: 15px;
    padding-right: 15px;

    }
    .goal-right-con {
    padding: 15px;
    }
    .border-blue {
    padding: 15px;
    }
    .border-white {
    padding: 15px;
    }
    h2.teach {
    margin-top: auto;
  
    }
    .con-margin {
    margin: 30px auto;
    }
    .page-banner-title {
    top: 25%;
   
    font-size: 30px;
  
    line-height: 120%;
    }
    
    .career-con-slider h1 br{
    display: none;
    }
    .strategic-team .col-md-2{
    width:50%;
    float: left;
    }
    .right-bg {
    margin-top: 20px;
    }
    .con-pagerow-margin br{
        display: none;
    }
    
}


@media (min-width: 768px) and (max-width: 991px) {
    
    .english-lan-support .mv-text {
    width: 100%;
    }
    
    .desktop-apply{
    display: none;
    }
.mobile-apply{
    display: block;
    }
    
    .admissionoverview_info {
    width: 100%;
    }
    
        .ms-margin .w50-pull-6 {
    left: 0%;
    float: right;
    }
    .ms-margin .w50-push-6 {
    left: 0%;
    }
    
    .assessment-effective-info ul li {
    font-size: 16px;
    line-height: 32px;
    }
    
    .learning-principle-info {
    width: 100%;
    }
    
    .learning-component .room h4 {
    text-transform: uppercase;
     padding-bottom: 0px;
    font-size: 19px !important;
    }
    
    
    .learning-component .room {
    font-size: 14px;
    
    }
    .learning-component .w50-small-mar {
    width: 48%;
    margin: 1px;
    }
    .learning-component .art-info .art-music-title-mar h4 {
    font-size: 18px !important;
    }
    .learning-component .room li {
    line-height: 25px;
    }
    .learning-component a.community {
    margin: 5px auto 10px 10px;
    margin-right: 20%;
    }
    
    .anthic-w100 .w20 {
    width: 25%;
    }
    .anthic-w100 {
    width: 100% !important;
    margin-left: 0%;
    }
    
    .community-w100 .w20 {
    width: 33%;
    }
    
    .pta-bg {
    background-size: 100% 100%;
  
    }
    
    .studio-info .aligner-long p {
    width: 100%;
    }
    .studio-info .aligner-long {
    margin-left: 0px !important;
        margin-top: 0px !important;
    }
    
    .brand-para {
    width: 100%;
    }
    
    .faq-font {
    font-size: 36px;
    }
    .w50-small-mar {
    width: 48%;
    
    }
    .art-info .art-music-title-mar h4 {
    font-size: 24px;
    }
    
    .learning-component .art-info .art-music-title-mar h4 {
    font-size: 18px !important;
    }
    .art-info  .community-text h4 {
    font-size: 14px !important;
    }
    
    .art-info br{
        display: none !important;
    }
    
    .con-pagerow-margin br{
        display: none;
    }
        .con-pagerow-margin{
    margin: 30px auto !important;
    }
        .col6-pull-6 {
    left: 0%;
    float: right;
}
.col6-push-6 {
    left: 0%;
}
    
    .aligner-long {
      margin-top: 60px;
  
    }
    
    .imgyng-circleone {
    float: left !important;
    margin-right: 0;
    }
    
    .aff-image-top-adance {
    margin-top: 20px;
    }
    
    .career-info {
    margin-left: 0px;
    }
    .career-con-slider h1 br{
    display: none;
    }
    .career-con-slider {
    height: 800px;
    }
    
    .con-priority p {
    text-align: left;
    }
    
    .right-bg {
    margin-top: 20px;
    }
    
    .page-banner-title {
    top: 26%;
   font-size: 45px;
    }
    .mega-sub-menu li img {
    margin-left: 10% !important;
    width: 100% !important;
    }
    #mega-menu-primary input, #mega-menu-wrap-primary #mega-menu-primary img {
    max-width: 70% !important;
    }
    #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu {
    width: 100%;
    max-width: 100vw;
    left: auto;
    right: 0;
    top: 24px;
    }
    
    .w50-push-6 {
    left: 0%;
    }

    .w50-pull-6 {
    right: 0%;
    }
    
    .home-info {
    padding: 50px;
    }
    
    .w25 {
    width: 50%;
    }
    .w50 {
    width: 100%;
    }
    .main-navigation {
    margin-top: 10px ;
    }
    #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
    font-size: 12px ;
    }
}
@media (min-width: 992px){
    
    .ms-margin .w50-pull-6 {
    left: 0%;
    float: right;
    }
    .ms-margin .w50-push-6 {
    left: 0%;
    }
    
    .col6-pull-6 {
    left: 0%;
    float: right;
}
.col6-push-6 {
    left: 0%;
}
    .w50-pull-6 {
    left: 50%;
    float: right;
    }
    .w50-push-6 {
    left: -50%;
    }
        .main-navigation {
    margin-top: 30px;
    }
    #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
    font-size: 14.5px !important;
    }
}
@media (min-width: 992px)  {

    .desktop-apply{
    display: block;
    }
.mobile-apply{
    display: none;
    }
}
@media (min-width: 960px) and (max-width: 991px) {
    

    
    .page-banner-title {
    top: 40%;
    font-size: 45px;
    }
    
    .aligner-long {
      margin-top: 60px;
  
    }
    .mega-sub-menu li ul {
    top: 60px !important;
    left: 0% !important;
    
    }
    .mega-block-title {
    margin-top: 0px !important;
    margin-left: -7% !important;
    }
    .main-navigation li ul li a {
    font-size: 12px;
    line-height: 120%;
    }
        .mega-sub-menu li img {
    margin-left: 20% !important;
    width: 100% !important;
    }
    #mega-menu-wrap-primary #mega-menu-primary input, #mega-menu-wrap-primary #mega-menu-primary img {
    max-width: 60% !important;
    }
        .mega-sub-menu {
    margin-left: -89% !important;
    margin-top: 35px !important;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .w50-small-mar {
    margin: 3px;
    }
    .learning-component a.community {
    margin: 15px auto 10px 10px;
        margin-right: 20% !important;
  
    }

    
/*  Learning Page Css */
    .page-banner-title {
    top: 45%;
    font-size: 65px;
    line-height: 120%;
    }
    
    .w25 img {
    width: auto;
    height: auto;
    }
    #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
    font-size: 12.5px !important;
    }
        .mega-sub-menu li img {
    margin-left: 10% !important;
    width: 100% !important;
    }
    #mega-menu-wrap-primary #mega-menu-primary input, #mega-menu-wrap-primary #mega-menu-primary img {
    max-width: 80% !important;
    }
        .mega-sub-menu {
    margin-left: -89% !important;
    margin-top: 12px !important;
                padding: 20px 20px 60px 20px !important;
    }
    
    
        .career-slider-info .carousel-inner{
        height: 280px;
    }
    .career-slider-info .carousel-inner p{
        margin: 0;
    }
    .cara-para {
        font-size: 16px;
    }
    .cara-para {
      margin-bottom: 0px;
    margin-top: 0px;
    }
    .img-home {
    width: 100%;
    height: 488px;
    }
    
    .career-slider-info {
    padding: 8px !important;
    }
    
    .home-info {
    padding: 16px;
    }
}
@media (min-width: 1200px){




.es-top img{
width: 235px;
}

.role-top{
margin-top: 120px;
}
    .simcal-default-calendar-list .simcal-calendar-head {
    padding-bottom: 50px!important;
    }
    .vm-slo-con h4{
    font-size: 24px !important;
}
.vm-slo-con li{
    margin-left: -20px !important;
    font-size: 16px !important;
    line-height: 35px;
}
    
    .mega-sub-menu li img {
    margin-left: 10% !important;
    width: 100% !important;
    }
    #mega-menu-wrap-primary #mega-menu-primary input, #mega-menu-wrap-primary #mega-menu-primary img {
    max-width: 80% !important;
    }
    
    
        .career-slider-info .carousel-inner{
        height: 250px;
    }
    
    .cara-para {
    margin-bottom: 0px;
    }
    .car-btn{
        margin: 0;
    }
    .career-slider-info {
    padding: 15px !important;
    }
    .home-info {
    padding: 50px;
/*  padding-top: 120px; */
    }
    .mega-sub-menu {
    margin-left: -87% !important;
    }
}

@media (min-width: 1280px){
    
    .home-info {
    padding: 80px;
/*  padding-top: 120px; */
    }
    #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu {
/*     left: 0px; */
    } 
    
    .career-slider-info {
    padding: 30px !important;
    }
    .cara-para {
    margin-bottom: 15px;
    }
    

}
@media (min-width: 1300px){
    
    .page-banner-title {
    top: 35%;
    }
    
        .mega-sub-menu li img {
    margin-left: 9% !important;
    }
    #mega-menu-wrap-primary #mega-menu-primary input, #mega-menu-wrap-primary #mega-menu-primary img {
    max-width: 75% !important;
    }
        .career-slider-info .carousel-inner{
        height: 250px;
    }
    .cara-para {
    margin-bottom: 20px;
    }
.mega-sub-menu {
    margin-left: -87% !important;
}
}


@media (min-width: 1380px){
    .page-banner-title {
    top: 35%;
    }
}
@media (min-width: 1400px){
    
    .page-banner-title {
    top: 40%;
    }
    
    .vm-slo-con h4{
    font-size: 24px !important;
}
.vm-slo-con li{
    margin-left: -20px !important;
    font-size: 16px !important;
    line-height: 35px;
}
        .mega-sub-menu li img {
    margin-left: 14% !important;
    }
        .career-slider-info .carousel-inner{
        height: 250px;
    }
    .career-slider-info {
    padding: 50px !important;
    }
    .mega-sub-menu {
 
    margin-left: -86.5% !important;
            margin-top: 34px !important;
    }
}
@media (min-width: 1500px){
    
    .page-banner-title {
    top: 45%;
    }
    
    .mega-sub-menu li img {
    margin-left: 10% !important;
    }
    #mega-menu-wrap-primary #mega-menu-primary input, #mega-menu-wrap-primary #mega-menu-primary img {
    max-width: 65% !important;
    }
    
    .menu-about2-container ul#menu-about2 {
    left: -13% !important;
    }
    
    .home-info{
        padding-top: 120px;
    }
        .career-slider-info .carousel-inner{
        height: 260px;
    }
    
        .imgyng-circleone {
    float: right !important;
    width: auto;
    margin-right: -110%;
    display: block;
    }
    .imgyng-circle {
    width: 230px;
    /* float: left; */
    position: absolute;
    top: 100%;
    display: block;
    left: 20%;
    }
    
    .career-slider-info {
    padding: 60px !important;
    }
    
    .car-btn{
        margin-top: 20px;
    }
    .cara-para {
    margin-bottom: 25px;
    margin-top: 10px;
    }
.mega-sub-menu {
  
    margin-left: -86.5% !important;
        margin-top: 40px !important;

}
}
@media (min-width: 1600px){
.role-top{
margin-top: 120px;
}
    
    .simcal-default-calendar-list .simcal-calendar-head {
    padding-bottom: 65px!important;
        position: relative;
    }
    
    .page-banner-title {
    top: 45%;
    }
    
    .vm-slo-con h4{
    font-size: 24px !important;
}
.vm-slo-con li{
    margin-left: -20px !important;
    font-size: 17px !important;
    line-height: 35px;
}
    
    .mega-sub-menu li img {
    margin-left: 10% !important;
    }
    #mega-menu-wrap-primary #mega-menu-primary input, #mega-menu-wrap-primary #mega-menu-primary img {
    max-width: 75% !important;
    }
    
    .imgyng-circleone {
    float: right !important;
    width: auto;
    margin-right: -140%;
    display: block;
    }
    .imgyng-circle {
    width: 230px;
    /* float: left; */
    position: absolute;
    top: 100%;
    display: block;
    left: 55%;
    }
.mega-sub-menu{
        margin-left: -86% !important;
}
}
@media (min-width: 1700px){

.es-top-margin{
margin-top: 120px;
}
    
        .goal-right-con {
    padding: 119px;
    }
    .mega-sub-menu li img {
    margin-left: 10% !important;
    }
    .imgyng-circleone {
    float: right !important;
    width: auto;
    margin-right: -60%;
    display: block;
    }
    .imgyng-circle {
       width: 230px;
    /* float: left; */
    position: absolute;
    top: 100%;
    display: block;
    left: 30%;
    }
.mega-sub-menu {
    margin-left: -86% !important;
 
}
}
@media (min-width: 1800px){
    
    
    .mega-sub-menu li img {
    margin-left: 10% !important;
    }
    .imgyng-circleone {
    float: right !important;
    width: auto;
    margin-right: -80%;
    display: block;
    }
    .imgyng-circle {
    width: 230px;
    /* float: left; */
    position: absolute;
    top: 100%;
    display: block;
    left: 30%;
    }
    .mega-sub-menu {
    margin-left: -86% !important;
    }
    .home-info {
    padding: 180px !important;
    }
    .career-slider-info {
    padding: 120px !important;
    }

}
@media (min-width: 1700px){
    
    .container{
        width: 1500px;
    }
}
@media (min-width: 1900px){

.role-top{
margin-top: 100px;
}
    
    .goal-right-con {
    padding: 119px;
    }
    .simcal-calendar-head h3{
        padding-top: 0px !important;
    }
    .simcal-default-calendar-list .simcal-calendar-head {
 
    padding-bottom: 65px!important;
    }
    
    .page-banner-title {
    top: 45%;
    }
    

    #mega-menu-wrap-primary #mega-menu-primary input, #mega-menu-wrap-primary #mega-menu-primary img {
    max-width: 80% !important;
    }
        .mega-sub-menu li img {
    margin-left: 10% !important;
    }
    .career-slider-info {
    padding: 120px !important;
    }
    
    .imgyng-circleone {
    float: right !important;
    width: auto;
    margin-right: -90%;
    display: block;
    }
    .imgyng-circle {
    width: 230px;
    /* float: left; */
    position: absolute;
    top: 100%;
    display: block;
    left: 30%;
    }
    
    .mega-sub-menu {
    margin-top: 44px !important;
    margin-left: -85% !important;
  
}

}