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

}
@media only screen and (min-width : 1600px) {

}
@media only screen and (min-width: 1200px) {


}
@media only screen and (max-width: 1400px) {
	.logo, .sticky-top .logo{
	    height: 90px;
	}
	.carousel-item {
	    min-height: calc(100vh - 320px);
	    height: auto;
	}
	p {
	    font-size: 18px;
	    line-height: 30px;
	}
	.form-group label, .form-control, .theme-btn{
	    font-size: 18px;
	}
	.title {
	    font-size: 35px;
	    line-height: 45px;
	    margin-bottom: 25px;
	}
	.hero-title {
	    font-size: 60px;
	    line-height: 72px;
	}
	.mini-title {
	    font-size: 25px;
	    line-height: 37px;
	    margin-bottom: 20px;
	}
	.links li {
	    font-size: 18px;
	    padding: 0px 25px;
	}
	.roadmap-div{
    	padding: 25px 0px;
	}
	.map-number{
	    height: 70px;
	    min-width: 70px;
	    width: 70px;
	    font-size: 35px;
	    margin-right: 30px;
	}
	.roadmap-div:before {
    	left: 34px;
	}


}
@media only screen and (max-width: 1200px) {
	p {
	    font-size: 16px;
	    line-height: 28px;
	}
	.form-group label, .form-control, .theme-btn{
	    font-size: 16px;
	}
	.title {
	    font-size: 30px;
	    line-height: 40px;
	    margin-bottom: 20px;
	}
	.hero-title {
	    font-size: 50px;
	    line-height: 60px;
	    margin-bottom: 20px;
	}
	.mini-title {
	    font-size: 23px;
	    line-height: 33px;
	    margin-bottom: 20px;
	}
	.small-title{
		font-size: 20px;
	    line-height: 30px;
	}
	.theme-btn{
    	min-width: 150px;
    }
}

@media only screen and (max-width: 991px) {
	.sec-pad {
    	padding: 60px 0px;
	}
	.header, .sticky-top{
    	padding: 5px 0px;
    }
	.carousel-item {
	    min-height: calc(100vh - 220px);
	    height: auto;
	}
	.footer {
    	padding: 50px 0px;
	}
	.hero-title {
	    font-size: 45px;
	    line-height: 60px;
	}
	.carousel-indicators {
    	bottom: 0px;
	}
	.navbar-nav {
    	padding: 10px 20px 20px;
	}
	.navbar-collapse {
		background-color: #fff;
	    position: absolute;
	    width: 100%;
	    top: 94px;
	    left: 0px;
	}
	.navbar-expand-lg .navbar-nav .nav-item{
		width: 100%;
	}
	.navbar-expand-lg .navbar-nav .nav-link {
		font-size: 16px;
	    padding-top: 8px!important;
	    padding-bottom: 8px!important;
	    padding-right: 0px;
	    padding-left: 0px;
	}
	
}
@media only screen and (max-width: 768px) {
 

}
@media (min-width: 992px){

}

@media only screen and (max-width: 767px) {
	.hero-title {
	    font-size: 40px;
	    line-height: 50px;
	}
}
@media only screen and (max-width: 640px) {
  

}
    

@media only screen and (max-width: 575px) {
	p {
	    font-size: 16px;
	    line-height: 26px;
	}
	.sec-pad {
    	padding: 50px 0px;
	}
	.carousel-item {
	    min-height: calc(100vh - 200px);
	    height: auto;
	}
	.title {
	    font-size: 25px;
	    line-height: 35px;
	}
	.hero-title {
	    font-size: 30px;
	    line-height: 40px;
	    margin-bottom: 15px;
	}
	.mini-title, .small-title {
	    font-size: 18px;
	    line-height: 30px;
	    margin-bottom: 15px;
	}
	.links li {
	    font-size: 16px;
	    padding: 0px 15px;
	}
	.contact-box {
    	padding: 25px 10px;
	}
	.roadmap-div{
    	padding: 15px 0px;
	}
	.map-number{
	    height: 60px;
	    min-width: 60px;
	    width: 60px;
	    font-size: 30px;
	    margin-right: 20px;
	}
	.roadmap-div:before {
    	left: 29px;
	}
}
@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){

}