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

}
@media only screen and (min-width : 1600px) {
	.about-img{
	    position: relative;
	    width: initial;
	}
	.side-about-img{
		width: initial;
		position: relative;
		left: 0px;
		bottom: 0px;
	}
}
@media only screen and (min-width: 1200px) {


}
@media only screen and (max-width: 1400px) {
	body, p{
		font-size: 16px;
	}
	.hero-title{
	    font-size: 60px;
	    line-height: 65px;
	    margin-bottom: 20px;
	}
	.title-line{
	    font-size: 18px;
	}
	.title{
	    font-size: 50px;
	    line-height: 60px;
	}
	.mini-title{
	    font-size: 35px;
	    line-height: 45px;
	}
	.small-title{
	    font-size: 18px;
	}
	.medium-title{
	    font-size: 25px;
	    line-height: 35px;
    }
	.service-box{
    	padding: 30px;
    }
    .features-box, .features-box-padding{
    	padding: 20px;
	}
	.title-icon{
    	min-width: 45px;
    	width: 45px;
    }
    .service-box-margin, .features-box-margin, .team-box-margin{
    	margin-top: 20px;
	}
	.navbar-expand-xl .navbar-nav .nav-item {
	    padding-right: 35px;
	    padding-left: 35px;
	}
	.side-img1{
		max-width: 450px;
		right: -200px;
    }
    .side-img1-left{
    	max-width: 450px;
	    left: -200px;
	}
	.side-img2 , .side-img3{
	    max-width: 250px;
	}
	.box-img-div{
	    height: 270px;
	}
	.box-img-div.box-big-img-div{
	    height: 565px;
	}
}

@media only screen and (max-width: 1200px) {
 	.about-img{
	    position: relative;
	    width: 100%;
	}
	.side-about-img{
		width: initial;
		position: relative;
		left: 0px;
		bottom: 0px;
	}
	.about-text{
		padding: 0px;
	}
	.service-box {
    	padding: 20px;
	}
	.gallery-image-div {
    	margin-bottom: 20px;
	}
	.galley-img {
	    height: 170px;
	}
	.galley-img.galley-big-img {
    	height: 360px;
	}
	.logo {
	    max-height: 50px;
	    width: auto;
	}
	.header {
    	padding: 15px 0px;
    	position: absolute!important;
    }
    .inner-header{
    	position: relative!important;
	}
    .header .navbar{
	    align-items: center!important;
	}
	.navbar-nav {
    	padding: 0px 20px 20px;
	}
	.navbar-collapse {
	    background-color: #242020;
	    position: absolute;
	    width: 100%;
	    top: 65px;
	    left: 0px;
	    right: 0px;
	}
	.navbar-expand-xl .navbar-nav .nav-item{
		width: 100%;
		padding: 0px;
		margin-top: 5px;
	}
	.header .navbar-light .navbar-nav .nav-link {
	    margin: 0px;
	    display: inline-block;
    	padding: 10px 0px;
	}
	.nav-link-btn{
		display: inline-block;
        margin-top: 10px!important;
        margin-left: 0px!important;
    }
    .dropdown-menu {
		min-width: initial;
    	box-shadow: none;
	    padding: 0px;
    }
    .navbar-nav .dropdown-menu {
	    display: block!important;
	    opacity: 1;
	    position: relative;
	}
	.dropdown-item.active, .dropdown-item:active, .dropdown-item:focus, .dropdown-item:hover {
	    color: #FAF6FF;
	    background-color: #242020!important;
	}
	.hero-sec{
    	padding: 160px 0px 80px;
    }
    .team-social a{
	    font-size: 15px;
	    height: 40px;
	    width: 40px;
    }
    .team-social a+a {
    	margin-left: 5px;
	}
	.sticky-social{
    	right: 10px;
    }
    .side-img1{
		max-width: 400px;
		right: -150px;
    }
    .side-img1-left{
    	max-width: 400px;
	    left: -150px;
	}
    .side-img2 , .side-img3{
	    max-width: 200px;
	}
	.box-img-div{
	    height: 240px;
	}
	.box-img-div.box-big-img-div{
	    height: 505px;
	}
    
}
@media only screen and (max-width: 991px) {
	.sec-pad {
    	padding: 80px 0px;
	}
	.pt-60{
    	padding-top: 30px!important;
	}
	.hero-sec{
    	min-height: initial;
    }
    .hero-title{
	    font-size: 55px;
	    line-height: 65px;
	}
	.title{
	    font-size: 41px;
	    line-height: 50px;
	}
	.mini-title{
	    font-size: 30px;
	    line-height: 40px;
	}
	.medium-title{
	    font-size: 20px;
	    line-height: 30px;
    }
	.testimonials-box {
    	padding: 0px 15px;
    }
	.testimonials-padding-relative-box {
    	padding: 20px 0px 110px;
    }
    .title-margin {
    	margin-top: 0px;
	}
	.gallery-image-div {
    	margin-bottom: 15px;
	}
	.side-img1, .side-img1-left{
		max-width: 350px;
    }
	.side-img3{
		top: auto;
	    bottom: 0px;
	}
	.box-img-div{
	    height: 160px;
	    margin-bottom: 20px;
	}
	.box-img-div.box-big-img-div{
	    height: 340px;
	}
	.modal-body {
    	padding: 1rem;
	}
}
@media only screen and (min-device-width: 767px) and (max-device-width: 991px){ 
	.galley-img {
	    height: 120px;
	}
	.galley-img.galley-big-img {
    	height: 255px;
	}
}
@media (min-width: 992px){

}

@media only screen and (max-width: 767px) {
	.about-img {
    	height: 320px;
    }
    .min-btn-width {
	    min-width: initial;
	}
	.hero-title{
	    font-size: 50px;
	    line-height: 60px;
	}
	.title{
	    font-size: 38px;
	    line-height: 45px;
	}
	.logo {
	    max-height: 45px;
	    width: auto;
	}
	.navbar-collapse {
	    top: 60px;
	}
	.gallery-content-div p {
    	font-size: 16px;
    }
    .gallery-content-div p img.link-icon{
    	margin-left: 8px;
	}
	.about-logo-icon{
		width: 100%;
		max-width: 100px;
	}
	.side-img1 {
    	max-width: 200px;
    	right: -80px;
	}
	.side-img1-left{
    	max-width: 200px;
	    left: -80px;
	}
	.side-img2, .side-img3 {
    	max-width: 120px;
	}
	.side-img2{
    	left: -40px;
	}
	.side-img3 {
    	right: -40px;
    }
    .box-img-div{
	    height: 180px;
	}
	.box-img-div.box-big-img-div{
	    height: 600px;
	}
	.hero-side-img {
    	max-width: 250px;
    }
}
@media only screen and (max-width: 640px) {
  

}
    

@media only screen and (max-width: 575px) {
	.sec-pad {
    	padding: 60px 0px;
	}
	.hero-title {
	    font-size: 45px;
	    line-height: 55px;
	}
	.title {
	    font-size: 30px;
	    line-height: 40px;
	    margin-bottom: 20px;
	}
	.mini-title {
	    font-size: 25px;
	    line-height: 36px;
	}
	.small-title , .team-name , .ft-18 {
    	font-size: 16px!important;
	}
	.medium-title{
	    font-size: 18px;
	    line-height: 26px;
    }
	.service-box {
    	padding: 15px;
	}
	.service-box-margin, .features-box-margin, .team-box-margin {
    	margin-top: 15px;
	}
	.galley-img {
	    height: 120px;
	}
	.galley-img.galley-big-img {
    	height: 255px;
	}
	.test-profile-div p{
    	font-size: 14px;
	}
	.gallery-content-div {
    	padding: 10px 10px;
	}
	.gallery-content-div p {
    	font-size: 14px;
    	line-height: 20px;
    }
    .gallery-content-div p img.link-icon{
    	height: 14px;
    	width: 14px;
    	min-width: 14px;
	}
	.theme-btn {
    	padding: 9px 20px;
	}
	.about-logo-icon{
		width: 100%;
		max-width: 90px;
	}
	.hero-sec {
    	padding: 120px 0px 50px;
	}
	.box-img-div{
	    height: 250px;
	}
	.box-img-div.box-big-img-div{
	    height: 520px;
	}
	.modal-body {
    	padding: .5rem;
	}
	.btn-close{
	    right: 5px;
	    top: 5px;
    }
    .form-group {
    	margin-bottom: 25px;
	}
	.form-group label {
    	margin-bottom: 15px;
	}
	.form-control {
    	padding: 15px 20px;
    }
}
@media (min-width: 576px){

}

@media only screen and (max-width: 480px) {
  	.about-img {
    	height: 250px;
	}
}
@media only screen and (max-width: 400px) {
	.hero-title {
	    font-size: 42px;
	    line-height: 51px;
	}
	.title {
    	font-size: 28px;
    }
    .service-box {
    	padding: 15px 10px;
	}
    .service-box .small-title{
    	font-size: 15px!important;
	}
}
@media screen and (max-width: 375px){

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

}