@charset "utf-8";
/* CSS Document */
/*************/
@media screen and (max-width: 991px) {
  html{
    overflow-x: hidden;
  }
  .container{
    max-width: 100%;
  }
  body{
    padding-bottom: 45px;
    overflow-x: hidden;
  }
  .action--scrolltotop{
    bottom: 56px;
  }
  /*********************************/
	.fixedpage-wrapper{
		right: auto; top: auto;
		left: 0; bottom: 0;
		width: 100%;
		background-color: #fff;
		border-top: 1px solid #ccc;
		box-shadow: 0 -.25rem .5rem rgba(var(--bs-body-color-rgb),.075);
	}
	.fixedpage-list{
		flex-direction: row;
		flex-wrap: nowrap;
		padding-left: .25rem; padding-right: .25rem;
	}
	.fixedpage-item{
		width: auto; flex: 1 0 0%;
		margin: 0;
	}
	.fixedpage-link{
		position: relative;
		border: none;
		border-radius: 0;
		padding: .5rem .5em .5rem .5rem;
		box-shadow: none;
	}
	.fixedpage-link::after{
		position: absolute; right: 0; top: 50%; z-index: 1;
		transform: translateY( -50%);
		content: ""; display: block;
		width: 1px; height: 70%;
		background-color: #ccc;
	}
  .footer__info__nav_support,
  .boxnav--banner,
	.fixedpage-list .fixedpage-item:last-child .fixedpage-link::after{
		display: none;
	}
	/*********************************/
  #bg-main{
    margin-bottom: 1rem;
  }
  .breadcrumb{
    display: flex;
    flex-wrap: nowrap;
    overflow-x: hidden;
  }
  .breadcrumb-item{
    flex: 0 0 auto;
    width: auto;
  }
  .boxnav + .boxnav{
    margin-top: .75rem;
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);
  }
  /*****************************************/
  #header{
    --height-logo: 45px;
    padding-bottom: 0;
    margin-bottom: 0;
    box-shadow: 0 .25rem .75rem rgba(0,0,0,.1);
  }
  .header_main__wrapper{
    padding-bottom: 0;
  }
  .header__navigation_wrapper{
    display: none;
  }
  .is-sticky .header__logo{
    margin-bottom: 0;
  }
  .is-sticky #header{
    --height-logo: 32px;
  }
  .header_main__wrapper{
    padding-top: .5rem; padding-bottom: .5rem;
  }
  .header__logo{
    order: 2;
    display: flex; flex-wrap: nowrap;
    width: 100%;
  }
  .header__fsearch{
    width: 100%;
    flex: 0 0 auto;
    order: 1;
    margin-bottom: .75rem;
    display: none;
  }
  .hfsearch__container{
    background-color: #f9f9f9;
  }
  .hfsearch-input{
    line-height: 22px;
  }
  .hfsearch-btn{
    border-left: 1px solid #ddd;
    border-radius: 0;
  }
  .footer__info__wrapper .footer__socail{
    display: flex;
  }
  /********************************/
  .text-bg::before, 
  .homeheader-title::before{
    display: none;
  }
  /*****************************************/
  .homebox-product-container, 
  .homebox-proctl-container{
    padding-top: 2rem;
    padding-bottom: 3rem;
  }
  /**************************/
  .homeheader{
    margin-bottom: 1.5rem;
  }
  .homeheader-title{
    font-size: 35px;
    padding: 0;
    margin-bottom: .5rem;
  }
  .homeheader-text{
    font-size: 14px; line-height: 24px;
  }
  /********************************/
  .homebox-proctl-container{
    padding-left: 0; padding-right: 0;
  }
  .homebox-proctl-boxmain{
    margin-bottom: 1.5rem;
  }
  .homebox-proctl-figure{
    flex-direction: column;
    padding: .5rem .75rem;
  }
  .homebox-proctl-figure > *{
    flex: 0 0 auto;
    width: 100%;
    text-align: center;
  }
  .homebox-proctl-item-img{
    height: 85px;
  }
  .homebox-proctl-caption{
    padding-left: 0rem;
    min-height: 0;
  }
  .homebox-proctl-text{
    max-height: none;
    font-size: 13px; line-height: 20px;
    color: #222;
  }
  .homebox-proctl-title{
    font-size: 17px;
    margin-bottom: .25rem;
  }
  .homebox-proctl-readmore{
    padding-left: 0;
    height: 34px;
    display: none;
  }
  .homebox-proctl-readmore-text{
    transform: none;
    color: var( --color);
    font-size: 13px;
    line-height: 32px;
  }
  .btn-readmore-proctl{
    background-color: var( --color-main);
    color: #fff;
    font-size: 13px;
  }
  .homebox-proctl-boxmain .homebox-proctl-col:nth-child( 4n) .homebox-proctl-item, 
  .homebox-proctl-boxmain .homebox-proctl-col:nth-child( 4n + 1) .homebox-proctl-item{
    background-color: rgb(250, 250, 250);
  }
  .homebox-proctl-boxmain .homebox-proctl-col:nth-child( 4n + 2) .homebox-proctl-item,
  .homebox-proctl-boxmain .homebox-proctl-col:nth-child( 4n + 3) .homebox-proctl-item{
    background-color: rgb(240, 240, 240)
  }
  /********************************/
  .homebox-whynot-wrapper{
    padding-top: 3rem;
  }
  .homeheader-title-whynot{
    line-height: 1.5;
    margin-bottom: 2rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  .homebox-whynot-listrow{
    --bs-gutter-x: 0;
    --bs-gutter-y: 0;
  }
  .homebox-whynot-list{
    padding: 1rem 0rem 2rem;
  }
  .homebox-whynot-list-col{
    flex-wrap: wrap;
    flex-direction: column;
    border: none;
    border-bottom: 1px solid rgba( 255, 255, 255, .5);
    padding-bottom: 1.5rem;
    padding-top: 1.5rem;
  }
  .homebox-whynot-list .homebox-whynot-list-col:last-child{
    border-bottom: none;
    padding-bottom: 0;
  }
  .homebox-whynot-list-col > *{
    flex: 0 0 auto;
    width: 100%;
    text-align: center;
  }
  /********************************/
  .homebox-about-container{
    padding-bottom: 2rem;
  }
  .homebox-about-video{
    padding-top: .75rem;
    padding-right: 0;
  }
  .homebox-about-text{
    padding-top: 1.5rem;
    padding-left: 0; padding-right: 0;
  }
  .homebox-about-title{
    margin-bottom: 1.5rem;
  }
  .homebox-about-link::before{
    left: .5rem; right: .5rem;
    top: .5rem; bottom: -.5rem;
  }
  /********************************/
  .homebox-product-container{
    padding-bottom: 0;
  }
  .prolist-wrapper{
    --bs-gutter-x: 1rem;
    --bs-gutter-y: 1rem;
  }
  .prolist-wrapper.style-list{
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 1.5rem;
  }
  .prolist-wrapper.style-list .proitem__box{
    flex-wrap: wrap;
    flex-direction: column;
  }
  .prolist-wrapper.style-list .proitem__box > *{
    flex: 0 0 auto;
    width: 100%;
  }
  .prolist-wrapper.style-list .proitem__caption{
    padding: 1.5rem 1rem 1rem;
  }
  /********************************/
  .bloglist-wrapper--hor .bloglist-item{
    flex-direction: column;
  }
  .bloglist-wrapper--hor .bloglist-item > *{
    flex: 0 0 auto;
    width: 100%;
  }
  .bloglist-wrapper--hor .blogitem__des{
    padding: 1rem 1.25rem 1.5rem;
  }
  .blogitem__des::before{
    left: 1.25rem;
  }
  .blogitem__title{
    --line-clamp: 5;
    --line-height: 26px;
    font-size: 19px;
  }
  .blogitem__img img{
    aspect-ratio: 5/3;
    height: auto;
  }
  /********************************/
  .contact-info{
    padding-right: 0;
  }
  /********************************/
  .page-wrapper-left{
    order: 2;
    margin-bottom: 1.5rem;
  }
  .page-wrapper-right{
    padding-left: calc(var(--bs-gutter-x) * .5);
    padding-right: calc(var(--bs-gutter-x) * .5);
    order: 1;
  }
  /********************************/
  #accordionFaqs .accordion-faqsitem,
  #accordionFaqs .accordion-faqsitem-button:not(.collapsed), 
  #accordionFaqs .accordion-faqsitem-button:focus{
    border-radius: .5rem;
  }
  /********************************/
  body.blogdetail #bg-main{
    background-color: #fff;
    margin: 0;
  }
  body.blogdetail .page-wrapper-right{
    padding-left: 0;
    padding-right: 0;
  }
  .detail-wrapper{
    padding: 1rem .75rem 0;
  }
  .blogdetail-other{
    padding-left: .75rem;
    padding-right: .75rem;
  }
  /********************************/
  .pagecontact-container{
    margin-bottom: 3rem;
  }
  .pagecontact-boxinfo{
    margin-bottom: 2rem;
  }
  .pagecontact-boxform{
    padding-left: .75rem;
    padding-right: .75rem;
  }
  .pagecontact-boxform .freg_contact{
    padding: 1.5rem;
  }
  /********************************/
  .policydetail-wrapper{
    padding-left: 0; padding-right: 0;
  }
  .policydetail-wrapper .policyother-wrapper{
    padding-left: .75rem;
    padding-right: .75rem;
  }
  .policyother-wrapper .policylist-wrapper .blogitem__des{
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .policylist-wrapper .blogitem__des::before,
  .policyother-wrapper .policylist-wrapper .blogitem__des::before{
    left: 1rem;
  }
  /********************************/
  .proheader-text{
    font-size: 13px; line-height: 22px;
  }
  /*****************************/
  .footer__title{
    font-size: 14px; text-transform: capitalize;
    color: #444;
  }
  .footer__nav a{
    margin-bottom: .35rem;
    color: #fff;
  }
  .footer-logo img{
    height: 55px;
  }
  .footer__author{
    margin-top: 0;
    padding-top: 1rem; padding-bottom: 1rem;
  }
  .footer_nav__container{
    padding: 1rem 0 .5rem;
    margin-bottom: 0 !important;
  }
  .footer__info__nav_about{
    width: 100%;
  }
  .footer__info__wrapper{
    margin-bottom: 1.5rem;
  }
  .footer__info__wrapper .footer__socail{
    padding-top: .35rem;
  }
  .footer__collapse{
    margin-bottom: 0;
    padding: 0;
    border-top: 1px solid rgba( 255, 255, 255, .5);
  }
  .footer__collapse__content,
  .footer__collapse .footer__nav{
    padding: .5rem 0rem;
  }
  .footer__collapse--brand{
    border: none; margin: 0 0 0rem;
  }
  .footer__collapse__content .footer__title,
  .footer__collapse .footer__title{
    position: relative;
    pointer-events: visible;
    margin-bottom: 0;
    padding: .85rem 35px .85rem 0rem;
    color: rgb(181, 181, 181);
  }
  .footer__collapse .footer__title::after{
    position: absolute; right: 10px; top: 50%;
    transform: translateY( -50%);
    font-size: 15px; width: 15px; height: 15px;
    line-height: 15px;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    content: "\f067";
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    color: rgb(128, 128, 128);
  }
  .footer__collapse[open] .footer__title::after{
    content: "\f068";
  }
  .footer__collapse[open] .footer__title{
    border-bottom: 1px solid #ddd;
    margin-bottom: 0rem;
  }
  .footer__collapse__content .footer__title{
    margin-left: calc(var(--bs-gutter-x) * -.5);
    margin-right: calc(var(--bs-gutter-x) * -.5);
    margin-bottom: .5rem;
    border-bottom: 1px solid #ddd;
  }  

}
/*************/
@media screen and ( max-width: 767px) {
  .owl-theme .owl-dots .owl-dot span{
    width: 12px; height: 12px;
    margin-left: 5px; margin-right: 5px;
  }
  /*****************************/
  #button-share .share-item i:after,
  #button-share .share-item b{
      display: none
  }
  #button-share{
    margin-left: -.75rem;
    margin-right: -.75rem;
    margin-bottom: 0;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
  }
  #button-share > a{
    height: 34px;
  }
  #button-share .share-item{
    padding-right: 0;
    border-radius: 3px;
    overflow: hidden;
  }
  #button-share .share-item i{
    width: 34px; height: 34px;
    padding: 5px;
    font-size: 15px; line-height: 24px;
    margin-right: 0;
    background: none;
    color: #fff;
  }
  /*****************************/
  .bg-main--bg img{
    min-height: 130px;
    object-fit: cover; object-position: center top;
  }
  .bg-main-caption{
    padding-top: 2rem; padding-bottom: 1.5rem;
  }
  .bg-main-title{
    font-size: 23px;
  }
  .breadcrumb{
    padding-top: 9px; padding-bottom: 9px;
  }
  
  body.page-contact .footer-mapbox > iframe,
  .footer-mapbox > iframe{
    height: 320px;
    border-width: 5px !important;
  }
  .footer__info__nav_support,
  #footer .footer-contactbox{
    display: none;
  }
  /*****************************/
  .prodetail__overview_img{
    padding: .75rem;
    margin-bottom: .75rem;
  }
  #prodimg_carousel .owl-prev{
    left: -30px;
  }
  #prodimg_carousel .owl-next{
    right: -30px;
  }
  #prodimg_carousel .prodetail__imgitem__big{
    min-height: 0;
  }
  #prodimg_carousel__thumb .prodetail__imgitem__big{
    height: 46px;
  }
  /*****************************/
  .prodetail__overview{
    --bs-gutter-x: 1.5rem;
    margin-bottom: .5rem;
    padding: .75rem .75rem 1.5rem;
  }
  .prodetail__overview_info{
    padding-left: calc(var(--bs-gutter-x) * .5);
  }
  .prodetail__title{
    font-size: 17px;
  }
  .prodetail__price{
    font-size: 15px;
  }
  .prodetail__price > .badge{
    --bs-badge-font-size: 13px
  }
  .prodetail__box__content__label > span{
    font-size: 17px;
    padding-bottom: .35rem;
  }
  .prodetail__box__content{
    padding-top: 1rem;
  }
  .prodetail__content{
    margin-bottom: 1.5rem;
  }
  .prodetail-other{
    padding-bottom: 0;
  }
  .prodetail-other .prodetail-rightsupport{
    display: block;
    margin: 1.5rem auto 0;
  }	
  .prodetail-other > .container{
    padding-top: 0;
    padding-left: 0; padding-right: 0;
  }
  .prodetail-other .proshort-boxitem{
    padding-left: .75rem; padding-right: .75rem;
  }
  .prodetail-other .box-wrapper-header{
    padding-left: .75rem !important; 
    padding-right: .75rem !important;
    border-top: 5px solid #eee;
  }
  .prodetail-other .home-proheighlight .box-wrapper-header{
    border-top: none;
  }
  .prodetail-other .box-wrapper{
    border-radius: 0;
  }
  .proitem__code_label{
    padding: .35rem .55rem;
    font-size: 12px;
  }
  .prodetail__tinhtrang{
    font-size: 13px;
  }
  .prodetail__tinhtrang_label{
    font-weight: 600; width: 90px;
  }
  .prodetail-contact-btn{
    font-size: 15px;
  }
  .prodetail-contact-btn--hotline::before {
    font-size: 31px;
  }
  .prodetail-contact-btn--hotline{
    padding-left: 63px;
  }
  .page-wrapper-left--prodetail .freg_contact_header_title{
    font-size: 19px;
  }
  .page-wrapper-left--prodetail .freg_contact_header{
    font-size: 13px;
    padding: 1rem 1rem;
  }
  /*****************************/
  .prodetail-other-wrapper, 
  .prodetail-content-wrapper{
    padding-top: 2rem;
  }
  .prodetail-content-wrapper{
    background: var( --bs-light) !important;
    padding-bottom: 1rem;
  }
  .page-wrapper-right--prodetail{
    margin-bottom: 1.5rem;
  }
  .page-wrapper-left--prodetail .freg_contact_formwrapper{
    padding-left: 1rem;
    padding-right: 1rem;
  }
  #prodetail-content-tab{
    display: none !important;
  }
  .prodetail-content-tablabel{
    display: block !important;
  }
  #prodetail-content-tabContent > .tab-pane{
    display: block !important;
    opacity: 1 !important;
  }
  #prodetail-content-tabContent > .tab-pane + .tab-pane{
    border-top: 1px solid #ccc;
    padding-top: 1.5rem;
    margin-top: 1.5rem;
  }
  .freg_contact button{
    padding: .55rem 1.5rem;
    font-size: 15px;
    min-width: 0;
  }
  /*****************************/
  .policyother-wrapper .bloglist-wrapper{
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 1.5rem;
  }
  .policydetail_content{
    padding: 1rem calc(var(--bs-gutter-x) * .5) 0;
    margin-bottom: 0;
    border-radius: 0; box-shadow: none;
  }
  .policyother-wrapper{
    border-top: none !important;
  }
  .postdetail__title{
    font-size: 23px;
    margin-bottom: .75rem;
  }
  /*****************************/
  .home--title-sm{
    font-size: 17px !important;
  }
  .title-page--sm{
    font-size: 19px ;
  }
  .freg_contact .form-control{
    line-height: 26px;
  }
  /*****************************/
  body.page-about #footer{
    margin-top: 0;
  }
  .footer-mapcontact{
    padding-top: .75rem;
  }
  .about-content-text{
    font-size: 15px;
  }
  .aboutthread-title{
    font-size: 27px;
  }
  .about-content-des{
    padding: 1rem calc(var(--bs-gutter-x) * .5) 0;
  }
  .homeabout-icontext-item::after{
    left: 0; bottom: 0; right: auto; top: auto;
    width: 100%; height: 1px;
  }
  .homeabout-icontext-listicon{
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0rem;
  }
  .homeabout-icontext-item{
    padding-top: 1.25rem; padding-bottom: 1.25rem;
  }
  .homeabout-icontext-item-title{
    font-size: 15px;
  }
  .aboutthread-boxitem--right .aboutthread-boxitem-main,
  .aboutthread-boxitem--left .aboutthread-boxitem-main{
    padding:1.5rem 1.5rem;
  }
  .aboutthread-boxitem--right .aboutthread-boxitem-img{
    order: 1;
  }
  .aboutthread-boxitem--right .aboutthread-boxitem-main{
    order: 2;
  }
  .aboutthread-boxitem--right{
    padding-bottom: 0;
  }
  /*****************************/
  .homeheader-title{
    font-size: 33px;
  }
  .homeheader-title-whynot{
    font-size: 27px;
  }
  /*****************************/
  .prolist-wrapper{
    --bs-gutter-x: .5rem;
    --bs-gutter-y: .5rem;
  }
  .proitem__caption{
    padding: .5rem;
  }
  .proitem__caption::before{
    left: .35rem; right: .35rem;
    top: .35rem; bottom: .35rem;
  }
  .prolist-wrapper-sm .proitem__title,
  .proitem__title{
    --line-height: 22px;
    font-size: 14px;
  }
  .proitem__info{
    --line-height: 20px;
  }
  .prolist-wrapper-sm .proitem__price{
    font-size: 15px;
  }
  /*****************************/
  .boxhome-prolist{
    margin-bottom: 0;
  }
  /*****************************/
  .postdetail__title{
    font-size: 21px;
    padding-bottom: .5rem;
  }
  .policylist-wrapper .blogitem__title{
    font-size: 17px;
    margin-bottom: .35rem;
  }
  /*****************************/
  body.videodetail .detail-wrapper{
    box-shadow: none;
    padding: 0;
  }
  /*****************************/
  .homebox-whynot-list-title{
    font-size: 29px;
    margin-bottom: .5rem;
  }
  .homebox-whynot-list-text{
    padding-left: 0;
    font-size: 13px; line-height: 20px;
  }
  /*****************************/

  /*****************************/
  /*****************************/
}

/*********************************/
@media screen and ( max-width: 576px) {


}
@media screen and ( min-width: 576px) and (max-width: 991px)  {

}

/*********************************/
@media screen and ( min-width: 767px) and (max-width: 1200px) {
  body{
    overflow-x: hidden;
  }
  .container{
    max-width: 95%;
  }

}
@media screen and ( min-width: 767px) and (max-width: 992px) {
  .container{
    max-width: 100%;
    padding-right: var(--bs-gutter-x);
    padding-left: var(--bs-gutter-x);
  }
  /*********************************/
	.fixedpage-link > svg{
		height: 35px; width: 35px;
	}
	.fixedpage-item{
		font-size: 13px;
	}
	.fixedpage-link{
		padding-top: .5rem; padding-bottom: .5rem;
	}
	body.browser__ipad .fixedpage-wrapper,
	body.browser__macosx .fixedpage-wrapper,
	body.browser__ios .fixedpage-wrapper{
	  padding-bottom: 1rem;
	}
	/*********************************/
  .footer__title{
    font-size: 15px;
  }
  /***************************/ 
  .bg-main-title{
    font-size: 37px;
  }
  .bg-main-caption{
    padding-bottom: 2.75rem;
  }
  /****************************/
  .footer-mapcontact{
    padding-top: 2rem;
  }
  /****************************/
  .pagecontact-boxform .freg_contact{
    padding: 2rem 2.5rem;
  }
  /****************************/
  .about-content-des{
    padding-left: calc(var(--bs-gutter-x) * .5);
  }
  .homeabout-icontext-wrapper > .container{
    padding-left: 0; padding-right: 0;
    max-width: 100%;
  }
  .homeabout-icontext-listicon {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 1.5rem;
  }
  .homeabout-icontext-item-img{
    width: 30px; height: 30px;
  }
  .homeabout-icontext-item-title{
    font-size: 14px;
  }
  .homeabout-icontext-item-caption{
    font-size: 12px;
    width: calc( 100% - 30px);
  }
  .aboutthread-boxitem--left .aboutthread-boxitem-main{
    padding-left: 2rem;
  }
  .about-content-text{
    font-size: 15px;
  }
  .aboutthread-boxitem--right .aboutthread-boxitem-main{
    padding-right: 2rem;
  }
  /****************************/
  .footer-mapcontact-row{
    --bs-gutter-x: 1.5rem
  }
  .footer-contactbox .freg_contact_header{
    font-size: 13px;
    padding: 1.25rem 1.5rem 1.5rem;
  }
  .freg_contact_header_title{
    font-size: 19px;
    padding-bottom: .5rem;
    margin-bottom: .5rem;
  }
  .freg_contact label{
    font-size: 13px;
  }
  .freg_contact .form-control{
    line-height: 24px;
  }
  .footer-contactbox .freg_contact_formwrapper{
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  .freg_contact button{
    font-size: 16px;
    padding: .5rem 1.5rem;
    min-width: 0;
  }
  /****************************/
  .prodetail__overview_img{
    max-width: 380px;
    margin: 0 auto 2rem ;
  }
  /****************************/
  .policydetail_content{
    padding: 1rem 1.5rem;
  }
  .policyother-wrapper .bloglist-wrapper {
    --bs-gutter-x: 2rem;
    --bs-gutter-y: 2rem;
  }
  /****************************/
  .prodetail__overview_info{
    padding-left: 3rem; padding-right: 3rem;
  }
  /****************************/
  .homeheader-title{
    font-size: 31px;
  }
  .homebox-whynot-listrow{
    --bs-gutter-x: 2rem;
    --bs-gutter-y: 1.5rem;
  }
  .homebox-whynot-list{
    padding-bottom: 0;
  }
  .homebox-whynot-list-col{
    border-bottom: none;
    border-right: 1px solid rgba(255,255,255,0.75);

  }
  .homebox-whynot-list-title{
    font-size: 29px;
    margin-bottom: .5rem;
  }
  .homebox-whynot-list-text{
    font-size: 13px; line-height: 20px;
    padding-left: 0;
  }
  /****************************/
  .home-blog .bloglist-boxitem{
    width: 100%;
  }
  .bloglist-wrapper--hor .bloglist-item,
  .home-blog .bloglist-item{
    flex-wrap: wrap;
    flex-direction: row !important;
    align-items: normal !important;
  }
  .bloglist-wrapper--hor .blogitem__img,
  .home-blog .blogitem__img{
    flex: 0 0 auto;
    width: 220px;
  }
  .home-blog .blogitem__img *{
    height: 100%;
    object-fit: cover; object-position: center top;
  } 
  .bloglist-wrapper--hor .blogitem__des,
  .home-blog .blogitem__des{
    flex: 1 0 0;
    padding-left: 1.5rem;
  }
  .bloglist-wrapper--hor .blogitem__readmore,
  .home-blog .blogitem__readmore{
    display: none;
  }
  /****************************/
  .aboutthread-title{
    font-size: 25px;
  }
  /****************************/
  .detail-wrapper{
    background: none;
    box-shadow: none;
    padding: 1.5rem .75rem 0;
  }
  /****************************/
  #prodetail-content-tab{
    display: none;
  }
  #prodetail-content-tabContent .tab-pane{
    display: block !important;
    opacity: 1;
  }
  .prodetail-content-tablabel{
    display: block;
  }
  .page-wrapper-right--prodetail{
    margin-bottom: 2.5rem;
  }
  .page-wrapper-left--prodetail .freg_contact_header{
    padding: 1.5rem 3rem;
  }
  .page-wrapper-left--prodetail .freg_contact_formwrapper{
    padding: 1.5rem 3rem;
  }
  /****************************/
  .prodetail-other-wrapper, .prodetail-content-wrapper{
    padding-bottom: 3rem;
  }
  /****************************/


}
/****************************/
@media screen and (min-width: 992px) and ( max-width: 1400px) {
  body{
    overflow-x: hidden;
  }
  body.page-products,
  body.blogdetail{
    overflow: visible;
  }


}
/****************************/
@media screen and (min-width: 992px) and ( max-width: 1200px) {
    .container{
      max-width: 95%;
    }
    #header{
      --height-logo: 55px
    }
    .header__logo{
      width: 160px;
    }
    .header__fsearch{
      width: 220px;
    }
    .header__navigation_wrapper{
      padding-left: 0;
    }
    .header-navitem-link{
      font-size: 12px;
    }
    .header__navigation > li{
      padding-left: .75rem;
      padding-right: .75rem;
    }
    #bg-main{
      margin-bottom: 1.75rem;
    }
  /************************/
  .footer__info__nav_support{
    display: none;
  }
  .footer-logo img{
    height: 50px;
  }
  /************************/
  .boxhome-prolist{
    --bs-gutter-x: .75rem;
    --bs-gutter-y: 1rem
  }
  .proitem__caption{
    padding: .5rem;
  }
  .proitem__caption::before{
    left: .5rem; right: .5rem;
    top: .5rem; bottom: .5rem;
  }
  .proitem__title{
    --line-height: 24px;
    font-size: 16px;
  }
  .proitem__info{
    --line-height: 20px;
    font-size: 12px;
  }
  /***************************/
  .homeheader-title{
    font-size: 39px;
    padding-top: .25rem;
    padding-bottom: .25rem;
  }
  .text-bg::before, .homeheader-title::before{
    font-size: 73px;
  }
  .homeheader-title-whynot{
    font-size: 31px;
  }
  /***************************/
  .homebox-proctl-figure{
    padding: 1.5rem .5rem;
  }
  .homebox-proctl-item-img{
    width: 70px;
  }
  .homebox-proctl-title{
    font-size: 17px; line-height: 24px;
  }
  .homebox-whynot-listrow {
    --bs-gutter-x: 3rem;
    --bs-gutter-y: 2rem;
}
  .homebox-whynot-list-title{
    font-size: 35px;
  }
  .homebox-whynot-list-text{
    font-size: 13px; line-height: 20px;
  }
  .homebox-about-dcontent{
    font-size: 14px; line-height: 26px;
  }
  /***************************/
  .bloglist-wrapper {
      --bs-gutter-x: 1.25rem;
      --bs-gutter-y: 1.5rem;
  }
  .blogitem__des{
    padding: .85rem 1.25rem 1.5rem;
    font-size: 14px; line-height: 24px;
  }
  .blogitem__title{
    --line-height: 26px;
    font-size: 17px;
  }
  /***************************/
  .footer-mapcontact-row {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0rem;
  }
  /***************************/
  .footer__title{
    font-size: 15px;
  }
  .footer__nav a{
    font-size: 12px;
  }
  .freg_contact_header_title{
    font-size: 21px;
  }
  .footer-contactbox .freg_contact_header{
    padding: 1.5rem;
  }
  .footer-contactbox .freg_contact_formwrapper{
    padding-left: 1.5rem; padding-right: 1.5rem;
  }
  .freg_contact button{
    font-size: 17px;
    padding: .5rem 1.5rem;
    min-width: 0;
  }
  /***************************/
  .homebox-product-container, .homebox-proctl-container{
    padding-bottom: 0;
  }
  /***************************/
  .bg-main-caption{
    padding: 3rem 3rem 2.5rem;
  }
  .bg-main-title{
    font-size: 33px;
  }
  /***************************/
  .homeabout-icontext-item-title{
    font-size: 16px;
  }
  .aboutthread-title{
    font-size: 27px;
  }
  .aboutthread-boxitem--left .aboutthread-boxitem-main{
    padding-left: 2.5rem;
  }
  .aboutthread-boxitem--right .aboutthread-boxitem-main{
    padding-right: 2.5rem;
  }
  /***************************/
  .page-wrapper-right{
    padding-left: 1.5rem;
    width: calc( 100% - 260px);
  }
  .page-wrapper-left{
    width: 260px;
  }
  .boxnav{
    box-shadow: 0 0.25rem 0.5rem rgba(0,0,0,.15);
  }
  .boxnav-header{
    padding-top: .65rem; padding-bottom: .65rem;
    font-size: 14px;
  }
  .boxnav-list-link{
    --bs-list-group-item-padding-y: .65rem;
    font-size: 13px;
  }
  .accordion-title-img{
    width: 40px;
  }
  /***************************/
  .prolist-wrapper-sm {
    --bs-gutter-x: 1rem;
    --bs-gutter-y: 1rem;
}
  /***************************/
  .pagecontact-boxinfo{
    margin-bottom: 2rem;
  }
  .pagecontact-boxform{
    padding-left: calc(var(--bs-gutter-x) * .5);
  }
  /***************************/
  body.page-products,
  body.blogdetail{
    overflow: visible;
  }
  .bloglist-wrapper--hor .blogitem__img{
    width: 230px;
  }
  .bloglist-wrapper--hor .blogitem__text{
    --line-clamp: 3;
  }
  .detail-wrapper{
    padding: 1.25rem 2rem;
  }
  .postdetail__title{
    font-size: 21px;
  }
  #toccontent__wrapper{
    font-size: 12px; line-height: 20px;
  }
  /***************************/
  .page-wrapper-left--prodetail .freg_contact_header_title{
    font-size: 19px;
  }
  .page-wrapper-left--prodetail .freg_contact_header{
    padding: 1rem;
  }
  .page-wrapper-left--prodetail .freg_contact_formwrapper{
    padding-left: 1rem; padding-right: 1rem;
  }
  /***************************/
  .homebox-proctl-container{
    max-width: 100%;
    margin-bottom: 3.5rem;
  }
  .homebox-proctl-text{
    max-height: none;
  }
  .homebox-proctl-caption{
    min-height: 100%;
  }
  .homebox-about-video{
    padding-right: calc(var(--bs-gutter-x) * .5);
  }
  .homebox-about-text{
    padding-top: 1.5rem;
    padding-left: calc(var(--bs-gutter-x) * .5);
    padding-right: calc(var(--bs-gutter-x) * .5);
  }
  .homebox-about-container{
    padding-bottom: 0;
  }
  /***************************/
  /***************************/
  /***************************/
  /***************************/
  /***************************/

}
@media screen and (min-width: 991px){
  .boxnav-header{
    pointer-events: none;
  }
  .boxnav-header::after{
    display: none;
  }
  #boxnav-blognav,
  #boxnav-product-accordion{
    display: block !important;
  }


}

@media screen and (min-width: 1201px) and (max-width: 1400px){
    /********************************/
    .container{
      max-width: 96%;
    }
    /********************************/


}
@media screen and (min-width: 1201px) and (max-width: 1300px){
  /********************************/
  
  #header{
    --height-logo: 65px      
  }
  .header__logo{
    width: 190px;
  }
  .header-navitem-link{
    font-size: 13px;
  }
  .header__navigation > li{
    padding-left: 1.15rem;
    padding-right: 1.15rem;
  }
  .homeheader-title{
    font-size: 45px;
  }
  .text-bg::before, .homeheader-title::before{
    font-size: 81px;
    line-height: 1;
  }
  .homebox-proctl-title{
    font-size: 17px; line-height: 26px;
  }
  /********************************/
  .homebox-whynot-list-title,
  .homeheader-title-whynot{
    font-size: 39px;
  }
  /********************************/
  .boxhome-prolist{
    --bs-gutter-y: 2.5rem;
    --bs-gutter-x: 1.35rem;
    margin-bottom: 0;
  }
  /********************************/
  .bloglist-wrapper {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 1.5rem;
  }
  .blogitem__des{
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  /********************************/
  .footer__title{
    font-size: 15px;
  }
  .bg-main-title{
    font-size: 41px;
  }
  /********************************/
  .aboutthread-title{
    font-size: 27px;
  }
  /********************************/

}
@media screen and (min-width: 1201px) and (max-width: 1350px){
  /********************************/

  
  /********************************/
}

@media screen and (min-width: 1400px) and (max-width: 1600px){


}