/* =Responsive (Mobile) Design
-------------------------------------------------------------- */
@media screen and (max-width: 992px) {
	.histroy, .rightinfo, .leftinfo {max-width: 210px;}
	.histroy, .rightinfo {margin: 29px 0 0;}
	.history{font-size:15px;}
	.c1982img, .c1985img, .c1989img, .c1993img, .c1997img{background-position:222px 50px;}
	.c1983img, .c1987img, .c1991img, .c1995img, .c1999img{background-position:322px 50px;}
.search-form #searchform {
margin:10px auto !important;
}
}
.blog-alfresco img {width:100%;}
@media screen and (max-width: 980px) {

	body {}

	.grid, 
	.grid-right {
		float: left;
	}

	.copyright,
	.scroll-top,
	.powered {
		float: left;
	}

	#featured-image .fluid-width-video-wrapper {
		margin: 20px 0 0 0;
	}

	.front-page  #widgets {
		margin-top: 40px;
	}

	.top-widget,
	.front-page  .top-widget {
		margin-top: 0 !important;
	}

	.hide-desktop {
		display: block;
	}

	.show-desktop {
		display: none;
	}

	.hide-980 {
		display: none;
	}

	.show-980 {
		display: block;
	}
	.slide-data .title{font-size:32px; font-weight:bold; margin:0 0 5px; line-height:38px;}
	.slide-data{left:45% !important; bottom:18% !important; font-size:24px; line-height:30px; background:none !important;}	
	.slide-data a{margin:10px 0 0; padding:2px 40px 2px 10px; font-size:20px;}
	.aboutUs .alignright{max-width:310px;}
	.blog-alfresco img {width:100%;}
}
@media screen and (max-width: 865px) {
	#getInTouch{width:auto; font-size: 15px; padding: 15px 10px 15px 8px !important;}
	#getInTouch strong {font-size: 22px;}
/***********about formtek Left Sidebar**********/
	#abtPDF img {width:100%;}
	#abtPDFInner{font-size:23px; color:#2e406b; text-transform:uppercase; font-weight:bold; text-align:center; position:absolute; top:10px; width:100%;}
	#abtPDF-img{width:100%; margin:10px 0 0;}
	#abtPDF-img img{max-width:50%; width:30%; border:0;}
	#abtPDFInner a{font-size:23px; color:#FFF; line-height:24px; padding:8px 16px 8px 43px; margin:17px 0 0; display:inline-block !important; }
.smallfont {font-size:16px;}
/***********Formtek Extensions Left Sidebar**********/
#extensions img{width:180px;}
#extensionsInner{font-size:20px; font-weight:normal; top:10px; width:100%; line-height:20px;}
#extensionsInner a{background-position:0 5px; line-height:24px; padding:5px 10px 5px 37px; margin:10px 0 0;}
#extensionsInner a:hover{background-position:0 5px; padding:5px 10px 5px 37px;}
#presentedby{font-size:14px; line-height:14px; margin:10px 0 0;}
/***********Engineering Data Management Left Sidebar**********/
#edm img{width:180px;}
#edmInner{font-size:20px; font-weight:normal; top:10px; width:100%; line-height:20px;}
#edmInner a{background-position:0 5px; line-height:24px; padding:5px 10px 5px 37px; margin:10px 0 0;}
#edmInner a:hover{background-position:0 5px; padding:5px 10px 5px 37px;}
#edmpresentedby{font-size:14px; line-height:14px; margin:10px 0 0;}
/*******************************/
.aboutUs .alignright{float:left;}
.aligncenter{margin:5px 0;}
/********** histroy ***********/
.histroy, .rightinfo, .leftinfo {max-width: 165px;}
.histroy, .rightinfo {margin: 29px 0 0;}
.history{font-size:15px;}
.histroy, .year{font-size:16px; max-width:45px;}
.histroy, .year-main{width:70px;}
.c1982img, .c1985img, .c1989img, .c1993img, .c1997img{background-position:175px 50px;}
.c1983img, .c1987img, .c1991img, .c1995img, .c1999img{background-position:239px 50px;}
.c1982img .yearbar{height:83px;}
.c2002img .yearbar{height:42px;}
/********** blog ***********/
.blog-content{top:22%;}
.blog-alfresco img {width:100%;}
.blog-content p {font-size: 14px; line-height: 14px; padding:15px 17px 0 10px;}
.search-form {
    float: right;
    position: relative;
    right: 14px;
    top: 0;
    z-index: 10;
}
.search-form #searchform {
margin:10px auto !important;
}
}
@media screen and (max-width: 650px) {

	body {}

	#logo {
		float: left;
		margin: 0;
		text-align: center;
	}

	.grid, 
	.grid-right {
		float: none;
	}

	#featured-image .fluid-width-video-wrapper {
		margin: 20px 0 0 0;
	}
	
	.top-widget {
		float: none;
		margin: 0 auto 10px auto;
		position: relative;
		text-align: center;
		width: auto;
	}
	
	.top-widget .widget-title {
		text-align: center;
	}
	
	.js .sub-header-menu {
		display: none;
	}
	
	.js .main-nav {
		position: relative;
		background-color: #bf1238;
		clear: both;
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#585858, endColorstr=#3d3d3d);
		margin: 0 auto; z-index:999;
	}
	
	.js .main-nav .menu {
		display: none;
		position: absolute;
		width: 100%;
		top: 30px; margin:0!important;
		z-index: 1000;
	}
	
	.js .main-nav .menu ul {
		margin-top: 1px;
	}
	
	.js .main-nav .menu li {
		float: none;
		background-color: #fff;
		border: none;
	}
	
	.js .main-nav .menu li a {
		color: #444;
		font-size: 13px;
		font-weight: normal;
		height: 45px;
		line-height: 45px;
		padding: 0 15px;
		border: none;
		border-bottom: 1px solid #f5f5f5;
		text-shadow: none;
		text-align: left;
		cursor: pointer;
	}
	
	.js .main-nav .menu li.current_page_item,
	.js .menu .current_page_item a,
	.js .menu .current-menu-item a {
		background-color: #f5f5f5;
	}
	
	.js .main-nav .menu li li:hover {
		background: none!important;
	}
	
	.js .main-nav .menu li li a {
		position: relative;
		padding: 0 10px 0 30px;
	}
	
	.js .main-nav .menu li li li a {
		position: relative;
		padding: 0 10px 0 40px;
	}
	
	.js .main-nav .menu li a:hover,
	.js .main-nav .menu li li a:hover {
		background-image: none;
		filter: none;
		background-color: #f5f5f5!important;
	}
	
	.js .main-nav .menu li li a::before {
		content: '\2013';
		position: absolute;
		top: 0;
		left: 20px;
	}
	
	.js .main-nav .menu li li li a::before {
		content: '\2013';
		position: absolute;
		top: 0;
		left: 20px;
	}
	
	.js .main-nav .menu li li li a::after {
		content: '\2013';
		position: absolute;
		top: 0;
		left: 30px;
	}
	
	.js .main-nav .menu li ul {
		position: static;
		visibility: visible;
		background-color: #fff;
	}

	.js .main-nav .menu ul {
		min-width: 0;
	}

	.js .main-nav #responsive_current_menu_item {
		display: block;
		padding: 5px 40px 5px 10px;
		color: #fff;
		font-weight: 700;
		cursor: pointer;
	}
	
	.js .main-nav a#responsive_menu_button {
		position: absolute;
		display: block;
		top: 0;
		left: 100%;
		height: 30px;
		width: 23px;
		margin-left: -30px;
		background: url('../images/select-icons.png') 0 5px no-repeat;
		cursor: pointer;
	}
	
	.js .main-nav a#responsive_menu_button.responsive-toggle-open {
		background: url('../images/select-icons.png') 0 -46px no-repeat;
	}
		
	
	.top-menu, 
	.footer-menu li {
		float: none;
		font-size: 11px;
		text-align: center;
	}
	
	.tinynav {
		display: block;
	}
	
	.sb-holder {
		display: block;
	}
	
	#author-meta {
		padding: 20px;
	}
	
	.hide-650 {
		display: none;
	}
	
	.show-650 {
		display: block;
	}

	.hide-mobile {
		display: none;
	}

	#footer {
		text-align: center;
	}

	#footer .social-icons {
		padding-bottom: 10px;
		text-align: center;
	}
	#top-bg{display:none;}
	.slide-data .title{font-size:24px!important; font-weight:bold!important; margin:0 0 5px!important; line-height:28px!important;}
	.slide-data{left:40% !important; bottom:18% !important; font-size:18px!important; line-height:22px!important; background:none !important;}
	.slide-data a{margin:10px 0 0; padding:2px 40px 2px 10px; font-size:18px;}
	#getInTouch{width:100%; max-width:221px; font-size: 20px;}
	#getInTouch strong {font-size: 25px;}
	#content {display: inline-block;}
	#content{width:98%; padding-left:2%;}
	#content .page { padding-right:2%;}
	#abtPDF img {width: 95%;}
	#abtPDFInner{font-size:30px; color:#2e406b; text-transform:uppercase; font-weight:bold; text-align:center; position:absolute; top:20px; width:100%;}
	#abtPDF-img{width:100%; margin:22px 0 0;}
	#abtPDF-img img{max-width:100%; width:auto; border:0;}
	#abtPDFInner a{font-size:23px; color:#FFF; line-height:24px; padding:8px 16px 8px 43px; margin:17px 0 0; display:inline-block !important; }
.blog-select {width:auto!important;}
/***********Formtek Extensions Left Sidebar**********/
#extensions{clear:both;}
#extensions img{width:97%;}
#extensionsInner{font-size:25px; font-weight:bold; top:10px; width:97%; line-height:30px;}
#extensionsInner a{background-position:0 8px; line-height:24px; padding:8px 16px 8px 43px; margin:15px 0 0;}
#extensionsInner a:hover{background-position:2px 8px; padding:8px 18px 8px 41px;}
#presentedby{font-size:18px; line-height:20px; margin:15px 0 0;}
/***********Engineering Data Management Left Sidebar**********/
#edm{clear:both;}
#edm img{width:97%;}
#edmInner{font-size:25px; font-weight:bold; top:10px; width:97%; line-height:30px;}
#edmInner a{background-position:0 8px; line-height:24px; padding:8px 16px 8px 43px; margin:13px 0 0;}
#edmInner a:hover{background-position:2px 8px; padding:8px 18px 8px 41px;}
#edmpresentedby{font-size:18px; line-height:20px; margin:13px 0 0;}
/*******************************/
.our-history-main{width:100%;}
.our-history{margin:0 auto; width:430px;}
/********** blog ***********/
body.blog #wrapper, body.archive #wrapper, body.single #wrapper{width:96%; padding:0 2%;}
body.blog .widget_archive select, body.blog #cat, body.archive .widget_archive select, body.archive #cat, body.single .widget_archive select, body.single #cat{width:98%; max-width:300px; margin:0 auto;}
.blog-alfresco{margin:0 auto; max-width:245px;}
.blog-alfresco img {width:100%;}
.legal-terms{width:96%; padding:0 2%;}
.blog-content {top:67px;}
.blog-content p {font-size:17px; padding:8px 17px 15px 10px; line-height:normal;}
body.single #content{margin:0 0 20px 0 !important; padding:2%; width:96%; border:0;}
.search-form {
    float: right;
    position: relative;
    right:14px;
    top: 0;
    z-index: 10;
}
.search-form #searchform {
margin:10px auto !important;
}
body.single-post #responsive_current_menu_item {text-indent:-1000px;}
}

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

	body {}

	#logo {
		float: none;
		text-align: center;
	}
	#logo img{width:90%; max-width:160px;}
	.grid, 
	.grid-right {
		float: none;
	}
	
	#featured-image .fluid-width-video-wrapper {
		margin: 20px 0 0 0;
	}
	
	.featured-title {
		font-size: 40px;
		padding: 40px 20px 0 20px
	}
	
	.featured-subtitle {
		font-size: 24px;
	}
	
	.navigation .next,
	.navigation .previous {
		display: block;
		margin: 0 auto;
		text-align: center;
	}
	.menu ul, 
	.menu li, 
	.top-menu, 
	.footer-menu li, 
	.sub-header-menu li {
		float: none;
		text-align: center;
		text-rendering: optimizeSpeed;
	}
	
	.hide-480 {
		display: none;
	}
	
	.show-480 {
		display: block;
	}
	
	#footer {
		text-align: center;
	}

	#footer .social-icons {
		text-align: center;
	}
	#top-bg{display:none;}
	.slide-data .title{font-size:20px!important; font-weight:bold; margin:0 0 5px; line-height:22px!important;}
	.slide-data{left:35% !important; bottom:1% !important; font-size:14px!important; line-height:16px!important; background:none !important;}
	.slide-data a{margin:2px 0 0; padding:2px 40px 2px 10px; font-size:16px;}
	.flex-control-nav{display:none;}
	#social-icons{width:100%;}
	#client-login {text-align: center;}
	#client-login a {font-size: 26px; margin: 10px; padding: 5px 35px;}
	#social-icons ul.social-icons {margin: 0 auto; text-align: center; width: 100%;}
	#content{width:98%; padding-left:2%;}
	#content .page { padding-right:2%;}
	#footer .col-220 li h2{padding: 25px 2% 10px 2%;}
	#footer .col-220 h2{padding: 25px 2% 10px 2%;}
	#footer .col-220 li ul.menu2 li{text-align:left; width:96%; padding:0 2%;}
	#footer .col-220 li ul.menu li{text-align:left; width:96%; padding:0 2%;}
	ul#news{text-align:left; width:96%; padding:0 2%;}
	.footerNews{text-align:left; margin:0 2%;}
	#abtPDFInner{font-size:30px; color:#2e406b; text-transform:uppercase; font-weight:bold; text-align:center; position:absolute; top:20px; width:100%;}
	.partners p {display: inline-block;}
	.products div.cright {display: inline-block;}
/********** histroy ***********/
.our-history{margin:0 auto; width:auto; max-width:320px;}
.histroy, .rightinfo, .leftinfo {max-width: 225px;}
.histroy, .rightinfo {margin: 29px 0 0;}
.history{font-size:15px;}
.histroy, .year{font-size:16px; max-width:45px;}
.histroy, .year-main{width:70px;}
.c1982img, .c1985img, .c1989img, .c1993img, .c1997img{background-position:236px 50px;}
.c1983img, .c1987img, .c1991img, .c1995img, .c1999img{background-position:236px 50px;}
.c1982img .yearbar{height:83px;}
.c2002img .yearbar{height:42px;}
.c1983img{background:url(../images/histoory-back-1993.jpg) no-repeat 236px 50px;}
.c1987img{background:url(../images/histoory-back-1997.jpg) no-repeat 236px 50px;}
.c1991img{background:url(../images/histoory-back-1982.jpg) no-repeat 236px 50px;}
.c1995img{background:url(../images/histoory-back-1985.jpg) no-repeat 236px 50px;}
.c1999img{background:url(../images/histoory-back-1989.jpg) no-repeat 236px 50px;}
.c1983img .leftinfo, .c1985img .rightinfo, .c1989img .rightinfo, .c1993img .rightinfo, .c1997img .rightinfo, .c2002img .rightinfo, .c1987img .leftinfo, .c1991img .leftinfo, .c1995img .leftinfo, .c1999img .leftinfo{display:none;}
.c1983img .year-main, .c1987img .year-main, .c1991img .year-main, .c1995img .year-main, .c1999img .year-main{float:right;}
h1{font-size:32px;}
/********** blog ***********/
body.blog #wrapper, body.archive #wrapper, body.single #wrapper{width:96%; padding:0 2%;}
body.blog .widget_archive select, body.blog #cat, body.archive .widget_archive select, body.archive #cat, body.single .widget_archive select, body.single #cat{width:98%; margin:0 auto;}
.blog-alfresco{margin:0 auto;}
.blog-alfresco img {width:100%}
.legal-terms{width:96%; padding:0 2%;}
body.single #content{margin:0 0 20px 0 !important; padding:2%; width:96%; border:0;}
.search-form {margin:0px auto; width:250px; right:108px; clear:both;position:relative;}
.search-form #searchform {margin:10px auto !important;}
.search-form .field {border:1px solid #ebebeb;padding:5px!important;}
body.single-post #responsive_current_menu_item {text-indent:-1000px;}
}

@media screen and (max-width: 320px) {
	
	body {}
	
	#featured p {
		font-size: 12px;
		line-height: 1.5em;
	}

	.featured-title {
		font-size: 35px;
	}
	
	.featured-subtitle {
		font-size: 15px;
	}

	.call-to-action a.button {
		font-size: 14px;
		padding: 7px 17px;
	}

	.hide-320 {
		display: none;
	}
	
	.show-320 {
		display: block;
	}
	#top-bg{display:none;}
	.slide-data .title{font-size:16px!important; font-weight:bold; margin:0; line-height:18px!important;}
	.slide-data{left:30% !important; bottom:1% !important; font-size:14px!important; line-height:16px!important; background:none !important;}
	.slide-data a{margin:5px 0 0; padding:2px 40px 2px 10px; font-size:14px;}
	.flex-control-nav{display:none;}
	#logo{width:100%; float:left;}
	#logo img{width:45%;}
	#social-icons{width:100%;}
	#social-icons ul.social-icons li{margin:0 2px;}
	#client-login {text-align: center;}
	#client-login a{font-size:25px; margin: 10px; padding: 5px 30px;}
	#social-icons ul.social-icons{margin: 0 auto; width:100%; text-align:center;}
	#banner-shadow{margin:-4px 0 0;}
	#getInTouch{width:221px;}
	#abtPDF img{width:100%;}
	#content{width:98%; padding-left:2%;}
	#content .page { padding-right:2%;}
	#footer .col-220 li h2{padding: 25px 2% 10px 2%;}
	#footer .col-220 h2{padding: 25px 2% 10px 2%;}
	#footer .col-220 li ul.menu2 li{text-align:left; width:96%; padding:0 2%;}
	#footer .col-220 li ul.menu li{text-align:left; width:96%; padding:0 2%;}
	ul#news{text-align:left; width:96%; padding:0 2%;}
	.footerNews{text-align:left; margin:0 2%;}
	#abtPDFInner{font-size:30px; color:#2e406b; text-transform:uppercase; font-weight:bold; text-align:center; position:absolute; top:34px; width:100%;}
	#abtPDF-img{width:100%; margin:22px 0 0;}
	#abtPDF-img img{max-width:100%; width:auto; border:0;}
	#abtPDFInner a{font-size:23px; color:#FFF; line-height:24px; padding:8px 16px 8px 43px; margin:17px 0 0; display:inline-block !important; }
	h1{font-size:28px;}
/********** blog ***********/
body.blog #wrapper, body.archive #wrapper, body.single #wrapper{width:96%; padding:0 2%;}
body.blog .widget_archive select, body.blog #cat, body.archive .widget_archive select, body.archive #cat, body.single .widget_archive select, body.single #cat{width:98%; margin:0 auto;}
.blog-alfresco{margin:0 auto;}
.legal-terms{width:96%; padding:0 2%;}
body.single #content{margin:0 0 20px 0 !important; padding:2%; width:96%; border:0;}
.search-form {margin:0px auto; right:25px; width:250px; clear:both;position:relative;}
.search-form #searchform {margin:10px auto !important;}
body.single-post #responsive_current_menu_item {text-indent:-1000px;}
}

@media screen and (max-width: 240px) {
	
	body {}
	
	#featured p {
		font-size: 11px;
		line-height: 1.5em;
	}

	.featured-title {
		font-size: 20px;
	}
	
	.featured-subtitle {
		font-size: 11px;
	}

	.call-to-action a.button {
		font-size: 12px;
		padding: 5px 15px;
	}
	
	.top-widget area,
	.top-widget select,
	.top-widget textarea,
	.top-widget input[type="text"], 
	.top-widget input[type="password"],
	.top-widget input[type="email"] {
		width: 75%;
	}
	
	.widget-title,
	.widget-title-home h3 {
		font-size: 14px;
		height: 13px;
		line-height: 13px;
		text-align: left;
	}
	
	.hide-240 {
		display: none;
	}
	
	.show-240 {
		display: block;
	}
	#top-bg{display:none;}
	.slide-data .title{font-size:16px!important; font-weight:bold; margin:0; line-height:18px!important;}
	.slide-data{left:30% !important; bottom:1% !important; font-size:14px!important; line-height:16px!important; background:none !important;}
	.slide-data a{margin:5px 0 0; padding:2px 40px 2px 10px; font-size:14px;}
	.flex-control-nav{display:none;}
	#logo{width:43%; float:left;}
	#social-icons{width:55%;}
	#client-login a{font-size:23px; margin: 10px 10px 10px 0; padding: 5px 24px;}
	#social-icons ul.social-icons{margin: 0 6px 4px 0;}
	#banner-shadow{margin:-4px 0 0;}
body.single-post #responsive_current_menu_item {text-indent:-1000px;}
	.search-form .field {
width:118px !important;
}
}