/*
Theme Name: SP CharityPlus
Theme URI: http://demo.spyropress.com/#charitypluswp
Author: SpyroPress
Author URI: http://themeforest.net/user/spyropress
Description: The 2017 theme for WordPress is a fully responsive theme that looks great on any device. Features include a front page template with its own widgets, an optional display font, styling for post formats on both index and single views, and an optional no-sidebar page template. Make it yours with a custom menu, header image, and background.
Version: 1.9
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: one-column, two-columns, right-sidebar, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, translation-ready
Text Domain: sp-charityplus

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/
#cms-header-top-bar .row .col{
	display: inline-block;
	line-height: 1;
	width: auto;
}
#cms-header-top-bar .row .col aside{
	float: none !important;
	padding: 5px 0;
}
#cms-header-top-bar .quick-contact{
	list-style: none;
	padding: 7px;
	margin-bottom: 0;
}
#cms-header-top-bar .quick-contact li{
	display: inline-block;
	margin-right: 10px;
	color: #176b85;
}
#cms-header-top-bar .wpml-ls-legacy-list-horizontal a{
	padding: 0 10px;
}
#cms-header-top-bar a.btn.btn-primary{
	background: #176b85;
    color: #fff;
}
body.cms-header-5 #cms-header-top{
	padding: 7px 0 0;
}
body.cms-header-5 #cms-header{
	margin-top: 0;
}

@media (min-width: 1201px){
	#cms-header-top-bar,
	#cms-header-top{
		width: 50%;
	}

	#cms-header-top-bar{
		float: right;
		text-align: right;
		margin-top: 40px;
	}
	#cms-header-top{
		float: left;
		text-align: left;
		display: inline-block;
	}
	#cms-header-top-bar .container,
	#cms-header-top .container{
		width: 100%;
	}
	#cms-header-top #cms-header-logo{
		padding-left: 0;
		margin: 10px 0;
	}
}

@media (max-width: 1024px){
	body .rev_slider_wrapper .tparrows {
    width: 40px;
    height: 40px;
    line-height: unset;
	}
	body .rev_slider_wrapper .tparrows:before {
	    line-height: 40px;
	    font-size: 15px;
	}
}

@media (min-width: 992px){
	#cms-header-top-bar .container .col-md-6{
		float: right;
		width: 50%;
	}
}

@media (min-width: 768px) and (max-width: 1024px){
	#cms-header > div > div, #cms-header > div > nav{
		padding: 0 50px;
	}
	#cms-header-logo a {
	    display: inline-block;
	    padding: 10px 0 5px;
	}
	body #cms-header-logo .main-logo{
		max-width: 90%;
	}
}

@media (max-width: 768px){
	#cms-header-logo {
	    max-width: 70%;
	}
}

@media (max-width: 767px){
	body #cms-header-logo .main-logo{
		max-width: 100%;
	}
	#cms-header-top-bar .row .col{
		display: inline-block;
		float: none;
		width: 100%;
		text-align: center;
	}
}