/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
    .logoandtext {
        display: none;
    }
    .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);
    }
    .nav-item {
        padding-left: 20px;
        padding-right: 20px;
        margin-bottom: 10px;
    }
    .fooleft p {
        text-align: center;
    }

}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {

}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (max-width: 768px){
    .logoandtext {
        z-index: 1000;
        margin-top: 0px;
        position: absolute;
        padding: 39px;
    }
    .fooleft p {
        text-align: center;
     
    }
    .rightinffoo {
       display: none;
        
    }


}


/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (max-width: 1200px) {
    .logoandtext {
        z-index: 1000;
        margin-top: 25px;
        position: absolute;
        padding: 39px;
    }
    .rightinffoo {
        float: right;
        
    }
}

@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);
    }
}