@import "../../../atlanta/assets/css/rtl.min.css";

/* Your CSS code goes here
-------------------------------------- */
.rtl #sidebar ul li, .rtl #sidebar-footer ul li
{
    list-style-image: none;
}
.sticky-header #custom_html-5{
	padding-bottom: 0px!important;
	padding-top: 0px!important;
}
.slogan p{
    margin:0px;
}

#top-bar .top-bar-contact{
    float:left;
    margin:auto 0 auto 150px;
}
.sticky-header .top-bar-contact{
    float:left;
    margin:auto 0 auto 140px;
}
#top-bar .widget{
   height:100%;
}
ul.social-links li a .social-icon:before {
    line-height: 42px;
    font-size: 20px;
    width: 42px;
    height: 42px;
}
#top-bar #custom_html-3 {
    width: 50%!important;
}
@media (max-width: 1200px){
.slogan{
    font-size:24px;
}
#top-bar .top-bar-contact{
    float: left;
    /*font-size: 12px;*/
    line-height: 13px;
    padding-bottom: 2px;
    padding-top: 14px;
}
}

@media (min-width: 992px){
.top-bar-contact .phone {
    cursor: default;
    pointer-events: none;
}
.phone.mobile  {
     display:none;
}
.phone.desktop  {
    display:inline;
}
}
@media (max-width: 991px){

.phone.mobile{
     display:inline;
}
.phone.desktop  {
    display:none;
}
}

@media (max-width: 767px){
.sticky-header .top-bar-contact{
    margin:auto 0 auto 0px;;
}
.sticky-header #custom_html-3 {
    float: right;
    width: auto;
    position: absolute;
    left: 70px;
    z-index:99;

}
.sticky-header .logo {
    z-index: 100;
}
.sticky-header .top-bar-contact{
    float:left;
}
#primary .container {
    margin-top: 60px;
}
.navbar-toggle {
    /*margin-top: 10px!important;*/
    background-color: #dd9933!important;;
}
}

@media (max-width: 568px){
.sticky-header .container {
    padding-right: 5px;
    padding-left: 5px;
}
.sticky-header #custom_html-3 {
    left: 60px;
    font-size: 18px;
}
.sticky-header #custom_html-5 {
    float: none;
    right: 60px;
}
}
@media (max-width: 460px){
.slogan p{
    font-size:11px;
}
.slogan{
    font-size:13px;
}
sticky-header #custom_html-5 {
    right: 50px;
}
}
@media (max-width: 767px){
#primary .container {
    margin-top: 70px!important;
	}
}