@media only screen and (min-width:320px) and (max-width:767px){
    body {
        
    }

    #wrapper{
        margin:auto;
        width:100%;
        font-size:12px;
    }

    #container{
        margin:auto;
        width:100%;
    }

    #header{
        margin:auto;
        width:100%;
    }

    #banner{
        margin:auto;
        width:100%;
        background-color:#0f5d8d;
        text-align:center;
    }

    #banner img{
        width:100%;
        text-align:center;
    }

    #mobile-320{
        display:block;
    }

    #mobile-425{
        display:none;
    }

    #menu{
        width:100%;
        background:#003c70;
	    box-shadow: 0 3px 0 rgba(0, 0, 0, 0.15);        
    }

    #menu ul{
        list-style-type: none;
        margin: 0;
        padding: 0;
        overflow: hidden;
        background-color: #003C6F;
    }

    #menu li{
        float: left;
    }

    #menu li a{
        display: block;
        color: white;
        text-align: center;
        padding: 8px 9px;
        text-decoration: none;
        text-transform:capitalize;
        font-size:14px;
    }

    #menu li a:hover{
        background-color: #0170b6;
    }

    #main-content{
        background-color:#FFF;
        padding:5px 5px 0px 5px;
    }

    #main-edu{
        
    }
    
    #hotline{            
    }

    #hotline p{
        font-size:20px;
        color:#fcff00;        
        text-align:center;
        font-weight:600;
        line-height:24px;   
        font-family:"Roboto Condensed",Arial,sans-serif;
        text-transform:uppercase;
    }

    #hotline img{
        width:100%;
        margin-bottom:5px;
    }

    .list-product{

    }

    .item-product{
        width:50%;
        float:left;
        padding-bottom:5px;        
    }

    .img-product{
        text-align:center;
    }

    .img-product img{
        width:100%;
        height:120px;
        text-align:center;
        padding:2px;
    }

    .title-right-product{
        text-align:center;
        line-height:20px;
        padding-top:5px;
        height:42px;
    }

    .title-right-product a{
        text-transform:capitalize;
        font-size:13px;
    }

    .name-education{
        color:#0850a4;
        font-size:14px;
        font-family:"Roboto Condensed",Arial,sans-serif;
        border-bottom: 1px solid #0850a4;
        padding-bottom:2px;
        margin-bottom:5px;  
        text-transform:uppercase;
        text-align:center;
        font-weight:bold;
    }

    .title-education{
        background-image: url(Images/bg_menu2.gif);
        padding-left: 40px;
        height: 38px;
        line-height: 38px;
        background-repeat: no-repeat;
        margin-bottom: 5px;
        font-size: 12px;
        font-family: Arial;
        text-transform: uppercase;
        color: #fff;
        font-weight: 700;
    }

    .item-edu{
        border-bottom: 1px solid #d6d6d6;
        padding-bottom:5px;
        margin-bottom:7px;
    }

    .img-edu-left{
        float:left;
        width:90px;
        height:70px;
        margin-right:5px;
    }

    .img-edu-left img{
        width:90px;
        height:70px;
    }

    .title-right{
        padding-left:95px;
    }

    .title-right h2{
        margin:0px;
    }

    .x-item{
        width:33.3%;
        float:left;
        height:85px;
    }

    .x-box{
        display: block;
        height: 65px;
        padding: 5px;
        overflow: hidden;
        border-color: #e1e1e1 #e1e1e1 #feae17;
        border-style: solid;
        border-width: 1px 1px 2px;
        margin: 0 2px;
    }

    .x-box a{
        text-decoration:none;
    }

    .x-img{
        text-align:center;
    }

    .x-img img{
        width: 36px;
    }

    .x-name{
        overflow: hidden;
        text-align: center;
        font-size: 13px;
    }

    .x-name{
        text-decoration:none;
        color: #4b4b4b;
        font-size:13px;
        text-transform:uppercase;
        font-family:Roboto Condensed;        
    }

    .title-right a{
        color:#337ab7;
    }

    .title-name-edu{
        text-align:left;
        text-decoration:none;        
        display:block;        
        text-transform:uppercase;
        color:#d1020b;
        line-height:18px;        
        font-size:14px;
        font-family:Roboto Condensed;
        font-weight:600;

    }

    .title-name-description{
        line-height:18px;
    }

    .title-right a:hover{
        color:#999;	
    }

    #education{

    }

    .review-education{

    }

    #plan-admissions{

    }

    #plan-admissions-content{

    }

    .review-education a{
        display:block;
        text-align:center;
        text-decoration:none;
        text-transform:uppercase;
        font-weight:bold;
        padding:10px 0px;
        margin-bottom:12px;
        background-color:#ebebeb;
        color:#000;        
    }

    .title-name-admissions{
        text-align:left;
        text-decoration:none;        
        display:block;        
        text-transform:inherit;
        color:#2b2b2b;
        padding:2px 0px 5px 0px;
        text-align:left;
        line-height:19px;        
        font-size:15px;
    }

    .vocation-detail{

    }

    .navigate{
        padding:0px 5px 5px 0px;
    }

    .navigate h1{
        font-size:13px;
        padding:5px 0px;
        margin:0px;
    }

    .navigate a{
        text-decoration:none;
        color: #a50133;
        font-weight:bold;
    }

    .view-vocation h1{
        font-size:18px;
        color:#0850a4;
        text-transform:uppercase;
        line-height:26px;
        margin-bottom:5px;
    }

    .view-vocation table{
        width:100%!important;
    }

    .view-vocation img{
        width:100% !important;
        height: auto!important;
    }

    .view-vocation h4 img{
        width:100% !important;
        height: auto!important;
    }

    .view-vocation p{
        width:100% !important;
        font-size:14px !important;
        text-align:justify !important;
        line-height:18px !important;                
    }    

    .name-cate-news{
        font-weight:bold;
        text-transform:capitalize;
        color:#a50133;
    }
    
    .view-newsdetail{

    }

    .view-newsdetail h1{
        font-size:17px;
        margin-bottom:5px;
        color:#2b2b2b;
    }

    .view-newsdetail img{
        width:100% !important;
        height:100% !important;
    }

    #paging {        
        margin-bottom:5px;
        font-size:14px;
    }

    #paging span {
        padding: 2px;
    }

    #paging span a {        
        color: #c66653;        
        text-decoration: none;
    }

    .title-newsdetail{
        font-size:15px;
        color:#2b2b2b;
    }

    #contact-view{
        font-size:14px;
        line-height:20px;
    }

    #contact-view img{
        width:100% !important;
    }

    .contact-phone table{
	    border-collapse: collapse;      
	    width:100%;              
	    margin-top:10px;	
	    text-align:left;
    }

    .contact-phone table, .contact-phone table td, .contact-phone table th{	
	border: 1px solid #dddddd;
    }

    #video_one{
        margin-bottom:8px;
    }

    #register{

    }

    .reg-content{
        
    }

    #register p.register-title{
        background-image: url(Images/bg_menu.gif);
        padding-left: 40px;

        height: 38px;
        line-height: 38px;
        background-repeat: no-repeat;
        margin-bottom: 8px;
        font-size:12px;
        font-family:Arial;
        text-transform:uppercase;
        color: #fff;
        font-weight: 700;
    }

    #detail-other{

    }

    #detail-other p{
        font-size:13px;
        text-transform:uppercase;
        color: #337ab7;
        border-bottom:1px solid #337ab7;
        font-weight:bold;
    }

    #detail-other li a{
        font-size:13px;
    }

    #detail-other li:before {
    content: "•"; /* Insert content that looks like bullets */
    padding-right: 8px;
    color: blue; /* Or a color you prefer */
    }

    .info-contact{
        margin-bottom:10px;
    }

    .info-contact input[type="text"]{
        border: 1px solid #d3d3d3;        
        width: 100%;
        height:28px;
    }

    .list-gender, .list-vocation {
        width: 100%;
        height: 30px;
        border: 1px solid #d3d3d3;
        color: #2b2b2b;
        text-transform:capitalize;
    }

    .btRegister{
        background-color:#d1020b;
        color:#FFF;
        border:1px solid #f7f5f5;
        padding: 8px 10px;
        text-align:center;
        text-transform:uppercase;
        font-weight:bold;
    }

    .valid-captcha{
        width:130px !important;
        position:relative;
        top:0px;
    }

    .line-mobile-desktop{
        line-height:24px;
        font-size:15px;
        text-align:left;
    }

    .error-mes{
        color:red;
    }

    #Sucess{

    }

    #Sucess p{
        text-align:center;
        text-transform:capitalize;
        font-size:14px;
        line-height:22px;
    }

    #Sucess a{        
        text-align:center;
        text-transform:capitalize;
        font-size:14px;
        text-decoration:none;
        color:blue;
        display:block;
        margin-top:5px;
    }

    .news-list-cate{

    }

    .album{
        text-align:center;
    }

    .album img{
        width:100%;
        margin-bottom:5px;
    }

    #facebook{
        margin-bottom:10px;
    }

    #facebook p {
        color: #0850a4;
        font-size: 14px;
        font-family: "Roboto Condensed",Arial,sans-serif;
        border-bottom: 1px solid #0850a4;
        padding-bottom: 2px;
        margin-bottom: 5px;
        text-transform: uppercase;
        text-align: center;
        font-weight: bold;
    }

    #footer{        
        width:100%;        
        background-color:#0f5d8d;        
        color:white;
        padding-bottom:5px;
        border-top:5px solid #f7941d;
    }
    

    #footer-inside{        
        margin:auto;
        margin-top:10px;
        margin-bottom:5px;
        font-size:13px;
        padding-left:5px;
    }

    #footer-inside p{
        padding:5px 5px 0px 5px;
        line-height:18px;
    }

    .f-address{
        background-image:url(Images/address.png);
        background-repeat:no-repeat;
        background-position:3px center;
        padding-left:20px !important;
    }

    .f-email{
        background-image:url(Images/email.png);
        background-repeat:no-repeat;
        background-position:5px center;
        padding-left:25px !important;
    }

    .f-phone{
        background-image:url(Images/phone.png);
        background-repeat:no-repeat;
        background-position:5px center;
        padding-left:25px !important;
    }

    .f-copyright{
        line-height:50px;
        color:#003C6F;
        background-color:#f7941d;
        text-align:center;        
        font-style:italic;        
    }

    #footer-inside p.name-school{
        font-weight:bold;
        font-size:12px;        
    }


}


/* -------------------------------------------------------------------------------- */
/* @media only screen and (min-width:375px) and (max-width:424px) */



/* -------------------------------------------------------------------------------- */
/* @media only screen and (min-width:425px) and (max-width:767px) */


/* -------------------------------------------------------------------------------- */
/* @media only screen and (min-width:768px) and (max-width:1023px) */



/* -------------------------------------------------------------------------------- */
/* @media only screen and (min-width:1024px) and (max-width:1366px) */