/*--------------------------------------------------------------
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: 991px) {
	.w-xl-50{
		width: 60%!important;
	}

}
@media only screen and (max-width: 1400px) {
	.sec-pad {
    	padding: 90px 0px;
	}
    .ft-20 {
	    font-size: 18px;
	    line-height: 30px;
	}
	p.footer-text {
	    font-size: 13px;
	    line-height: 22px;
    }
    .header .navbar-expand-xl .navbar-nav .nav-link {
        padding-right: 35px;
        padding-left: 35px;
    }
    .theme-btn {
    	padding: 12px 20px 10px;
    	font-size: 15px;
    }
    .hero-title {
	    font-size: 55px;
	    line-height: 70px;
    }
    .title-line {
	    height: 8px;
	    width: 75px;
	    margin-bottom: 20px;
    }
    .title {
	    font-size: 40px;
	    line-height: 53px;
    }
    .mini-title {
	    font-size: 25px;
	    line-height: 35px;
    }
    .medium-title {
	    font-size: 30px;
	    line-height: 40px;
    }
    .title-line-icon {
	    left: -50px;
	    max-width: 120px;
	}
	.about-img-div {
	    padding-right: 50px;
	    padding-bottom: 50px;
	}
	.scroll-top-div{
    	bottom: 20px;
    	right: 20px;
    }
	.service-box {
	    padding: 35px 25px;
    }
    .service-icon {
    	margin-bottom: 30px;
	}
    .light-box {
    	padding: 35px 25px 30px;
    }
    .blog-img {
	    height: 210px;
	    margin-bottom: 10px;
	}
	.blog-content-div {
    	padding: 8px 5px;
	}
	.testimonial-box {
	    padding: 30px 20px;
	    margin: 0px 5px;
	}
	.contact-bg-div {
    	padding: 70px 0px;
    }

}

@media only screen and (max-width: 1200px) {
	.title-line-icon {
	    display: none;
	}
	.title-line {
    	margin-bottom: 15px;
	}
	.hero-title {
	    font-size: 50px;
	    line-height: 65px;
    }
	.title {
	    font-size: 35px;
	    line-height: 45px;
    }
    .mini-title {
	    font-size: 22px;
	    line-height: 31px;
    }
    .logo{
    	height: 70px;
    }
    .header {
    	padding: 10px 0px;
    	background-color: #131313;
    }
    .inner-header{
    	position: relative!important;
	}
    .header .navbar{
	    align-items: center!important;
	}
	.navbar-nav {
    	padding: 0px 20px 10px;
	}
	.navbar-collapse {
	    background-color: var(--theme-color);
	    position: absolute;
	    width: 100%;
	    top: 80px;
	    left: 0px;
	    right: 0px;
	    z-index: 100;
	}
	.navbar-expand-xl .navbar-nav .nav-item{
		width: 100%;
		padding: 0px;
	}
	.header .navbar-light .navbar-nav .nav-link {
	    margin: 0px;
	    display: inline-block;
    	padding: 5px 0px;
	}
	.nav-link-btn{
		display: inline-block;
        margin-top: 10px!important;
        margin-left: 0px!important;
    }
    .dropdown-menu {
    	background-color: var(--theme-color);
		min-width: initial;
    	box-shadow: none;
	    padding: 0px;
	    display: block;
	    overflow: hidden;
	    height: 0px;
	    opacity: 0;
	    transform: scaleY(0) !important;
	    transform-origin: top;
	    transition: opacity 0.3s, transform 0.3s;
	}
	.dropdown-menu.show {
	    height: auto;
	    opacity: 1;
	    transform: scaleY(1) !important;
	}
    .dropdown-toggle{
	    display: inline-flex!important;
	}
    .dropdown-item{
	    color: var(--theme-black)!important;
	    padding: 5px 20px;
    }
    /*.dropdown-toggle::after{
	    display: none;
	}*/
    /*.navbar-nav .dropdown-menu {
	    display: block!important;
	    opacity: 1;
	    position: relative;
	}*/
	.dropdown-item.active, .dropdown-item:active, .dropdown-item:focus, .dropdown-item:hover {
	    background-color: var(--theme-color)!important;
	}
	.title-margin {
    	margin-top: 0px;
	}
}
@media only screen and (max-width: 991px) {
 	.hero-sec {
    	min-height: auto;
    }
    .sec-pad {
    	padding: 60px 0px;
	}
	.blog-page .mini-title{
		margin-bottom: 16px;
	}
}
@media only screen and (max-width: 768px) {
 

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

}

@media only screen and (max-width: 768px) {
	.hero-title {
	    font-size: 40px;
	    line-height: 55px;
	    margin-bottom: 20px;
    }
	.title {
	    font-size: 31px;
	    line-height: 41px;
	    margin-bottom: 20px;
    }
    .medium-title {
	    font-size: 28px;
	    line-height: 40px;
	    margin-bottom: 20px;
    }
    .mini-title {
	    font-size: 22px;
	    line-height: 31px;
	    margin-bottom: 20px;
    }
    .service-box-margin, .light-box-margin, .blog-box-margin {
    	margin-top: 20px;
	}
	.ft-22 {
    font-size: 18px;
    line-height: 25px;
}
.big{
    font-size: 20px;
}
.map{
    height: 350px;
}
.multi_step_form #msform fieldset {
    padding: 20px 0px 0;
}
.multi_step_form #msform #progressbar li {
    font-size: 13px;
}
.multi_step_form #msform {
   
    min-height: 1002px;
 
}
.blog-page .mini-title {
    margin-bottom: 5px;
}
}
@media only screen and (max-width: 640px) {
  

}
    

@media only screen and (max-width: 575px) {
	.hero-title {
	    font-size: 30px;
	    line-height: 45px;
    }
    .title-line {
	    height: 7px;
	    width: 60px;
    }
	.title {
	    font-size: 25px;
	    line-height: 35px;
    }
    .medium-title {
	    font-size: 22px;
	    line-height: 30px;
    }
    .mini-title {
	    font-size: 18px;
	    line-height: 28px;
    }
    .about-img-div {
	    padding-right: 20px;
	    padding-bottom: 20px;
	}
    .service-box {
	    padding: 25px 20px;
    }
    .light-box {
    	padding: 25px 20px 20px;
    }
    .blog-img {
	    height: 210px;
	    margin-bottom: 10px;
	}
	.blog-content-div {
    	padding: 8px 0px;
	}
	.testimonial-box {
	    padding: 20px 15px;
	}
	.testimonial-slider {
    	padding-bottom: 50px;
	}
	.testimonial-flex {
    	display: block;
    }
	.testimonial-title {
	    margin-top: px;
	    margin-bottom: 15px;
	}
    .client-profile {
    	margin-right: 0px;
    	margin-bottom: 15px;
	}
	.testimonial-slider.owl-theme .owl-dots .owl-dot span {
	    width: 9px;
	    height: 9px;
	    margin: 3px;
	}
	.testimonial-slider.owl-theme .owl-dots .owl-dot.active span{
	    width: 25px;
	}
}
@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){

}