@media (min-width: 1700px){

}
@media (max-width: 1700px){
    .home-main h1 {
        font-size: 56px;
    }
    .home-main h4 {
        font-size: 16px;
    }
    .home-main h4 {
        margin-top: 30px;
        margin-bottom: 50px;
    }
    .avantaje .avantaj-item {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .avantaje .avantaj-image-border {
        width: 220px;
        height: 220px;
    }
    .avantaje .avantaj-image {
        width: 170px;
        height: 170px;
    }
    .avantaje .avantaj-image-border img {
        width: 150px;
        height: 150px;
    }
    .course-author .course-author-border {
        width: 400px;
        height: 400px;
    }
    .course-author .course-author-border img {
        width: 350px;
        height: 350px;
    }
}
@media(max-width: 1560px){

}
@media(max-width: 1300px){

}
@media(max-width: 1100px){

}
@media(max-width: 993px){
    .topbar{
        display: none;
    }
    .navigation{
        top: 0;
        background-color: #444444!important;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
        z-index: 99;
    }
    .navbar-brand {
        width: 180px;
    }
    .logo {
        width: 180px;
    }
    .desktop-navbar {
        align-items: flex-start;
        flex-direction: column;
    }
    .home-main:after {
        display: none!important;
    }
    .home-main h1 {
        font-size: 77px;
    }
    .home-main h4 {
        font-size: 16px;
    }
    .home-bg-video {
        height: 100vh;
        object-fit: cover;
    }
    .why-online .col-md-7 .col-md-6 {
        flex: 0 0 auto;
        width: 1000%;
    }
    .wo-bg {
        font-size: 72px;
    }
    .wo-banket {
        position: absolute;
        left: -100px;
        top: 165px;
        width: 404px;
    }
    .why-online .col-md-7 h5 {
        margin-top: 15px;
    }
    .courses {
        margin: 0;
        background-image: none;
        background-color: #4e4e4e;
    }
    .courses .col-md-4 {
        flex: 0 0 auto;
        width: 50%;
    }
    .course-card .course-description {
        padding: 50px 20px;
    }
    .auditoriu .col-md-6 {
        display: none!important;
    }
    .auditoriu .col-md-3 {
        flex: 0 0 auto;
        width: 50%;
    }
    .auditoriu .auditoriu-item {
        height: 250px;
        margin-top: 20px;
    }
    .auditoriu .auditoriu-action {
        margin-top: 0;
    }
    .trial {
        padding-top: 0;
        padding-bottom: 90px;
    }
    .trial .money-back {
        margin-top: 10px;
        border-radius: 75px;
        height: 400px;
    }
    .trial .money-back-desc {
        height: 365px;
        border-radius: 75px;
        padding: 25px;
    }
    .trial .money-back-desc .row{
        height: 100%;
    }
    .reduceri{
        background-image: none;
        background-color: #4e4e4e;
    }
    .reduceri .reduceri-border-circle {
        width: 330px;
        height: 330px;
    }
    .reduceri .reduceri-circle {
        width: 280px;
        height: 280px;
    }
    .reduceri .reduceri-circle {
        font-size: 110px;
    }
    .reduceri .reduceri-item {
        padding-top: 10px;
    }
    .reduceri .reduceri-item h3 {
        font-size: 18px;
    }
    .reduceri .reduceri-item p {
        font-size: 14px;
    }
    .alegere-ideala .special-offer {
        margin-top: 10px;
        height: 300px;
        border-radius: 75px;
    }
    .alegere-ideala .special-offer-desc {
        height: 265px;
        border-radius: 75px;
        padding: 10px;
    }
    .alegere-ideala .special-offer-desc h1 {
        font-size: 27px;
    }
    .steps {
        padding-top: 0;
    }
    .steps .steps-bg {
        display: none;
    }
    .steps .steps-border-circle {
        width: 210px;
        height: 210px;
    }
    .steps .steps-circle {
        width: 170px;
        height: 170px;
        font-size: 72px;
    }
    .steps .steps-circle span {
        font-size: 20px;
        margin-top: 39px;
    }
    .steps .steps-item h2 {
        font-size: 24px;
    }
    .diploma{
        background-image: none;
        background-color: #4e4e4e;
    }
    .diploma h3 {
        font-size: 21px;
        margin-bottom: 25px;
    }
    .diploma h3:before {
        top: 7px;
    }
    .oferta-speciala .special-offer {
        margin-top: 10px;
        border-radius: 75px;
        height: 400px;
    }
    .oferta-speciala .special-offer-desc {
        height: 367px;
        border-radius: 75px;
        padding: 10px;
    }
    .team .team-item-border {
        width: 300px;
        height: 300px;
    }
    .team .team-item-border img {
        width: 250px;
        height: 250px;
    }
    .faq{
        background-image: none;
        background-color: #4e4e4e;
    }
    .video-gallery .col-md-4 {
        flex: 0 0 auto;
        width: 50%;
    }
    .home-contacts .home-contacts-area {
        border-radius: 75px;
    }
    .home-contacts .home-contacts-map {
        border-radius: 75px;
    }
    .home-contacts .contacts-data-telefon {
        flex-direction: column;
    }
    .home-contacts .contacts-data-telefon div {
        width: 100%;
    }
    .footer .footer-logos .secondary-logo {
        width: 100px;
    }
    .footer .soccial-links img {
        max-width: 22px;
    }
    .footer .payment-links {
        margin-top: 20px;
    }
    .footer .payment-links img {
        width: 35px;
        margin-bottom: 15px;
    }
}
@media(max-width: 768px){
    .topbar{
        display: none!important;
    }
    .navigation{
        top: 0;
        background-color: #444444!important;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
        z-index: 99;
    }
    .home-main h1 {
        font-size: 45px;
    }
    .home-main h4 {
        font-size: 16px;
        margin-bottom: 20px;
    }
    .home-main .circle-video {
        margin-top: 20px;
        margin-bottom: 50px;
    }
    .home-main .home-video-button {
        flex-direction: column-reverse;
        align-items: flex-start;
    }
    .wo-bg {
        display: none;
    }
    .wo-banket {
        display: none;
    }
    .why-online .col-md-7 h5 {
        margin: 10px 40px;
    }
    .why-online .col-md-7 p {
        margin: 10px 40px;
    }
    .courses .col-md-4 {
        flex: 0 0 auto;
        width: 100%;
    }
    .auditoriu .auditoriu-bg-text {
        font-size: 52px;
    }
    .auditoriu .col-md-3 {
        flex: 0 0 auto;
        width: 100%;
    }
    .auditoriu .auditoriu-item {
        margin: 0 40px;
        height: auto;
    }
    .auditoriu .auditoriu-action {
        margin-top: 15px;
    }
    .auditoriu h1 {
        margin-bottom: 30px;
    }
    .auditoriu .auditoriu-item h3 {
        font-size: 18px;
    }
    .auditoriu .auditoriu-item h3:before {
        top: 6px;
    }
    .trial .col-md-4{
        display: none;
    }
    .trial .money-back-desc{
        height: 377px;
    }
    .trial .money-back-desc h1 {
        font-size: 24px;
    }
    .trial .money-back-desc h5 {
        font-size: 14px;
    }
    .trial .money-back-desc {
        padding: 50px;
    }
    .reduceri .reduceri-item {
        padding-top: 20px;
        margin: 0 40px;
    }
    .reduceri-num {
        margin-top: 50px;
        display: flex;
        justify-content: center;
    }
    .alegere-ideala .special-offer-desc h1 {
        font-size: 21px;
    }
    .alegere-ideala .special-offer-desc {
        padding: 20px;
    }
    .steps .steps-bg-text {
        font-size: 52px;
    }
    .footer .footer-logos {
        flex-direction: column;
    }
    .wo-banket {
        width: 200px;
    }
    .diploma h3 {
        margin-left: 35px;
        margin-right: 35px;
    }
    .diploma .btn-outline-vspa {
        margin-bottom: 15px;
    }
    .diploma-border{
        margin-top: 30px;
    }
    .oferta-speciala .special-offer-price-title {
        font-size: 27px;
    }
    .team {
        padding-top: 0;
    }
    .video-gallery .col-md-4 {
        flex: 0 0 auto;
        width: 100%;
    }
    .oferta-speciala .special-offer-desc {
        height: 380px;
    }
    .home-contacts .contacts-data {
        width: 100%;
    }
    .home-contacts {
        padding-bottom: 0;
    }
    .home-contacts .home-contacts-map {
        height: 480px;
    }
    .footer .col-md-6{
        margin-top: 40px;
        margin-bottom: 40px;
    }
    .footer .footer-logos {
        flex-direction: column;
    }
    .footer .footer-logos a {
        width: 100%;
        text-align: center;
    }
    .footer .footer-logos .secondary-logo {
        width: 50%;
        margin-bottom: 15px;
    }
    .pages-header {
        padding-top: 56px;
        height: 250px;
    }
    .contacts-page .contacts-page-item {
        margin-top: 30px;
    }
    .about-course .col-md-8 h5 {
        margin-left: 30px;
    }
    .about-course .btn-outline-vspa {
        display: none;
    }
    .cron-areas {
        justify-content: space-between;
        flex-direction: column;
        height: 600px;
    }
    .cron-timeline {
        width: 5px;
        height: 100%;
        display: none;
    }
    .what-help .money-back {
        height: 900px;
    }
    .what-help .money-back-desc {
        height: 850px;
    }
    .cron .bottom {
        padding-top: 30px;
    }
    .cron .top {
        padding-top: 30px;
    }
    .cron-area:after {
        top: 10px;
        width: 20px;
        height: 20px;
    }
    .right-geometric {
        background-image: none;
        background-color: #4e4e4e;
    }
    .left-geometric-small {
        background-image: none;
        background-color: #4e4e4e;
    }
    .avantaj-item{
        display: flex;
        align-items: center;
        flex-direction: column;
    }
    .course-author .course-author-border {
        width: 350px;
        height: 350px;
        margin-bottom: 30px;
    }
    .course-author .course-author-border img {
        width: 300px;
        height: 300px;
    }
    .author-row{
        display: flex;
        flex-direction: column-reverse;
    }
    .home-contacts #map{
        display: none;
    }
    .faq .faq-more{
        display: flex;
        justify-content: center;
    }


    .logo-black{
        display: none;
    }
    .logo-white{
        display: block!important;
    }
    .courses-filter {
        flex-direction: column;
    }
    .courses-filter .courses-filter-item {
        width: 100%;
        text-align: center;
        margin-top: 15px;
    }
    .courses-filter .active:before {
        content: none;
    }
    .footer-links{
        display: none;
    }
    .footer-copyrights{
        display: none;
    }
    .course-video iframe {
        width: 100%;
        height: 223px;
    }
    .course-padding {
        margin-top: 15px;
    }
    .course-content {
        margin-top: 5px;
    }
    .cookie-modal {
        height: 190px;
        padding: 15px;
        flex-direction: column;
    }
}
@media(max-width: 600px){

}
@media(max-width: 500px){

}