/*
  Template Name: Quell
  Version: 1.0
  Author: Allies Interactive
  Website: http://www.diziana.com/
  Corporate Website : http://www.diziana.com
  Contact: support@diziana.com
  Follow: https://www.twitter.com/dizianaEngage
  Like: https://www.facebook.com/diziana.engage
  Purchase: Diziana.com
  License: You must have a valid license purchased only from
  diziana.com in order to legally use the theme for your project.
  Copyright: © 2015 Allies Interactive Services Pvt. Ltd. All Rights Reserved
*/
@media all and (max-width:1200px){
	.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse{
		margin-left: 0%;
	}
	.sign-in{
		margin-right:0;
		font-size: 1.05em;
	}
}

@media all and (max-width:992px){
	.about, .product, .contact-us{
		overflow:hidden;
	}
	.blog-side-bar{
		margin-top:30px;
	}
}
@media all and (max-width:767px){
	.language,.logo{
		float:left !important;
		text-align:left;
	}
	.trending-questions{
		width: 100%;
		margin:20px 15px;
	}
	.sign-in{
		float: left;
	    position: absolute;
	    right: 20%;
	    top: 0;
	}
	.navbar-nav{
		width:100%;
		margin:0;
	}
	.navbar{
		width:100%;
		min-height: 0;
		padding:0;
	}
	.links{
		margin:20px 0;
		width:100%;
	}
	.navbar-nav > li > a{
		padding:20px ;
	}
	.navbar-toggle {
	    background: url("../images/menu-icon.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
	    margin: 20px 0 0 ;
	    width: 40px ;
	    height:40px;
	    top: 10px;
	}
	.docs-section{
		padding-left:0px;
	}
	.blog .sections{
		padding:0;
	}
	footer{
		background: #343434;
	}
	.video-section{
		padding:20px 0 0;
	}
}
@media all and (max-width:600px){
	.language{
		margin:10px 0;
		padding:0;
	}
	.nav-bordered li + li{
		margin-left:15px;
		padding-left:15px;
	}
	.page-heading{
		font-size:1.5em;
	}
	.search-results-column, .category-search {width: 100%;}
}
@media all and (max-width:480px){
	.product-detail{
		width:66%;
	}
	.search-bar a{
		width:33%;
	}
	.sign-in{
		left:15px;
		right:auto;
		top:65px;
	}
	.logo{
		width:100%;
	}
	.navbar-toggle {
		margin:0;
	}
	.navbar-header{
		overflow: hidden;
		padding-top:20px;
		clear:both;
	}
	.blog-img,.blog-details{
		width:100%;
		padding:0;
		margin-bottom:20px;
	}
}
@media all and (max-width: 370px){
	.article-vote-controls{
		margin:20px 0 0 ;
	}
}
@media all and (max-width:320px){
	body{
		width:320px;
	}
}
@media only screen and (min-width : 320px) and (max-width : 420px) {
	.form-control {font-size: 11px;}
}
@media only screen and (min-width : 481px) and (max-width : 991px) {
	.product-detail {width: 75%;}
	.search-bar a {width: 18%;}
}