/* =============== Responsive ================ */
/* ---------- MAX 1199PX ---------- */
@media (max-width: 1199px) {
	/* Portfolio */
	.portfolio-container {
		margin:0px !important;
	}
	/* Blog */
	ul.blog-attr li.blog-rate{
		margin-left:0px;
	}
}
/* ---------- MAX 1024PX ---------- */
@media (max-width: 1024px) {
	/* Portfolio */
	.portfolio-container {
		margin:0px 15% !important;
	}
	/* Blog Timeline */
	.blog-timeline-event-left:before{
		right:-42px;
	}
	.blog-timeline-event-right:before{
		left:-30px;
	}
	#blog-outer .portfolio-container{
		margin:0px!important;
	}
}
/* ---------- MIN 991PX ---------- */
@media only screen and (min-width:991px){
	.dropdown:hover .dropdown-menu{
		display: block !important;
	}
}
/* ---------- MAX 991PX ---------- */
@media (max-width: 991px) {
	/* Navbar Collapse */
    .navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
		background:#34495e;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin: 7.5px 0px;
		padding:0px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
   	.navbar-collapse.collapse.in {  /* NEW */
        display: block!important; 
    }
	.navbar-nav.navbar-right:last-child{
		margin-right:0px;
	}
	.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus{
		color: #1abc9c !important;
	}
	.no-container{
		width:100%;
		padding:0px;
	}
	.navbar img.logo {
    	margin-left:30px;
	}
	/* Navbar Collapse */
	.navbar-collapse.in {
  		overflow-y: auto !important;
	}
	.navbar-right .dropdown-menu{
		width:100%;
	}
	#top .navbar-collapse {
		max-height: 200px !important;
	}
	/* Portfolio */
	.portfolio-container {
		margin: 0 40px !important;
	}
	/* Contact Info */
	.contact-info {
    	margin-left:0px;
	}
	#contacInfo{
		margin-top:40px;
	}
	/* Blog */
	#blog .blog-next{
		display:none;
	}
	/* Blog Left Sidebar */
	.blog-leftsidebar .sidebar{
		padding-right:0px;
	}
	/* Blog Right Sidebar */
	.blog-rightsidebar .sidebar{
		padding-left:0px;
	}
	/* Blog Timeline */
	.blog-timeline-event-left:before{
		right:-37px;
	}
	.blog-timeline-event-right:before{
		left:-26px;
	}
	#blog-outer .grid-item{
		width:48% !important;
		padding:0px 5px;
	}
	#blog-outer .portfolio-container{
		margin:10px 0px !important;
	}
	/* Faq */
	#faq .sidebar{
		padding-left:0px;
	}
	/* Carousel Slider Version */
	.slide1-text, .slide2-img, .slide3-text{
		padding:50px 15px 100px !important;
		text-align:center;
	}
	.slide1-img, .slide2-text, .slide3-img{
  		padding:100px 15px 50px !important;
		text-align:center;
	}
/* ---------- MAX 800PX ---------- */
@media (max-width: 800px) {	
/* Blog Timeline */
	.blog-timeline-event-left:before{
		right:-38px;
	}
	.blog-timeline-event-right:before{
		left:-26px;
	}
}
/* ---------- MIN 768PX ---------- */
@media only screen and (min-width:768px){
	.dropdown:hover .dropdown-menu{
		display: block !important;
	}
}
/* ---------- MAX 768PX ---------- */
@media (max-width: 768px) {	
	/* Navbar */
	.navbar-toggle {
        margin-right:30px;
	}
	
	.icon-cms,
	.icon-ecommerse,
	.icon-html {
		visibility: hidden;
	}
	.icon-cms,
	.icon-line-cms
	.icon-ecommerse,
	.icon-html {
		visibility: hidden;
		width: 0%;
	}	
	/* Team Section */
	p.team-content {
		font-style: italic;
		line-height: 28px;
		margin: 0 0 20px 0;
		width: 98%
	}
	.team-container {
		min-height: 390px;
		padding: 30px 0;
	}	
	/* Blog */
	.blog-container img.photo-blog {
		width: 100%
	}	
	.circle {
		width: 90%;
	}
}
/* ---------- MAX 767px ---------- */
@media (max-width: 767px) {
	/* Blog Timeline */
	.blog-timeline-event-left, .blog-timeline-event-right {
		margin-left:0;
		width:100%;
	}
	.blog-timeline-right{
		padding-top:0px;
	}
	.blog-timeline-event-left:before, .blog-timeline-event:after, .blog-timeline-event-right:before{
		display:none;
	}
	.blog-timeline-left{
		border:0px;
	}
	.blog-timeline .timeline-title{
		margin-bottom:30px;
	}
	.blog-timeline .blog-container{
		width:100%;
		min-height:100% !important;
	}
	#blog-outer .grid-item{
		width:97% !important;
		padding:0px;
	}
	#blog-outer .portfolio-container{
		margin:10px 0px !important;
	}
	/* Shortcodes */
	.shortcodes	.testimonial-right{
		margin-top:50px;
	}
}
/* ---------- MAX 640px ---------- */
@media (max-width: 640px) {
	/* Slider */
	#slider .slide h6{
		font-size:16px;
		line-height:10px !important;
	}
	/* Portfolio */
	.portfolio-container{
		margin:0px 23% !important;
	}
	/* Blog Grid */
	#blog-outer .grid-item{
		width:97% !important;
		padding:0px;
	}
}
/* ---------- MAX 480px ---------- */
@media (max-width: 480px) {
	/* Navbar */
	.navbar-collapse ul li a {
		display: inline-block;
	}	
	.animated {
	 	visibility: visible !important;
		-webkit-animation: none !important;
	 	-moz-animation: none !important;
	 	-o-animation: none !important;
	 	-ms-animation: none !important;
	 	animation: none !important;
	}	 	 
	/* Services Style */
	#services h4 {
		font-size: 150%;
		display: block;
		margin: 20px auto 20px auto;
		text-align:center;
		width: 98%;
	}
	#services img {
		text-align: center;
		display: block;
		width: 98%;
	}
	#services img.iphone,
	#services img.ipad {
		display: block;
	}
	#services img.iphone {
		margin-top: 20px;
		width: 25%;
	}
	#services img.ipad {
		width: 50%;
	}
	.icon-cms,
	.icon-line-cms,
	.icon-round-cms {
		visibility: hidden;
		width: 0%;
	}
	.icon-line-ecommerse,
	.icon-round-ecommerse,
	.icon-ecommerse {
		visibility: hidden;
		width: 0%;
	}
	.icon-line-html,
	.icon-round-html,
	.icon-html {
		visibility: hidden;
		width: 0%;
	}
	#services p {
		text-align: center;
	}
	.learn-more {
		width: 80%;
		display: block;
		font-weight: bold;
		font-size: 14px;
		color: #333;
		margin: 30px auto 30px auto;
	}
	/* Fun Fact Style */
	#facts div.col-xs-6  {
		min-height: 250px;
	}
	/* Pricing Style */
	.price-left,
	.price-center,
	.price-right {
		padding: 30px 0;
		width: 98%;
		margin-top: 40px;
	}
	/* Blog Style */
	.blog-container {
		background-color: #fff;
		padding: 0;
		width: 98%;
		margin-top: 40px;
	}
	ul.blog-attr li {
		text-align: center;
	}
	.blog-container img.photo-blog {
		width: 100%
	}
	/* About Us and Team Style */
	p.team-content {
		font-style: italic;
		line-height: 25px;
		margin: 0 0 20px 0;
		width: 98%;
	}
	.team-container {
		min-height: 380px;
		padding: 45px 0;
	}
	/* Contact Us Style */
	#contact {
		padding: 80px 0 60px 0;
	}
	#contact form {
		position: relative;
		width: 98%;
	}
	#contact form input.input-text,
	#contact form textarea.text-area,
	#contact form input.btn-msg {
		width: 98%;
	}
	.contact-info {
		min-height: 140px;
		text-align: center;
	}
	.contact-info i {
		display:block;
		text-align: center;
		margin: auto auto auto auto;
		float: none;
		width: 98%;
	}
	/* Footer Style */
	ul.footer-social li {
		display: inline-block;
		padding: 5px 20px;
		text-align: center;
		margin-left: auto;
		margin-right: auto;
		float: left;
	}
	/* Portfolio */
	.portfolio-container{
		margin:0px 15% !important;
	}
	.portfolio-container .portfolio-item{
		width:300px;
		height:250px;
		margin-right:0px !important;
	}
	/* Blog Grid */
	#blog-outer .grid-item{
		width:95% !important;
	}
}
/* ---------- MAX 360px ---------- */
@media (max-width: 360px) {	
	/* Portfolio */
	.portfolio-container{
		margin:0px 15px !important;
	}
	.portfolio-filter a {
		margin-left:5px;
	}
	/* Blog Grid */
	#blog-outer .grid-item{
		width:93% !important;
	}
}
/* ---------- MAX 320px ---------- */
@media (max-width: 320px) {	
	/* Portfolio */
	.portfolio-container{
		margin:0px !important;
	}
	.portfolio-container .portfolio-item{
		width:290px !important;
	}
	.portfolio-item .portfolio-item-blur{
		margin:20px;
	}
	.portfolio-item .portfolio-item-text{
		left:8%;
	}
	/* Blog Grid */
	#blog-outer .grid-item{
		width:92% !important;
	}
}