/*
small device*/

@media only screen and (max-width: 767px) {
    .navbar-default {
        background-color: white !important;
        border-color: #e6e6e6;
    }

    .about-phone img{
        display: none;
    }
}

/*
small device and tablette*/

@media only screen and (max-width: 768px) {
    .header-phone {
        display: none;
    }

    .header-text,.header-btns{
        text-align: center;
    }

}

/*
medium device and destop*/

@media only screen and (min-width: 992px) {

}

/*
medium device and destop*/

@media only screen and (min-width: 1200px) {

}