a{color: #29292b;transition: all ease .3s}
a:hover,a:focus{text-decoration:none;color:#3a6cd1}
body{color: #29292b;background:#fff;line-height:1.625;font-family: 'Roboto', sans-serif;font-size:16px}
strong{font-weight: 700}.pn-wrapper img{max-width:100%}
.pn-wrapper{color: #29292b;text-align: justify;margin-bottom: 30px}
.pn-wrapper ul,.pn-wrapper ol{list-style-position: inside}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{line-height:1.3}
/* .lds-dual-ring {display: inline-block;width: 80px;height: 80px;position:absolute;top:50%;left:50%;transform: translate(-50%, -50%)}
.lds-dual-ring:after {content: " ";display: block;width: 64px;height: 64px;margin: 8px;border-radius: 50%;border: 6px solid #3a6cd1;border-color: #fff transparent #3a6cd1 transparent;animation: lds-dual-ring 1.2s linear infinite}
@keyframes lds-dual-ring {0% {transform: rotate(0deg)}100% {transform: rotate(360deg)}}
.before-loading{transition: all ease .3s;position:fixed;z-index:2147483645;width:100%;height:100%;background:#fff;top:0;left:0;transform-origin: center} */
.pn-banner-gg{text-align: center}.pn-banner-gg img{max-width: 100%}
.pn-content-body{padding-top: 30px}
header{background-color: #fff}
header .pn-header{position: relative;z-index: 10;box-shadow: 3px 15px 10px rgba(0,0,0,.15)}
header .pn-header:after{content: "";height: 100%;right: 0;top: 0;background-color: #2ad6b5;position: absolute}
.pn-address:before{font-family: 'FontAwesome';content: "\f041";margin-right: 5px}
.pn-phone:before{font-family: 'FontAwesome';content: "\f095";margin-right: 5px}
.pn-email:before{font-family: 'FontAwesome';content: "\f0e0";margin-right: 5px}
.pn-logo{float: left;vertical-align: middle;height: 80px;transition: all ease .3s;padding: 5px 0}
.pn-logo img{max-width: 100%;max-height: 100%}
header .pn-navtop{background-color: #f5f6f6}
header .pn-navtop img{max-width: 100%}
header.fixed{position:fixed;top:0;width:100%;left:0;z-index:999;box-shadow: 0 10px 20px rgba(0,0,0,.1)}
header.fixed .pn-header-right .pn-wrapper-info,#close-menu{display: none}
header.fixed .pn-navtop{display: none}
.pn-header-right{display: flex;flex-direction: row-reverse;position: relative}
.pn-language{position: relative;margin: 17.5px 0 17.5px 25px}
.pn-language span{border-radius: 5px;background-color: #f4f4f4;display: flex;padding: 9px;position: relative;cursor: pointer;width: 70px;height: 45px}
.pn-language span:before{content: "";width: 40px;height: 27px;display: inline-block;background-image: url(../images/icon.png);background-repeat: no-repeat}
.pn-language span.pn-lan-vi:before{background-position: 0 0}
.pn-language span.pn-lan-en:before{background-position: -40px 0}
.pn-language span:after{font-family: "FontAwesome";content: "\f0d7";position: absolute;right: 8px;top: 50%;transform: translateY(-50%)}
.pn-language ul{display: flex;padding-left: 0;list-style: none;margin-bottom: 0;position: absolute;top: 3px;right: 0;background-color: #fff;box-shadow: 0 0 5px rgba(0,0,0,.6);opacity: 0;visibility: hidden;z-index: 100;padding: 5px 0;width: 100px;border-radius: 5px}
.pn-language ul li{height: 27px;width: 50px;padding: 0 5px}
.pn-language ul li [class*='pn-lan-']{display: inline-block;width: 40px;height: 27px;background-image: url(../images/icon.png);background-repeat: no-repeat}
.pn-language ul li .pn-lan-vi{background-position: 0 0}
.pn-language ul li .pn-lan-en{background-position: -40px 0}
.pn-language:hover ul{opacity: 1;visibility: visible}
.pn-wrapper-account{margin-left: 40px;position: relative}
.pn-wrapper-account .pn-not-logged{padding: 22.5px 0}
.pn-wrapper-account .pn-not-logged a{padding: 7px 25px;font-size: 16px;line-height: 21px;border-right: 1px solid #8c8fa4;float: left}
.pn-wrapper-account .pn-logged > ul > li{padding: 25px 0}
.pn-wrapper-account .pn-logged ul{list-style: none;padding-left: 0;margin-bottom: 0}
.pn-wrapper-account .pn-logged > ul{display: flex}
.pn-wrapper-account .pn-logged > ul > li{margin-left: 10px}
.pn-wrapper-account .pn-logged > ul > li:last-child{margin-left: 20px}
.pn-wrapper-account .pn-logged > ul > li:last-child > span{cursor: pointer;float: left; font-size: 16px; line-height: 30px; color: #3c6cd2;position: relative;max-width: 100px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis}
.pn-wrapper-account .pn-logged > ul > li:last-child:after{font-family: "FontAwesome";content: "\f0d7";float: right;margin-left: 4px}
.pn-wrapper-account .pn-logged > ul > li:last-child .pn-avatar{float: left; border-radius: 100px; overflow: hidden; display: flex; align-items: center; justify-content: center;margin-right: 10px}
.pn-wrapper-account .pn-logged > ul > li > a{position: relative;border-radius: 100px;background-color: #f4f4f4;display: flex;align-items: center;justify-content: center;color: #666;width: 30px;height: 30px}
.pn-wrapper-account .pn-logged > ul > li:not(:last-child) > a > .fa:after{content: ""; position: absolute; width: 10px; height: 10px; border-radius: 100px; background-color: #2db00a; right: 4px; border: 1px solid #fff; top: 5px;display: none}
.pn-wrapper-account .pn-logged > ul > li:not(:last-child).active > a > .fa:after{display: block}
.pn-wrapper-account .pn-logged ul li ul{position: absolute;left: 60px;top: calc(100% + 20px);padding: 20px 380px 20px 20px;width: 570px;background-color: #fff;box-shadow: 0 8px 20px rgba(0,0,0,.46);transition: all ease .5s;transform-origin: top;opacity: 0;visibility: hidden}
.pn-wrapper-account .pn-logged ul li:hover ul{opacity: 1;visibility: visible;top: 100%}
.pn-wrapper-account .pn-logged ul li ul:after{content: "";position: absolute;right: 0;top: 0;height: 100%;width: 380px;background-image: url(../images/bg-ul.jpg);background-repeat: no-repeat;background-size: cover}
.pn-wrapper-account .pn-logged ul li ul li:not(:last-child){margin-bottom: 10px}
.pn-free-post{background-color: #2ad6b5;margin-left: 20px;height: 80px;display: flex;align-items: center;position: relative;z-index: 2}
.pn-free-post a{padding-left: 60px;position: relative;display: inline-block;transition: inherit}
.pn-free-post a:before{content: "";position: absolute;left: 10px;top: 50%;width: 40px;height: 40px;background-image: url(../images/icon.png);background-position: -80px 0;transform: translateY(-50%)}
.pn-free-post strong{display: block}
.pn-free-post strong:after{font-family: "FontAwesome";content: "\f0d7";float: right;margin-left: 5px}
.pn-free-post:hover a,.pn-free-post:focus a{color: inherit}
.pn-menu,.pn-menu ul{margin-bottom: 0;padding-left: 0;list-style: none}
.pn-menu > li{padding-left: 20px;padding-right: 20px}
.pn-menu > li > a{display: block;font-size: 16px}
.owl-carousel .owl-nav{text-align: center}
.owl-carousel .owl-nav button{width: 40px;height: 40px;border-radius: 100px;font-size: 30px;line-height: 35px;background-color: #fff;margin: 0 15px;border: 1px solid #6a6a6a;position: relative}
.arrow-left,.arrow-right {color: #000;position: absolute;margin-left: 11px;width: 16px;height: 1px;background-color: currentColor;left: 0}
.arrow-left:before,.arrow-right:before{content: '';position: absolute;top: -5px;width: 10px;height: 10px;border-top: solid 1px currentColor;border-right: solid 1px currentColor}
.arrow-left:before {left: 1px;-webkit-transform: rotate(-135deg);transform: rotate(-135deg)}
.arrow-right:before {right: 1px;-webkit-transform: rotate(45deg);transform: rotate(45deg)}
.owl-carousel .owl-nav button:hover{background-color: #3a6cd1;color: #fff;border-color: #3a6cd1}
.owl-carousel .owl-nav button:hover [class*='arrow-']{color: #fff}    
.owl-carousel .owl-dots{display: flex;justify-content: center}
.owl-carousel .owl-dots .owl-dot{width: 10px;height: 12px;border-radius: 100px;transition: all ease .3s;display: inline-block;margin: 0 10px;background-color: #c2c2c2;border: none}
.owl-carousel .owl-dots .owl-dot.active{background-color: #3a6cd1}
.pn-item-job{background-color: #fff;padding: 20px 20px 60px 20px;border-radius: 10px;border: 1px solid #666;position: relative;margin-bottom: 30px;transition: all ease .3s;height: 100%}
.pn-item-job:hover{box-shadow: 3px 5px 20px rgba(0,0,0,.25)}
.pn-item-job .pn-status{position: absolute;right: 10px;top: 10px;font-size: 16px;color: #fff;min-width: 65px;height: 25px;line-height: 25px;background-color: #2db00a;border-radius: 100px;text-align: center;z-index: 1}
.pn-item-job .pn-urgent{background-color: #f81f1f}
.pn-item-job .pn-img-logo{margin-bottom: 15px;height: 50px;display: flex;align-items: end;overflow: hidden;}
.pn-item-job .pn-img-logo a img{width: auto !important;max-width: 100%;max-height: 100%}
.pn-item-job .pn-domain{margin-bottom: 30px}
.pn-item-job .pn-domain strong{display: block;font-size: 16px;line-height: 21px}
.pn-item-job .pn-domain a{word-break: break-word;font-size: 14px;line-height: 19px;color: #666}
.pn-item-job .pn-domain a:hover{color: #3a6cd1}
.pn-item-job .pn-position{font-size: 20px;line-height: 28px;font-weight: bold;display: block;margin-bottom: 10px}
.pn-item-job ul{padding-left: 0;list-style: none}
.pn-item-job ul li{margin-bottom: 10px;position: relative;padding-left: 25px}
.pn-item-job ul li .fa{position: absolute;left: 0;color: #3a6cd1;width: 17px;text-align: center;top: 3px}
.pn-item-job .pn-welfare{margin-bottom: 20px;display: flex;flex-wrap: wrap}
.pn-item-job .pn-welfare span{float: left;font-size: 12px;line-height: 17px;padding: 7px 10px 6px 10px;margin: 0 5px 5px 0;border: 1px solid transparent;border-radius: 25px}
.pn-item-job .pn-welfare span.pn-green{color: #2ad6b5;border-color: #2ad6b5;background-color: #dcfef7}
.pn-item-job .pn-welfare span.pn-orange{color: #da9c09;border-color: #da9c09;background-color: #fffde4}
.pn-item-job .pn-welfare span.pn-blue{color: #3a6cd1;border-color: #3a6cd1;background-color: #cbeaff}
.pn-item-job .pn-welfare span.pn-red{color: #d75b48;border-color: #d75b48;background-color: #ffe5e1}
.pn-item-job .pn-wrapper-button{position: absolute;padding-right: 50px;bottom: 20px;left: 20px;right: 20px}
.pn-item-job .pn-wrapper-button .pn-button{text-transform: initial;padding: 10px 10px 9px 10px;width: 100%;text-align: center}
.pn-item-job .pn-wrapper-button a:not(.pn-button){position: absolute;right: 0;top: 0;width: 40px;height: 40px;border: 1px solid #2ad6b5;border-radius: 5px;display: flex;align-items: center;justify-content: center;color: #2ad6b5;font-weight: bold}
.pn-item-job .pn-wrapper-button a:not(.pn-button).active,.pn-item-job .pn-wrapper-button a:not(.pn-button):hover{background-color: #3a6cd1;color: #fff;border-color: #3a6cd1;}
.pn-image{display: block;text-align: center;overflow: hidden;position: relative}
.pn-image img{max-width: 100%;transition: all ease .3s;-moz-transition: all ease .3s;-webkit-transition: all ease .3s}
.pn-image:hover img{transform: scale(1.2);-moz-transform: scale(1.2);-webkit-transform: scale(1.2)}
.pn-button{padding: 15px 60px 14px 60px;color: #fff;display: inline-block;font-size: 16px;line-height: 21px;transition: all ease .3s;background: #2ad6b5;border-radius: 5px;text-transform: capitalize;font-weight: bold;border: none;text-align: center}
.pn-button:hover,.pn-button:focus{color: #fff;background-color: #3a6cd1;border-color: #3a6cd1}
.pn-button:hover:before{left: 0;top: 0}
.pn-name{font-size: 16px;line-height: 24px;font-weight: bold;margin-bottom: 10px;display: inline-block}
.pn-name + p{text-align: justify;font-size: 16px;line-height: 24px;color: #666}
.pn-title{font-weight:bold;margin:0 0 40px 0;font-size:35px;line-height:45px;color: #3a6cd1;position: relative;text-align: center}
.pn-breadcrumb{text-align: center;}
.pn-breadcrumb img{max-width: 100%;}
.wrapper-anchor{ border: 2px solid #ddd; padding: 20px; border-radius: 10px; margin-bottom: 30px;background-color: #f0f0f0}
.wrapper-anchor .anchor-title{font-weight: bold;font-size: 20px;line-height: 25px;margin: 0 0 15px 0;display: block}
.wrapper-anchor ul,.wrapper-anchor ol{ margin: 0; padding-left: 0; list-style-position: inside;counter-reset: item;display: flex; flex-wrap: wrap;list-style: none;}
.wrapper-anchor ul li,.wrapper-anchor ol li{cursor: pointer;width: 100%;}
.wrapper-anchor ul li:before{content: counters(item, ".", decimal) ". "; display: inline-block; counter-increment: item; flex-grow: 0; flex-shrink: 0; margin-right: 0.2em; float: left;}
.wrapper-anchor ul li:not(:last-child),.wrapper-anchor ol li:not(:last-child){margin-bottom: 10px}
.wrapper-anchor ul li ul,.wrapper-anchor ol li ol{margin-top: 10px;padding-left: 15px}
footer{padding-top: 30px;background-color: #f4f2fe;border-top-right-radius: 100px}
footer .pn-copyright{padding: 25px 0;font-size: 16px;line-height: 21px;background-color: #fff}
footer .pn-copyright p{margin-bottom: 15px}
footer .pn-wrapper-col{display: flex;flex-wrap: wrap;margin: 0 -15px}
footer .pn-wrapper-col .pn-col{width: calc(40% / 3);padding: 0 15px;margin-bottom: 30px}
footer .pn-wrapper-col .pn-col .pn-title-ft{font-size: 16px;line-height: 21px;font-weight: bold;text-transform: uppercase;margin: 0 0 15px 0}
footer .pn-wrapper-col .pn-col a{display: inline-block;font-size: 16px;line-height: 21px}
footer .pn-wrapper-col .pn-col ul{list-style: none;padding-left: 0;margin-bottom: 0;list-style: none}
footer .pn-wrapper-col .pn-col ul li{margin-bottom: 10px}
footer .pn-wrapper-col .pn-col .pn-wrapper-ul ul{margin: 0 -5px;display: flex;flex-wrap: wrap;}
footer .pn-wrapper-col .pn-col .pn-wrapper-ul ul li{width: 50%;padding: 0 5px;}
footer .pn-wrapper-col .pn-col:nth-child(4){width: 35%}
footer .pn-wrapper-col .pn-col:last-child{width: 25%}
footer .pn-wrapper-col .pn-col form{border: 1px solid #c2c2c2;border-radius: 5px;position: relative}
footer .pn-wrapper-col .pn-col form input{background-color: transparent;border: none;height: 40px;width: 100%;outline: none;padding-right: 70px}
footer .pn-wrapper-col .pn-col form input::-webkit-input-placeholder {font-style: italic}
footer .pn-wrapper-col .pn-col form input:-ms-input-placeholder {font-style: italic}
footer .pn-wrapper-col .pn-col form input::placeholder {font-style: italic}
footer .pn-wrapper-col .pn-col form button{width: 61px;height: 42px;padding: 0 5px;text-align: center;border-radius: 5px;border: none;position: absolute;right: -1px;top: -1px}

@-webkit-keyframes coccoc-alo-circle-img-anim{0%{-webkit-transform:rotate(0) scale(1) skew(1deg)}10%{-webkit-transform:rotate(-25deg) scale(1) skew(1deg)}20%{-webkit-transform:rotate(25deg) scale(1) skew(1deg)}30%{-webkit-transform:rotate(-25deg) scale(1) skew(1deg)}40%{-webkit-transform:rotate(25deg) scale(1) skew(1deg)}50%{-webkit-transform:rotate(0) scale(1) skew(1deg)}100%{-webkit-transform:rotate(0) scale(1) skew(1deg)}}
.pn-hotline{background-color:#2ad6b5;color:#fff;width:60px;height:60px;border-radius:100px;position:fixed;left:15px;display:none;z-index:100;bottom:15px;font-size:40px;text-align:center;line-height:65px;-webkit-animation-name: coccoc-alo-circle-img-anim; animation-name: coccoc-alo-circle-img-anim; -webkit-animation-delay: 1s; animation-delay: 1s; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out}
.pn-hotline:focus,.pn-hotline:hover{color:#fff}
.pn-hotline:before{content: "";width: 54px;height: 54px;border: 2px solid #fff;border-radius: 100px;top: 3px;left: 3px;position: absolute;z-index: 100}
.pn-wrapper-pagination{margin-bottom: 60px}
.pagination{margin: 0;vertical-align: top}
.pagination li a{color: #777}
.pagination>li>a, .pagination>li>span{font-size: 16px;line-height: normal;height: 40px;min-width: 40px;font-size: 16px;display: flex;align-items: center;justify-content: center}
.pagination>li:last-child>a, .pagination>li:last-child>span,.pagination>li:first-child>a, .pagination>li:first-child>span{border-radius: 0}
.pagination>li>a, .pagination>li>span,.pagination>li:hover>a, .pagination>li:hover>span{border: none;background-color: transparent}
.pagination li.active a{font-weight: bold;background-color: transparent}
.pagination li.active a,.pagination li.active:hover a{color: #3a6cd1;background-color: transparent}
.pagination li:hover a,.pagination li:hover span{color: #3a6cd1}
.pn-replace{overflow: hidden;display: none;z-index: 1000;position: fixed;right: 15px;bottom: 15px;box-shadow: 0 0 5px rgba(0,0,0,.23);border-radius: 100%;width: 60px;height: 60px}
.pn-replace *{max-width: 100%;max-height: 100%;border-radius: 100%}.pn-replace.pn-zalo{right: 15px;background:#fff;padding:5px;bottom: 90px}.pn-replace.pn-zalo>strong{text-indent:-99999px;background:url(../images/zalo.jpg) no-repeat 0 0;height:50px;width:50px;display: block;background-size: contain}
.pn-replace.pn-mesager{display: block}
.zalo-chat-widget {right: 10px !important;bottom: 15px !important}
#captcha-field{display: flex;justify-content: center}
.g-recaptcha{display: inline-block; transform: scale(0.8)}
.pn-banner-top,.pn-banner{text-align: center}
.pn-banner-top img,.pn-banner img{max-width: 100%;}
@media only screen and (min-width: 1500px){
    body{font-size:16px}
    .container{width:1440px}
    .pn-title{font-size: 45px;line-height: 55px}
    footer .pn-wrapper-col .pn-col{width: calc(45% / 3)}
    footer .pn-wrapper-col .pn-col:nth-child(4){width: 30%}
}
@media only screen and (min-width: 1200px){
    header .pn-header:after{width: calc(50% - 570px)}
}
@media only screen and (min-width: 992px) and (max-width: 1199px){
    header.fixed .pn-menu > li{padding-top: 19px;padding-bottom: 20px}
}
@media only screen and (min-width: 992px){
    header{top: -70px;transition: all ease .5s}
    header .pn-header:after{width: calc(50% - 470px)}
    .hidden-desktop{display:none}

    .pn-wrapper-account .pn-not-logged a{padding-left: 15px;padding-right: 15px}
    .pn-menu li{position: relative}
    .pn-menu > li{float: left;padding-top: 27px;padding-bottom: 27px}
    .pn-menu > li:last-child{padding-right: 0}
    .pn-menu > li > a{position: relative;text-transform: capitalize}
    .pn-menu > li.active > a{color: #3a6cd1;font-weight: bold}
    .pn-menu > li:not(.active):hover > a{color: #3a6cd1}
    .pn-menu > li.haschild > ul.pn-visible-mobile{display: none}
    .pn-menu li.haschild .fa-angle-down{display: none}
    .pn-menu > li > ul{position: absolute;top: calc(100% + 20px);left: 0;z-index: 100;list-style: none;padding-left: 0;margin-bottom: 0;width: 220px;background-color: #fff;transition: all ease .3s;box-shadow: 0 0 5px rgba(0,0,0,.1);-moz-box-shadow: 0 0 5px rgba(0,0,0,.1);-webkit-box-shadow: 0 0 5px rgba(0,0,0,.1);opacity: 0;visibility: hidden}
    .pn-menu > li:hover > ul{top: 100%;opacity: 1;visibility: visible}
    .pn-menu > li > ul li:not(:last-child){border-bottom: 1px solid #e4e4e4}
    .pn-menu > li > ul li a{font-size: 16px;padding: 10px;display: block;line-height: 21px}
    .pn-menu > li > ul li:hover > a{background-color: #f0f0f0;color: #3a6cd1}
    .pn-menu > li > ul li:hover > a:after{color: #3a6cd1}
    .pn-menu li ul li.haschild > a{padding-right: 20px}
    .pn-menu li ul li.haschild > a:after{font-family: "FontAwesome";content: "\f105";position: absolute;right: 10px;top: 50%;transform: translateY(-50%)}
    .pn-menu > li > ul li ul{left: 100%;top: 0;position: absolute;width: 100%;background-color: #fff;z-index: 100;list-style: none;padding-left: 0;transition: all ease .3s;transform: scaleX(0);transform-origin: left;box-shadow: 0 0 5px rgba(0,0,0,.1);-moz-box-shadow: 0 0 5px rgba(0,0,0,.1);-webkit-box-shadow: 0 0 5px rgba(0,0,0,.1)}
    .pn-menu > li > ul li:hover ul{transform: scaleX(1)}
    .pn-icon-menu{display: none}
    .pn-replace.pn-mesager{bottom: 77px}
    .pn-sticky{top: 50px;position: sticky}.hidden-desktop{display:none}
    .pn-title{margin-bottom: 40px}
}
@media only screen and (max-width: 1499px){
    .pn-wrapper-account .pn-logged ul li ul{left: 0}
}
@media only screen and (max-width: 1199px){
    .pn-wrapper-account .pn-logged ul li ul{width: 220px;padding: 20px;left: 70px}
    .pn-wrapper-account .pn-logged ul li ul:after{display: none}
    .pn-free-post{background-color: transparent}
    .pn-free-post strong,.pn-free-post span,header .pn-header:after{display: none}
    .pn-button{padding: 8px 40px}
}
@media only screen and (max-width: 991px){
    body{position: relative}
    .container{width:100%}
    header{position: relative}
    .pn-wrapper-account .pn-not-logged{padding: 22.5px 0}
    .pn-wrapper-account .pn-logged > ul > li{padding: 25px 0}
    .pn-wrapper-account{margin-left: 0}
    .pn-language{margin-top: 17.5px;margin-bottom: 17.5px;display: flex;align-items: center}
    .pn-language span{display: none}
    .pn-language ul{padding: 0;box-shadow: none;position: initial;opacity: 1;visibility: visible;z-index: 0}
    .pn-language ul li{padding: 0}
    .pn-free-post a{padding-left: 40px;width: 40px;height: 40px}
    .pn-free-post a:before{left: 0}
    .pn-wrapper-menu{position: fixed;left: -100%;top: 0;bottom: 0;width: 320px;background-color: #3a6cd1;z-index: 10000;transition: all ease .3s}
    .pn-wrapper-menu.active{left: 0}
    .pn-menu > li{padding: 0}
    .pn-menu li{border-top: 1px solid rgba(255,255,255,.2)}
    .pn-menu li ul{background-color: #2859bd;display: none;margin-right: -41px}
    .pn-menu li.haschild{position: relative;padding-right: 41px}
    .pn-menu li.haschild > span{position: absolute;right: 0;top: 0;color: #fff;width: 41px;height: 41px;text-align: center;line-height: 45px;font-size: 20px;cursor: pointer}
    .pn-menu li.haschild > span:before{content: "\f107"}
    .pn-menu li.haschild.showchild > span:before{content: "\f106"}
    .pn-menu li.showchild ul{display: block}
    .pn-menu li > span:not(.fa){display: block; padding: 10px 15px 10px 5px; color: #000; text-transform: uppercase; font-weight: bold}
    .pn-menu li ul li{padding-left: 20px;position: relative}
    .pn-menu li ul li:not(.showchild) ul{display: none}
    .pn-menu > li:not(:first-child){margin-left: 0}
    .pn-menu li ul li a{padding-left: 5px}
    .pn-menu li ul li ul{margin-left: -20px;background-color: #53b75c}
    .pn-menu li ul li ul li{padding-left: 30px}
    .pn-menu li a{padding: 10px 15px;display: block;color: #fff}
    .pn-icon-menu{float: right;background-color: #3a6cd1;border: 1px solid #3a6cd1;margin: 17px 0 17px 15px;padding: 5px 8px;border-radius: 5px}
    .pn-icon-menu span{background-color: #fff;height: 2px;width: 30px;display: block;margin: 7px 0}
    .pn-title{font-size: 30px;line-height: 35px;margin-bottom: 30px}
    .pn-hotline{display: inline-block}
    .pn-replace.pn-zalo{display: block}
    body header .pn-header:before { content: ""; position: fixed; z-index: 2; left: 0; top: 0; bottom: 0; width: 0; background-color: rgba(0,0,0,.6); }
    body.visible_menu header .pn-header:before { width: 100%; }
    #close-menu {height: 40px; line-height: 40px; cursor: pointer; text-align: right; color: #fff; font-size: 20px; width: 40px; color: #fff; padding: 0 15px; display: block;margin: 0 auto}
    .pn-wrapper-pagination{margin-bottom: 30px}
    footer{font-size: 14px;line-height: 19px}
    footer .pn-wrapper-col .pn-col .pn-title-ft,footer .pn-wrapper-col .pn-col a{font-size: 14px;line-height: 19px}
}
@media only screen and (max-width: 767px){
    header .pn-navtop{display: none}
    .pn-header{padding-top: 40px}
    .pn-header .pn-header-right{position: inherit}
    header .pn-header:after{content: "";position: absolute;height: 40px;left: 0;top: 0;background-color: #3a6cd1;width: 100%;display: block}
    .pn-wrapper-account{position: absolute; top: 5px; right: 15px; z-index: 3}
    .pn-wrapper-account .pn-not-logged{padding: 0}
    .pn-wrapper-account .pn-not-logged a{color: #fff; padding: 0 0 0 15px; border: none; margin: 4px 0 0 15px;position: relative}
    .pn-wrapper-account .pn-not-logged a:last-child:before{content: "";background-color: #fff;width: 1px;height: 100%;left: 0;position: absolute}
    .pn-wrapper-account .pn-logged ul li ul{left: inherit;right: 0}
    .pn-wrapper-account .pn-logged > ul > li{padding: 0}
    .pn-wrapper-account .pn-logged > ul > li:last-child > span,.pn-wrapper-account .pn-logged > ul > li:last-child:after{color: #fff}
    footer{border-radius: 0}
    footer .pn-wrapper-col .pn-col{width: calc(100% / 3)}
    footer .pn-wrapper-col .pn-col:nth-child(4){width: 55%}
    footer .pn-wrapper-col .pn-col:last-child{width: 45%}
    .pn-wrapper-account .pn-logged > ul > li:last-child{margin-left: 10px;}
}
@media only screen and (max-width: 570px){
    .pn-replace{width: 50px;height: 50px}
    .pn-hotline{width: 50px;height: 50px;font-size: 30px;line-height: 54px}
    footer .pn-wrapper-col .pn-col,footer .pn-wrapper-col .pn-col:nth-child(4){width: 50%}
    footer .pn-wrapper-col .pn-col:last-child,footer .pn-wrapper-col .pn-col .pn-wrapper-ul ul li{width: 100%}
    .pn-title{font-size: 25px;line-height: 30px}
    .pn-replace.pn-zalo{bottom: 80px}
    .pn-hotline:before{width: 44px;height: 44px}
    .pagination>li>a, .pagination>li>span{height: 31px;min-width: 31px;}
}
@media only screen and (max-width: 480px){
    .pn-title{font-size: 22px;line-height: 27px}
    .pn-free-post{margin-left: 5px}
    .pn-language{margin-left: 0}
    footer .pn-copyright{padding: 15px 0;font-size: 14px;line-height: 19px}
    .pn-name + p{font-size: 14px}
}
@media only screen and (max-width: 370px){
    .pn-icon-menu{margin-left: 10px;border: none; background-color: transparent; padding-left: 0; padding-right: 0}
    .pn-icon-menu span{background-color: #3a6cd1}
    .pn-form button,.pn-wrapper-menu{width: 100%}
    .pn-language ul{width: 90px}
    .pagination>li>a, .pagination>li>span{padding: 4px 10px}
    footer .pn-wrapper-col .pn-col, footer .pn-wrapper-col .pn-col:nth-child(4){width: 100%}
}