/*responesive cho desktop mình dùng @media min width*/
/* css responsive cho giao diện desktop */

@media only screen and (min-width: 1280px) {
	h1 {
		font-size: 13px;
	}

	.container.blog-section {
	}

	.ccright {
		margin-left: 2px !important;
	}
}

@media only screen and (min-width: 1366px) {
	h1 {
		font-size: 14px;
	}
}

@media only screen and (min-width: 1400px) {
	h1 {
		font-size: 15px;
	}

	.container.blog-section {
	}

	.ccright {
		margin-left: 0px !important;
	}
}

@media only screen and (min-width: 1440px) {
	h1 {
		font-size: 15px;
	}

	.container.blog-section {
	}

	.ccright {
		margin-left: 0px !important;
	}
}

@media only screen and (min-width: 1500px) {
	h1 {
		font-size: 15px;
	}

	.container-fluid #dv_menu2 .container {
		margin-left: 144px !important;
	}

	.container.blog-section {
	}

	.ccright {
		margin-left: 0px !important;
	}
}

@media only screen and (min-width: 1600px) {
	.container-fluid #dv_menu2 .container {
		margin-left: 212px !important;
	}

	h1 {
		font-size: 17px;
	}

	.container.blog-section {
		margin-left: 69px !important;
	}

	.ccright {
		margin-left: 0px !important;
	}
}

@media only screen and (min-width: 1700px) {
	h1 {
		font-size: 17px;
	}

	.container-fluid #dv_menu2 .container {
		margin-left: 42px !important;
	}

	.container.blog-section {
		margin-left: 57px !important;
	}

	.ccright {
		margin-left: 0px !important;
	}
}

@media only screen and (min-width: 1800px) {
	h1 {
		font-size: 17px;
	}

	.container-fluid #dv_menu2 .container {
		margin-left: 44px !important;
	}

	.container.blog-section {
		margin-left: 68px !important;
	}

	.ccright {
		margin-left: 0px !important;
	}
}

@media only screen and (min-width: 1920px) {
	h1 {
		font-size: 15px;
	}

	.container-fluid #dv_menu2 .container {
		margin-left: 212px !important;
	}

	.container.blog-section {
		margin-left: 30px !important;
	}

	.ccright {
		margin-left: 0px !important;
	}
}
/*ket thuc  css responsive cho giao diện desktop */



/*css responsive cho giao diện mobile*/
@media only screen and (max-width: 768px) {
	.livinginbkk-expatmap-mobile {
		display: block !important;
	}

	.slider-mobile {
		display: block;
	}

	.display_mobile {
		display: none;
	}

	.our-founder-wrapper .item {
		text-align: center !important;
	}

	.ccleft {
		width: 65%;
		margin-left: -85px;
	}

	.our-founder-wrapper {
		margin: 0 16px 15px 57px;
		width: 34%;
	}

	.ourcha img {
		height: 233px;
	}

	.formenquiry {
		width: 65%;
		margin-left: -89px;
	}

	.renovate {
		height: auto !important;
	}

	.content-bottom-blank {
		height: auto !important;
	}

	.content-area {
		height: auto !important;
	}

	.content-area-1 {
		height: auto !important;
	}

	.content-area-2 {
		height: auto !important;
	}

	.content-area-3 {
		height: auto !important;
	}

	.content-area-4 {
		height: auto !important;
	}

	.content-area-5 {
		height: auto !important;
	}

	.content-area-6 {
		height: auto !important;
	}

	.content-area-7 {
		height: auto !important;
	}

	.conclusion {
		height: auto !important;
	}

	.conclusion-1 {
		height: auto !important;
	}

	.conclusion-2 {
		height: auto !important;
	}

	.conclusion-3 {
		height: auto !important;
	}

	.goodtoknow {
		height: auto !important;
	}

	.goodtoknow-part1 {
		height: auto !important;
	}

	.goodtoknow-part2 {
		height: auto !important;
	}

	.goodtoknow-part3 {
		height: auto !important;
	}

	.servicetemplatenew img {
		width: 768px;
		margin-left: -117px;
	}

	.iconcontact {
		margin-top: 6.6%;
		height: 21px;
		width: 105px;
		margin-left: 19.5%;
	}

	.line1 {
		margin-top: 60px !important;
	}

	.renovate .line1 {
		margin-top: 7px !important;
	}

	.line-mobi {
		display: none;
	}
}

@media only screen and (max-width: 736px) {
	.ccleft {
		width: 62%;
	}

	.formenquiry {
		width: 62%;
	}

	.our-founder-wrapper {
		margin: 0 16px 15px 38px;
	}
}

@media only screen and (max-width: 667px) {
	.ccleft {
		width: 56%;
	}

	.formenquiry {
		width: 56%;
	}

	.our-founder-wrapper {
		margin: 0 16px 15px 6px;
	}
}

@media only screen and (max-width: 640px) {
	.ccleft {
		width: 53.8%;
	}

	.formenquiry {
		width: 53.8%;
	}

	.our-founder-wrapper {
		margin: 0 16px 15px 6px;
	}
}

@media only screen and (max-width: 568px) {
	.ccleft {
		width: 47.5%;
	}

	.formenquiry {
		width: 47.5%;
	}

	.our-founder-wrapper {
		margin: 0 16px 15px -37px;
	}
}
/* màn hình cỡ iphone 6s */
@media only screen and (max-width: 414px) {
	.floating-box {
		width: 100% !important;
		margin: 0px !important;
		margin-top: 3% !important;
	}

	.tablecostof th, td {
		font-size: 10px !important;
	}

	.tablecostof ul li {
		padding-left: 0px !important;
		margin-left: -16px !important;
	}

	.bangkokis1-right {
		margin-left: 0px !important;
		width: 106% !important;
		margin-top: 16%;
	}

	.bangkokis1-left {
		width: 105% !important;
	}

	.hr1 {
		display: none !important;
	}

	.hr2 {
		display: none !important;
	}

	.hr3 {
		display: none !important;
	}

	.hr4 {
		display: none !important;
	}

	.vs {
		display: block !important;
		margin-top: 2% !important;
		margin-left: 40% !important;
		font-size: 16px !important;
	}

	.vs2 {
		display: block !important;
		margin-top: 2% !important;
		margin-left: 40% !important;
		font-size: 16px !important;
	}

	.goodtoknow-ului {
		width: 97% !important;
	}

	.dvBeforeInvestingYouMust-mobile {
		margin-left: 0px !important;
	}

	.dvTagP-mobile {
		width: 95% !important;
	}

	.container.bodycontainer {
		margin-left: 0px;
	}

	.container .blog-section {
		margin-left: 0px !important;
	}

	.ccleft {
		margin-top: -5%;
		width: 41.3% !important;
		margin-left: -4.5% !important;
	}

	img {
		margin-left: 0px !important;
		width: 100% !important;
	}

	.table-rangesofrentalpricessincentralbangkok {
		height: auto !important;
	}

	.conveyance {
		height: auto !important;
		margin-bottom: 10%;
	}

	.text-center {
		margin-left: 0%;
		height:
	}

	.bottom-footer .text-center {
		margin-left: 43%;
		height:
	}

	.khung {
		margin-left: 0.5% !important;
		width: 94.5% !important;
	}

		.khung p {
			width: 100% !important;
			padding-top: 7px;
		}

	.fontstyle-ului {
		width: 100% !important;
		text-align: justify !important;
		font-size: 13px !important;
	}

	.our-founder-wrapper .item h4 {
		font-size: 20px !important;
		margin-top: 3%;
	}

	.our-founder-wrapper .item {
		width: 100%;
		text-align: center !important;
	}

	.our-founder-wrapper {
		width: 34%;
	}

	.slider-mobile {
		display: block;
	}

	.display_mobile {
		display: none;
	}

	.ccright {
		display: none;
	}

	.container .ours-founders {
		margin-left: -2%;
	}

	.right-side-wrapper {
		display: none;
	}

	.servicetemplatenew img {
		margin-left: -58.3% !important;
		margin-top: 0px !important;
		height: 100% !important;
		width: 1600px !important;
	}

	.iconcontact {
		cursor: pointer !important;
		margin-top: 3% !important;
		position: absolute !important;
		height: 30px !important;
		width: 197px !important;
		margin-left: 6% !important;
	}

	.formenquiry {
		float: left;
		width: 36.8% !important;
		margin-top: 0px !important;
		margin-left: -4.5% !important;
	}

		.formenquiry span {
			margin-left: 9%
		}

	.title-footer {
		width: 100%;
		color: #bebebe;
		font-size: 15px;
		margin-top: 0px;
		margin-bottom: -6px;
		padding-top: 10px;
		margin-left: -34%;
	}

	.bottom-footer h4 {
		margin: -7px 0 10px;
		font-family: roboto-rebular;
		color: #bebebe;
		font-size: 12px;
		text-transform: none;
		margin-left: -69%;
		/* text-align: center; */
		/* margin-right: 71%; */
	}

	.renovate {
		/* height: 630px !important; */
		height: auto !important;
		margin-bottom: 0px;
	}

		.renovate h1 {
			font-size: 16px;
			font-family: roboto-medium;
			color: #3e3e3e;
			font-weight: bold;
			margin-left: 3% !important;
		}

		.renovate h2 {
			font-size: 16px;
			font-family: roboto-regular;
			color: #3e3e3e;
			font-weight: bold;
		}

		.renovate p {
			margin-top: 15px;
			font-size: 13px;
			font-family: roboto-medium;
			line-height: 23px;
			text-align: justify;
			margin-left: 2.5%;
			width: 90%;
		}

		.renovate .line1 {
			margin-left: 0% !important;
			width: 90% !important;
			margin-top: 0% !important
		}

	.line1 {
		margin-left: 17.5% !important;
		width: 60% !important;
		margin-top: 5% !important;
	}


	.conclusion-1 {
		height: auto !important;
		background: #eeeeee;
		margin-top: 6%;
		margin-bottom: 1%;
	}

		.conclusion-1 p {
			width: 90% !important;
			margin-left: 3.2% !important;
			padding-bottom: 16px;
		}

	.conclusion-2 {
		height: auto !important;
		margin-top: 6%;
		margin-bottom: 6%;
	}

		.conclusion-2 p {
			padding-top: 16px;
			width: 90%;
			margin-left: 2.5%;
			padding-bottom: 16px;
		}

	.conclusion-3 {
		height: auto !important;
		margin-top: 6%;
		margin-bottom: 6%;
	}

		.conclusion-3 p {
			width: 92%;
			margin-left: 3%;
			padding-bottom: 15px;
		}

		.conclusion-3 ul li {
			font-family: roboto-medium !important;
		}

	.p1 {
		margin-top: 4% !important;
	}

	.content-area {
		height: auto !important;
		margin-top: 4% !important;
		margin-left: 2.5%;
		width: 90%;
	}

	.content-area-1 p {
		line-height: 19px !important;
		width: 100% !important;
	}

	.content-area-1 {
		height: auto !important;
		margin-top: 4% !important;
		margin-left: 2.5%;
		width: 90%;
	}

		.content-area-1 p {
			line-height: 19px !important;
			width: 100% !important;
		}

	.content-area-2 {
		height: auto !important;
		margin-top: 4% !important;
		margin-left: 2.5%;
		width: 90%;
	}

		.content-area-2 h2 {
		}

		.content-area-2 p {
			line-height: 19px !important;
			width: 100%;
		}

	.content-area-3 {
		height: auto !important;
		margin-top: 4% !important;
		margin-left: 2.5%;
		width: 90%;
		;
	}

		.content-area-3 h2 {
			font-family: roboto-regular;
			font-size: 16px;
			font-weight: bold;
			color: #3e3e3e;
			text-decoration: underline;
		}

		.content-area-3 h3 {
			font-family: roboto-regular;
			font-size: 14px;
			font-weight: bold;
			color: #3e3e3e;
		}

		.content-area-3 p {
			line-height: 19px !important;
			width: 100%;
		}

	.content-area-4 {
		height: auto !important;
		margin-top: 4% !important;
		margin-left: 2.5%;
		width: 90%;
	}

		.content-area-4 h2 {
			font-family: roboto-regular;
			font-size: 16px;
			font-weight: bold;
			color: #3e3e3e;
			text-decoration: underline;
		}

		.content-area-4 p {
			line-height: 19px !important;
			width: 100% !important;
		}

	.content-area-5 {
		height: auto !important;
		margin-top: 4% !important;
		margin-left: 2.5%;
		width: 90%;
	}

		.content-area-5 h2 {
			font-family: roboto-regular;
			font-size: 16px;
			font-weight: bold;
			color: #3e3e3e;
			text-decoration: underline;
		}

		.content-area-5 p {
			line-height: 19px !important;
			width: 100%;
		}

	.content-area-6 {
		height: auto !important;
		margin-top: 4% !important;
		margin-left: 2.5%;
		width: 90%;
	}

		.content-area-6 h2 {
			font-family: roboto-regular;
			font-size: 16px;
			font-weight: bold;
			color: #3e3e3e;
			text-decoration: underline;
		}

		.content-area-6 p {
			line-height: 19px !important;
			width: 100%;
		}

	.content-area-7 {
		height: auto !important;
		margin-top: 4% !important;
		margin-left: 2.5%;
		width: 90%;
	}

		.content-area-7 h2 {
			font-family: roboto-regular;
			font-size: 16px;
			font-weight: bold;
			color: #3e3e3e;
			text-decoration: underline;
		}

		.content-area-7 p {
			line-height: 19px !important;
			width: 100%;
		}

	.content-bottom-blank {
		height: auto !important;
	}
}


/* màn hình cỡ iphone 6 */
@media only screen and (max-width: 375px) {
	.tablecostof th, td {
		font-size: 9px !important;
	}

	.our-founder-wrapper {
		width: 30.5%;
	}

	.ccleft {
		margin-top: -5%;
		width: 37.5% !important;
		margin-left: -4.5% !important;
	}

	.servicetemplatenew img {
		margin-left: -59.3% !important;
	}

	.iconcontact {
		margin-left: 6% !important;
	}

	.formenquiry {
		float: left;
		width: 33% !important;
		margin-top: 0px !important;
		margin-left: -4.5% !important;
	}

		.formenquiry span {
			margin-left: 9%
		}

	.title-footer {
		width: 100%;
		color: #bebebe;
		font-size: 15px;
		margin-top: 0px;
		margin-bottom: -6px;
		padding-top: 10px;
		margin-left: -34%;
	}

	.bottom-footer h4 {
		margin: -7px 0 10px;
		font-family: roboto-rebular;
		color: #bebebe;
		font-size: 12px;
		text-transform: none;
		margin-left: -69%;
	}

	.content-bottom-blank {
		height: 10px !important;
	}

	.conclusion-1 {
		height: auto !important;
		background: #eeeeee;
		margin-top: 6%;
		margin-bottom: 1%;
	}

		.conclusion-1 p {
			width: 90% !important;
			margin-left: 3% !important;
			padding-bottom: 15px;
		}

	.conclusion-2 {
		height: auto !important;
		margin-top: 6%;
		margin-bottom: 6%;
	}

		.conclusion-2 p {
			width: 90%;
			margin-left: 2%;
			padding-bottom: 15px;
		}

	.conclusion-3 {
		height: auto !important;
		margin-top: 6%;
		margin-bottom: 6%;
	}

		.conclusion-3 p {
			width: 92%;
			margin-left: 3%;
			padding-bottom: 15px;
		}

		.conclusion-3 ul li {
			font-family: roboto-medium !important;
		}

	.renovate h1 {
		font-size: 17px !important;
	}

	.khung {
		width: 95%;
	}
}


/*màn hình cỡ 360 */
@media only screen and (max-width: 360px) {
	.tablecostof th, td {
		font-size: 8px !important;
	}

	.our-founder-wrapper {
		width: 29.3%;
	}

	.ccleft {
		margin-top: -5%;
		width: 36% !important;
		margin-left: -4.5% !important;
	}

	.servicetemplatenew img {
		margin-left: -60.3% !important;
	}

	.iconcontact {
		margin-left: 4% !important;
	}

	.formenquiry {
		float: left;
		width: 31.8% !important;
		margin-top: 0px !important;
		margin-left: -4.5% !important;
	}

		.formenquiry span {
			margin-left: 9%
		}

	.title-footer {
		width: 100%;
		color: #bebebe;
		font-size: 15px;
		margin-top: 0px;
		margin-bottom: -6px;
		padding-top: 10px;
		margin-left: -34%;
	}

	.bottom-footer h4 {
		margin: -7px 0 10px;
		font-family: roboto-rebular;
		color: #bebebe;
		font-size: 12px;
		text-transform: none;
		margin-left: -69%;
	}

	.content-bottom-blank {
		height: 10px !important;
	}

	.conclusion-1 {
		height: auto !important;
		background: #eeeeee;
		margin-top: 6%;
		margin-bottom: 1%;
	}

		.conclusion-1 p {
			width: 90% !important;
			padding-bottom: 16px;
		}

	.conclusion-2 {
		height: auto !important;
		margin-top: 6%;
		margin-bottom: 6%;
	}

		.conclusion-2 p {
			width: 90%;
			margin-left: 2%;
		}

	.conclusion-3 {
		height: auto !important;
		margin-top: 6%;
		margin-bottom: 6%;
	}

		.conclusion-3 p {
			width: 92%;
			margin-left: 3%;
			padding-bottom: 15px;
		}

		.conclusion-3 ul li {
			font-family: roboto-medium !important;
		}

	.renovate h1 {
		font-size: 16px !important;
	}

	.khung {
		width: 95.5%;
	}
}



/*màn hình cỡ iphone 5*/
@media only screen and (max-width: 320px) {
	.header-content {
		width: 55%;
		margin-top: -3%;
	}

	.our-founder-wrapper {
		width: 25.7%;
	}

	.ccleft {
		margin-top: -5%;
		width: 32.5% !important;
		margin-left: -4.5% !important;
	}

	.servicetemplatenew img {
		margin-left: -62.3% !important;
	}

	.iconcontact {
		margin-left: 2% !important;
	}

	.formenquiry {
		float: left;
		width: 28% !important;
		margin-top: 0px !important;
		margin-left: -4.5% !important;
	}

		.formenquiry span {
			margin-left: 9%
		}

	.title-footer {
		width: 100%;
		color: #bebebe;
		font-size: 15px;
		margin-top: 0px;
		margin-bottom: -6px;
		padding-top: 10px;
		margin-left: -34%;
	}

	.bottom-footer h4 {
		margin: -7px 0 10px;
		font-family: roboto-rebular;
		color: #bebebe;
		font-size: 12px;
		text-transform: none;
		margin-left: -69%;
	}

	.content-bottom-blank {
		height: 10px !important;
	}

	.conclusion-1 {
		height: auto !important;
		background: #eeeeee;
		margin-top: 6%;
		margin-bottom: 1%;
	}

		.conclusion-1 p {
			width: 90% !important;
			margin-left: 3% !important;
			padding-bottom: 15px;
		}

	.conclusion-2 {
		height: auto !important;
		margin-top: 6%;
		margin-bottom: 6%;
	}

		.conclusion-2 p {
			width: 90%;
			margin-left: 2%;
			padding-bottom: 15px;
		}

	.conclusion-3 {
		height: auto !important;
		margin-top: 6%;
		margin-bottom: 6%;
	}

		.conclusion-3 p {
			width: 92%;
			margin-left: 3%;
			padding-bottom: 15px;
		}

		.conclusion-3 ul li {
			font-family: roboto-medium !important;
		}

	.renovate h1 {
		font-size: 14px !important;
	}

	.khung {
		width: 94%;
	}
}



/*ket thuc css responsive cho giao diện mobile*/