/* 1199 */

@media screen and (max-width: 1199.5px) {
	.site-tieubieu .box-tieubieu .text{
		/*-webkit-box-flex: 0;*/
		/*-ms-flex: 0 0 75%;*/
		/*flex: 0 0 75%;*/
		/*max-width: 75%;*/
	}
	.header-ipad{
		background-color: white;
	}
	.header{
		.col-md-10{
			background-color: white;
			min-height: 0;
		}
		.menu{
			display: none;
			ul{
				align-items: start;
				flex-direction: column;
			}
			
		}
		.col-lg-12{
			padding: 0;
		}
		
	}
	.header{
		.col-lg-12{
			padding-bottom: 5px;
			display: flex;
			align-items: center;
			flex-direction: row;
			justify-content: space-between;
			border-bottom: 1px solid black;
		}
	}
	.solu .solu--box-title{
		width: 100%;
	}
	.menu-mobile ul li a {
		font-size: 200%;
	}
	.menu-mobile ul li span{
		font-size: 30px;
	}
	.banner-top {
		height: 50vh;
	}
	.btn-menu {
		display: flex !important;
	}
	.menu-item-has-children{
		a:after {
			background-size: 18px !important;
		}
	}
	.menu-toggle-icon{
		padding: 10px;
	}

	.mobile{
		display: block;
	}
	.mobile-none{
		display: none;
	}
}

/* 991 */

@media screen and (max-width: 991.5px) {

	.row-vt{
		/*width: 100%;*/
		/*display: flex;*/
		/*flex-flow: row wrap;*/
		/*margin: auto;*/
	}
	.col-vt{
		/*order: 2;*/
	}
	.header__logo img{
		/*max-width: 200px;*/
	}
	.header__menu{
		/*display: none;*/
	}
	.site-tieubieu .box-tieubieu .text{
		/*-webkit-box-flex: 0;*/
		/*-ms-flex: 0 0 69%;*/
		/*flex: 0 0 69%;*/
		/*max-width: 69%;*/
	}
	.site-theme .items-theme .images{
		/*height: 300px;*/
	}
	.footer__content2{
		/*padding-left: 0;*/
	}
	.items-price .js-content ul li{
		/*text-align: left;*/
		/*display: flex;*/
	}
}

/* 767 */

@media screen and (max-width: 767.5px) {
	.header{
		.col-md-10{
			background-color: white;
			min-height: 0;
		}
		.menu{
			display: none;
			ul{
				align-items: start;
				flex-direction: column;
			}
			
		}
		.col-md-2{
			padding: 0;
		}
		
	}
	.block{
		padding: 30px 0 30px 0;
	}
	.header-top .btn-custom{
		/*position: relative;*/
		/*background: none;*/
		/*padding: 10px 0px;*/
		/*height: auto;*/
		/*width: 100%;*/
	}
	.header-top .btn-custom br{
		/*display: none;*/
	}
	#wpadminbar{
		/*position: fixed;*/
	}
	.header__logo img{
		/*max-width: 120px;*/
	}
	.pd-main{
		/*padding: 30px 0px;*/
	}
	.title-main .heading{
		/*font-size: 20px;*/
	}
	.title-main .heading1{
		/*font-size: 14px;*/
	}
	.title-main{
		/*margin-bottom: 20px;*/
	}
	.items-services h3 a{
		/*font-size: 15px;*/
	}
	.items-services p{
		/*font-size: 13px;*/
	}
	.items-services{
		/*margin-bottom: 20px;*/
	}
	.site-tieubieu ul li{
		/*-webkit-box-flex: 0;*/
		/*-ms-flex: 0 0 100%;*/
		/*flex: 0 0 100%;*/
		/*max-width: 100%;*/
	}
	.title-main .heading1{
		/*margin-bottom: 10px;*/
	}
	.site-theme .nav li{
		/*margin-bottom: 10px;*/
	}
	.site-theme .items-theme h3 a{
		/*font-size: 15px;*/
	}
	.site-theme .items-theme .images{
		/*height: 200px;*/
	}
	.content-customer{
		/*max-width: 100%;*/
	}
	.btn-custom{
		/*font-size: 14px;*/
	}
	.items-news{
		/*margin-bottom: 20px;*/
	}
	.footer__content{
		/*margin-bottom: 20px;*/
	}
	.items-price .js-content ul li{
		/*margin-bottom: 10px;*/
	}
	.items-price .price{
		/*margin-bottom: 20px;*/
	}
	.active-scroll{
		/*bottom: 20px;*/
	}
	.content-area .items-news h3 a{
		/*font-size: 16px;*/
	}
	.content-area .items-news p{
		/*font-size: 14px;*/
	}
	.login-tuvan .content{
		/*max-width: 95%;*/
	}
	.title-main .heading1{
		/*line-height: 1.5;*/
	}
	.site-price .nav-tab li a{
		/*padding: 15px 10px;*/
	}
	.archive-post .items-news{
		/*margin-bottom: 0;*/
	}
	.archive-post .items-news p{
		/*overflow: hidden;*/
		/*text-overflow: ellipsis;*/
		/*-webkit-line-clamp: 3;*/
		/*display: -webkit-box;*/
		/*-webkit-box-orient: vertical;*/
	}
	.archive-post .items-news h3 a{
		/*overflow: hidden;*/
		/*text-overflow: ellipsis;*/
		/*-webkit-line-clamp: 2;*/
		/*display: -webkit-box;*/
		/*-webkit-box-orient: vertical;*/
	}
	.products-bc{
		/*margin-top: 30px;*/
	}
	.items-news-hl .content{
		/*padding: 15px;*/
	}
	.items-news-hl,.mb-30{
		/*margin-bottom: 20px;*/
	}
	.archive-post{
		/*padding: 30px 0px;*/
	}
	.page-banner .title{
		/*font-size: 20px;*/
	}
	.btn-custom{
		/*height: 40px;*/
		/*line-height: 40px;*/
	}
	.col-order-2{
		/*order: 2;*/
	}
	.theme-content{
		/*margin-top: 20px;*/
	}
	.archive-theme .thumbail a{
		/*height: 300px;*/
	}
	.archive-theme .theme-content .price{
		/*margin-bottom: 30px;*/
	}
	.theme-copyright{
		/*margin-top: 20px;*/
	}
	.site-contact .bg-contact{
		/*padding: 15px;*/
	}
	.site-contact .form-contact{
		/*margin-top: 20px;*/
	}
	.fix-column{
		flex-direction: column;
	}
	.background-title::before{
		top: 2px;
		-webkit-text-stroke: 2px rgb(51, 51, 51);
	}
	.img-grid{
		margin-bottom: 30px;
	}
	.vertical-text {
		right: 18px;
		top: 5%;
		transform: translateY(-50%);
	}
	.text-banner {
		-webkit-text-stroke: 2px rgb(51, 51, 51);
	}
	.partner{
		top: 10% !important;
	}
	.banner-top{
		height: 36vh;
	}
	.mobile_btn{
		position: unset !important;
	}
	.text-center{
		width: 100%;
	}
	.short-description.mobile {
        display: block;
    }

    .short-description.default {
        display: none;
    }
	.mobile-none{
		img{
			display: none;
		}
	
	}
	.footer-line{
		display: none;
	}
	.logo{
		width: 100px;
		img{
			width: 70px;
		}
	}
	.header{
		.col-md-2{
			padding-bottom: 5px;
			background-color: white;
			display: flex;
			align-items: center;
			flex-direction: row;
			justify-content: space-between;
			border-bottom: 1px solid black;
		}
	}
	.btn-menu {
		display: flex !important;
	}
	.menu-item-has-children{
		a:after {
			background-size: 18px !important;
		}
	}
	.menu-toggle-icon{
		padding: 10px;
	}

	.mobile{
		display: block;
	}
	.mobile-none{
		display: none;
	}
	.title h2{
		font-size: 26px;
	}
	.menu-mobile ul li a {
		font-size: 110%;
	}
	.menu-mobile ul li span{
		font-size: 20px;
	}
	.header .col-lg-12{
		padding-right: 10px;
	}
	.title{
		h1{
		  font-size: 27px;
		  line-height: 110%;
		}
		h2{
		  font-size: 23px;
		  line-height: 110%;
		}
		h3{
		  font-size: 18px;
		  line-height: 110%;
		}
		h4{
		  font-size: 14px;
		  line-height: 110%;
		}
	  }
	  .grid-archi{
		grid-template-columns: repeat(1, 1fr);
	  }
	  .more-post-grid{
		grid-template-columns: repeat(2, 1fr);
	  }
	  .more-post-grid .the_title a {
		font-size: 0.75rem;
		line-height: 140%;
		margin-bottom: 0;
	}
	
}