@media only screen and (max-width: 1600px) {
	
 .home-menu-list li a {
    font-size: 16px;
}
.home-menu-list li {
    
    margin-right: 20px;
} 
.h-logo img {
    max-height: 20px;
}
.sticky-menu-list li a {
    
    font-size: 13px;
    line-height: 20px;
}
.sticky-social a img {
    max-height: 20px;
  
}
.footer_nav li a {
    line-height: 24px;
    font-size: 15px;
    
}
.footer_p {
    
    font-size: 14px;
}
.fo_icon_bar img {
    max-width: 50px;
   
}

.team-left h2 {
    font-size: 40px;
    color: #ED1C24;
    margin: 0 0 12px 0px;
    font-weight: 400;
}
.team-box h3 {
    font-size: 28px;
    
}
.team-box p {
    font-size: 18px;
   
    line-height: 1.4;
  
    margin-bottom: 20px;
}
}
@media only screen and (max-width: 1440px) {
	
.home-menu-list li a {
    font-size: 14px;
} 
.home-menu-bar {
    padding: 28px 6%;
}
.pd-body {
    padding: 0 6%;
}
.header-wrap {
   
    padding: 24px 4%;
} 
.sticky-menu-list li a {
    font-size: 12px;
    line-height: 20px;
} 
.footer_nav li a {
    line-height: 24px;
    font-size: 13px;
}


   
.footer {
    padding-top: 80px;
    padding-bottom: 80px;
  
}
.op-left {
    width: 52%;
    
}
.op-text p {
    font-size: 32px;
    
}
.biz-box h2 {
   margin: 0px 0px 16px 0px;
}
.biz-box {
    padding-top: 120px;
}
.biz-box p {
    color: #ffffff;
    font-size: 19px;
    text-align: justify;
    max-width: 76%;
    line-height: 1.7;
}
.team-left p {
    font-size: 18px;
    
    line-height: 1.7;
   
    margin-bottom: 20px;
}

.film-box h2 {
   
    margin: 0 0 8px 0;
} 

.film-box {
    padding-top: 100px;
    max-width: 60%;
}

.film-box p {
    font-size: 22px;
    margin: 0 0 24px 0;
    
}
.event-eye {
    width: 47%;
    
}
.events-box p {
    font-size: 22px;
    text-align: justify;
    line-height: 1.8;
}
.blog-box p {
    font-size: 24px;
    
}
}
@media only screen and (max-width: 1367px) {
	.header-wrap {
    padding: 24px 20px;
}
.home-menu-bar {
    padding: 28px 20px;
}
.opr-box {
    padding: 24px 40px;
    width: 92%;

}

.hb-left h2 {
    font-size: 20px;
   
}
.hb-right .fo_icon_bar img {
    max-width: 36px;
    margin: 0 0 0 12px;
}
.op-left {
    width: 50%;
}
.op-right {
    width: 50%;
    float: right;
}
.op-text p {
    font-size: 30px;
}

.op-img img {
    max-width: 70%;
}
.biz-box p {
    color: #ffffff;
    font-size: 18px;
    text-align: justify;
    max-width: 78%;
    line-height: 1.7;
}
.team-left img {
    max-width: 70%;
}
.team-right {
    width: 64%;
    float: right;
}
.team-box h3 {
    font-size: 24px;
}
.team-box p {
    font-size: 17px;
    line-height: 1.4;
    margin-bottom: 18px;
}
.film-box p {
    font-size: 20px;
    margin: 0 0 20px 0;
}
}
@media only screen and (max-width: 1100px) {
.home-logo img {
    max-height: 28px;
}


.home-menu-list li a {
    font-size: 14px;
	line-height:28px;
}
.home-menu-list li {
    margin-right: 16px;
}
.h-logo img {
    max-height: 24px;
} 
.h-logo {
    width: 20%;
   
} 
.h-menu {
    width: 76%;
    
}
.sticky-menu-list li {
    
    margin-right: 4px;
}
.sticky-menu-list li a {
    font-size: 13px;
  
}
.con-box {
    max-width: 50%;
    padding-top: 160px;
}
.footer_nav li a {
    
    font-size: 14px;
}
.footer_nav li {
    
    margin: 0px 3px;
}
.fo_icon_bar {
    margin: 36px 0px;
}
.fo_icon_bar img {
    max-width: 40px;
	margin: 0px 8px;
}
.footer_p {
    font-size: 13px;
}
}
@media only screen and (max-width: 990px) {
.home-menu-bar{
	display:none;
}
.pc-head{
	display:none;
} 
.navbar-inverse {
 
    border-color: #eeeeee;
	background-color: transparent;
}
.navbar {
    
    min-height: auto;
	margin-bottom: 0px;
}
.fix-mob .navbar-header{
    padding: 24px 0px;
}
#myNavbar2{
	
	background:#ffffff;
	border-color: #eeeeee;
}
#myNavbar2 ul li a {
    font-size: 15px;
    color: #232323;
    line-height: 1.2;
	padding:8px 16px;
}
.navbar-inverse .navbar-toggle:hover {
    background-color: #E4EEF3;
}
.navbar-inverse .navbar-toggle:focus {
    background-color: #E4EEF3;
}
 .navbar-fixed-top .navbar-collapse {
    max-height: 640px;
}
#myNavbar2 .fo_icon_bar a{
	display:inline-block;
	padding:0px;
}
#myNavbar2 .fo_icon_bar img{
	max-width:40px
}
#myNavbar2 .fo_icon_bar {
	margin:20px 0px;
}
 .container-fluid > .navbar-header, .container > .navbar-collapse, .container > .navbar-header {
    margin-right: 0px;
    margin-left: 0px;
}
.mb-menu {
    float: right;
    width: 46%;
    text-align: right;
    padding-right: 28px;
    margin-top: 0px;
} 
.mb-btn {
    width: 36px;
    background: transparent;
    border: none;
    margin:0px;
	padding:0px;
	display:block;
}
.fillScreen {
    
    height: auto;
}
.navbar-collapse.collapse {
    display: none !important;
   
} 
.collapse.in {
    display: block !important;
}
.navbar-nav {
    float: right;
    margin: 0;
	padding-top: 24px;
}
.navbar-nav > li {
    float: none;
}
.tab-mob{
	display:block;
}
.tab-head {
    display: block;
}
.pc-desc{
	display:none;
}
/*============================home======*/
.hb-left h2 {
    font-size: 16px;
}
.fix-mob .homenav {
    background:#ffffff;
	position: fixed;
}
.home-txt-box {
   
    left: 12%;
  
}
.navbar-inverse .navbar-toggle .icon-bar {
    background-color: #232323;
}
.mb-logo img {
    max-height: 36px;
    
}
.home {
  
    padding-top: 80px;
	height:100%;
}
.op-head {
    padding: 120px 28px 0px;
}
.our_philosophy{
	padding-bottom:60px;
}
.op-text {
    padding: 0px 28px 0px 28px;
}
.op-head h2 {
    
    font-size: 36px;
    margin: 0px 0px 20px;
    
}
.op-text p {
    font-size: 22px;
}
.op-left {
    width: 58%;
}
.op-right {
    width: 40%;
	
    
}
.op-right img{
    max-width:92%;
    
}
.biz-box {
    padding-top: 120px;
    padding-bottom: 120px;
}
.team{
	padding-bottom:60px !important;
	
}
.film-box {
    padding-top: 100px;
    max-width: 80%;
    padding-bottom: 340px;
}
.events {
	padding-bottom:140px !important;
}
.events-box {
    max-width: 60%;
    padding-top: 120px;
}
.events-box p {
    font-size: 18px;
    text-align: justify;
    line-height: 1.8;
}
.event-eye {
    width: 40%;
}
.blog-box {
    max-width: 55%;
    padding-top: 120px;
}
.blog-box p {
    font-size: 20px;
}
.blog{
	padding-bottom:180px !important;
}
.con-box {
    max-width: 60%;
    padding-top: 100px !important;
	padding-bottom:100px !important;
}
.contact{
	padding-bottom:80px;
} 
.con-box {
    max-width: 100%;
    padding-top: 100px !important;
    padding-bottom: 100px !important;
}
.footer_nav li a {
    font-size: 12px;
}
}
  
 @media only screen and (max-width:770px){
	   

	   .fix-mob .navbar-header {
    padding: 20px;
}
.mb-logo {
    
    width: 60%;
}
	.mb-logo img{
    
  padding-left:0px;
}   
.pd-body{
	
	padding:0 20px;
	
}
.mb-menu {
   
    width: 24%;
   
    padding:0px;
  
} 
.home {
	height:100%;
    padding-top: 0px;
	overflow:hidden;
} 
.hb-right {
    width: 44%;
    float: right;
  
}
.hb-left {
    width: 54%;

}
.hb-left h2 {
    font-size: 14px;
	line-height:30px;
}
.hb-right .fo_icon_bar img {
    max-width: 30px;
    
}

.team-left {
    width: 80%;
    float: none;
    margin: auto;
}
.team-right {
    width: 80%;
    float: none;
	margin: auto;
	padding-top:40px;
}
.film-box {
    padding-top: 100px;
    max-width: 90%;
    padding-bottom: 380px;
}
.film-box p {
    font-size: 18px;
    margin: 0 0 20px 0;
}
.events-box p {
    font-size: 18px;
	text-align:left;
    
}
.blog-box p {
    font-size: 18px;
	text-align:left;
}
.op-text p {
    font-size: 22px;
	text-align:left;
}
.fl,.fr{
	padding:0;
	
}
.footer {
    padding-top: 40px;
    padding-bottom: 40px;
}
.footer .fo_icon_bar {
    margin: 20px 0px;
}
.fo_icon_bar img {
    max-width: 36px;
    margin: 0px 4px;
}
.footer_p {
    font-size: 10px;
}
.bussiness {
   
        
    background-image: url('image/bus-mobile.jpg');
    background-size: cover;
    background-position: center center;
    overflow: hidden;
	padding:30px 30px 80px;
	
}
.film {
   
    background-image: url('image/film-mob.jpg');
    background-size: cover;
    background-position: top center;
    overflow: hidden;
}
.events {
	 background-image: url('image/event-mob.jpg');
    background-size: cover;
    background-position: bottom center;
    overflow: hidden;
	
    padding-bottom: 300px !important;
}
.blog {
   
    background-image: url('image/blog-mob.jpg');
    background-size: cover;
    background-position: center left;
   padding-bottom: 100% !important;
}
.contact {
   
    background-image: url('image/con-mob.jpg');
    background-size: cover;
    background-position: center bottom;
    overflow: hidden;
	padding-bottom: 90% !important;
}
.con-box {
   
    padding-bottom: 0px !important;
}
.footer {
    
    background-position: center center;
    
    
}
.biz-box p, .f-text {
 
    text-align: left;
}
.team-left p {
   
    text-align: left;
    font-family: "exo-light";
    font-size:20px;
}
.team-left img {
    max-width: 70%;
    margin: auto;
    display: block;
}

.team-box p {
   
    text-align: left;
    
}
.film-box p {
    
    text-align: left;
}
 }
 
 @media only screen and (max-width:420px){
     
 .team-left p {
   
   
    font-size:19px;
}

 .fix-mob .navbar-header {
    padding: 12px 20px;
}
.home {
    padding-top: 54px;
}
.navbar-nav {
   
    padding-top: 4px;
}
.text-span {
  
    line-height: 1.2;
}
#myNavbar2 .fo_icon_bar img {
    max-width: 36px;
}
.sec-title {
    font-size: 28px;
    

}
.big-title {
    font-size: 28px;
    

}
.compliance h1 {
   
    padding: 60px 20px;
   
	
    
} 
.about-box p {
    font-size: 17px;
}
.mb-logo img {
   
    margin-top: 8px;
}

.mb-logo img {
    max-height: 28px;
}
.home-txt-box {
    left: 32px;
	max-height: 120px;
}
.hb-left {
    width: 100%;
}
.home-txt-box h1 {
   
    font-size: 38px;
   
}
.hb-right {
    width: 100%;
    float: none;
    text-align: left;
}
.hb-right .fo_icon_bar img {
    max-width: 36px;
    margin: 8px 8px 0px 0px;
}
.op-left {
    width: 100%;
}
.op-head h2 {
    font-size: 28px;
    margin: 0px 0px 20px;
}
.op-text p {
    font-size: 22px;
}
.op-right {
    width: 90%;
}
.biz-box h2 {
   
    font-size: 32px;
  
}

.bussiness {
   
    background-size: cover;
    background-position: left bottom;
    overflow: hidden;
    padding: 30px 20px 100px;
}

.biz-box p, .f-text {
    
    max-width: 100%;
   
	padding:6px;
	font-size:15px;
}
.biz-box {
    padding-top: 60px;
    padding-bottom: 180px;
}
.team-left {
    width: 100%;
    
}
.team-right {
    width: 100%;
 
    padding-top: 40px;
}

.team{
	padding-left:28px;
	padding-right:28px;
}
.team-box h3 {
    font-size: 22px;
    margin-bottom: 4px;
}
.film {
    background-image: url('image/film-mob.jpg');
    background-size: cover;
    background-position: bottom left;
    overflow: hidden;
}
.film-box {
    padding-top: 70px;
    max-width: 100%;
    padding-bottom: 100%;
}
.film-box h2 {
    font-size: 32px;
    margin: 0 0 12px 0;
}
.f-text {
    max-width: 100%;
    padding: 6px 0 100px;
    font-size: 13px;
}
.events{
    
    padding: 0 0 80px !important;
}
.events-box {
	padding-top: 80px;
    max-width: 100%;
    padding-bottom: 30px !important;
	padding-left:20px;
	padding-right:20px
}
.event-eye {
    width: 92%;
    position: unset;
    float: right;
}
.event-bottom {
   display:none;
 
}
.events-box h2 {
    font-size: 32px;
    margin: 0px 0px 12px 0px;
}
.blog-box {
    max-width: 100%;
    padding-top: 80px;
}
.blog-box h2 {
    font-size: 32px;
    margin: 0px 0px 12px 0px;
}
.blog-box p {
   padding:8px;
   background:rgba(27,28,77,.54);
}
.contact_info h1 {
    font-size: 32px;
    margin: 0px 0px 24px 0px;
}
.contact_info h3 {
    font-size: 24px;
    margin: 0px 0px 8px 0px;
}
.contact_info p {
    font-size: 20px;
    line-height: 1.5;
}
.con-box {
    max-width: 100%;
    padding-top: 100px !important;
    
}

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


  }