@charset "utf-8";
/* CSS Document */

.case_study_head { width:937px; height:269px !important; background: url(../images/case_studey_head_-bg.jpg) repeat-x top #fdb813; padding-left:53px;  position:absolute; z-index:100;
margin-top:-7px; font-family:Helvetica; font-weight:bold; font-size:77px; padding-top:88px !important; padding-bottom:0px !important; line-height:100px;}

.bestevia_main { width:990px; height:auto; overflow:hidden; margin:auto; padding-top:310px;}
.case_study_name { width:900px; height:auto; clear:left; float:left; margin-bottom:14px;}
.case_study_name h1 { font-family: 'myriad_probold_semicondensed'; font-size:36px; color:#636363; float:left;}
.case_study_name h2 { float:left; font-family: 'myriadroman'; font-size:14px; font-weight:normal; color:#636363; text-transform:uppercase; float:left; margin-left:8px; padding-top:20px;}
.case_study_text { width:auto; height:auto;}
.case_study_text h1 { font-size:24px; font-weight:normal;  color:#636363;  font-family:Arial, Helvetica, sans-serif; margin-bottom:12px;}
.case_study_text p  { font-size:14px; font-weight:normal; color:#636363; line-height:18px; font-family:Arial, Helvetica, sans-serif;  clear:left; float:left; margin-top:18px;}
.case_study_text p.first{ margin-top:0px; }
.bestevia_main article{ clear:left; float:left;} 
.bestevia_lt { width:469px; float:left; clear:left;}
.bestevia_rt { width:482px; float:right; margin-bottom:53px;}
.bestevia_scope { width:990px; height:auto; margin-bottom:22px;}
.bestevia_reserch { width:469px; margin-bottom:62px;}
.bestevia_identity { width:469px;}
.bestevia_name { width:469px; margin-bottom:25px;}

.packaging_main { width:990px; min-height:579px; background:url(../images/case_study/bestevia/packet.jpg) no-repeat left bottom;
clear:left; float:left;}
.packaging_text { width:730px; height:auto; clear:left; float:right; }

.photography_warp { width:990px; min-height:555px; background:url(../images/case_study/bestevia/photography.jpg) no-repeat left bottom; margin-bottom:36px;}
.photography_text { width:423px; height:auto; clear:left; float:left; margin-left:33px; padding-top:37px;}

.website_warp { width:990px; min-height:619px; background:url(../images/case_study/bestevia/website.jpg) no-repeat left bottom;
margin-bottom:37px;}
.website_text { width:392px; height:auto;  float:left; margin-left:33px;} 

.brochure_warp { width:990px; min-height:497px; background:url(../images/case_study/bestevia/brochure.jpg) no-repeat left bottom;
margin-bottom:37px;}
.brochure_text { width:479px; float:right;}


.communication_warp { width:990px; min-height:691px; background:url(../images/case_study/bestevia/communication1.jpg) no-repeat left bottom;}
.communication_text { width:579px; float:right;}
.communication_img2 { width:990px; min-height:945px; background:url(../images/case_study/bestevia/communication2.jpg) no-repeat top left; }

.stall_warp { width:990px; min-height:708px; background:url(../images/case_study/bestevia/stall.jpg) no-repeat bottom center;
margin-bottom:43px;}
.stall_text { width:479px; float:right;}

 @media only screen and (min-width:750px) and (max-width: 989px) {
	 .case_study_head { width:637px;}
	 
.bestevia_main { width:690px;}
.case_study_name { width:690px;}	 
.bestevia_scope, .bestevia_reserch, .bestevia_identity { width:690px; margin-bottom:22px;}
.bestevia_name { width:360px; margin-bottom:22px; float:left; background:url(../images/case_study/bestevia/logo.png) no-repeat
top right; background-size:300px 112px; padding-right:330px;}
.bestevia_logo { display:none;}
.bestevia_lt { width:690px;}
.bestevia_rt { width:690px; clear:left; float:left;}

.packaging_main { width:690px; background-size:593px 352px; min-height:500px;}
.packaging_text  { width:500px; float:right; margin-left:0px;} 
.photography_warp{ width:690px; background-size:660px 390px; min-height:450px;}
.photography_text { width:340px;  margin-left:0px;}
.website_warp { width:690px; background-size:670px 431px; min-height:500px; }
.website_text { width:690px; margin-left:0px;}
.brochure_warp { width:690px; background-size:660px 274px; min-height:345px;}
.brochure_text { float:left; margin-left:0px; width:690px;}
.communication_warp { width:690px; background-size:690px 480px; min-height:540px; margin-bottom:0px;}
.communication_text { float:right; width:400px; margin-left:0px;}
.communication_img2 { width:690px; background-size:690px 656px; margin-bottom:0px; min-height:656px; }
.stall_warp { width:690px;  background-size:690px 520px; min-height:605px;}
.stall_text { width:690px;}
 }
 
 
  @media only screen and (min-width: 480px) and (max-width: 749px) {
	  .case_study_head { width:300px; padding-left:15px; font-size: 25px!important;
    line-height: 34px !important; height:200px !important; padding-top:80px !important; box-sizing:border-box;}  
	 .bestevia_main{ padding-top:230px; width:460px;} 
	 .case_study_name { width:460px;}
	 .bestevia_scope, .bestevia_reserch, .bestevia_identity { width:460px; margin-bottom:22px;}
.bestevia_name { width:460px; float:left; background:url(../images/case_study/bestevia/logo.png) no-repeat 
bottom center; min-height:250px; margin-bottom:0px;}

.bestevia_logo { display:none;}
.bestevia_lt { width:460px;}
.bestevia_rt { width:460px; clear:left; float:left;}

.packaging_main { width:460px; background-size:395px 235px; min-height:275px;}
.packaging_text  { width:460px; float:right; margin-left:0px;} 
.case_study_text p  { display:none;}
.case_study_text p.visible  { display:block;}

.photography_warp{ width:460px; background-size:439px 259px; min-height:259px;}
.photography_text { width:340px;  margin-left:0px;}
.website_warp { width:460px; background-size:446px 287px; min-height:280px; }
.website_text { width:460px; margin-left:0px;}
.brochure_warp { width:460px; background-size:439px 182px; min-height:215px;}
.brochure_text { float:left; clear:left; margin-left:0px; width:460px;}

.communication_warp { width:460px; background-size:460px 320px; min-height:320px; margin-bottom:0px;}
.communication_text { float:right; width:250px; margin-left:0px;}
.communication_img2 { width:460px; background-size:460px 437px; margin-bottom:0px; min-height:437px; }
.stall_warp { width:460px;  background-size:460px 347px; min-height:367px;}
.stall_text { width:300px; float:right; clear:right; text-align:right;}



  }
  
  
    @media only screen and (max-width:479px) {
	 .case_study_head { width:300px; padding-left:15px; font-size: 25px!important;
    line-height: 34px !important; height:200px !important; padding-top:60px !important; box-sizing:border-box;}  
	 .bestevia_main{ padding-top:230px; width:300px;} 
	 .case_study_name { width:300px;}
	 .bestevia_scope, .bestevia_reserch, .bestevia_identity { width:300px; margin-bottom:22px;}
.bestevia_name { width:300px; float:left; background:url(../images/case_study/bestevia/logo.png) no-repeat 
bottom center; min-height:220px; background-size:300px 112px; margin-bottom:0px;}

.bestevia_logo { display:none;}
.bestevia_lt { width:300px;}
.bestevia_rt { width:300px; clear:left; float:left;}

.packaging_main { width:300px; background-size:257px 153px; min-height:163px; margin-bottom:20px;}
.packaging_text  { width:200px; float:right; margin-left:0px;} 
.case_study_text p  { display:none;}
.case_study_text p.visible  { display:block; text-align:justify}

.photography_warp{ width:360px; background-size:286px 169px; min-height:189px;}
.photography_text { width:360px;  margin-left:0px;}
.website_warp { width:300px; background-size:300px 193px; min-height:193px; }
.website_text { width:300px; margin-left:0px;}
.brochure_warp { width:300px; background-size:300px 124px; min-height:150px;}
.brochure_text { float:left; clear:left; margin-left:0px; width:300px;}

.communication_warp { width:300px; background-size:300px 209px; min-height:209px; margin-bottom:0px;}
.communication_text { float:right; width:180px; margin-left:0px;}
.communication_img2 { width:460px; background-size:300px 285px; margin-bottom:0px; min-height:285px; }
.stall_warp { width:300px;  background-size:300px 226px; min-height:256px;}
.stall_text { width:300px; float:right; clear:right; text-align:right;}


  }