 @charset "utf-8";
/* CSS Document */

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%;
}
*{margin:0px auto; padding:0px;}


@font-face {
    font-family: 'robotoregular';
    src: url('fonts/roboto/Roboto-Regular-webfont.eot');
    src: url('fonts/roboto/Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/roboto/Roboto-Regular-webfont.woff2') format('woff2'),
         url('fonts/roboto/Roboto-Regular-webfont.woff') format('woff'),
         url('fonts/roboto/Roboto-Regular-webfont.ttf') format('truetype'),
         url('fonts/roboto/Roboto-Regular-webfont.svg#robotoregular') format('svg');
}

@font-face {
    font-family: 'robotobold';
    src: url('fonts/roboto/Roboto-Bold-webfont.eot');
    src: url('fonts/roboto/Roboto-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/roboto/Roboto-Bold-webfont.woff') format('woff'),
         url('fonts/roboto/Roboto-Bold-webfont.ttf') format('truetype'),
         url('fonts/roboto/Roboto-Bold-webfont.svg#robotobold') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
  font-family: 'Roboto-Light';
  src: url('fonts/roboto/Roboto-Light.eot?#iefix') format('embedded-opentype'),  
	  url('fonts/roboto/Roboto-Light.woff') format('woff'), 
	  url('fonts/roboto/Roboto-Light.ttf') format('truetype'), 
	  url('fonts/roboto/Roboto-Light.svg#Roboto-Light') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'RobotoCondensed-Bold';
  src: url('fonts/roboto/RobotoCondensed-Bold.eot');
  src: url('fonts/roboto/RobotoCondensed-Bold.eot?#iefix') format('embedded-opentype'),  url('fonts/roboto/RobotoCondensed-Bold.woff') format('woff'), url('fonts/roboto/RobotoCondensed-Bold.ttf')  format('truetype'), url('fonts/roboto/RobotoCondensed-Bold.svg#RobotoCondensed-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'RobotoCondensed-Light';
  src: url('fonts/roboto/RobotoCondensed-Light.eot?#iefix') 
  format('embedded-opentype'),  url('fonts/roboto/RobotoCondensed-Light.woff') 
  format('woff'), url('fonts/roboto/RobotoCondensed-Light.ttf')  
  format('truetype'), url('fonts/roboto/RobotoCondensed-Light.svg#RobotoCondensed-Light') 
  format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'RobotoCondensed-Regular';
  src: url('fonts/roboto/RobotoCondensed-Regular.eot?#iefix') 
  format('embedded-opentype'),  url('fonts/roboto/RobotoCondensed-Regular.woff') 
  format('woff'), url('fonts/roboto/RobotoCondensed-Regular.ttf')  
  format('truetype'), url('fonts/roboto/RobotoCondensed-Regular.svg#RobotoCondensed-Regular') 
  format('svg');
  font-weight: normal;
  font-style: normal;
}



.clear{clear:both;}
.main {width: 1170px; margin: 0 auto; position: relative;}
.header{width:100%; height:139px;}
body{ overflow-x:hidden;}

.logo{float:left; max-width:244px; margin-top:23px; width:25%;}
.header .menu{width:99.9%; height:60px; background:#2792D2; position:absolute; bottom:-77px; z-index:9;}
.header .menu nav{width:1170px; margin:0 auto;}
.header .menu nav ul li{list-style:none; float:left;font-family: 'robotoregular';}
.header .menu nav ul li a{color:#fff; font-size:18px; padding:19px 33px; display:block; text-decoration:none; text-transform:uppercase; text-shadow: 0 1px 0 #000;}
.header .menu nav ul li:last-child a{padding:19px 28.6px;}
/*.header .menu nav ul li a:hover{background:#515151;}*/
.header .menu nav ul li a.active{background:#515151;}

.header .menu nav ul li{position:relative}
.header .menu nav ul li ul {position: absolute;left: 0;top: 60px;width: 248px; background: #2792D2;    visibility:hidden; margin-top:20px;transition: all .3s ease-in-out ; opacity:0;}
.header .menu nav ul li:hover ul{visibility:visible;margin-top:0;transition: all .3s ease-in-out ; opacity:1;}
.header .menu nav ul li:hover ul li ul{visibility:hidden; margin-top:20px;opacity:0;}
.header .menu nav ul li ul li{position:relative;width: 100%;}
.header .menu nav ul li ul li ul {position: absolute;left: 248px;top: 0px;width: 230px; background: #2792D2; visibility:hidden; margin-top:20px; transition: all .3s ease-in-out ;opacity:0;}
.header .menu nav ul li ul li:hover ul{ visibility:visible;margin-top:0;transition: all .3s ease-in-out ;opacity:1;}
.header .menu nav ul li ul li a { padding: 10px 33px; border-bottom:1px solid #E2E2E2; text-transform:none; font-size:14px; text-shadow: 0 1px 0 #000;}
.header .menu nav ul li ul li:last-child a{ padding: 10px 33px;}




/* Bounce To Bottom */
.hvr-bounce-to-bottom {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.hvr-bounce-to-bottom:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #515151;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-bounce-to-bottom:hover, .hvr-bounce-to-bottom:focus, .hvr-bounce-to-bottom:active {
  color: white;
}
.hvr-bounce-to-bottom:hover:before, .hvr-bounce-to-bottom:focus:before, .hvr-bounce-to-bottom:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}


.header .quicklinks {float: right;  margin-top:35px; width: 55%;}
.header .quicklinks a {width: 283px; text-align: right; color:#A0A0A0; font-size: 16px; font-family: 'Roboto-Light'; text-decoration:none; margin-right: 20px; border-right: 1px solid #ccc; padding-right: 26px; display:inline-block}
.header .quicklinks a:nth-child(2){ border-right:0px; text-align:left}
.header .quicklinks a:hover {color:  #2290CF;}

.header .holiday-home { background:url(images/email-icon.png) no-repeat 0 -32px; width:41px; height:26px;-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; margin-right:10px;  margin-bottom:-7px;}
.header .holiday-home:hover { background:url(images/email-icon.png) no-repeat 0 0px;}

.header .career-section { background:url(images/mobile-icon.png) no-repeat 0 -40px; width:24px; height:40px;-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;  margin-right:10px; margin-bottom:-12px;}
.header .career-section:hover { background:url(images/mobile-icon.png) no-repeat 0 0px;}

.banner {width: 100%; margin: 0 auto; height:auto;}
.flex-caption {width: 96%; left: 0; bottom: 0; color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,.3); font-size: 14px; line-height: 18px;}
    li.css a {border-radius: 0;}

	
/**************************** intro section *****************************/
.intro {width:100%; /*background:url(images/about-bg.jpg) no-repeat 0 0;*/ min-height:auto; background-size:cover; padding-top:50px; padding-bottom:40px;}
.intro .aside-left{width:545px; float:left; text-align: left;}
.intro .aside-left h1{font-size:19px; font-family: 'robotoregular'; line-height:28px; color:#8C8C8C; margin-bottom:30px;}
.intro .aside-left h1 span{font-size:50px; line-height:50px; color:#515151; text-transform:uppercase; }
.intro .aside-left h1 span+span{font-size:35px;}
.intro .aside-left p{font-size:16px; line-height:27px; margin-bottom:25px; font-family:'robotoregular'; color:#484848}
.intro .aside-left p a{color:#484848; font-size:16px;font-family: 'robotoregular'; text-decoration:none;}
.intro .aside-left .blink {border: 2px solid #515151; padding: 10px 50px; transition: all 1s ease-in-out;}
.intro .aside-left .blink:hover{ background:#2791D1; color:#fff;transition: all 1s ease-in-out;}

.intro .aside-right{width:560px; float:right; margin-top:23px;}
.intro .aside-right img{max-width: 100%;}
.intro .aside-right .worlmap h2{font-family: 'robotoregular'; text-align:center; font-size:25px; color:#515151; text-transform:uppercase; margin-top:16%; margin-bottom:20px;}
.intro .aside-right ul li{list-style:none; float:left; width:229px; background:url(images/abm-bg.png) no-repeat 0 0; font-family: 'robotoregular';}
.intro .aside-right ul li+li{margin-left: 50px;}
.intro .aside-right ul li p{ font-size:18px; text-align:center; margin-top: 10px; color: #424242; text-transform: uppercase;}

.intro .requestbox{float:right; width:372px; background-color:#2792D2; margin-top: -154px;}
.intro .request-cote { background:url(images/request-icon.png) no-repeat 0 -60px; width:69px; height:55px;-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; margin-right:14px; display: block; float: left; border-right: 1px solid #000; padding-right: 20px;}
.intro .request-cote:hover { background:url(images/request-icon.png) no-repeat 0 0px;}

.intro .heading {padding-left:20px; margin-top:20px; border-bottom:1px solid #fff; padding-bottom:12px;}
.intro .heading a {width: 283px; text-align: left; color: #ffffff; font-size: 18px; font-family: 'Roboto-Light'; text-decoration:none;}
.intro .heading a span{text-align: left; color: #ffffff; font-size:24px; font-family: 'robotoregular'; text-decoration:none; text-shadow: 0 1px 0 #000;}
.intro .heading a:hover {color: #fff;}

.intro .video {padding:20px; border-bottom:1px solid #fff; background:#2792D2}

.intro .tabs{ margin:0 auto; width:100%; text-align: center; margin-top:60px;}
.intro .tabs a {text-decoration: none; font-family: 'robotoregular'; font-size: 20px; color: #ffffff; padding: 15px 68px; background-color:#2F2F2F;}
.intro .tabs a:hover {background: #ffffff; color: #000000;  font-size: 20px; padding: 15px 68px; font-family: 'robotoregular';}


/* Grow Shadow */
.hvr-grow-shadow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-property: box-shadow, transform;
  transition-property: box-shadow, transform;
}
.hvr-grow-shadow:hover, .hvr-grow-shadow:focus, .hvr-grow-shadow:active {
  box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}



/**************************** intro section end *****************************/


/**************************** our product section *****************************/

.our-product{width: 100%; padding:45px 0 80px 0px; background:url(images/background-box.jpg) no-repeat center top; }
.our-product h2{text-align: left; padding-bottom:45px; font-family: 'robotoregular'; font-size:50px; text-transform: uppercase; color: #fff; line-height:50px;}
.our-product h2 span{font-size:19px; line-height:28px; color:#8C8C8C}

/*.our-product .products ul li{list-style: none; float: left;; width: 25%; font-family: 'robotoregular'; font-size: 16px; color: #202020; margin-right:18px;}*/
.our-product .products ul li{ margin:10px}

.our-product .products ul li a{text-align: center;}
.our-product .products ul li img{padding: 0px 0px; margin-bottom: 10px; border:2px solid #ffffff;}
.our-product .products p{ font-size:18px; text-align:center; margin-top: 10px; color: #ffffff;  font-family:'Roboto-Light'}
.our-product .products ul li img:hover{border:2px solid #2792D2;}
.our-product .products p:hover{ color:#2792D2;}
.justify{text-align:justify;}
/**************************** our product section end *****************************/

.inner-banner{width:100%; position: relative; text-align: center;}
.inner-banner img{max-width:100%;}
.inner-banner h2{color:#fff; font-family: 'robotobold'; font-size:70px; text-transform:uppercase; text-align: left; text-shadow: 0 2px 0 #000;}

.titlecum{width: 100%; position: absolute; top:140px;}
.breadcum li{list-style:none; float:left;color:#fff; padding-right:5px; font-size:16px; text-transform:uppercase; font-family: 'robotoregular';}
.breadcum li+li{background:url(images/breadcrumb-line.png) no-repeat left center; padding:0 15px;}
.breadcum li a{color:#2792D2; text-decoration:none;}
.breadcum li a:hover{color:#fff;} .breadcum li a span{color:#fff;} .breadcum li a:hover span{color:#2792D2;}


.textbox {padding:50px 0 32px; background:url(images/about-bg.jpg) repeat center top; background-size: cover; width:100%; min-height:570px;}
.textbox .left-menu{width:269px; float:left;}

.textbox .left-menu ul{ width:100%; clear:both}
.textbox .left-menu ul li{list-style:none; font-family: 'robotoregular'; font-size:16px; background-color:#BCBCBC; margin-bottom:5px;}
.textbox .left-menu ul li a{color:#303030;  padding:15px 0 15px 20px; display: block; text-decoration:none;}
.textbox .left-menu ul li a:hover{/*background-color:#2792D2; */color:#fff; text-shadow: 0 1px 0 #000;}
.textbox .left-menu ul li a.active{background-color:#2792D2; color:#fff; text-shadow: 0 1px 0 #000;}

.textbox .left-menu ul li ul li{list-style:none; font-family: 'robotoregular'; font-size:16px; background-color:#BCBCBC; margin-bottom:0px;}
.textbox .left-menu ul li ul li a{background-color:#2792D2; color:#303030;  padding:0px 0 8px 20px; display: block; text-decoration:none;}
.textbox .left-menu ul li ul li a:hover{/*background-color:#2792D2; */color:#fff; text-shadow: 0 1px 0 #000;}
.textbox .left-menu ul li ul li a.active{background-color:#2792D2; color:#ffffff; text-shadow: 0 1px 0 #000!important;}

.textbox .left-menu ul li.heading{font-size: 19px;}
.textbox .left-menu ul li.heading a{ padding:15px 0 15px 31px;}
.textbox .left-menu ul li.heading:hover a{background-color: #2792D2; color: #fff}
.textbox .left-menu ul li.heading a.active1{background-color: #c91510; color: #fff}

/* Bounce To Left */
.hvr-bounce-to-left {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.hvr-bounce-to-left:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2792D2;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-bounce-to-left:hover, .hvr-bounce-to-left:focus, .hvr-bounce-to-left:active {
  color: white;
}
.hvr-bounce-to-left:hover:before, .hvr-bounce-to-left:focus:before, .hvr-bounce-to-left:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

.textbox .left-menua{width:269px; float:left; background:#da251c; padding:31px 0}
.textbox .left-menua h2{color:#fff; font-family: 'robotoregular'; font-size:19px; padding:0 31px;}
.textbox .left-menua ul li{list-style:none; background:url(images/leftmenu-border.png) repeat-x left bottom; font-family: 'robotoregular'; font-size:14px;}
.textbox .left-menua ul li a{color:#fff;  padding:15px 0 15px 31px; display: block;}
.textbox .left-menua ul li a:hover{color:#000;}
.textbox .left-menua ul li a.active{color:#000;}




.textbox .left-menu .requestbox{float:right; width:269px; background-color:#2792D2; height:285px; margin-top:30px;}
.textbox .left-menu .request-cote { background:url(images/request-icon.png) no-repeat 0 -60px; width:69px; height:55px;-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; text-align:center; margin-bottom:12px;}
.textbox .left-menu .request-cote:hover { background:url(images/request-icon.png) no-repeat 0 0px;}
.textbox .left-menu .heading {margin-top:24px; border-bottom:1px solid #fff; padding-bottom:20px; text-align:center;}
.textbox .left-menu .heading a {text-align: center; color:#ffffff; font-size:21px; font-family: 'Roboto-Light'; text-decoration:none; line-height: 25px;}
.textbox .left-menu .heading a span{text-align: left; color:#ffffff; font-size:28px; font-family: 'robotoregular'; text-decoration:none; line-height: 25px; text-shadow: 0 1px 0 #000;}
.textbox .left-menu .heading a:hover {color: #fff;}
.textbox .left-menu .tabs{ margin:0 auto; width:100%; text-align: center; margin-top:45px;}
.textbox .left-menu .tabs a {text-decoration: none; font-family: 'robotoregular'; font-size: 20px; color: #ffffff; padding:12px 46px; background-color:#2F2F2F;}
.textbox .left-menu .tabs a:hover {background: #ffffff; color: #000000;  font-size: 20px; padding:12px 46px; font-family: 'robotoregular';}
.textbox .textarea{/*width:830px;*/width:71%; float:right;}
.textbox .textarea p{font-size:18px; line-height:28px; margin-bottom:20px; color:#303030; font-family: 'robotoregular'; text-align:justify;}
.textbox .textarea p a{font-size:18px; line-height:28px; margin-bottom:20px; color:#2792D2; font-family: 'robotoregular'; text-align:justify;}
.textbox .textarea p b{font-size:18px; font-style: italic;}
.textbox .textarea h2{color:#393939; font-family: 'robotobold'; font-size:23px; letter-spacing:normal; padding:18px 0 5px; text-align:left;}
.textbox .textarea h1{color:#2792D2; font-family: 'robotobold'; font-size:32px; letter-spacing:normal; margin:0px 0 10px 0; text-align:left; border-bottom:2px solid #ccc;}

.textbox .textarea .contact ul{letter-spacing:25px;}
.textbox .textarea .contact ul li{list-style:none; display:inline-block; width:31%; vertical-align:top; letter-spacing: normal; text-align:left; color:#303030; margin-bottom: 25px; font-family: 'robotoregular';}
.textbox .textarea .contact ul li a{font-size:18px; line-height:28px; margin-bottom:30px; color:#2792D2; font-family: 'robotoregular'; text-decoration:none;}
.textbox .textarea .contact ul li a:hover{color:#303030}
.textbox .textarea .contact ul li a img{max-width:100%;padding:25px 10px; border:1px solid #959595; box-sizing:border-box; background:#fff;}
.textbox .textarea .contact ul li:hover a img{ border:1px solid #454545;}
.textbox .textarea .contact ul li a h3{color:#393939;font-family: 'Roboto-Bold'; font-size:18px; letter-spacing:normal; padding:10px 0 7px; text-align:left;}
.textbox .textarea .contact ul li a h4{color:#393939;font-family: 'Roboto-Bold'; font-size:18px; letter-spacing:normal; padding:10px 0 7px;}
.textbox .textarea .contact ul li a p{color:#454545; font-size:14px; letter-spacing:normal;}

.textbox .textarea ul li {font-size: 18px; line-height: 24px; color: #303030; font-family: 'robotoregular'; text-align: justify; background: url(images/arrow.png) no-repeat 0px 12px;
list-style: none; padding:5px 0px 5px 18px;}





.requestbox{float:right; width:100%; background-color:#2792D2; height:285px; margin-top:30px;}
.request-cote { background:url(images/request-icon.png) no-repeat 0 -60px; width:69px; height:55px;-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; text-align:center; margin-bottom:12px;}
 .request-cote:hover { background:url(images/request-icon.png) no-repeat 0 0px;}
 .heading {margin-top:24px; border-bottom:1px solid #fff; padding-bottom:20px; text-align:center;}
 .heading a {text-align: center; color:#ffffff; font-size:21px; font-family: 'Roboto-Light'; text-decoration:none; line-height: 25px;}
.heading a span{text-align: left; color:#ffffff; font-size:28px; font-family: 'robotoregular'; text-decoration:none; line-height: 25px; text-shadow: 0 1px 0 #000;}
 .heading a:hover {color: #fff;}
 .tabs{ margin:0 auto; width:100%; text-align: center; margin-top:45px;}
 .tabs a {text-decoration: none; font-family: 'robotoregular'; font-size: 20px; color: #ffffff; padding:12px 46px; background-color:#2F2F2F;}
 .tabs a:hover {background: #ffffff; color: #000000;  font-size: 20px; padding:12px 46px; font-family: 'robotoregular';}
  /*
 .textarea{width:71%; float:right;}
 .textarea p{font-size:18px; line-height:28px; margin-bottom:20px; color:#303030; font-family: 'robotoregular'; text-align:justify;}
 .textarea p a{font-size:18px; line-height:28px; margin-bottom:20px; color:#2792D2; font-family: 'robotoregular'; text-align:justify;}
 .textarea p b{font-size:18px; font-style: italic;}
.textarea h2{color:#393939; font-family: 'robotobold'; font-size:23px; letter-spacing:normal; padding:18px 0 5px; text-align:left;}
 .textarea h1{color:#2792D2; font-family: 'robotobold'; font-size:32px; letter-spacing:normal; margin:0px 0 10px 0; text-align:left; border-bottom:2px solid #ccc;}


.textarea .contact ul{letter-spacing:25px;}
 .textarea .contact ul li{list-style:none; display:inline-block; width:31%; vertical-align:top; letter-spacing: normal; text-align:left; color:#303030; margin-bottom: 25px; font-family: 'robotoregular';}
.textarea .contact ul li a{font-size:18px; line-height:28px; margin-bottom:30px; color:#2792D2; font-family: 'robotoregular'; text-decoration:none;}
.textarea .contact ul li a:hover{color:#303030}
 .textarea .contact ul li a img{max-width:100%;padding:25px 10px; border:1px solid #959595; box-sizing:border-box; background:#fff;}
 .textarea .contact ul li:hover a img{ border:1px solid #454545;}
 .textarea .contact ul li a h3{color:#393939;font-family: 'Roboto-Bold'; font-size:18px; letter-spacing:normal; padding:10px 0 7px; text-align:left;}
 .textarea .contact ul li a h4{color:#393939;font-family: 'Roboto-Bold'; font-size:18px; letter-spacing:normal; padding:10px 0 7px;}
 .textarea .contact ul li a p{color:#454545; font-size:14px; letter-spacing:normal;}

 .textarea ul li {font-size: 18px; line-height: 24px; color: #303030; font-family: 'robotoregular'; text-align: justify; background: url(images/arrow.png) no-repeat 0px 12px;
list-style: none; padding:5px 0px 5px 18px;}

*/






.footer_mid_outer{width:100%; float:left; background:#fff;}
.footer_mid_inner{width:1170px; margin:0 auto; }
.footer_mid_main{width:100%; float:left;padding:25px 0px; box-sizing:border-box;}

.visit_box{width:40%; float:left;}
.visit_box_left{width:18%; float:left;}
.visit_box_left img{transition: all .5s;}
.visit_box_left img:hover {transform: scale(1.2);transition: all .5s;}
.visit_box_right{width:58%; float:left;  background:url(images/line.gif) no-repeat left 16px;  border-right: 1px solid #BFBFBF; padding:0px 20px;}
.visit_box_right h2{width:100%; float:left; color:#393A3B; font-size:22px; font-family:'robotoregular';}
.visit_box_right p{width:100%; float:left; color:#797979; font-size:14px; font-family:'robotoregular';}
.footer_bottom_outer{width:100%; float:left;}

.email_box{width:36%; float:left;}
.email_box_left{width:19%; float:left; padding:11px 0px;}
.email_box_left img{transition: all .5s;}
.email_box_left img:hover {transform: scale(1.2);transition: all .5s;}
.email_box_right{width:55%; float:left; background:url(images/line.gif) no-repeat left 14px;  border-right: 1px solid #BFBFBF; padding:0px 20px;}
.email_box_right h2{width:100%; float:left; color:#393A3B; font-size:22px; font-family:'robotoregular';}
.email_box_right p{width:100%; float:left; color:#797979; font-size:14px; font-family:'robotoregular';}
.email_box_right p a{color:#797979; text-decoration:none;}
.email_box_right p a:hover{color:#2792D2;}

.phone_box{width:20%; float:left;}
.phone_box_left{width:21%; float:left;}
.phone_box_left img{transition: all .5s;}
.phone_box_left img:hover {transform: scale(1.2);transition: all .5s;}
.phone_box_right{width:55%; float:left; background:url(images/line.gif) no-repeat left 16px; padding:0px 20px;}
.phone_box_right h2{width:100%; float:left; color:#393A3B; font-size:22px; font-family:'robotoregular';}
.phone_box_right p{width:100%; float:left; color:#797979; font-size:14px; font-family:'robotoregular';}


/*---------------------------Footer Start Here---------------------------*/
.foot{ background-color:#2792D2; width:100%;}
.bxfirst{width:180px;}
.footerbox{float:left; margin:26px 179px 15px 0px;}
.footerbox .rightMarg{margin-left:0px!important;}
.footerbox img{margin-bottom:15px; padding-top: 7px;}
.footerbox p{color:#fff; font-size:14px; font-family:'Roboto-Light'; text-align:justify; line-height:20px; margin-bottom:12px;}
.footerbox .tabs a{text-decoration: none; font-family: 'Roboto-Light'; font-size:20px; color: #6E6E6E; border: solid 1px #696969; padding: 7px 50px; text-transform:uppercase;}
.footerbox .tabs a:hover{background: #BF1E2E; color: #fff; border: solid 1px #ccc; font-size:20px; padding: 7px 50px; font-family: 'Roboto-Light';}
.footerbox a{color:#fff; font-size:14px; font-family:'Roboto-Light'; line-height:20px; text-decoration:none;}
.footerbox a:hover{color:#2F2F2F; font-size:14px; font-family:'Roboto-Light'; line-height:20px; text-decoration:none;}
.footerbox h1{font-size:26px; color:#fff; font-family:'Roboto-Light'; margin-bottom:14px;}
.footerbox ul{margin:0px; padding:0px; list-style:none; color:#fff;}
.footerbox ul li{margin-bottom:4px;}
.footerbox ul li a{text-decoration:none; color:#fff;}

.footerbox .otherflinks{margin:0px; padding:0px; list-style:none; margin-top:17px; float:left;}
.footerbox .otherflinks li{float:left;}
.footerbox .otherflinks li a{text-decoration:none; font-size:12px; color:#595959; font-family:'robotoregular'; line-height:12px; float:left; border-right:solid 1px #595959; padding:0 6px;}
.footerbox .otherflinks li a:hover{color:#000;}
.footerbox .otherflinks li:last-child a{padding-right:0px; border:none;}
.footerbox .otherflinks li:first-child a{padding-left:0px;}

.footerbtm{width:100%; border-top:solid 0px #eaeaea; background-color:#2F2F2F}
.footerbtm .lefts{float:left; font-size:12px; color:#ffffff; font-family:'Roboto-Light'; margin:14px 0px;}

.footerbtm .middle{float:left; font-size:12px; color:#ffffff; font-family:'Roboto-Light'; margin:14px 0px; width:68%; text-align:center;}
.footerbtm .middle a{color:#ffffff; font-size:12px; font-family:'Roboto-Light'; line-height:20px; text-decoration:none;}
.footerbtm .middle a:hover{color:#BF1E2E; font-size:12px; font-family:'Roboto-Light'; line-height:20px; text-decoration:none;}

.footerbtm .rights{float:right; font-size:12px; color:#ffffff; font-family:'Roboto-Light'; margin:14px 0px;}
.footerbtm .rights a{color:#ffffff; font-size:12px; font-family:'Roboto-Light'; line-height:20px; text-decoration:none;}
.footerbtm .rights a:hover{color:#BF1E2E; font-size:12px; font-family:'Roboto-Light'; line-height:20px; text-decoration:none;}

.footerbox .social a{background:url(images/icon-social.png) no-repeat left top; width: 32px; height:30px; display:inline-block; margin-right:5px;}
.footerbox .social a.twitter{background-position:0 0;transition: all ease-in-out 0.3s;}
.footerbox .social a.twitter:hover{background-position:0 -40px; transition: all ease-in-out 0.3s;}
.footerbox .social a.google{background-position:-40px 0;transition: all ease-in-out 0.3s;}
.footerbox .social a.google:hover{background-position:-40px -37px; transition: all ease-in-out 0.3s;}
.footerbox .social a.fb{background-position:-83px 0;transition: all ease-in-out 0.3s;}
.footerbox .social a.fb:hover{background-position:-83px -36px; transition: all ease-in-out 0.3s;}
.footerbox .social a.youtube{background-position:-124px 0;transition: all ease-in-out 0.3s;}
.footerbox .social a.youtube:hover{background-position:-124px -36px; transition: all ease-in-out 0.3s;}

#divEnquiry textarea{ margin-bottom:10px!important;}
.reviewRatings1 {margin:0;  margin-bottom:30px; margin-top:30px; border: 1px solid #ccc; padding: 20px; position: relative; background-color:#D4D4D4}
.writeReview1 .input1 {font-size: 15px; font-weight: 400; color: #3b3b3b; font-family: 'robotoregular'; border: 1px solid #d0d1d4; background: #fff; outline: 0; margin-bottom: 4px;  width: 90%; padding: 5px 5%;}
.writeReview1 p {font-size: 15px; color: #3b3b3b; margin: 0 10px 10px 0px!important; font-weight: 400; width:48%; float: left;}
.writeReview1 .butcommon {font-size: 15px; font-weight: 400; color: #fff; font-family: 'robotoregular'; border: 1px solid #2792D2; background:#2792D2; outline:0; padding:6px 45px; cursor:pointer; margin-top:-2px;}
.writeReview1 .butcommon:hover {border: 1px solid #000; background: #000;}
.writeReview1 textarea {color: #3b3b3b; font-size: 15px; font-weight: 400; line-height: 16px; border: 0px solid #fff; background: #fff; outline: 0; font-family: 'robotoregular'; width: 94%!important; padding: 3px 2%; resize: none;}

.table-format {margin-bottom: 30px;	font-family: 'robotoregular'; font-size:14px;}
.table-head {font-weight: 700; background-color: #000; color: #fff !important;}
.table-format .table-head td {font-weight: 700; background-color: #CCC;}

.table-format td {border-bottom:1px solid #cccccc; padding:10px 6px 10px 6px;  color: #444;}

.thumb1 { float: left;  width: 150px; margin: 0 0px 30px 0; border: 5px solid #2792D2; padding: 8px;   }
.thumb1:hover { opacity: 0.5;  background: #ccc;  cursor: pointer;}
.qr {color: #106BAB; text-decoration: none; font-weight: 400; line-height: normal; font-size: 12px; background: url('images/pdf2.gif') no-repeat 0 4px; padding-left: 15px; font-family: 'robotoregular';}
  span .qr{margin: -20px 0px 0px 2px;
    position: absolute;}
.pdf-text{float:left; top:207px; left:5px; position:relative;}

.slide{width:36.1%; float:right; margin-left: 20px; border:8px solid #6f6f6f; box-shadow: 0 3px 10px #777;}
.img-gallery{margin: 0 0px 0 -17px !important;}
.img-gallery ul{margin:0; padding:0;}
.img-gallery ul li{Float:left; background:none !important; margin:0 -10px 0  0;}
.img-gallery ul li img{border: 5px solid #6f6f6f; max-width:100%}

.certificate{width: 33%; float: left; box-sizing:border-box; padding:5px;}
.certificate a{ display:block; box-sizing:border-box}
.certificate  a img{ max-width:100%;}
.bor img{    border: 5px solid #6f6f6f; padding: 10px; max-width: 100%; display: block; box-sizing: border-box;}

#reviews-slider .flex-control-nav{bottom: -20px;}


#main-slider .main {
    position: absolute; display: block;  top:15%;   margin: 0 auto;
    width: 100%;  max-width: 1170px;  margin-left: -585px;   left: 50%; 
}
.capt1{display:block; top:50%; left:0; font-family:'Roboto-Light'; font-size:20px; line-height:26px; margin-top:112px; width: 665px; text-align:justify;}

.flex-caption .capt1 .titles{ font-family:'robotobold'!important; font-size:75px; text-align:left!important; line-height:80px;}
.flexslider li{position:relative;}
.flex-direction-nav a{ top:-75px !important;}


.menu-click{ width:100%; float:left; box-sizing:border-box; padding:10px 5px; display:none; background:#888888; margin-bottom:5px;}
.menu-click p{ text-align:center; cursor:pointer}

.production-page-slider{width:36%; float:right; margin-left: 20px; border:8px solid #6f6f6f; box-shadow: 0 3px 10px #777;}
.contact_map_new img{ max-width:100%}

.img-gallery ul li{ width:32%!important; box-sizing:border-box}

.left-sd-info{ float:left; width:47%; box-sizing:border-box; margin-right:2%;}
.rght-sd-info{float:left; width:47%; box-sizing:border-box;}

#owl-example div a{ display:block; width:85%; margin:0 auto; text-align:center;}
#owl-example div a img{ max-width:100%}




/*--responsive start here---**/
.nav { display:none}
button.nav-toggle{ border:none; visibility:hidden; position: fixed;    top: 0;    right: 0;z-index:9999}



@media screen and (max-width: 1367px) 
 {
 .worlmap { box-sizing: border-box; padding-left: 0 }
 /*.capt1{top:0 !important; margin-top:25px!important; left:0; margin-left:50px!important;}*/
 }
 
 
 @media screen and (max-width: 1320px) 
{
.flex-caption .capt1 .titles{font-size: 45px!important; line-height:45px!important;}
.capt1{top:0 !important; margin-top:57px!important; left:0; margin-left:50px!important;}
}
 
  @media screen and (max-width: 1200px) 
{
.titlecum{ top:112px;}
}

@media screen and (max-width: 1190px) {
 
/*.body-bg{ width:100%; height:100%; background: #2691D1; position:absolute; top:60px; left:0;z-index:99}*/
.intro .aside-right .worlmap h2{ margin-top:2%; margin-bottom:30px; text-align: left;}
button.nav-toggle{visibility:visible; z-index: 999999; position:absolute; cursor:pointer; margin-top:23px; margin-right: 25px;}
 .header .menu{ display:none}
 .nav { display:block}
 .nav {position: fixed; top: 0; right: 0; width: 61px; z-index: 10000; background-color: #efefef;  display: block; }
 .nav-container { position: fixed; top:0px; /* 1 */ left: 0; z-index: 9999; overflow-y: auto;  
                 visibility: hidden; /* 2 */  width: 100%; height: 100%;  min-height: 100%; margin: 0;  padding:69px 0 0 0;  
				 -webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1) 0s; 
				 transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;  
				 -webkit-transform: translateX(-100%);  -ms-transform: translateX(-100%);
  transform: translateX(-100%); /* 2 */  background-color: rgba(0,0,0,0.8);  -webkit-overflow-scrolling: touch; /* 3 */
 }

.nav-container.is-visible {
  visibility: visible; /* 1 */
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0); /* 1 */
}

.nav-toggle {
  line-height: 1;
  display: inline-block;
  padding: 12px;
  border: 0;
  background-color: #2791D1;
}
.nav-toggle .icon-menu {
  position: relative;
  display: inline-block;
  width: 28px;
  height: 20px;
  vertical-align: middle;
  fill: none;
}

.icon-menu .line {
  position: absolute;
  left: 0;
  display: block;
  width: 100%;
  height: 4px;
  -webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1.000);
  transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1.000);
  -webkit-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000);
  transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000);
  background-color: #fff;
}
.icon-menu .line-1 { top: 0; }

.is-active .icon-menu .line-1 {
  -webkit-transform: translateY(8px) translateX(0) rotate(45deg);
  -ms-transform: translateY(8px) translateX(0) rotate(45deg);
  transform: translateY(8px) translateX(0) rotate(45deg);
}

.icon-menu .line-2 {
  top: 50%;
  margin-top: -2px;
}

.is-active .icon-menu .line-2 { opacity: 0; }
.icon-menu .line-3 { bottom: 0; }

.is-active .icon-menu .line-3 {
  -webkit-transform: translateY(-8px) translateX(0) rotate(-45deg);
  -ms-transform: translateY(-8px) translateX(0) rotate(-45deg);
  transform: translateY(-8px) translateX(0) rotate(-45deg);
}

.menu1 {
  list-style: none;
  margin: 0;
  padding: 0;
}

.nav-menu {
  background-color: #dedede; /* 1 */
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;         /* 2 */
}

.nav-menu .menu-item { border-top: 1px solid #bbb;font-family: 'robotoregular'; color:#ccc }
.nav-menu .menu-item a{ display:inline-block; text-decoration:none; padding:5px 15px; color:#656A65}
.nav-menu .menu-item a:hover{ color:#2791D1 !important;}
.nav-menu .menu-item a:active{ color:#2791D1 !important;}
.nav-menu > .menu-item:last-child { border-bottom: 1px solid #bbb; }
.nav-menu > .menu-item:hover,
.nav-menu > .menu-item.is-active { background-color: #d0d0d0; }
.nav-menu .menu-link {
  display: block; /* 1 */  text-decoration: none;  color: #444;  padding: 0.75rem 1rem; }

.has-dropdown {
  position: relative;  cursor: pointer; /* 1 */
  }

.has-dropdown > .menu-link { display: inline-block; }
.has-dropdown:after {
      font-size: 25px;  position: absolute;  top: -3px;   right: 1rem;   bottom: 0;   content: "+";  color: #2791D1;
}

.has-dropdown.is-active:after { content: "\2013"; /* 1 */ }
.nav-dropdown {
  display: none; /* 1 */
  background-color: #c0c0c0;
}
.has-dropdown.is-active > .nav-dropdown { display: block; /* 1 */ }
.nav-dropdown .nav-dropdown { background-color: #aaa; }
.nav-dropdown .menu-item { border-color: #a0a0a0; }
.nav-dropdown .nav-dropdown .menu-item {
  background-color: #b0b0b0;
  border-color: #909090;
}
.content { margin-top: 60px; }
.content .wrapper { padding: 1rem 0; }


/**--site code res---*/
.main { width: 100%;  margin: 0 auto; position: relative;  padding: 0 20px; box-sizing: border-box;}
.logo img{max-width:100%}
.header .quicklinks a{ width:auto}
.header .quicklinks{width: 55%; box-sizing:border-box; padding: 0 15px 0 0}
.intro .requestbox{ margin:0px;}
.intro .aside-left{ width:60%; box-sizing:border-box}
.intro .requestbox{ width:40%; max-width:370px;}
.intro .aside-right{ float:left; width:65%;}
.our-product{ width:100%; box-sizing:border-box; padding:30px 20px;}
/*.our-product .products ul li{margin-right:25px !important; width:195px !important ;}*/
.footer_mid_main{padding: 25px; box-sizing: border-box;}
.visit_box, .email_box,.phone_box{ box-sizing:border-box; padding:5px; width:30%;}
.email_box{width:35%!important;}
.bxfirst{ width:20%; box-sizing:border-box; max-width:180px;}
.bxfirst img{ max-width:100%}
.footerbox{ width:20%; box-sizing:border-box;     padding: 24px 11px 7px; margin:0}
.visit_box_left{ min-width:75px; padding-left:10px;}
.footer_mid_inner{ width:100%;}
.email_box_left{ width:24%}
.email_box_right{ width:64%}
#footer11{ box-sizing:border-box; padding:25px;}
.footerbox:nth-child(1){margin-right:40px;}
.visit_box_right, .email_box_right{border:none}
.header .quicklinks{ margin-top:23px;}

}



@media screen and (max-width: 1075px) 
{
.capt1 { margin-top: 28px!important; }
.intro .aside-left{ width:100%; margin-bottom: 20px;}
.intro .aside-right{ width:50%; float:right; margin-bottom: 20px;}
.intro .requestbox{ float:left; width:40%; margin-bottom: 20px;}

.visit_box, .email_box, .phone_box{ width:33.33%!important; box-sizing:border-box}
.visit_box_left, .visit_box_right{ width:100%; text-align:center; padding:0; background:none;}
.email_box_left, .email_box_right{ width:100%; text-align:center; padding:0; background:none;}
.phone_box_left, .phone_box_right{ width:100%; text-align:center; padding:0; background:none;}
.inner-banner h2{ font-size:42px;}
}


@media screen and (max-width: 980px) 
{
.ishu{ display:block}
.ishu1{ display:block}
.header .quicklinks{ width:65%;}
.intro .requestbox{ width:50%;}
.textbox .left-menu{ width:100%}
.menu-click{ display:block}
.textbox .left-menu ul { display:none}
.textbox .textarea{ float:left; width:100%; margin-top:25px;}
.textbox .left-menu .requestbox{ float:left; width:100%;}
.textbox .textarea ul li{width: 100%;  float: left;   box-sizing: border-box; margin-right:0.5%}

}

@media screen and (max-width: 945px) 
{
.titlecum{ top:85px;}
.inner-banner h2{ font-size:35px;}
.inner-banner{min-height: 203px;}
.inner-banner img{max-width:100%!important; width:100% !important; height:auto!important; min-height: 203px!important;}
}

@media screen and (max-width: 867px) 
{
.textbox .textarea .contact ul li{ width:40%; box-sizing:border-box;}
.pdf-text{ top:0}
.intro .aside-right .worlmap h2{ margin-top:6%; margin-bottom:30px; text-align: left;}

.intro .aside-right{ width:100%; float:left; max-width:none; margin: 20px; clear:both}
.intro .requestbox{ width:100%; float:left; max-width:none; margin-bottom: 40px; min-height: 390px;}
.intro .requestbox iframe{ height:320px;}

}

@media screen and (max-width: 810px) 
{
.header .quicklinks { width: 68%; }
.our-product .products ul li{ width:242px!important}
}


@media screen and (max-width: 795px) 
{
.flex-caption .capt1 .titles { font-size: 25px!important;  line-height: 25px !important; }
.capt1{font-size: 14px; line-height: 20px;     margin-top: 15px!important;}
.header .quicklinks{ width:auto; float:right; padding-right:65px;}
.header .quicklinks a{line-height: normal; font-size: 13px; padding-right:8px; text-align:left; float:left}

}


@media screen and (max-width: 750px) 
{
.capt1{ width:520px;margin-left: 20px !important;}
.intro .aside-left h1 span{ font-size:25px; line-height:normal; padding-bottom:20px;}
.pdf-text{ top:0!important}

}


@media screen and (max-width: 678px) 
{
.intro .requestbox{ width:100%; float:left; max-width:none}
.intro .requestbox iframe{ height:250px;}
.intro .aside-right .worlmap h2{ margin-top:0; margin-bottom:30px; text-align: left;}
.flexslider .slides img { width: 100%; display: block; max-width: 100%;  min-height: 250px; }
.capt1 {  width: 100%;  max-width: 520px;}
.textbox .textarea .contact ul li{ width:45%; box-sizing:border-box;}
.pdf-text{ top:0 !important;}
.textbox .textarea h2{font-size: 16px; line-height:normal}
.textbox .textarea p{ font-size:14px; line-height:normal}
.header .quicklinks{ float:left; padding-left:15px;}

.header .holiday-home{background: url(images/email-icon1.png) no-repeat 0 -19px; width: 25px; height: 18px;}
.header .holiday-home:hover{background: url(images/email-icon1.png) no-repeat 0 0px; width: 25px; height: 18px;}

.header .career-section{background: url(images/mobile-icon1.png) no-repeat 0 -25px;  width: 15px; height: 25px;}
.header .career-section:hover{background: url(images/mobile-icon1.png) no-repeat 0 0px;  width: 15px; height: 25px;}
}

@media screen and (max-width: 602px) 
{
.textbox .textarea .contact ul li{ width:70%; box-sizing:border-box;}


}

@media screen and (max-width: 576px) 
{
.footer_mid_main{ padding:25px 0;}
.visit_box, .email_box, .phone_box { width: 33%!important; box-sizing: border-box; padding:0}
.footerbox:first-child{ width:100%!important; box-sizing:border-box; text-align:center;     max-width: 100%;}
.visit_box_left img{ width:30%;}
.email_box_left img{ width:30%; padding-top:10px;}
.phone_box_left img{ width:15%;}
.visit_box_right h2, .email_box_right h2, .phone_box_right h2{ font-size:16px;}
.visit_box_right p, .email_box_right p a, .phone_box_right p{font-size:12px;}



.footerbox{ width:30%!important; box-sizing:border-box; text-align:center; margin-right:15px!important }
.capt1{ width:500px;}
.logo{min-width:170px;}
.table-responsive{ width:100%; min-width:400px; float:left; overflow-x:scroll; margin-bottom:20px; }
.our-product h2{ font-size:35px; line-height:normal}
}
@media screen and (max-width: 540px) 
{
.capt1{ width:450px;}
.slide, .production-page-slider{width: 100%;  float: left; margin-left: 0; border: 4px solid #6f6f6f;    box-shadow: 0 3px 10px #777;
    box-sizing: border-box; margin-bottom: 20px; padding:20px;}
.textbox .textarea p{width:98%!important;}
	.our-product h2{ font-size:32px; line-height:normal}
}

@media screen and (max-width: 500px) 
{
.capt1 {width: 100%; max-width: 480px; margin-left:10px !important; box-sizing:border-box;}

.header .quicklinks{ width:100%; float:right; margin-bottom:20px; padding:0; text-align:right}
.breadcum li{ font-size:13px; line-height:18px;}
.textbox .textarea h1{font-size: 22px; padding-bottom:10px;}
.rght-sd-info, .left-sd-info{ width:55%; margin:10px auto;}
.our-product h2{ font-size:28px; line-height:normal; padding-bottom:15px;}
.footerbox{ width:29%!important; box-sizing:border-box; text-align:center; margin-right:5px!important }
.header .quicklinks a{ font-size:12px!important; padding-right: 8px; margin-right: 5px;}
.header .holiday-home, .header .career-section{ margin-right:5px;}
}

@media screen and (max-width: 456px) 
{
/*.header .quicklinks a {line-height: 0; font-size: 0; padding-right:5px;color:transparent; 	text-align:left }*/
.our-product h2{ font-size:24px; line-height:normal; padding-bottom:15px;}
.visit_box_right p, .email_box_right p a, .phone_box_right p {
    font-size: 10px;
}

}

@media screen and (max-width: 400px) 
{
.flex-caption .capt1 .titles br{ display:none}
.flex-caption .capt1{ font-size:12px; line-height:normal}
.certificate{ width:100%; padding:20px;}
.footerbox{ width:100%!important; box-sizing:border-box; text-align:center; margin:5px!important; padding:0px!important; }
.visit_box, .email_box, .phone_box { width: 100%!important; box-sizing: border-box; padding:0}
.visit_box_left img{ width:auto;}
.email_box_left img{ width:auto; padding-top:10px;}
.phone_box_left img{ width:auto;}.
.visit_box_right p, .email_box_right p a, .phone_box_right p { font-size: 15px!important;}
.table-responsive{ min-width: 354px;}
}

@media screen and (max-width: 360px) 
{
.header .quicklinks a{ font-size:10px!important; padding-right: 8px; margin-right: 5px;}
.header .holiday-home, .header .career-section{ margin-right:5px;}
}
