@media only screen and (max-width: 1399px){
    #partner .servicebox{height: 204px;}
}

@media only screen and (max-width: 1199px){
    #partner .servicebox{height: unset;}
    #cloud h2, #digital h2, #web h2{font-size: 2.3rem;}
    #cloud p, #digital p, #web p{font-size: .9rem;}
}

@media only screen and (max-width: 991px){
    .navbar-toggler{border: 0; padding: 0;}
    .navbar-toggler:focus{box-shadow: none;}
    #navbarNavAltMarkup a{text-align: center;}
    footer p, footer a{font-size: .9rem;}
    .bg-cloud, .bg-digital, .bg-web{width: 100%;}
    .border-sx-radius:not(#digital .border-sx-radius){border-top-left-radius: 0; border-bottom-right-radius: 5px;}
    .border-dx-radius:not(#digital .border-dx-radius){border-top-left-radius: 5px; border-bottom-right-radius: 0;}

    #digital .border-sx-radius{border-bottom-left-radius:0; border-top-right-radius: 5px;}
    #digital .border-dx-radius{border-top-right-radius: 0; border-bottom-left-radius: 5px;}
}

@media only screen and (max-width: 767px){
    nav .navbar-brand img{width: 250px;}
    table.table{width: 800px;}
    footer.py-5, #partner.py-5{padding-top: 0 !important; padding-bottom: 0 !important;}
}

@media only screen and (max-width: 575px){}

@media only screen and (max-width: 500px){
    #cloud h2, #digital h2, #web h2{font-size: 2rem;}
    .bg-cloud, .bg-digital, .bg-web{text-align: center;}
    .bg-cloud.px-5, .bg-digital.px-5, .bg-web.px-5{padding-left: 5px !important; padding-right: 5px !important;}
}

@media only screen and (max-width: 450px){}

@media only screen and (max-width: 400px){}