/*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 */

@media only screen and (max-width: 800px) {
  .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;
  }
}


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

@media only screen and (max-width: 768px) {
    .container {
        width: 768px;
  }
    .ulNoPadding {
        list-style-type:none !important;
        padding-inline-start: 0px !important;
    }

    .container.bodycontainer {
        margin-left: 0px !important;
        margin-top: 70px !important;
        padding: 0px !important;
      }

    .border {
        display: none !important;
    }

    .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
        padding-right: 10px !important;
    }
    #ContentPlaceHolder1_divContent {
    width: 100%;
  }
    .blog-content-title-wrapper h1 {
            line-height: 24px !important;
    }
}

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

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

}

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

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


/* màn hình cỡ iphone 6s */

@media only screen and (max-width: 414px) {
   
  .container {
        width: 414px;
  }

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


/* màn hình cỡ iphone 6 */

@media only screen and (max-width: 375px) {
  .container {
    width: 375px;
  }
}


/*màn hình cỡ 360 */

@media only screen and (max-width: 360px) {
  .container {
        width: 360px;
  }
}


/*màn hình cỡ iphone 5*/

@media only screen and (max-width: 320px) {
  .container {
        width: 320px;
  }
}


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