@media (max-device-width : 980px) {
    .menu-logo-medeor, .menu-logo-medeor-small {
        margin-left: 20px;
        width: 40px;
        height: 40px;
    }
    .navbar-brand-medeor > p {
        margin: 8px;
    }
    .navbar-brand-medeor-small {
        line-height: 1;
    }
    .footer-container {
        display: table;
        text-align: center;
    }
    .footer-medeor-logo {
        display: none;
    }
    .footer-contact {
        margin: 20px auto;
    }
    .footer-menu li {
        margin: 0;
        padding-right: 10px;
    }
    #herobanner-homepage svg, #herobanner-about-us svg, #herobanner-offer svg, #bigHalfCircle {
        height: 35px;
    }
    #herobanner-about-us, #herobanner-offer, #herobanner-work, .coverbg-undersite {
        height: 150px;
    }

}

@media (max-device-width : 980px) {
    .navbar-collapse.collapse.in, .collapsing {
    background-color: #fff;
}
.sliding-middle-out > a {
    color: #000;
    text-align: center;
    border-bottom: 1px solid #dedede;
}
    .benefit-text {
        height: auto;
        text-align: center;
        margin-top: 15px;
    }
    .about-us-holding-hands, .holding-hands-text {
        height: auto;
        background-image: none;
    }
    .holding-hands-text {
        margin: 0;
    }
    .holding-hands-text > p {
        border: 2px solid #3580C2;
        margin: auto;
        padding: 20px;
        text-align: justify;
        width: 100%;
        font-size: 1em;
    }
    .about-us-text-description > p {
        text-align: justify;
    }
    .about-us-logo-img, .about-us-logo-fpw {
        margin-top: 0px;
    }
    .nav.navbar-nav.navbar-right {
    margin-bottom: -8px;
}
}


@media (min-width: 320px) and (max-width: 992px){
    
    .hero-flex h1 {
        font-size: 1.8em;
        padding-left: 10px;
        padding-right: 10px;
    }
    .hero-flex h2 {
        padding-left: 20px;
        padding-right: 20px;
    }
    .partners h3 {
        font-size: 2rem;
    }
    .pricing-subheader {
        font-size: 1.5rem;
        margin: 10px;
    }
    .pricing-left, .pricing-middle, .pricing-right {
        width: 100%;
        margin-bottom: 40px;
    }
    .carousel-inner {
        text-align: justify;
    }
    #offer-testimonial {
        background-image: none;
        padding: 0;
    }
    .homepage-partner-logo {
        margin: 0;
    }
    #packets, #offer-testimonial {
        margin-bottom: 80px;
    }
    #tables {
        display: block;
        padding: 0
    }
    .pricing-middle-frame {
        padding-bottom: 0px;
    }
    .divider {
        margin:10px auto 0px
    }
    .pricing-header {
        margin-bottom: 40px;
    }
    .additional-info {
        width: 90%;
    }
    .offer-description {
        width: 80%;
        text-align: justify;
    }
    .testimonial-frame {
        margin-bottom: 80px;
    }
    .last-testimonial {
        margin-bottom: 0;
    }
    .offer-additional-services-frame {
        margin-bottom: 40px;
        width: 95%;
    }
    .additional-services li, .additional-services-info li {
        font-size: 0.8em;
        height: auto;
        text-indent: 2px;
    }
    .additional-services_price, additional-services_service {
        width: 50%;
    }
    .row.additional-services-additional-info {
        text-align: justify;
    }
    .job-offer {
        margin-bottom: 20px;
    }
    #work-details {
        height: auto;
        background: transparent;
    }
    .work-we-offer-header, .work-we-need-header {
        margin: auto;
        text-align: center;
    }
    .work-we-offer-content ul, .work-we-need-content ul {
        margin: auto;
        font-size: 1em;
    }
    .work-we-offer, .work-we-need {
        height: auto;
        margin-bottom: 20px;
    }
    #work-CV {
        height: auto;
        background: #fff;
    }
    .work-CV-content {
        width: 90%;
    }
    .contact-container-form {
        width: 90%;
    }
    .contact-locations {
        text-align: center;
    }
    .contact-send-msg-button, .contact-call-button {
        margin: 10px 30px;
    }
    .carousel-indicators {
        position: relative;
    }
    .carousel-control {
        display: none
    }
    .price p {
        font-size: 0.7em;
    }
    .navbar-nav > li > a {
        color: #000;
    }

}
@media (min-width: 992px) and (max-width: 1200px){
    .price p {
        font-size: 0.7em;
    }
    .packet-name {
        font-size: 1.1em;
    }
}