/*
Theme Name: OfiiceCorp
Theme URI: http://www.rogensys.com
Version: 1.0
Description: A Wordpress Corporate Theme by Rogensys.
Author: Rogensys.
Author URI: hhttp://www.rogensys.com
Tags: full-width-template, custom-colors, right-sidebar, left-sidebar, custom-menu, featured-images, two-columns
License: GNU General Public License
License URI: http://www.gnu.org/licenses/gpl.html
*/

html {
   -webkit-text-size-adjust: none;
}
.video embed,
.video object,
.video iframe {
   width: 100%;
   height: auto;
}
img{
	max-width:100%;
	height: auto;
   	width: auto\9; /* ie8 */
}



@media only screen and (min-width: 768px) and (max-width: 959px) {

}

@media only screen and (max-width: 767px) {
.nav-wrapper-on-scroll {position:relative;}
.view {
   width: 90%;
   height: auto;
   margin: 10px 10px 0 10px;
   float: left;
   border: 10px solid #fff;
   overflow: hidden;
   position: relative;
   text-align: center;

   cursor: default;
   background: #fff url(../images/bgimg.jpg) no-repeat center center;
}
.mask{  width: 100%;
   height: 100%;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;}
   .view .content {
   width: 100%;
   height: auto;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
}
}

@media only screen and (min-width: 630px) and (max-width: 767px) {
.footer-widget-holder {width:50%;}
.nav-wrapper-on-scroll {position:relative;}
.view {
   width: 90%;
   height: auto;
   margin: 10px 10px 0 10px;
   float: left;
   border: 10px solid #fff;
   overflow: hidden;
   position: relative;
   text-align: center;

   cursor: default;
   background: #fff url(../images/bgimg.jpg) no-repeat center center;
}
.mask{  width: 100%;
   height: 100%;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;}
   .view .content {
   width: 100%;
   height: auto;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
}
}
@media only screen and (min-width: 619px) and (max-width: 630px) 
{

 #logo, #corp-nav-holder, #search-holder {width:90%;height:auto;float:left;clear:left;margin-bottom:20px;text-align:center;}
	 .header-s-icons {float:left;text-align:center;}
	 .footer-widget-holder {width:95%;}
	 .client-logo-holder {width:40%;}
	.nav-wrapper-on-scroll {position:relative;}
	nav {width:100%;float:left;padding:0;}
	.nav-wraperr{width:100%;}
	.top {width:100%;height:auto;float:left;background-color:#7f8734;padding:0;color:#fff;}
	.iconic-item1 {width:100%;float:none;height:auto;display:block;margin:3px 5px; text-align:center;}
	.icon-holder{float:none;  width:90%; margin:0 auto; display:block;}
	.icon-holder span{padding:2px 20px; display:inline-block;  text-align:center;}
	.ab-image figure{width:100%;   display:block; }
	.view p {
   display:none;
}

.view a{margin:5px auto;}
.view {
   width: 90%;
   height: auto;
   margin: 10px 10px 0 10px;
   float: left;
   border: 10px solid #fff;
   overflow: hidden;
   position: relative;
   text-align: center;

   cursor: default;
   background: #fff url(../images/bgimg.jpg) no-repeat center center;
}
.mask{  width: 100%;
   height: 100%;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;}
   .view .content {
   width: 100%;
   height: auto;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
}
.team-mbr-title {width:90%;height:auto;max-width:100%;float:none;background-color:#7f8734;color:#fff;text-align:center;margin:0 ;padding:0.5em 0; margin:0 auto; display:block;}
.nav-wraperr{width:100%;}
}

@media only screen and (min-width: 480px) and (max-width: 619px) {
 #logo, #corp-nav-holder, #search-holder {width:90%;height:auto;float:left;clear:left;margin-bottom:20px;text-align:center;}
	 .header-s-icons {float:left;text-align:center;}
	 .footer-widget-holder {width:95%;}
	 .client-logo-holder {width:40%;}
	.nav-wrapper-on-scroll {position:relative;}
	nav {width:100%;float:left;padding:0;}
	.nav-wraperr{width:100%;}
	.top {width:100%;height:auto;float:left;background-color:#7f8734;padding:0;color:#fff;}
	.iconic-item1 {width:100%;float:none;height:auto;display:block;margin:3px 5px; text-align:center;}
	.icon-holder{float:none;  width:90%; margin:0 auto; display:block;}
	.icon-holder span{padding:2px 20px; display:inline-block;  text-align:center;}
	.ab-image figure{width:100%;   display:block; }


.view a{margin:5px auto;}
.view {
   width: 90%;
   height: auto;
   margin: 10px 10px 0 10px;
   float: left;
   border: 10px solid #fff;
   overflow: hidden;
   position: relative;
   text-align: center;

   cursor: default;
   background: #fff url(../images/bgimg.jpg) no-repeat center center;
}
.mask{  width: 100%;
   height: 100%;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;}
   .view .content {
   width: 100%;
   height: auto;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
}
.team-mbr-title {width:90%;height:auto;float:none;background-color:#7f8734;color:#fff;text-align:center;margin:0 ;padding:0.5em 0; margin:0 auto; display:block;}
.nav-wraperr{width:100%;}
}

@media only screen and (max-width: 479px) {
	 #logo, #corp-nav-holder, #search-holder {width:90%;height:auto;float:left;clear:left;margin-bottom:20px;text-align:center;}
	 .header-s-icons {float:left;text-align:center;}
	 .footer-widget-holder {width:95%;}
	 .client-logo-holder {width:40%;}
	.nav-wrapper-on-scroll {position:relative;}
	nav {width:100%;float:left;padding:0;}
	.nav-wraperr{width:100%;}
	.top {width:100%;height:auto;float:left;background-color:#7f8734;padding:0;color:#fff;}
	.iconic-item1 {width:100%;float:none;height:auto;display:block;margin:3px 5px; text-align:center;}
	.icon-holder{float:none;  width:90%; margin:0 auto; display:block;}
	.icon-holder span{padding:5px; display:inline-block;  text-align:center;  border:1px solid transparent; margin:0 auto; width:25%;}
	.ab-image figure{width:100%;   display:block; }
	.view {
   width: 90%;
   height: auto;
   margin: 0 auto;
   float: left;
   border: 10px solid #fff;
   overflow: hidden;
   position: relative;
   text-align: center;

   cursor: default;
   background: #fff url(../images/bgimg.jpg) no-repeat center center;
}
.partner-solo{display:block; margin:0 auto; width:100%;}
.view p {
   font-family: Georgia, serif;
   font-style: italic;
   font-size: 12px;
   position: relative;
   color: #fff;
   padding: 5px ;
   text-align: center;
}
.view a{margin:0 auto;}
.team-mbr-title {width:90%;height:auto;max-width:100%;float:none;background-color:#7f8734;color:#fff;text-align:center;margin:0 ;padding:0.5em 0; margin:0 auto; display:block;}
.mask{  width: 100%;
   height: 100%;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;}

}