body
{
    color:#490E00;
    font-family:ArcherMedium, "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif
}
#divWidthData
{
    z-index:-10000000;
}
#header .navbar .container
{
    line-height:normal;
}
.container.banner-area
{
    /*margin-top:2px !important;*/
}
.sf_cols
{
    position:relative;
}
.imgCampaignHeader img
{
    width:100%
}
.lblCampaignContentWrp
{
    position:relative;
}
.divCampaignContentWrp
{
    text-align:center;
    text-transform:uppercase;
    line-height:normal;
    cursor:pointer;
    position:relative
}
.imgCampaignContent
{
    width:100%;
    max-width:100% !important;
    max-height:100% !important;
  
	}
.spnCampaignContentIconWrp
{
    width:100%;
    position:absolute;
    top:20%;
    left:0;
    z-index:101;
}
.imgCampaignContentIcon
{
    /*width:28px ;
    height:28px ;*/
    width:36px;
    height:36px;
    min-width:0 !important;
    /*position:absolute !important;*/
    top:20%;
    border:none !important;
}

.spnCampaignContentTitleRed
{
    width:100%;
    font-size:32px;
    font-weight:bold; 
    color:#C9282D;  
    position:absolute;
    top:32%;
    left:0;
    z-index:101;
}
.spnCampaignContentTextRed
{
    width:100%;
    font-size:20px; 
    font-weight:bold;  
    color:#C9282D;
    position:absolute;
    top:48%;
    left:0;
    z-index:101;
    padding-left:6px;
    padding-right:6px;
}
.spnCampaignContentTitleWhite
{
    width:100%;
    font-size:32px; 
    font-weight:bold;
    color:#00447C;
    text-shadow:2px 2px 3px #FFFFFF;
    position:absolute;
    top:32%;
    left:0;
    z-index:101;
}
.spnCampaignContentTextWhite
{
    width:100%;
    font-size:20px; 
    font-weight:bold; 
    color:#00447C;
    text-shadow:2px 2px 3px #FFFFFF;
    position:absolute;
    top:48%;
    left:0;
    z-index:101; 
    padding-left:6px;
    padding-right:6px;
}

.campaignContentLayoutLarge .spnCampaignContentTitleWhite,
.campaignContentLayoutLarge .spnCampaignContentTitleRed
{
    font-size:70px;

}
.campaignContentLayoutLarge .spnCampaignContentTextWhite,
.campaignContentLayoutLarge .spnCampaignContentTextRed
{
    top:44%;
    font-size:28px;
}
.campaignContentLayoutLarge .spnCampaignContentIconWrp
{
    top:24%;   
}
#divCampaignMainContentPopup
{
    width:100%;
    position:absolute;
    background-color:#FFFFFF;
    z-index:102;
    /*padding:28px;*/
    display:none;
}
.spnCampaignPopupClose
{
}
.divCampaignContentPopupWrp
{

}
.divCampaignPopupVideoLeft
{
    width:50%;
    display:inline;
    float:left;
    padding:28px;
}
.divCampaignPopupVideoRight
{
    width:50%;
    display:inline;
    float:right;
    padding:28px;
}
.divCampaignPopupQuoteLeft
{
    width:33%;
    display:inline;
    float:left;
    text-align:center;
    padding:28px;
}
.divCampaignPopupQuoteLeft img
{
    width:33% !important;
    min-width:92px;
}
.divCampiagnPopupSeparator
{
    width:1px;
    height:295px;
    border-right:2px dashed #ECD3AE;
    float:left;
}

.divCampaignPopupQuoteRight
{
    width:66%;
    display:inline;
    float:right;
    padding:28px;
}
.frmCampaignYouTubeVideo
{
}
.divYouTubeVideoWrp
{
    position:relative;
    padding-bottom:56.25%; /*16:9*/
    padding-top:25px;
    height:0;
}
.divYouTubeVideoWrp iframe
{
    width:94%;
    height:94%;
    position:absolute;
    top:0;
    left:0;
}
.divYouTubeCarouselVideoWrp
{
    position:relative;
    padding-bottom:42%;
    padding-top:2.5%; /*26px;*/
    height:0;
}
.divYouTubeCarouselVideoWrp iframe
{
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
}

.spnCampaignPopupClose
{
    width:36px;
    height:45px;
    display:block;
    background-image:url('/images/default-source/campaign-page/campaigncontent_popupclose.jpg?sfvrsn=2');
    position:absolute;
    top:0;
    right:26px;
    cursor:pointer;
}
.spnCampaignPopupHeading
{
    font-size:28px;
    color:#C9282D;
    text-transform:uppercase;
}
.spnCampaignPopupText
{
    width:95%;
    display:block;
    color:#8C6E5D;
    margin-top:12px;
    font-size:16px;
}
.spnCampaignPopupSocialShareWrp
{
    display:block;
    padding-top:10px;
    float:right;
}
.ulCampaignPopupSocialLinks
{
    list-style-type:none;
}
.ulCampaignPopupSocialLinks li
{
    display:inline-block;
    padding-left:6px;
    padding-right:6px;
}
.lnkCampaignFacebookShare
{
    width:7px;
    height:16px;
    display:block;
    background-image:url('/images/default-source/campaign-page/icons/campaigncontent_facebookshare.jpg?sfvrsn=2');
}
.lnkCampaignTwitterShare
{
    width:19px;
    height:13px;
    display:block;
    background-image:url('/images/default-source/campaign-page/icons/campaigncontent_twittershare.jpg?sfvrsn=2');
}
.lnkCampaignYoutubeShare
{
    width:21px;
    height:14px;
    display:block;
    background-image:url('/images/default-source/campaign-page/icons/campaigncontent_youtubeshare.jpg?sfvrsn=2');
}
.lnkCampaignInstagramkShare
{
    width:15px;
    height:15px;
    display:block;
    background-image:url('/images/default-source/campaign-page/icons/campaigncontent_instagramshare.jpg?sfvrsn=2');
}
.lnkCampaignPopupReadMore
{
    width:133px;
    height:30px;
    display:block;
    background-image:url('/images/default-source/campaign-page/icons/lire_plus_button.png?sfvrsn=2');
    margin-top:12px;
}
.translation-fr .lnkCampaignPopupReadMore
{
    background-image:url('/images/default-source/campaign-page/readmorebutton_fr.png?sfvrsn=2');
}

.spnCampaignPopupQuote
{ 
    color:#683817;
    font-size:32px;
    line-height:normal;
}
.imgPopupSourceIndicatorUpArrow
{
    min-width:0 !important;
    position:absolute !important;
    top:-54px;
    left:0;
    border:none !important;
    display:none
}
.imgPopupSourceIndicatorDownArrow
{
    min-width:0 !important;
    position:absolute !important;
    bottom:-54px;
    left:0;
    border:none !important;
    display:none
}



#divCampaignReadMoreControl
{
    width:103%;
    text-align:center;
    padding-top:20px;
    padding-bottom:20px;
    position:relative;
    display:inline-block;
    border-top:2px dashed #ECD3AE;
    border-bottom:2px dashed #ECD3AE;
    margin-top:12px;
    margin-bottom:12px;
    margin-left:-15px;
}
#spnReadMoreButton
{
    width:153px;
    height:39px;
    display:block;
    background-image:url('/images/default-source/campaign-page/campaigncontent_showmore.png?sfvrsn=2');
    background-repeat:no-repeat;
    margin: 0 auto;
    cursor:pointer;
}
.translation-fr #spnReadMoreButton
{
    background-image:url('/images/default-source/campaign-page/morebutton_fr.png?sfvrsn=2');
}
#lblCampaignReadMoreWrp
{
    display:none;
}
.divReadMorePopupWrp
{
    width:100%;
    position:absolute;
    background-color:#FFFFFF;
    z-index:102;
}
.sf_2cols_2_67
{
  width:66.6666%!important;
}
.sf_2cols_1_33
{
  width:33.3333%!important;
}
.sf_3cols_1_33
{
  width:33.333333%!important;
}
.home-recipe img
{
border: 3px solid transparent!important;
}

.imgCampaignHeader 
{
    position: relative;
    z-index: 2;
     /*background: url("/images/default-source/campaign-page/linen-bg.jpg?sfvrsn=2") repeat scroll 0 0 rgba(0, 0, 0, 0);*/
}
.dbl-border {
    border-top: 2px dashed #ecd3ae;
    border-bottom: 2px dashed #ecd3ae;
    margin-bottom: 1% !important;
}
/************** BlackSwan Overrides ***************/
.home-top {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
}

.spnLinkBlockTitle 
{
    font-family: ArcherMedium ,"Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif !important;
}
h1, h2 
{
    font-family: ArcherMedium,"Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif !important;
    font-size: 36px !important;   
}
.divHealthBenefitsTextWrp h2 
{
    font-size:22px !important;
}
.home-top-adjust 
{
    border-bottom: 2px dashed #ecd3ae;
    border-top: 2px dashed #ecd3ae;
    position: relative;
    top: -25px;
    margin-bottom: -20px !important;
}
.home-top-adjust_additional
{
    border-bottom: 2px dashed #ecd3ae;
    border-top: 2px dashed #ecd3ae;
    position: relative;
    top: 12px;
    margin-bottom: 24px !important;
}

.dotted-wrapper 
{
    border-bottom: none !important;
}
.dotted-wrapper h1 span
{
    display:block;
    margin-top:20px;
	font-size:30px;
}
.dbl-border .dotted-wrapper h1 {
    margin: 35px 0;
}
.home-top-adjust .dotted-wrapper p 
{
    font-family: ArcherBold,"Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
    font-size: 0.6em;
    font-weight: 400;
    color:#490E00;
}


/**********************Custom layouts********************************************************/
.TeecCustomTemplate_9X9
{
    background: url("../Templates/ToolboxImages/TEEC_Custom_Grid_Icon.png") no-repeat 0px 0px !important;
}
.TeecCustomTemplate_2X2_bottomLeft
{
    background: url("../Templates/ToolboxImages/TEEC_Custom_Grid_Icon_4.png") no-repeat 0px 0px !important;
}
.TeecCustomTemplate_2X2_bottomRight
{
    background: url("../Templates/ToolboxImages/TEEC_Custom_Grid_Icon_5.png") no-repeat 0px 0px !important;
}
.TeecCustomTemplate_2X2_topLeft
{
    background: url("../Templates/ToolboxImages/TEEC_Custom_Grid_Icon_3.png") no-repeat 0px 0px !important;
}
.TeecCustomTemplate_2X2_topRight
{
    background: url("../Templates/ToolboxImages/TEEC_Custom_Grid_Icon_2.png") no-repeat 0px 0px !important;
}
.divCampaignContentWrp.hover .imgCampaignContent  
{ 
    transform: scale(1.0);
    -ms-transform:scale(1.0);
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

.divCampaignContentWrp .imgCampaignContent {
    transform: scale(1.1);
    transition: all .5s ease-in-out;
}

.lblCampaignContentWrp{
	display: block;
    overflow: hidden;

}

.campaignContentLayoutSmall .divCampaignContentWrp{

	height:295px;
	overflow:hidden;
    border: 3px solid transparent;
    max-width: 340px;
}
.campaignContentLayoutLarge .divCampaignContentWrp{

	height:590px;
	overflow:hidden;
    border: 3px solid transparent;
    max-width: 679px;
}
.yoga-description 
{
    padding-left:36px;
}
.yoga-description > h4 
{
    font-family: ArcherBold ,"Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
    font-size: 26px;
    text-transform: uppercase;
}

.yoga-description p {
    font-size: 20px !important;
    padding: 0 !important;
    text-align: left ;
    width: 75%;
}

.yoga-wrapper {
    border-bottom: 2px dashed #ecd3ae;
    padding: 40px 0;
}
.yoga-wrapper img {
    float: right;
    right: 3%;
}

.campaigncontenttext 
{
    background-color: #ffffff !important;
    font-size: 1.5em;
    line-height: 1.5em;
    margin-bottom: 2%;
    margin-top: 2%;
    padding: 4% 10%;
}
.campaigncontentspacer {
    background-color: #FFFFFF !important;
    height: 80px;
}
.campaigncontentshare
{

  margin-top:5%;
  margin-bottom:5%;
  padding-bottom:4%;
  padding-top:4%;
}
.campaigncontentvideoimg img
{
  margin-left:10%;
  margin-right:10%;
}
.campaigncontentvideo
{
  height:initial;
}
.home-recipe img
{
  max-height:100%;
  min-width:33%;
}
.textnextvideofont
{
  font-size:1.5em;
 
  line-height:1.5em;
  padding-top:4%;
}
.backgroundBlock {
    background: url("/images/default-source/campaign-page/linen-bg.jpg?sfvrsn=2") repeat scroll 0 0 rgba(0, 0, 0, 0);
}

.whyQuakerOatsBlock {
    border-top: 2px dashed #ecd3ae;
    border-bottom: 2px dashed #ecd3ae;
    margin: 10px 0;
}
.main-yoga-wrapper {
    border-top: 2px dashed #ecd3ae;
    margin: 10px 0;
}
.campaign-content-bottom {
    border-bottom: 2px dashed #ecd3ae;
    margin-bottom: 10px;
}
.container.body
 {
    background: url("/images/default-source/campaign-page/linen-bg.jpg?sfvrsn=2") repeat scroll 0 0 rgba(0, 0, 0, 0);
    padding-bottom:40px;
}
.container.banner-area
 {
    background: url("/images/default-source/campaign-page/linen-bg.jpg?sfvrsn=2") repeat scroll 0 0 rgba(0, 0, 0, 0);
}
/***** START Ochtendtype pages ******/
.ochtendtypeTypeContentWrp
{
    padding-left:28px;
    padding-right:28px;
    text-align:center;
}
.ochtendtypeHeadingRedWrp
{
    color:#C9282D;
    font-size:24px;
    font-weight:bold;
    line-height:normal;
    margin-bottom: 2%;
    margin-top: 2%;
    padding: 4% 10%;
    text-transform:uppercase;
    border-top:2px dashed #ECD3AE;
    margin-top:8px !important;
    padding-bottom:4px !important;
}
.spnOctendTypeHeadingRed
{
    color:#C9282D;
    font-size:24px;
    font-weight:bold;
    line-height:normal;
    text-transform:uppercase;
    display:block;
    padding-bottom:28px;
}
#divOchtendTypeFlowWrp
{
    text-align:center;
    /*padding-left:38px;
    padding-right:38px;*/
}
#divOchtendTypeFlowWrp img
{
    width:100%;
}

.ochtendTypeBackgroundWrp
{
    width:97%;
    margin:0 auto;
    background-image:url('/images/default-source/ochtendtype/dotted_border_side_bottom.png');
    background-repeat:no-repeat;
    background-size:100% 100%;
    padding:12px;
}
.ochtendTypeWrp
{
    background-color:#FFFFFF;
    padding:32px;
    color:#122844;
    margin-bottom:12px;
}
.morningTypeDescription
{
    margin-left:20px;
    text-align:left;
}
.morningTypeDescription p
{
    padding-top:14px;
    padding-left:8px;
    color:#122844;
}
.ochtendTypeTopContentWrp
{
    text-align:center;
}
.ochtendTypeTopContentWrp .ochtendtypeHeadingRedWrp
{
    padding-top:65px;
}
.ochtendTypeTopContentWrp ul
{
    padding-bottom:12px;
}
.ochtendTypeTopContentWrp li
{
    list-style-type:none;
    margin-bottom:20px;
    font-size:18px;
}
.ochtendTypeTopContentWrp span
{
    margin-left:8px;
}
.lnkMorningTypeHeading
{
    font-size:26px;
    font-weight:bold;
    vertical-align:middle;
    margin-left:8px;
    color:#122844;
}
.ochtendTypeWhiteLayout
{
    background-color:#FFFFFF;
    text-align:center;
    padding-top:45px;
    padding-bottom:45px;
}
.ochtendTypeWhiteLayout .sfContentBlock 
{
    width:80%;
    margin:0 auto;
}
.ochtendTypeWhiteLayout p
{
    font-size:18px;
}
.ochtendTypeWhiteLayout a
{
    color:#490E00;
    text-decoration:underline;
}
.ochtendTypeContentAdjust
{
    border-bottom: 2px dashed #ecd3ae;
    border-top: 2px dashed #ecd3ae;
    position: relative;
    top:10px;
    margin-bottom:22px !important;
}
.sfcbBorderSeam
{
    border-top: 2px dashed #ECD3AE;
    padding-bottom:12px;
}
.divSeamSeperator
{
    border-top: 2px dashed #ECD3AE;
    padding-bottom:8px;
}
.divWhiteFooter
{
    height:65px;
    background-color:#FFFFFF;

}
#divTreePartSeparatorWrp
{
    width:100%;
    height:80px;
}
#divThreePartSeparatorLeft
{
    width:45%;
    height:73px;
    border-top:2px dashed #ECD3AE;
    border-bottom:2px dashed #ECD3AE;
    border-right:2px dashed #ECD3AE;
    display:inline-block;
    vertical-align:super;
}
#divThreePartSeparatorMiddle
{
    width:5%;
    height:92px;
    background-color:#FFFFFF;
    display:inline-block;
    border-top:12px solid #FFFFFF;
    border-bottom:30px solid #FFFFFF;
    margin-left:4px;
    margin-right:4px;
    margin-bottom:-3px;
}
#divThreePartSeparatorRight
{
    width:45%;
    height:73px;
    border-top:2px dashed #ECD3AE;
    border-left:2px dashed #ECD3AE;
    border-bottom:2px dashed #ECD3AE;           
    display:inline-block;
    vertical-align:super;
}
/***** END Ochtendtype pages ******/

/**********START Cruesli pages ***********/

/*****START Cruesli Image Wall ******/
.divCruesliImageWallInnerWrp
{
    text-align:center;
}
.divCruesliImageWallInnerWrp img
{
    margin:3px;
}
#lblCruesliImageWallSeeMoreOneWrp
{
    display:none;
}
#lblCruesliImageWallSeeMoreTwoWrp
{
    display:none;
}
.divCruesliImageWallReadMoreControl
{
    width:103%;
    text-align:center;
    padding-top:20px;
    padding-bottom:20px;
    position:relative;
    display:inline-block;
    border-top:2px dashed #ECD3AE;
    border-bottom:2px dashed #ECD3AE;
    margin-top:12px;
    margin-bottom:12px;
    margin-left:-15px;
}
#spnCruesliImageWallMoreButton
{
    width:153px;
    height:39px;
    display:block;
    background-image:url('/images/default-source/campaign-page/campaigncontent_showmore.png?sfvrsn=2');
    background-repeat:no-repeat;
    margin: 0 auto;
    cursor:pointer;
}
/*****END Cruesli Image Wall ******/

/******START Cruesli Instagram Admin ******/
#divInstgramPostAdminWrp
{
    text-align:center;
}
#divInstagramPostListOuterWrp
{
    text-align:center;
}
#divInstagramPostListOuterWrp img
{
    vertical-align:text-bottom;
}

.divInstagramPostListItem
{
    width:48%;
    padding:12px;
    border:1px solid #000000;
    margin:0px 4px 8px 0px;
    display:inline-block
}
.divInstagramPostDetails
{
    display:inline-block;
    padding:12px;
}
.divInstagramPostStatusWrp
{
    display:inline-block;
}
#divConfirmUpdateOverlay
{
    width:100%;
    height:100%;
    text-align:center;
    background-image:url('http://staging.quaker.nl/images/default-source/cruesli_campaign/blacknavmask85perc.png?sfvrsn=2') ;
    position:fixed;
    top:0;
    left:0;
    z-index:101;
    display:none;
}
#divUpdateConfirmWrp
{
    width:225px;
    height:100px;
    padding:12px;
    background: url("/images/default-source/campaign-page/linen-bg.jpg?sfvrsn=2") repeat scroll 0 0 rgba(0, 0, 0, 0);
    margin:0 auto;
    border:2px solid #B5121B;
    position:relative;
    top:25%;
}
.btnInstagramAdminUpdate
{
    font-size:22px;
}
.btnInstagramAdminSave
{
    font-size:22px;
    margin-bottom:20px;
}
/******END Cruesli Instagram Admin ******/

/**********END Cruesli pages ***********/


/****** START Media Queries ******/
@media all and (max-width:1367px) and (min-width:961px) 
{
    .spnCampaignContentTitleRed {
    font-size: 30px;
    }
    .spnCampaignContentTitleWhite {
    font-size: 30px;
    }
}
@media all and (max-width:1199px) and (min-width:961px) 
{
    .imgCampaignContent
    {
        width:auto;
        max-width:none !important;
        max-height:none !important;
    }
    .imgCruesliInstagramContent 
    {
        width:100% !important;
    }
    .divCruesliImageWallInnerWrp img
    {
        max-width:32%;
    }
    .spnCampaignContentTitleRed {
    font-size: 30px;
    }
    .spnCampaignContentTitleWhite {
    font-size: 30px;
    }
}
@media all and (max-width:960px) 
{
    .dotted-wrapper h1 span 
    {
        font-size:24px;
    }
    .spnCampaignContentTitleRed {
    font-size: 30px;
    }
    .spnCampaignContentTitleWhite {
    font-size: 30px;
    }

}

@media all and (max-width:960px) 
{
    #divWidthData
    {
     z-index:-960000;
    }

    .sf_cols div.sf_2cols_2_67,
    .sf_cols div.sf_2cols_1_67
    {
        width:66.66% !important;
    }
    .sf_cols div.sf_2cols_1_33,
    .sf_cols div.sf_2cols_2_33
    {
        width:33.33% !important;
    }
    .sf_cols div.sf_2cols_1_50,
    .sf_cols div.sf_2cols_2_50
    {
        width:50% !important;
    }
    .campaignContentLayoutSmall .divCampaignContentWrp,
    .campaignContentLayoutLarge .divCampaignContentWrp
    {
        /*height:auto;*/
        max-width:100%;
    }
    .imgCampaignContent
    {
        /*width:auto;*/
        width:100%;
        height:100%;
        max-width:none !important;
    }
    .divCruesliImageWallInnerWrp img
    {
        max-width:32%;
    }
    .spnCampaignContentTitleRed {
    font-size: 30px;
    }
    .spnCampaignContentTitleWhite {
    font-size: 30px;
    }
}
@media all and (max-width:767px) 
{
    #divWidthData
    {
        z-index:-767000;
    }
    .sf_cols div.sf_2cols_2_67,
    .sf_cols div.sf_2cols_1_67,
    .sf_cols div.sf_2cols_1_33,
    .sf_cols div.sf_2cols_2_33,
    .sf_cols div.sf_3cols_1_33,
    #lblCampaignReadMoreWrp .sf_3cols_1_33
    {
        width: 50% !important;
    }

    .sf_cols div.sf_2cols_1_50,
    .sf_cols div.sf_2cols_2_50
    {
        width:100% !important;
    }
    .campaignContentLayoutSmall .divCampaignContentWrp,
    .campaignContentLayoutLarge .divCampaignContentWrp
    {
        height:295px;
    }
    .imgCampaignContent
    {
        width:100%;
        /*max-width:none !important;*/
    }
    .campaignContentLayoutLarge .spnCampaignContentTitleWhite,
    .campaignContentLayoutLarge .spnCampaignContentTitleRed
    {
        font-size:40px;
    }
    .yoga-wrapper img
    {
        float:none;
        display:block;
        margin:0 auto;
    }
    .yoga-description 
    {
        padding-right:36px;
        text-align:center;
    }
    .yoga-description p
    {
        width:100%;
        text-align:center;
    }
}
@media all and (max-width:670px) 
{
    #divWidthData
    {
         z-index:-670000;
    }
    .imgCampaignContent
    {
        width:auto;
        max-width:none !important;
    }
}
@media all and (max-width:660px) {
    #divWidthData {
        z-index: -660000;
    }

    .sf_cols div.sf_2cols_2_67,
    .sf_cols div.sf_2cols_1_67,
    .sf_cols div.sf_2cols_1_33,
    .sf_cols div.sf_2cols_2_33,
    .sf_cols div.sf_2cols_1_50,
    .sf_cols div.sf_2cols_2_50,
    .sf_cols div.sf_3cols_1_33,
     #lblCampaignReadMoreWrp .sf_3cols_1_33
     {
        width: 100% !important;
     }

    .imgCampaignContent {
        width: 100%;
        max-width: 100% !important;
    }

    .divCampaignPopupQuoteLeft,
    .divCampaignPopupVideoLeft {
        float: none;
    }

    .divCampaignPopupQuoteRight,
    .divCampaignPopupVideoRight {
        width: 100%;
        float: none;
        display: block;
        margin-top: 20px;
    }
    .divCampaignPopupQuoteLeft 
    {
        width:auto;
        display:block;
    }
    .divCampiagnPopupSeparator
    {
        display:none;
    }
    .spnCampaignPopupHeading 
    {
        display:block;
        text-align:center;
    }
    .divCruesliImageWallInnerWrp img
    {
        max-width:48%;
    }
}
@media all and (max-width:610px)
{
    .dotted-wrapper h1 span 
    {
        font-size:20px;
    }
}
@media all and (max-width:520px) 
{
    .dotted-wrapper h1 span 
    {
        margin-top:0;
        font-size:16px;
        font-weight:bold;
    }
     .dotted-wrapper h1 span:after , .dotted-wrapper h1 span:before
    {
        width:auto;
        height:auto;
        margin-right:0;
    }
}
@media all and (max-width:460px) 
{
     h1:not(.no-line) span:before, h2:not(.no-line) span:before
     {
        background-image:none;
     }
     h1:not(.no-line) span:after, h2:not(.no-line) span:after 
     {
        background-image:none;
     }
      .dotted-wrapper h1 span 
    {
        margin-top:0;
        font-size:15px;

    }
}
@media all and (max-width:375px) 
{
    .dotted-wrapper h1 span 
    {
        font-size:14px;
    }
}
@media all and (max-width:320px) 
{
    .divCruesliImageWallInnerWrp img
    {
        max-width:100%;
    }
     .dotted-wrapper h1 span 
    {
        font-size:14px;
    }
}
/******END Media Queries ******/