/* media queries for mobile 480px */

@media screen and (min-width: 480px)
{
    #sidebarbottom
    {
        padding-left: 16.667%;
        padding-right: 16.667%;
    }
    
    /* products page styles */
    .productitem1, .productitem3, .productitem5, .productitem7, .productitem9, .productitem11, .productitem13
    {
        width: 48.5%;
        margin-right: 3%;
    }

    .productitem2, .productitem4, .productitem6, .productitem8, .productitem10, .productitem12
    {
        width: 48.5%;
    }
}

/* media queries for tablet 600px */

@media screen and (min-width: 600px)
{
    #sidebarbottom
    {
        padding-left: 23%;
        padding-right: 23%;
    }
    
    #twitterfeed
    {
        display: block;
    }
    
    /* team page styles */
    .teamlogos1
    {
        display: block;
        float: right;
        width: 173px;
        margin: 0px 0px 10px 10px;
    }
    
    .teamlogos2
    {
        display: block;
        float: right;
        width: 110px;
        margin: 0px 0px 10px 10px;
    }
    
    #content h3.teamheading
    {
        font-size: 2em;
    }
    
    /* appointments page styles */
    .appttable th, .appttable td
    {
        font-size: 1.5em;
    }
    
    /* services page styles */
    #content h3.serviceheading
    {
        font-size: 2em;
    }
    
    .serviceimg
    {
        width: 500px;
        margin: 0px auto;
    }
    
    #insurancelist li
    {
        display: inline;
    }
    
    #insurancelist li::after
    {
        content: " \2022 ";
    }
    
    #insurancelist li:last-child::after
    {
        content: "";
    }
    
    /* products page styles */
    .productitem1, .productitem2, .productitem4, .productitem5, .productitem7, .productitem8, .productitem10, .productitem11, .productitem13
    {
        width: 32%;
        margin-right: 2%;
    }

    .productitem3, .productitem6, .productitem9, .productitem12
    {
        width: 32%;
        margin-right: 0px;
    }
}

/* media queries for tablet 768px */

@media screen and (min-width: 768px)
{
    #navtoggle
    {
        display: none;
    }
    
    #navigation
    {
        display: block;
        float: left;
    }
    
    #navigation ul li
    {
        display: inline;
    }
    
    #navigation ul li a:link, #navigation ul li a:visited
    {
        float: left;
        font-size: 1.3em;
        background-color: #003f5e;
        padding: 15px;
        border-top: 0px;
    }
    
    #navigation ul li a:hover, #navigation ul li a:active
    {
        color: #00a9d9;
    }
    
    #sidebarbottom
    {
        padding-left: 29%;
        padding-right: 29%;
    }
    
    /* index/home page styles */
    .indexitem1, .indexitem3
    {
        width: 45%;
        margin-right: 10%;
        float: left;
    }
    
    .indexitem2, .indexitem4
    {
        width: 45%;
        float: left;
    }
    
    #content h3.indexitembordertop2
    {
        padding-top: 0.5em;
        border-top: 0px;
    }

    
    /* appointments page styles */
    .apptcol1
    {
        width: 45%;
        margin-right: 10%;
        float: left;
    }
    
    .apptcol2
    {
        width: 45%;
        float: left;
    }
}

/* media queries for tablet 800px */

@media screen and (min-width: 800px)
{
    /* resources page styles */
    .resourcescol1
    {
        width: 55%;
        float: left;
        margin-right: 10%;
    }
    
    .resourcescol2
    {
        width: 35%;
        float: left;
    }
    
    /* products page styles */
    .productitem1, .productitem2, .productitem3, .productitem5, .productitem6, .productitem7, .productitem9, .productitem10, .productitem11, .productitem13
    {
        width: 23.5%;
        margin-right: 2%;
    }
    
    .productitem4, .productitem8, .productitem12
    {
        width: 23.5%;
        margin-right: 0px;
    }
    
    /* contact page styles */
    #contact label
    {
        display: inline;
        float: left;
        width: 30%;
        padding-right: 10px;
        text-align: right;
    }
    
    #contact #fullname, #contact #email, #contact #message
    {
        width: 65%;
    }
}

/* media queries for tablet, small netbook, small laptop 1024px */

@media screen and (min-width: 1024px)
{
    #header h1
    {
        float: left;
        margin: 0px 0px 0px 3%;
    }
    
    #header h1 a
    {
        margin: 0px;
    }
    
    #navigation
    {
        float: right;
        margin-right: 3%;
    }
    
    #navigation ul
    {
        padding: 0px;
        margin: 35px 0px 0px 0px;
    }
    
    #navigation ul li a:link, #navigation ul li a:visited
    {
        font-size: 1.4em;
        padding: 15px 8px;
    }
    
    #content
    {
        width: 60%;
        float: left;
        margin: 0px 0px 0px 3%;
    }
    
    #sidebartop
    {
        width: 31.25%;
        float: right;
        margin-right: 3%;
    }
    
    #sidebarbottom
    {
        width: 31.25%;
        float: right;
        margin-right: 3%;
        background-color: #fff;
        border-top: 0px;
        padding: 0px;
    }
    
    /* appointments page styles */
    td.apptday
    {
        width: 30%;
    }
    
    td.appthours
    {
        width: 70%;   
    }
    
    /* products page styles */
    .productitem1, .productitem2, .productitem4, .productitem5, .productitem7, .productitem8, .productitem10, .productitem11, .productitem13
    {
        width: 32%;
        margin-right: 2%;
    }

    .productitem3, .productitem6, .productitem9, .productitem12
    {
        width: 32%;
        margin-right: 0px;
    }
}

/* media queries for small netbook, laptop, small desktop 1280px to 1366px */

@media screen and (min-width: 1280px)
{
    #header h1
    {
        margin: 0px 0px 0px 5%;
    }
    
    #navigation
    {
        margin-right: 5%;
    }
    
    #navigation ul li a:link, #navigation ul li a:visited
    {
        font-size: 1.5em;
        padding: 15px;
    }
    
    #content
    {
        width: 60%;
        margin: 0px 0px 0px 5%;
    }
    
    #sidebartop
    {
        width: 25%;
        margin-right: 5%;
    }
    
    #sidebarbottom
    {
        width: 25%;
        margin-right: 5%;
    }
    
    /* appointments page styles */
    td.apptday
    {
        width: 50%;
    }
    
    td.appthours
    {
        width: 50%;   
    }
    
    /* products page styles */
    .productitem1, .productitem2, .productitem3, .productitem5, .productitem6, .productitem7, .productitem9, .productitem10, .productitem11, .productitem13
    {
        width: 23.5%;
        margin-right: 2%;
    }
    
    .productitem4, .productitem8, .productitem12
    {
        width: 23.5%;
        margin-right: 0px;
    }
}

@media screen and (min-width: 1366px)
{
    #sidebartop
    {
        width: 23%;
        margin-right: 5%;
    }
    
    #sidebarbottom
    {
        width: 23%;
        margin-right: 5%;
    } 
}

/* media queries for desktop 1440px */

@media screen and (min-width: 1440px)
{
    #header h1
    {
        margin: 0px 0px 0px 10%;
    }
    
    #navigation
    {
        margin-right: 10%;
    }
    
    #content
    {
        width: 55%;
        margin: 0px 0px 0px 10%;
    }
    
    #sidebartop
    {
        width: 22%;
        margin-right: 10%;
    }
    
    #sidebarbottom
    {
        width: 22%;
        margin-right: 10%;
    }
    
    #content p, #content li
    {
        font-size: 1.6em;
    }
    
    /* appointments page styles */
    .appttable th, .appttable td
    {
        font-size: 1.6em;
    }
}

/* media queries for desktop 1920px */

@media screen and (min-width: 1920px)
{
    #header h1
    {
        margin: 0px 0px 0px 20%;
    }
    
    #navigation
    {
        margin-right: 20%;
    }
    
    #content
    {
        width: 41.667%;
        margin: 0px 0px 0px 20%;
    }
    
    #sidebartop
    {
        width: 16.667%;
        margin-right: 20%;
    }
    
    #sidebarbottom
    {
        width: 16.667%;
        margin-right: 20%;
    }
}