#headerCntr .mobileMenu,.overlayMenu,#headerCntr .menuBox li.dropdown .plus { display: none; }

@media only screen and (min-width:1367px){
.innerbackground {min-height:491px;}

	}
@media only screen and (max-width:1366px){
	.center{ padding:0 50px;}
.innerbackground {min-height:360px;}

	}
@media only screen and (max-width:1279px){
.bannerBox .slideImage{ height:405px;}
.bannerBox .slideImage img{ max-width:923px;}


.serviceBox li{ width:50%;}

.teamBox li ul.socialIcons{ bottom:10px;}
.teamBox li ul.socialIcons li{ height:35px;}
.teamBox li ul.socialIcons li a{ height:35px;}
.teamBox li ul.socialIcons li a i{ height:35px; line-height:35px;}
.teamBox li strong{ margin-bottom:6px;}


.portfolioBox .intro{ font-size:13px; margin:8px 0 38px 0;}



	}


        @media only screen and (max-width: 1180px) {
            .contentBox .OurTeam > li{ width: 50%;}
            #leftCntr.fullWidthCareer{ width: 100%;}
			
            
        }

@media only screen and (max-width: 1023px) {
	
	h2{ font-size:28px;}
	
	
	#headerCntr .block,#headerCntr .blank_div{ height:70px;}
	#headerCntr .logo{ width:81px; height:53px;}
	#headerCntr .logo a{ height:53px;}
	#headerCntr .menuBox li a{ font-size:13px; padding:6px 12px 30px;}
	.bannerBox .slideImage{ height:342px;}
	.bannerBox .slideImage img{ max-width:676px;}
	
	.teamBox ul{
		flex-wrap:wrap;
	}
	.team-members > li {
		width:45%;
    	margin: 10px;
	}
	
	.serviceBox h2,.teamBox h2,.portfolioBox h2, .testimonials h2{ padding:16px;}
	.serviceBox ul{ padding:40px 0 0 0;}
	.serviceBox li .title{ font-size:17px; height:50px;}
	
	.teamBox li{ width:100%;}
	
	.portfolioBox .intro{ padding:0 45px;}
	.portfolioBox li{ width:100%;}
	
	.contactBox .left{ padding:0 20px 0 0;}
	
        .contentBox .OurTeam > li{ position: relative;}
        .contentBox .OurTeam > li .image,.contentBox .OurTeam > li:hover .image{ transform: scale(0.5) translateY(300px); -webkit-transform: scale(0.5) translateY(300px);transition:all 0.5s; }
        .contentBox .OurTeam > li .userName,.contentBox .OurTeam > li .designation,.contentBox .OurTeam > li:hover .userName,.contentBox .OurTeam > li:hover .designation{transform: translateY(0); -webkit-transform: translateY(0);transition:all 0.5s; margin:5px 0; position: absolute; top: 20px; left: 0; width: 100%; text-align: center; }
        .contentBox .OurTeam > li .designation,.contentBox .OurTeam > li:hover .designation{ top: 60px;}
        .contentBox .OurTeam > li p,.contentBox .OurTeam > li:hover p{ display:block; transform:translateY(-115px); -webkit-transform:translateY(-115px); transition:all 0.5s;}


}

@media only screen and (max-width: 767px) {
	.center{ padding:0 10px;}
	h3{ font-size:17px;}
	p{ font-size:12px; line-height:21px;}
	
        html, body{ height: auto;}
        #wrapper { margin-bottom: 0px; }
        #wrapper:after{content: "";}
        #footerCntr{ position: absolute; height: 350px; }
        
	#headerCntr .block{ padding:4px 0px;}
	#headerCntr .block, #headerCntr .blank_div{ height:45px;}
	#headerCntr .logo{ width:60px; height:38px;}
	#headerCntr .logo a{ height:38px;}
	#headerCntr .mobileMenu {   color: #252525;display: block;height:40px;position: fixed;right: 15px;text-align: center;top: 2px;width: 40px; font-size:50px;}
	#headerCntr.fixedHeader .mobileMenu{ color:#fff;}
	#headerCntr .mobileMenu i{ position:absolute; left:0px; top:4px; text-align:right; line-height:40px; width:40px; height:40px;}
	#headerCntr .menuBox{ position:fixed; right:-260px; top:45px; width:260px; height:calc(100% - 45px); background:#252525; padding:0px; overflow:auto;}
	.openMenu #headerCntr .menuBox.is_visible {animation:menuOpen 0.3s forwards cubic-bezier(.64,1.87,.64,.64); -webkit-animation:menuOpen 0.3s forwards cubic-bezier(.64,1.87,.64,.64); -moz-animation:menuOpen 0.3s forwards cubic-bezier(.64,1.87,.64,.64); -ms-animation:menuOpen 0.3s forwards cubic-bezier(.64,1.87,.64,.64); -o-animation:menuOpen 0.3s forwards cubic-bezier(.64,1.87,.64,.64); z-index:999;}

	
	.openMenu .overlayMenu { display:block; position: fixed;top: 0px;left: 0px;width: 100%;height: 100%;background: rgba(0,0,0,0.5);z-index:9;overflow: hidden;}
	#headerCntr .menuBox ul{ width:100%; height:100%;}
	#headerCntr .menuBox li{ float:none; width:100%;}
	#headerCntr .menuBox li a{ padding:11px; color:#fff; border-bottom:1px solid rgba(255,255,255,0.1);}
	#headerCntr .menuBox li.dropdown ul,#headerCntr .menuBox li.dropdown:hover ul,#headerCntr.fixedHeader .menuBox li.dropdown:hover ul{ background:#32333a; visibility:visible; display:none; position:relative; left:0; top:0; width:100%; border:none;}
	#headerCntr.fixedHeader .menuBox li.dropdown:hover > a,#headerCntr .menuBox li.dropdown:hover > a{ background:none;}
	#headerCntr .menuBox li.dropdown .plus{ position:absolute; right:0px; top:0px; width:41px; height:41px; line-height:41px; text-align:center; background:#32333c; font-size:24px; cursor:pointer; display:block;}
	
	.team-members > li {
		width:100%;
    	margin: 10px;
	}
	.socialBox{ top:3px; left:auto!important; right:40px; height: 40px;}
	.socialBox li{ width:40px; float:left; margin-right:10px;}
	.socialBox li a.facebook{ background:none; color:#4486dd; }
	.socialBox li a.twitter{ background:none; color:#57cff4 ; }
	.socialBox li a.google_plus{ background:none; color:#fe7d60; }
        .socialBox li a.github{display: none;}
        .socialBox li a.linkedIn{ background:none; color:#069; }
	.socialBox li a.facebook span,.socialBox li a.twitter span,.socialBox li a.google_plus span,.socialBox li a.linkedIn span{ display:none;}
	.bannerBox .slick-dots{ bottom:17px;}
	.bannerBox .slideImage{ height:224px;}
	.bannerBox .slideImage img{ padding:0 50px;}

	.aboutBox{ padding:10px 0 40px 0;}
	.aboutBox .block{ width:100%;}
	.aboutBox .right{ margin-top:25px; padding:0px;}
	.aboutBox .right li{ margin-bottom:7px;}
	.aboutBox .right li a{ font-size:12px;}
	.aboutBox .right li a i{ font-size:13px; top:4px;}
	
	.serviceBox{ padding:40px 0;}
	.serviceBox ul{ padding:40px 0 0 0;}
	.serviceBox li{ width:100%; padding:0px; }
	
	.portfolioBox .intro{ padding:0 10px;}
	.portfolioBox .block{ padding:0 10px 50px 10px;}
	.portfolioBox li{ height:auto;}
	.portfolioBox li .image{ width:100%;}
	.portfolioBox li .detail{ width:100%; height:auto;}
	
	.newsletterBox{ padding:25px 0 10px 0;}
	.copyrightBox{ padding:15px 0 20px 0;}
	.copyrightBox a{ font-size:11px;}
	
	.headingBox h2{ font-size:24px;}
	#leftCntr{ width:100%;}
	.contentBox li{ font-size:12px;}
	#rightCntr{ width:100%; padding:0px; margin-top:15px;}
	.contentBox strong{ font-size:16px;}
	
	.contactBox .left,.contactBox .right{ width:100%; padding:0px;}
	.contentBox .OurTeam > li{ width: 100%;}
     .testimonials .testimonial-text p{font-size:18px}   
       
}

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

	h2{ font-size:21px;}
	
	.socialBox li{ width:30px; height:30px; margin-right:5px;}
	.socialBox li a{ width:30px; height:30px; padding:0 30px 0 0;}
	.bannerBox .slideImage{ height:150px;}
	.bannerBox .slick-dots li button{ width:26px; height:4px;}
	
	.serviceBox h2, .teamBox h2, .portfolioBox h2{ padding:16px 50px;}
	.portfolioBox li .detail h3{ font-size:20px; margin-bottom:12px;}
	
	.newsletterBox .block .iconBox{ font-size:44px; height:44px; width:46px;}
	.newsletterBox p{ height:33px;}
	.copyrightBox p,.copyrightBox ul{ margin:0px; width:100%; display:block; float:none;}
	
	
	ul.industries li{ width:100%;}
        
        #footerCntr .center > p {display: none;}
#footerCntr .center > p img {max-width:100%;}
#footerCntr .center > .menu-footer_menu_nav-container{ width: auto; float: left;}
}


