@media  screen and (max-width: 1024px){
.menu{width: 430px; margin-left: 0;}
.form-section{right: 2%;width: 21%;}
.top-headerleft{width: 285px;margin-top: 10px;}
.top-headerleft span{font-size: 16px;line-height: 20px;}
.ee{float:none;margin:0 auto;}
.ee img{    margin-bottom: 10px;}
.nn{width:100%;text-align:center;}
}




@media  screen and (max-width: 900px){
    
    .top-headerleft {
    width: 232px;
    }
    
    .top-headerleft span{font-size: 13px;line-height: 20px;}

.nbs-flexisel-inner{
overflow: hidden;
    float: none;
    width: 80% !important;
    margin: 0 auto;
    display: block;
    margin-top: 0px;}




.slider-section{height:250px;margin-top: 0px;display: inherit;
    width: 100%;}
.phoenix-slider{height: 250px !important;width:100%;}
.phoenix-slider .phoenix-feather{height:250px;min-height: 250px;background-position: center;}


.header{display: block; position: relative; height: auto;}




.form-section{
    width: 100%;
    height: auto;
    float: left;   
    position: relative;
    z-index: 1000;   
    right: 0;
}

.wrapper {
    max-width: 95%;
    width: 95%;
    margin: 0 auto;
    float:none;
    display:block;
    
}

.course-block-section{padding: 25px 0;     background-position-y: -25px;}


.course-box-sect {
    width: 100%;     margin-bottom: 20px;}


  .course-blog, .course-blog2   {
   
    width: 100%;
    height: auto;
    padding-bottom: 10px;
    float: left;
    position: relative;
    margin-right: 25px;
    cursor: pointer;
}
#navbtns{bottom: -30px;}
.association-block{
    display: block;
    width: 100%;
    float: left;
    position: relative;
    background: none; height: auto;
    padding-bottom: 25px;}

    .other-Collaborations-block {
    width: 100%;
    height: auto;
    float: left;
    margin: 0;
    padding: 0;
    background: none;
    padding: 0;
    text-align: center;
}

.other-Collaborations-block h3 {
     color: #fff;
    margin-bottom: 5px;
    text-align: left;
    margin-top: 10px;
}

.association-text-block p{
    padding-right: 0;
    padding-bottom: 20px;
}

.other-Collaborations-block img {
    width: 120px;
   margin-right: 1%;
}


.association-text-block{
    padding: 25px 0;
    width: 100%;text-align: center;
    padding-bottom: 0}

.association-text-block img{    width: 120px;
    margin-right: 1%;}

.association-block-section{height: auto;}

.campus-block-section{padding: 25px 0;}

.why-choose{margin: 10px 0 0 0;}
.why-choose-box {
    width: 100%;
    height: auto;
    margin: 0;
    float: left;
    margin-right: 0;
    margin-bottom: 25px;
}

.span1{width: 100%;}


.about-block-section {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 30px 0;
    float: left;
   background-size: cover;
    background-position: center center;
}

.form-div-block{border: none; border-radius: 0px;width:100%;padding: 30px;height:auto;}

.about-right-block {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    float: left;
}

.contact-block-section{padding: 25px 0;}

.contact-block-sect {
    width: 100%;
}


.contact-block-sect2 {
    width: 90%;
    float: left;
    margin-top: 25px;
}


.lower-foot{font-size: 10px;line-height: 17px;}

h1, h2 {
       font-size: 25px;
    line-height: 26px;
}

.association-text-block h1 {
   font-size: 20px;
    text-align: left;
    line-height: 20px;
}


.association-text-block h3 {
    color: #fff;
    margin-bottom: 10px;
    text-align: left;
}

h3, h4, h5, h6 {
    font-size: 19px;
    line-height: 24px;
}


.contact-block-sect h3{font-size: 17px;}
body{overflow-x: hidden; font-size: 11px;}

.course-blog p, .course-blog3 p {
    
    height: auto;
    position: relative;
    padding-bottom: 0px;
}


.course-blog h5, .course-blog2 h5{height: auto; padding: 5%;     font-size: 11px;
    line-height: 16px;}


.form-div-block h2{font-size: 20px;}

.top-h p {
    font-size: 10px;
    text-align: center;
    width: 100%;
    line-height: 13px;
}


.light-line {
    width: 50px;
    height: 1px;
    float: left;
    margin: 5%;
    padding: 0;
    background: #D2D1D1;
}


.top-h {
    width: 100%;
    height: auto;
    float: left;
    margin: 0;
    background: #656565;
    padding: 5px 0;
}



.top-h p img{display: none;}

.logo {
    /*width: 100%;*/
    margin: 0px auto;
    display: block;
}


.logo img {
    width:50px;
    margin: 8px auto;
    float: none;
    display: block;
}

.top-headerleft{
    /*width: 100%;*/margin-bottom: 5px;
}

.h3{font-size: 20px !important;}

.menu{display: none;}


.ex-icon-icon img {
    
    height: auto;
    margin: 0px auto;
    display: block;
    padding: 0;
}


.ex-icon-icon {
    width: 40%;
    height: auto;
    
}


.second-wrap {
    width: 100%;
    margin: 0;
    float: left;
}

.maxcarousel{
    height: 272px;   
}

.maxcarousel__inner > ul li{
    width: 250px;
}

.ee{float:none;margin:0 auto;}
.ee img{    margin-bottom: 10px;}
.nn{width:100%;text-align:center;}

}