@media (min-width : 320px){
    .navbar { 
        min-height:80px;  
        border: 0; 
    }
    .navbar .navbar-brand{ padding: 0 12px;font-size: 16px;line-height: 80px;height: 80px;    padding-top: 5px;}
    .navbar .navbar-nav > li > a {  padding-top: 0px; padding-bottom: 0px; line-height: 45px; }
    .navbar .navbar-toggle {  
        margin-top: 23px; 
        margin-bottom: 0px; 
        padding: 8px 9px; 
        border:none;
    }
    .navbar .navbar-form { margin-top: 2px; margin-bottom: 0px }
    .navbar .navbar-collapse {border-color: #A40303;}
    .navbar-default {
        background-color: white;
        border-color: white;
        padding-top:12px;        
    }
    .navbar-default .navbar-toggle .icon-bar{
        background-color: red;
    }
    .navbar-default .navbar-toggle .icon-bar{
        background-color : rgb(240,52,56);
        width: 30px;
        height: 4px;
    }
    
    .navbar-default .navbar-collapse, .navbar-default .navbar-form{
        border-color:rgb(240,52,56);
        border-top-width : 0;
        background-color: rgb(240,52,56);
    }
    
     .arrow-down {
        width: 0;
        margin-left: 265px;
    	height: 0;
    	border-left: 8px solid transparent;
    	border-right: 8px solid transparent;
    	border-bottom: 12px solid rgb(240,52,56);
    }
   
    /*-------------------------------Format-------------------------*/ 
    
    .glyphicon{
        position: absolute;
        left : 275px;
        font-family:'droid_sansbold';
        font-size: 26px;
        top : 10px;
    }
    .nav .nav-divider{
      margin:0;
    }
    .navbar-nav{
        margin-top:7px;
        
    }
    .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{
        background-color: #fff;
    }
    .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus{
        color : white;
        background-color :  #1b2830;
    }
    .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:active, .navbar-default .navbar-nav>.active>a:focus{
        color : white;
        background-color :  #1b2830;
    }
    .navbar-default .navbar-nav>li>a{
         color : white;
          text-transform: uppercase;
          font-family: 'fjalla_oneregular';
          font-size: 16px;
    }
    .navbar-nav .open .dropdown-menu{
        background-color : #1b2830;
    }
    .navbar-default .navbar-nav .open .dropdown-menu>li>a{
        text-transform: uppercase;
        font-family: 'fjalla_oneregular';
        font-size: 13px;
        color : #fff;
    }
    .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover{
        color : #f03438;
    }
    .dropdown-menu{
        padding:0;
        margin: 0;
    }
    .navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header{
        padding: 0 0 10px 15px;
    }
    #bs-example-navbar-collapse-1:before{
        width: 0;
        margin-left: 265px;
    	height: 0;
    	border-left: 8px solid transparent;
    	border-right: 8px solid transparent;
    	border-bottom: 12px solid rgb(240,52,56);
        position: absolute;
        top:82px;
        right:32px;
    }
   
    /*---------------------top-nav---------------------*/
    #header .top-nav {
    	position: absolute;
    	right: 105px;
        margin-top: -56px;
    }
    #header .top-nav li {
    
    	list-style: none;
    	padding-right: 17px;
    }
    #header .top-nav li:last-child {
    	padding-right: 0px;
    }
    #header .top-nav li i {
    	color: #f1494c;
    }
    #header .top-nav li span {
    	color: #474747;
    	padding-left: 9px;
    }
    .navbar .navbar-brand img{
        width:50px;
    }
    .glyphicon{
        left: 270px;
    }
}

/* Small Devices, Tablets */
@media (min-width : 375px){
    .glyphicon{
        left: 325px;
    }
}
/* Small Devices, Tablets */
@media (min-width : 425px){
    .glyphicon{
        left: 375px;
    }
    
    #header .top-nav {
        right: 145px;
    }
}

/* Small Devices, Tablets */
@media  (min-width : 768px){
    .navbar-nav{
        margin-top : 20px;
    }
    
    
  .glyphicon.glyphicon-plus, #menu-main:after{
    display:none;
  }
  .navbar-default .navbar-collapse, .navbar-default .navbar-form{
        background-color: #fff;
        padding : 25px 0px 0px 0px;
        float :  right;
  }
  .navbar-default .navbar-nav>.active>a,  
  .navbar-default .navbar-nav>.active>a:active, 
  .navbar-default .navbar-nav>li>a,
  .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus{
        color : #1b2830;
        background-color:white;
        font-size:18px;
  }
  .navbar-default .navbar-nav>.active>a:hover, 
  .navbar-default .navbar-nav>li>a:hover{
        color:red;
        background-color:white;
       
  }

  .navbar-nav .open .dropdown-menu{
    background-color : #fff;
  }
  
  #header .top-nav{
        display : inline-block;
        margin-top : 15px;
        right : 26px;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li:first-child > a{
        padding-top : 10px;
        padding-bottom : 5px;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a{
        color : #707070;
        padding-top : 5px;
  }
  .dropdown-menu{
      left : 20px;
  }
  
  #header .top-nav li{
        float : left;
   } 
  .banner .container{
        padding:0 10px;
   }
    .navbar .navbar-brand{
        height : 90px;
    }
  .navbar .navbar-brand img{
        width:75px;
    }
    
}
@media  (min-width : 1024px){
    .navbar-default .navbar-nav>.active>a,  
    .navbar-default .navbar-nav>.active>a:active, 
    .navbar-default .navbar-nav>li>a,
    .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus{
       
        padding-left : 40px;
  }
  .dropdown-menu{
    left : 40px;
  }
}