/* Page */
@media screen and (max-width: 310px) {
    body.responsive-page .page-header #brand {
        width			: 52px;
        overflow		: hidden;
    }

    body.responsive-page .page-header #brand .logo {
        max-width		: none;
    }
}

/*@media screen and (max-width: 767px) {*/
@media screen and (max-width: 959px) {

    body.responsive-page .stratum-header {
        background		: #ffffff;
    }

    body.responsive-page .page-header #brand {
        position		: absolute;
        padding			: 0;
    }

    body.responsive-page .page-header #brand .logo {
        height			: 50px;
    }

    body.responsive-page .page-header {
        height			: 66px;
        width			: 100%;
    }

    body.responsive-page .header-content {
        width			: 182px;
        float			: right;
        margin-right	: 8px;
    }

    body.responsive-page .shopping-cart-and-login-container {
        position		: static;
        float			: left;
        min-width		: 120px;
        margin-right	: 10px;
    }
}

/* Primary Nav */
/*@media screen and (max-width: 767px) {*/
@media screen and (max-width: 959px) {

    .page-header #drop-down-menu .toggle-mobile-menu-button,
    #shopping-cart-container{
        margin-top		: 8px;
    }

    .page-header #drop-down-menu {
        background		: none;
        min-width		: 0;
        position		: static;
        width			: auto;
        margin-left		: 2px;
        margin-right	: 8px;
    }

	.page-header #drop-down-menu .tileMe{
		display			: none;
	}
	
    .page-header .site-search {
        display			: none;
    }

    .page-header #drop-down-menu .tileMe {
        position		: absolute;
        background-color: #EDEDED;
        top				: 66px;
        left			: 0;
        right			: 0;
		margin			: 0;
    }

    .page-header #drop-down-menu .tileMe li {
        float			: none;
        border-bottom	: 1px solid #dbdbdb;
        background-color: #EDEDED;
        padding			: 0;
		display: block;
    }

    .page-header #drop-down-menu .tileMe li a{
        display			: block;
		padding: 15px;
    }

    .page-header #drop-down-menu .tileMe .dpdwn {
        display			: none;
    }
    .page-header #drop-down-menu.expanded .tileMe {
        display			: block;
    }

    .page-header #drop-down-menu .toggle-mobile-menu-button {
        padding			: 0;
        display			: inline-block;
        width			: 48px;
        height			: 48px;
        float			: right;
        margin-left		: 12px;
        border			: 1px solid #484848;
        border-radius	: 3px;
        cursor			: pointer;
        margin-top		: 8px;
}

    .page-header #drop-down-menu.expanded .toggle-mobile-menu-button {
        background-color: #EC008C;
        border-color	: #EC008C;
    }

    #drop-down-menu .toggle-mobile-menu-button span {
        display			: block;
        height			: 2px;
        margin			: 7px auto;
        width			: 30px;
        background-color: #484848;
    }

    #drop-down-menu.expanded .toggle-mobile-menu-button span{
        background-color: #ffffff;
    }


    .page-header #drop-down-menu .toggle-mobile-menu-button span:first-child {
        margin-top		: 14px;
    }

    #drop-down-menu .toggle-mobile-menu-button:hover {
        background		: none;
    }
}










/* Shopping-cart */
/*@media screen and (max-width: 767px) {*/
@media screen and (max-width: 959px) {


 body.responsive-page .page-header #shopping-cart-container {
        background: none;
        min-width: 0;
        min-height: 0;
        width: 48px;
        height: 48px;
        border: none;
position: static;
        float: right;		
    }
 
    body.responsive-page .shopping-cart .condensed-shopping-cart{
        padding: 0;
    }
 
    body.responsive-page #shopping-cart-container .shopping-cart .condensed-shopping-cart .text {
        display: none;
    }
 
    body.responsive-page #shopping-cart-container a.hijax-loading-indicator {
        margin: 0;
        padding: 0;
    }
	
	#shopping-cart-container a.hijax-loading-indicator > span {
        display: none;
    }	
 
    body.responsive-page #shopping-cart-container a.hijax-loading-indicator,
    body.responsive-page .condensed-shopping-cart .checkout-button{
        border-radius: 3px;
        display: inline-block;
        width: 48px;
        height: 48px;
        background-image: url("https://images.sembo.se/Common/Symbols/nav_icon_cart_ec008c.png");
        background-position: 7px 12px;
        background-size: 30px;
        background-repeat: no-repeat;
        border: 1px solid #484848;
        margin: 0;
        padding: 0;
        text-indent: 100%;
        white-space: nowrap;
        overflow: hidden;
        background-color: #fff;
        float: none;
    }
 
    body.responsive-page #shopping-cart-container a.hijax-loading-indicator,
    body.responsive-page .condensed-shopping-cart .checkout-button.disabled{
        background-image: url("https://images.sembo.se/Common/Symbols/nav_icon_cart_cccccc.png");
        border: 1px solid #cccccc;
    }
 
    body.responsive-page .shopping-cart .detailed-shopping-cart-cartridge {
        display: none;
    }	
	
}

/* Member login */
/*@media screen and (max-width: 767px) {*/
@media screen and (max-width: 959px) {

    .loginContainer > a {
        margin: 8px;
        width: 15px;
        height: 15px;
    }

    .login-information-control .member-first-name,
    .login-information-control .logout-action{
        display: none;
    }

    .page-header .loginContainer {
        min-width: 0;
        position: static;
        width: 49px;
        height: 39px;
    }

    .login-information-control .login-information {
        width: 49px;
        height: 39px;
        padding: 0;
        margin: 0;
        background: none;
        border: 1px solid #484848;
    }

    .login-information-control.expanded .login-information {
        background-color: #ec008c;
        border-color: #ec008c;
    }


    .login-information-control .login-information .icon,
    .login-information-control .login-information .login-action span {
        display: none;
    }

    .login-information-control .login-information .login-action{
        display: inline-block;
        width: 48px;
        height: 38px;
        background-image: url("https://images.sembo.se/Common/Symbols/nav_icon_login_484848.png");
        background-position: 8px 7px;
        background-size: 30px;
        background-repeat: no-repeat;
    }

    .login-information-control .login-information .membership-information-toggle{
        display: inline-block;
        width: 48px;
        height: 38px;
        background-image: url("https://images.sembo.se/Common/Symbols/nav_icon_login_ec008c.png");
        background-position: 8px 7px;
        background-size: 30px;
        margin-top: 0;
    }

    .login-information-control.expanded .login-information .membership-information-toggle{
        background-image: url("https://images.sembo.se/Common/Symbols/nav_icon_login_ffffff.png");
        background-position: 8px 7px;
        background-size: 30px;
    }

    .hidden .membership-info-box {
        display: none
    }

    .login-information-control .membership-information-panel .membership-info-box {
        border-top: none;
    }

    .login-information-control .membership-information-panel {
        background-color: #ededed;
        position: absolute;
        top: 81px;
        left: 0;
        right: 0;
        text-align: left;
        box-shadow: none;
        border-radius: 0;
    }

    .login-information-control .membership-information-panel .button{
        display: inline-block;
    }
}




































/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */