/*
Theme Name: Slrm
Theme URI: http://wordpress.org/themes/twentytwelve
Author: the WordPress team
Author URI: http://wordpress.org/
Description: The 2012 theme for WordPress is a fully responsive theme that looks great on any device. Features include a front page template with its own widgets, an optional display font, styling for post formats on both index and single views, and an optional no-sidebar page template. Make it yours with a custom menu, header image, and background.
Version: 1.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: light, gray, white, one-column, two-columns, right-sidebar, fluid-layout, responsive-layout, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready
Text Domain: twentytwelve

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/* =Notes
--------------------------------------------------------------
This stylesheet uses rem values with a pixel fallback. The rem
values (and line heights) are calculated using two variables:

$rembase:     14;
$line-height: 24;

---------- Examples

* Use a pixel value with a rem fallback for font-size, padding, margins, etc.
	padding: 5px 0;
	padding: 0.357142857rem 0; (5 / $rembase)

* Set a font-size and then set a line-height based on the font-size
	font-size: 16px
	font-size: 1.142857143rem; (16 / $rembase)
	line-height: 1.5; ($line-height / 16)

---------- Vertical spacing

Vertical spacing between most elements should use 24px or 48px
to maintain vertical rhythm:

.my-new-div {
	margin: 24px 0;
	margin: 1.714285714rem 0; ( 24 / $rembase )
}

---------- Further reading

http://snook.ca/archives/html_and_css/font-size-with-rem
http://blog.typekit.com/2011/11/09/type-study-sizing-the-legible-letter/


/* =Reset
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;vertical-align: baseline;}
textarea:focus, input:focus{outline: none;}
::-webkit-input-placeholder {color:#000;}
body{font-family: 'Roboto', sans-serif;  font-weight:400; font-size:20px; margin:0; padding:0; overflow-x:hidden;}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */color: pink;}
::-moz-placeholder { /* Firefox 19+ */color: pink;}
:-ms-input-placeholder { /* IE 10+ */color: pink;}
:-moz-placeholder { /* Firefox 18- */color: pink;}
a{transition: all 0.3s linear 0s;}
.container{width:1200px; margin:0 auto;}
/*header{position:absolute; top:0;display:block; width:100%; z-index: 1;}*/
header{ float:left; width:100%; background: #fff;}
header .left {float: left; width:12%; padding:1px 0 1px 0;}
header .right {float: right;width: 83%;}
h2.easylogo{margin:0; text-align:left !important;}
.header-top{float:right; width:136px; height: 32px;  margin:0 0px 12px 0;}
.header-top ul{list-style-type:none; vertical-align: top; float: right; display:inline-flex;}
.header-top li{list-style-type:none; display: inline-block; margin: 0 4px 0 0; padding:0; font-size:14px;}
.header-top li a{color:#fff; text-decoration:none; display:inline-flex;}
.dwnload-link {background: url(images/pdf-icn.png) no-repeat;padding:6px 31px 6px 22px;background-position: right;line-height: 19px;}

.header-top li:last-child{margin:0;}
.social-link img:hover{opacity:0.8;}
.nav-div{float:left; width:100%;}
.nav-div  nav .menu-main-navigation-container .nav-menu li{display:inline;}
.nav-div  nav .menu-main-navigation-container .nav-menu li:last-child{padding:0;}
.nav-menu{float: right; font-family: 'Roboto', sans-serif;  font-size: 18px;}
.nav-menu a{color:#000; text-decoration:none; font-size:18px; padding:11px 16px; display: inline-block; font-weight:300;} 
.nav-menu a:hover{background:#4c4c4c; color:#fff;}
.nav-menu a:focus{background:#4c4c4c; color:#fff;}
.nav-menu a:active{background:#4c4c4c; color:#fff;}
.current-menu-item a{background:#4c4c4c !important; color:#fff;}
.footer .current-menu-item a{background:none !important;}

.slider {/*overflow:hidden;*/ float:left; width:100%;}

.slider .container{position:relative;}
.slider .metaslider .caption-wrap {background: none;position: relative;bottom: 32px;width: 1170px;left: auto;margin: 0 auto;z-index: 99999999999999; opacity: 1;}
.slider .metaslider .caption {padding: 21px 27px;word-wrap: break-word;position: absolute;bottom: 0;background-color:rgba(161, 38, 49, 0.86); width: 433px;right: 0;}
#main {float: left;width: 100%;}
a, a:hover{outline:none;}

.slider .metaslider .caption-wrap h1 {font-family: 'Roboto', sans-serif;font-size:62px;margin: 21px 0;display: block;font-weight:bold; color:#fff;}
.slider .metaslider .caption-wrap h2{font-family: 'Roboto', sans-serif; font-size:35px; margin:2px 0; display:inline-block; font-weight:300; text-align:left; width:100%; color:#fff;}
.slider .metaslider .caption-wrap p {text-align:left;font-family: 'Roboto', sans-serif;font-size: 16px;padding:10px 0 16px 0;
line-height:22px; color:#fff;}

.slider .flexslider{margin:0 !important;}
.footer{background:rgba(56, 56, 56, 0.9) url(images/inner-pg-footer-bg.jpg); display: inline-block; width: 100%; font-family: 'Roboto', sans-serif; box-sizing: border-box; color:#989a97; font-size:14px; line-height: 20px; padding:0; font-weight: 500; }

.home .footer .container{padding: 24px 24px 0px 24px; box-sizing: border-box;  display:inline-block;}


.footer p{font-family: 'Roboto', sans-serif; color:#989a97; font-weight: 500;}
.footer-logo{ float:left; width:257px;}
/*.footer-bg {display: flex;}*/
.footer-info{float:left; width:45%; padding:0 0 0 10px; box-sizing:border-box; }
.footer-nav{float:left; width:35%;}
.footer-social{float:left; width:20%;}
.footer .footer-info h2, .footer .footer-nav h2, .footer .footer-social h2{color:#fff; margin: 10px 0; margin: 35px 0 10px 0; font-size: 14px; font-weight:500; line-height: 13px;}
.home .footer {position: absolute;bottom: 0;box-sizing: border-box;left: 0;right: 0;margin: auto; width:1200px;background:rgba(56, 56, 56, 0.9); padding:0; display: block; }
.footer-bg .container{display:flex; padding:24px 24px 0px 24px; box-sizing: border-box;}
.footer a{color:#989a97; font-size:14px; text-decoration:none;}
.footer a:hover{text-decoration:underline;}
.footer ul{ list-style-type:none; font-family: 'Roboto', sans-serif;}
.f-info{margin: 10px 0;}
.f-info  li{padding: 7px 0 5px 31px; background-position:0px 12px;}
.ph{background:url(images/ph-icn.png) no-repeat;}
.mail{background:url(images/f-mail-icn.png) no-repeat;}
.fx{background:url(images/fax-icn.png) no-repeat;}

.home .footer-bg{background:url(images/hm-footer-bg.jpg) no-repeat; height:494px; position:relative; background-size: 100%; float:left; width:100%;}
.footer-right {float: left;width: 895px;}
.footer-nav .left{ float:left; width:40%;}
.footer-nav .right{float:left; width: 46%;}

.copyright-text {font-size: 12px;float: left;width: 100%;background: #4b4b4b;padding: 10px; margin:10px 0 0 0;}
.copyright-text span{color:#fff;}
.footer-social-links{}
.footer-social-links li {padding: 6px 0 7px 40px;line-height: 20px;background-position: 0px 3px;}
.foot-fb{background:url(images/foot-fb.png) no-repeat;}
.foot-tw{background:url(images/foot-tw.png) no-repeat;}
.foot-in{background:url(images/foot-in.png) no-repeat;}

.footer-logo #widget_sp_image-2 {margin: 0px 0 43px 0;}

.heading{color:#4b4b4b; font-size:36px; font-family: 'Roboto', sans-serif; font-weight:100;} 
.hm-pg-section1 p{font-family: 'Roboto', sans-serif; font-size:16px; color:#4b4b4b;}
.hm-pg-section1 p span{color:#2e2e2e; font-size:20px; font-weight:normal;}
.btn {border: solid 1px #a12631;padding: 0px 0px 0px 50px;display: inline-block;margin:25px 0 0 0;height:46px;width:150px;
line-height: 42px;color: #a12631;text-decoration: none; background:url(images/btn-arrw.png) no-repeat; background-position: 13px 10px;}
.btn:hover{background:#a12631 url(images/btn-arrw-h.png) no-repeat; background-position: 13px 10px; color:#fff;}

.section2-h{color:#fff; font-size:36px; font-family: 'Roboto', sans-serif; font-weight:100;}

.bg-list{}
.bg-list ul{}
.bg-list li {display: inline;text-decoration: none; line-height: 54px;
width: 364px;float: left; font-size: 18px;margin:0 18px 14px 0;
background:url(images/nav-bg.jpg) repeat-x;}
.bg-list li a{text-decoration:none; color:#343434; font-size:16px; font-weight:bold; background:url(images/red-bull.png) no-repeat; padding:0 0 0 41px; background-position:19px 5px; }
.bg-list li a:hover{opacity:1;z-index:99999; position:relative;}
.bg-list li:hover{opacity:0.8; }

.bg-list li:nth-child(3){margin-right:0;}
.bg-list li:nth-child(6){margin-right:0;}
.bg-list li:nth-child(9){margin-right:0;}
.bg-list li:nth-child(12){margin-right:0;}
.bg-list li:nth-child(15){margin-right:0;}
.height{height:400px;}

.img-pos{position:relative;}
.versatile-product-content{position: absolute;top: 16px;z-index: 9999;color: #fff;width: 100%;box-sizing: border-box;
width: 512px;height:471px;}

.corporate-content{position: absolute;top: 16px;z-index: 9999;color: #fff;width: 100%;box-sizing: border-box;
width: 620px;height:471px;}
.text-1 {position: absolute; left:25px;top:35px;font-size: 36px; line-height: 14px; margin:20px 0 0 0;}
.text-1 span{font-size:24px;}
.text-1 p {font-size: 16px;line-height: 20px;margin: 22px 0 0 0;}
.btn-pos{position: absolute;bottom:0px; left: 25px;}
.btn-pos{position: absolute;bottom:0px;}
.btn2 {border: solid 1px #a12631;padding:0px 23px 0px 50px;display: inline-block;margin:25px 0 0 0;height:46px;
line-height: 42px;color: #fff;text-decoration: none; background:#a12631 url(images/btn-arrw-h.png) no-repeat; background-position: 13px 10px; font-size:16px;}
.btn2:hover{background:url(images/btn-arrw.png) no-repeat; background-position: 13px 10px; color:#fff; border: solid 1px #a12631;}

.brand-head {text-align: center; position:relative; margin: 20px 0 0 0;}
.brand-head span {font-family: 'Roboto', sans-serif; background: #e7e7e7;position: relative;padding:0 14px; color:#282828; font-size:36px; font-weight:100;}
.brand-head:before{position:absolute; width:100%; background:#989a97; height:1px; content:""; top: 50%; left:0; z-index: 0;}
.image-left{ position:relative; height:447px;}
.image-left-content {
    position: relative;
    float: left;
    width: 100%;
	height:447px;
	font-family: 'Roboto', sans-serif; font-weight:100;
}

.image-right-content {
    position: relative;
    float: left;
    width: 100%;
	height:447px;
	font-family: 'Roboto', sans-serif; font-weight:100;
}
p{font-size:15px; margin: 10px 0; font-weight: 300; color:#4b4b4b; line-height: 25px;}
.image-left-content .text-1 {position: absolute; top:30px;font-size: 36px; line-height: 29px; margin:0;box-sizing: border-box; color: #fff;}
.image-left-content .text-2{font-size:24px; position: absolute; left:30px; top:45px;line-height: 29px; margin:20px 0 0 0;box-sizing: border-box; color: #fff; font-weight: 500;}
.image-left-content .text-1 p {font-size: 36px;line-height: 11px;margin: 22px 0 0 0;}
.image-left-content .btn-pos, .image-right-content .btn-pos{position: absolute; bottom:0px; left:24px;}

.image-right{height:447px;}
.image-right-content .text-1 {position: absolute; top:30px;font-size: 36px; line-height: 29px; margin:0;box-sizing: border-box; color: #fff;}
.image-right-content .text-2{font-size:16px; position: absolute; left:27px; top:52px;line-height:20px; margin:20px 69px 0px 0px;box-sizing: border-box; color: #fff; font-weight: 400;}
.header-image {height:450px;position: relative;background-repeat: no-repeat;background-size:100% auto; width:100%;    background-position: center top;}
.slider .heading-div{position:absolute; bottom:0px; width: 100%; background:rgba(93, 92, 92, 0.84);}
.slider .header-image h1.entry-title {font-family: 'Roboto', sans-serif;font-weight: 100;color: #fff;font-size: 66px;line-height: 53px;}
.breadcrumbs-div {background: #cfcfcf;padding: 18px 0;border-bottom: solid 1px #cfcfcf;margin: 0 0 20px 0;font-size: 14px;float: left;width: 100%;}
.breadcrumbs-div .breadcrumb a{color:#a12631; text-decoration:none; margin:0 12px 0 0px;}
.main-content{text-align:justify;}
h2{color:#4b4b4b; font-size:48px; font-weight:300; line-height: 39px; margin: 0 0 20px 0;}
.headline {font-weight: 100;font-size: 22px;font-weight: 300; margin:0;line-height: 37px;color: #4b4b4b;}

h3{color:#4b4b4b; font-size:36px; font-weight:300; line-height: 39px;}

h4{color:#4b4b4b; font-size:22px; font-weight:400; margin:20px 0 10px 0;}
.main-content p{font-size:15px; margin: 10px 0; font-weight: 300; color:#4b4b4b; line-height: 25px;}
.contact-left{border:solid 2px #ececec;background:url(images/contact-icn.png) no-repeat; background-position: right bottom; padding:20px; box-sizing:border-box; text-align:left;}

.contact-head{font-size:18px; color:#1d1d1d;}

.contact-left .fl-module-content{margin:0;}

.contact-left p{font-size:14px; line-height: 20px; margin: 20px 0;}

.arrw-link {color: #a12631;font-size: 16px;background: url(images/arrw.png) no-repeat;text-decoration: none;background-position: right;padding: 0 20px 0 0;font-weight: 400;}

.left-menu li{list-style-type:none;}

.left-menu li a{color:#3a3a3a; text-decoration:none; font-size:16px; background:#f5f2f2 url(images/arrw-gry.png) no-repeat; display: block; padding:14px 7px 12px 18px; margin: 0 0 5px 0; background-position: 261px center;  border-left:solid 6px rgba(255, 115, 0, 0);}



.left-menu li a:hover{color:#fff; background:#a12631 url(images/arrw-wht.png) no-repeat; background-position: 261px center; border-left: solid 6px #ff7300; padding:14px 7px 12px 18px; background-position: 255px center;}

.left-menu .current-menu-item a{color:#fff; background:#a12631 url(images/arrw-wht.png) no-repeat; background-position: 261px center; border-left: solid 6px #ff7300; padding:14px 7px 12px 18px; background-position: 255px center;}
.left-menu .current-menu-item a:hover{background-position: 255px center;}
.simple-tab{font-size:18px; font-weight:300;}
.simple-tab tr{border-bottom:solid 1px #c9c9c9;}
.simple-tab th, .simple-tab td{padding:13px 14px; border-bottom:solid 1px #c9c9c9;}
.simple-tab th{font-size:18px; font-weight:400;}
.simple-tab td{font-size:15px; text-align:left; }
.simple-tab tr:last-child td{border:none;}
.def-bor{border:solid 1px #cccccc;}
.current-opening{}
.current-opening ul{margin:10px 0 0 0; padding:0;}
.current-opening li {background: url(images/red-bull.png) no-repeat;list-style-type: none;font-size: 15px;background-position: 4px 12px;color: #a12631;padding:8px 0px 8px 30px;}
.inp-l, .inp-r , .inp-f{margin: 0 0 13px 0;}
.inp-l {float: left;width: 49%; }
.inp-r{float: right;width: 49%; }
.inp-f{float: left;width:100%; }
.apply-online-form{font-family: 'Roboto', sans-serif;}
.apply-online-form input{width:100%; border:solid 1px #cccccc; padding: 13px;  font-size:15px; font-family: 'Roboto', sans-serif; color:#9a9a9a; font-weight:300; box-shadow:none; -webkit-box-shadow:none !important; -webkit-appearance: none;
-moz-appearance: none;
appearance: none; -webkit-border-radius:0;}
.apply-online-form select{background: url(images/drop-dwn.png) no-repeat; background-position:right 22px; width:100%; border:solid 1px #cccccc; padding: 12px; font-size:15px; font-family: 'Roboto', sans-serif; color:#9a9a9a; font-weight:300; box-shadow:none; -webkit-box-shadow:none !important; -webkit-appearance: none;
-moz-appearance: none;
appearance: none; -webkit-border-radius:0;}
.apply-online-form textarea{width:100%; border:solid 1px #cccccc; padding: 13px; height:150px; font-size:15px; font-family: 'Roboto', sans-serif;color:#9a9a9a; font-weight:300; box-shadow:none; -webkit-box-shadow:none !important; -webkit-appearance: none;
-moz-appearance: none;
appearance: none; -webkit-border-radius:0;}
.apply-online-form input[type="file"]{padding: 10px; }
.apply-online-form .submit-btn {background: #a12631; cursor:pointer; border: none;border-radius: 12px;color: #fff;font-size: 18px;
font-weight: 400;text-transform: uppercase;width: 236px;padding: 6px;height: 46px; margin-top:10px; float:left;}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #9a9a9a;
  opacity:1;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #9a9a9a;
    opacity:1;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #9a9a9a;
    opacity:1;
}
:-moz-placeholder { /* Firefox 18- */
  color: #9a9a9a;
}

.contact-pg-info{border:solid 1px #cccccc;}

.contact-pg-info .pp-infobox-title{text-align:left;}

.info{text-align:left; font-size:15px; color:#4b4b4b;}

.contact-list ul{text-align: left;  margin: 15px 0 0 0;}
.contact-list li {list-style-type: none;color: #4b4b4b;font-size: 15px;margin: 0 0 15px 0;padding:0 0 0 30px;line-height: 21px; background-position: -3px 0px;}
.contact-list li a{color:#4b4b4b; text-decoration:none;}
.contact-list li a:hover{text-decoration:none; color:#a12631}

.ph2-icn{background:url(images/ph2-icn.png) no-repeat;}
.fax2-icn{background:url(images/fax-icn.png) no-repeat;}
.mail2-icn{background:url(images/mail2-icn.png) no-repeat;}

.ph-l-icn{background:url(images/ph-l-icn.png) no-repeat; display: flex; padding: 4px 0 0 40px !important;}
.ph-l-icn span.ph-text {float: right;text-align: right;display: inline-block;padding: 0 20px;}
.fax-l-icn{background:url(images/fax-l-icn.png) no-repeat; display: flex; padding: 4px 0 0 40px !important;}
.fax-l-icn span.fax-text {float: right;text-align: right;display: inline-block;padding: 0 41px;}

.mail-l-icn{background:url(images/mail-l-icn.png) no-repeat; display: flex; padding: 4px 0 0 40px !important;}
.mail-l-icn span.mail-text {float: right;text-align: left;display: inline-block;padding: 0 20px;}
div.wpcf7-validation-errors {border: 2px solid #f7e700;float: left;width: 100%;}
span.wpcf7-not-valid-tip {color: #f00;font-size: 1em;display: block;float: left;font-size: 14px;}

.steel td, .steel th{padding:20px; text-align:left; }
.steel th{background:#a12631; font-size:22px; color:#f5f1f1; font-weight:400;}
.steel td{font-size:14px; text-transform:uppercase; font-weight:300; border:solid 1px #cccccc; border-top:0; border-left:0; padding:26px 10px;}
.steel tr td:nth-child(1){ border-left:solid 1px #cccccc;}
.steel tr.bg1 td:nth-child(even){background:#fff;}
.steel tr.bg1 td:nth-child(odd){background:#f5f1f1;}
.steel tr.bg2 td:nth-child(even){background:#f5f1f1;}
.steel tr.bg2 td:nth-child(odd){background:#fff;}


.pro-range td, .pro-range th{padding:20px; text-align:left; }
.pro-range th{background:#a12631; font-size:22px; color:#f5f1f1; font-weight:400;}
.pro-range td{font-size:14px; font-weight:300; border:solid 1px #cccccc; border-top:0; border-left:0; padding:26px 10px; color:#3a3a3a; line-height: 25px; height: 154px;}
.pro-range td span.title {font-weight: 400;}
.pro-range tr td:nth-child(1){ border-left:solid 1px #cccccc;}
.img-bg{width:9%; background:#eeeeee; position:relative;}
.img-bg img {position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;}


.alloy-steel{}
.alloy-steel td, .alloy-steel th{padding:20px; text-align:left; }
.alloy-steel th{background:#a12631; font-size:22px; color:#f5f1f1; font-weight:400;}
.alloy-steel td{font-size:14px; text-transform:uppercase; font-weight:300; border:solid 1px #cccccc; border-top:0; border-left:0; padding:26px 10px; color:#3a3a3a; line-height: 25px;}
.alloy-steel tr td:nth-child(1){ border-left:solid 1px #cccccc;}
.alloy-steel li {display: inline;border-bottom: solid 1px #cccccc;padding: 5px;width: 28.3%;float: left;margin: 5px 28px;}
.alloy-steel li:nth-child(3){margin-right:0;}
.alloy-steel li:nth-child(6){margin-right:0;}
.alloy-steel li:nth-child(9){margin-right:0;}
.alloy-steel li:nth-child(12){margin-right:0;}
.alloy-steel li:nth-child(15){margin-right:0;}
.alloy-steel li:nth-child(18){margin-right:0;}
.alloy-steel li:nth-child(21){margin-right:0;}
.alloy-steel li:nth-child(13){border:none;}
.alloy-steel li:nth-child(14){border:none;}
.alloy-steel img{vertical-align:middle;}
.alloy-test {padding: 10px;}


a {
	-moz-transition:color 0.3s ease-out;
	-webkit-transition:color 0.3s ease-out;
	-o-transition:color 0.3s ease-out;
	transition:color 0.3s ease-out;
}
/* MENU STYLE */

.nav-div ul {
	margin:0;
	padding:0;
}

.nav-div ul li {
	float:left;
	position:relative;
	list-style:none;
	margin:0;
	padding:0;
	text-align:center;
}



.nav-div ul li a {
	text-decoration:none;
	display:block;
}


.nav-div ul li span { 
	background:url(https://slrm.co.in/wp-content/themes/slrm/arrow.png) center no-repeat;
	height:10px;
	position:absolute;
	text-indent:-9999px;
	top:10px;
	right:5px;
	width:10px;
}

sup {position: relative;top: -4px;}

.nav-div ul li span.arrow {
	background-position:0 2px;
}

.nav-div ul li span.arrow-right {
	background-position:-10px 2px;
}

.nav-div ul li ul.sub-menu { /* FIRST SUB-MENU STYLE */
	float:left;
	list-style:none;
	margin:0;
	padding:0;
	position:absolute;
	left:0px;
	top:46px;
	background:#222;
	width:302px;
	opacity:0;
	z-index: 9;
	visibility:hidden; /* Avoids being selected even if the opacity is set to 0 */
        
        /* CSS3 Multiple Transitions */

	-moz-transition:opacity 0.2s 0.1s ease-out, visibility 0.1s 0.1s linear; 
	-webkit-transition:opacity 0.3s ease-out, visibility 0.1s 0.1s linear;
	-o-transition:opacity 0.3s ease-out, visibility 0.1s 0.1s linear;
	transition:opacity 0.3s ease-out, visibility 0.1s 0.1s linear;
}

.nav-div ul li ul.sub-menu li {
	border:none;
	border-bottom:1px solid rgba(204, 204, 204, 0.62);
	clear:both;
	margin-top:-15px;
	padding:0;
	width:302px;
	text-align:left;
	-moz-transition:opacity 0.1s 0.15s ease-out, margin 0.3s 0.1s ease-out;
	-webkit-transition:opacity 0.1s 0.15s ease-out, margin 0.3s 0.1s ease-out;
	-o-transition:opacity 0.15s 0.15s ease-out, margin 0.3s 0.1s ease-out;
	transition:opacity 0.15s 0.15s ease-out, margin 0.3s 0.1s ease-out;
}

.nav-div ul li ul.sub-menu li:last-child{border:none;}

.nav-div ul li ul.sub-menu li a {
	color:rgba(255,255,255,0); background:#4c4c4c;
}

.nav-div ul li:hover ul.sub-menu {
	opacity:1;
	visibility:visible;
}

.nav-div ul li:hover ul.sub-menu li {
	margin-top:0;
	opacity:1;
}

.nav-div ul li:hover ul.sub-menu li a {
	color:rgba(255, 255, 255, 0.75);	
	-moz-transition:color 0.1s ease-out;
	-webkit-transition:color 0.1s ease-out;
	-o-transition:color 0.1s ease-out;
	transition:color 0.1s ease-out;
}

.nav-div ul li:hover ul.sub-menu li a:hover {
	color:rgba(255,255,255,1);	
	-moz-transition:color 0.3s ease-out;
	-webkit-transition:color 0.3s ease-out;
	-o-transition:color 0.3s ease-out;
	transition:color 0.3s ease-out;
}

.nav-div ul li:hover ul.sub-menu li:hover > a { 
        /* ACTIVATE LINK SUB-MENU WHEN THE MOUSE OVER SUBSUB-MENU */
	color:#fff;
}

/* SUB-MENU SUB STYLE */
.nav-div ul li ul.sub-menu li ul.subsub-menu {
	float:left;
	list-style:none;
	margin:0;
	padding:0;
	position:absolute;
	left:61px;
	top:0px;
	background:#222;
	width:90px;
	opacity:0;
	visibility:hidden;
	-moz-transition:opacity 0.2s 0.01s ease-in-out, left 0.2s 0.1s ease-out, visibility 0.1s 0.1s linear;
	-webkit-transition:opacity 0.2s 0.01s ease-in-out, left 0.2s 0.1s ease-out, visibility 0.1s 0.1s linear;
	-o-transition:opacity 0.2s 0.01s ease-in-out, left 0.2s 0.1s ease-out, visibility 0.1s 0.1s linear;
	transition:opacity 0.2s 0.01s ease-in-out, left 0.2s 0.1s ease-out, visibility 0.1s 0.1s linear;
}

.nav-div ul li ul.sub-menu li ul.subsub-menu li{
	border:none;
	border-bottom:1px solid #ccc;
	clear:both;
	margin:0;
	padding:0;
	width:90px;
	opacity:1;
}

.nav-div ul li ul.sub-menu li:hover ul.subsub-menu {
	opacity:1;
	left:91px;
	visibility:visible;
}


.nav-div ul li a:active {
    background:#4c4c4c;
    color: #fff ;
}

.nav-div ul li:hover > a{ background:#4c4c4c; color: #fff ;}

.main-navigation .current-page-ancestor a, .main-navigation .current-menu-ancestor a{background: #4c4c4c; color: #fff !important;}

.bullets{margin:0; padding:0;}

.bullets li{ background: url(images/bullets.png) no-repeat;
    list-style-type: none;
    background-position: left;
    padding: 0px 10px 10px 33px;
    color: #717989;
    font-weight: 300;
    font-size: 15px;
    background-position: 0 1px;
    margin: 5px 0 5px 0;}

.quality  p {color: #a12631;font-size: 18px;margin: 18px 0;}
.quality-section {
    margin: 20px 0;
}
.mfp-close{color:#000 !important;}
.csr-gallery .mfp-bottom-bar{display:none !important;}

.pro-img{}
.pro-img img{}

.border .uabb-separator{border-top: 1px dashed #ccc !important;}

.site-content{min-height:500px;}
.mfp-bottom-bar{display:block;}

.red-bull-list{margin:0 0 10px 0; padding:0;}
.red-bull-list li {background: url(images/red-bull.png) no-repeat;list-style-type: none;font-size: 15px;background-position: 4px 12px;color: #a12631;padding:8px 0px 8px 30px; text-align: left;}

.left-col .fl-module-content{margin-left: 0;}
.right-col .fl-module-content{margin-right: 0;}
.full-col .fl-module-content{margin:0 !important;}

.page-template-default .aigpl-gallery-album-wrp .aigpl-img-wrp::after {border-width: 0px !important;}
.page-template-default .aigpl-album-design-1 .aigpl-img-title{color: #a12631;
font-weight: 400;}
.page-template-default .aigpl-img-count{ font-style:normal; font-size: 14px}
/*.page-template-default .mfp-title{display:none;}*/
.page-template-default .aigpl-design-1 .aigpl-img-wrp::after {border-width: 4px !important;bottom: -7px;content: " ";left: -7px;position: absolute;right: 11px;top: 5px;border-style: none none double double !important;border-color: #ccc;z-index: -1;}
.page-template-default .aigpl-design-1 .aigpl-img-wrp{border: 1px solid #ccc;padding: 5px;z-index: 1;}
.page-template-default .aigpl-breadcrumb-wrp{padding: 0px 10px 20px 10px; font-size: 16px;}
.page-template-default .aigpl-breadcrumb-wrp a{color:#a12631;}
/*.page-template-default .aigpl-col-3 {width: 25%;}
.page-template-default .aigpl-album-design-1 .aigpl-img-wrp, .page-template-default .aigpl-design-1 .aigpl-img-wrp {height: 250px;}*/

.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close{right:15px; top:10px; width:auto;}
.mfp-close:hover{top:10px !important;}
img.mfp-img{border:solid 2px #fff;}

.aigpl-img-title.aigpl-center {font-size: 15px;font-weight: normal;color: #a12631;}

.aigpl-img-desc p{font-size: 15px;text-align: left;}

.download-brouchure {position: absolute;bottom:26px;right:0px; width: 121px; height: 150px; right: 20px;}

ul.sub-menu li:hover .nav-div ul li:active{background:#000;}

.nav-div ul li:hover ul.sub-menu li:hover .nav-menu li:active{background:#000;}

.success-wrap{float:left;}

.cross {position: absolute;right: -21px;top: -13px;cursor: pointer;font-size:17px;color: #fff;text-align: center;line-height: 20px}
.cross:hover{ opacity:0.8;}
.pop-up-container {background-color:rgba(0, 0, 0, 0.73); bottom: 0;float: left;height: 100%;left: 0;position: fixed;right: 0;top: 0;widt: 100%; display:none; z-index: 9999999;}
.popup-content{ padding:33px 20px 0 20px;}
.popup {width:713px;background-color: #ffffff;bottom: auto;box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);left: 50%;margin: 0;padding: 0;position: fixed;right: auto;top: 50%;transform: translate(-50%, -50%);z-index: 9999999;height:350px;}
.click-btn {margin: 41px 0 0;}
body.page-template-landing-page{/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,dddbdb+100 */
background: #dddbdb; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #dddbdb 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #ffffff 0%,#dddbdb 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ffffff 0%,#dddbdb 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dddbdb',GradientType=0 ); /* IE6-9 */}
html{height:100%; min-height:600px; }
.landing-logo {margin:20px 0 59px 0;}
.landing-content{text-align:center; width:100%;}
.landing-content h1{ color:#3e3e3e; font-size:60px; font-weight:100; border-bottom:solid 1px #3e3e3e; display: inline-block; padding-bottom: 12px;}
.head-style{position:relative;}
.head-style:after{position: absolute;content: "";width: 13px;height: 13px;background:#3e3e3e;left: 50%;bottom: -6px;  -ms-transform: rotate(44deg); /* IE 9 */
    -webkit-transform: rotate(44deg); /* Chrome, Safari, Opera */
    transform: rotate(44deg);}
	
.invites {font-size:42px;color: #3e3e3e;margin: 31px 0;font-size: 34px;text-transform: uppercase;font-weight: 400;}
.landing-content p{font-size: 34px;color: #3e3e3e; font-weight:100; margin: 20px 0 28px 0;}
.hvr-float-shadow {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
}

.hvr-float-shadow {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
	font-weight: 300;
}
[class^="hvr-"] {
margin: 10px;
padding: 10px 24px;
    cursor: pointer;
   /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c12836+0,a22631+100 */
background: #c12836; /* Old browsers */
background: -moz-linear-gradient(top, #c12836 0%, #a22631 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #c12836 0%,#a22631 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #c12836 0%,#a22631 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c12836', endColorstr='#a22631',GradientType=0 ); /* IE6-9 */
    text-decoration: none;
    color: #fff;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.hvr-float-shadow::before {
    pointer-events: none;
    position: absolute;
    z-index: -1;
    content: '';
    top: 100%;
    left: 5%;
    height: 10px;
    width: 90%;
    opacity: 0;
    background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, transparent 80%);
    background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, transparent 80%);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform, opacity;
    transition-property: transform, opacity;
}

.hvr-float-shadow:hover::before, .hvr-float-shadow:focus::before, .hvr-float-shadow:active::before {
    opacity: 1;
    -webkit-transform: translateY(5px);
    transform: translateY(5px);
}

.hvr-float-shadow:hover, .hvr-float-shadow:focus, .hvr-float-shadow:active {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
}

.head-bor{ position:relative; padding-bottom: 10px;}
.head-bor:after{ position:absolute; content:""; background:#484848; width:40px; height:2px; left:0; bottom: 6px;}
.invites span {margin: 20px 0 0 0;display: block;font-weight: 400;font-size: 31px;line-height: 49px; color:#6c6c6c;}
.display-n{display:none;}
div.wpcf7-mail-sent-ok {border: 2px solid #398f14; float: left;width: 100%;}
div.wpcf7-mail-sent-ok {border: 2px solid #398f14;float: left !important;width: 100% !important;}


/*gallery page*/
body.page-template-default .aigpl-album-design-1 .aigpl-img-title { font-size: 16px; text-transform: uppercase; color: #000;  font-weight: bold; min-height: 60px;}
body.page-template-default .aigpl-img-count { display: none;}

@media only screen and ( max-width:1355px) {
.home .footer-bg{ background-size:cover;}	
.header-image {height: 400px;}	
}

@media only screen and ( max-width:1207px) {
.bg-list li{width: 32%;}
.slider .metaslider .caption-wrap{width:100%;}
.contact-pg-info .fl-col-small{width:50% !important;}	
.contact-pg-info  .info br{display:none;}
.nav-menu a{ font-size:16px;}
}

@media only screen and ( max-width:1184px) {
header .left{width: 17%;}	
.container {width: 100%;margin: 0 auto;padding: 0 20px;box-sizing: border-box;display: flex;}
.home .footer{width: 95%;}	
.slider .metaslider .caption{margin-right: 30px;}
.fl-node-58b56316ad6b5 > .fl-row-content-wrap{padding-bottom: 168px;}
.footer-logo {width: 18%;margin-right: 41px;}
.footer-right {width: 76%;}
}




@media only screen and ( max-width:1144px){
.slider .metaslider .caption-wrap h1{font-size: 57px;}
.bg-list li:nth-child(3), .bg-list li:nth-child(6), .bg-list li:nth-child(9){margin: 0 18px 14px 0;}
.bg-list li {width: 48%;}
.slider .metaslider .caption-wrap h2{font-size: 30px; margin: 7px 0;}
.slider .metaslider .caption {padding: 13px 17px; width: 472px;}
.slider .metaslider .caption-wrap p{line-height: 21px;}
.image-left , .image-left-content{height: 377px;}
.image-right , .image-right-content{height: 377px;}
.footer-logo {width: 18%;margin-right: 27px;}
.footer-social {width: 16%;}
.left-menu li a, .left-menu li a:hover, .left-menu .current-menu-item a, .left-menu .current-menu-item a:hover{background-position: 215px center;}
.nav-menu a{padding: 11px 11px;}
.inner-page-content img{height: auto;}
.nav-menu a {font-size: 16px; padding:5px 12px;}
}


@media only screen and ( max-width:1010px){
header .left {width: 14%;}	
header .right{width: 88%;}
.nav-menu a{font-size: 16px; padding: 5px 11px;}
.nav-div ul li ul.sub-menu{top: 33px;}
.image-left-content .text-1, .image-right-content .text-1{font-size:30px;}
.home .footer-bg{height: 435px;}
.footer-logo {width:27%;}
.footer-right {width: 69%;}
.footer-nav {width: 51%;}
.footer-social {width: 25%;}
}

@media only screen and ( max-width:1024px){
/*.page-template-default .aigpl-col-3 {width:50%; }
.page-template-default #aigpl-gallery-1 .aigpl-col-3{margin: 0 0 30px 0;}
.page-template-default .aigpl-album-design-1 .aigpl-img-wrp, .page-template-default .aigpl-design-1 .aigpl-img-wrp {height: 300px;}*/
body.page-template-default .aigpl-album-design-1 .aigpl-img-title{min-height: 102px;}
}


@media only screen and ( max-width:988px){
.alloy-steel li{margin: 5px 19px;}
.steel td {font-size: 12px;}
}


@media only screen and ( max-width:989px){
header .left {width: 17%;}
}

@media only screen and ( max-width:980px){
.page-template-default button#responsive-menu-button {width: 35px;height: 35px;line-height: 14px;}
.page-template-default button#responsive-menu-button {right: 21px;}

}

@media only screen and ( max-width:979px){
.slider .metaslider .caption{width: 376px; margin-right: 16px; bottom: -11px;}
.slider .metaslider .caption-wrap h1{margin: 5px 0; font-size: 40px;}
.slider .metaslider .caption-wrap h2 {font-size: 27px;}
.slider .metaslider .caption-wrap p{font-size: 15px;}
.bg-list li {width: 47%;}
.section2-h{font-size: 35px;}
.image-left, .image-left-content, .image-right, .image-right-content{height: 303px;}
.image-left-content .text-1, .image-right-content .text-1 {font-size: 25px;}
.image-left-content .text-2{top: 38px; font-size: 21px;}
.image-right-content .text-2{top: 66px; line-height: 17px; margin: 0;}
.footer-bg .container{display: block;}

.footer-info {float: left;width: 53%;}
.footer-nav{width: 43%;margin-right: 27px;}
.fl-node-58b548259cb91 > .fl-module-content{margin-right:0;}

.brand-logo .fl-photo.fl-photo-align-center {height: 144px;position: relative;}
.brand-logo .fl-photo-content img {margin: auto;position: absolute;top: 0;bottom: 0;left: 0;right: 0;}
.brand-logo .fl-photo-content{position:static;}
.home .footer-bg {height: auto;}
.home .footer{position:static; padding: 10px 0; margin-top: 23px;}

.ph-l-icn span.ph-text, .fax-l-icn span.fax-text, .mail-l-icn span.mail-text{float:none; }
.fax-l-icn span.fax-text, .ph-l-icn span.ph-text{padding: 0 12px;}
.mail-l-icn span.mail-text{padding: 0 6px;}
.ph-l-icn span.ph-text a{position:relative; padding: 0 6px;}
.mail-l-icn span.mail-text a{position:relative; padding: 0 6px;}
}


@media only screen and ( max-width:979px){
.page-template-default button#responsive-menu-button{height: 35px; line-height: 16px;}	
.page-template-default .responsive-menu-inner, .page-template-default .responsive-menu-inner::before, .page-template-default .responsive-menu-inner::after {height: 2px;}
.header-image {height: 275px;}
.slider .header-image h1.entry-title{font-size: 37px;}
.left-menu li a, .left-menu li a:hover, .left-menu .current-menu-item a, .left-menu .current-menu-item a:hover{padding:8px 0px 8px 7px; font-size:13px;}
.left-menu li a, .left-menu li a:hover, .left-menu .current-menu-item a, .left-menu .current-menu-item a:hover {background-position: 177px center; }
.inner-page-content h2.heading-title span.title-text {font-size: 37px;}
h3{font-size:30px;}
.headline{font-size:17px; line-height: 26px;}
.contact-left{padding: 13px;}
.contact-left p{margin: 11px 0;}
.contact-head{font-size: 15px;}
.full-pg .fl-row-content-wrap{padding-top:0;}
.full-pg {padding-top:0 !important;}
.alloy-steel li:nth-child(3), .alloy-steel li:nth-child(6), .alloy-steel li:nth-child(9), .alloy-steel li:nth-child(12){margin: 5px 19px;}
.alloy-steel li{width: 44%;}
.footer-nav {width: 58%;}
.download-brouchure {right: 20px;width: 89px;}
.download-brouchure{height:auto;}
.download-brouchure img{height:auto;}
.landing-content h1{font-size: 50px;}
.landing-content p{font-size: 29px;}
}

@media only screen and ( max-width:978px){
.page-template-default button#responsive-menu-button {height: 35px;line-height: 16px;top: 33px;}
}


@media only screen and ( max-width:768px){
.slider .metaslider .caption-wrap h1{font-size: 30px;}
.slider .metaslider .caption-wrap h2{margin: 0; font-size: 24px;}
.slider .metaslider .caption-wrap p{padding: 0;}
.image-left.fl-col-small{max-width: none; margin:0 20px 20px 20px;}
.image-right{max-width: none; margin:0 20px 20px 20px;}
.brand-logo-container .fl-col-small{width:20% !important;}
.brand-logo-container .fl-col{clear: none; float: left;}
.image-right-content .text-2{margin:10px 69px 0px 0px;}
.image-left-content .text-2{top: 49px;}
.heading{text-align:center;}
.inner-page-content {padding: 20px;box-sizing: border-box;}
.left-menu li a, .left-menu li a:hover, .left-menu .current-menu-item a, .left-menu .current-menu-item a:hover {background-position: 690px center;background-size:unset;}
.main-content .fl-col-small{padding:0 20px; max-width:none;}
.left-menu li a, .left-menu li a:hover, .left-menu .current-menu-item a, .left-menu .current-menu-item a:hover {padding: 14px 7px 12px 18px; font-size: 16px;}
.page-template-default button#responsive-menu-button{right: 20px;}
.contact-head{font-size:18px;}
.current-opening .fl-col-content{padding:35px !important}
.contact-pg-info .fl-col-content{padding:20px !important;}
.contact-pg-info .fl-col-small {width: 50% !important;float: left;clear: none;}
.contact-pg-info .uabb-photo-img{width:100%;}
.table-scroll{overflow:scroll;}
.contact-pg-info .fl-node-58b94978d1137 > .fl-module-content{padding:0 20px !important;}
.form-section .fl-node-58b95eaaa8806 > .fl-module-content{margin-right:0 !important;}
.map-section .fl-module-content{margin:20px 0 !important;}

.inner-page-content h2.heading-title{line-height:42px !important;}
.main-content .fl-row-content-wrap{padding-top:0;}
.main-content .inner-page-content{padding-top:0;}
.left-col, .right-col{padding:0 !important; width:100% !important;}
.right-col .fl-module-content {margin-left: 0; margin-right:0; margin-bottom: 0;}
.left-col .fl-module-content{margin-right:0; margin-bottom: 0;}
.main-content { text-align:left;}
}




@media only screen and ( max-width:767px){
.footer-logo {width: 79%;	}
.brand-logo-container .fl-col-small{width:50% !important;}
.brand-logo-container .fl-col-small:last-child{width:100% !important;}
.brand-logo-container .fl-col:last-child{clear: both; float: none;}
.overlay{position:relative;}
.overlay:after{position:absolute; background:rgba(0, 0, 0, 0.68); top:0; bottom:0; left:0; right:0; margin:auto; content:""; width: 100%; height: 100%;}
.image-left-content .text-1, .image-right-content .text-1, .image-left-content .text-2, .image-right-content .text-2, .image-left-content .btn-pos, .image-right-content .btn-pos{z-index:9;}
.brand-logo .fl-photo.fl-photo-align-center {height: 81px;}
.footer-right {width: 100%;}
.footer-info {width: 51%;}
.footer-nav {width: 49%;margin-right: 0;}
.footer-info {float: left;width: 51%;}
.footer-social {width: 100%;}
.footer-social-links li{display: inline-block;}
.footer-logo #widget_sp_image-2, .footer-logo #widget_sp_image-3{width: 50%; float: left; height:128px; position:relative; margin:0;}
.footer-logo #widget_sp_image-2 img, .footer-logo #widget_sp_image-3 img{position:absolute; top:0; bottom:0; margin:auto;}
.download-brouchure{bottom: 29px;}
.header-top{display:none;}
.page-template-default button#responsive-menu-button {top: 23px;}

}

@media only screen and ( max-width:740px){
.section2-h {font-size: 30px;margin-bottom: 0;}
.bg-list ul {margin: 0 auto;width: 60%;float: none;}	
.bg-list li {width: 100%;}	
.fl-node-58b56316ad6b5 > .fl-row-content-wrap {padding-bottom: 40px;}
.footer-logo {width: 100%; margin: 0;}
.footer-nav {width: 100%;margin-right: 0;}
.footer-info{width: 100%;}
.footer-social {width: 100%;}
.footer-nav .left, .footer-nav .right{width:100%;}
.footer-nav .left .menu .footer li{display:inline; padding:15px;}
.footer-nav .left li{display:inline; padding:0 11px 0 0;}
.footer-nav .right li{display:inline; padding:0 11px 0 0;}


.footer-social-links li{display:inline-block; margin: 10px 13px 10px 0;}
.f-info li {padding: 7px 12px 5px 29px;background-position: 0px 10px;display: inline;}
.page-template-default button#responsive-menu-button{right: 20px;}
.current-opening .fl-col-content {padding: 24px !important;}
.inner-page-content h2.heading-title span.title-text {font-size: 32px;}
.contact-pg-info .fl-col-small {width: 100% !important;float: left;clear: none;}
.simple-tab th, .simple-tab td {text-align: left;}
.alloy-steel li {width: 42%;}
.alloy-steel img{width:17%;}
.contact-pg-info .pp-infobox{padding:0 !important;}
.contact-pg-info .fl-col-content{padding-bottom:0 !important;}
.page-template-default button#responsive-menu-button {height: 31px;line-height: 16px;top: 33px;}
.header-top li{width: 30px; height: auto;}
.header-top li img{width:100%;}

.page-template-default button#responsive-menu-button {
    top: 23px !important;
}

}

@media only screen and ( max-width:731px){
.page-template-default button#responsive-menu-button {height: 26px;line-height: 16px;top: 29px;width: 31px;}
.page-template-default button#responsive-menu-button {top: 16px !important;}
.popup{width:70%; height:auto;}
.popup-content img{width:100%;}
.popup-content {padding: 20px;}
.landing-content h1{ font-size: 43px;}
.invites{font-size: 29px;}
.landing-content p{font-size: 25px;}
.landing-logo{margin: 20px 0 32px;}
.landing-logo img{width: 32%;}
}

@media only screen and ( max-width:666px){
.heading{font-size:30px; margin:0;}
.section2-h{font-size: 26px;}
.bg-list ul{width: 66%;}
.page-template-default button#responsive-menu-button {height: 31px;line-height: 11px;width: 35px;}
.inp-l , .inp-r{float: left;width: 100%;}
.alloy-steel li {width: 98%;margin: 7px;box-sizing: border-box;}
.alloy-steel li:nth-child(3), .alloy-steel li:nth-child(6), .alloy-steel li:nth-child(9), .alloy-steel li:nth-child(12) {margin: 7px;}
.alloy-steel li:nth-child(13){border-bottom: solid 1px #cccccc;}
.alloy-steel img {width: auto;}
.header-image {height: 257px;}
.page-template-default button#responsive-menu-button {height: 26px;width: 30px;}
}

@media only screen and ( max-width:640px){
/*.page-template-default .aigpl-col-3 {width:100%;}
.page-template-default .aigpl-album-design-1 .aigpl-img-wrp, .page-template-default .aigpl-design-1 .aigpl-img-wrp {height: auto;}*/
.slider .heading-div {background: rgb(93, 92, 92);}
.cross {right: -16px;font-size: 14px;text-align: center;}
body.page-template-default .aigpl-album-design-1 .aigpl-img-title { min-height: auto;}
}

@media only screen and (max-width:639px){
.header-image {height: 244px;}
.header-top li {width: 27px;}
.page-template-default button#responsive-menu-button{top: 26px;}
}

@media only screen and (max-width:659px){
.header-top li {width: 25px;}	
.page-template-default button#responsive-menu-button {top: 23px;}
.landing-content h1 {font-size: 38px;}
.landing-content p {font-size: 22px;}

}

@media only screen and ( max-width:566px){
.slider .metaslider .caption {width: 291px; margin-right: 16px; bottom: -34px;}
.slider .metaslider .caption-wrap h1 {font-size: 24px;margin: 0;line-height: 21px;}
.slider .metaslider .caption-wrap h2 {margin: 0;font-size: 18px;line-height: 28px;}	
.slider .metaslider .caption-wrap p {padding: 0;line-height: 15px; font-size: 13px;}
header .left {width:25%;}
.bg-list ul {width: 98%;}
.image-left, .image-left-content, .image-right, .image-right-content {height: 264px;}
.image-right-content .text-2 { margin: 10px 0; font-size: 14px;}
.hm-pg-section1 p{text-align:center}
.btn{padding: 0px 0px 0px 32px; background-position: 13px 10px;}
.section2-h {text-align: center;}
.brand-head{margin:0;}
.brand-head span{font-size: 30px;}
.footer-logo #widget_sp_image-2, .footer-logo #widget_sp_image-3{height: 83px;}
.footer-logo #widget_sp_image-2, .footer-logo #widget_sp_image-3 {height: 83px;margin-right: 20px;width: 44%;}
.fl-node-58b548259cb91 > .fl-module-content {padding: 20px;margin: 0;}
.simple-tab th, .simple-tab td {padding: 9px 0px; text-align: left;}

}
@media only screen and (max-width:565px){
.header-image {height: 206px;}
.download-brouchure {width: 69px; bottom: 38px;}
.landing-content h1 {font-size: 32px;}

}


@media only screen and (max-width:479px){
.slider .header-image h1.entry-title {font-size: 30px;}	
.header-image {height: 177px;}	
header .left {width: 29%;}
.landing-content h1 {font-size:29px;}
.invites {font-size: 26px;}
.landing-content p {font-size: 19px;font-weight: 300;}
.hvr-float-shadow{font-weight: 300; font-size: 18px; padding: 8px 18px;}

}


@media only screen and (max-width:413px){
.header-image {height: 176px;}
.landing-content h1 {font-size: 27px;font-weight: 300;}	
.invites {font-size: 26px;margin: 24px 0 20px 0;}
.landing-content p {font-size: 18px;}	
}

@media only screen and ( max-width:411px){
.bg-list ul {width: 100%; margin-right: 0;} 	
.bg-list li a{background-position: 11px 5px; padding: 0 0 0 34px;}	
.footer-logo #widget_sp_image-2 img, .footer-logo #widget_sp_image-3 img{max-width:none !important; height: auto; width:100%;}
.footer-logo #widget_sp_image-2, .footer-logo #widget_sp_image-3 {height: 83px;margin-right: 0;width: 64%;margin: 19px 0;}
.footer .footer-info h2{margin:0px 0 10px 0;}
.brand-logo-container .fl-col-small {width: 100% !important;}

.social-link img{width:100%;}

.dwnload-link {background: url(images/pdf-icn.png) no-repeat; padding: 0px 24px 6px 9px; background-position: 70px 3px;
line-height: 19px;background-size: 14%;font-size: 12px;}
.header-top li{width: 27px;}
.header-top{width:170px; height: 23px;}
.social-link {float: right;}

.page-template-default .responsive-menu-accessible .responsive-menu-box{vertical-align: unset;}
h3 {font-size: 26px; margin:0 0 10px 0;}
h4{font-size: 20px;}	
.inner-page-content h2.heading-title span.title-text {font-size: 28px; font-weight: 400; line-height: 30px;}


#responsive-menu-container {width:60% !important;}
.ph-l-icn, .fax-l-icn, .mail-l-icn{padding: 0px 0 0 25px !important; background-size:10%; display: inline;}
.slider .header-image h1.entry-title {font-size: 30px;}
.image-left-content .text-1, .image-right-content .text-1 {font-size: 20px;}
.download-brouchure {bottom: 38px; width: 72px;}
button#responsive-menu-button{top: 30px !important;}
}

@media only screen and (max-width:410px){
.slider .header-image h1.entry-title {font-size: 17px;line-height:39px;font-weight: 300;}
.header-image {height: 161px;}	
.download-brouchure {bottom: 22px;}
button#responsive-menu-button {top: 23px !important;}
.landing-content h1 {font-size: 23px;}
.invites {font-size: 22px;margin: 21px 0 20px 0;}
.landing-content p {font-size: 18px;}
}

@media only screen and (max-width:374px){
.header-image {height: 154px;}	
header .left {width: 41%;}	
button#responsive-menu-button {top: 32px !important;}
}

@media only screen and (max-width:360px){
.image-left-content .text-1, .image-right-content .text-1 {font-size: 20px;font-weight: 300;}
.image-left-content .text-2 {top: 39px;}
.image-right-content .text-2 {top: 60px;}
.footer-nav .left li {display: inline;padding: 0 2px 0 0;}
.footer-social-links li{background-size:25%;}
.footer a{font-size: 13px;}
.footer-social-links li {padding: 1px 0 7px 28px;}
.current-opening ul {margin: 0;padding: 0;}
.current-opening li{padding: 8px 0px 8px 20px; background-position: 0px 13px;}
.contact-list .pp-infobox{padding:0 !important;}
.inner-page-content h2.heading-title span.title-text {font-size:26px;}
.contact-pg-info .fl-node-58b94b1f7b1ce .pp-infobox-title-wrapper .pp-infobox-title{font-size: 20px;}
.inner-page-content h2.heading-title span.title-text {font-size: 24px;margin: 0;}
.contact-pg-info .info {text-align: left;font-size: 14px;}
}

@media only screen and ( max-width:359px){
header .left{width: 62%;}
.slider .metaslider .caption {width: 242px;margin-right: 0;bottom: -34px;right: 20px;}	
.slider .metaslider .caption-wrap p{font-size: 11px;}	
.page-template-default button#responsive-menu-button {width: 30px;height: 27px;}
.page-template-default .responsive-menu-inner, .page-template-default .responsive-menu-inner::before, .page-template-default .responsive-menu-inner::after {height: 1px;}
.page-template-default button#responsive-menu-button {right: 19px;}
.heading {font-size: 24px;margin: 0;line-height: 30px;}
.section2-h {font-size: 22px;}
.bg-list li a{font-size: 13px;}
.image-left-content .text-1, .image-right-content .text-1 {font-size: 17px;}
.image-left-content .text-2 {top: 38px;font-size: 17px;}
.image-right-content .text-2 {margin: 10px 22px 10px 0;font-size: 14px;}
.footer-social-links li{margin: 5px 4px 8px 0;}
.hm-pg-section1 p{font-size:15px;}
h3 {font-size: 23px;}
h4 {font-size: 17px;}
.form-title h3.heading-title span.title-text{font-size:27px;}
.copyright-text {font-size: 10px;width: 100%;padding: 5px;line-height: 12px;font-size: 8px;text-align: left;}
.slider .header-image h1.entry-title {font-size: 18px;line-height:45px;}
.download-brouchure {bottom:23px;width: 56px;}
.header-image {height: 138px;}
button#responsive-menu-button {top: 34px !important;}
.page-template-default button#responsive-menu-button {right: 20px;}
button#responsive-menu-button {top: 30px !important;}
.page-template-default button#responsive-menu-button {top: 19px !important;}
.landing-content h1 {font-size: 20px;}
}




