/* LG */
@media (min-width: 1200px) {
    header .col-lg-7 {padding-left:0;}
}

/* MD */
@media (min-width: 992px) and (max-width: 1199px) {
    .logo { position: absolute;top:-5px; }
    .nav>li>a.button { max-width:150px; margin-left:5px; }
    #navbar {padding:0;margin-top:20px;}
    .banner-form{ margin-left:0; }
    .bubble {right:0;}
    .steps {background-size: 100% auto;height:auto;}
    .steps .step-content {padding-top:10px; padding-left:40px;}
    .steps .step01 .step-content { padding-left:20px;}
    .steps .step-num {display:none;}
    .steps .step-title {font-size:13px;}
    .steps .step-num span{font-size:30px;}
    .home-tips .home-tips-item { font-size:14px;}
    .home-tips .home-tips-item i { font-size:20px; padding:10px;}
    .banner-form-titre .grey {font-size:16px;}
}

/* SM */
@media (min-width: 768px) and (max-width: 991px) {
    .logo { position: relative;margin-top:-5px; }
    .logo a img {margin:0 auto;}
    .navbar .navbar-collapse {text-align: center;}
    #navbar {padding:0;margin-top:10px;}
    .banner-form{ margin-left:0; width:100%; }
    .banner-form button.btn-success { width:100%;}
    .bubble {position: relative; margin:0 auto;top:auto; right:auto; bottom:auto;}
    .steps {background:none; height: auto;}
    .steps .step {margin-bottom: 15px}
    .steps .step01 {background:#1c75bb;}
    .steps .step02, .steps .step03 {background:#eee;}
    .steps .step {padding:15px; text-align: center}
    .steps .step-content {padding:0;}
    .steps .step-content h3 {margin-top:0;}
    .steps .step-content h3:after {margin:10px auto;}
    .steps .step-num {position:relative; margin:0 auto 15px auto;top:auto;left:auto;}
    .steps .step01 .step-num {left:0;}
    .steps .step01 .step-content {padding-left:0;}
    .home-blog, .home-contact, .home-testi {padding:0 15px;}
    .home-tips .home-tips-item { font-size:14px;}
    .home-tips .home-tips-item i { font-size:20px; padding:10px; width:40px; text-align: center;}
}

/* XS */
@media (max-width: 767px) {
    #navbar {margin:0;}
    .navbar .navbar-nav {
        display: block;
        float: none;

        margin: 0;
    }
    .nav>li>a.button {
        width:100%;
        max-width: 100%;
        margin: 0;
    }
    .logo { position: relative;margin-top:-5px; }
    .logo a img {margin:0 auto;}
    .banner-form{ margin-left:0; width:100%; }
    .banner-form button.btn-success { width:100%;}
    .navbar .navbar-collapse {text-align: left;}
    .nav>li:before {display:none;}
    .bubble {display: none;}
    .banner-form {padding:20px;}
    .navbar-toggle .icon-bar{background:#1c75bb;}
    .steps {background:none; height: auto;}
    .steps .step {margin-bottom: 15px}
    .steps .step01 {background:#1c75bb;}
    .steps .step02, .steps .step03 {background:#eee;}
    .steps .step {padding:15px; text-align: center}
    .steps .step-content {padding:0;}
    .steps .step-content h3 {margin-top:0;}
    .steps .step-content h3:after {margin:10px auto;}
    .steps .step-num {position:relative; margin:0 auto 15px auto;top:auto;left:auto;}
    .steps .step01 .step-num {left:0;}
    .steps .step01 .step-content {padding-left:0;}
    .banner-form-titre .grey {font-size:16px;}
}

/* XXS */
@media (max-width: 375px) {

}