/**************************************************************************************
Custom Responsive classes
Copyright  2015  rights reserved
**************************************************************************************/

@media only screen and (min-width: 1024px) and (max-width: 1169px) {

}




@media only screen and (min-width: 959px) and (max-width: 1024px) {

}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
.navbar-toggler{ background:#fff}

} 

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
.caption {
    position: relative;
    top: 0;
    background: #f7f7f7;
    width: 100%;
    right: 0;
    padding: 15px 10px;
    
}
.content-block{ margin-bottom:35px}
	.nav-container {
    background: rgba(0, 0, 0, 0.80);
    border-bottom: 5px solid rgba(255, 255, 255, 0.76);
}
.navbar-toggler{ background:#fff}
.form-block{    position: relative;

    right: 0;
    width:auto}
.numbers img { width:100%}
.footer-logo {
    text-align: center;
    margin: 10px 0;
}
.footer-content{ text-align:center}
.content-block img{ margin:0 auto}
.navbar-nav{ width:100%; text-align:center }
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	.caption {
    position: relative;
    top: 0;
    background: #f7f7f7;
    width: 100%;
    right: 0;
    padding: 15px 10px;
    
}
.content-block{ margin-bottom:35px}
	.nav-container {
    background: rgba(0, 0, 0, 0.80);
    border-bottom: 5px solid rgba(255, 255, 255, 0.76);
}
.navbar-toggler{ background:#fff}
.form-block{    position: relative;

    right: 0;
    width:auto}
.numbers img { width:100%}
.footer-logo {
    text-align: center;
    margin: 10px 0;
}
.footer-content{ text-align:center}
.content-block img{ margin:0 auto}
	.navbar-nav{ width:100%; text-align:center }
}
		

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
.caption {
    position: relative;
    top: 0;
    background: #f7f7f7;
    width: 100%;
    right: 0;
    padding: 15px 10px;
    
}
.content-block{ margin-bottom:35px}
	.nav-container {
    background: rgba(0, 0, 0, 0.80);
    border-bottom: 5px solid rgba(255, 255, 255, 0.76);
}
.navbar-toggler{ background:#fff}
.form-block{    position: relative;

    right: 0;
   width:auto}
.numbers img { width:100%}
.footer-logo {
    text-align: center;
    margin: 10px 0;
}
.footer-content{ text-align:center}
.content-block img{ margin:0 auto}
.navbar-nav{ width:100% !important; text-align:center }
}