@media screen and (max-width: 768px) {

    .catalogue_btn {
        padding: 10px;
        color: #ffffff;
        font-weight: bolder;
        font-size: 15px;
        text-align: center;
        display: block;
    }

    .catalogue_btnCon {
        width: 85%
    }


    #carousel-1-generic .carousel-indicators li div {
        font-size: 20px
    }

    #carousel-1-generic .carousel-indicators li {
        width: 30px;
        height: 30px;
        border-radius: 5px
    }

    #carousel-2-generic .carousel-indicators li div {
        font-size: 20px
    }

    #carousel-2-generic .carousel-indicators li {
        width: 30px;
        height: 30px;

        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }


    #carousel-2-generic .carousel-indicators {
        left: 50%;
    }

    .tle span {
        font-size: 26px;
    }

    .tle {
        font-size: 26px;
    }

    .navbarTop li a {
        text-align: left;
        padding-top: 4px;
        padding-bottom: 4px;
        font-weight: 700
    }

    .navbar-collapse {
        padding-right: 50px
    }

    .navbar-brand {
        padding-bottom: 72px !important
    }

    #form input {
        color: #4e4e54;
        font-weight: 500;
        height: 40px;
        border: none;

        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
    }

    #form textarea {
        color: #4e4e54;
        font-weight: 500;
        height: 190px;
        border: none;

        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
    }

    .speaker img {
        width: 62%;
    }


}

@media screen and (max-width: 368px) {
    .downCata {
        font-size: 10px
    }
}