/*
##Device = Most of the Smartphones Mobiles (Portrait)
##Screen = B/w 320px to 479px
*/
@media (min-width:320px) and (max-width:480px){

	.bcv_nuocngoai .baocaovien-top{padding: 40px 0px 120px 0px;}
	.header-logo img{max-width:55%;}
	.lang a{display:inline-block}
	.lang a:nth-child(1){margin-right:3px}
	#header.act{padding:0.8rem 0}
/* CSS */}

/*
  ##Device = Low Resolution Tablets, Mobiles (Landscape)
  ##Screen = B/w 481px to 767px
  */
@media (min-width:481px){
  .gt-bot-item{padding-left:5rem;}
  .chuongtrinh-item{font-size:1rem;}
  p.banner-abs-p-1{font-size:1.2rem}
  p.banner-abs-p-1{margin-bottom:0;}
  p.banner-abs-p-3{font-size:0.6rem;}
  .chuongtrinh-item1 span img{max-width:1.5rem;}
  .baocaovien{flex-direction:row;}
  .baocaovien-img{margin-right:1rem;}
  .baocaovien-img{margin-bottom:0;width:30%;}
  .baocaovien-content{width:70%;}
  .bcv_nuocngoai .baocaovien-top{padding: 40px 0px 120px 0px;}
  .lang a{display:inline-block}
  .lang a:nth-child(1){margin-right:3px}
  #header.act{padding:0.8rem 0}

/* CSS */}

/*
##Device = Tablets, Ipads (portrait)
##Screen = B/w 768px to 1024px
*/
@media (min-width:768px){
  .gioithieu-right a{font-size:1rem;}
  [class^='col-']{padding-left:15px;padding-right:15px;}
  .header-logo img{max-width:80%;}
  .header-list ul li a{font-size:.6rem;}
  p.banner-abs-p-1{font-size:2rem;}
  p.banner-abs-p-3{font-size:0.8rem;}
  .taitro-top h3{font-size:1.8rem;}
  .taitro-top p{font-size:1.4rem;}
  header#header.act .header{padding:.5rem!important;}
  header#header.act .header-logo img{width:90%;}
  div#ft-abs img{max-width:30%;}
  .chuongtrinh-item{font-size:1rem;}
  .chuongtrinh-item3{padding-left:1.5rem!important;}
  ul.chuongtrinh-tab li{font-size:1rem;}
  .chuongtrinh-item1 span img{max-width:1.5rem;}
  .gt-bot-item{padding-left:4rem;}
  a.icon-dk{margin:1rem auto;font-size:1rem;padding:.5rem 1rem;}
  ul.chuongtrinh-tab li.active:after{height:1.5rem;}
  .bg1:after{height:15%;background-size:100%;}
  .gt-bot-item{height:190px;min-height:auto}
  .baocaovien{flex-direction:column;}
  .baocaovien-img{margin-bottom:1rem;}
  .baocaovien-img,.baocaovien-content{width:auto;}
  .baocaovien-top{margin-bottom: 2rem;}
}

/*
##Device = Laptops, Desktops
##Screen = B/w 1025px to 1280px
*/
@media (min-width:1025px){
  .baocaovien-top-left h3{font-size:2rem;}
  .baocaovien-top-left span{font-size:1.5rem;}
  .bg:after{background-size:100%;}
  .bg1:after{height:20%;}
  .header-logo img{max-width:80%;}
  p.banner-abs-p-1{font-size:2.6rem;}
  p.banner-abs-p-3{font-size:1rem;}
  .gioithieu-right a{font-size:.5rem;}
  .gt-bot-item{padding-left:4rem;}
  .gt-bot-item p{font-size:0.9rem;}
  section#chude{background:url(img/bg2.png) top left no-repeat;background-size:cover;padding:3rem 0;}
  section#chude h3{border-bottom:unset;}
  section#chude span{font-size:1.4rem;}
  #ft-bot p{font-size:1.5rem;margin-bottom:.5rem;line-height:1.8rem;}
  a.ft-bot-a{font-size:1.5rem;}
  .taitro-top h3{font-size:2rem;}
  .taitro-top p{font-size:1.55rem;}
  div#ft-abs img{max-width:40%;}
  .bcv_nuocngoai{margin-top:50px}

  /* header#header.act .header{padding: 0!important;} */
  header#header.act .header-logo img{width:60%;}
  .chuongtrinh-item{font-size:1.3rem;}
  .chuongtrinh-item1 span img{max-width:1.5rem;}
  .chuongtrinh-item3{padding-left:2rem!important;}
  ul.chuongtrinh-tab li{font-size:1.5rem;}
  section#chuongtrinh{position:relative;background:url(img/bg2.jpg) center center no-repeat;background-size:cover;padding-bottom:9rem;}
  .chuongtrinh-item1 span img{max-width:2rem;}
  .header-list ul li a{font-size:.7rem;}
  #video .row{align-items:flex-end;}
  .video-left{/*margin-left:-2rem;*/padding:3rem 1rem;margin-bottom: 7px}
  .video-load{width:5vw;height:5vw;}
  ul.chuongtrinh-tab li.active:after{height:1.6rem;}
  .baocaovien{flex-direction:row;background:none;padding:0;box-shadow:none;}
  .baocaovien-img{width:30%;margin-bottom:0;}
  .baocaovien-content{width:70%;}
  .baocaovien-top{margin-bottom:2rem;}
  .baocaovien{flex-direction:row;padding:0;height:140px;position:relative;box-sizing:border-box;background:white;box-shadow:0px 0px 5px grey;border-top-left-radius:5rem;border-bottom-left-radius:5rem;}
  .baocaovien-img{position:absolute;height:160px;width:160px;left:0;}
  .baocaovien-content{width:100%;padding-left:180px;display:flex;flex-direction:column;padding-right:15px}
  .baocaovien-out{padding:1rem 0;}
}

/*
##Device = Desktops
##Screen = 1281px to higher resolution desktops
*/
@media (min-width:1281px){
  .header-list ul li a{font-size:0.9rem;}
  .header-logo img{max-width:85%;}
  p.banner-abs-p-1{font-size:2.6rem;}
  p.banner-abs-p-3{font-size:1rem;}
  .gioithieu-right a{font-size:0.8rem;}
  .gt-bot-item{padding-left:4rem;}
  .gt-bot-item p{font-size:1.1rem;}
  section#chude h3{border-bottom:unset;font-size:2.5rem;}
  section#chude{background:url(img/bg2.png) top left no-repeat;background-size:cover;padding:4rem 0;}
  .taitro-top p{font-size:1.55rem;}
  section#chude span{font-size:1.5rem;}
  #ft-bot p{font-size:2rem;margin-bottom:1rem;line-height:2rem;}
  a.ft-bot-a{font-size:1.5rem;}
  ul.row.taitro-list li{padding:1rem 0;}
  ul.row.taitro-list li span{font-size:1.25rem;}
  .taitro-top h3{font-size:2rem;}

  /* header#header.act .header{padding: 0!important;} */
  header#header.act .header-logo img{width:80%;}
  .chuongtrinh-item{font-size:1.3rem;}
  .chuongtrinh-item1 span img{max-width:1.5rem;}
  .chuongtrinh-item3{padding-left:2rem!important;}
  ul.chuongtrinh-tab li{font-size:1.5rem;}
  section#chuongtrinh{position:relative;background:url(img/bg2.jpg) center center no-repeat;background-size:cover;padding-bottom:9rem;}
  [class^='col-']{padding-left:15px;padding-right:15px;}

  /*.row{margin-left:-15px;margin-right:-15px;}*/
  div#ft-abs{justify-content:center;padding-top:4rem;}
  .chuongtrinh-item1 span img{max-width:2rem;}
  a.icon-dk{margin:1rem auto;padding:.5rem 2rem;font-size:1.4rem;}
  .video-left h3{font-size:1.8rem;}
  .video-left h4{font-size:1.4rem;}
  .video-left p{font-size:1.1rem;}
  .hoitruong{padding:1rem;}
  div#ft-abs img{max-width:50%;}
}
