@media (max-width:1560px) {
	.custom-width.container {
		width: 100%
	}
}

@media (max-width:1200px) {
	.top-menu .sub-navigation li {
		margin-right: 10px;
		padding-right: 10px;
		font-size: 13px
	}
	.navigation .navbar .nav>li>a {
		font-size: 14px;
		padding: 45px 7px
	}
	.navigation .navbar .nav li .dropdown-menu li a {
		font-size: 14px
	}
	.banner-bottom ul li {
		font-size: 12px;
		margin-right: 5px;
		padding-right: 5px
	}
	.slider .item {
		height: 550px;
	}
	.slider .carousel-caption h4 {
		font-size: 50px;
		line-height: 60px;
		text-align: center
	}
	.button-group {
		text-align: center
	}
	.middle-section h1 {
		font-size: 30px
	}
	.middle-text {
		padding-left: 20px
	}
	.small-heading {
		padding: 0 50px 20px
	}
	.upcoming-section ul {
		padding-left: 50px
	}
	.upcoming-section li {
		margin-right: 14px
	}
	.upcoming-section li h5,
	.upcoming-section li p {
		font-size: 12px
	}
	.footer1 {
		padding: 0 10px
	}
	.inner-box-right::after,
	.need-lawyer::after {
		display: none
	}
	.button-group .btn-gold {
		margin: 0;
		font-size: 14px
	}
}

@media (max-width:979px) {
	.inner-section.middle-section {
		margin-top: 85px;
	}
}

@media (max-width:1023px) {
	.navigation .navbar-inner {
		background: #fff;
	}
	.brand-logo,
	.navbar .btn-navbar {
		top: 0;
		right: 0;
		position: absolute
	}
	.dropdown-menuu {
		position: relative;
		left: 0
	}
	.desktop-nav {
		display: block;
		position: relative;
		height: 110px
	}
	.brand-logo {
		float: none;
		height: 157px;
		left: 0;
		margin: 0 auto;
		text-align: center;
		width: 321px
	}
	.navbar .btn-navbar {
		background: 0 0;
		border-radius: 0;
		border: none;
		box-shadow: none;
		color: #8a2529;
		float: right;
		margin-right: 40px;
		padding: 7px 10px;
		text-shadow: none;
		margin-top: 35px
	}
	.navigation .nav {
		z-index: 999
	}
	.desktop-nav .sub-navigation {
		background: rgba(255, 255, 255, .9);
		left: 0;
		margin: 0;
		padding: 10px 0;
		position: absolute;
		right: 0;
		top: 100%;
		z-index: 999
	}
	.desktop-nav .sub-navigation>li {
		list-style: none
	}
	.desktop-nav .sub-navigation a {
		color: #8a2529;
		display: block;
		font-size: 16px;
		font-weight: 700;
		padding: 5px 10px
	}
	.desktop-nav .sub-navigation a:hover {
		background: #fff;
		color: #333;
		text-decoration: none
	}
	.navbar .btn-navbar .icon-bar {
		background-color: #8a2529;
		border-radius: 1px;
		box-shadow: none;
		display: block;
		height: 4px;
		width: 48px
	}
	.banner-bottom ul li:last-child,
	.banner-right,
	.logo-img,
	.navigation .navbar .nav>li a:after,
	.top-menu .sub-navigation {
		display: none
	}
	.pull-right.navigation {
		float: none
	}
	.navigation .nav-collapse.in.collapse {
		background: rgba(255, 255, 255, .9)
	}
	.navbar .btn-navbar.active,
	.navbar .btn-navbar.disabled,
	.navbar .btn-navbar:active,
	.navbar .btn-navbar:focus,
	.navbar .btn-navbar:hover,
	.navbar .btn-navbar[disabled] {
		background: 0 0
	}
	.navigation .navbar .nav>li>a {
		padding: 10px 50px 10px 7px;
		text-align: right
	}
	.banner-left.mb-tel-no {
		background: 0 0;
		box-shadow: none;
		float: left;
		height: 35px;
		line-height: 35px;
		text-align: left;
		width: auto;
		display: block
	}
	.banner-left.mb-tel-no ul li {
		border-right: 2px solid #fff;
		color: #fff;
		margin-right: 13px;
		padding-right: 13px;
		line-height: 12px
	}
	.banner-left {
		display: none
	}
	.banner-bottom,
	.need-lawyer {
		position: static
	}
	.banner-left.mb-tel-no li:nth-child(2) {
		border: 0
	}
	.social-box {
		padding-right: 40px
	}
	.middle-section h1 {
		font-size: 26px;
		line-height: 35px
	}
	.slider .carousel-caption h4 {
		font-size: 39px;
		line-height: 40px;
		text-align: center
	}
	.middle-text {
		width: 100%;
		padding: 0
	}
	.upcoming-section ul {
		padding: 0 20px;
		display: block
	}
	.need-lawyer {
		margin-top: 30px;
		padding: 20px;
		width: 100%
	}
	.upcoming-section .container {
		padding: 20px 0 0;
		position: relative
	}
	.need-lawyer h2,
	.small-heading {
		text-align: center;
		position: relative;
		background: url(../images/shadow-s.png) center bottom no-repeat rgba(0, 0, 0, 0);
		display: block;
		margin: 0;
		padding: 0 80px 35px
	}
	.small-heading h2 {
		margin: 0
	}
	.copy-right.pull-left,
	.copy-right.pull-right {
		float: none;
		text-align: center;
		padding: 5px 0
	}
	.footer1 {
		height: auto;
		line-height: normal;
		text-align: center;
		padding: 20px 10px
	}
	body {
		padding: 0
	}
	.heading-text::after {
		background-size: 100%
	}
	.heading-text {
		padding: 30px 0 10px;
		position: relative
	}
	.right-links>ul li {
		text-align: center
	}
	.right-links>ul {
		padding: 0 10px;
		margin-bottom: 10px
	}
	.inner-box-left,
	.inner-box-right {
		float: none;
		position: static;
		width: 100%;
		padding: 20px 0
	}
	.inner-box-right {
		margin: 0 -20px;
		padding: 20px;
		width: auto
	}
	.img-banner img {
		height: 500px;
		max-width: inherit;
		width: auto
	}
	.banner-text>h2 {
		font-size: 25px;
		line-height: 30px;
		padding: 0 20px
	}
	.right-links {
		padding: 0
	}
	.mb-tel-no {
		display: block
	}
	.copy-right li:last-child {
		margin: 0;
		padding: 0
	}
	.slider .carousel-caption h4 {
		margin-bottom: 20px
	}
	.layer-form,
	.right-links>p {
		padding: 0!important;
		font-size: 14px
	}
}

@media (max-width:767px) {	
	.slider .item {
		height: 500px;
	}
	.slidingDiv {
		position: relative;
	}
	.search-box .input-group input {
		width: 100%;
	}
	.upcoming-section h2 {
		font-size: 18px
	}
	.right-links>ul li {
		font-size: 14px;
		line-height: 25px
	}
	.img-text-box {
		padding: 20px 0 0
	}
	.carousel-caption {
		position: absolute
	}
	.middle-section h1,
	.slider .carousel-caption h4 {
		font-size: 18px;
		line-height: 25px
	}
	.slider .carousel-caption h4 {
		margin-bottom: 20px
	}
	.footer1 p {
		font-size: 14px
	}
	.button-group .btn-gold {
		font-size: 14px;
		margin-right: 0
	}
	.middle-text h5 {
		font-size: 12px
	}
	.slider ol {
		bottom: 50px
	}
	.banner-left.mb-tel-no>ul {
		margin: 0
	}
	.banner-left.mb-tel-no ul li {
		font-size: 10px;
		margin-right: 5px;
		padding-right: 5px
	}
	.slider .carousel-caption {
		margin-bottom: 100px
	}
	.heading-text {
		padding: 30px 0 10px;
		position: relative
	}
	.need-lawyer a {
		display: block;
		border: 0;
		margin-bottom: 5px
	}
	.need-lawyer h2,
	.small-heading {
		padding: 0 30px 25px
	}
	.small-heading h2 {
		font-size: 18px;
		margin: 0
	}
	.middle-section {
		margin-bottom: 20px;
		padding: 0 20px
	}
	.upcoming-section li,
	.upcoming-section li:first-child,
	.upcoming-section li:nth-child(4) {
		width: 44%;
		border-bottom: 1px solid #cfa446
	}
	.upcoming-section li:last-child,
	.upcoming-section li:nth-child(5) {
		border: 0
	}
	.button-group .btn-gold {
		margin-bottom: 5px;
		width: 100%
	}
}

@media (max-width:639px) {
	.need-lawyer h2,
	.small-heading {
		background-size: 100%
	}
	.upcoming-section li,
	.upcoming-section li:first-child,
	.upcoming-section li:nth-child(4),
	.upcoming-section li:nth-child(5) {
		width: 100%;
		margin-bottom: 10px;
		padding-bottom: 10px;
		border-bottom: 1px solid #cfa446
	}
	.upcoming-section li:last-child {
		border: 0
	}
	.brand-logo {
		padding: 30px;
		width: 60%;
		height: auto
	}
	.navbar .btn-navbar {
		margin-right: 1px
	}
	.banner-left {
		padding-left: 10px
	}
	.social-box {
		padding-right: 10px
	}
	.banner-bottom ul li {
		font-size: 11px;
		margin-right: 3px;
		padding-right: 3px
	}
	.navbar .btn-navbar .icon-bar {
		width: 30px
	}
	.desktop-nav .user-icon {
		left: 10px
	}
	.navigation .navbar .nav>li>a {
		padding: 10px 10px 10px 7px
	}
}
@media screen and (max-width: 820px) {
	#showCarousel .sliderImg > a > img, 
	#showCarousel .sliderImg > img {
		height: auto% !important;
		
	}
	
	#showCarousel .slider .item{
		height: auto !important;
	}
	#showCarousel .carousel-inner {
		padding-top:115px !important;
	}
	#showCarousel .carousel-inner .carousel-caption{
		margin-bottom: 10px !important;
		z-index: 999;
	}
	
	
}
@media screen and (max-width: 1024px) and (min-width: 720px){	
	
	#showCarousel  carousel-indicators{
		bottom: 30px !important;
	}
}
@media screen and (max-width: 550px) and (min-width: 0px){	
	
	#showCarousel .carousel-inner .carousel-caption .button-group{
		text-align:left !important;
	}
	#showCarousel .carousel-caption h4{
		text-align: left !important;
		font-size: 14px !important;
	}
	#showCarousel  .carousel-indicators{
		display:none !important;
	}
	#showCarousel .carousel-inner .carousel-caption {
		margin-bottom: -10px !important;
	}
}
@media screen and (min-width: 821px) {
	#showCarousel .sliderImg > a > img,
	#showCarousel .sliderImg > img{
		height:100% !important;
		width:100% !important;
	}	
}
@media only screen and (max-width:802px) {
	.cookieAcceptBtn{
		text-align: left !important;
		margin-top:10px;
	}
}
@media only screen and (min-width:766px) and (max-width:2000px) {
	.cookieAcceptBtn{
		width: auto !important;
		margin-top: -5px;
	}
}
@media only screen and (max-width:1200px) and (min-width:767px){
	.cookieAcceptBtn{
		margin-top: 0px !important;
	}
}