header {padding:0;}
header.fix {position:fixed;max-width:1500px;left:calc(50% - 750px); background-color: white;}
.logo {padding:15px 0 0 15px;}
.header-right {padding:15px 15px 0 0;}
.breadcrumb {
    padding: 0;
    margin-bottom: 0;
    list-style: none;
    background-color: transparent;
    border-radius: 0;
}
.breadcrumb > li:nth-child(2):before {
    padding: 0 5px;
    color: initial;
    content: " ";
}
.breadcrumb > li span {font-size:12px;}
.top-bar {background-color:#00a2e5;padding:0 5px;}
.top-bar p {padding:0;color:#fff;font-size:24px;}
.fix-box {max-width:1500px;position:relative;margin:0 auto;}
span.call-today {font-size:36px;font-weight:600;}
span.call-today a {color:inherit;display:inline-block;margin-left:0;padding:10px 0;border:2px solid #00a2e5;}
span.call-today a:hover {text-decoration:none;}
span.enquire-today {font-size:24px;}
span.enquire-today a {color:inherit;display:inline-block;margin-left:10px;padding:10px 20px;border:2px solid #fff;border-radius:5px;font-weight:600;}
span.enquire-today a:hover {text-decoration:none;background-color:#fff;color:#00a2e5;}
.sml-pad {padding:5px;}
.inner-page header + * {padding-top:68px;}
/*.inner-page header.fix + * {padding-top:88px;}*/
ul.flx-box {display:flex;flex-wrap:wrap;margin-left:0;padding-left:0;justify-content:flex-start;}
.flx-box > li {flex: 0 0 33%;list-style:none;display:flex;margin-right:1px;margin-bottom:1px;}
.flx-box > li a {display:block;min-height:80px;background-color:#00a2e5;color:#fff;padding:1em;width:100%;}
.flx-box > li:last-child a {}

h1.sml-hmpg-title {font-size:24px;margin: 0 0 30px;padding:0;font-family: "Sofia-Pro-Medium";}

@media(max-width:1500px) {  
  header.fix, .inner-page header.fix {position:fixed;max-width:initial;left:initial;}
}
@media(max-width:1430px){
  .navigation ul.nav > li > a {font-size:14px;}
}
@media(max-width:1399px) {
	.home-page .content-box .content-side { padding-left: 90px; }
	.slider .slider-text { margin-left: 4%; }
  .top-bar p {font-size:18px;}
  span.call-today {font-size:24px;}
}
@media(max-width:1349px) {
	header .header-right .legal-aid { margin-left: 20px; }
	.navigation ul.nav > li + li { margin-left: 20px; }
	.home-page .content-box .content-side { padding: 100px 0 0 50px; width: 800px; }
	.copy-fo { padding-top: 50px; }   
}
@media(max-width:1279px) {
	.navigation ul.nav li.megamenu ul { padding: 40px 20px 30px; }
	.inner-page .content-side.right { width: 66.3%; padding: 40px 30px; }
	.inner-page	.content-box .right-side { width: 33.66%; }
	.inner-page header { position: relative; background: #fff; padding: 20px; }

	.slider .slider-text { margin-left: 8%; }

	.content-box .left-side { padding-right: 20px; width: 240px; }
	.content-box .content-side.both {  width: 370px; }
	.content-box .content-side.left { width: 700px; }
	.team-list .img img { width:100%;}
	
}
@media(max-width:1199px) {
	header .logo { text-align: center; width: auto; }
	header .logo > a { display: inline-block; }
	header .header-right { margin-top:20x; width: auto; }
	.home-page .content-box .content-side { padding: 50px 0 0 30px; width: 630px; }
	.inner-page .content-box { padding: 50px 0; }
	.content-box .right-side { width: 360px; }
	.enquire-form { padding: 50px 30px; }
	.contact-page .enquire-form { padding: 50px 20px; }
	.contact-page .enquire-form .container { max-width: 100%; }
	.service a { font-size: 18px; }
	.team-list .col-6 { width: 47%; }
  .navigation ul.nav > li > a {font-size:13px;}
  .legal-aid {transform:scale(0.7);}
}

@media (max-width:1150px){
  header .header-right { margin-top:-20px;padding-top:0; width: auto; }
  header.fix + * {padding-top:0;}
}
@media (max-width:1025px){
  .top-bar p {font-size:14px;}
}
@media only screen and (min-width:768px) and (max-width: 999px) {
.capcha .formError {
    float: left;
    margin: -20px 0 13px;
    position: relative;
    width: 100%;
}
}
@media(max-width:999px) {
	h1 , h2 { font-size:22px; margin: 0 0 30px; }
	header { background: #fff; position: relative; position: relative; float: left; padding: 0 20px 0 20px;  }
	.navigation ul.nav > li > a { margin-bottom: 15px; }
	.navigation ul.nav > li + li { margin-left: 15px; }
	header .nav-call .call-us {  margin: 15px 0 0; } 
	.slider .slider-text { transform: translate(0,-50%); -webkit-transform: translate(0,-50%); }
	.slider .slider-text article { font-size: 36px; line-height: 1.2; margin: 0 0 15px;  }
	.slider .slider-text a.read-more { font-size: 21px; }
	.service .col-3 { float: left; width: 49%; margin-bottom: 25px; }
	.service .col-3:nth-child(2n) { float: right; }
	.service .service-row + .service-row { margin-top: 0; }
	.service { padding: 40px 0; }
	.service h2 { margin: 0 0 35px; }
	.news-twitter { padding: 40px 0; }
	.news-twitter .col-8 { width: 100%; }
	.news-twitter .col-4 {  width: 100%; margin-top: 40px; } 
	.news-twitter .twitter-box { min-height: 0; }
	.home-page .content-box .container { width: 94%; }
	.home-page .content-box .content-side { padding: 0;  width: 100%; margin-bottom: 20px; }
	.home-page .content-box { padding: 40px 0; }
	.content-box .right-side { width: 100%; }
	.enquire-form {  padding: 30px; }
	.contact-page .enquire-form { padding: 30px 20px; }
	#g-recaptcha-6 { transform: scale(0.69) !important; -webkit-transform:scale(0.69) !important; transform-origin: 0 0 0 !important; -webkit-transform-origin:0 0 !important; }
	.right-side .enquire-form .col-4 { float: left;  width: 31.33%; }
	.right-side .enquire-form .col-4 + .col-4 { margin-left: 3%; }
	.right-side .enquire-form .col-8 { width: 65.66%; }
	.right-side .enquire-form .col-4.fr { float: right; }
	.enquire-form .submit-btn { float: right; }
	.enquire-form .capcha.in { margin-bottom: 10px; }
	.contact-page .enquire-form-top p {  display: block; }
	.contact-page .enquire-form-top h3 { display: block;  padding-right: 0; }

	footer { padding: 40px 0; }
	.footer-logo { margin-top: -41px; width: 280px; }
	.footer-logo img { max-width: 100%; }
	ul.fo-social { margin: 5px 20px 0 0; }
	.copy-fo {  padding-top: 30px; }

	.inner-page .content-side.right { width: 100%; }
	.inner-page .content-box .right-side { margin-top: 30px; width: 100%; }
	.inner-page .content-box { padding: 40px 0; }

	.glas-office { width: 36%; }
	.glas-office .padd { padding: 25px; }
	.contact-page .map-contact.qu-hight.fl { width: 64.001%; }
	.glas-office h3 { font-size: 22px; }
	.content-side.full { padding: 0; }

	.content-box .content-side.both { width: 100%; margin-bottom: 30px; }
	.content-box .left-side { padding-right: 0;  width: 100%; }
	.content-box .left-side .left-col + .left-col { margin-top: 10px; }
	.content-box .content-side.left {  width: 100%; margin-bottom: 30px; } 
  
  header, .inner-page header {padding-top:0;}
	 .top-bar {padding-bottom:5px;text-align:center;}
  .top-bar .col-md-6 {float:left;width:50%;}
  .sml-pad {padding:0;}
  span.call-today a {padding:10px;display:block;}
  span.enquire-today a {display:block;margin-left:0;}	
  header.fix + * {padding-top:228px;}
}	

@media (max-width:830px){
  .legal-aid {display:none;}
}


/***mobile*******/

@media(max-width:768px) {
  .images-col{height: 400px !important;}
	.container { padding: 0 20px; width: 100%; }
	.home-page .content-box .container { padding: 0 20px; width: 100%; }
	header , .inner-page header  { padding: 20px 0; }
	header .call-us .call-us-col { margin: 0 0 6px; }
	header .nav-call .call-us { margin: 10px 0 0; }
	header .header-right { margin-top: 20px; } 
	.slider .slider-text { margin-left: 0; }
	.header-soci { clear: both; }
	.right-side .enquire-form .col-4 { width: 100%; }
	.right-side .enquire-form .col-4 + .col-4 { margin-left: 0; }
	.right-side .enquire-form .col-8 { width: 100%; }
	.enquire-form .capcha.in {  margin-bottom: 0; width: 100%; }
	.enquire-form .submit-btn { float: left; }
	.enquire-form {  padding: 30px 25px; }
	#g-recaptcha-6 { transform: scale(0.80) !important; -webkit-transform:scale(0.80) !important; transform-origin: 0 0 0 !important; -webkit-transform-origin:0 0 !important; }
	.inner-page #g-recaptcha-6 { transform: scale(0.76) !important; -webkit-transform:scale(0.76) !important; transform-origin: 0 0 0 !important; -webkit-transform-origin:0 0 !important; }
 	.home-page .content-box .enquire-form { display: block; margin-left: -20px; margin-right: -20px; overflow: hidden; width: auto; }
 	.service { padding: 40px 0 10px;}
 	.home-page .content-box { padding: 40px 0 0; }
 	.expert-right > img { max-width: 80%; }
 	.expert-family-law .expert-left { padding-top: 55px; }
 	.news-twitter .col-6 { width: 100%; padding: 25px; }
 	.news-twitter .col-6 + .col-6 { margin-top: 20px; }
 	.news-twitter .twitter-box { padding: 25px; }
 	.footer-logo { margin-top: -1px; width: 100%; text-align: center; margin: -1px 0 25px; }  
 	footer { padding: 0 0 40px 0; }
	footer .fo-right.fr { padding: 0 20px;  width: 100%; }
	footer .container { padding-top: 30px; }
	ul.fo-social { margin: 4px 0 0; }

	.contact-page .enquire-form .container {  max-width: 100%;  padding: 0; }
	.contact-page .col-4 { width: 100%; }
	.contact-page .col-8 { width: 100%; }	
	.contact-page .submit-button { width: 100%; }
	.contact-page .enquire-form-top , .contact-page .col-4 .in , .contact-page .col-8 .in { padding: 0; }
	.contact-page .enquire-form { padding: 30px 25px; } 
	.glas-office { width: 100%; }
	.contact-page .map-contact.qu-hight.fl { width: 100%; }
	.content-box .content-side.left { padding: 30px 20px; }
	
	.slider .slider-text {  left: 0; max-width: 100%;  padding: 0 100px;  position: absolute;  top: 50%;}	
  header, .inner-page header {padding-top:0px;}
  header.fix, .inner-page header.fix {padding-top:40px;}
	 .top-bar {padding-bottom:5px;text-align:center;}
  .top-bar .col-md-6 {float:left;width:50%;}
  .sml-pad {padding:0;}
  span.call-today a {padding:10px;display:block;}
  span.enquire-today a {display:block;margin-left:0;}	
 }

@media(max-width:639px) {
  .expert-left h2{
    font-size: 21px; 
  }
  
	header .call-us .call-us-col a {  display: block; margin-top: 6px; }
	.service .col-3 { width: 100%; }
	.expert-family-law .expert-right { display: none; }
	.expert-family-law .expert-left { padding: 0; }
	/*.expert-family-law .content-col { bottom: 20px; top: auto;  transform: translate(0, 0); -webkit-transform: translate(0, 0); width: 100%; }*/
	.inner-page .content-side.right { padding: 30px 20px; } 
	.enquire-form {  padding: 30px 20px; }
	.contact-page .enquire-form { padding: 30px 20px; }
	.slider .slider-text {  padding: 0 24px;}
	.djslider-default { height:auto !important; padding-top:100% !important;}
	.djslider-default ul.djslider-in > li { height:100% !important; }
	.djslider-default ul.djslider-in { height:100% !important;}
	.slider .djslider-loader { padding-bottom:0px !important;}
	.slider .slider-text {    bottom: 0 !important;    top: auto !important;    -webkit-transform: translate(0px, 0px) !important; transform: translate(0px, 0px) !important;  padding-bottom: 41px !important;}
		
	.djslider-default .navigation-container {    position: relative;   text-align: center !important;    top: 0 !important;}
	.slider .slider-text article { font-size:34px !important;}
	
	.djslider-default .navigation-container {    position: relative !important;    text-align: center !important;    top: -380px !important;    z-index: 998;}
	
    header, .inner-page header {padding-top:0;}
	 .top-bar {padding-bottom:5px;text-align:center;}
  .top-bar .col-md-6 {width:100%;}
  .sml-pad {padding:0;}
  span.call-today a {padding:0;}
  span.enquire-today a {display:block;margin-left:0;}	
	
} 



@media(max-width:479px) {
	h1, h2 { font-size: 36px;  margin: 0 0 30px;}
	.expert-family-law .expert-left h2 { font-size: 18px; }
	.fo-contact { width: 100%; }
	.footer-call a { margin: 6px 0; display: block; }  
	.footer-soci { width: 100%; }
	ul.fo-social { padding: 0; }
	.team-list .col-6  { width: 100%; margin-bottom: 20px; }
	.team-list > div:nth-child(3n) { padding: 0; }
	.slider .slider-text article {    font-size: 28px !important;    line-height: 1.1;    margin: 0 0 15px;}
	.slider .slider-text  {   padding-bottom: 10px !important; }
	.slider .slider-text article { margin-bottom:10px !important;}
	.slider .slider-text a.read-more {    display: inline-block;    font-size: 17px;    padding-bottom: 10px;}
	.djslider-default .navigation-container {    position: relative !important;    text-align: center !important;    top: -254px !important;    z-index: 998;}
	.copy-fo {    color: #fff;    font-size: 13px;    line-height: 20px;}
  header, .inner-page header {padding-top:0;}
	 .top-bar {padding-bottom:5px;text-align:center;}
  .sml-pad {padding:0;}
  span.call-today a {padding:0;}
  span.enquire-today a {display:block;margin-left:0;}	
	
}

@media only screen and (min-width:365px) and (max-width: 420px) {
.slider .slider-text article{  font-size: 30px !important; }
.djslider-default .navigation-container {top: -315px !important;}
}



@media(max-width:359px) {
	.container { padding: 0 15px; }
	.home-page .content-box .container { padding: 0 15px; }
	.home-page .content-box .enquire-form { margin-left: -15px; margin-right: -15px; }
	.expert-family-law .expert-left h2 {  font-size: 16.5px;} 
	.slider .slider-text article {    font-size: 21px !important;    line-height: 1;    margin: 0 0 15px;}
	.slider .slider-text a.read-more { font-size: 15px; }
  header {padding-top:0;}
  header.fix {padding-top:40px;}
  	header .header-right {display:none;}
  header.fix + * {padding-top:216px;}
  .top-bar {padding-bottom:5px;text-align:center;}
  .sml-pad {padding:0;}
  span.call-today a {padding:0;}
  span.enquire-today a {display:block;margin-left:0;}
	
}

@media (min-width:1366px){
  
  header .logo img[src$='thompson-family-law-logo.png'],
  footer .footer-logo img[src$='thompson-family-law-logo.png'] {padding: 5px 15px 15px;}
  
}

.footer-logo {width:auto;}