@charset "utf-8";
/* CSS Document */
/*************/
@media screen and (max-width: 991px) {
	html{
		overflow-x: hidden;
	}
	.btn_mobile{
			display: block;
	}
	.header__logo,
	#header{
		padding-top: 0px;
		display: flex;		flex-wrap: wrap;
	}
	.header__logo > span,
	#header > div{
		flex-shrink: 0;		width: 100%;
		max-width: 100%;		flex: 0 0 auto;
		width: 100%
	}
	#header .home_slide{
		order: 2;
	}
	#header .sticky-wrapper,
	#header .header__logo__container{
		order: 1
	}
	.is-sticky .header__logo__container{
		padding-top: 5px !important; padding-bottom: 6px !important;
	}
	#header .header__logo__container{
		padding-top: 12px; padding-bottom: 12px;
	}
	.header__logo img,
	body.page-home .header__logo img{
		height: 45px;
	}
	.is-sticky .header__logo img{
		height: 35px !important;
	}
	/****************/
	.header__logo{
		padding-left: .5rem;		align-items: center;
	}
	.header__logo > span{
		flex: 0 0 auto;
		width: auto;
	}
	.header__logo > span.header__logo__social a{
		display: inline-block;
		width: 36px; height: 36px; border: 1px solid var( --bg-gray);
		text-align: center; font-size: 17px;
		line-height: 34px;		margin-left: 8px;
		border-radius: 4px; color: var( --bg-gray)
	}
	.header__logo > span.header__logo_spanlogo{
		flex: 1 0 0%;
		padding-left: 1rem;
	}
	/**************************/
	.footer__logo{
		display: none;
	}
	.footer__text{
		padding: 1.75rem 2rem 1.5rem !important;
	}
	.footer__title{
		font-size: 19px; font-weight: bold;
	}
	.footer__author{
		padding-top: 12px; padding-bottom: 12px;
		font-size: 12px;
	}
	/*********************/
	body.page-home #header .header__logo__container{
		padding-top: 12px; padding-bottom: 12px;
	}
	.header__nav__container{
		display: none;
	}
	#bg-main{
		padding-top: 1.5rem; padding-bottom: 2rem;
		margin-bottom: 1.5rem
	}
	.bgmain__title{
		font-size: 21px; font-weight: bold;
		padding-bottom: 6px;
	}
	.bgmain__title::after{
		height: 3px; width: 50px;
	}
	/*********************/
	#header .home_slide .owlhome__img{
		width: 100%; height: calc( 100vh - 72px);
		object-fit: cover; object-position: center;
	}
	#owl_home .owl-nav .owl-prev,
	#owl_home .owl-nav .owl-next{
		display: none;
	}
	.owlhome__text_container{
		max-width: 100%; padding-left: 1.5rem; padding-right: 1.5rem;
	}
	.owlhome__logo{
		height: 70px;
	}
	.owlhome__title{
		font-size: 35px; line-height: 1.2;
		margin-bottom: 1rem;
	}
	.owlhome__text{
		font-size: 17px; line-height: 26px;
		margin-bottom: .75rem !important;
	}
	#owl_home::after{
		display: none;
	}
	.owlhome__text_container{
		max-width: 90%; padding-left: 0; padding-right: 0;
	}
	.owlhome__caption > .container{
		padding-bottom: 12vh;
	}
	/****************/
	.owl_homepromain__caption{
		padding: 1rem 1.5rem 1rem !important;
		font-size: 14px; line-height: 26px;
	}
	.owl_homepromain__title{
		font-size: 43px; margin-bottom: .75rem;
	}
	.btn__readmore{
		padding: 10px 15px;
	}
	#owl_homeprothumb{
		padding: 1rem 32px;
	}
	#owl_homepromain .owl-nav .owl-prev,
	#owl_homepromain .owl-nav .owl-next{
		width: 30px; height: 55px;
		line-height: 45px;
		background-size: 15px auto;
	}
	#owl_homepromain .owl-nav .owl-next{
		right: 0;
	}
	#owl_homeprothumb .owl-item::after{
		background-size: 90%
	}
	.owl_homeprothumb__img img{
		transform: scale( 1.18);
	}
	.home_prothumb__readmore{
		padding: .5rem .75rem;
	}
	.home_prothumb__readmore span{
			padding: 1rem; text-align: center;
	}
	.home_technology__title{
		font-size: 25px;
	}
	.home_technology__header{
		min-height: 0;
	}
	.home_technology__header img{
		min-height: 150px; width: 100%;
		object-fit: cover; object-position: center;
	}
	.home_about__img::before,
	#htech_tablist{
		display: none;
	}
	#htech_tabContent .owl_homepromain__title{
		font-size: 25px; 		margin-bottom: .75rem;
	}
	.home_technology__readmore{
		background: #FFF;
		border: 1rem solid var( --bg-gray);
		padding: 0 !important
	}
	.home_technology__container .owlhome__readmore{
		border-width: 1px !important; background: #FFF; color: var( --color-yellow);
	}
	.home_technology__readmore .owlhome__readmore::after{
		background-color: var( --color-yellow)
	}
	#htech_tabContent .tab-pane {
		display: block !important;
	}
	#htech_tabContent .tab-pane:nth-child( 2n +1) .hometeach__btn_collapse{
			background: var( --color-yellow);
	}
	#htech_tabContent .tab-pane:nth-child( 2n +1) .hometeach__btn_collapse > div{
		border-color: var( --bg-gray)
	}
	#htech_tabContent .tab-pane:first-child{
		background: var( --color-yellow) !important;
	}
	#htech_tabContent .tab-pane {
		background: var( --bg-gray);
	}
	#htech_tabContent .active .hometeach__btn_collapse > div{
		border-color: #FFF;
	}
	#htech_tabContent .owl_homepromain__caption{
		font-size: 15px; font-size: 16px;
	}
	.hometeach__btn_collapse, #htech_tablist button{
		font-size: 14px; padding-top: 1.5rem; padding-bottom: 1.5rem;
	}
	/*********/
	.home_about__container{
		padding-top: 0.75rem; padding-bottom: 1.5rem;
	}
	.home_about__img::after{
		width: 6rem; height: 6rem;
		transform: translate( -50%, 45%);
	}
	.home_about__text{
		padding-right: calc(var(--bs-gutter-x)/ 2);
	}
	.home_about__title{
		font-size: 23px;
		margin-bottom: 1rem;
	}
	.home_about__container .home_about__dcontent{
		font-size: 15px; line-height: 24px; font-weight: 400;
	}
	.homeblog__container{
		padding-top: 1rem; padding-bottom: 1rem;
	}
	.home-title{
		font-size: 25px; font-weight: bold; line-height: 26px;
		margin-bottom: 1rem !important;
	}
	.home-title::before{
		height: 3px; width: 70px;
	}
	.blogitem{
		margin-bottom: .75rem;
	}
	.blogitem__img img{
		height: 220px;
	}
	.blogitem__caption{
		padding: 20px;
		font-size: 16px; line-height: 24px;
	}
	/********************/
	.aboutmain_wrapper{
		margin-bottom: 1.5rem;
	}
	.services__container .home-title,
	.policy__container .home-title,
	.aboutmain__content .home-title{
		text-align: left;
	}
	.services__container .home-title::before,
	.policy__container .home-title::before,
	.aboutmain__content .home-title::before{
		left: 0; transform: none;
	}
	.aboutmain_wrapper .dcontent{
		font-size: 17px; line-height: 30px;
		text-align: justify;
	}
	.aboutpost__des__title{
		font-size: 19px; font-weight: bold; line-height: 28px;
		margin-bottom: .5rem;
	}
	.aboutpost__des{
		font-size: 15px;
	}
	.aboutpost__container{
		margin-bottom: 2rem;
	}
	.contactus_info{
			padding-right: 0;
	}
	.contactus_info .title-page{
		color: var( --color-yellow)
	}
	.contactus_info .dcontent{
		padding-bottom: 2rem; margin-bottom: 1.75rem;
	}
	.fservices_container,
	.fservices_container .fcontact__wrapper,
	.fcontact__wrapper,
	.fcontact{
		padding: 1rem;
	}
	.fcontact{
		margin-left: calc(var(--bs-gutter-x)/ -2);
		margin-right: calc(var(--bs-gutter-x)/ -2);
	}
	.contactus_info__opt .opt_title{
		font-size: 17px;
	}
	body.page-services,
	body.page-policy{
		background: #fff !important
	}
	.services__container,
	.policy__container{
			box-shadow:  none !important
	}
	#accordion__policy .accordion-button{
		padding: .5rem 1rem;
		font-size: 15px;
	}
	.newsctl__list{
		display: none;
	}
	body.prodetail #bg-main,
	body.page-blog #bg-main{
		margin-bottom: 0;
	}
	body.page-blog.blogdetail #bg-main{
		margin-bottom: 1.5rem
	}
	.dblog_header__container{
		margin-bottom: .5rem;
	}
	.dblog_header__container .title-page{
		font-size: 21px; text-align: left;
		line-height: 28px;
		margin-bottom: 0;
	}
	.dblog_header__boxiteminfo{
		display: none;
	}
	.dcontent,
	.dcontent pre{
		font-size: 16px;
	}
	.fservices_container .home-title{
		font-size: 19px; margin-bottom: 1.5rem !important;
	}
	.fservices_title{
		padding-top: 6px; padding-bottom: 6px;
	}
	.pronav__wrapper .ps-screen{
		padding-left: calc(var(--bs-gutter-x)/ 2) !important;
	}
	.pronav__container{
		padding-top: 1.5rem;
	}
	.protext__wrapper{
		width: 100% !important;
	}
	.title-page{
		font-size: 21px; font-weight: bold;
	}
	.pronav__proitem__img__listhumb{
		left: 0; transform: none; bottom: 9px;
		width: 100%; text-align: center;
	}
	.pronav__proitem__img__listhumb li{
		width: 60px;
	}
	.pronav__proitem__img__listhumb img{
		border-width: 1px;
	}
	.pronav__proitem__des{
		padding: 1.5rem; font-size: 15px;
		line-height: 28px;
	}
	.pronav__proitem__des .owlhome__readmore{
			padding-top: 6px; padding-bottom: 7px;
			font-size: 14px;
			border-width: 1px !important;
	}
	.pronav__collection{
		padding-left: .75rem; padding-right: .75rem;
	}
	.proitem__item__title{
		font-size: 13px; line-height: 22px;
	}
	.proitem__item__des{
		font-size: 14px; line-height: 22px;
	}
	.proitem__item__text{
			max-height: 66px; overflow: hidden;
	}
	.prolist__container{
		--bs-gutter-x: 1.5rem;
		padding-bottom: .5rem;
	}
	.prodetail_container__img{
		padding: 0; margin-bottom: .75rem;
	}
	.prodetail_container__info{
		padding-left: calc(var(--bs-gutter-x)/ 2);
	}
	.prodetail_tech__container{
		 padding-right: 0; padding-top: 1.5rem;
	}
	.prodetail_tech__container .home-title{
		font-size: 19px; line-height: 26px;
		text-align: left !important;
	}
	.prodetail_tech__container .home-title::before{
		left: 0; transform: none;
	}
	.prodetail_other__container{
		padding-right: 0; padding-top: 1.5rem
	}
	.prodetail_other__container .proitem__item__title{
		font-size: 14px; line-height: 22px; margin-bottom: 10px;
	}
	.proitem__item__price{
		font-size: 14px;
		padding: 8px 10px;
	}
	.prodetail_other__container .proitem__item__fixdes{
		height: 125px; margin-bottom: 18px;
	}
	.prodetail_other__container .proitem__item:nth-child(5){
		display: none;
	}
	/**************/
	#owl_prodetail__img .owl-thumb-item{
		padding-left: 3px; padding-right: 3px;
		margin-bottom: 6px;
	}
	.prodetail__quote{
		margin-bottom: 1.25rem;
	}
	.prodetail__optinfo{
		padding-top: 1.5rem;
	}
	.prodetail__optinfo__color{
		padding-bottom: 1rem; padding-right: 0;
	}
	.prodetail__optinfo__color > li{
		--bs-gutter-x: .5rem;
	}
	.prodetail_color_item{
		width: calc( 100% / 7);
	}
	.prodetail__optinfo_btn{
		font-size: 18px; line-height: 32px; text-transform: uppercase;
	}
	.prodetail_thread_img{
		order: 1;
	}
	.prodetail_thread_des{
		orphans: 2
	}
	.prodetail_thread_des{
		padding-top: 1.75rem;
	}
	.prodetail_thread_box2 .prodetail_thread_desitem,
	.prodetail_thread_desitem{
		padding-left: 1rem;
		padding-right: 1rem;
	}
	.prodetail_thread_title{
		font-size: 23px; position: relative;
		padding-bottom: 8px; margin-bottom: 1rem;
	}
	.prodetail_thread_title::before{
		position: absolute; left: calc(var(--bs-gutter-x)/ 2); top: 100%;
		content: ""; display: block;
		width: 50px; height: 3px;
		background: var( --color-yellow)
	}
	.prodetail_thread_text{
		font-size: 14px;
	}
	.prodetail__price{
		font-size: 17px;
	}
	.prodetail_thread_btn{
		margin-right: calc(var(--bs-gutter-x)/ -2);
		margin-left: calc(var(--bs-gutter-x)/ -2);
		padding-bottom: 1.5rem;
	}
	.prodetail_thread_text{
		margin-bottom: 1.5rem
	}
	.prodetail_thread_box1 .prodetail_thread_btn .btn{
		margin-bottom: 1rem;
	}
	.prodetail_thread_box1 .prodetail_thread_btn_video{
		background: #FFF; color: var( --color-yellow)
	}
	.prodetail_thread_box1 .prodetail_thread_btn_video .fa::after{
		border-color: var( --color-yellow)
	}
	.prodetail_thread_box1 .prodetail_thread_btn{
		padding-bottom: 0;
	}
	.prodetail_thread_box2 .prodetail_thread_btn{
		margin: 0; padding: 0;
		position: relative;
	}
	.prodetail_thread_box2 .prodetail_thread_btn .prodetail_thread_btn_video__item{
		background: none; margin-bottom: 1rem;
	}
	.prodetail_thread_box2 .prodetail_thread_des{
		padding-bottom: 1.25rem;
	}
	.prodetail_thread_box2 .prodetail_thread_btn .btn{
		padding-top: 1rem; padding-bottom: 1rem;
		height: auto;
	}
	.prodetail_thread_box3 .prodetail_thread_des{
		padding-top: 1.5rem
	}
	.prodetail_thread_box3 .prodetail_thread_title{
		margin-bottom: 1rem;
	}
	.prodetail_thread_box3 .prodetail_thread_text{
		padding-top: 1.5rem;		padding-bottom: 1.5rem;
		margin-bottom: 0;
	}
	.prodetail_thread_box3 .prodetail_thread_title::before{
		display: none; padding-bottom: 0; margin-bottom: 0;
	}
	.prodetail_thread_box3 .prodetail_thread_btn{
		background: var( --bg-gray); color: #FFF;
		padding-top: 1.5rem
	}
	.prodetail_thread_box3 .prodetail_thread_btn .btn{
		background: none; padding: 0;
		color: var( --color-yellow);
	}
	.prodetail_thread_box3 .prodetail_thread_des{
		padding-bottom: 0;
	}
	.prodetail_thread_box4 .prodetail_thread_desitem{
		padding-left: 1rem;
    padding-right: 1rem;
	}
	.prodetail_tech__container{
		border-top: 1px solid #FFF;
	}
	.prodetail_tech_listitem b{
		line-height: 22px;
	}
	.prodetail_tech_listitem > .col{
		margin-bottom: 12px;
	}
	.prodetail_package_wrapper.border-top{
		padding-top: 1.5rem;
	}
	.prodetail_tech_listitem{
		font-size: 15px; line-height: 24px;
	}
	.mymodal .modal-dialog{
		min-width: 520px;
	}
	#owl_prodetail__img .owl-thumbs img{
		border-width: 1px;
	}
	.mymodal .modal-title{
		font-size: 17px; line-height: 1.2;
		padding-left: .75rem; padding-right: .75rem;
	}
	.services__wrapper .dcontent{
		font-size: 16px;
	}
	.aboutpost__container .aboutpost_item:nth-child(2n) .aboutpost__des__title{
		text-align: left;
	}
}
/*************/
@media screen and ( max-width: 767px) {
	.container{
		max-width: 100%;
	}
	.bgmain__breadcrumb{
		display: none;
	}
	.aboutpost__container{
		margin-bottom: 0;
	}
	.aboutpost__container > .container{
		padding-left: 0; padding-right: 0;
	}
	.aboutpost__des{
		padding: 1.5rem 1rem 1rem;
	}
	.aboutpost__container .aboutpost_item:nth-child(2n) .aboutpost__img{
		order:1
	}
	.aboutpost__container .aboutpost_item:nth-child(2n) .aboutpost__des{
		order:2; text-align: left;
	}
	.aboutpost__container .aboutpost_item:nth-child(2n) .aboutpost__des__title{
		text-align: left;
	}
	.blogitem__hightlight{
			margin-left: calc(var(--bs-gutter-x)/ -2) !important;
			margin-right: calc(var(--bs-gutter-x)/ -2) !important
	}
	.blogitem__hightlight__des{
		padding: 1rem;
	}
	.blogitem__hightlight__des_wrapper{
		padding: 0 .25rem; border: none;
	}
	.blogitem__hightlight__title{
		font-size: 23px; line-height: 1.3;
	}
	.blogitem__hightlight__text{
		margin-bottom: .25rem
	}
	.prodetail__optinfo__icon{
		padding-left: 0; border-top: 1.5rem;
		border-top: 1px solid rgb(222, 226, 230);
		border-left: none;
		padding-top: 1.5rem;
	}
	.prodetail_thread_box1 .prodetail_thread_btn_video__item{
		order: 1;
	}
	.prodetail_thread_box1 .prodetail_thread_btn_shopping__item{
		order: 2
	}
	.mymodal .modal-dialog{
		min-width: 0;		margin: 0;
		height: 100%;
	}
	.mymodal .modal-content{
		border-radius: 0; border: none;
		min-height: 100%;
	}
	.mymodal .modal-header{
		border-radius: 0;
	}
	.mymodal .modal-body{
		padding: .5rem 1rem 1rem;
	}
	.photoitem img{
		height: 80px;
	}
	#modal_video.mymodal .modal-dialog{
			height: auto;			margin: .5rem;
			padding-top: 19vh;
	}
	#modal_video.mymodal .modal-content{
		border-radius: .3rem
	}
}

@media screen and ( min-width: 767px) and (max-width: 992px) {
	.container{
		max-width: 100%;
	}
	.prodetail_other__container .proitem__item:nth-child(4){
		display: none;
	}
	#owl_prodetail__img .owl-thumb-item{
		width: calc( 100% / 9);
	}
	.prodetail_color_item{
		width: calc( 100% / 6);
	}
	.prodetail__optinfo__color{
		padding-right: var(--bs-gutter-x);
		padding-bottom: 0;
	}
	.prodetail_thread_desitem{
		padding-left: var(--bs-gutter-x);
		padding-right: var(--bs-gutter-x);
	}
	.prodetail_thread_title{
		font-size: 23px;
	}
	.prodetail_thread_title::before{
		left: var(--bs-gutter-x);
	}
	.prodetail_thread_box1{
		padding-bottom: 1rem;
	}
	.blogitem__hightlight__des_wrapper{
		height: auto;
	}
	.blogitem__hightlight__text{
		height: auto;;
	}
	.blogitem__hightlight__des_wrapper,
	.blogitem__hightlight__des{
		padding: 1.5rem;
	}
	.bloglist__container{
		--bs-gutter-x: 1.5rem;
	}
	.blogitem{
		margin-bottom: 1.5rem;
	}
	.homeblog__container .blogitem{
    width: 100%;		flex: 0 0 auto;
	}
	.homeblog__container .blogitem_box {
		--bs-gutter-x: 1.5rem;		--bs-gutter-y: 0;
		display: flex;		flex-wrap: wrap;
		border: 1px solid #ddd;
	}
	.homeblog__container .blogitem_box .blogitem__img  {
		flex: 0 0 auto;	width: 40%;
	}
	.homeblog__container .blogitem_box .blogitem__caption  {
		flex: 0 0 auto;	width: 60%;
		padding-left: 1.5rem
	}
	.owlhome__title{
		font-size: 43px;
	}
	.owlhome__text{
		font-size: 18px;
	}
	.owl_homepromain__caption{
		font-size: 15px;
	}
	.home_prothumb__readmore{
		font-size: 17px;
	}
	.home_technology__title {
		font-size: 35px; top: 40%;
	}
	.homeblog__container{
		padding-top: 2rem;
	}
	.aboutpost__des{
		padding: 1.5rem 2rem;
	}
	.proitem__item__title{
		font-size: 15px; line-height: 24px;
	}
}
@media screen and (min-width: 992px) and ( max-width: 1200px) {
	.owlhome__logo{
		height: 75px;
	}
	.owlhome__title{
		font-size: 45px;
	}
	.owlhome__text{
		font-size: 19px;
	}
	.header__logo img{
		height: 46px;
	}
	.ps-screen{
		padding-left: .75rem !important;
	}
	.navigation{
		font-size: 14px;
	}
	.navigation .header_social a{
			display: none;
	}
	.navigation .header_social .header_lang{
		display: inline-block;
	}
	.navigation li{
		padding-left: 16px; padding-right: 16px;
	}
	.navigation a{
		padding-top: 5px; padding-bottom: 5px;
	}
	#footer{
	}
	.footer_img{
		height: 45px;
	}
	.footer__logo{
		padding: 45px
	}
	.footer__text{
		padding: 1.5rem 100px 1rem 3.25rem !important;
	}
	.footer__title{
		font-size: 21px;
	}
	#google_maps{
		height: 330px;
	}
	#bg-main{
		padding-top: 2rem; padding-bottom: 2rem;
		margin-bottom: 2rem;
	}
	.bgmain__title{
		font-size: 25px;
	}
	body.page-home #header .header__logo__container{
		padding-top: 25px;
		padding-bottom: 30px;
	}
	body.page-home .header__logo img{
		height: 52px;
	}
	#owl_home .owlhome__item > img{
			height: calc( 100vh - 110px); width: 100%;
			object-fit: cover; object-position: center;
	}
	.owl_homepromain__caption{
		padding: .25rem 3.5rem !important;
		line-height: 27px; font-size: 16px;
		text-align: left;
	}
	#owl_homepromain .owl-nav .owl-next{
		right: 0;
	}
	.home_prothumb__readmore {
		display: none;
	}
	.owl_homepromain__title{
		font-size: 39px; margin-bottom: 1rem;
		text-align: left;
	}
	.owl_homepromain__text{
		font-size: 15px; line-height: 24px;
		overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 5; /* number of lines to show */
   -webkit-box-orient: vertical;
	 max-height: calc( 24 * 5);
	 text-align: left;
	}
	.owl_homepromain__text br{
		margin: 3px 0;
	}
	.btn__readmore{
		padding-top: 10px; padding-bottom: 10px;
	}
	#htech_tabContent .owl_homepromain__title{
		font-weight: bold;
		font-size: 27px;
	}
	#htech_tabContent .owl_homepromain__caption{
		padding-bottom: 0;
	}
	.owl_homepromain__img{
		padding-left: 0
	}
	.hometeach__btn_collapse, #htech_tablist button{
		font-size: 14px; line-height: 18px;
	}
	.hometeach__btn_collapse,
	#htech_tablist button{
			padding: 1rem;
	}
	.hometeach__btn_collapse div, #htech_tablist button > div{
		padding: .75rem;
	}
	.hometeach__btn_collapse b, #htech_tablist button b{
		font-size: 17px;
	}
	.home_about__container{
		padding-top: 3.5rem; padding-bottom: 2.5rem;
	}
	.home_about__title{
		font-size: 31px; font-weight: bold;
	}
	.home_about__img::before{
		width: 9rem; height: 9rem;
		transform: translate( -50%, -89%);
	}
	.home_about__container .home_about__dcontent{
		font-size: 15px; line-height: 26px;
		margin-bottom: 2rem !important;
	}
	.home_about__img::after{
		width: 11rem; height: 11rem;
		transform: translate( -50%, 32%);
	}
	.homeblog__container{
		padding-top: 2rem; padding-bottom: 0rem;
	}
	.home-title{
		font-size: 29px; margin-bottom: 2rem;
	}
	.home-title::before{
		height: 3px;
		width: 60px;
	}
	.bloglist__container {
    --bs-gutter-x: 1.5rem;
	}
	.blogitem__img img{
		height: 180px;
	}
	.blogitem__caption{
		padding: 12px 20px 20px;
		font-size: 15px; line-height: 23px;
	}
	.blogitem_title{
		font-size: 15px; line-height: 22px;font-weight: bold;
	}
	.home_technology__title{
		font-size: 31px;
	}
	.home_technology__header{
		min-height: 0;
	}
	.home_technology__header::after{
		height: 90px;
	}
	.aboutpost__container{
		margin-bottom: 0;
	}
	.aboutpost__container > .container{
		max-width: 100%;
		padding-left: 0; padding-right: 0;
	}
	.aboutpost_item {
		align-items: normal !important;
	}
	.aboutpost__img img{
		height: 100%; width: 100%;
		object-fit: cover; object-position: center;
	}
	.aboutpost__des{
		padding: 1.5rem 2rem 1rem 3rem;
	}
	.aboutpost__des__title{
		font-size: 23px; margin-bottom: .75rem;
	}
	.aboutpost__container .aboutpost_item:nth-child(2n) .aboutpost__des{
		padding: 1.5rem 3rem 1rem 2rem; text-align: right;
	}
	.pronav__container{
		padding-top: 2rem
	}
	.pronav__title{
		font-size: 21px;
	}
	.pronavsub__container li{
		padding-top: 11px; padding-bottom: 11px;
	}
	.pronav__proitem__img__listhumb li{
		width: 75px;
	}
	.owlhome__readmore,
	.pronav__proitem__img__listhumb img{
		border-width: 1px !important;
	}
	.pronav__proitem__title{
		font-size: 27px;
	}
	.pronav__proitem__des{
		font-size: 15px;
	}
	.protext__wrapper{
		width: 100% !important
	}
	.proitem__item__title{
		font-size: 14px; line-height: 20px; color: #000;
	}
	.prodetail__title{
		font-size: 31px;
	}
	.prodetail_tech__container .home-title{
		font-size: 23px;
	}
	.prodetail_other__container{
		padding-top: 2rem; padding-right: 0;
	}
	.prodetail_other__container .proitem__item__title{
		font-size: 14px; line-height: 22px;
	}
	.prodetail_other__container .proitem__item:nth-child(5){
		display: none;
	}
	/**************/
	.mymodal .modal-dialog {
    min-width: 520px;
	}
	.mymodal .dcontent{
		margin-bottom: 1rem;
	}
	/************************/
	.prodetail_container__img{
			padding:0 20vw;
	}
	.prodetail_color_item{
		width: calc( 100% / 7);
	}
	.prodetail_thread_title{
		font-size: 25px; position: relative;
	}
	.prodetail_thread_title::before{
		position: absolute; left: 10vw; top: 100%;
		content: ""; display: block;
		width: 55px; height: 3px;
		background: var( --color-yellow);
	}
	.prodetail_thread_img {
    order: 1;
	}
	.prodetail_thread_des{
		order: 2; padding-top: 2rem;
	}
	.prodetail_thread_btn {
    margin-left: calc(var(--bs-gutter-x)/ -2);
    margin-right: calc(var(--bs-gutter-x)/ -2);
	}
	.prodetail_thread_box1 .prodetail_thread_btn .btn{
		margin-bottom: 3rem;
	}
	.prodetail_thread_box2 .prodetail_thread_des{
		padding-bottom: 0;
	}
	.prodetail_thread_box2 .prodetail_thread_desitem{
		margin-bottom: 2rem;
	}
	.prodetail_thread_box2 .prodetail_thread_btn{
		position: relative;
		margin-left: 0; margin-right: 0; margin-bottom: 0;
	}
	.prodetail_thread_box2 .prodetail_thread_btn .btn{
		text-align: center;
	}
	.prodetail_thread_box3 .prodetail_thread_text{
		padding-bottom: 2rem; margin-bottom: 2rem;
	}
	.prodetail_thread_box3 .prodetail_thread_btn{
		padding-bottom: 2rem;
	}
	.prodetail_other__container .proitem__item__fixdes{
	}
	.prodetail_other__container .proitem__item__text{
		margin-bottom: 0 !important;
	}
	.proitem__item__price{
		padding-top: 9px; padding-bottom: 9px;
		font-size: 15px;
	}
	.prodetail_thread_desitem,
	.prodetail_thread_text{
		padding-left: 5rem; padding-right: 5rem;
	}
	.prodetail_thread_text{
		line-height: 28px;
	}
	.prodetail_package_wrapper.border-top{
		padding-top: 2rem;
	}
	.prodetail_tech_wrapper .row-cols-lg-2 .prodetail_tech_listitem > *,
	.prodetail_tech_wrapper .row-cols-lg-3 .prodetail_tech_listitem > *{
			width: 100%;
	}
	.prodetail_package_wrapper  .prodetail_tech_item{
		margin-bottom: 1rem;
	}
	.prodetail_package_wrapper  .prodetail_tech_item h5{
		margin-bottom: 1.75rem; padding-bottom: 5px;
	}
	.prodetail_package_wrapper  .prodetail_tech_item h5::before{
			position: absolute; left: 0; top: 100%;
			content: ""; display: block;
			width: 50px; height: 2px;
			background: #fff;
	}
	.prodetail_tech_listitem b{
		margin-bottom: 0;
	}
	.blogitem__hightlight__title{
		font-size: 21px;
	}
	.blogitem__hightlight__des,
	.blogitem__hightlight__des_wrapper{
		padding: 1.25rem;
	}
	.dblog_header__container .title-page{
		font-size: 27px; margin-bottom: 1.5rem;
	}
	.dblog_header__container{
		margin-bottom: 2rem;
	}
	.dblog_header__boxiteminfo{
		font-size: 15px;
	}
	.photoitem{
		width: 25%;
	}
	.aboutmain_wrapper .dcontent{
		font-size: 19px; line-height: 30px;
	}
	.contactus_info{
		padding-right: 1.25rem;
	}
	.contactus_info .dcontent{
		padding-bottom: 1.25rem; margin-bottom: 1.25rem;
	}
	.contactus_info__opt_socail{
		padding-left: .75rem !important
	}
	.fcontact,
	.fcontact__wrapper{
		padding: 1.5rem;
	}
	.owlhome__text_container{
		max-width: 85%;
	}
	.owlhome__caption > .container{
		padding-bottom: 10vh;
	}
	.prolist__container{
		--bs-gutter-x: 1.5rem;
	}
	.proitem__item__des{
		font-size: 14px; line-height: 22px;
	}
	.title-page{
		font-size: 27px;
	}
	.hometeach__btn_collapse, #htech_tablist button{
		font-size: 13px; line-height: 20px;
	}
	.home_about__text{
		padding-right: 2rem;
	}
	.home_about__title{
		font-size: 27px;
	}
	.prodetail_tech_listitem {
		font-size: 15px;
	}

}

@media screen and (min-width: 992px) and ( max-width: 1101px) {
}
@media screen and (min-width: 1201px) and ( max-width: 1300px) {


}
@media screen and (min-width: 1201px) and ( max-width: 1400px) {
	.container{
		max-width: 92%;
	}
	.prodetail__wrapper__container{
		max-width: 100%;
	}
	.ps-screen{
		padding-left: 5rem !important
	}
	#owl_home img.owlhome__img{
		height: 80vh; width: 100%;
		object-fit: cover; object-position: center;
	}
	.owlhome__text_container{
		max-width: 85%;
	}
	.owlhome__caption > .container{
		padding-bottom: 9vh;
	}
	body.page-home .header__logo img{
		height: 60px;
	}
	body.page-home #header .header__logo__container {
    padding-top: 30px;
    padding-bottom: 30px;
	}
	.navigation{
		font-size: 13px;
	}
	.navigation li{
		padding-left: 19px; padding-right: 19px;
	}
	.navigation .header_social a{
		margin-left: 4px;
	}
	.owl_homepromain__caption{
		padding-right: 2rem;
	}
	.home_technology__title {
		font-size: 47px;
		padding-top: 0; padding-bottom: 0;
	}
	.home_technology__header{
		min-height: 150px;
	}
	.prodetail_thread_desitem{
		padding-left: 4rem; padding-right: 3rem;
	}
	.prodetail_thread_box2 .prodetail_thread_desitem {
	    padding-left: 4rem;
	    padding-right: 3rem;
	}
	.prodetail_thread_box2 .prodetail_thread_btn{
		padding-left: 0; padding-right: 0;
	}
	.prodetail_thread_title{
		font-size: 23px; margin-bottom: 1rem;
		line-height: 1.4;
	}
	.prodetail_thread_box2 .prodetail_thread_btn .btn{
		padding-top: 1.5rem; padding-bottom: 1.5rem;
		height: auto;
		font-size: 17px; font-weight: bold;
	}
	.prodetail_thread_box3 .prodetail_thread_des{
		padding-top: 1.5rem;
	}
	.prodetail_thread_box3 .prodetail_thread_title,
	.prodetail_thread_text{
		margin-bottom: 1.5rem;
	}
	.prodetail_thread_box3 .prodetail_thread_des{
		padding-bottom: 1.5rem;
	}
	.bloglist__container{
		--bs-gutter-x: 1.5rem;
	}
	.blogitem__caption{
		padding: 1rem 1.5rem;
	}
	.blogitem_title{
		line-height: 22px;
	}
	.blogitem__hightlight__title{
		font-size: 22px;
	}
}
@media screen and (min-width: 992px){
	#htech_tabContent .collapse{
		display: flex !important;
	}
}
@media screen and (min-width: 1400px){
	.prodetail_color_item{
		width: calc( 100% / 7);
	}
}