.bg_color {
     
    padding-bottom:45px;
    width:98%;
    max-height:415px;
}
ul.dropdown-menu li:first-child .list-group-item {
border-bottom-width:2px !important;
}
.brandtab.dropdown .dropdown-menu.show{
top:-2px !important;
}
.starbucks_store video,.starbucks_store .carousel-inner {
    margin-left: -100px;

}
.starbucks_storear .carousel-inner{
margin-right:-100px;
}
.social-icon .fab{color:#ffffff;
     font-size:20px;
}
#carouselExampleFade{
    margin-bottom:1rem !important;  
}

element.style {

}
.aboutpage .list-group .dropdown-menu .list-group-item, .aboutpage .list-group.list-brands li .list-group-item.active {
    border-top-width: 0px;
}
.aboutpage .list-group.list-brands .mCSB_container .list-group-item {
    margin-bottom: 0px;
    position:sticky;
    // z-index:-1;
}
.aboutpage .list-group .list-group-item.dropdown-toggle, .aboutpage .list-group .dropdown-menu .list-group-item {
    border-top-width: 0px !important;
    margin-bottom: 0px;
}
.aboutpage .dropdown-menu a:last-child.list-group-item, .dropdown .dropdown-menu .list-group-item.dropdown-toggle, .aboutpage .list-group.list-brands .list-group-item {
    margin-bottom: -1px;
}
.aboutpage .list-group-item.active, .aboutpage .list-group-item:hover, .list-group.list-brands .list-menu .list-group-item.active, .list-group.list-brands .list-menu .list-group-item:hover, .list-group-item-action:focus, .list-group.list-brands .list-menu .list-group-item:focus {
    color: #29abe2;
    background-color: transparent;
    border-color: #dddddd;
}
.aboutpage .list-group-item.active {
    color: #29abe2;
    background: none;
    border-color: #dddddd;
    margin-top: -1px;
    border-top-width: 1px;
}
.social-icon{
    height:44px;
}
.brandslides .carousel-item{
    max-height:310px;
    position: relative;
    top: 4px;
}
.mobile-social-icon .fab{
font-size:32px;
}
.btnradius{
 border-bottom-right-radius: 15px !important;
 font-size:16px !important;
 padding:18px 14px 11px !important;
}


}
.btnradius:hover{
  background-color:#2a588d !important;
}
.brandtab{
  width: 100%;
    margin: 0px!important;
    font-size: 18px;
    position: sticky !important;
    top: 123px;
    background: #fff;
    z-index: 1000;
max-width:85%;
margin:auto;
padding-top:15px;
padding-bottom: 10px;
}

.brandtab .dropdown-menu.show{
 width: 100%;
 border-radius: 0px 0px 4px 4px;
 padding: 0px 0px 0px 0px;
 border: 0px;
 top: -2px !important;
}

.brandtab .dropdown-menu.show .list-group-item{
 font-size: 14px;
    width: 85%;
    margin: auto;
}
 .aboutpage ol li {
    padding-bottom: 0px !important; 
}

@media (min-width:991.98px){
    .current_page{
        display: none;
    }  
	.starbucks_logo img{
		padding-left: 16px;
		max-width: 200px;
	}
}


@media (max-width : 991.98px) {

    .starbucks_store,
    .bg_color {
        background-color: white;
        transform: none;
    }

.mobiletab .dropdown-select{
margin:auto !important;
}

.aboutpage h1{
text-align:center;
}

    .bg_color img {
        top: -70px;
        width: 100%;
        position: absolute;
        margin-left: auto;
    }
    .Alshaya_brands{
        position:absolute;
        top: -430px;
        width: 80%;

    }
    .Alshaya_brands h2{
        display:none;
    }
    .starbucks_logo{        
        position: absolute;
        text-align: center;
        
    }
    .starbucks_about{
        position: relative;
        top: 392px;
        
    }
    .starbucks_about h1{
        text-align: center;
    }
  
    .current_page{
        text-align: right;
        margin-top: -33px;
        padding-top: 17px;

    }
    .social-icons{
        position: relative;
        top: 365px;
        text-align: center;
    }
    .social-icon{
        display: none;
    }
	.main-banner .contact-breadcrumb-location{display:none!important;}
	  #content .breadcrumbsection {display:block!important;}
    .max-height-example{
    width: 85%;
    margin: auto;
    top:101px !important;
}
}

@media(max-width:767.98px){
    .current_page{
       /* margin-top: -123px; */
    }
     
    .starbucks_about{
        margin-top: -72px;  
    }
.breadcrumbsection .breadcrumb {
  justify-content: none;
}

}
  /* @media(max-width:421px){
.brandbutton{
padding:10px 5px 3px 0 !important;
font-size:14px !important;
}
}
@media(max-width:360px){
.brandbutton{
font-size:12px !important;
}
}  */

.mob {
width: 40px;
text-align: center;
text-decoration: none;
font-size:25px !important;
}

/* Add a hover effect if you want */
.mob:hover {
opacity: 0.7;
}
/* Set a specific color for each brand */
/* Facebook */
.mob.fa-facebook-f {
background: #3B5998;
color: white;
}
/* Twitter */
.mob.fa-twitter {
background: #55ACEE;
color: white;
}
.mob.fa-instagram {
background: #3B5998;
color: white;
}

.mobiletab{
background-color:transparent !important;
}

.social-media a{
display:none !important;
}

@media(max-width:991.98px) and (min-width:767.98px){
.btnodd{
 margin-left:-23px;
}
.btneven{
margin-left:30px;
}
.arbic-lang .btnodd{
margin-right:-23px;
}
.arbic-lang .btneven{
margin-right:30px;
}

}

@media(max-width:767.97px) and (min-width:576.98px){
.btnodd{
 margin-left:-19.5px;
}
.btneven{
margin-left:28px;
}
.arbic-lang .btnodd{
 margin-right:-19.5px;
}
.arbic-lang .btneven{
margin-right:28px;
}
}

@media(max-width:576.97px) and (min-width:320px){
.btnodd{
 margin-left:-17.5px;
}
.btneven{
margin-left:27px;
} 
.arbic-lang .btnodd{
 margin-right:-17.5px;
}
.arbic-lang .btneven{
margin-right:22px;
} 

.brandbutton {
margin-bottom:30px!important;
}
}
.brandbutton {
margin-bottom:22px;
}
.brandtab ul.dropdown-menu.show{
 width: 100%;
 border-radius: 0px 0px 4px 4px;
 padding: 0px 0px 0px 0px;
 border: 0px;
 top: -2px !important;
 transform: translate3d(0px, 50px, 0px)!important;
 height:400px;
 overflow:scroll;
}

.about-us h2,
.about-us h3 {
 font-size: 20px;
 line-height: 30px;
 }



.desksocialicon{
width: 32px !important;
    position: relative;
    top: 4px;
}
.mobsocialicon {
        width: 28px;
}