/* Very small devices (tablets, 768px and up) */
@media screen and (max-width: 767px) {
    #about-section, #team-section, #skills-section, #services-section, #portfolio-section,
    #action-section, #blog-section, #princing-section, #contact-section, .rendercontinuous-section, .rendersingle-section {
        padding: 80px 0;
    }
}
/* Small devices (tablets, 768px and up) */
@media screen and (min-width: 768px) {

    /* -------------------------------------------------- */
    /*	General
    /* -------------------------------------------------- */

    h4 {
        font-size: 20px;
    }

    p {
        line-height: 22px;
    }

    /* -------------------------------------------------- */
    /*	Navigation
    /* -------------------------------------------------- */

    .navbar-nav {
        float: right;
        margin-top: 4px;
    }

    #about-section, #team-section, #skills-section, #services-section, #portfolio-section,
    #action-section, #blog-section, #princing-section, #contact-section, .rendercontinuous-section, .rendersingle-section {
        padding: 165px 0;
    }

    /* -------------------------------------------------- */
    /*	Home
    /* -------------------------------------------------- */

    .flex-control-nav {
        bottom: -45px;
    }

    .flexcaption h1 {
        font-size: 46px;
    }

    #home-section .actionButtons {
        bottom: 10%;
    }

    #home-section .actionButtons {
        left: 50%;
        /*margin-left: -205px;*/
    }

    .actionButtons span.choice {
        display: inline-block;
        vertical-align: top;
        margin: 10px 20px;
        font-size: 16px;
        font-style: italic;
    }


    /* -------------------------------------------------- */
    /*	About
    /* -------------------------------------------------- */

    .aboutpost h4 {
        font-size: 20px;
    }

    .aboutpost p {
        font-size: 16px;
        line-height: 23px;
        font-weight: 300;
    }

    /* -------------------------------------------------- */
    /*	Skills
    /* -------------------------------------------------- */


    .progress-bar {
        margin-bottom: 20px;
    }

    .progressbar-title {
        font-size: 15px;
        margin-bottom: 5px;
    }

    /* -------------------------------------------------- */
    /*	Services
    /* -------------------------------------------------- */

    #services-section .container > h3 {
        font-size: 24px;
    }

    .servicesList {
        margin-bottom: 30px;
    }

    /* -------------------------------------------------- */
    /*	Portofolio
    /* -------------------------------------------------- */

    .home-projects .project-item {
        width: 50%;
    }

    #filters li a {
        font-size: 14px;
        padding: 6px 25px;
    }

    /* -------------------------------------------------- */
    /*	Blog-masonry
    /* -------------------------------------------------- */

    .col-blog-masonry figure figcaption {
        bottom: -70px;
        visibility: visible;
    }

    /* -------------------------------------------------- */
    /*	Price
    /* -------------------------------------------------- */

    ul.princing-table h4 {
        font-size: 20px;
    }

    ul.princing-table li p, ul.princing-table li a.purchase {
        font-size: 17px;
    }

    ul.princing-table li.price p span {
        font-size: 28px;
    }


    /* -------------------------------------------------- */
    /*	Blog
    /* -------------------------------------------------- */

    .blog-media figure figcaption a.link {
        width: 45px;
        height: 45px;
    }

        .blog-media figure figcaption a.link i {
            line-height: 45px;
            font-size: 20px;
        }

    .title-widgets {
        font-size: 20px;
    }

    /* -------------------------------------------------- */
    /*	Contact
    /* -------------------------------------------------- */

    #contact-box h4 {
        font-size: 18px;
    }


    ul#socialIcons li a {
        width: 35px;
        height: 35px;
        line-height: 35px;
    }
}


/* Medium devices (desktops, 992px and up) */
@media screen and (min-width: 992px ) {

    h1 {
        font-size: 40px;
    }

    h5 {
        font-size: 18px;
    }

    #about-section, #team-section, #skills-section, #services-section, #portfolio-section,
    #action-section, #blog-section, #princing-section, #contact-section, .rendercontinuous-section, .rendersingle-section {
        padding: 165px 0;
    }

    /* -------------------------------------------------- */
    /*	Navbar
    /* -------------------------------------------------- */

    .navbar-default .navbar-nav > li > a {
        font-size: 15px;
    }

    .navbar-nav > li > a {
        padding: 10px 20px;
    }


    /* -------------------------------------------------- */
    /*	Home
    /* -------------------------------------------------- */

    .flexcaption h1 {
        font-size: 56px;
    }

    .flexcaption h2 {
        font-size: 20px;
    }

    #home-section .actionButtons {
        bottom: 10%;
    }


    /* -------------------------------------------------- */
    /*	About
    /* -------------------------------------------------- */

    .title-section {
        padding-bottom: 80px;
    }

        .title-section h3 {
            font-size: 38px;
        }

    .aboutpost span.about {
        width: 100px;
        height: 100px;
    }

        .aboutpost span.about i.fa {
            line-height: 100px;
            font-size: 32px;
        }

    /* -------------------------------------------------- */
    /*	Parallax
    /* -------------------------------------------------- */

    ul.bxslider small {
        font-size: 15px;
    }

    span.tweet-icon {
        width: 80px;
        height: 80px;
    }

        span.tweet-icon i {
            line-height: 80px;
            font-size: 32px;
        }


    /* -------------------------------------------------- */
    /*	Team
    /* -------------------------------------------------- */
    .staff-member .member-team figcaption h5 {
        font-size: 18px;
    }

    .staff-member .member-team figcaption h6 {
        font-size: 14px;
    }

    .skillsheading {
        text-align: left;
        margin-bottom: 60px;
    }

        .skillsheading h4 {
            margin-bottom: 15px;
        }


    /* -------------------------------------------------- */
    /*	Statistics
    /* -------------------------------------------------- */

    .percentfactor {
        width: 110px;
        height: 110px;
        line-height: 110px;
        font-size: 50px;
    }

    .skill-percent .fact p {
        font-size: 18px;
    }

    /* -------------------------------------------------- */
    /*  Portfolio
    /* -------------------------------------------------- */

    .home-projects .project-item {
        width: 33%;
    }

    .project-item a.zoom {
        margin-left: -13px;
    }

    .actionButtons {
        margin-top: 50px;
    }

    /* -------------------------------------------------- */
    /*  Pricing
    /* -------------------------------------------------- */
    ul.princing-table {
        margin-bottom: 0px;
    }

    /* -------------------------------------------------- */
    /*  Contact
    /* -------------------------------------------------- */

    .contact-info {
        margin-top: 0px;
    }


    /* -------------------------------------------------- */
    /*  Footer
    /* -------------------------------------------------- */

    .copyright {
        text-align: left;
    }

    .developBy {
        text-align: right;
    }

        .copyright p, .developBy p {
            margin: 0px;
        }


    /* -------------------------------------------------- */
    /*  Blog Page
    /* -------------------------------------------------- */

    #headerblog-section {
        text-align: inherit;
        padding: 45px 0;
    }

        #headerblog-section h1 {
            font-size: 52px;
        }

        #headerblog-section h2 {
            text-align: right;
            margin-top: 22px;
        }

    .categories ul li a, .archives ul li a {
        font-size: 14px;
        padding: 14px 0;
    }

    .blog-input-form {
        width: 50%;
    }

    .comment-blog-post {
        width: 80% !important;
    }

    .page-navi {
        margin-bottom: 0px;
    }
}

/* Large devices (large desktops, 1200px and up) */
@media screen and (min-width: 1200px) {

    #about-section, #team-section, #skills-section, #services-section, #portfolio-section,
    #action-section, #blog-section, #princing-section, #contact-section, .rendercontinuous-section, .rendersingle-section {
        padding: 80px 0;
    }

    /* -------------------------------------------------- */
    /*  Home
    /* -------------------------------------------------- */

    .flexcaption h1 {
        font-size: 64px;
    }

    #home-section .actionButtons {
        bottom: 10%;
    }

    /* -------------------------------------------------- */
    /*  Portofolio
    /* -------------------------------------------------- */

    #options {
        margin-bottom: 30px;
    }

    #filters li a {
        font-size: 15px;
        padding: 6px 30px;
    }

    .home-projects .project-item {
        width: 25%;
    }

    /* -------------------------------------------------- */
    /*  Blog home page
    /* -------------------------------------------------- */

    .col-blog-masonry, .grid-size-blog {
        width: 33%;
    }

        .col-blog-masonry.w2 {
            width: 66%;
        }

    #blog-section a.button {
        padding: 15px 40px;
    }

    .col-blog-masonry figure figcaption {
        bottom: -120px;
    }
}


/* ==================================================================
	Bootstrap fix for WinPhone 8 and IE10 
================================================================== */

@-webkit-viewport {
    width: device-width;
}

@-moz-viewport {
    width: device-width;
}

@-ms-viewport {
    width: device-width;
}

@-o-viewport {
    width: device-width;
}

@viewport {
    width: device-width;
}