a{text-decoration:none;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;color: #000}
a:hover,a:focus{text-decoration: none;color: #c60b1e}button:focus,input:focus,input:visited,textarea:focus{outline: none;box-shadow: none}
body{color: #29303b;background:#fff !important;line-height:1.625;font-family: 'Open Sans', sans-serif;font-size:15px}
strong{font-weight:700}.pn-wrapper img{max-width:100%}
.form-control:focus{outline: none;box-shadow: none}
.animated{-webkit-animation-duration:1000ms;animation-duration:1000ms;-webkit-animation-fill-mode:both;animation-fill-mode:both}.owl-animated-out{z-index:1}.owl-animated-in{z-index:0}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframesfadeOut{0%{opacity:1}100%{opacity:0}}@keyframesfadeOut{0%{opacity:1}100%{opacity:0}}
.pn-two-line,.pn-three-line{display: block}
.pn-wrapper{margin-bottom: 30px}
.pn-wrapper ul,.pn-wrapper ol{list-style-position: inside;padding-left: 0}
.pn-wrapper ul li{list-style: none;margin-bottom: 10px}
.pn-wrapper ul li:before{font-family: "Font Awesome 5 Free";content:"\f058";width: 16px; height: 16px; border-radius: 100%; color: #fff; background-color: #22c10d; font-size: 17px; line-height: 16px ;float: left; margin:5px 10px 0 0; text-align: center; }
.pn-wrapper img{max-width: 100%;height: auto}
.pn-header{background-color: #c60b1e;transition: all ease .3s;-moz-transition: all ease .3s;-webkit-transition: all ease .3s;margin-bottom: 30px;top:-70px}
.pn-header .container{position: relative}
.pn-header.fixed{box-shadow: 0 2px 5px rgba(0,0,0,.3);position: fixed;z-index: 99999;top: 0;width: 100%}
.pn-logo{background-color: #fff;transition: all ease .3s;-moz-transition: all ease .3s;-webkit-transition: all ease .3s;height: 80px;padding: 0 10px;border-radius: 0 0 20px 20px;box-shadow: 1px 6px 8px rgba(0, 0, 0, 0.3);position: absolute;left: 15px;top: 0}
.pn-logo img{max-width: 100%;max-height: 100%}
.pn-hotline{ font-size: 26px;line-height: 26px;float: right; font-weight: bold;margin: 20px 0 20px 70px;color: #fff}
.pn-hotline:hover{color: #fff}
.pn-hotline:before{ font-family: 'Font Awesome 5 Free'; content: "\f095";float: left;margin-right: 5px;-moz-transform: rotate(-270deg);-webkit-transform: rotate(-270deg);transform: rotate(-270deg);}
.pn-account{float: right;margin:15px 0 15px 60px}
.pn-account span{display: none;}
.pn-account ul{list-style: none;padding-left: 0;margin-bottom: 0;}
.pn-account ul li{float: left}
.pn-account ul li a{display: block;font-weight: bold;border: 1px solid #fff;border-radius: 5px;height: 35px;padding: 0 30px;line-height: 35px;color: #fff}
.pn-account ul li:nth-child(2) a{background-color: #fff;margin-left: 10px;color: #c60b1e}
.pn-account ul li a:hover{background-color: #fff;color: #c60b1e}
.pn-account.pn-user{position: relative;margin: 15px 0 0 40px;padding-bottom: 15px;}
.pn-account.pn-user > span{display: block;cursor: pointer;width: 35px;height: 35px;text-align: center;line-height: 29px;color: #fff;border: 2px solid #fff;border-radius: 100%;font-size: 20px;}
.pn-account.pn-user ul{position: absolute;top: 100%;width: 270px;z-index: 100;right: 0;background-color: #f0f0f0;box-shadow: 0 0 5px rgba(0, 0, 0, 0.24);transition: all ease .3s;transform: scaleY(0);transform-origin: top;}
.pn-account.pn-user:hover ul{transform: scaleY(1);}
.pn-account.pn-user ul li{float: none;}
.pn-account.pn-user ul li:not(:last-child){border-bottom: 1px solid #ddd;}
.pn-account.pn-user ul li a{ padding: 10px 20px; display: block; height: inherit; border-radius: 0; border: none; line-height: normal; color: #29303b; font-weight: normal; }
.pn-account.pn-user ul li a:hover,.pn-account.pn-user ul li:last-child a:hover{background-color: #ddd;color: #29303b;}
.pn-account.pn-user ul li a i{margin-right: 10px;}
.pn-account.pn-user ul li:last-child a{background-color: transparent;margin-left: 0;}
.pn-wrapper-search{width: 300px; float: right;margin: 15px 0;}
.pn-wrapper-search span{display: none;}
.pn-search{ height: 35px; background-color: #fff; padding: 0 40px 0 20px; position: relative; border-radius: 30px; box-shadow: 1px 6px 5px rgba(0, 0, 0, 0.24); }
.pn-search input{border: none;width: 100%;height: 35px;padding: 0}
.pn-search button{padding: 0;color: #c60b1e;border: none;background-color: transparent;height: 35px;position: absolute;right: 20px;top: 0}
.pn-cart{ float: right; color: #fff;font-size: 24px; line-height: 24px; margin: 20px 0 15px 60px;position: relative}
.pn-cart:hover{color: #fff}
.pn-cart span{ position: absolute; font-size: 10px; width: 20px; height: 20px; text-align: center; line-height: 20px; color: #c60b1e; border-radius: 10px; display: inline-block; background-color: #fff; top: -11px; left: calc(100% - 3px); }
.pn-title{text-align: center;font-size: 42px;font-weight: bold;margin: 0 auto 30px auto;color: #29303b;max-width: 750px;text-transform: uppercase}
.pn-sub-title{font-size: 26px;font-weight: bold;margin-bottom: 10px;}
.pn-image{overflow: hidden;position: relative;display: block;text-align: center}
.pn-image img{max-width: 100%;max-height: 100%}
.pn-button{color: #fff;border:none;background-color: #c60b1e;font-size: 26px;line-height: 31px;padding: 9px 35px 10px 35px;border-radius: 100px;display: inline-block;font-weight: bold}
.pn-button:hover{box-shadow: 0 4px 5px rgba(0,0,0,.2)}
@-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-banner{position: relative;margin-bottom: 80px}
.pn-list-course{padding-left: 0;list-style: none;margin-bottom: 0;border: 1px solid #f0f0f0;text-align: center}
.pn-list-course ul{margin-bottom: 0;padding-left: 0;list-style: none;background-color: #fbfbfbc0;}
.pn-list-course ul li ul{display: none;border-top: 1px solid #f0f0f0;background-color: #fff;}
.pn-list-course ul li ul li a{color: #000;}
.pn-list-course ul li.pn-parent{position: relative}
.pn-list-course ul li.pn-parent.active .fa:before{content: "\f139";}
.pn-list-course ul li.pn-parent > a{padding-left: 30px;padding-right: 30px;}
.pn-list-course ul li.pn-parent .fa{position: absolute;z-index: 1;right: 10px;top: 16px;cursor: pointer;}
.pn-list-course ul li.pn-parent.active ul{display: block;}
.pn-list-course li:not(:last-child){border-bottom: 1px solid #f0f0f0}
.pn-list-course > li:not(:last-child){border-bottom-color: #fff}
.pn-list-course > li:first-child > a{padding: 0;}
.pn-list-course > li:not(.active) ul{display: none;}
.pn-list-course li strong{background-color: #f0f0f0;cursor: pointer;}
.pn-list-course li strong,.pn-list-course li a{display: block;padding: 11px 5px}
.pn-course{background-color: #f8f9fd;padding: 40px 0;margin-bottom: 60px}
.pn-course:not(.pn-combo-course) .row [class*='col-']:nth-child(4n + 1){clear: both}
.pn-course .row [class*='col-']:nth-child(even) .pn-item .pn-image:before{background-color: #1645a9}
.pn-course .pn-item{transition: all ease .5s;text-align: center;border: 1px solid #e9e9e9;margin-top: 130px;background-color: #fff;padding: 0 5px 20px 5px}
.pn-course .pn-item .pn-name{font-size: 22px;font-weight: bold;text-transform: uppercase;margin-bottom: 10px}
.pn-course .pn-item .pn-name + p{font-size: 14px}
.pn-course .pn-item .pn-price{margin-bottom: 30px}
.pn-course .pn-item .pn-price span{display: block}
.pn-course .pn-item .pn-price span strong{color: #c60b1e;font-size: 26px}
.pn-course .pn-item .pn-price span del{color: rgba(41,48,59,.5)}
.pn-course .pn-item .pn-image{margin: -105px -5px 15px -5px;position: relative;border-radius: 0 0 50% 50%}
.pn-course .pn-item .pn-image:before{content: "";position: absolute;width: 100%;height: calc(100% - 100px);background-color: #c60b1e;bottom: 0;left: 0}
.pn-course .pn-item .pn-image img{position: relative;z-index: 1}
.pn-course .pn-item .pn-wrapper-rating{padding: 0 15px}
.pn-course .pn-item .pn-wrapper-rating span:last-child{color: rgba(41,48,59,.5);float: right;line-height: 15px}
.pn-course .pn-item .pn-wrapper-rating .pn-rating{ background: url(../img/star_s.png) repeat-x; width: 100px; height: 15px; background-position: 0 -15px; margin: 0 auto; position: relative; float: left; }
.pn-course .pn-item .pn-wrapper-rating .pn-rating span{ position: absolute; width: 0; height: 100%; background: url(../img/star_s.png) repeat-x; background-position: 0 0; left: 0; top: 0; margin: 0; }
.pn-combo-course{background-color: #fff;padding: 0 !important;text-align: center;}
.pn-combo-course .row{justify-content: center;}
.pn-combo-course .pn-item{background-color: #f8f9fd;margin: 0 0 30px 0;border: none;padding: 25px;transition: inherit;}
.pn-combo-course .pn-item .pn-name{font-size: 26px;}
.pn-combo-course .pn-item .pn-image{margin: 0 0 30px 0;border-radius: 0;box-shadow: 0 10px 20px rgba(35,31,32,.6);display: inline-block;}
.pn-combo-course .pn-item .pn-image:before{display:none !important}
.pn-combo-course .pn-item .pn-add-cart{display: inline-block;font-size: 15px;color: #c60b1e;border: 1px solid #c60b1e;line-height: 20px;padding: 9px 15px;border-radius: 20px;}
.pn-combo-course .pn-item .pn-add-cart .fa{margin-right: 10px;}
.pn-combo-course .pn-item .pn-add-cart:hover{background-color: #c60b1e;color: #fff;}
.pn-combo-course .pn-item .pn-price{margin-bottom: 10px;}
.pn-combo-course .pn-item .pn-price span{display: inline-block;margin-bottom: 10px;}
.pn-combo-course .pn-item .pn-price span del{margin-left: 10px;}
.pn-advantages{ padding: 40px 80px; background-color: #f6f6f6; border-radius: 20px;margin-bottom: 140px}
.pn-advantages .pn-iframe{background-image: url(../img/bg-pc.png); background-repeat: no-repeat; background-size: contain; background-position: bottom right; position: absolute; right: 0; width: 100%;padding: 4% 22% 20% 13.5%}
.pn-advantages .pn-iframe .pn-video{cursor: pointer;width: 100%;height: 100%;position: relative;background-color: #000;margin-top: -3px;margin-left: 4px}
.pn-advantages .pn-iframe .pn-video .fa{width: 60px; height: 45px; border-radius: 10px; background-color: rgba(0,0,0,.6); color: #fff; text-align: center; font-size: 20px; line-height: 46px; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); }
.pn-advantages .pn-iframe .pn-video.active .fa{display: none}
#myModal iframe{width: 100%;height: 300px;}
.modal-open .modal{padding-right: 0 !important;}
.modal-title{font-size: 20px;line-height: 25px;font-weight: bold;}
.pn-feel{padding: 40px 0;margin-bottom: 100px;background-image: url(../img/bg-feel.jpg);background-attachment: fixed;background-repeat: no-repeat;background-size: cover;background-position: top center;position: relative}
.pn-feel .owl-carousel{padding: 0 65px}
.pn-feel:before{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.8)}
.pn-feel .pn-title{position: relative;z-index: 1;color: #fff;margin-bottom: 60px}
.pn-feel .pn-button{position: relative;z-index: 1;margin-top: 20px}
.pn-feel .owl-item{padding: 10px 10px 20px 60px}
.pn-feel .owl-item:not(.center){opacity: 0.8}
.pn-feel .owl-item.center .pn-item{box-shadow: 0 7px 10px rgba(255,255,255,.5)}
.pn-feel .owl-carousel .owl-nav>div{font-size: 60px;line-height: 60px;height: auto;color: #fff;margin-top: 0;transform: translateY(-50%);-moz-transform: translateY(-50%);-webkit-transform: translateY(-50%);margin-top: -15px}
.pn-feel .owl-carousel .owl-nav>div.owl-prev{left: 0}
.pn-feel .owl-carousel .owl-nav>div.owl-next{right: 0}
.pn-feel .pn-item{background-color: #fff;border-radius: 20px;position: relative;padding: 20px 15px 30px 80px}
.pn-feel .pn-item .pn-avatar{display: block;position: absolute;width: 120px;height: 120px;border: 10px solid #fff;border-radius: 100%;top: 50px;left: -50px;overflow: hidden;background-color: #fff;}
/* .pn-feel .pn-item .pn-avatar img{min-height: 100%;width: auto;min-width: 100%} */
.pn-feel .pn-item .pn-avatar img{width: 100%}
.pn-feel .pn-item .pn-name{text-transform: uppercase;font-weight: bold;font-size: 16px;color: #373737;margin-bottom: 15px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}
.pn-feel .pn-item .pn-content{ color: #373737; height: 130px; overflow-y: hidden;padding-right: 10px}
.pn-feel .pn-item .pn-content:hover{ color: #373737; height: 130px; overflow-y: scroll;padding-right: 10px}
.pn-feel .pn-item .pn-content::-webkit-scrollbar { width: 1px; }
.pn-feel .pn-item .pn-content::-webkit-scrollbar-track { background: #f1f1f1; }
.pn-feel .pn-item .pn-content::-webkit-scrollbar-thumb { background: #888; }
.pn-feel .pn-item .pn-content::-webkit-scrollbar-thumb:hover { background: #555; }
.pn-subcribe{margin-bottom: 40px}
.form-subcribe{ background-color: #c60b1e; padding: 40px 70px 30px 70px;box-shadow: 0 4px 54px rgba(133, 133, 133, .18); border-radius: 20px; text-align: center;margin: 0 190px}
.form-subcribe .pn-title{position: relative; padding-bottom: 20px;color: #fff;text-transform: capitalize}
.form-subcribe .pn-title:before{content: "";position: absolute;width: 160px;height: 1px;background-color: #fff;bottom: 0;left: 50%;transform: translateX(-50%);-moz-transform: translateX(-50%);-webkit-transform: translateX(-50%)}
.form-subcribe .pn-title:after{ font-family: "Font Awesome 5 Free"; content: "\f005"; font-size: 16px; position: absolute; bottom: -8px; left: 50%; width: 40px; background-color: #c60b1e; transform: translateX(-50%); -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); }
.form-subcribe .row{margin: 0 -15px}
.form-subcribe .row [class*='col-']{padding: 0 15px}
.form-subcribe .form-control{ border: none; border-bottom: 1px solid #fff; border-radius: 0; box-shadow: none; padding: 0; height: 35px; margin-bottom: 20px; font-size: 15px;color: #fff;font-weight: 300;background-color: transparent}
.form-subcribe .form-control::-webkit-input-placeholder {color: #fff}
.form-subcribe .form-control:-ms-input-placeholder {color: #fff}
.form-subcribe .form-control::placeholder {color: #fff}
.form-subcribe .form-control option{color: #000}
.form-subcribe textarea.form-control{resize: none;padding-top: 10px}
.form-subcribe .pn-button{ background-color: #fff; color: #c60b1e; text-transform: uppercase; border-radius: 0;margin-top: 20px}
.form-subcribe .captcha-field .form-control{text-align: left}
.captcha-field { position: relative}
.captcha-field>input { padding-right: 110px !important}
.captcha-field>span { position: absolute; right: 0; top: 0}
.footer-area { background-color: #f8f9fd; padding-top: 30px; border-bottom: 0; border-top: 0; }
footer{background-color: #f8f9fd;padding-top: 30px}
footer .pn-wrapper{margin-bottom: 0;}
footer .row [class*='col-']{margin-bottom: 30px}
footer .pn-title{text-align: left;font-size: 22px;margin-bottom: 15px}
footer ul{margin-bottom: 0;list-style: none;padding-left: 0}
footer ul li:not(:last-child){margin-bottom: 5px}
.pn-copyright{padding: 35px 0;text-align: center}
.pn-gotop { position: fixed; bottom: 160px; right: 20px; width: 45px; height: 45px; text-align: center; line-height: 46px; font-size: 25px; background-color: #0e5077; color: #fff; border-radius: 4px; z-index: 99;border-radius: 100px;}
.pn-gotop:hover, .pn-gotop:focus { color: #fff}
.coccoc-alo-ph-img-circle { font-size: 25px; text-align: center; line-height: 50px; width: 50px; height: 50px; bottom: 10px; left: 10px; position: absolute; border-radius: 100% !important; border: 2px solid transparent; -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; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; background-color: #00aff0; color: #fff}
.pn-mobile-phone{position: fixed;bottom: 15px;left: 15px;z-index: 100;display: none}
.pn-mobile-phone .coccoc-alo-ph-img-circle { background-color: #1e9546;position: inherit;display: block}
.coccoc-alo-skype { position: fixed; background-color: transparent; width: 60px; height: 60px; cursor: pointer; z-index: 99 !important; -webkit-backface-visibility: hidden; -webkit-transform: translateZ(0); transition: visibility .2s; right: 15px; bottom: 150px; -webkit-transition: right .2s; -moz-transition: right .2s; -o-transition: right .2s}
.pn-replace.pn-zalo { right: 80px;background: url(../img/icon.png) no-repeat;text-indent: -9999px;background-position: 0 -64px;display: none}
.pn-replace {position: fixed; z-index: 9999; right: 15px; bottom: 15px; box-shadow: 0 0 5px rgba(0,0,0,.23); border-radius: 100%; width: 50px; height: 50px}
.pn-replace * {max-width: 100%; max-height: 100%}
.wrapper-step{background-color: #505763;padding: 20px 0;text-align: center}
.wrapper-step ul li.active:before{border-color: #c60b1e}
.wrapper-step ul li.active span{border-color: #c60b1e}
.wrapper-step ul li.active p {color: #fff;font-weight:bold;}
@keyframes move-forever { 0% { transform: translate3d(-90px, 0, 0)} 100% { transform: translate3d(85px, 0, 0)} }
@media only screen and (min-width: 1500px){
	.container{max-width: 1470px}
}
@media (min-width: 992px){
	.pn-header.fixed{box-shadow: 0 2px 5px rgba(0,0,0,.3);position: fixed;z-index: 99999;top: 0;width: 100%}
	
	.pn-replace.pn-zalo{right: 15px;bottom: 75px}
	.pn-course .pn-item:hover{transform: scale(1.2);position: relative;z-index: 1;}
	.pn-combo-course.pn-course .pn-item:hover{transform: scale(1);}
}
@media (max-width: 1499px){
	.pn-button{font-size: 20px}
	.pn-title{font-size: 33px}
	.pn-logo{height: 80px}
	.pn-account{margin: 15px 0 15px 40px}
	.pn-account.pn-user{padding-bottom: 17px;}
	.pn-wrapper-search{margin: 15px 0;width: 250px}
	.pn-cart{margin: 20px 0 20px 30px}
	.pn-hotline{font-size: 20px;margin: 20px 0 20px 30px}
	.pn-banner{margin-bottom: 40px}
	.pn-advantages,.pn-feel,.pn-course{margin-bottom: 40px}
	.form-subcribe{margin: 0 100px}
	.pn-course .pn-item .pn-name,.pn-course .pn-item .pn-price span strong{font-size: 16px}
	.pn-combo-course{margin-bottom: 10px;}
}
@media (max-width: 1199px){
	.form-subcribe{margin: 0 auto;width: 90%}
	.pn-feel .owl-item:not(.center){opacity: 1}
	footer .pn-title{font-size: 20px;}
	.pn-copyright{padding: 20px 0;}
}
@media (max-width: 991px){
	body{padding-top: 0}
	.container{max-width: 100%}
	.pn-header{position: initial}
    .coccoc-alo-skype { bottom: 15px; right: auto; left: 90px}
	.coccoc-alo-skype.coccoc-alo-phone,.pn-replace,.pn-mobile-phone,.pn-replace.pn-zalo{ display: block}
	.pn-replace.pn-zalo{right: 15px;bottom: 85px}
	.form-subcribe .row{margin: 0 -15px}
	.form-subcribe .row [class*='col-']{padding: 0 15px}
	.pn-course{padding: 40px 0;}
	.pn-hotline{display: none;}
	footer{margin-top: 30px}
	.pn-feel{padding: 50px 0}
	.pn-feel .pn-title{margin-bottom: 30px}
	.pn-advantages{padding: 50px}
	.pn-hotline{padding-left: 50px}
	.pn-hotline:before{font-size: 20px;top: -5px; width: 40px; height: 40px; border-radius: 100%; background-color: #c60b1e; text-align: center; color: #fff; line-height: 40px; }
	.pn-course:not(.pn-combo-course) .row [class*='col-']:nth-child(4n + 1){clear: inherit;}
	.pn-course:not(.pn-combo-course) .row [class*='col-']:nth-child(2n + 1){clear: both;}
	.pn-account span{ display: inline-block; width: 45px; height: 45px; text-align: center;border-radius: 100%; line-height: 45px; font-size: 22px; color: #fff; cursor: pointer; }
	.pn-account{position: relative;margin-bottom: 0;padding-bottom: 11px;margin: 10px 0 0 30px;}
	.pn-account ul{position: absolute;top: 100%;right: 0;background-color: #fff;z-index: 100;width: 170px;box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.24);transition: all ease .3s;transform: scaleY(0);transform-origin: top;}
	.pn-account ul li{float: none;}
	.pn-account ul li:not(:last-child){border-bottom: 1px solid #f0f0f0;}
	.pn-account ul li a,.pn-account ul li:nth-child(2) a{color: #29303b;padding: 10px;line-height: normal;font-weight: normal;height: inherit;border: none;border-radius: 0;}
	.pn-account ul li a:hover{background-color: #f0f0f0;color: #c60b1e !important;}
	.pn-account ul li:last-child a{margin-left: 0;}
	.pn-account span.active + ul{transform: scaleY(1);}
	.pn-cart{margin: 22px 0 20px 30px;}
	.pn-sub-title{font-size: 18px;}
}
@media only screen and (min-width: 768px){
	.pn-banner .row{flex-direction: row-reverse;}
}
@media (max-width: 767px){
	.pn-title{font-size: 30px}
	.pn-banner,.pn-course{margin-bottom: 30px;}
	.pn-course{padding: 30px 0;}
	.pn-combo-course.pn-course{margin-bottom: 0;}
	.pn-combo-course.pn-course .row [class*='col-']{max-width: 50%;flex: 0 0 50%;}
	.form-subcribe{margin: 0;padding: 30px;width: 100%}
	.form-subcribe .row{margin: 0 -15px}
	.form-subcribe .row [class*='col-']{padding: 0 15px}
	.form-subcribe .form-control{font-size: 14px}
	.captcha-field{width: 100%}
	.pn-advantages{padding-bottom: 20px}
	.pn-advantages .row [class*='col-']{margin-bottom: 30px}
	.pn-advantages .pn-iframe{position: initial}
	.pn-copyright{text-align: left;padding-bottom: 70px;}
	.pn-wrapper-search{width: 260px;}
	.pn-advantages .row [class*='col-'],.pn-banner .row [class*='col-']{ flex: 0 0 100%; max-width: 100%; }
	.pn-banner .owl-carousel{margin-bottom: 30px;}
}
@media (max-width: 570px){
	.coccoc-alo-skype, .coccoc-alo-skype .coccoc-alo-ph-img-circle, .pn-replace,.pn-mobile-phone{ width: 50px; height: 50px; line-height: 46px; position: fixed;bottom: 10px}
    .pn-replace.pn-zalo { right: 75px;bottom: 10px;}
    .coccoc-alo-ph-img-circle { font-size: 20px;width: 50px; height: 50px; line-height: 50px}
    .coccoc-alo-skype.coccoc-alo-phone { left: 20px}
	.coccoc-alo-skype { left: 80px; bottom: 10px}
	.pn-gotop{bottom: 90px}
	.pn-header .pn-hotline{display: none}
	.pn-wrapper-search{width: 45px;height: 20px; padding-bottom: 20px; margin: 20px 0 0 35px}
	.pn-wrapper-search > span{ width: 45px; height: 45px; background-color: #fff; text-align: center; line-height: 45px; border-radius: 100%; display: inline-block; cursor: pointer;color: #c60b1e;}
	.pn-search{ position: absolute; left: 0; width: 100%; top: 100%; z-index: 101; transition: all ease .3s; transform: scaleY(0); transform-origin: top; border-radius: 0 0 20px 20px; }
	.pn-wrapper-search > span.active + .pn-search{transform: scaleY(1);}
	.pn-advantages{padding: 30px}
	.pn-advantages .pn-iframe{background: none;padding: 0}
	.pn-advantages .pn-iframe .pn-video{margin: 0;border-radius: 5px}
	.pn-feel .owl-carousel{padding: 0}
	.pn-feel .owl-item.center .pn-item{box-shadow: none}
	.pn-course .row [class*='col-']{width: 50%;float: left;}
	.pn-course .pn-item .pn-price{margin-bottom: 15px}
	.pn-course .pn-item .pn-name, .pn-course .pn-item .pn-price span strong{font-size: 17px}
	.pn-course .pn-item .pn-wrapper-rating > span:last-child{display: none;}
	.pn-course .pn-item .pn-wrapper-rating .pn-rating{float: none;display: inline-block; vertical-align: top;}
	.pn-logo{height: 70px;}
	.pn-cart{font-size: 20px;line-height: 20px;margin: 21px 0 20px 0;}
	.pn-account{margin: 20px 0 0 35px;padding-bottom: 20px;}
	.pn-account.pn-user{padding-bottom: 20px; margin: 20px 0 0 35px}
	.pn-account span,.pn-wrapper-search > span{background-color: transparent;color: #fff;width: auto;height: auto;line-height: 20px;font-size: 20px;}
	.pn-account.pn-user > span{width: auto; height: auto; line-height: 20px; font-size: 20px; border: none; }
}
@media (max-width: 480px){
	.pn-advantages .pn-button{width: 100%}
	.pn-logo{float: none;display: inline-block}
	.pn-title{font-size: 25px}
	.pn-banner{margin-bottom: 30px}
	.pn-advantages{padding-bottom: 0}
	.pn-feel .pn-button{display: none}
	.pn-feel{padding: 30px 0}
	.pn-course .row [class*='col-']{width: 100%;}
	#myModal iframe{height: 250px;}
	.pn-combo-course.pn-course .row [class*='col-']{max-width: 100%;flex: 0 0 100%;}
}
@media (max-width: 370px){
	.pn-advantages{padding: 0;background-color: transparent;margin-bottom: 0}
	.pn-feel .pn-item .pn-avatar{ width: 100px; height: 100px; border-width: 5px; left: 50%; top: -50px; z-index: 1; transform: translateX(-50%); }
	.pn-feel .owl-item{padding: 40px 0 0 0}
	.pn-feel .owl-item .pn-item{ padding: 65px 15px 15px 15px; text-align: center; }
	.pn-button{font-size: 18px}
}
