@charset "utf-8";
/* CSS Document */

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

	body.page-intro{
		overscroll-behavior-y: none;
		-webkit-overflow-scrolling: none;
		-moz-overflow-scrolling: none;
		overflow: hidden;
		height: 100vh; width: 100vw;
		height: -webkit-fill-available;
		padding-bottom: 0;
	}

	body.page-film{
		background-color: var( --bs-light);
	}
	.bg{
		padding-bottom: 1rem;
		padding-top: 1.5rem;
	}
	body.page-film .bg{
		padding-top: .25rem;
	}
	.intro_header{
		display: none !important;
	}
	#project-header{
		background: none;
	}
	.pagemain-wrapper{
		padding-bottom: 0px;
	}
	.page-home #header{
		padding-top:10px; padding-bottom:7px;
	}
	.page-home #header .logo img{
		height:30px;
	}
	.page-home .btn_mobile .fa{
		line-height:30px;
	}
	/*********************************/
	.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;
	}
	.fixedpage-list .fixedpage-item:last-child .fixedpage-link::after{
		display: none;
	}

	/*********************************/
	#header{
		/*position:relative; background:#434345;*/
		padding-bottom:6px; padding-top:8px;

	}
	#header .logo, #header .navigation{
		width:100%;	padding:0;
	}
	#header .logo a{
		float:left; display:inline-block;
	}
	.scroll #header .logo img,
	#header .logo img{
		height: 25px
	}
	#header .logo button{
		float:right; display:inline-block;
	}
	#header #header-navmain{
		position:absolute; left:0; top:100%;
		width:100%; overflow:hidden;
		background:rgba(89, 89, 91, 0.95);
		padding:10px 0px;
	}
	#header #header-navmain ul{
		min-height:100vh;
	}
	#header .navigation ul li{
		display:block; width:100%;
		padding:10px 25px;
		border-bottom:1px solid rgba(180, 180, 181, 0.8);
	}
	#header .navigation ul li a{
		padding:0;
		font-size:14px; line-height:32px;
	}
	#header .navigation ul li:hover ul{
		display:none;
	}
	#header .navigation > ul > li.lang{
		padding-left:15px; padding-right:15px;
	}
	#header .navigation > ul > li.lang > a{
		margin:0 15px;
		position: relative;
	}
	#header .navigation > ul > li.lang > a::before{
		position: absolute; left: -20px; top: 50%;
		z-index: 1;
		transform: translateY( -50%);
		content: ""; display: block;
		width: 1px; height: 16px;
		background-color: rgb( 255, 255, 255, .8);
	}
	#header .navigation > ul > li.lang > a:first-child:before{
		display: none;
	}

	/******/
	.bghome-content h1{
		font-size:41px; line-height:46px;
	}
	.bghome-content h2{
		line-height:24px;
	}
	.bghome-content{
		position:static;
	}
	.home-content{
		margin-top:0;
	}
	.page-martop{
		margin-top:42px;
	}
	#background_cycler div.bg{
		background-size:auto 100%;
		padding-top: 0;
	}
	.title-page{
		font-size:21px; line-height:32px; margin-bottom:15px;
	}
	/*********/
	.home-project{
		line-height:24px;
	}
	.home-project h3{
		margin-top:0; font-size:19px; margin-bottom:5px;
	}
	.home-project .readmore{
		margin-top:15px;
		padding:3px 15px;
		position:static;
	}
	.home-project .readmore:hover{
		background-color:#fecd31; color:#FFF;
	}
	#project-header #projects-nav{
		clear:both;
		width: 100%;
		padding-bottom: 0px;
	}
	#project-header #projects-nav > li:first-child{
		margin-top: 15px;
	}
	#projectlist .projectitem a .des address{
		display:none;
	}
	/***********/
	.bg-page{
		background-attachment:scroll;
		background-size:auto 100%; background-position:center center;
		margin-bottom:50px;
	}
	.bg-page .text{
		height:230px;
	}
	.bg-page .text h1{
		font-size:39px; margin-top:0px;
	}
	.newslist--list .item h2{
		font-size:19px;
	}
	/*******/
	.right-recent ul li .des{
		font-size:13px; line-height:22px;
		margin-top:15px;
	}
	.right-recent ul li .img, .right-recent ul li .des{
		width:100%;	padding:0;
	}
	/*************/
	
	/********/
	.page-contact{
		margin:0;
	}
	.page-contact .col-md-7 .title-thread{
		margin-top:30px;
	}
	form.contact-form label{
		padding-right:15px; text-align:left !important;
	}
	/***********/
	#services-package .item .img{
		float:left; width:40%;
	}
	#services-package .item .des{
		float:left; width:60%; padding-left:30px;
	}
	#services-package .item h2{
		margin-top:0;
	}
	#services-package .item .des > div.clearfix{
		height:auto;
	}
	/**************/
	#project-owl .owl-nav [class*="owl-"]{
		width:40px; height:60px; line-height:60px;
		top:27%;
	}
	#project-owl .owl-nav [class*="owl-"] .fa{
		line-height:60px;
	}
	/*************************/
	.page-about{
		padding-top: 45px;
	}
	.aboutitem__box{
		margin-bottom: 20px;
	}
	.about__container {
			margin-bottom: 15px;
	}
	.aboutteam__created,
	.aboutteam__title-sm, .aboutteam__title{
		text-align: left;
	}
	.aboutteam__title{
		line-height: 1.4;
		color: var( --color-main);
		margin-bottom: 0px;
	}
	.aboutteam__created{
		margin-bottom: 15px;
	}
	.teamimg_container > .col-xs-4{
		padding-right: 0;
	}
	.teamimg_bg img{
		border-bottom-width: 8px;
	}
	.about_difference_img{
		margin-bottom: 15px;
	}
	.aboutproject__container::after,
	.aboutproject_headerlist{
		display: none;
	}
	.aboutproject__container{
		margin-left: -15px; margin-right: -15px;
	}
	.aboutproject__container .aboutteam__title{
		color: #FFF;
		font-size: 19px;
	}
	.aboutproject__item{
		margin-bottom: 15px;
	}
	.aboutproject__item > .col-xs-12{
		padding: 0;
	}
	.aboutproject__caption .dcontent{
		margin-top: 0 !important; margin-bottom: 15px;
		min-height: 0;
	}
	.aboutproject__caption{
		padding: 12px 0px;
	}
	.prodetail_img{
		padding-left: 0; padding-right: 0;
		top: 0;
	}
	.lSSlideOuter .lSPager.lSGallery img{
		height: auto; width: 90px;
	}
	.prodetail_info{
		padding-bottom: 3rem;
	}
	.contact__info__title{
		text-align: left;
	}
	.contact__info > .col-xs-12{
		padding-left: 15px; padding-right: 15px;
	}
	.contact__info__item{
		text-align: left;
		border: none;
		padding: 0; margin-bottom: 15px;
		min-height: 0;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-ms-flex-align: center !important;
		align-items: center !important;
	}
	.contact__info__item p{
		-ms-flex: 0 0 50px;	flex: 0 0 50px;	max-width: 50px;
		text-align: center;
		padding-right: 10px;
		}
	.contact__info__item address{
		-ms-flex-preferred-size: 0;
		flex-basis: 0;
		-ms-flex-positive: 1;
		flex-grow: 1;
		max-width: 100%;

		}
	.contact__info .fa{
		font-size: 27px;
	}
	.contact__info{
		margin-bottom: 0;
	}
	.contact_boxsupprt .contact-maps{
		padding-left: 15px;
	}
	.contact_boxsupprt .contact-form{
		padding-right: 15px;
	}
	#google-map{
		margin-bottom: 30px;
	}
	/************************/
	.aboutfloat_left{
		display: none;
	}
	#scrollitem__about{
		padding-top: 5px;
	}
	.aboutitem__fheight{
		min-height: 0;
	}
	.aboutitem__box .btn-brochure{
		margin-bottom: 5px;
	}
	.aboutitem__text{
		margin-bottom: 15px;
	}
	.aboutitem__textimg{
		margin-bottom: 20px;
		padding-top: 5px;
	}
	.team_info{
			margin-bottom: 15px;
	}
	#scrollitem__difference .team_info{
			margin-bottom: 15px;
	}
	#scrollitem__testimonials{
		margin-left: -15px; margin-right: -15px;
		margin-bottom: 30px;
		width: auto;
	}
	#scrollitem__testimonials .aboutquoate__item{
		padding: 45px 30px 0;
	}
	.bgnavigation li{
		margin-right: 10px; margin-bottom: 10px;
	}
	.bgnavigation a{
		min-width: 0;
		padding: 8px 10px 10px
	}
	body.project-detail .page-martop{
		margin-top: 0;
	}
	.blog_content{
		padding-right: 15px;
	}
	.prodetail_info{
		padding-right: 15px;
		padding-top: 0;
	}
	.prodetail_img{
		position: relative; top: 0;
	}
	.prodetail_img--hide-sm{
		padding-top: 0;
		display: none !important;
	}
	body.project-detail .page-martop{
		margin-top: 38px;
	}
	.mt-post, 
	.page-contact{
		padding-top: 55px;
	}
	#lightSlider img{
		height: auto; width: 100%;
	}
	.prodetail_info__content_img--none{
		display: block;
		margin-left: -15px;
		margin-right: -15px;
		margin-bottom: 15px;
		border-radius: 0;
	}
	.prodetail_info__content_img--none img{
		height: auto;
		object-position: center top;
		object-fit: cover;
	}
	.prodetail_info__content_img{
		display: block;
	}
	body.page-film .prodetail_img{
		margin-bottom: 1.5rem;
	}
	body.page-film .page-martop{
		margin-top: 34px;
	}
	.prodimg_carousel_imgthumb, 
	.prodimg_carousel_img{
		aspect-ratio: unset;
	}
	@media screen and (orientation: landscape) {
		.intro_header{
			
		}
		.bgnavigation li{
			clear: none !important; display: inline-block !important;
			margin: 0 15px 0 0 !important
		}
		#background_cycler div.bg{
			background-size: cover !important;
		}
		.prodetail_info__content_img_group img{
			max-height: 90vh;
			object-fit: contain;
			object-position: center center;
		}
	}
	.fixed-link-bottom{
		text-align: center;
	}
	.footer-fixedlink{
		left: 50%;
		transform: translateX( -50%);
	}
	body.page-about .mt-post{
		padding-top: 0;
	}
	.media-film-lg-title{
		font-size: 21px;
	}
	/****************************/
	#header .navigation ul li{
		margin-left: 0;
		padding: 0;
	}
	#header .navigation ul li ul::before{
		display: none;
	}
	#header .navigation ul li a{
		padding: 10px 20px 10px 15px;
	}
	.header-navmain-collapse > a{
		pointer-events: none !important;

	}
	#header #header-navmain ul{
		padding-top: 0; padding-bottom: 0;
	}
	#header .navigation ul li ul{
		transition: all 0.35s ease-in-out;
		max-height: 0; overflow: hidden;
		min-height: 0 !important;
		display: block !important;
		opacity: 1;
		height: auto; width: 100%;
		position: relative; 
		text-align: right;

	}
	#header-navmain .header-navmain-collapse.is-collapse > ul{
		max-height: 500px;
	}

	#header .navigation .header-navsub li{
		border-bottom: none;
		padding-top: 3px; padding-bottom: 3px;
	}
	#header .navigation .header-navsub li::after{
		position: absolute; right: 20px; top:18px; z-index: 1;
		display: inline-block;
		font: normal normal normal 14px/1 FontAwesome;
		font-size: inherit;
		text-rendering: auto;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		content: "\f111";
		font-size: 7px;
		color: #fff;
	}
	#header .navigation .header-navsub li a{
		padding-left: 15px;
		padding-right: 20px;
	}
	#header .navigation .header-navsub li:first-child{
		padding-top: 5px;
	}
	#header .navigation .header-navsub li:last-child{
		margin-bottom: 5px;
	}
	#header .navigation .header-navsub > li:first-child::before{
		top: 23px;
	}
	#project-header{
		position: relative !important;
		border-top: none !important;
		margin-top: 15px;
		padding-top: 0;
	}
	.project-widget-title-lg{
		font-size: 23px;
		margin-bottom: 15px;
		text-align: center;
	}

	.project-widget-title-lg.text-left{
		text-align: left !important;
	}
	.project-widget-step-text{
		margin-bottom: 30px;
	}
	.project-widget-step-partners{
		padding-left: 15px;
	}
	#footer .social{
		margin-bottom: 20px;
	}

}

@media screen and (max-width: 767px) {

	body{
		overflow-x: hidden;
		width: 100vw;
	}
	.footer-fixedlink-hotline{
		display: none
	}
	.footer-fixedlink-hotline--mobile{
		display: inline-block;
	}
	.page-about .dcontent{
		margin-top:0px;
	}
	.home-project .des{
		margin-top:20px;
	}
	.home-project .des h3{
		margin-top:5px;
	}
	#projectlist{
	}
	#projectlist .projectitem{
		margin-bottom: 20px;
	}
	#projectlist.projectlist-film .projectitem .protitle,
	#projectlist .projectitem a .des h2{
		font-size: 19px; line-height:26px;
		font-weight: 400;
	}
	#projectlist .projectitem a .des h2 address,
	#projectlist .col-sm-6 a .des address{
		display:none;
	}
	#projectlist .projectitem.col-xs-12 a .des address{
		display:block;
	}
	/**********/
	/***********/
	#project-owl{
		margin-left:-15px; margin-right:-15px;
		width:auto;
	}
	.newslist--list .item h2{
		font-size:17px; line-height:24px;
		font-weight: 400;
	}
	.title-thread{
		font-size:19px; line-height:32px;
	}
	/**********/
	#projects-nav li::after{
		display:none;
	}
	#projects-nav li::before{
		position:absolute; left:5px; top:0px;
		height:100%; width:15px;
		font-family:FontAwesome;
		content: "\f101";
	}
	#projects-nav li{
		clear:both; display:block;
		margin-bottom:10px; line-height:24px;
		padding-left:20px;
	}
	.about_difference_img{
		padding-left: 0; padding-right: 0;
	}
	.aboutproject_readmore_box{
		padding-top: 15px; margin-bottom: 30px;
	}
	.bghome-caption{
		padding-top: 12vh;
		background: rgba( 0,0,0, .15)
	}
	.bgnavigation li{
		clear: both; margin: 0 0 12px;
		display: block;
	}
	.bgnavigation a{
		font-size: 13px; padding: 9px 15px;
		min-width: 185px;
		display: inline-block;
		text-align: left;
	}
	.intro_header_nav li{
		padding-left: 10px; padding-right: 10px;
	}

	@media screen and (orientation: landscape) {
		.prodetail_info__content_img--none img{
			height: 100vh;
		}	
	}
	@media screen and (orientation: portrait) {
		.intro_header_social,
		.intro_header_navgroup{
			width: 100%;
			text-align: center;
		}
		.intro_header_navgroup{
			border-bottom: 1px solid rgb( 255, 255, 255, .6);
			margin-bottom: 2px;
			padding-bottom: 2px;
		}
		body.page-home .intro_header{
			bottom: 39px;
		}

	}
	/**************/
	.mymodal .modal-dialog{
		width: 500px;
		max-width: 96%;
	}
	.intro_header{
		display: none;
	}
	.bghome-content-caption{
		top: 45%;
		padding-top: 2rem;
		padding-bottom: 1.15rem;
	}
	.bghome-content-caption-linkitem--text{
		text-align: left;
	}
	.bghome-content-caption-linkitem{
		width: 100%;
		min-width: 0;
		text-align: center;
		padding-top: .5rem;
		padding-bottom: .5rem;
		font-size: 13px;
	}
	.bghome-content-caption-link > p{
		margin-bottom: 1.25rem;
	}
	.bghome-content-caption-logo{
		margin-bottom: 15px;
		text-align: center;
	}
	.bghome-content-caption-logo-img{
		height: 90px;
	}
	.bghome-content-caption-row{
		margin-bottom: 20px;
		padding-left: 50px;
		padding-right: 50px;
		margin-bottom: 0px;
	}
	.intro-slide-btn-prev, 
	.intro-slide-btn-next{
		position: absolute; top: 147px;
		border: none;
		background: none;
		margin: 0 0px;
	}
	.intro-slide-btn-prev{
		left: 5px;
	}
	.intro-slide-btn-next{
		right: 5px;
	}
	.media-film-boxlg{
		margin-bottom: 20px;
	}
	.media-hr{
		margin-top: 2rem;
		margin-bottom: 2rem;
	}
	.newslist--grid > .item{
		width: 100%;
	}
	.newslist .newslist-title{
		font-size: 19px;
		line-height: 26px;
	}
	.newslist-list-figure{
		margin-bottom: 10px;
	}
	#projectlist .projectitem a .des{
		padding-top: .75rem;
	}

	.blogdetail-other{
		border-top: 1px solid #999;
		padding-top: 15px;
	}
	.project-widget-step-item{
		margin-bottom: 35px;
	}
	.project-widget-step-img{
		width: 55px;
	}
	.project-widget-step-item-caption{
		width: calc( 100% - 55px);
		padding-left: 20px;
	}
	.project-widget-service-step-text{
		font-size: 13px; line-height: 22px;
	}
	.project-widget-step-text p, 
	.project-widget-service-item-text p, 
	.project-widget-service-text p, 
	.project-widget-customer-text p{
		margin-bottom: 3px;
	}
	.project-widget-boxtext-center{
		max-width: 100%;
		width: 100%;
		text-align: left;
	}
	.project-widget-service-warpper{
		padding-top: 30px;
		margin-bottom: 35px;
	}
	body.project-service .project-widget-title-lg,
	.project-widget-title-lg{
		font-size: 27px;
		margin-bottom: 20px;
		text-transform: capitalize;
		text-align: left;
	}
	.project-widget-service-list{
		border-bottom: 1px solid rgb( 255, 255, 255, .6);
		margin-bottom: 35px;
	}
	.project-widget-service-img{
		width: 60px;
	}
	.project-widget-service-warpper .project-widget-title-lg {
		margin-bottom: 35px !important;
	}

	.khcanhan-title-page{
		font-size: 17px;
		font-weight: 400;
		line-height: 24px;
	}
	.project-widget-customer{
		margin-bottom: 35px;
	}
	.project-widget-customer > .container{
		padding-left: 0;
		padding-right: 0;
	}
	.project-widget-customer .project-widget-title-lg{
		padding-left: 15px;
		padding-right: 15px;
	}
	#owl_widgetfeedback{
		padding-left: 0;
		padding-right: 0;
	}
	#owl_widgetfeedback .owl-next, 
	#owl_widgetfeedback .owl-prev{
		background-color: rgba( 0,0,0, .15);
		/* top: 35%; */
	}
	#owl_widgetfeedback .owl-next, 
	#owl_widgetfeedback .owl-prev, 
	#owl_widgetfeedback .owl-next svg, 
	#owl_widgetfeedback .owl-prev svg{
		width: 30px;
	}
	.project-widget-step .col-xs-12{
		margin-bottom: 15px;
	}
	.project-widget-title{
		font-size: 21px;
	}
	#projects-nav li a{
		color: var( --color);
	}
	/**********************************/
	.owl_widgetfeedback-caption{
		padding: 10px 35px 10px 15px;
	}
	.owl_widgetfeedback-figure img{
		height: 100%;
		object-fit: cover;
	}
	.owl_widgetfeedback-text{
		padding-top: 25px;
	}
	.owl_widgetfeedback-text::before{
		height: 30px; width: 30px;
	}
	.owl_widgetfeedback-header{
		margin-bottom: 5px;
	}
	/**********************************/
	#modalContact .modal-dialog{
		width: auto;
		margin: 10px;
	}
	.modalContact-form-input,
	.modalContact-form-captiontext-text,
	.modalContact-form-caption,
	.modalContact-form-img{
		width: 100%;
	}
	.modalContact-form-img img{
		height: auto;
		max-height: 40vh;
	}
	.modalContact-form-captiontext{
		padding: 15px 20px 15px;

	}
	.modalContact-form-captiontext-text{
		order: 1;
		padding: 0;
		font-size: 13px;
		line-height: 22px;
	}
	.modalContact-form-input{
		order: 2;
		padding: 0;
	}
	.modalContact-form-caption{
		padding: 15px 0 0 20px;
	}
	.modalContact-form .social{
		margin-top: 10px;
	}
	.modalContact-form-input .form-group{
		margin-bottom: 20px;
	}
	/**********************************/

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

	body.browser__ipad .fixedpage-wrapper,
	body.browser__macosx .fixedpage-wrapper,
	body.browser__ios .fixedpage-wrapper{
	  padding-bottom: 1rem;
	}
	.home-project time{
		display:none;
	}
	.home-project .readmore{
		display:none;
	}
	.team_info{
		margin-bottom: 15px;
	}
	.aboutproject__item{
	}
	.aboutproject__caption{
		background: none;
	}
	#projectlist .projectitem:nth-child(3n + 1){
		clear: none;
	}
	#projectlist .projectitem:nth-child(2n + 1){
		clear: both;
	}
	#header{
		padding-top: 12px;
		padding-bottom: 10px;
	}
	#header .logo img{
		height: 36px;
	}
	body.page-about{
		padding-top: 58px;
	}
	.page-martop,
	body.project-detail .page-martop{
		margin-top: 58px;
	}
	body.page-film .page-martop{
		margin-top: 68px;
	}
	body.page-film .prodetail_img{
		padding-left: 15px;
		padding-right: 15px;
	}
	.prodetail_info__content_img_group{
		display: flex; flex-wrap: wrap;
		margin-left: -5px; margin-right: -5px;
	}
	.prodetail_info__content_img_group .prodetail_info__content_img{
		padding-left: 5px; padding-right: 5px;
		flex: 0 0 auto;
		width: calc( 100% / 2 );
	}
	.prodetail_info__content_img{
		display: block;
		box-shadow: none;
		border-radius: 0;
		margin-top: 10px;
		margin-bottom: 0;
	}
	.prodetail_info__content_img_group .prodetail_info__content_img a{
		display: block;
		box-shadow: 0 0.25rem 0.35rem rgba(0,0,0,.075);
		border-radius: .25rem;
		overflow: hidden;
	}
	.prodetail_info__content_img--none{
		margin-top: 0;
		margin-bottom: 15px;
	}
	.prodetail_info__content_img--none img{
		max-height: calc( 100vh - 108px);
	}
	.prodetail-film-group{
		display: flex; flex-wrap: wrap;
		margin-left: -5px; margin-right: -5px;
	}
	.prodetail-film-group .prodetail-film{
		padding-left: 5px; padding-right: 5px;
		flex: 0 0 auto;
		width: calc( 100% / 3);
		margin-bottom: 10px;
	}
	.prodetail-film a{
		height: 100%;
		padding: 7px;
	}
	.prodetail-film-title{
		font-size: 13px;
	}
	/**********************/
	.bghome-content-caption-row{
		margin-left: auto; margin-right: auto;
		max-width: calc( 100vw - 150px);
	}
	.bghome-content-caption{
		top: 48%;
	}
	.intro-slide-btn-prev{
		left: 0;
	}
	.intro-slide-btn-next{
		right: 0;
	}
	.bghome-content-caption-linkitem{
		min-width: 0;
		width: 100%;
		text-align: right;
	}
	.bghome-content-caption-logo-img{
		height: 150px;
	}
	.project-header-label{
		display: none;
	}
	#project-header{
		margin-top: 0;
		background-color: rgb( var( --rgb-bg) );
	}
	.is-sticky #project-header{
		position: fixed !important;
		top: 48px !important;
		margin-top: 0px;
	}
	#projects-nav{
		display: block;
		text-align: center;
	}
	#project-header #projects-nav > li:first-child{
		margin-top: 0;
	}
	body.project-service .project-widget-title-lg{
		font-size: 27px;
	}
	.project-widget-step-item{
		margin-bottom: 30px;
	}
	.project-widget-boxtext-center{
		max-width: 100%;
		width: 100%;
		text-align: left;
	}
	.title-page--media{
		margin-top: 15px;
	}
	.media-film-boxlg{
		margin-bottom: 20px;
	}
	.newslist--grid > .item{
		width: 50%;
	}
	.newslist--grid .newslist-title{
		font-size: 17px;
	}
	.mt-post, 
	.page-contact{
		padding-top: 90px;
	}
	.project-widget-service-warpper{
		padding-bottom: 50px;
	}
	.project-widget-service-img{
		width: 65px;
	}
	.owl_widgetfeedback-item::before{
		left: 20px;
    	top: 20px;
		width: 50px;
		height: 30px;
	}
	.project-widget-title{
		font-size: 25px;
		font-weight: 400;
	}
	.project-widget-service-item-title{
		font-size: 17px;
	}
	.project-widget-step-img{
		width: 60px;
	}
	.project-widget-step-item-caption{
		width: calc( 100% - 60px);
		padding-left: 15px;
	}
	.project-widget-step-list{
		margin-left: -15px;
		margin-right: -15px;
	}
	.project-widget-step-item{
		padding-left: 15px;
		padding-right: 15px;
	}
	.project-widget-service-text{
		padding: 20px 30px;
	}
	.project-widget-service-item-text{
		text-align: left;
	}
	/************************/
	.project-widget-customer{
		margin-bottom: 40px;
	}
	/************************/
	.owl_widgetfeedback-caption{
		padding: 15px 30px;
	}
	/************************/
	.intro-slide-btn-prev, 
	.intro-slide-btn-next{
		position: absolute; top: 50%;
		transform: translateY( -90%);
	}
	.intro-slide-btn-prev{
		left: -30px;
	}
	.intro-slide-btn-next{
		right: -30px;
	}
	.modalContact-form-captiontext-text{
		font-size: 13px;
		line-height: 22px;
	}
	.modalContact-form-captiontext{
		padding: 15px 25px 20px;
	}
	.modalContact-form-caption{
		padding: 20px 0 0 25px;
	}
	.modalContact-form-input{
		padding-right: 10px;
	}

}


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

	#header .logo{
		width:20%;
		padding-right: 15px;
	}
	#header .navigation{
		width:80%;
	}
	#header .navigation > ul > li > a{
		padding-left: 12px; padding-right:12px;
		font-size:12px;
	}
	.home-project{
		line-height:24px;
	}
	.home-project h3{
		margin-top:0;
	}
	.home-project .readmore{
		margin-top:15px;
	}
	.grid-sizer{
	  	width:8.33333%;
	}
	#projectlist .projectitem a .des h2{
		font-size:12px; line-height:20px;
	}
	#projectlist .col-sm-6.projectitem .des h2{
		font-size:15px; line-height:22px;
	}
	/********/
	.bg-page .text{
		height:270px;
	}
	.bg-page .text h1{
		font-size:39px; margin-top:30px;
	}
	.newslist--list .item h2{
		font-size:19px;
	}
	/*******/
	.right-recent ul li .des{
		font-size:13px; line-height:22px;
		margin-top:15px;
	}
	.right-recent ul li .img, .right-recent ul li .des{
		width:100%;	padding:0;
	}
	.team_info{
		margin-bottom: 25px;
	}
	.aboutfloat_left{
		display: none;
	}
	.aboutteam__created.text-right,
	.aboutteam__title-sm.text-right, .aboutteam__title.text-right,
	.aboutteam__title-sm.text-right{
		text-align: left;
	}
	.about_difference_img {
		margin-bottom: 25px
	}
	#scrollitem__difference .team_info{
		margin-bottom: 0;
	}
	.aboutitem__box{
		margin-bottom: 35px;
	}
	.prodetail_img{
		padding: 0;
	}
	#lightSlider img{
		height: 72vh;
	}
	.prodetail_img{
		position: relative; top: 0;
	}
	#projectlist{
		margin-left: -10px; margin-right: -10px;
	}
	#projectlist .projectitem{
		padding-left: 10px; padding-right: 10px;
	}
	/* #projectlist .projectitem:nth-child(3n + 1){
		clear: none;
	}
	#projectlist .projectitem:nth-child(4n + 1){
		clear: both;
	} */
	.prodetail_img--hide-sm{
		display: none !important;
	}
	body.page-project.project-detail .page-martop{
		margin-top: 0;
	}
	body.page-project.project-detail .prodetail_info{
		padding-top: 0;
		padding-right: 15px;
	}
	.prodetail_info__content_img--none{
		display: block;
		margin-left: -15px;
		margin-right: -15px;
		border-radius: 0;
	}
	.prodetail_info__content_img_group{
		display: flex; flex-wrap: wrap;
		margin-left: -5px; margin-right: -5px;
	}
	.prodetail_info__content_img_group .prodetail_info__content_img{
		padding-left: 5px; padding-right: 5px;
		flex: 0 0 auto;
		width: calc( 100% / 2 );
	}
	.prodetail_info__content_img{
		display: block;
		box-shadow: none;
		border-radius: 0;
		margin-top: 10px;
		margin-bottom: 0;
	}
	.prodetail_info__content_img_group .prodetail_info__content_img a{
		display: block;
		box-shadow: 0 0.25rem 0.35rem rgba(0,0,0,.075);
		border-radius: .25rem;
		overflow: hidden;
	}
	.prodetail_info__content_img--none{
		margin-top: 0;
		margin-bottom: 15px;
	}	
	.prodetail-film-group{
		display: flex; flex-wrap: wrap;
		margin-left: -7px; margin-right: -7px;
	}
	.prodetail-film-group .prodetail-film{
		padding-left: 7px; padding-right: 7px;
		flex: 0 0 auto;
		width: calc( 100% / 3);
		margin-bottom: 14px;
	}
	.prodetail-film a{
		height: 100%;
	}
	.bghome-content-caption{
		top: 48%;
	}
	.project-other #projectlist .projectitem:nth-child(2n+1){
		clear: none;
	}
	.project-other #projectlist .projectitem:nth-child(3n+1){
		clear: both;
	}
	.project-widget-step-item{
		margin-bottom:35px;
	}
	.project-widget-title-lg{
		font-size: 33px;
	}
	.newslist--grid{
		margin-left: -10px;
		margin-right: -10px;
	}
	.newslist--grid > .item{
		padding-left: 10px;
		padding-right: 10px;
	}
	.newslist--grid .newslist-title{
		font-size: 16px; font-weight: 500;
		line-height: 24px;
	}
	.project-widget-customer{
		margin-bottom: 45px;
	}
	.is-sticky #project-header{
		top: 50px !important;
	}
	.project-widget-step-text{
		margin-bottom: 50px;
	}
	.project-widget-step-partners{
		padding-left: 15px;
	}
	.owl_widgetfeedback-caption{
		padding: 15px 25px;
	}
		/**********************************/
		.owl_widgetfeedback-caption{
			padding: 12px 25px;
		}
		.owl_widgetfeedback-figure img{
			height: 100%;
			object-fit: cover;
		}
		.owl_widgetfeedback-text{
			padding-top: 25px;
		}
		.owl_widgetfeedback-text::before{
			height: 30px; width: 30px;
		}
		.owl_widgetfeedback-header{
			margin-bottom: 5px;
		}
		/**********************************/

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

	#header .navigation{
		display:block;
	}
	#project-header #projects-nav{
		display: inline-block;
	}
	.project-header-label{
		display: none !important;
	}
}

@media screen and (max-width: 1400px){
	.aboutfloat_left{
		width: 105px;
	}
}