svg {
	font-family: 'Roboto' !important;
}
#change_center {
    background: #0c315d;
    color: #fff;
    font-size: 14px;
    padding: 0 20px;
    display: inline-block;
    border: none;
    vertical-align: top;
    height: 40px;
    border-radius: 3px;
    margin-left: 1px;
}
.close-mc {
	position: absolute;
    top: 10px;
    right: 10px;
    font-size: 26px;
	display:none;
}
.wpcf7-response-output {
	letter-spacing:normal;
}
@media screen and (max-width:1540px){
	.content-single-province .nav-tabs li a{
		height: 60px;
	}
	iframe {
		max-width:100%;
	}
}
@media screen and (max-width:1200px){
     #footer .menu-footer li{
         padding-left: 10px;
    }
     #footer .menu-footer li:first-child{
         padding-left: 0;
    }
     #footer .hotline{
         line-height: 18px;
         border-right: none;
    }
     #header .container{
         padding: 19px 0 0 360px;
    }
     #header .menu-main ul li a{
         padding: 17px 10px 32px;
    }
	.content-single-province .nav-tabs li a{
		font-size: 12px;
	}
}
 @media screen and (max-width:1100px){
     .content-home .climate-index{
         height: auto;
    }
     .content-home .climate-index .it-climate,.content-home .it-climate-big{
         width: 100%;
         margin-bottom: 20px;
    }
     .content-home .it-climate-big .des-climate{
         margin-left: 38%;
         padding: 45px 0 27px;
    }
     .content-library .about-library .img-about, .content-library .about-library .text-about{
         width: 100%;
    }
     #header .logo-header{
         width: auto;
         top: 26px;
    }
     #header .logo-header a img{
         height: 60px;
    }
     #header .container {
         padding: 19px 0 0 280px;
    }
     #header .menu-main ul li a{
         font-size: 12px;
         padding: 17px 6px 32px;
    }
	#header .form-search .input-text{
		width: 87%;
	}
	.content-single-province .content-library .it-document .bt-download{
		float: left;
	}
	.content-single-province .nav-tabs li a{
		padding: 5px 5px;
	}
	.chartcall {
		height: 400px;
		width: 100% !important;
		float: none !important;
		margin:10px 0 !important;
	}
	.content-single-province .tab-content {
		padding-right:30px;
	}
}
 @media screen and (max-width:900px) {
	#header{
		position: fixed;
		right: 0;
		top: 0;
		left: 0;
		z-index: 11;
		padding-bottom: 10px;
		height: 110px;
	}
	.bg-menu-mobile .inner-header h1 a img{
		height: 80px;
		position: relative;
		z-index: 1;
    }
	#map {
		left:0;
	}
	.content-map .form-menu-map {
		 width:299px;
	 }
	#header.active{
		height: auto;
		bottom: 0;
	}
	main#content{
		padding-top: 125px;
	}
	main#content.content-single-province{
		padding-top: 0;
	}
	.language-mo {
		position: absolute;
		top: 5px;
		right: 10px;
	}
	#header .form-search{
		margin-top: 17px;
		position:relative;
		top:10px;
	}
	#header  .form-search .it-bars{
		color: #2465b1;
	}
	.content-faq{
		padding: 0 20px;
	}
    #footer .menu-footer ul{
         margin-top: 0;
    }
	#header .menu-profile ul li a {
		display:block;
	}
     .content-library .content-report .col-report{
         width: 50%;
    }
     .content-provincial .it-provincial{
         width: 47%;
    }
     .content-contact .main-contact {
         width: 100%;
         padding: 0 20px;
    }
     .main-library .specifically-provincial{
         padding: 0 20px;
    }
     .menu-pc{
         display: none;
    }
     .bg-menu-mobile .menu-mobile.active {
         transform: translateX(0);
    }
     .bg-menu-mobile .menu-mobile{
         background: #2465b1;
         bottom: 0;
         left: 0;
         bottom: 0;
         overflow: auto;
         z-index: 10;
         position: fixed;
         top: 0;
         transition: all 0.2s linear 0s;
         display: block;
         width: 300px;
         transform: translateX(-100%);
         padding-top: 30px;
    }
     .bg-menu-mobile{
         display: block;
        /*  padding: 15px 0; */
    }
     .bg-menu-mobile .inner-header{
         margin-top: -77px;
    }
     .bg-menu-mobile .toogle-menu .fa.fa-bars{
         font-size: 30px;
         color: #2465b1;
    }
     .bg-menu-mobile .toogle-menu .fa.fa-times{
         font-size: 30px;
         color: #fff;
    }
     .bg-menu-mobile .toogle-menu{
         position: fixed;
         left: 20px;
         top: 37px;
         z-index: 11;
    }
     .bg-menu-mobile .toogle-menu a{
         text-decoration: none;
    }
     .bg-menu-mobile .toogle-menu .fa.fa-times{
         display: none;
    }
     .bg-menu-mobile .toogle-menu.active{
         left: 273px;
         top: 0;
    }
     .bg-menu-mobile .toogle-menu.active .fa.fa-times{
         display: block;
    }
     .bg-menu-mobile .toogle-menu.active .fa.fa-bars{
         display: none;
    }
     .transform-menu{
         background: rgba(0,0,0,0.6);
         position: fixed;
         left: 0;
         right: 0;
         top: 0;
         bottom: 0;
         z-index: 10;
    }
     .transform-menu.active{
         display: block;
    }
     .bg-menu-mobile .menu-mobile ul li{
         display: block;
    }
     .bg-menu-mobile .menu-mobile ul {
         padding: 30px 20px;
    }
     .bg-menu-mobile .menu-mobile ul li{
         border-bottom: 1px solid rgba(255,255,255,0.6);
         padding: 20px 0;
    }
     .bg-menu-mobile .menu-mobile ul li:last-child{
         border: none;
    }
     .bg-menu-mobile .menu-mobile ul li a{
         color: #fff;
         padding: 15px 15px;
    }
     .bg-menu-mobile .menu-mobile .logo-mobile{
         text-align: center;
    }
     .bg-menu-mobile .menu-mobile .logo-mobile a img{
         height: 50px;
    }
     #header .menu-hover{
         top: 0;
         bottom: 0;
    }
    .bg-menu-mobile .menu-mobile ul li span > a >i{
         float: right;
    }
     #header .menu-climatic-zone ul{
         width: 100%;
    }
    .form-search.form-pc{
         display: none !important;
    }
	.content-single-province .title-province, .content-single-province .left-province{
		display: none;
		width: 300px;
		z-index: 99999;
	}
	.content-single-province .bottom-province, .content-single-province .top-province{
		padding-left: 0;
	}
	.content-single-province .tab-content{
		padding: 23px 30px 6px 30px;
	}
	.bg-menu-mobile .toogle-province{
		position: absolute;
		left: 20px;
		top: 20px;
		 z-index: 999;
	}
	.bg-menu-mobile .toogle-province .fa.fa-plus{
		font-size: 25px;
        color: #fff;
	}
	  .bg-menu-mobile .toogle-province .fa.fa-minus{
        display: none;
    }
     .bg-menu-mobile .toogle-province.active{
         left: 273px;
         top: 10px;
    }
     .bg-menu-mobile .toogle-province.active .fa.fa-minus{
         display: block;
		 font-size: 25px;
         color: #fff;
    }
     .bg-menu-mobile .toogle-province.active .fa.fa-plus{
         display: none;
    }
	.content-single-province .title-tabs{
		padding-right: 0;
	}
	.bx-wrapper .bx-controls-direction a{
		margin-top: -10px;
	}
	.bx-wrapper .bx-pager{
		display: none;
	}
	.bx-wrapper .bx-prev{
		background: url(../images/prev.png) no-repeat;
		left: 20px;
	}
	.bx-wrapper .bx-next{
		background: url(../images/next.png) no-repeat;
		right: 0;
	}
	.bx-wrapper .bx-next:hover{
		background: url(../images/next.png) no-repeat;
	}
	.content-single-province .nav-tabs li a{
		padding: 18px 8px;
	}
	.content-single-province .nav-tabs li a {
		font-size: 18px;
	}
	.content-single-province .title-province{
		padding: 36px 0 61px 22px;
	}
	.page-template-map .content-single-province .function-province {
		padding-right:0 !important;
	}
	.content-map .bt-use {
		bottom: 59px !important;
		padding: 10px 20px;
		right: 120px;
	}
	.close-mc {
		display:block;
	}
	.content-single-province .left-province {
		top:35px;
	}
	#partner-section h3 {
		font-size: 20px;
	}
	#partner-section ul {
		margin:0 -5px;
	}
	#partner-section ul li {
		padding:0 5px;
	}
}
 @media screen and (max-width:700px){
     .content-provincial .search-abc a{
         width: 7%;
         margin-bottom: 1px;
         margin-right: 1px;
    }
	.content-library .form-search-library{
		margin-right:-5px;
		margin-left: -5px;
	}
	 #huongdan.modal {
		 left:0;
		 right:0;
		 margin:0;
		 padding:15px;
	 }
	 #huongdan.modal .modal-dialog {
		margin:0; 
	 }
}
 @media screen and (max-width:600px){
	#header .form-search .input-text{
		 width: 80%;
	 }
     .content-home .form-climate .content-form{
         padding: 26px 102px 0 195px;
    }
     .content-home .form-climate .content-form label{
         width: 170px;
         font-size: 14px;
    }
     .content-home .form-province .it-btn{
         width: 150px;
         font-size: 18px;
         height: 85px;
    }
     .content-home .form-province .content-form{
         padding: 24px 140px 0 15px;
         height: 85px;
    }
     #footer .info-footer{
         padding-left: 0;
    }
     #footer .info-footer .about-footer{
         padding-top: 100px;
    }
     #footer .info2-footer{
         padding: 32px 0 35px 0;
    }
     #footer .list-partner{
         top: 20px;
    }
     #footer .list-partner a img{
         height: 60px;
    }
     #footer .bottom-footer .copyright,#footer .bottom-footer .license{
         float: none;
    }
     .content-provincial .search-abc a{
         font-size: 16px;
         height: 25px;
    }
     .content-library .it-document .bt-download{
         width: auto;
    }
     .content-library .it-document .title-document{
         width: 100%;
         padding-bottom: 10px;
    }
     .content-library .it-document .bt-download{
         float: none;
    }
     .content-provincial .form-provincial .it-btn{
         font-size: 16px;
    }
     .content-library .main-library .nav-tabs li a{
         width: 200px;
    }
     .content-library .form-search-library .it-form .it-select{
         font-size: 12px;
    }
     .content-library .form-search-library .it-form .select-province{
         font-size: 16px;
    }
     .content-library .form-search-library .it-form{
         padding: 16px 0 32px;
    }
     .content-library .form-search-library .it-btn{
         height: 106px;
    }
	#header .menu-profile ul li{
		width: 25%;
	}
	.content-contact .form-contact .it-form{
		width: 100%;
	}
	.content-contact .form-contact .it-textarea{
		width: 100%;
	}
	#header .menu-map ul li,#header .menu-climatic-zone ul li{
		width: 100%;
	}
	/* .content-single-province .function-province.active{
		display: none;
	} */
	.content-single-province .nav-tabs li{
		border-right: none;
	}
	.content-map .bt-use{
		font-size: 13px;
		padding: 11px 27px;
	}
	.content-map .form-search-map .it-select {
		width: 30%;
	}
}
 @media screen and (max-width:500px){
	 #header .form-search .input-text{
		 width: 45%;
	 }
	 #header .menu-climatic-zone ul{
		 padding: 63px 10px 50px;
	 }
	 .bg-menu-mobile .inner-header{
		 margin-top: -41px;
	 }
	 #header .form-search{
		 margin-bottom: 0;
		 margin-right:10px;
	 }
     #footer .list-partner{
         position: static;
         text-align: left;
         padding-top: 20px;
    }
	.bg-menu-mobile .inner-header h1 a img{
		top: -14px;
    }
	.content-home .banner-top .text-banner h2,.content-home .climate-index .text-climate h2{
		font-size: 22px;
	}
	.content-home .form-province .it-btn{
		width: 75px;
		font-size: 16px;
	}
	.content-home .form-province label{
		font-size: 13px;
	}
	.content-home .form-climate .it-select, .content-home .form-province .it-select{
		font-size: 12px;
	}
	.content-home .form-climate .it-btn{
		width: 50px;
		font-size: 30px;
	}
	.content-home .form-climate .content-form{
		padding: 26px 55px 0 195px;
	}
	.content-home .form-province .content-form{
		padding: 24px 66px 0 7px;
	}
	.content-home .it-climate-big .number-climate h3{
		font-size: 65px;
	}
	.content-home .banner-top .text-banner{
		font-size: 13px;
	}
	main#content{
		padding-top: 110px;
	}
     .content-provincial .it-provincial{
         width: 100%;
    }
     .content-provincial .form-provincial .it-btn {
         font-size: 10px;
         height: 40px;
    }
     .content-provincial .form-provincial .it-select{
         width: 90%;
         font-size: 12px;
         height: 30px;
    }
     #footer .bottom-footer p,.content-library .form-search-library .it-form .it-label, 
	 .content-library .form-search-library .it-form .select-province,.content-contact .form-contact .it-form::after{
         font-size: 12px;
    }
    #footer .info-footer .logo-footer img{
         height: 65px;
    }
	.content-home .it-climate .des-climate p{
		top: 85px;
	}
	.content-contact h2{
		font-size: 40px;
	}
	.content-contact .form-contact h3{
		font-size: 17px;
	}
	     .content-library .list-report .title-report{
         padding: 20px 120px 30px 43px;
    }
	.tab-pane .content-library .list-report .title-report{
		padding: 20px 10px 30px 43px;
	}
     .content-library .list-report .info-report{
         top: 40px;
         right: 0;
         left: 42px;
    }
	.content-home .profile-climate h3{
		font-size: 30px;
	}
	.content-home .it-climate-big .des-climate{
		padding: 25px 0 27px;
	}
	.content-home .it-climate-big .number-climate{
		padding: 21px 10px;
	}
	.content-map .bt-use {
		font-size: 13px;
		padding: 10px 15px;
	}
	.content-map .form-search-map .it-select{
		padding: 5px;
		font-size: 13px;
	}
	.content-single-province .title-province{
		font-size: 17px;
	}
	.content-single .banner-single .title-banner-single,.infor-single h1{
		font-size: 28px;
	}
	.infor-single h1{
		margin: 0 0 20px;
	}
	.content-single-province .tab-content {
		padding:15px;
	}
}
 @media screen and (max-width:375px){
     .content-library .form-search-library .it-btn, .content-library .it-document .bt-download{
         font-size: 12px;
    }
     .content-library .form-search-library .it-form {
         padding: 14px 0 21px;
    }
     .content-library .form-search-library .it-btn {
         height: 77px;
    }
     .content-library .main-library .nav-tabs li a{
         font-size: 12px;
         width: 155px;
    }
     .content-library .list-function-library .bt-download{
         font-size: 12px;
         padding-top: 6px;
         height: 30px;
    }
     .content-library .it-document .title-document{
         font-size: 14px;
    }
	.content-home .form-climate .content-form {
		padding: 26px 55px 0 161px;
	}
	.content-contact .form-contact .it-text{
		padding: 0 2px 0 20px;
		font-size: 12px;
	}
	.content-home .form-climate .content-form label{
		width: 143px;
		font-size: 15px;
	}
	.content-contact .form-contact .it-form::after{
		left: 5px;
	}
	.content-contact .form-contact .it-textarea{
		font-size: 11px;
	}
	#header .menu-profile ul li{
		width: 33.333%;
	}
	.content-map .bt-use {
		font-size: 12px;
		padding: 12px 5px;
	}
}
@media screen and (max-width: 991px){
	.content-statistical {
		padding: 30px 0 20px;		
	}
	.content-statistical .title-main {
		margin-bottom: 30px;
	}
	.content-statistical .number {
		margin-bottom: 30px;
	}
	.provincial .list-provincial {
		padding: 30px 0 10px;
	}
	.district .list-district {
		padding: 30px 0 20px;	
	}
	.main-content .add-background {
		background-repeat: no-repeat;
		background-size: cover;
	}
}
@media screen and (max-width: 767px){
	.content-statistical .item-statistical {
		width: 30%;
		margin-bottom: 25px;
	}
	.provincial .list-provincial .item-provincial {
		width: 100%;
		margin-bottom: 15px;
	}
	.list-district .item-district {	
		width: 100%;	
		margin-bottom: 20px;
	}
	.list-district .item-district:nth-child(5),
	.list-district .item-district:nth-child(6),
	.list-district .item-district:nth-child(7)
	 {
		width: 100%;
	}
	.add-background.district {
		background-position: top left;
	}
	#partner-section ul.list-cormoney {
		margin-bottom:30px;
	} 
	.homev2-statics {
		padding:30px 0;
	}
	.static-v2item {
		width:auto !important;
		padding:30px 15px;
		margin:0 0 5px;
		position:static;
		background:#fff;
	}
	.static-v2item.static0 {
		background:#0153a8;
	}
	.staticsv2 .bgimg {
		display:none;
	}
	.homev2-banner {
		/*background-image:url('../images/b2bg.jpg');
		background-size:cover;
		background-position:center center;*/
		padding:50px 0;
	}
}
@media screen and (max-width: 575px){	
	.content-statistical .item-statistical {
		width: 50%;
		margin-bottom: 25px;
	}
}