/************************************+
DESCRIPTION  : RESPONSIVITY SCRIPT   *
AUTHOR       : JOHN PERRI CRUZ       *
DESCRIPTION  : RESPONSIVE VIEWSPORTS *
DATE CREATED : JULY 17, 2015         *
*************************************/
/*GLOBAL*/
@media screen and (max-width: 2560px){ /*********| 1080P |**********/
    .top-bar {
        position: fixed;
        width: 100%;
        top: 0;
        z-index: 1;
    }
    .site-header {
        position: fixed;
        width: 100%;
        top: 47px;
        z-index: 1;
    }
    .site-content {
        padding-top: 147px;
    }
}
@media screen and (max-width: 2048px){ /*********| 1080P |**********/

}
@media screen and (max-width: 1920px){ /*********| 1080P |**********/

}
@media screen and (max-width: 1600px){ /*****| MID HD DESKTOP |*****/
}

@media screen and (max-width: 1440px){ /*****| MID HD DESKTOP |*****/

	#mega-menu-primary .mega-menu-item:last-child .mega-sub-menu {
		right: 0 !important;
	}

}

@media screen and (max-width: 1366px){ /********| HD LAPTOP |*******/

	.homepage .layer_3 .inner-container {
		max-width: 540px;
		margin: 0 150px 0 auto;
	}
	
	.about-us.innerpage .about-us-content {
		background-position: center right -280px;
	}
	.about-us.innerpage .about-us-widget {
		background-position: center right -50px;
	}

}

@media screen and (max-width: 1280px){ /**********| 720P |**********/

	.about-us.innerpage .about-us-widget {
		padding: 70px 5px;
	}
	
	.above-footer .visit-us iframe {
		width: 100%;
	}

}

@media screen and (max-width: 1152px){ /******| DESKTOP RARE |*******/

	.site-header #responsive-menu-container {
		top: 138px;
	}
	
	.site-content {
		padding-top: 145px;
	}
	
	.top-bar {
		position: fixed;
		width: 100%;
		z-index: 9;
	}
	
	.site-header {
		position: fixed;
		width: 100%;
		top: 47px;
		padding: 10px 5px;
		z-index: 9;
	}
	
	.homepage #hero_banner {
		background-position: center left -400px;
	}
	
	.homepage .layer_3 .inner-container {
		max-width: none;
		margin: 0;
	}
	
	.homepage .layer_4 {
		background: url(/wp-content/uploads/2020/08/slip-and-fall-background-home.png);
		background-position: center;
	}
	
	.homepage .layer_6 .h2 {
		font-size: 1.75rem;
	}
	
	.about-us.innerpage .about-us-content {
		padding: 70px 5px;
	}
	
	.about-us.innerpage .about-us-widget {
		background: linear-gradient(rgb(64 75 148 / 0.7),rgb(64 75 148 / 0.7)), url(/wp-content/uploads/2020/08/better-care-better-settlement-background-about-us.png);
		background-color: #404b94;
		background-repeat: no-repeat;
		background-size: cover, auto 100%;
		background-position: center, center right;
	}

}

@media screen and (max-width: 1024px){ /**| APPLE IPAD LANDSCAPE |**/

	.about-us.innerpage .about-us-content {
		background-position: center right -400px;
	}
	.layer_3 .inner-container {
		margin: auto;
		max-width: 100%;
	}
	.homepage .layer_3 aside, .layer_3 aside {
		padding: 50px;
	}
	.site-header {
		top: 47px;
	}
	.top-bar aside {
		display: none;
	}
	.top-bar aside:first-child {
		display: block;
		flex: 0 0 100%;
		-ms-flex: 0 0 100%;
		max-width: 100%;
		text-align: center;
	}
	#responsive-menu-container #responsive-menu-additional-content a {
		color: #fff;
	}
	#responsive-menu-container #responsive-menu-additional-content a.btn {
		display: block;
		margin: 20px 0px;
		padding: 10px;
		font-weight: bold;
	}
    .above-footer .schedule-an-appointment .container .col-lg-6.col-12 p.call-us {
        margin-bottom: 35px;
    }
}

@media screen and (max-width: 800px) { /**| APPLE IPAD PORTRAIT |***/

	.top-bar {
		padding: 10px 5px;
		font-size: 17px;
	}

	.office-hours {
		text-align: center;
	}

	.homepage #hero_banner .container {
		padding: 0 35px;
	}
	.homepage #hero_banner .book-an-appointment .btn {
		margin: auto;
	}
	
	.homepage #hero_banner aside {
		text-align: center;
	}
	
	.homepage .layer_2 {
		background: linear-gradient(rgb(255 255 255 / 0.50),rgb(255 255 255 / 0.50)),url(/wp-content/uploads/2020/08/injury-care-background-home.png);
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center;
		padding: 70px 5px;
	}
	
	.homepage .layer_3 .inner-container,
	.layer_3 .inner-container {
		text-align: center;
	}
	.homepage .layer_3 .inner-container .book-an-appointment .btn,
	.layer_3 .inner-container .book-an-appointment .btn {
		margin: auto;
	}
	
	.homepage .layer_3 aside,
	.layer_3 aside {
		padding: 70px 15px;
	}
	.homepage .layer_3 aside#custom_html-15,
	.layer_3 aside#custom_html-15 {
		background-size: cover;
	}
	
	.homepage .layer_4 {
		padding: 70px 5px;
	}
	
	.homepage .layer_4 aside#media_image-4 {
		text-align: center;
		margin-top: 50px;
	}
	
	.homepage .layer_5 {
		padding: 70px 5px;
	}
	.homepage .layer_5 .book-an-appointment .btn {
		margin: auto;
	}
	
	.homepage .layer_5 aside,
	.homepage .layer_5 aside#media_image-3 {
		text-align: center;
	}
	.homepage .layer_5 aside:nth-last-child(2) {
		margin-bottom: 35px;
	}
	
	.homepage .layer_6 .h2 {
		font-size: 1.25rem;
	}
	
	.innerpage .content .main-content {
		padding-bottom: 35px;
	}
	
	.about-us.innerpage .about-us-content {
		background: linear-gradient(rgb(255 255 255 / 0.6),rgb(255 255 255 / 0.6)), url(/wp-content/uploads/2020/08/about-us-content-background-about-us.png);
		background-repeat: no-repeat;
		background-size: cover;
	}
	
	.page-id-1239 .innerpage-content .layer_3 ul {
		max-width: 140px;
		margin: 0 auto 15px;
	}
		
	#secondary {
		max-width: 380px;
		margin: auto;
	}

	#hero_banner .container {
		padding-left: 15px;
	}
	
	.above-footer .visit-us {
		padding: 70px 5px;
	}
	
	.above-footer .visit-us aside:first-child {
		text-align: center;
		padding: 0 15px 35px;
	}
	
	.above-footer .schedule-an-appointment {
		padding: 70px 5px;
	}
	
	.above-footer .schedule-an-appointment .container .col-lg-6.col-12 {
		padding-bottom: 35px;
	}
	.above-footer .schedule-an-appointment .container .col-lg-6.col-12:first-child {
		text-align: center;
	}
	.above-footer .schedule-an-appointment .container .col-lg-6.col-12:last-child {
		padding-bottom: 0;
	}
	
	footer .site-main-footer aside {
		padding-bottom: 35px;
	}
	footer .site-main-footer aside:last-child,
	footer .site-main-footer aside:nth-last-child(2) {
		padding-bottom: 0;
	}
	
	footer .site-copyright .right-col,
	footer .site-copyright .left-col {
		text-align: center;
	}
	footer .site-copyright .left-col {
		padding-bottom: 35px;
	}
    .above-footer .schedule-an-appointment .container .col-lg-6.col-12 p.call-us {
        margin-bottom: 0;
    }
}

@media screen and (max-width: 640px) { /*|SAMSUNG MOBILE LANDSCAPE|*/

	.office-hours .col-md-6:first-child {
		padding-bottom: 15px;
	}
	
	.top-bar .h4 {
		font-size: 1.25rem;
	}
	
	.homepage .layer_2 .injury-list .col-md-3.col-sm-6 {
		padding-bottom: 35px;
	}
	.homepage .layer_2 .injury-list .col-md-3.col-sm-6:last-child,
	.homepage .layer_2 .injury-list .col-md-3.col-sm-6:nth-last-child(2) {
		padding-bottom: 0;
	}
	
	.homepage .layer_6 .h2 {
		font-size: 1rem;
	}
	
	.about-us.innerpage .about-us-widget {
		background: linear-gradient(rgb(64 75 148 / 0.7),rgb(64 75 148 / 0.7)), url(/wp-content/uploads/2020/08/better-care-better-settlement-background-about-us-mobile.jpg);
		background-size: cover;
		background-position: center;
	}
	
	footer .site-main-footer aside:nth-last-child(2) {
		padding-bottom: 35px;
	}

}

@media screen and (max-width: 480px) { /*| GENERIC ANDROID PHONES |*/

	.top-bar aside {
		text-align: center;
	}
	
	.homepage .layer_2 .injury-list .col-md-3.col-sm-6:nth-last-child(2) {
		margin-bottom: 35px;
	}

}

@media screen and (max-width: 414px) { /********| IPHONE 6+ |*******/

	.site-content {
		padding-top: 135px;
	}
	
	.site-header #responsive-menu-container {
		top: 135px;
	}

	.above-footer .schedule-an-appointment .fa-phone-alt {
		display: block;
		margin: 0 auto 25px;
	}

}

@media screen and (max-width: 375px) { /********| IPHONE 6 |********/
	
	.site-content {
		padding-top: 126px;
	}
	
	.site-header #responsive-menu-container {
		top: 126px;
	}

	.above-footer .schedule-an-appointment .call-us {
		font-size: 1.75rem;
	}

}

@media screen and (max-width: 360px) { /*|SAMSUNG MOBILE PORTRAIT|**/

	.site-content {
		padding-top: 124px;
	}
	
	.site-header #responsive-menu-container {
		top: 124px;
	}

	.schedule-an-appointment-form .button-container .wpcf7-submit {
		font-size: 1.75rem;
	}

	.homepage #hero_banner .book-an-appointment .btn {
		font-size: 1.5rem;
	}

}

@media screen and (max-width: 320px) { /******| IPHONE 5,4... |*****/

	.site-content {
		padding-top: 122px;
	}
	
	.site-header #responsive-menu-container {
		top: 122px;
	}

}