/*##################################################################*/
/* Tablet - portrait ###############################################*/
/*##################################################################*/

@media (min-width:480px) and (max-width: 767px) {
    .tlt {
        letter-spacing: 2px;
        font-size: 48px;
        line-height:50px;
    }
    blockquote p {
        font-size: 19px;
        line-height:29px;
    }
    .service_box {
		float: none;
		text-align: center;

    }
	.service_box ul {
		margin: 0 auto;
	}  

    section.home-section .section-heading > p {
        font-size: 16px;
        line-height: 25px;
    }
}

@media (min-width:768px) and (max-width: 992px) {

    
    .service_box p {
        width:220px;
        margin: 0 auto;    
    }
    
    .service_box ul {
        width:220px;

    }
    
    .animbox {
        width: 220px;
    }
    
}


/*##################################################################*/
/* Smartphone - portrait ###########################################*/
/*##################################################################*/

@media (max-width: 479px) {
    .tlt {
        letter-spacing: 0px;
        font-size: 25px;
        line-height:30px;
    }
    
    h2 {
        font-size: 35px;
        line-height:52px;
    }
    
    h3 {
        font-size: 25px;
        line-height:37px;
    }
    
    blockquote p {
        font-size: 17px;
        line-height:29px;
    }
    
    #home {
        height:400px;
    }
    
    #home blockquote {
        margin-top:115px;
    }
    
    #clients {
        height:450  px;
    }
    
    .client_logo {
        border-width:2px;
    }
    .flex-direction-nav li .next {right: 20px}
    .flex-direction-nav li .prev {left: 20px}
    
    .contact_details p{
    margin-top:20px;
    margin-bottom: 50px;
    }
    .social_icons {
    margin-top:25px;
    }
    .service_box {
		float: none;
		text-align: center;
    }
	.service_box ul {
		margin: 0 auto;
	}

    section.home-section .section-heading > p {
        font-size: 16px;
        line-height: 25px;
    }
}



/*##################################################################*/
/* Retina - desktop + tablet #######################################*/
/*##################################################################*/



/*##################################################################*/
/* Retina - smartphone #############################################*/
/*##################################################################*/

/*##################################################################*/
/* Hero typography states ###########################################*/
/*##################################################################*/

/* 1) Large: large text, one line */
@media (min-width: 1200px) {
    #home {
        height: 620px;
    }
    #home blockquote {
        margin-top: 170px;
    }
    #home .tlt {
        font-size: 60px;
        line-height: 80px;
        min-height: 80px;
    }
    #home .btn {
        margin-top: 95px;
    }
    #home .btn.anim {
        margin-top: 60px;
    }
}

/* 2) Medium: smaller text, one line */
@media (min-width: 952px) and (max-width: 1199px) {
    #home {
        height: 590px;
    }
    #home blockquote {
        margin-top: 155px;
    }
    #home .tlt {
        letter-spacing: 3px;
        font-size: 46px;
        line-height: 62px;
        min-height: 62px;
    }
    #home .btn {
        margin-top: 88px;
    }
    #home .btn.anim {
        margin-top: 56px;
    }
}

/* 3) Small: small text, forced two lines */
@media (min-width: 640px) and (max-width: 951px) {
    #home {
        height: 560px;
    }
    #home blockquote {
        margin-top: 140px;
    }
    #home .tlt {
        letter-spacing: 2px;
        font-size: 32px;
        line-height: 42px;
        min-height: 84px;
    }
    #home .btn {
        margin-top: 78px;
    }
    #home .btn.anim {
        margin-top: 50px;
    }
}

/* 4) XSmall: smaller text, forced two lines */
@media (max-width: 639px) {
    #home {
        height: 500px;
    }
    #home blockquote {
        margin-top: 120px;
    }
    #home .tlt {
        letter-spacing: 1px;
        font-size: 24px;
        line-height: 32px;
        min-height: 64px;
    }
    #home .btn {
        padding: 14px 28px;
        margin-top: 62px;
    }
    #home .btn.anim {
        margin-top: 40px;
    }
}