/*==========================================
Same height column inside row.
==========================================*/
@media (min-width: 480px) {
  .row-xs-height {
    display: table;
    table-layout: fixed;
    height: 100%;
    width: 100%;
  }
  .col-xs-height {
    display: table-cell;
    float: none;
    height: 100%;
  }
  .col-xs-top {
    vertical-align: top;
  }
  .col-xs-middle {
    vertical-align: middle;
  }
  .col-xs-bottom {
    vertical-align: bottom;
  }
}

@media (min-width: 768px) {
  .row-sm-height {
    display: table;
    table-layout: fixed;
    height: 100%;
    width: 100%;
  }
  .col-sm-height {
    display: table-cell;
    float: none;
    height: 100%;
  }
  .col-sm-top {
    vertical-align: top;
  }
  .col-sm-middle {
    vertical-align: middle;
  }
  .col-sm-bottom {
    vertical-align: bottom;
  }
}

@media (min-width: 992px) {
  .row-md-height {
    display: table;
    table-layout: fixed;
    height: 100%;
    width: 100%;
  }
  .col-md-height {
    display: table-cell;
    float: none;
    height: 100%;
  }
  .col-md-top {
    vertical-align: top;
  }
  .col-md-middle {
    vertical-align: middle;
  }
  .col-md-bottom {
    vertical-align: bottom;
  }
}

@media (min-width: 1200px) {
  .row-lg-height {
    display: table;
    table-layout: fixed;
    height: 100%;
    width: 100%;
  }
  .col-lg-height {
    display: table-cell;
    float: none;
    height: 100%;
  }
  .col-lg-top {
    vertical-align: top;
  }
  .col-lg-middle {
    vertical-align: middle;
  }
  .col-lg-bottom {
    vertical-align: bottom;
  }
}
/*==========================================
HEADER AREA
==========================================*/
@media (max-width: 767px) {
	.contact-info {
		line-height: 25px;
		text-align: center;
		margin-top: 10px;
	}	
	.top-social-links {
		float: none;
		margin: 0 auto;
		display: table;
	}
	.logo {
		margin: 0 auto;
		margin-top: 30px;
	}	
	.header-contact-phone {
		margin-bottom: 20px;
		margin-top: 20px;
	}
	.header-contact-mail {
		margin-bottom: 50px;
	}
}

/*==========================================
MAIN NAVIGATION
==========================================*/

@media screen and (max-width: 1199px) {
    .navbar-default .navbar-nav  li  a {
        font-size: 12px;
    } 
    .navbar-nav  li  a {
        padding: 20px 15px;
    } 
.header-version-3 .logo {
   height: 48px;
	margin: 5px 0;
}
.header-version-3 .navbar-collapse form[role="search"] button, 
.header-version-3 .navbar-collapse form[role="search"] input {
	height: 60px;
}	
.header-version-3 .navbar-collapse form[role="search"] input {
	height: 60px;
}
.header-version-3 .nav > li > a {
	padding: 20px 15px;
}
}
@media screen and (max-width: 999px) {
	.header-version-3 .nav > li > a {
		padding: 0px 8px;
	}
	.navbar-default .navbar-nav li a {
		font-size: 11px;
	}
	.navbar-default .navbar-nav .dropdown-menu > li > a {
		font-size: 11px;
	}	
}
@media screen and (max-width: 767px) {
    .navbar-nav {
        margin-bottom: 0;
		padding-left: 15px;
    }
	.navbar-nav {
		margin: 10px -15px;
		overflow: initial;
		max-height: 400px;
	}
    .input-group {
        width: 98%;
    }
	.header-version-3 .navbar-header {
		position: relative;
	}
	.navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu > li > a {
		padding: 15px 15px 15px 25px;
	}
	.header-version-3 .logo {
	   height: 40px;
		margin-left: 10px;
	}
	.header-version-3 .logo.affix {
		margin: 5px;
	}
    .navbar-default .navbar-toggle {
        background: #fff;
		color: #474747;
    }
	.active #search_submit {
    	display: block;
    }
    .active #resetbtn {
        display: none;
    }
	.navbar-collapse form[role="search"] button, .navbar-collapse form[role="search"] input {
		padding: 2px 8px;
	}
	.header-version-3 .navbar-collapse form[role="search"] input {
		height: 40px;
		font-size: 18px;
	}
	.header-version-3 .navbar-collapse form[role="search"] button, .header-version-3 .navbar-collapse form[role="search"] input {
		height: 40px;
	}	
	.navbar-form .glyphicon.glyphicon-search {
		padding: 5px;
	}
    .affix-top .glyphicon-search {
        border: none;
        padding: 0;
    }

/*
	#nav.affix {
		position: relative;
	}
	
	.affix-top {
		top: 0;
	}
*/	
	.dropdown-menu {
		padding-left: 10px;
	}
    .navbar-nav  li  a {
        padding-bottom: 15px;
        padding-top: 15px;
    }
	.navbar-form {
		height: auto;
	}
    .navbar-collapse form[role="search"] button,
    .navbar-collapse form[role="search"] input {
        height: 40px;
    }
	.navbar-collapse form[role="search"] button.affix,
	.navbar-collapse form[role="search"] input.affix {
		height: 40px;
		font-size: 14px;
	}
}

/*Search bar style*/
	
@media screen and (max-width: 480px) {
    .input-group {
        width: 100%;
    }
}
@media (min-width: 768px) {
	.navbar-collapse {
		padding-top: 0px !important;
		padding-right: 38px !important;
	}
	.navbar-collapse form[role="search"] {
		width: auto;
		overflow: hidden;
	}
	.navbar-collapse form[role="search"] button,
	.navbar-collapse form[role="search"] input {
		padding: 8px 12px;
	}
	.navbar-collapse form[role="search"] input {
		opacity: 0;
		display: none;            
	}
	.navbar-collapse form[role="search"].active {
		width: 100%;
	}
	.navbar-collapse form[role="search"].active button,
	.navbar-collapse form[role="search"].active input {
		display: table-cell;
		opacity: 1;
	}
    .navbar-collapse form[role="search"].active input {
		width: 100%;
		max-width: 400px;
		float: right;
	}	
}

/*BOX NAVIGATION BAR*/

@media screen and (max-width: 767px) {
	.box-version .container {
		padding-left: 15px;
		padding-right: 15px;
	}
    .box-version #nav.affix {
        width: 100%;
    }    
}

/*HEADER VERSION-3 SLIDER MARGIN*/

@media screen and (max-width: 846px) {
	
	
}

/*==========================================
SLIDER AREA
==========================================*/
@media (max-width: 1920px) {
    .slide-bg {
        width: 100%;
        max-height: 700px;
    }
}
@media (max-width: 980px) {
    .carousel-caption h2 {
        font-size: 30px;
    }    
}
@media (max-width: 768px) {
     .caption-title {
        margin-top: 0px;
    } 
	
	.carousel-control .fa-angle-right, .carousel-control .icon-next {
		margin-right: -10px;
	}
	.carousel-control .fa-angle-left, .carousel-control .fa-angle-right, .carousel-control .icon-next, .carousel-control .icon-prev {
		width: 30px;
		height: 30px;
		margin-top: -10px;
		font-size: 30px;
	}
	.carousel-control .fa-angle-left, .carousel-control .icon-prev {
		margin-left: -10px;
	}	
	
}

@media (max-width: 767px) {
    .carousel-caption img {
        display: none;
    }
    .slide-bg {
        width: auto;
        max-height: auto;
    }    
    .carousel-caption h2 {
        font-size: 25px;
		line-height: 35px;
    }
    .carousel-caption {
        padding-bottom: 40px;
    }
	.text-bg {
		padding: 10px;
	}	
}
@media (max-width: 600px) {
     .carousel-caption {
		margin-top: 50px;
        text-align: center;
    }   
    .carousel-caption h2 {
        font-size: 20px;
		line-height: 30px;
    }
    .caption-text {
        font-size: 14px;
        margin-bottom: 15px;
    }
    .home-v3 .caption-text {
        font-size: 12px;
		line-height: 18px;
    }	
    .btn-lg {
        padding: 10px 20px;
        font-size: 14px;
    }
    .carousel-indicators {
        display: none;
    } 	
}
@media (max-width: 480px) {
.carousel-caption {
	bottom: 20%;
    padding-bottom: 0;
}    
    .carousel-inner > .item > img {
        max-width: 180%;
    } 
}
@media (max-width: 360px) {
 .carousel-caption {
	bottom: 10%;
    padding-bottom: 0;
}  
	.slide-bg {
		min-height: 400px;
	}	
}

/* ======================
 CONTACT PAGE
=========================*/
@media (max-width: 767px) {
	.contact-page-form {
		margin-top: 30px;
	}	
}

/* ======================
 TESTIMONIAL SLIDER AREA
=========================*/
@media (max-width: 1199px) {
	#testimonials .quote-wrap {
		padding-left: 15px;
		padding-right: 15px;
	}
}
@media (max-width: 991px) {
	.testimonial-item .caption:before{
		top: 180px;
		left: 5px;
	}
}

/* ======================
Intro Message area
=========================*/
@media (max-width: 768px) {
	#intro-message {
		padding: 60px 0;
	}
	.welcome-home {
		padding: 50px 20px;
		margin: 0 10px;
		border: 1px solid #6a78dc;
	} 
}
/* ======================
Cat area
=========================*/
@media (max-width: 980px) {
	.col-md-4.vertical-middle {
		display: block;
	}
}
/* ======================
Practice area
=========================*/
@media (max-width: 768px) {
	.practice-caption h3 {
		font-size: 16px;
	}
	.practice-title a {
		font-size: 40px;
	}
}

@media (max-width: 767px) {
	#practice-area {
		padding: 50px 0;
	}
	.practice-caption h3 {
		padding: 0 10px;
	}
}

/* ======================
Features area
=========================*/
@media (max-width: 1920px) {
    .col-md-7 .container {
        max-width: 730px;
    }
    .col-md-5 .container {
         max-width: 411px; 
    }
}
@media (max-width: 1380px) {
    .col-md-7 .container {
    max-width: 683px;
    }
    .col-md-5 .container {
         max-width: 458px; 
    }   
}

@media (max-width: 1024px) {
	.col-md-7 .container {
		max-width: 556px;
	}
}

@media (max-width: 991px) {
    .col-md-5 .container {
         float: none;
    }
}
@media (max-width: 980px) {
    .col-md-7 .container {
        max-width: 750px;
        float: none;
    }
    .col-md-5 .container {
         max-width: 752px; 
    }    
}
@media (max-width: 767px) {
	.feature-content-right .container {
		padding-left: 15px;
	}
}
@media (max-width: 480px) {
	.feature-icon img {
		margin: 0 10px 0 0;
	}
}

/* ======================
Immigration area
=========================*/

@media (max-width : 767px) {
	#immigration-law-area {
		padding: 50px 0;
	}
}

/* ======================
About Us Area
=========================*/
@media (max-width : 1199px) {
	.about-us-text .container {
		max-width: 485px;
	}
	.about-us-video .container {
		max-width: 485px;
	}	
}
@media (max-width : 1024px) {
	.about-us-text .container {
		max-width: 470px;
	}
	.about-us-video .container {
		max-width: 470px;
	}
}

@media (max-width : 991px) {
	.about-us-text .container {
		max-width: 450px;
		float: left;
	}
	.about-us-video .container {
		max-width: 450px;
		float: left;
	}	
}
@media (max-width : 850px) {
	.about-us-text .container {
		max-width: 370px;
		float: left;
	}
	.about-us-video .container {
		max-width: 370px;
		float: left;
	}	
}
@media (max-width : 767px) {
	.about-us-video .container,
    .about-us-text .container {
		max-width: 767px;
		float: none;
	}	
}

/* ======================
  Case Area
=========================*/
@media (max-width : 767px) {
	#case-area {
		padding: 50px 0;
	}	
}

/* ======================
Staff Area
=========================*/
@media (max-width : 991px) {	
	#staff-area {
		background-size: cover;
	}	
}
/* ======================
Staff Area
=========================*/
@media (max-width : 480px) {	
	.col-half {
		width: 100%;
	}	
}
/* ======================
Consultation Area
=========================*/
@media (max-width : 991px) {	
	#consult-area {
		margin-bottom: 100px;  	
	}
	.consult-form {
		position: relative;
		top: 0;
		margin-right: 0;
	}
	.consult-layers {
		margin: 0 auto;
	}
}
/* ======================
Counter Area
=========================*/
@media (max-width : 767px) {
	.counter-box .main_counter .single_counter {
		margin: 40px 0;
	}	
}

/* ======================
 Case Result area
=========================*/
@media (max-width : 767px) {
	#case-result {
		padding: 50px 0;
	}	
}

/* ======================
Partner Logo area
=========================*/
@media (max-width : 767px) {
	.client-logo .thumbnail:hover {
		margin: 0 20px;
	}
}

/* ======================
 Blog Area
=========================*/
@media (max-width : 767px) {
	#blog-area {
		padding: 50px 0;
	}	
}


/* ======================
Footer area
=========================*/
@media (max-width : 767px) {
	.first-widget {
		padding: 50px 10px 20px 0;
	}
	.second-widget {
		padding: 20px 10px;
		position: relative;		
	}
	.third-widget {
		padding: 40px 0 50px 10px;
		position: relative;
	}
	
	.footer-col {
		border: solid 2px #8dabdc;
		position: relative;
		left: 0;
		top: 0;
		border-top: none;
		border-right: none;
		border-left: none;	
	}

	.footer-col:after {
		content: '';
		position: absolute;
		top: 1px;
		left: 0;
		width: 100%;
		height: 100%;
		border: solid 1px #8dabdc;
		border-bottom-color: #225bb6;	
		border-top: none;
		border-right: none;
		border-left: none;
	}
	.footer-col:last-child {
		border-bottom: none;
	}
	.footer-col:last-child:after {
		border-bottom: none;
	}	
	
}