@media screen and (max-width:1679px) {

    section { padding: 60px 0 }

    h2 { font-size: 40px; }

	.warpper { max-width: 1170px; }
    .warpper-1170 { max-width: 960px; }

	.header-fixed {  height: 150px; }
	.header-fixed .logo { }
	.header-fixed .top-bar { height: 90px; }
    .header-fixed aside .btn-book a { height: 40px; }
	.header-fixed .lang { width: 34px; height: 34px; }
    .header-fixed nav ul { margin: 0 -15px; }
    .header-fixed nav li { padding: 0 15px }
	.header-fixed nav ul dl {  }
    .header-fixed nav ul dl a { padding: 15px 20px 15px 40px  }
    .header-fixed nav ul dl dt i { left: 8px; }
    .header-fixed nav ul dl dt a:hover i { left: 16px; }
    .header-fixed aside i { height: 32px; width: 32px }

    .first-section { margin-top: 150px; }
    .cover { padding-top: 150px; }
    .cover-photo { height: 300px; }

    .banner .owl-theme .owl-nav.disabled+.owl-dots {  bottom: 30px; }

    .home-about .warpper-1170 { padding-top: 60px; }
    .home-about .motto br { display: none; }
    .home-vdo .warpper-1170 { max-width: 960px; }
    .home-vdo .editor h3 { font-size: 30px; }
    .home-services { padding: 60px 0 }
    .home-services li .text h4 br { display: none;  }
    .home-news ul { margin: 0 -20px; }
    .home-news li { padding: 0 20px }

    .about-vision article { padding: 60px 100px }
    .about-mision article { padding: 60px 100px }

    .services-process .list figure { width: 100px; height: 100px }
    .services-process .list figure { padding: 25px; }
    .services-process .list { padding-top: 40px; }

    .portfolio-detail .number span { font-size: 60px; }
    .portfolio li .text .fix-box-inside { width: 100% }
    .portfolio li .text .fix-box-inside span { width: 50% }

    .careers .lists { max-width: 1080px; }


    .cookie .detail { max-width: 960px; padding: 60px 0; }

    footer { padding-top: 60px; }
    footer .phone-f .phone-number a { font-size: 40px; }
    footer .subscribe .form input[type=email] { width: 200px }
    footer .logo-footer h4 { font-size: 30px; }

}

@media screen and (max-width:1366px) {

    .about-vision article,.about-mision article { padding: 60px 70px; }

}

@media screen and (max-width:1365px) {

    .warpper { padding: 0 30px; }

    .services-process .list h4 { padding-left: 30px; }

    .portfolio ul { margin: -20px -15px; }
    .portfolio li { padding: 20px 15px }
    .portfolio .box { padding-bottom: 30px; }

    footer .footer-nav { flex: auto; width: 100%; padding-left: 0; justify-content: flex-start; order: 1; }
    footer .footer-nav li { width: auto; }
    footer .phone-subscribe { order: 2; width: 50% }
    footer .address { order: 3; }

}

@media screen and (max-width:1279px) {

    .warpper-1170 { padding: 0 30px }

    .header-fixed nav {  display: none }
        
    .nav { display: flex }

    .cover .navigation { padding-top: 15px; }
    .cover .navigation-sub { display: none; }

    .home-about .motto .fix-1 { display: inline-flex; }
    .home-services li { width: 50% }
    .home-services li .text { padding: 30px }
    .home-services li .text .number { font-size: 60px; right: 25px; }
    .home-portfolio li { width: 33.3333% }
    .home-portfolio li:last-child { display: none; }
    .home-news ul { margin: 0 -15px; }
    .home-news li { padding: 0 15px }
    .home-vdo { max-width: 100%; }

    .news .lists ul { margin: -20px -15px; }
    .news .lists li { padding-left: 15px; padding-right: 15px; }
    .news .lists { padding-bottom: 30px; }

    .careers .lists { padding-bottom: 30px; padding-top: 30px; }

    .contact .warpper { padding: 0 }
    .contact .address { position: relative; width: 100%; }
    .contact .address .box { width: 100%; padding: 60px; }
    .google-map { width: 100%; }
    .contact-form-submit { max-width: 720px; }

    .quotation-form { max-width: 720px; }

    .pagination { margin-top: 30px; }

}

@media screen and (max-width:1024px) {
   
}

@media screen and (max-width:1023px) {

    .warpper-1170 { padding: 0 30px }

    .cover .title-name h1 { font-size: 40px; }
    .cover .title-name h1 span { font-size: 30px; }

    .header-fixed aside .btn-book { position: absolute; top: 85px }
    .header-fixed aside ul { padding-right: 0; }
    .header-fixed .lang { margin-left: 5px; }

    .nav .menu {  border-left: 1px solid var(--color-e5e);  }

    .home-about .box-set p { display: block; width: 100% }
    .home-services li .text { min-height: 100px; }
    .home-portfolio li:last-child { display: block; }
    .home-portfolio li:nth-child(3),.home-portfolio li:nth-child(4) { padding-top: 30px; }
    .home-news li:last-child { display: block; }
    .home-news li:nth-child(3),.home-news li:nth-child(4) { padding-top: 30px; }
    .home-news .lists li { width: 50% }
    .home-news .lists li:last-child { display: none; }
    .home-vdo .editor h3 { font-size: 25px; }
    .home-portfolio li { width: 50% }
    .home-news li { width: 50% }

    .about-vision article,.about-vision aside,.about-mision aside,.about-mision article { width: 100% }
    .about-mision article { order: 1; }
    .about-mision aside { order: 2; }

    .services .warpper-960 { padding: 0 20px; }
    .services-detail .photo:before { width: 120px; height: 180px }
    .services-detail .process .list li { width: 50%; padding-bottom: 15px !important; }
    .services-detail .process .list figure { width: 100px; height: 100px; padding: 25px; }
    .services-detail .box-set div {  }
    .services-detail .box-set p { display: block; width: 100%; text-align: center; }
    .services-quotation .box h3 { width: 100%; padding-right: 0; padding-bottom: 30px; flex: 100%; text-align: center; }
    .services-quotation .box .btn-to-quotation { margin: 0 auto; }
/*
    .portfolio li { width: 50% }*/
    .portfolio-detail .photo:before { width: 120px; height: 180px }

    .news .lists li  { width: 50% }
/*    .news-detail .photo:before { width: 120px; height: 180px }*/

    .careers .moto h5 br { display: none; }
    .careers .position { width: 100%; padding-left: 0; padding-top: 15px; }
    .careers .position .num { margin-bottom: 0; }

    .contact-form-submit ul { margin: 0 -15px; }
    .contact-form-submit li { padding: 10px 15px }

    .quotation-form ul { margin: 0 -15px; }
    .quotation-form li { padding: 10px 15px }

    footer .phone-subscribe { width: 100%; display: flex; flex-wrap: wrap; border-top: 1px solid var(--color-555); padding-top: 20px; }
    footer .phone-f { width: 50% }
    footer .phone-f p { font-size: 16px; }
    footer .subscribe { width: 50%; padding-top: 0; padding-left: 34px; }
    footer .address { width: 100%; padding-left: 0; padding-top: 40px; padding-bottom: 20px; border-top: 1px solid var(--color-555); margin-top: 30px; }

    .box-row { margin: 0 -30px; }
    .box-colum-50,.box-colum-25,.box-colum-33,.box-colum-20 { padding: 0 30px }

    .prev-next .btn-left,.prev-next .btn-right { width: 100% }
    .prev-next .btn-left .number { right: 0; }
    .prev-next .btn-right .number { left: 0 }
    .prev-next .btn-center { padding: 30px 0 }


}

@media screen and (max-width:768px) {

    .no-768 { display: none; }
   
}

@media screen and (max-width:767px) {


    input[type=email],
    input[type=password],
    input[type=text],
    select,
    textarea {
        font-size: 17px !important
    }

    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
    }

    h1 {
        font-size: 36px
    }

    h2 {
        font-size: 30px
    }

    h3 {
        font-size: 26px
    }

    h4 {
        font-size: 21px
    }

    h5 {
        font-size: 19px
    }


    .warpper { padding: 0 20px; }
    .warpper-1170 { padding: 0 20px; }

    .header-fixed { height: 120px; }
    .header-fixed .logo { width: 120px; }
    .header-fixed .lang { width: 32px; height: 32px }
    .header-fixed .top-zone { height: 50px; }
    .header-fixed .top-bar { height: 70px; }
    .header-fixed aside .btn-book { display: none; }

    .nav .menu { border-left: none; }
    .nav-mobile { width: 100%; right: -100%; padding-top: 120px; }
    .nav-mobile aside { padding: 40px 20px; }
    .nav-mobile .m-btn-book { display: block; }
    .nav-mobile .m-btn-book { display: flex; flex-wrap: wrap; align-items: center; width: 100%; padding-bottom: 20px; }
    .nav-mobile .m-btn-book a { width: 100%; height: 50px; display: flex; align-items: center; justify-content: center;
    padding: 0 20px 0 30px;
    text-transform: uppercase;
    color: var(--color-white);
    background: var(--color-orange);
    font-weight: 500; font-size: 19px;
    border-radius: 90px; }

    .first-section { margin-top: 120px; }
    .cover { padding-top: 120px; }

    .home-about .box-set li { padding-top: 15px; width: 100% !important; justify-content: center !important; border-right: none; border-bottom: 1px solid var(--color-dddddd); }
    .home-about .box-set li:first-child {  border-top: 1px solid var(--color-dddddd); }
    .home-about .text-center span { font-size: 23px; }
    .home-about .box-set li i { font-size: 40px; }
    .home-about .motto {  }
    .home-vdo .editor h3 { font-size: 21px; }
    .home-vdo .editor h3 br { display: none; }

    .home-services li { width: 100% }
    .home-portfolio li { width: 100%; padding-top: 30px; }
    .home-portfolio li:first-child { padding-top: 0; }
    .home-news li { width: 100%; padding-top: 30px; }
    .home-news li:first-child { padding-top: 0; }

    .about-vision article, .about-mision article { padding: 40px 20px; }
    .about-vision article h4, .about-mision article h4 { font-size: 19px; }

    .services-process .list .box { flex-direction: column; }
    .services-process .list h4 { width: 100%; text-align: center; padding-top: 30px; padding-left: 0; font-size: 19px; }
    .services-detail .box-set li { padding-top: 15px; width: 100% !important; justify-content: center !important; border-right: none; border-bottom: 1px solid var(--color-dddddd); }
    .services-detail .box-set li:first-child { /* border-top: 1px solid var(--color-dddddd);*/ padding-top: 0; }
    .services-detail .text-center span { font-size: 23px; }
    .services-detail .process .list li { width: 100%; }
    .services-detail .box-set li i { font-size: 40px; }
   /* .services-detail .photo { padding-top: 80px; }*/
    .services-quotation .box .btn-to-quotation a { font-size: 19px; }
    .services-detail .motto h4 { margin-top: 0; }
    .services-detail .photo:before { width: 60px; height: 100px; }
    .services-detail .process .motto h4 { margin-top: 40px; }
    .services-detail .process .list h4 { margin-bottom: 5px; }

    .portfolio li { width: 100%; }
    .portfolio-detail .photo:before { width: 60px; height: 100px; }
    .portfolio-detail .number span { font-size: 40px; line-height: 1; }
    .portfolio-detail .number { font-size: 21px; }
    .portfolio-detail .des { width: 100% }
   /* .portfolio-detail .des p { left: 15px }*/
    .portfolio-detail .motto h2 { margin-top: 0; margin-bottom: 0; }
    .portfolio li .text { padding: 20px }

    .portfolio-detail .photo .detail { padding-top: 15px; }
    .portfolio-detail .fix-des { display: flex; flex-wrap: wrap; margin-top: auto; }
    .portfolio-detail .fix-box-inside { display: flex; flex-wrap: wrap; width: 100%; color: var(--color-555); }
    .portfolio-detail .fix-box-inside span { width: 50%; padding-right: 40px; margin-right: 10px; padding-bottom: 0; position: relative; }
    .portfolio-detail .fix-box-inside span:before { content: ''; position: absolute; width: 20px; height: 1px; background: var(--color-orange); bottom: 0; right: 10px; top: 0; left: inherit; margin-top: auto; margin-bottom: auto; }
    .portfolio-detail .fix-box-inside span:after { content: ''; position: absolute; width: 5px; height: 5px; border-radius: 50%; background: var(--color-orange); left: inherit; right: 0; bottom: 0; top: 0; margin-bottom: auto; margin-top: auto; }
    .portfolio-detail .motto h2 { font-size: 21px; padding-bottom: 15px; }

    .news .lists li { width: 100% }
    .news-detail .motto h2 { margin-top: 0; font-size: 30px; }
/*    .news-detail .photo { padding-top: 70px; }*/
    /*.news-detail .photo:before { width: 60px; height: 100px; }*/

    .careers .lists li a { padding-left: 0; padding-right: 0; }
    .careers .lists li i { right: 0; }
    .careers .name { width: 100%; padding-right: 60px; }
    .careers-detail .motto h2 { margin-top: 0;  }

    .careers .detail { padding-top: 30px; }
    .careers .detail .position { padding-right: 0; padding-bottom: 30px; }
    .careers .detail .position .num { width: 100% }
    .careers .detail .position .part { width: 100%; text-align: left; }
    .careers .detail .position .share { width: 100%; justify-content: flex-start; padding-top: 15px; }
    .careers .detail article { padding-bottom: 60px; }
    .careers .detail .editor h4.title { padding-top: 15px; }
    .careers-other { padding-bottom: 60px !important; }
    .careers-form .detail { padding: 60px 20px 20px 20px }


    .contact .address .box { padding: 60px 20px; }
    .contact .address .sec-icon .text { font-size: 19px; }
    .contact-form-submit li { width: 100% }

    .cookie .detail { padding: 60px 0 }
    .cookie .detail h3.subject {  margin-top: 40px; }

    .quotation { padding: 60px 0 }
    .quotation-form li { width: 100% }
    .quotation .moto .editor h5 { font-size: 17px; }
    .quotation-form .check-box .box { width: 50%;  }
    .quotation-form .box span { width: 100% }

    footer .phone-f { width: 100% }
    footer .subscribe { width: 100%; padding-left: 0; padding-top: 20px; }
    footer .phone-subscribe {  padding-top: 0; border-top: 0; }

    .pagination { margin-top: 15px; }
    .cover .title-name h1 { font-size: 30px }
    .box-basic-content { padding: 60px 0 }
    .line-left:after, .line-right:after { display: none; }
    .prev-next .box a { font-size: 16px; }
    .prev-next .icon-prev { background-size: 60%; }
    .prev-next .icon-next { background-size: 60%; }

    .box-colum-50, .box-colum-25, .box-colum-33, .box-colum-20 { width: 100%; }

    .home-event-vdo { min-width: 540px }
}

/*640*/
@media screen and (max-width:640px) {

    .cookie .detail h2 { font-size: 19px; }
  
    .home-event-vdo {  min-width: 440px }

}

/*480*/
@media screen and (max-width:480px) {

    .contact .address .fix { width: 100%; padding-right: 0; padding-bottom: 15px; }
    .contact .address .fix:before { height: 15px; width: 1px; left: 5px; bottom: 0; top: inherit; }
    .google-map { height: 500px; }

    .unsubscribe .form form { width: 100% }
    .unsubscribe .form input[type=email] { width: 70%; }
    .unsubscribe .form button { width: 30%; }


    footer .logo-footer h4 { font-size: 25px; }
    footer .subscribe .form input[type=email] {  flex: 1; }
    footer .policy-copy { padding: 20px 0 }
	footer .footer-nav { display: none; }
    footer .address { padding-top: 20px; }
    footer .copy {  width: 100%; order: 2; padding: 15px 0 }
    footer .link-policy { order: 1; width: 100%; padding-left: 0; }
    footer .siteby { padding-top: 30px; order: 3; width: 100%; justify-content: flex-start; }

    .pagination a { width: 34px; height: 34px }

    .home-event-vdo { min-width: 374px }

    .g-recaptcha { padding-bottom: 20px }

}

/*414*/
@media screen and (max-width:414px) {

    .enter-site a { width: 150px }


}

/*375*/
@media screen and (max-width:375px) {

    .home-event-vdo {  min-width: 335px }

    footer .logo-footer a { display: none; }
    footer .logo-footer h4 { width: 100%; padding-left: 0; }

}

/*320*/
@media screen and (max-width:320px) {

	
    .nav-mobile { width: 100%; right: -100% }
    .nav-mobile aside { padding: 20px }

    .portfolio-detail .des p { font-size: 14px; left: 60px; }

    footer .subscribe .form button { width: 80px }

    .enter-site a { width: 130px }

    .pagination a { margin: 0 2px }

    .home-event-vdo { min-width: 280px }

}