﻿/* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* media queries - ideal break points: 1280, 1024, 800, 600, 480 and 320 ///////////////////////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

/* tablet */
@media only screen and (max-width : 800px) {
    .page-form-wrapper { min-width:0; width: 780px;}
    .wrapper { min-width:0; width: 780px; }
    .content { width: 710px; }

    h1 { font-size: 2.6rem; line-height: 1; }
    h2 { font-size: 2.5rem; }
    h3 { font-size: 1.4rem; }

    .tablet100 { width:100%; }
    .tablet80 { width:80%; }
    .tablet60 { width:60%; }
    .tablet50 {
        width: 50%;
    }
    .tablet40 { width:40%; }
    .tablet20 { width:20%; }
    .tabletnone { display:none }
    .tabletshow { display:block }

    .tablet-float-right { float:right; }
    .tablet-float-left { float:right; }

    .footer-nav ul li{ width:40%;margin: 0 5%;}
    .footer-nav ul li ul:nth-child(2n){height:220px; margin-bottom:10px;}

    .btn {padding: 8px 18px;}

    .breadcrumb { background:#f2f2f2; border-top: 1px solid #ddd; border-bottom-color:#EFECE9;}

    /* icons */
    .cat1-medium { display:none; }

    /* header */
    .header .logo { max-width:220px; }

    /* header > mobile-nav */
    .mobile-nav { display:block;}

    .header .search { display:none; position:absolute; top:21px; right:-1px; z-index:0; min-width:200px; background:#fff; border-radius:0; text-align:right; }
    .header .search span.border-left { display:none;}
        .header .search .btn-search { border:0; padding: 8px 22px; outline:none; border-radius: 20px; min-width:9em; margin: 6px 0;}

    /* content > about-us */
    .about-us { height: auto; }
    /* content > latest-news */
    .latest-news .post { max-height: none; height: 143px}
    /* content > testimonials */
    .testimonials {height:auto;}

    /* content > members */
.members h3 { font-weight:bold;}


}

/* mobile */
@media only screen and (max-width : 480px) {
    .download-a {
       margin-bottom:20px;
    }
    body { font-size: 1.2rem; line-height:18px;}/* =12px */

    h1, h2, h3 { line-height:22px; }

    h1 { font-size: 2.4rem; }
    h2 { font-size: 2.3rem; }
    h3 { font-size: 1.2rem; }

    .btn h2, .btn h3 { line-height:18px;}

    .page-form-wrapper { width: auto; }
    .wrapper { width: auto; }
    .content { width: auto; }

    .mobile100 { width:100%;}
    .mobile60 { width: 60%; }
    .mobile66 { width:66%; }
    .mobile50 { width:50%; }
    .mobile40 { width: 40%; }
    .mobile33 { width:33%; }
    .mobilenone { display:none; }
    .mobileshow { display:block; }
    .mobile-margin-padding-reset { padding:0; margin:0; }
    .mobile-clear { clear:both; }
    .mobile-space-break10 { height: 10px; clear:both; }

    .footer-nav ul li{ width:100%;margin: 0;}
    .footer-nav ul li ul:nth-child(2n){height:auto;}

    .btn { font-size: 1rem; }
    .btn.center { left: 5px; right: 5px;}
    .title h2 { font-size:1.4rem; line-height:18px; max-width:100px; margin:0 auto; margin-top:10px; }

    /* icons */
    .cat2 { /*background-size: 44px 44px; top:14px;*/ display:none;}
    .cat2-medium { display:block;}

    /* header */
    .header .logo { max-width:160px; width:50%; }
    .header-button { width:50%; }
        .header-button .btn { margin-top:35px; max-height:20px; overflow:hidden;}

    /* content > latest-news */
    .latest-news .post { max-height: none; height: auto;}

    /* content > contact-us */
    .form {min-width: 100%; max-width:100%; padding: 8px 0; margin:0 0 10px 0;}

    /* content > members */
    .member img { max-width:200px; float:none; margin-right:0; margin:0 auto; }
}
