/*********************************************************************
    Norwegian stylesheet
        Creator: Håkan Fogelberg
        Last updated by: Håkan Fogelberg
        Date of change: 2015-12-16
*********************************************************************/
.vevaywrapper #topcontent { background:url(/Files/Images/Vevay/NO/Mvc/sminkbox-puder-link_NO.png) no-repeat;background-size:100%; }

/* Lady Socks */
.ladysockswrapper #maincontent .puffitemwithimage h2 { color:black; }
.ladysockswrapper #pinkareapuffcontainer .puffitemwithimage { padding-top: 30px;border-top: 2px solid #c388c3; }

@media (min-width: 1000px) {
    .landingpageform .Email { width: 326px;} /* DIAR ändrat från width: 326px !important; */
}

@media (min-width: 1251px)
{
    .landingpageform .Email { width: 326px; } /* DIAR ändrat från width: 326px !important; */
    .flexfrontx3tecwrapper .arrowsimagecontainer .publisheditem_text4 .PuffIngress { width: 250px; }
    .sf-menu li { font-size:16px }

    /* Vevay */
    .bootstrapcontainervevay .logocontainer img, .bootstrapcontainervevay .navbar-header #smallheaderlogo { width:310px; }
    .bootstrapcontainervevay .sf-menu li { margin-right: 2px;font-size:15px; }
    .bootstrapcontainervevay .customerservice_infotext:after { margin: 0 4px 0 0; }
    .bootstrapcontainervevay .navigationcontainer { margin-top: 26px; }

    /* Bamboo */
    .bamboowrapper .arrowsimagecontainer .publisheditem_text4 { margin-top: 244px; }
    .bamboowrapper .talkbubble .textcontainer { height:230px; }

    /* Mood */
    .estellemoodwrapper .arrowsimagecontainer .publisheditem_text2 { top: 15px; }
    .estellemoodwrapper .arrowsimagecontainer .publisheditem_text3 { margin-top: 182px; }
    .estellemoodwrapper .arrowsimagecontainerprodinfo .publisheditem_text1 { top: 235px; }
    .estellemoodwrapper .arrowsimagecontainerprodinfo .publisheditem_text2 { top: -15px; }
    .estellemoodwrapper .arrowsimagecontainerprodinfo .publisheditem_text3 { margin-top: 155px; }
    .estellemoodwrapper .arrowsimagecontainerprodinfo .publisheditem_text4 { margin-left: 580px; }
    .estellemoodwrapper .tabpuff .itemscontainer .fouritems { width: 22%; }

    /* Lady Socks */
    .ladysockswrapper #maincontent .puffitemwithimage h2 { font-size:58px;margin-top:120px;margin-bottom:40px; }
    .ladysockswrapper .puffitemwithimage h3, .ladysockswrapper #pinkareapuffcontainer .puffitemwithimage .PuffText h2 { font-size:34px; }
    .ladysockswrapper #bottompuffcontainer .roundcornerlinkpuff { margin-top:60px; }
    .ladysockswrapper #pinkareapuffcontainer .puffitemwithimage { padding-top: 80px; }
    .ladysockswrapper #pinkareapuffcontainer .roundcornerlinkpuff { margin-bottom:100px; }
    .ladysockswrapper #pinkareapuffcontainer .imagewithtextonrightpuff .textcontainer ul, #pinkareapuffcontainer .imagewithtextonrightpuff .textcontainer ol { margin-bottom:80px; }
}

@media (max-width: 1250px) and (min-width: 1000px) 
{
    /* Vevay */
    .bootstrapcontainervevay .logocontainer img, .bootstrapcontainervevay .navbar-header #smallheaderlogo { width: 240px !important; }
    .bootstrapcontainervevay .sf-menu li { margin-right: 2px;font-size:12px; }
    .bootstrapcontainervevay .navigationcontainer { margin-top: 20px; }
    .bootstrapcontainervevay .customerservice_infotext:after { margin: 0 6px 0 0; }

    .bootstrapcontainerestellemood .logocontainer img, .bootstrapcontainervevay .navbar-header #smallheaderlogo { width: 240px !important; }
    .bootstrapcontainerestellemood .sf-menu li { margin-right: 2px;font-size:13px; }
    .bootstrapcontainerestellemood .customerservice_infotext:after { margin: 0 6px 0 0; }

    .bootstrapcontainerflexifrontx5 .logocontainer img, .bootstrapcontainervevay .navbar-header #smallheaderlogo { width: 240px !important; }
    .bootstrapcontainerflexifrontx5 .navigationcontainer { margin-top: 36px; }
    .bootstrapcontainerflexifrontx5 .sf-menu li { margin-right: 2px;font-size:13px; }
    .bootstrapcontainerflexifrontx5 .customerservice_infotext:after { margin: 0 6px 0 0; }

    /* Mood */
    .estellemoodwrapper .mainimage h1 { font-size: 34px; }
    .estellemoodwrapper .arrowsimagecontainer .publisheditem_text3 .PuffIngress { width: 200px; }
    .estellemoodwrapper .arrowsimagecontainerprodinfo .publisheditem_text3 { margin-top: 100px; }

    /* Bamboo */
    .bamboowrapper .arrowsimagecontainer .publisheditem_text3 { margin-top: -25px !important; }
}

@media (max-width: 999px) and (min-width: 768px)
{
    .landingpageform .Email { width: 250px; } /* DIAR ÄDRAT: TAGIT BORT !IMPORTANT */
    .landingpageform .BirthdatePanel .day { /*margin-left: 0;*/margin-top:4px;width:73px; }
    .landingpageform .BirthdatePanel .year, .landingpageform .BirthdatePanel .month { width:74px; }

    /* X3TEC + Mood */
    .flexfrontx3tecwrapper .roundcornerlinkpuff .header h2, .estellemoodwrapper .roundcornerlinkpuff .header h2 { font-size: 24px; }
    .flexfrontx3tecwrapper .circlespuffscontainer h2 { font-size:25px; }

    /* Mood */
    .estellemoodwrapper .arrowsimagecontainerprodinfo .publisheditem_text1 { top: 235px; }
    .estellemoodwrapper .arrowsimagecontainerprodinfo .publisheditem_text2 { top: -90px; }
    .estellemoodwrapper .arrowsimagecontainerprodinfo .publisheditem_text3 { top: -65px; }
    .estellemoodwrapper .arrowsimagecontainerprodinfo .publisheditem_text4 { margin-top: 60px; }

    /* Bamboo */
    .bamboowrapper .arrowsimagecontainer .publisheditem_text4 { margin-top: 75px !important; }
}

@media (max-width: 767px)
{
    .landingpageform .BirthdatePanel .year, .landingpageform .BirthdatePanel .month, .landingpageform .BirthdatePanel .day { /*padding:0;*/margin:0;width:100%; }
    .landingpageform .BirthdatePanel .year, .landingpageform .BirthdatePanel .month { margin-left:0;margin-bottom:4px; }

    .bamboowrapper .imagetexthoverpuff img { width: 180px; }
}

@media (max-width: 415px) {
    .flexfrontx3tecwrapper #topcontent .mainimage h1 { font-size: 16px; }
    .flexfrontx3tecwrapper #topcontent .mainimage h1 br { display:none; }
    .flexfrontx3tecwrapper .roundcornerlinkpuff .header { max-width: 190px; }
}

@media (max-width: 360px) {
    .bamboowrapper .imagewithtextonrightwithbackgroundpuff .textcontainer .text h2, #maincontent .textpuff h2, #bottompuffcontainer .textpuff h2, #maincontent .puffitem h2 { font-size: 20px; }
}