.banner-insite{

    line-height: 0;

    margin-bottom: 40px;

}

.banner-insite img{

    width: 100%;

}

.menu-insite{

    padding-bottom: 30px;

    margin-bottom: 40px;

    border-bottom: 1px solid #E3E3E3;

}

.menu-insite ul{

    display: flex;

    justify-content: space-between;

}

.menu-insite ul li a{

    display: inline-block;

    font-size: 25px;

    line-height: 30px;

    color: #AAAAAA;

    border-radius: 23px;

    padding: 8px 0;

}

.menu-insite ul li:hover a,

.menu-insite ul li.active a{

    background-color: #EE3D96;

    color: #fff;

    padding: 8px 40px;

}

.box-nav {

    color: #000;

    font-size: 30px;

    margin-bottom: 20px;

}

.box-nav span{

    display: inline-block;

    padding-left: 20px;

    position: relative;

}

.box-nav span::after{

    content: '';

    position: absolute;

    left: 0;

    top: 10px;

    width: 8px;

    height: 8px;

    background-color: #A2A2A2;

    border-radius: 100%;

}

.control-content{

    background-image: url(../images/bg-insite.svg);

    background-position: center 300px;

    background-repeat: no-repeat;

    background-size: 95% auto;

}

.content-mission h2,

.content-about h2{

    font-size: 50px;

    line-height: 50px;

    color: #000;

}

.content-about h3{

    font-size: 45px;

    line-height: 50px;

    color: #EE3D96;

}

.img-about-right{

    text-align: right;

}

.img-about-right img{

    max-width: 500px;

}

.control-content img{

    max-width: 100%;

}

.control-content p{

    margin-bottom: 30px;

    font-size: 30px;

    line-height: 36px;

    color: #646464;

}

.aboutleft01{

    max-width: 500px;

}

.aboutleft01 h5 span{    

    font-size: 30px;

    line-height: 30px;

    background-size:auto 14px ;

}

.mission-intro h2 span{

    font-size: 50px;

    line-height: 50px;

    background-size:auto 19px ;

}

.mission-intro h2 span,

.aboutleft01 h5 span{

    background-image: url(../images/icon-headline.svg);

    background-position: right top;

    background-repeat: no-repeat;

    display: inline-block;

    padding-right: 20px;

    color: #000000;

}

.aboutleft01{

    margin-top: 120px;

}

.imgabout03,

.aboutleft02{

    max-width: 500px;

    float: right;

}

.content-about-row01,

.content-about-row02{

    margin-bottom: 90px;

}

.content-about-row03{

    background-color: #F5F5F7;

    background-image: url(../images/bg-about.svg);

    background-position: center center;

    background-repeat: no-repeat;

    min-height: 300px;

    padding-bottom: 50px;

}

.aboutleft02{

    margin-top: 170px;

}

.aboutleft03{

    margin-top: 230px;

}

.textgreen{

    color: #25BCBD;

    font-size: 40px;

    line-height: 40px;

    margin-bottom: 20px;

}

.textslogan{

    color: #EE3D96;

    font-size: 35px;

    line-height: 42px;

}

.content-about-row04{

    padding-top: 70px;

}

.content-about-row04 h2{

    text-align: center;

    margin-bottom: 20px;

}

.content-about-row04 p{

    font-size: 25px;

    line-height: 25px;

    text-align: center;

    margin-bottom: 40px;

}

.t-project{

    height: 40px;

    overflow: hidden;

}

.t-project,

.t-project a{

    color: #000;

}

.t-project a{

    display: block;

}

.list-aboutproject .box-thumbnail {

    padding-top: 75%;

}

.list-hometype,

.contact-form,

.contact-insite,

.controlslidernews,

.content-news .btn-center,

.mission-position,

.list-aboutproject{

    padding-bottom: 50px;

    border-bottom: 1px solid #E3E3E3;

}

.mission-intro{

    text-align: center;

}

.headcontact,

.mission-intro h3{

    color: #000;

}

.mission-intro h3 span{

    color: #25BCBD;

    font-family: "DB Helvethaica X Reg";

}

.mission-intro p{

    max-width: 90%;

    margin: 20px auto 0;

}

.mission-intro{

    margin-bottom: 30px;

}

.mission-img{

    line-height: 0;

    margin-bottom: 40px;

}

.mission-img img{

    width: 100%;

}

.mission-head{

    position: relative;

    color: #000;

    

}

.mission-head span{

    font-family: 'DB Helvethaica X bold';

    color: #5FB9BC;

    font-size: 120px;

    line-height: 100px;

    -webkit-text-fill-color: white; /* Will override color (regardless of order) */

    -webkit-text-stroke-width: 1px;

    -webkit-text-stroke-color: #5FB9BC;

    display: inline-block;

    margin-right: 10px;

}

.mission-head  strong{

    font-family: 'DB Helvethaica X Med';

    position: relative;

    top: -8px;

}

.box-mission{

    max-width: 470px;

    margin-bottom: 20px;

}

.mission-text{

    font-size: 20px;

    line-height: 25px;

    height: 72px;

    overflow: hidden;

}

.mission-is{

    margin-bottom: 70px;

}

.mission-left{

    max-width: 500px;

}

.mission-right{

    padding-left: 50px;

}

.mission-right img{

    width: 100%;

}

.mission-position{

    padding-bottom: 100px;

}

.content-news .box-thumbnail{

    padding-top: 66%;

}

.content-news p{

    font-size: 25px;

    line-height: 25px;

    height: 73px;

    margin-top: 5px;

    margin-bottom:20px ;

}

.content-news .box-news{

    margin-bottom: 50px;

}

.btn-center{

    text-align: center;

}

.content-news .btn-center{

    margin-top: 50px;

    margin-bottom: 0;

    padding-bottom: 100px;

}

.btn.btn-loadmore{

    max-width: 300px;

    background-color: #EE3D96;

    color: #fff;

    font-size: 30px;

    line-height: 30px;

    padding: 10px 15px;

    border-radius: 0;

    display: block;

    margin: 0 auto;

}

.btn.btn-loadmore:hover{

    background-color: #666;

}

.boxeditor{

    color: #000;

}

.content-editor h4{

    font-size: 40px;

    line-height: 40px;

}

.content-editor p{

    font-size: 25px;

    line-height: 28px;

}

.boxeditor{

    margin-bottom: 50px;

}

.slidernews ul.slick-dots {

    position: absolute;

    width: 100%;

    bottom: -10px;

    text-align: center;

  }

  .slidernews ul.slick-dots li {

    display: inline-block;

    margin: 0 5px;

  }

  .slidernews ul.slick-dots li button {

    background-color: #d9d9d9;

    border: 0;

    border-radius: 100%;

    text-indent: -999px;

    overflow: hidden;

    width: 8px;

    height: 8px;

    padding: 0;

    font-size: 30px;

    line-height: 25px;

  }

  .slidernews ul.slick-dots li.slick-active button {

    background-color: #ee3d96;

  }

  .slidernews .slick-arrow {

    position: absolute;

    border: none;

    padding: 0;

    bottom: 0;

    background-color: transparent;

    color: #646464;

    z-index: 10;

  }

  .slidernews .slick-arrow:hover {

    color: #ee3d96;

  }

  .slidernews .slick-prev.slick-arrow {

    left: 0;

    right: auto;

    padding-left: 100px;

  }

  .slidernews .slick-next.slick-arrow::after,

  .slidernews .slick-prev.slick-arrow::after {

    height: 1px;

    width: 90px;

    top: 15px;

    content: "";

    background-color: #646464;

    position: absolute;

  }

  .slidernews .slick-prev.slick-arrow::after {

    left: 0;

  }

  .slidernews .slick-next.slick-arrow::after {

    right: 0;

  }

  .slidernews .slick-next.slick-arrow {

    right: 0;

    left: auto;

    padding-right: 100px;

  }

  .slidernews .slick-arrow span {

    border-bottom: 1px solid #646464;

    display: inline-block;

    position: relative;

  }

  .slidernews .slick-arrow:hover span {

    border-bottom: 1px solid #ee3d96;

  }

  .slidernews .slick-next.slick-arrow:hover::after,

  .slidernews .slick-prev.slick-arrow:hover::after {

    background-color: #ee3d96;

  }

  .slidernews .box-thumbnail{

      padding-top: 75%;

  }

  .controlslidernews .slick-slide{

      margin: 0 15px;

  }

  .controlslidernews .slick-list{

      margin: 0 -15px;

  }

  .controlslidernews .slick-slider{

      padding-bottom: 50px;

      margin-bottom: 30px;

  }

  .controlslidernews{ overflow: hidden;}

  .controlslidernews .box-news{ margin: 0;}

  .box-shareon{

      color: #646464;

      font-size: 25px;

  }

  .box-shareon .footer-follows ul li{ margin: 0;}

  .box-shareon .footer-follows ul li a{

      width: 30px;

      height: 30px;

      background-size: auto 15px;

  }

  .box-shareon .footer-follows {

    margin-bottom: 20px;

    position: relative;

    top: -20px;

    }

    iframe{ width: 100%;}

    .contactright .btn {

        width: 70%;

        margin: 40px auto 20px;

        display: block;

        max-width: 150px;

        height: 50px;

        padding: 10px;

        color: #fff;

        border-radius: 0;

        background-color: #EE3D96;

        font-size: 25px;

        line-height: 20px;

    }

    .contact-insite{

        margin-bottom: 50px;

    }

    .headcontact span{

        display: inline-block;

        font-size: 30px;

        line-height: 30px;

        position: relative;

        margin-left: 10px;

        top: -15px;

    }

    .contactright h5,

    .box-contact h5{

        font-size: 25px;

        line-height: 30px;

        color: #000;

    }

    .box-contact p{

        font-size: 23px;

        line-height: 25px;

        max-width: 280px;

    }

    .box-contact{

        margin-bottom: 30px;

    }

    .t-call a{

        display: inline-block;

        color:#EE3D96 ;

    }

    .t-call a:hover{

        color: #000;

    }

    .contactleft h3,

    .boxmail a{

        display: inline-block;

        color:#000 ;

        font-size: 30px;

    }

    .boxmail a:hover{

        color:#EE3D96 ;

    }

    .contact-call{

        margin-bottom: 80px;

    }

    .textopen{

        color: #aaa;

    }

    .callcenter{

        padding-left: 30px;

    }

    .contactleft h3{

        display: block;

        margin-bottom: 40px;

    }

    .contactleft{

        width: 100%;

        max-width: 600px;

    }

    .contactleft iframe{ height: 360px;}

    .contactright h5{

        margin-bottom: 10px;

        position: relative;

        top: -10px;

    }

    .contactright .box-input-contact .form-control{ border-color: #E6E6E6;  height: 40px; color: #000; font-size: 21px;}

    .box-input-contact{ margin-bottom: 10px;}

    .contactright .box-input-contact textarea.form-control{ height: auto;}

    .contactright .form-control::-webkit-input-placeholder { color: #aaa;}

    .contactright .form-control:-moz-placeholder { /* Firefox 18- */ color: #aaa;}

    .contactright .form-control::-moz-placeholder {/* Firefox 19+ */color: #aaa;}

    .contactright .form-control:-ms-input-placeholder {color: #aaa;}

    .content-project .content-about-row04{ padding-top: 0;}

    .box-hometype{

        background-color: #F5F5F5;

        padding:30px 25px 35px 25px;

        position: relative;

        margin-bottom: 30px;

    }

    .box-hometype .box-thumbnail{

        padding-top: 66.66%; /* 3:2 Aspect Ratio (divide 2 by 3 = 0.6666)  */

        margin-bottom: 30px;

    }

    .box-hometype .box-title a{

        font-size: 30px;

        line-height: 30px;

        height: 30px;

        overflow: hidden;

        margin-bottom: 10px;

    }

    .control-content .box-hometype .box-des p{

        font-size: 20px;

        line-height: 25px;

        height: 100px;

        overflow: hidden;

        margin-bottom: 40px;

        max-height: inherit;

    }

    .box-hometype .box-viewmore a{

        font-size: 21px;

        padding: 6px 30px 6px 0;

        background-size: auto 20px;

    }

    .box-hometype::after{

        content: '';

        position: absolute;

        left: 0;

        top: 0;

        width: 5px;

        height: 50%;

        background-color:#4FB281 ;

    }

.bg_joy::after{ background-color:#50B748 ;}

.bg_pollen::after{ background-color:#401A71;}

.bg_symphony::after{  background-color:#780B47;}

.bg_begin::after{  background-color:#25BCBD;}

.loginpage{

    width: 100%;

    min-height: 100vh;

    position: relative;

    background-image: url(../images/bglogin.jpg);

    background-position: 0 0;

    background-repeat: no-repeat;

    background-size: cover;

}

.register{

    padding: 50px 0;

}

.box-forgot .checkbox label{ padding-left: 30px;}

/* Customize the label (the boxcheck) */

.boxcheck {

    display: block;

    position: relative;

    padding-left: 35px;

    margin-bottom: 12px;

    cursor: pointer;

    font-size: 22px;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

  }

  

  /* Hide the browser's default checkbox */

  .boxcheck input {

    position: absolute;

    opacity: 0;

    cursor: pointer;

    height: 0;

    width: 0;

  }

  

  /* Create a custom checkbox */

  .checkmark {

    position: absolute;

    top: 0;

    left: 0;

    height: 15px;

    width: 15px;

    background-color: #fff;

  }

  /* On mouse-over, add a grey background color */

  .boxcheck:hover input ~ .checkmark {

    background-color: #fff;

  }

  /* When the checkbox is checked, add a blue background */

  .boxcheck input:checked ~ .checkmark {

    background-color: #EE3D96;

  }

  

  /* Create the checkmark/indicator (hidden when not checked) */

  .checkmark:after {

    content: "";

    position: absolute;

    display: none;

  }

  

  /* Show the checkmark when checked */

  .boxcheck input:checked ~ .checkmark:after {

    display: block;

  }

  

  /* Style the checkmark/indicator */

  .boxcheck .checkmark:after {

    left: 5px;

    top: 1px;

    width: 6px;

    height: 11px;

    border: solid white;

    border-width: 0 2px 2px 0;

    -webkit-transform: rotate(45deg);

    -ms-transform: rotate(45deg);

    transform: rotate(45deg);

  }

  .from-login h1{

      font-size: 40px;

      line-height: 40px;

      margin-bottom: 30px;

      font-family: "DB Helvethaica X Reg";

  }

  .from-login{

      width: 90%;

      max-width: 370px;

      float: right;

  }

  .from-login{

      display: flex;

      justify-content: center;

      flex-direction: column;

      min-height: 100vh;

      position: relative;

      z-index: 100;

      color: #fff;

  }

  .control-blur{

      position: absolute;

      top: 0;

      right:0;

      width: 45vw;

      height: 100%;

      backdrop-filter: blur(12px) saturate(100%);

    -webkit-backdrop-filter: blur(12px) saturate(100%);

    background-color: rgba(0, 0, 0, 0.05);



  }

  .input-login{

      border-bottom: 1px solid #fff;

      margin-bottom: 20px;

  }

  .input-login .form-control{

      background-color: transparent;

      border: none;

      padding:10px 0;

      color: #fff;

      font-size: 21px;

      line-height: 21px;

      height: auto;

  }

.input-login .form-control::-webkit-input-placeholder { color: #fff;}

.input-login .form-control:-moz-placeholder { /* Firefox 18- */ color: #fff;}

.input-login .form-control::-moz-placeholder {/* Firefox 19+ */color: #fff;}

.input-login .form-control:-ms-input-placeholder {color: #fff;}

.boxcheck .textcheck{

    display: inline-block;

    position: relative;

    top:-6px;

    font-size: 18px;

}

.t-forgot{

    text-align: right;

    font-size: 18px;

    margin-top: 5px;

}

.t-forgot a{

    color: #25BCBD;

}

.t-forgot a:hover{

    color: #fff;

}

.btn-regis{

    background-color: #EE3D96;

}

.btn-facebook{

    background-color: #3E5E96;

}

.btn-login {

    margin: 30px 0;

}

.btn-login a{

    text-align: center;

    display: block;

    font-size: 21px;

    line-height: 20px;

    padding:10px 15px 8px 15px;

    color: #fff;

}

.btn-login > a:hover{

    background-color: #333;

}

.box-or{

    margin: 20px 0;

    position: relative;

    text-align: center;

    font-size: 15px;

}

.box-or::before,

.box-or::after{

    content: '';

    width: calc(50% - 20px);

    height: 1px;

    background-color: #fff;

    position: absolute;

    top: 12px;

}

.box-or::before{left: 0;}

.box-or::after{right:0}

.btn-facebook img{

    margin-right: 20px;

    height: 13px;

    position: relative;

    top: 1px;

}

.boxregsit{

    margin-top: 30px;

    font-size: 21px;

}

.boxregsit a{

    color:#EE3D96

}

.boxregsit a span{

    display: inline-block;

    margin-left: 10px;

    border-bottom: 1px solid #EE3D96;

}

.boxregsit a:hover span{

    border-bottom: 1px solid #fff;

}

.boxregsit a:hover{

    color: #fff;

}

.control-login.register .from-login h1{ margin-bottom: 15px; font-size: 35px;}

.input-login{

    position: relative;

}

.inputnumber{

    position: absolute;

    top: 6px;

    left: 0;

    font-size: 21px;

}

.boxnumber .form-control{

    padding-left: 100px;

}

.control-login.register .btn-login {

    margin: 10px 0;

}

.control-login.register .control-blur{

    width: 100vw;

}

.control-login.register .from-login {

    width: 100%;

    max-width: 370px;

    float: none;

    margin: 0 auto;

    padding-right: 0;

}

.btn-login .btn{

    width: 100%;

}

button[disabled]{

    background-color: #646464;

}

.btn-login .btn{

    height: auto;

}

.box-question{

    font-size: 21px;

}

.from-login p{

    font-size: 21px;

    line-height: 21px;

    color: #fff;

    position: relative;

    top: -15px;

}

.boxforgot{

    position: relative;

    top: -80px;

}

.contentpromotion .content-news .box-thumbnail {

    padding-top: 80%;

    background-color: #000;

}

.iconvdo{

    position: absolute;

    z-index: 10;

    top:calc(50% - 40px);

    left: calc(50% - 40px);

    height: 80px;

    width: 80px;

    opacity: 0.8;

}

.contentpromotion .content-news .box-thumbnail  a > img {

    opacity: 0.7;

}

.popup-vdo .modal-dialog {

    top: 15vh;

    margin: 0 auto;

    width: 90%;

    max-width: 1024px !important;

}

  .popup-vdo iframe{

    max-width: 100%;

    height: 580px;

  }

  .popup-vdo .modal-dialog{

    max-width:inherit;

    background-color: #fff;

    padding: 0;

    border-radius: 0;

    text-align: center;

  }

  .popup-vdo .box-vdo2f {

    margin-bottom: 0;

    margin-top: 15px;

  }

.popup-vdo .modal-content{

	margin-bottom: 0;

	border:none;

	-webkit-box-shadow: none;

	box-shadow: none;

	}

.popup-vdo  button.close{

    position: absolute;

    top: -20px;

    right: -20px;

    opacity: 1;  

}

.popup-vdo  button.close img{

    height: 15px;

}

.vdocaption{

    padding: 20px 15px;

    color: #000;

    font-size: 23px;

    line-height: 23px;

}

.modal {

    background-color: rgba(0,0,0,0.65);

}

.contentpromotion .menu-insite ul{

    justify-content: center;

}

.contentpromotion .menu-insite li{

    margin: 0 30px;

}

.profile-control{

    color: #000;

    margin-top: 50px;

}

.profile-control h3,

.profile-control h5{

    text-align: center;

}

.profile-control h3{

    font-size: 50px;

    line-height: 50px;

}

.profile-control h5{

    font-size: 30px;

    line-height: 30px;

    color:#646464 ;

    font-family: "DB Helvethaica X Reg";

}

.profile-name{

    font-size: 40px;

    line-height: 40px;

}

.box-upload-profile{

    position: relative;

    text-align: center;

    margin-top: 30px;

    margin-bottom: 50px;

}

.profile-pic {

    max-width: 200px;

    max-height: 200px;

    display: block;

}

.p-image .file-upload {

    display: none;

}

.circle {

    overflow: hidden;

    width: 125px;

    height: 125px;

    background-color: #f0cfda;

    border-radius: 100%;

}

.circle img {

    max-width: 100%;

    height: auto;

}

.p-image {

  transition: all .3s cubic-bezier(.175, .885, .32, 1.275);

  position: absolute;

  right: 0;

  bottom: 0;

  width: 45px;

  height: 45px;

  border-radius: 100%;

  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);

  background-color: #fff;

  padding: 10px;

  text-align: center;

  cursor: pointer;

}

.circle img {

    width: 100%;

    height: 100%;

    object-fit: cover;

}

.p-image:hover {

  transition: all .3s cubic-bezier(.175, .885, .32, 1.275);

}

.imgprofile{

    display: inline-block;

    position: relative;

    margin: 0 auto 30px;

}

.toggle-password{

    display: inline-block;

    line-height: 0;

    position: relative;

}

.form-profile-set{

    max-width: 570px;

    margin: 0 auto;

}

.headform{

    font-size:25px;

    line-height: 30px;

    margin-bottom: 10px;

    font-family: "DB Helvethaica X Med";

}

.input-profile{

    position: relative;

}

.input-profile .form-control{

    padding: 10px 0 10px 0;

    border-width: 0 0 1px 0;

    border-color: #EBEBEB;

    font-size: 23px;

    line-height: 23px;

    margin-bottom: 20px;

    height: auto;

    color: #000;

}

.input-profile .btn{

    border: none;

    padding: 0;

    background-color: transparent;

    font-size: 19px;

    line-height: 18px;

    position: absolute;

    right: 0;

    bottom: 12px;

}

.input-profile .btn span{

    display: inline-block;

    border-bottom: 1px solid #000000;

}

.input-profile .btn img{

    margin-right: 8px;

    height: 12px;

    position: relative;

    top: 2px;

}

.form-profile{

    border-bottom: 1px solid #E3E3E3; 

    padding-bottom: 20px;

    margin-bottom: 50px;

}

.form-profile-set{

    margin-bottom: 30px;

}

.form-profile-set .toggle-password {

    display: inline-block;

    line-height: 0;

    position: absolute;

    right: 0;

    top: 22px;

}

.textnumber{

    position: absolute;

    bottom: 10px;

    left: 0;

    display: inline-block;

}

.input-profile.phone .form-control{

    padding-left: 150px;

}

.input-profile .form-control::-webkit-input-placeholder { color: #000;}

.input-profile .form-control:-moz-placeholder { /* Firefox 18- */ color: #000;}

.input-profile .form-control::-moz-placeholder {/* Firefox 19+ */color: #000;}

.input-profile .form-control:-ms-input-placeholder {color: #000;}

.textcheck{

    font-size: 23px;

    line-height: 23px;

    margin-bottom: 10px;

}

.input-checkprofile .checkbox-inline{

    width: 23%;

    font-size: 21px;

}

.input-checkprofile{

    margin-bottom: 30px;

}

.input-checkprofile span{

    display: inline-block;

    line-height: 21px;

    position: relative;

    top: -3px;

}

.form-profile-set p{

    font-size: 19px;

    line-height: 21px;

    margin-bottom: 20px;

}

.btn-confirm{

    text-align: center;

    margin-bottom: 30px;

}

.btn-confirm .btn{

    width: 100%;

    max-width: 350px;

}

.checkbox-inline+.checkbox-inline,

 .radio-inline+.radio-inline {

    margin-top: 0;

    margin-left: 0;

}

.profile-control .form-profile:last-child{

    margin-bottom: 0;

}

@media (max-width: 1200px) {

    .control-blur{ width: 50vw;}

    .from-login { width: 40vw;max-width: 100%;padding-right: 5vw;}

}

@media (max-width: 991px) {

.aboutleft01,.aboutleft02,.mission-left{ margin: 0; max-width: 100%;}

.img-about-right,.img-about-left,.imgabout03{ text-align: center; margin-bottom: 30px;}

.control-content p{ margin-bottom: 15px; font-size: 25px; line-height: 28px;}

.content-about-row01, .content-about-row02{ margin-bottom: 30px;}

.aboutleft03{ margin-top: 40px; margin-bottom: 30px;}

.imgabout03{ float: none;max-width: 100%;}

.content-about-row04{ padding-top: 50px;}

.mission-is{ margin-bottom: 30px;}

.mission-right{ padding: 0;}

.mission-left{ text-align: center;}

.mission-position{ padding-bottom: 50px;}

.mission-head span{ font-size: 90px; line-height: 80px;}

.slidernews .slick-next.slick-arrow {padding-right: 50px;}

.slidernews .slick-prev.slick-arrow { padding-left: 50px;}

.slidernews .slick-next.slick-arrow::after,

.slidernews .slick-prev.slick-arrow::after{ width: 40px;}

.slidernews .slick-arrow{font-size: 21px;line-height: 21px;}

.slidernews .slick-prev.slick-arrow {left: 0;}

.slidernews .slick-next.slick-arrow{ right: 0;}

.textopen{ font-size: 19px; line-height: 21px;}

.headcontact span{ font-size: 25px; top: -10px;}

.control-content .box-contact img{ height: 35px;}

.contactright h5, .box-contact h5,.control-content p{ font-size: 21px; line-height: 21px;}

.contactright h5 br{ display: none;}



   

}

@media (max-width: 768px){

    .content-about img{ width: 100%;}

    .content-about h2,.mission-intro h2 span,.content-mission h2{font-size: 40px; line-height: 40px;}

    .content-about h3{ font-size: 35px; line-height: 35px;}

    .textslogan{ font-size: 25px; line-height: 25px;}

    .textgreen{ font-size: 30px; line-height: 30px;}

    .control-content p{font-size: 20px; line-height: 25px;}

    .list-aboutproject .box-news{ margin-bottom: 20px;}

    .content-about-row03{ padding-bottom: 0;}

    .banner-insite{ margin-bottom: 20px;}

    .menu-insite ul li a{ padding: 5px 0;}

    .menu-insite ul li:hover a, .menu-insite ul li.active a{padding: 5px 20px;}

    .menu-insite{ padding-bottom: 10px; margin-bottom: 20px;}

    .control-content .box-hometype .box-des p{      max-height: inherit;  height: 50px;}

    .control-blur{ width: 100vw;}

    .from-login { width: 80%;max-width: 100%;padding-right: 0; margin: 0 auto; float: none; }

    .control-content .content-news .box-des p {

        font-size: 20px;

        line-height: 20px;

        max-height: inherit;

        height: 62px;

    }

    .profile-control{ margin-top: 0;}

    .profile-control h3 {

        font-size: 40px;

        line-height: 40px;

    }

    .profile-control h5{ font-size: 25px;}

    .profile-name{ font-size: 35px;}

}

@media (max-width: 767px){

    .content-about h2,.mission-intro h2 span,.content-mission h2{font-size: 35px; line-height: 35px;}

    .content-about h3{ font-size: 30px; line-height: 30px;}

    .menu-insite ul li{ text-align: center; display: block; float: left; width: 50%;}

    .menu-insite ul{ display:block;}

    .menu-insite ul li a{ display: block; font-size: 23px; line-height: 23px; height: 35px; overflow: hidden;}

    .box-nav{ font-size: 25px;}

    .mission-head span{ font-size: 60px; line-height: 40px;}

    .mission-text{ height: auto;}

    .box-mission{ max-width: 100%; }

    .content-editor h4{ font-size: 30px; line-height: 30px;}

    .contactleft{max-width: 100%; margin-bottom: 40px;}

    .callcenter{ padding-left: 0;}

    .control-content p{  margin: 0 auto 0; }

    .contact-call{ margin-bottom: 0;}

    .box-contact{  text-align: center;}

    .contact-insite{padding-bottom: 30px; margin-bottom: 30px;}

    .contactright h5, .box-contact h5 { font-size: 25px;line-height: 30px;}

    .popup-vdo iframe{ height: 400px;}

    .contentpromotion .menu-insite li{ margin: 0 10px 0 0; width: auto;}

    .contentpromotion .menu-insite { float: left; width: 100%;}

    .iconvdo{ width: 50px; height: 50px;top: calc(50% - 25px);left: calc(50% - 25px);}

    

}

@media (max-width: 480px){

    .list-hometype .col-xs-6{ width: 100%;}

    .from-login h1{ font-size: 30px; line-height: 30px; text-align: center;}

    .input-login{ margin-bottom: 15px;}

    .boxforgot p{ text-align: center;}

    .popup-vdo iframe{ height: 200px;}

}