/*Mobil vertical - Android */
@media only screen and (max-width: 390px) {
}

/*Mobil vertical - Iphone 4 > */
@media only screen and (max-width: 320px) {
    #services .col-md-4{border-right: none !important;}
    #services .service .image{width:100%; height:140px;}
    #services .service .image img{max-width: 100%;}
    header#header #header-bottom #logo{float:none; margin:13px auto 0 auto;}
    #services {padding: 20px 0 20px 0;}
    #happy-client .comment .info p{font-size:12px;}
    #staff .staff img{max-width: 100%;}
}

/*Mobil horizontal*/
@media only screen and (min-width: 480px) and (max-width: 767px) {

}

/*Pad vertical*/
@media only screen and (min-width:391px) and (max-width: 768px) {
    header#header #top-nav > ul > li > a{padding:0 10px;}
    #service #service-menu ul li a.post-image{width:55px; height:50px; border-right: 5px solid #f3f3f3; margin-right:5px;}
    footer#footer #bottom-nav{margin-top:5px;}
    footer#footer #bottom-nav ul li{margin-left:7px;}
    #staff .staff img{max-width: 100%;}
}


/*Pad horizontal*/
@media only screen and (min-width: 768px) and (max-width:1024px) {

}

/*Desktop MacBook*/
@media only screen and (min-width: 1024px) and (max-width: 1366px) {

}