@media(max-width:400px){
    .list-inline > li{
        padding:0;
    }
    .btn-blue-bordered {
        width: 90px !important;
        margin:4px 1px !important;
    }
}
@media(max-width:500px) {
    .no-visiblity-xs{
        visibility:hidden;
        font-size:0;
    }
    /*--- Buttons, forms, images, typography ---*/
    .btn{
        font-size: 0.9em;
        font-weight:normal;
        padding: 11px 12px 12px;
    }
    .btn-blue-bordered {
        height: 37px;
        line-height: 19px;
        width: 96px;
    }
    .bg-banner .form-control {
        border-radius: 2px;
        box-shadow: none;
        font-size: 12px;
        height: 36px;
    }
    section{
        padding:15px 0;
    }
    .main-heading{
        font-size:15px;
    }
    .border-bottom{
        margin: 10px auto 30px;
    }
    .mob-hidden{
        display:none !important;
    }
    .mob-show{
        display:block !important;
    }
    .navbar-form .form-control{
        height:40px;
    }
    .navbar-form .btn-search{
        height:40px;
    }
    /***---- Navigation -----****/
        .navbar-brand{
        margin:0 !important;
    }
    .navbar-nav > li{
        margin-left:6px !important;
        margin-right:6px !important;
    }
    .navbar-default .navbar-nav > li > a{
        margin-top:3px;
        font-size:12px;
    }
    .logo{
        height:24px;
        margin:10px 7px;
    }
    .navbar-btn{
        padding-right:5px;
    }
    .btn-nav{
        padding: 7px 17px 9px 17px;
        font-size:12px;
        font-weight:normal;
    }
    /*--- Banner Image --*/
    .banner-bg{
        padding-top:70px !important;
        height:460px;
    }
    .banner-bg h3{
        font-size:15px !important;
        padding:0 13px !important;
        line-height:24px !important;
    }
    .banner-bg .tab-form{
        width:100% !important;
        margin-left:auto;
        margin-right:auto;
    }
    .banner-bg .tab-form p{
        font-weight:normal;
    }
    .banner-bg .tab-content{
        margin-right:2px !important;
        padding:15px;
    }
    .banner-bg .nav-tabs.nav-justified > li > a {
        border-top: 2px solid #f0f0f0;
        color: #70777d;
        font-size: 13px;
        font-weight: bold;
        margin-bottom: 4px;
        margin-left: 2px;
        margin-right: 2px;
        padding-bottom: 15px;
        padding-top: 11px;
    }
    .col-xs-5{
        padding-left:5px;
    }
    .col-xs-7{
        padding-right:5px;
    }
    /*--- How it works Section ---*/
    .info-list{
        padding:0 15px 20px 75px !important;
        position:relative;
        margin-bottom:15px;
        height:50px;
    }
    .info-icon{
        position:absolute;
        left:10px;
        top:0;
        background:#4090C8;
        font-size:22px !important;
        color:#fff !important;
        height:45px;
        width:45px;
        text-align:center;
        line-height:42px;
    }
    .info-list p{
        margin:0;
        text-align:left;
        font-size:11px;
    }
    .info-list h5{
        margin:0 0 5px 0;
        text-align:left;
        font-size:13px;
    }
    .info-list.col-xs-4{
        width:100%;
    }
    /*---- Recent Offers -----*/
    .recent-offers-hm{
        margin:10px 15px 0 !important;
    }
    /*-------- Counter -------*/
    .bg-counter{
        padding:20px 0;
    }
    .bg-counter .col-xs-4{
        padding-left:5px;
        padding-right:5px;
    }
    .bg-counter h1{
        font-size:16px !important;
    }
    .bg-counter p{
        font-size:11px;
    }
    /*---- Metero Area ----*/
    .metro-area-bg{
        padding-bottom:10px;
    }
    /*----- Map -----*/
    .maps .tab-content #googleMap{
        height:280px;
    }

    /*--------------------------
          Submit Form (Page)
     ---------------------------*/
    .panel-form{
        border-radius:3px;
        box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.02);
    }
    .panel-form .panel-heading{
        border-radius:3px 3px 0 0;
    }
    #progressbar{
        margin-bottom:36px;
    }
    .from-step-text{
        margin:0px 0 5px;
        font-size:12px;
    }
    #progressbar li::before{
        background: #e4e4e4 none repeat scroll 0 0;
        border-radius: 50%;
        bottom: -41px;
        color: #b4bbc1;
        font-family: Flaticon;
        font-size: 16px;
        font-style: normal;
        height: 30px;
        left: 50%;
        line-height: 30px;
        margin-left: -19px;
        position: absolute;
        text-align: center;
        width: 30px;
    }
    .btn-tooltip{
        padding:0;
    }
    .panel-form .panel-body{
        padding:35px 15px;
    }
}
@media(max-width:767px){
    /*--- Buttons, forms, images, typography ---*/
    p{
        font-size:12px;
    }
    /*--- Navigation ---*/
    .navbar-header{
        float:left !important;
    }
    .navbar-nav > li > a:hover,
    .navbar-nav > li > a:focus{
        color:#4090C8 !important;
    }
    .navbar-nav{
        margin:0;
    }
    .navbar-nav > li{
        margin-left:8px;
        margin-right:8px;
    }
    .navbar-btn{
        padding-left:0px;
    }

    /*---- Banner Image Form ---*/
    .banner-bg{
        background-position:76% 0 ;
        padding-top:70px;
        min-height:550px;
    }
    .banner-bg h3{
        font-size:18px;
        padding:0 110px;
        line-height:28px;
    }
    .banner-bg .tab-form{
        width:400px;
        margin-top:15px;
        margin-left:auto;
        margin-right:auto;
    }
    .banner-bg .tab-content{
        margin-right:3px;
        padding:20px;
    }
    .banner-bg .nav-justified li{
        width:33.3333% !important;
        float:left !important;
        display:inline-block;
        margin-bottom:-5px;
    }
    .banner-bg .nav-justified li a{
        padding:0;
        border-bottom:0 !important;
    }
        /*--- How it works Section ---*/
    .info-list{
        padding:0 10px;
    }
    /*--- Counter ----*/
    .bg-counter h1{
        font-size:24px;
    }
    /*-------- Comments ----------*/
    .comments{
        text-align:center;
        padding-bottom:0px;
        max-width:450px;
        margin:0 auto;
    }
    .line{
        border:0;
    }
    .line:not(:first-of-type) {
        display: none;
    }
    .line:after,
    .line:before{
        display:none !important;
    }
    .line:nth-child(1),
    .line:nth-child(3){
        border-right:0;
    }
    .pull-left ~ .comment-disc,
    .pull-right ~ .comment-disc{
        text-align:center;
        padding:0;
    }
    .comments .user-img{
        display:block;
        text-align:center;
        float:none !important;
    }
    .comments img{
        margin-top:0 !important;
        display:inline-block;
    }
    /*--- footer ---*/
    footer .social{
        margin-bottom:20px !important;
    } 
    footer .social li {
        padding-left:5px;
        padding-right:5px;
    }
    footer .breadcrumb > li a{
        line-height:30px;
    }
    footer .breadcrumb > li + li::before{
        padding:7px;
    }
    footer a, p{
        font-size:12px;
    }
}
@media(min-width:768px){
    .info-list{
        padding:0 10px;
    }

}
@media(min-width:992px){
    .info-list{
        padding:0 40px;
    }

}
@media(min-width:1200px){
    .info-list{
        padding:0 70px;
    }
}