/* ==========================================
   RESPONSIVE.CSS
========================================== */

/* Tablet */

@media (max-width:991px){

.container{
    padding-left:15px;
    padding-right:15px;
}

.mobile-header{
    padding:10px 0;
}

.mobile-logo{
    height:40px;
}

.mobile-menu-btn{
    font-size:26px;
}

.mobile-icons a{
    font-size:22px;
}

.mobile-header .form-control{
    height:46px;
    font-size:14px;
}

.mobile-header .btn{
    height:46px;
}

}


/* Mobile */

@media (max-width:767px){

.container{
    padding-left:12px;
    padding-right:12px;
}

.mobile-logo{
    height:52px;
    width:auto;
}

.mobile-icons a{
    font-size:20px;
}

.mobile-menu-btn{
    font-size:24px;
}

.mobile-header .form-control{
    height:44px;
    font-size:13px;
}

.mobile-header .btn{
    height:44px;
    padding:0 16px;
}

.header-icon .badge{
    width:18px;
    height:18px;
    font-size:10px;
}

}


/* Small Mobile */

@media (max-width:480px){

.mobile-logo{
    height:80px;
    width:auto;
}

.mobile-icons a{
    font-size:18px;
}

.mobile-menu-btn{
    font-size:22px;
}

.mobile-header .form-control{
    font-size:12px;
}

}