@media (min-width: 768px) and (max-width: 1199px) {
	...
}
 

 
 
I take these rules into templates/jf_salina/css/template.css
 
 
@media (min-width: 768px) and (max-width: 1199px) {
 
.navbar-fixed-top .container-fluid {
	padding-left: 50px;
	padding-right: 50px;
	}
 
    .navbar-default {
        padding: 30px 0;
        border: 0;
        background-color: transparent;
        -webkit-transition: all .5s ease-in-out;
        -moz-transition: all .5s ease-in-out;
        -o-transition: all .5s ease-in-out;
        -ms-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out;
        margin-bottom: 0;
    }
    .navbar-default .navbar-brand {
        font-size: 24px;
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        transition: all .3s;
        font-weight: 900;
    }
    .navbar-default.navbar-shrink {
        padding: 0;
        background-color: #f6f6f6;
        -webkit-transition: all .5s ease-in-out;
        -moz-transition: all .5s ease-in-out;
        -o-transition: all .5s ease-in-out;
        -ms-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out
    }
	.navbar-default ul.nav-child:after {
		position: absolute;
		top: -6px;
		margin-right: -10px;
		right: 40%;
		display: inline-block;
		border-right: 6px solid transparent;
		border-bottom: 6px solid #ffffff;
		border-left: 6px solid transparent;
		content: '';
	}
}