@media only screen and (min-width: 1200px) and (max-width: 1600px) and (orientation: landscape) {
    .rightinffoo {
        float: right;
        
    }
    body {
        background: url(img/bgs.jpg) repeat-y scroll center top rgba(0, 0, 0, 0);
    }
}
/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (max-width: 1200px) {
    .logoandtext {
        z-index: 1000;
        position: absolute;
        padding: 60px;
    }

    .rightinffoo {
        float: right;
        
    }
}
@media only screen and (min-width: 200px) and (max-width: 991px){
    .logoandtext {
        padding: 58px !important;
    }
    .logoandtext .logo img{
        width: 60px;
    }
    .logoandtext .sitetitle{
        font-size: 20px;
        padding-left: 10px;
    }
    .mapsection{
        margin-bottom: 10px;
    }
}
@media only screen and (min-width: 200px) and (max-width: 767px){
    .logoandtext {
        padding: 42px !important;
    }
    .logoandtext .logo img{
        width: 50px;
    }
    .logoandtext .sitetitle{
        font-size: 18px;
        padding-left: 10px;
    }
    .nav-item {
        padding-left: 20px;
        padding-right: 20px;
        margin-bottom: 10px;
    }
    .navbar-light .navbar-toggler{
        border: 0 !important;
    }
    .navbar-toggler:focus{
        box-shadow: none !important;
    }
    .has-fixed-layout tr td{
        display:grid;
        grid-template-columns:1fr 1fr;
        gap:10px;
    }
}
@media only screen and (min-width: 200px) and (max-width: 585px){
    .logoandtext {
        padding: 18px !important;
    }
    .logoandtext .logo img{
        width: 40px;
    }
    .logoandtext .sitetitle{
        font-size: 13px;
        padding-left: 10px;
    }
    .col-lg-3 {
        width: 100%  !important;
    }
}
@media only screen and (min-width: 200px) and (max-width: 368px){
    .logoandtext {
        padding: 20px !important;
    }
    .logoandtext .logo img{
        width: 35px;
    }
    .logoandtext .sitetitle{
        font-size: 11px;
        padding-left: 10px;
    }
}


/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
    .nav-item{
        padding-left: 20px;
        padding-right: 20px;
    }
    .socailmediatop{
        display: none;
    }
    .navbar-light .navbar-toggler-icon {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJQAAAB/CAMAAAA+YRunAAAALVBMVEX////4+fohJSn3+Pn09fbr7O3HycmQkpTv8PHu7/BdYGNkZmlGSU1ZXF/y8/R+vGSrAAAA/ElEQVR4nO3cWw7CIBRFUSio4IP5D7fVLzGQ3MakB3TvAZAVQsr9oc4PmFMDWoGyBsoaKGsToJysPkpnqlVuEFOlGh0VtKgwDypqUbGFCmpUAAUKFChQoECBAgUKFChQoECB+ndUPBvbs+a3qOti7HYgympaFlCgbN2tpseBKHcxtmPJ3/x4ggIFSoVidLE25N0HamoUo4syUKBATYtidLE25N0HamoUo4syUKBAgQIFChQoUKBAgQIFChQoUKBA2VDat+0dVFGiSgeVkmyvfEo9VD7Jym2Uj0WJKs1n5K+tErFytVEVajvqSdR2zNuop0rWu+nzbyVBVK1YAUqhL1MviWo7AAAAAElFTkSuQmCC);
    }
    .fooleft p {
        text-align: center;
    }

}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media (min-width: 320px) and (max-width: 480px) {
    .facebem{
        display: none;
    }
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (max-width: 768px){
    .fooleft p {
        text-align: center;
    }
    .rightinffoo {
       display: none;
    }
}