@font-face {
    font-family: kanit-regular;
    src: url(Kanit-Regular.ttf);
}
html, body{
    font-family: kanit-regular;
    overflow-x: hidden;
    position: absolute;
    width: 100%;
    
}
.footer{
    /* height: 170px; */
    background-color: #d3deeb;
}
.background-video{
    background-image: url("../images/background.png");
    background-size: 100% 50%;
    background-position: bottom;
    background-repeat: no-repeat;
}
.navbar-s {
    font-size: 20px;
    background-color: #eceef4;
}
.navbar-collapse-desktop{
    padding-right: 30px;
    padding-left: 30px;
}


.jumbotron-usa2 {
    padding: 10px;
    background-color: #0d4e80;
}
.jumbotron-usa {
    padding-left: 10px;
    padding-right: 10px;
    background-color: #fff;
}


.btn-Orthodontics , .btn-Orthodontics:hover , .btn-Orthodontics:active{
    background-color: #338dc0;
    color: #fff;
    border-block: #338dc0;
}

.btn-Orthodontics:focus{
    outline: none;
}

.btn-learn , .btn-learn:hover , .btn-learn:active{
    background-color: #0d4e80;
    color: #fff;
    border-block: #0d4e80; 
}
.btn-learn:focus{
    outline: none;
}

.bStrong{
    font-weight: bolder;
}

@media only screen and (max-width: 601px){
    .margin-naja-left{
        margin-left: 0px;
        font-size: 13px;
    }
    .bStrong{
        font-weight: bolder;
        font-size: 25px;
    }
    .margin-naja-right{
        margin-left: 0px;
        font-size: 13px;
    }
    .flex-image-1{
        background-image: url('../images/bodyimg1.jpg');
        background-size: cover;
        background-position: center;
        text-align: center;
    }
    .flex-image-2{
        height: 100px;
        background-image: url('../images/bodyimg2.jpg');
        background-size: cover;
        background-position: center;
        text-align: center;
    }
    .flex-image-3{
        height: 100px;
        background-image: url('../images/bodyimg3.jpg');
        background-size: cover;
        background-position: center;
        text-align: center;
    }
    .display-6 {
        font-size: 1.1rem;
        line-height: 1.5;
    }
    .jumbotron-brands {
        background-size: auto;
        background-image: url("../images/banner-mobile.png");
        background-size: 100% 100%;
        background-position: bottom;
        background-repeat: no-repeat;
        /* padding: 50px; */
        padding-left: 50px;
        padding-right: 50px;
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .jumbotron-word{
        padding: 20px;
        font-weight: bold;
        /* background-image: url("../images/background-1.png"); */
        width: 100%;
        height: auto;
        background-size: 100% 100%;
    }
    .jumbotron-smail {
        padding: 20px;
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .jumbotron-video1{
        padding: 20px;
        padding-top: 50px;
        padding-bottom: 10px;
    }
    .jumbotron-video2{
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 10px;
        padding-bottom: 50px;

    }
}
@media (min-width: 1901px) {
    .jumbotron-brands {
        /* position: fixed; */
        padding: 50px;
        padding-top: 300px;
        padding-bottom: 800px;
        background-size: 100% 100%;
        background-position: bottom;
        background-repeat: no-repeat;
        background-image: url("../images/banner.png");
    }
}
@media (min-width: 601px) and (max-width: 1900px){
    .margin-naja-left{
        margin-left: 20px;
    }
    .display-6{
        font-size: 25px;
    }
    .margin-naja-right{
        margin-left: 0px;
    }
    .flex-image-1{
        background-image: url('../images/card-1.png');
        background-size: cover;
        background-position: center;
        text-align: center;
    }
    .flex-image-2{
        height: 400px;
        background-image: url('../images/card-2.png');
        background-size: cover;
        background-position: center;
        text-align: center;
    }
    .flex-image-3{
        height: 400px;
        background-image: url('../images/card-3.png');
        background-size: cover;
        background-position: center;
        text-align: center;
    }
    .display-6 {
      font-size: 2rem;
      line-height: 1.4;
    }
    .jumbotron-word{
        padding: 80px;
        font-weight: bold;
        font-size: larger;
        /* background-image: url("../images/background-1.png"); */
        width: 100%;
        height: auto;
        background-size: 100% 100%;
    }
    .jumbotron-brands {
        /* position: fixed; */
        padding: 50px;
        padding-top: 200px;
        padding-bottom: 600px;
        background-size: 100% 100%;
        background-position: bottom;
        background-repeat: no-repeat;
        background-image: url("../images/banner.png");
    }
    .jumbotron-smail {
        padding: 50px;
        padding-top: 100px;
        padding-bottom: 100px;
    }
    .jumbotron-video1{
        padding: 20px;
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .jumbotron-video2{
        padding: 20px;
        margin-left: 80px;
        padding-top: 50px;
        padding-bottom: 50px;
    }
}