/*--------------------------------------------------------------
15. Media queries
--------------------------------------------------------------*/
@media only screen and (min-device-width: 1400px) and (max-device-width: 1600px){ 
   

}
@media only screen and (min-width : 1600px) {
	.container{
	    max-width: 1540px;
	}
}
@media only screen and (max-width: 1600px) {
	p, .ft-p {
	    font-size: 21px;
	    line-height: 38px;
	}
	.ft-25{
	    font-size: 20px;
	    line-height: 35px;
	}
	.header {
    	padding: 15px 0px;
	}
	.hero-bg {
    	height: calc(100vh - 139px);
	}
	.title.hero-title{
	    font-size: 45px;
	    line-height: 80px;
	}
	.title {
	    font-size: 32px;
	    line-height: 55px;
	    margin-bottom: 30px;
	    letter-spacing: 2px;
	}
	.inner-title {
	    font-size: 40px;
	    line-height: 40px;
	}
	.project-box-div {
	    height: 420px;
	}
	.project-box-hover {
    	padding: 25px;
	}
	.right-text-area {
	    padding-left: 50px;
	}
	.left-text-area{
	    padding-right: 50px;
	}
	.footer-logo-icon {
    	left: 5%;
	}
	.theme-btn{
	    font-size: 21px;
	    line-height: 40px;
	    letter-spacing: 1px;
	}
	.btn-arrow::before{
		margin-top: 2px;
	}
	.service-sec-min-height{
    	min-height: 520px;
    }
    .career-line-box{
    	padding: 30px;
	}
	.career-link-icon svg, .back-arrow-icon svg, .project-pagination-link svg{
		width: 40px;
		height: auto;
	}
	.career-back-link{
	    padding-bottom: 30px;
	}
	hr.career-back-link-hr{
	    margin-bottom: 25px;
	}
	.project-top-div-height{
	    padding-bottom: 300px!important;
	}
	.project-top-div-margin{
	    margin-top: -250px!important;
	}
	.team-img {
    	height: 420px;
	}
	.banner-slider{
	    margin-bottom: 40px;
	}
	.sliderimg-bg {
	    height: 600px;
	}
	.thumbimg-bg{
	    height: 185px;
	}
}
@media only screen and (max-width: 1400px) {
	p, .ft-p {
	    font-size: 20px;
	    line-height: 35px;
	}
	.ft-25{
	    font-size: 18px;
	    line-height: 32px;
	}
	.sec-pad{
	    padding: 90px 0px; 
	}
	.sec-pad-small{
	    padding: 60px 0px; 
	}
	.team-sec{
	    padding-top: 170px;
	    margin-top: -170px;
	}
	.team-profile-sec{
	    padding-top: 32px;
	    margin-top: -32px;   
	}
	.navbar-light .navbar-nav .nav-link {
    	font-size: 16px;
	}
	.navbar-expand-xl .navbar-nav .nav-link {
	    margin-right: 15px;
	    margin-left: 15px;
	}
	.title.hero-title{
	    font-size: 40px;
	    line-height: 70px;
	}
	.title {
	    font-size: 30px;
	    line-height: 52px;
	}
	.inner-title {
	    font-size: 35px;
	    line-height: 35px;
	}
	.project-box-div {
	    height: 350px;
	}
	.theme-btn{
	    font-size: 19px;
	    line-height: 40px;
	}
	.btn-arrow {
    	margin-right: 10px;
	}
	.btn-arrow::before{
		margin-top: 1px;
	}
	.theme-btn:hover .btn-arrow::before {
	    width: 25px;
	}
	.service-sec-min-height{
    	min-height: 450px;
    }
    .project-top-div-height{
	    padding-bottom: 230px!important;
	}
	.project-top-div-margin{
	    margin-top: -200px!important;
	}
	.inner-project-box-div{
	    margin-bottom: 20px;
	}
	.inner-project-box-div .title {
	    line-height: 40px;
	    margin-top: 15px;
	}
	.team-img {
    	height: 350px;
	}
	.history-img {
	    width: 100%;
	    max-width: 170px;
	    height: 210px;
	    margin-bottom: 5px;
	}
	.banner-slider{
	    margin-bottom: 30px;
	}
	.sliderimg-bg {
	    height: 540px;
	}
	.thumbimg-bg{
	    height: 165px;
	}
	.bio-contact-p a svg{
		width: 25px;
		height: auto;
	}
}

@media only screen and (max-width: 1200px) {
	.h-logo {
	    height: 65px;
	}
	.res-header{
	    display: flex;
	    align-items: center;
	    justify-content: space-between;
	    padding: 15px 0px;
	    border-bottom: 2px solid #fff;
	}
	.sticky-bar{
		-webkit-animation: none;
    	animation: none;
	}
	.navbar-nav {
    	padding: 30px 0px;
    	width: 100%;
	    height: 100vh;
	}
	.navbar-collapse {
		background-color: var(--theme-black);
	    position: fixed;
	    width: 100%;
	    top: 0px;
	    left: 0px;
	    right: 0px;
	}
	.navbar-expand-xl .navbar-nav .nav-item{
		width: 100%;
	}
	.navbar-expand-xl .navbar-nav .nav-link {
		padding: 10px 70px;
		color: var(--text-white);
	    margin-right: 0px;
	    margin-left: 0px;
	    font-size: 20px;
	    letter-spacing: 1px;
	}
	.sec-pad{
	    padding: 60px 0px; 
	}
	.sec-pad-small{
	    padding: 40px 0px; 
	}
	.team-sec{
	    padding-top: 140px;
	    margin-top: -140px;
	}
	.team-profile-sec{
	    padding-top: 32px;
	    margin-top: -32px;   
	}
	.right-text-area {
	    padding-left: 20px;
	}
	.left-text-area{
	    padding-right: 20px;
	}
	.title.hero-title{
	    font-size: 35px;
	    line-height: 60px;
	}
	.title {
	    font-size: 28px;
	    line-height: 50px;
	}
	.inner-title {
	    font-size: 30px;
	    line-height: 30px;
	}
	.project-box-div {
	    height: 300px;
	}
	.footer-logo-icon {
	    left: 0%;
	    top: -60px;
	    max-width: 120px;
	}
	.hero-bg {
    	height: calc(100vh - 95px);
	}
	.career-line-box{
    	padding: 25px;
	}
	.career-link-icon svg, .back-arrow-icon svg, .project-pagination-link svg{
		width: 35px;
		height: auto;
	}
	.career-back-link{
	    padding-bottom: 25px;
	}
	hr.career-back-link-hr{
	    margin-bottom: 20px;
	}
	.team-img {
    	height: 300px;
	}
	.team-div-sec {
	    margin-bottom: 30px;
	}
	.team-desc {
    	margin-top: 15px;
    }
}

@media only screen and (max-width: 991px) {
	.hero-bg {
    	min-height: 450px;
    	height: auto;
	}
 	.right-text-area {
	    padding-left: 0px;
	}
	.left-text-area{
	    padding-right: 0px;
	}
    .service-img {
	    width: 100%;
	    height: 300px;
	    background-size: cover;
	    background-position: center;
	    background-repeat: no-repeat;
	    position: relative;
	    top: 0px;
	    left: 0px;
	    right: 0px;
	    margin-bottom: 20px;
	    border-radius: 12px;
	}
	.res-second-f-border{
		border-right: none;
	}
	.service-sec-min-height{
    	min-height: initial;
    }
    .theme-btn {
	    font-size: 18px;
	    line-height: 30px;
	    background-color: var(--yellow-color);
	    padding: 3px 20px 2px 20px!important;
	}
	.theme-btn.transprent-btn{
		padding: 0px!important;
	    background-color: transparent!important;
	}
	.btn-arrow{
    	display: none;
	}
	.border-btn {
	    border: 1px solid var(--text-black);
	}
	.white-border-btn{
	    border: 1px solid var(--text-white);
	}
	.theme-btn.show-dark-btn {
	    background-color: var(--theme-black);
	    color: var(--yellow-color) !important;
	}
	.project-box-div {
	    height: auto;
	    overflow: initial;
	}
	.project-box-img {
	    height: 300px;
	    border-radius: 20px;
	}
	.project-box-hover {
	    width: auto;
	    height: auto;
	    position: relative;
	    padding: 15px 0px;
	    opacity: 1;
	}
	.project-box-hover .inner-title {
	    font-size: 25px;
	    line-height: 28px;
	    margin-bottom: 0px;
	}
	.project-box-hover .theme-btn.transprent-btn{
		display: none;
	}
	.inner-project-box-hover {
    	display: none;
	}
    .career-line-box{
    	padding: 20px 0px;
	}
	.career-link-icon{
		display: none;
	}
	.back-arrow-icon{
		margin-right: 10px;
	}
	.career-back-link{
	    padding-bottom: 20px;
	}
	.project-top-div-height{
	    padding-bottom: 120px!important;
	}
	.project-top-div-margin{
	    margin-top: -100px!important;
	}
	.project-pagination-link-div{
	    border-top: 2px solid var(--theme-black);
	    padding-top: 15px;
	    margin-top: 30px;
	}
	.project-pagination-link{
	    display: flex;
	    flex-direction: column;
	    letter-spacing: 0px;
	}
	.project-pagination-link .back-arrow-icon{
		margin-bottom: 0px;
	}
	.team-desc{
	    text-align: left;
	}
	.active-team .team-img, .active-team .team-bio .team-img {
	    max-width: calc(50% - 15px);
	    width: 100%;
	    margin-right: 20px;
	}
	.banner-slider{
	  	margin-bottom: 20px;
	  	display: block;
	}
	.banner-slider .slider.slider-for,
	.banner-slider .slider.slider-nav {
	    width: 100%;
	    display: block;
	}
	.banner-slider .slider.slider-for {
	    max-width: 100%;
	    margin-right: 0%;
	}
	.banner-slider .slider.slider-nav {
	    max-width: 100%;
	}
	.slick-arrow.fa-angle-left {
	   left: 3px;
	}
	.slick-arrow.fa-angle-right {
	   right: 3px;
	}
	.slider-banner-image{
	    padding: 0px 4px;
	}
	.thumbnail-image{
	    margin: 0px;
	    padding: 4px;
	}
	.sliderimg-bg {
	    height: 420px;
	}
	.thumbimg-bg{
	    height: 150px;
	}
}
@media only screen and (max-width: 768px) {
 

}
@media (min-width: 991px){
	.text-lg-center.title::after{
	    margin: auto;
	}
}

@media only screen and (max-width: 767px) {
	p, .ft-p {
	    font-size: 20px;
	    line-height: 34px;
	}
	.ft-25{
	    font-size: 18px;
	    line-height: 32px;
	}
	.hero-bg {
    	min-height: 450px;
    	height: auto;
	}
	.title.hero-title{
	    font-size: 30px;
	    line-height: 50px;
	}
	.title {
	    font-size: 25px;
	    line-height: 40px;
	    margin-bottom: 20px;
	    letter-spacing: 1px;
	}
	.title::after {
    	height: 4px;
    	width: 75px;
	}
	.inline-title-line {
	    display: block;
	}
	.inline-title-line::after {
	   	height: 4px;
	    width: 75px;
	    display: block;
	    margin-left: 0px;
	}
	.inner-title {
	    font-size: 28px;
	    line-height: 30px;
	    margin-bottom: 15px;
	}
	.footer-title {
    	font-size: 20px;
	}
	.footer p {
    	font-size: 16px;
    }
    .footer-logo-icon {
	    left: auto;
	    right: 0px;
	}
    .footer-line p {
    	font-size: 13px;
	}
	.footer-border, .res-footer-border{
		border-right: 0px;
		text-align: left;
		padding-left: 40px;
		padding-top: 15px;
		position: relative;
	}
	.footer-border::before, .res-footer-border::before{
		content: '';
	    width: 3px;
	    height: 100%;
	    background-color: var(--blue-color);
	    display: block;
	    position: absolute;
	    left: 12px;
	    top: 0px;
	}
    .footer-line {
	    padding: 30px 0px;
	    display: flex;
	    flex-direction: column;
	    align-items: center;
	    justify-content: center;
	    gap: 15px;
	    text-align: center;
	}
	.service-img {
	    height: 250px;
	}
	.inner-project-box-div{
	    margin-bottom: 15px;
	}
	.inner-project-box-div .title {
	    line-height: 35px;
	}
	.team-img {
    	height: 400px;
	}
	.active-team .team-img {
		display: block!important;
	    max-width: 100%;
	    margin-right: 0px;
	}
	.team-div-sec.active-team{
	    display: block!important;
	    order: initial;
	}
	.active-team .team-desc{
	    display: block;
	}
	.team-bio {
	    display: none;
	}
	.active-team .team-mobile-bio{
	    height: auto;
	    overflow: auto;
	    visibility: visible;
	}
	.team-div-sec-close {
	    padding: 5px;
	}
	.team-div-sec-close svg{
		width: 20px;
		height: auto;
    }
    .sliderimg-bg {
	    height: 350px;
	    border-radius: 20px;
	}
	.thumbimg-bg{
	    height: 100px;
	    border-radius: 10px;
	}
	.slick-arrow{
		display: none!important;
	}
	.contact-footer-logo-icon {
	    top: 60px;
	    left: auto;
	    right: -30px;
	}
	.team-sec{
	    padding-top: 140px;
	    margin-top: -140px;
	}
	.team-profile-sec{
	    padding-top: 0px;
	    margin-top: 0px;   
	}
}
@media only screen and (max-width: 640px) {
  

}
    

@media only screen and (max-width: 575px) {
	.navbar-expand-xl .navbar-nav .nav-link {
		padding: 10px 40px;
	}
	.sec-pad{
	    padding: 40px 0px; 
	}
	.sec-pad-small{
	    padding: 40px 0px; 
	}
	.team-sec{
	    padding-top: 140px;
	    margin-top: -140px;
	}
	.team-profile-sec{
	    padding-top: 0px;
	    margin-top: 0px;   
	}
	.inner-title {
	    font-size: 25px;
	    line-height: 28px;
	}
	.team-img {
    	height: 350px;
	}
	.sliderimg-bg {
	    height: 250px;
	}
}
@media (min-width: 576px){

}

@media only screen and (max-width: 480px) {
  
}
@media only screen and (max-width: 400px) {

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

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

}