@media (min-width: 768px) {
    .navbar .navbar-nav {
        display: inline-block;
        float: none;
        vertical-align: top;
    }

    .navbar .navbar-collapse {
        text-align: center;
    }
}

@media (max-width: 768px){
	.nav.navbar-nav.navbar-right {
		padding-left: 15px;
	}
	
	.blueimp-gallery > .next {
		display: none !important;
	}
	
	.blueimp-gallery > .prev {
		display: none !important;
	}
}

/* Sticky footer styles
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%;
}
body {
  /* Margin bottom by footer height */
  margin-bottom: 60px;
}
footer {
  position: sticky;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 60px !important;
  background-color: #004461;
  border-color: #004461;
  }
  
/* Custom page CSS
-------------------------------------------------- */
/* Not required for template or sticky footer method. */

body > .container {
  padding: 15px 15px 0;
}

.footer > .container {
  padding-right: 15px;
  padding-left: 15px;
}

code {
  font-size: 80%;
}


a:focus , a:hover{
  outline: none;
  color: #fff !important;
}

.back-to-top {
	cursor: pointer;
	position: fixed;
	bottom: 70px;
	right: 20px;
	display:none;
	background-color: #2e343e !important;
	opacity: 0.6;
	border: none;
	outline: none;
}

.animated {
	-webkit-transition: height 0.2s;
	-moz-transition: height 0.2s;
	transition: height 0.2s;
}
/*###############################################################*/
 @media screen and min-width 1px and max-width 767px {
			
            #columns[data-columns]::before {
                content: '2 .col-xs-6';
            }
			
			.back-to-top {
				display: none !important;
			}
         
        }
         
        @media screen and min-width768px and max-width 991px {
            #columns[data-columns]::before {
                content: '3 .col-sm-4';
            }
			
			.back-to-top {
				display: none !important;
			}
         
        }
         
        @media screen and min-width992px and max-width 9999px {
            #columns[data-columns]::before {
                content: '4 .col-md-3';
            }
			
			.back-to-top {
				display: none !important;
			}
         
        }

a:focus {
  outline: none !important;
}

#logo {
		height:50px;
}