.hidedesktop, .hidedesktop_sidebar { display:none; }

header { height:168px; background:url(../images/header_base.jpg) repeat-x top #f4c80f; }
.hlines { background:url(../images/header_lines1.jpg) no-repeat center; height:141px; }

.btn-navbar { border: 1px solid #fff; float: right; padding: 6px 7px 2px 7px; margin-right: 10px; margin-top:10px; border-radius:4px; }
.btn-navbar .icon-bar { width: 25px; height: 2px; background-color: #f5f5f5; display: block; box-shadow:0 1px 0 rgba(0,0,0,0.25); margin-bottom:5px; }

.slide_show { width:870px; margin-top:10px; background-color:#e7e7e7; padding:20px; margin-left:30px; border:1px solid #cbc8c8; margin-bottom:30px; }
.slide_show h2 { margin-top:0px; margin-bottom:12px; text-align:center; }
.slide_show iframe { width:810px;height:591.5px;max-width:100%;overflow:hidden;border:none;padding:0;margin:0;display:block; }
.slide_show iframe.makati { height:680.5px; }

.form-container { 
background: -moz-linear-gradient(90deg, #cccccc 0%, #ffffff 100%); /* ff3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #cccccc)); /* safari4+,chrome */
background: -webkit-linear-gradient(90deg, #cccccc 0%, #ffffff 100%); /* safari5.1+,chrome10+ */
background: -o-linear-gradient(90deg, #cccccc 0%, #ffffff 100%); /* opera 11.10+ */
background: -ms-linear-gradient(90deg, #cccccc 0%, #ffffff 100%); /* ie10+ */
background: linear-gradient(0deg, #cccccc 0%, #ffffff 100%); /* w3c */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cccccc',GradientType=0 ); /* ie6-9 */ 
border: 1px solid #aaa; color: #444; margin-left: 20px;
     padding: 20px 20px 0; width: 80%; margin-bottom:20px; }
	 
#message_txt { display: none; color:#f00f00; margin-left:20px; margin-bottom:10px; width:90%; font-size:16px; font-family:sans-serif; font-weight:600; }
#error_txt { display: none; color:#090090; margin-left:20px; margin-bottom:10px; width:90%; font-size:16px; font-family:sans-serif; font-weight:600; }

input[name="afterredirect"] {
    display: none;

}

.form-container label { font-size: 16px; }
.form-container input { 
background: -moz-linear-gradient(90deg, #ffffff 0%, #eeeeee 100%); /* ff3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeeee), color-stop(100%, #ffffff)); /* safari4+,chrome */
background: -webkit-linear-gradient(90deg, #ffffff 0%, #eeeeee 100%); /* safari5.1+,chrome10+ */
background: -o-linear-gradient(90deg, #ffffff 0%, #eeeeee 100%); /* opera 11.10+ */
background: -ms-linear-gradient(90deg, #ffffff 0%, #eeeeee 100%); /* ie10+ */
background: linear-gradient(0deg, #ffffff 0%, #eeeeee 100%); /* w3c */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff',GradientType=0 ); /* ie6-9 */ 
    border: 1px solid #aaa;
    border-radius: 5px;
    height: 25px;
    padding-left: 5px;
    width: 250px; }

.form-container input[type="file"] { border:none; background:none; }	
.form-container .form-group { margin-bottom: 25px; }

.newsletter_msg { display:none; float:left; padding-top:10px; }

.first-content-row .conf-row { float:none; padding-left: 5px;}
.divider-prod-top { width:98%; }

@media only screen and (max-width:1100px)
{
	.other-content-bg #wrapper { width: 100%; }
	footer { height:auto; }
	.wrapper { width: auto !important; padding:0px 10px; }	
	
	.slider-area { width: 100%; height:auto; }
	#slider { height:auto; margin-bottom:30px; }
	.slide img { left: 10px; }
	.slide h1 { font-size:28px; }
	.slide p { font-size:16px; line-height: 20px; }
	#slider section { float: right; padding-left:0px; width:50%; }
	.slide p { width:95%; }
	
	
	.footer-first-col { width: 25%; height:auto; }
	.footer-second-col { width:38%; margin-left:10%; height: auto; }
	.footer-second-col .leftcol, .footer-second-col .righttcol { width:50%; float:left; }
	.follow-us { width: 25%; }
	.copyrights { width: 100%; }
	
	.first-content-row { width: 17%; margin-left: 10px; }
	.first-content-row .news { width: 100%; }
	.conf-row { width: 100%; height: auto; }
	.conf-row img { width: 100%; height:auto; }
	.midmain-content { width: 60%; margin:0px 0px 0px 30px; }
	.midmain-content .first-servie-of-company { width:95%; padding-left:10px; }
	.servie-icon-large { width:20%; height:auto; }
	.midmain-content img.home-images { width: 100%; margin-left:0px; }
	.services-text { width:75%; margin-left:10px; }
	.services-text p { width: 100%; }
	.thirdcontent-row { width: 17%; margin-right:10px; }
	.thirdcontent-row img { width:100%; height:auto; }
	.events { width: 100%; }
	.events p { word-wrap: break-word; }
	.midmain-content p { width:98%; }
	
	#leftbit, #rightbit { width: 40%; }
	
	.slide_show { width:870px; margin-top:10px; background-color:#e7e7e7; padding:20px; margin-left:30px; border:1px solid #cbc8c8; margin-bottom:30px; }
	.slide_show h2 { margin-top:0px; margin-bottom:12px; text-align:center; }
	.slide_show iframe { width:810px;height:591.5px;max-width:100%;overflow:hidden;border:none;padding:0;margin:0;display:block; }
	.slide_show iframe.makati { height:680.5px; }
}
@media only screen and (max-width:1030px)
{
	#wrapper { width: 100%; }
	header h1 { width: 70%; }
	header h1 a { width:100%; }
	.hdr-rightside { width: 27%; margin-right:0px; }
	.search-area { width:auto; padding-left:0px; }
	.searchfld-bg { width: 70%; }
	#search-input { width: 100%; }
	.search-btn { float:left; }
	
	nav ul li a, nav ul li.pres a, .dropdown dt { padding-left:10px; padding-right:10px; }
	
	.slider-area { height:auto; width: auto; }
	
	footer #wrapper { padding-bottom:20px; }
	.footer-col1 { width: 42%; padding-left:10px; }
	.footer-col2 { width:20%; height:auto; margin-left:20px; }
	.social-icons-base { margin-right:10px; }
	.copyinfo { width:auto; padding:10px 0px 0px 10px; }
	
	.slide_show { width:870px; margin-top:10px; background-color:#e7e7e7; padding:20px; margin-left:30px; border:1px solid #cbc8c8; margin-bottom:30px; }
	.slide_show h2 { margin-top:0px; margin-bottom:12px; text-align:center; }
	.slide_show iframe { width:810px;height:591.5px;max-width:100%;overflow:hidden;border:none;padding:0;margin:0;display:block; }
	.slide_show iframe.makati { height:680.5px; }
	
	.midmain-content-prod tr td:first-child, .midmain-content-test tr td:first-child { width: 20%; }
	.midmain-content-prod tr td:first-child img, .midmain-content-test tr td:first-child img { width: 100%; height:auto; }
	.midmain-content-prod ul li, .midmain-content-test ul li { line-height: 10px; }
}

@media only screen and (max-width:959px)
{
   .banner, .bannercontainer{  width:95%; height:auto;}
    .bannershadow {width:95%;}
	/*.tp-caption.big_white { font-size: 22px; }
	.tp-caption.big_white a { width:auto; height:auto; line-height:normal; font-size:16px; padding:10px; margin-bottom:10px; }
	.tp-caption.big_white p { font-size:20px; }
	.tp-caption.very_big_white { line-height:18px; font-size: 17px; }
	.tp-caption.very_big_white a { width:auto; height:auto; }*/
	
	.slide_show { width:90%; margin-top:10px; margin-left:10px; }
	.slide_show iframe { width:100%; }
	
	.midmain-content .first-servie-of-company { height:auto; }
	#slider section a, #slider section a:hover { width: 100px; height:27px; background-size:100%; }
	#slider section a:hover { background-position: 0px -26px; }
}

@media only screen and (max-width:880px)
{
	.midmain-content-prod ul li, .midmain-content-test ul li { width:60%; }
}
@media only screen and (max-width:870px)
{
	.footer-second-col { margin-left:5%; width:32%; }
	.follow-us { width: 33%; }
	
	.center-content { margin:0px 10px 0px 10px; }
	.slide_show { width:90%; margin-top:10px; margin-left:10px; }
	.slide_show iframe.makati { height:650px; }
}

@media only screen and (max-width:767px)
{
  .banner, .bannercontainer{width:95%; height:auto;}  
  .bannershadow {width:95%;}
  .tp-caption.big_white a { width:auto; height:auto; line-height:normal; font-size:8px; padding:10px; margin-bottom:10px; }
  /*.tp-caption.big_white { font-size: 18px; }
  
  .tp-caption.very_big_white { font-size: 11px; padding: 0px; margin: 0px; border: 0px; line-height: 12px; left: 24.8281px; top: 294px; }
  
  .tp-caption.big_white p { font-size: 8px; }
  .tp-caption.very_big_white { line-height:normal; font-size: 9px; }*/
}
@media only screen and (max-width:479px)
{
   .banner, .bannercontainer{width:95%;height:auto;}
   .bannershadow {width:95%; margin-top:-5px;}
   /*.tp-caption.big_white { font-size: 14px; }
  .tp-caption.big_white a { width:auto; height:auto; line-height:10px; font-size:12px; padding:10px; margin-bottom:10px; }
  .tp-caption.big_white p { font-size:11px; }
  .tp-caption.very_big_white { line-height:11px; font-size: 11px; }*/
}
@media only screen and (max-width:850px)
{
	.footer-col1 { width: 35%; }
	.footer-col2 { width:22%; margin-left:30px; }
	.first-content-row, .thirdcontent-row { width: 16%; }
}
@media only screen and (max-width:810px)
{
	.hidedesktop { display:block; }
	nav ul { display:none; position:absolute; margin-top:50px; background-image: url(../../images/nav_bg.jpg); z-index: 99; width:100%; }
	nav ul li { float: none; }
	nav ul li a, nav ul li.pres a, .dropdown { width: 97%; padding-right:0px; }
	.dropdown dd { opacity:1; position:relative; overflow:initial; }
	.dropdown ul { width: 100%; padding-right: 0px; }
	.dropdown a, .dropdown a:active, .dropdown a:visited { width: 96%; padding-right:0px; }
	.dropdown a:hover { padding-right:0px; }
}
@media only screen and (max-width:767px)
{
	.hidemobile_sidebar { display:none; }
	.hidedesktop_sidebar { display:block; }
	
	header h1 { width: 65%; background-size:100%; }
	.hdr-rightside { width:32%; }
	.hlines #wrapper { padding-top:15px; }
	
	.slide h1 { font-size:24px; }
	
	.footer-first-col { width: 35%; }
	.footer-second-col { width:20%; margin-left:5%; }
	.footer-second-col .leftcol, .footer-second-col .righttcol { width:100%; } 
	.follow-us { width:35%; }
	
	.midmain-content { width:98%; margin-left:10px; }
	.servie-icon-large { width: 100px; }
	.services-text p  {width: 98%; }
	.first-content-row, .thirdcontent-row { width:45%; }
	.thirdcontent-row { margin-right:20px; }
	
	.footer-col1 { width: 98%; height:auto; }
	.footer-col1 p { padding-top: 20px; padding-bottom:20px; }
	.footer-col2 { width:55%; margin-left:10px; padding-top:20px; }
	.social-icons-base { margin-right: 20px; margin-top: 45px; }
	
	.slide_show { width:90%; margin-top:10px; margin-left:10px; }
	.slide_show h2 { font-size: 18px; }
	.slide_show iframe { width:100%; height:470px; }
	.slide_show iframe.makati { height:590px; }
	
	.form-container { width: 90%; }
	
	.midmain-content-prod ul li { width:35%; }
	.midmain-content-test ul li {width: 70%; }
}
@media only screen and (max-width:650px)
{
	header h1 { width: 60%; }
	.hdr-rightside { width: 37%; }
	
	.footer-col2 { width: 40%; }
	.footer-col2 a { width: 100%; }
	.social-icons-base { width:52%; margin-top:75px; margin-right: 10px; }
	.social-icons-base img { float:none; display:inline;}
	
	.slide h1 { font-size:22px; }
	.slide p { font-size:14px; line-height: 16px; padding-bottom:5px; }
	#slider section a, #slider section a:hover { width: 65px; height:17px; background-size:100%; }
	#slider section a:hover { background-position: 0px -17px; }
	
	.slide_show h2 { font-size: 18px; }
	.slide_show iframe { width:100%; height:400px; }
	.slide_show iframe.makati { height:500px; }
	
	.form-container { width: 85%; }
}

@media only screen and (max-width:650px)
{
	.footer-first-col { width: 100%; }
	.footer-second-col { width:100%; margin-left:0px; }
	.footer-second-col .leftcol, .footer-second-col .righttcol { width:50%; float:left; }
	.follow-us { width:100%; margin-bottom:20px; }
}
@media only screen and (max-width:545px)
{
	.hlines #wrapper { padding-top:0px; }
	.search-area form { position:absolute; left:50%; margin-left:-25%; margin-top:35px; }
	.service-text-details { width: 70%; }
	
	
	
	.slide_show h2 { font-size: 18px; }
	.slide_show iframe { width:100%; height:340px; }
	.slide_show iframe.makati { height:400px; }
}
@media only screen and (max-width:520px)
{
	.footer-col2 { width: 95%; }
	.social-icons-base { width:95%; margin-top:35px; float:left; margin-left:10px;}
	.social-icons-base img { float:none; display:inline;}
	.f-submit-area { width:95%; }
	
	.slide h1 { font-size:18px; }
	.slide p { font-size:10px; line-height: 12px; padding-bottom:7px; }
}
@media only screen and (max-width:505px)
{
	.services-text { margin-left:0px; width: 70%; }
	.first-content-row, .thirdcontent-row { width: 42%; }
}
@media only screen and (max-width:452px)
{
	.service-text-details { width: 65%; }
	
	.slide_show h2 { font-size: 18px; }
	.slide_show iframe { width:100%; height:270px; }
	.slide_show iframe.makati { height:300px; }
}
@media only screen and (max-width:450px)
{
	header h1 { width: 75%; margin-top:45px; }
	.search-area #google_translate_element { position:absolute; top: 0px; margin-top:6px; right:10px; }
	.search-area form { margin-top: -23px; margin-left: -30%; }
	
	.form-container { width: 82%; }
}
@media only screen and (max-width:400px)
{
	.first-servie-of-company { background-repeat:repeat; }
	.servie-icon-large { width:100%; text-align: center; }
	.midmain-content img.home-images { width: 100px; float:none; display:inline; }
	.services-text { width: 100%; }
	
	.slide h1 { font-size:12px; }
	.slide p { font-size:8px; line-height: 10px; padding-bottom:7px; }
}
@media only screen and (max-width:390px)
{
	.service-text-details { width: 60%; }
}
@media only screen and (max-width:350px)
{
	.form-container { width: 77%; }
}
@media only screen and (max-width:340px)
{
	.servie-icon-large { width: 100%; text-align:center; }
	.center-content img { width:110px; float:none; }
	.service-text-details { width : 90%; }
}