/*
 * Responsive
 --------------------------------------------------------------*/
 /* Mobile Nav*/
#main-header .navbar-default .navbar-toggle{border-color:#f9a521}
#main-header .navbar-default .navbar-toggle:hover,#main-header .navbar-default .navbar-toggle:focus,#main-header .navbar-default .navbar-toggle:active{background:#f9a521}
#main-header .navbar-default .navbar-toggle .icon-bar{background-color:#f9a521}
/* Media queries */
@media (max-width: 768px) {
	#main-wrapper{padding-bottom:0!important}
	#main-header{background:#fff;padding:5px 0}
	#main-header.inverse{background:#222!important}
	#main-header .navbar-brand{padding:10px 0}
	#main-header .navbar-default{margin:0}
	#main-header .navbar-default .navbar-toggle:hover .icon-bar,#main-header .navbar-default .navbar-toggle:focus .icon-bar,#main-header .navbar-default .navbar-toggle:active .icon-bar{background-color:#fff}
	#main-header .navbar-default .navbar-nav.social li {display: inline-block;}
	.half-bg{width:100%!important}
	#main-content{padding:80px 0}
	#blog-grid .post-item .post-info .attribute {display: block;margin: 10px 0;}
	#blog-grid .post-item .post-info .attribute + .attribute::before {content: "";}
	.pagination a.prev_button, .pagination a.next_button {font-size: 13px;}
	.footer{display:block;position:relative}
	.footer .footer-copyright, .footer .footer-contact, .footer .footer-phone {text-align: left !important;padding: 10px 0;}
	#countdown > div {font-size: 25px;}
    #countdown > div > span {font-size: 14px;}
}
@media (min-width: 768px) {
	.navbar-brand{padding:10px 0}
	.navbar .navbar-nav{display:inline-block;float:none}
	.navbar .navbar-collapse{text-align:center}
	.social{margin-top:6px}
	.social li a{padding:10px 8px}
}
@media only screen and (max-width: 767px) {
	.portfolio-item{width:50%;overflow:hidden}
	#main-navigation ul.navbar-nav > li .mega-menu, #main-navigation ul.navbar-nav ul{transform: none; opacity: 1; visibility: visible;pointer-events: auto;position: static; padding: 0 0 0 15px;}
	#main-navigation ul.navbar-nav > li .mega-menu > .mega-menu-row, 
	#main-navigation ul.navbar-nav > li .mega-menu .mega-menu-col{display: block; }
}
@media (max-width: 767px) and (orientation: landscape) {
  .hero-block {padding-top: 40px;padding-bottom: 40px;}
  .footer {position: relative !important;}
}
@media only screen and (max-width: 480px) {
  .portfolio-item, .post-item {width: 100% !important;overflow: hidden;}
  .hero-block .hero-text {padding: 0 22px;}
  .hero-title {font-size: 36px !important;line-height: 42px !important;}
  .button {display: block;font-size: 14px;letter-spacing: 1px;margin: 11px 0;}
  .button.button-yellow {padding: 17px;}
  #portfolio-content .portfolio-attributes .attribute {display: block;margin-bottom: 10px;}
  #portfolio-content .portfolio-attributes .attribute + .attribute {margin-left: 0;}
  .nav-vertical .owl-controls {top: 36%;}
  .owl-theme .owl-controls .owl-page span {width: 12px;height: 12px; margin: 10px 7px;opacity: 0.5;}
  #main-footer.footer {padding: 10px 20px;}
  .footer-text .footer-copyright, .footer-text .footer-contact, .footer-text .footer-phone {font-size: 14px !important;}
	.alert-success, .alert-info, .alert-warning, .alert-danger {padding: 2% 2% 2% 10%;}
	#comments-wrapper .comment-list .children{padding-left: 0px !important;margin: 40px 0 0 0 !important;}
	#comments-wrapper .comment-list .comment-info .comment-reply{position: static;margin-top: 10px;}
}