.topper {
    height: 60px;
    width: 100%;
background: rgba(0,0,0,.8);
    position: fixed;
    z-index: 1030;
    top: 0px;
    left: 0px;

}
    .topper a {
        color: #f36d36 !Important;
        font-size: 16px;
        padding: 10px;
    }
.navbar {
            top: 60px;
            
            /*
            background: #28769a url("img_tree.png") no-repeat right top;
            opacity: 0.4;
            filter: alpha(opacity=40);
            */
            /*
            background: rgba(30, 125, 184, 0.3);
            background: rgba(87, 188, 243, 0.3);
            border: 1px solid rgba(87, 188, 243, 0.3);
            */
	background: #eee;
	background: rgba(0,0,0,.8);

        }
            .navbar li.active a {
                background-color: transparent !Important;
                text-decoration: underline;
                
            }
.navbar-brand {
    font-size: 18px;
    margin-top: -60px;
}
           .navbar-header a {
                color: #fff !Important;

            }
            .navbar ul li a {
                color: #fff !Important;
              text-transform: uppercase;

            }
            .navbar ul li a i {

              font-size: 18px;

            }

.navbar li img {
max-width:30px;
max-height:30px;
        }

.scrolled {

	background: rgba(0,0,0,.9);
}




/*
@media (max-width: 480px) {
    .navbar li a{
    font-size:14px;
    }
}

@media (min-width: 481px) and (max-width: 767px) {
    .navbar li a{
    font-size:16px;
    }
}

@media (min-width: 768px) and (max-width: 979px) {
    .navbar li a{
    font-size:12px;
    }
}

@media (min-width: 980px) {
  .navbar li a{
  font-size:30px;
  }
    
}
    */


@media only screen 
and (max-device-width : 568px) { 
    .navbar img {
    max-width: 100px;
    margin-top: 48px !Important;
    }
    .service-banner-text {
        top: 100px !Important;
    }
    .navbar a:nth-child(2) {
        display: none;
    }
    .tab-right-demo {
        display: none;
    }
    .sli {
        display: none;
    }
    #full-slider-wrapper {
        padding: 0px !important;
        margin: 0px !important;
    }
    #layerslider {
        height: 170px !Important;
        margin-top:-60px !Important;
    }
    .slp-title {
        top: 20px !important;
        left: 25px !Important;
        font-size: 40px !Important;
        height: 40px !important;
        line-height: 40px !important;
    }
    .slp-1 {
        top: 80px !important;
        left: 43px !Important;
        font-size: 20px !Important;
        height: 20px !important;
        line-height: 20px !important;
    }
    .slp-2 {
        top: 110px !important;
        left: 43px !Important;
        font-size: 20px !Important;
        height: 20px !important;
        line-height: 20px !important;
    }
    .slp-3 {
        top: 140px !important;
        left: 43px !Important;
        font-size: 20px !Important;
        height: 20px !important;
        line-height: 20px !important;
    }
    .slc-1 {
        top: 80px !important;
        left: 20px !Important;
        width: 20px !important;
        height: 20px !important;
    }
    .slc-2 {
        top: 110px !important;
        left: 20px !Important;
        width: 20px !important;
        height: 20px !important;
    }
    .slc-3 {
        top: 140px !important;
        left: 20px !Important;
        width: 20px !important;
        height: 20px !important;
    }
    nav {
            top: 0px !important;
            border: 0px !important;
    }
    .topper, .navbar {
        background: rgba(0,0,0, 1) !important;
    }
}