/**********************************************************
    max-width: 1280px
**********************************************************/

@media (max-width: 1280px) {
    /*******************
        Main menu
    ********************/
    #mainMenu nav > ul > li > a {
        padding: 11px 2px;
    }

    #mainMenu nav > ul > li > a {
        font-size: 15px;
    }

    /*******************
        Feature
    ********************/
    #slider, #slider .slide {
        height: 650px!important;
    }

    /*******************
        Brochure
    ********************/
    #brochure a.btn {
        margin-top: 20px;
    }

    /*******************
        Case-Studies
    ********************/
    .team-members .team-member .team-desc {
        min-height: 250px;
    }

}

/**********************************************************
    max-width: 1024px
**********************************************************/

@media (max-width: 1024px) {
    /*******************
        Feature
    ********************/
    .feature-top-bg {
        padding-top: 260px;
    }

    /*******************
        Header
    ********************/
    #header.header-transparent #header-wrap .lines, #header.header-transparent #header-wrap .lines:before, #header.header-transparent #header-wrap .lines:after, #header.dark.header-transparent #header-wrap .lines, #header.dark.header-transparent #header-wrap .lines:before, #header.dark.header-transparent #header-wrap .lines:after, #header.dark.header-colored #header-wrap .lines, #header.dark.header-colored #header-wrap .lines:before, #header.dark.header-colored #header-wrap .lines:after, #header.dark.header-colored-transparent #header-wrap .lines, #header.dark.header-colored-transparent #header-wrap .lines:before, #header.dark.header-colored-transparent #header-wrap .lines:after {
        background-color: #fff;
    }

    #header.header-transparent #header-wrap a,
    #header.header-transparent .header-extras i, #header.dark.header-transparent .header-extras i, #header.dark.header-colored .header-extras i, #header.dark.header-colored-transparent .header-extras i,
    #header.header-transparent #mainMenu:not(.menu-overlay) nav > ul > li > a, #header.dark.header-transparent #mainMenu:not(.menu-overlay) nav > ul > li > a {
        color: #fff;
    }

}

/**********************************************************
    max-width: 991px
**********************************************************/

@media (max-width: 991px) {
    #header.header-transparent #header-wrap,
    #header.dark.header-transparent #header-wrap,
    #header.dark.header-colored #header-wrap,
    #header.dark.header-colored-transparent #header-wrap {
        background-image: url(../images/home/feature/filedoc-main-header-bkg@2x.jpg) !important;
    }
}
    

/**********************************************************
max-width: 760px
**********************************************************/

    @media (max-width: 760px) {

        /*******************
        Logo
    ********************/
        #header #header-wrap #logo {
            margin-left: 10% !important;
        }

        /*******************
        General
    ********************/
        .hr-title.hr-long {
            width: 100%;
        }

        .sub-nav {
            margin-bottom: 50px;
        }

        #title .title-right, #title .title-left {
            text-align: center!important;
        }

        #title .title-right {
            padding-top: 40px!important;
        }

        /*******************
        Features
    ********************/
        .feature-top-bg {
            padding-top: 260px;
        }

        #features .col-md-6 {
            padding-bottom: 20px;
        }

        #features-2 .col-md-4 {
            padding-bottom: 20px;
        }

        #features-2 a.feature-btn {
            background-size: cover;
            padding: 62px 10px 10px 116px;
        }

        /*******************
        Case studies
    ********************/
        .team-members .team-member .team-desc {
            min-height: 320px;
        }

        /*******************
        Ask for demo
    ********************/
        #ask-demo, #ask-demo .text-right {
            text-align: center !important;
        }
    }

    /**********************************************************
    max-width: 450px
**********************************************************/

    @media (max-width: 450px) {

        /*******************
        Logo
    ********************/
        #header #header-wrap #logo {
            margin-left: 15% !important;
        }

            #header #header-wrap #logo a > img {
                height: 30px;
            }
    }

    /**********************************************************
    max-width: 450px
**********************************************************/

    @media (max-width: 320px) {

        /*******************
        General
    ********************/
        section .offset-1 {
            margin-left: 0;
        }

        .hr-title abbr {
            padding: 0;
        }

        .hr-title {
            border-top-style: none;
        }

        /*******************
        Logo
    ********************/
        #header #header-wrap #logo {
            margin-left: 20% !important;
        }

            #header #header-wrap #logo a > img {
                height: 18px;
            }

        /*******************
        Features
    ********************/
        .feature-top-bg {
            padding-top: 140px;
        }

            .feature-top-bg h2 {
                font-size: 22px;
                top: 1%;
            }

            .feature-top-bg h3 {
                font-size: 16px;
            }

        #features-2 a.feature-btn {
            padding: 42px 10px 10px 96px;
        }

        /*******************
        Case studies
    ********************/
        .team-members .team-member .team-desc {
            min-height: 320px;
        }

        /*******************
        International presence
    ********************/
        .team-members .team-member .team-desc {
            min-height: 320px;
        }

        /*******************
        Brochure
    ********************/
        #brochure h3 {
            margin-right: 0;
        }


        /*******************
        Ask for demo
    ********************/
        #ask-demo, #ask-demo .text-right {
            text-align: center !important;
        }
    }