@media screen and (max-width: 1920px) {
  .panel {
    padding: 10px 30px;
  }
}
@media screen and (max-width: 1240px) {
  .panel {
    padding: 10px 30px;
  }
  #about .footer .sections {
    padding: 10px 30px;
  }
  #about .footer .sections div:last-child {
    text-align: right;
  }
  
}

@media screen and (max-width: 1024px) {
  .modal-popup.modal-middle .modal-body{
    width: 400px;
  }
  .background-overlay{
    display: none;
  }
  #chuong-trinh-dao-tao .homa-product-item figcaption {
    
    padding: 15px;
  }
  .post-item{
    height: auto;
  }
 
  #page-details{
    margin-top: 69px;
  }
  .homa-product-text .text-wrap {
    padding-right: 0 !important;
    float: none !important;
    text-align: center;
  }
  #chuong-trinh-dao-tao .homa-product ul li {
    height: 50vh;
  }
  .homa-product {
    padding-top: 0 !important;
  }
  .panel {
    padding: 10px 30px;
  }

  #trang-chu p span {
    font-size: 30px;
  }

  .overlay p,
  .overlay h2 {
    text-align: center;
  }
  .overlay .contact-form {
    text-align: center;
    height: auto;
    padding: 40px 40px 60px 40px;
  }

  #support h3 {
    font-size: 30px;
  }

  .homa-product-title h1 {
    padding: 0;
  }

  #page-details .homa-page-details h2{
    text-align: center;
  }

  #page-details .homa-page-details-img {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    padding-bottom: 30px;
  }
  #page-details .homa-related-product .homa-related-product-background {
    background: none;
  }
  #page-details .homa-related-product .homa-related-product-item h3 {
    color: black;
  }

  .page-details-footer .sections {
    flex-direction: column;
    justify-content: center;
    text-align: center;
  }
  
  .post-item{
    margin-bottom: 14px;
  }
  
  .post-item-2 .post-info .date {
    text-align: left !important;
  }
  #lien-he .flex .contact-image {
    width: 100%;
    height: 400px;
    margin-bottom: 15px;
  }
  .table-responsive-lg{
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .search-icon{
    display: inline-flex;
  }
  .panel .sections > div{
    width: calc(100% / 3);
    
  }
  .panel .sections > div.right {
    margin-left: auto;
    padding-right: 10px;
  }
  .panel.white.top .sections > div.right{
    display: table-cell !important;
    height: 68px;
    padding-right: 10px;
  }

  .panel .sections > div.left {
    padding-left: 10px;
  }

  #lien-he .contact-info {
    margin-left: 15px;
    margin-right: 15px;
    padding: 25px;
  }

  .post-large-item {
    margin-bottom: 15px;
  }
	.home section {
		height: 100%;
	}
	.news-cate-group h2{
		text-align: left !important;
	}
	.post-large-item .post-thumbnail {
		height: auto;
	}
	.post-large-item .post-thumbnail:after{
		content: "";
		display: block;
		padding-bottom: 56.25%;
		width: 100%;
	}
	.post-item .post-thumbnail{
		height: auto;
	}
	.post-item .post-thumbnail:after {
		content: "";
		display: block;
		padding-bottom: 100%;
		width: 100%;
	}
	.post-large-item{
		height: auto;
	}
	.read-more-text {
		
		position: relative;
		left: 0;
		bottom: 0;
	}
	.post-large-item .post-info {
		height: auto;
		padding: 15px 15px 30px 15px;
	 }
	.phone-wiggle{
		left: 35px;
		bottom: 15px;
	  }
	  .messenger-wiggle{
		left: 35px;
		bottom: 75px;
	  }
		.view-wiggle{
		left: 35px;
		bottom: 135px;
	  }
	.messenger-wiggle {
		width: 50px;
		height: 50px;
	  }

	  .messenger-wiggle .button-wrap {
		width: 40px;
		height: 40px;
	  }

	  .messenger-wiggle .button-wrap i {
		line-height: 40px;
		font-size: 20px;
	  }

	  .phone-wiggle {
		width: 50px;
		height: 50px;
	  }

	  .phone-wiggle .button-wrap {
		width: 40px;
		height: 40px;
	  }

	  .phone-wiggle .button-wrap i {
		line-height: 40px;
		font-size: 20px;
	  }
		.view-wiggle {
		width: 50px;
		height: 50px;
	  }
		.view-wiggle .button-wrap {
		width: 40px;
		height: 40px;
	  }
}
@media screen and (max-width: 767px) {
	
	#trang-chu .container .wrap:not(.noSpaces){
		padding: 40px 15px 190px;
	}
  .table-responsive-md{
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  #modal-container .modal-background .modal{
    padding: 35px 10px 25px 15px;
  }
  .container .wrap:not(.noSpaces), .container .wrap.spaceWrap, .container .wrap .spaceWrap{
    padding: 40px 15px;
  }
  #luhanh-panel .grid.fixedSpaces > [class*='col-'] {
    padding-left: 0;
    padding-right: 0;
  }
  #sinh-vien .homa-catalogue-mobile .catalogue-item .catalogue-item-content-list div{
    height: 230px;
  }
  .footer-2 .copyright{
    text-align: center;
    margin-bottom: 10px;
  }
  .footer-2 .social-icon{
    justify-content: center;
  }
  .js-tabs .nav-tabs{
    justify-content: space-between;
    margin: 0 0 15px;
  }
  .js-tabs .nav-tabs{
    text-align: center;
    padding: 0 10px;
    width: 100%;
    display: flex;
    flex-direction: column;
  }
  .js-tabs .tab:not(:last-child) {
    margin-right: 0;
    margin-bottom: 10px;
  }
  .phone-wiggle, .messenger-wiggle, .view-wiggle{
    left: 25px;
  }
  #chuong-trinh-dao-tao .homa-product-title {
    display: table;
  }
  #chuong-trinh-dao-tao .homa-product-title .homa-product-content {
    height: 100%;
    display: table-cell;
    vertical-align: middle;
  }
  #chuong-trinh-dao-tao .homa-product-title .homa-product-content div {
    padding: 15px 0px;
    float: unset;
  }

  .contact-form {
    text-align: center;
  }

  #about .footer .sections {
    font-size: 12px;
    padding: 10px 30px;
  }
  #about .footer .sections div {
    width: 100%;
    display: block;
    text-align: center;
  }
  #about .footer .sections div:last-child {
    text-align: center;
  }

  #page-details .homa-related-product-item {
    padding-top: 15px;
  }
  #page-details .homa-product-title .homa-product-content h2 {
    padding: 15px 30px;
  }
  #page-details .homa-page-details h2 {
    padding: 20px 0px;
  }
  #page-details .homa-page-details p {
    font-size: 18px;
  }

  
  .panel {
    padding: 10px 30px;
  }

  .homa-product-title {
    height: 350px;
  }
  .homa-product-title .homa-product-content div {
    padding-right: 0 !important;
    text-align: center;
  }
  #sinhvien-tabs .nav-tabs{
    flex-wrap: wrap;
    align-content: center;
    justify-content: space-between;
  }
  #sinhvien-tabs .nav-tabs a{
    width: calc(100% / 2 - 5px);
    margin-bottom: 10px;
  }
  #sinhvien-tabs .nav-tabs a:last-child{
    margin: 10px auto 0;
  }
  #chuong-trinh-dao-tao .homa-product-item .example{
    position: absolute;
    width: 280px;
    height: 280px;
    top: calc(50% - 155px);
    left: calc(50% - 140px);
   
  }
  #chuong-trinh-dao-tao .homa-product-item figcaption {
    padding: 20px 0;
  }
  
  #page-details .homa-product-title .homa-product-content h2{
    min-width: 100%;
  }
  #trang-chu p.ae-2 {
    font-size: 20px;
  }
  #trang-chu p.ae-3 {
    font-size: 34px;
  }
  
  #searchForm{
    
    flex-direction: column;
  }

  

  
  .slide-left-arrow {
    left: 0;
  }
  
  .slide-right-arrow {
    right: 0;
  }


  .container {
    /* padding-top: 60px; */
  }

  #tuyen-sinh .hi-icon {
    width: 50px;
    height: 50px;
  }

  #tuyen-sinh .hi-icon-wrap ul li {
    margin: 10px 0;
  }

  #lien-he .contact-info {
    margin-left: 15px;
    margin-right: 15px;
    padding: 25px;
  }

}
@media screen and (max-width: 576px) {
  .table-responsive-sm{
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  #trang-chu img {
    width: 100px;
  }

  .section-sub-title h2 {
    font-size: 20px !important;
    text-align: left !important;
  }
	.modal-popup.modal-left .modal-body {
		width: 48%;
	}
	.modal-popup.modal-right .modal-body {
		width: 48%;
		margin-left: auto;
	}
}
@media screen and (max-width: 435px) {
  .search-form .group{
    margin-right: 0;
  }
  #sinhvien-tabs .nav-tabs a{
    width: 100%;
    margin-bottom: 10px;
  }

  .post-item, .post-large-item{
    width: calc( 100% - 30px);
    height: auto;
    margin: 0 auto 15px;
  }
  
  #chuong-trinh-dao-tao .homa-product-item .example {
    position: absolute;
    width: 260px;
    height: 260px;
    top: calc(50% - 158px);
    left: calc(50% - 130px);
    z-index: 2;
  }
  

  .post-item .post-info {
    height: auto;
    padding: 15px 15px 30px 15px;
  }

  .phone-wiggle{
    left: 15px;
    bottom: 10px;
  }
  .messenger-wiggle{
    left: 15px;
    bottom: 75px;
  }
	.view-wiggle{
    left: 15px;
    bottom: 140px;
  }

  .panel {
    padding: 10px 30px;
  }

  
  #tuyen-sinh .homa-solution-item h5 {
    font-size: 10px;
  }
  .indicator {
    width: 20px;
    height: 20px;
    margin: 0px auto;
  }

  .overlay p,
  .overlay h2 {
    text-align: center;
  }

  .homa-product-title {
    height: 350px;
  }
  .homa-product-title .homa-product-content .text-wrap {
    width: 100%;
    padding-right: 0 !important;
    text-align: center;
  }

  #trang-chu h1 {
    font-size: 40px;
  }
  #trang-chu p {
    padding: 10px 15px;
    text-align: center;
  }
  #trang-chu p span {
    font-size: 15px;
  }

  #chuong-trinh-dao-tao .homa-product-item figcaption div img {
    bottom: calc(50% - 75px);
  }


  .homa-product-content h1 {
    font-size: 30px;
  }

  h2 {
    font-size: 20px;
  }

  #lien-he h2,
  #ve-chung-toi h2,
  #tuyen-sinh h2{
    font-size: 20px;
  }
  #video-clip h2 {
    font-size: 20px;
  }

  #tuyen-sinh p {
    padding: 0;
    font-size: 14px;
  }
  #lien-he .group-text p{
    font-size: 14px;
  }
  #lien-he .contact-info .group-text {
    margin-bottom: 10px;
  }
  .post-large-item .post-info .title {
    font-size: 14px;
    
  }
  #ve-chung-toi .flex{
    padding: 60px 30px;
  }
  .mobile .simplifiedMobile #ve-chung-toi .container,
  .mobile .simplifiedMobile #chuong-trinh-dao-tao .container,
  .mobile .simplifiedMobile #tuyen-sinh .container {
    height: auto;
  }

 
  #trang-chu p.ae-2 {
    font-size: 14px;
    padding: 0;
  }
  #trang-chu p.ae-3 {
    font-size: 28px;
    padding: 0;
    line-height: 1.333;
  }
  .modal-popup.modal-middle{
    width: 100%;
    padding: 0 25px;
  }
	.post-item .post-thumbnail:after {
		padding-bottom: 56.25%;
	}
}
@media screen and (max-width: 325px) {
 
  .panel {
    padding: 10px 30px;
  }

  .homa-product-title {
    height: 350px;
  }
  .homa-product-title .homa-product-content .text-wrap {
    width: 100%;
    padding-right: 0 !important;
    text-align: center;
  }

  #support h3 {
    font-size: 13px;
  }

  #trang-chu h1 {
    font-size: 35px;
  }
}

@media screen and (max-height: 920px){
  #chuong-trinh-dao-tao .homa-product-item figcaption div h4{
    bottom: -15px;
  }
}
@media screen and (max-height: 720px){
  #chuong-trinh-dao-tao .homa-product-item .example {
    position: absolute;
    width: 260px;
    height: 220px;
    top: calc(50% - 135px);
    left: calc(50% - 130px);
    z-index: 2;
  
  }
  
}