/* media css */

@media all and (min-width: 120px) and (max-width: 767px) {
p, li a {
	font-size: 14px;
	line-height: 22px;
}
h1 {
	font-size: 34px;
	line-height: 40px;
}
h2 {
	font-size: 28px;
	line-height: 36px;
}
h3 {
	font-size: 22px;
	line-height: 32px;
}
h4 {
	font-size: 19px;
}
header {
	display: block;
	border-bottom: 1px solid #ccc;
}
#cd-menu-trigger {
	top: 0px !important;
}
.cd-main-content {
	margin-top: 58px;
}
.mSearch {
	position: absolute;
	top: 20px;
	right: 54px;
	font-size: 19px;
}
.menu, .menu-transparent {
	display: none;
}
.contact-bg {
	padding: 30px 0;
}
.bg h1 {
	font-size: 22px;
	line-height: 30px;
    margin-top: -100px;
    
}
.bg h4 {
	font-size: 12px;
	padding: 0 4px;
	line-height: 16px;
    margin-bottom: 15px;
}
.bg p {
	font-size: 12px;
	padding: 0 4px;
	line-height: 18px;
}
    
.intro h2 {
	font-size: 26px;
}
.intro p {
	font-size: 14px;
	padding: 10px;
	line-height: 24px;
}
.intro .btn-danger, h4 > .btn-danger {
	padding: 10px 30px;
	font-size: 14px;
}
.mid {
	background-color: #1798e8;
	margin: 0;
	padding: 30px 15px;
}
.mid p {
	line-height: 26px;
	font-size: 15px;
}
.mid h2 {
	font-size: 24px;
	line-height: 30px;
}
.mid p, .mid h2 {
	color: #fff;
}
.web-dev-tools p {
	padding: 0 8px;
	text-align: left;
}
.business {
	background: none;
}
.technology-icons li {
	padding: 8px 3px;
}
#text-separator-timers h2 {
	font-size: 34px;
}
.timerWrapper p {
	font-size: 14px;
}
.border-btm {
	border-bottom: 1px solid #ccc;
}
.header-overlay {
	padding: 0;
}
.content-bg {
	padding-bottom: 40px;
}
.content-bg img {
	display: none;
}
.content-bg h1 {
	font-size: 30px;
	line-height: 40px;
}
.content-bg p {
	font-size: 14px;
}
.header-overlay {
	margin: 0;
	padding: 0;
}
.portfolio {
	margin-top: 50px;
}
.contact-bg h2 {
	font-size: 34px;
}
footer h3 {
	font-size: 20px !important;
}
.footer-bottom {
	text-align: center;
}
.footer-bottom ul {
	display: none;
}
}
 @media all and (min-width: 768px) and (max-width: 1000px) {
p, li a, ol>li, ul>li {
	font-size: 13px;
	line-height: 26px;
}
h2 {
	font-size: 30px;
}
h3 {
	font-size: 23px;
	line-height: 24px;
}
.mSearch {
	position: absolute;
	right: 120px;
	top: 18px;
	font-size: 24px;
}
header {
	display: block;
	height: 60px !important;
	border-bottom: 1px solid #ccc;
}
.cd-main-content {
	margin-top: -30px;
}
.menu, .menu-transparent {
	display: none;
}
.clearfix {
	margin-top: 90px;
}
.bg h1, .bg h4, .intro p, .web-dev-tools p {
	padding: 0 20px;
}
.bg h4 {
	margin-bottom: 15px;
}
.business {
	background-size: cover;
}
.content-bg {
	padding-bottom: 40px;
}
.content-bg h1 {
	font-size: 40px;
	line-height: 50px;
}
.portfolio h1 {
	margin-top: 10px;
}
footer h3 {
	font-size: 14px;
}
.footer-bottom {
	text-align: center;
}
.footer-bottom ul {
	display: none;
}
}
 @media all and (min-width: 1001px) and (max-width: 1200px) {
.content-bg {
	padding-bottom: 40px;
}
.business {
	background-size: cover;
}
}