@font-face {
    font-family: 'Barlow-Regular';
    src: url('../font/Barlow-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Barlow-Bold';
    src: url('../font/Barlow-Bold.ttf') format('truetype');
}

@font-face {
    font-family: 'Barlow-Bold';
    src: url('../font/Barlow-Bold.ttf') format('truetype');
}
@font-face {
    font-family: 'Barlow-SemiBold';
    src: url('../font/Barlow-SemiBold.ttf') format('truetype');
}

@font-face {
    font-family: 'Barlow-Regular';
    src: url('../font/Barlow-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Barlow-Light';
    src: url('../font/Barlow-Light.ttf') format('truetype');
}


/************src:url('../includes/fonts/flama-bold.eot?#iefix') format('embedded-opentype')**************/
/*        CSS reset       */
/**************************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
form, label {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: baseline;
    background: transparent;
}
	body {line-height:1;}	
	blockquote, q {quotes:none;}
	blockquote:before, blockquote:after,
	q:before, q:after {content:''; content:none;}
	:focus {outline:0;}
	ins {text-decoration:none;}
	del {text-decoration:line-through;}
	/******* Default rules tags *******/	
	a{text-decoration:none; color:#000;}
	a:hover{text-decoration:none;}
body {
    font: 12px "Arsenal-Regular";
    text-align: justify;
    margin: 0px;
    padding: 0px;
}

/*LIÊN HỆ*/

/*.container {
    width: 1200px !important;
    margin: auto !important;
    padding: 0 10px !important;
}*/
.cennter_home {
    /*width: 1200px !important;
    margin: auto !important;
    padding: 0 10% !important;*/
    max-width: 1200px;
    margin-left: auto !important;
    margin-right: auto;
    float: initial !important;
}
/*NEW*/
.btnCTAs {
    content: url(../images/ico/icon-ctas.png);
    width: 25px !important;
    margin: 6px 0 1px 5px !important;
}

.center-mb-tel-mer {
    color: #fff;
    margin-left: -10px;
    font-size: 18px;
    display: flex;
    float: left;
    margin-top: 12px;
    margin-bottom: -32px;
    margin-left: -2px;
}
.btnfooter {
    float: left;
    background: white;
    border: solid 1px white;
    margin: 4px 0px 0px 5px;
}
    .btnfooter:hover {
     cursor:pointer;
    }
.footer-home {
    margin: 9px 90px 9px 0px;
    float:right;
}
.footer-link {
    float:left;
    font: 15px "Barlow-Regular";
    color: White;
    margin: 0 2px;
}

.iconintroduction {
    display: block;
    float: right;
    width: 26px;
    height: 18px;
    margin: 9px 12px 1px 0px;
    background-position: 0 0;
    background-repeat: round;
    background-image: url(../images/ICON-CLOUD-WHITE.ico) !important;
}

.iconRight {
    display: block;
    float: right;
    width: 26px;
    height: 18px;
    margin: 11px 12px 1px 0px;
    background-position: 0 0;
    background-repeat: round;
    background-image: url(../images/icon-rows.png) !important;
}
.button-blog:hover .iconRight {

    background-image: url(../images/icon-rows-black.png) !important;
}

.button-blog:hover{
    background: White;
    color: black;
    border: solid 1px #df0024;
    cursor: pointer;
}
    .button-blog:hover label {
        color: black;
        cursor: pointer;
    }
.iconview {
    content: url(../../images/ico/eye-white.ico);
    width: 20px !important;
    margin: 6px 8px 20px 36px !important;
    float:right;
}

.iconview-black {
    content: url(../../images/ico/eye-gray.ico);
    width: 20px !important;
    margin: 6px 6px 14px 36px;
}
.iconcalendar {
    content: url(../../images/ico/calendar-white.ico);
    width: 15px !important;
    margin: 4px 6px 20px 0px !important;
}

.iconcalendar-black {
    content: url(../../images/ico/calendar-gray.ico);
    width: 15px !important;
    margin: 2px 6px 14px 0px;
}
.iconcmt {
    width: 5% !important;
    margin: 5px 10px 12px 144px !important;
    height: 17px;
}


.iconcmt {
    content: url(../../images/ico/chat.ico);
    width: 15px !important;
    margin: 4px 10px 19px 240px !important;
}
.iconcmt-2 {
    content: url(../../images/ico/chat.ico);
    width: 17px !important;
    margin: 4px 10px 17px 210px !important;
}

.iconcmt-black {
    content: url(../../images/ico/chat-gray.ico);
    width: 15px !important;
    margin: 4px 7px 11px 220px;
}

.button-jobs-news:hover .iconintroduction {
    background-image: url(../images/ICON-CLOUD-BLUE.ico) !important;
}

.button-intro-news:hover .iconintroduction {
    background-image: url(../images/ICON-CLOUD-BLUE.ico) !important;
}
.button-jobs-news:hover{
    border: solid 1px #df0024;
}

.button-intro-news:hover {
    border: solid 1px #df0024;
}


/*endd NEW*/

.img-miniMenu {
    display: none;
}
.header .menu-footer-mini {
    display: none;
}
.container{width:100%;height:0 auto;margin:auto;padding:auto;overflow:hidden;}   
    .wrapContent{float:left;width:100%;overflow:hidden;position:relative;}  
    .sectionBanner{float:left;width:100%;height:0 auto; position:relative;}  
        .banner{float:left;width:100%;}
.header {
    float: left;
    width: 100%;
    height: 0 auto;
    position: absolute;
    z-index: 100;
    left: 0%;
   
}
    .fixed{position:fixed;}
    
    .header.active, .header:hover{background-color:#df0024;display:block;}
        .logo{float:left;width:10%;margin:0.5% 0px 0px 4%;}
.logoimg {
    float: left;
    width: 74%;
    margin-bottom: 8px;
}
            .logoimg:hover{opacity:1;}
.header .menu {
    float: left;
    width: 55%;
    display: none;
}
        .header .menu.active{display:block;}      
        .header:hover .menu{display:block;}
.menu ul {
    float: left;
    width: 100%;
    margin: 2.4% -6% 0px 35%;
    padding: 0;
    list-style: none;
    height: 0;
}  
            .menu ul li{float:left;width:auto;margin-right:3%}          
            
            .menu ul li a{display:inline-block;text-decoration: none;font:13px "Barlow-Regular";text-transform:uppercase;color:White;}
            .menu ul li a::after{content:'';display:block;width:0;height:2px;background:White;transition:width .3s;color:White;margin-top:3px;}
            .menu ul li a:hover::after{width:100%;color:white;}
            .menu ul li a.active{color:White;border-bottom:solid 2px white;}  
            .menu ul li a.active:hover{color:White;border-bottom:solid 2px #df0024;}


.menuNEW ul li a::after {
    content: '';
    display: block;
    width: 0;
    height: 2px;
    background: #df0024 !important;
    transition: width 0s;
    color: #df0024 !important;
    margin-top: 3px;
}
.menu ul li .level1::after {
    content: '';
    display: block;
    width: 0;
    height: 2px;
    background: #df0024 !important;
    transition: width 0s;
    color: #df0024 !important;
    margin-top: 3px;
}


.groupiconright {
    float: right;
    width: 20%;
    margin: 1.3% 2% 0px 0px;
}
                .groupiconright ul {
                    float: left;
                    width: 100%;
                    margin: 0px;
                    padding: 0px;
                    list-style: none;
                    margin: -0.9% 0px 0px 0%;
                }               
                .groupiconright ul li.limenu{float:right;width:10%;margin-top:1.8%;}
                    .groupiconright ul li.livietname {
                        float: right;
                        width: 11%;
                        border-left: solid 1px white;
                        margin: 2% 3% 0px 0px;
                    }
                .groupiconright ul li.center-language {display:none;}
                    .groupiconright ul li.lienglish {
                        float: right;
                        width: 11%;
                        margin: 2% 0px 0px 0px;
                    }
                .groupiconright ul li.liicon{float:left;width:11%;margin-top:4px;}

                    .groupiconright ul li a {
                        float: left;
                        width: 100%;
                        text-align: center;
                        font: 16px "Barlow-Regular";
                        color: #999;
                        margin-top: -8%;
                        height: 16px;
                    } 
                .groupiconright ul li .language{float:left;width:100%;text-align:center;font:19px "Barlow-Regular";color:#999;margin-top:2%;} 
                .groupiconright ul li a.desktop-icon{display:block;}
                .groupiconright ul li a.phone-icon{display:none;}
                .groupiconright ul li a:hover,.groupiconright ul li a.active{color:White;}  
                          
                .groupiconright ul li a .textmenu{float:left;width:35%;font:19px "Barlow-Regular";color:White;text-transform:uppercase;margin:1% 10% 0px 0px;}
                
                    .groupiconright ul li.liiconchat{float:left;width:47%;margin:4px 10px 0px 0px;}         
                    .groupiconright ul li.liiconchat .iconchat{float:left;width:100%;margin-top:1px;}
                    .groupiconright ul li.liiconchat .iconchat .spantext{float:left;width:180%;font:bold 13px "Barlow-Regular";color:White;margin:2px 0px 0px 0px;text-transform: uppercase;letter-spacing: 1.5px;}
                    .groupiconright ul li.liiconchat .iconchat img{float:left;width:17%;}
                    
                
                .groupiconright ul li.liicon .iconchat{float:left;width:80%;}                   
                    .groupiconright ul li.liicon .iconchat img{float:left;width:80%;}
                    .groupiconright ul li.liicon .iconchat img:hover{opacity:0.7;}
                .groupiconright ul li a:hover .textmenu{color:#fff200;}
                .groupiconright ul li a .iconmenu {
                    float: right;
                     position: relative; 
                     width: 1em; 
                     height: 1em; 
                     font-size: 2em; 
                    /* line-height: 0; 
                    z-index: 999;*/
                }
                    .groupiconright ul li a .iconmenu .oneline{height:2px;background-color:white;-webkit-transition:all .3s ease;transition:all .3s ease;font-size:1em;
                            margin: 0 auto;position:absolute;left:0;right:0;-webkit-transform-origin:center center;transform-origin:center center;top:4%;
                            border-radius:1px;width:80%;}                            
                    .groupiconright ul li a .iconmenu .twoline{height:2px;background-color:white;-webkit-transition:all .3s ease;transition:all .3s ease;font-size:2em;
                            margin:0 auto;position:absolute;left:0;right:0;-webkit-transform-origin:center center;transform-origin:center center;top:25%;
                            border-radius:1px;width:80%;}
                    .groupiconright ul li a .iconmenu .threeline{height:2px;background-color:white;-webkit-transition:all .3s ease;transition:all .3s ease;font-size:1em;
                            margin:0 auto;position:absolute;left:0;right:0;-webkit-transform-origin:center center;transform-origin:center center;top:43%;
                            border-radius:1px;width:80%;}
                            
                    /*.groupiconright ul li a:hover .iconmenu{margin:0px 0px 0px 0px;}*/
                    .groupiconright ul li a.desktop-icon:hover .iconmenu .oneline{opacity:0.7;cursor:pointer;top: 30%;transform: rotate(45deg);}
                    .groupiconright ul li a.desktop-icon:hover .iconmenu .twoline{opacity:0.7;cursor:pointer;display:none;top: 30%;}
                    .groupiconright ul li a.desktop-icon:hover .iconmenu .threeline{opacity:0.7;cursor:pointer;transform: rotate(-45deg);top: 30%;}
                    
                    .groupiconright ul li a.active .iconmenu .oneline{opacity:0.7;cursor:pointer;top: 30%;transform: rotate(45deg);}
                    .groupiconright ul li a.active .iconmenu .twoline{opacity:0.7;cursor:pointer;display:none;top: 30%;}
                    .groupiconright ul li a.active .iconmenu .threeline{opacity:0.7;cursor:pointer;transform: rotate(-45deg);top: 30%;}

.pannel {
    float: left;
    width: 100%;
    height: 0 auto;
    overflow: hidden;
    top: 5%;
}

.sectionIntroduction{height: 100%;width: 100%;}
.sectionActivity {
    height: 100%;
    width: 100%;
    padding-top: 9%;
    overflow: hidden;
}
.sectionProjects{height: 100%; width: 100%; padding-top:4%;}

.sectionSample {
    height: 100%;
    width: 100%;
    padding-top: 5%;
}
.sectionNews{height: 100%; width: 100%; padding-top:4%;overflow:hidden;}
.sectionPartners {
    height: 100%;
    width: 80%;
    padding-top: 10%;
    overflow: hidden;
    margin-left: 10%;
}
.sectionJobs{height:100%; width: 100%; padding-top:5%;overflow:hidden;}
.sectionContacts{height:100%; width: 100%; padding:0% 0px 5% 0px;overflow:hidden;}
.sectionDeparment {
    float: left;
    margin-top: 0%;
    padding-top: 7%;
}            
.bottom{float:left;width:100%;height:0 auto;background:#df0024;}
    .bottom ul{float:left;width:90%;margin:2% 0px 2% 7%;padding:0px;list-style:none;}               
        .bottom ul li{float:left;width:25%;}
        .bottom ul li.logo{float:left;width:12%;margin:-1% 0px 0px 1%}
        .bottom ul li.address{float:left;width:33%;margin-left:11%;}      
        .bottom ul li.icon{float:right;width:12%;margin-right:6%;}
            .bottom ul li .linklogo{float:left;width:100%;}
            .bottom ul li .linklogo img{float:left;width:100%;}
            
            .bottom ul li .linkicon{float:left;width:18%;margin-left:10%;}
            .bottom ul li .linkicon img{float:left;width:100%;border:solid 1px white;border-radius:3px;padding:1%;}
            
            .bottom ul li.address p{float:left;width:100%;margin-bottom:2%;}
            .bottom ul li.address p img{float:left;width:5%;border:solid 1px white;border-radius:3px;padding:0.2%;}
            .bottom ul li.address p span{float:left;width:85%;margin:1% 0px 0px 4%;font: 15px "Barlow-Regular";color:White;}
            .bottom ul li.address p a{float:left;width:100%;font: 15px "Barlow-Regular";color:White;}
        .bottom ul li.address1{float:left;width:20%;margin-left:0px;}          
            .bottom ul li.address1 p{float:left;width:100%;margin-bottom:2%;}
            .bottom ul li.address1 p img{float:left;width:8%;border:solid 1px white;border-radius:3px;padding:0.2%;}
            .bottom ul li.address1 p span{float:left;width:80%;margin:1% 0px 0px 4%;font: 15px "Barlow-Regular";color:White;}
.errorValidation{float:left;color:red;margin-left:15%;width:85%;padding-bottom:5px;}
.errorValidationExpression {
    float: left;
    color: red;
    margin-left: 15%;
    width: 85%;
    padding-bottom: 5px;
    margin-top: -17px;
}

@media (min-width: 1024px) and (max-width: 1365px) {
    .header {height: 50px;}

    .logoimg {height: 36px;margin-top:2px;margin-left:10px;width:auto;}

    .img-miniMenu {display: block;height: 94vh;}

    .header #myLinks {
        background-color: black;
        opacity: 0.92;
        position: relative;
        margin-top: 31px;
        margin: 0px;
        padding: 0px;
        height: 100vh;
    }

    .header .menu-footer-mini-botom {
        background: #df0024;
        opacity: 1;
    }
    .header .half{width:50vw;float:left;}

    .header .menu-footer-mini {
        display: block;
        margin-right: 0px;
        margin-top: 0px;
        position: fixed;
        bottom: 0px;
        width: 100vw;
        left: 0px;
        background-color: #df0024;
        z-index: 1000;
        height: 50px;
        position: fixed;
    }

        .header .menu-footer-mini .to-left {
            float: left;
            width: 167px;
            height: 36px;
            margin-top: 6px;
            line-height: 36px;
            float:right;
            margin-right:-11px;
        }
            .header .menu-footer-mini .to-left.right {
                float: left;
                margin-left: 14px;
            }
        .header .menu-footer-mini img {
            float: left;
            width: 24px;
            margin-left:4px;
            margin-top:5px;
        }
        .header .menu-footer-mini a {
            float: left;
            font: 17px 'Barlow-Regular';
            color: white;
            line-height:32px;
            width:calc(100% - 36px);
            display:block;
            text-align:center;
        }

      

    .groupiconright {
        float: right;
        width:50vw;
    }

    .menu {
        width: 30%;
        position: absolute;
        right: 0px;
        top: 99%;
        z-index: 10;
    }

        .menu ul {
            margin-top:2.8%;
            width: 100%;
            list-style: none;
            display: block;
            background: #df0024;
        }

        .menu ul li {
            width: 100%;
            margin-top: 4vh;
            text-align: center;
        }

    .groupiconright ul li a .textmenu {
        display: none;
    }
    .groupiconright ul li{float:right;display:inline-block;}

    .menu ul li a {
        font: 75px "Barlow-Regular";
        color: #A6ADBE;
    }

        .menu ul li a:link {
            font: 21px "Barlow-Regular";
            color: #A6ADBE;
        }
        .menu ul li a.active{border-bottom:none;}

        .menu ul li a:focus {
            font: 55px "Barlow-Regular";
            color: white;
        }

    .nivo-controlNav {
        z-index: 100;
    }

    .groupiconright ul li.limenu {
        float: right;
        width:auto;
    }

    .groupiconright ul li.liiconchat .iconchat .spantext {
        margin-top: 5%;
    }
    /******Bottom******/
    .bottom ul {
        width: 98%;
        margin-left: 0;
        padding-bottom:8vh;
    }

        .bottom ul li.address {
            width: 40%;
            margin-left: 4%;
        }

        .bottom ul li.address1 {
            margin-left: 2%;
        }

        .bottom ul li.icon {
            width: 15%;
        }

    .groupiconright ul {
        height: 5vh;
    }
    
    .groupiconright ul li a.desktop-icon {
        display: none;
    }

    .groupiconright ul li a.phone-icon {
        display: block;
    }

    .header .menu.active {
        display: none;
    }

    .header:hover .menu {
        display: none;
        width: 100vw;
        height: 100vh;
        background-color:rgba(0,0,0,0.9);
    }

    .groupiconright ul li.liiconchat {
        display: none;
    }
      
    .groupiconright ul li a {
        float: left;
        width: 100%;
        text-align: center;
        color: #999;
        margin-top: 2%;
    }

    .groupiconright ul li.lienglish{width:auto;float:right;}
    .groupiconright ul li.livietname {border: none;float: right;margin-right:5vw;}
    .groupiconright ul li.center-language {
        display: block;
        font: 24px 'Barlow-Regular';
        color: white;
        margin-left: 20px;
        margin-right: 15px;
        float:right;
    }
    .bottom ul li.logo{display:none;}
    .bottom ul li.icon{display:none;}
    .bottom ul li.address,.bottom ul li.address1{width:100%;margin-left:4%;}
        .bottom ul li.address1 p img{width:5%;}
    .header:hover .menu {
        display: none;
        width: 100vw;
        height: calc(100vh - 86px);
        overflow-y: scroll;
        background-color: rgba(0,0,0,0.9);
    }
}        
@media (min-width: 768px) and (max-width: 1023px) 
{
    .header {height: 50px;}

    .logoimg {height: 36px;margin-top:2px;margin-left:10px;width:auto;}

    .img-miniMenu {display: block;height: 94vh;}

    .header #myLinks {
        background-color: black;
        opacity: 0.92;
        position: relative;
        margin-top: 31px;
        margin: 0px;
        padding: 0px;
        height: 100vh;
    }

    .header .menu-footer-mini-botom {
        background: #df0024;
        opacity: 1;
    }
    .header .half{width:50vw;float:left;}

    .header .menu-footer-mini {
        display: block;
        margin-right: 0px;
        margin-top: 0px;
        position: fixed;
        bottom: 0px;
        width: 100vw;
        left: 0px;
        background-color: #df0024;
        z-index: 1000;
        height: 50px;
        position: fixed;
    }

        .header .menu-footer-mini .to-left {
            float: left;
            width: 167px;
            height: 36px;
            margin-top: 6px;
            line-height: 36px;
            float:right;
            margin-right:-11px;
        }
            .header .menu-footer-mini .to-left.right {
                float: left;
                margin-left: 14px;
            }
        .header .menu-footer-mini img {
            float: left;
            width: 24px;
            margin-left:4px;
            margin-top:5px;
        }
        .header .menu-footer-mini a {
            float: left;
            font: 17px 'Barlow-Regular';
            color: white;
            line-height:32px;
            width:calc(100% - 36px);
            display:block;
            text-align:center;
        }

      

    .groupiconright {
        float: right;
        width:50vw;
    }

    .menu {
        width: 30%;
        position: absolute;
        right: 0px;
        top: 99%;
        z-index: 10;
    }

        .menu ul {
            margin-top:2.8%;
            width: 100%;
            list-style: none;
            display: block;
            background: #df0024;
        }

        .menu ul li {
            width: 100%;
            margin-top: 4vh;
            text-align: center;
        }

    .groupiconright ul li a .textmenu {
        display: none;
    }
    .groupiconright ul li{float:right;display:inline-block;}

    .menu ul li a {
        font: 75px "Barlow-Regular";
        color: #A6ADBE;
    }

        .menu ul li a:link {
            font: 21px "Barlow-Regular";
            color: #A6ADBE;
        }
        .menu ul li a.active{border-bottom:none;}

        .menu ul li a:focus {
            font: 55px "Barlow-Regular";
            color: white;
        }

    .nivo-controlNav {
        z-index: 100;
    }

    .groupiconright ul li.limenu {
        float: right;
        width:auto;
    }

    .groupiconright ul li.liiconchat .iconchat .spantext {
        margin-top: 5%;
    }
    /******Bottom******/
    .bottom ul {
        width: 98%;
        margin-left: 0;
        padding-bottom:8vh;
    }

        .bottom ul li.address {
            width: 40%;
            margin-left: 4%;
        }

        .bottom ul li.address1 {
            margin-left: 2%;
        }

        .bottom ul li.icon {
            width: 15%;
        }

    .groupiconright ul {
        margin-top:5px;
    }
    
    .groupiconright ul li a.desktop-icon {
        display: none;
    }

    .groupiconright ul li a.phone-icon {
        display: block;
    }

    .header .menu.active {
        display: none;
    }

    .header:hover .menu {
        display: none;
        width: 100vw;
        height: 100vh;
        background-color:rgba(0,0,0,0.9);
    }

    .groupiconright ul li.liiconchat {
        display: none;
    }
      
    .groupiconright ul li a {
        float: left;
        width: 100%;
        text-align: center;
        color: #999;
        margin-top: 2%;
    }

    .groupiconright ul li.lienglish{width:auto;float:right;}
    .groupiconright ul li.livietname {border: none;float: right;margin-right:5vw;}
    .groupiconright ul li.center-language {
        display: block;
        font: 24px 'Barlow-Regular';
        color: white;
        margin-left: 20px;
        margin-right: 15px;
        float:right;
    }
    .bottom ul li.logo{display:none;}
    .bottom ul li.icon{display:none;}
    .bottom ul li.address,.bottom ul li.address1{width:100%;margin-left:4%;}
        .bottom ul li.address1 p img{width:5%;}
    .header:hover .menu {
        display: none;
        width: 100vw;
        height: calc(100vh - 86px);
        overflow-y: scroll;
        background-color: rgba(0,0,0,0.9);
    }
}
@media (min-width: 480px) and (max-width: 767px) 
{
    .header {height: 50px;}

    .logoimg {height: 36px;margin-top:2px;margin-left:10px;width:auto;}

    .img-miniMenu {display: block;height: 94vh;}

    .header #myLinks {
        background-color: black;
        opacity: 0.92;
        position: relative;
        margin-top: 31px;
        margin: 0px;
        padding: 0px;
        height: 100vh;
    }

    .header .menu-footer-mini-botom {
        background: #df0024;
        opacity: 1;
    }
    .header .half{width:50vw;float:left;}

    .header .menu-footer-mini {
        display: block;
        margin-right: 0px;
        margin-top: 0px;
        position: fixed;
        bottom: 0px;
        width: 100vw;
        left: 0px;
        background-color: #df0024;
        z-index: 1000;
        height: 50px;
        position: fixed;
    }

        .header .menu-footer-mini .to-left {
            float: left;
            width: 167px;
            height: 36px;
            margin-top: 6px;
            line-height: 36px;
            float:right;
            margin-right:-11px;
        }
            .header .menu-footer-mini .to-left.right {
                float: left;
                margin-left: 14px;
            }
        .header .menu-footer-mini img {
            float: left;
            width: 24px;
            margin-left:4px;
            margin-top:5px;
        }
        .header .menu-footer-mini a {
            float: left;
            font: 17px 'Barlow-Regular';
            color: white;
            line-height:32px;
            width:calc(100% - 36px);
            display:block;
            text-align:center;
        }

      

    .groupiconright {
        float: right;
        width:50vw;
    }

    .menu {
        width: 30%;
        position: absolute;
        right: 0px;
        top: 99%;
        z-index: 10;
    }

        .menu ul {
            margin-top:2.8%;
            width: 100%;
            list-style: none;
            display: block;
            background: #df0024;
        }

        .menu ul li {
            width: 100%;
            margin-top: 4vh;
            text-align: center;
        }

    .groupiconright ul li a .textmenu {
        display: none;
    }
    .groupiconright ul li{float:right;display:inline-block;}

    .menu ul li a {
        font: 75px "Barlow-Regular";
        color: #A6ADBE;
    }

        .menu ul li a:link {
            font: 21px "Barlow-Regular";
            color: #A6ADBE;
        }
        .menu ul li a.active{border-bottom:none;}

        .menu ul li a:focus {
            font: 55px "Barlow-Regular";
            color: white;
        }

    .nivo-controlNav {
        z-index: 100;
    }

    .groupiconright ul li.limenu {
        float: right;
        width:auto;
    }

    .groupiconright ul li.liiconchat .iconchat .spantext {
        margin-top: 5%;
    }
    /******Bottom******/
    .bottom ul {
        width: 98%;
        margin-left: 0;
        padding-bottom:8vh;
    }

        .bottom ul li.address {
            width: 40%;
            margin-left: 4%;
        }

        .bottom ul li.address1 {
            margin-left: 2%;
        }

        .bottom ul li.icon {
            width: 15%;
        }

    .groupiconright ul {
        margin-top: 5px;
    }
    
    .groupiconright ul li a.desktop-icon {
        display: none;
    }

    .groupiconright ul li a.phone-icon {
        display: block;
    }

    .header .menu.active {
        display: none;
    }

    .header:hover .menu {
        display: none;
        width: 100vw;
        height: 100vh;
        background-color:rgba(0,0,0,0.9);
    }

    .groupiconright ul li.liiconchat {
        display: none;
    }
      
    .groupiconright ul li a {
        float: left;
        width: 100%;
        text-align: center;
        color: #999;
        margin-top: 2%;
    }

    .groupiconright ul li.lienglish{width:auto;float:right;}
    .groupiconright ul li.livietname {border: none;float: right;margin-right:5vw;}
    .groupiconright ul li.center-language {
        display: block;
        font: 24px 'Barlow-Regular';
        color: white;
        margin-left: 20px;
        margin-right: 15px;
        float:right;
    }
    .bottom ul li.logo{display:none;}
    .bottom ul li.icon{display:none;}
    .bottom ul li.address,.bottom ul li.address1{width:100%;margin-left:4%;}
        .bottom ul li.address1 p img{width:5%;}

    .header:hover .menu {
        display: none;
        width: 100vw;
        height: calc(100vh - 86px);
        overflow-y: scroll;
        background-color: rgba(0,0,0,0.9);
    }
}
@media (max-width: 479px) {
    .btnCTAs {
        width: 18px !important;
    }
    .menu ul li a {
        color: #a6adbe;
    }
    .menu ul li a.active {
        color: #a6adbe !important;
        border-bottom: solid 2px #fff;
    }
    .sectionDeparment {
        float: left;
        width: 92%;
        margin-top: 0%;
        padding-top: 7%;
    }
    .sectionJobs {
        height: 100%;
        width: 92%;
        padding-top: 5%;
        overflow: hidden;
        margin-left: 4%;
    }

    .sectionNews {
        height: 100%;
        width: 92%;
        padding-top: 4%;
        overflow: hidden;
    }
    .sectionProjects {
        height: 100%;
        width: 92.4%;
        padding-top: 4%;
    }

    .samplelist {
        margin-top: 48% !important;
    }

    .sectionSample {
        height: 100%;
        width: 100%;
        padding-top: 17%;
    }
    .iconcalendar-black {
        width: 5% !important;
        margin: 4px 7px 14px 8px;
        height: 15px;
    }
    .iconcmt-black {
        width: 5% !important;
        margin: 3px 10px 15px 90px;
        height: 17px;
    }
    .iconview-black {
        width: 6% !important;
        margin: 5px 6px 18px 25px;
        height: 12px;
    }

    .iconcalendar {
        width: 5% !important;
        margin: 5px 7px 12px 8px !important;
        height: 15px;
    }
    .iconcmt {

        width: 5% !important;
        margin: 5px 10px 12px 66px !important;
        height: 17px;
    }
    .iconview {
        width: 5% !important;
        margin: 7px 6px 13px 20px !important;
        height: 12px;
        float:right;
    }

    .container {
        width: 100% !important;
        margin: auto !important;
        padding: 0 !important;height:100%;
       
    }
    .content-section-type-2 {
        height: 680px !important;
    }
    .activity {
        height: 680px !important;
    }
    .header {
        height: 50px;
    }

    .logoimg {
        height: 30px;
        margin-top: 8px;
        margin-left: 12px;
        width: auto;
    }

    .img-miniMenu {display: block;height: 94vh;}

    .header #myLinks {
        background-color: black;
        opacity: 0.92;
        position: relative;
        margin-top: 31px;
        margin: 0px;
        padding: 0px;
        height: 100vh;
    }

    .header .menu-footer-mini-botom {
        background: #df0024;
        opacity: 1;
    }
    .header .half{width:50vw;float:left;}

    .header .menu-footer-mini {
        display: block;
        margin-right: 0px;
        margin-top: 0px;
        position: fixed;
        bottom: 0px;
        width: 100vw;
        left: 0px;
        background-color: #df0024;
        z-index: 1000;
        height: 50px;
        position: fixed;
    }

        .header .menu-footer-mini .to-left {
            float: left;
            width: 167px;
            height: 36px;
            margin-top: 6px;
            line-height: 36px;
            float:right;
            margin-right:-19px;
        }
            .header .menu-footer-mini .to-left.right {
                float: left;
                margin-left: 10px;
            }
        .header .menu-footer-mini img {
            float: left;
            width: 24px;
            margin-left:4px;
            margin-top:5px;
        }
        .header .menu-footer-mini a {
            float: left;
            font: 17px 'Barlow-Regular';
            color: white;
            line-height: 32px;
            width: calc(100% - 60px);
            display: block;
            text-align: center;
        }

      

    .groupiconright {
        float: right;
        width:50vw;
    }

    .menu {
        width: 30%;
        position: absolute;
        right: 0px;
        top: 99%;
        z-index: 10;
    }

        .menu ul {
            margin-top:2.8%;
            width: 100%;
            list-style: none;
            display: block;
            background: #df0024;
        }

        .menu ul li {
            width: 100%;
            margin-top: 1vh;
            text-align: center;
        }

    .groupiconright ul li a .textmenu {
        display: none;
    }
    .groupiconright ul li{float:right;display:inline-block;}

        .menu ul li a:link {
            font: 21px "Barlow-Regular";
            color: #A6ADBE;
        }
        .menu ul li a.active{border-bottom:none;}       

    .nivo-controlNav {
        z-index: 100;
    }

    .groupiconright ul li.limenu {
        float: right;
        width:auto;
    }

    .groupiconright ul li.liiconchat .iconchat .spantext {
        margin-top: 5%;
    }
    /******Bottom******/
    .bottom ul {
        width: 98%;
        padding-bottom: 8vh;
        margin: 7% 0 0% 0%;
    }

        .bottom ul li.address {
            width: 40%;
            margin-left: 4%;
        }

        .bottom ul li.address1 {
            margin-left: 2%;
        }

        .bottom ul li.icon {
            width: 15%;
        }

    .groupiconright ul {
        margin-top: 5px;
    }
    
    .groupiconright ul li a.desktop-icon {
        display: none;
    }

    .groupiconright ul li a.phone-icon {
        display: block;
    }

    .header .menu.active {
        display: none;
    }

    .header:hover .menu {
        display: none;
        width: 100vw;
        height: calc(100vh - 86px);
        overflow-y:scroll;
        background-color:rgba(0,0,0,0.9);
    }

    .groupiconright ul li.liiconchat {
        display: none;
    }
      
    .groupiconright ul li a {
        float: left;
        width: 100%;
        text-align: center;
        color: #999;
        margin-top: 2%;
    }

    .groupiconright ul li.lienglish{width:auto;float:right;}
    .groupiconright ul li.livietname {border: none;float: right;margin-right:5vw;}
    .groupiconright ul li.center-language {
        display: block;
        font: 15px 'Barlow-Regular';
        color: #fff;
        margin-left: 7px;
        margin-right: 2px;
        float: right;
        margin-top: 6px;
    }
    .bottom ul li.logo{display:none;}
    .bottom ul li.icon{display:none;}
    .bottom ul li.address,.bottom ul li.address1{width:100%;margin-left:4%;}
        .bottom ul li.address1 p img{width:5%;}
}










/*-------------reponsive iphone 6, 6plus, X---------------------------*/

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation : portrait) {
    /* iPhone 6 Portrait */
    .samplelist {
        margin-top: 40% !important;
    }
}


@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation : landscape) {
    /* iPhone 6 landscape */

}


@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (orientation : portrait) {
    /* iPhone 6+ Portrait */

    .iconview-black {

    }

    .iconcmt-black {

    }
    .iconcalendar-black {

    }
    .iconcmt {
        width: 5% !important;
        margin: 5px 10px 12px 143px !important;
        height: 17px;
    }
    .samplelist {
        margin-top: 29% !important;
    }
    .iconcalendar {
        width: 5% !important;
        margin: 5px 7px 12px 8px !important;
        height: 15px;
    }

}


@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (orientation : landscape) {
    /* iPhone 6+ landscape */
}

@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
    /* iPhone 6 and iPhone 6+ portrait and landscape */
}

@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) and (orientation : portrait) {
    /* iPhone 6 and iPhone 6+ portrait */
}

@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) and (orientation : landscape) {
    /* iPhone 6 and iPhone 6+ landscape */
}