@charset "utf-8";

/* CSS Document */


/* Extra small devices (portrait phones, less than 576px)*/

@media (min-width: 250px) and (max-width: 575.98px) {
    .top-menu {
        position: initial;
    }
    .btco-hover-menu a,
    .navbar>li>a {
        display: block;
        padding: 10px 14px !important;
    }
    .navbar-toggler-icon {
        background: url(../image/menu.png) no-repeat left top;
    }
    .dropdown-toggle::after,
    .navbar-nav span.nav-link {
        display: none;
    }
    .navbar {
        display: block;
        text-align: center;
    }
    .phone::before {
        top: 15px;
        left: 25px;
    }
    .ph-number {
        box-sizing: border-box;
        padding: 2% 0 2% 30%;
    }
    .servic-sec h2 {
        font: bold 21px/29px 'Antonio';
    }
    .category-img>figure {
        margin: 10px 0;
    }
    .footer-sec {
        background: #0066ff;
    }
    .blog-box {
        margin: 10px 0;
        display: block;
        height: auto !important;
    }
}


/* Small devices (landscape phones, 576px and up)*/

@media (min-width: 576px) and (max-width: 767.98px) {
    .navbar-toggler-icon {
        background: url(../image/menu.png) no-repeat left top;
    }
    #small {
        position: absolute;
        top: 100%;
        z-index: 500;
        background: #fff;
        width: 100%;
    }
    .menu .navbar {
        position: relative;
    }
    .btco-hover-menu a,
    .navbar>li>a {
        display: block;
        padding: 10px 14px !important;
    }
    .dropdown-toggle::after,
    .navbar-nav span.nav-link {
        display: none;
    }
    .menu {
        margin-top: 17px;
    }
    #owl-serarea .owl-nav {
        display: none;
    }
    .show-img figure {
        margin: 0;
    }
}


/* Medium devices (tablets, 768px and up)*/

@media (min-width: 768px) and (max-width: 991.98px) {
    .btco-hover-menu a,
    .navbar>li>a {
        padding: 27px 6px !important;
        font-size: 14px;
    }
    .ph-number>a {
        font-size: 15px;
    }
    .soci-icon a {
        font-size: 12px;
    }
    .mr-2 {
        margin: 0!important;
    }
    .innImg img {
        width: 100%;
    }
    .ratingBrand img {
        height: 56px;
    }
}


/* Large devices (desktops, 992px and up)*/

@media (min-width: 992px) and (max-width: 1199.98px) {
    .ph-number>a {
        font-size: 20px;
    }
    .soci-icon a {
        font-size: 14px;
    }
}


/* Extra large devices (large desktops, 1200px and up)*/

@media (min-width: 1200px) {
    ...
}