@media(max-width:767px) {
    /*    nav#navbar {*/
    /*    display: block !important;*/
    /*    width: 100%;*/
    /*    padding: 0 !important;*/
    /*    margin: 0 !important;*/
    /*}*/
        
    /*    nav img.img-fluid {*/
    /*        max-width: 30%;*/
    /*        float: left;*/
    /*    }*/
        nav a img {

            transform: scale(0.5);

            transition: 200ms ease-in-out;

        }
        .ks-logo-1{
            transform: scale(0.5) translate(-68px, 0px);
        }
        .ks-logo-2{
            transform: scale(0.5) translate(68px, 0px);
        }

        .ks-transpatent {

            justify-content: space-between !important;

            height: 65px;

        }
        .ks-transpatent .ks-logo-1 {
            transform: scale(0.4) translate(-90px, -51px);
        }
        .ks-transpatent .ks-logo-2 {
            transform: scale(0.4) translate(90px, -73px);
        }

        .pattern {

            top: 15% !important;

            left: 10%;

        }


        .pattern .ks-title h6 {

            letter-spacing: 5px;

            font-size: 15px;

        }

        .pattern .ks-title h5 {

            position: absolute;

            top: -10px;

            font-size: 28px;

        }

        .pattern .ks-title {

            position: absolute;

        }
        .ks-img-carousel-2 .pattern{
            top: unset !important;
            bottom: 15%;
        }
        .ks-img-carousel-3 .pattern{
            top: unset !important;
            bottom: 15%;
            left: 18% !important;
        }
        .ks-img-carousel-2 .pattern .ks-title h6 {
             left: unset; 
        }
        .ks-img-carousel-2 .pattern .ks-title h5 {

            left: 140px;

            font-size: 28px !important;

            top: -15px;

        }

        .ks-img-carousel-3 .pattern .ks-title h5 {

            font-size: 28px !important;

        }

        .ks-card-section .card {

            width: 100%;

        }

        .ks-img-carousel-1 .pattern .ks-title h5 {

            left: 130px;

            font-size: 2.0rem !important;

            top: -12px;

        }

        .ks-card-section .card {

            height: auto;

        }

        .ks-card-section .card p {

            font-size: 1.2rem;

        }

        .ks-card-section .card a {

            font-size: 1.2rem;

        }

        .ks-img-carousel-2 .pattern {

            right: unset;

        }

        .ks-img-carousel-3 .pattern .ks-title h5 {

            left: 138px;

            bottom: unset;

        }

        .ks-background {

            height: 90vh;

        }
        .ks-video-section {
            /*height: 70vh;*/
            height: auto;
        
        }
        .ks-video-section video {
           /*height: 70vh;*/
           height: auto;
        }
        .ks-copyright{
            font-size: 12px;
        }
        .ks-img-carousel-1 .item-1:after{
            background-attachment: scroll !important;
        }
        .ks-img-carousel-2 .item-1:after{
            background-attachment: scroll !important;
        }
        .ks-img-carousel-3 .item-1:after{
            background-attachment: scroll !important;
        }
    }
    
    
@media(min-width:768px) and (max-width:1228px){
    .ks-card-section .card {
        height: 460.05px;
    }
    .ks-img-carousel-2 .pattern {
        right: unset !important;
        left: 10%;
    }
    .ks-img-carousel-2 .pattern .ks-title h6 {
         left: unset !important;
    }
    .ks-img-carousel-2 .pattern .ks-title h5 {
        left: 265px;
    }
    .ks-background {
        background: url(../images/leaf.jpg) no-repeat;
        height: 100vh !important;
    }
}  

@media(min-width:370px) and (max-width:768px){
    .ks-background {
        background: url(../images/leaf.jpg) no-repeat;
        height: 100vh !important;
        background-attachment: fixed;
    }
    .ks-img-carousel-3 .pattern, .ks-img-carousel-2 .pattern{
        bottom: 35%;
    }
     .ks-img-carousel-2 .pattern {
        left: 20% !important;
    }
}
@media(max-width:410px){
    .ks-sm-br{
        display: inline !important;
    }
}