@media all and (max-width: 960px) {

#nav-trigger {
    display: block; }

#nav-main { 
    display: none; }

#nav-mobile { 
    display: block; }
    
.home-wrapper{display: block;background: #000;}

    
        .home-wrapper .image{width:18%;padding-right:0;}

    .home-wrapper img {width:100%;}
    
     .home-wrapper .middle{width:40%;}
    
    
    .home-wrapper h1{font-size: 21px;}
    
    

   
/*--------------------------------------------------------*/
}
/*--------------------------------------------------------*/

@media all and (max-width: 880px) {
    
    .page-wrapper{background-image:none; }
    
    .single{width: 42%;padding: 4%;}
    
    .content-pages.single{width:92%;padding:30px 4%;}
    .double{width: 100%;}
    .panel{ width:92%;padding:30px 4%;}
    
       .home-wrapper .image {width:26%;}
    
     .home-wrapper .middle{width:60%;padding-bottom:50px;}
    
    a.button, a.button:hover{margin-bottom: 0px;}
    
    .home-wrapper .service-bg{width: 92%;padding:4%;}
    
    .footer{
    margin-bottom: 0px;}

.panel br{display: none;}
.comma{display: inline-block;}
    
    .privacy h1 br{display: none;}
    

/*--------------------------------------------------------*/
}
/*--------------------------------------------------------*/
@media all and (max-width: 580px) {
    
    .single{width:90%;padding:30px 5%;}
           
    
 .home-wrapper .image {
        width: 100%;
     padding: 0;}
    
    .credit{text-align: center;} 
    
     .home-wrapper .middle{width:90%;padding:30px 5% 50px 5%;}
    
        .home-wrapper .service-bg{width:90%;padding:30px 5%;}
    
    .header {width:90%;padding:30px 5%;}
    
    
    #nav-trigger {right:5%;}
    
ul.language{
    left: 5%;right: auto;}
    
    .header {padding-top: 50px}
    
    img.logo{width:230px;}
    
    .accreditation ul{
    margin-bottom:20px;
    padding-bottom: 30px;
    border-bottom: 1px solid #efefef;}
    
    .footer .middle{
    border-right:none;
    margin-left: 0px;}
    
    .portfolio h2{width: 100%;}
.portfolio div {width:100%;}
    

/*--------------------------------------------------------*/
}
/*--------------------------------------------------------*/
@media all and (max-width: 380px) {  
    
 
    
    
     .home-wrapper .middle{width:90%;padding:30px 5%;}
    
    }
/*--------------------------------------------------------*/