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

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

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

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

.bsp-baner-container { margin-top: 100px; height: 270px !important; }

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

.btn-main { padding: 0.75rem 1rem .75rem }

.bsp-cookie-info-container {
	position: fixed;
	left:0px;
	bottom:0px;
	width: 100%;
	z-index: 255;
	opacity: .95;
}

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

	body{ font-size: 0.98rem; }

	.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: .98rem!important; }
	.fs-6 { font-size: .85rem!important; }

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

	.bsp-baner-container { margin-top: 71px; height: 300px !important; }

	.bsp-cookie-info-container {
		left:0px;
		bottom:0px;

	}

}

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

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

	.bsp-baner-container { margin-top: 145px; width: 100%; height: 400px !important; }

}

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

	.fs-1 { font-size: 2.5rem!important; }
	.fs-2 { font-size: 2rem!important; }
	.fs-3 { font-size: 1.84rem!important; }
	.fs-4 { font-size: 1.5rem!important; }
	.fs-5 { font-size: 1.18rem!important; }
	.fs-6 { font-size: 1rem!important; }

	.bsp-baner-container { margin-top: 120px; height: 570px !important; }

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

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


}


@media (min-width: 1360px) {
	.bsp-baner-container { height: 850px !important; }

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


@media (min-width: 2000px) {
	.bsp-baner-container { width: 1920px; margin: 120px auto 0px auto; height: 850px !important; }
}