/**********************************

Use: Achorda.com styling
Media queries
Author: amanda.ebdon@achorda.com

***********************************/


/*==================================================
=            Bootstrap 3 Media Queries             =
==================================================*/


/*==========  Non-Mobile First Method  ==========*/

/* px ÷ 16 = em */
@media (min-width: 1024px) {

 .wide-item-wrap .flex-container {
 
        flex-wrap: nowrap;
    
    }
	}
@media (min-width: 1200px) {
    .employee-grid__item, .product-grid__item {
        -ms-flex: 1 1%;
        flex: 1 1 25%;
        max-width: 25%;
    }
	
}


@media (min-width: 992px) {
    .blogposts {
        max-width: 100%;
    }
}
/*ipad*/
@media (max-width : 1200px) {
    #tf-home {
        background-image: url(../images/01m.jpg);
        background-attachment: scroll;
    }

        #tf-home .overlay, #tf-team .overlay, #tf-testimonials .overlay, #tf-clients .overlay, #tf-contact .overlay, #tf-home .solutions {
            background-attachment: scroll;
        }

    /*#tf-testimonials {
        background-image: url(../images/03m.jpg);
        background-attachment: scroll;
    }*/
    #tf-solutions {
        background-image: url(../images/04m.jpg);
        background-attachment: scroll;
    }

    #tf-clients {
        background-image: url(../images/software1m.jpg);
        background-attachment: scroll;
    }

    #tf-contact {
        background-image: url(../images/05m.jpg);
        background-attachment: scroll;
    }

    .USP-strip ul li {
        font-weight: 600;
    }
	
	.wide-item-wrap {
        background-attachment: scroll;
    }
}


/* Larger Devices, iPad and NOT mobile phones */
@media screen and (max-width : 1200px) and (min-width : 481px) {

    .USP-strip ul li {
        padding: 4px 10px;
        font-size: 0.8em;
    }
    .solution-links .flex-container > div {
        width: 18.5%;
    }
}

@media screen and (max-width : 768px) {
    /*navbar styles to force toggle menu style*/
    .navbar-header {
        float: none;
    }

    .navbar-left, .navbar-right {
        float: none !important;
    }

    .header .logo-image {
        max-width: 250px;
    }

    .USP-strip {
        display: none;
    }

    /* .navbar-toggle {
        display: block !important;
    }



    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }

    .navbar-collapse.collapse {
        display: none !important;
    }

    .navbar-nav {
        float: none !important;
        margin-top: 0;
    }

        .navbar-nav > li {
            float: none;
        }

            .navbar-nav > li > a {
                padding-top: 10px;
                padding-bottom: 10px;
            }

    .navbar-collapse.collapse.in {
        display: block !important;
    }

    .content {
        padding: 30% 0 0;
    }

    .service {
        margin-bottom: 15px;
    }*/
    .how-we-work .flex-container > div {
        width: 100%;
    }

    .about-text .section-title {
        text-align: center;
        margin-top: 20px;
    }

    .about-text {
        text-align: center;
    }

    .wide-item-wrap {
        background-attachment: scroll;
    }

    section.what-clients-like .flex-container > div {
        width: 100%;
        margin-bottom: 0;
    }

    .wide-item-wrap .flex-container {
        justify-content: center;
    }

        .wide-item-wrap .flex-container .box1, .wide-item-wrap .flex-container .box2, .wide-item-wrap .flex-container .box3 {
            width: 90% !important;
            text-align: center !important;
        }

    .wide-item-wrap h2 {
        font-size: 2.0em !important;
        margin-left: 0;
    }

    .image-title-header .overlay-bg {
        height: 70%;
    }

    .image-title-header .itemTitle h1 {
        font-size: 1.7em;
        bottom: 15px;
        left: 15px;
    }
    .solution-links .flex-container > div {
        width: 20.5%;
    }
    /*added 01 08 23 to hide about image from home page on mobile*/
    .home-about-image {
        display: none;
    }
    .hide-mobile {
        display: none;
    }
    .header {
        padding-bottom: 1.0em;
    }
    .qmsuk-badge {
        margin: 30px auto 0 auto;
        text-align: center;
        float: none;
    }
    .social.pull-right {
        float: none !important;
    }
   }

        @media (max-width: 767px) {

            /*#tf-menu a.navbar-brand {
        max-width: 250px;
    }

    #tf-home .content-logo {
        max-width: 80%;
    }

    a.fa.fa-angle-down {
        margin-top: 40px;
    }*/

            .USP-strip {
                display: none;
            }

            .header-contact.pull-right {
                float: none !important;
                text-align: center;
            }

            ul.social li:first-child {
                margin-left: 0;
            }

            /*#tf-menu .navbar-nav li {
        display: block;
    }

    .navbar-nav {
        margin: 0;
    }

    #tf-home .content {
        padding: 53% 3% 0 3%;
    }

    #tf-home h1 {
        font-size: 1.4em;
    }*/

            #tf-testimonials .overlay {
                padding-top: 100px;
            }

            ul.cat li {
                display: inline-block;
            }


            ol.type li {
                margin-left: 10px;
            }

                ol.type li:after {
                    content: '';
                    margin-left: 0;
                }

            .isotope-item {
                min-width: 100%;
            }

            /*table.blogTable1 strong {
        font-size: 1.0em;
    }

    table.blogTable1 th {
        text-align: center;
        font-size: 1.0em;
        color: #fff;
    }*/
            .item-thumb {
                width: 100%;
            }

            .item-wrap {
                display: block;
            }
            .solution-links .flex-container > div {
                width: 100%;
                margin-right: 0;
            }
        }

        @media (max-width: 603px) {
            .pull-left.fnav, .pull-right.fnav {
                float: none !important;
                text-align: center;
            }

            ul.social {
                padding-left: 0;
            }
            /*#tf-menu.navbar-default {
        background-color: rgba(0, 0, 0, 0.79);
    }*/

            #tf-solutions li.pull-right, #tf-solutions li.pull-left {
                margin-top: 10px;
                float: none !important;
                text-align: center;
                display: block;
            }

            label {
                float: none !important;
            }

            .pull-left.fnav,
            .pull-right.fnav {
                float: none !important;
                text-align: center;
            }

            .hover-bg .hover-text {
                padding: 12% 10%;
            }

            .case-study .item-keyElements {
                width: 100%;
            }

            .itemPromo .itemPromoHeading2 h2 {
                font-size: 0.9em;
            }

            .itemPromo .item-date {
                font-size: 0.8em;
            }
            section.blog .flex-container > div {
                width: 100%;
            }
            .solution .section__hero-content {
                padding: 2.0rem 0;
            }

            .solution h1 {
                font-size: 2.6em;
            }

            .solution .section__description {
                font-size: 1.0rem;
            }
        }


        @media (max-width: 360px) {
            .hover-bg .hover-text {
                padding: 22% 10%;
            }
        }