@charset "utf-8";
/*--------------------------------------------------------------------------------------------------
CSS Styles for <EPI Solution>.

version:   1.0
--------------------------------------------------------------------------------------------------*/

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

@font-face { font-family: 'RobotoRegular'; src: url('../fonts/Roboto-Regular-webfont.eot'); src: url('../fonts/Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto-Regular-webfont.woff') format('woff'), url('../fonts/Roboto-Regular-webfont.ttf') format('truetype'), url('../fonts/Roboto-Regular-webfont.svg#RobotoRegular') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'RobotoBold'; src: url('../fonts/Roboto-Bold-webfont.eot'); src: url('../fonts/Roboto-Bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto-Bold-webfont.woff') format('woff'), url('../fonts/Roboto-Bold-webfont.ttf') format('truetype'), url('../fonts/Roboto-Bold-webfont.svg#RobotoBold') format('svg'); font-weight: normal; font-style: normal; }
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
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%; font: inherit; vertical-align: baseline; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
/* End CSS Reset
--------------------------------------------------------------------------------------------------*/

/* remember to define focus styles! */
:focus { outline: 0; }
/* =Toolkit
--------------------------------------------------------------------------------------------------*/

/* Micro Clearfix Hack by Nicholas Gallagher (http://nicolasgallagher.com/micro-clearfix-hack/) */
/* For modern browsers */ 
.cf:before, .cf:after { content: ""; display: table; }
.cf:after { clear: both; }
/* For IE 6/7 (trigger hasLayout) */
.cf { zoom: 1; }
/* general purpose classes */
.nodisplay { display: none; }
.nodisplay_strict { display: none !important; }
.alignleft { float: left; }
.alignnone { clear: both; font-size: 0; line-height: 0; margin: 0; padding: 0; border: 0; height: 0; width: 0; }
.alignright { float: right; }
/* End Toolkit
--------------------------------------------------------------------------------------------------*/

/* =Normalization - mostly derived from normalize.css (https://github.com/necolas/normalize.css/) but without comments and compressed to keep the file small
--------------------------------------------------------------------------------------------------*/

hr { display: block; height: 1px; border: 0; margin: 1em 0; padding: 0; border-top: 1px solid #cccccc; /* change border colour to suit your needs */ }
audio, canvas, video { display: inline-block; *display: inline;
*zoom: 1;
}
audio:not([controls]) { display: none; }
[hidden] {
display: none;
}
html { overflow-y: scroll; }
body, button, input, select, textarea { font-family: sans-serif; }
a:focus { outline: none; }
a:hover, a:active { outline: none; }
h1 { }
h1, h2, h3, h4, h5, h6, p, pre, blockquote, form, fieldset, table, ul { }
ins { text-decoration: none; }
del { text-decoration: line-through; }
abbr[title] { border-bottom: 1px dotted; cursor: help; }
b, strong { font-weight: bold; }
dfn { font-style: italic; }
mark { background: #ff0; color: #000; }
pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
small { font-size: 75%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: top; }
svg:not(:root) { overflow: hidden; }
fieldset { border: none; margin: 0; padding: 0; }
legend { border: 0; *margin-left: -7px;
}
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle;
}
button, input { line-height: normal; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible;
white-space: normal; }
input, select { vertical-align: middle; }
input { -webkit-appearance: none; }
button { border: 0; padding: 0; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
button::-moz-focus-inner, input::-moz-focus-inner {
border: 0;
}
textarea { overflow: auto; vertical-align: top; resize: none; -webkit-appearance: none; }
::-moz-focus-inner {
border: 0;
outline: 0;
}
/* End Normalization
--------------------------------------------------------------------------------------------------*/


/* =Typography
--------------------------------------------------------------------------------------------------*/

/* Setting up the fonts */
body { font: 13px/18px 'RobotoRegular'; color: #000; background: #fff; -webkit-font-smoothing: antialiased; }
/* End Typography
--------------------------------------------------------------------------------------------------*/
img{ width:auto;} 



/* =Start CMS Page
--------------------------------------------------------------------------------------------------*/
.cms-page { float: left;   padding: 0 20px;}
img { float: left; padding: 0 20px 15px 0 }
p { font-family: 'RobotoRegular'; font-size: 13px; color: #000; line-height: 18px; text-align: justify; padding-bottom: 25px !important; }
a { color: #FF9E19; text-decoration: none; cursor: pointer !important; outline: 0; }
a:hover { color: #000; text-decoration: none; }
.cms-block { float: left; margin-right: 75px; }
ul li {  background: url(../images/gray-bullet.png) no-repeat left 6px; padding-left: 10px; padding-bottom: 5px; }
ul li ul { padding: 10px 0; }
ul li ul li {background: url(../images/arrow.png) no-repeat left 4px; padding-bottom: 5px; }
ul li ol { margin-left: 30px; padding: 10px 0; }
ul li ol li { padding-left: 10px; padding-bottom: 5px; }
ul li ol li { background: none; padding-bottom: 5px; list-style-type: decimal; padding-left: 0; }
ol li { list-style-type: decimal; padding-bottom: 5px; }
ol li ul { padding: 10px 0; }
ol li ul li { background: url(../images/arrow.png) no-repeat left 4px; padding-bottom: 5px; list-style-type: none; }
ol li { list-style-type: decimal; padding-bottom: 5px; }
ol li ol { padding: 10px 0; margin-left: 15px; }
ol li ol li { list-style-type: decimal; padding-bottom: 5px; }
h1 { font-family: 'RobotoRegular'; font-size: 32px; color: #000; line-height: 46px; text-transform: uppercase; }
h1 span { color: #FF9E19; line-height: 46px; }
h2 { font-family: 'RobotoRegular'; font-size: 20px !important; color: #000; text-transform: uppercase; line-height: 35px; padding: 0 !important; }
h3 span { color: #FF9E19; line-height: 35px; font-size: 20px !important; padding: 0 !important }
h3 { font-family: 'RobotoRegular'; font-size: 20px; color: #dddddd; text-transform: uppercase; line-height: 35px; }
h4 { font-family: 'RobotoRegular'; font-size: 16px; color: #000; text-transform: uppercase; line-height: 35px; }
h6 { font-family: 'RobotoRegular'; font-size: 13px; color: #FF9E19; line-height: 35px; }
.cms-block-data { width: 100%; float: left; margin: 40px 0; }
table, th, tr, td { border: 1px solid #a6a6a6; }
th { border-bottom: none; font-family: 'RobotoBold'; font-size: 13px; color: #000; text-transform: uppercase; }
th, tr, td { padding: 10px 10px 11px 10px; }
tr, td { font-family: 'RobotoRegular'; font-size: 13px; color: #000; }
table{ clear:both;}

ol {
    clear: both;
    margin-left: 20px;
}

/* =End CMS Page
--------------------------------------------------------------------------------------------------*/















/* =Branding
--------------------------------------------------------------------------------------------------------*/
p { padding: 0; margin: 0; }
body { background: url(../images/bg1.png) no-repeat bottom center #404040; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
#wrapper { width: 100%; }
#header { width: 100%; height: auto; background: url(../images/top.png) repeat-x top center #161616  /*  box-shadow: -9px 5px 7px #ccc;*/ }
.main { width: 1134px; margin: 0 auto; }
.header-top { float: left; width: 100%; height: 51px; background: url(../images/top-bg.png) no-repeat top left #161616; border-bottom: 1px solid #ff9e19; }
.header-top ul { float: right; padding: 10px 0; }
.header-top ul li a { font-family: 'RobotoRegular'; font-size: 13px; color: #606060; }
.top-bar { float: right; }
.header-top li { float: left; padding: 0 10px; background: none; }
.header-top li img { vertical-align: middle; padding: 3px 10px; float: none; width:auto; }
.header-top li.border { background: url(../images/border.png) no-repeat left center; margin-left: 5px; }
.header-top li a { color: #fff; font-family: 'RobotoRegular'; font-size: 13px; line-height: 31px; }
.header-top .social { float: left; padding: 18px 0; }
.social li a.fb { background: url(../images/fb.png) no-repeat; display: block; height: 23px; width: 12px; }
.social li a.tweet { background: url(../images/tweet.png) no-repeat 0 3px; display: block; height: 23px; width: 18px; }
.social li a.youtube { background: url(../images/youtube.png) no-repeat; display: block; height: 23px; width: 22px; }
.social li a.gplus { background: url(../images/gplus.png) no-repeat 0 2px; display: block; height: 23px; width: 18px; }
.social li a.instagram { background: url(../images/instagram.png) no-repeat; display: block; height: 23px; width: 18px; }
.social li a.fb:hover { background: url(../images/fb_white.png) no-repeat; }
.social li a.tweet:hover { background: url(../images/tweet_white.png) no-repeat 0 3px; }
.social li a.youtube:hover { background: url(../images/youtube_white.png) no-repeat; }
.social li a.gplus:hover { background: url(../images/gplus_white.png) no-repeat 0 2px; }
.social li a.instagram:hover { background: url(../images/instagram_white.png) no-repeat; }
.header-top li a:hover { text-decoration: none; color: #ccc; }
.header-top li span { color: #606060; font-family: 'RobotoRegular'; font-size: 13px; }
#logo {   margin:0 0 0 -40px;padding:0px; }
#logo img{ padding:0px; margin:0px;width:auto;}
/* End Branding
--------------------------------------------------------------------------------------------------------*/


/* =Main Nav
--------------------------------------------------------------------------------------------------*/
#menu { height: 35px; float: right; padding: 30px 0 0 0; }
#menu li { float: left; position: relative; background: none; padding: 0; }
#menu li a { background: #222222; text-align: center; text-decoration: none; margin: 0 4px; display: block; color: #c1c1c1; font-family: 'RobotoRegular'; font-size: 14px; line-height: 35px; padding: 0 15px; }
#menu li a.active { background: #ff9e19; color: #fff; text-decoration: none; }
#menu li a:hover { text-decoration: none; color: #fff; background: #ff9e19; }
#menu li ul { left: 4px; margin: 0; padding: 0; list-style-type: none; float: left; position: absolute; display: none; z-index: 9999; background: #ff9e19; }
#menu li:hover ul { display: block; width: 200px; height: auto; background: #ff9e19; }
#menu li:hover a.select { background: #ff9e19; color: #fff; }
#menu li:hover ul li a { width: 180px; margin: 0; padding: 0 10px; font-family: 'RobotoRegular'; font-size: 14px; color: #c1c1c1; line-height: 35px; text-align: left; text-decoration: none; border-bottom: 1px solid #161616; }
#menu li:hover ul li a:hover { background: #000; color: #fff; }
#menu li:hover ul li a.last { border-bottom: none; }
/* End Main Nav
--------------------------------------------------------------------------------------------------*/


.map-address ul li img.connect{ padding:4px 11px;width:auto;}
.banner-data{position: absolute;bottom: 133px; left: 60px; }

.bread-con {
    width: 98.5% !important;
}


/* =Main Content
--------------------------------------------------------------------------------------------------*/
.content { background: #fff; padding: 40px 80px; }
.content h2 { font-family: 'RobotoRegular'; font-size: 32px !important; color: #000; text-transform: uppercase; padding: 0 0 25px !important; }
.title_bg { background: url(../images/border-center.png) repeat-x center 15px; float: left; width: 100%; }
.title_bg span { background: #fff; /*float: left;*/ display: inline-block; padding-right: 5px; }
.content h2 span { font-family: 'RobotoRegular'; font-size: 32px; color: #ff9e19; /*float: right;*/ padding-left: 10px; }
.widecolumn { width: 560px; float: left; }
.widecolumn p { font-family: 'RobotoRegular'; font-size: 13px; line-height: 18px; text-align: justify; padding: 0 0 20px !important; }
.narrowcolumn { float: right; padding-left: 30px; width: 360px; }
.twdfeed 
{padding-left: 51px;padding-top: 51px;padding-right: 51px;font-size:20px; color:#000; font-family:RobotoRegular; padding-bottom:20px; text-transform:uppercase;
}
.narrowcolumn h4 { font-family: 'RobotoRegular'; font-size: 22px; text-transform: uppercase; color: #000; padding-bottom: 20px; }
.tweet-feed { }
.content-cms{ background: #fff; padding: 40px 80px;}
.title_cms h2{ font-family: 'RobotoRegular'; font-size: 32px !important; color: #000; text-transform: uppercase;  padding: 0 0 15px 18px !important;}

.tweet-feed li { background: url(../images/twitter.png) no-repeat top left; margin-bottom: 20px; padding: 0; }
.tweet-feed li a { font-family: 'RobotoRegular'; font-size: 13px; color: #000; padding: 0 !important }
.tweet-feed li a span { color: #ff9e19; font-family: 'RobotoRegular'; font-size: 13px; display:inline }
.tweet-feed li p a:hover { text-decoration: none; color: #000; }
.tweet-feed li span { color: #ff9e19; font-family: 'RobotoRegular'; font-size: 13px; color: #ff9e19;  display:block;}
.box { border-left: 1px solid #000; padding-left: 10px; margin-left: 26px; }



.our_clients { clear: both; padding-top: 20px; }
.our_clients h2 { font-family: 'RobotoRegular'; font-size: 32px; color: #000; text-transform: uppercase; padding: 0 0 30px; }
.our_clients h2 em { background: url(../images/border-center.png) repeat-x right center; display: block; float: right; height: 15px; width: 53%; }
.our_clients .title_bg { width: 95%; }
.jcarousel-skin-tango { margin-top: 30px; }
.jcarousel-skin-tango li { }
.jcarousel-skin-tango .jcarousel-item { height: 79px !important; width: 172px !important; }
.jcarousel-skin-tango li img { height: 79px; width: 172px; }
.jcarousel-skin-tango .jcarousel-container-horizontal { width: 978px !important; }
/*.jcarousel-skin-tango .jcarousel-clip-horizontal{width:890px !important;}*/
.jcarousel-skin-tango .jcarousel-next-horizontal { background: url(../images/next.png) no-repeat !important; top: -20px !important; right: -17px !important; }
.jcarousel-skin-tango .jcarousel-prev-horizontal { background: url(../images/prev.png) no-repeat !important; right: 5px !important; top: -20px !important; }
/* =End Main Content
--------------------------------------------------------------------------------------------------*/



/* = banner-area
--------------------------------------------------------------------------------------------------*/

.container { width: 100%; /*background: url(../images/bg1.png) no-repeat center bottom #727272; background-size:cover; */ }
.banner { height: 536px;position:relative; }
#divloader
 {
    height: 30px;
    left: 50%;
    margin: -15px 0 0 -15px;
    position: absolute;
    top: 50%;
    width: 30px;
    z-index: 99999;
}
/* Slider  styles */
#banner-fade { max-width: 1134px !important; height: 536px !important; width: 1134px; margin: 0; float: left; }
ul.bjqs { position: relative; list-style: none; padding: 0; margin: 0; overflow: hidden; display: none; height: 536px !important; }
li.bjqs-slide { position: absolute; display: none; height: 536px !important; background: none; padding: 0; }
li.bjqs-slide img { height: 536px !important;width:auto; }
ul.bjqs-controls { list-style: none; margin: 0; padding: 0; z-index: 9999; }
ul.bjqs-controls.v-centered li a { position: absolute; }
ol.bjqs-markers {  list-style: none; padding: 0; margin: 0; width: 100%; position: absolute; bottom: 20px; }
ol.bjqs-markers.h-centered { text-align: center; display: block; }
ol.bjqs-markers li { display: inline; }
ol.bjqs-markers li a { display: inline-block; }
p.bjqs-caption { display: block;  background: url(../images/black-trans.png) repeat; font-family: 'RobotoBold'; font-size: 30px; color: #fff; padding:30px; line-height: 17px; }
p.bjqs-caption b { color: #ff9e19; font-family: 'RobotoBold'; font-size: 30px; }
p.bjqs-caption span { color: yellow !important; display: block !important; }
#banner-fade, #banner-slide { margin-bottom: 60px; }
ul.bjqs-controls.v-centered li a { display: block; color: #000; text-decoration: none; }
ul.bjqs-controls.v-centered li a:hover { /*background:#000;*/ /*	color:#fff;*/ }
ol.bjqs-markers li a { text-indent: -999999999999999999px; overflow: hidden; padding: 5px 10px; background: url(../images/gray.png) no-repeat; color: transparent; margin: 2px; text-decoration: none; }
ol.bjqs-markers li.active-marker a, ol.bjqs-markers li a:hover {/* background: #999;*/ background: url(../images/orange.png) no-repeat; }

li.bjqs-slide span {float:left;  font-family: 'RobotoRegular'; font-size: 28px; color: #000; left: 60px; background: url(../images/white-trans.png) repeat; padding: 15px 25px; }
li.bjqs-slide a { display: block; background: url(../images/black-trans.png) repeat; font-family: 'RobotoBold'; font-size: 30px; color: #fff; padding:30px; line-height: 17px; }


/* End banner-area
--------------------------------------------------------------------------------------------------*/


/* =Breadcrumbs start
--------------------------------------------------------------------------------------------------*/

.breadcrumbs { width: 95%; background: url(../images/border-center.png) repeat-x left bottom; padding-bottom: 10px; margin-bottom:15px; margin-left:18px; }
.breadcrumbs li { float: left; padding-right: 5px; background: none; padding-left: 0;  padding-bottom:0;}
.breadcrumbs li a { font-family: 'RobotoRegular'; font-size: 12px; color: #767676; }
.breadcrumbs li a.active { color: #ff9e19; }
.breadcrumbs a:hover { text-decoration: none; color: #ff9e19; }
.breadcrumbs li img { vertical-align: middle; float: none; padding: 4px 0; width:auto;}
/* =Breadcrumbs ends
--------------------------------------------------------------------------------------------------*/



/* =Start Content
--------------------------------------------------------------------------------------------------*/
.content-area { clear: both;  margin: 0 30px 0 18px;}
.content-area p { font-family: 'RobotoRegular'; font-size: 13px; color: #000; line-height: 18px; padding-bottom: 20px !important; text-align: justify; }
.title_inside { }
.title_inside h2 { padding: 0 0 15px 18px !important; }
.inner-banner {/* height: 400px; */ height:536px;}
.content-area p span { display: block; color: #ff9e19; font-family: 'RobotoRegular'; font-size: 13px; }
.production { padding-bottom: 30px; }
.production li { background: url(../images/square.png) no-repeat left 7px; padding: 0 0 0 15px; }
.production li a { padding-left: 15px; font-family: 'RobotoRegular'; font-size: 13px; display: block; text-align: justify; color: #000; }
.production li a:hover { text-decoration: none; color: #ff9e19 }
/* End  Content
--------------------------------------------------------------------------------------------------*/


/* =Start Gallery Page
--------------------------------------------------------------------------------------------------*/

.gallery-data { float: left; width: 100%; }
.gallery-data li { background: #fff; height: 257px; width: 300px; margin-bottom: 7px; text-align: center; position: relative; margin-right: 8px; float: left; padding: 0 !important;}

.gallery-data img { /*height: 250px; width: 300px;*/  padding:0 !important; width:100%;}
.view { float: left; overflow: hidden; position: relative; text-align: center; cursor: default; height:100%; width:100%; }
.view .mask { width: 307px; height: 264px; position: absolute; overflow: hidden; top: 0; left: 0; }
.view img { display: block; position: relative;width:auto; }
.view a.info { background: url(../images/hover1.png) center top no-repeat; display: inline-block; text-decoration: none; padding: 0; text-indent: -9999px; width: 57px; height: 57px; position: absolute; top: 100px !important; }
.third-effect .mask { opacity: 0; overflow: visible;/* background:url(../images/black-trans.png) repeat top center; */ -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
.third-effect a.info { position: relative; top: 0px; left: 10px; opacity: 0; -webkit-transition: opacity 0.5s 0s ease-in-out; -moz-transition: opacity 0.5s 0s ease-in-out; -o-transition: opacity 0.5s 0s ease-in-out; -ms-transition: opacity 0.5s 0s ease-in-out; transition: opacity 0.5s 0s ease-in-out; }
.gallery-data li:hover .mask { opacity: 1; background: url(../images/transparent.png) no-repeat 9px 11px;width: 96%;  height: 95%; }
.gallery-data li:hover a.info { opacity: 1; -moz-transition-delay: 0.3s; -webkit-transition-delay: 0.3s; -o-transition-delay: 0.3s; -ms-transition-delay: 0.3s; transition-delay: 0.3s; }
.gallery-data li:hover { }
/*.gallery-data li.no-margin { margin: 0 !important; float: right !important; }*/
.image-box { border: 7px solid transparent; float: left; height: 96%;
    width: 98%;}
.gallery-data li:hover .image-box { display: block; border: 7px solid transparent; transition: all ease 0.5s; }
/* =End Gallery Page
--------------------------------------------------------------------------------------------------*/
/* = Start Pagination
--------------------------------------------------------------------------------------------------*/
/*.pagination{ float: left;text-align: center; width: 100%;}
.pagination li{ background:none; display:inline;text-align: center;}
.pagination li a{ color:#000;font-size: 14px;}
.pagination li a.active , .pagination li a:hover{ color:#FF9E19;}
*/


/* = End Pagination
--------------------------------------------------------------------------------------------------*/
/*===========================================================================================================*/
.pagination_main_box{width:100%; float:left; margin:20px auto; height:auto;}
.pagination_box{/*width:340px;*/ margin:0px auto; height:auto; display:table;}
.pagination_box .btn_previous{width:99px; height:22px; float:left; display:table; margin:0px 8px 0px 0px; }
.pagination_box .btn_previous a{font-family: 'RobotoRegular'; font-size:14px; color:#1d1d1d; display:table-cell; vertical-align:middle; text-align:center; cursor:pointer; line-height:29px;}  
.pagination_box .btn_previous span{font-size:18px;}
.pagination_box .btn_previous a:hover{ color:#FF9E19;}

.pagination_box .btn_previous_disable{width:80px; height:22px; float:left; /*display:table;*/ margin:0px 8px 0px 0px; }
.pagination_box .btn_previous_disable a{font-family: 'RobotoRegular'; font-size:14px; color:#969696; display:table-cell; vertical-align:middle; text-align:center; cursor:pointer; line-height:19px;}  
.pagination_box .btn_previous_disable span{font-size:18px;}


.pagination_box .number_box{width:22px; height:22px; float:left; display:table;  margin:0px 1px 0px 0px;}
.pagination_box .number_box a{border:solid 1px #dfdfdf; text-align:center; display: table-cell;  vertical-align:middle; font-family: 'RobotoRegular'; font-size:14px; color:#666666; }
.pagination_box .number_box a:hover{ color:#FF9E19;}

.pagination_box .page_active{width:22px; height:22px; float:left; display:table;  margin:0px 1px 0px 0px;}
.pagination_box .page_active a{border:solid 1px #dfdfdf; text-align:center; display: table-cell;  vertical-align:middle;font-family: 'RobotoRegular'; font-size:14px; color:#FF9E19; }


.pagination_box .btn_next{width:60px; height:22px; float:left; display:table; margin:0px 8px 0px 0px; }
.pagination_box .btn_next a{font-family: 'RobotoRegular';font-size:14px; color:#666666; display:table-cell; vertical-align:middle; text-align:center; cursor:pointer; line-height:19px;}  
.pagination_box .btn_next span{font-size:18px;}
.pagination_box .btn_next a:hover{ color:#FF9E19;}

/*==========================================================================================================*/




/* =Footer
--------------------------------------------------------------------------------------------------*/
#footer { background: none; width: 100%; padding: 45px 0; }
#footer ul { }
#footer ul li { }
#footer ul li a { }
.footer-left { width: 650px; float: left; }
.quick_links { width: 190px; float: left;/* padding-right: 70px;*/ }
.quick_links h4 { font-family: 'RobotoRegular'; font-size: 20px; color: #fff; padding-bottom:15px; text-transform: uppercase; }
.quick_links h4 span { font-family: 'RobotoRegular'; font-size: 20px; color: #ff9e19; }
.quick_links ul { float: left; }
.quick_links ul li { width: 100%; padding: 4px 0 6px; line-height: 18px; background: none; }
.quick_links ul li.last { background: none; }
.quick_links ul li a { font-family: 'RobotoRegular'; font-size: 13px; color: #f1eded; background: url(../images/bullets.png) no-repeat left center; padding-left: 12px; }
.quick_links ul li a:hover { text-decoration: none; color: #FF9E19; }
.getin_touch { width: 270px; float: left; /* padding-right:40px;*/ }
.getin_touch h4 { font-family: 'RobotoRegular'; font-size: 20px; color: #f1eded; padding-bottom:15px; text-transform: uppercase; }
.getin_touch h4 span { font-family: 'RobotoRegular'; font-size: 20px; color: #ff9e19; }
.getin_touch ul { float: left; }
.space-bottom{ padding-bottom:10px;}
.getin_touch ul li { width: 100%; padding: 4px 0 0; float: left; line-height: 18px; background: none; }
.getin_touch ul li img { float: left; vertical-align: middle; padding: 3px 13px 0 0;width:12px; }
.address { float: left; width: 235px; }
.address .bold { color: #ff9e19; }
.address p { font-family: 'RobotoRegular'; font-size: 13px; color: #f1eded; padding: 0 !important; }
.getin_touch ul li a { font-family: 'RobotoRegular'; font-size: 13px; color: #f1eded; line-height: 16px; }
.getin_touch ul li a:hover { text-decoration: none; color: #FF9E19; }
.getin_touch ul li.last { background: none; }
.gallery { width: 360px; float: right; margin-right: 10px; }
.gallery h4 { font-family: 'RobotoRegular'; font-size: 20px; color: #f1eded; padding-bottom: 20px; text-transform: uppercase; }
.gallery h4 span { font-family: 'RobotoRegular'; font-size: 20px; color: #ff9e19; }
.gallery ul { }
.gallery li { float: left; padding: 2px; background: none; }
.gallery li a { }
.gallery li a img { padding: 0; margin: 0;width:auto; }
.gallery li a img:hover { opacity: 0.6; }
.glossymenu { display: none; }

#footer-detail p span.developed_by{ color:#fff;}

/* End Footer
--------------------------------------------------------------------------------------------------*/


/* = Start Contact Page
--------------------------------------------------------------------------------------------------*/
.getin_touch ul li.man-head{ padding-top: 8px;}
.callsn{padding: 5px 12px 5px 0 !important;}
.widecolumn-data { width: 460px; float: left; clear: both; margin-left: 20px; }
.enq-form p { font-family: 'RobotoRegular'; font-size: 13px; padding: 0 0 20px !important; color: #404040; }
.enq-form { width: 100%;  float:left; background:#F7F7F7; padding-left:40px; padding-bottom:20px;}
.enq-form h4 { font-family: 'RobotoRegular'; font-size: 20px; padding: 20px 0 20px; text-transform: uppercase;   line-height:15px}
.enq-form li { position: relative; float: left; width: 96%; background: none; padding: 0 0 10px 0; }
.enq-form li input { height: 40px; width: 91%; border: none; border: 1px solid #d3d3d3; font-family: 'RobotoRegular'; font-size: 13px; color: #000; padding: 0 10px; }
.enq-form li textarea {/* line-height: 38px;*/ height: 105px; width: 91%; border: 1px solid #d3d3d3; font-family: 'RobotoRegular'; font-size: 13px; color: #000; padding: 10px 10px; } 
.require { float: left; /*padding-bottom: 10px;*/ }
.submit { background: #000; height: 40px; width: 160px; display: block; text-align: center; }
.submit span { color: #fff; font-family: 'RobotoRegular'; font-size: 15px; line-height: 40px; text-transform: uppercase; }
.submit:hover { text-decoration: none; background: #FF9E19; color: #000; }
.enq-form .comments { width: 100%; }
.enq-form .comments input.sum { width: 138px; margin-bottom: 13px; font-size: 13px;font-family: 'RobotoRegular';}
.enq-form .comments input { height: 38px; width: 90%; border: none; border: 1px solid #d3d3d3; font-family: 'RobotoRegular'; font-size: 15px; color: #1d1d1d; padding: 0 10px; }
.enq-form .comments p { font-family: 'RobotoRegular'; font-size: 13px; padding: 0 0 11px !important; }
.video iframe{ float: left; }
.contact-details { float: left; width: 176px; margin-left: 20px;height:auto; }
.code { background: url(../images/scratch.png) repeat-x center; text-align: center; height: 45px; width: 80px; display: block; float: left; line-height: 45px; margin-right: 15px; font-family: 'RobotoRegular'; font-size: 16px; color: #000; }
.refresh img { vertical-align: middle; padding: 4px 0;width:auto; }
.map-area { margin-bottom: 40px; width: 100%; float: left; padding: 20px 0 0px; text-align: center; }
.map-area iframe { width: 100%; padding-bottom: 8px; }
.view-map { background: #000; padding: 10px 15px; text-align: center; }
.view-map span { color: #fff; font-family: 'RobotoRegular'; font-size: 15px; line-height: 40px; text-transform: uppercase; }
.view-map:hover { background: #FF9E19; color: #fff; text-decoration: none; }
.narrowcolumn-data { width: 370px; float: right; }
.map-address { float: left; }
.map-address h4 { font-family: 'RobotoRegular'; font-size: 20px; padding: 0px 0 20px; text-transform: uppercase; line-height:15px }
.map-address ul { float: left; }
.map-address ul li { width: 100%; padding: 15px 0; float: left; background: none; }
.map-address ul li img { float: left; vertical-align: middle; padding: 4px 6px 0 0; width:auto;}
.map-address .address-data { float: left; }
.map-address .address-data p { font-family: 'RobotoRegular'; font-size: 13px; color: #000; padding: 0 !important; }
.map-address .address-data .dark { font-family: 'RobotoRegular'; font-size: 13px; color: #FF9E19; }
.map-address ul li a { font-family: 'RobotoRegular'; font-size: 15px; color: #800000; line-height: 18px; }
.map-address ul li a:hover { text-decoration: none; color: #000; }
.map-address ul li.last { background: none; }
.enq-form li input.date { position: relative; }
.datepicker{ background:url(../images/date.png) no-repeat 98% 50% !important; background-color:#fff !important;}
/* End Contact Page
--------------------------------------------------------------------------------------------------*/




/* = Start footer-detail
--------------------------------------------------------------------------------------------------*/
#footer-detail { background: url(../images/footer-bg.png) repeat scroll center bottom; padding: 40px 0; margin: 0 auto; text-align: center; width: 100%; border-bottom: 5px solid #ff9e1a; }
.footer-logo { }
.footer-logo a img { padding: 0; margin: 0; float: none;width:auto; }
#footer-detail p { padding-top: 20px; font-family: 'RobotoRegular'; font-size: 12px; color: #f1eded; text-align: center; padding-bottom: 0 !important; }
#footer-detail p span{color: #ff9e19;font-family: 'RobotoRegular'; font-size: 12px;}
#footer-detail p a { font-family: 'RobotoRegular'; font-size: 12px; color: #ff9e19; }
#back-top { /*bottom: -7px; position: fixed; right: 7.9%; z-index: 9999999;*/ left: 52.3%; margin-left: 500px; margin-top: -250px; overflow: visible; padding: 5px; position: fixed !important; bottom: -12px; }
#back-top a { width: 32px; display: block; text-align: center; -webkit-transition: 1s; -moz-transition: 1s; transition: 1s; }
#back-top span { width: 32px; height: 30px; display: block; margin-bottom: 7px; background: url(../images/back_to_top.png) no-repeat center center; -webkit-transition: 1s; -moz-transition: 1s; transition: 1s; }



/* End footer-detail
--------------------------------------------------------------------------------------------------*/





.crausal-wrapper{ width:100%; float:left;}
.crausal-wrapper .product-pad{ width:100%; float:left; position:relative; background:url(../images/crausal-pro-bg.png) no-repeat 30px 290px;}
.bx-controls-direction{ background:#fff; padding:10px; position:absolute; right:9px; top:-50px; display:table; width:15px; height:0;}
.crausal-wrapper .bx-prev{ background:url(../images/prev.png) no-repeat !important; width:8px !important; height:11px !important; left:0 !important; position:inherit !important;}
.crausal-wrapper .bx-next{ background:url(../images/next.png) no-repeat !important; width:8px !important; height:11px !important; right:0 !important; position:inherit !important;}

.crausal-wrapper li{ background:none; padding:0; float:left;}
.bx-wrapper .bx-viewport{ border:0 !important; box-shadow:none !important;}

.bx-pager{ display:none;}







/* = Media CSS Start
--------------------------------------------------------------------------------------------------*/

@media only screen and (max-width: 1024px) {
#wrapper, .main, #header, .header-top, .container, #footer, #footer-detail, .banner { width: 100%; }
#menu li a { padding: 0 10px; }
.content { padding: 40px 20px; }
.content-cms{ padding: 40px 20px; }
.footer-left { width: 65%; }
.gallery { width: 30%; }
ol.bjqs-markers { width: 100%; left:0 !important;}
#banner-fade { width: 100%; }
#back-top { left: 46.9%; }
.quick_links { margin-left: 10px; width: 176px; }
.inner-banner {
    height: auto;
    margin: 0 0 0 0;
    width: 100%;
}

.inner-banner img { width: 100%; padding:0; }
.narrowcolumn-data { float: left; margin-left: 80px; }
.gallery-data {
    margin: 0 10px;
    width: 98%;
}
.breadcrumbs{ margin-left:0; }
.title_inside h2 {
    padding: 0 0 15px 0 !important;
}
.widecolumn-data{ margin-left:0;}

.title_cms h2{ padding: 0 0 15px 0 !important;}
.content-area{ margin:0;}
/*.gallery-data li.no-margin { float: right; margin-right: 12px; }
*/}
 @media only screen and (max-width: 1000px) {
#wrapper, .main, #header, .header-top, .container, #footer, #footer-detail, .banner { width: 100%; }
#menu li a { padding: 0 9px; }
.content { padding: 40px 20px; }
.content-cms{ padding: 40px 20px; }
.footer-left { width: 65%; }
.gallery { width: 30%; }
ol.bjqs-markers { width: 88%; }
#banner-fade { width: 100%; }
#back-top { left: 44.9%; }
.quick_links { margin-left: 10px; width: 176px; }
.jcarousel-skin-tango .jcarousel-container-horizontal { width: 963px !important; }
.jcarousel-skin-tango .jcarousel-item-horizontal { margin-right: 23px !important; }
ol.bjqs-markers { width: 96%; }
.inner-banner { height: auto; }
.inner-banner img { width: 100%; }
.narrowcolumn-data { float: left; margin-left: 70px; }
.gallery-data li { margin-right: 0px; padding: 3px 6px; margin-bottom:0; }
.map-address ul li img.connect{ padding: 4px 16px 0 6px;width:auto;}

/*.gallery-data li.no-margin { float: right; margin: 0; }
*/}
 @media only screen and (max-width: 800px) {
.slicknav_nav { right: 24px; top: 22px; }
.slicknav_menu .slicknav_icon { float: none !important; }
.slicknav_menu .slicknav_no-text { position: absolute; right: -1px; top: -1px; }
.slicknav_menu { right: 0; top: 70px; width: auto !important; }
.js #menu { display: none; }
.js .slicknav_menu { display: block; }
.breadcrumbs{ width:100%;}
#wrapper, .main, #header, .header-top, .container, #footer, #footer-detail, .banner { width: 100%; }
#banner-fade, #banner-slide { margin-bottom: 10px; }
#banner-fade { height: auto !important; margin: 0; width: 100%; }
ul.bjqs { height: 390px !important; }
li.bjqs-slide { height: auto !important; }
li.bjqs-slide img { height: auto !important; width:auto;}

p.bjqs-caption { display: block; padding: 20px 25px; }
li.bjqs-slide span { display: block; padding: 20px 25px; bottom: 117px;line-height:25px;  }
li.bjqs-slide a { display: block; padding: 20px 25px; line-height:25px;  }
.top-bar { margin-right: 10px; }
.banner { height: 360px; }
.content { padding: 40px 20px; margin: 0 10px; }
.content-cms{ padding: 40px 20px; margin: 0 10px; }
.widecolumn { width: 63%; }
.narrowcolumn { width: 32%; }
.jcarousel-skin-tango .jcarousel-item-horizontal { margin-right: 15px !important; }
.jcarousel-skin-tango { width: 100%; }
.jcarousel-skin-tango .jcarousel-container-horizontal { width: 100% !important; }
.jcarousel-skin-tango .jcarousel-clip-horizontal { width: 100% !important; }
.gallery { margin: 10px 2px 0; width: 98%; }
ol.bjqs-markers { width: 97%; }
.gallery li { padding: 0 3px; }
#back-top { left: 31.9%; }

.footer-left { margin: 0 10px; padding: 20px 27px; width: 90.3%; }
.our_clients .title_bg { width: 93.8%; }
.getin_touch { float: right; }
.quick_links { width: 205px; }
.inner-banner {
    height: auto;
    margin: 0px;
    width: 100%;
}

.inner-banner img { width: 100%; padding:0; }
.widecolumn-data { width: 100%; margin-left: 0; }
.narrowcolumn-data { width: 100%; margin-top: 15px; float: left; margin-left: 0; }
.map-area { width: 100%; padding: 0; }
.enq-form { margin: 0; padding: 0 10px 0 13px; width:97.2%; }
.enq-form ul { width: 100%; }
.enq-form ul.comments li input.sum { width: 120px; }
.enq-form h4 { padding: 10px 0; }
.code { margin: 0; }
.refresh { padding: 0 5px; float:left; }
.enq-form ul.comments textarea { width: 95%; }
.require { width: auto; float: left; margin: 0; padding: 0; }
.submit { float: left; margin-top: 2px; width: 177px; }
.enq-form .comments input.sum { float: left; margin-right: 8px; margin-top: 2px; width: 120px; }
.enq-form li input { width: 96.5%; }
.enq-form li textarea { width: 96.5%; }
.map-address { width: 100%; }
.map-address ul { width: 100%; }
.map-address ul li { width: 50%; }
.require p { clear: none; padding: 0; }
.contact-details { width:49%; margin-left: 10px; }

.map-address h4 { padding: 0; }
.address-data { width: 80%; }
.enq-form li { width: 48%; margin-right: 14px; }
.gallery-data {
    margin: 0 0 0 50px;
    width: 90%;
}
.cms-block ol{margin-left: 13px;}


.map-area iframe {    height: 300px !important;width: 100% !important; }
.video iframe { width:100%; height: 175px; margin-right:10px; }
.video { width: 100%; }

.video .videoUiWrapper {margin-right:10px;}
.require img{ padding:4px 0;}

.enq-form li.last{ width:99.7%;}
/*.gallery-data li.no-margin { float: left; margin-right: 18px; }
*/

.glossymenu .submenu .quick_data li a{   padding: 10px 0 10px 10px; }





}
@media only screen and (max-width: 768px) {
.js #menu { display: none; }
.js .slicknav_menu { display: block; }
#wrapper, .main, #header, .header-top, .container, #footer, #footer-detail, .banner { width: 100%; }
#banner-fade, #banner-slide { margin-bottom: 10px; }
#banner-fade { height: auto !important; margin: 0; width: 100%; }
ul.bjqs { height: 390px !important; }
li.bjqs-slide { height: auto !important; }
li.bjqs-slide img { height: auto !important;width:auto; }
p.bjqs-caption { display: block; padding: 20px 25px;  }
li.bjqs-slide span { display: block; padding: 20px 25px;  }
li.bjqs-slide a { display: block; padding: 20px 25px; left: 0; }
.top-bar { margin-right: 10px; width: 98%; }
.banner { height: 360px; }
.content { padding: 40px 20px; margin:18px 10px 10px; }
.content-cms{ padding: 40px 20px; margin: 0 10px; width:92%; }
.widecolumn { width: 63%; }
.narrowcolumn { width: 32%; }
.jcarousel-skin-tango .jcarousel-item-horizontal { margin-right: 6px !important; }
.jcarousel-skin-tango { width: 100%; }
.jcarousel-skin-tango .jcarousel-container-horizontal { width: 100% !important; }
.jcarousel-skin-tango .jcarousel-clip-horizontal { width: 100% !important; }
.gallery { margin: 10px 2px 0; width: 98%; }
ol.bjqs-markers { width: 97%; }
.gallery li { padding: 0 3px; }
#back-top { left: 28.9%; }
.footer-left { margin: 0 10px; padding: 20px 27px; width: 90.3%; }
.our_clients .title_bg { width: 93.8%; }
.getin_touch { float: right; }
.quick_links { width: 198px; }
.slicknav_menu { width: auto !important; top: 70px; right: 0; }
.slicknav_nav { right: 24px; top: 22px; }
.slicknav_menu .slicknav_icon { float: none !important; }
.slicknav_menu .slicknav_no-text { position: absolute; right: -1px; top: -1px; }
.glossymenu div.no-bg { background: none !important; }
.glossymenu div.submenu ul li.last { border: none; }
.slicknav_nav li:last-child { border: none !important; }
.inner-banner {
    height: auto;
    margin: 0px;
    width: 100%;
}

.inner-banner img { width: 100%; padding:0; }

.map-address ul li img.connect{ padding: 4px 16px 0 6px;width:auto;}

.header-top li.no-boredr { background: none; }
ol.bjqs-markers { bottom: 35px; }
.widecolumn-data { width: 100%; margin-left: 0; }
.narrowcolumn-data { width: 100%; margin-top: 15px; }
.map-area { width: 100%; padding: 0; }
.map-area iframe {    height: 300px !important;width: 100% !important; }
.video iframe { width: 100%; height: 175px; margin-right:10px; }
.video { margin-bottom: 10px; width: 100%; }
.enq-form { margin: 0; padding: 0 0 0 17px;  width:97.6%;}
.enq-form ul { width: 100%; }
.enq-form ul.comments li input.sum { width: 120px; }
.enq-form h4 { padding: 10px 0; }
.code { margin: 0; }
.refresh { padding: 5px 5px; }
.enq-form ul.comments textarea { width: 95%; }
.require { width: auto; float: left; margin: 0; padding: 0; }
.submit { float: left; margin-top: 2px; width: 177px; }
.enq-form .comments input.sum { float: left; margin-right: 8px; margin-top: 2px; width: 120px; }
.enq-form li input { width: 96.5%; }
.enq-form li textarea { width: 96.5%; }
.map-address { width: 100%; }
.map-address ul { width: 100%; }
.map-address ul li { width: 50%; }
.require p { clear: none; padding: 0; }
.contact-details { width:49%; margin: 0 0 0 10px; }

.map-address h4 { padding: 0; }
.address-data { width: 80%; }
.enq-form li { width: 47%; margin-right: 14px; }
.enq-form li.last{ width:100%;}
.gallery-data {
 
    margin: 0 52px;
    width: 86%;
}

.cms-page{ width:100%; padding:0;}

.cms-block{ margin-right:10px; margin-bottom:10px;}
.cms-block ol{margin-left: 13px;}
.cms-block-data{ width:100%;}
.cms-block-data table{ width:100%;}
table th{ font-size:10px;}


.crausal-wrapper li{ width:150px !important; margin-right:36px !important; float:left;}

/*.gallery-data li.no-margin { float: left; margin-right: 18px; }*/
}
@media only screen and (max-width: 640px) {
.header-top li.no-boredr { background: none; }
#back-top { left: 14.9%; }
.js #menu { display: none; }
.banner { height: 208px; }
p.bjqs-caption { font-size: 13px; padding: 9px 25px 9px !important;  }
p.bjqs-caption b { font-size: 13px; }
li.bjqs-slide span {  padding: 7px 25px 2px; font-size: 12px; }
li.bjqs-slide a { left: 20px; font-size: 13px; padding: 9px 25px 9px !important; bottom: 151px; }
ul.bjqs { height: 218px !important; }

.require img{ padding-top:4px; padding-right:0; width:auto;}
.refresh img{ padding:8px 0;}
.glossymenu div.submenu ul li.last img {padding-top: 5px !important;width:auto;} 
.bx-controls-direction{ top:-39px;}
.map-address ul li img.connect{ padding: 4px 16px 0 6px;width:auto;}
.enq-form .comments p{  padding: 0 0 7px !important;}
.js .slicknav_menu { display: block; }
#wrapper, .main, #header, .header-top, .container, #footer, #footer-detail, .banner { width: 100%; }
#banner-fade, #banner-slide { margin-bottom: 10px; }
.header-top ul li a {/* display: block;*/ }
.header-top li { padding: 0 7px }
.top-bar { float: left; width: 99%; }
ol.bjqs-markers { width: 92%; bottom: 0; }
.header-top li img { padding: 4px 0; width:auto;}
.header-top li.border { margin-left: 0; }
.social li a.fb { width: 14px; }
.content { width: 94%; margin: 10px; padding: 10px; }
.content-cms{width: 94%; margin: 20px 10px 10px;padding: 10px; }
.widecolumn { width: 100%; }
.content h2 { font-size: 19px !important; padding: 10px 0 15px!important; }
.content h2 span { font-size: 20px; padding: 0 0 0 5px; }
.narrowcolumn { width: 100% }
.glossymenu div.submenu ul li a:hover { text-decoration: none; }
.glossymenu div.submenu .con-detail li a:hover { text-decoration: none; }
.jcarousel-skin-tango { width: 100%; }
.jcarousel-skin-tango .jcarousel-container-horizontal { width: 100% !important; }
.jcarousel-skin-tango .jcarousel-clip-horizontal { width: 100% !important; }
.jcarousel-skin-tango .jcarousel-item-horizontal { margin-left: 23px !important; margin-right: 27px !important; }
.title_bg { background: url(../images/border-center.png) repeat-x scroll center 27px; }
#header { height: 140px; }
.our_clients .title_bg { width: 92.5%; }
.narrowcolumn h4 { font-size: 20px; }
.jcarousel-skin-tango .jcarousel-prev-horizontal { top: -9px !important; }
.jcarousel-skin-tango .jcarousel-next-horizontal { top: -9px !important; }
.our_clients { padding-top: 10px; }
.glossymenu { margin: 0 10px; padding: 0; width: 97%; }
.glossymenu a.menuitem { background: black url(glossyback.gif) repeat-x bottom left; font-family: 'RobotoRegular'; font-size: 16px; color: white; display: block; position: relative; /*To help in the anchoring of the ".statusicon" icon image*/ width: auto; padding: 10px 0; /*margin-bottom:20px;*/ padding-left: 10px; text-decoration: none; }
.glossymenu a.menuitem span { color: #FF9E19; }
.glossymenu a.menuitem:visited, .glossymenu .menuitem:active { color: white; }
.glossymenu a.menuitem .statusicon { position: absolute; top: 12px; right: 5px; border: none;  padding:0 5px 0 0; height:16px; width:16px;}
.accordsuffix{ float:right;}
.glossymenu a.menuitem:hover { background-image: url(glossyback2.gif); }
.glossymenu div.submenu { background: white; margin-bottom: 15px; }
.glossymenu div.submenu ul { list-style-type: none; margin: 0; padding: 0; }
.space { margin-bottom: 10px; }
.glossymenu div.submenu ul li { border-bottom: 1px solid #FF9E19; background: none; padding: 0 }
.glossymenu div.submenu ul.image-gallery li { float: left; border: none; }
.glossymenu div.submenu ul.image-gallery li a { padding: 0 10px 12px; }
.glossymenu div.submenu ul.image-gallery li a:hover { background: none; }
.glossymenu div.submenu ul li a { display: block; padding: 2px 0 3px 1px; font-family: 'RobotoRegular'; font-size: 16px; color: #000; }
.glossymenu div.submenu ul li a:hover { background: #DFDCCB; color: #ff9e19; }
.glossymenu { display: block; }
.quick_links, .getin_touch, .gallery { display: none; }
#footer { padding: 10px 0 16px; }
.glossymenu div.submenu ul.con-detail li { border: none; padding: 15px 12px; }
.glossymenu div.submenu ul.con-detail li img { float: left; padding: 0 10px;width:auto; }
.address { width: 89%; }
.glossymenu div.submenu ul li a:hover { background: none; }
.address p { color: #000; font-family: 'RobotoRegular'; font-size: 15px; }
.jcarousel-skin-tango .jcarousel-item-horizontal { margin-right: 15px !important; margin-left: 15px !important; }
#footer-detail p { font-size: 11px; }
.header-top .social { padding: 18px 15px; }
.footer-left { padding: 0!important; width: auto!important; background: none!important; }
.glossymenu div.no-color{ background:none !important}
.gallery-data li:hover .mask{ background: url(../images/transparent.png) no-repeat scroll 6px 8px hsla(0, 0%, 0%, 0);}
.inner-banner {
    height: auto;
    margin: 0;
    width: 100%;
}
#logo img{ width:53%;}
.inner-banner img { width: 100%; padding:0; }

.glossymenu div.submenu ul.image-gallery li a img { padding: 0 0 10px; width:auto;}
.widecolumn-data { width: 100%; margin-left: 0; }
.narrowcolumn-data { width: 100%; margin-top: 15px; }
.map-area { width: 100%; padding: 0; }
.map-area iframe { width: 100%; height: 200px; }
.enq-form { margin: 0; padding: 0 10px; width:96.5% }
.enq-form ul { width: 100%; }
.enq-form ul.comments li input.sum { width: 120px; }
.enq-form h4 { padding: 10px 0; }
.code { margin: 0; }
.refresh { padding: 0 5px; }
.refresh img{ padding: 8px 0;}
.enq-form ul.comments textarea { width: 95%; }
.require { width: auto; float: left; margin: 0; padding: 0; }
.submit { float: left; margin-top: 2px; width: 177px; }
.enq-form .comments input.sum { float: left; margin-right: 8px; margin-top: 2px; width: 120px; }
.enq-form li input { width: 96.5%; }
.enq-form li textarea { width: 96.5%; }
.map-address { width: 100%; }
.map-address ul { width: 100%; }
.map-address ul li { width: 50%; }
.require p { clear: none; padding: 0; }
.contact-details { width: 100%; margin: 0; padding-top:8px }
.video iframe { width: 100%; height: 175px; }
.video { margin-bottom: 10px; width: 100%; }
.map-address h4 { padding: 0; }
.address-data { width: 80%; }
.enq-form li { width: 99%; }
.gallery-data{  margin: 0 40px 0 70px;
    width: 83%;}
.gallery-data li { width: 44%;     height: 185px; }
.view { width: 100%; }
.image-box { width: 100%; }
.gallery-data img { height: auto; width: 95%; }
.view .mask { height: 174px;
    width: 95% !important; }
.view a.info { top:64px !important; }

.cms-page{ width:100%;}

.cms-block{ margin-right:10px; margin-bottom:10px;}
.cms-block ol{margin-left: 13px;}
.cms-block-data{ width:100%;}
.cms-block-data table{ width:100%;}
table th{ font-size:10px;}


.crausal-wrapper li{ width:180px !important; margin-right:30px !important;}
.banner-data {
    bottom: 150px;
    left: 0;
}
.glossymenu div.submenu ul li.last a{ display:inline; padding:0;}
.glossymenu div.submenu ul.quick_data li.last a{ display:block; padding:10px 0 10px 10px;}
/*.gallery-data li.no-margin { float: left; margin-right: 18px; }
*/}
 @media only screen and (max-width: 600px) {
.jcarousel-skin-tango .jcarousel-item-horizontal { margin-left: 4px !important; margin-right: 15px !important; }
.gallery-data {
    margin: 0 40px 0 70px;
    width: 81%;
}
.gallery-data li {
    height: 158px;}
	
	.view a.info {
    top: 57px !important;  left: 8px;
}
.glossymenu div.submenu ul li.last a{ display:inline; padding:0;}
.glossymenu div.submenu ul.quick_data li.last a{ display:block; padding:10px 0 10px 10px;}
}

@media only screen and (max-width: 480px) 
{
	
.twdfeed 
{padding-top: 51px;font-size:20px; color:#000; font-family:RobotoRegular; padding-bottom:20px; text-transform:uppercase; display:table-footer-group;
}

.js #menu { display: none; }
ul.bjqs { height: 218px !important; }
.js .slicknav_menu { display: block; }
#wrapper, .main, #header, .header-top, .container, #footer, #footer-detail, .banner { width: 100%; }
#banner-fade, #banner-slide { margin-bottom: 10px; }
.refresh img{ padding:8px 0;}
.header-top ul li a.s_block { display: none; }
.header-top li { padding: 0 5px }
.top-bar { float: left; width: 99%; }
ol.bjqs-markers { width: 92%; bottom: 0; }
.header-top li img { padding: 4px 0;width:auto; }
.header-top li.border { margin-left: 0; }
.social li a.fb { width: 14px; }


.map-address ul li img.connect{ padding: 4px 16px 0 6px;width:auto;}
#logo {   margin:0 0 0 -37px;padding:0px; }
#logo img{ padding:0px; margin:0px; width:69%;}
.glossymenu div.submenu ul li.last img {padding-top: 5px !important;width:auto;}
p.bjqs-caption { font-size: 13px; }
p.bjqs-caption b { font-size: 13px; }
li.bjqs-slide span {  font-size: 12px; }
li.bjqs-slide a { left: 20px; bottom: 151px; font-size: 13px; }
.content { width: 91.8%; margin:20px 10px 0; padding: 10px; }
.content-cms { width: 91.8%; margin: 10px; padding: 10px; }
.bx-controls-direction{ top:-38px;}
.widecolumn { width: 100%; }
.content h2 { font-size: 19px!important; padding: 10px 0 15px!important; }
.content h2 span { font-size: 20px; padding: 0 0 0 5px; }
.narrowcolumn { width: 100% }
.jcarousel-skin-tango { width: 100%; }
.jcarousel-skin-tango .jcarousel-container-horizontal { width: 100% !important; }
.jcarousel-skin-tango .jcarousel-clip-horizontal { width: 100% !important; }
.jcarousel-skin-tango .jcarousel-item-horizontal { margin-left: 15px !important; margin-right: 15px !important; }
.title_bg { background: url(../images/border-center.png) repeat-x scroll center 27px; }
#header { height: 139px; }
.our_clients .title_bg { width: 90%; }
.narrowcolumn h4 { font-size: 20px; }
.jcarousel-skin-tango .jcarousel-prev-horizontal { top: -9px !important; }
.jcarousel-skin-tango .jcarousel-next-horizontal { top: -9px !important; }
.our_clients { padding-top: 10px; }
.glossymenu { margin: 0 10px; padding: 0; width: 96%; }
.glossymenu a.menuitem { background: black url(glossyback.gif) repeat-x bottom left; font-family: 'RobotoRegular'; font-size: 16px; color: white; display: block; position: relative; /*To help in the anchoring of the ".statusicon" icon image*/ width: auto; padding: 10px 0; /*margin-bottom:20px;*/ padding-left: 10px; text-decoration: none; }
.glossymenu a.menuitem span { color: #FF9E19; }
.glossymenu a.menuitem:visited, .glossymenu .menuitem:active { color: white; }
.glossymenu a.menuitem .statusicon { position: absolute; top: 12px; right: 5px; border: none; }
.glossymenu a.menuitem:hover { background-image: url(glossyback2.gif); }
.glossymenu div.submenu { background: white; margin-bottom: 15px; }
.glossymenu div.submenu ul { list-style-type: none; margin: 0; padding: 0; }
.space { margin-bottom: 10px; }
.glossymenu div.submenu ul li { border-bottom: 1px solid #FF9E19; background: none; padding: 0 }
.glossymenu div.submenu ul.image-gallery li { float: left; border: none; }
.glossymenu div.submenu ul.image-gallery li a { padding: 0 12px 6px; }
.glossymenu div.submenu ul.image-gallery li a:hover { background: none; }
.glossymenu div.submenu ul li a { display: block;padding: 2px 0 3px 1px;font-family: 'RobotoRegular'; font-size: 16px; color: #000; }
.glossymenu div.submenu ul li a:hover { color: #C57A13; }
.glossymenu { display: block; }
.quick_links, .getin_touch, .gallery { display: none; }
#footer { padding: 10px 0 16px; }
.glossymenu div.submenu ul.con-detail li { border: none; padding: 15px 12px; }
.glossymenu div.submenu ul.con-detail li img { float: left; padding: 3px 10px; width:auto;}
.address { width: 85%; padding-bottom: 10px; }
.address p { color: #000; font-family: 'RobotoRegular'; font-size: 15px; }
.jcarousel-skin-tango .jcarousel-item-horizontal { margin-right: 45px !important; }
#footer-detail p { font-size: 11px; }
.header-top .social { padding: 18px 15px; }
#back-top { left: -13.1%; }
.slicknav_menu { top: 60px; }
.refresh img {padding: 8px 0 !important;}

.inner-banner {
    height: auto;
    margin: 0;
    width: 100%;
}

.inner-banner img { width: 100%; padding:0; }

.widecolumn-data { width: 100%; margin-left: 0; }
.narrowcolumn-data { width: 100%; margin-top: 15px; }
.map-area { width: 100%; padding: 0; }
.map-area iframe { width: 100%; height: 200px; }
.enq-form { margin: 0; padding: 0 10px; width:95%; }
.enq-form ul { width: 100%; }
.enq-form ul.comments li input.sum { width: 120px; }
.enq-form h4 { padding: 10px 0; }
.code { margin: 0; }
.refresh { padding: 0 5px; }
.enq-form ul.comments textarea { width: 95%; }
.require { width: auto; float: left; margin: 0; padding: 0; }
.submit { float: left; margin-top: 2px; width: 177px; }
.enq-form .comments input.sum { float: left; margin-right: 8px; margin-top: 2px; width: 112px; }
.require p { clear: none; padding: 0; }
.contact-details { width: 100%; margin: 0 0 15px 0; }
.video iframe { width: 100%; height: 176px; }
.video { margin-bottom: 5px; width: 100%; }
.map-address h4 { padding: 0; }
.address-data { width: 80%; }
.enq-form li input { width: 95%; }
.enq-form li textarea { width: 95%; }
.map-address ul li { width: 100%; }
.glossymenu div.submenu ul.image-gallery li a img { padding: 0 0 10px; width:auto;}
.content-area { width: 100%; }
.gallery-data { width: 100%; margin:0; }
.gallery-data li {  width: 49%; height:188px; }
.view { width: 100%; }
.gallery-data img { width: 100%; height: auto; }
.third-effect .mask { width: 100%; }
.view .mask { width: 100%; height: 100%; }
.view a.info { top: 71px !important; }


.gallery-data li:hover .mask {background: url(../images/transparent.png) no-repeat 13px 11px ;}


.cms-page{ width:100%;}
.cms-page img{ width:100%;}
.cms-block{ margin-right:10px; margin-bottom:10px;}
.cms-block ol{margin-left: 13px;}
.cms-block-data{ width:100%;}
.cms-block-data table{ width:100%;}
table th{ font-size:10px;}

.glossymenu div.submenu ul li.last a{ display:inline; padding:0;}
.glossymenu div.submenu ul.quick_data li.last a{ display:block; padding:10px 0 10px 10px;}
.crausal-wrapper li{ width:180px !important; margin-right:8px !important; float:left;}
.banner-data{  bottom:65px;left: 0;}

/*.gallery-data li.no-margin { float: none; margin: 0 60px; }
*/

}

/*@media only screen and (max-width: 361px) 
{
	.submit{ width:100%;}
	
.header-top ul li a.s_block {
    display: none;
}
}*/

@media only screen and (max-width: 360px) 
{
	.twdfeed 
{padding-top: 51px;font-size:20px; color:#000; font-family:RobotoRegular; padding-bottom:20px; text-transform:uppercase;
}

.js #menu { display: none; }
.js .slicknav_menu { display: block; }
#wrapper, .main, #header, .header-top, .container, #footer, #footer-detail, .banner { width: 100%; }
#banner-fade, #banner-slide { margin-bottom: 10px; }
.header-top ul li a.s_block { display: none; }
.header-top li { padding: 0 5px }
.top-bar { float: left; }
ol.bjqs-markers { width: 92%; bottom: -12px; }
.header-top li img { padding: 4px 0;width:auto; }
.header-top li.border { margin-left: 0; }
.social li a.fb { width: 14px; }
/*#logo a img { width: 90%; left: -33px; top: 54px !important; }*/
.map-address ul li img.connect{ padding: 4px 16px 0 6px;width:auto;}
#logo {   margin:0 0 0 -40px;padding:0px; }
#logo img{ padding:0px; margin:0px;width:auto;}
.banner { height: 169px; }
p.bjqs-caption {  font-size: 13px;  }
p.bjqs-caption b { font-size: 13px; }
li.bjqs-slide span { font-size: 12px; padding: 5px 24px 6px; line-height:18px;}
li.bjqs-slide a { left: 15px; font-size: 13px; bottom: 87px; line-height:18px; }
.content { width: 89%; margin: 10px; padding: 10px; }
.content-cms{width: 89%; margin: 10px; padding: 10px;}
.widecolumn { width: 100%; }
.content h2 { font-size: 19px!important; padding: 10px 0 15px!important; }
.content h2 span { font-size: 20px; padding: 0 0 0 5px; }
.narrowcolumn { width: 100% }
.jcarousel-skin-tango { width: 100%; }
.jcarousel-skin-tango .jcarousel-container-horizontal { width: 100% !important; }
.jcarousel-skin-tango .jcarousel-clip-horizontal { width: 100% !important; }
.jcarousel-skin-tango .jcarousel-item-horizontal { margin-left: 52px !important; margin-right: 27px; }
.title_bg { background: url(../images/border-center.png) repeat-x scroll center 27px; }
#header { height: 147px; }
.our_clients .title_bg { width: 85%; }
.narrowcolumn h4 { font-size: 20px; }
.jcarousel-skin-tango .jcarousel-prev-horizontal { top: -9px !important; }
.jcarousel-skin-tango .jcarousel-next-horizontal { top: -9px !important; }
.our_clients { padding-top: 10px; }
.glossymenu { margin: 0 10px; padding: 0; width: 94%; }
.glossymenu a.menuitem { background: black url(glossyback.gif) repeat-x bottom left; font-family: 'RobotoRegular'; font-size: 16px; color: white; display: block; position: relative; /*To help in the anchoring of the ".statusicon" icon image*/ width: auto; padding: 10px 0; /*margin-bottom:20px;*/ padding-left: 10px; text-decoration: none; }
.glossymenu a.menuitem span { color: #FF9E19; }
.glossymenu a.menuitem:visited, .glossymenu .menuitem:active { color: white; }
.glossymenu a.menuitem .statusicon { position: absolute; top: 12px; right: 5px; border: none; }
.glossymenu a.menuitem:hover { background-image: url(glossyback2.gif); }
.glossymenu div.submenu { background: white; margin-bottom: 15px; }
.glossymenu div.submenu ul { list-style-type: none; margin: 0; padding: 0; }
.space { margin-bottom: 10px; }
.glossymenu div.submenu ul li { border-bottom: 1px solid #FF9E19; background: none; padding: 0 }
.glossymenu div.submenu ul.image-gallery li { float: left; border: none; }
.glossymenu div.submenu ul.image-gallery li a { padding: 0 8px 6px; }
.glossymenu div.submenu ul.image-gallery li a img { padding: 0 0 10px;width:auto; }
.glossymenu div.submenu ul.image-gallery li a:hover { background: none; }
.glossymenu div.submenu ul li a { display: block;padding: 2px 0 3px 1px; color: #000; font-family: 'RobotoRegular'; font-size: 16px; }
.glossymenu div.submenu ul li a:hover { colorz: white; }
.glossymenu { display: block; }
.quick_links, .getin_touch, .gallery { display: none; }
#footer { padding: 10px 0 16px; }
.glossymenu div.submenu ul.con-detail li { border: none; padding: 15px 12px; }
.glossymenu div.submenu ul.con-detail li img { float: left; padding: 2px 10px;width:auto; }
.glossymenu div.submenu ul li.last img{ padding-top:4px;width:auto;} 
.address { width: 82%; }
.address p { color: #000; font-family: 'RobotoRegular'; font-size: 15px; }
.jcarousel-skin-tango .jcarousel-item-horizontal { margin-right: 45px !important; margin-left: 75px !important; }
#footer-detail p { font-size: 11px; }
.header-top .social { padding: 18px 15px; }
#logo {   margin:0 0 0 -40px;padding:0px; }
#logo img{ padding:0px; margin:0px;width:auto;}
.top-bar { width: 99%; }
ul.bjqs { height: 168px !important; }
ol.bjqs-markers { bottom: 5px; }
#back-top { left: -52%; }
.slicknav_menu { top: 60px; }
.glossymenu div.submenu ul li.last img {padding-top: 5px !important;width:auto;}
.glossymenu div.submenu ul li.last a{ display:inline; padding:0;}

.glossymenu div.submenu ul.quick_data li.last a{ display:block; padding:10px 0 10px 10px;}
.inner-banner {
    height: auto;
    margin: 0px;
    width: 100%;
}

.inner-banner img { width: 100%; padding:0; }

.bx-controls-direction{ top:-38px; width:15px;}
.widecolumn-data { width: 100%; margin-left: 0; }
.narrowcolumn-data { width: 100%; margin-top: 15px; }
.map-area { width: 100%; padding: 0; }
.map-area iframe { width: 100%; height: 200px; }
.enq-form { margin: 0; padding: 0 10px 10px; width:93%; }
.enq-form ul { width: 98%; }
.enq-form ul.comments li input.sum { width: 145px; }
.enq-form h4 { padding: 10px 0; }
.code { margin: 0; }
.refresh { padding: 0 5px; }
.enq-form ul.comments textarea { width: 95%; }
.require { width: auto; float: left; margin: 0; padding: 0; }
.submit { float: none; /*width: auto;*/ width:100%;  display:block; clear: both; }
.enq-form .comments input.sum { margin-top: 2px; width: 156px; margin-right: 0; }
.require p { clear: none; padding: 0; }
.contact-details { width: 100%; margin: 0; padding-top:8px }
.video iframe { width: 100%; height: 175px; }
.video { margin-bottom: 10px; width: 100%; }
.map-address h4 { padding: 0; }
.address-data { width: 80%; }
.map-address ul li { width: 100%; }
.enq-form li input { width: 95%; }
.enq-form li textarea { width: 95%; }
.content-area { width: 100%; }
.gallery-data { width: 100%; }
.gallery-data li { width:49%; margin: 0;  height:140px}
.view { width: 100%; }
.gallery-data img { width: 100%; height: auto; }
.third-effect .mask { width: 100%; }
.view .mask { width: 100%; height: 100%; }
.view a.info { top: 47px !important; }
.gallery-data li:hover .mask {background: url(../images/transparent.png) no-repeat 10px 9px; width: 93% !important; height:90% !important;}
.banner-data{  bottom:50px;left: 0;}


.crausal-wrapper li{ width:151px !important; margin-right:5px !important;float:left}

img{ width:100%;}
/*.gallery-data li.no-margin { float: none; margin: 0; }
*/

}
 @media only screen and (max-width: 320px) 
 {
 	.twdfeed 
{padding-top: 51px;font-size:20px; color:#000; font-family:RobotoRegular; padding-bottom:20px; text-transform:uppercase; display:table-footer-group;
}

.js #menu { display: none; }
.js .slicknav_menu { display: block; }
#wrapper, .main, #header, .header-top, .container, #footer, #footer-detail, .banner { width: 100%; }
#banner-fade, #banner-slide { margin-bottom: 10px; }
/*.header-top ul li a { display: none; }
*/.header-top ul li a.s_block { display: none; }
.header-top li { padding: 0 5px }
.top-bar { float: left; }
ol.bjqs-markers { width: 92%; bottom: 0px; }
.header-top li img { padding: 4px 0;width:auto; }
.header-top li.border { margin-left: 0; }
.social li a.fb { width: 14px; }
#logo {   margin:0 0 0 -33px;padding:0px; }
#logo img{ padding:0px; margin:0px; width:89%;}
.header-top .social { padding: 18px 0; margin-left:5px }
.slicknav_menu { top: 56px; }
.map-address ul li img.connect{ padding: 4px 16px 0 6px;width:auto;}
.top-bar { width: 98%; }
.banner { height: 150px; }
p.bjqs-caption {  font-size: 11px;  }
p.bjqs-caption b { font-size: 11px; }
li.bjqs-slide span {font-size: 12px;  padding: 5px 24px 7px; }
li.bjqs-slide a { font-size: 11px;  }
.banner-data{  bottom: 44px;left: 0;}
.content { width: 88%; margin: 10px; padding: 10px; }
.content-cms { width: 88%; margin: 10px; padding: 10px; }
.widecolumn { width: 100%; }
.content h2 { font-size: 19px!important; padding: 10px 0 15px!important; }
.content h2 span { font-size: 20px; padding: 0 0 0 5px; }
.narrowcolumn { width: 100% }
.jcarousel-skin-tango { width: 100%; }
.jcarousel-skin-tango .jcarousel-container-horizontal { width: 100% !important; }
.jcarousel-skin-tango .jcarousel-clip-horizontal { width: 100% !important; }
.jcarousel-skin-tango .jcarousel-item-horizontal { margin-left: 52px !important; margin-right: 27px; }
.title_bg { background: url(../images/border-center.png) repeat-x scroll center 27px; }
#header { height: 130px; }
.our_clients .title_bg { width: 85%; }
.narrowcolumn h4 { font-size: 20px; }
.jcarousel-skin-tango .jcarousel-prev-horizontal { top: -9px !important; }
.jcarousel-skin-tango .jcarousel-next-horizontal { top: -9px !important; }
.our_clients { padding-top: 10px; }
.glossymenu { margin: 0 10px; padding: 0; width: 94%; }
.glossymenu a.menuitem { background: black url(glossyback.gif) repeat-x bottom left; font-family: 'RobotoRegular'; font-size: 16px; color: white; display: block; position: relative; /*To help in the anchoring of the ".statusicon" icon image*/ width: auto; padding: 10px 0; /*margin-bottom:20px;*/ padding-left: 10px; text-decoration: none; }
.glossymenu a.menuitem span { color: #FF9E19; }
.glossymenu a.menuitem:visited, .glossymenu .menuitem:active { color: white; }
.glossymenu a.menuitem .statusicon { /*CSS for icon image that gets dynamically added to headers*/ position: absolute; top: 12px; right: 5px; border: none; }
.glossymenu a.menuitem:hover { background-image: url(glossyback2.gif); }
.glossymenu div.submenu { /*DIV that contains each sub menu*//* background: white;*/ margin-bottom: 15px; }
.glossymenu div.submenu ul { /*UL of each sub menu*/ list-style-type: none; margin: 0; padding: 0; }
.space { margin-bottom: 10px; }
.glossymenu div.submenu ul li { border-bottom: 1px solid #FF9E19; }
.glossymenu div.submenu ul.image-gallery li { float: left; border: none; }
.glossymenu div.submenu ul.image-gallery li a { padding: 0 4px 6px 3px; }
.glossymenu div.submenu ul.image-gallery li a:hover { background: none; }
.glossymenu div.submenu ul li a { display: block; font-family: 'RobotoRegular'; font-size: 15px; color: black; text-decoration: none; padding: 2px 0 3px 1px;  }
.glossymenu div.submenu ul li a:hover { colorz: white; }
.glossymenu { display: block; }
.quick_links, .getin_touch, .gallery { display: none; }
#footer { padding: 10px 0 16px; }
.glossymenu div.submenu ul.con-detail li { border: none; padding: 15px 12px; }
.glossymenu div.submenu ul.con-detail li img { float: left; padding: 3px 10px;width:auto; }
.glossymenu div.submenu ul.con-detail li img.set-call{    padding: 2px 6px 0 10px !important;}

.address { width: 86%; }
ul.bjqs { height: 150px !important; }
.address p { color: #000; font-family: 'RobotoRegular'; font-size: 15px; }
.footer-left { padding: 0!important; width: auto!important; background: none!important; }
#back-top { left: -70.1%; }
.slicknav_parent ul li:last-child { border-bottom: none !important; }
.glossymenu div.submenu ul li.last img {padding-top: 5px !important;width:auto;}
.inner-banner {
    height: auto;
    margin: 0px;
    width: 100%;
}

.inner-banner img { width: 100%; padding:0; }
.widecolumn-data { width: 100%; margin-left: 0; }
.narrowcolumn-data { width: 100%; margin-top: 15px; }
.map-area { width: 100%; padding: 0; }
.map-area iframe { width: 100%; height: 200px; }
.enq-form { margin: 0; padding: 0 10px; width:93%; }
.enq-form ul { width: 98%; }
.enq-form ul.comments li input.sum { width: 145px; }
.enq-form h4 { padding: 10px 0; }
.code { margin: 0; }
.refresh { padding: 0 5px; }
.enq-form ul.comments textarea { width: 95%; }
.require { width: auto; float: left; margin: 0; padding: 0; }
.submit { float: none; width: auto; }
.enq-form .comments input.sum { margin-top: 2px; width: 122px; }
.require p { clear: none; padding: 0; }
.contact-details { width: 100%; margin: 0;  padding:0 0 10px;}
.video iframe { width: 100%; }
.video { margin-bottom: 10px; }
.map-address h4 { padding: 0; }
.address-data { width: 80%; }
.enq-form li input { width: 95%; }
.enq-form li textarea { width: 95%; }
.content-area { width: 100%; }
.gallery-data { width: 100%; }
.gallery-data li { width: 49%; margin: 0; height:123px; }
.view { width: 100%; }
.gallery-data img { width: 100%; height: auto; }
.third-effect .mask { width: 100%; }
.view .mask {height: 89%; width: 97% !important;}
.view a.info { top: 38px !important;left: 10px; }
/*.gallery-data li.no-margin { float: none; margin: 0; }
*/.glossymenu div.submenu ul.image-gallery li a img { padding: 0 0 10px;width:auto; }
.gallery-data li:hover .mask {
    background: url(../images/transparent.png) no-repeat 5px 8px;
}

.glossymenu div.no-color{ background:none !important}

.cms-page{ width:100%;}
.cms-page img{ width:100%; /*padding:0;*/}
.cms-block{ margin-right:10px; margin-bottom:10px;}
.cms-block ol{margin-left: 13px;}
.cms-block-data{ width:100%;}
.cms-block-data table{ width:100%;}
table th{ font-size:10px;}

.crausal-wrapper li{ width:136px !important; margin-right:4px !important;float:left;}

img{ width:100%;} 
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
/* Safari and Chrome */
#logo a img { top: 0px; }
}
.banner_images{width:100% !important; height:auto !important;}
.banner_images img{width:100% !important; height:auto !important;}

.blog_img{width:auto; height:auto; float:right;  max-width:277px; clear:both;}