/*--  Responsive Rules --*/
/* Bigger screens than 1650 and smaller than 2048px */
@media only screen and (min-width: 1600px) and (max-width: 2800px) {

    /*- Header -*/
    header {
        background: url('../images/header-1980.jpg') no-repeat center center;
        background-size: cover;
        min-height: 1200px;
    }

    /*- Team section -*/
    #team {
        background: url('../images/team-1980.jpg') no-repeat;
        background-size: cover;
        background-position: center;
        height: 886px;
    }

    .team-text-bg {
        position: absolute;
        right: 0;
        height: 886px;
        width: 739px;
        background: url('../images/team-text-bg-4.png') no-repeat;
    }

    .team-text {
        width: 489px;
        height: 250px;
        margin: auto;
        position: absolute;
        top: -25px;
        bottom: 0;
        right: 100px;
    }
}

/* Bigger screens than 1366 and smaller  than 1650px */
@media only screen and (min-width: 1367px) and (max-width: 1599px) {
    /*- Header -*/
    header {
        background: url('../images/header-1980.jpg') no-repeat center center;
        background-size: cover;
        min-height: 1200px;
    }
    /*- Team section -*/
    #team {
        background: url('../images/team-1980.jpg') no-repeat;
        background-size: cover;
        background-position: center;
        height: 886px;
    }
    .team-text-bg {
        position: absolute;
        right: 0;
        height: 886px;
        width: 739px;
        background: url('../images/team-text-bg-4.png') no-repeat;
    }

    .team-text {
        width: 489px;
        height: 250px;
        margin: auto;
        position: absolute;
        top: -25px;
        bottom: 0;
        right: 100px;
    }
}

/* Desktop with 15.5' screen */
@media only screen and (min-width: 1020px) and (max-width: 1366px) {

    /*- Header -*/
    header {
        background: url('../images/header-1366.jpg') no-repeat center center;
        background-size: cover;
        min-height: 849px;
    }

    /*- Team -*/
    #team {
        overflow: hidden;
        background: url('../images/team-1366.jpg') no-repeat;
        background-size: cover;
        background-position: center;
        height: 886px;
    }

    .team-text-bg {
        position: absolute;
        right: -85px;
        height: 886px;
        width: 739px;
        background: url('../images/team-text-bg-4.png') no-repeat;
    }

    .team-text {
        width: 489px;
        height: 250px;
        margin: auto;
        position: absolute;
        top: -30px;
        bottom: 0;
        right: 50px;
    }
}

/*-- This is only for the process icons --*/
@media only screen and (min-width: 997px) and (max-width: 1283px) and (orientation: landscape) {
    .process-list li{
        margin-right: 5%;
        margin-left: 5%;
    }
    /*- Shadow -*/
    .develox-shadow {
        display: none;
    }

}
/*-- This is only for the process icons --*/
@media only screen and (min-width: 840px) and (max-width: 996px) and (orientation: landscape) {
    .process-list li{
        margin-right: 4%;
        margin-left: 4%;
    }
    /*- Shadow -*/
    .develox-shadow {
        display: none;
    }

}

/*- Ipad vertical from 996px to 1024px -*/
@media only screen and (min-width: 997px) and (max-width: 1019px) {


    /*- Header -*/
    header {
        background: url('../images/header-1024.jpg') no-repeat center center;
        background-size: cover;
        min-height: 680px;
    }

    .header-text-contents {
        top: 50%;
    }

    /*- Shadow -*/
    .develox-shadow {
        display: none;
    }
    
    /*- Team -*/
    #team {
        text-align: center;
        padding: 30px;
    }

}
@media only screen and (max-width: 996px) {
    .slicknav_menu {
        display: block;
        position: fixed;
        z-index: 900;
        width: 100%;
    }

    #sticky-nav {
        display: none;
    }
    #main-navigation {
        display: none;
    }
    /*- Shadow -*/
    .develox-shadow {
        display: none;
    }

    #process{
        background:#f0f0f0;
    }

    /*- Team -*/
    #team {
        text-align: center;
        padding: 30px;
    }

}

@media only screen and (min-width: 769px) and (max-width: 995px) {
    .slicknav_menu {
        display: block;
        position: fixed;
        z-index: 900;
        width: 100%;
    }

    #sticky-nav {
        display: none;
    }
    #main-navigation {
        display: none;
    }

    /*- Header -*/
    header {
        background: url('../images/header-1024.jpg') no-repeat center center;
        background-size: cover;
        min-height: 550px;
    }

    .header-text-contents {
        top: 60%;
    }

    .logo-image {
        padding-top: 20px;
        margin: 0 auto;
        display: block;
    }

    /*- Shadow -*/
    .develox-shadow {
        display: none;
    }


    /*- Contact -*/
    .padd-right-8 {
        padding-right: 15px;
    }

    .padd-left-8 {
        padding-left: 15px;
    }

    /*- Service -*/
    .single-service h3 {
        margin-bottom: 20px;
    }


}

/*- Ipad Horizontal approx 768px -*/
@media only screen and (min-width: 568px) and (max-width: 768px) {
    .slicknav_menu {
        display: block;
        position: fixed;
        z-index: 900;
        width: 100%;
    }

    #sticky-nav {
        display: none;
    }
    #main-navigation {
        display: none;
    }
    /*- Header -*/
    header {
        background: url('../images/header-768.jpg') no-repeat center center;
        background-size: cover;
        min-height: 480px;
    }

    .header-text-contents {
        top: 60%;
    }

    .logo-image {
        padding-top: 20px;
        margin: 0 auto;
        display: block;
    }

    /*- About -*/
    #about,
    #services,
    #process,
    #clients,
    #contact {
        padding: 30px 0;
    }
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-width: 379px) and (max-width: 569px) {
    header {
        background: url('../images/header-768.jpg') no-repeat center center;
        background-size: cover;
        min-height: 500px;
    }

    .header-text-contents {
        top: 50%;
    }

    .header-text-contents h1 {
        font-size: 36px;
    }

    .header-text-contents p {
        font-size: 20px;
    }

    .logo-image {
        padding-top: 20px;
        margin: 0 auto;
        display: block;
    }

    /*- About -*/
    #about,
    #services,
    #process,
    #clients,
    #contact {
        padding: 30px 0;
    }

    #about-title,
    #services-title,
    #process-title,
    #clients-title,
    #contact-title {
        font-size: 30px;
        margin-bottom: 20px;
    }
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-width:251px) and (max-width: 378px) {
    header {
        background: url('../images/header-768.jpg') no-repeat center center;
        background-size: cover;
        min-height: 500px;
    }

    .header-text-contents {
        top: 50%;
    }

    .header-text-contents h1 {
        font-size: 28px;
    }

    .header-text-contents p {
        font-size: 16px;
    }

    .logo-image {
        padding-top: 20px;
        margin: 0 auto;
        display: block;
    }

    /*- About -*/
    #about,
    #services,
    #process,
    #clients,
    #contact {
        padding: 30px 0;
    }

    #about-title,
    #services-title,
    #process-title,
    #clients-title,
    #contact-title {
        font-size: 30px;
        margin-bottom: 20px;
    }

}

@media only screen and (max-width: 250px) {
    header {
        background: url('../images/header-468.jpg') no-repeat center center;
        background-size: cover;
        min-height: 300px;
    }

    .header-text-contents {
        top: 60%;
    }

    .header-text-contents h1 {
        font-size: 22px;
    }

    .header-text-contents p {
        display: none;
    }

    .logo-image {
        padding-top: 20px;
        margin: 0 auto;
        display: block;
    }

    /*- About -*/
    #about,
    #services,
    #process,
    #clients,
    #contact {
        padding: 30px 0;
    }

    #about-title,
    #services-title,
    #process-title,
    #clients-title,
    #contact-title {
        font-size: 30px;
        margin-bottom: 20px;
    }

    #about-title:before,
    #services-title:before,
    #process-title:before,
    #clients-title:before,
    #contact-title:before {
        display: none;
    }
}