/* 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;
    }


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

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

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

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

	#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: 16px;
    	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, #statistics-section, #skills-section, #services-section, #portfolio-section, #action-section, #blog-section, #princing-section, #contact-section {
        padding: 100px 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: 100px;
    }

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

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

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

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

    #parallax-1-section, #parallax-2-section, #tweet-section {
    	padding: 110px 0;
    }

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

    .testimonial ul li h2 span {
    	font-size: 24px;
    }

    .testimonial ul li small, 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) { 

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

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

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

/* -------------------------------------------------- */
/*  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; }



/* ==================================================================
    Retina Images
================================================================== */

@media
    only screen and (-webkit-min-device-pixel-ratio: 2),
    only screen and (   min--moz-device-pixel-ratio: 2),
    only screen and (     -o-min-device-pixel-ratio: 2/1),
    only screen and (        min-device-pixel-ratio: 2),
    only screen and (                min-resolution: 192dpi),
    only screen and (                min-resolution: 2dppx) {

        .navbar-brand {
            width: 50px;
            height: 57px;
            background: url('../images/logo%402x.png') no-repeat;
        }
}