/* ========== Main Index Styling & Settings ========== */
*{
	font-family: 'Roboto', sans-serif;
	margin:0;
}
.main-container {
    margin: 0 auto;
    max-width: 1920px;
}
.container-lg {
    max-width: 1350px;
    margin: 0 auto;
}
.container-flex {
    max-width: 1440px;
    margin: 0 auto;
    width: 100%;
}
@media only screen and (min-width: 1025px) and (max-width: 1440px) {
    .container-lg {
        max-width: 1260px;
    }
}
@media (max-width: 992px) {
    .container-lg{
        max-width: 960px;
    }
}@media (max-width: 1200px) {
    .container-lg{
        max-width: 1140px;
    }
}

/* #main{ min-height:600px; max-width:1400px }
 */
/* ----- Landing Page Styles ----- */

/* Header Styles and Settings */
#main header > div{
	justify-content:space-between;
	padding:2.5rem 0;
	display:flex;
	align-items: center;
}

#main header  .contact-div ul{
	margin:0;
/* 	margin-top:15px; */
}
#main header .header-text{
	color: #847251;
	font-size: 16px;
	margin: auto 0 auto 12%;
}
#main header .contact-div ul li{
	border-right:1px solid #ccc;
	padding:0 2rem;
}

#main header .contact-div ul li:last-child{
	border-right:none;
}

#main header .contact-div ul > li:nth-child(3),
#main header .contact-div ul > li:nth-child(4),
#main header .contact-div ul > li:nth-child(5){
	text-align:center;
}

#main header .contact-div ul li h5{
	font-weight:bold;
	font-size:16px;
	color:#847251;
	margin:0;
}

#main header .contact-div ul li h5 a{
	color:#847251;
}

#main header .contact-div ul li small{
	font-size:10px;
	color:#847251;
}

#main header .contact-div ul li a i{
	font-size:18px;
	color:#344756;
}

#main header .contact-div ul li a h6{
	margin-bottom:0;
	font-size:10px;
	margin-top:3px;
	color:#344756;
}

/* Navbar Styles and Settings */
#main .navbar-default{
	background-color:#344756;
	border-radius:0;
	border:none;
	margin:0;
}

#main .navbar-default ul{
	margin-left:-20px;
}

#main .navbar-default .navbar-nav>li>a,
#main .navbar-default .navbar-text{
	text-transform:uppercase;
	font-size:13px;
	color:#fff;
}

#main .navbar-default .navbar-nav>li.active>a,
#main .navbar-default .navbar-nav>li>a:hover{
	background-color:#a7926b;
}

#main .navbar-default ul li .btn-warning{
	padding:15px 20px;
	position:relative;
	text-align:left;
	font-size:11px;
	width:200px;
}

#main .navbar-default ul li .btn-warning:hover{
	background-color:#847251 !important;
	color:#fff;
}

#main .navbar-default ul li .btn-warning span{
	background-color:#847251;
	justify-content:center;
    align-items:center;
	position:absolute;
	font-size:2rem;
	display:flex;
    height:100%;
	width:4rem;
    right:0;
	top:0;
}
#main .about .flex >.img-div img {
    height: 100%;
    object-fit: cover;
    width: 100%;
}

/* Background Div Styles and Settings */
.first-element{
	position: absolute;
    z-index: 1;
    width: 22%;
    text-align: center;
    left: 0;
	line-height: 2;
    color: white;
    top: 225px;
}
.second-element{
	position: absolute;
    z-index: 1;
    width: 22%;
	/* line-height: 5; */
    text-align: center;
    right: 0;
    color: white;
    top: 219px;
}

.left, .right {
    width: 50%;
    text-align: center;
}

@media screen and (max-width:1000px)
{
	.second-element{
		position: absolute;
		z-index: 1;
		width: 22%;
		line-height: 2;
		text-align: center;
		color: white;
		top: 200px;
	}
	.second-element h1{
		font-size: 18px;
	}
/* 	.carousel {
		height: 426px !important;
	} */
	

.dots {
    bottom: 184px !important;
}

}


@media screen and (max-width:480px)
{
	.second-element{
		display: none;
	}
	.first-element{
		display: none;
	}

}
@media screen and (max-width:372px)
{
	.navbar-default .navbar-toggle {
		top: -170px !important;
		right: 10px !important;
	}
}
@media screen and (max-width:669px)
{
	.second-element{
		position: absolute;
		z-index: 1;
		width: 22%;
		line-height: 2;
		text-align: center;
		right: 0;
		font-size: 9px;
		color: white;
		top: 205px;
	}
	.second-element h1{
		font-size: 15px;
	}
	.first-element{
		top: 205px;
		font-size: 12px;
	}
	.first-element h1{
		font-size: 16px;
	}
/* 	.carousel {
		height: 330px !important;
	} */
	.dots {
		top: 400px !important;
		right: 2% !important;
	}
}
.carousel {
	position: relative !important;
	overflow: hidden !important;
	width: 100% !important;
	object-fit:cover;
/* 	height: 500px !important; Full screen height */
  }
  
  .slides {
	display: flex;
	height: 100%;
	transition: transform 1s ease-in-out;
  }
  
  .slide {
/* 	flex: 0 0 100%; */
	height: 100%;
  }
  .slides-main {
    display: flex;
}
.carousel-2 {
    display: none;
}
  .slide img {
	width: 100%;
	height: 100%;
  }
  
  .dots {
	display: flex;
	justify-content: center;
	margin-top: 10px;
	position: absolute;
	right: 10%;
	top: 536px;
}
  .dot {
	width: 10px;
	height: 10px;
	background-color: #bbb;
	border-radius: 50%;
	margin: 0 5px;
	cursor: pointer;
  }
  
  .dot.active {
	background-color: #333;
  }

.bx-wrapper{
	margin-bottom:0;
}

.bx-wrapper .bx-viewport{
	background:transparent;
	box-shadow:none;
	border:none;
	left:0;
}

.bx-wrapper .bx-viewport .bx-caption{
	background-color:transparent;
	justify-content:center;
	align-items:center;
	min-height:75px;
	padding:0 12px;
	display:flex;
    height:100%;
    color:#fff;
	width:50%;
}

.bx-wrapper .bx-viewport .bx-caption2{
	position:absolute;
	padding:0 7px;
	left:inherit;
	right:0;
}

.bx-wrapper .bx-viewport .bx-caption h1{
	margin-bottom:20px;
	letter-spacing:1px;
	font-size:32px;
}

.bx-wrapper .bx-viewport .bx-caption h1 span{
	display:inline-block;
	margin-top:.5rem;
	font-weight:500;
	font-size:28px;
	padding:0;
}

.bx-wrapper .bx-viewport .bx-caption h4{
	font-family: 'Roboto', sans-serif;
	text-align:center;
	letter-spacing:1px;
	font-weight:400;
	font-size:17px;
}

.bx-wrapper .bx-viewport .bx-caption div{
	text-align:center;
	margin-top:20px;
}

.bx-wrapper .bx-viewport .bx-caption a{
	letter-spacing:1px;
	border-radius:4px;
	padding:8px 16px;
	font-weight:400;
	font-size:16px;
	border:none;
}


.bx-wrapper .bx-viewport .bx-caption .btn-warning{
	display:none;
}

.bx-wrapper .bx-pager{
	width:100px;
    bottom:20px;
	right:8%;
}

.bx-wrapper .bx-pager.bx-default-pager a{
	border:2px solid #fff;
	border-radius:20px;
	display:none;
	height:14px;
	width:14px;
}

/* Contact Details Styles and Settings */
#main .contact-details{
	background-color:#344756;
	padding:2rem 0;
}

#main .contact-section{
	justify-content:space-around;
	display:flex;
	color:#fff;
	width:100% !important;
}

#main .contact-section h4{
	font-weight:300;
	font-size:18px;
	margin:0;
}

#main .contact-section .right a{
	text-decoration:none;
	letter-spacing:.5px;
	margin-right:70px;
	font-size:18px;
	color:#fff;
}

#main .contact-section .right a span:hover{
	text-decoration:underline;
}
#main .contact-section .right span{
	font-size: 18px;
	font-weight:300;

}

#main .contact-section .right a font{
	font-family:"Times New Roman", Times, serif;
}

#main .contact-section .right a em{
	background-color:#a7926b;
	border-radius:50%;
	margin-right:1rem;
	padding:6px 10px;
	color:#fff;
}

/* About Styles and Settings */

#main .about .flex{
	display:flex;
}

@media screen and (max-width:1847px) {
	
	#main .about .flex .content-div > div ul li {
		font-size: 19px;

	}
}
@media screen and (max-width:1770px) {
	
	#main .about .flex .content-div > div ul li {
		font-size: 18px;
		margin-top: 10px;

	}
}
@media screen and (max-width:1656px) {
	
	#main .about .flex .content-div > div ul li {
		font-size: 16.5px;
		margin-top: 8px;

	}
}
@media screen and (max-width:1562px) {
	
	#main .about .flex .content-div > div ul li {
		font-size: 15px;
		margin-top: 8px;
	}
}
@media screen and (max-width:1458px) {
	
	#main .about .flex .content-div > div ul li {
		font-size: 14px;
		margin-top: 5px;
	}
}
@media screen and (max-width:1348px) {
	
	#main .about .flex .content-div > div ul li {
		font-size: 13px;
		margin-top: 3px;
	}
	#main .contact-section {
		justify-content: space-between;
		display: flex;
		color: #fff;
		 width: 93%; 
	}
}
@media screen and (min-width:1248) and (max-width:1347) {
	
	#main .about .flex .content-div > div ul li {
		font-size: 12px;
		margin-top: 2px;
	}
}
@media screen and (min-width:1179) and (max-width:1248px) {
	
	#main .about .content-div > div {
		padding: 4rem 4rem !important;
		padding-bottom: 0;
	}
	#main .about .flex .content-div > div ul li {
		font-size: 11px;
		margin-top: 1px;
	}
}
@media screen and (min-width:1096px) and (max-width:1178px) {
	
	#main .about .content-div > div {
		padding: 0 2rem !important;
		padding-bottom: 0;
	}
	#main .about .flex .content-div > div ul li {
		font-size: 11px;
		margin-top: 1px;
	}
}
@media screen  and (min-width:931px)and (max-width:1095px) {
	
	#main .about .content-div > div {
		padding: 0 3rem !important;
		padding-bottom: 0;
	}
	#main .about .flex .content-div > div ul {
		margin-top: 20px;
	}
	#main .about .flex .content-div > div ul li {
		font-size: 11px;
	}
}
@media screen and (min-width:834px) and (max-width:930px) {
	
	#main .about .content-div > div {
		padding: 0 2rem !important;
		padding-bottom: 0;
	}
	#main .about .flex .content-div > div ul {
		margin-top: 0px;
	}
	#main .about .flex .content-div > div ul li {
		font-size: 10px;
	}
}
@media screen and (min-width:769px) and (max-width:833px) {
	
	#main .about .content-div > div {
		padding: 0 2rem !important;
		padding-bottom: 0;
	}
	#main .about .flex .content-div > div ul {
		margin-top: 0px;
	}
	#main .about .flex .content-div > div ul li {
		font-size: 9px;
	}
}




#main .about .flex > div{
	flex:1;
}

#main .about .img-div{
	position:relative;
}

#main .about .img-div .override{
	background-color:rgba(0,0,0,.5);
	position:absolute;
	height:100%;
	width:100%;
	top:0;
}

#main .about .content-div{
	background-color:#f4f4f4;
}

#main .about .content-div > div{
	padding:5rem 6rem;
	padding-bottom:0;
}

#main .about .content-div h1{
	font-family:"Times New Roman", Times, serif;
	text-transform:uppercase;
	margin-bottom:0;
}

#main .about .content-div li{
	font-family: 'Roboto', sans-serif;
	font-size:20px;
	
}

/* Expertise Styles and Settings */
#main .expertise{
	padding-bottom:50px;
}
#main .expertise .heading{
	margin: 70px auto;
	width:305px;
}

#main .expertise .heading h1{
	font-family:"Times New Roman", Times, serif;
	text-transform:uppercase;
	font-size:36px;
}

#main .expertise .sections{
	background-color:#f4f4f4;
	min-height:310px;
	padding:4rem;
}

#main .expertise .sections h4{
	font-weight:bold;
	font-size:17px;
}

#main .expertise .sections p{
	font-family: 'Roboto', sans-serif;
}

#main .expertise .sections .btn-primary{
	font-family: 'Roboto', sans-serif;
	padding:8px 18px;
	font-weight:500;
	font-size:12px;
}

/* Contact Us Section Styles and Settings */
#main .contact-us{
	background:url(../../images/footer-bg.jpg) no-repeat;
	background-size:cover;
	min-height:330px;
}

#main .contact-us .flex{
	margin:0 auto;
	display:flex;
	width:900px;
}

#main .contact-us .flex > div{
	padding:5rem;
	flex:1;
}

#main .contact-us .flex h1{
	font-family:"Times New Roman", Times, serif;
	text-transform:uppercase;
	font-size:32px;
	color:#fff;
}

#main .contact-us .form-div .form-group{
	margin-bottom:10px;
}

#main .contact-us .form-div input,
#main .contact-us .form-div textarea{
	background-color:#141414;
	border:1px solid #666;
	text-indent:1rem;
	padding:.75rem 0;
	font-size:12px;
	width:100%;
}

#main .contact-us .form-div textarea{
	height:100px;
	resize:none;
}

#main .contact-us .form-div .btn-warning{
	text-transform:capitalize;
	padding:8px 12px;
	font-weight:400;
	font-size:11px;
}

/* Highlight Section Styles and Settings */
#main .highlight-section{
	font-family:"Times New Roman", Times, serif;
	background-color:#a7926b;
	position:relative;
	font-weight:300;
	font-size:18px;
	padding:2rem 0;
	color:#fff;
}

#main .highlight-section i{
	position:absolute;
	font-size:58px;
	color:#a7926b;
	top:-37px;
	left:49%;
}

/* Footer Styles and Settings */
#main footer{
	background-color:#344756;
	min-height:200px;
}

#main footer .container{
	padding:40px 0;
	width:991px;
}

#main footer .col-sm-4{
	border-right:2px solid #253847;
	border-left:2px solid #253847;
	padding-left:40px;
	min-height:280px;
}

#main footer .container > .col-sm-4:nth-child(2),
#main footer .container > .col-sm-4:nth-child(3){
	border-left:none;
}

#main footer h4{
	font-family:"Times New Roman", Times, serif;
	text-transform:uppercase;
	margin-bottom:15px;
	font-size:16px;
	color:#fff;
}

#main footer ul.list-inline li a{
	background-color:#253847;
	text-align:center;
	padding-top:5px;
	display:block;
	height:25px;
	width:25px;
	color:#fff;
}

#main footer ul.list-inline li a em{
	font-size:14px;
}

#main footer ul.list-inline li a:hover{
	background-color:#a7926b;
}

#main footer h5{
	font-family: "Times New Roman", Times, serif;
    text-transform:uppercase;
	margin-bottom:5px;
	font-weight:500;
	font-size:16px;
	color:#fff;
}

#main footer div{
	font-family: 'Roboto', sans-serif;
	font-weight:300;
	font-size:13px;
	color:#ccc;
}

#main footer div a{
	color:#ccc;
}

#main footer ul li{
	margin-bottom:15px;
}

#main footer ul li a{
	text-transform:uppercase;
	font-size:14px;
	color:#ddd;
}

#main footer .form-group{
	margin-bottom:5px;
}

#main footer .form-group input{
	border:1px solid transparent;
	background-color:#253847;
	padding:.5rem 1rem;
	font-size:12px;
	outline:none;
	color:#ddd;
	width:100%;
}

#main footer .form-group input:focus{
	border:1px solid #ccc;
}

#main footer .form-group .btn-warning{
    letter-spacing:0;
    padding:6px 10px;
    font-weight:400;
	font-size:12px;
}

#main footer .sub-footer{
	font-family: 'Roboto', sans-serif;
	background-color:#253847;
	text-align:center;
	font-size: 14px;
	padding:20px 0;
	color:#fff;
}


/* ====== Other Pages Styling ====== */

/* ----- Services Page Styles ----- */
.services .expertise .heading h1{
	margin-top:0;
}

.services .expertise .heading h5{
	text-transform:uppercase;
	text-align:center;
	margin-bottom:0;
	font-weight:400;
	color:#999;
}

/* Services Inner Pages */
#main .services-page .expertise .heading{
	padding:0 50px;
	width:100%;
}

#main .services-page .expertise .heading h1{
	font-size:32px;
}

.services-page{
	display:flex;
}

.services-page .left-navbar{
	min-width:225px;
	flex:1;
}

.services-page .left-navbar ul li{
	border-bottom:1px solid #ddd;
	padding:3px 0;
}

.services-page .left-navbar ul li a{
	text-decoration:none;
	padding:5px 10px;
	display:block;
	color:#333;
}

.services-page .left-navbar ul li a:hover,
.services-page .left-navbar ul li.active a{
	background-color:#f4f4f4;
	color:#333;
}

.services-page .right-details{
	flex:3;
}

.services-page .right-details .content-details{
	padding:0 50px;
}

.services-page .right-details.can-pak-treaty h3{
	letter-spacing:.5px;
	border-right:none;
	border-left:none;
	font-weight:400;
	line-height:1.6;
	font-size:22px;
}

#main .services-page .right-details.can-pak-treaty .heading{
	margin-bottom:40px;
    padding:0;
}

#main .services-page .right-details.can-pak-treaty .content-details{
	padding-left:0;
}

/* ----- Modal Section Styles ----- */
.modal-dialog .modal-content .modal-header{
	background-color:#344756;
	padding-left:30px;
	color:#fff;
}

.modal-dialog .modal-content .modal-header .close{
    opacity:1;
	color:#fff;
}

.modal-dialog .modal-content .modal-header .close:hover{
    opacity:.5;
	color:#fff;
}

.modal-dialog .modal-content .modal-body{
    padding:25px 30px;
	text-align:center;
	font-size:16px;
}

/* ----- About Us Page Styles ----- */
.about-us .title-section{
	background:url(../../images/title-bg.jpg) no-repeat;
	background-size:cover;
	min-height:100px;
}

.about-us .title-section h1{
	font-family:"Times New Roman", Times, serif;
	text-transform:uppercase;
	font-size:28px;
	color:#fff;
}

.about-us .title-section h1 em{
	transform:rotateZ(226deg);
	position:relative;
	font-size:10px;
	color:#a7926b;
	top:-4px;
}

.about-us .about-section{
	display:flex;
}

.about-us .about-section .img-div{
	background:url(../../images/about-us.jpg) no-repeat;
	background-size:cover;
	position:relative;
	flex:1;
}

.about-us .about-section .img-div img{
	display:none;
}

.about-us .about-section .img-div img{
	height:auto;
}

.about-us .about-section .details-div{
	background-color:#f4f4f4;
	padding-right:3rem;
	padding-left:5rem;
	flex:1;
}

.about-us .about-section h2{
	font-family:"Times New Roman", Times, serif;
	font-weight:bold;
	font-size:32px;
	color:#344756;
}

.about-us .about-section p{
	font-family: 'Roboto', sans-serif;
	text-align:justify;
}

.about-us .proud-section{
	padding-bottom:70px;
	min-height:300px;
}

.about-us .proud-section .heading{
	font-family:"Times New Roman", Times, serif;
	text-transform:uppercase;
	margin:70px auto;
	color:#344756;
	width:430px;
}

.about-us .proud-section .container{
	width:900px;
}

.about-us .proud-section .container .col-sm-4{
	padding-right:5px;
	padding-left:5px;
}

.about-us .proud-section .items{
	background-color:#344756;
	justify-content:center;
    align-items:center;
	display:flex;
	height:160px;
	color:#fff;
}

.about-us .proud-section .container > div:nth-child(2) .items{
	background-color:#a7926b;
}

.about-us .proud-section .items em{
	font-size:32px;
}

.about-us .proud-section .items:hover em{
	transition:all .3s ease-in-out;
	transform:scale(1.3);
}

.about-us .proud-section .items h5{
	font-family: 'Roboto', sans-serif;
	letter-spacing:.5px;
	font-weight:500;
	font-size:12px;
}

/* ----- Lawyer Page Styles ----- */
.lawyer-section .image-section{
	position:relative;
}

.lawyer-section .image-section .info{
	background-color:#344756;
	position:absolute;
	padding:10px 20px;
	color:#fff;
	width:100%;
	bottom:0;
}

.lawyer-section .image-section .info h4{
	margin:0;
}

.lawyer-section .image-section .info span{
	margin-top:.5rem;
	display:block;
	color:#ddd;
}

.lawyer-section .contact-info{
	padding:20px 40px;
}

.lawyer-section .contact-info table tr td{
	border-bottom:10px solid #fff;
}

.lawyer-section .contact-info table tr td:nth-child(1){
	background-color:#344756;
	font-size:12px;
	padding:5px;
	color:#fff;
}

.lawyer-section .contact-info table tr td:nth-child(2){
	padding-left:20px;
	color:#333;
}

.lawyer-section .detail-info{
	text-align:justify;
	padding:0 40px;
}

.lawyer-section .detail-info h5{
	text-transform:uppercase;
	font-size:17px;
}

.lawyer-section .detail-info div > p{
	margin-bottom:0;
}

.lawyer-section .detail-info h6{
	font-weight:400;
	font-size:14px;
	margin-top:0;
}

.lawyer-section .detail-info span{
	font-size:12px;
	color:#999;
}

/* ----- Our Team Page Styles ----- */
.team .team-section{
	padding:70px 0;
}

.team .row{
	border-bottom:1px solid #ddd;
	margin-bottom:30px;
}

.team .row > div{
	padding-bottom:20px;
	padding-top:10px;
}

.team .row .col-sm-5{
	border-right:1px solid #ddd;
	border-left:1px solid #ddd;
}

.team .row h3{
	background-color:#eee;
	padding:5px 10px;
	min-height:30px;
	font-size:20px;
	margin-top:0;
}

.team .row .img-div{
	border-radius:50%;
	overflow:hidden;
	cursor:pointer;
	margin:0 auto;
	height:170px;
	width:160px;
}

.team .row h4{
	text-transform:uppercase;
	margin-bottom:5px;
	padding-left:10px;
	margin-top:20px;
	font-size:18px;
	color:#344756;
}

.team .row h4 a{
	text-decoration:none;
	color:#344756;
}

.team .row h5{
	padding-left:10px;
	font-weight:400;
	margin-top:0;
	color:#999;
}

.team .row i{
	padding-left:10px;
	font-size:15px;
	color:#344756;
}

.team .row .fa-envelope{
	font-size:13px;
}

.team .row span{
	padding-left:10px;
	font-size:15px;
	color:#a7926b;
	display:block;
}

/* ----- Cases Page Styles ----- */
.cases .cases-section{
	min-height:400px;
	padding:50px 0;
}

.cases .cases-section .row{
	margin-bottom:50px;
}

.cases .cases-section .section{
	background-color:#344756;
	justify-content:center;
    align-items:center;
	position:relative;
    min-height:280px;
	padding:0 40px;
	display:flex;
	width:310px;
}

.cases .cases-section .section .title{
	background-color:#867655;
	position:absolute;
	min-height:200px;
	padding:50px 0;
	width:220px;
	left:-190px;
	top:35px;
}

.cases .cases-section .section h3{
	text-transform:uppercase;
	text-align:center;
	margin-bottom:0;
	font-weight:500;
	font-size:16px;
	color:#fff;
}

.cases .cases-section h3 span{
	text-transform:lowercase;
}

.cases .cases-section h3 i{
	font-weight:500;
}

.cases .cases-section .section h4{
	text-transform:capitalize;
	letter-spacing:.5px;
	margin-bottom:25px;
	text-align:center;
	font-weight:300;
	margin-top:5px;
	font-size:14px;
	color:#eee;
}

.cases .cases-section p{
	text-align:center;
	color:#fff;
}

.cases .cases-section p span{
	display:none;
}

/* ----- Terms of Services Page Styles ----- */
.terms .terms-section{
	padding:50px 20px;
	max-width:1180px;
	margin:0 auto;
}

.terms .terms-section h3{
	font-family:"Times New Roman", Times, serif;
	text-transform:capitalize;
	font-size:28px;
	color:#344756;
}

.terms .terms-section > div{
	margin-bottom:30px;
}

.terms .terms-section h3 span{
	font-family:"Times New Roman", Times, serif;
	text-transform:lowercase;
}

.terms .terms-section h3 i{
	font-family:"Times New Roman", Times, serif;
	font-weight:500;
}

.terms .terms-section p{
	text-align:justify;
	font-size:16px;
}

/* ----- Contact Us Page Styles ----- */
.contact .bigger{
	font-weight:300;
	font-size:20px;
}

.contact > div.container{
	max-width:991px;
}

.contact .contact-info h4{
	text-transform:uppercase;
	letter-spacing:1px;
	font-size:20px;
	color:#344756;
}

.contact .contact-info table{
	width:100%;
}

.contact .contact-info table tr td{
	padding-bottom:20px;
}

.contact .address{
	margin:0 auto;
	width:800px;
}

.contact .address .flex{
	display:flex;
}

.contact .address .flex table{
	flex:1;
}

.contact .address .flex table tr td:nth-child(1){
	vertical-align:top;
	width:80px;
}

.contact .address table div{
	border:1px solid #344756;
	justify-content:center;
    align-items:center;
	border-radius:50%;
	font-size:20px;
	color:#344756;
	display:flex;
	height:45px;
	width:45px;
}

.contact .address table h5{
	letter-spacing:.5px;
	margin-bottom:5px;
	font-size:16px;
}

.contact .address table span{
	font-size:13px;
	color:#4d4d4d;
}

.contact .consultation{
	border-left:1px solid #ddd;
	padding-left:40px;
}

.contact .consultation table .form-control{
	background-color:#f1f1f1;
	border-radius:0;
	box-shadow:none;
	border:none;
	width:350px;
}

.contact .consultation table textarea{
	resize:none;
	height:80px;
}

.contact .consultation table .btn{
	text-transform:uppercase;
	letter-spacing:.5px;
	font-weight:400;
	width:350px;
}

.contact h2{
	letter-spacing:1px;
	color:#344756;
}

.contact .direction-btn{
	transition:all .3s ease-in-out;
	border:2px solid #344756;
	text-transform:uppercase;
	text-decoration:none;
	padding:12px 25px;
	color:#344756;
}

.contact .direction-btn:hover{
	background-color:#344756;
	color:#fff;
}

.contact .map-div{
	height:350px;
}


/* ========== Media Queries For Responsiveness ========== */
@media screen and (max-width:1200px){
	
	/* Expertise Section Responsiveness */
	#main .expertise .container{
		width:95%;
	}
	
	/* Cases Page Responsiveness */
	.cases .cases-section > .container{
		width:100%;
	}
	
	.cases .cases-section .section{
		padding:0 70px;
		width:280px;
	}
	
	.cases .cases-section .section .title{
		min-height:180px;
		width:180px;
		left:-120px;
		top:35px;
	}
	
	.cases .cases-section .section .item{
		border:2px solid #344756;
		font-size:36px;
		height:85px;
		width:90px;
	}
	
	.cases .cases-section .section h3{
		font-size:22px;
	}
	
	.cases .cases-section .section h4{
		letter-spacing:0;
	}
	
	/* Footer Section Responsiveness */
	#main footer .container{
		width:95%;
	}
	
	
	/* About Us Page Responsiveness */
	.about-us .about-section .img-div{
		background:url(../../images/about-us.jpg) no-repeat;
		background-position:-200px;
		background-size:cover;
	}

}

@media screen and (max-width:991px){
	
	/* Header Section Responsiveness */
	#main header.container{
		width:95%;
	}
	
	#main header .contact-div ul li{
		padding:0 1rem;
	}
	
	#main header .contact-div ul li h5{
		font-size:14px;
	}
	
	/* Navbar Section Responsiveness */
	#main .navbar-default .container{
		width:95%;
	}
	
	/* Background Section Responsiveness */
	.bx-wrapper .bx-pager{
		right:6%;
	}
	
	.bx-wrapper .bx-viewport .bx-caption h1{
		font-size:28px;
	}
	
	.bx-wrapper .bx-viewport .bx-caption h4{
		font-size:15px;
	}
	
	.bx-wrapper .bx-viewport .bx-caption .btn-warning{
		letter-spacing:0;
		padding:8px 12px;
		font-weight:400;
		font-size:12px;
	}
	
	/* Contact Details Section Responsiveness */
	#main .contact-details .container{
		width:95%;
	}
	
	#main .contact-section .left{
		flex:3;
	}
	#main .contact-section .right{
		flex:2;
	}
	
	#main .contact-section .right a{
		margin-right:0;
	}
	
	#main .contact-section .right a em{
		margin-right:.5rem;
		padding:4px 8px;
	}
	
	/* About Section Responsiveness */
	#main .about .content-div > div{
		padding:2rem 6rem;
		padding-bottom: 0;
	}
	
	#main .about .content-div h1{
		font-size:32px;
	}
	
	#main .about .content-div p{
		margin-top:30px;
	}
	
	/* Contact Section Responsiveness */
	#main .contact-us .flex{
		width:100%;
	}
	
	/* Footer Section Responsiveness */
	#main footer .container{
		width:100%;
	}
	
	#main footer .col-sm-3{
		padding-left:25px;
	}
	
	
	/* About Us Page Responsiveness */
	.about-us .about-section .img-div{
		background:url(../../images/about-us.jpg) no-repeat;
		background-position:-120px;
		background-size:cover;
	}
	
	.about-us .proud-section .container{
		width:100%;
	}
	
	.about-us .about-section h2{
		font-size:26px;
	}
	
	/* Cases Page Responsiveness */
	.cases .cases-section > .container{
		width:100%;
	}
	
	.cases .cases-section .section{
		padding:0 70px;
		width:280px;
	}
	
	.cases .cases-section .section .title{
		min-height:180px;
		width:180px;
		left:-120px;
		top:35px;
	}
	
	.cases .cases-section .section .item{
		border:2px solid #344756;
		font-size:36px;
		height:85px;
		width:90px;
	}
	
	.cases .cases-section .section h3{
		font-size:22px;
	}
	
	.cases .cases-section .section h4{
		letter-spacing:0;
	}
	
	/* Contact Us Page Responsiveness */
	.contact .consultation table .form-control{
		width:100%;
	}
	
	.contact .consultation table .btn{
		width:100%;
	}
	
}

@media screen and (max-width:850px){
	
	/* About Section Responsiveness */
	#main .about .content-div > div{
		padding:1rem 3rem;
		padding-bottom:0;
	}
	
	#main .about .content-div h1{
		font-size:28px;
	}
	
	#main .about .content-div p{
		margin-top:20px;
	}
	
	
	/* About Us Page Responsiveness */
	.about-us .about-section .img-div{
		background:url(../../images/about-us.jpg) no-repeat;
		background-position:-200px;
		background-size:cover;
	}
	
	.about-us .about-section .details-div > div{
		padding: 0 5rem;
	}

	.about-us .about-section h2{
		font-size:24px;
	}
	
	/* Cases Page Responsiveness */
	.cases .cases-section .section{
		padding:0 70px;
		width:250px;
	}
	
	.cases .cases-section .section .title{
		min-height:180px;
		width:150px;
		left:-90px;
		top:35px;
	}

}

@media screen and (max-width:767px){
	.left, .right {
    width: 100%;
    text-align: center;
}
	.carousel {
    display: none;
}
	.carousel-2 {
    display: block !important;
}
	.slides-main {
    flex-direction: column!important;
}
	.flex-main {
    display: flex !important;
    flex-direction: column-reverse;
}
	
	/* Header Section Responsiveness */
	#main header > div{
		display:block;
	}
	
	#main header .contact-div ul{
		border-top:1px solid #ddd;
		padding-top:10px;
		margin-top:5px;
	}
	
	/* Navbar Section Responsiveness */
	#main .navbar-default{
		min-height:0;
	}
	
	#main .navbar-default .container{
		margin-top:-1px;
	}
	
	.navbar-default .navbar-toggle{
		background-color:transparent;
		border:2px solid #344756;
		position:absolute;
		padding:7px 10px;
		font-weight:700;
		color:#344756;
		top: -140px;
		right:30px;
		margin:0;
	}
	
	/* Background Section Responsiveness */
	.bx-wrapper .bx-viewport .bx-caption h1{
		font-size:18px;
	}
	
	.bx-wrapper .bx-viewport .bx-caption h1 span{
		font-size:16px;
	}
	
	.bx-wrapper .bx-viewport .bx-caption h4{
		font-weight:400;
		font-size:13px;
		margin-top:0;
	}
	
	.bx-wrapper .bx-pager{
		right:4%;
	}
	
	.bx-wrapper .bx-viewport .bx-caption .pull-right{
		right:10px;
	}
	
	.bx-wrapper .bx-viewport .bx-caption .btn-warning{
		padding:5px 7px;
		font-size:11px;
	}
	
	/* Contact Details Section Responsiveness */
	#main .contact-section{
		text-align:center;
		display:block;
	}
	
	#main .contact-section .right{
		margin-top:20px;
	}
	
	/* About Section Responsiveness */
	#main .about .flex{
		display:block;
	}
	
	#main .about .content-div > div{
		padding:4rem 6rem;
	}
	
	#main .about > .flex:nth-child(2){
		//display:flex;
	}
	
	#main .about > .flex:nth-child(2) .img-div{
		//order:2;
	}
	
	/* Expertise Section Responsiveness */
	#main .expertise .sections{
		min-height:250px;
		padding:2rem;
	}
	
	/* Contact Section Responsiveness */
	#main .contact-us .flex{
		display:block;
	}
	
	#main .contact-us .flex > div{
		padding:1rem 5rem;
	}
	
	#main .contact-us .flex h1{
		margin-top:50px;
	}
	
	#main .contact-us .flex .form-div{
		padding-bottom:30px;
		margin-top:20px;
	}
	
	/* Footer Section Responsiveness */
	#main footer .container{
		padding-bottom:0;
		padding-top:30px;
	}
	
	#main footer .col-sm-4{
		border:none;
		border-bottom:2px solid #253847;
		padding-bottom:30px;
		min-height:150px;
	}
	
	#main footer .sub-footer{
		font-size:13px;
	}
	
	
	/* About Us Page Responsiveness */
	.about-us .about-section .img-div{
		background:none;
	}
	
	.about-us .about-section .img-div img{
		display:block;
	}
	
	.about-us .about-section{
		display:block;
	}
	
	.about-us .about-section .details-div{
		padding:10px 30px;
	}
	
	.about-us .about-section h2{
		margin-top:0;
	}
	
	.about-us .proud-section{
		padding-bottom:50px;
	}
	
	.about-us .proud-section .items{
		margin-bottom:20px;
		height:200px;
	}
	
	.about-us .proud-section .heading{
		margin:50px auto;
		font-size:32px;
		width:400px;
	}
	
	/* Team Page Responsiveness */
	.team .row .col-sm-5{
		border:none;
	}
	
	/* Lawyer Page Responsiveness */
	.lawyer-section .contact-info{
		padding:20px 0;
	}

	.lawyer-section .detail-info{
		padding:0;
	}
	
	/* Cases Page Responsiveness */
	.cases .cases-section .section{
		width:100%;
	}
	
	.cases .cases-section .section .title{
		min-height:100px;
		padding:10px 0;
		width:70%;
		top:-20px;
		left:15%;
	}
	
	/* Contact Us Page Responsiveness */
	.contact .bigger{
		font-size:18px;
	}
	
	.contact .container > h3{
		font-size:22px;
	}
	
	.contact .consultation{
		border-top:1px solid #ddd;
		margin-top:30px;
		padding-top:30px;
		border-left:none;
		padding-left:0;
	}

}

@media screen and (max-width:575px){
	
	/* Header Section Responsiveness */
	#main header .contact-div ul > li{
		padding:0 .5rem;
	}
	
	#main header .contact-div ul li small,
	#main header .contact-div ul li a h6{
		font-size:9px;
	}
	
	/* Background Section Responsiveness */
	.bx-wrapper .bx-viewport .bx-caption h1{
		margin-bottom:10px;
		letter-spacing:0;
	}
	
	.bx-wrapper .bx-viewport .bx-caption h4{
		font-size:12px;
	}
	
	.bx-wrapper .bx-viewport .bx-caption .text1{
		display:none;
	}
	
	.bx-wrapper .bx-viewport .bx-caption .pull-right{
		display:none;
	}
	
	.bx-wrapper .bx-pager{
		bottom:10px;
		right:0%;
	}
	
	.bx-wrapper .bx-pager.bx-default-pager a{
		height:12px;
		width:12px;
	}
	
	/* Expertise Section Responsiveness */
	#main .expertise .sections{
		min-height:200px;
	}
	
	#main .expertise .col-xs-6{
		width:100%;
		padding:0;
	}
	
	/* Footer Section Responsiveness */
	#main footer .container{
		padding-top:0;
	}
	
	#main footer .col-sm-3{
		border-right:none;
		min-height:150px;
		display:block;
		width:100%;
	}
	
	#main footer .container > .col-sm-3:nth-child(2) > div{
		position:relative;
    	top:0;
	}
	
	#main footer .container > .col-sm-3:nth-child(3),
	#main footer .container > .col-sm-3:nth-child(4){
		margin-bottom:0;
		margin-top:0;
	}
	
	/* Cases Page Responsiveness */
	.cases .cases-section .section{
		padding:0 30px;
	}
	
	.cases .cases-section .section h3{
		font-size:21px;
	}
	
	.cases .cases-section .section h4{
		font-size:17px;
	}
	
}

@media screen and (max-width:480px){
	
	/* Navbar Section Responsiveness */
	
	
	/* Background Section Responsiveness */
	.bx-wrapper .bx-viewport .bx-caption,
	.bx-wrapper .bx-viewport .bx-caption2{
		padding:0 5px;
	}
	
	.bx-wrapper .bx-viewport .bx-caption h1{
		font-size:15px;
	}
	
	.bx-wrapper .bx-viewport .bx-caption h1 span{
		font-size:14px;
	}
	
	.bx-wrapper .bx-viewport .bx-caption h4{
		font-size:11px;
	}
	
	.bx-wrapper .bx-pager{
		display:none;
	}
	
	/* Contact Section Responsiveness */
	#main .contact-us .flex > div{
		padding: 1rem 3rem;
	}
	
	#main .contact-us .flex h1{
		font-size:28px;
	}
	
	/* About Us Page Responsiveness */
	.about-us .title-section{
		min-height:80px;
	}
	
	.about-us .title-section .margin-top-40{
		margin-top:30px;
	}
	
	.about-us .title-section h1{
		font-size:26px;
	}
	
	.about-us .title-section h1 em{
		font-size:8px;
	}
	
	.about-us .about-section .details-div{
		padding:5px 15px;
	}
	
	.about-us .about-section p{
		margin-top:10px;
		font-size:13px;
	}
	
	.about-us .proud-section .items{
		margin-bottom:10px;
		height:150px;
	}
	
	.about-us .proud-section .heading{
		font-size:27px;
		width:330px;
	}
	
	/* Lawyer Page Responsiveness */
	.lawyer-section .detail-info h5{
		font-size:16px;
	}
	
	.lawyer-section .detail-info p{
		font-size:12px;
	}
	
	.lawyer-section .detail-info div > p,
	.lawyer-section .detail-info div > h6{
		font-size:13px;
	}
	
	/* Contact Us Page Responsiveness */
	.contact .bigger{
		font-size:15px;
	}
	
	.contact .container > h3{
		font-size:20px;
	}

}