@media (max-width: 1000px) {

    .section-course .image{
        display: none;
    }
    
    .section{
        &-banner{
            .carousel{
                img{
                    height: 350px;
                    width: inherit !important;
                    position: relative;
                    left: 50%;
                    transform: translateX(-50%);
                }
            }
        }

        &-course{
            padding: 60px 0;
        }

        &-units{
            .text{
                margin-top: 30px;
            }
        }
    }

}

@media (max-width: 767px) {

    .section-learn .image,
    .section-results .image{
        display: none;
    }

    .text{
        &-title{
            font-size: $base-line * 1.25;
        }
    }
    
    .header{
        .row{
            .col{
                display: flex;
                justify-content: center;
            }
        }

        &-logo{
            max-width: 200px;
        }

        &-right{
            margin-top: 30px;
        }
    }

    .section{
        &-banner{
            background-color: #eb2347;

            .owl-carousel .owl-item{
                img{
                    display: none;

                    &.mob{
                        display: block;
                    }
                }
            }

            .row{
                padding: 30px 0;
                position: relative;
                top: inherit;
                left: inherit;
                transform: inherit;
            }
        }

        &-address{
            .box-address{
                flex-direction: column;
                align-items: flex-start;

                a{
                    margin-top: 20px;
                }
            }
        }

        &-learn,
        &-results{
            padding: 60px 0;
        }

        &-registration{
            .d-flex{
                flex-direction: column;
            }

            .btn{
                margin: 20px 0 0 0;
            }
        }
    }

    .footer{
        padding: 50px 0;

       .row{
           .col{
               display: flex;
               align-items: center;
               flex-direction: column;
           }
       } 

       .box-address{
           margin-top: 30px;
       }
    }

}