@media (max-width: 768px){
ul.adidas > li > span br {
display: none;
}
.marginBottom20{ margin-bottom: 20px !important;}
.paddingBottom20{ padding-bottom: 20px !important;}
.brandTracksWrapperVolks > div {padding-right: 8px !important;}
.brandTracksWrapper > div {padding-right: 8px !important;}
.widthMax{width: 100% !important;}
.ResearchHeaderRes{margin-left:9%!important;width:95%!important;margin-top:80px!important;height:446px!important;}
.brandTracksWrapper{position:absolute;bottom:0;width:100%!important;margin-left:-4%;margin-bottom: 2%;}
.brandTracksWrapper .text-above{text-align:left!important}
.brandTracksWrapper .x-counter{max-width:30%!important;/*margin-right:7px!important*/}
.brandTracksWrapper .x-counter:nth-child(1){/*width:20%!important;*/}
.brandTracksWrapper .number{font-weight:300;font-size:23px;color:#fff}
.brandTracksWrapper .number-wrap{text-align:left!important}
.brandTracksWrapper div {border-right:none!important;}
.brandResBGImage{background-position: 65% center !important;height:555px!important}
.brandResBGImage .x-column.vc.whole{min-height:0px!important; margin-top: 76px !important;}
.brandHeaderResDesc{width:238px !important;font-weight:300!important;line-height:19px!important;font-size:13px!important;}
.SubHeaderResDesc{width:260px !important;font-weight:300!important;line-height:19px!important;font-size:13px!important;}
.SubHeaderResDesc br{display:none!important;}
.brandHeaderResDesc br{display:none!important;}
.brandResInnerCont{margin:32px !important; width:90%!important; text-align: center !important;
margin-left: auto !important;
margin-right: auto !important;
float: none !important;}
.brandResInnerBG{background:none!important;}
.brandInnerHeaderRed {
font-size: 32px!important;
font-weight: 400!important;
letter-spacing: -1px!important;
line-height: 38px !important;
}
.coCreateLogoTop{
padding: 12px 5px 0px 0px !important;
width: 35px !important;
margin-left: 7px !important;
}
.coCreateExceedSpan{
font-size: 13px !important;
}
#viewDesignBtnVolks > span {
font-size: 14px !important;
}
.caseExcImg{padding: 15px 0px 0px 0px !important;
width: 31px !important;
margin-left: 7px !important;}
.exceedText{font-size: 13px !important;
display: block;margin-left: 2px !important;}
.brandResProblem, .brandResSolution {
font-size: 24px!important;
margin: -21px 0 0 0 !important;
font-weight: 500!important;
}
.brandInnerHeaderRed br{display:none!important}
.brandResParagraphs {
margin: -17px 0 38px 0 !important;
line-height: 20px!important;
}
.brandResBGImage + div {height:auto!important}
.brandResParagraphs br{display:none;}
.brandInnerMobileImageBG +div ul li:nth-child(2n+1) {width: 28px !important;}
.brandInnerMobileImageBG +div ul li:nth-child(2n+2) {width:77%!important;line-height:22px!important}
.brandInnerMobileImageBG +div ul li:nth-child(2n+2) span {font-weight:300!important;}
.brandInnerMobileImageBG{text-align:center!important}
.csBrandHeaderCat{font-size:32px!important;line-height:36px!important;width:95%;display:inline-block; font-weight: 400 !important;
margin-left: 6px !important;}
.csBrandHeaderCat br{display:none!important;}
.csCategoryImg{width: 15%!important;}
.brandImpact {
margin-left: 26px !important;
font-size: 24px!important;
margin-top: 15%!important;
margin-bottom:-13px!important;
}
.adidas {
margin-left: 42px !important;
}
.brandTracksWrapperStimorol .x-counter{/*width:20%!important;margin-right:7px!important*/}
.brandStemInnerBG{width: 100%!important;margin-left: 0px!important; text-align: center;}
.brandStemP{text-align: center!important;margin: 50px auto 0 !important;display: block!important; width: 90% !important;}
.caseStudiesDivTwoHeader{font-size: 30px!important;line-height: 33px!important;letter-spacing:-0.0075em;}
.caseStudiesDivTwoHeader br{display:none;}
.caseStudiesDivTwoDesc{font-size: 14px; line-height: 20px; letter-spacing: 0.0075em; text-align: center;display: block;margin-left: 6%;margin-right: 6%;margin-bottom:10%!important}
.btnSpan{font-size: 14px !important; line-height: 15px; letter-spacing: 0.15em;}
.caseStudyDivThreeHeaderone {font-size: 25px !important;font-weight: 200 !important;line-height: 33px !important;letter-spacing:-0.0075;margin-top: 10% !important;margin-left: 6%!important;margin-right: 6%!important;}
#viewDesignBtn{border: 2px solid #424242 !important;line-height: 14px !important;width: 270px !important;height: auto !important;margin: 10% 0% 8% !important;border-radius: 3px !important;}
.caseStudyDivTwoImg{width:100%!important;}
.caseStudyDivThree{width: 100%!important;margin-left: 0px!important;text-align: center!important;}
.caseStudiesDivTwoDesc br,.sil-tl-body br {display: none;}
.caseStudyDivFourDesc br{display:none;}
.caseStudyDivThreeHeader{font-size:22px!important;line-height:29.50px!important;letter-spacing:0.0075px!important;font-size: 32px!important;margin-top: 5%!important;display: block;}
.caseStudyHow{font-size:12px!important;line-height:32px!important;letter-spacing:0.220em!important;}

.caseStudyDivThreeHeaderone br{display:none;}
.caseStudyDivThreecontent{font-size:14px!important;line-height:20px;letter-spacing:0.0075em!important;margin-bottom: 12%!important;}/*margin-left: 6%!important;margin-right: 6%!important;}*/
.caseStudyDivFour br{display:none;}

.sl-tl-body br{display:none;}
.caseStudyDivThreeHeaderone{font-size: 22px !important;font-weight: 200 !important;line-height: 30px !important;margin-top: 10% !important;margin-left: 6%!important;margin-right: 6%!important;}
.caseStudyDivThreeP br{display:none;}
.caseStudyDivThreeHeadertwo{font-size: 14px !important;font-weight: 500 !important;line-height: 30px !important;margin-left: 4%!important;}
.caseStudyDivThreeHeader{font-size: 32px!important;}
.caseStudyDivThreeP{margin: 0 10% 0 10%!important;}
.caseStudyDivThreeImg{display: block!important;width: 90%!important; text-align: center !important; float: none !important;
margin: 0 auto !important;}
.caseStudyDivFour{width: 100%!important;text-align: center!important;}
.caseStudy-hr{margin:0 auto!important;}
.caseStudyDivFourImg{display:block!important;margin-top: 5%!important;margin-left: auto !important; margin-right: auto !important;}
.caseStudyDivFourDesc{margin: 1% 10% 12% 10%!important;font-size: 16px!important;line-height:24px!important;letter-spacing:0.0075em!important;}
#sl-tl-1{display:block!important;margin-left:50%!important; width:0px!important;min-height: 45px!important;}
#sl-tl-2, #sl-tl-3, #sl-tl-4, #sl-tl-5, #sl-tl-6{display:block!important;margin-left:50%!important; width:0px!important;min-height: 45px!important;margin-top: -15%;}
.sl-tl-img{margin-top: 0px!important;margin-left:0!important;width: 58px !important; }
.sl-tl-title{margin-top: 0px!important;text-align: center;font-size: 22px!important;line-height:20px!important;letter-spacing:-0.0075em!important;margin-left: 0px!important;margin-top: 5%!important;margin-bottom: 4%!important;}
#sl-tl-blank{display:none!important;}
.sl-tl-body{margin-left:6%!important;margin-right: 6%!important;text-align: center;font-size: 14px!important;line-height:20px!important;letter-spacing:0.0075em!important;}
.triangle-div{margin-left: auto !important;margin-top: -24px!important; margin-right: auto !important;}
#sl-tl-img-6 {
margin-left: 0!important;
margin-top: 4%!important;
}
.div-sl-tl-6{height: auto!important;}
.triangle-down {
height: 0;
border-left: 40px dotted transparent!important;
border-right: 40px dotted transparent!important;
border-top: 40px solid white!important;
left: auto !important;
width: 0 !important;
}
#sl-tl-7{margin-top:10%!important}
.caseStudySamsunglogo{margin-top:1%!important;}

.caseStudyHansaLogo {display: block!important;margin-top: 10%!important;
margin-left: auto !important;
margin-right: auto !important;
}

.ResearchHeaderResVolks {
margin-left: 9%!important;
width: 95%!important;
margin-top: 80px!important;
height: 474px!important;
}
.caseStudyDivFourImgVolks {
display: block!important;
margin-top: 5%!important;
margin-left: 39% !important;
}
.caseStudyMain{
margin-top: 20%!important;
margin-left: 0%;
}
.center {
text-align: center !important;
}
.width90{width: 90% !important;}
.caseStudyMain p{padding-left:0px!important}
.caseStudyMainBtn{width: 290px !important;margin-top: 213px !important;margin-left: auto !important; height: 45px !important;
margin-right: auto !important;}
.cs-media>li{width:100%!important}
.csHeader{left: 4%!important;bottom: 5%!important;}
.csHeaderImg{left:72%!important;bottom: 4%!important;width: 80%!important;}
.csHeaderSpan{font-size:19px!important;line-height:29px!important;}
.cs-select{display:block!important;width: 100%!important;border-radius: 0px!important; margin-top: 10px; margin-bottom: -25px;}
.caseStudiesUl.two-up{margin-left: 0% !important;}
}

@media only screen
and (min-width : 600px)
and (max-width: 669px){
.caseStudiesUl.two-up{margin-left: 4% !important;}
}

@media only screen
and (min-width : 670px)
and (max-width: 739px){
.caseStudiesUl.two-up{margin-left: 8% !important;}
}

@media only screen
and (min-width : 740px)
and (max-width: 768px){
.caseStudiesUl.two-up{margin-left: 10% !important;}
}


@media only screen
and (max-width : 320px)
and (min-width: 320px){
.caseStudyDivThreeHansa {
width: 100%!important;
margin-left: 0px!important;
text-align: center!important;
margin-top: -20%!important;
}
}

@media only screen
and (max-width : 768px)
and (min-width: 660px){
.sl-tl-img {
margin-top: 0px!important;
margin-left: 0!important;
}
.triangle-div {
margin-left: auto !important;
margin-top: -24px !important;
margin-right: auto !important;
}
#sl-tl-img-6 {
margin-left: 0!important;
margin-top: 4%!important;
}
.brandTracksWrapper {
position: absolute;
bottom: 0px;
width: 100%!important;
margin-left: -4%;
margin-bottom: 2%;
}
.caseStudyDivFourImg {
display: block!important;
margin-top: 5%!important;
margin-left: 40% !important;
}
}
/* --------------------- Samsung4 --------------------- */


@media only screen
and (max-width : 375px)
and (min-width: 360px){

.caseStudyDivThreeHansa {
width: 100%!important;
margin-left: 0px!important;
text-align: center!important;
margin-top: -26%!important;
}

.triangle-down {
height: 0;
border-left: 40px dotted transparent!important;
border-right: 40px dotted transparent!important;
border-top: 40px solid white!important;
left: auto !important;
width: 0 !important;
}
.caseStudyMainBtnP{margin-top:90%!important}
.caseStudyMainBtn{margin-top:0px!important}
.brandResBGImage {
background-position: 65% center !important;
height: 590px!important;
}
}

/* --------------------- iPhone-6 --------------------- */

@media only screen
and (min-width : 320px)
and (max-width: 768px)
{
.brandResBGImage {
background-position: 70% center !important;
height: auto!important;
}

.sl-tl-img {
margin-top: 0px!important;
margin-left: 0!important;
width: 58px !important;
}
.triangle-down {
height: 0;
border-left: 40px dotted transparent!important;
border-right: 40px dotted transparent!important;
border-top: 40px solid white!important;
left: auto !important;
width: 0 !important;
}
.caseStudyDivThreeHeaderone {
font-size: 22px !important;
font-weight: 200 !important;
line-height: 30px !important;
margin-top: 10% !important;
margin-left: 6%!important;
margin-right: 6%!important;
}
.caseStudyMainBtn{width: 290px!important;
margin-top: 207px!important;
margin-left: auto !important;
height: 45px !important;
margin-right: auto !important;}
.center {
text-align: center !important;
float: none !important;
}
.sl-tl-img-6 {
margin-left: 42%!important;
margin-top: 2%!important;
}

}

/* -------------------- for 384px ---------------------- */

@media only screen
and (max-width : 384px)
and (min-width: 384px){

.sl-tl-img {
margin-top: 0px!important;
margin-left: 39%!important;
}
.triangle-down {
height: 0;
border-left: 40px dotted transparent!important;
border-right: 40px dotted transparent!important;
border-top: 40px solid white!important;
left: -10%!important;
width: 0 !important;
}
#sl-tl-img-6 {
margin-left: 42%!important;
}
.caseStudyDivThreeHeaderone {
font-size: 22px !important;
font-weight: 200 !important;
line-height: 30px !important;
margin-top: 10% !important;
margin-left: 6%!important;
margin-right: 6%!important;
}
.caseStudyMainBtnP{margin-top:80%!important}
.caseStudyMainBtn{margin-top:0px!important}
}


@media only screen
and (min-width: 769px)
and (max-width: 1150px){
.caseStudyDivThreeImgWeb{
width:42%;
}
.brNone br{display: none !important;}
.brandResInnerCont{margin-left: 10% !important; width: 38% !important; margin-bottom: 45px !important;}
}


@media only screen
and (min-width: 769px)
and (max-width: 840px){

.caseStudyDivTwoImgVolks{float: none !important; margin: 0 auto !important;}
.caseStudyDivTwoImg{float: none !important; margin: 0 auto !important;}

}

@media only screen and (min-width: 769px){
.displayNone{display: none !important;}

}