.only_tablet, .only_mobile{
	display:none !important;
}
.only_desktop{
	display:inline !important;
}
.h-title{
	font-size: 1.25rem;
}
.m-title{
	font-size: 2.4rem;
}
.s-title{
	font-size: 1.25rem;
}
main > section > .container-fluid > .container {
    padding-top: 75px;
    padding-bottom: 75px;
}
.bgc.oflow{
	margin:50px 0 70px;
}

.btn.action{
	padding: 1rem 2rem;
    font-size: 1.025rem;
}
.bgc .btn-outline-secondary {
    font-size: .95rem;
    padding: 0.75rem 1.5rem;
}
.dropdown-menu {
    --bs-dropdown-padding-x: 0.25rem;
    --bs-dropdown-padding-y: 0.5rem;
    --bs-dropdown-spacer: 0;
    --bs-dropdown-font-size: .95rem;
    --bs-dropdown-item-padding-x: 1rem;
    --bs-dropdown-item-padding-y: 0.25rem;
    margin: -1px 0 0 0;
}
@media (min-width: 1200px) {
.dropdown:hover > .dropdown-menu {
	display: block;
	margin-top: 0;
	transition: all .2s;
}
}
.modal{
	--bs-modal-width: 950px;
    --bs-modal-padding: 1.5rem 2rem .5rem;
	--bs-modal-header-padding: 1.5rem 2rem 1rem;
	--bs-modal-footer-gap: 2rem;
}
.modal-body{
	font-size:.95rem;
}
p.modalHeading {
    font-size: 1.15rem;
}
.modal-body p {
	margin: 0 0 1.25rem;font-size:.95rem;
}
.modal-body em {
	font-size: .8rem;
}
.modal-body td{
	padding: 7px 5px;
}
.modal-body table p{
	font-size: .85rem;
}
.modal-body td:first-child {
	width: 20%;
}
sup.tt {
    font-size: .7rem;
}
.ratings {
    margin-bottom: 0.5rem;
    line-height: 16px;
}
.rating-stars {
    margin-right: 0.25rem;
    font-size: 16px;
    line-height: 16px;
}
.full-stars {
    left: 0px;
    top: 0px;
}
.ratings .times {
	font-size: .95rem;
}
.video-bg{
	width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
	z-index:9;
	display: flex;
}
.video-embed {
    position: absolute;
    padding-bottom: 56.25%;
    height: 0;
    width: 100%;
	z-index:5;
    overflow: hidden;
    border-radius: 1rem;	
}
main{
	margin-bottom:2rem;
}
.index main{
	margin-bottom:0rem;
}
.arrows.down, .sign.plus, .sign.equal{
	display:none;
}
/* menu */
.navbar-brand{
	background-image:url(../images/penta-logo.svg);
	width: 40px;
    height: 40px;
    margin-right: 0.5rem;
}
.header-menu{
	padding:0;
	border-bottom:1px solid var(--border-color);
}
.header-menu .nav-link{
	font-size:.95rem;
	padding: 25px .5rem;
}
/* header */
header .container{
	padding-top: 50px;
	padding-bottom: 50px;
}
header .row .col-md-6:first-child, .training-end .row .col-md-6:first-child{
	padding-right:10%;
}

header .m-title{
	font-size:3rem;
    line-height: 1.05;
    margin: 0 0 1.1rem;
}
header .s-title, .training-end .s-title{
	margin-bottom:1.5rem;
}
header .s-text, .training-end .s-text {
    top: 30px;
    left: 30px;
    font-size: 1.2rem;
    line-height: 1.35;
    width: max-content;
    padding: 25px;
}

/* footer */

#footer{
	font-size: .925rem;
    padding: 1.75rem 0;
}
#footer .brand{
	font-size:1rem;
}
#footer img {
    margin: 0.25rem 0 0.75rem;
}


@media (max-width: 1399.98px){

:root{
	font-size:14px;
}
.countdown {
    margin-left: -270px;
    width: 540px;
}
header .m-title {
    font-size: 2.75rem;
}
main .bgc.oflow .video-container {
    top: calc(50% - 160px);
}
main .reviews .box.slide {
    height: 300px;
}
.reviews-slider-cont {
    top: calc(50% - 180px);
}
main .r3 .rline {
    left: -22.5px;
}
main > section > .container-fluid.oflow .container{
    padding-top: 50px;
    padding-bottom: 50px;
}
.course .left {
    width: 100px;
}
.email-form textarea {
    height: 152px;
}
}

@media (max-width: 1199.98px){
:root{
	font-size:13px;
}
main > section > .container-fluid > .container {
    padding-top: 60px;
    padding-bottom: 60px;
}
body .header-menu {
    padding: 1rem 0;
}
body header .row .col-md-6:first-child, body .training-end .row .col-md-6:first-child {
   padding-right: calc(var(--bs-gutter-x) * 0.5);
}
main .bgc.oflow .video-container {
    top: calc(50% - 135px);
}
main .r-box {
    width: 190%;
}
main .r3 .r-box {
    margin-left: -45%;
    width: 180%;
}
main .r3 .rline {
    left: -21.5px;
}
.email-form textarea {
    height: 146px;
}
}

