/* 
    Created on : 17-May-2017, 9:29:27 AM
    Author     : mharris
*/



@media (min-width: 768px) {

    #main-nav .navbar-toggle {
        /*display: block; temp disable*/
        display: none;
    }


    .navbar-header {
        float: none;
    }

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


}

@media (min-width: 992px) {

    #main-nav .collapse {
        display: block;
    }

    .navbar-header {
        float: left;
    }

    #main-nav .navbar-toggle {
        display: none;
    }

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

}

@media (max-width: 991px) {

    #main-nav .navbar-nav {
        float: none;
    }

    #main-nav .nav>li>a {
        padding: 15px 7px 14px;
    }

    #main-nav .nav>li {
        border-top: 1px solid #5c9fda;
    }

    #main-nav .navbar-right {
        width: 100%;
        margin: 0;
    }

    #main-nav.navbar-default {
        position: absolute;
        top: 0;
        left: 0;
    }

    #main-nav .navbar-toggle {
        /*display: block; temp disable*/
        display: none;
    }

}

@media (max-width: 767px) {

    #main-nav .nav>li {
        padding-left: 10px;
    }

    #navbar-logo {
        margin-left: 10px;
    }


    a#contact-call,
    #contact-email {
        float: none;
        width: 100%;
        padding: 0;
    }

    #social-icons {
        /*margin: 0 -20px;*/
    }

    #social-icons a {
        margin: 0;
        /*width: 52px;*/
    }



    #social-icons a#facebook-icon {
        background-position: 8px center;
    }

    #social-icons a#twitter-icon {
        background-position: -109px center;
    }

    #social-icons a#instagram-icon {
        background-position: -227px center;
    }

    #social-icons a#linkedin-icon {
        background-position: -452px center;
    }



    #techCarousel .item,
    #techCarousel .item.active {
        position: static;
        display: block;
        float: none;
        transform: none;
    }

    #techCarousel .carousel-inner>.item>a {
        display: block;
        width: 40%;
        margin: 0 auto;
    }

    #techCarousel .carousel-control {
        display: none;
    }

    ul.on-site-repair li {
        width: 33.33%;
    }

    li.cracked-screens {
        margin-left: 16.67%;
    }

    li.audio {
        margin-left: 0;
        clear: none;
    }

    li.camera {
        clear: left;
        margin-left: 16.67%;
    }


}

@media (max-width: 500px) {

    #logo {
        width: 80%;
        background-size: contain;
    }

    #techCarousel .carousel-inner>.item>a {
        width: 60%;
    }

    ul.on-site-repair li {
        float: none;
        width: 100%;
        margin: auto;
        height: auto;
        padding-bottom: 38px;
        padding-top: 87px;
    }

    #social-icons a#facebook-icon:before {
        left: 0px;
    }

    #social-icons a#twitter-icon:before {
        left: 0px;
    }

    #social-icons a#instagram-icon:before {
        left: 9px;
    }

    #social-icons a#g-plus-icon:before {
        left: 14px;
    }

    #social-icons a#linkedin-icon:before {
        left: 17px;
    }

}

@media (max-width: 400px) {

    #social-icons a#facebook-icon {
        background-position: 2px;
    }

    #social-icons a#twitter-icon {
        background-position: -109px;
    }

    #social-icons a#instagram-icon {
        background-position: -228px center;
    }

    #social-icons a#g-plus-icon {
        background-position: -341px;
    }

    #social-icons a#linkedin-icon {
        background-position: -454px;
    }

    #social-icons a {
        width: 52px;
    }

}