@media only screen and (max-width: 768px){
              
    .navbar-logo {max-width: 82%;padding: 8px 13px;}
    
    
            
            
   .imgborder img{   width:95%;height:auto;
                    
                }  
    header{background: none;background-color: #fff;}
    
    .hero-message,.hero-right{display: none;}

    .row{margin-left: 0;margin-right: 0;}
    header #myNavbar ul {
    margin-top: 2px; 
    overflow: hidden;
    }
    
    

     header #myNavbar ul li.style_prevu_kit{
    
    display:block;
    border:0;
    position: relative;
    width: 100%;
    height: auto;
    margin-right: 0px;
    border-radius:0%;      
}

header #myNavbar ul li.style_prevu_kit:hover{
  
   height: auto;
}
    header #myNavbar ul li a{padding-top: 15px;} 
    .mainsection p{width: auto;}
    
   .carousel-inner {
    margin-top: 132px;
}
    .parellax{background: url("../images/footer-grass-tile.png") repeat-x 0px bottom;
    min-height: 400px;position: relative;}

    .mainsection h2{margin-top:5px;}
    .middlesection {
    height: auto;
    }
    
    .leafimg img {
    max-width: 100%;
    height: 100%;
    margin: 20px 0px 0 0px; 
    float: none; 
}
    .hovereffect{margin-bottom: 10px;}
    .textleft{margin-top: 40px;}
    footer{
    border-top: 2px solid #ffaf1c;
    height: auto;
    padding: 20px 0;
 
}
    .aboutusbg {
    height: 156px;
    margin-top: 129px;
}
    .aboutusbg h2 {
       font-size: 30px;
   }
    
    .fw-text-inner {
    font-family: Noto Serif;
    color: #ffffff;
    background: url("../images/dialogue-box.png") no-repeat -33px 0; 
    padding-top: 38px;
    background-size: 100%;
    height: 226px;
}
.fw-text-inner p{
    width: 155px;
    margin-left: 75px;
    font-size: 11px;
    text-align: center;
    }
    .aboutparellax p {width:auto;}   
    
    .middlelinks ul {
    
    padding: 15px 0;
}
    footer .pull-right{float: none!important;}
    
}