/*============================================
Bootstrap 4 Media Queries
==============================================*/

/* Extra Large Devices (Desktops & Laptops)*/
@media(min-width: 1200px){
    /*none, standard is for 1240px*/

}

/* Large Devices (Landscape Tablets & Medium Desktops)*/
@media(min-width: 992px) and (max-width: 1199.98px){

}

/* Medium Devices (Portrait Tablets & Small Desktops)*/
@media(min-width: 768px) and (max-width: 991.98px){
    /*Mobile Menu*/
    .navbar {
        background-color: rgba(0,0,0, .7) !important;
    }
    .navbar .container-fluid{
        padding: 0 30px;
    }
    /* Footer */
    #footer-copyrights{
        text-align: center;
    }
}

/* Small Devices (Landscape Phones & Portrait Desktops)*/
@media(max-width: 767.98px){
    /*Mobile Menu*/
    .navbar {
        background-color: rgba(0,0,0, .7) !important;
    }
    .navbar .container-fluid{
        padding: 0 30px;
    }
    /* Footer */
    #footer-copyrights{
        text-align: center;
    }
    #about-bg-diagonal {
        width: 100%;
        height: 400px;
        float: none;
        background-image: url(../img/bg-about.jpg);
        border-left: none;
        border-top: 400px solid transparent;
    }
    #about-content-box{
        height: 500px;
        width: auto;
    }
    #about .container-fluid{
        padding: 0 60px 0 60px;
    }
    #about .content-title h3{
        font-size: 26px;
    }
    .testimonial blockquote{
        padding: 6px 50px;
    }
    .testimonial blockquote::before {
    left: 10px;
    }
    .testimonial blockquote::after {
    right: 10px;
    }
}

/* Extra Small Devices (Smaller devices)*/
@media(max-width: 575.98px){
    /*Mobile Menu*/
    .navbar {
        background-color: rgba(0,0,0, .7) !important;
    }
    .navbar .container-fluid{
        padding: 0 30px;
    }
    /* Footer */
    #footer-copyrights{
        text-align: center;
    }
}

/* Ultra Small Devices (Smaller devices)*/
@media(max-width: 319.98px){
    /*Mobile Menu*/
    .navbar {
        background-color: rgba(0,0,0, .7) !important;
    }
    .navbar .container-fluid{
        padding: 0 30px;
    }
    /* Footer */
    #footer-copyrights{
        text-align: center;
    }
}