/*--------------------------------------------------------------
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) {
	.sec-pad{
    	padding: 80px 0px; 
	}
	p {
	    font-size: 17px;
	    line-height: 26px;
    }
    .navbar-light .navbar-nav .nav-link{
	    font-size: 17px;
        padding-right: 30px;
        padding-left: 30px;
    }
    .nav-link-btn {
        margin-left: 30px;
    }
    .title {
	    font-size: 42px;
	    line-height: 35px;
	}
	.mini-title{
	    font-size: 28px;
	    line-height: 25px;
    }
    .service-img {
    	height: 220px;
    }
    .service-title {
	    padding: 10px 8px;
	    font-size: 15px;
	    line-height: 20px;
    }
    .service-detail-box {
    	padding: 40px;
	}

}

@media only screen and (max-width: 1200px) {
	.service-img {
    	height: 200px;
    }
	.service-title {
	    padding: 5px 8px;
	    height: 50px;
	    display: flex;
	    align-items: center;
	}
	.service-detail-box {
    	padding: 30px 20px;
	}
}

@media only screen and (max-width: 991px) {
 	.sec-pad{
    	padding: 60px 0px; 
	}
	.header {
    	padding: 15px 0px;
    }
	.logo{
		height: 60px;
		width: auto;
	}
	.navbar-nav {
    	padding: 10px 20px 20px;
	}
	.navbar-collapse {
		background-color: var(--theme-light-bg);
	    position: absolute;
	    width: 100%;
	    top: 75px;
	    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;
	}
	.nav-link-btn {
		padding: 10px 30px!important;
		display: inline-block;
		width: auto;
        margin-left: 0px;
        margin-top: 8px;
    }
    .nav-link::before, .nav-item.active .nav-link::before {
	    margin-left: 0px;
	    margin-right: auto;
	    transform-origin: 0% 50%;
    }
    .contact-box{
    	padding: 30px 15px;
	}
	.service-img {
    	height: 160px;
    }
	.service-title {
		font-size: 14px;
		line-height: 18px;
	    height: 48px;
	}
	.service-detail-box {
    	padding: 20px;
	}
	.service-tab{
    	top: 90px;
    }
}
@media (min-width: 992px){

}

@media only screen and (max-width: 767px) {
	.sec-pad{
    	padding: 50px 0px; 
	}
	.footer-div {
    	padding: 50px 0px 10px;
    }
    .footer-text {
	    padding: 20px 0px;
	    font-size: 14px;
    }
	p {
	    font-size: 16px;
	    line-height: 24px;
    }
    .navbar-light .navbar-nav .nav-link{
	    font-size: 16px;
    }
    .title {
	    font-size: 40px;
	    line-height: 35px;
	}
	.contact-box-margin {
    	margin-top: 30px;
	}
	.nav-pills {
    	overflow-x: scroll;
	}
	.nav-pills::-webkit-scrollbar {
  		display: none;
	}
	.service-img {
		width: 150px;
    	height: 160px;
    }
	.ft-20 {
	    font-size: 18px;
	    line-height: 26px;
	}
	.service-tab{
	    position: relative;
	    top: initial;
    }
}
@media only screen and (max-width: 640px) {
  

}
    

@media only screen and (max-width: 575px) {
	.title {
	    font-size: 35px;
	    line-height: 35px;
	    margin-bottom: 20px;
	}
	.mini-title{
	    font-size: 25px;
	    line-height: 20px;
	    margin-bottom: 20px;
    }
	.theme-btn {
	    padding: 9px 25px;
	    min-width: initial; 
	}
	.service-detail-box {
    	padding: 15px;
	}
	.flex-list {
    	padding-left: 0px;
	}
	.flex-list-icon {
    	margin-right: 10px;
	}
}
@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: 360px){
	.title {
	    font-size: 32px;
	    line-height: 32px;
	    margin-bottom: 20px;
	}
}