/* Tablet View */
@media screen and (max-width:1200px) {

    .container{ width:auto; padding:0 20px; box-sizing:border-box;}
    a.contact-button { width:auto;}
    .client_banner .client{ display:inherit !important; float:left !important; margin:0 2.4% 10px 0 !important; width:17.7% !important;}
    .client_banner .last{ margin-right:0 !important;}
    .contact-button { margin-top:30px;}
    #services .services-box {width: 24.8%; display: inline-block; margin-bottom: 30px; min-height: 480px;}
    #services .services-box h2 { font-size:22px;}
    .message-thumb { width:auto;}
    .news-box { width:23%; display:inline-block; margin-bottom:30px;}
    .news img { margin:0;}
    .testimonial-box { width:90%;}
    .testimonial-post { padding: 16px 18px 40px;}
    #some-facts { width:82%; margin:auto;}
    #some-facts li { display:inline-block; margin:0 13px;}
    .skill { width:48%; float:left; margin-bottom:50px;}
    .team-members { width:48%; float:right;}
    .team-col { width:42%; float:left; margin:0 0 40px 35px;}
    .team-col img { min-width:100%; height:100%;}
    .contact-banner h3 { font-size:28px; padding-bottom:30px;}
}

@media screen and (max-width:1080px) {

    .testimonial-box {width: 90%; }

}

@media screen and (max-width:1024px) {
    .message-desc li {font-size: initial; }
}

@media screen and (max-width:900px) {
    #fp_sections section {padding: 57px 0 30px;}
    #fp_sections h1 { font-size:30px; line-height:45px;}
    #fp_sections h2 {
        font-size: 26px;
        line-height:30px;
    }
}

@media screen and (max-width:800px) {

    .message-desc li {font-size: small;}
    #some-facts {width: 98%; margin: auto;}
    .contact-banner .contact-button {line-height: 20px;font-size: 19px; padding: 17px 20px; margin-top: 21px;}
}

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

    #fp_sections section {padding: 57px 0 50px 0;}
    *{box-sizing:border-box;}
    .container { width:auto; padding:0 20px;}

    #services .services-box { width:49.60%; display:inline-block; margin-bottom:20px; padding:2.4% 2.4% 70px 2.4%; min-height: 570px;}
    .contact-banner h3 { font-size:26px; padding-bottom:30px;}
    .contact-banner .contact-button{ width:auto;}
    .contact-close {width: 30px;}
    .news-box {display: inline-block;margin-bottom: 30px;width: 23%;}
    .news-box img { width:100%;}
    .news h2{ font-size:14px;}
    .testimonial-box { width:90%;}
    .testimonial-post { padding: 16px 14px 30px;}
    .testimonials {width: 100%; margin: 0 10px 0 2px;}
    .more { margin:30px auto 10px auto; display:block;}
    #some-facts { margin:auto; width:650px;}
    #some-facts li { width:148px; height:150px; display:inline-block; margin:0 6px;}
    .skill { width:auto; float:none; margin-bottom:50px;}
    .team-members { width:auto; float:none;}
    .team-col { width:44.69%; float:left; margin:0 18px 40px;}
    .team-col img { min-width:100%; height:100%;}

    /* ------ Extra ------ */

    .one_half{width:100% !important; }
    .message-desc ol { list-style: decimal; margin-left: 15%; }
    #message-thumb { max-width: 100%; text-align: center;}
    .message-thumb{ width:100%; height:inherit !important}
    .photobooth .filter-gallery{ width:auto;}
    .photobooth .gallery ul li{ width:48%;}
    .client_banner .client {margin-right: 32px !important;width: 15%;}

    /* --------------------------- SOCIAL ICONS --------------------*/
    .social-icons{ margin:0; padding:0; text-align:center;}
    .icon{ width:58px; height:58px; border-radius:30px; -moz-border-radius:30px; -o-border-radius:30px; -ms-border-radius:30px; -webkit-border-radius:30px; display:inline-block; margin:0 7px 7px; background-repeat: no-repeat; background-position:center center; transition:0.6s; -moz-transition:0.6s; -webkit-transition:0.6s; -o-transition:0.6s;}
    .facebook{background-image:url(images/social-icons/fb-icon.png);}
    .twitt{background-image:url(images/social-icons/twitt-icon.png);}
    .gplus{background-image:url(images/social-icons/gplus-icon.png);}
    .linked{background-image:url(images/social-icons/linkedin-icon.png);}
    .pinterest{background-image:url(images/social-icons/pinterest-icon.png);}
    .youtube{background-image:url(images/social-icons/y-tube-icon.png);}
    .vimeo{background-image:url(images/social-icons/vimeo-icon.png);}
    .rss{background-image:url(images/social-icons/rss-icon.png);}
    .instagram{background-image:url(images/social-icons/instagram-icon.png);}
    .yelp{background-image:url(images/social-icons/yelp-icon.png);}

}
@media screen and (max-width:667px) {

    #services .services-box {min-height: 530px;}
    .testimonials {margin-left: 4px;}
    .testimonial-post {padding: 16px 10px 20px; font-size: 0.9em; min-height: 400px;}
 }

@media screen and (max-width:568px) {

    #services .services-box {min-height: 480px;}
    .testimonials {margin-left: 4px;}
    .testimonial-post {padding: 16px 10px 20px; font-size: 0.9em; min-height: 400px;}
    .contact-banner .contact-button {line-height: 20px;  font-size: 16px; padding: 14px 28px; margin-top: 13px;}
    #contact_form {width: 458px;}
    #contact_form input,  #contact_form textarea {margin: 2px 0px 15px 3px; font-size: 12px; width: 396px;}
    #contact_form textarea {height: 130px;}
    #contact_form .wpcf7-response-output {width: 396px; bottom: 130px;}
    .fact-box {max-width: 270px;}
    .testimonial-box {width: 90%;}
    .testimonial {width: 100%; float: none;  margin-bottom: 80px;}
    .testimonial-box img {width: 180px; height: 180px;}
    .testimonial-post {padding: 16px 30px 20px; font-size: 1.3em; min-height: 300px;}
    #testimonials{padding: 57px 0 10px 0;}

}


/* Mobile Portrait View */
@media screen and (max-width:480px) {

    *{box-sizing:border-box;}
    .container { width:auto; padding:0 20px;}
    #services .services-box { width:auto; display:block; margin-bottom:20px; padding:2.4% 2.4% 70px 2.4%; min-height:400px;}
    .contact-banner h3 { font-size:20px; padding-bottom:30px;}
    .contact-banner a.contact-button{ width:auto; padding:10px 20px; margin-top:0; font-size:16px;}
    .news-box { width:auto; display:block; margin-bottom:30px; float:none;}
    .last{ float:none !important;}
    .news { padding-bottom:5%;}
    .news img { margin:0 0 20px 0; padding:0; float:none; min-width:100%; height: auto;}
    #gry-row h2 {font-size: 22px; line-height: 22px; margin-top: 30px;}
    #gry-row h4 {font-size: 18px; line-height: 22px;}
    .more { margin:30px auto 10px auto; display:block;}
    .testimonial{width:100% !important; max-width: 100%;}
    .testimonial-box { width:auto; display:block; margin-bottom:30px; margin-right:0;}
    .testimonial-box img { min-width:100%; height:100%; width: 100%}
    .testimonial-post {width:auto;}
    .testimonial-box h4 {font-size: 22px;}
    #some-facts { margin:0;}
    #some-facts li { display:block; margin:0 auto 30px;}
    #some-facts {width: 450px;}
    #some-facts .facts h2 {padding: 45px 0 5px 0;}
    .skill { width:auto; float:none; margin-bottom:50px;}
    .team-members { width:auto; float:none;}
    .team-col { width:auto; display:block; float:none; margin-left:0;}
    .team-col img { min-width:100%; height:100%;}

    /* ------ Extra ------ */
    .one_half{ width:100% !important; max-width: 100%;}
    #message-thumb { max-width: 100%; }
    .message-thumb{ width:100%; height:inherit !important}
    .message-desc ol {margin-left: 5%;}
    .photobooth .filter-gallery{ width:auto;}
    .photobooth .gallery ul li{ width:100%;}
    .client_banner .client { display: block; text-align:center; margin: 0 auto 10px !important; width: 270px;}
    #contact_form { width: 80%; top: 14%; }
    #contact_form input { width: 95%; font-size: 12px; margin: 2px 0px 10px 3px;}
    #contact_form textarea { width: 95%; height: 120px; }
    #contact_form .wpcf7-not-valid-tip {bottom: 0px; top: 22px; left: 2px; right: 0px;}
    span.wpcf7-not-valid-tip { font-size: 10px; }
    #contact_form .wpcf7-response-output { bottom: 15%; width: 100%; left: 0; }

    /* --------------------------- SOCIAL ICONS --------------------*/
    .social-icons{ margin:0; padding:0; text-align:center;}
    .icon{ width:58px; height:58px; border-radius:30px; -moz-border-radius:30px; -o-border-radius:30px; -ms-border-radius:30px; -webkit-border-radius:30px; display:inline-block; margin:0 7px 7px; background-repeat: no-repeat; background-position:center center; transition:0.6s; -moz-transition:0.6s; -webkit-transition:0.6s; -o-transition:0.6s;}
    .facebook{background-image:url(images/social-icons/fb-icon.png);}
    .twitt{background-image:url(images/social-icons/twitt-icon.png);}
    .gplus{background-image:url(images/social-icons/gplus-icon.png);}
    .linked{background-image:url(images/social-icons/linkedin-icon.png);}
    .pinterest{background-image:url(images/social-icons/pinterest-icon.png);}
    .youtube{background-image:url(images/social-icons/y-tube-icon.png);}
    .vimeo{background-image:url(images/social-icons/vimeo-icon.png);}
    .rss{background-image:url(images/social-icons/rss-icon.png);}
    .instagram{background-image:url(images/social-icons/instagram-icon.png);}
    .yelp{background-image:url(images/social-icons/yelp-icon.png);}

    .client_banner .client img{ height:auto; width: auto; text-align:center; display:block; margin:0 auto;}
    #contact_form { width: 80%; top: 7%; }
    #contact_form input { width: 95%; font-size: 10px; margin: 2px 0px 8px 3px;}
    #contact_form textarea { width: 95%; height: 110px; }
    #mess { top: 5%; }
    #contact_form .wpcf7-not-valid-tip {bottom: 0px; top: 22px; left: 2px; right: 0px;}
    span.wpcf7-not-valid-tip { font-size: 10px; }
    #contact_form .wpcf7-response-output { bottom: 15%; width: 100%; left: 0; }

}
/* All Mobile ( smaller than 415px )
================================================== */
@media only screen and (max-width: 414px) {

    #some-facts {width: 375px;}
    #gry-row h2 {font-size: 20px; line-height: 20px; margin-top: 5px;}
    #gry-row h4 {font-size: 16px; line-height: 20px;}

    #some-facts {width: 375px;}

}
/* All Mobile ( smaller than 381px )
================================================== */
@media only screen and (max-width: 380px) {

    #some-facts {width: 340px;}
    #gry-row h2 {font-size: 18px; line-height: 20px; margin-top: 5px;}
    #gry-row h4 {font-size: 14px; line-height: 20px;}

}

/* All Mobile ( smaller than 321px )
    ================================================== */
@media only screen and (max-width: 320px) {

    #some-facts {width: 285px;}
    #gry-row h2 {font-size: 15px; line-height: 20px; margin-top: 5px;}
    #gry-row h4 {font-size: 12px; line-height: 20px;}

}