@media only screen and (max-width: 1024px){
    .container{ width: 100%; padding: 0 15px;}
}

@media only screen and (max-width:990px) {
    .header .title{    padding: 25px 0 25px 10px;}
}

@media only screen and (min-width:766px) {
    nav{display:block!important;}
}

@media only screen and (max-width:767px) {
.nav_bg{min-height: 45px;}
nav{display: none;margin-top:37px;background-color: #054700; position: absolute;z-index: 999;    left: 0;right: 0;}
.nav-icon {width:25px;height: 25px;    position: absolute;left: 15px; top:9px; -webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .5s ease-in-out;-moz-transition: .5s ease-in-out;-o-transition: .5s ease-in-out;transition: .5s ease-in-out;cursor: pointer;display:block;text-align: center; margin: 0 auto; }
.nav-icon span {  display: block;  position: absolute;  height:3px;  width: 100%;  background:#fff;  border-radius: 9px;  opacity: 1;  left: 0;  -webkit-transform: rotate(0deg);  -moz-transform: rotate(0deg);  -o-transform: rotate(0deg);  transform: rotate(0deg);  -webkit-transition: .25s ease-in-out;  -moz-transition: .25s ease-in-out;  -o-transition: .25s ease-in-out;  transition: .25s ease-in-out;}
.nav-icon span:nth-child(1) {  top: 0px;}
.nav-icon span:nth-child(2) {  top: 10px;}
.nav-icon span:nth-child(3) {  top: 20px;}
.nav-icon.open span:nth-child(1) {  top: 18px;  -webkit-transform: rotate(135deg);  -moz-transform: rotate(135deg);  -o-transform: rotate(135deg);  transform: rotate(135deg);}
.nav-icon.open span:nth-child(2) {  opacity: 0;  left: -60px;}
.nav-icon.open span:nth-child(3) {  top: 18px;  -webkit-transform: rotate(-135deg);  -moz-transform: rotate(-135deg);  -o-transform: rotate(-135deg);  transform: rotate(-135deg);}
.nav-icon:after {content: '';position: absolute;top: 2px;right: -35px;width: 100%;font-family: 'MyriadPro-Regular',sans-serif;font-size:20px;line-height:20px;color:#fff;}
.open.nav-icon:after{content: '';position: absolute;top:10px;right: -27px;width: 100%;font-family: 'MyriadPro-Regular',sans-serif;font-size:20px;line-height:20px;color:#fff;}
.open.nav-icon  {top:0px;}
    .nav_bg nav ul li { display: block; text-align: left;margin: 10px 0px 5px 0; padding: 0;background: none;border:none;}
    .nav_bg nav ul   { padding:0px 10px; width: 100%;}
    .nav_bg nav ul li a::before,.nav_bg nav ul li a::after,.nav_bg nav ul li::before,.nav_bg nav ul li::after{display: none;}
    .nav_bg nav ul li a:hover { color: #f9ba15;    background: transparent;}
    .nav_bg nav ul li.current-menu-item a{    background:transparent;color:#f1ca45;}
    .logo{    width: 50%;text-align: right;}
    .header .title{    width: 50%;padding: 25px 0 25px 20px;}
    .arrow-down { display: block;}
    .list_fr ul, .login_form ul,.footer ul{    text-align: center;    float: none;}
    .nav_bg nav  ul > li > ul { position: relative; background: transparent; border: none;box-shadow: none; margin-left: 0;  padding: 0px 0!important;margin-top: 0;}
    .footer p{text-align: center;}
div.side_box {
  display: none;
}
}


@media only screen and (max-width:480px) {
    .header .title { width: 70%; padding: 25px 0 25px 20px;}
    .logo { width: 30%; text-align: right;}
}


/*
@media only screen and (max-width: 760px),
    (min-device-width: 768px) and (max-device-width: 1024px)  {
            table, thead, tbody, th, td, tr {display: block;}
            thead tr {position: absolute;top: -9999px;left: -9999px;}
            tr { border: 1px solid #ccc; }
            td {border: none;border-bottom: 1px solid #eee;position: relative; padding: 5px 5px 5px 50%!important;}
            td:before {position: absolute;top: 6px;left: 6px;width: 45%;padding-right: 10px;white-space: nowrap;}
            td:nth-of-type(1):before { content: "Clinic"; }
            td:nth-of-type(2):before { content: "Address"; }
            td:nth-of-type(3):before { content: "Postal Code"; }
            td:nth-of-type(4):before { content: "Phone"; }
            td:nth-of-type(5):before { content: "After Hours"; }
            td:nth-of-type(6):before { content: "Web site"; }
            td:nth-of-type(7):before { content: "Email"; }
            td:nth-of-type(8):before { content: "Does Housecalls?"; }
            table tbody tr:nth-child(even) td{    border-bottom: 1px solid #e1e1e1;}
    }

*/