/*--------------------------------------------------------------
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: 60px 0px;
	}
	.sec-pad-small{
	    padding: 40px 0px;
	}
	p {
	    font-size: 16px;
	    line-height: 28px;
	}
	.navbar-light .navbar-nav .nav-link {
    	font-size: 22px;
    	line-height: 35px;
	}
	.nav-item-btn{
        width: 180px;
    }
	.theme-btn.nav-link-btn{
        font-size: 22px;
        line-height: 35px;
        padding: 3px 28px 5px;
    }
    .nav-active-line::before {
    	width: 130px;
	}
	.hero-title {
	    font-size: 45px;
	    line-height: 65px;
	}
	.title {
	    font-size: 35px;
	    line-height: 45px;
	    margin-bottom: 25px;
	}
	.border-text-box {
    	padding: 35px;
	}
	.grey-small-box {
    	padding: 20px;
	}
	.mini-title {
	    font-size: 22px;
	    line-height: 32px;
    }
    .medium-title {
	    font-size: 26px;
	    line-height: 36px;
    }
    .grey-small-box p {
	    font-size: 15px;
	    line-height: 25px;
    }
    .footer-title {
	    font-size: 24px;
	    line-height: 40px;
	}
	.quote-box-top-pad{
	    padding-top: 200px!important;
	}
	.footer {
    	padding-top: 80px;
	}
	.round-shape{
		width: 100%;
	    max-width: 300px;
	}
	.round-width-300{
	    width: 100%;
	    max-width: 250px;
	}
	.contact-box{
	    padding: 20px 30px;
	}
	.theme-nav-tabs-div{
	    border-radius: 20px;
	    padding: 25px 0px;
	}
	.theme-nav-tabs {
	    max-height: calc(100vh - 235px);
	}
	.theme-nav-tabs.service-theme-nav-tabs{
	    height: calc(100vh - 235px);
	    max-height: 600px;
	}
	.theme-nav-tabs.nav-pills .nav-link {
	    padding: 8px 30px;
	    font-size: 22px;
	    line-height: 38px;
    }
    .theme-nav-tabs.nav-pills .nav-link::before{
	    width: 4px;
	    height: 38px;
	}
	.development-box{
    	padding: 40px;
	}
}

@media only screen and (max-width: 1200px) {
	.header-line {
	    height: 10px;
	}
	.header {
    	padding: 10px 0px;
	}
	.h-logo{
		height: 50px;
		width: auto;
	}
	.navbar-nav {
    	padding: 10px 20px 20px;
	}
	.navbar-collapse {
	    background-color: #F5F5F5;
	    position: absolute;
	    width: 100%;
	    top: 59px;
	    left: 0px;
	    right: 0px;
	    z-index: 100;
	}
	.navbar-expand-xl .navbar-nav .nav-item{
		display: inline-block;
		width: 100%;
		padding: 0px;
		text-align: right;
	}
	.header .navbar-light .navbar-nav .nav-link {
	    margin: 0px;
	    display: inline-block;
    	padding: 5px 0px!important;
    	text-align: left;
    	font-size: 18px;
    	line-height: 30px;
    	font-family: var(--medium-font);
	}
	.nav-item-btn {
	    margin-top: 10px;
	}
	.nav-link-btn.theme-btn{
		font-size: 18px;
    	line-height: 30px;
    	padding: 5px 20px;
    }
	.hero-title {
	    font-size: 38px;
	    line-height: 55px;
	}
	.title {
	    font-size: 30px;
	    line-height: 40px;
	    margin-bottom: 20px;
	}
	.mini-title {
	    font-size: 20px;
	    line-height: 30px;
    }
    .medium-title {
	    font-size: 22px;
	    line-height: 32px;
	}
	.border-text-box {
    	padding: 25px;
	}
	.grey-small-box {
    	padding: 15px;
	}
	.theme-btn {
    	padding: 11px 20px;
	}
	.hero-img-round-shape{
	    left: -20px;
	    max-height: calc(100% + 30px);
	}
	.round-shape-top-right{
	    top: -50px;
	    right: -20px;
	}
	.round-shape-top-left{
	    top: -50px;
	    left: -20px;
	}
	.round-shape-bottom-left{
	    bottom: -50px;
	    left: -20px;
	}
	.round-shape-bottom-right{
	    bottom: -50px;
	    right: 0px;
	}
	.tab-relative{
	    top: 70px;
	}
	.theme-nav-tabs {
	    max-height: calc(100vh - 210px);
	}
	.theme-nav-tabs.service-theme-nav-tabs{
	    height: calc(100vh - 210px);
	    max-height: 550px;
	}
	.theme-nav-tabs.nav-pills .nav-link {
	    padding: 6px 30px;
	    font-size: 22px;
	}
	.development-box{
    	padding: 30px;
	}
	.owl-nav button.owl-prev {
	    left: -30px;
	}
	.owl-nav button.owl-next {
	    right: -30px;
	}
	.owl-nav button i {
	    height: 40px;
	    width: 40px;
	    font-size: 24px;
	    line-height: 23px;
	}
}

@media only screen and (max-width: 991px) {
 	.left-large-img{
	    max-width: 100%;
	}
	.right-large-img{
	    max-width: 100%;
	    margin-left: 0%;
	}
	.round-shape{
	    max-width: 220px;
	}
	.round-width-300{
	    max-width: 180px;
	}
	.hero-text-round-shape{
		display: none;
	}
	.hero-img-round-shape{
	    max-height: calc(100% + 30px);
	    left: -0px;
	}
	.round-shape-top-right{
	    top: -30px;
	    right: -0px;
	}
	.round-shape-top-left{
	    top: -30px;
	    left: -0px;
	}
	.round-shape-bottom-left{
	    bottom: -30px;
	    left: -0px;
	}
	.round-shape-bottom-right{
	    bottom: -30px;
	    right: 0px;
	}
	.tab-relative{
	    position: relative;
	    top: 0px;
	}
	.theme-nav-tabs-div {
	    padding: 15px 0px;
	    margin-bottom: 0px;
	}
	.theme-nav-tabs-collapse-btn{
		display: flex;
	}
	.theme-nav-tabs-collapse{
	    position: absolute;
	    width: 100%;
	    left: 0px;
	    right: 0px;
	    top: 100%;
	    z-index: 99;
	}
	.theme-nav-tabs-collapse .theme-nav-tabs-div{
	    background-color: var(--white);
	}
	.theme-nav-tabs, .theme-nav-tabs.service-theme-nav-tabs {
		height: auto;
	    max-height: 300px;
	}
	.dev-img {
	    margin-bottom: 30px;
	    margin-top: 20px;
	}
	.development-box{
		border-radius: 20px;
    	padding: 30px 20px;
	}
	.owl-carousel button.owl-dot span {
	    height: 8px;
	    width: 8px;
	    margin: 0px 3px;
	}
	.owl-carousel button.owl-dot.active span {
	    height: 14px;
	    width: 14px;
	}
	.development-carousel .item{
	    padding: 5px;
	}
	.development-box{
		box-shadow: 0px 5px 5px 0px #21343014;
	}
	.grey-small-box.test-white-box{
    	box-shadow: 0px 5px 5px 0px #21343014;
	}
	.testimonial-carousel .item{
	    padding: 25px 5px;
	}

}
@media only screen and (max-width: 768px) {
 	.footer-line img{
		max-width: 130px;
		height: auto;
	}
	.footer-line p{
		margin-bottom: 10px!important;
	}

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

}

@media only screen and (max-width: 768px) {

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

}
    

@media only screen and (max-width: 575px) {
	.hero-title {
	    font-size: 32px;
	    line-height: 45px;
	}
	.title {
	    font-size: 25px;
	    line-height: 35px;
	}
	.mini-title {
	    font-size: 18px;
	    line-height: 28px;
    }
    .medium-title {
	    font-size: 20px;
	    line-height: 30px;
	}
	.border-text-box {
    	border-width: 2px;
		border-radius: 20px;
    	padding: 15px;
	}
	.grey-small-box {
		border-radius: 20px;
	}
	.theme-btn {
    	padding: 10px 20px;
	}
	.sec-pad{
		padding: 40px 0px;
	}
	.sec-pad-small{
	    padding: 30px 0px;
	}
	.service-box-div{
	    margin-bottom: -100px;
	}
	.quote-box-top-pad{
	    padding-top: 140px!important;
	}
	.quote-box-margin{
	    margin-bottom: -30px;
	}
	.footer {
    	padding-top: 60px;
	}
	.footer-title {
    	margin-bottom: 12px;
	}
	.footer-hr {
    	margin-top: 0px;
	}
	.footer-line {
	    padding: 15px 0px;
	}
	.contact-box{
	    padding: 20px 20px;
	}
	.form-control {
    	padding: 14px 16px;
	}
	.contact-icon{
	    min-width: 60px;
	    width: 60px;
	    height: 60px;
	    padding: 18px;
	    margin-right: 15px;
	}
	.grey-text-box {
    	padding: 9px 20px;
	}
	.theme-nav-tabs.nav-pills .nav-link {
	    font-size: 20px;
	    line-height: 35px;
    }
    .theme-nav-tabs.nav-pills .nav-link::before{
	    width: 3px;
	    height: 35px;
	}
	.theme-nav-tabs-collapse-btn {
	    font-size: 18px;
	    line-height: 28px;
	    box-shadow: 0px 5px 25px 0px #00000012!important;
	    border-radius: 15px;
	    padding: 15px 16px;
	}
	.development-box{
    	padding: 30px 15px;
	}
	.owl-nav button i {
	    height: 35px;
	    width: 35px;
	}
}
@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){

}