@charset "utf-8";
/* CSS Document */
/*************/
@media screen and (max-width: 991px) {
	body{
		background-size:cover; color:#000;
	}
	body.page-home{
		overflow:hidden;
	}
	.btn_mobile{
		display:block;
	}
	.dcontent img{
		height:auto !important;
	}
	.container{
		width:100%;
	}
	.bg-main{
		margin-bottom:50px;
	}
	/********/
	#header,
	#footer .footer-info{
		padding-left:0; padding-right:0;
	}
	#header{
		height:40px;
	}
	#header .logo{
		width:100%; display:block;
	}
	#header .logo img{
		height:60px;
	}
	#header .navigation,
	#header .navigation-right,
	#footer .fbanner .item{
		display:none;
	}
	#footer .fbanner .item:first-child,
	#footer .fbanner .item:nth-child( 2){
		display:block;
	}
	#footer .links,
	#footer .author{
		display:block; width:100%; text-align:center;
	}
	#footer .links{
		margin-bottom:7px;
	}
	.title-page{
		font-size:21px; line-height:26px;
		font-weight:600; margin-bottom:15px;
	}
	.quote-page{
		font-size:16px;
	}
	.contact-form .row .col-xs-12{
		margin-bottom:15px;
	}
	.contact-form .row .col-xs-12:last-child{
		margin-bottom:0
	}
	/*****************/
	.about-item .text,
	.about-item .img{
		-ms-flex: 0 0 100%;		flex: 0 0 100%;		max-width: 100%;
	}
	.about-item .img{
		padding-left:0;
		order:1; -o-order:1; margin-bottom:15px; margin-top:5px;
	}
	.about-item .text{
		order:2; -o-order:2;
	}
	.aboutctl-content .nav{
		display:none;
	}
	.aboutctl-content .tab-content{
		padding-left:0; width:100%;
	}
	.aboutctl-content .tab-content .content .img,
	.aboutctl-content .tab-content .content .des{
		-ms-flex: 0 0 100%;		flex: 0 0 100%;		max-width: 100%;
	}
	.aboutctl-content .tab-content .content .img {
		order: 1;		-o-order: 1; margin-bottom:10px;
		padding-left:0; padding-right:0;
	}
	.aboutctl-content .tab-content .content .des {
		order: 2;		-o-order: 2;
	}
	.aboutctl-content .tab-content .title-page{
		display:block;
	}
	.prodeail-extension ul{
		width:100%;
	}
	.prodeail-extension ul li{
		width:100%; clear:both;
	}
	.prodeail-extension ul li:nth-child( 3n + 1){
		clear:none;
	}
	.prodeail-extension ul li:nth-child( 2n + 1){
		clear:both;
	}
	/***************/
	.pdetail-tab-container > .tab-content{
		padding:30px 15px;
	}
	.prodetail-title{
		margin-top:30px;
	}
	/************/
	.blog-detail-container .img,
	.blog-detail-container .des,
	.blog-detail-container hr{
		width:100%;
	}
	.blog-detail-container .img{
		padding-left:0; margin-bottom:15px;
	}
	/***************/
	.aboutctl-page .tabnav li{
		margin-right:3px;
	}
	.aboutctl-page .tabnav a{
		padding:3px 10px;
	}
	.aboutctl-page .about-tabnav{
		position:static;
	}
	.aboutctl-page .about-tabnav{
		background:rgba(0, 0, 0, 0.75); color:#FFF;
	}
	.aboutctl-page .about-tabnav a{
		color:#FFF;
	}
	.aboutctl-page .tabnav li{
		clear:both; display:block; width:100%;
		background:none;
		border-bottom:1px solid #555;
	}
	.aboutctl-page .tabnav li:last-child{
		border-bottom:none;
	}
	.aboutctl-page .tabnav li a{
		padding:10px 0; color:#FFF;

	}
	.aboutctl-page .tabnav{
		padding-top:8px; padding-bottom:8px;
	}
	.aboutctl-page .tabnav li.active,
	.aboutctl-page .tabnav li.active a,
	.aboutctl-page .tabnav li.active:hover,
	.aboutctl-page .tabnav li:hover{
		background:none !important; color:#FFF;
	}
	.aboutctl-page .tabnav li:hover a{
		color:var( --color-red) !important;
	}
	.services-nav-header{
		display:none;
	}
	#faq-accordion .panel-title a{
		font-size:15px;
	}
	.services-des-select > .dropdown{
		width:calc( 50% - 15px); max-width:none;
	}
	.aboutctl-page .about-tabnav a{
		width:calc( 100% - 60px);
		text-overflow: ellipsis;    white-space: nowrap;	overflow:hidden;
		font-size:16px;
	}
	.docobx-list li{
		width:100%; clear:both;
		padding-left:0; padding-right:0;
	}
	.blog-detail-container hr, .docbox hr{
		width:100%;
	}
	.page-container{
		padding-left:20px; padding-right:20px;
	}
	#prodetail-ctl .ctl-nav{
		display: none;
	}
	#owl_pctl_list{
		margin-top: 0;
	}
}
/*************/
@media screen and ( max-width: 767px) {
	.services-des-select > .dropdown{
		width:100%; padding-left:0; margin-left:0;
		margin-bottom:15px;
	}
	.services-des-select > .dropdown::before{
		display:none;
	}
	.services-des-select > .dropdown:last-child{
		margin-bottom:0;
	}
	#footer .fbanner .item .img{
		display:none;
	}
	#footer .fbanner .item .des{
		width:100%; padding-left:0;
	}
}

/*************/
@media screen and (min-width: 768px) and ( max-width: 991px) {

}

@media screen and (min-width: 992px) and ( max-width: 1200px) {
	.container{
		width:100%;
	}
	.title-page{
		font-size:23px; font-weight:600; margin-bottom:30px; line-height:28px;
		margin-top:5px;
	}
	#header .logo img{
		height:65px;
	}
	#header .navigation li span,
	#header .navigation li a{
		padding-left:30px; padding-right:30px;
	}
	.services-nav-header .navbar-brand,
	.services-nav-header .navbar-nav li a{
		padding-bottom:6px; padding-top:6px;
		font-size:12px;
	}
	.services-nav-header [class*="icon-"]::before{
		font-size:12px; line-height:20px; top:6px;
		width:26px; height:18px;
	}
	.services-nav-header .icon-faq::before{
		font-size:15px; line-height:18px;
	}
	.services-nav-header{
		padding-bottom:25px; padding-top:25px;
	}
	.services-nav-header .navbar-nav li a:focus,
	.services-nav-header .navbar-nav li a{
		margin-right:7px;
	}
}
@media screen and (min-width: 992px){
	.aboutctl-page .about-tabnav .container-fluid,
	.aboutctl-page .about-tabnav .navbar-collapse{
		padding-left:0; padding-right:0;
	}
	.aboutctl-page .about-tabnav .navbar-header{
		display:none;
	}
	.aboutctl-page .tabnav{
		display:block; position:static;
	}

}
@media screen and (min-width: 1200px){
	.product__dinfo_img{
		width: 40%
	}
	.product__dinfo_des{
			width: 60%
	}
}