@media(max-width:1199px) {
   .about-grid {    min-height: 476px;}
    .freshwater-fishing .item h4{margin-top: 25px}
}

@media(max-width:991px) {
    .banner{padding: 130px 0}
    span.icon-bar{ background-color: #fff}
    header .navbar .container{
        display: block;
    }
  .navbar-header {
        float: none;
    }
    .navbar-toggle {    border: 1px solid #fff;
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin: 7.5px -15px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }

   .navbar-collapse.collapse.in {  /* NEW */
        display: block!important; 
    }
    header .navbar-nav{
        display: block  
    }
    header .navbar-nav > li > a{
        text-align: left
    }
    header ul.nav.navbar-nav li { padding: 10px 0}
    header ul.nav.navbar-nav li { border-bottom: 1px solid rgba(255,255,255,0.1);}
    .cst-fiske .text{ width: 100%; flex: auto;}
    .cst-fiske figure img { position: inherit; top: 0;right: 0; width: 100%;}
    .cst-fiske .container{display: block}
    .cst-fiske .text p{padding: 0}
    .about-grid {    width: 49.5%; margin-bottom: 5px;}
    .freshwater-fishing h3{margin-bottom: 31px}
    .freshwater-fishing .item .col-xs-6 { width: 100%; margin-bottom: 20px}
     .freshwater-fishing section#demos { text-align: center;}
    .blue-banner .et_pb_row .et_pb_column {width: 49.5%; flex: none;}
    .blue-banner .et_pb_row .et_pb_column img{width: 100%; }
    .blue-banner .et_pb_row{display: block}
    .blue-banner .et_pb_column {min-height: 400px; margin: 5px;}
    .blue-banner { background-position: 100% !important;}
    .blog-section .col-md-4.col-sm-6.col-xs-12 { width: 100%; margin-bottom: 50px}
    .blog-section article > img {width: 100%;}
    
    
   .cst-fiske {background: rgba(255,255,255,1);
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(47%, rgba(246,246,246,1)), color-stop(100%, rgba(237,237,237,1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=0 );}
    
}

@media(max-width:767px) {
    .banner h2 { font-size: 35px;margin: 5px 0;}
    footer ul li p {margin-bottom: 18px}
    header .navbar-brand{margin-left: 15px}
  
}

@media(max-width:480px) {
    .blue-banner .row .col-md-3.col-sm-6.col-xs-12, .about-grid{width: 100% }
    .about-us { text-align: center;}
    .about-grid { width: 95%; display: inline-block; float: none; margin: 0 auto; margin-bottom: 10px}
    .about-us article > ul > li{text-align: left}
    .freshwater-fishing .item h4{font-size: 36px}
    .blog-section article > h4{font-size: 16px}
    .blog-section { margin-bottom: 20px; margin-top: 25px;}
    .blog-section article > img { margin-bottom: 9px;}
    .blog-section article > p{margin-bottom: 5px}
    .cst-fiske { padding: 20px 0;}
    .blue-banner { padding: 40px 0;}
    .banner h2 {    line-height: 1.5; font-size: 23px;}
    .banner h4 { font-size: 16px;}
    .banner { padding: 60px 0;}
    .banner a.cust-btn{font-size: 16px}
    .freshwater-fishing h3 {margin-bottom: 11px; font-size: 16px;}
 
}