*{
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}

 
@media screen and (max-width: 1280px){
 
#bxwork .workitembx.two{ margin:0 0 26px auto;  }

}
@media screen and (max-width: 1024px){

.aboutbx-bxtxt{ width:62%;   }
.aboutbx-logor img{ max-width:80%; }

.bxvdo video{ width:86%; height:auto; margin:20px 0;  }


}
@media screen and (max-width: 960px){

.homeitembx{ width:48.6%; margin-right:0; } 
.homeitembx.one{ float:left; } 
.homeitembx.two{ float:right; } 
.subnavbxinner{  width:50%; }

.bxworkh > .tb > .c1 > .bxname{ font-size:36px; line-height:36px; padding-top:0;  }
.bxworkh > .tb > .c2{  font-size:14px; line-height:18px;  } 
#bxwork .workitembx{   width:100%;  }
#bxwork .workitembx.two{ margin:0 0 26px;  }
#bxwork .workitembx-txt{  font-size:16px; line-height:20px; }  

#bxaboutus{ height:auto; } 
.aboutbx-logor{ width:30%; text-align:right; } 



.aboutbx-bxtxt{  width:68%; font-size:14px; line-height:18px; margin:0 0 13px;   }

  
.contactbx{ width:100%; margin:0 0 0; font-size:14px; line-height:18px;  }
.contactbx > .left{ width:48%;  }
.contactbx > .right{ width:48%;  }  
.contactbx > .left > .box,
.contactbx > .right > .box{ display:block; position:relative; max-width:275px; }

.aboutbx-logor.contactpage{ position:relative; margin:0 0 0 auto; width:30%; }

.bxvdo{  max-width:620; }
.bxvdo iframe{ height:349px; }

.worktb{ display:block; position:relative; } 
.worktb > .c1{ display:block; width:100%;  }
.worktb > .cc{ display:none; } 
.worktb > .c2{ display:block; width:100%;  } 
.worktb > .c2 > .bxtxt{ padding:13px 0 39px; }
.worktb > .c2 > .bxtxt > .txttop{  padding:0 0 20px; } 

.bxrow > .bxproitem > .bxx > .bxtext{ display:none; }	
	
.bxrow > .bxproitem > .bxx > .bxhover{ opacity: 1;   }
.bxrow > .bxproitem > .bxx > .bxhover.play{ background: rgba(0,0,0,0) url(../../img/icon-play-xs.png) center no-repeat; }
.bxrow > .bxproitem > .bxx > .bxhover.photo{ background: rgba(0,0,0,0) url(../../img/icon-photo-xs.png) center no-repeat; }	
 
.bxgallery{ max-width:86%; }	
	
}
 

@media screen and (max-width: 640px){
#headernav{ height:40px; }
.headernav.desktop{ display:none; }
.headernav.mobile{ display:block; text-align:center; font-size:14px; text-transform:uppercase;  }
.bxlogo{ top:12px;  }

.mopen{ display:inline-block; position:relative; z-index:997; padding:4px 0; cursor:pointer; transition:ease 0.5s;  }
.mopen:hover{ color:#eb212e; }

#bxnavmobile{ display:none; position:absolute; top:40px; left:0; bottom:0; right:0; z-index:399;  }
.bxnavmobile{ display:block; position:relative; padding:58px 0 10px;    }
.mpane{ display:block; position:relative; text-align:center; text-transform:uppercase;  }
.mmcc{ 
  display:block; position:relative; cursor:pointer; font-size:14px; line-height:30px; color:#ffffff; letter-spacing:2px; transition:ease 0.5s;  }

.mpane a{ display:block; position:relative; transition:ease 0.5s; line-height:30px; letter-spacing:2px;  }
.mmcc.mactvx, .mmcc.mactv, .mmcc:hover,
.mpane a.mactv, .mpane a:hover{ color:#eb212e !important; }

.macc_body{ 
  display:none; position:relative; padding:20px 0; text-align:center; letter-spacing:1.5px; 
  border-bottom:rgba(255,255,255,0.1) solid 1px; border-top:rgba(255,255,255,0.1) solid 1px;    } 
.macc_body > .navbxcat{ display:block; position:relative; padding:0 0 20px;  }
.macc_body > .navbxcat > .txth{ color:#eb212e;  }
.macc_body a.activ{  color:#eb212e !important; }

.bxslidetxt > .tb > .td > .bxtxt .txth{ font-size:36px; line-height:40px; letter-spacing:8px; }
.bxslidetxt > .tb > .td > .bxtxt .txt{ font-size:24px; line-height:24px; letter-spacing:4px; }

.homeitembx{ width:100%; margin-right:0; } 

#bxdirecname{ top:40px; }
.bxdirecname{ padding:52px 0 20px; }
.bxdirecname > .bxname{ float:none; width:100%; font-size:28px; line-height:20px; border-right:none; padding:0 0 9px; }
.bxdirecname > .bxlink{ font-size:13px; line-height:13px; letter-spacing:1.5px; padding-left:9px; }
 
.bxworkh{ padding:52px 0 30px; } 
.bxworkh > .tb > .c1 > .bxname{  font-size:28px; line-height:32px;  }

.bxworkh > .tb > .c1{ display:block;  }
.bxworkh > .tb > .c2{ display:block;  font-size:14px; line-height:18px;  } 

 
.worktvbx > .c1{ width:100%; float:left; margin:0 0 13px; }
.worktvbx > .c2{ width:100%; float:left; } 
.worktvbx-bxtxt{  padding:10px 0 39px;  }
.worktvbx-bxtxt > .bxtxt{  width:100%; font-size:14px; line-height:18px;  }

.worktb{ margin-bottom:39px; } 
.worktb > .c2 > .bxtxt{  padding:13px 0 26px; }
.worktb > .c2 > .bxtxt > .txttop{   font-size:16px; line-height:20px; }
.worktb > .c2 > .bxtxt > .txtdesc{  font-size:14px; line-height:16px; }

 
body#bxwhite .mmcc{ color:#ffffff; }
body#bxwhite .mpane a{ color:#ffffff; }
body#bxwhite .macc_body a.activ{  color:#eb212e !important; }


.aboutbx-bxtxt{  width:92%; }
#bxaboutus{ height:auto;   }
.bxaboutus{ height:auto;  }

.bxabouth{ padding:62px 1px 45px; }
.bxabouth img{ width:80%; }

.aboutbx-bxtxt{ margin:0 0 13px;    } 
.aboutbx-logor{ width:50%; position:relative; margin:0 0 0 auto;  text-align:right;  }  

.contactnav{ display:none; }
.contactbx > .left{ width:100%; padding:0 0 16px;  }
.contactbx > .right{ width:100%;  } 
 
.bxvdo{  max-width:600; }
.bxvdo iframe{ height:338px; }
	
	
.bxrow{ display:block; height:auto;  }
.bxrow > .bxproitem{ display:block;  height:auto;  }	
.bxrow > .bxproitem > .bxx img{ height:auto; }  

}

@media screen and (max-width: 480px){ 
.bxvdo{  max-width:92%; }
.bxvdo iframe{ height:300px; } 
.bxvdo video{ width:80%; }

}

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


}

@media screen and (max-width: 320px){
 	

}