/*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 {
		    margin-left: -18px !important;
	}
		.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 {
		    margin-left: -92px !important;
	}
	.ccright {
		    margin-left: 0px !important;
	}
}

@media only screen and (min-width: 1440px) {
    h1 {
        font-size: 15px;
    }
		.container.blog-section {
		    margin-left: -67px !important;
	}
	.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 {
		    margin-left: -30px !important;
	}
	.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) {
	table, th, td {
		font-size: 12px !important;
	}
	.dvTableTittle {
		font-size: 10px !important;
		padding-right: 2px !important;
		padding-left: 2px !important;
		text-align: center !important;
	}
	.container.bodycontainer {
		margin-left: 0px;
	}
	.container .blog-section {
		margin-left: 0px;
	}
  .ccleft {
		margin-top: -5%;
	    width: 40.3% !important;
		margin-left: -4.5% !important;
 } 

	img {
		margin-left: 0px !important;
	}
	.table-GDP {
			height: auto !important;
			margin-bottom: 10%;
	}
.dvTableSchool img {
	 width: 75% !important;
	 height: 100% !important;
	 margin-top: 0px !important;
    margin-bottom: 4px;
 }
 
.dvTableSchool table tr td span {
	    margin-left: 1% !important;
	
}
		.table-GDP .col-md-3 { 
			width: 102% !important;
		}
	 .table-rangesofresaleprices {
		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;
}

.khung1 {
	padding-top: 0.1px;
}
.khung2 {
	padding-top: 0.1px;
}
.khung p { 
	width: 100% !important;
}
 .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: 37% !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{
             height: auto !important;
			 margin-top: 5% !important;
			 margin-bottom: 5% !important;
}
	.conclusion p{
			    width: 89% !important;
   				margin-left: 4% !important;
				text-align: justify !important;
				padding-top: 10px !important;
				padding-bottom: 10px;
	}

.conclusion-2{
             height: auto !important;
}
	.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;
}

.goodtoknow-part1 {
	height: auto !important;
	 margin-top: 6%;
	 margin-bottom: 6%;
}
.goodtoknow-part1 p {
	width: 95% !important;
	padding-bottom: 15px;
}
.goodtoknow-part2 {
	height: auto !important;
	 margin-top: 6%;
	 margin-bottom: 6%;
}
.goodtoknow-part2 p {
	padding-bottom: 15px;
	width: 95% !important;
}

.p1 {
	margin-top: -7% !important;

}
 .content-area {
			height: auto !important;
			margin-top: 4% !important;
			margin-left: 2.5%;
			width: 90%;
        }
	.content-area 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% ;
	}
 .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% !important;
	}
 .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: 93%;
	}	
 .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) {
	table, th, td {
		font-size: 11px !important;
	}
	.dvTableTittle {
		font-size: 9px !important;
	}
	.our-founder-wrapper {
		width: 30.5%;
	}
  .ccleft {
     margin-top: -5%;
    width: 36.8% !important;
    margin-left: -4.5% !important;
}     
    .servicetemplatenew img {
		margin-left: -58.3% !important;
}
    .iconcontact {
		margin-left: 5% !important;
}
    .formenquiry {
      float: left;
    width: 33.2% !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: 95% !important;
			margin-left: 3% !important;
			padding-bottom: 15px;
			text-align: justify !important;
	}

.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) {
	table, th, td {
		font-size: 10px !important;
	}
	.dvTableTittle {
		font-size: 9px !important;
	}
	.our-founder-wrapper {
		width: 29.3%;
	}
  .ccleft {
		margin-top: -5%;
		width: 35.5% !important;
		margin-left: -4.5% !important;
}     
    .servicetemplatenew img {
		margin-left: -58.8% !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: 94% !important;
			padding-bottom: 16px;
			text-align: justify !important;
	}

.conclusion-2{
			 height: auto !important;
			 margin-top: 6%;
			 margin-bottom: 6%;
}
	.conclusion-2 p{
			width: 90%;
			margin-left: 2%;
}
.conclusion-2 ul li{
	margin-left: -2% !important;
}
.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%;
}
.fontstyle-ului {
	margin-left: -5%;
	width: 103% !important;
}
}



/*màn hình cỡ iphone 5*/
@media only screen and (max-width: 320px) {
 	table, th, td {
		font-size: 8px !important;
	}
	.dvTableTittle {
		font-size: 8px !important;
	}
 .fontstyle-ului {
	width: 105% !important;
	margin-left: -6%;
 }
.header-content {
	width: 55%;
	margin-top: -3%;
}
	.our-founder-wrapper {
		width: 25.7%;
	}
  .ccleft {
     margin-top: -5%;
      width: 31.3% !important;
    margin-left: -4.5% !important;
}     
    .servicetemplatenew img {
		margin-left: -60.9% !important;
}
    .iconcontact {
		margin-left: 2% !important;
}
    .formenquiry {
		float: left;
		width: 28.1% !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-2 ul li{
	font-size: 13px !important;
	margin-left: -3% !important;
	width: 98% !important;
	
}
.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*/