@media (min-width:992px){
.thepassion-header-flex{
	display: flex;
	display:-webkit-flex;
	align-items: center;
	
}

.thepassion-header-flex .thepassion-header-top-nav{
line-height: 0px;
}
 ::i-block-chrome,.thepassion-header-flex{
     display: -webkit-box;
-webkit-box-pack: center;
-webkit-box-align: center;
    }
}

@media (max-width:991px){
div#bs-example-navbar-collapse-1 {
    width: 100%;
}
.thepassion-header-flex .thepassion-nav > li > a{
	text-align: left;
}

header#thepassion-header.header-stickly.fixed {
    display: none;
}
.thepassion-header-fullright #bs-example-navbar-collapse-1 {
    background: transparent;
    height: auto;
}
}
@media (max-width:991px){
.thepassion-header-flex .thepassion-header-social-icon{
display:none;
}
.thepassion-header-flex .thepassion-header-logo{
	    z-index: 1;
		    text-align: left;
}
.thepassion-header-top-nav.col-md-8.col-sm-4.col-xs-12.text-center {
    width: auto;
    float: none !important;
}
.thepassion-header-top-right .thepassion-header-top-nav.col-md-10.col-sm-4.col-xs-12{
    width: auto;
    float: none !important;
}
.thepassion-header-bottom-nav {
    width: 100%;
	float: none !important;
}
/*
#bs-example-navbar-collapse-1::-webkit-scrollbar-track
{
 -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
 background-color: #F5F5F5;
}

#bs-example-navbar-collapse-1::-webkit-scrollbar
{
 width: 6px;
 background-color: #F5F5F5;
}

#bs-example-navbar-collapse-1::-webkit-scrollbar-thumb
{
 background-color: #7B7B7B;
}*/
}
@media (max-width:480px){
.thepassion-header-flex .thepassion-header-logo.text-center {
    width: auto;
}
}

@media only screen and (max-width: 1200px) and (min-width: 991px){
.thepassion-wpf-demo-8 .thepassion-download-link{
height: 20% !important;
}
}
@media only screen and (max-width: 990px) and (min-width: 768px){
.thepassion-wpf-demo-8 .thepassion-download-link{
height: 26% !important;
}
}
@media only screen and (max-width: 767px) and (min-width: 520px){
.thepassion-wpf-demo-8 .thepassion-download-link{
height: 12% !important;
}
}


/*responsive menu */
@media (max-width:1200px){
.thepassion-nav > li {
    padding: 0px 5px;
    margin: 0px 5px;
}
}
@media (max-width:1100px){
.thepassion-nav > li {
    padding: 0px 2px;
    margin: 0px 5px;
}
}
@media (max-width:991px){
	nav.navbar{
	text-align: right;	
    display: block;
	}
	/*button.navbar-toggle {
    margin-right: 15px;
}*/

}
@media (min-width:992px){
.navbar-collapse.collapse{display:block!important;height:auto!important;padding-bottom:0;overflow:visible!important}
}
@media only screen and (max-width:991px) and (min-width:768px){
	.thepassion-header-top-nav{
		float:right !important;
	}
	.navbar-header {
    float: right !important;
	}
}


/* Bootstrap collapse of navigation with a maximum width: 991px (Change it to any breakpoint you want to be collapsed) */

@media (max-width:991px){
	.navbar-header {
    float: right;
}
.navbar-toggle {
    display: block !important;
}

.navbar-collapse.collapse {
    display: none !important;
}

.navbar-collapse.collapse.in {
    display: block !important;
  	overflow-y: auto !important;
	margin-top: 10px !important;
    display: inline-block !important;
}

.navbar-nav {
    margin: 0;
    float: none !important; 
}

.navbar-nav li {
	float: none  !important;;
}

.navbar-nav li > .dropdown-menu {
	border: 0;
	float: none;
	width: auto;
	position: static;
	box-shadow: none;
	background: inherit;
}
}

@media (max-width:767px){
#thepassion-sidebar-wrapper .thepassion-nav li.active {
    width: 250px;
    margin: 0 auto;
    padding: 0px 5px;
}
#thepassion-sidebar-wrapper .thepassion-sidebar-nav {
	    padding-top: 10px;
}
#thepassion-sidebar-wrapper .thepassion-sidebar-nav li {
	margin: 0px auto;
}
}
@media (max-width:600px){
#thepassion-sidebar-wrapper .thepassion-nav li.active {
     width: 210px;
    margin: 0 auto;
}
}
@media (max-width:500px){
#thepassion-sidebar-wrapper .thepassion-nav li.active {
     width: 190px;
    margin: 0 auto;
}
}
@media (max-width:400px){
#thepassion-sidebar-wrapper .thepassion-nav li.active {
     width: 190px;
    margin: 0 auto;
}
}
/*footer css demo 1*/
@media only screen and (max-width: 480px) {
.thepassion-footer, .thepassion-first-widget-area, .thepassion-r-pdn, .thepassion-footer-sub {
padding:0 !important;
}
.thepassion-footer-sec h2 {
    line-height: 1.2 !important;
    font-size: 10px !important;
}
h2 .thepassion-txt-shadow span {
    font-size: 6px;
}
.thepassion-txt-shadow:hover {
    font-size: 13px;
}
#thepassion-footer .footer-img img {
    width: 15%;
    margin: 0 13px;
}
.thepassion-footer-sec-two h2 {
    font-size: 18px !important;
    padding: 5px 0;
}
#thepassion-sub-footer {
padding:0 !important;
}
.thepassion-footer-copyright {
    padding: 10px 20px 10px;
    text-align: center;
}
}
@media only screen and (max-width: 544px) {
.thepassion-footer, .thepassion-first-widget-area, .thepassion-r-pdn, .thepassion-footer-sub {
padding:0 !important;
}
.thepassion-footer-sec h2 {
    line-height: 1.2 !important;
    font-size: 15px !important;
}
h2 .thepassion-txt-shadow span {
    font-size: 10px;
}
.thepassion-txt-shadow:hover {
    font-size: 13px;
}
#thepassion-footer .footer-img img {
    width: 15%;
    margin: 0 13px;
}
.thepassion-footer-sec-two h2 {
    font-size: 18px !important;
    padding: 5px 0;
}
#thepassion-sub-footer {
padding:0 !important;
}
.thepassion-footer-copyright {
    padding: 10px 20px 10px;
    text-align: center;
}
}