@media (min-width: 1200px) {
	.container {
		width: 1200px !important;
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
	.goitkwebit .goitkwebit-item{
		font-size: 16px;
	}
	.goitkweb-icon{
		width: 100px;
    	height: 100px;
		font-size: 50px;
	}
	.goitkweb-name{
		padding: 0 70px 0 0;
	}
	.goitkweb-name span{
		font-size: 16px;
	}
	.goitkweb-item{
		padding: 15px;
	}
	.row-max{
   		margin: 0 -15px;
	}
	.col-max{
	    padding:  0 15px;
	    width: calc(100% / 3);
	}
	.hotro-item{
		font-size: 18px;
	}
	.chinhsach a{
		font-size: 18px;
	}
	.dichvubox a{
		font-size: 16px;
	}
	.title-main span,
	.title-form span{
		font-size: 30px ;
	}
	.title-main p,
	.title-form p{
		font-size: 17px;
	}
	.uudiem-name a, .uudiem-name span{
		font-size: 17px;
	}
	.tieuchi-name a{
		font-size: 24px;
	}
	.about-seemore a{
		font-size: 18px;
	}
	.about-name{
		font-size: 30px;
	}
}

@media (min-width: 767px) and (max-width: 991px) {
	.about-name{
		font-size: 28px;
	}
	.about-des{
		font-size: 16px;
		margin: 10px 0 15px;
	}
	.about-seemore a{
		font-size: 14px;
    	margin: 5px 5px;
	}
	.about-seemore{
		margin: 0 -5px;
	}
	.section-tieuchi1,.section-goitkweb{
		padding: 30px 0;
	}
	.uudiem-name a, .uudiem-name span{
		font-size: 16px;
	}
	.quytrinh-left{
		width: 100%;
		margin:  0 0 15px 0;
	}
	.quytrinh-right{
		width: 100%
	}
	.circle-quytrinh{
		margin:  0 auto;
	}
	.goitkweb-item{
		padding: 15px;
	}
	.row-max{
   		margin: 0 -10px;
	}
	.col-max{
	    padding: 0 10px;
	    width: calc(100% / 3);
	}
	.hotro-item{
		font-size: 18px;
	}
	.chinhsach a{
		font-size: 18px;
	}
	.dichvubox a{
		font-size: 16px;
	}
	.title-main span,
	.title-form span{
		font-size: 26px;
	}
	.title-main p,
	.title-form p{
		font-size: 15px;
	}
	.project-item{
		margin: 10px 0;
	}
	.section-doitac {
	    padding: 15px 0;
	}
	.hesinhthai-item{
		margin: 10px 0;
	}
}

@media (max-width: 767px) {
	.padding {
		padding: 10px 0;
	}

	footer {
		padding: 20px 0 10px;
	}

	.row_footer {
		flex-wrap: wrap;
	}

	.footer1,
	.footer2,
	.footer3,
	.footer4 {
		text-align: center;width: 100%;
		padding: 5px;
	}
	.ttft1{
		font-size:20px;
	}
	
.footer2{
	padding:10px 0;
}
	.mangxahoi_footer{
		
	justify-content: center;margin: 0px 0 10px;padding: 10px 0;}
	.mangxahoi_footer a{
		margin:5px ;
	}
	.copppy,
	.thongke {
		text-align: center;
	}

	.fix-toolbar {
		display: block;
	}

	.zalo_fixed,
	.drag-wrapper,
	.ctrlq.fb-button,
	.call_fixed ,header nav,.topone_center p:nth-child(2),.hotline,.topone_center p{
		display: none;
	}
	.form_contact {
		width: 100%;padding: 0;
	}
	.logo{
	}
	
	.showmnrp{
		display: block !important;
	}
	
	.pagination>li>a, .pagination>li>span{
		padding: 4px 10px;
	}
	.title-pro-detail{
		margin: 10px 0;
	}
	.search-domain-box{
		margin: 10px 0;
		padding: 15px;
	}
	.title-search-domain{
		font-size: 28px;
	}
	.form-search-domain input{
		width: calc(100% - 150px);
		height: 46px
	}
	.form-search-domain input::placeholder {
	    font-size: 14px;
	}
	.form-search-domain button{
		font-size: 14px;
		width: 140px;
		height: 46px
	}
	.check-duoi span{
		margin:  0 2px 4px 0;
		font-size: 16px;
		padding:  5px 15px;
	}
	.about-left,.about-right{
		width: 100%;
		padding: 5px 0;
	}
	.about-name{
		font-size: 26px;
	}
	.about-des{
		margin: 10px 0;
	}
	.about-seemore{
		margin:  0 -5px;
	}
	.about-seemore a{
		font-size: 16px;margin:  5px 5px;
	}
	.tieuchi-left,.tieuchi-right{
		width: 100%;
		padding: 5px 0;
	}
	.tieuchi-name a{
		font-size: 22px;
	}
	.uudiem-name a, .uudiem-name span{
		font-size: 17px;
	}
	:root {
	    --wbox: 300px;
	    --hbox: 300px;
	}
	.quytrinh-left{
		width:100%;
	padding: 10px 0 20px 0;}
	.quytrinh-right{
		width:100%;
		padding: 0;
	}
	.quytrinh-owl-info p{
		font-size: 17px;
	}
	.circle-quytrinh{
		/* width: 100%; */
		/* height: 100%; */
		margin:0 auto;
	}
	.banner-quytrinh{
		width: 40%;
	}
	.quytrinh-item {
	    width: 50px;
	    height: 51px;
	}
	.quytrinh-icon{
		font-size: 17px;
		line-height: 50px;
	}
	.quytrinh-item1 {
	    top: calc(20% - 25px);
	    left: calc(20% - 25px);
	}
	.quytrinh-item3 {
	    top: calc(20% - 25px);
	    right: calc(20% - 25px);
	}

	.quytrinh-item4 {
	    top: calc(50% - 25px);
	    right: 0;
	}

	.quytrinh-item5 {
	    bottom: calc(20% - 25px);
	    right: calc(20% - 25px);
	}
	.quytrinh-item7 {
	    bottom: calc(20% - 25px);
	    left: calc(20% - 25px);
	}

	.quytrinh-item8 {
	    top: calc(50% - 25px);
	    left: 0;
	}
	.goitkweb-icon{
		width: 100px;
    	height: 100px;
		font-size: 50px;
	}
	.goitkweb-name{
		padding: 0 70px 0 0;
	}
	.row-max{
   		margin: 0 -10px;
	}
	.col-max{
	    padding: 0 10px;
	    width: 50%;
	}
	
	.hotro-item{
		font-size: 18px;
	}
	.chinhsach a{
		font-size: 16px;
	}
	.chinhsach a:before{
		display:none
	}
	.dichvubox a{
		font-size: 15px;
	width: 50%;padding: 0 5px 0 15px;}
	.dichvubox a:before{
		left:5px
		
	}
	.title-main span,
	.title-form span{
		font-size: 26px;
	}
	.title-main p,
	.title-form p{
		font-size: 15px;
	}
	.banner-form{
		width: 100%
	}
	.form-newsletter{
		width: 100%;
		padding: 10px 0 0 ;
	}
	.input_ {
    	width: calc(50% - 5px);
    	margin: 0 0 10px 0;
	}
	.newsletter-button{
		bottom: 10px;
	}
	.project-item{
		margin: 5px 0;
	}
	.project-image{    height: 300px;}
	.section-hesinhthai .col-max:first-child{
		width:100%;
	}
	.hesinhthai-item{
		margin:  5px 0;
		padding: 10px;
	}
	.hesinhthai-info{
	 text-align: center;margin: 0 0 10px 0;}
	.hesinhthai-info span{
	  
	}
	.hesinhthai-info p{
	   
	margin: 0 0 10px 0;font-size: 30px;}
	.hesinhthai-info > a{
	   
	padding: 7px 25px;}
	a.hesinhthai-img{
		position: relative
	;height: 95px;width: 100%;display: flex;align-items: center;justify-content: center;right: 0;}
	a.hesinhthai-img img{
		max-height:100%;
	}
	.dichvu-footer{
		padding:10px 0
	}
	.box-menu{
		display: none
	}
	.row-menu{
		justify-content: flex-end;
	}
	.btn-show-menu{
		width: 40px;
		height: 40px
	}
	.header-lang {
	    position: relative;
	    padding: 10px 10px;
	    text-align: center;
	    border-bottom: 1px solid #fff;
	}
	.breadCrumbs {
        padding: 40px 0;
    }

    .breadCrumbs .wrap-content .title-breadcrumb {
        font-size: 1.5rem;
    }

    .breadCrumbs .wrap-content .breadcrumb-item a {
        font-size: 14px;
    }
}
@media (max-width: 550px){
	
}