/* only small desktops */
@media (min-width: 992px) and (max-width: 1199px) {
	.navbar-expand-lg .navbar-nav .nav-link{font-size:13px}
    #hero-area .contents .head-title {
/*        font-size: 40px;*/
    }
	#hero-area .contents .head-sub-title {
/*        font-size: 30px;*/
	}
    .title-hl {
        font-size: 30px;
    }
    .why .content h3 {
        font-size: 30px;
    }
    .services-item {
/*        min-height: 600px;*/
    }
    .services-item.small {
        min-height: auto;
    }
}

/* tablets */
@media (max-width: 991px) {
    .section-title {
        font-size: 30px;
        margin-bottom: 30px;
    }
    .services-item {
/*        min-height: 450px;*/
        margin-bottom: 20px;
    }
    .services-item.small {
        min-height: auto;
    }
	.col-md-12 .services-item {
        min-height: auto;
    }
	.owl-carousel .owl-nav button.owl-prev,
	.owl-carousel .owl-nav button.owl-next{width:40px;height:40px;margin-top:-45px}
	.owl-carousel .owl-nav button.owl-prev{left:20px}
	.owl-carousel .owl-nav button.owl-next{right:20px}
}

/* only small tablets */
@media (min-width: 768px) and (max-width: 991px) {
	.section-header{margin-bottom:30px}
    .section-title {
        font-size: 26px;
        margin-bottom: 15px;
    }
    #about .sec-title h3 {
        font-size: 30px;
        line-height: 42px;
    }
    .title-hl {
        font-size: 30px;
    }
    .text-wrapper {
        padding: 60px 30px;
    }
    .why .content h3 {
        font-size: 30px;
    }
    .testimonial-item {
        padding: 10px;
    }
    .testimonial-item .content h2 {
        font-size: 15px;
    }
    .footer-area .footer-titel {
        margin-top: 30px;
    }
	.navbar-brand{margin-top:5px}
}

/* mobile or only mobile */
@media (max-width: 767px) {
    .section-padding {
        padding: 70px 0;
    }
	.section-header{margin-bottom:20px}
    .section-title {
        font-size: 22px;
        margin-bottom: 15px;
    }
    .services-item {
        min-height: auto;
    }
	.services-item.small {
		min-height: 120px;
		padding: 3px;
		margin-bottom: 10px;
	}
    .second-rows .services-item.small {
		min-height: 120px;
    }
	.services-item.active {
		border-width: 1px;
		box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.30) !important;
	}
    .services-item.small .icon img{
        width: 50px;
    }
    .services-item.small .icon i {
        font-size: 30px;
        width: 50px;
        height: 50px;
        padding-top: 10px;
    }
	.services-item.small .services-content h3 {
		line-height: 18px;
		margin-bottom: 0;
	}
	.services-item.small .services-content h3 p,
	.services-item.small .services-content h3 a {
		font-size:15px;
		line-height: 18px;
	}
	.services-item.small .services-content h3 span {
		display: block;
		font-size: 12px;
		line-height: 18px;
		margin-top:2px;
	}

	.except-rows{padding:0 5px}
	.except-rows .col-3{padding:0 5px}

	.title-hl {
        font-size: 22px;
    }
    .navbar-brand img {
        margin: 5px 0;
    }
    #hero-area .contents {
        padding: 100px 0px 60px 0px;
    }
    #hero-area .contents .head-title {
        font-size: 18px;
        line-height: 36px;
        margin-bottom: 15px;
    }
	#hero-area .contents .head-sub-title {
        font-size: 14px;
        line-height: 26px;
        margin-bottom: 15px;
	}
    #hero-area .contents p {
        font-size: 18px;
    }
    #hero-area .contents .btn {
        margin: 5px 10px 10px 0px;
    }
    .text-wrapper {
        padding: 60px 15px;
    }
    #about .sec-title h3 {
        font-size: 22px;
        line-height: 36px;
    }
    .why .content h3 {
        font-size: 18px;
    }
    .testimonial-item {
        padding: 0;
    }
    .client-item-wrapper img {
        width: 70%;
    }
    .footer-right-contact .single-contact {
        margin: 10px 7px;
        padding: 3px 45px;
    }
    .footer-area .footer-titel {
        margin-top: 30px;
    }
    .contact-form-area h2 {
        font-size: 18px;
    }
	.footer-logo img{width:100px}
	#services .section-title img{width:80px}

	.m_dp_none{display:none}
	.m_dp_inline{display:inline}

	.owl-carousel .owl-nav button.owl-prev,
	.owl-carousel .owl-nav button.owl-next{width:30px;height:30px;margin-top:-37px}
	.owl-carousel .owl-nav button.owl-prev{left:10px}
	.owl-carousel .owl-nav button.owl-next{right:10px}
}