@charset "utf-8";
/* CSS Document */
@media screen and ( max-width: 991px) {
	body{
		width:100%;
		overflow-x:hidden; text-align:justify;
		padding-top:65px; padding-bottom:40px;
	}
	#call_mobile{
		display:block;		
	}
	#btn-scrolltop{
		bottom:60px; right:10px;	
	}
	.padd-tb50{
		padding-bottom:30px; padding-top:30px;	
	}
	#header .btn_mobile{
		display:block;
	}
	.page-container{
		width:100%; padding-left:15px; padding-right:15px;	
	}
	.breadgroup .breadcrumb{
		text-overflow: ellipsis;    white-space: nowrap;	overflow:hidden;	
	}
	.breadgroup .breadcrumb li:first-child,
	.breadgroup .breadcrumb li:last-child{
		display:inline-block;
	}
	.breadgroup .breadcrumb li{
		display:none;
	}
	/***********/
	.page-home #main-wrapper{
		position:static;	
	}
	#header{
		background:#FFF;	
	}
	#slide-video{
		display:none;
	}
	/***********/
	#intro-header .header-sologan{
		position:relative;
		height:50vh; margin-top:0; padding:50px 15px;
		background:url(../img/intro.jpg) no-repeat center center;
		background-size:cover;
	}
	#intro-header .caption{
		position:relative; z-index:9;	
	}
	#intro-header .header-sologan::before{
		position:absolute; left:0; top:0; z-index:3;
		width:100%; height:100%;
		content:""; display:block;
		background-color:rgba(222, 67, 1, 0.40);
	}
	#intro-header .caption{
		padding-left:10px; padding-right:10px;	
	}
	/**********/
	#header .header-navmain{
		background:#FFF; border-bottom:1px solid rgba(222, 67, 1, 1);
		position:fixed; left:0; top:0; z-index:99;
		width:100%;
	}
	.page-home #header #intro-header{
		height:auto;	
	}
	#header .sticky-wrapper{
		background:#FFF;
		position:fixed;
	}
	#header .logo{
		width:100%;
	}
	#header .logo img.logo-black{
		display:inline-block;	
	}
	#header .logo img.logo-white{
		display:none
	}
	#header .logo img{
		height:45px;	
	}
	#bg_header{
		height:220px; overflow:hidden;
		padding-top:0px;	
	}
	/*******/
	#intro-header #mice{
		display:none;	
	}
	#intro-header .caption .title{
		font-size:25px; line-height:34px;
		margin-bottom:12px;	
	}
	#intro-header .caption .title br{
		display:none;	
	}
	#intro-header .caption .des{
		padding-left:0; padding-right:0;
		font-size:19px; line-height:26px;	
		margin-bottom:20px;
	}
	#intro-header .caption .des br{
		display:none;
	}
	#intro-header .caption a.link-about,
	.home-toolanalytics .readmore,
	.services_bgthread .readmore{
		font-size:11px; padding:6px 15px;	
		line-height:22px;
		text-transform:capitalize;
		border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;
	}
	/************/
	.title-page{
		font-size:25px; line-height:36px;
		text-align:left;	
	}
	.home-work .title-page{
		margin-bottom:30px;
		text-align:left;
		font-size:23px; line-height:28px;	
	}
	.title-page.border::after{
		margin:0;	
	}
	/*********/
	.home-work .des .item{
		line-height:26px; font-size:15px;
	}
	.home-work .des .item h3{
		font-size:19px; line-height:26px;	
	}
	.home-work .img{
		position:relative; padding-left:30px; padding-right:30px;	
	}
	.home-work .img .img_1{
		max-height:80%; left:30px;	
	}
	/*********/
	.home-tool{
		padding:35px 15px;	
		background:url(../img/intro.jpg) no-repeat center center;
		background-size:cover;
	}
	.home-tool .icon-tool span{
		background-size:contain;	
	}
	.home-website .title b.num{
		font-size:100px;	
	}
	.home-website .title .des,
	.home-toolanalytics .des,
	.services_bgthread{
		font-size:19px; line-height:26px;	
	}
	.home-website .readmore{
		font-size:11px; 
		padding:4px 25px 2px; margin-top:30px;
	}
	/*******/
	.home-website .title .title-page{
		font-size:21px; margin-bottom:30px;
		text-align:center;
	}
	.home-website .title-page.border::after,
	.home-toolanalytics .title-page.border::after{
		margin:auto;
	}
	.home-website .title b.num{
		font-size:75px;	
	}
	.home-website .title .des, 
	.home-toolanalytics .des, 
	.services_bgthread{
		padding-left:0; padding-right:0;
	}
	.home-website .row{
		margin-top:30px;	
	}
	.home-website .item{
		margin-bottom:20px; margin-top:0px
	}
	
	.home-website .item:nth-child( 2n){
		padding-left:8px;
	}
	.home-website .item:nth-child( 2n + 1){
		padding-right:8px;
		clear:both;
	}
	.home-website .item:nth-child( 3n + 1){
		clear:none;
	}
	.home-website .item a{
		box-shadow:0 5px 5px 0 rgba(24, 24, 40, 0.2);
		-moz-box-shadow:0 5px 5px 0 rgba(24, 24, 40, 0.2);
		-webkit-box-shadow:0 5px 5px 0 rgba(24, 24, 40, 0.2);
	}
	.home-website .item .des .title{
		font-size:12px; line-height:18px;
		font-weight:normal; text-transform:capitalize;
		padding:5px 5px 10px;
	}
	.home-website .readmore{
		margin-top:15px;	
	}
	/**************/
	.home-tool{
		padding-right:0; padding-left:0;	
	}
	.home-toolanalytics .icon span{
		height:70px; width:70px;	
	}
	.home-toolanalytics .icon span .fa{
		font-size:31px; line-height:70px;	
	}
	.home-toolanalytics h3,
	.services_bgthread h2{
		font-size:25px; margin-top:20px;
		line-height:34px; padding-bottom:5px;
		text-align:center;
	}
	.services_bgthread{
		padding-bottom:120px; padding-top:120px;	
	}
	/***********/
	#home-news{
		padding-bottom:30px;	
	}
	#home-news .news-item .des{
		border-bottom:3px solid #ddd;
	}
	#home-news .news-item .des,
	#home-news .news-item .des .quote{
		height:auto;	
	}
	/********/
	#footer .footer-about .logo-footer a{
		height:80px; width:80px; margin-top:-40px;	
	}
	#footer .sologan-footer b.f-title{
		font-size:17px;
	}
	#footer .sologan-footer{
		font-size:14px; line-height:26px;	
		padding-left:0; padding-right:0;
	}
	#footer .sologan-footer br{
		display:none;	
	}
	#footer .sologan-footer p{
		margin-top:10px;
	}
	#footer .bg-support h5{
		display:block; margin-bottom:15px;	
	}
	#footer .bg-support a{
		font-size:12px; padding:1px 7px;	
	}
	/*************/
	.bg-layout #intro-header .caption .title{
		font-size:27px; line-height:28px;	
	}
	.bg-layout #intro-header .caption .des{
		font-size:17px; line-height:30px;	
	}
	.title-main{
		font-size:21px; text-align:left; 
		line-height:28px; padding-bottom:7px;
	}
	.title-main::before{
		width:70px;	
	}
	.title-main.text-small{
		font-size:17px; line-height:28px;	
		font-weight:bold;
	}
	/*******/
	body .about-service{
		margin-bottom:30px;	
	}
	/*****/
	.page-serviceitem .des{
		padding-left:15px; padding-right:15px; padding-top:30px;
		margin-bottom:50px;	
	}
	.page-serviceitem .des h2{
		padding-top:20px;	
	}
	.serviceitem{
		margin-bottom:15px;	
	}
	.serviceitem .des{
		height:auto;	
	}
	.services_bgthread h2{
		margin-top:0; margin-bottom:10px;	
	}
	/**********/
	.blog-des{
		font-size:14px; line-height:28px;	
	}
	/************/
	
	#page-customer .col-md-8 .cus-content,
	#page-customer .col-md-4 .cus-content,
	.client-other #news-main .newsitem h3{
		height:auto;	
	}
	#page-customer .cus-content .des{
		padding:15px 20px;
		border-top:2px solid #DDD;
	}
	#page-customer .item-cus h3{
		margin-top:5px; margin-bottom:5px;
		font-size:19px; line-height:28px;
	}
	#page-customer .item-cus h5{
		margin-bottom:15px;	
		font-size:14px; line-height:23px;
	}
	/*************/
	#news-main .newsitem h3{
		font-size:17px; line-height:26px;	
	}
	#news-main .newsitem .des{
		font-size:14px; line-height:24px;	
	}
	/*************/
	.page-contact .bg-layout{
		padding-top:50px;
		width:100%; padding-left:15px; padding-right:15px;	
	}
	.contact-left{
		position:static; padding-left:15px; padding-right:15px;	
	}
	/***********/
	#tbl-domain .header{
		font-size:13px; line-height:22px;
	}
	#tbl-domain td{
		font-size:14px;	
	}
	#tbl-domain tr th:nth-child(2), 
	#tbl-domain tr th:nth-child(3),
	#tbl-domain tr th:nth-child(4),
	#tbl-domain tr td:nth-child(2), 
	#tbl-domain tr td:nth-child(3),
	#tbl-domain tr td:nth-child(4){
		width:110px; text-align:center;
	}
	/***********/
	#hosting-group{
		padding-left:0; text-align:left;	
	}
	#hosting{
		clear:both; width:100%;
	}
	#hosting li{
		text-align:left;
	}
	#hosting li b.visible-xs{
		display:inline-block !important;
		border-right:1px solid #DDD;
		width:170px; 
		font-weight:normal; text-align:right
	}
	/*************/
	#newsother #news-main .newsitem figure,
	#newsother #news-main .newsitem .des,
	.servicetool .des{
		height:auto;	
	}
	#newsother #news-main .newsitem .des{
		padding-bottom:30px; padding-top:20px;
	}
	#newsother #news-main .newsitem h3{
		font-size:17px; line-height:26px;
	}
	/****************/
	#newsnav .newsitem{
		display:block;	text-decoration:none;
		border:1px solid #DDD;
		box-shadow:0 5px 10px 0 rgba(24, 24, 40, 0.3);
		-moz-box-shadow:0 5px 10px 0 rgba(24, 24, 40, 0.3); 
		-webkit-box-shadow:0 5px 10px 0 rgba(24, 24, 40, 0.3);
	}
	#newsnav .newsitem figure{
		height:auto; max-height:none;	
	}
	#newsnav .newsitem .des{
		display:block; padding:20px 30px 30px;
		color:#222;
		border-top:1px solid #DDD;
		font-size:15px; line-height:30px; font-weight:normal;
}
	
	
}
/*************/
@media screen and (max-width: 400px) {
	#intro-header .caption .title,
	.home-toolanalytics h3, 
	.services_bgthread h2{
		font-size:23px;	
	}
	#home-news .news-item h3{
		font-size:15px;	
	}
	.title-main{
		font-size:19px; line-height:26px;	
	}
}
@media screen and (max-width: 767px) {
	#home-news .news-item .img .newsimg{
		width:100%; height:auto;	
	}
	#home-news .news-item .img .newsimg{
		position:static; left:0; top:0;	
		transform:none;
		-webkit-transform:none;
		-moz-transform: none;
		-ms-transform:none;
		-o-transform: none;
	}
	#home-news .news-item .img .img-trans{
		display:none;
	}
	#home-news .news-item:last-child .des{
		border-bottom:none;
	}
	/******************/
	#page-customer .col-md-8 .img-no,
	#page-customer .cus-content .des{
		width:100%; border:none;	
	}
}


/*************/
@media screen and (min-width: 768px) and ( max-width: 991px) {
	
	.page-container{
		width:92%; max-width:none; min-width:none;	
	}
	.bg-layout #intro-header .caption{
		margin-bottom:8%; margin-top:9%;	
	}
	#intro-header .header-sologan #slide-video{
		min-height:100vh;	
	}
	/************/
	.btn_xs{
		display:block;	
	}
	#header{
		padding-top:0;	
	}
	#header .logo{
		width:100%; position:relative;	
	}
	#header .logo a{
		float:left; display:inline-block;
	}
	#header .logo img{
		height:45px;	
	}
	/*
	#header .logo img.logo-white{
		display:none;
	}
	#header .logo img.logo-black{
		display:block;
	}
	*/
	#header .header-navmain{
	}
	#header .navigation{
		width:100%; text-align:left;
		position:absolute; left:0; top:65px; z-index:9999;
		padding:0; border-bottom:1px solid #DDD;
		background:#FFF;
	}
	#header .navigation ul li{
		width:100%; padding-left:4%; padding-right:4%;
		border-top:1px solid #DDD;
		font-size:13px; line-height:50px; font-weight:bold;
	}
	#header .navigation ul li:first-child{
		padding-left:4%;	
	}
	#header .navigation ul li a{
		color:#000; text-decoration:none;
	}
	#header .navigation ul li a:hover{
		color:#de4501;
	}
	/************/
	#intro-header .caption{
		margin-top:32%;	
	}
	#intro-header .caption h1{
		font-size:35px; margin-bottom:15px;	
		line-height:46px;
	}
	.page-home #intro-header .caption h2{
		font-size:23px; line-height:32px;
	}
	#intro-header .header-sologan{
		padding-left:5%; padding-right:5%;	
	}
	#intro-header .caption .title{
		font-size:31px; line-height:42px;
		margin-bottom:20px;	
	}
	#intro-header .caption .des{
		font-size:15px; line-height:26px;	
		margin-bottom:20px;
	}
	/***********/
	#home-news{
		margin-left:-10px; margin-right:-10px;	
	}
	#home-news .news-item{
		padding-left:10px; padding-right:10px;	
	}
	#home-news .news-item h3{
		line-height:22px; font-size:13px;	
	}
	#home-news .news-item-lg{
		clear:both; margin-top:30px;
	}
	#home-news .news-item .des{
		height:280px; overflow:hidden;
		padding-bottom:0; margin-bottom:0px;
		border-bottom:none;
	}
	#home-news .news-item-lg .des{
		border-bottom:2px solid #DDD;
		height:auto;
		
	}
	/*************/
	.home-work .img{
		position:relative;	
	}
	.home-work .img .img_2{
		float:left;	
	}
	.home-work .img .img_1{
		left:auto; right:40px;	
	}
	/************/
	body .about-service{
		margin-bottom:30px;	
	}
	body .about-service figure{
		float:left; width:50%;	
		padding-right:30px;	
	}
	body .about-service .des{
		float:left; width:50%; margin-top:5px;
	}
	/*************/
	#services_news .newsitem:nth-child(4n+1),
	.client-other #news-main .newsitem:nth-child(4n+1){
		clear:none;	
	}
	#services_news .newsitem:nth-child(3n+1),
	.client-other #news-main .newsitem:nth-child(3n+1){
		clear:both;	
	}
	.serthread-services .title-main{
		margin-top:0;	
	}
	.page-serviceitem .des{
		padding:20px 10px 0;	
	}
	.page-serviceitem .des .readmore{
		display:none;	
	}
	/***********/
	.contact-left{
		font-size:14px; line-height:24px;
	}
	.contact-left .title-main{
		font-size:21px; line-height:32px;
		margin-top:0;
	}
	/***************/

}

@media screen and (min-width: 992px) and ( max-width: 1200px) {

	.page-container{
		width:90%; max-width:none; min-width:none;	
	}
	body .serviceitem:nth-child(4n+1){
		clear:none;	
	}
	body .serviceitem:nth-child(3n+1){
		clear:both;	
	}
	#navigation{
		display:block;	
	}
	/*************/
	#header .logo{
		width:20%;	
	}
	#header .logo img{
		height:auto;	
	}
	#header .navigation{
		width:80%; padding-bottom:5px;
	}
	#header .navigation ul li{
		font-size:13px; line-height:42px;
		padding-left:26px;	
	}
	/*******/
	#intro-header .header-sologan{
		padding-left:8%; padding-right:8%;	
	}
	#intro-header .caption .title{
		font-size:39px; line-height:46px;	
	}
	/***************/
	#intro-header .caption{
		margin-top:25%;	
	}
	#intro-header .caption h1{
		font-size:39px; line-height:46px;	
	}
	#intro-header .caption h2{
		font-size:23px; line-height:32px;
	}
	/**************/
	.home-work .img{
		position:relative; margin-top:50px;	
	}
	#home-news .news-item:last-child{
		display:none;	
	}
	.page-serviceitem .des{
		padding:30px 30px 0	
	}
	.page-serviceitem .des h3{
		margin-bottom:20px;	
	}
	.page-serviceitem .des .readmore{
		font-size:12px; line-height:24px;
		padding-left:20px; padding-right:20px;	
	}
	#services_news .newsitem:nth-child(4n+1),
	#news-main .newsitem:nth-child(4n+1){
		clear:none;	
	}
	#services_news .newsitem:nth-child(3n+1),
	#news-main .newsitem:nth-child(3n+1){
		clear:none;	
	}
	/************/
	.newsdetail-right .newslatest li{
		display:none;	
	}
	.newsdetail-right .newslatest li:nth-child( 1),
	.newsdetail-right .newslatest li:nth-child( 2),
	.newsdetail-right .newslatest li:nth-child( 3),
	.newsdetail-right .newslatest li:nth-child( 4){
		display:block;	
	}
	.newsdetail-right .newslatest li:nth-child( 4){
		border-bottom:none;	
	}
	.newsdetail-right .newslatest li .img{
		width:100%;
	}
	.newsdetail-right .newslatest li .des{
		margin-top:10px;	
		width:100%; padding:0;
	}
	.newsdetail-right .newslatest li .des h3{
		font-size:15px;	
	}
	
	
}

@media screen and (min-width: 1200px) and ( max-width: 1400px) {
	#header .navigation ul li{
		font-size:14px; padding-left:30px;	
	}
	#page-customer .col-md-8 .cus-content{
		height:220px;	
	}
	#page-customer .col-md-4 .cus-content{
		height:470px;	
	}
	#news-main .newsitem{
		width:33.3333%;	
	}
}

@media screen and (min-width: 1200px) {
	#navigation{
		display:block;	
	}
}