/*/////////////////////////////////////////////////////////////////////////////*/
/*////////////////    MEDIA QUERY FOR BOOTSTRAP    ////////////////////////////*/
/*/////////////////////////////////////////////////////////////////////////////*/

/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */
html{ font-size: 18px;}
body{ font-size: .9rem;}

.fs-1 { font-size: 2rem!important; }
.fs-2 { font-size: 1.5rem!important; }
.fs-3 { font-size: 1.25rem!important; }
.fs-4 { font-size: 1rem!important; }
.fs-5 { font-size: .85rem!important; }
.fs-6 { font-size: .75rem!important; }

.container {
	padding-left: 25px;
	padding-right: 25px;
}

.bsp-sign {
	left: 0px; right: 0px; bottom: 50px;
	width: 150%;
}

.bsp-main-view-container { margin-top: 65px; }

.bsp-anchor { margin-top: -110px; }

.bsp-menu-nav-brand { float: none !important; text-align: center;}
.bsp-menu-logo { width: 130px;}

.bsp-baner-container { height: 390px !important; }

.bsp-google-map { height: 400px; }

.bsp-wall-content { font-size: .8rem; font-weight: 700; background-color: rgb(242 224 102 / 75%); }

.bsp-cookie-info-container {
	position: fixed;
	left:13px;
	bottom: 10px;
	right: 13px;
	background:#00aef8;
	z-index: 255;
	box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);
	border-radius: 20px;
	border: 2px solid #485683;
	width: initial;
}

.bsp-footer {
	left: 10px;
	right: 10px;
	bottom: 0px;
}
/* Very small devices (tablets, 768px and up) */
@media (min-width:576px) {
	body{ font-size: 1rem;}

	.fs-1 { font-size: 2.25rem!important; }
	.fs-2 { font-size: 1.55rem!important; }
	.fs-3 { font-size: 1.5rem!important; }
	.fs-4 { font-size: 1.25rem!important; }
	.fs-5 { font-size: 1rem!important; }
	.fs-6 { font-size: .85rem!important; }

	.container {
		padding-left: initial;
		padding-right: initial;
	}

	.bsp-main-view-container { margin-top: 65px; }
	.bsp-sign {
		left: 0px; right: 0px; bottom: 0px;
		width: 100%;
	}
	.bsp-gradient-bg { width: 50px; }

    .bsp-baner-container { height: 350px !important; }

	.bsp-wall-content { font-size: 1rem; font-weight: 800; }


	.bsp-cookie-info-container {
		left: 50%;
		transform: translate(-50%, 0%);
		width: 100%;
	}
}

/* Small devices (tablets, 768px and up)  SM*/
@media (min-width:768px) {

	body{ font-size: 1.3rem;}

	.bsp-main-view-container { margin-top: 128px; }
	.bsp-anchor { margin-top: -160px; }

	.bsp-gradient-bg { width: 100px; }


	.bsp-menu-nav-brand { float: left !important; text-align: left;}
	.bsp-menu-nav-brand a { padding: 15px 0px 15px 0px !important;}
	
	
    .bsp-baner-container { height: 400px !important; width: 100%;}

	.bsp-login-panel-content {font-size: 2.2rem;}

	.bsp-app-container { font-size: .65rem;  }

	.bsp-wall-content { font-size: 1.2rem; }


	.bsp-event-title-index { font-size: 1.3rem; }

	.bsp-footer {
			bottom: 0px;
			left: 50%;
			transform: translate(-50%, 0%);
	}

}

/* Medium devices (desktops, 992px and up) MD*/
@media (min-width: 992px) {

	.fs-1 { font-size: 2.75rem!important; }
	.fs-2 { font-size: 2.05rem!important; }
	.fs-3 { font-size: 2rem!important; }
	.fs-4 { font-size: 1.75rem!important; }
	.fs-5 { font-size: 1.5rem!important; }
	.fs-6 { font-size: 1.35rem!important; }


	.bsp-menu-nav-brand a { padding: 40px 0px 0px 40px !important;}

	.bsp-baner-container { height: 580px !important; }

	.bsp-wall-content {  background-color: transparent; font-size: 1.29rem; }


	.bsp-google-map { height: 600px; }


}

/* 1280 x 720, 1366 x 768 LG*/
@media (min-width: 1200px) {


	.fs-1 { font-size: 3.7rem!important; }
	.fs-2 { font-size: 3.1rem!important; }
	.fs-3 { font-size: 2rem!important; }
	.fs-4 { font-size: 1.75rem!important; }
	.fs-5 { font-size: 1.5rem!important; }
	.fs-6 { font-size: 1.25rem!important; }

	.bsp-menu-logo { width: 200px;}
	.bsp-main-view-container { margin-top: 135px; }
	.dashboard-menu { top: 154px; }

	.bsp-baner-container {  height: 650px !important; }

	.bsp-gradient-bg { width: 200px; }

	.bsp-login-panel-content {font-size: 2.3rem;}

	.bsp-wall-content { font-size: 1.5rem; }

	.bsp-app-container { font-size: .8rem;  }


}


/* 1440 x 900, 1600 x 900 */
@media (min-width: 1400px) {
	.bsp-baner-container { height: 740px !important; }


}

/* 1440 x 900, 1600 x 900 */
@media (min-width: 1600px) {
	.bsp-baner-container {  height: 740px !important; }

}
/* 1920 x 1080 */
@media (min-width: 1940px) {
	.bsp-main-view-container { width: 1920px; margin: 135px auto 0px auto; }
	.bsp-baner-container {  height: 790px !important; }
}