/* Medium Layout: 1200px. */
@media only screen and (min-width: 991px) and (max-width: 1199px) {

.promo-image{
	max-width:500px;
}
/* Header nav */
.hero-content h1{
	font-size:40px;
}
}

/* Tablet Layout: 768px. */
@media only screen and (min-width: 768px) and (max-width: 990px) {
/* GENERAL */
body{
	font-size:14px;
}
h1{
	font-size:40px;
}
h2{
	font-size:32px;
}
h3{
	font-size:25px;
}
h4{
	font-size:20px;
}
h5{
	font-size:16px;
}
h6{
	font-size:15px;
}
/* Header nav */
.header .navbar-header{
	width:100%;
	margin-bottom:15px;
}
.header .logo{
	text-align:center;
	width:100%;
	margin-left:0px;
}
.header .nav.navbar-nav.navbar-nav-op.navbar-right{
	width:100%;
	margin-right:0px;
}
/* Video hero */
.cd-immersive-video{
	padding-top:150px;
	height:auto;
	padding-bottom:50px;
}
/* Hero section */
.promo-image{
	max-width:400px;
}

/* Blog section */
.blog-thumb{
	height:250px;
}
.blog-meta{
	padding:8px;
}
.post-content {
  padding-left: 15px;
  padding-right: 15px;
}
.post-title{
	font-size:18px;
}
/* Sidebar */
.sidebar-inner .widget{
	padding-left:15px;
	padding-right:15px;
}
#wp-calendar{
	border-spacing:2px;
}
#wp-calendar tbody td{
	padding:5px;
}
}

/* Mobile Layout: 320px. */
@media only screen and (max-width: 767px) {
/* GENERAL */
body{
	font-size:14px;
}
h1{
	font-size:30px;
}
h2{
	font-size:24px;
}
#contact h3,
.subscribe-area h3, 
.download-area h3 ,
h3{
	font-size:22px;
}
h4{
	font-size:18px;
}
h5{
	font-size:16px;
}
h6{
	font-size:14px;
}
#home .hero-content h1 {
	font-size:25px;
}
#footer-widget .widget{
	margin-bottom: 35px;
}
#footer-section {
	text-align: center;
}
#footer-section .text-right {
	text-align: center;
	margin-top: 10px;
}

/* Paddings */
.pt200 {
	padding-top:140px;
}
.pt100{
	padding-top:50px;
}
.pb100{
	padding-bottom:50px;
}

.pt70{
	padding-top:35px;
}
.pb50{
	padding-bottom:25px;
}
/* Margins*/
.mb60{
	margin-bottom:30px
}
.res-mt30 {
	margin-top:30px
}
/* Buttons */
.primary-btn{
	padding:10px 25px;
}
/* Header */
.header {
	padding-top:0px;
	padding-bottom:0px;
	background:#E6F4FE;
}
.header .navbar-header{
	padding-top:10px;
	padding-bottom:10px;
}
.header .navbar-toggle{
	margin-bottom:0px;
}
.header .navbar-nav > li{
	padding-left:0px;
	margin-top:5px;
	margin-bottom:5px;
}
.header .navbar-nav > li a{
	padding-bottom:8px;
	padding-top:8px;
	padding-left:5px;
	padding-right:5px;
}
.header .logo{
	line-height:30px;
}
.header .navbar-nav > li.active > a,
.header .navbar-nav > li > a:hover{
	background:#ffffff;
}
/* Video hero */
.cd-immersive-video{
	padding-top:100px;
	height:auto;
	padding-bottom:50px;
}
/* Hero section */
.hero-section{
	height:auto;
	padding-top:100px;
	padding-bottom:50px;
}
.hero-full-screen{
	height:auto;
	padding-top:100px;
	padding-bottom:50px;
}
.header.nav-sticky .dropdown li a{
	color:#ffffff;
}
.header.nav-sticky .dropdown li a:hover, .header.nav-sticky .dropdown li.active a{
	color:#0d3559;
	background:#ffffff;
}
/* Features */

.vertical-align > .flex-box, .vertical-align > .flex-box{
	top:-10px;
	margin-top:10px;
	margin-bottom:10px;
}
/* About section */
.left-icon-boxes, .right-icon-boxes {
  text-align: center;
}
.vertical-align {
  display: inherit;
}
/* how it section */
.how-works-item{
	margin-top:15px;
	margin-bottom:15px;
}
.how-works-item:first-child::before {
    border-color: #0d3559!important;
}
.how-works-item:last-child::after {
    border-color: #0d3559!important;
}
/* Pricing section */
.single-package {
	margin-bottom:35px;
}

/* counter section */
.single-counter i{
	font-size:40px;
}
.single-counter h4{
	font-size:18px;
}
.counter-number {
  font-size: 25px;
  margin-bottom: 10px;
  margin-top: 10px;
}
/* Blog section */
.owl-nav{
	top:-30px;
}
.blog-thumb{
	height:250px;
}
.blog-meta{
	padding:8px;
}
.post-content {
  padding-left: 10px;
  padding-right: 10px;
}
.post-title{
	font-size:18px;
}

/* Contact */
.contact-block{
	padding:30px 0;
}
.contact-block .subtitle{
	padding-left:0px;
	padding-right:0px;
}
/* Subscription */
.subscription-form .input-box{
	min-width:270px;
}
/* Footer */
.social-icons{
	margin-bottom:10px;
}
/* Blog page */
.hero-content h1{
	margin-bottom:15px;
}
.pagination-lg > li > a, .pagination-lg > li > span{
	padding:6px 10px;
}
.sidebar-inner .widget{
	padding:15px;
}
/* Single blog */
.blog-footer{
	padding:10px 15px 10px;
}
.blog-comment{
	padding:20px 15px;
}

/* 404 page */
.ep-title{
	font-size:80px;
	line-height:90px;
}
.ep-subtitle{
	font-size:18px;
}

/* Coming soon page */
#launch-timer li{
	display:block;
	margin-top:20px;
}
#launch-timer li {
	line-height:25px;
}
}
/* Wide Mobile Layout: 480px. */
@media only screen and (min-width: 768px) { 
	.header .nav li a:before {
		background: #346afe;
		bottom: -5px;
		content: "";
		height: 1px;
		position: absolute;
		right: 0;
		-webkit-transform: scale(0);
		transform: scale(0);
		-webkit-transition: all 0.3s ease 0s;
		transition: all 0.3s ease 0s;
		width: 15px;
	}
	.header .nav li a:after {
		background: #346afe;
		content: "";
		height: 1px;
		left: 0;
		position: absolute;
		top: -5px;
		-webkit-transform: scale(0);
				transform: scale(0);
		-webkit-transition: all 0.3s ease 0s;
		transition: all 0.3s ease 0s;
		width: 15px;
	}

}
/* Wide Mobile Layout: 480px. */
@media only screen and (min-width: 480px) and (max-width: 767px) {
/* GENERAL */
body{
	font-size:15px;
}
h1{
	font-size:34px;
}
h2{
	font-size:28px;
}
h3{
	font-size:25px;
}
h4{
	font-size:22px;
}
h5{
	font-size:18px;
}
h6{
	font-size:16px;
}
.hero-content h1{
	font-size:28px;
}
.admin-bar .navbar {
	margin-top: 46px;
}
}
/* Wide Mobile Layout: 600px. */
@media only screen and (max-width: 600px) { 

	.admin-bar .navbar.nav-sticky {
		margin-top: 0px;
	}
	.admin-bar .navbar {
		margin-top: 46px;
	}
	.download-apps-content .mt60 {
		margin-top: 35px;
	}
	.social-icons ul li a {
		margin-bottom: 12px;
	}
}