@media screen and (min-width:815px)
{
div#main_div
{
background-color: #FFFFFF;
border: 1px #376bad solid;
border-radius: 5px;
padding: 8px;
height: auto;
}
div#contactinfo
{
width:auto;
height:auto;
color: #000000;
font-family: verdana;
font-size: 16px;
}
div#googlemap
{
width: 425px;
height: 350px;
}
.direct
{
width: 195px;
height: auto;
background-color: #ffffff;
font-family: verdana;
position: relative;
top: -220px;
left: 510px;
margin-top: -142px;
}
.direct_ul
{
list-style-type: none;
width: 195px;
height: auto;
text-align: left;
padding: 0px;
background-color: #ffffff;
}
.direct_holder
{
padding: 15px 0px 0px 5px;
width: 210px;
height: 30px;
background-color: #ffffff;
}
.direct_holder > span
{
padding: 10px;
border: 1px solid #376bad;
border-radius: 20px;
background-color: #bbcee6;
}
.direct_holder > span:hover
{
background-color: #ffffff;
}
.directdown
{
display: none;
text-align: left;
background-color: #e8e8e8;
border: 1px solid #376bad;
border-radius: 5px;
width: 480px;
list-style-type: disc;
padding: 5px 5px 5px 20px;
font-size: 14px;
}
.direct_holder:hover ul.directdown
{
display: block;
z-index: 1001;
clear: both;
position: relative;
left: -515px;
top: -25px;
}
div.mobiledirect{
display: none;
}
span#contactmobilecall{
display: none;
}
br#contactmobilecallbr{
display: none;
}
}
/*start of mobile*/
@media screen and (max-width:814px)
{
    div#main_div{
        clear: both;
        margin: 0;
        padding: 0;
        border-style: none;
        border-radius: 0;
        border-width: 0;
        width: auto;
        height: auto;
        background-color: #FFFFFF;
    }
    div#contactinfo{
        margin: 0;
        padding: 4px;
        width: auto;
        height: auto;
        border-style: none;
        font-size: 16px;
        font-family: verdana;
    }
    div.direct{
        display: none;
    }
    div#googlemap{
        margin: 0;
        padding: 0;
        width: auto;
        height: auto;
    }
    div#googlemap > small{
        display: none;
    }
    div#googlemap > iframe{
        width: 100%;
    }
        div.mobiledirect{
            display: block;
        }
        ul.mobiledirectdown{
            display: none;
        }
        input#bend:checked ~ ul.mobiledirectdown{
            display: block;
            z-index: 502;
            margin-top: 12px;
            position: relative;
            top: auto;
            left: auto;
        }
        input#redmond:checked ~ ul.mobiledirectdown{
            display: block;
            z-index: 501;
            margin-top: 12px;
            position: relative;
            top: auto;
            left: auto;
        }
        input#sisters:checked ~ ul.mobiledirectdown{
            display: block;
            z-index: 500;
            margin-top: 12px;
            position: relative;
            top: auto;
            left: auto;
        }
        div.mobiledirect{
            width: auto;
            height: auto;
            background-color: #ffffff;
            font-family: verdana;
        }
        input#bend{
            display: none
        }
        input#redmond{
            display: none
        }
        input#sisters{
            display: none;
        }
        ul.mobiledirect_ul{
            list-style-type: none;
            width: auto;
            height: auto;
            text-align: left;
            padding: 0px;
            background-color: #ffffff;
        }
        li.mobiledirect_holder{
            padding: 15px 0px 0px 2px;
            width: auto;
            height: 30px;
            background-color: #ffffff;
        }
        label.mobiledirectlabel > span{
            padding: 10px;
            border: 1px solid #376bad;
            border-radius: 20px;
            background-color: #bbcee6;
            font-size: 15px;
        }
        ul.mobiledirectdown{
            display: none;
            text-align: left;
            background-color: #e8e8e8;
            border: 1px solid #376bad;
            border-radius: 5px;
            width: auto;
            height: auto;
            list-style-type: disc;
            padding: 5px 5px 5px 20px;
            font-size: 15px;
            margin-left: -2px;
        }
    
    span#contactdesktopcall{
        display: none;
    }
    br#contactdesktopcallbr{
        display: none;
    }


}