/*
* Smart - One page Template
* Version: 1.0
* Copyright 2014
* Created by: DamterThemes
* URL: http://damterthemes.com
* Designed and built based on Twitter Bootstrap 3.
*/

@media (min-width: 1921px) and (max-width: 2560px) {
.home-content { margin-top: 90px; }
#portfolio-section .work-description-container .work-description-content h5{font-size: 3rem;}
#portfolio-section .work-description-container .work-description-content p{font-size: 1.5rem;}
#portfolio-section .work-description-container .work-description-content btn{font-size: 1rem;}
}

@media (min-width: 1681px) and (max-width: 1920px) {
.home-content { margin-top: 90px; }
}

@media (min-width: 1281px) and (max-width: 1680px) {
.home-content { margin-top: 70px; }
}

@media (min-width: 1025px) and (max-width: 1280px) {
.home-content { margin-top: 70px; }
}

@media (min-width: 801px) and (max-width: 1024px) {
#home-section { height: 550px; padding: 50px 0 0; }
.home-content { margin-top: 50px; }
#contact-section .social-icon img { width: 40px; }
}

@media (min-width: 769px) and (max-width: 800px) {
#home-section .home-content h1 { font-size: 70px; }
#home-section .home-content h3 { font-size: 47px; }
.home-content { margin-top: 90px; }
.info-contact { font-size: 14px; }
}

@media (min-width: 601px) and (max-width: 768px) {
#home-section .home-content h1 { font-size: 60px; }
#home-section .home-content h3 { font-size: 47px; }
#home-section { height: 480px; padding: 50px 0 0; }
.home-content { margin-top: 50px; }
h3.description-text { font-size: 1.5em; }
#contact-section { padding: 100px 0 100px 0; }
.info-contact { font-size: 14px; }
}

@media (min-width: 140px) and (max-width: 765px) {
.navbar-nav > li > a { line-height: 25px; }
#portfolio-section .work-description-container .work-description-content h5{font-size: 1rem;}
#portfolio-section .work-description-container .work-description-content p{font-size: .8rem;}
#portfolio-section .work-description-container .work-description-content btn{font-size: .9rem;}
}

@media (min-width: 549px) and (max-width: 600px) {
h2.title { font-size: 50px; }
#home-section .home-content h1 { font-size: 50px; }
#home-section .home-content h3 { font-size: 37px; }
#home-section { height: 480px; padding: 50px 0 0; }
.home-content { margin-top: 60px; }
.newsletter-form p.subscription-button { text-align: center; }
h3.description-text { font-size: 1.5em; }
#about-section .col-xs-4 { width: 100%; margin-bottom: 20px; }
#portfolio-section .work-description-container .work-description-content .btn { margin: 12% 0 0; }
#contact-section { padding: 100px 0 100px 0; }
}

@media (min-width: 321px) and (max-width: 548px) {
h2.title { font-size: 40px; }
#home-section .home-content h1 { font-size: 40px; }
#home-section .home-content h3 { font-size: 27px; }
#home-section { height: 480px; padding: 50px 0 0; }
.home-content { margin-top: 70px; }
.newsletter-form p.subscription-button { text-align: center; }
h3.description-text { font-size: 1.2em; }
#about-section .col-xs-4 { width: 100%; margin-bottom: 20px; }
#portfolio-section .work-description-container .work-description-content .btn { margin: 10% 0 0; }
#contact-section { padding: 100px 0 100px 0; }
}

@media (min-width: 140px) and (max-width: 548px) {
#contact-section .col-xs-6 { width: 100%; }
}

@media (min-width: 140px) and (max-width: 320px) {
h2.title { font-size: 30px; }
#home-section .home-content h1 { font-size: 30px; }
#home-section .home-content h3 { font-size: 20px; }
#home-section { height: 480px; padding: 50px 0 0; }
.home-content { margin-top: 70px; }
.home-content .btn { padding: 5px; font-size: 14px; }
.newsletter-form .btn { padding: 10px; font-size: 16px; }
.newsletter-form p.subscription-button { text-align: center; }
h3.description-text { font-size: 1em; }
#about-section .col-xs-4 { width: 100%; margin-bottom: 20px; }
#portfolio-section .work-description-container .work-description-content .btn { margin: 2% 0 0; }
#contact-section { padding: 100px 0 100px 0; }
#contact-section .btn { padding: 5px; font-size: 14px; }
#contact-section .social-icon img { width: 30px; }
.copyright { font-size: 13px; }
}