/* Large desktop */
@media (min-width: 1200px) { ... }

/* Portrait tablet to landscape and desktop */
@media (max-width: 768px) {
    .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12{
        padding-left: 10px;
        padding-right: 10px;
    }
    .container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse{
        margin-left: 0px;
        margin-right: 0px;
    }
    .row{
        margin-left: -10px;
        margin-right: -10px;
    }
    #page{
        width: auto;
        min-width: 100%;
        /*overflow: hidden;*/
    }
    .container {
        width:100%;
        max-width: 768px;
        position: relative;
        margin: 0 auto;
        padding: 0 30px;
    }
    .site-header {
        background: #ffffff !important;
        float: left;
        width: 100%;
        position: relative;
    }

    #login{display: none;}
    .site-header .navbar-brand{
        display: inline-block;
        float: left !important;
        font-size: 18px;
        height: auto;
        line-height: 20px;
        padding: 30px 40px 30px 0;
        width: auto;
    }
    .navbar-toggle{
        background: url(images/menu-toggle.png)center center no-repeat;
        border: medium none;
        border-radius: 0;
        display: inline-block;
        font-size: 0;
        height: 37px;
        margin: -20px 0 0;
        position: absolute;
        right: 40px;
        top: 50%;
        width: 45px;
    }
    .collapse{
        display: none;
    }
    .menu-main-menu-container{
        background: #61bcd2;
        position: relative;
    }
    .menu-main-menu-container:before{
        position: absolute;
        content: "";
        top: 0;
        left: 0;
        background: url(images/shadow-top.png) left top no-repeat;
        width: 100%;
        height: 64px;
        display: block;
        margin-top: -64px;
        background-size: 768px 64px !important;
    }
    .menu-main-menu-container:after{
        position: absolute;
        content: " ";
        top: 100%;
        left: 0;
        background: url(images/shadow-bottom.png) left top no-repeat;
        width: 100%;
        height: 64px;
        display: block;
        margin-top: 0px;
        background-size: 768px 64px !important;
        z-index: 99;
    }
    .main-navigation .menu{
        width: 100%;
        position: relative;
    }
    .main-navigation li{
        width: 100%;
        border-bottom: 2px solid #0d6a81;
    }
    .main-navigation li:last-child{
        border: none;
    }
    .main-navigation a{
        padding: 15px 25px;
    }
    .main-navigation li:hover > a{
        background: #0d6a81;
    }
    .main-navigation ul ul {
        display: none !important;
        float: left;
        left: 0;
        position: relative;
        top: 0;
        visibility: hidden;
        width: 100%;
        z-index: 99999;
    }
    .main-navigation ul ul a{
        width: 100%;
        padding-left: 40px !important;
    }
    .main-navigation li:hover > ul{
        display: block !important;
    }
    /*-------------- Slideshow ------------------ */
    #sliderarea, #sliderarea .bx-wrapper .bx-viewport, #custom-slideshows > .slide{
        height: 160px !important;
    }
    #custom-slideshows > .slide{
        background-size: 768px auto !important;
    }
    .site-tagline .container{
        padding: 0 30px;
    }
    .site-tagline{
        border: none;
    }
    .site-tagline h2 span{
        font-size: 26px!important;
        line-height: 24px;
    }
    .site-tagline h2{
        font-size: 22px!important;
        font-weight: bold;
        line-height: 20px;
    }
    /*------------------- Front Content ---------------- */
    .home .warpwhite{
        background: rgba(0, 0, 0, 0) url("images/lightbulbCTA2-01.1.png") no-repeat scroll center top;
        padding: 250px 0 40px;
    }
    #news{background: none; padding-top: 0; text-align: center;}
    #news .news{
        margin: 0 auto 30px;
        max-width: 360px;
        min-height: auto;
    }
    #news .news .news-title{
        font-size: 16px;
        color: #61bcd2;
        text-transform: uppercase;
        font-weight: bold;
    }
    #news .news .news-summary p{
        color: #61bcd2; 
        font-size: 15px;
        text-align: center !important;
    }
    #cilent h2{
        display: none;
    }
    #custom-our_supplier .slide{
        display: inline-block;
        width: 32%;
        float: left;
    }
    #custom-our_supplier .slide img{
        display: block;
        margin: 0 auto;
    }

    /*-------------------- Footer -------------------*/
    #footer-sidebar{
        padding: 0 10px;
    }
    #footer-sidebar .widget.col-md-3 {
        padding-right: 20px !important;
        width: 35%;
        float: left;
    }
    #footer-sidebar .widget.col-md-6{
        width: 60%;
        display: inline-block;
    }
    #footer-sidebar .widget-title{
        text-align: left;
    }
    .footer-info .alignleft{
        width: 100%;
        text-align: center;

    }
    .alignright {
        display: block;
        float: none;
        margin: 0 auto;
    }
    #pwd_footer_v2 {
        display: block;
        float: none;
        list-style: outside none none;
        margin: 0 auto;
        padding: 0;
        text-align: center;
        width: 30px;
    }
    #pwd_footer_v2 li{margin-top: 10px;}

    /*------------- Inner Page -------------- */
    .warpwhite{
        text-align: center;
        padding: 40px;
    }
    .entry-content table{
        height: 100% !important;
        position: relative;
        margin: 0 !important;
    }
    .entry-content tbody, .entry-content tr {
        display: block;
        margin:  auto;
    }
    .entry-content td{
        display: block !important;
        max-width: 360px !important;
        width: 100% !important;
        margin: 0 auto !important;
    }
    .entry-content img, img.size-full {
        max-width: 100% !important;
        width: auto !important;
    }
    .entry-content td img{
        margin: 0 auto 10px !important;
        float: none !important;
    }
    .page-template-page-templatescontact-us-php .leftcol{
        width: 100%;
    }
    #contactcol {
        float: none;
        background: #5fbbd2;
        padding: 20px 20px 50px;
        width: 100%;
        margin-bottom: 50px;
        color: #ffffff;
        font-size: 14px;
        display: block;
        clear: both;
        margin: 0 auto;
    }
    .page-template-page-templatesmember-php #our_supplier{
        display: none;
    }
    .page-template-page-templatesmember-php .rightcol, .page-template-page-templatesmember-php .leftcol{
        width: 100% !important;
    }
    .page-template-page-templatesmember-php .news .heading{
        width: 100% !important;
        background-size: 100% auto !important;
    }
    .member-cta{display: none;}
    .grey-line{
        background-size: 100% auto !important;
        width: 100%;
    }

    .entry-content table h3 br{ display: none; }
    .entry-content table img{ display: block; margin-bottom: 10px; }

    .page-template-contact-us #slideshow iframe{ height: 150px!important; }

    .entry-content tr{ height: auto!important; }
    .entry-content td{ width: 100%!important; height: auto!important; padding:10px 0!important; }
    .entry-content td h2{ margin-bottom: 0!important; }
    .makit-hardware-address td{ padding-bottom: 20px; display: block; float: left; width: 100%!important; height: auto!important; }

    #footer-sidebar #gform_wrapper_1 ul li.gfield{
        padding:0!important;
    }

    #contactcol .gform_title{ margin-top: 0; }
}

@media (max-width: 640px) {

}

@media (max-width: 480px){
    #footer-sidebar .widget.col-md-3 {
        padding-right: 0px !important;
        width: 100%;
        float: left;
    }
    #footer-sidebar .widget.col-md-6{
        width: 100%;
        display: inline-block;
    }
    #footer-sidebar .widget-title{
        margin-top: 0;
    }
}

@media (max-width: 375px){
    .site-header .navbar-brand img {
        width: 180px;
    }
    .warpwhite{
        padding: 40px 0;
    }
    #custom-our_supplier .slide {
        display: inline-block;
        float: left;
        width: 50%;
    }
    #custom-our_supplier .slide img {
        display: block;
        margin: 0 auto;
        max-height: 75px;
        max-width: 100px;
    }
    #footer-sidebar #gform_wrapper_1 ul li.col-md-6, .gform_wrapper .simple_captcha_medium input, #footer-sidebar #gform_wrapper_1 ul li.gfield{
        width: 100%;
    }
}