@media (max-width: 1366px) {
    .supported {
        height: 100%;
    }
    .abouted {
        height: 170px;
    }
    /*title text main*/
    .respon-head{
        text-align: center;
        margin-top: 0px;
    }
    /*article*/
    .respon-article {
        margin-top: 40px;
    }
    .pagination-cotrainer {
        margin-left: 378px;
    }
    .nav-link-event {
        display: block;
        padding: 0.5rem 1rem;
        margin-left: 50px;
    }
    .nav-link-news {
        display: block;
        padding: 0.5rem 1rem;
        margin-left: 50px;
    }

    /* Course */
    .main-course .course-box {
        height:468px;
    }
    .main-course .course-box .content-course {
        top:40px;
        height: 340px;
    }
    .main-course .course-box .content-course p {
        font-size: 14px;
        font-weight: 100;
        line-height: 25px;
        height: 300px;
        overflow-y: scroll;
    }
    .main-course .course-box {
        height:467px;
    }
    /* about */
    .main-welcome-info {
        margin-top:20px;
    }
    .main-welcome-info .youtube .iframe-youtube {
        position: relative;
        bottom: 0;
        left: 0;
    }
    .main-welcome-info .youtube {
        background: transparent;
        height: 100%;
    }
    .i-yotube {
        width: 100%;
        height: 280px;
    }
    .main-welcome-info .youtube .video-frame ,
    .main-welcome-info .youtube .video-title {
        display: none;
    }

    .main-welcome-info .frame-info {
        position: relative;
        top:0;
    }
};

@media (max-width: 1024px) {
    /*title text main*/

    .nec-logo {
        width: 100px;
        top: 5px;
        left: 5px;
    }
    .text-tablg-hidden{
        display: none;
    }
    .fashion-logo {
        width: 125px;
        top: 10px;
        left: 10px;
    }
    
    .main-course .course-box .course-btn {
        bottom: 33px;
    }
    .main-course .course-box {
        height: 468px;
    }
    .text-icon-left {
        display: none;
    }
    .text-icon-right {
        display: none;
    }
    .respon-head{
        text-align: center;
        margin-top: 0px;
    }

    .frame-slider {
        display: none;
    }
    .selected-language-th {
        margin-left: 0px !important;
    }

    .selected-language-th:after	 {
        border-left: transparent;

    }
    .selected-language-th > a {
        margin-left:0px;
    }
    .selected-language-en > a {
        margin-left:0px;
    }

    .main-welcome-info {
        margin-top:30px;
    }
    .main-welcome-info .youtube {
        background-image: none;
        height: 315px;
    }
    .main-welcome-info .frame-info .logo-academy {
        width: 300px;
    }
    .frame-footer {
        display: none;
    }
    .sup-frame {
        display: none;
    }

    .main-welcome-info .youtube .video-frame {
        width: 511px;
    }
    .main-coures .coures-box {
        height: 470px;
    }
    .main-welcome-info .youtube .iframe-youtube {
        position: relative;
        bottom:0px;
        left: 0px;
    }
    .main-welcome-info .frame-info {
        position: relative;
        top: 0px;
    }

    .new-content .new-poster {
        position: relative;
        width: 270px;
    }
    .iframe-youtube {
        position: relative;
        bottom: 0px;
        left: 0px;
    }
    .frame-info {
        position: relative;
        top: 0px;
        left: 0px ;
        padding:10px;
    }

    .i-yotube {
        width:100%;
        height: 282px;
    }
    .video-frame {
        display: none;
    }
    .map-frame {
        display: none;
    }

    .video-title {
        display: none;
    }

    .no-padding {
        padding-left: 0px;
        padding-right: 0px;
    }

    .supported {
        height: 215px;
    }
    /*about*/
    .abouted {
        height: 215px;
    }
    /*article*/
    .respon-article {
        margin-top: 0px;
    }
    /*tab news&knowleadge*/
    .nav-link-news {
        display: block;
        padding: 0.5rem 1rem;
        margin-left: 40px;
    }
    .nav-link-event {
        display: block;
        padding: 0.5rem 1rem;
        margin-left: 0px;
    }
    /*knowleadge-hub*/
    .knowleagehub-contenthead {
        margin-top: -480px;
        height: 100%;
    }
    
    .pagination-cotrainer {
        margin-left: 336px;
    }
    .main-course .course-box .course-btn a {
        position: relative;
        left: -50%;
        top: 7px;
    }

}

@media (max-width: 812px) {
    .article-content img{
        width:100%;
    }
    .youtube-play {
        width: inherit;
    }
    /* abount */
    .i-yotube {
        height: 230px;
    }

    /* course*/
    .main-course .course-box .content-course p {
        height: 180px;
    }
    .frame-slider {
        top: 35px;
    }
    
    /* map */
    .map-address .map-frame {
        display: none;
    }
    .carousel-indicators {
        bottom: 0;
    }

    .main-welcome-info .frame-info .logo-academy img {
        width: 100%;
    }
    .frame-info {
        padding:0px;
    }
    .info .info-text {
        padding-left: 10px;
        height: 117px;
        overflow: hidden;
    }
    .carousel-indicators li {
        height: 10px;
        max-width: 10px;
    }
    .carousel-indicators .active {
        max-width: 10px;
        height: 10px;
    }
    .main-welcome-info .frame-info .logo-academy {
        width: 220px;
    }
    .main-welcome-info {
        margin-top:20px;
    }
    .main-welcome-info .youtube {
        height: 230px;
        margin-top: 0px;
    }
    .content-course p {
        line-height: 22px;
        height: 223px;
    }
    .main-course .course-box {
        height: 347px;
    }
    .main-course .course-box .course-btn {
        bottom: 22px;
    }
    .main-course .course-box .content-course {
        height: 265px;
        padding-left: 11px;
        padding-right: 11px;
        padding-bottom: 0px;
    }
    .main-course .content-course p{
        height:183px;
        overflow-y: auto;
    }
    .main-course .course-box .course-btn a {
        position: relative;
        left: -45%;
        top: 2px;
    }
    .btn-acadeny,.btn-acadeny-mosaic {
        font-size: 12px;
    }

    .main-coures .coures-box {
        height: 395px;
    }
    .new-content .new-poster {
        width: 200px;
    }
    .new-title {
        width: 200px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .text-els-5 {
        max-height:60px;
        -webkit-line-clamp:3;
    }

    .supported {
        /*display: none;*/
        /*height: 420px;*/
    }
    .supported .col-md-3 {
        width: 50%;
        max-width:50%;
        flex: 0 0 50%;
        margin-bottom: 40px;
    }


    .map-address-text {
        top:0px;
        left:0px;
        width: 100%;
        height: 210px;

    }
    .map-address {
        padding-top: 180px;
        margin-top:5px;
    }

    .map-address .nav {
        display: block;
    }
    .map-address .map-address-text {
        text-align: center;
    }
    .map-address .map-address-text button {
        position: relative;
    }
    /*about*/
    .abouted {
        height: 390px;
    }
    .abouted .col-md-3 {
        width: 50%;
        max-width:50%;
        flex: 0 0 50%;
        margin-bottom: 40px;
    }
    /*article*/
    .respon-article{
        margin-top: -100px;
    }
    /*image frame header*/
    .imghead-hidden{
        display: none;
    }
    /*title text main*/
    .respon-head{
        text-align: center;
        margin-top: 0px;
    }
    .respon-articlehead{
        margin-top: -100px;
    }
    .text-header{
        text-align: center;
        margin-bottom: 20px;
        margin-top: 20px;
    }
   
    /*image frame header*/

    .text-head-hidden{
        display: none;
    }
    .button-head-hidden{
        display: none;
    }
    
    .searh {
        background: url(../pages/homepage/images/icon/glyphicon_glyphicon-search-01.png);
        height: 35px;
        width: 35px
    }
    .btn-acadeny-mosaic-search {
        display: block;
        cursor: pointer;
        background: #71028c;
        color: #fff;
        border: 0px;
        font-size: 14px;
        padding: 7px;
        font-weight: bold;
    }
    /*tab news&knowleadge*/
    .text-tablg-hidden{
        display: none;
    }
    .text-tablinkpd-hidden{
        display: none;
    }
    .nav-link-event {
        display: block;
        padding: 0.5rem 1rem;
        margin-left: 130px;
    }
    .nav-link-news {
        display: block;
        padding: 0.5rem 1rem;
        margin-left: -10px;
    }
    /*news*/
    .new-content-media .new-poster-media .tag-media {
        position: absolute;
        /* bottom: 0px; */
        top: 0;
        right: 0px;
        color: #fff;
        text-align: center;
        width: 20%;
        height: 39%;
    }
    .pagination-cotrainer {
        margin-left: 211px;
    }
    .h1, h1 {
        font-size: 1.5rem;
    }
}

@media (max-width: 768px) {
    .article-content {
        width: 100%;
    }
    
    .i-yotube {
        height: 215px;
    }
    .map-frame {
        display: none;
    }
    /* footer */
    .site-map .col-md-3 {
        width: 50%;
        text-align: center;
    }
    .site-map .footer-list {
        margin-top:20px;
    }
    /*about*/
    .abouted {
        height: 400px;
    }
    .carousel-indicators {
        bottom: 0px;
    }

    .carousel-indicators li {

        height: 10px;
        max-width: 10px;

    }
    .carousel-indicators .active {
        max-width: 10px;
        height: 10px;
    }

    .main-welcome-info .youtube {
        position: relative;
        background-image: none;
        height: 200px;

    }
    .site-map .col-md-4 {
        width: 50%;
    }
    .site-map {
        padding:15px;
    }
    .get-update {
        padding:15px;
    }
    .map-address .map-address-text {
        border-top-left-radius:0px;
        border-top-right-radius:0px;
        padding:15px;
    }
    /*title text main*/
    .respon-head{
        text-align: center;
        margin-top: 0px;
    }
    .text-header{
        text-align: center;
        margin-bottom: 20px;
        margin-top: 0px;
    }
    /*knoeleage-hub*/
    .text-head-hidden{
        display: none;
    }
    	
    .search-know {
        margin-top: -68px;
    }
    
    .knowleagehub-contenthead {
        margin-top: -135px;
        height: 100%;
    }
    .new-content-media .new-poster-media .tag-media {
        position: absolute;
        /* bottom: 0px; */
        top: 0;
        right: 0px;
        color: #fff;
        text-align: center;
        width: 21%;
        height: 40%;
    }
    /*tab news&knowleadge*/
    .text-tabmd-hidden{
        display: none;
    }
    .text-tablinkpd-hidden{
        display: none;
    }
    .nav-link-event {
        display: block;
        padding: 0.5rem 1rem;
        margin-left: 40px;
    }
    .nav-link-news {
        display: block;
        padding: 0.5rem 1rem;
        margin-left: -10px;
    }
    .respon-article {
        margin-top: 0px;
    }
    .pagination-cotrainer {
        margin-left: 164px;
    }
    .main-course .course-box .course-btn a {
        position: relative;
        left: -51%;
        top: -1px;
    }
    .main-course .course-box .content-course {
        left: 38px;
    }

    .btn-acadeny {
        cursor: pointer;
        color: #fff;
        border: 0px;
        padding: 6px 35px;
        font-size: 12px;
    }
    .h1, h1 {
        font-size: 1.5rem;
    }
}
@media (max-width: 767px) {
    .navbar-expand-md>.container, .navbar-expand-md>.container-fluid {
        padding-right: 10px;
        padding-left: 10px;
    }
    
}
@media (max-width: 732px) {
    .frame-slider {
        top:27px;
    }
    .main-welcome-info .frame-info .logo-academy img {
        width: 330px;
    }
    .container {
        padding-left: 0px;
        padding-right: 0px;
    }

    .selected-language-th {
        margin-left: 0;
    }
    .main-welcome-info .frame-info {
        top:initial;
    }
    .selected-language-th:after	 {
        border-left: transparent;

    }
    .selected-language-th > a {
        margin-left:0px;
    }
    .selected-language-en > a {
        margin-left:0px;
    }

    .new-content .new-poster {
        width: 260px;
    }
    .carousel-indicators {
        bottom: 0px;
    }

    .carousel-indicators li {

        height: 10px;
        max-width: 10px;

    }
    .carousel-indicators .active {
        max-width: 10px;
        height: 10px;
    }
    .main-welcome-info .frame-info .logo-academy {
        width: 300px;
    }

    .main-welcome-info .youtube {
        position: relative;
        background-image: none;
        height: 270px;
    }
    .new-title {
        width: 260px;
    }
    .slick-show .slick-prev {
        top:101px;
        left: -15px;
    }
    .slick-show .slick-next {
        top:101px;
        right: -15px;
    }

    .slick-slide {
        margin: 0 5px;
    }
    .slick-list {
        margin: 0 -5px;
    }
    .main-welcome-info {
        margin-top: -25px;
    }
    .i-yotube {
        width:100%;
        height: 270px;
    }
    .register-now {
        margin-top: 0px;
        margin-bottom: 10px;
    }
    .btn-acadeny-lg {
        width: 100%;
    }
    .slick-show .slick-prev {
        top:101px;
        left: 0px;
    }
    .slick-show .slick-next {
        top:101px;
        right: 0px;
    }
    .new-content .new-poster {
        width: 260px;
    }
    .text-head-title .text-icon-left:before {
        background-size:72.9px 29.4px;
        width: 72.9px;
        height: 29.4px;
    }
    .text-head-title .text-icon-right:before {
        background-size:72.9px 29.4px;
        width: 72.9px;
        height: 29.4px;
    }
    .text-head-title .text-icon-right {
        right: -90px;
    }
    .text-head-title .text-icon-left {
        left:-90px;
    }
    .text-head-title span {
        font-size: 35px;
    }
    /*article*/
    .respon-article{
        margin-top: -100px;
    }
    /*about*/
    .text-head-hidden{
        display: none;
    }
    .text-about{
        text-align: center;
    }
    /*knowleadge*/
    .knowleagehub-box {
        height: 336px;
        width: 100%;
    }
    .knowleagehub-contenthead {
        margin-top: -165px;
        height: 100%;
    }
    /*title text main*/
    .respon-head{
        text-align: center;
        margin-top: 0px;
    }
    /*tab news&knowleadge*/
    .text-tabpt-hidden{
        display: none;
    }
    .text-tablinksd-hidden{
        display: none;
    }
    .nav-link-event {
        display: block;
        padding: 0.5rem 1rem;
        margin-left: 43px;
    }
    .nav-link-news {
        display: block;
        padding: 0.5rem 1rem;
        margin-left: 33px;
    }
    .pagination-cotrainer {
        margin-left: 115px;
    }
    /*fasion*/
    .fasion-content {
        background: #FFF;
        padding: 7px 12px;
        border: 1px solid #ddd;
        margin-top: -370px;
        height: 100%;
    }
    /*news*/
    .new-content-media .new-poster-media .tag-media {
        position: absolute;
        /* bottom: 0px; */
        top: 0;
        right: 0px;
        color: #fff;
        text-align: center;
        width: 8%;
        height: 17%;
    }
   
    .text-header{
        text-align: center;
        margin-bottom: 20px;
        margin-top: 0px;
    }
    .h1, h1 {
        font-size: 1.5rem;
    }
}

@media (max-width: 736px) {
    .frame-slider {
        top:27px;
    }
    /*title text main*/
    .respon-head{
        text-align: center;
        margin-top: 0px;
    }
    .main-welcome-info .frame-info .logo-academy img {
        width: 330px;
    }
    .container {
        padding-left: 0px;
        padding-right: 0px;
    }

    .selected-language-th {
        margin-left: 0;
    }
    .main-welcome-info .frame-info {
        top:initial;
    }
    .selected-language-th:after	 {
        border-left: transparent;

    }
    .selected-language-th > a {
        margin-left:0px;
    }
    .selected-language-en > a {
        margin-left:0px;
    }

    .new-content .new-poster {
        width: 260px;
    }
    .carousel-indicators {
        bottom: 0px;
    }

    .carousel-indicators li {

        height: 10px;
        max-width: 10px;

    }
    .carousel-indicators .active {
        max-width: 10px;
        height: 10px;
    }
    .main-welcome-info .frame-info .logo-academy {
        width: 300px;
    }

    .main-welcome-info .youtube {
        position: relative;
        background-image: none;
        height: 270px;
    }
    .new-title {
        width: 260px;
    }
    .slick-show .slick-prev {
        top:101px;
        left: -15px;
    }
    .slick-show .slick-next {
        top:101px;
        right: -15px;
    }
    .text-header {
        margin-top:20px;
        margin-bottom: 20px;
    }
    .main-welcome-info .info {
        padding:10px;
    }
    .slick-slide {
        margin: 0 5px;
    }
    .slick-list {
        margin: 0 -5px;
    }
    .main-welcome-info {
        margin-top: 0px;
    }
    .i-yotube {
        width:100%;
        height: 270px;
    }
    .register-now {
        margin-top: 15px;
        margin-bottom: 15px;
    }
    .btn-acadeny-lg {
        width: 100%;
    }
    .slick-show .slick-prev {
        top:101px;
        left: 0px;
    }
    .slick-show .slick-next {
        top:101px;
        right: 0px;
    }
    .new-content .new-poster {
        width: 260px;
    }
    .text-head-title .text-icon-left:before {
        background-size:72.9px 29.4px;
        width: 72.9px;
        height: 29.4px;
    }
    .text-head-title .text-icon-right:before {
        background-size:72.9px 29.4px;
        width: 72.9px;
        height: 29.4px;
    }
    .text-head-title .text-icon-right {
        right: -90px;
    }
    .text-head-title .text-icon-left {
        left:-90px;
    }
    .text-head-title span {
        font-size: 35px;
    }

    /*article*/
    .respon-article{
        margin-top: -100px;
    }
    /*about*/
    .text-head-hidden{
        display: none;
    }
    .text-about{
        text-align: center;
    }
    /*knowleadge-hub*/
    .knowleagehub-contenthead {
        margin-top: -155px;
        height: 100%;
    }
    
    .knowleagehub-box {
        height: 340px;
        width: 100%;
    }
    /*tab news&knowleadge*/
    .text-tabpt-hidden{
        display: none;
    }
    .text-tablinkpr-hidden{
        display: none;
    }
    .nav-link-event {
        display: block;
        padding: 0.5rem 1rem;
        margin-left: 130px;
    }
    .nav-link-news {
        display: block;
        padding: 0.5rem 1rem;
        margin-left: 33px;
    }
    /*fasion*/
    .fasion-content {
        background: #FFF;
        padding: 7px 12px;
        border: 1px solid #ddd;
        margin-top: -336px;
        height: 100%;
    }
    /*news*/
    .new-content-media .new-poster-media .tag-media {
        position: absolute;
        /* bottom: 0px; */
        top: 0;
        right: 0px;
        color: #fff;
        text-align: center;
        width: 8%;
        height: 18%;
    }
    .pagination-cotrainer {
        margin-left: 120px;
    }
    .main-course .course-box .content-course {
        left: 60px;
    }
    .h1, h1 {
        font-size: 1.5rem;
    }
}

@media (max-width: 667px) {
    .container {
        max-width:667px;
    }
    .content-course p {
        line-height: 25px;
    }
    .new-content .new-poster {
        width: 324px;
    }
    /*title text main*/
    .respon-head{
        text-align: center;
        margin-top: 0px;
    }
    
    .searh {
        background: url(../pages/homepage/images/icon/glyphicon_glyphicon-search-01.png);
        height: 35px;
        width: 35px
    }
    .btn-acadeny-mosaic-search {
        display: block;
        cursor: pointer;
        background: #71028c;
        color: #fff;
        border: 0px;
        font-size: 14px;
        padding: 7px;
        font-weight: bold;
    }
    /*tab news&knowleadge*/
    .text-tabpt-hidden{
        display: none;
    }

    .nav-link-event {
        display: block;
        padding: 0.5rem 1rem;
        margin-left: 223px;
    }

    .nav-link-news {
        display: block;
        padding: 0.5rem 1rem;
        margin-left: 153px;
    }
    /*fasion*/
    .fasion-content{
        margin-top: -360px;
        border: 0px;
    }
    .fasion-logo{
        padding: 75px 0px ;
    }
    /*news*/
    .new-content-media .new-poster-media .tag-media {
        position: absolute;
        /* bottom: 0px; */
        top: 0;
        right: 0px;
        color: #fff;
        text-align: center;
        width: 7%;
        height: 14%;
    }
    .pagination-cotrainer {
        margin-left: 176px;
    }

    .h1, h1 {
        font-size: 1.5rem;
    }
}

@media (max-width: 640px) {
    .container {
        max-width:640px;
    }
    .slick-show .slick-prev {
        top:101px;
        left: 0px;
    }
    .slick-show .slick-next {
        top:101px;
        right: 0px;
    }
    .new-content .new-poster {
        width: 310px;
    }

    .text-head-title .text-icon-left:before {
        background-size:58.32px 23.52px;
        width: 58.32px;
        height: 23.52px;

    }
    .text-head-title .text-icon-right:before {
        background-size:58.32px 23.52px;
        width: 72.9px;
        height: 23.52px;

    }
    .slick-show .slick-prev, .slick-show .slick-next{
        top:155px;
    }
    .text-head-title .text-icon-right {
        right: -85px;

    }
    .text-head-title .text-icon-left {
        left:-70px;
    }
    .text-head-title span {
        font-size: 25px;
    }
    .map-address-text .map-text-header {
        font-size: 18px;
    }
    .map-address-text p {
        font-size: 10px;
    }

    .map-address .map-address-text button {
        padding: 5px 30px;
        top:138px;
        right: 14px;
    }
    .map-address-text {
        height: 190px;
    }
    .map-address {
        padding-top: 160px;
    }

    .site-map .footer-list li a {
        font-size: 16px;
    }
    .main-course .course-box .content-course {
        left: 70px;
    }
    .main-course .course-box .course-btn a {
        position: relative;
        left: -49%;
        top: -1px;
    }
    /*news*/
    .new-content-media .new-poster-media .tag-media {
        position: absolute;
        /* bottom: 0px; */
        top: 0;
        right: 0px;
        color: #fff;
        text-align: center;
        width: 7%;
        height: 15%;
    }
    /*image frame header*/
    .imghead-hidden{
        display: none;
    }
    /*title text main*/
    .respon-head{
        text-align: center;
        margin-top: 0px;
    }
    /*article*/
    .respon-article{
        margin-top: 9px;
    }
    .respon-articlehead{
        margin-top: -100px;
    }
    
    .search-know{
        margin-top: -90px
    }
    /*image frame header*/
    .text-head-hidden{
        display: none;
    }
    .text-about{
        text-align: center;
    }
    .text-header{
        text-align: center;
        margin-bottom: 20px;
        margin-top: 0px;
    }
    .button-head-hidden{
        display: none;
    }
    /*tab news&knowleadge*/
    .text-tabpt-hidden{
        display: none;
    }

    .nav-link-event {
        display: block;
        padding: 0.5rem 1rem;
        margin-left: 220px;
    }

    .nav-link-news {
        display: block;
        padding: 0.5rem 1rem;
        margin-left: 129px;
    }
    /*knowleadge-hub*/
    .knowleagehub-box {
        height: 295px;
        width: 100%;
    }
   
    .searh {
        background: url(../pages/homepage/images/icon/glyphicon_glyphicon-search-01.png);
        height: 35px;
        width: 35px
    }
    .btn-acadeny-mosaic-search {
        display: block;
        cursor: pointer;
        background: #71028c;
        color: #fff;
        border: 0px;
        font-size: 14px;
        padding: 7px;
        font-weight: bold;
    }
    /*fasion*/
    .fasion-content{
        margin-top: -360px;
        border: 0px;
    }
    .fasion-logo{
        padding: 75px 0px ;
    }  
    .pagination-cotrainer {
        margin-left: 170px;
    }
    .h1, h1 {
        font-size: 1.5rem;
    }
}
@media (max-width: 568px) {
    .container{
        max-width: 568px;
        margin:0px;
    }
    .new-content .new-poster {
        width:274px;
    }
    .nav-link-news {
        display: block;
        padding: 0.5rem 1rem;
        margin-left: 60px;
    }
    .pagination-cotrainer {
        margin-left: 130px;
    }
}
@media (max-width: 414px) {
     .i-yotube {
        height: 200px;
    }
    .main-welcome-info .youtube {
        height: 200px;
    }
    /*about*/
    .abouted {
        height: 260px;
    }
    .container {
        max-width: 414px;
    }
    .bottom-bar .social .social-icon {
        margin-top:5px;
    }
    .register-now {
        margin-top:0px;
    }
    .register-now .btn-acadeny-lg {
        display: block;
    }
    .main-welcome-info .frame-info .info-button {
        margin-top:20px;
        margin-bottom: 20px;
    }
    .bottom-bar {
        text-align: center;
    }
    .new-content .new-poster {
        width: 404px;
    }
    .supported .col-md-3 img {
        width: 100%;
    }
    /*icon head text*/
    .text-head-title .text-icon-left:before {
        background-size:58.32px 23.52px;
        width: 58.32px;
        height: 23.52px;

    }
    .text-head-title .text-icon-right:before {
        background-size:58.32px 23.52px;
        width: 72.9px;
        height: 23.52px;

    }
    /*image slick*/
    .slick-show .slick-prev, .slick-show .slick-next{
        top:155px;
    }
    .text-head-title .text-icon-right {
        right: -85px;

    }
    .text-head-title .text-icon-left {
        left:-70px;
    }
    .text-head-title span {
        font-size: 25px;
    }
    .map-address-text .map-text-header {
        font-size: 18px;
    }
    .map-address-text p {
        font-size: 10px;
    }

    .map-address .map-address-text button {
        padding: 5px 30px;
        top:138px;
        right: 14px;
    }
    .map-address-text {
        height: 190px;
    }
    .map-address {
        padding-top: 160px;
    }

    .site-map .footer-list li a {
        font-size: 16px;
    }

    .bottom-bar .social {
        margin-right: 129px;
    }
    /*image frame header*/
    .imghead-hidden{
        display: none;
    }
    /*title text main*/
    .respon-head{
        text-align: center;
        margin-top: 0px;
    }
    .text-header{
        text-align: center;
        margin-bottom: 20px;
        margin-top: 20px;
    }
    
    /*knoeleadgehub*/
    .text-head-hidden{
        display: none;
    }
    .text-about{
        text-align: center;
    }
    .button-head-hidden{
        display: none;
    }
    
    .main-course .course-box .course-btn a {
        position: relative;
        left: -48%;
        top: -1px;
    }
    .main-course .course-box .content-course {
        left: 47px;
    }	

    .searh {
        background: url(../pages/homepage/images/icon/glyphicon_glyphicon-search-01.png);
        height: 35px;
        width: 35px
    }
    .btn-acadeny-mosaic-search {
        display: block;
        cursor: pointer;
        background: #71028c;
        color: #fff;
        border: 0px;
        font-size: 14px;
        padding: 7px;
        font-weight: bold;
    }
    /*tab news&knowleadge*/
    .text-tabsm-hidden{
        display: none;
    }
    .text-tablinkmd-hidden{
        display: none;
    }
    .nav-link-event {
        display: block;
        padding: 0.5rem 1rem;
        margin-left: 0px;
    }
    .nav-link-news {
        display: block;
        padding: 0.5rem 1rem;
        margin-left: 97px;
    }
    /*fasion*/
    .fasion-content{
        margin-top: -420px;
        border: 0px;
    }
    .fasion-logo{
        padding: 30px 0px ;
    }    
    .pagination-cotrainer{
        margin-left: 53px;
    }
    /*news*/
    .new-content-media .new-poster-media .tag-media {
        position: absolute;
        /* bottom: 0px; */
        top: 0;
        right: 0px;
        color: #fff;
        text-align: center;
        width: 11%;
        height: 21%;
    }
    .h1, h1 {
        font-size: 1.5rem;
    }
}

@media (max-width: 412px) {
    .container {
        max-width: 412px;
    }
    /*about*/
    .abouted {
        height: 250px;
    }
    .frame-slider {
        top:20px;
    }
    .respon-head {
        text-align: center;
        margin-top: 0px;
    }
    .main-course .course-box .course-btn a {
        position: relative;
        top: 1px;
    }
    .main-course .course-box .content-course {
        left: 45px;
    }
    /*tab news&knowleadge*/
    .text-tabsm-hidden{
        display: none;
    }
    .text-tablinksd-hidden{
        display: none;
    }
    .nav-link-event {
        display: block;
        padding: 0.5rem 1rem;
        margin-left: 0px;
    }
    .nav-link-news {
        display: block;
        padding: 0.5rem 1rem;
        margin-left: 80px;
    }
    .pagination-cotrainer{
        margin-left: 53px;
    }
    .text-header{
        text-align: center;
        margin-bottom: 20px;
        margin-top: 0px;
    }
    /*news*/
    .new-content-media .new-poster-media .tag-media {
        position: absolute;
        /* bottom: 0px; */
        top: 0;
        right: 0px;
        color: #fff;
        text-align: center;
        width: 11%;
        height: 22%;
    }
    
    .h1, h1 {
        font-size: 1.5rem;
    }
}

@media (max-width: 375px) {
    .container {
        max-width: 375px;
    }
    .article-content {
        width: 340px;
    }
   
    /*about*/
    .abouted {
        height: 250px;
    }
    .supported {
        height: 333px;
    }
    .frame-slider {
        top:18px;
    }
    .bottom-bar .bottom-logo.department {
        width: 205px;
        margin-left: 15px;
    }
    .bottom-bar .bottom-logo.logo {
        width: 120px;
    }
    .bottom-bar .social {
        margin-right:103px;
    }
    .map-address .map-address-text button {
        padding: 5px 18px;
        top: 151px;
        right: 10px;
    }
    /*knowleadge-hub*/
    .knowleagehub-contenthead {
        margin-top: -155px;
        height: 100%;
    }
   

    .pagination-cotrainer{
        margin-left: 35px;
    }
    /*tab news&knowleadge*/
    .text-tabsm-hidden{
        display: none;
    }
    .text-tablinksm-hidden{
        display: none;
    }
    .main-course .course-box .course-btn {
        left:45%;

    }
    .main-course .course-box .course-btn a {
        left: -36%;
    }
    .nav-link-event {
        display: block;
        padding: 0.5rem 1rem;
        margin-left: 83px;
    }
    .nav-link-news {
        display: block;
        padding: 0.5rem 1rem;
        margin-left: 55px;
    }
    .respon-head {
        text-align: center;
        margin-top: 0px;
    }
    .text-header{
        text-align: center;
        margin-bottom: 20px;
        margin-top: 0px;
    }
    .h1, h1 {
        font-size: 1.5rem;
    }
}

@media (max-width: 360px) {
    .container {
        max-width: 360px;
    }
    .article-content {
        width: 330px;
    }
    .main-course .course-box .course-btn {
        left:25%;
    }

    .site-map .col-md-3 {
        width: 100%;
    }
    .supported {
        height: 270px;
    }
    .pagination-cotrainer{
        margin-left: 35px;
    }
    .respon-head {
        text-align: center;
        margin-top: 0px;
    }
    .text-header{
        text-align: center;
        margin-bottom: 20px;
        margin-top: 0px;
    }
    /*tab news&knowleadge*/
    .text-tabsm-hidden{
        display: none;
    }
    .text-tablinksm-hidden{
        display: none;
    }
    .nav-link-event {
        display: block;
        padding: 0.5rem 1rem;
        margin-left: 83px;
    }
    .nav-link-news {
        display: block;
        padding: 0.5rem 1rem;
        margin-left: 40px;
    }
    /*knowleadge-hub*/
    .knowleagehub-contenthead {
        margin-top: -290px;
        height: 100%;
    }
    .search-know {
        margin-top: -100px;
    }
    
    .pagination-cotrainer{
        margin-left: 35px;
    }
    .main-course .course-box .course-btn a {
        position: relative;
        left: 12px;
        top: 1px;
    }
    /*news*/
    .new-content-media .new-poster-media .tag-media {
        position: absolute;
        /* bottom: 0px; */
        top: 0;
        right: 0px;
        color: #fff;
        text-align: center;
        width: 13%;
        height: 26%;
    }
    .h1, h1 {
        font-size: 1.5rem;
    }

}


@media (max-width: 320px) {

    .container {
        max-width: 320px;
    }
    .article-content {
        width: 285px;
    }
    .main-welcome-info .frame-info .logo-academy img {
        width: 285px;
    }
    .new-content .new-poster {
        width: 310px;
    }

    .sup-image-03 {
        width: 130px;
    }

    .bottom-bar .bottom-logo{
        float: inherit;
        margin-bottom: 10px;
    }
    .social-icon li img {
        width: 25px;
    }
    .bottom-bar .social {
        margin-right: 89px;
    }
    .site-map .footer-list li a {
        font-size:12px;
    }
    .get-update .col-md-8 span {
        font-size: 12px;
    }
    .map-address .map-address-text button {
        padding: 2px 3px;
        top: 158px;
        right: 5px;
        font-size: 12px;
        font-weight: 200;
    }
    .main-course .course-box {
        height: 322px;
    }
    .content-course p {
        height:183px;
        line-height: 23px;
        overflow-y: scroll;
    }
    .main-course .course-box .content-course {
        height: 206px;
        font-size: 12px;
        font-weight: 200;
    }
    .main-course .course-box .content-course p {
        height: 165px;
    }
    .main-course .course-box .course-btn a {
        left:0;
    }
    .i-yotube {
        height: 180px;
    }
    .main-welcome-info .youtube {
        height: 180px;
    }
    /*fasion*/
    .fasion-logo {
        padding: 15px;
    }
    .content-course .text-els-12 {
        -webkit-line-clamp:8;
    }
    .respon-head {
        text-align: center;
        margin-top: 0px;
    }
    .text-header{
        text-align: center;
        margin-bottom: 20px;
        margin-top: 0px;
    }
    .h1, h1 {
        font-size: 1.5rem;
    }
    .nav-link-news {
        display: block;
        padding: 0.5rem 1rem;
        margin-left: 3px;
    }
    .pagination-cotrainer {
        margin-left: 8px;
    }
}