@media screen and (max-width: 500px) {
    /*info*/
    section.info {
        width: 100%;
        overflow: auto;
        padding: 30px 0;
        font-family: 'Open Sans', sans-serif;
    }
    section.info .wrap {
        margin: 0 auto;
        width: 90%;
        overflow: auto;
        max-width: 1200px;
    }
    /*info side*/
    section.info .wrap .side {
        width: 100%;
        margin: 0 auto;
        font-family: 'Open Sans', sans-serif;
    }
    section.info .wrap .side ul {
        margin: 0 0 20px 0;
        padding: 0;
    }
    section.info .wrap .side ul li {
        list-style-type: none;
    }
    section.info .wrap .side ul li.hd a {
        background-color: #730c27;
        text-align: center;
        font-weight: bold;
        font-size: 15px;
        padding: 8px 10px;
    }
    section.info .wrap .side ul li a {
        text-decoration: none;
        font-size: 14px;
        color: white;
        padding: 6px 10px;
        display: block;
        border: solid #757575;
        border-width: 0 1px 1px 1px;
        background-color: gray;
    }
    section.info .wrap .side ul li:last-of-type a {
        padding-bottom: 15px;
    }
    /*info data*/
    section.info .wrap .info {
        width: 100%;
        margin: 0 auto;
        font-family: 'Open Sans', sans-serif;
    }
    section.info .wrap .info h1 {
        font-size: 30px;
        margin-top: 0;
    }
    section.info .wrap .info p {}
    /*testimonies*/
    section.info .tstmny_hd {
        font-size: 45px !important;
        text-align: center;
        box-sizing: border-box;
        padding: 0 20px;
        margin: 0;
    }
    section.info .tstmny_p {
        font-size: 20px;
        text-align: center;
        box-sizing: border-box;
        padding: 0 20px;
    }
    section.info .testimony {
        width: 100%;
        box-sizing: border-box;
        padding: 10px;
        overflow: auto;
    }
    section.info .testimony .inner {
        width: 100%;
        height: 100%;
        background-color: white;
        overflow: auto;
        box-sizing: border-box;
        padding: 20px;
        -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
        -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
        box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
        border-radius: 20px;
    }
    section.info .testimony .heading {
        font-size: 20px;
        margin: 0 0 10px 0;
    }
    section.info .testimony .comment {
        font-size: 14px;
    }
    section.info .testimony .name {
        font-size: 12px;
        margin: 20px 0 4px 0;
        color: #730c27;
        font-weight: bold;
    }
    section.info .testimony .job {
        font-size: 12px;
        margin: 4px 0;
        color: #730c27;
    }
    /*right side*/
    section.info .wrap #rt_side {
        width: 100%;
        margin: 0 auto;
    }
    section.info .wrap #rt_side ul {
        border: solid #757575;
        border-width: 1px 0 0 0;
    }
    section.info .wrap #rt_side li.rt_hd a {
        background-color: #ffae00;
    }
    section.info .wrap #rt_side li.image {
        background-image: url(images/courses_asti_about_bg.jpg);
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        height: 120px;
        border: solid #757575;
        border-width: 0 1px 0 1px;
    }
    section.info .wrap #rt_side li a {
        font-size: 14px;
        color: black;
        background-color: white;
        text-align: center;
    }
    section.info .wrap #rt_side li a.no_click {
        pointer-events: none;
    }
}
@media screen and (min-width: 501px) and (max-width: 990px) {
    /*info*/
    section.info {
        width: 100%;
        overflow: auto;
        padding: 30px 0;
        font-family: 'Open Sans', sans-serif;
    }
    section.info .wrap {
        margin: 0 auto;
        width: 100%;
        overflow: auto;
        max-width: 1200px;
    }
    /*info side*/
    section.info .wrap .side {
        width: 80%;
        margin: 0 auto;
        font-family: 'Open Sans', sans-serif;
    }
    section.info .wrap .side ul {
        margin: 0 0 20px 0;
        padding: 0;
    }
    section.info .wrap .side ul li {
        list-style-type: none;
    }
    section.info .wrap .side ul li.hd a {
        background-color: #730c27;
        text-align: center;
        font-weight: bold;
        font-size: 15px;
        padding: 8px 10px;
    }
    section.info .wrap .side ul li a {
        text-decoration: none;
        font-size: 14px;
        color: white;
        padding: 6px 10px;
        display: block;
        border: solid #757575;
        border-width: 0 1px 1px 1px;
        background-color: gray;
    }
    section.info .wrap .side ul li:last-of-type a {
        padding-bottom: 15px;
    }
    /*info data*/
    section.info .wrap .info {
        width: 80%;
        margin: 0 auto;
        font-family: 'Open Sans', sans-serif;
    }
    section.info .wrap .info h1 {
        font-size: 30px;
        margin-top: 0;
    }
    section.info .wrap .info p {}
    /*testimonies*/
    section.info .tstmny_hd {
        font-size: 45px !important;
        text-align: center;
        box-sizing: border-box;
        padding: 0 20px;
        margin: 0;
    }
    section.info .tstmny_p {
        font-size: 20px;
        text-align: center;
        box-sizing: border-box;
        padding: 0 20px;
    }
    section.info .testimony {
        width: 100%;
        box-sizing: border-box;
        padding: 10px;
        overflow: auto;
    }
    section.info .testimony .inner {
        width: 100%;
        height: 100%;
        background-color: white;
        overflow: auto;
        box-sizing: border-box;
        padding: 20px;
        -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
        -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
        box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
        border-radius: 20px;
    }
    section.info .testimony .heading {
        font-size: 20px;
        margin: 0 0 10px 0;
    }
    section.info .testimony .comment {
        font-size: 14px;
    }
    section.info .testimony .name {
        font-size: 12px;
        margin: 20px 0 4px 0;
        color: #730c27;
        font-weight: bold;
    }
    section.info .testimony .job {
        font-size: 12px;
        margin: 4px 0;
        color: #730c27;
    }
    /*right side*/
    section.info .wrap #rt_side {
        width: 50%;
        margin: 0 auto;
    }
    section.info .wrap #rt_side ul {
        border: solid #757575;
        border-width: 1px 0 0 0;
    }
    section.info .wrap #rt_side li.rt_hd a {
        background-color: #ffae00;
    }
    section.info .wrap #rt_side li.image {
        background-image: url(images/courses_asti_about_bg.jpg);
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        height: 120px;
        border: solid #757575;
        border-width: 0 1px 0 1px;
    }
    section.info .wrap #rt_side li a {
        font-size: 14px;
        color: black;
        background-color: white;
        text-align: center;
    }
    section.info .wrap #rt_side li a.no_click {
        pointer-events: none;
    }
}
@media screen and (min-width: 991px) {
    /*info*/
    section.info {
        width: 100%;
        max-width: 2000px;
        overflow: auto;
        padding: 30px 5%;
        margin: 0 auto;
        box-sizing: border-box;
        font-family: 'Open Sans', sans-serif;
    }
    section.info .wrap {
        margin: 0 auto;
        width: 100%;
        overflow: auto;
    }
    /*info side*/
    section.info .wrap .side {
        width: 25%;
        float: left;
        font-family: 'Open Sans', sans-serif;
    }
    section.info .wrap .side ul {
        margin: 0 0 20px 0;
        padding: 0;
    }
    section.info .wrap .side ul li {
        list-style-type: none;
    }
    section.info .wrap .side ul li.hd a {
        background-color: #193a69;
		color: #eec315;
        text-align: center;
        font-weight: bold;
        font-size: 15px;
        padding: 20px 10px;
    }
    section.info .wrap .side ul li a {
        text-decoration: none;
        font-size: 14px;
        color: white;
        padding: 6px 10px;
        display: block;
        border: solid #757575;
        border-width: 0 1px 1px 1px;
        background-color: gray;
    }
    section.info .wrap .side ul li:last-of-type a {
        padding-bottom: 15px;
    }
    /*info data*/
    section.info .wrap .info {
        width: 60%;
        padding: 0 4%;
        box-sizing: border-box;
        float: left;
        font-family: 'Open Sans', sans-serif;
    }
    section.info .wrap .info h1 {
        font-size: 30px;
        margin-top: 0;
    }
    section.info .wrap .info p {}
    /*testimonies*/
    section.info .tstmny_hd {
        font-size: 45px !important;
        text-align: center;
        box-sizing: border-box;
        padding: 0 20px;
        margin: 0;
    }
    section.info .tstmny_p {
        font-size: 20px;
        text-align: center;
        box-sizing: border-box;
        padding: 0 20px;
    }
    section.info .testimony {
        width: 100%;
        box-sizing: border-box;
        padding: 10px;
        overflow: auto;
    }
    section.info .testimony .inner {
        width: 100%;
        height: 100%;
        background-color: white;
        overflow: auto;
        box-sizing: border-box;
        padding: 20px;
        -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
        -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
        box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
        border-radius: 20px;
    }
    section.info .testimony .heading {
        font-size: 20px;
        margin: 0 0 10px 0;
    }
    section.info .testimony .comment {
        font-size: 14px;
    }
    section.info .testimony .name {
        font-size: 12px;
        margin: 20px 0 4px 0;
        color: #730c27;
        font-weight: bold;
    }
    section.info .testimony .job {
        font-size: 12px;
        margin: 4px 0;
        color: #730c27;
    }
    /*right side*/
    section.info .wrap #rt_side {
        width: 15%;
        margin: 0 0 0 0;
        float: right;
    }
    section.info .wrap #rt_side ul {
        border: solid #757575;
        border-width: 1px 0 0 0;
    }
    section.info .wrap #rt_side li.rt_hd a {
        background-color: #ffae00;
    }
    section.info .wrap #rt_side li.image {
        background-image: url(images/courses_asti_about_bg.jpg);
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        height: 120px;
        border: solid #757575;
        border-width: 0 1px 0 1px;
    }
    section.info .wrap #rt_side li a {
        font-size: 14px;
        color: black;
        background-color: white;
        text-align: center;
    }
    section.info .wrap #rt_side li a.no_click {
        pointer-events: none;
    }
}
/*info data*/
@media screen and (max-width: 500px) {
    section.info .wrap .data {
        width: 100%;
        box-sizing: border-box;
    }
    section.info .wrap .data h1 {
        font-size: 30px;
        margin: 0;
        padding: 0;
    }
    section.info .wrap .data h2 {
        font-size: 18px;
        font-weight: normal;
    }
    section.info .wrap .data .more {
        width: 100%;
        overflow: auto;
    }
    section.info .wrap .data .more .innner {
        background-color: white;
        overflow: auto;
        width: 100%;
        height: auto;
        padding: 0 0 20px 0;
        box-sizing: border-box;
    }
    section.info .wrap .data .more h3 {
        width: 100%;
        font-size: 14px;
        height: 40px;
        margin: 0 0 5px 0;
        line-height: 40px;
        padding: 0 20px;
        box-sizing: border-box;
        display: block;
        border-radius: 3px;
        background-color: #730c27;
        color: #ffffff;
        cursor: pointer;
    }
    section.info .wrap .data .more h3:hover {
        background-color: #a70b34;
    }
    section.info .wrap .data .more .inner>ul {
        background-color: white;
        margin: 0 0 5px 0;
        padding: 7px 20px 10px 20px;
        box-sizing: border-box;
        width: 100%;
    }
    section.info .wrap .data .more .inner>ul p {
        font-size: 15px;
        margin-top: 0;
    }
    section.info .wrap .data .more .inner>ul p a {
        font-weight: bold;
        color: #730c27;
    }
    section.info .wrap .data .more ul p b {
        font-size: 15px;
    }
    section.info .wrap .data .more .inner>ul>li {
        width: 100%;
        box-sizing: border-box;
        margin-left: 20px;
        padding: 3px 0;
    }
    section.info .wrap .data .more .inner>ul ul {
        padding: 0px 20px 0px 20px;
        box-sizing: border-box;
        width: 100%;
    }
    section.info .wrap .data .more .inner>ul ul li {
        list-style-type: disc;
        font-size: 14px;
    }
    section.info .wrap .data .more .inner>ul li.title {
        list-style-type: none;
        font-weight: bold;
    }
}
@media screen and (min-width: 501px) and (max-width: 990px) {
    section.info .wrap .data {
        width: 100%;
        box-sizing: border-box;
    }
    section.info .wrap .data h1 {
        font-size: 30px;
        margin: 0;
        padding: 0;
    }
    section.info .wrap .data h2 {
        font-size: 18px;
        font-weight: normal;
    }
    section.info .wrap .data .more {
        width: 100%;
        overflow: auto;
    }
    section.info .wrap .data .more .innner {
        background-color: white;
        overflow: auto;
        width: 100%;
        height: auto;
        padding: 0 0 20px 0;
        box-sizing: border-box;
    }
    section.info .wrap .data .more h3 {
        width: 100%;
        font-size: 14px;
        height: 40px;
        margin: 0 0 5px 0;
        line-height: 40px;
        padding: 0 20px;
        box-sizing: border-box;
        display: block;
        border-radius: 3px;
        background-color: #730c27;
        color: #ffffff;
        cursor: pointer;
    }
    section.info .wrap .data .more h3:hover {
        background-color: #a70b34;
    }
    section.info .wrap .data .more .inner>ul {
        background-color: white;
        margin: 0 0 5px 0;
        padding: 7px 20px 10px 20px;
        box-sizing: border-box;
        width: 100%;
    }
    section.info .wrap .data .more .inner>ul p {
        font-size: 15px;
        margin-top: 0;
    }
    section.info .wrap .data .more .inner>ul p a {
        font-weight: bold;
        color: #730c27;
    }
    section.info .wrap .data .more ul p b {
        font-size: 15px;
    }
    section.info .wrap .data .more .inner>ul>li {
        width: 100%;
        box-sizing: border-box;
        margin-left: 20px;
        padding: 3px 0;
    }
    section.info .wrap .data .more .inner>ul ul {
        padding: 0px 20px 0px 20px;
        box-sizing: border-box;
        width: 100%;
    }
    section.info .wrap .data .more .inner>ul ul li {
        list-style-type: disc;
        font-size: 14px;
    }
    section.info .wrap .data .more .inner>ul li.title {
        list-style-type: none;
        font-weight: bold;
    }
}
@media screen and (min-width: 991px) {
    section.info .wrap .data {
        width: 100%;
        box-sizing: border-box;
        float: left;
    }
    section.info .wrap .data h1 {
        font-size: 30px;
        margin: 0;
        padding: 0;
    }
    section.info .wrap .data h2 {
        font-size: 18px;
        font-weight: normal;
    }
    section.info .wrap .data .more {
        width: 100%;
        overflow: auto;
    }
    section.info .wrap .data .more .inner {
        overflow: auto;
        width: 100%;
        height: auto;
        box-sizing: border-box;
    }
    section.info .wrap .data .more .inner h3 {
        width: 100%;
        font-size: 17px;
        height: 40px;
        line-height: 40px;
        margin: 0 0 5px 0;
        padding: 0 20px;
        box-sizing: border-box;
        display: block;
        border-radius: 3px;
        background-color: #730c27;
        color: #ffffff;
        cursor: pointer;
    }
    section.info .wrap .data .more .innner h3:hover {
        background-color: #a70b34;
    }
    section.info .wrap .data .more .inner>ul {
        background-color: white;
        margin: 0 0 5px 0;
        padding: 7px 20px 10px 20px;
        box-sizing: border-box;
        width: 100%;
    }
    section.info .wrap .data .more .inner>ul li {
        width: 100%;
        box-sizing: border-box;
        margin-left: 20px;
        padding: 3px 0;
    }
    section.info .wrap .data .more .inner>ul ul li {
        list-style-type: disc;
    }
    section.info .wrap .data .more .inner>ul li.title {
        list-style-type: none;
        font-weight: bold;
    }
    section.info .wrap .data .more .inner>ul p {
        margin-top: 0;
    }
    section.info .wrap .data .more .inner>ul p a{
        font-weight: bold;
        color: #730c27;
    }
    section.info .wrap .data .more .inner>ul p b {
        font-size: 15px;
    }
}
.info .inner a{
    font-weight: bold;
    color: #730c27;
    text-decoration: none;
}