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

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

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

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

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

.bsp-mouse-animation-container { display: none; }
.bsp-heading-title {font-size: 1.5rem; }
.bsp-offer-title {font-size: 1.5rem; }

.bsp-contact-data-index { font-size: 1rem; }

.bsp-start-category-title { font-size: 1.3rem; height: 47px;}

.bsp-main-title { font-size: 1.8rem; }

.bsp-lawyer-person { display: none; }


.bsp-google-map-container { height: 200px; }

.footer-container {
	color: #fff;
	font-size: .84rem;

}
.footer-triangle {
	bottom: 70px;
}
.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);
}

/* Very small devices (tablets, 768px and up) */
@media (min-width:576px) {
	body{ font-size: 1rem;}

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

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

	.bsp-heading-title {font-size: 2.3rem; }


	.bsp-cookie-info-container {
		left: inherit;
		right:20px;
		bottom:20px;
		width: 540px;

	}
}

/* Small devices (tablets, 768px and up)  SM*/
@media (min-width:768px) {
	body { font-size: 16px; }
	.bsp-main-view-container { margin-top: 130px; }

	.xs-increase-padding { padding-right: 10px !important; padding-left: 10px !important;}
	
	.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; }
	.bsp-baner-arrows-content { margin-left: 60px; margin-top: 0px; }

	.bsp-lawyer-person { height: 80%; display: block; }


	.footer-container {
		background-color: #fff;
		color: #3a3a39;
		font-size: 1rem;
	}

	.footer-triangle {
		bottom: 0px;
	}

}

/* Medium devices (desktops, 992px and up) MD*/
@media (min-width: 992px) {
	.bsp-menu-nav-brand a { padding: 40px 0px 0px 40px !important;}

	.bsp-baner-container { height: 520px !important; }
	.bsp-baner-arrows-content { margin-left: 80px; margin-top: -20px; }

	.bsp-heading-title {font-size: 3rem; }

	
	.bsp-start-contact-form { border-left: 2px solid #02b6e3; margin-bottom: 40px; }
	
	
	
	.bsp-google-map-container { height: 600px; }

	.bsp-category-image { margin-top: -400px; }
	.bsp-main-title { font-size: 2.2rem; }

	.bsp-lawyer-person { height: 110%; }
}

/* 1280 x 720, 1366 x 768 LG*/
@media (min-width: 1200px) {
	.bsp-menu-logo { width: 200px;}

	.bsp-baner-container {  height: 550px !important; }
	.bsp-baner-arrows-content { margin-left: 60px; margin-top: -80px; }


	.bsp-heading-title {font-size: 3.7rem; }


}


/* 1440 x 900, 1600 x 900 */
@media (min-width: 1400px) {
	.bsp-baner-container { height: 600px !important; }
	.bsp-baner-arrows-content { margin-left: 120px; margin-top: -80px; }

	.bsp-main-title { font-size: 2.9rem; }

}

/* 1440 x 900, 1600 x 900 */
@media (min-width: 1600px) {
	.bsp-baner-container {  height: 650px !important; }
	.bsp-baner-arrows-content { margin-left: 60px; margin-top: -80px; }

}
/* 1920 x 1080 */
@media (min-width: 1900px) {
	.bsp-baner-container { height: 700px !important; }
	.bsp-baner-arrows-content { margin-left: 0px; margin-top: 0px;}

}