@charset "utf-8";
/* CSS Document */
.case_study_head { width:100%; box-sizing:border-box; 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:60px; padding-top:30px !important; padding-bottom:0px !important; line-height:70px;}

.shiv-khera-head { font-size:70px; line-height:70px; }

.shivkhera_main { width:990px; height:auto; overflow:hidden; margin:auto; padding-top:320px; }
.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  a { color:#636363;}
.case_study_text p.first{ margin-top:0px; }


.strategy-identity-wrap {padding-top:10px; width:100%; margin-bottom:44px;}
.strategy-identity-wrap .text-sec { float:left; width:618px;}
.strategy-identity-wrap  img { float:right; border:1px #e4e4e4 solid; margin-left:77px; margin-top:15px;}
.strategy { margin-bottom:30px; clear:left; float:left;}

.brochure-wrap { background:url(../images/case_study/shivkhera/brochure.jpg) no-repeat 33px 0px; min-height:549px; width:100%; margin-bottom:36px; }
.brochure-wrap .text-wrap { width:473px; margin-left:330px;}

.notebook-wrap { background:url(../images/case_study/shivkhera/notebook.jpg) no-repeat 33px 0px; min-height:560px; width:100%; margin-bottom:36px; }
.notebook-wrap .text-wrap { width:389px; margin-left:409px;}

.calender-wrap { background:url(../images/case_study/shivkhera/calender.jpg) no-repeat 56px 68px; min-height:527px; width:100%; margin-bottom:42px; }
.calender-wrap .text-wrap { width:491px; margin-left:33px;}

.stationary-wrap { background:url(../images/case_study/shivkhera/stationary.jpg) no-repeat 33px 78px; min-height:626px; width:100%; margin-bottom:55px; }
.stationary-wrap .text-wrap { width:430px; margin-left:449px;}

.poster-wrap { background:url(../images/case_study/shivkhera/poster.jpg) no-repeat 33px 0px; min-height:424px; width:100%; margin-bottom:47px; }
.poster-wrap .text-wrap { width:427px; margin-left:523px;}

.photoframe-wrap { background:url(../images/case_study/shivkhera/frame.jpg) no-repeat 206px 0px; min-height:287px; width:100%; margin-bottom:49px; }
.photoframe-wrap .text-wrap { width:270px; margin-left:33px; margin-top:60px; float:left;}


.website-wrap { background:url(../images/case_study/shivkhera/website.jpg) no-repeat 506px 0px; min-height:364px; width:100%; }
.website-wrap .text-wrap { width:431px; margin-left:33px; margin-top:84px; float:left;}

.leaflet-wrap { background:url(../images/case_study/shivkhera/leaflet.jpg) no-repeat 319px 0px; min-height:369px; width:100%; margin-bottom:40px; }
.leaflet-wrap .text-wrap { width:215px; margin-left:70px; margin-top:132px; float:left;}

.cd-cover-wrap { background:url(../images/case_study/shivkhera/cd-cover.jpg) no-repeat 47px 0px; min-height:452px; width:100%; margin-bottom:40px; }
.cd-cover-wrap .text-wrap { width:354px; margin-left:512px;  float:left;}



 @media only screen and (min-width:750px) and (max-width: 989px) {
	 
	 .shivkhera_main, .case_study_name { width:690px;}
	 .case_study_head { width:637px;}

.shiv-khera-head { font-size:45px; line-height:60px; padding-left:20px;  }
	 .strategy-identity-wrap { width:100%;}
	 .strategy-identity-wrap .text-sec { float:left; width:390px; background:#FFF;}
	 .strategy-identity-wrap  img  { width:280px; height:280px; margin-left:0px;}
	 .brochure-wrap { background-size:670px  396px; background-position:0px 0px; min-height:396px;}
	 .brochure-wrap .text-wrap { margin-left:220px; width:450px;}
	 
	 .notebook-wrap { background-size:670px  406px; background-position:0px 20px; min-height:420px;}
.notebook-wrap .text-wrap { width:389px; margin-left:260px;}

.calender-wrap { background-size:670px  350px; background-position:0px 90px; min-height:440px; }
.calender-wrap .text-wrap { width:368px; margin-left:33px;}

.stationary-wrap {  background-size:670px  380px; background-position:0px 80px; min-height:450px;  }
.stationary-wrap .text-wrap { width:670px; margin-left:0px;}

.poster-wrap {  background-size:670px  317px; background-position:0px 30px; min-height:350px;  }
.poster-wrap .text-wrap { width:300px; margin-left:360px;}
	 
.photoframe-wrap {background-position:0px 90px; min-height:350px;  }
.photoframe-wrap .text-wrap { width:670px;  float:left; margin-top:0px; margin-left:0px;}

.website-wrap {  background-size:330px  266px; background-position:340px 0px; min-height:300px; margin-bottom:0px;  }
.website-wrap .text-wrap { width:300px; margin-left:0px; margin-top:10px; float:left;}	

.leaflet-wrap { background-position:0px 0px; min-height:390px; margin-bottom:0px;  }
.leaflet-wrap .text-wrap { width:550px;  float:left; margin-left:180px; margin-top:0px;} 

.cd-cover-wrap {  background-size:670px  362px; background-position:0px 0px; min-height:362px; margin-bottom:0px;  }
.cd-cover-wrap .text-wrap { width:340px; margin-left:350px;  float:left;}
	.case_study_head br { display:none;} 
	 
 }
 
 @media only screen and (min-width: 480px) and (max-width: 749px) {
		 .case_study_head { width:300px; padding-left:10px; font-size: 25px!important;
    line-height: 34px !important;   height: 200px !important; padding-top:60px !important; box-sizing:border-box;} 
	 
	  .shivkhera_main { width:460px; padding-top:230px;}
	  .strategy-identity-wrap { width:100%; margin-bottom:20px;}
	 .strategy-identity-wrap .text-sec { float:left; width:200px;}
	 .strategy-identity-wrap  img  { width:240px; height:200px; margin-left:0px;}
	 
	.identity { width:460px; clear:left; float:left;}
	 
	  .brochure-wrap { background-size:440px  260px; background-position:0px 50px; min-height:320px; margin-bottom:20px;}
	 .brochure-wrap .text-wrap { margin-left:0px; width:440px;}
	  .brochure-wrap .text-wrap  p{ padding-left:150px;}
	  
.notebook-wrap { background-size:440px  267px; background-position:0px 90px; min-height:380px; margin-bottom:20px;}
.notebook-wrap .text-wrap {  width:100%; margin-left:0px; margin-top:0px;}
	
	
.calender-wrap { background-size:440px  230px; background-position:0px 100px; min-height:320px; margin-bottom:40px; }
.calender-wrap .text-wrap {  width:100%; margin-left:0px;}	

.stationary-wrap {  background-size:440px  250px; background-position:0px 100px; min-height:360px; margin-bottom:30px;  }
.stationary-wrap .text-wrap { width:100%; margin-left:0px;}


.poster-wrap {  background-size:440px  208px; background-position:0px 100px; min-height:320px; margin-bottom:20px;  }
.poster-wrap .text-wrap { width:100%; margin-left:0px;}

.photoframe-wrap {background-position:0px 100px; min-height:260px; background-size:440px  160px; margin-bottom:20px;   }
.photoframe-wrap .text-wrap { width:100%;  float:left; margin-top:0px; margin-left:0px;}

.website-wrap {  background-size:220px  177px; background-position:220px 30px; min-height:200px; margin-bottom:30px;  }
.website-wrap .text-wrap { width:100%; margin-left:0px; float:left; margin-top:0px; width:200px;}	

.leaflet-wrap { background-position:0px 20px; min-height:300px; margin-bottom:0px;  background-size:440px  263px; margin-bottom:20px;  }
.leaflet-wrap .text-wrap { width:340px;  float:left; margin-left:130px; margin-top:0px;} 

.cd-cover-wrap {  background-size:440px  238px; background-position:0px 80px; min-height:350px; margin-bottom:0px;  }
.cd-cover-wrap .text-wrap { width:420px; margin-left:0px;  float:left; margin-left:18px; margin-top:-20px;}


.case_study_head br { display:none;}
 }
 
 
 @media only screen and (max-width:479px) {
	 .case_study_head { width:300px; padding-left:10px; font-size: 25px!important;
    line-height: 34px !important;   height: 200px !important; padding-top:30px; box-sizing:border-box;}  
	  .case_study_head br { display:none;}
	 .shiv-khera-head { font-size: 25px!important;
    line-height: 34px !important;  padding-left:20px;  }
  .shivkhera_main { width:460px; padding-top:230px;}
  
  
  
  
  
  
  
  
   .shivkhera_main { width:300px; padding-top:230px;}
	  .strategy-identity-wrap { width:100%; margin-bottom:20px;}
	 .strategy-identity-wrap .text-sec { float:left; width:300px;}
	 .strategy-identity-wrap  img  { width:300px; height:auto; margin-left:0px;}
	 
	.identity { width:300px; clear:left; float:left;}
	 
	  .brochure-wrap { background-size:300px  177px; background-position: center bottom; min-height:0px; padding-bottom:300px}
	 .brochure-wrap .text-wrap { margin-left:0px; width:300px; clear:left; float:left;}
	  .brochure-wrap .text-wrap  p{ padding-left:0px; }
	  
.notebook-wrap { background-size:440px  267px; background-position:0px 90px; min-height:380px; margin-bottom:20px;}
.notebook-wrap .text-wrap {  width:100%; margin-left:0px; margin-top:0px;}
	
	
.calender-wrap { background-size:440px  230px; background-position:0px 100px; min-height:320px; margin-bottom:40px; }
.calender-wrap .text-wrap {  width:100%; margin-left:0px;}	

.stationary-wrap {  background-size:440px  250px; background-position:0px 100px; min-height:360px; margin-bottom:30px;  }
.stationary-wrap .text-wrap { width:100%; margin-left:0px;}


.poster-wrap {  background-size:440px  208px; background-position:0px 100px; min-height:320px; margin-bottom:20px;  }
.poster-wrap .text-wrap { width:100%; margin-left:0px;}

.photoframe-wrap {background-position:0px 100px; min-height:260px; background-size:440px  160px; margin-bottom:20px;   }
.photoframe-wrap .text-wrap { width:100%;  float:left; margin-top:0px; margin-left:0px;}

.website-wrap {  background-size:220px  177px; background-position:220px 30px; min-height:200px; margin-bottom:30px;  }
.website-wrap .text-wrap { width:100%; margin-left:0px; float:left; margin-top:0px; width:200px;}	

.leaflet-wrap { background-position:0px 20px; min-height:300px; margin-bottom:0px;  background-size:440px  263px; margin-bottom:20px;  }
.leaflet-wrap .text-wrap { width:300px;  float:left; margin-left:130px; margin-top:0px;} 

.cd-cover-wrap {  background-size:440px  238px; background-position:0px 80px; min-height:350px; margin-bottom:0px;  }
.cd-cover-wrap .text-wrap { width:300px; margin-left:0px;  float:left; margin-left:18px; margin-top:-20px;}
  
  
  
  
  
 }