@media screen and (max-width: 1190px) {
	.container{
		width: 980px;
	}
	.header-nav-item {
	    width: 100%;
	}
	.header-fixed .logo{
		margin-top: 15px;
	}
	.logo{
		float: none !important;
	}
	.logo a img{
		height: 100%;
		margin: 0 auto;
	}
	.header-nav-wrap{
	    position: fixed;
	    top: 0px;
	    left: -250px;
	    width: 250px;
	    height: 100%;
	    z-index: 10000;
	    background-color: #00A8AB;
	    box-shadow: 3px 3px 0 rgb(0 0 0 / 10%);
	    opacity: 0;
	    visibility: hidden;
	    transition: all ease-in-out .3s;
	}
	.header-nav-wrap-active {
	    left: 0px;
	    opacity: 1;
	    visibility: visible;
	}
	.main-nav-inner{
	    position: absolute;
	    top: 40px;
	    left: 0px;
	    width: 100%;
	    height: calc(100% - 40px);
	    overflow-y: auto;
	}
	.header-nav-item ul {
	    float: left;
	}
	.main-nav-inner-list{
		width: 100%;
	}
	.main-nav-inner>ul>li {
	    float: none;
	    width: 100%;
	    height: auto !important;
	    margin-right: 0px !important;
	    border-bottom: 1px solid #a7c9ca;
	}
	.main-nav-inner>ul>li:last-child{
		border-bottom: none;
	}
	.main-nav-inner>ul>li>a {
	    line-height: 40px !important;
	    margin: 0px !important;
	    border-radius: 0px;
	    color: #fff;
	    font-weight: 400;
	    padding: 0 10px;
	    padding-left: 25px;
	    position: relative;
	}
	.main-nav-inner>ul>li a {
	    display: block;
	    color: #fff;
	    font-weight: 700;
	    font-size: 15px;
	    padding: 0 25px;
	}
	.main-nav-inner-top-order{
		top: 0px;
	}
	.icon-show-nav {
    	display: block;
	}
	.icon-show-nav, .close-nav {
	    display: block;
	}
	.close-nav {
	    position: absolute;
	    top: 0px;
	    left: 0px;
	    height: 40px;
	    line-height: 40px;
	    color: #fff;
	    width: 100%;
	    box-sizing: border-box;
	    padding: 0 10px;
	    background-color: #02696b;
	    cursor: pointer;
	}
	.close-nav i{
		margin-right: 5px;
	}
	.main-nav-inner>ul>li>a:after {
	    position: absolute;
	    font-family: 'Font Awesome 5 Pro';
	    content: "\f105";
	    left: 10px;
	    color: #eee;
	    font-size: 13px;
	    top: -1px;
	}
	.home-video-item {
	    width: calc((477.5px - 23px) / 2);
	}
@media screen and (max-width: 1000px) {
	.container{
		width: 720px;
	}
	.single-tab-nav li:nth-child(5){
		margin-top: 10px;
		margin-left: 0px;
	}
	.pro-item {
	   width: calc((100% - 20px) / 2);
	   margin-right: 20px;
	}
	.pro-item:nth-child(2n+2){
	   margin-right: 0px;
	   float: right;
	}
	.pro-item:nth-child(n+3){
	   margin-top: 20px;
	}
	.owl-video{
		text-align: center;
	}
	.footer-item{
		width: 100%;
		margin-right: 0;
	}
	.footer-item:nth-child(n+2){
		margin-top: 30px;
	}
	.footer-item{
		border-bottom: 1px solid#c5c5c5;
		padding-bottom: 20px;
	}
	.footer-item:nth-child(3){
		border-bottom: none;
		padding-bottom: 0px;
	}
	.contact-col {
	    width: 100%;
	}
	.contact-col-right{
		margin-top: 30px;
	}
	.single-pro-top-left {
	    width: 350px;
	}
	.single-pro-top-right {
	    width: calc(100% - 375px);
	}
	.primary,.sidebar{
		width: 100%;
	}
	.single-related-item:nth-child(n) {
	    width: 100%;
	    margin: 0;
	}
	.single-related-item:nth-child(n+2) {
	    margin-top: 15px;
	}
	.search-form {
	    width: 96%;
	}
	.sidebar{
		margin-top: 20px;
	}
	.block-dt-item-thumb{
		height: 347px;
	}
	.order-top-left{
		width: 100%;
	}
	.order-top-right{
		width: 100%;
	}
@media screen and (max-width: 740px) {
	.container{
		width: 440px;
	}
	.pro-item{
		width: 100%;
	}
	.pro-item:nth-child(n){
		margin-right: 0px;
	}
	.pro-item:nth-child(n+2){
		margin-top: 30px;
	}
	.pro-item-thumb{
		height: 400px;
	}
	.block-item-title{
		font-size: 23px;
	}
	.block-item-des{
		font-size: 15px;
	}
	.single-tab-nav{
		text-align: center;
	}
	.single-tab-nav li{
		display: inline-block;
		float: none;
		border-bottom: 1px solid#d8d8d8;
	}
	.block-register-fleft, .block-register-right {
	    width: 100%;
	}
	.block-register-right{
		padding: 30px 25px;
	}
	.block-dt-item-thumb{
		height: 207px !important;
	}
	.single-tab-nav li:nth-child(n+3){
		margin-top: 10px;
	}
	.single-content table{
		table-layout: fixed;
		display: block;
	    width: 100% !important;
	    height: 100% !important;
	    overflow-x: auto;
	}
	.new-home-item-thumb{
		width: 100%;
	}
	.new-home-item-info {
	    margin-left: 0px;
	    margin-top: 15px;
	}
	.new-home-item-thumb{
		float: none;
	}
	.owl-video iframe{
		width: 100%;
	}
	.call-hotline {
	    display: none !important;
	}
}
@media screen and (max-width: 440px) {
	.container{
		width: 96%;
	}
	.single-tab-nav li a.single-tab-nav-active {
	    background-color: #fff;
	    border-top: 1px solid #00A8AB;
	    color: #00A8AB;
	    transition: all ease-in-out.3s;
	    text-transform: none;
	}
	.block-support-icon{
		right: 15px;
	}

}